@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Playball|Fjalla+One);
@import url(slidershow.css);  
@import url(tourslider.css);  
@import url(flickity-docs.css);  

html, body{height:100%; margin:0;}

/*banner*/
.block1{width:100%; position:relative;}
.block1 img{width:100%;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li{width:100%;}
.rslides_here a {background: rgba(255, 255, 255, .1);color: #fff;font-weight: bold;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
#slider3 {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0 auto;}
#slider3-pager{display:none;}
#slider3-pager a {display: inline-block;}
#slider3-pager img {float: left;}
#slider3-pager .rslides_here a {background:#fff;}
#slider3-pager a {padding: 0;}
.rslides_tabs{position:absolute; bottom:110px; left:49%; z-index:9;}
.rslides_tabs li {display: inline;float: none;margin-right: 5px;}
.rslides_tabs a {width:10px; height:10px; padding:8% 0 0 0; border-radius:100px; background:#B5D3F7; display:inline-block; box-sizing:border-box;}



/* Fallback */
.no-js .content-wrap section {display: block;}
.no-flexbox nav ul {display: block;}
.no-flexbox nav ul li {min-width: 15%; display: inline-block;}

/*tour_sixpack*/
.tour_sixpack{background:url(../images/index_tour_bg.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}
.theme{position:relative; width:25%; height:100%; float:left;}
.theme .placetit{margin-top:45%; text-align:right;}
.theme .placetit .bigtit{font-size:5em; color:#fff; text-align:left; padding-left:5%;}
.theme .placetit .titslogan{font-family: 'Playball', cursive; color:#fff; padding:5px; font-size:1.1em;
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 30%, rgba(255,255,255,0.5) 100%); 
  background: -o-linear-gradient(left, rgba(0,0,0,0) 30%, rgba(255,255,255,0.5) 100%); 
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 30%, rgba(255,255,255,0.5) 100%); 
  background: linear-gradient(left, rgba(0,0,0,0) 30%, rgba(255,255,255,0.5) 100%);}
.theme .seemoretours{color:#fff; position:absolute; bottom:15%; right:10%; font-size:1.2em; letter-spacing:1px; background:url(../images/arrow.png) no-repeat right; padding-bottom:10px; padding-right:30px; transition: all ease 0.5s;}
.theme .seemoretours:hover{box-shadow:0 3px 0 0px #fff;}
.cloumn{width:33.33%; float:left;}
.sixpack{width:75%; float:left; height:100%;}
.sixpack .tourbox{height:50%; position:relative;}
.sixpack .tourbox a{ color:#000;}
.sixpack .tourbox .tourimg{width:100%; max-height:80%; position:relative; overflow:hidden;}
.sixpack .tourbox .tourimg img{ width:100%;}
.sixpack .tourbox .tourname{padding:15px 25px; width:100%;}
.sixpack .tourbox .tourname .tour{font-size:1.3em; margin-bottom:5px;}
.tour_price{background:#fff; color:#555;}
.tour_price span{font-family: 'Fjalla One', sans-serif; color:#ff4800; font-size:2em;}

/*transition*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.curtain{
z-index:1;
position:absolute;
height:100%;
width:100%;
overflow:hidden;
-webkit-animation:hideCurtain;
   -moz-animation:hideCurtain;
    -ms-animation:hideCurtain;
     -o-animation:hideCurtain;
        animation:hideCurtain;
-webkit-animation-duration:2s;
   -moz-animation-duration:2s;
    -ms-animation-duration:2s;
     -o-animation-duration:2s;
        animation-duration:2s;
-webkit-animation-fill-mode:forwards;
}
.curtain div{
position:absolute;
height:100%;
width:100%;
left:0;
top:0;
-webkit-animation:swipeRight;
   -moz-animation:swipeRight;
    -ms-animation:swipeRight;
     -o-animation:swipeRight;
        animation:swipeRight;
-webkit-animation-duration:1.5s;
   -moz-animation-duration:1.5s;
    -ms-animation-duration:1.5s;
     -o-animation-duration:1.5s;
        animation-duration:1.5s;
-webkit-animation-timing-function:cubic-bezier(0.6, 0, 0.4, 1);
   -moz-animation-timing-function:cubic-bezier(0.6, 0, 0.4, 1);
    -ms-animation-timing-function:cubic-bezier(0.6, 0, 0.4, 1);
     -o-animation-timing-function:cubic-bezier(0.6, 0, 0.4, 1);
        animation-timing-function:cubic-bezier(0.6, 0, 0.4, 1);
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.curtain div:before{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:white;
content:'';
left:-100%;
-webkit-animation:swipeRight 1.5s ease forwards;
   -moz-animation:swipeRight 1.5s ease forwards;
    -ms-animation:swipeRight 1.5s ease forwards;
     -o-animation:swipeRight 1.5s ease forwards;
        animation:swipeRight 1.5s ease forwards;
-webkit-animation-delay:0.7s;
   -moz-animation-delay:0.7s;
    -ms-animation-delay:0.7s;
     -o-animation-delay:0.7s;
        animation-delay:0.7s;
}
.curtain div:after{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:black;
content:'';
left:-100%;
-webkit-animation:fadeOut 1.5s ease forwards;
   -moz-animation:fadeOut 1.5s ease forwards;
    -ms-animation:fadeOut 1.5s ease forwards;
     -o-animation:fadeOut 1.5s ease forwards;
        animation:fadeOut 1.5s ease forwards;
-webkit-animation-delay:0.7s;
   -moz-animation-delay:0.7s;
    -ms-animation-delay:0.7s;
     -o-animation-delay:0.7s;
        animation-delay:0.7s;
}
@-webkit-keyframes fadeOut{
20%, 30% {
    opacity: 1; }

  100% {
    opacity: 0; }
}
@keyframes fadeOut{
20%, 30% {
    opacity: 1; }

  100% {
    opacity: 0; }
}
@-webkit-keyframes swipeRight{
50%, 60% {
    -webkit-transform: translate(0);
    transform: translate(0); }

  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
}
@keyframes swipeRight{
50%, 60% {
    -webkit-transform: translate(0);
    transform: translate(0); }

  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
}

@-webkit-keyframes hideCurtain{
0%, 99% {
    z-index: 1; }

  100% {
    z-index: 0; }
}
@keyframes hideCurtain{
0%, 99% {
    z-index: 1; }

  100% {
    z-index: 0; }
}

/*首頁形成框*/
.showlater{
background:white; width:100%; height:100%; padding-right:1px;
}

@-webkit-keyframes fadeIn{
0%, 99%{ opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{
0%, 99%{ opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{
0%, 99%{ opacity:0;}
100%{opacity:1;}
}
.showoverlay{
position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; text-indent:-9999px;
opacity:0;
width:100%;
height:100%;
background:-webkit-gradient(linear, left top, right bottom, color-stop(30%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
background:-webkit-gradient(linear,15.85% -9.15%,84.15% 109.15%,color-stop(rgba(255, 255, 255, 0),0.3),color-stop(rgba(0, 0, 0, 0.65),1));
background:-webkit-linear-gradient(-60deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:   -moz-linear-gradient(-60deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:     -o-linear-gradient(-60deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:        linear-gradient(-60deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:-webkit-gradient(linear,-9.15% 9.15%,109.15% 90.85%,color-stop(rgba(255, 255, 255, 0),0.3),color-stop(rgba(0, 0, 0, 0.65),1));
background:-webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:   -moz-linear-gradient(330deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:     -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:        linear-gradient(330deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:-webkit-gradient(linear,84.15% 109.15%,15.85% -9.15%,color-stop(rgba(255, 255, 255, 0),0.3),color-stop(rgba(0, 0, 0, 0.65),1));
background:-webkit-linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:   -moz-linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:     -o-linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
background:        linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.65) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff0000',GradientType=1 );
-webkit-transition:opacity 0.5s ease;
   -moz-transition:opacity 0.5s ease;
     -o-transition:opacity 0.5s ease;
        transition:opacity 0.5s ease;
-webkit-transform:translateZ(0);
   -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
     -o-transform:translateZ(0);
        transform:translateZ(0);
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
.showoverlay:hover{
opacity:1;
-webkit-transition:opacity 0.5s ease;
   -moz-transition:opacity 0.5s ease;
     -o-transition:opacity 0.5s ease;
        transition:opacity 0.5s ease;
}

/*news*/
.greybar{background:#f2f2f2; padding:50px 20px; width:100%;}
.greybar .title{color:#2e2e2e; font-size:1.5em; background:url(../images/line1.jpg) no-repeat left bottom; padding-bottom:5px; margin-bottom:20px;}
.news, .related{width:50%; float:left; height:240px; overflow:hidden;}
.news{border-right:1px solid #d4d4d4; padding:20px 50px ;}
.news-list{width:100%;}
.news-list a{color:#595959;}
.news-list a:hover{color:#00a2ff;}
.news-list .newsdate{display:block; color:#555; margin-bottom:5px; font-size:90%; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-style:italic;}
.related{border-left:1px solid #fff; padding:20px 50px;}
.related .sitebox{width:120px; height:140px; margin-right: 20px; float:left; position:relative; transition:all ease 0.5s;}
.related .sitebox img{width:100%;}
.related .sitebox p{position:absolute; bottom:0; left:0; width:100%; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:0.75em; padding:5px; z-index:1}
.related .sitebox a{position:absolute; top:0; right:0; bottom:0; left:0; display:block; text-indent:-9999px; z-index:2}
.related .sitebox:hover{box-shadow:0 0 5px #555; opacity:0.9;}

@media only screen 
and (max-width : 1400px) {
.theme .placetit .bigtit{font-size:4em; }
.theme .placetit .titslogan{padding:5px 8px; font-size:1em;}

}

@media only screen 
and (max-width : 1200px) {
}

@media only screen 
and (max-width : 990px) {
.tour_sixpack{height:100%;}
.theme{width:100%; float:none; height:20%; overflow:hidden;}
.theme .placetit{margin-top:3%; text-align:right; float:right; width:50%;}
.theme .placetit .bigtit{font-size:3em; text-align:right;}
.theme .placetit .titslogan{padding:5px 8px; font-size:1em;}
.theme .seemoretours{ bottom:20%; left:5%; width:25%; background-position: right 7px;}
.sixpack{width:100%; float:none; height:80%;}
.slider-pagi{display:none;}
}

@media only screen 
and (max-width : 768px) {
/*sixpack*/
.theme .placetit{width:80%;}
.theme .placetit .bigtit{font-size:2.5em; text-align:right; padding-right:20px;}
.theme .placetit .titslogan{padding:5px 8px; font-size:0.9em;}
.sixpack .tourbox .tourname .tour{font-size:1.1em;}
.tour_price span{font-size:1.5em;}

.greybar .title{font-size:1.5em; margin-bottom:20px; }
.news, .related{width:100%; float:none; height:auto; border:0; padding:20px;}
.news{padding-bottom:55px;}
}

@media only screen 
  and (min-device-width: 568px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
.cbp-bislideshow li div .slogan { font-size: 3em}
.tour_sixpack.full{width:100%; height:auto; overflow:hidden;}
.theme{width:100%; float:none; height:auto; padding:1.5em 0;}
.theme .placetit{margin-top:0%; float:none; width:100%;}
.theme .placetit .bigtit{font-size:2em; padding-right:10px; }
.theme .placetit .titslogan{display:none;}
.theme .seemoretours{font-size:0.9em;width:30%;}
.cloumn{width:50%; float:left;}
.sixpack .tourbox .tourname{padding:10px;}
.sixpack .tourbox .tourname .tour{font-size:1em;}
.tour_price span{font-size:1.3em;}
}

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.tour_sixpack.full{width:100%; height:auto; overflow:hidden;}
.theme{width:100%; float:none; height:auto; padding:1.5em 0;}
.theme .placetit{margin-top:0%; float:none; width:100%;}
.theme .placetit .bigtit{font-size:2em; padding-right:10px; }
.theme .placetit .titslogan{display:none;}
.theme .seemoretours{font-size:0.9em;width:30%;}
.cloumn{width:50%; float:left;}
.sixpack .tourbox .tourname{padding:10px;}
.sixpack .tourbox .tourname .tour{font-size:1em;}
.tour_price span{font-size:1.3em;}
}
@media only screen 
and (max-width : 480px) {

/*sixpack*/
.tour_sixpack{background:none #222;}
.tour_sixpack.full{width:100%; height:auto; overflow:hidden;}
.theme{width:100%; float:none; height:auto; padding:1.5em 0;}
.theme .placetit{margin-top:0%; float:none; width:100%;}
.theme .placetit .bigtit{font-size:2em; padding-right:10px; }
.theme .placetit .titslogan{display:none;}
.theme .seemoretours{font-size:0.9em;width:30%;}
.cloumn{width:50%; float:left;}
.sixpack .tourbox .tourname{padding:10px;}
.sixpack .tourbox .tourname .tour{font-size:1em;}
.tour_price span{font-size:1.3em;}

.tour_oneonly{height:115% !important;}

.slider-pagi{display:none;}
.related .sitebox{width:100px;}
.related .sixpack .tourbox{height:auto;}
.related .sitebox p{font-size:0.75em; padding:5px;}

}