@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}.anchor_hide{display:block;height:102px;margin-top:-102px;z-index:-1;visibility:hidden}.more{display:inline-block;padding:5px 10px;color:#fff;background-color:#15b4d4}h1{display:inline-block}h2{font-size:24px;font-weight:normal;margin-bottom:10px;line-height:1.5;color:#17659c;background-image:url(../images/title-bg.svg);background-repeat:no-repeat;background-position:top left;text-indent:40px;-webkit-background-size:36px 36px;background-size:36px}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:#15b4d4}a{text-decoration:none}input{-webkit-appearance:none;border-radius:0}em{font-style:normal}img{max-width:100%}.remind{display:block;color:red}.container{max-width:1100px;width:100%;margin:0 auto}article{margin:40px 0}.button-center{text-align:center;margin-top:20px}.swiper-arrow{position:relative;z-index:0}.swiper-arrow .swiper-button-prev,.swiper-arrow .swiper-button-next{height:100%;top:0;-webkit-background-size:70% auto;background-size:70% auto;margin:0;opacity:0.7}.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}.banner{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}.banner .banner-box{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;background-image:url(../images/banner.jpg);background-repeat:repeat-x}.banner .banner-box .bubbles{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:1708px;width:1708px;top:50px}.banner .banner-box .dolphins{position:absolute;max-width:1670px;width:1670px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-300px}.banner .banner-box .cloud{position:absolute;max-width:2000px;width:2000px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-120px}.banner>.container{z-index:2;position:relative;text-align:center}.banner .title{margin-bottom:20px;max-width:400px;width:100%}nav a{font-size:20px;color:#333;display:block;text-align:center;padding:15px 0 10px;border-bottom:5px solid #fff}.tab-wrap{max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;list-style:none;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.tab-wrap .tab{display:none}.tab-wrap .tab:checked:nth-of-type(1) ~ .tab-content:nth-of-type(1){opacity:1;-webkit-transition:.8s all ease-in-out;-o-transition:.8s all ease-in-out;transition:.8s all ease-in-out;position:relative;top:0;z-index:1}.tab-wrap .tab:checked:nth-of-type(2) ~ .tab-content:nth-of-type(2){opacity:1;-webkit-transition:.8s all ease-in-out;-o-transition:.8s all ease-in-out;transition:.8s all ease-in-out;position:relative;top:0;z-index:1}.tab-wrap .tab:checked:nth-of-type(3) ~ .tab-content:nth-of-type(3){opacity:1;-webkit-transition:.8s all ease-in-out;-o-transition:.8s all ease-in-out;transition:.8s all ease-in-out;position:relative;top:0;z-index:1}.tab-wrap .tab:checked+label{cursor:default}.tab-wrap .tab+label{cursor:pointer;display:block;text-decoration:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;width:calc(100% / 3)}.tab-wrap .tab-content{padding:20px 10px;position:absolute;width:100%;z-index:-1;opacity:0;left:0}.search_bar{padding:10px;margin:0 auto}.search_bar .btns{color:#fff !important}.news_new{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.news_new>a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:1}.news_new img{width:40%}.news_new .new_info{width:60%;padding-left:20px}.news_new .new_info h3{color:#15b4d4;margin-bottom:10px}.news_new .new_info p{line-height:1.5;padding-bottom:35px}.offer .swiper-slide{border:1px solid #eee;-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);opacity:.7}.offer .swiper-slide::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:3}.offer .swiper-slide-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.offer .swiper-slide-active::after{display:none}.offer .grid_list .grid_beroom{top:auto;bottom:-17.5px}.offer .grid_list .grid_txt{padding:20px 10px 10px 10px}.hotels .tab-wrap .tab:checked+label .hotels-type{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;border-bottom:3px solid #15b4d4}.hotels .tab-wrap img{width:50px;height:50px;margin-bottom:10px}.hotels .tab-content{border:1px solid #eee;border-radius:10px}.hotels .hotels-type{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;padding:10px}.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:#ff6a6c}.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_name{margin-bottom:5px}.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:#ffc01e}.grid_list .grid_prices{color:red;margin-right:10px}.stroke .areas{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20px}.stroke .areas a{height:100%;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;color:#fff;font-size:24px;background-color:rgba(23,101,156,0.3);position:absolute;top:0;left:0;width:100%}.stroke .area{width:25%;background-position:center;-webkit-background-size:cover;background-size:cover;padding-bottom:35%;position:relative}.stroke .area:nth-child(1n){background-image:url(../images/north.jpg)}.stroke .area:nth-child(2n){background-image:url(../images/west.jpg)}.stroke .area:nth-child(3n){background-image:url(../images/south.jpg)}.stroke .area:nth-child(4n){background-image:url(../images/east.jpg)}.attractions figure a{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.attractions figure span{position:absolute;left:5px;background-color:#fff;border:1px solid #333;bottom:5px;padding:0 5px;border-radius:15px;background-image:url(../images/mapicon.svg);background-repeat:no-repeat;-webkit-background-size:22px 22px;background-size:22px 22px;text-indent:15px}.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 .hidden img{display:none}.attractions figcaption{text-align:center;font-size:20px;margin-top:10px}.attractions .tab-wrap{-webkit-box-shadow:0 3px 10px 3px rgba(51,51,51,0.1);box-shadow:0 3px 10px 3px rgba(51,51,51,0.1);border-radius:0 0 10px 10px}.attractions .tab-wrap .tab:checked:nth-of-type(1)+label{color:#f5f5f5;background-color:#ff6a6c}.attractions .tab-wrap .tab:checked:nth-of-type(2)+label{color:#f5f5f5;background-color:#17659c}.attractions .tab-wrap .tab:checked:nth-of-type(3)+label{color:#f5f5f5;background-color:#15b4d4}.attractions .tab-wrap .tab+label{background-color:#eee;padding:15px}.activity{min-height:auto}.activity .link-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.activity figure{margin-right:1%;margin-bottom:20px;width:24.25%;max-width:300px;border-radius:50%;overflow:hidden;position:relative}.activity figure:nth-child(4n){margin-right:0}.activity figure a{position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:1;-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all}.route form{padding:10px;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;text-align:center;background-color:#ebfafd}.route form select{border:1px solid;font-size:16px;height:35px;padding:0 0 0 5px;width:100%;color:#666;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:10px}.route form input{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;cursor:pointer;background-color:#15b4d4;color:#fff}.route .route-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:20px 0}.route .route-list{width:calc(100%/3);background:url(../images/list-icon.png) no-repeat left;text-indent:20px;line-height:45px}.route .route-list a{color:#333;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:block}.route .route-map{border:1px solid #15b4d4;width:100%}.route iframe{width:100%;height:500px}@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}nav li:first-child{display:none}#fixed_nav .container{border-bottom:0}.mobile_nav{display:none}.hotels .tab-wrap .tab:checked+label .hotels-type{background-color:#ebfafd}.hotels .tab-wrap .tab+label{max-width:212px}.hotels .tab-content{border:1px solid #eee;border-radius:10px;margin-top:20px}.hotels .hotels-type{border:3px solid #15b4d4;width:150px;height:150px;border-radius:50%}}@media (min-width: 1024px){nav a{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all}nav a:hover{border-bottom:5px solid #f90}.more{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all}.more:hover{background-color:#14a8c6}#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}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:#ffb905}.news_new>a{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all}.news_new>a:hover{background-color:rgba(255,255,255,0.3)}.route input:hover{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all}.route input:hover:hover{background-color:#13a0bd}}@media (min-width: 1100px){.stroke .areas a{-webkit-transition:0.4s all;-o-transition:0.4s all;transition:0.4s all;opacity:0}.stroke .area{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-transition:0.4s all ease-in-out;-o-transition:0.4s all ease-in-out;transition:0.4s all ease-in-out;-webkit-background-size:100% 100%;background-size:100%}.stroke .area:hover{-webkit-box-flex:1.2;-webkit-flex:1.2;-ms-flex:1.2;flex:1.2;-webkit-background-size:110% 110%;background-size:110%}.stroke .area:hover a{opacity:1}}@media (max-width: 970px){body{margin-top:60px}.anchor_hide{height:60px;margin-top:-60px}#header{position:fixed;top:0;left:0;width:100%;z-index:10}.activity .link-box{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.activity figure{margin-right:2%;margin-bottom:20px;width:49%}.activity figure:nth-child(2n){margin-right:0}#mobile_nav li a{border:0;padding:10px 0}.route .route-list{width:calc(100%/2)}}@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}.banner .banner-box .bubbles{max-width:calc(1708px / 1.5);width:calc(1708px / 1.5)}.banner .banner-box .dolphins{max-width:calc(1670px / 2);width:calc(1670px / 2)}.banner .banner-box .cloud{max-width:calc(2000px / 1.5);width:calc(2000px / 1.5)}.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}.news_new{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.news_new img{width:100%;margin-bottom:10px}.news_new .new_info{width:100%;padding:0}.mobile_button{display:block;margin:0 auto;margin-top:20px;width:150px;color:#fff;background-color:#f90;text-align:center;padding:10px 0}.areas{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.areas .area{width:50%}.route .route-list{width:100%}}