@charset "utf-8";

@import url(https://www.settour.com.tw/st_ec/css/forOldWebTpl.css);
/* ====== clearfix ====== */
.clearfix:after, .feature-list:after, .room-select-box:after, .section-links ul:after, .cond-adjust:after, .room-select-hd:after, .combo:after, .img-thumbs:after, .attachment:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.also-stuff li em, .also-stuff li var, .recommend-tab span,
.also-stuff li em span:first-child, .also-stuff li var span:first-child, .deal-icon{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}

/* AFP 隱藏飯店代號 */
.occ{color:#eee; position:absolute; font-size:12px; width:8em; text-align: left; margin:4px 0 0 105px;}
.occ + a.ul{width:7.5em; display:inline-block;}
/* 主商品頁 */
/* 左圖片 */
.pd-photo{width:310px; margin-bottom:30px; float:left; position:relative;}
.pd-photo-trim{width:300px; height:200px; overflow:hidden;}
.pd-photo-trim img{max-width:100%;}
figure{position:relative; margin:0; width:300px; border:1px solid #ddd; padding:6px 6px 3px; background:#fff; padding:2px 4px; padding:1px 4px 0 \9; border-radius:2px; box-shadow:0 1px 6px rgba(128,128,128,.3);}
figure img{margin-top:3px;}
figure .icon-zoom:link, figure .icon-zoom:visited{position:absolute; top:5px; right:5px; padding:2px 5px; background:#222; opacity:.7; color:#fff;}
figure .icon-zoom:hover{opacity:1;}
figure .icon-zoom b{vertical-align:-4px; vertical-align:middle \9; margin-right:5px;}
figcaption{min-height:3px;}
.thumbs-scroll{margin:3px 3px 0; padding:3px 0 1px;}
.scroll-lt, .scroll-rt{display:block; float:left; background:url(/st_ec/img/icon_checker.gif) no-repeat -182px -40px; width:18px; height:40px; margin-top:3px;}
.scroll-lt:hover{background-position:-182px -80px;}
.scroll-rt{background-position:-200px -40px;}
.scroll-rt:hover{background-position:-200px -80px;}
.thumbs-scroll .caroufredsel_wrapper, .img-thumbs{float:left !important;}
.thumbs-scroll .caroufredsel_wrapper{margin:0 !important;}
.img-thumbs a:link, .img-thumbs a:visited{display:block; width:60px; height:40px; overflow:hidden; float:left; border:2px solid #999; margin-left:4px;}
.img-thumbs a:first-child{margin-left:0;}
.img-thumbs a:hover{border-color:#298fca;}
.img-thumbs a img{display:block; max-width:100%;}
/*AFP-STEP1-選擇入住飯店-飯店介紹dialog */
.ui-dialog div#dialogStep1.ui-dialog-content{max-height:350px; overflow-x:hidden; overflow-y:auto;}
.ui-dialog div#dialogStep1.ui-dialog-content .img-thumbs{max-height:43px; width:295px; padding:5px 0 5px 5px; overflow-x:hidden; overflow-y:auto;}
.ui-dialog div#dialogStep1.ui-dialog-content .img-thumbs a:link, .ui-dialog div#dialogStep1.ui-dialog-content .img-thumbs a:visited{margin:0 5px 5px 0 !important;}


/* 旅遊小幫手 */
.tips{margin:20px 0; padding:0 5px;}
.tips p{padding:0; margin-bottom:15px; line-height:1.5; text-align:left;}
.tips a:link, .tips a:visited{white-space:nowrap;}
.tips p strong{/*color:#0a52ab;*/ font-size:18px; display:block; text-shadow:0 2px 0 #fff;}
.tips p .material-icons{vertical-align:top; margin:0 5px 0 0; color: #298fca; text-shadow:0 2px 0 #fff;}
/* .tips p strong + a:before{content:"\A"; white-space:pre;} */
.tips.nations a:link, .tips.nations a:visited{font-size:15px; margin:0 .75em 0 0;}
.tips.nations a:after{}
/*.category{border:1px solid #ddd; padding:3px 6px; border-radius:4px;}*/
.category li{display:inline-block; background:none; padding:0; margin:2px 0; width:20%; text-align:center;}
.category li a:link, .category li a:visited{position:relative; padding:2px 5px; display:inline-block; width:75%; border-radius:20px; font-size:15px;}
.category li a:hover{text-decoration:none;}
.category li a.selected:link, .category li a.selected:visited{background:#e3f4ff; box-shadow:inset 0 0 8px 1px rgba(192,192,192,.3);}
.category li a.no-data:link, .category li a.no-data:visited{color:#ccc;}
.tips p span{display:block;}

.cate-top{padding:.1em 0;}
.cate-top:after{content: ""; display: block; position: absolute; top:0; left:0; right:0; height:55px; background:#efefef; z-index: -1;}
.seesaw{margin:5px 0 15px;}
.seesaw, .seesaw li{display:inline-block;}
.seesaw li{text-align:center; padding:.3em .5em; border:1px solid #A9BCC5; background:#c8c8c8; color:#555; cursor:pointer; box-shadow:inset 0 2px 4px 0 rgba(153,153,153,.6); text-shadow:0 1px 1px rgba(255,255,255,.7);}
.seesaw li.up{cursor:default; color:#333; position:relative; top:-1px;
box-shadow:0 2px 5px 1px rgba(153,153,153,.6), inset 0 1px 0 0 rgba(255,255,255,1);
background:#efefef;
background:-webkit-linear-gradient(top,  #ffffff 20%,#efefef 100%);
background:linear-gradient(to bottom,  #ffffff 20%,#efefef 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}
.seesaw li:first-child{border-radius:4px 0 0 4px;}
.seesaw li:last-child{border-radius:0 4px 4px 0;}
.seesaw li.up:first-child{border-radius:6px 0 0 6px;}
/*.seesaw li.up:last-child{border-radius:0 6px 6px 0;}*/
.world-cities{display: inline-block; vertical-align:2px; padding:5px 8px; border:1px solid #A9BCC5; background:#fff; border-radius:2px; margin:0 0 0 15px;
}
.world-cities select{background:none; border:none; width: 12em;}

/* 右文字 */
.pd-content{position:relative; float:left; margin-left:10px; margin-bottom:20px; padding:20px; width:588px; border:1px solid #ddd; background:#fff; border-radius:2px; box-shadow:0 1px 6px rgba(128,128,128,.3);}
.ec-hdp .pd-photo, .ec-hdp .pd-content{margin-bottom:-30px;}
.pd-content-ptk{position:relative; float:left; margin-left:5px; margin-bottom:20px; width:99%;}
.pd-content h1, .content.hrh-step1 h1{margin-left:0; margin-top:26px; font-size:26px;}
.pd-content h1 q, .content.hrh-step1 h1 q{left:1px; line-height:2; font-size:13px;}
.pd-content ul{margin:10px 0 0 0;}
.pd-content-ptk ul{margin:10px 0 0px 10px;}
.pd-content li{background:url(/st_ec/img/point.gif) no-repeat 4px 8px; padding-left:1.2em; margin-bottom:.5em; line-height:1.5;}
/* .pd-content .qr-code + ul li{font-size:15px; line-height:1.5; width:480px;} */
.pd-content .share-print{margin:0; padding:0; background:none;}
.pd-content .share-print li{background-image:none; padding-left:0; background-color:none;}
.pd-content .share-print li div.btn-like:nth-of-type(2){position:relative; top:5px;}
.pd-content .share-print .btn-export{margin-top:-2px;}
.qr-code{float:right; padding:4px; width:72px; margin:13px 0 20px; text-align:center; background:#fff;}
.qr-code > img{display:block; margin:0 0 0 -4px; padding:4px; border:1px solid #ccc; border-radius:3px 3px 0 0;}
.qr-code dfn{font-size:12px; background:#ddd; display:block; margin:0 -4px; padding:4px; line-height:1.1; border-radius:0 0 3px 3px;}
.tdvr-widget{border:1px solid #589442; width:78px; margin:0 0 0 -4px; border-radius:3px;}
.tdvr-widget a:link, .tdvr-widget a:visited{display:block;}
.tdvr-widget a:hover{text-decoration:none;}
.tdvr-widget strong{display:block; background:#589442; color:#fff; padding:2px 4px 3px; font-size:12px; font-weight:normal;}
.tdvr-widget p{color:#666; line-height:1.3; padding:5px 0 4px; font-size:11px;}
.star-rate{background:url(/st_ec/img/tdvr/star_htl.png) no-repeat 0 0; display:inline-block; width:100px; height:20px; margin-left:5px; vertical-align:0;}
h1.r-0-0{background-position:0 0;}
h1 .r-0-5{background-position:0 -20px;}
h1 .r-1-0{background-position:0 -40px;}
h1 .r-1-5{background-position:0 -60px;}
h1 .r-2-0{background-position:0 -80px;}
h1 .r-2-5{background-position:0 -100px;}
h1 .r-3-0{background-position:0 -120px;}
h1 .r-3-5{background-position:0 -140px;}
h1 .r-4-0{background-position:0 -160px;}
h1 .r-4-5{background-position:0 -180px;}
h1 .r-5-0{background-position:0 -200px;}
.probox p img, .probox.top-row li p img{display:inline-block; width:72px; height:auto; vertical-align:-1px; margin-right:5px; margin-top:0;}
.tdvr-widget img{width:72px; height:auto; display:inline-block; margin:5px 0 1px;}

/*0717 新的step1優惠說明*/
.feature-list, .pd-content .feature-list{margin-top:10px; background:none;}
.pd-content .feature-list{width:500px;}
.feature-list li{background-image:none; padding-left:0; line-height:1.5; display:block; float:left; clear:left;}
.feature-list li span{display:inline-block; font-weight:bold; width:5.5em;}
.feature-list li address{display:inline-block; font-style:normal; vertical-align:top; max-width:490px;}
.feature-list li:first-child span.txt-high{display:inline;}
.feature-list li .sp-price{font-weight:normal; margin-left:.2em; width:9em;}
.feature-list li em.price.t-large span{margin:0; width:auto;}
.feature-list li p{padding:0; margin-left:5.5em; }
.feature-list li.promo-item, .feature-list li.add-charge, .feature-list li.other-item{margin:3px 0 6px; position:relative;}
.feature-list li.promo-item{line-height:1.55em;}
.feature-list li.other-item{padding-left:6.1em;}
.feature-list li.promo-item span, .feature-list li.add-charge span, .feature-list li.other-item span{position:absolute; top:0; left:0;}
.feature-list li.promo-item span em, .feature-list li.add-charge span em, .feature-list li.other-item span em{font-weight:bold;}
.feature-list li.promo-item cite, .feature-list li.add-charge cite, .feature-list li.other-item cite{display:block; float:left; margin:0 0 0 5.3em; background:url(/st_ec/img/point.gif) no-repeat 2px 10px; padding-left:.8em; width:417px;}
.feature-list li.other-item cite{margin:0 0 10px -.8em; background:none;}
.feature-list li.promo-item cite span, .feature-list li.add-charge cite span, .feature-list li.other-item cite span{position:static; width:auto; font-weight:normal;}
.feature-list li.other-item cite strong span.txt-grn, .feature-list li.other-item cite span.txt-grn strong{background:url(/st_ec/img/point.gif) no-repeat 2px 6px; padding-left:.8em; margin-left:-.8em; font-weight:bold;}
.feature-list li strong var{font-weight:bold;}
.feature-list li em.price{font-size:11px; margin-right:.5em;}
.feature-list li em.price var{font-size:15px;}
.feature-list li q.price.t-mid{font-size:13px;}
.htl-pop .pd-content .feature-list{width:auto;}
.step1-see-info:link, .step1-see-info:visited{display:inline-block; background:#fafafa; border-radius:2px; padding:2px 5px; box-shadow:0 0 3px 0 rgba(128,128,128,.3) inset; margin:5px 0 0;}
.step1-see-info:after{content:">>"; margin:0 0 0 2px;}

/* 15-10-05
.pd-content #qrCodeArea + ul{width:500px; margin:15px 0 20px;}
.pd-content #qrCodeArea + ul li{font-size:15px; padding-left:1em;}
.pd-content #qrCodeArea + ul.feature-list li{font-size:13px !important; padding-left:1.2em;}
*/

/* 錨點列訂房日期固定列 */
.section-links, .room-date-select, .occupy, .occupy-hdp{z-index:600; width:950px; border:1px solid #94b6e0; margin:0 0 30px; clear:both; border-radius:2px; background:#fff url(/st_ec/img/section_link_bg.gif) repeat-x center bottom;}
.section-links, .room-date-select{box-shadow:0 1px 2px #aaa;}
.section-links{border:4px solid #3d94ff; box-sizing:border-box; background:none;}
.room-date-select{width:520px; margin:0 0 0 426px; border-color:#94b6e0;}
.occupy{height:33px; visibility:hidden;}
.occupy-hdp, .occupy-htl, .occupy-cond{height:15px; visibility:hidden;}
.fixed-date-select{background:#e9f2fe url(/st_ec/img/ui/room_date_select_bg.gif) repeat-x left top; position:relative; bottom:-2px;}
.section-links.fixed-date-select{background:none; bottom:0;}
.room-adjust, .date-adjust{padding:0 5px 0 10px;}
.room-adjust{padding:3px 0 9px; margin:0 8px; background:url(/st_ec/img/ui/room_adjust_stitch.gif) repeat-x center bottom;}
.date-adjust{padding-bottom:2px;}
.date-adjust p .btn-s{margin-left:65px;}
.room-date-select.fixed-date-select{bottom:-58px;}
.room-date-select p{display:inline-block; width:auto; padding:3px 10px 1px 0; vertical-align:middle;}
.room-date-select.htl-option p{margin-top:4px;}
.section-links.stuck, .room-date-select.stuck, .align-top{position:fixed; z-index:997; top:-2px; box-shadow:0 4px 6px #aaa;}
.section-links.stuck{background:#f9f9f9; top:0;}
.cloning.pinned{background:#fff; z-index:900; padding-top:40px;}
.cloning{position:fixed; top:-2px;}
body.has-touch .cloning{visibility:hidden;}
.cloning .data-tb{width:950px;}
.cloning.align-top{border-bottom:1px solid #999;}
.section-links li{background:none; float:left; padding:0; background:url(/st_ec/img/section_link_spacer.gif) no-repeat right center; box-shadow:inset 1px 0 0 rgba(255,255,255,.8);}
.section-links li:first-child{box-shadow:none;}
.section-links .spacer-no, .section-links li:last-child{background:none;}
.section-links li a:link, .section-links li a:visited{display:block; color:#222; padding:.5em 1em; font-size:17px; text-shadow:0 1px 1px #fff;}
/* 多供應商搜尋 */
.cond-adjust{clear:both; padding:10px 5px 5px; margin-left:3px; border:1px solid #94b6e0; border-radius:2px; box-shadow:0 1px 2px #ccc; width:932px; background:#e9f2fe url(/st_ec/img/ui/room_date_select_bg.gif) repeat-x left top;}
.cond-adjust.pinned{position:fixed; z-index:997; top:-2px; box-shadow:0 3px 5px #aaa;}
.cond-set{position:relative; margin:0 5px 5px;}
.cond-set div{line-height:1.5; display:inline-block;}
.cond-set .tgle-box-btn{float:right;}
.cond-set .tgle-box-btn span{border-radius:2px; padding:3px 4px; margin-top:2px;}
.cond-set .tgle-box-btn span b{margin:0; vertical-align:bottom; vertical-align:text-top \9;}
.cond-panel{padding:3px; background:#fbfbfb; border-radius:2px; border:1px solid #bbb; margin:10px 0 0;}
.search-engine.cond-panel{width:924px; height:auto; float:none;}
.search-engine.cond-panel .rm-condition{border:none;}
.search-engine.cond-panel .btn-s{margin:-6px 0 0;}
/* 覆寫 jquery-ui tabs */
.tab-set.ui-tabs{border:0; background:none;}
.tab-set .ui-tabs-nav li{border:1px solid #aaa; border-width:2px 2px 0; background:url(/st_ec/img/ui/room_date_select_bg.gif) left top repeat-x; margin-bottom:0; margin-right:5px; border-radius:4px 4px 0 0; top:0; color:#666;} /* 94b6e0 */
.tab-set.ui-tabs .ui-tabs-nav li a{color:#666; font-size:15px;}
.tab-set .ui-tabs-nav li.ui-state-active{margin-bottom:-1px; padding-bottom:2px;}
.tab-set.ui-tabs .ui-tabs-nav li.ui-state-active a{font-weight:bold; color:#222;}
.tab-set .ui-tabs-nav ui-tabs-selected, .tab-set .ui-tabs-nav .ui-state-active{border-color:#94b6e0; background:#eee;}
.tab-set.ui-tabs .ui-tabs-panel{padding:0; margin:0;}
.tab-set .ui-widget-header{background:transparent url(/st_ec/img/ui/tab_set_bg.png) center bottom repeat-x; border-width:0 0 1px; border-color:#94b6e0; border-radius:0; margin:0; padding:15px 0 0 10px;}
.content .facilities{padding:5px 0; width:495px;}
.content .facilities li{display:inline-block; vertical-align:top; background:none; margin:0 10px 0 0; line-height:2; padding:0; width:18em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.content .facilities li:before{content:""; display:inline-block; vertical-align:sub; margin:0 5px 0 0; width:16px; height:16px; background:url(/st_ec/img/icon_checker.gif) no-repeat -82px -162px;}
.htl-intro-source{padding:10px;}
.htl-intro-source p{padding:0;}

/* 新版房型選擇 */
.room-select{margin:20px 0 0; border:1px solid #ddd; background:#fff;}
.room-select-hd{background:#fff url(/st_ec/img/ui/room_date_select_bg.gif) repeat-x left top; padding:8px 15px 6px 10px; border-bottom:1px solid #ddd; box-shadow:inset 0 2px 2px 0 #fff;}
.room-select-hd a:link.tgle-box-btn, .room-select-hd a:visited.tgle-box-btn{float:right; line-height:1.5; position:relative; top:2px; right:-3px; margin-left:5px;text-align:right;}
.room-select-hd a.tgle-box-btn span{font-size:15px; width:110px;}
.room-select-hd strong{float:right; margin-top:3px; font-size:0;}
.room-select-hd strong em{font-size:11px; margin:0 2px;}
.room-select-hd strong em:before{content:"最低價"; font-size:15px; margin-right:5px; color:#222; position:relative; bottom:-1px \9;}
.room-select-hd strong em:after{content:"起"; font-size:11px; margin-left:2px; color:#222;}
.room-select-hd strong em span{font-size:15px;}
.room-select-hd h3{display:block; float:left; background:none; padding-left:0;}
.section h3 .gdg-rd{font-size:15px; font-weight:bold;}
.section h3 .gdg-rd select, .section h3 .gdg-rd option{font-weight:normal;}
.room-select-hd q{display:block; float:left; margin:0 .6em 0 1.2em; line-height:22.15px;}
.room-select-hd q small{font-weight:bold;}
.room-select-hd q div.icon-q{display:inline-block;}
.room-select-hd q div.icon-q b{vertical-align:text-bottom;}
.room-select-hd q div.icon-q .icon-sort-del b{background-position:-42px -122px; float:right;}
.room-select-hd q div.icon-q .icon-inbox{display:none; margin-top:-27px; margin-left:16px; background:#fafafa; position:absolute; padding:5px; width:300px; border:1px solid #aaa; box-shadow:0 2px 3px rgba(0,0,0,.3);}
.room-select-hd q div.icon-q .icon-inbox i{display:block; float:left; width:9px; height:17px; background:url(/st_ec/img/icon_box_arr.gif) no-repeat 0 0; margin:2px 0 0 -14px;}
.room-select-hd q div.icon-q:hover .icon-inbox{display:block;}
.is-mobile .room-select-hd q div.icon-q:hover .icon-inbox{display:none;}
.room-select-hd .room-price{float:right;}
.room-feature{background:#fffbed; border:1px solid #eddea6; padding:.75em; margin:.75em .75em 0;}
.room-feature h4{padding:2px 0; font-size:15px;}
.room-feature.type2{background:none; border:0; padding-left:0; margin-top:0; margin-left:17px;}
.room-feature.type2 img{margin:9px 10px 8px 15px;}
.room-feature.type2 img.expedia-img{width:200px; height:113px;}
.load-more-rooms{text-align:center; margin:20px 0;}
.load-more-rooms a:link, .load-more-rooms a:visited{display:block; padding:.7em 1em; width:220px; font-size:15px; color:#06c; border:1px solid #9a9a9a; border-radius:2px; margin:0 auto; background:#efefef;
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
box-shadow:0 1px 2px rgba(0,0,0,.3);}
.load-more-rooms a:hover{text-decoration:none; background:#efefef;
background:linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);
}
.load-more-rooms + .btn-box .btn-func{margin:0;}
.room-day.tgle-box{margin:20px 10px 0;}
.room-day.tgle-box .segment{clear:both; text-align:center; margin-bottom:10px;}
.room-day.tgle-box p{padding:0; clear:both; text-align:right; margin:0 10px 10px 0;}
.room-day.tgle-box .calendar-box{width:456px;}
.room-day h4{font-size:15px; padding:5px 0;}
.room-day .calendar-box .data-tb tbody td{height:71px;}
.room-day input[type="button"].btn-m,
.room-select-box p input[type="button"].btn-m,
.preview-set input[type="button"].btn-m{text-align:center; width:90px; height:30px; padding:4px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(/st_ec/img/btn_submit_gray_m.gif) no-repeat 0 0; color:#222;}
.room-day input[type="button"].btn-m:hover,
.room-select-box p input[type="button"].btn-m:hover,
.preview-set input[type="button"].btn-m:hover{background-position:0 -30px; background-position:0 0 \9; padding:6px 0 7px; padding:7px 0 5px \9;}
.room-day input[type="button"].btn-mg,
.room-select-box p .btn-mg,
.room-select-box p input[type="button"].btn-mg{text-align:center; width:90px; height:30px; padding:4px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(/st_ec/img/btn_submit_mg.gif) no-repeat 0 0; color:#999;}
.room-day input[type="button"].btn-mg:hover,
.room-select-box p .btn-mg:hover,
.room-select-box p input[type="button"].btn-mg:hover{background-position:0 -30px; background-position:0 0 \9; cursor:pointer; padding:6px 0 7px; padding:7px 0 5px \9;}
.room-day .data-tb{clear:right; margin:0 0 8px;}
.room-day .data-tb th, .room-day .data-tb td{padding:1px;}
.room-day .data-tb td .hdp-spmoney span{padding-left:0;}
.room-day .data-tb thead td{padding:0; width:72px; width:68px \9;}
.room-day .data-tb tbody td{height:50px;}
.room-feature-box{width:415px; min-height:1px; float:left; margin:0 0 10px;}
.room-select-box{float:left; margin:10px 0 0; width:515px;}
.room-select-box p{clear:both; text-align:right; padding-top:10px; padding-bottom:10px;}
.room-select-box p em.price.t-mid{font-weight:bold;}
.room-date{width:72px; height:90px; border:1px solid #ddd; border-width:1px 1px 1px 0; text-align:center; float:left;}
.room-date.blt{border-left:1px solid #ddd;}
.room-date.btp{border-top:0 none;}
.room-week{width:inherit; border-bottom:1px solid #ddd; background:#f8f8f8; font-weight:bold; margin-bottom:5px; padding-top:3px \9;}
.room-feature-box.hdp-left{width:485px;}
.room-select-box.hdp-right{margin:-18px 0 10px;}
.room-select-box.hdp-right .unit{position:relative; top:-15px;}
.domestic .room-day{float:right; width:448px; margin:10px 10px 10px 0;}
.domestic .room-day .unit.line-1-75{display:none;}
.domestic .room-feature{float:left; width:432px;}
.line{width:100%; border:0; height:1px; background:#555 url(/st_ec/img/dotted.gif) repeat-x 0 0;}

/* 出發日期日曆 */
.calendar-box{float:left; width:470px; margin-bottom:10px;}
.next-month{margin-left:10px; text-align:right;}
.calendar-head{background:#f8f8f8; border:1px solid #ccc; border-bottom:none; padding:2px 5px;}
.calendar-head strong{margin:0 0 0 125px;}
.next-month .calendar-head strong{margin:0 125px 0 0;}
.calendar-box .data-tb thead td{padding:1px; width:60px;}
.calendar-box .data-tb tbody td{height:66px;}
.ui-dialog .calendar-box .data-tb tbody td{height:70px;}
.calendar-box .more-info-box{margin:5px 0 0;}
.calendar-box .more-info-box i{margin-left:8px;}
.ui-dialog-content .calendar-box .more-info-box{float:none;}
.ui-dialog-content .calendar-box  .hdp-spmoney a:link, .ui-dialog-content .calendar-box  .hdp-spmoney a:visited{color:#222;}
.ui-dialog-content .calendar-box  .hdp-spmoney a:hover{text-decoration:none; color:#222; cursor:default;}
/* 出團說明--圖文組合 */
.combo{display:inline-block; margin:2px 0 0 12px;}
.combo h4:before{content:"."; display:block; clear:both; clear:none \0; visibility:hidden; line-height:0; height:0;}
.combo article h4{line-height:1.5; font-size:18px; padding:5px 0; color:#d52678;}
.combo article h4 a:link, .combo article h4 a:visited{font-size:15px; font-weight:bold; text-decoration:underline;}
.combo article p{padding:5px 0; font-size:15px;}
.combo .coln, .combo .coln article{width:450px;}
.combo .coln{margin-left:14px;}
.combo .coln.fore{margin-left:0;}
.combo .coln img, .combo .coln article{margin:0; float:none;}
.combo img, .combo article, .combo .coln{float:left; display:block;}
.combo img{margin-right:10px;}
.combo.mode1 article{width:305px;}
.combo.mode2 .pic-s{margin:0;}
.combo.mode2 article{width:914px;}
.combo.mode3 article{width:454px;}
.combo.mode2 img, .combo.mode4 img{margin-right:13px;}
.combo.mode4 article{width:914px;}
.combo.mode5 article{width:604px;}
.combo.mode6 img{margin-right:7px;}
.combo.mode6 article{width:914px;}
.combo.mode8 .coln{margin-left:6px;}
.combo.mode8 .coln.fore{margin-left:0;}
.combo.mode8 .coln, .combo.mode8 .coln article{width:301px;}
.combo.mode2 h4, .combo.mode2 p, .combo.mode4 h4, .combo.mode4 p, .combo.mode6 h4, .combo.mode6 p,
.combo.mode7 h4, .combo.mode7 p, .combo.mode8 h4, .combo.mode8 p{padding:5px 3px;}
/* 景點介紹 */
.carousel{position:relative; border:1px solid #ddd; background:#fff;}
.scene-intro{float:right; width:310px; width:300px \9; margin:10px 5px;}
.scene-intro h4{color:#d52678; padding-bottom:15px; border-bottom:1px dotted #ccc; margin-bottom:5px; font-size:18px;}
.scene-intro h4 p{padding:0; color:#222; line-height:1.2; font-weight:normal; font-size:13px; font-family:'新細明體',Arial,Helvetica,sans-serif;}
.scene-intro .intro-scroll{overflow-y:auto; height:335px;}
.scene-intro .intro-scroll.no-map{height:318px;}
.scene-intro .intro-scroll p{font-size:15px;}
.gmap{overflow:hidden; margin:9px 1px 0; background:url(/st_ec/img/loading.gif) no-repeat center center; position:relative; top:20px;}
.gmap, .gmap img{display:block;}
.pic{position:relative; float:left; min-width:500px; max-height:400px; margin:5px; overflow:hidden;}
.pic img{max-width:100%;}
.figure-box{background:#000; opacity:.6; filter:alpha(opacity=60); position:absolute; bottom:0; left:0; width:600px; height:auto; min-height:4em; color:#fff;}
.content .figure-box p, .ui-dialog-content .figure-box p{color:#fff; padding:.75em; opacity:1; filter:alpha(opacity=100);}
.thumbs-box{position:relative; margin:0; padding:8px 10px; background-color:#666; width:929px;}
.thumbs-box .scroll-lt, .thumbs-box .scroll-rt{display:block; position:absolute; top:9px; background:url(/st_ec/img/icon_checker.gif) no-repeat -180px -40px; width:20px; height:40px;}
.thumbs-box .scroll-lt{left:3px; background-position:-140px -40px;}
.thumbs-box .scroll-lt:hover{background-position:-140px -80px;}
.thumbs-box .scroll-rt{right:3px; background-position:-160px -40px;}
.thumbs-box .scroll-rt:hover{background-position:-160px -80px;}
.pager{margin:0 10px 0 18px; overflow:hidden; height:48px;}
.pager li{background:none; float:left; cursor:pointer; border:2px solid #666; padding:0; margin-left:3px;}
.pager li:first-child{margin-left:0;}
.pager li.focus-on, .pager li:hover{border-color:#ddd;}
.pager li a:link, .pager li a:visited{display:block; margin:1px; width:60px; height:40px; overflow:hidden;}
.pager li img{display:block; max-width:100%;}
.pager li.focus-on img, .pager li:hover img{border-color:#0a52ab;}
.ui-dialog .gallery{padding:0; border:0;}
.ui-dialog .gallery-side .scene-intro{margin:0; height:400px;}
.ui-dialog .gallery.theme-set .nivo-directionNav{display:none;}
.ui-dialog .carousel{margin:0 -12px; overflow:hidden !important;}
.ui-dialog .thumbs-box{margin:0 -1px; width:auto;}
.ui-dialog .pager li{margin-left:4px;}
div#dialogStep1.ui-dialog{max-height:320px !important; overflow-x:hidden; overflow-y:auto;}/* AFP-STEP1入住飯店dialog */


/* 出發日期選擇 */
.trip-date{border:1px solid #ddd; padding:5px; margin-bottom:10px; background:#fff;}
.trip-price{padding:5px 10px; margin-right:10px; float:left; width:90px; height:25px;}
.trip-price p{color:#c00;}
.trip-price .sp-price{text-align:right; color:#222; padding-right:1em;}
.trip-price .price.t-large span{font-size:17px;}
.trip-date-box strong, .trip-date-box .trip-day{float:left;}
.trip-date-box{float:right; padding-left:60px; width:750px; border-left:1px solid #ddd;}
.trip-date-box strong, .trip-day{text-align:center; border:1px solid #bbb;}
.trip-date-box strong{border:0; margin-left:-50px; margin-top:4px; padding:5px 6px;}
.trip-day{margin:4px 8px 4px 0; border-radius:2px;}
.trip-day a:link, .trip-day a:visited{position:relative; display:block; padding:5px 6px;}
.trip-day a b{display:none; position:absolute; right:0; bottom:0; width:12px; height:12px; background:url(/st_ec/img/confirmed_tick.gif) no-repeat 0 0;}
.trip-day a q{display:none; position:absolute; right:12px; bottom:12px; width:14px; height:14px; background:url(/st_ec/img/has_promo.gif) no-repeat -3px -3px;}
.trip-day:hover{background:#e3f4ff;}
.trip-day:hover a:link, .trip-day:hover a:visited{text-decoration:none;}
.trip-day.day-bdr{border-color:#0a52ab;}
.trip-day.day-bdr a:link, .trip-day.day-bdr a:visited{background-color:#dcecff; font-weight:bold;}/*日期已被點選*/
.trip-day.has-promo a q{display:block;}/*日期有優惠*/
.trip-day.has-ready{border:1px solid #0a52ab;}/*日期已成團*/
.trip-day.has-ready:hover{border:1px solid #0a52ab;}
.trip-day.sold-out a:link, .trip-day.sold-out a:visited{text-decoration:line-through; color:#c00;}/*日期已售完*/
.trip-day.confirmed a b{display:block;}
.trip-day.stocktake a:link, .trip-day.stocktake a:visited{background:#ddd;} /*清團狀態*/
.trip-day i, .choose-day td.has-promo i, .price-detail i{z-index:790; position:absolute; display:block; width:25px; height:14px; background:url(/st_ec/img/trip_day_info_tip.gif) no-repeat 0 0; margin:0px 0 0 1px;}
.choose-day td.has-promo i{margin-left:20px;}
.trip-day-info, .price-info{z-index:789; text-align:left; position:absolute; width:880px; height:auto !important; height:260px; min-height:260px;  background:#fff; border:5px solid #a0a0a0; border-radius:5px; margin-top:-10px; margin-left:-5px; padding-bottom:5px; box-shadow:0 2px 12px rgba(50,50,50,.7);}
td[id^="price_"] .price-info:after{display:none !important;}
td[id^="price_"] .price-info + i{z-index:790; position:absolute; display:block; width:25px; height:14px; background:url(/st_ec/img/trip_day_info_tip.gif) no-repeat 0 0; margin:9px 0 0 30px;}
.trip-day-info h4{font-size:15px; margin:10px 15px 15px 15px; border-bottom:1px dotted #9889cc; padding-bottom:.3em;}
.trip-day-info h4 span{font-size:13px; padding-left:1em;}
.trip-day-info h4 span a{width:16px; height:16px; display:inline-block; margin:-29px 0 0 208px; text-decoration:none;}
.trip-day-info .feature-list{margin:15px;}
.trip-day-info .feature-list li{margin:0 0 .3em; background:none; padding-left:0;}
.trip-day-info .feature-list span{margin-right:-0.5em; color:#d52678;}
.trip-day-info .feature-list span.sp-price{color:#222;}
.trip-day-info .feature-list p{padding:0 0 0.7em 0; margin-left:5em;}
/*.trip-day-info .feature-list p.headline{padding:0; margin: -1.3em 0 0 5em;}*/
.trip-day-info .feature-list q{font-weight:bold;}
.trip-day-info .data-tb{width:500px; clear:none; position:relative; top:-1.3em; bottom:-1em; left:5em;} 
.trip-day-info .data-tb thead td{padding:2px; width:20%;}


/* 推薦商品 */
.recommend *{box-sizing:border-box;}
.recommend{position:fixed; height:260px; bottom:-282px; left:0; width:100%; z-index:1001; background:#fff; border-top:2px solid #20a9ef; box-shadow:0 -15px 20px 5px rgba(128,128,128,.3);}
.recommend.reveal{/*bottom:0;*/ border-top-width:1px;}
.recommend div[align="center"]{height:inherit; padding:65px;}
.recommend div[align="center"] img{width:31px !important; height:31px !important;}
.recommend .footer{width:100%; position:relative; top:-1px;}
.recommend-tab{width:1200px; margin:-18px auto 0; position:relative; text-align:center;}
.recommend-tab a:link, .recommend-tab a:visited{position:relative; background:#23a6ea;; text-align:center; width:133px; height:34px; margin:0 !important; padding:3px 17px; padding:5px 17px 1px \9; display:inline-block; line-height:1;}
.recommend-tab a:hover{text-decoration:none; /*background:#c52678;*/ cursor:default;}
.recommend-tab a:after{content:""; display:inline-block; width:6px; height:17px; background:url(/st_ec/img/recom/tab_sh.png) no-repeat 0 0; position:absolute; top:0; right:-5px;}
/* .recommend-tab a:hover:after{background-position:-6px 0;} */
.recommend-tab span{display:block; font-size:17px; font-weight:bold; color:#fff; position:relative; top:-3px;}
.recommend-tab span:before, .recommend-tab span:after{content:""; display:inline-block; vertical-align:middle;}
.recommend-tab span:before, .recommend-tab span:after{width:22px; height:29px; background:url(/st_ec/img/recom/also_stuff.png) no-repeat 0 -70px; vertical-align:-5px; margin:-2px 6px 0 -8px;}
/* .recommend-tab a:hover span:before{background-position:-22px -70px;} */
.recommend-tab span:after{display:none; background-position:-44px -70px; margin:0 0 0 2px;}
.recommend-tab span b{display:none;}
.recommend-tab .see-next{display:none;}
/*
.recommend.reveal .recommend-tab{margin-top:-35px;}
.recommend.reveal .recommend-tab a:link, .recommend.reveal .recommend-tab a:visited{padding:3px 10px 3px 17px; padding:5px 10px 1px 17px \9;}
.recommend.reveal .recommend-tab a:hover{background:#027fc3;}
.recommend.reveal .recommend-tab a:after{display:none;}
.recommend.reveal .recommend-tab span:before{display:none;}
.recommend.reveal .recommend-tab span:after{display:inline-block;}
.recommend.reveal .recommend-tab .see-also{display:none;}
.recommend.reveal .recommend-tab .see-next{display:block;}
*/

.dot-pager{width:1200px; margin:0 auto; height:auto; min-height:30px; text-align:center; padding:6px 6px 7px; border-bottom:1px solid #dbdbdb; box-shadow:none; filter:none;}
.dot-pager a:link, .dot-pager a:visited{width:16px; height:16px; display:inline-block; background:url(/st_ec/img/recom/also_stuff.png) no-repeat 0 0; background:url(/st_ec/img/recom/also_stuff.gif) no-repeat 0 0 \9; vertical-align:middle;}
.dot-pager a:first-child{margin-left:0 \9;}
.dot-pager a:first-child + a{margin:0 12px;}
.dot-pager a:hover, .dot-pager a.focus-pager{background-position:-16px 0;}

.mover-plate{position:relative; width:1200px; height:0; display:block; margin:0 auto;}
.mover{position:absolute; top:75px; width:27px; height:27px; cursor:pointer; background:url(/st_ec/img/recom/also_stuff.png) no-repeat 0 -16px;}
#move-west{left:-36px; background-position:0 -16px;}
#move-east{right:-36px; background-position:-27px -16px;}
#move-west:hover{background-position:0 -43px;}
#move-east:hover{background-position:-27px -43px;}

.field{width:1200px; margin:0 auto; height:181px; left:0; top:-1px; position:relative;}
.also-stuff{min-width:1200px;}
.also-stuff li{position:relative; display:block; float:left; padding:0; width:240px; border-top:1px solid #dbdbdb; border-bottom:1px solid #fff; border-right:1px solid #dbdbdb; background:#fff;}
.also-stuff li.ftkt{}
.also-stuff li.ftkt a:link, .also-stuff li.ftkt a:visited{}
.also-stuff li.ftkt a:before{content:""; display:block; width:190px; height:127px; background:pink url(/st_ec/img/recom/flight_bg.jpg) no-repeat center top; position:absolute; top:13px; left:24px;}
.also-stuff li:hover, .also-stuff li.prev{border-top:1px solid #fc2988; border-bottom:1px solid #fc2988; border-right:1px solid #fc2988;}
.also-stuff li.prev{border-top:1px solid #dbdbdb; border-bottom:1px solid #fff;}
.also-stuff li:first-child{border-left:1px solid #bbb;}
.also-stuff li:first-child:hover{border-left:1px solid #fc2988;}
.also-stuff li a:link, .also-stuff li a:visited{display:block; border:3px solid #fff;}
.also-stuff li:hover a, .also-stuff li a:hover,
.also-stuff li.ftkt:hover a, .also-stuff li.ftkt a:hover{text-decoration:none; border-color:#fc2988;}
.also-stuff li img{display:block; margin:11px auto 0;  width:190px; height:127px;}
.also-stuff li strong{color:#fff; background:rgba(0,0,0,.8); background:#000 \9; font-weight:normal; display:block; height:37px; position:relative; margin:-37px auto 0; padding:3px 4px 4px; overflow:hidden; width:190px; line-height:1.3 \9;}
.also-stuff li strong span.s-rate{vertical-align:text-top; background:url(/st_ec/img/recom/star_sm.jpg) no-repeat 0 0;}
.also-stuff li em, .also-stuff li var{display:block; padding:5px 22px 10px; height:36px; text-align:right; color:#d52678; font-size:12px;}
.also-stuff li em span, .also-stuff li var span{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; margin-right:1px;}
.also-stuff li em span:first-child, .also-stuff li var span:first-child{font-size:15px;}
.also-stuff li var.see-more:after{content:""; display:inline-block; width:16px; height:16px; background:url(/st_ec/img/recom/also_stuff.png) no-repeat right top; vertical-align:text-top;}
.also-stuff li.ftkt img{width:30px; height:30px; margin:16px 0 59px 27px; border-radius:2px; border:1px solid #d1d4ec; box-sizing:content-box; position:relative;}/* for 機票 */
.also-stuff li.ftkt strong{margin:-22px auto 0; height:53px; position:relative; top:-30px; width:189px; padding:3px 8px 4px;}


/* STEP1 SlideShows */
.movie{width:930px !important; margin:0 auto;}
.film{height:auto;}
.film-bg{width:930px;}
.type-a .film{width:930px;}
.type-br{text-align:right;}
.type-br .film{left:auto !important; right:0 !important;}
.type-c .film{width:930px; height:450px;}
.type-c .film img{position:absolute;}
.type-c .film .caption{z-index:500; position:absolute; top:115px; left:30px; width:345px; height:auto; padding:20px !important; background:#333 !important; background:rgba(0,0,0,.7) !important; color:#fff;}
.type-c .film .caption h4{font-size:31px;}
.type-c .film .caption p{font-size:15px; line-height:1.75; margin:10px 0 0 !important; padding:0; overflow:hidden; max-height:9em;}
.type-c .film.align-right .caption{left:auto !important; margin:0 0 0 510px !important;} 
.type-c .film.invert .caption{background:#f1f1f1 !important; background:rgba(255,255,255,.7) !important; color:#000;} 


/*票券新增附加檔案功能*/
.insert{width:100%; overflow:hidden; margin:10px 0 0;}
.insert img{width:inherit; height:inherit;}
.insert iframe{border:1px solid #ddd; box-sizing:border-box; width:100%; height:450px;}
.attachment{margin:10px 10px 0; display:inline-block;}
.attachment strong{display:block;}
.attachment a:before{content:"."; font-size:0; display:inline-block; width:16px; height:16px; background:url(/st_ec/img/icon_checker.gif) no-repeat 0 0; margin:0 5px 0 0; vertical-align:top;}
.attachment a.img:before{background-position:-142px -162px;}
.attachment a.pdf:before{background-position:-162px -162px;}
.attachment a.xls:before{background-position:-182px -162px;}
.attachment a:link, .attachment a:visited{display:block; padding:3px 5px; margin-top:5px;}


/* 加入收藏盒(dialog) */
.add-favo-dialog p select, .add-favo-dialog p input[type="text"]{width:12em;}
.add-favo-dialog p a:link, .add-favo-dialog p a:visited{text-decoration:underline;}


/* 隱藏 GFP-STEP1 住宿說明 AJAX 區塊產生多餘的 ＜br＞ */
#loadHtlDetail > br, #loadHtlDetail .cont2 > br{display:none !important;}


/* AFP-STEP1 房型價格DIALOG */
.afp-room{overflow:auto !important; max-height:350px !important; padding:0 1em !important;}
.afp-room .unit{margin:5px;}
.afp-room .data-tb{margin-bottom:10px;}
.afp-room .data-tb thead th{width:15%;}
.afp-room .data-tb thead th[colspan="2"]{width:25%;}
.afp-room .data-tb tbody td:first-child, .afp-room .data-tb tbody td[rowspan="5"] + td{background:#f5f5f5; padding:4px 3px 0 \9;}
.afp-room .data-tb tbody td[rowspan="5"]{width:12.5%; font-weight:bold; background:#fff;}
.afp-room .data-tb tbody + tbody tr:first-child{border-top:2px solid #bbb;}

/* 0311-國外訂房 加碼小圖 */
.ec-hfp .group-type, .ec-HTL .group-type{float:right; line-height:1.75; position:relative; right:-86px; top:243px; width:6.2em;}

/* 0716 高鐵假期 STEP1 */
.content.hrh .section .cnt-box{margin:20px 0 150px; padding:18px;}
.content.hrh h1{border-bottom: 2px solid #298fca; margin:0 -18px 20px; padding:0 20px 20px;}
.content.hrh h1 q{left:21px;}
.pfr-box{text-align:center; padding:10px 0 25px; margin:0 auto; width:903px;}
.pfr{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:left top; background-size:contain; width:268px; height:178px; border:1px solid #ddd;}
.pfr img{position:relative; left:-9999px;}
.pfr-box .pfr:first-child + .pfr{margin:0 34px;}
.pfr-box .pfr:first-child + .pfr:before,
.pfr-box .pfr:first-child + .pfr:after
{content:""; display:block; width:1px; height:190px; background:#dedede; box-shadow:0 0 14px 1px rgba(64,64,64,.2); position:absolute; margin:-5px 0 0 -21px; border-left:1px solid #fff;}
.pfr-box .pfr:first-child + .pfr:after{margin:-205px 0 0 288px;}
.pfr-box + h3{margin:10px 10px 15px;}
.content.hrh div.t-mid{margin:12px 10px 30px;}
/*.content.hrh div.t-mid:after{content:""; display:block; width:948px; height:1px; background:#ddd; position:relative; left:-28px; margin:20px 0 15px;
box-shadow:0 6px 9px 1px rgba(128,128,128,.2);}*/
.content.hrh div.t-mid p{line-height:1.7;}
div.t-mid + h3{margin:0 10px 15px; padding:0 0 0 15px; text-align:left;}
/*div.t-mid + h3 > strong{margin:0 15px;}*/

.stn-dep{display:inline-block; float:right; font-size:13px; font-weight:normal; font-family:"新細明體",Arial; position:relative; top:-2px;}
.stn-dep q{margin:0 5px;}
.section h3 .stn-dep q span{vertical-align:baseline; margin:0;}
.stn-dep strong{letter-spacing:1px \9;}
.stn-dep select{padding:.2em .5em; padding:0 \9; vertical-align:baseline; margin-left:4px;}
.content.hrh .btn-box{padding:10px 26px 0; margin:10px -18px 5px; border-top:1px dashed #ccc; text-align:right;}

/* screencast.com/t/WE3TzH1ERT */
.section .share-print + h3{float:left;}
.section .share-print + h3 + .cnt-box{clear:both;}


/* BusTour ec */
.bustour .content h1, .bustour .pd-content h1{margin:0 10px 0; padding:0 5px 8px;}
.bustour .pd-content{padding:20px 0; width:628px;}
.bustour .pd-content .feature-list{width:auto;}
.bustour .pd-content .feature-list li{ position:relative;}
.bustour .pd-content .feature-list .man-icon{ right:-95px;}
.bustour .pd-content .feature-list li span{width:7em;}
.bustour .pd-content .feature-list li small{margin:0 .5em;}
.bustour .pd-content .feature-list li span.ta-right{padding:0 .5em;}

/* 刷卡好禮 */
.deals{border-top:1px dashed #bbb; margin: 10px 0 -10px; padding: 15px 0 0;}
.deals div[class$="-deal"]{display:inline-block; padding:0 0 5px;}
.deals div[class$="-deal"]:hover .deal-cont{opacity:1; height:auto; overflow:visible;}

.deal-icon{color:#06c;}
.deal-icon:before{content:""; width:28px; height:28px; margin:0 6px 0 0; display:inline-block; vertical-align:middle; background:#F95FCE url(/st_ec/img/cc_deal.png) 0 0 / cover no-repeat; border-radius:28px;}
.deals div[class$="-deal"] .deal-cont{background:#fff; box-shadow:0 3px 4px 1px rgba(128,128,128,.4); width:583px; padding:15px; margin:5px 0 0 -14px; position:absolute; border:1px solid #ccc; height:0; opacity:0; overflow:hidden; transition:all .3s ease-out;}
.deals div[class$="-deal"] .deal-cont:before{content:""; display:block; width:29px; height:16px; position:absolute; margin:-31px 0 0 41px; background:url(/st_ec/img/deal_tip.png) 0 0 no-repeat;}
.deal-cont h4{background:#e3f4ff; border-bottom:1px solid #ddd; font-size:17px; margin:-15px -15px 15px; padding:9px 15px 7px;}
.deal-cont p{padding:0;}


/* webkit */
@media screen and (-webkit-min-device-pixel-ratio:0){
.recommend-tab a:link, .recommend-tab a:visited{margin-left:-145px;}
.stn-dep select{vertical-align:1px;}
.stn-dep strong{letter-spacing:1px;}
.stn-dep select{margin-left:3px;}
}