@charset "UTF-8";.area-list,ul.s_sort{list-style:none}.area-list .text,ul.s_sort li>div{font-size:15px;font-weight:300}.product_h:before,h1:after,ul.s_sort li>div:before{content:""}.card_img>span,.card_title,.discount,.point{text-overflow:ellipsis}.kv h1{width:74%;max-width:375px;height:auto;text-indent:0;overflow:visible;margin-top:20px;margin-bottom:70px}.KR .kv h1{margin-bottom:130px}.HK .kv h1,.TH .kv h1{margin-bottom:100px}h1 img{width:100%}h1:after{position:absolute;display:block;width:20px;height:12px;left:218px;top:35px;background:url(/Images/HTL/hotel.png) -20px -302px no-repeat;animation:takeoff 5s ease-in-out .5s infinite}@keyframes takeoff{0%{top:36px;left:174px;transform:rotate(15deg);opacity:0}45%{top:36px;left:174px;opacity:1}60%{top:36px;transform:rotate(15deg);opacity:1}80%{top:-80px;left:700px;transform:rotate(-15deg);opacity:0}99.9%{opacity:0}}.slogan3{position:relative;display:block;width:100%;height:30px}.slogan3 span{position:absolute;display:block;width:100px;height:30px;top:0;left:0;background-image:url(/Images/PKG/index_h1_mobile.png)}.s_box,ul.s_sort{position:relative;display:block;margin:0 auto}.slogan3 span:nth-child(1){background-position:0 -96px;animation:slogan3_1 5s linear}.slogan3 span:nth-child(2){left:110px;background-position:-110px -96px;animation:slogan3_2 5s linear}.slogan3 span:nth-child(3){width:150px;left:218px;background-position:-218px -96px;animation:slogan3_3 5s linear}@keyframes slogan3_1{0%{opacity:0}20%{opacity:0;left:80px}23%{opacity:1;left:0}}@keyframes slogan3_2{0%{opacity:0}30%{opacity:0;left:170px}33%{opacity:1;left:110px}}@keyframes slogan3_3{0%{opacity:0}40%{opacity:0;left:278px}43%{opacity:1;left:218px}}ul.s_sort{text-align:center}ul.s_sort li,ul.s_sort li>div:before{display:inline-block;position:relative}ul.s_sort li{margin:0 5px 4px;padding:8px 22px;border-radius:5px 5px 0 0;cursor:pointer;vertical-align:bottom;background-color:rgba(0,0,0,.7);color:#fff;-webkit-transition:all .4s;transition:all .4s}ul.s_sort li:not(.selected):hover{background-color:rgba(0,0,0,.9)}ul.s_sort li.selected{padding:15px 45px 10px;margin-bottom:0;background:-webkit-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,.9),rgba(0,0,0,.7));background:-o-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,.9),rgba(0,0,0,.7));background:-moz-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,.9),rgba(0,0,0,.7));background:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,.9),rgba(0,0,0,.7))}.s_box:hover ul.s_sort li.selected{background-color:rgba(0,0,0,.9)}ul.s_sort li.selected>div{letter-spacing:.5em}ul.s_sort li>div:before{width:30px;height:20px;background-image:url(/Images/HTL/hotel.png)}ul.s_sort li.hotel>div:before{background-position:-380px -250px}ul.s_sort li.ticket>div:before{background-position:-350px -250px}ul.s_sort li.package>div:before{background-position:-410px -250px;width:20px}ul.s_sort li.admission>div:before{background-position:-380px -270px}ul.s_sort li.selected>div:before{display:block;margin:0 auto 5px}ul.s_sort li:not(.selected)>div:before{margin-right:5px;top:2px}.index_content{position:relative;display:block;width:96%;max-width:1154px;margin:0 auto}.area-list .text,.slogan5{position:absolute;overflow:hidden}.index_content>header{padding:0 9px;margin:45px 0 25px}.slogan5{display:block;width:306px;height:35px;top:4px;background:url(/Images/PKG/slogan.png) no-repeat;text-indent:-20em}.area-list li,.intro span{position:relative;float:left}.intro{margin-left:340px;padding-left:33px;border-left:#000 1px solid}.intro p{display:none}.intro span{display:inline-block;height:16px;margin:3px 0;background:url(/Images/PKG/slogan.png) 0 -40px no-repeat}.intro span:nth-of-type(1){width:412px}.intro span:nth-of-type(2){width:346px;background-position:0 -60px}.intro span:nth-of-type(3){width:346px;background-position:0 -80px}.intro span:nth-of-type(4){width:280px;background-position:0 -100px}.area-list li{display:block;height:280px;background-position:0 0;background-repeat:no-repeat;margin:9px}.area-list li.S{width:220px}.area-list li.L{width:calc(100% - 494px);max-width:660px}.area-list .text{display:block;left:100px;top:26px;width:94px;height:26px;color:#764500}.area-list .text>div,.area-list li a{position:absolute;display:block;width:100%;height:100%}.area-list .text>div{text-align:right}.area-list li a{top:0;left:0;text-indent:-20em;overflow:hidden;z-index:5}.kind{top:100%}.icons.arrow_up{position:relative;width:9px;height:12px;display:inline-block;margin-left:2px;line-height:12px;background:url(/Images/HTL/hotel.png) -90px -40px no-repeat;text-indent:30px;overflow:hidden}.text .kind{animation:kind 4s infinite}.text .price{top:0;animation:price 4s infinite}@keyframes kind{0,40%{top:100%}50%,80%{top:0}100%,90%{top:-100%}}@keyframes price{0,40%{top:0}50%,80%{top:-100%}80.01%{top:100%}100%,90%{top:0}}.product{padding-left:9px}.product_h{position:relative;margin:10px 0 35px;color:#f29221;font-weight:300}.product_h:before{position:absolute;display:block;width:100%;height:1px;bottom:12px;left:0;background-color:#f29221;z-index:-1}.product_h .explain,.product_h h2{background-color:#fff;display:inline-block}.product_h h2{font-size:30px}.product_h .explain{position:relative;padding:0 .5em;font-size:12px;cursor:help}.product_h .explain:before{content:"?";margin-right:3px;display:inline-block;width:1em;height:1em;line-height:1;background-color:#f29221;color:#fff;text-align:center;border-radius:.5em}.product_h .explain:after,article h3:before{content:"";position:absolute}.card_box,a.card,article h3{display:block}.product_h .explain:after{top:100%;left:-100px;z-index:5;display:block;width:882px;height:0;background:url(/Images/PKG/explain_fit.png) no-repeat;-webkit-transition:all .35s;transition:all .35s}.product_h .explain:hover:after{height:284px}.product_h h2,article h3{font-family:heisei-mincho-std,微軟正黑體,"Microsoft JhengHei",sans-serif}article{margin-bottom:50px}article h3{position:relative;cursor:default;font-size:24px;margin-bottom:10px}.dep,a.card{font-size:15px;font-weight:300}article h3:before{z-index:-1;left:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:url(/Images/htl/twill.png)}.card_img,a.card{position:relative}.dep{margin-left:1em;color:#39d0cb}a.card{float:left;background:0 0;color:#111;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.mode_pic a.card{width:24%;margin:0 1% 1% 0;border-radius:.3em;background-color:#f5f3f4;background:-webkit-linear-gradient(left,#f1f1f1,#fff,#eee);background:-o-linear-gradient(right,#f1f1f1,#fff,#eee);background:-moz-linear-gradient(right,#f1f1f1,#fff,#eee);background:linear-gradient(to right,#f1f1f1,#fff,#eee)}.mode_txt a.card{width:98%;float:right;padding:.3em 0;border-bottom:#e9f0f4 1px solid}.card_img{display:none;width:100%;height:140px;text-align:center;vertical-align:middle;overflow:hidden;border-radius:.3em .3em 0 0}.card_text,.mode_pic .card_img{display:block}.mode_pic a.card:hover .card_img:after{content:"詳細行程";position:absolute;display:block;font-size:1em;width:100%;top:49%;text-align:center;color:#fff;text-shadow:#000 0 2px 2px}.card_img div{position:relative;width:300px;min-width:100%;height:260px;background-position:center center;background-size:cover;opacity:1;filter:alpha(opacity=100);top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform-origin:center center;-moz-transform-origin:center center;-webkit-transform-origin:center center;transform-origin:center center}.mode_pic a.card:hover .card_img div{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);opacity:.66;filter:alpha(opacity=66);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .3s,transform .7s ease;-moz-transition:opacity .3s,transform .7s ease;-o-transition:opacity .3s,transform .7s ease;transition:opacity .3s,transform .7s ease;-ms-transform:translate(-50%,-50%) scale(1.25);-moz-transform:translate(-50%,-50%) scale(1.25);-webkit-transform:translate(-50%,-50%) scale(1.25);transform:translate(-50%,-50%) scale(1.25)}.card_img>span{box-sizing:border-box;position:absolute;max-width:100%;left:0;bottom:0;background-color:#f29221;background-color:rgba(247,132,30,.8);color:#fff;font-size:.867em;padding:2px 16px;overflow:hidden;text-align:left;white-space:nowrap;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.card_text{position:relative;box-sizing:content-box}.mode_pic .card_text{margin:12px 16px;height:6.6em}.card_title{height:auto;float:left;top:0;line-height:1.467;color:#000;word-break:break-word;word-wrap:break-word;overflow:hidden}.mode_pic .card_title{width:100%;height:2.934em;padding-bottom:.3em;margin-bottom:.3em;border-bottom:#ccc 1px dotted}.mode_txt .card_title{width:45%;min-width:32.1em;padding-right:1em;white-space:nowrap}.card_price{text-align:right}.mode_pic .card_price{position:absolute;bottom:0;right:0;height:auto;font-size:1.2em}.mode_pic .card_price:after,.mode_pic .card_price:before{font-size:.722em}.mode_txt .card_price{position:relative;float:right}.card_price:before{content:"$";margin-right:2px}.card_price:after{content:"起"}.points{display:inline-block;overflow:hidden;color:#f7841e}.mode_pic .points{width:100%}.mode_txt .points{width:calc(55% - 1em - 10em);max-width:40%}.point:after{content:"。"}.point.null+.discount:not(.null):before,.point:before{content:"★"}.points .null{display:none}.discount,.point{display:block;position:relative;white-space:nowrap;overflow:hidden}.point{float:left}#mode_switch{bottom:0;right:0;background-color:#fff;padding-left:1em}#divInfo header:after,.area-list:after,.intro:after{content:"";display:table;clear:both}@media screen and (min-width:1025px) and (max-width:1150px){.mode_pic .card_text{height:7.8em}.mode_pic .card_title{height:4.3em}}@media screen and (max-width:1000px){.product_h .explain{display:none}}@media screen and (min-width:600px) and (max-width:1024px){.mode_pic a.card{width:32.3%}}@media screen and (min-width:666px) and (max-width:858px){.mode_pic .card_text{height:7.8em}.mode_pic .card_title{height:4.3em}}@media screen and (min-width:496px) and (max-width:665px){.mode_pic a.card{width:49%}}@media screen and (min-width:831px) and (max-width:1024px){.mode_txt .points{max-width:calc(100% - 38.1em)}}@media screen and (max-width:830px){.slogan5{position:relative}.intro{margin-left:0;padding-left:0;border-left:none;margin-top:20px}.kv .s_package .destination,.kv .s_package .from{width:100%!important}.mode_txt .card_title{width:100%}.mode_txt .points{width:calc(100% - 5em);max-width:none}}@media screen and (max-width:760px){.area-list li.L{width:96%;max-width:100%;margin:9px 2%}.area-list li.S{width:46%;margin:9px 2%}}@media screen and (max-width:565px){.order_require_form{width:98%!important}ul.s_sort li>div:before{display:none}}@media screen and (max-width:495px){.kv h1{margin-bottom:20px}ul.s_sort li{padding:8px 3%;margin:0 .6% 4px}ul.s_sort li.selected{padding:15px 5% 10px;margin-bottom:0;box-shadow:rgba(255,255,255,.5) 0 -5px 25px}.slogan3,h1:after{display:none}.has_htlname .destination>input[type=text]{padding-right:62%!important}}