@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Segoe UI", Arial, Helvetica, "Microsoft JhengHei Correct", 'Microsoft JhengHei', PMingLiU, sans-serif;}
body{font-size:16px;color:#333;line-height:25px;}
.fixed body{margin-top:102px;}
#fixed_bar .logoicon{width:188px !important;height:59px !important;margin-top:0 !important;margin-bottom:5px !important;}
.disc{margin-left:20px;list-style:disc;}
h1{display:inline-block;}
h2{font-size:24px;font-weight:normal;margin-bottom:10px;background-image:url(../images/water-gun.svg);background-repeat:no-repeat;background-position:top left;text-indent:40px;-webkit-background-size:35px 35px;background-size:35px;line-height:35px;}
h3{font-size:20px;vertical-align:middle;}
h3 .grid_address{background-image:url(../images/mapicon.svg);background-repeat:no-repeat;-webkit-background-size:22px 22px;background-size:22px 22px;text-indent:20px;font-weight:normal;font-size:15px;color:#333;display:block;}
h3,
h3 a{color:#293668;}
a{text-decoration:none;transition: all .3s}
input{-webkit-appearance:none;border-radius:0;}
em{font-style:normal;}
img{max-width:100%;}
.remind{display:block;color:red;}
.remind a{color:red;text-decoration: underline;}
.remind a:hover{color:#000;}
.container{max-width:1100px;width:100%;margin:0 auto;}
.intro{margin:40px 0;line-height:35px;}
article{margin:40px 0;}
.swiper-arrow{position:relative;z-index:0;}
.swiper-arrow .swiper-button-prev,
.swiper-arrow .swiper-button-next{opacity:0.7;height:100%;top:0;-webkit-background-size:70% auto;background-size:70% auto;margin:0;}
.swiper-arrow .swiper-button-next.swiper-button-disabled,
.swiper-arrow .swiper-button-prev.swiper-button-disabled{opacity:0;}
.swiper-arrow .swiper-button-next{right:-65px;background-image:url(../images/blue-arrow-next.svg);}
.swiper-arrow .swiper-button-prev{left:-65px;background-image:url(../images/blue-arrow-prev.svg);}
.swiper-wrapper{-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.swiper-container{padding:0px !important;background:transparent !important;}
.swiper-pagination{position:static !important;}
.swiper-button-prev,
.swiper-button-next{width:50px;height:100%;top:0;}
.swiper-button-next{right:0;}
.swiper-button-prev{left:0;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity:0;}
.swiper-pagination-bullet-active{background-color:#e6263c;}
.banner{background-image:url(../images/banner.jpg);background-position:center;-webkit-background-size:cover;background-size:cover;height:500px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:9;text-align:center;}
.banner .container{position:relative;z-index:1;}
.banner .ocean{height:35px;width:100%;position:absolute;bottom:0;left:0;background:#5CA3E0;}
.banner .wave{background-image:url(../images/wave.png);background-repeat:repeat-x;position:absolute;bottom:0;width:100%;height:100px;-webkit-animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.banner .wave:nth-of-type(2){bottom:0;-webkit-animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;opacity:1;}
.banner .title{margin-bottom:20px;}
.banner .disabled .festival,
.banner .disabled .day{display:none;}
nav a{font-size:20px;color:#333;display:block;text-align:center;padding:15px 0 10px;border-bottom:5px solid #fff;}
.search_bar{padding:10px;margin:0 auto;}
.search_bar .btns{color:#fff !important;}
.about h3{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid;}
.about .about_box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.about .about_pic{width:45%;}
.about .about_info{width:55%;padding-right:20px;}
.featured h3{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid;}
.featured .swiper-slide{overflow:hidden;}
.featured .featured_hotel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.featured .featured_pic{width:50%;background-position:center;-webkit-background-size:cover;background-size:cover;height:230px;}
.featured .featured_pic a{display:block;width:100%;height:100%;}
.featured .featured_pic img{display:none;}
.featured .featured_info{width:50%;padding:0 20px;}
.featured li{background:url(../images/list_icon.png) no-repeat left;text-indent:20px;border-bottom:1px solid;line-height:45px;}
.featured li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
.featured li .grid_prices{float:none;padding:0px;min-width:120px;text-align:right;color:red;}
.featured li span{color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}
.grid_list{position:relative;}
.grid_list .grid_link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.grid_list .grid_beroom{font-size:16px;position:absolute;top:5px;left:0;padding:5px 10px;color:#fff;background-color:#e6263c;}
.grid_list .grid_pic{position:relative;}
.grid_list .grid_pic a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.grid_list .img_bg{padding-bottom:75%;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;}
.grid_list .img_bg img{display:none;}
.grid_list .grid_txt{padding-top:5px;}
.grid_list .grid_name,
.grid_list .grid_address{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:block;}
.grid_list .grid_address{background-image:url(../images/mapicon.svg);background-repeat:no-repeat;-webkit-background-size:22px 22px;background-size:22px 22px;text-indent:20px;font-weight:normal;font-size:15px;color:#333;margin-top:5px;}
.grid_list .grid_Prj{height:50px;overflow:hidden;margin-top:5px;}
.grid_list .grid_Prj a{color:#333;}
.grid_list .grid_rate{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}
.grid_list .grid_booking{padding:3px 25px;color:#fff;background-color:#46b1ff;}
.grid_list .grid_prices{color:red;margin-right:10px;}
.attractions figure a{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:1;}
.attractions .hidden{padding-bottom:100%;-webkit-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border-radius:50%;}
.attractions img{display:none;}
.attractions figcaption{text-align:center;font-size:20px;margin-top:10px;}
.table-responsive{border-top:1px solid #333;margin:1em 0;}
.table-responsive>table{background:#fff;border:1px solid;border-top:0;}
.table-responsive>table>tbody>tr>td{vertical-align:middle;padding:.5em;border-right:1px solid #333;border-bottom:1px solid #333;}
.table-responsive>table>thead>tr>th{vertical-align:middle;padding:.5em;border-right:1px solid #333;border-bottom:1px solid #333;}
.table-responsive .title{text-align:center;font-size:18px;}
.table-responsive ul{margin-left:20px;list-style:disc;}
.table-responsive ol{margin-left:20px;list-style:decimal;}
.table-responsive li{word-break:initial;}
.table-responsive .tickets{text-align:center;width:170px;}
.table-responsive .fare{text-align:center;width:95px;}
.table-responsive .fooicon{display:inline;}
.transportation tbody th,
.transportation .footable-header{display:none;}
.transportation .station{font-weight:bold;}
.transportation .google_map{margin:20px 0;}
@media (max-width: 1100px){
.container,
.fixed_content{padding:0 10px;}
article:not(:nth-of-type(1)) .swiper-button-next,
article:not(:nth-of-type(1)) .swiper-button-prev{display:none;}
.swiper-arrow{overflow:hidden;}
}
@media (min-width: 741px){
.search_button{display:none;}
.top_bar{position:absolute;top:60px;right:0;z-index:3;}
.search_container{background:rgba(255,255,255,0.7);}
nav{z-index:1;position:relative;}
nav .active a{border-bottom:5px solid #f60;}
nav .container{border-bottom:3px solid #eee;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
nav li{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
#fixed_nav .container{border-bottom:0;}
.mobile_nav{display:none;}
}
@media (min-width: 1024px){
.featured .featured_hotel{width:70%;float:left;}
.featured .featured_lists{width:30%;float:left;}
.table-responsive>table>tbody>tr>td.padding_none{padding:0;}
.transportation .padding_none div:last-of-type *{border-bottom:0;}
.transportation .traffic_options{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.transportation .station{width:100px;min-width:100px;padding:.5em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #333;border-right:1px solid #333;}
.transportation .remind{border-bottom:1px solid #333;padding:.5em;}
.transportation .route{border-bottom:1px solid #333;padding:.5em;width:100%;}
nav a{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;}
nav a:hover{border-bottom:5px solid #f90;}
#rooms_search_bar .btns{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;}
#rooms_search_bar .btns:hover{background-color:#f60;}
.featured_pic a{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;}
.featured_pic a:hover{background-color:rgba(255,255,255,0.3);}
.featured a:hover span{color:#46b1ff;}
.featured span{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;}
figure a{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;}
figure a:hover{background-color:rgba(255,255,255,0.3);}
.swiper-button-prev,
.swiper-button-next{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;}
.swiper-button-prev:hover,
.swiper-button-next:hover{opacity:1;}
.grid_booking{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;}
.grid_booking:hover{background-color:#2da6ff;}
}
@media (max-width: 970px){
body{margin-top:60px;}
.intro{line-height:25px;margin:20px 0;}
#header{position:fixed;top:0;left:0;width:100%;z-index:10;}
#mobile_nav li a{border:0;padding:10px 0;}
.none_title th{display:none;}
.fare .footable-details tbody tr{border-bottom:0;}
.fare .footable-details tbody th{border-right:0;text-align:left;}
.fare .footable-details tbody th:nth-child(1){width:90px !important;border-bottom:0;vertical-align:middle;padding:5px 0;}
.fare .footable-details tbody td{border-right:0;padding:5px 0;}
.fare .footable-header{display:none;}
.table-responsive .tickets,
.table-responsive .fare{text-align:left;}
.traffic_options,
.remind{margin-bottom:20px;}
}
@media (max-width: 740px){
body{margin-bottom:47px;}
article{margin:20px 0;}
.banner{height:255px;}
.banner>.container{text-align:center;padding:0 10px;}
.banner .title{margin-bottom:0;max-width:300px;}
.search_bar{width:100%;}
.search_bar li{width:100%;padding:5px 0;}
.search_button{position:fixed;bottom:0;left:0;right:0;z-index:10;color:#fff;}
.swiper-button-next,
.swiper-button-prev{display:none;}
}
@media (max-width: 480px){
body{font-size:18px;}
.banner .ocean{bottom:0;}
.mobile_button{display:block;margin:0 auto;margin-top:20px;width:150px;color:#fff;background-color:#f90;text-align:center;padding:10px 0;}
.about .about_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.about .about_pic{width:100%;margin-bottom:20px;}
.about .about_info{width:100%;padding-right:0;}
.featured .featured_hotel{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;float:none;}
.featured .featured_pic,
.featured .featured_info,
.featured .featured_lists{width:100%;float:none;}
.featured .featured_info{padding:10px 0;}
}
@-webkit-keyframes wave{
0%{background-position:0 0;}
100%{background-position:1600px 0;}
}
@keyframes wave{
0%{background-position:0 0;}
100%{background-position:1600px 0;}
}
@-webkit-keyframes swell{
0%,100%{-webkit-transform:translate3d(0, -35px, 0);transform:translate3d(0, -35px, 0);}
50%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
}
@keyframes swell{0%,100%{-webkit-transform:translate3d(0, -35px, 0);transform:translate3d(0, -35px, 0);}
50%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
}