@charset "utf-8";
@import "/st_ec/css/menu.css";
/* ====== clearfix ====== */
.search:after, .tkt-genre:after, .probox:after, .probox .action:after, .more-info-box dl:after, .addition:after, .order-detail-head:after, .fwd-button:after, .schedule dl:after, .step ul:after, .slide-unit:after, .rw1:after, .rw2:after, .filter-list:after, .hotel:after, .date-dep:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* ====== 整體宣告 ====== */
a.ul:link, a.ul:visited, a.ul:hover{text-decoration:underline;}
img[src$="loading.gif"]{margin:0 auto; display:block; margin:10px auto;}
.txt-line{text-decoration:line-through;;}

/* 標題設成微軟正黑 */
.tips p strong, #pd-intro + h3 + .cnt-box strong, h4, .hotel-combo, .cd-inner h4, .type-c .film .caption h4,
.section-links li a:link, .section-links li a:visited{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}
/* ====== 主要架構 ===== */
/* body class='ec' */
#head-flash, #top-animation{display:none;}
.ec{background:#e9e9e9 url(/st_ec/img/bg_ec.gif) repeat center top;}
.ec .container{position:relative; width:950px; padding:0 25px;}
.content{margin:10px 0; clear:left;}
.ec .footer{text-align:center; border-radius:0; border:none; border-top:1px solid #ddd; width:930px; padding:15px 10px; margin:0; border-top:2px solid #298fca; border-radius:0 0 4px 4px;}
.clear-top{padding-top:20px; position:relative;}
.content .pd-num{position:absolute; left:0; top:-18px; color:#999;}
.content h1, .content h2{position:relative; border-bottom:2px solid #0a52ab; color:#222; line-height:1.2em; padding:0 0 8px; margin-top:20px; clear:both;}
.ec .ui-dialog{margin-top:-150px;}
h1#infoH1{line-height:1;}
h1#infoH1 + #infoContent{overflow-y:auto; min-height:250px; max-height:350px;}
h1#infoH1 + #infoContent .txt-gy.right{position:absolute; right:6px; top:10px;}
h1#infoH1 + #infoContent .data-tb thead th:first-child + th{width:7em;}
.content .air-b, .content .pas-b, .content .tkt-b, .content .hdp-b, .content .htl-b, .content .twn-tour-b, .content .gfg-b, .content .gfp-b, .content .afp-b, .content .car-b, .content .hsr-b, .content .ptk-b{padding-left:36px; background-image:url(/st_ec/img/icon_h1_long.gif); background-repeat:no-repeat;}
.air-b{background-position:0 -4px;} /* FIT */ 
.content h1.air-b, .content h1.pas-b{font-size:26px; padding:0 0 2px 36px;}
.pas-b{background-position:0 -185px;} /* VFP */ 
.tkt-b{background-position:0 -329px;}
.hdp-b{background-position:0 -470px;}
.htl-b{background-position:0 -614px;}
.twn-tour-b{background-position:0 -759px;} /* GDG */ 
.gfg-b{background-position:0 -905px;}
.gfp-b{background-position:0 -1048px;}
.afp-b{background-position:0 -1192px;}
.hsr-b{background-position:0 -1335px;}
.car-b{background-position:0 -1479px;}
.ptk-b{background-position:0 -1048px;}
.inbond-b{background-position:0 -470px;}
.content h1 q{position:absolute; top:-20px; left:38px; color:#999; font-size:12px; font-weight:normal;}
.content h1.air-b q{top:-24px;}
.content h1 q img{vertical-align:middle;}
.content h1.large{font-size:28px;}
.content h1.air-b.large{background-position:0 0;}

.content p, .ui-dialog-content p, .segment{line-height:1.5; padding:5px 8px;}
.bisect strong{display:inline-block; text-align:right;}
.segment{display:block;}
.segment b{background:url(/st_ec/img/demo_icon_status.gif) no-repeat 0 0; width:16px; height:16px; display:inline-block; vertical-align:-2px; margin:0 .3em 0 1.5em}
.content li, .compare-main li, .ui-dialog-content li, .footnote li{line-height:1.5; background:url(/st_ec/img/point.gif) no-repeat 4px 8px; list-style-type:none; padding-left:1.2em; text-align:left;}
.content li.heading{padding-left:0; background:none; font-weight:bold; margin:0 0 8px;}
.content li.heading mark{font-weight:normal; background:none;}
.content .important li{margin-bottom:.25em; color:#222;}
.content ol{margin-left:1.5em; padding:.2em;}
.content ol li{background:none; padding-left:0; list-style-type:decimal; list-style-position:outside;}
.li-float-left li{background:none; padding-left:0;}
.li-float-left .dobule-leng{width:440px;}

/* ====== icon ====== */
.icon-search b, .icon-predict b, .icon-addto b, .compare-btn b, .cart-btn b, .icon-remove b, .icon-addto-favorite b, .icon-openbox b, .icon-addon b, .icon-closebox b, .icon-mycash b, .icon-map b, .btn-share a b, .btn-msword a b, .btn-email a b, .btn-print a b, .btn-export b, .date-prev b, .date-next b, .icon-zoom b, .icon-html b, .icon-doc b, .icon-grid-view b, .icon-list-view b, .icon-detail-view b, .icon-info b, .icon-extend b, .icon-sort-up b, .icon-sort-down b, .icon-sort-del b, .icon-htl-info b, .icon-inbond-info b, .icon-inbond-fly b, .icon-inbond-req b, .icon-now-loading b, .icon-calculate b , .icon-cs b, .icon-download-2 b, .icon-pinfo b, .icon-q b, .icon-card b, .icon-odt b, .icon-tt b, .icon-dd b, .uncheck-all b, .card-sale b, .icon-addroom b, .icon-lessroom b, .icon-offer b, .icon-bulb b, .icon-addgdg b, .icon-lessgdg b, .icon-external b, .icon-flt b, .icon-cal b, .icon-has-room b{width:16px; height:16px; display:inline-block; background-image:url(/st_ec/img/icon_checker.gif); background-repeat:no-repeat; margin-right:3px; vertical-align:-2px;}
.icon-search b{background-position:-100px 0;}
.icon-predict b{background-position:-102px -162px; position:relative; bottom:-2px;}
.icon-addto b{background-position:-42px -41px;}
.compare-btn b{background-position:-2px -41px;}
.compare-btn.shut b{background-position:-22px -42px;}
.cart-btn b{background-image:url(/st_ec/img/ui-icons_ffffff_256x240.png); background-position:-48px -111px;}
.icon-remove b{background-position:-20px -60px;} 
.icon-addto-favorite b{background-position:0 -60px;}
.icon-openbox b, .icon-addon b{background-position:-1px -2px;}
.icon-closebox b{background-position:-1px -21px;}
.icon-mycash b{background-position:-63px -3px;}
.icon-map b{background-position:-42px -2px; margin-right:0;}
.btn-share b{background-position:0 -81px;}
.btn-msword b{background-position:-41px -81px;}
.btn-email b{background-position:-63px -21px;}
.btn-print b{background-position:-19px -81px;}
.date-prev b{background-position:0 -99px;}
.date-next b{background-position:-19px -99px;}
.icon-zoom b{background-position:-122px -2px;}
.icon-html b{background-position:-142px -2px; margin-right:0;}
.icon-doc b{background-position:-162px -2px; margin-right:0;}
.icon-grid-view b{background-position:-42px -102px;}
.icon-list-view b{background-position:-62px -102px;}
.icon-detail-view b{background-position:-82px -102px;}
.icon-info b{background-position:-162px -22px;}
.icon-extend b{background-position:-182px -2px;}
.icon-sort-up b, .icon-sort-down b, .icon-sort-del b{vertical-align:middle; vertical-align:text-top; margin-right:0; margin-left:1px;}
.icon-sort-up b{background-position:-2px -122px;}
.icon-sort-down b{background-position:-22px -122px;}
.icon-sort-del b{background-position:-42px -122px;}
.icon-htl-info b{background-position:-164px -25px; margin-right:2px; width:12px; height:12px;}
.icon-inbond-info b{background-position:-161px -21px;}
.icon-inbond-fly b{background-position:-161px -21px;}
.icon-inbond-req b{background-position:-161px -21px;}
.icon-now-loading b{background-image:url(/st_ec/img/loading_16x16.gif); background-position:0 0; vertical-align:text-bottom;}
.icon-calculate:link, .icon-calculate:visited{text-decoration:underline; margin-left:.2em;}
.icon-calculate b{display:none;}
.icon-cs b{background-position:-2px -160px;}
.icon-download-2 b{background-position:-42px -163px;}
.icon-pinfo:link, .icon-pinfo:visited{margin-left:8px;}
.icon-pinfo b{background-position:-182px -21px;}
.icon-q b{background-position:-202px -22px;}
.word-help{position:absolute; width:inherit; line-height:1;}
.msword-help{position:relative; text-indent:2px; text-indent:0 \9;}
.msword-help a:link, .msword-help a:visited{position:absolute; right:-2px; bottom:-2px; bottom:2px \9;}
.icon-card b{background-position:-62px -160px;}
.icon-odt b{background-position:-202px -2px; margin-right:0;}
.icon-tt b{background-position:-82px -122px;}
.icon-dd b{background-position:-102px -122px;}
.uncheck-all b{background-position:-82px -82px; vertical-align:text-top;}
.card-sale b{width:20px; height:20px; background:url(/st_ec/img/icon_checker.gif) no-repeat -140px -140px; margin:0 3px 0 0; vertical-align:middle;}/* step4 card優惠 */
.icon-addroom b{background-position:-62px -201px;}
.icon-lessroom b{background-position:-63px -220px;}
.icon-offer b{background-position:-22px -222px;}
.icon-bulb b{background-position:-161px -140px; width:20px; height:20px; vertical-align:-3px;}
.icon-addgdg b{background-position:-82px -182px;}
.icon-lessgdg b{background-position:-82px -200px;}
.icon-external b{background-position:-102px -202px;}
.icon-flt b{background-position:-182px -122px;}
.icon-cal b{background-position:-202px -122px;}
.icon-has-room b{background-position:-202px -162px;}
.icon-has-room{display:inline-block; color:#12964d;}
/*====== 搜尋 ======*/
/* 搜尋引擎 */
.search{display:table; table-layout:fixed; border-collapse:separate; border-spacing:10px 0; margin:0 -25px 0 -20px;}

.search-engine, .search-promo{display:table-cell; border:1px solid #ddd; height:150px; background:#fff;}
.search-engine{width:568px; margin:0 10px 0 0; background:#fff;}
.search-engine h3, .search-promo h3{padding:.3em .8em; margin-bottom:10px; background:url(/st_ec/img/bg_spritex.gif) repeat-x 0 -108px; border-bottom:1px solid #ddd; font-size:15px;}
.search-engine h3 p, .search-engine h3 input{font-size:13px; font-weight:normal; float:right;}
.search-engine h3 p{padding:0 .5em; font-family:Arial,Helvetica,sans-serif,"新細明體";}
.search-engine h3 p a:link, .search-engine h3 p a:visited{vertical-align:bottom;}
.search-engine h3 q{font-size:13px; font-weight:normal; margin-left:1em; font-family:Arial,Helvetica,sans-serif,"新細明體"; vertical-align:text-bottom; padding:0 5px 3px \9; top:0;}
.search-engine h3 dfn{display:inline-block; vertical-align:top;}
.search-engine h3 input{margin-top:-3px;}
.search-engine h3 .location-type{display:inline-block; vertical-align:-2px; margin-left:5px;}
.search-engine h3 .location-type label{float:left; font-size:13px; font-family:"新細明體"; font-weight:normal;}
.search-engine h3 .location-type label input{display:inline-block; float:none;}
.search-engine dl{overflow:auto; zoom:1; margin:10px 0 0;}
.search-engine.loose dl{margin-top:13px;}
.search-engine dt, .search-engine dd{display:block; float:left; padding-right:5px;}
.search-engine dt{margin-top:3px;}
.search-engine dt{width:6em; text-align:right; font-weight:normal;}
.search-engine .colx2 dt.vfp-dt{width:9em;}
.search-engine .colx2 dd{width:11em;}
.search-engine .colx3 dd{width:7em;}
.search-engine .colx4 dd{width:10em;}
.search-engine dd label .icon-pinfo, #custPersonId + .icon-pinfo{margin-left:5px;}
.search-engine dd label .icon-pinfo:hover:after,#custPersonId + .icon-pinfo:hover:after{content:attr(rel); font-style:normal; display:inline-block; position:absolute; z-index:51; background:#fff8e0; border:1px solid #9f9f9f; border-radius:4px; padding:5px 8px; margin:20px 0 0 -28px; box-shadow:0 1px 2px 1px rgba(160,160,160,.7);}
.search-engine dd label .icon-pinfo:hover b:before,
.search-engine dd label .icon-pinfo:hover b:after, #custPersonId + .icon-pinfo:hover b:before, #custPersonId + .icon-pinfo:hover b:after{content:""; display:block; position:absolute; z-index:52; margin:13px 0 0 2px; 
width: 0; height: 0; border-style:solid;
border-width:0 6.5px 7px 6.5px;
border-color:transparent transparent #9f9f9f transparent;}
.search-engine dd label .icon-pinfo:hover b:after, #custPersonId + .icon-pinfo:hover b:after{margin:14px 0 0 2px; border-color: transparent transparent #fff8e0 transparent;}
.search-engine dd img{vertical-align:text-top;}
.search-engine dl input#pst[name="pst"].w5em, .search-engine dl input#ped[name="ped"].w5em{width:6em !important;}
input#gfpKeyWord.w27em{width:19.5em !important;}


/* 地區選擇 */
.area-select{z-index:1893; position:absolute; left:0; width:560px; height:auto; border:1px solid #aaa; padding:10px 5px 8px 5px; background:#fff;}
.area-select{box-shadow:0 2px 5px 2px rgba(0,0,0,.3);}
.search-hdp .area-select{width:580px;}
.search-gfg .area-select{width:545px;}
.search-gfp .area-select{width:525px;}
.search-afp .area-select{width:525px;}
.area-select a.clo:link, .area-select a.clo:visited{float:right; background:url(/st_ec/img/mail/icon_full.gif) no-repeat 0 0; width:10px; height:10px; display:block;}
.area-select hr{margin-bottom:10px; border:0; height:1px; border-bottom:1px solid #999;}
.tips-list li{padding-left:0;}
.area-select .tips-list li a:link, .area-select .tips-list li a:visited{padding:2px 7px; margin:-2px 0 0 0;}
.area-select .tips-list li a:hover{color:#06c; text-decoration:underline;}
.area-select .tips-list li a.active-tip{color:#06c; font-weight:bold; border:1px solid #aaa; border-bottom:2px solid #fff; text-decoration:none;}
.area-content{margin:5px 0 0; margin-right:0; max-height:330px; overflow-y:auto;}
.area-content ul{padding:0; list-style-position:inside;}
.area-content li{list-style-type:none; background-image:none; line-height:1.7; margin:0 0 3px 5px; padding:3px 0 0 78px; border-top:1px dashed #ccc; height:auto !important; height:1.7em; min-height:1.7em;}
.area-content li:first-child{border-top:0;}
.area-content li a:link, .area-content li a:visited{margin-right:1em; display:inline-block; color:#222; word-break:keep-all;}
.area-content li a:hover{color:#06c;}
.area-content li strong{display:block; width:5.7em; position:absolute; left:5px; text-align:right; line-height:2 \9;}
.area-content li strong a:link, .area-content li strong a:visited{margin-right:0; color:#06c;}
.area-content li strong a:hover{color:#06c; text-decoration:none;}
.area-content li a.spot{padding:0; display:inline-block; color:#0c6fd1;}
.area-content li a.spot:hover{color:#06c;}
.area-content.no-tab-single{margin-top:-5px; margin-top:-10px \9; float:left \9; width:98% \9;}
.search-engine span{display:inline-block; text-align:right;}
.search-engine span.w2to3{letter-spacing:.52em;}
.search-engine span.w1to2, .w1to2{letter-spacing:1.9em; letter-spcing:1.8em \9;}
.search-engine .btn-s{margin:-26px 10px 8px 0; float:right;}
/* jquery-ui autoComplete adjust */
.ui-autocomplete.ui-corner-all{border-radius:0; z-index:200 !important;}
.ui-autocomplete.ui-menu{padding:0;}
/* 引擎右側區塊 */
.search-promo{width:368px; position:relative;}
.search-promo h3{margin:0;}
.search-promo p{display:none;}
.search-promo .sp-title{background-color:#eee9ff; font-size:15px; font-weight:bold; padding:4px 10px 6px;}
.search-promo ul{margin:3px 15px;}
.search-promo .search-recommend{margin:3px 15px;}
.search-promo .search-recommend ul{margin:0; display:none;}
.search-promo .recommend-pager{position:absolute; top:80px; right:-2px; width:19px; height:35px; background:url(/st_ec/img/recom/search_recommed_arr.png) no-repeat 0 0; box-shadow:-1px 0 1px 1px #ddd; border-radius:2px 0 0 2px;}
#move-north, #move-south{width:19px; height:17px; display:block; background-image:url(/st_ec/img/recom/search_recommed_arr.png); background-position:no-repeat;}
#move-north{background-position:0 0;}
#move-south{background-position:0 -18px; margin-top:1px;}
#move-north:hover{background-position:-19px 0;}
#move-south:hover{background-position:-19px -18px;}
.search-promo li{list-style-type:none; padding:0; line-height:1.75; background:none;}
.search-promo li b, .push li b{display:inline-block; vertical-align:middle; vertical-align:text-bottom \9; margin-right:5px; background:url(/st_ec/img/page/icon_int_tkt.gif) 0 0 no-repeat; width:11px; height:11px;}
/*====== 各線 search 微調 ======*/
/*FIT*/
.search-fit .search-engine h3 .icon-predict{margin-right:20px;}
.search-fit .search-engine dl{margin:10px 0 8px;}
.search-fit .search-engine.loose dl{margin-top:13px}
.search-fit .search-promo h3 .tkt-genre{display:none;}
.search-fit .search-promo .inside{border:none; border-radius:0; box-shadow:none; filter:none; height:183px; overflow:hidden;}
.search-fit .search-promo .tkt-box{height:146px; height:147px \9; overflow:hidden;}
.search-fit #cityCd_widget{width:319px;/**358**/ margin-right:5px;}
.search-fit select#depAreaParam.w4em{width:7em;}

/* VFP */
.search-vfp [class ^= "search-"]{padding-bottom:10px;}
.search-vfp .search-engine dl{margin-top:7px;}
.search-vfp .search-engine h3{padding:.3em .5em;}
.search-vfp .search-engine h3 input{float:none; margin-right:5px;}
.search-vfp .search-engine p{line-height:1.4em; padding:0.05em 0 .25em 0; text-align:right;}
.search-vfp .search-engine p span{margin-right:110px; text-align:right; padding-left:80px;}
.search-vfp .search-engine h3 q.err-msg{position:absolute; margin:2px 0 0 5px; padding:1px 8px 4px \0;}
.search-vfp .search-engine .btn-s{margin:-6px 13px 0 0;}
.search-vfp .search-promo h3 a.mr{display:none;}
.search-vfp .search-promo .inside{border:none; border-radius:0; box-shadow:none; filter:none; height:183px; overflow:hidden;}
.search-vfp .search-promo .inside ul li{line-height:2; padding-left:1.2em; background:url(/st_ec/img/page/icon_int_tkt.gif) 0 9px no-repeat; background-position:0 6px \0;}
/* TKT */
.search-tkt .search-promo .recommend-pager{top:63px;}
.search-tkt .search-promo .search-recommend{margin:8px 15px;}
/* HDP */
.search-hdp{margin:0; border-spacing:0;}
.search-hdp [class ^= "search-"]{height:180px; display:block; float:left;}
.search-hdp .search-promo .search-recommend{float:none; height:130px !important;}
.search-hdp .search-promo .search-recommend ul{width:100% !important; margin-top:5px;}
.search-hdp .search-promo .search-recommend ul li{margin-bottom:3px;}  
.search-hdp .search-engine .colx3 dd, .search-hdp .search-engine .colx4 dd{width:7.5em;}
/* HTL */
.search-htl + .search-htl{margin:10px -25px 0 -20px;}
.search-htl .search-engine, .search-htl .search-engine.extend-down{padding-bottom:10px;}
.search-htl .search-engine .btn-s{margin:0;}
.search-htl .search-engine #destParam_widget{width:170px;}
.search-htl .search-engine #loca{width:22.5em;}
.search-htl .search-promo .search-recommend{margin:7px 15px; margin:10px 15px \9;}
.search-htl .search-promo .search-recommend li{line-height:2;}
.search-htl input#osDt.w5em, .search-htl input#oeDt.w5em{width:5.5em;}
/* HTL延伸選項 */
.rm-condition{position:relative; width:inherit; height:auto; z-index:100; background:#fff; margin:0 0 0 -1px; border:1px solid #ddd; border-width:0 0 0 1px; padding:0;}
.rm-note{margin:12px 12px 0; padding:8px 0 4px; list-style-type:none; border-top:1px solid #ddd;}
.rm-note li{background-position:4px 6px; padding-left:1.2em; margin-bottom:5px; color:#666; line-height:1.2;}
.search-engine select optgroup[label]{font-style:normal;}
/*.search-engine dl.rm-num + dl.rm{border-top:1px solid #ddd; margin-top:15px; padding-top:15px;}*/
.search-engine dl dd.rm-set{padding:3px 0;}
.search-engine dl dd.rm-set a:link, .search-engine dl dd.rm-set a:visited{margin-left:1em;}
.search-engine dl dd.rm-col.kid{padding-left:1em;}
.search-engine dl dd.rm-col select{width:3em;}
.search-engine dl dd.rm-col select.kid-age{width:6em;}
.search-engine dl dd.rm-col p{width:100%; font-size:11px; color:#666; position:relative; bottom:-2px; bottom:-4px \9;}
.search-engine dl dd var{color:#666; font-size:11px;}
.search-engine dl.rm + dl dd.search-submit, .search-htl .rm-pick dl dd.search-submit{margin-top:5px; float:right; margin-right:25px;}
.search-htl .rm-pick dl dd.search-submit{margin-top:0;}
.search-engine dd.stay-night{text-align:center; margin-left:25px; margin-right:15px;}
.search-engine dd span{padding:3px 0 0 10px;}
.search-engine dd span.chk-out{padding-left:0;}
.rm .rm-sub + .rm-col + .rm-col{margin-left:2em;}
.rm .rm-sub strong:after{content:" "; display:inline-block; vertical-align:middle; width:16px; height:16px; background:url(/st_ec/img/icon_checker.gif) no-repeat -82px -222px;}

/* GDG */
.search-gdg .search-engine, .search-gdg .search-promo{height:150px;}
/* GFG */
.search-gfg #destinationShow{width:22em;}
.search-gfg .search-promo li{line-height:2.2;}
/* GFP */
.search-gfp .search-promo .search-recommend{margin:8px 15px;}
.search-gfp .search-promo .search-recommend li{line-height:2;}
.search-gfp .search-promo .search-recommend li b, .search-afp .search-promo .search-recommend li b{vertical-align:middle \9;}
/* AFP */
.search-afp .btn-s{margin:-28px 20px 8px 0;}
.search-afp [class ^= "search-"]{padding-bottom:5px;}
.search-afp .search-promo .recommend-pager{top:98px;}
.search-afp .search-promo .search-recommend{margin:10px 15px; height:150px;}
.search-afp .search-promo .search-recommend li{line-height:2;}
/* PTK */
.search-ptk .search-engine{width:945px;}
.search-ptk .search-engine .btn-s{margin:-35px 10px 8px 556px; float:none;}
/* 過濾條件 */
.filter-list, .data-tb thead td{background:#f8f8f8;}
.filter-list, .sieve{position:relative; min-height:27px; z-index:89; background:#fff;}
.filter-list li{list-style-type:none; background:none; float:left; padding-left:0; margin:0 .5em 0 0; line-height:1.2;}
.filter-list li.set-filter input{margin:2px 15px 0;}
.filter-list li.filter-head{font-weight:bold; padding:5px 5px 5px 10px;}
.filter-list li span.unit{margin-left:1em;}
.filter-list li a:link, .filter-list li a:visited, .filter-list li strong{float:left; display:block; position:relative; color:#222; border:1px solid #fff; border-top-width:0; padding:5px 15px; z-index:200; text-align:center;}
.filter-list li i{display:none; position:absolute; left:-1px; bottom:-3px; border:1px solid #adadad; border-width:0 1px; width:100%; height:8px; background:#fff; z-index:499;}
.has-touch .filter-list li i{bottom:-4px;}
.filter-list li b{width:7px; height:4px; margin:0 2px 0 3px; display:inline-block; background:url(/st_ec/img/ec_sprite.gif) no-repeat 0 0; vertical-align:middle;}
.filter-list li sup{position:absolute; top:0; right:0; width:4px; height:30px;}
.filter-list li section{display:none; position:absolute; top:27px; left:0; border:1px solid #adadad; padding:5px; background:#fff; z-index:129;}
.filter-list li.hr-open a{text-decoration:none; color:#06c; background-color:#fff; border:1px solid #adadad; border-top-width:0; box-shadow:0 -1px 3px rgba(0,0,0,.3);}
.filter-list li.hr-open i{display:block;}
.filter-list li.hr-open b{backgroud-position:0 -20px;}
.filter-list li.hr-open sup{background:url(/st_ec/img/filter_tab_cap_hr.gif) no-repeat 0 0;}
.filter-list li.hr-open section{display:block; box-shadow:0 0 3px rgba(0,0,0,.3);}
.filter-list li .unit{color:#666;}
.filter-list li section p{display:block; position:relative; z-index:299;}
.filter-list li section .cross:link, .filter-list li section .cross:visited{display:none;}
.has-touch .filter-list li section .cross:link, .has-touch .filter-list li section .cross:visited, .ser-place .x-close{display:block; background:url(/st_ec/img/cross2.gif) no-repeat 0 0; width:20px; height:20px; z-index:300; border:none; padding:0; float:right;}
.filter-list li section p label{display:block; padding:2px 3em 3px 3px; padding:2px 3em 2px 3px; \9; margin:2px 0 2px 1px;}
.filter-list li section p label.marked{background-color:#fff8e0;}
.filter-list li section .reset-check{display:block; clear:left; text-align:right; margin:5px 0 0; padding:1px 4px 2px 0; color:#06c; cursor:pointer;}
.filter-list li input[type="text"]{margin-top:1px; width:250px;}
.filter-list.no-bgc{background:none;}

/*新版HTL搜尋頁過濾條件*/
.sieve{margin:10px 0 0; border:1px solid #dfdfdf; border-top:2px solid #0a52ab; height:auto;}
.sieve ul{padding:8px 10px; position:relative;}
.sieve li{display:inline-block; vertical-align:middle; background:none; padding-left:0;}
.sieve li:first-child{color:#888; font-size:15px; padding:3px 0 3px 8px;}
.sieve li:first-child:after{content:"：";}
.sieve a:link, .sieve a:visited{display:block; color:#222; padding:3px 8px; padding:5px 8px 1px \9; margin-right:5px; width:72px; text-align:center;}
.sieve a:hover, .sieve .active a{text-decoration:none; border-radius:2px; background:#0069df; color:#fff; font-weight:bold;}
.sieve a:after{content:""; display:none; vertical-align:middle; margin-left:5px; width:7px; height:10px; background:url(/st_ec/img/sieve_sprite.png) no-repeat -14px 0;}
.sieve .active a:after{display:none;}
.sieve .active .desc:after{display:inline-block; background-position:-7px 0;}
.sieve .active .asc:after{display:inline-block; background-position:0 0;}
.sieve .ccy{color:#999; padding:3px 8px; margin-left:12px;}
.sieve .dropdown{position:absolute; right:15px; bottom:0;}
.sieve .dropdown a:link, .sieve .dropdown a:visited{width:auto; background:#d9d9d9; border-radius:6px 6px 0 0; padding:6px 15px;}
.sieve .dropdown a:hover{font-weight:normal; color:#222;}
.sieve .dropdown a:after{display:inline-block; width:13px; height:13px; margin-left:2px; background-position:-13px -10px;}
.sieve .dropdown a span:first-child + span{display:none;}
.sieve.opened .dropdown a span:first-child{display:none;}
.sieve.opened .dropdown a span:first-child + span{display:inline-block;}
.sieve.opened .dropdown a:after{background-position:0 -10px;}
.sieve dl{display:none; position:relative; padding:10px 18px; background:#f6f6f6; border-top:1px solid #dfdfdf;}
.sieve dt, .sieve dd{display:inline-block; vertical-align:text-top; padding:6px 0; background:none !important;}
.sieve dt{font-weight:bold; color:#333; font-size:15px; background:green;}
.sieve dt:after{content:"：";}
.sieve dd.brk{display:block; width:100%; height:0; padding:0;}
.sieve dd .tilde{display:inline-block; vertical-align:top; font-weight:bold; font-size:17px; margin:0 .5em;}
.sieve dd{color:#555; width:370px;}
.sieve dd input[type="text"]{width:120px; border:1px solid #b0b0b0; padding:6px; position:relative; top:-6px;}
.sieve dd input[type="text"].it2{border-color:#298fca;}
.sieve dd label, .chker{position:relative; margin-right:1.5em; vertical-align:top;}
.sieve dd label input[type="checkbox"], .chker input[type="checkbox"]{margin-right:15px;}
.sieve dd label input[type="checkbox"] + span:before, .chker input[type="checkbox"] + span:before{content:""; position:absolute; left:0; top:-1px; z-index:101; display:inline-block; display:none \9; vertical-align:middle; width:18px; height:18px; background:url(/st_ec/img/sieve_sprite.png) no-repeat 0 -23px;}
.sieve dd label input[type="checkbox"]:checked + span:before, .chker input[type="checkbox"]:checked + span:before{background-position:-18px -23px;}
.sieve dd.apply{position:absolute; right:20px; width:auto; padding:0;}
.sieve dd.apply input[type="button"]{padding:4px 12px 5px; background:#fff; color:#0078ff; border:1px solid #0078ff; border-radius:2px; box-shadow:inset 0 -1px 2px 0px rgba(160,160,160,.3);  cursor:pointer;}
.sieve dd.apply input[type="button"]:hover{position:relative; top:1px; box-shadow:inset 0 1px 2px 0px rgba(160,160,160,.3);}
.sieve.opened dl{display:block; transition:all 300ms ease-in-out;}

/* 旅遊小幫手 jquery-ui tab 改寫 */
.tips-scroll{height:215px; padding:5px 0; overflow-y:auto; border-top:1px solid #ddd; margin:5px 0 0;}
.tips-scroll article{font-size:15px;}
.tips-list{border-bottom:1px solid #aaa;}
.tips-list li{float:left; background:none; list-style-type:none; position:relative; bottom:-1px;}
.tips-list li a:link, .tips-list li a:visited{display:block; padding:4px 13px 6px; color:#222;}
.tips-list li a:hover{text-decoration:none; color:#06c;}
.tips-list li a.active-tip{font-weight:bold; border:1px solid #aaa; border-bottom:3px solid #fff; border-radius:3px 3px 0 0;}
#tips-dialog{height: auto !important;}

/* .data-tb */
.data-tb{width:100%; border:1px solid #ddd; border-width:1px 0 0 1px; text-align:center; line-height:1.5; border-collapse:collapse; font-size:13px;}
#gdgTable{font-size:13px;}
.data-tb th, .data-tb td{padding:2px 3px; border:1px solid #ddd; border-width:0 1px 1px 0; vertical-align:middle;}
.data-tb thead th, .data-tb tbody th{background:#e3f4ff;
background:linear-gradient(to bottom, rgba(247,251,255,1) 0%, rgba(224,243,255,1) 100%);
border-left-color:#ddd; padding:5px 2px; padding:7px 2px 3px \9; text-align:center;}
.data-tb *.ipt-checkbox, .ipt-checkbox{padding:0;}
.data-tb .pd-img img{display:block; float:left; margin:6px 6px 1px 3px;}
.data-tb .tour-name{text-align:left;}
.data-tb *[valign="top"]{vertical-align:top;}
.data-tb thead td{font-weight:bold; padding:5px 2px; text-align:center;}
.data-tb thead .txt-nb, .data-tb thead .txt-nb td{font-weight:normal; padding:5px 2px;}
.data-tb thead th.gb, .data-tb thead th[rowspan="2"]{background:#e3f4ff;
background:linear-gradient(to bottom, rgba(247,251,255,1) 0%, rgba(224,243,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbff', endColorstr='#e0f3ff', GradientType=0 );
}
.data-tb p{text-align:left; padding:2px; line-height:1.5;}
.data-tb p.float-right{ text-align:right;}
.data-tb q{text-align:left;}
.data-tb td[colspan="8"] p.float-right q{margin-left:3px;}
.data-tb input[type="text"]{margin-bottom:3px;}
.data-tb tbody .transfer{border-top:1px solid #ddd;}
.data-tb.choose-day tbody a:link, .data-tb.choose-day tbody a:visited, .data-tb.choose-day tbody td var{font-size:18px; font-weight:bold; display:block; padding:9px 0 3px;}
.data-tb.choose-day tbody td s{font-size:18px; font-weight:bold; display:block;}
.data-tb.choose-day tbody td span{font-weight:normal;}
.data-tb.choose-day tbody a:link, .data-tb.choose-day tbody a:visited{display:block;}
.data-tb.choose-day tbody td var{color:#999;}
.data-tb.choose-day tbody td s{color:#c00;}
.data-tb.choose-day tbody td .trip-day-info .price var{color:#c00;}
.data-tb .has-promo{background:url(/st_ec/img/has_promo.gif) no-repeat left top;}
.data-tb .hotel-confirmed b{width:12px; height:12px; display:inline-block; background:url(/st_ec/img/confirmed_tick.gif) no-repeat 0 0; position:relative; top:10px;}
.data-tb .hotel-confirmed a:link, .data-tb .hotel-confirmed a:visited{background:url(/st_ec/img/confirmed_tick.gif) no-repeat right bottom;}
.data-tb .now-checking{background:#fff7be;} /* f3f3f3 */
.data-tb td .hdp-spmoney b{background:url(/st_ec/img/confirmed_tick.gif) no-repeat 0 0; bottom:0; height:12px; position:absolute; right:0; width:12px;}
.room-ok{color:#06c; font-weight:bold;}
.data-tb td .hdp-spmoney{position:relative; line-height:1.3;}
.data-tb td .hdp-spststus{position:relative;}
.data-tb td .cabin span{display:inline-block; width:4em; margin-right:.5em;}
.data-tb td .depart-loc{margin-top:4px;}
.data-tb .cozy{padding:5px 8px;}
.data-tb .cozy blockquote{float:right; text-align:right;}
.data-tb .cozy blockquote strong{width:17em; display:block; float:left; clear:left; font-weight:normal;}
.data-tb .cozy blockquote strong.afp-odr-sum{margin-top:6px; font-weight:bold;}
.data-tb .cozy blockquote .price, .data-tb .cozy blockquote .txt-high{width:7em; display:block; float:left; font-size:13px;}
.data-tb blockquote label:first-child + label{margin-right:0;}
blockquote + strong.txt-grn{margin:5px 0 0; display:block;}
.data-tb .text-top{vertical-align:top;}
.data-tb .day-bdr{background:#dcecff;}
.data-tb tbody.tbodyx2{border-top:3px solid #ddd;}
.data-tb .loose{padding:30px;}
.data-tb .loose .section .btn-blu-invt:link, .data-tb .loose .section .btn-blu-invt:visited{width:auto;}
.tb-sub-title{margin:11px 0 3px;}
.total{float:right; width:360px;}
.total dt,.total dd{display:block;float:left; margin:0;}
.total dt{clear:left; width:260px; text-align:right; font-weight:normal;}
.total dd{width:100px; text-align:right;}
.total .interlinear{border-bottom:1px dotted #999; width:360px; margin:.2em 0;}
.total.exchange, .total.exchange .interlinear{width:460px;}
.total.exchange dd{width:200px;}

.remark{float:left;}
.remark dt, .remark dd{display:block; float:left; margin:0; vertical-align:middle; height:30px;}
.remark dt{width:8em; text-align:right; font-weight:normal;}
.remark dd{width:6em; text-align:left;}
.remark dd.long{width:22em;}
.remark dd.long select{width:80px;}
.remark dd.man-id + dt input[type="button"]{float:left; margin-left:35px;}
.remark dd input.w6em{width:6em;}
.remark dd select[name="roomMarker"].w8em{width:80px; margin-top:0; margin-top:-5px \9;}
.minitour-tg{padding:1px 3px; margin-right:5px; font-weight:bold; font-size:11px; color:#fff; background:#d52678;}
.mycash-point{width:3.5em; text-align:right;}
input.mycash-point-used{border:none; text-align:right; width:3.5em; background:none; color:#222;}
.tourist-data p{display:block; float:left; padding-right:1em; width:47%;}
.tourist-data p.roomy{width:100%;}
.tourist-data.wide p{width:100%; padding-right:0;}
.align-top{position:fixed; z-index:997; top:-2px; box-shadow:0 4px 6px #aaa;} /* data-tb 黏在頂部用 */
.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;}
.passaporto:before{content:""; display:block; position:absolute; margin:-9px 0 0 10px; width:17px; height:9px; background:url(/st_ec/img/icon_checker.gif) no-repeat -102px -229px;}
.passaporto{display:none; background:#fff; border:1px solid #aaa; position:absolute; margin:5px 0 0 0; box-shadow:0 3px 8px 4px rgba(160,160,160,.6); z-index:1000;}
.passaporto img{padding:9px; width:500px; height:325px;}
.passaporto.dspl{display:block;}
.addi-sel select{margin:.35em; width:4em;}
.data-tb tbody tr td:first-child + td + td.addi-sel select{width:7em;}

/* 商品相關說明 */ 
.od-related, .data-tb + .data-tb.od-related{border-top:0 none;}
.od-related thead th{text-align:left; padding:7px 5px;}
.od-related tbody td{background:#fff /*url(/st_ec/img/section_link_bg_2.gif) repeat-x left bottom*/; text-align:left; padding-bottom:10px;}
.od-related tbody td div{padding:3px; margin:7px 7px 0;}
.od-related tbody td div.included{border-top:1px solid #cecece; background:#f5fcff; margin-top:14px;}
.od-related tbody td div.included div{padding:0 5px; margin:0;}
.od-related tbody td div.included > strong.txt-high:after{content:"：";}
.od-related tbody td div .data-tb{max-width:100%; min-width:70%; width:auto; margin-bottom:20px;}
.od-related tbody td div .data-tb td{font-weight:normal; padding:5px 8px; text-align:center;}
.od-related tbody td div .data-tb thead th{background:#efefef; text-align:center;}
.od-related tbody td .promotion{padding-top:10px; border-top:1px solid #ddd; margin-top:10px;}
.od-related tbody td .promotion:first-child{border:none; padding:0; margin:0;}
.od-related tbody td .promotion div{margin:0 10px 5px; text-align:left;}
.od-related tfoot td{text-align:right; padding:7px 5px;}
.order-detail .od-related thead th{background:#f8f8f8;}
.data-tb.no-borders, .data-tb.no-borders th, .data-tb.no-borders td{border:none; background:none;}


/* 加購_說明會提示 */
.sch_note{background-color:#FFF496; display:inline-block; padding:1px 2px; margin:3px 0;}

/* GFP推薦加購項目 */
.swch-confirm:link, .swch-confirm:visited, .swch-edit:link, .swch-edit:visited{font-family:Arial,sans-serif,新細明體; display:inline-block; border:1px solid #9e97af; color:#06c; border-radius:3px; padding:1px 4px 2px; padding:3px 4px 0 \9; line-height:1.3; background:url(/st_ec/img/btn_function_bg.gif) repeat-x center bottom; margin:2px 0 0;}
.swch-confirm:hover, .swch-edit:hover{text-decoration:underline;}
.swch-confirm b, .swch-edit b{vertical-align:middle; margin-right:3px; display:inline-block; width:16px; height:16px; background:url(/st_ec/img/icon_checker.gif) no-repeat -102px -82px;}
.swch-edit b{background-position:-102px -102px; vertical-align:bottom;}
.alsobuy{margin-bottom:30px; margin-top:-10px;}
.alsobuy input.btn-func{margin-left:1em; padding:3px 10px;}
.alsobuy-head{padding:2px 8px 0; line-height:2; height:28px; border-bottom:2px solid #298fca; margin-top:10px; background:#e0f1ff;}
.alsobuy-head strong{margin-right:.5em;}
.alsobuy-head .same-as{display:inline; margin:0 1em; line-height:1.4; position:relative; top:-1px;}
.alsobuy .alsobuy-head .swch-edit{display:none;}
.alsobuy-head span.oths{margin-left:2em;}
.alsobuy .data-tb{width:100%; border-width:0; line-height:1.7;}
.alsobuy .data-tb th, .alsobuy .data-tb td{border-right-width:0; border-bottom:1px dotted #cecece;}
.alsobuy .data-tb th{background:#f3f3f3; width:15%; vertical-align:middle; text-align:center;}
.alsobuy .data-tb th q .err-msg{line-height:1.23; font-weight:normal;}
.alsobuy .data-tb td{text-align:left;}
.alsobuy .data-tb td label{color:#666; display:block; float:left; padding:0 2px 1px;}
.data-tb td label.addtobuy{color:#222; font-weight:bold; background:#fff2c6;}
.alsobuy .data-tb td label em{margin-left:.75em;}
.alsobuy .data-tb td label img{vertical-align:middle; margin:0 3px;}
.alsobuy .data-tb th, .alsobuy .data-tb td{padding:3px 5px;}
.alsobuy .data-tb tbody{display:table-row-group;}
.alsobuy .data-tb tfoot tr{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.alsobuy .data-tb tfoot td{text-align:right; height:28px;}
.alsobuy .data-tb tfoot td strong{float:right;}
.alsobuy .data-tb tfoot .swch-confirm{margin:3px 3px 3px 1em; float:right;}
.alsobuy .data-tb tfoot div{border-bottom:1px solid #ddd; margin:0 0 3px; text-align:center;}
.alsobuy .data-tb tfoot p{width:87%; float:none; margin:0 auto 5px; padding:5px 8px;}
.uncheck-all:link, .uncheck-all:visited{float:right; margin-right:1em; padding-right:1em; border-right:1px solid #ddd;}
table.copy-sys{margin:0 0 5px 56px; width:90%;}
.data-tb table.copy-sys tr, .data-tb table.copy-sys td{border:0; text-align:left;}
.data-tb table.copy-sys td{padding:0 0 0 5px; vertical-align:top; line-height:1.7;}
.data-tb table.copy-sys th{text-align:right; background-color:#fff; border-bottom:none; padding:0; vertical-align:top; line-height:1.7; width:105px;}
.t-bold{font-weight:bold;}
.data-tb table.copy-sys label{color:#000;}
label.addtobuy span.txt-pp{font-weight:normal; margin-left:3px;}
.section .alsobuy-head label{ vertical-align:top; vertical-align:text-top \9;}
ul.checkover{margin:-30px 0 48px 8px; padding:2px 0 4px; border-bottom:1px solid #cecece;}
ul.checkover li img{vertical-align:middle; margin-left:2px;}
.sub-case{font-size:11px; font-weight:normal; display:inline-block; color:#fff; background-color:#12964d; border-radius:3px; padding:3px 4px 2px; padding:4px 4px 1px \9; line-height:1.2;}/*不可退貨icon*/
.alsobuy.box-closed .data-tb tbody{display:none;}
.alsobuy.box-closed .alsobuy-head .swch-edit{display:inline-block;}
.alsobuy.box-closed .data-tb tfoot{display:none;}
.alsobuy.box-closed .data-tb tfoot .swch-confirm{display:none;}
.alsobuy.box-closed .uncheck-all{display:none;}
.alsobuy.final-total .data-tb{border:2px solid #298fca;}
.alsobuy.final-total .data-tb th, .alsobuy.final-total .data-tb td{font-size:15px;} 
.alsobuy.final-total .data-tb td .price{font-size:11px;}
.alsobuy.final-total .data-tb td .price span{font-size:15px; vertical-align:0;}


/* 橫式房型列表 HDP 繼承微調 */
.hdp-tb{margin:0 0 10px;}
.hdp-tb thead td{padding:5px 2px; text-align:center; font-weight:bold; background:#f8f8f8;}
.hdp-tb thead td p{padding-top:17px;}
.hdp-tb thead td img{float:left; margin:9px 10px 8px 7px;}
.hdp-sp thead td, .hdp-sp tbody td{background:#eee9ff url(/st_ec/img/bg_spritex.gif) repeat-x center bottom; padding:5px 2px; padding:7px 2px 3px \9;}
.hdp-sp th, .hdp-sp td{border:1px solid #ddd; border-width:1px 1px 0 1px; vertical-align:middle;}
.hdp-sp thead td{padding:0; font-weight:normal; background:#eee9ff url(/st_ec/img/bg_spritex.gif) repeat-x center bottom;}
.hdp-sp thead td img{float:left; margin:9px 10px 8px 7px;}
.hdp-sp p{text-align:left; padding-top:18px;}
.hdp-sp b.btn{ display:block; background:url(/st_ec/img/icon_checker.gif) no-repeat -226px -60px;}
.hdp-sp p q{float:right; margin-right:10px;}
.hdp-spmoney{font-family:Verdana,Arial,sans-serif,"新細明體";}
.hdp-spmoney a:link, .hdp-spmoney a:visited{font-weight:bold;}
.hdp-spmoney span{padding-left:4px;}
/*HTL*/
.htlsure{font-size:12px; font-weight:bold; height:16px; color:#222; display:inline-block; padding:0px 2px 1px 2px; margin:0 0 0 8px;}
.htl-booking{font-size:12px; margin:0;}
.htl-booking s{color:#c00;}
/* PTK 比較欄位繼承微調 */
.data-tb .ptk-color{background:#fff8e0;}
.data-tb .ptk-no-color{background:#fdfdfd;}


/* 搜尋列表滑過 highlight */
.data-color tbody tr:hover, .data-color tbody tr.light-up{background:#eaf3ff; color:#222;}
.data-color tbody tr.no-hover:hover{background:#fff;}
.data-color tbody tr:hover .no-color tr:hover{background:#fdfdfd;}
.cell-mix tbody th{text-align:right; background-image:none; background-color:#eaf3ff; padding:3px 6px; word-wrap:normal; word-break:keep-all;}
.cell-mix tbody td{text-align:left; padding:3px 6px;}
.data-tb tr.flight-selected, .data-tb tr.selected-item{background:#fff8e0;}
.data-tb tr.tr-dim, .data-tb tr.tr-dim-sub{background:#f5f5f5;}
.data-tb tfoot p, .data-tb tfoot div{line-height:1.5; float:right;}
.data-tb tfoot p.shipping-fee, .data-tb tfoot td.pay-deal ol{float:left; color:#c00; width:auto;}
.data-tb tfoot p.shipping-fee ins{text-decoration:none;}
.data-tb tfoot p.sum-total{width:155px;}
.data-tb tfoot p.sum-total strong{display:block; float:left;}
.data-tb tfoot p.sum-total .price{float:right;}
.data-tb tfoot dfn{line-height:1; background-position:-82px -30px;}
.data-tb tfoot td.pay-deal{padding:2px 3px;}
.data-tb tfoot td.pay-deal p{line-height:3.5;}
.data-tb tfoot td.pay-deal ol{padding:.7em .2em;}
.airline-logo{text-align:left;}
.airline-logo img{display:inline-block; float:left; margin:5px 2px 0 0;}
.pro-pic{text-align:center;}
.pro-pic img{display:inline-block;}
.bullet{display:block; margin:.3em 0 .4em; background:url(/st_ec/img/ec_sprite.gif) no-repeat -82px -33px; padding-left:1.2em; text-align:left; line-height:1.2em;}
table#search-table tbody td .bullet{width:10em; word-break:break-all;}
.bullet strong{font-weight:normal; background:#d52678; padding:1px 2px; color:#fff;}
.bullet a.icon-offer:link, .bullet a.icon-offer:visited{color:#222; cursor:pointer !important;}
.bullet a.icon-offer b{vertical-align:bottom;}
.date-dash{width:1px; height:9px; display:block; background-color:#222; margin:0 auto;}
/* 浮現更多價格、日期選擇 */
.more-info{display:block;}
.more-info:hover{cursor:pointer;}
.more-info-box{z-index:1299; cursor:default; float:right; position:absolute; border:5px solid #888; background:#fdfdfd; text-align:left; padding:8px; margin:5px 0 0 0; width:auto; border-radius:5px; box-shadow:0 2px 12px rgba(50,50,50,.7);}
/* Christmas Adjust
.ec-gfg .more-info-box, .ec-gfp .more-info-box, .ec-gdg .more-info-box, .ec-hrp .more-info-box, .ec-cpp .more-info-box{margin:-35px 0 0 -290px; width:260px;}
.more-info-box i{width:25px; height:13px; display:block; background:url(/st_ec/img/more_info_tip.gif) no-repeat 0 0; margin-left:20px; margin-top:-21px;}
.ec-gfg .more-info-box i, .ec-gfp .more-info-box i,
.ec-gdg .more-info-box i, .ec-hrp .more-info-box i, .ec-cpp .more-info-box i{float:right; margin:0 -21px 0 0; width:13px; height:25px; display:block; background:url(/st_ec/img/more_info_tip_right.gif) no-repeat 0 0}*/
.more-info-box img[src$=".gif"]{margin:20px 10px 10px;}
.more-info-box dl, .more-info-box ul{margin-top:5px;}
.more-info-box dt, .more-info-box dd{display:block; float:left; line-height:1.75em;}
.more-info-box dt{width:5em; clear:left; padding-right:1em; text-align:right;}
.more-info-box dd{width:10em;}
.more-info-box a.mr:link, .more-info-box a.mr:visited{display:block; text-align:right; clear:both; margin:3px 0;}
.more-info-box a.mr:after{content:"》";}
.addition{border-top:1px dotted #ccc; padding:5px; width:250px;}
.addition cite{display:block; float:left; width:1em; background:#fffbed; text-align:center; padding:1px 3px; margin-right:3px; border:1px solid #eddea6;}
.addition ul{padding:1px 5px; margin:0; float:left; width:200px; width:165px \9;}
.addition ul li{background:none; padding-left:0; line-height:1.6;}

/*機票艙等展開*/
.compart div.icon-pinfo{display:inline-block; padding:0 7px 5px; margin:0 -7px -5px;}
.compart div.icon-pinfo b{vertical-align:top; cursor:pointer;}

.is-mobile .compart div.icon-pinfo.appeared b i, .gfp-pp-td em.price:after, .mi > .price:after{display:block; width:28px; height:28px; background:url(/st_ec/img/sieve_sprite.png) no-repeat 0 -80px; position:absolute; margin:10px 0 0 738px; cursor:pointer; z-index:1555 !important; opacity:1; transition:opacity .2s ease-out;}
.is-mobile .compart div.icon-pinfo.appeared b i:hover{opacity:1;}

.compart .date-price:before{margin-top:-19px; margin-left:48px;}
.compart .date-price{width:790px; padding:10px; margin-left:-60px; margin-top:-2px;}
.compart div.icon-pinfo.appeared .date-price{display:block;}
.compart-scroll{overflow:auto; max-height:300px; padding-right:1px; border-bottom:1px solid #ddd;}
.compart-scroll .data-tb tr:hover{background:#fff;}
.compart-scroll .apt{background:url(/st_ec/img/apt_arr_r.png) center center no-repeat;}
.compart-scroll .apt div{display:inline-block; vertical-align:middle; width:170px; text-align:left; margin-right:20px;}
.compart-scroll .apt div + div{margin-right:0; margin-left:20px;}
.compart-scroll td p{padding:0;}
.compart-scroll td p img{vertical-align:middle; margin-right:7px;}
.section .compart-scroll{overflow:visible; max-height:none; padding:0; border:none;}

/* 計畫票 */
.more-flyinfo{display:inline;}
.more-flyinfo:hover{cursor:pointer;}
.more-flyinfo-box{z-index:1299; cursor:default; float:right; position:absolute; border:5px solid #888; background:#fdfdfd; text-align:left; padding:8px; margin:5px 0 0 12px; width:auto; box-shadow:0 2px 12px rgba(50,50,50,.7);}
.more-flyinfo i{width:25px; height:13px; display:block; background:url(/st_ec/img/more_info_tip.gif) no-repeat 0 0; margin-left:20px; margin-top:-21px;}
.more-flyinfo dl{margin-top:8px;}

/*展開&收合 tgle-box */
.tgle-box-btn{margin:-2px 0 0;}
.tgle-box-btn span{font-family:Arial,Helvetica,sans-serif,"新細明體"; display:inline-block; border:1px solid #9e97af; border-radius:3px; padding:0 4px; padding:1px 4px \9; line-height:1.3 \9; background:url(/st_ec/img/btn_function_bg.gif) repeat-x center bottom; color:#06c;}
.tgle-box-btn span b{margin-right:2px;}
.tgle-box-btn:link, .tgle-box-btn:visited{font-size:13px; font-weight:normal; vertical-align:text-bottom;}
.tgle-box-btn:hover, .tgle-box-btn:hover span{text-decoration:none; color:#06c; cursor:pointer;}
.tgle-box-btn:hover span{text-decoration:underline;}


/* 排序&換頁 */
.paging{text-align:right; padding:3px 5px 5px;}
.ic-prev, .ic-next{display:inline-block;}
.ic-prev b, .ic-next b{vertical-align:middle; display:inline-block; width:7px; height:9px; background:url(/st_ec/img/ec_sprite.gif) no-repeat -70px -80px;}
.ic-next b{background-position:-77px -80px;}
.ending:link, .ending:visited, .ending{color:#ccc; cursor:no-drop; text-decoration:none;}
.ic-prev.ending b{background-position:-70px -89px;}
.ic-next.ending b{background-position:-77px -89px;}
.tb-remark{float:left; position:relative; top:2px; top:3px \9; left:0; color:#999; z-index:46;}
.tb-remark i{display:inline-block; vertical-align:middle; width:17px; height:15px; background:url(/st_ec/img/ui-icons_999999_256x240.png) no-repeat -128px 0;}
.sort{text-align:right; padding:7px 5px 7px; background:#f8f8f8; vertical-align:middle;}
.sort-title{float:left; position:relative; top:2px \9; padding:1px 5px 1px;}
.sort-title.no-2{margin-left:22em;}
.sort .unit{display:block; float:left; line-height:0.5em; margin-left:1em; margin-top:0; padding:5px 0;}
.a-sort-up, .a-sort-down, .a-sort-none{border-radius:2px; border:1px solid #ccc; display:block; cursor:pointer; float:left; width:7em; text-align:center; font-weight:bold; background:#fff; padding:2px 0 4px; padding:5px 0 2px \9; margin:-4px 3px 2px 0;}
.a-sort-none{font-weight:normal; background:#f8f8f8;}
.a-sort-up:hover, .a-sort-down:hover, .a-sort-none:hover{border:1px solid #94b6e0;}
.a-sort-up i, .a-sort-down i{display:inline-block; vertical-align:middle; width:14px; height:12px;}
.a-sort-up i{background:url(/st_ec/img/a-up.gif) no-repeat;}
.a-sort-down i{background:url(/st_ec/img/a-down.gif) no-repeat;}
.pg-a, .pg-c{background:none; /* #f8f8f8 */}
.pg-a{padding:7px 5px;}
.pg-a .btn-func{margin-top:-2px;}
.pg-b{background:none; border:1px solid #bbb; border-width:1px 0 0; padding:6px 10px;}
.pg-b .tb-remark{top:0;}
.pg-c{margin:20px 0 0;}
.icon-refer{float:left; text-align:left; position:relative; top:-3px; left:-8px;}

/* 瀏覽方式切換 */
.view-type{float:right; position:relative; bottom:-27px; margin:0 0 0; z-index:549; width:208px;}
.view-type.vt-gfg, .view-type.vt-fit{top:-27px; bottom:0; margin:0 0 0; height:0;}
.view-type.vt-fit{top:-22px;}
.view-type strong, .view-type q, .icon-grid-view, .icon-list-view, .icon-detail-view{display:block; float:right; padding:2px 5px; margin-right:.5em;}
.view-type p.txt-gy{position:absolute; left:-7em; top:1px; top:3px \9; padding:0;}
.view-type q{font-weight:bold;}
.view-type strong{margin-right:0; padding:5px 5px 0 \9;}
.view-type .icon-list-view{margin-right:0;}
.icon-grid-view b, .icon-list-view b, .icon-detail-view b{vertical-align:text-bottom; margin-right:4px;}
.filter-rule{color:#555; font-weight:normal; font-size:13px; line-height:1.5 \9; margin-right:225px; font-family:Arial, Helvetica, sans-serif,'新細明體';}
.filter-rule span{font-size:11px; padding:1px 3px 1px; padding:0 3px 0 \9; line-height:1.1; border:1px solid #8fbfdb; background:#f2faff; margin-right:.3em; vertical-align:baseline; vertical-align:text-bottom \9;}
.filter-rule strong{font-weight:normal;}
/* 圖片式列表 TKT, HDP */
.probox{list-style-type:none;}
.probox img{display:inline-block; max-width:100%; width:210px; height:119px;}
.probox li{position:relative; width:210px; height:270px; padding:7px 7px 0; margin:0 0 15px 15px; list-style-type:none; float:left; background:#fff; border:1px solid #ccc; box-shadow:0 2px 2px rgba(0,0,0,.2); border-radius:2px;}
.probox.htl-page li{height:267px;}
.probox.tkt-page li{height:auto;}
.probox.hdp-page li{height:235px;}
.probox .first-one{margin-left:0;}
.probox.top-row li{height:310px;}
.probox.top-row li.no-promo img{margin-top:42px;}
.probox li:hover{border:1px solid #aaa;}
.probox .htl-promo{color:#d52678; padding-left:44px;}
.probox .htl-promo strong{color:#fff; width:50px; height:21px; display:inline-block; background:url(/st_ec/img/htl_promote_title.png) no-repeat 0 0; padding:1px 0; padding:3px 0 0 \9; text-align:center; margin:0 5px 6px -54px;}
.probox em{font-size:15px; overflow:hidden; display:block; height:2.5em; padding:4px 0; color:#06c;}
.probox p{padding:2px; width:210px; text-align:left; overflow:hidden; height:1.3em;}
.probox s, .probox span.sp-price{width:90px; padding-top:2px; display:block; height:17px;}
.probox s{color:#999;}
.probox .spmoney{font-size:13px; text-align:left; font-family:Verdana,Arial,sans-serif,"新細明體"; padding-bottom:11px;}
.probox .spmoney .btn-func{float:right; position:relative; top:-1px}
.probox a:link, .probox a:visited{display:block;}
.probox a:hover em{color:#06c;}
.probox p strong{margin-right:5px;}
.probox p .icon-map:link, .probox p .icon-map:visited{display:inline-block;}
.probox.htl-page p .icon-map:link, .probox.htl-page p .icon-map:visited{display:block; float:right; margin-right:5px;}
.probox.htl-page p img, .probox.htl-page.top-row li p img{display:inline-block; width:67px; height:auto; vertical-align:-1px; margin-top:0; margin-right:10px;}
.probox.htl-page p .txt-gy{font-size:11px;}
.probox .action{color:#06c; clear:both; margin:10px -7px 0; width:210px; background:#eee; padding:6px 7px; padding:3px 7px 4px \9;}
.probox .sdesc{position:absolute; width:210px; text-align:right; margin-top:-2px; color:#c00; font-size:11px;}
.tkt-page .spmoney{float:right;}
.hdp-page .spmoney{float:none;}
.htl-page .spmoney{padding-top:11px; padding-bottom:0;}
.htl-page .spmoney .txt-high{margin-left:3px;}
.top-row{margin:10px 0 0;} /* HTL上方推薦列 */
.probox p .tdvr-rating{margin:0 2px;}
.s-rate{background:url(/st_ec/img/tdvr/star_sm_htl.png) no-repeat 0 0; display:inline-block; width:65px; height:13px; vertical-align:text-top;}
.s-rate.r-0-0{background-position:0 0 !important;}
.s-rate.r-0-5{background-position:0 -13px !important;}
.s-rate.r-1-0{background-position:0 -26px !important;}
.s-rate.r-1-5{background-position:0 -39px !important;}
.s-rate.r-2-0{background-position:0 -52px !important;}
.s-rate.r-2-5{background-position:0 -65px !important;}
.s-rate.r-3-0{background-position:0 -78px !important;}
.s-rate.r-3-5{background-position:0 -91px !important;}
.s-rate.r-4-0{background-position:0 -104px !important;}
.s-rate.r-4-5{background-position:0 -117px !important;}
.s-rate.r-5-0{background-position:0 -130px !important;}

/* 頁數 */
.page-change{margin:20px auto; text-align:center; font-size:13px; vertical-align:baseline;}
.page-change a:link, .page-change a:visited, .page-change span{margin:0 2px; padding:3px 6px; border:1px solid #ccc; background:#fff; display:inline-block; font-weight:bold; border-radius:2px;}
.page-change a:hover{text-decoration:none; color:#fff; background:#06c;}
.page-change .icon-pre:link, .page-change .icon-pre:visited, .page-change .icon-pre{position:relative; padding:3px 6px 3px 12px;} 
.page-change .icon-next:link, .page-change .icon-next:visited, .page-change .icon-next{position:relative; padding:3px 12px 3px 6px;} 
.page-change .icon-pre b, .page-change .icon-next b{position:absolute; top:8px; top:6px \9; background:url(/st_ec/img/ec_sprite.gif) no-repeat -80px -100px; width:4px; height:7px; display:block;}
.page-change .icon-pre b{left:5px; background-position:-71px -100px;}
.page-change .icon-pre:hover b{background-position:-71px -110px}
.page-change .icon-next b{right:5px;}
.page-change .icon-next:hover b{background-position:-80px -110px}
.page-change .ending:link, .page-change .ending:visited, .page-change .ending{color:#aaa; cursor:no-drop; background:#f7f7f7;}
.page-change .icon-pre.ending b{background-position:-71px -120px;}
.page-change .icon-next.ending b{background-position:-80px -120px;}
.pg-now{color:#d00; padding:3px 6px; margin: 0 2px; display:inline-block;}
.page-change input, .page-change .btn-go{vertical-align:baseline; font-size:12px; padding:2px 3px; width:2em;}
.page-change .btn-go{width:4em;}


/* 浮水印 */
.floater{display:block; position:fixed; right:0; bottom:0; margin-left:890px; z-index:1001; background:#1b75b9; width:70px; height:24px;}
.floater{border-radius:2px;}
.floater:hover{background-color:#298fca;}
.floater.wz-cart{width:24px; height:auto; margin-left:956px; bottom:258px;}
.floater-inner{position:relative; height:auto;}
.floater a:link, .floater a:visited{color:#555; margin:2px 6px 0 3px; display:block; float:left;}
a.go-top:link, a.go-top:visited{float:right;}
a.go-top b{width:58px; height:20px; display:inline-block; background:url(/st_ec/img/icon_checker.gif) no-repeat -62px -40px;}
a.go-top:hover b{background-position:-62px -60px;} 
.floater.wz-cart a.go-top{display:none;}
.floater.wz-cart .cart-btn b{background-position:-50px -113px;}
a.compare-btn:link, a.compare-btn:visited, a.cart-btn:link, a.cart-btn:visited{margin:3px 0 0 6px; margin:2px 0 0 6px \9; color:#fff; padding-bottom:4px;}
a.icon-cs:link, a.icon-cs:visited{margin:3px 3px 0 7px; color:#fff;}
a.cart-btn:hover{text-decoration:none;}

/*====== 訂購流程 ======*/
/* 分享列印按鈕組 */
.share-print{float:right;}
.share-print li{float:left; list-style-type:none; padding-left:0; background:none;}
.share-print li.btn-share, .share-print li.btn-email, .share-print li.btn-msword{margin-right:5px;}
.btn-share a:link, .btn-share a:visited, .btn-print a:link, .btn-print a:visited, .btn-email a:link, .btn-email a:visited, .btn-msword a:link, .btn-msword a:visited, .btn-export a:link, .btn-export a:visited, #line-app a:link, #line-app a:visited, .add-favorite a:link, .add-favorite a:visited, .b2b-copy a:link, .b2b-copy a:visited{border:1px solid #bbb; border-radius:2px; padding:3px 4px; background:url(/st_ec/img/btn_function_bg.gif) repeat-x 0 -23px; color:#06c;}
#line-app a:link, #line-app a:visited{display:inline-block; width:43px; height:25px; padding:0; background:url(/st_ec/img/btn_export_line_sm.gif) no-repeat center -4px;}
.add-favorite a:link, .add-favorite a:visited, .b2b-copy a:link, .b2b-copy a:visited{display:inline-block; width:113px; height:25px; padding:0; background:url(/st_ec/img/btn_export_favorite.gif) no-repeat center -4px;}
.b2b-copy a:link, .b2b-copy a:visited{width:95px; background-image:url(/st_ec/img/btn_export_copy.gif);}
#line-app a:hover, #line-app a:active, .add-favorite a:hover, .b2b-copy a:hover{background-position:center -36px; text-decoration:none;}
.btn-export a:link, .btn-export a:visited{display:inline-block; width:169px; height:25px; padding:0; background:url(/st_ec/img/btn_export.gif) no-repeat center -4px;}
#line-app, .add-favorite{margin-right:1em; position:relative; top:-2px; display:none;}
.add-favorite, .b2b-copy{display:block;}
.b2b-copy{margin:-2px 0 0 1em;}
.is-mobile #line-app{display:block;}
.btn-export a:hover{background-position:center -36px; text-decoration:none;}
.btn-export b, .btn-export span{display:none;}
.btn-export a#pageBtn2:link, .btn-export a#pageBtn2:visited{float:right; position:relative; bottom:5px;}
.btn-like{margin-right:5px;}

/* 轉寄信條件設定 */
.fwd-setting dl{zoom:1; line-height:1.5;}
.fwd-setting dt, .fwd-setting dd{display:block; float:left; padding-bottom:2px;}
.fwd-setting dt{clear:left; width:9em; text-align:right;}
.fwd-setting dd{width:34em;}
.fwd-setting dd span{line-height:2.2;}
.fwd-setting dd .err-msg{margin-left:5px;}
.fwd-setting dd .fill-square{width:34em;}
.fwd-setting.retailer dt{width:8em;}
.fwd-setting.retailer dd{width:41em;}
.fwd-setting.retailer dd .fill-square{width:40em;}
.fwd-setting dd p{display:block; padding:0; margin-bottom:8px; clear:left; overflow:auto;}
.fwd-setting dd label{display:block; float:left;}
.fwd-setting dd textarea{margin-bottom:3px \9;}
.fwd-setting.huge dd, .fwd-setting.huge dd .fill-square{width:750px;}
.fwd-setting.huge dd{line-height:1.75;}
.fwd-setting.huge dd .err-msg{margin:0;}
.fwd-setting.huge div#pageLoad{height:235px;}
.is-mobile .fwd-setting.huge div#pageLoad{overflow:scroll !important; -webkit-overflow-scrolling:touch !important;}
.fwd-setting dd.captcha img{vertical-align: middle; margin: 0 5px 0 0;}
.fwd-setting dd.captcha a:link, .fwd-setting dd.captcha a:visited{margin:0 0 0 5px;}
}
.fwd-button{padding:5px; text-align:right;}
.fwd-button input{float:right; margin-left:5px;}
.fwd-button input.btn-func{margin-top:3px;}
.preview-set{clear:both; text-align:right;}
.preview-set input.btn-m[type="button"]{margin:-60px 20px 0 0;}
.fwd-popup{height:285px; position:relative;}
.fwd-popup .btn-box{border-top:1px solid #ccc; position:absolute; bottom:10px; width:100%; background:#fff;}

/* 內容區段 */
.section{margin-top:20px; clear:left;}
.section.first-sec{margin-top:5px;}
.section h3, .ui-dialog-content h3{padding:0 6px 3px 14px; margin-bottom:2px; background:url(/st_ec/img/icon_checker.gif) no-repeat -226px -60px; line-height:20px; font-size:20px;}
.section h3.float-left + table.data-tb, .section #secInsForm + .data-tb, #orderContBox{clear:left;}
.section h3 span{margin-left:.75em; vertical-align:top;}
.section h3 b.gfg-confirmed{padding:0 3px 3px 14px; margin:0 0 2px 0; background:url(/st_ec/img/confirmed_tick.gif) no-repeat 5px 5px;}
.section h3 span img{vertical-align:middle; margin-right:4px;}
.section h3 .unit, .unit{color:#999; float:right; margin-top:2px;}
.section h3 a.icon-external{margin:0 0 0 1em; vertical-align:text-bottom;}
.section h3 a.icon-external b{vertical-align:text-bottom;}
.section h4{font-size:15px; padding:5px;}
.unit{margin-top:5px;}
.unit input[type="button"]{margin:-2px -7px 0 5px;}
.ui-dialog-content span.unit{float:none; display:block; text-align:right;}
.section p .btn-func, order-detail p　.btn-func{vertical-align:middle;}
.section fieldset{border:1px solid #ddd; background:#fff; margin-bottom:10px; padding:5px; padding:8px \9;}
.section legend{float:left; padding:5px 8px; padding:6px 8px 4px \9; margin:-5px -5px 0; margin:-9px -9px 4px \9; width:932px; border-bottom:1px solid #ddd; border:1px solid #ddd \9; background:#fff8e0;}
.section legend + *{clear:left;}
.section label{font-weight:normal; vertical-align:text-top;}
.section fieldset label{margin-bottom:2px;}
.section .data-tb .ipt-checkbox label{font-weight:bold; font-size:12px \9;}
.section .data-tb .ipt-checkbox label input, .section .data-tb .ipt-checkbox label input[type="radio"], .data-tb .ipt-checkbox label input[type="checkbox"]{margin-right:0;}
.section .indent-l{margin-left:1.3em;}
.section .other-info strong{display:inline-block; text-align:right; width:8em;}
.section .other-info .icon-pinfo b{margin-left:3px;}
.section label select{vertical-align:top;}
.section .same-as{vertical-align:middle;}
.section .same-as select{position:relative; top:-2px;}
.section fieldset label, .section fieldset ins{display:inline-block; margin-right:1em;}
.section fieldset ins{text-decoration:none; line-height:1.9; vertical-align:middle;}
.section fieldset .flynumb, .section fieldset .flycheck{margin-left:-1em;}
.section fieldset ins.flycheck{margin:0;}
.section fieldset .interval{margin-right:2em;}
.ind{margin-left:16px; margin-left:24px \9;}
.section fieldset p{padding:3px 8px;}
.section fieldset ul{list-style-type:none; overflow:auto; zoom:1;}
.section fieldset li{display:block; float:left; width:29%; border-right:1px solid #ddd; padding:.5em 1em;}
.section fieldset li.last-li{border:none;}
.section fieldset li label{float:left;}
.section fieldset li input{margin-right:3px;}
.section fieldset .price{display:block; float:right; color:#d00; position:relative; top:-2px \9;}
.section textarea{width:928px; height:68px; padding:10px; border:1px solid #ddd; line-height:1.5; background:#fff;}
.section a[id ^= pd]{float:none; clear:both; display:block; width:100%; height:1px; position:relative; top:-85px;}
.section iframe{background:#fff;}
.section .data-tb p.float-left + p.float-left{margin-left:15px;}
.btn-load-state{margin-left:.3em; width:110px; height:31px; display:block; float:right; background:url(/st_ec/img/loading_16x16_gy.gif) center center no-repeat;}



/* 補充說明四方框 */
.cnt-box{border:1px solid #ddd; padding:5px; overflow:auto; background:#fff;}
.cnt-box.footnote{border-top:none; color:#666; background:url(/st_ec/img/bg_spritex.gif) repeat-x 0 -141px;}
.cnt-box.footnote li{margin-top:0;}
.cnt-box.footnote li [class ^= "icon-"] b{margin-right:5px;}
.container > .cnt-box.footnote{border-top:1px solid #ddd;}
.cnt-box.footnote2{color:#666;}
.cnt-box.footnote3{color:#222;}
.cnt-box.nobtm{border-bottom:0 none;}
.cnt-box.mrg-btm{margin-bottom:20px;}
.cnt-box .segment{margin-top:1em;}
.cnt-box .segment ul, .cnt-box .segment ol{padding-left:1em;}
.cnt-box.process{text-align:center;}
.cnt-box.process div{margin:0 auto; width:auto;}
.cnt-box li{margin-top:1em;}
.cnt-box li:first-child, .cnt-box li ol li{margin-top:0;}
.ui-dialog-content .cnt-box{border:0; background:none;}
.ui-dialog-content h3{margin-top:10px; margin-bottom:0; background-color:#fff; background-image:none; border-left:#0880de 5px solid; font-size:15px; padding:0 0 0 5px; color:#444; border-bottom:#ccc 1px dotted;}
.ui-dialog-content .sec-pp h3{margin:0 0 10px -10px;}
.ui-dialog-content p ol{padding-left:1em;}
.v-features{margin:5px 10px 20px;}
.section #orderForm .cnt-box.nobtm{width:938px;}
.promote-info{padding:1px 5px; padding:7px 10px \9; background:#edf8fd; border-bottom:1px solid #e3e3e3;}
.promote-info .bullet{line-height:1.4; background-position:-82px -31px;}
.cnt-box .pd-photo{padding-top:10px; margin-left:10px;}
.cnt-box .pd-content{box-shadow:none; border:none; width:590px !important; padding:0; padding-left:10px;}
.cnt-box .pd-content .feature-list{width:auto;}

/* 橫式短結購：1 標題搭配 1 輸入框 */
.blank-set, .blank-set strong, .blank-set input, .blank-set q, .blank-set label, .blank-set dfn, .blank-set small, .blank-set span, .blank-set img{display:inline-block; vertical-align:middle;}
.blank-set img + span.txt-gy, .blank-set img + span.err-msg, .blank-set img + q{margin:0 1em;}
.blank-set label input{position:relative; bottom:-3px; bottom:0 \9;}
.blank-set small{margin:0 1em; width:11em; width:10em \9;}
.blank-set strong{padding:2px 0;}
.blank-set q + strong{margin-left:1em;}
.blank-set a:link, .blank-set a:visited{line-height:1.75;}
.blank-set{margin-right:2em;}
.section fieldset p.blank-set{padding:5px 8px;}
.ui-dialog-content .blank-set{margin-right:.3em;}
.blank-set.halt{margin-right:0;}
.two-ways .blank-set{width:48%; margin-right:0;}
.two-ways .blank-set.way-back{border-left:1px solid #ddd; padding:5px 0 5px 16px;}
.crossline{border:0; border-top:1px solid #ccc; height:0; margin:5px;}
.forward td{vertical-align:top; padding:5px 0;}
/* 橫式短結購：AFP:查看航班 */
.blank-afp span{display: inline-block; margin-right:1.5em;}
/* 起飛時段 */
.takeoff-time{float:right; margin:4px 0 0; margin:6px 0 0 \9;}
.takeoff-time label{margin-right:.5em; vertical-align:top;}
.takeoff-time strong + label{vertical-align:text-top \9;}
.takeoff-time label span{vertical-align:-1px;}
.takeoff-time label input{vertical-align:middle; vertical-align:text-bottom \9;}
/* 前一可選日期&後一可選日期 */
.date-select{display:block; float:left; margin-left:10px;}
.date-select.first-date-select{margin-top:5px;}
.date-select label, .date-select select{float:left; margin:0 8px;}
.date-select label .ui-datepicker-trigger{vertical-align:sub; padding-top:3px \9;}
.date-select input{display:block; float:left; font-weight:bold; color:#222;}
.date-prev:link, .date-prev:visited, .date-next:link, .date-next:visited{display:block; float:left; border:1px solid #9e97af; border-radius:3px; background:url(/st_ec/img/btn_function_bg.gif) repeat-x 0 -25px; color:#06c;}
.date-prev:link, .date-prev:visited{padding:1px 8px 4px 3px; padding:1px 8px 1px 3px \9;}
.date-prev:link b, .date-prev:visited b{margin-right:0;}
.date-next:link, .date-next:visited{padding:1px 0 4px 9px; padding:1px 0 1px 9px \9;}
.date-next:link b, .date-next:visited b{margin-right:0; background-position:-23px -99px;}
.date-select small{display:block; float:left; padding:4px 0;}
/* 訂單明細 */
.order-detail{padding:5px 0 0; clear:both;}
.order-detail-head{border:1px solid #94b6e0; background:#d8e9ff url(/st_ec/img/odr_detail_hd_bg.gif) repeat-x left top; font-size:15px; font-weight:bold; padding:5px 8px 3px; line-height:1.5;}
.order-detail-head strong{margin-right:5em;}
.order-detail-head .tgle-box-btn:link, .order-detail-head .tgle-box-btn:visited{float:right;}
.order-detail .tgle-box{border:1px solid #94b6e0; border-top:0; padding:4px 10px 15px; background:#fff;}
.order-detail .tb-notice{color:#222; padding:10px 15px; line-height:1.7em;}
.order-detail .icon-openbox b, .order-detail .icon-closebox b{vertical-align:text-top;} 
.order-detail .cnt-box.footnote{color:#222;}
.sub-tle{font-size:15px; overflow:auto; zoom:1;}
.sub-tle strong{color:#06c;}
.sub-tle span{display:block; float:left;}
.sub-tle .indent-lt{margin-left:2em;}

/*旅客資料*/
.icon-select b{width:16px; height:16px; display:inline-block; margin-right:3px; vertical-align:text-top; _vertical-align:2px; background:url(/st_ec/img/icon_checker.gif) no-repeat -82px -2px;}
/* 支付方式 */
.use-mycash{float:right;}
.use-mycash input{vertical-align:0;}
.pay-tb{font-size:15px; width:100%; border:1px solid #ddd; text-align:center; margin-bottom:15px; border-collapse:collapse;}
.pay-tb th, .pay-tb td{padding:12px 10px; /*3px 6px 2px 10px*/}
.pay-tb th{width:8em; /*9.2em*/ border-right:1px solid #ddd; vertical-align:middle;}
.pay-tb .base th{border-bottom:1px solid #ddd;}
.pay-tb th div{font-weight:normal;}
.pay-tb th a:link, .pay-tb th a:visited{font-size:13px;}
.pay-tb td{text-align:left; border-bottom:1px dashed #dadada;}
.pay-tb td.bdr-clean-b{border-bottom:0;}
.pay-tb .price{font-size:11px;}
.pay-tb .price span{font-size:15px;}
.pay-tb td.checker{width:1.5em; background:#fff8e0; text-align:center; vertical-align:middle; border-bottom:1px solid #f5f5ff; border-right:1px solid #ddd;}
.pay-tb td.checker inputp[type="radio"]{vertical-align:0;}
.pay-tb td.hr{background:#eaf3ff;}
.pay-tb td.hr p, .pay-tb td.hr span, .pay-tb td.hr a:link, .pay-tb td.hr a:visited{font-weight:normal;}
.pay-tb td.hr span.price, .pay-tb td.hr span.price span{font-weight:bold;}
.pay-tb tr.type-break td{border-bottom:1px solid #ddd;}
.pay-tb tr.base td{border-bottom:1px solid #ddd;}
.pay-tb td.txt-gy{width:150px; text-align:right; font-size:13px;}
.pay-tb td a:link, .pay-tb td a:visited{vertical-align:bottom;}
.pay-tb td .bank-link:link, .pay-tb td .bank-link:visited{display:inline-block;}
.pay-tb td em.price{margin:0 .75em 0 0; min-width:7.5em; display:inline-block; text-align:right; vertical-align:bottom;}
.pay-tb .icon-map b{vertical-align:-3px;}
.pay-tb + span.txt-pp{margin:-10px 0 25px 8px; display:block;}
.pay-instore{margin:0 0 0 10px; font-size:13px;}
/* 取車還車時間選擇表 */
.pay-tb td.bdr-clean-b.w16em{width:19em; vertical-align:bottom;}
/* 2016 信用卡付款 */
.pay-tb th div.pay-title{font-size:18px;}
/* .pay-tb th div.pay-title:before{content:""; display:inline-block; vertical-align:bottom; width:22px; height:22px; margin-right:7px; background:red;} */
.card-sale:link, .card-sale:visited{text-decoration:underline;}
.card-sale b{display:none;}
/* .card-logo-list{width:148px; height:16px; background:url(/st_ec/img/card-logo-list-big.png) 0 0 / cover no-repeat; margin:1.5em 0 .4em;} */
.bank{display:inline-block;}
.bank-data{display:none; font-size:13px; background:#fdfdfd; border:2px solid #979797; padding:10px; width:310px; min-height:80px; position: absolute; margin:-27px 0 0 75px; box-shadow:0 3px 3px 2px rgba(64,64,64,.2);}
.bank-data:before{content:""; display:block; width:0; height:0; border-style:solid; border-width:17px 15px 17px 0; border-color:transparent #979797 transparent transparent; margin:-12px 0 0 -27px; float: left;}
.bank-data strong{background:#979797; display:block; padding:7px 10px; color:#fff; font-size:15px; font-weight:normal; margin:-10px -10px 0;}
.bank-data p{padding:10px 5px;}
.bank-data p.anno{padding-bottom:0; border-top:1px dashed #979797;}
.bank a:before{content:""; display:none;
width:28px; height:28px; background:url(/st_ec/img/sieve_sprite.png) no-repeat 0 -80px; position:absolute; margin:-6px 0 0 375px; cursor:pointer; z-index:1555 !important;}
.bank.block .bank-data{display:block;}
.bank.block a:before{display:block;}
#tableCreditCard, #tableCupCard, #tableAtm, #tablePayCash{margin-bottom:0 !important;}



/* 預定行程簡介 */
.schedule{margin:0 0 20px; border:1px solid #ddd; overflow:auto; zoom:1; background:#fff;}
.schedule h3{background:#fff url(/st_ec/img/section_link_bg_2.gif) repeat-x left bottom; padding:5px 10px 5px 90px; margin:0; border-bottom:1px solid #ddd; text-indent:-4.5em; font-size:20px; line-height:1.3;}
.schedule h3 strong{border-right:1px solid #ddd; box-shadow:inset -1px 0 0 #fff; margin:0 .3em 0 .5em; padding-right:.2em;}
.schedule h3 strong span{font-size:24px; font-weight:bold; margin:0; color:#c00; text-align:center; padding:0 .2em; vertical-align:baseline;}
.schedule dl{font-size:15px; line-height:1.5; margin:10px auto; width:920px; border-bottom:1px dotted #ddd; padding-bottom:10px;}
.schedule dt, .schedule dd{float:left; display:block; line-height:1.75;}
.schedule dt{margin-right:0.5em; clear:left;}
.schedule dd{width:880px;}
.schedule p{padding:5px; line-height:1.65; font-size:15px;}
.schedule p span{margin-right:50px;}

/* 玉山銀行信用卡刷卡表 */
.cnt-box .secure{width:900px; margin:20px auto; text-align:left; background:url(/st_ec/img/ssl_seal.png) no-repeat 12px top; clear:left;}
.cnt-box .secure p{margin-left:135px;}
.cd{position:relative; border:1px solid #ccc; border-radius:8px; padding:10px; background:url(/st_ec/img/cc_bg.jpg) no-repeat center center; margin:20px 23px; box-shadow:inset 0 -2px 1px 0 #fff; float:left; box-sizing:border-box;} /*460x290, 420x265*/
.cd-inner{width:400px; height:235px; float:left; box-sizing:border-box; border-radius:6px;}
.cd-inner h4{font-size:25px; position:absolute; margin:10px;}
.rw1, .rw2{margin:10px 0 0 12px;}
.rw1{margin-top:85px;}
.id .rw1{margin-top:100px;}
.cd li{background:none; margin:0; padding:0; float:left;}
.cd li label{font-weight:bold; font-size:13px; display:block; color:#555; line-height:1.3;}
.cd li input, .cd li select{padding:8px 10px; font-size:15px;}
.cd li p{display:inline-block; padding:0; margin:2px 0 0;}
.cd li p input.it-2{background:#e3f4ff;}
.cd li input.it-2, .cd li select{padding:7px 9px;}
.cd .cnum input{width:16.2em;}
.cd li span.icon-match{display:inline-block; margin:30px 80px 0 0; font-size:15px;}
.cd .sc{margin-left:25px; position:relative;}
.cd .sc input{width:3em;}
.cd .cnum p:before{content:" - ";}
.cd .cnum p input{width:2.3em; text-align:center;}
.cd .cnum p:nth-of-type(1):before{display:none;}
.cd .sc .sc-hint{display:block; position:absolute; right:3px; right:3px \9; top:25px; top:24px \9; width:20px; height:33px; height:31px \9; text-align:center; line-height:2.75; cursor:pointer; border-radius:0 1px 1px 0; color:#06c; font-weight:bold;
background:#ebebeb;
background:linear-gradient(to bottom, #fefefe 0%, #ebebeb 100%);
border-left:1px solid #bbb;
box-shadow:-1px 0 2px 0 rgba(128,128,128,.3);}
.cd .valid p{border: 1px solid #777; border-color: #777 #aaa #aaa #777; background:#fff url(/st_ec/img/input-bg.jpg) repeat-x 0 -2px; padding:6px 8px; border-radius: 2px;}
.cd .valid p select{border:none; background:none;}
.cnt-box .cvs:before{content:"."; display:block; width:11px; height:19px; background:url(/st_ec/img/cc_arr.gif) no-repeat 0 0; position:absolute; margin:50px 0 0 -20px;}
.cnt-box .cvs{display:none; position:absolute; width:180px; height:125px; padding:10px; border:1px solid #aaa; background:#fff url(/st_ec/img/cc_cvs.jpg) no-repeat center center; margin:-90px 0 0 27px; box-shadow:0 2px 4px 0 rgba(128,128,128,.7);}
.cnt-box .rw1.ae .cvs{background:#fff url(/st_ec/img/cc_ae.jpg) no-repeat center center;}
.cd .sc .sc-hint:hover .cvs{display:block; z-index:600;}
.id{background:none;}
.id .cd-inner{background:#fdf5f4; border:1px solid #ccc;}
.id .idname input{width:13em;}
.id .idnum{margin-left:12px;}
.id .idnum input{width:8em; width:7em\0;}
.id .dbirth p:before{content:" / "; margin:0 3px;}
.id .dbirth p:nth-of-type(1):before{display:none;}
.yyyy{width:2.7em;}
.mm, .dd{width:1.8em;}
.cc-user{width:115px; height:135px; background:url(/st_ec/img/cc_user.png) no-repeat 0 0; /*float:right; margin:10px 18px 0;*/ position:absolute; right:25px; bottom:30px;}
.rw1.ae .cnum p:nth-of-type(1) input{width:3em;}
.rw1.ae .cnum p:nth-of-type(2) input{width:4em;}
.rw1.ae .cnum p:nth-of-type(3) input{width:3.5em;}
.rw1.ae .sc p input{width:3.7em;}
.card-select{padding:0 0 0 7px; display:inline-block; vertical-align:text-top;}
.card-select label{font-size:15px; display:block; margin-bottom:5px;}
.card-select label input{vertical-align:1px; margin-right:.5em;}
.card-select label input:checked + span{text-decoration:underline;}


/* 流程步驟列 */
.step{margin:0 auto; height:31px; background:url(/st_ec/img/mb/step_03.gif) repeat-x left top; margin:20px 0;}
.step .step{margin:0;}
.step ul{list-style-type:none; background:url(/st_ec/img/mb/step_02.png) no-repeat right top; font-weight:bold;}
.step li{float:left; text-align:center; width:149px; background:url(/st_ec/img/mb/step_n.gif) no-repeat right top;}
.step li p{display:block; height:23px; padding:8px 0; padding:8px 0 0 \9; line-height:15px; vertical-align:middle; color:#555;}
.step li p span{font-weight:bold; font-size:19px; vertical-align: middle; padding-right:5px; color:#aaa;}
.step .step-start{background:url(/st_ec/img/mb/step-step-start-bg.png) no-repeat left 0; width:180px; padding-right:10px; margin-top:2px;}
.step .step-start p{padding-top:6px; padding-top:9px \9; font-weight:normal; background:none; color:#222; padding-right:10px;}
.step .light-on p{background:url(/st_ec/img/mb/step_o.gif) no-repeat; font-weight:bold; color:#222;}
.step .light-on span{color:#d52678;}
.step .light-off p, .step .light-off span{color:#4a729a;}
.step .step-end, .step #step5{background-image:none;}

/* step2 付款備註 */
.sp-paytime, .sp-paytime-fit{float:right; background:#fff496; padding:2px 4px 2px 7px; margin:-5px -8px;}
.sp-paytime em{font-weight:bold; color:#c00;}
.sp-paytime-fit{margin:-5px -5px; margin:-5px -5px -4px \9; padding:5px 4px 6px 10px; padding:7px 4px 6px 10px \9;}

.room-note, .room-note2{border:2px solid #c00; padding:.3em .75em; margin:.75em .75em 0; line-height:21px; background:#fff; color:#c00;}
.room-note2{border-width:2px; margin:0;}


/*====== 通用樣式 ======*/
/* 加4邊 */
.bdr-t{border-top:1px solid #ddd;} .bdr-b{border-bottom:1px solid #ddd;} .bdr-l{border-left:1px solid #ddd;} .bdr-r{border-right:1px solid #ddd;}
/* 清4邊 */
.bdr-clean-t{border-top:0;} .bdr-clean-b{border-bottom:0;} .bdr-clean-l{border-left:0;} .bdr-clean-r{border-right:0;}
/* 清4邊 margin */
.mgn-clean{margin:0;} .offset-top, .mgn-clean-t{margin-top:0;} .mgn-clean-b{margin-bottom:0;} .mgn-clean-l{margin-left:0;} .mgn-clean-r{margin-right:0;}
/* 清4邊 padding */
.pad-clean{padding:0;} .pad-clean-t{padding-top:0;} .pad-clean-b{padding-bottom:0;} .pad-clean-l{padding-left:0;} .pad-clean-r{padding-right:0;}
/* 樣式加乘效果 */
.section.offset-top h3{margin-top:5px;}

/*保險*/
.remark-ins{float:left; padding:5px 0;}
.remark-ins dt,.remark-ins dd{display:block;float:left; margin:0; padding:2px 0;}
.remark-ins dt{width:12em;text-align:right; font-weight:normal; vertical-align:middle;}
.remark-ins dd{width:16em; text-align:left;}
.dos_notice .section h3{background-image:none; background-color:#D8E9FF;}
.ins-sb{width:15em; text-align:right; display:inline-block;}
.ins-sb2{text-align:right;}
.ins-info{padding:2px 0; }

/* jquery.blockUI 效果 (已無使用) */
.blockUI p.data-loading{padding:15px 5px; text-align:center; font-size:15px;}
.blockUI p.data-loading b{display:block; width:128px; height:15px; background:url(/st_ec/img/loading_bar.gif) no-repeat 0 0; margin:0 auto 5px;}

/*出團型態*/
dfn.bullet span{display:inline-block;}
/* .group-type{position:absolute; right:0; top:220px; width:6.2em; line-height:1.75;} */
.group-type{float:right; line-height:1.75; position:relative; right:-86px; top:135px; width:6.2em;}
.data-tb tbody td.pd-img p a{color:#06c;}
.data-tb tbody td.pd-img p span{display:inline-block;}
/* ERP icons */
.icon-modify b,.icon-delete b, .icon-copy b,.icon-location b,.icon-add b,.icon-location b,.icon-p-list b,.icon-person b,.icon-restore b,.icon-tool b,.icon-back b,.icon-download b,.icon-stop b,.icon-manage b,.icon-calculator b,.icon-third-party b,.icon-minus b,.icon-down b,.icon-up b,.icon-left b,.icon-right b,.icon-locked b,.icon-hotel b,.icon-announce b, .icon-share b, .icon-word b, .icon-print b, .icon-email b, .icon-set b, .icon-pak b, .icon-fly b, .icon-charter b, .icon-disallow b, .icon-24h b, .icon-meeting b, .icon-commend b, .icon-itf b, .icon-sell b, .icon-htl-ok b, .icon-sales-ok b, .icon-schedule b, .icon-namelist b, .icon-payment b, .icon-lastmoney b, .icon-special b, .icon-foreign b, .icon-draftee b, .icon-passport b, .icon-all-ok b, .icon-not-ok b, .icon-payment-red b, .icon-beds b, .icon-draftee-red b, .icon-save b, .icon-import b, .icon-tpe b, .icon-khh b, .icon-promo b, .icon-favor b, .icon-promo-grp b, .icon-qna b, .icon-flight b, .icon-much b, .icon-jointour b, .icon-partake b, .icon-standby b, .icon-tickolny b, .icon-feedback b, .icon-guarantee b{padding:8px; height:12px; display:inline-block; margin:-6px 1px; overflow:hidden; background:url(/st_ec/img/icon_all.png) no-repeat;}
.icon-modify b{background-position: -388px -18px;}
.icon-delete b{background:url(/st_erp/images/icon_017.png) no-repeat 0 8px;}
.icon-copy b{background:url(/st_erp/images/icon_010.png) no-repeat 0 8px;}
.icon-location b{background:url(/st_erp/images/icon_018.png) no-repeat 0 8px;}
.icon-p-list b{background:url(/st_erp/images/icon_007.png) no-repeat 0 8px;}
.icon-person b{background-position: -66px 9px;}
.icon-add b{background-position: -113px -251px;}
.icon-minus b{background-position: -159px -251px;}
.icon-location b{background:url(/st_erp/images/icon_location.png) no-repeat 0 8px;}
.icon-restore b{background-position: -297px -304px;}
.icon-tool b{background:url(/st_erp/images/icon_tool.png) no-repeat 0 8px;}
.icon-back b{background-position: -343px -277px;}
.icon-download b{background:url(/st_erp/images/icon_015.png) no-repeat 0 8px;}
.icon-stop b{background-position: -434px -356px;}
.icon-manage b{background-position: -250px -94px;}
.icon-calculator b{background-position: -435px -172px; margin-right:2px;}
.icon-third-party b{background-position: -296px -146px; margin-right:4px;}
a.icon-modify, a.icon-delete, a.icon-search, a.icon-copy, a.icon-location{display:inline-block;}
.icon-minus b{background-position:-160px -251px;}
.icon-down b{background-position:-113px -328px;}
.icon-up b{background-position:-159px -328px;}
.icon-left b{background-position:-65px -328px;}
.icon-right b{background-position:-20px -328px;}
.icon-locked b{ background-position:-111px -147px;}
.icon-hotel b{ background-position:-204px -95px;}
.icon-announce b{background-position:0px -510px;}
.icon-share b{background-position:-342px -484px;}
.icon-word b{background-position:-21px -510px;}
.icon-print b{background-position:-66px -147px;}
.icon-email b{background-position:-342px -484px;}
.icon-set b{background-position:-46px -510px;}
.icon-pak b{background-position:-67px -510px;}
.icon-fly b{background-position:-93px -510px;}
.icon-charter b{background-position:-115px -510px;}
.icon-disallow b{background-position:-139px -510px;}
.icon-24h b{background-position:-251px -510px;}
.icon-meeting b{background-position:-161px -510px;}
.icon-commend b{background-position:-67px -224px;}
.icon-itf b{background-position:-414px -510px;}
.icon-sell b{background-position:-184px -510px;}
.icon-htl-ok b{background-position:-230px -510px;}
.icon-sales-ok b{background-position:-205px -510px;}
.icon-schedule b{background-position:-342px -405px;}
.icon-namelist b{background-position:-322px -510px;}
.icon-payment b{background-position:-342px -510px;}
.icon-lastmoney b{background-position:-368px -510px;}
.icon-special b{background-position:-389px -510px;}
.icon-foreign b{background-position:-434px -510px;}
.icon-draftee b{background-position:-276px -510px;}
.icon-passport b{background-position:-296px -510px;}
.icon-all-ok b{background-position:0px -536px;}
.icon-not-ok b{background-position:-21px -536px;}
.icon-payment-red b{background-position:-67px -536px;}
.icon-beds b{background-position:-46px -536px;}
.icon-beds b{background-position:-46px -536px;}
.icon-draftee-red b{background-position:-93px -536px;}
.icon-save b{background-position:-250px -225px;}
.icon-import b{background-position:-204px -434px;}
.icon-tpe b{background-position:-115px -536px;}
.icon-khh b{background-position:-139px -536px;}
.icon-qna b{background-position:-205px -536px;}
.icon-flight b{background-position:-230px -536px;}
.icon-much b{background-position:-251px -536px;}
.icon-jointour b{background-position:-323px -536px; width:4px;}
.icon-tickolny b{background-position:-67px -562px; width:4px;}
.icon-promo b{background-position:-161px -536px; width:16px;}
.icon-favor b{background-position:-93px -562px; width:16px;}
.icon-promo big i{width:13px; height:7px; display:block; margin-top:-10px; background:url(/st_ec/img/promo_info_tip.gif) no-repeat 0 0; }
.icon-promo big{float:left; position:absolute; width:auto; background:#ececec; border:3px solid #f279cc; padding:0 8px; margin-top:4px;}
.icon-promo big small{font-size:13px; display:block; line-height:1.2; padding:6px 0 4px;}
.icon-promo-grp b{background-position:-275px -536px; width:26px;}
.icon-partake b{background-position:-368px -536px;}
.icon-standby b{background-position:-414px -536px;}
.icon-feedback b{background-position:-139px -562px; width:38px;}
.icon-guarantee b{background-position:-275px -562px; width:38px;}
.price-info .data-tb th, .pce-info .data-tb th{background:#eee; color:#222; font-weight:normal;}
.price-info{padding:10px; z-index:789; text-align:left; position:absolute; width:600px; height:auto; min-height:170px; background:#fff; border:5px solid #a0a0a0; margin-top:10%; margin-left:-195px; margin-left:-175px; padding-bottom:10px;}
.ec-gfp .price-info{margin-left:-190px; margin-left:-240px \9; margin-top:9.3%;}
.price-info .chk-more-htl{text-align:right; display:block;}
.price-info:after, .more-info-box:after{content:""; display:block; background:url(/st_ec/img/trip_day_info_tip_right.gif) 0 0 no-repeat; width:14px; height:28px; position:absolute; right:-15px; top:50%;}
.more-info .cross2:link, .more-info-box .cross2:visited{display:none;}
.has-touch .price-info .cross2:link, .has-touch .price-info .cross2:visited,
.has-touch .more-info-box .cross2:link, .has-touch .more-info-box .cross2:visited{display:block; width:20px; height:20px; position:absolute; right:0; background:url(/st_ec/img/cross2.gif) no-repeat 0 0; margin:0 10px 0 0;}
.has-touch .more-info-box .cross2 + dl{clear:right;}
.price-detail a:hover em{color:#06c;}
/*票券選擇商品與數量*/
#calcuteDisplayArea div.price.txt-high.t-large strong{display:block;}

/* 覆寫「忘記密碼查詢 dialog」的樣式 */
.join li{background:none; padding:0;}
.ui-dialog-content .join li .ti2 {padding:5px 0;}

/* 微調 step1：g+ button */
#___plusone_0{position:relative; top:-3px;}

/*dialog去叉叉*/
.no-top .ui-icon{display:none;}
.no-top .ui-dialog-titlebar-close{display:none;}

/* 灰色可點按鈕 */
input[type="button"].btn-mg{text-align:center; width:90px; height:30px; padding:4px 0 8px; padding:7px 0 5px \9; border:0; background:url(/st_ec/img/btn_submit_gray_m.gif) no-repeat 0 0; color:#222;}
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;}
/* step3護照英文名提示 */
.data-tb td small{color:#D52678; font-size:12px;}
/* step3標題必填星號 */
.section span.top-star, .section span.top-star2{color:#d00; vertical-align:top; font-weight:normal; margin:0; line-height:10px;}


/* ERP 內 table 樣式 for ERP訂購流程入口 */
.tb-1,.tb-1 th,.tb-1 td,.tb-2,.tb-2 th,.tb-2 td,.dataTable ,.dataTable th,.dataTable td{border:1px solid #ccc;}
.tb-1 th,.tb-1 td,.tb-2 thead th,.tb-2 th,.tb-2 td,.dataTable th,.dataTable td{padding:2px 3px; text-align:center; word-wrap:break-word; word-break:break-all;}
.tb-1 th,.tb-2 thead th,.dataTable th.no-select{background:#e7eeff; font-weight:bold;padding:2px;}
.tb-1 th.ipt-checkbox{padding:0;}
.tb-1 tr:hover, .selection{background:#fff6d6;}
.tb-1 td p{text-align:left; margin:.25em 0; -webkit-margin-before:0em; -webkit-margin-after:0em;}
.tb-1 td p.highlight{background:#fff6d6; padding:3px 0;}
.tb-1 th.ta-left,.tb-1 td.ta-left,.tb-2 th.ta-left,.tb-2 td.ta-left,.dataTable td.ta-left{text-align:left;}
.tb-1 th.ta-right,.tb-1 td.ta-right,.tb-2 th.ta-right,.tb-2 td.ta-right{text-align:right;}
.tb-2 th{background:#eee;text-align:right;}
.tb-0 th,.tb-0 td{padding:1px 0;}
.tb-2 th,.tb-2 td{padding:1px 3px;}
.tb-2 .ta-center th,.tb-2 th.ta-center{text-align:center;}
th .txt-high{font-weight:normal;}
table {background:#fff}
.float-input{float:left; display:block; margin-right:5px; line-height:1.7}
/* OP訂房作業-旅客資料DIV */
.tb-1 .guest{width:374px; border:1px solid #ccc; margin:8px 0 8px 8px; padding:8px; float:left; display:block; background-color:#fff;}
/* OP訂房作業-每房每晚房價 */
.tb-3 thead th,.dataTable th.no-select{background:#e7eeff; font-weight:bold; padding:2px;}
.tb-3 tr:hover, .selection{background:#fff;}
.tb-3 td p{text-align:left; margin:.25em 0; -webkit-margin-before:0em; -webkit-margin-after:0em;}
.tb-3 th{background:#eee;text-align: center;}
.tb-3 td{padding:5px;}
/* step4 重選付款項目 btn */
input.btn-paymaent, input[type="button"].btn-paymaent{text-align:center; width:120px; height:30px; padding:5px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(/st_ec/img/btn_payment.gif) no-repeat 0 0; color:#000; font-weight:bold;}
input.btn-paymaent:hover, input[type="button"].btn-paymaent:hover{background-position:0 -30px; background-position:0 0 \9; cursor:pointer; padding:7px 0 7px; padding:7px 0 5px \9;}
/* AFP step5 訂構說明 */
.or-info{border:1px solid #ccc; padding:0;}
.or-info div{margin-top:-16px;}
/*step3 ID加說明icon*/
.man-id, dd.man-id{position:relative; margin-right:6px;}
.man-icon{position:absolute; right:-30px; top:1px;}
/* step3 送出訂位 */
.datasending{background:url(/st_ec/img/loading.gif) no-repeat 20px 25px; padding:30px 0 30px 70px; font-size:15px;}

/* CUT 4 */
	
/* step2 行銷機制 */
.sec-pp{display:block; padding:2px 0 2px 12px; margin-top:5px; color:#000; line-height:19px; min-height:200px; max-height:250px; overflow-y:auto; overflow-x:hidden; word-break:break-all;}
.sec-pp strong{display:inline-block;}
.sec-pp ul{margin:8px 0 0;}
.sec-pp ul.htl{margin:0;}
.icon-match b{display:inline-block; height:16px; width:16px; background:url(/st_ec/img/icon_checker.gif) no-repeat -82px -162px; margin:0 2px -4px 3px;}
.ui-dialog-content .sec-pp ul + h3{margin-top:20px;}

/* step3 服務據點 */
.ser-place{left:0; top:0; padding:5px 5px 3px; z-index:102; text-align:left; position:absolute; width:223px; height:20px; background:#fff; border:1px solid #898989; margin:-8px 0 0 28px;}
.ser-place b{display:block; float:left; background:url(/st_ec/img/bread_left_arr.gif) 0 0 no-repeat; width:5px; height:10px; left:0; margin:5px 0 0 -11px;}
.ser-place span{padding:0; margin-right:8px; font-weight:normal;}
.ser-place .x-close{margin:-1px 0 0;}

/* HTL-ERP訂購入口 */
.ec.erp-port .container{width:auto; min-width:950px; padding:0 5px;}
.ec.erp-port .footer{width:auto; padding:15px 5px;}
.ec.erp-port .data-tb.hdp-tb thead tr td:first-child{min-width:80px;}
.data-tb tbody tr td .sp-price{line-height:1.3em; display:block;}
.order-detail .tgle-box .data-tb tbody td .price{vertical-align:top;}

/* 0212 2B PNR */
.pnr-q{text-align:center; padding:0;}
.pnr-q p{background:url(/st_ec/img/icon_question.png) no-repeat 0 0; font-size:15px; font-weight:bold; vertical-align:middle; padding-top:20px; width:244px; height:42px; margin-left:350px;}
.search-fit .search-pnr{width:945px; height:auto;}
.search-fit .search-pnr dl.colx4{ padding-top:3px;}
.search-fit .search-pnr .btn-s{ margin:-3px 0 9px; float:none;}
.room-note3{border:2px solid #12964D; padding:.3em .75em; line-height:21px;}
.room-note3 span{padding-left:1.5em;}

/* 0407 生日優惠 */
.bircake{background:#fff url(/st_ec/img/bir_bg.gif) repeat-x left bottom; border:1px dashed #bbb; border-radius:5px; padding:11px 10px 15px 5px; margin:-12px 0 0; width:385px; position:relative;}
.bircake i, .bircake .bot{background:url(/st_ec/img/bir_sn.png) no-repeat left top; position:absolute; width:18px; height:18px; z-index:3; margin:-5px 0 0 8px;}
.bircake strong{padding:9px 5px 9px 72px; font-size:15px; background:url(/st_ec/img/bir.png) no-repeat 30px 5px;}
.bircake .bot{background:url(/st_ec/img/bir_bn.png) no-repeat left top; margin:12px 0 0 8px;}

/* #ccc方框加 1px 白陰影 */
.data-tb, .pay-tb, .search [class ^= "search-"], .cnt-box, .room-select{box-shadow:0 1px 0 #fff;}

/* 機票票價預測，已移至: fit-predict.css */


/*6/3 可售欄加底色*/
.sale-seat{background-color:#fff7be;} 


/* BusTour ec */
.bustour .cd{padding:3px; margin:3px; border:1px solid #eaeaea;}
.bustour .cd.id .cd-inner{border:1px solid #eee;}
.bustour .cd li span.icon-match{margin-right:73px;}
.bustour .cnt-box .secure{float:left; clear:none; text-align:center; width:120px; margin:10px 5px 0; padding:180px 0 0; background-position:center 10px;}
.content.bustour  ul.important{margin:10px;}
.content.bustour  ul.important li{margin:0 0 .25em;}
.bustour .data-tb tbody tr[id^="custData_"] td select[name="nationality"]{width:13em;}


/* step5帳號 */
.emphasis{display:inline-block; margin:-3px 0;}
.emphasis strong{display:inline-block; vertical-align:middle; font-size:18px; margin:0; margin:0 0 3px \9;}


/* 小星號 */
[class ^= "star st-"]{display:inline-block; vertical-align:middle; margin:0 0 0 5px; width:84px; height:16px; background:url(/st_ec/img/ui/stars.gif) no-repeat 0 0;}
.data-color tbody tr:hover .star, .data-color tbody tr.light-up .star{background-image:url(/st_ec/img/ui/stars_hover.gif);}
.st-0-0{background-position:0 0;}
.st-0-5{background-position:0 -217px;}
.st-1-0{background-position:0 -22px;}
.st-1-5{background-position:0 -43px;}
.st-2-0{background-position:0 -65px;}
.st-2-5{background-position:0 -87px;}
.st-3-0{background-position:0 -109px;}
.st-3-5{background-position:0 -130px;}
.st-4-0{background-position:0 -152px;}
.st-4-5{background-position:0 -174px;}
.st-5-0{background-position:0 -196px;}

/* expedia 專案控制 */
.htl-order-confirm{display:none !important;}
.exp-notify{display:none; color:#666; padding-right:3px;}
.exp-notify-check{display:none;}
.check-box{margin:0 auto; text-align:left; width:200px; line-height:1.6 !important;}
.exp-visible{display:block;} /*看得見*/
.exp-hidden{display:none !important;} /*看不見但流程可go*/

/* AFP 2014OCT 改版 */
.data-tb tbody td a + span.star{vertical-align:-2px; margin-right:.5em;} 
#selectHotelTable tbody tr td > ul li{background:none; padding-left:0;}
a.ul.txt-high .price{font-size:10px;}
a.ul.txt-high .price var{font-size:15px;}
.hotel-combo, #selectHotelTable tbody tr td > ul li a{font-size:15px; font-weight:bold; text-align:left; margin-bottom:5px;}
.hotel-combo + ul{margin:8px 0;}
#selectHotelTable tbody tr td .hotel-combo + ul li{background:url(/st_ec/img/point.gif) no-repeat 5px 10px; padding-left:1.2em;}
.room-qty{padding:5px 0; position:relative; display:inline-block;}
.room-qty ul, .room-qty ul + input{display:block; float:left; text-align:left;}
.room-qty li{background:none; padding-left:0; line-height:2.2;}
.room-qty li cite{display:inline-block; width:5em; text-align:center;}
.room-qty li em{display:inline-block; width:9em; text-align:right;}
.data-tb tbody td .room-qty li select{display:inline-block; margin:0 0 0 1em;}
.room-qty ul + input{position:absolute; bottom:8px; left:250px;}
.room-qty table td{border:none; padding:3px 5px; text-align:center;}
.data-tb tr:hover .room-qty table tr{background:#eaf3ff !important;}
.room-qty table tr td:first-child{min-width:4em; font-size:13px;}
.room-qty table tr td:first-child + td{width:6em; text-align:right; padding:1px 5px 5px \9;}
.room-qty table tr td:first-child + td + td{width:auto; font-size:13px;}
.room-qty table + input{vertical-align:bottom; margin-bottom:3px;}
.room-qty + input.btn-func{display:inline-block; vertical-align:18px;}
table#selectHotelTable.data-tb tbody tr td:first-child + td{text-align:left;}
.data-tb tbody td span.price + select, .data-tb tbody td .sp-price + select, .data-tb tbody td em + select{display:block; margin:5px auto; width:4em;}
.ui-dialog-content .pd-photo{margin:10px 0 0 15px;}
.ui-dialog-content .pd-content{border:none; box-shadow:none; padding:0 0 0 20px;}

/* AFP 艙等價差參考表 */
.div-chart{display:table; table-layout:fixed; width:100%;}
.div-chart .cell{display:table-cell; heigt:auto; border:1px solid #ddd; border-width:1px 0 0 0;}
.div-chart .cell:after{content:"."; font-size:0; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.div-chart .cell p, .div-chart .cell span{display:block; text-align:center; padding:5px 3px; border:1px solid #ddd; border-width:0 1px 1px 0;}
.div-chart .cell p{padding:6px 3px; padding:8px 3px \0; font-weight:bold;}
.div-chart .cell span{color:#c00;}
.div-chart .cell:first-child{border-left:1px solid #ddd; width:4em;}
.div-chart .cell:first-child p{padding:9px 3px 4px \9;}
.div-chart .cell:first-child span{color:#222;}
.unit + .div-chart{margin:5px 0 0;}
.data-tb td em + a.icon-external, a[name="markUpBccTpPrice"].icon-external{float:right; position:relative; top:1px;}


/* STEP1 放大字體 */
figcaption, .figure-box p,
#pd-intro + h3 + .cnt-box strong,
#pd-schedule + h3 + .cnt-box li,
.tab-set #tab-2 .section .cnt-box,
.cond-set div,
.room-select-hd q,
.room-feature,
h1.pas-b + .section .cnt-box,
h1.pas-b + .section + .section .cnt-box,
h1.pas-b + .section + .section + .section .cnt-box{font-size:15px; line-height:1.75;}
#pd-intro + h3 + .cnt-box,
#pd-intro + h3 + .cnt-box ol,
#pd-intro + h3 + .cnt-box li{font-size:15px; line-height:1.75;}
h1.pas-b + .section.first-sec{margin:20px 0 0;}


/* 用 ID 微調 */
#showSecondCont{margin-right:5px;}
#pd-intro[name="pd-date"] + .section + h3{margin:20px 0 5px;}

/*0413-mycash加碼*/
.section h3 span.mycash-raise{ margin:-2px 0 0 8px; display:inline-block; vertical-align:bottom;}
.section h3 span.mycash-raise b{ padding-right:0; width:47px;}
.febk{background:url(/st_ec/img/icon_checker.gif) no-repeat -131px -181px;  font-size:12px; color:#FFF; padding:9px 5px 7px; display:block;}
.febk-ok{color:#C00; font-size:12px; padding:0 0 0 5px;}

/*0508 GFP-STEP1 住宿說明 詳細價格 dialog bug*/
#htlPriceCalendarDilag{padding:4px !important; height:380px !important; overflow-y:auto;}
#htlPriceCalendarDilagContent p.txt-gy{float:right; padding:0 8px;}
#htlPriceCalendarDilagContent .calendar-box{margin-top:12px;}
#htlPriceCalendarDilagContent p.txt-gy + .calendar-box{clear:both;}
.ec-gfp div[aria-labelledby="ui-dialog-title-htlPriceCalendarDilag"]{position:absolute !important; margin:0 !important;}

/*0512 HTL新版搜尋頁*/
.search-htl .search-engine dl dt + dd + dd label{position:relative; top:2px; left:5px;}
.search-htl .search-engine dl dt + dd + dd label input{margin-right:5px;}
.hotel{border:1px solid #dedede; background:#fff; padding:15px 15px 0; margin:10px 0 0;}
.hotel.stp1{border:none; background:transparent; padding:5px;}
.hotel-inf, .hotel-img{float:left;}
.hotel-img{width:226px; margin-left:15px;}
.hotel-img a:link, .hotel-img a:visited{display:block; border:1px solid #eee;}
.hotel-img a:before{content:""; display:block; position:absolute; width:224px; height:149px; background:url(/st_ec/img/sieve_sprite.png) no-repeat -67px 0; opacity:0; transition:all 200ms ease-out;}
.hotel-img a:hover:before{opacity:.65;}

.hotel-img a img{width:224px; height:149px;}
.hotel-img a + img{width:118px; height:20px; vertical-align:-6px; margin:3px 0 0;}
.hotel-inf{width:677px;}
.hotel-inf h2{font-size:23px; border:none; margin:0; height:3.4em; overflow:hidden; background:none;}
.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:-1px;}
.hotel-inf .r-0-0{background-position:0 0;}
.hotel-inf .r-0-5{background-position:0 -20px;}
.hotel-inf .r-1-0{background-position:0 -40px;}
.hotel-inf .r-1-5{background-position:0 -60px;}
.hotel-inf .r-2-0{background-position:0 -80px;}
.hotel-inf .r-2-5{background-position:0 -100px;}
.hotel-inf .r-3-0{background-position:0 -120px;}
.hotel-inf .r-3-5{background-position:0 -140px;}
.hotel-inf .r-4-0{background-position:0 -160px;}
.hotel-inf .r-4-5{background-position:0 -180px;}
.hotel-inf .r-5-0{background-position:0 -200px;}
.hotel-inf ul{overflow:hidden;}
.hotel-inf li{padding:0; background:none !important; overflow:hidden; height:1.4em; text-overflow:ellipsis; white-space:nowrap; color:#555; display:inline-block;}
.hotel-inf li + li{margin:.4em 0 .8em;}
.hotel-inf li:before{content:""; display:inline-block; vertical-align:text-top; width:16px; height:16px; margin-right:5px; background:url(/st_ec/img/sieve_sprite.png) no-repeat -35px 0;}
.hotel-inf li span{max-width:420px; overflow:hidden; display:inline-block; text-overflow:ellipsis; vertical-align:middle;}
.hotel-inf .addr{display:table;}
.hotel-inf .addr span{margin-right:.5em;}
.hotel-inf .addr .mapa:link, .hotel-inf .addr .mapa:visited{display:inline-block; vertical-align:text-top; margin:0 0 0 2em; width:51px; height:16px; background:url(/st_ec/img/sieve_sprite.png) no-repeat 0 -41px;}
.hotel-inf li.tele{width:22%;}
.hotel-inf .tele:before{background-position:-51px 0;}
.hotel-inf .wifi:before{background-position:-40px -60px;}
.hotel-inf p{position:relative; padding:0; height:3.2em; overflow:hidden; color:#555;}
.hotel-inf p a:link, .hotel-inf p a:visited{position:absolute; right:0; top:1.5em; background:#fff; padding:0 0 0 3px;}
.hotel-inf p a:before{content:""; display:block; width:13px; height:19px; margin-left:-15px; position:absolute;
background:-webkit-linear-gradient(left,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 50%);
background:linear-gradient(to right,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 50%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=1 );
}
.hotel-inf p a:after{content:"》"; margin-left:.2em;}
.hotel .hotel-img + br{display:block; clear:both;}
.hotel table{border-collapse:collapse; width:100%; margin:10px 0 0;}
.hotel th, .hotel td{padding:10px 6px;}
.hotel th{padding:6px; font-size:15px; background:#e2f4ff; border-bottom:1px solid #e3e3e3; box-shadow:inset 0 -1px 0 0 #fff;}
.hotel th:after{content:""; display:block; float:right; margin:-4px -6px; width:1px; height:26px; background:#daeaf7; border-right:1px solid #fff;}
.hotel th[width="200"]{width:220px;}
.hotel tbody td, .hotel tfoot td, .hotel tfoot td :link, .hotel tfoot td :visited{background:url(/st_ec/img/sieve_sprite.png) repeat-x 0 -149px}
.hotel tbody tr:hover{background:#f7fbff;}
.hotel tbody tr:first-child td{background:none;}
.hotel tbody td:first-child{font-weight:bold; color:#222;}
.hotel tbody td:first-child div.icon-pinfo{display:inline-block; vertical-align:top; margin-left:3px;}
.hotel tbody td:first-child div.icon-pinfo .date-price{margin-left:-13px; width:295px; font-weight:normal;}
.hotel tbody td:first-child div.icon-pinfo:hover .date-price{display:block;}
.hotel tbody td img[src$="loading.gif"]{margin:0 auto;}
.hotel tbody td p{padding:0; overflow:hidden; max-height:2.5em; line-height:1.231;}
.hotel td .price{font-size:11px; text-decoration:underline; cursor:pointer;}
.hotel td .price span{font-size:15px;}
.date-price:before, .htl-mix-sel a.btn-blu:after{content:""; display:block; position:absolute; margin:-15px 0 0 5px; width:17px; height:9px; background:url(/st_ec/img/icon_checker.gif) no-repeat -102px -229px;}
.date-price{display:none; position:absolute; background:#fff; padding:6px; margin:4px 0 0; border:1px solid #aaa; box-shadow:0 3px 8px 4px rgba(160,160,160,.5); z-index:500}
td.dp .price{cursor:pointer;}
td.dp.mouse-on .price:after{content:"X"; display:block; background:#aaa; color:#fff; width:1em; height:1em; padding:.35em; text-align:center; border-radius:100%; position:absolute; z-index:600; margin:-6px 10px 10px 156px; line-height:1; border:1px solid #ddd;}
td.dp.mouse-on .date-price{display:block;}
.ui-dialog.dpp figure{max-height:200px; overflow-y:auto; margin:0; padding:0;}
.ui-dialog.dpp .data-tb{width:auto;}
.ui-dialog.dpp .data-tb th, .ui-dialog.dpp .data-tb td{padding:5px 7px;}
.ui-dialog.dpp .data-tb thead td{width:90px; line-height:1.2}
.ui-dialog.dpp .data-tb thead td:first-child{width:60px;}
.ui-dialog.dpp .ui-dialog-content{padding:.75em .45em;}
.ui-dialog.dpp .txt-op{margin-left:3px;}
.hotel tfoot td{text-align:center; padding:0;}
.hotel tfoot td a:link, .hotel tfoot td a:visited{display:block; padding:12px 6px; margin-bottom:15px; background-color:#f9f9f9;}
.hotel tfoot td :hover{padding:13px 6px 11px;}
.hotel tfoot td a:after{content:""; display:inline-block; vertical-align:text-top; width:16px; height:16px; margin-left:3px; background:url(/st_ec/img/sieve_sprite.png) no-repeat -51px -16px;}
.hotel .date-price table{margin:0;}
.hotel .date-price th{background:#eaeaea; text-align:center; border-bottom:none; box-shadow:none;  }
.hotel .date-price th:after{height:15px; margin:3px -5px;}
.hotel .date-price thead th + th:after{display:none;}
.hotel .date-price th, .hotel .date-price td{padding:3px 5px; font-size:12px; line-height:1.75;}
.btn-blu:link, .btn-blu:visited, .btn-blu-invt:link, .btn-blu-invt:visited, .btn-blu-disb:link, .btn-blu-disb:visited{width:60px; display:inline-block; text-align:center; padding:2px 9px; border:1px solid #0078ff; background:#0078ff; color:#fff; font-size:15px;}
.btn-blu:hover, .btn-blu-invt:hover{text-decoration:none; position:relative; top:1px;}
.btn-blu-invt:link, .btn-blu-invt:visited{border:1px solid #0078ff; background:#fff; color:#0078ff;}
.btn-blu-disb:link, .btn-blu-disb:visited{border:1px solid #ccc; background:#fff; color:#a1a1a1; cursor:no-drop;}
.btn-blu-disb:hover{text-decoration:none;}
.htl-hotelname{font-size:15px;}
.htl-hotelname p{display:inline-block; padding:4px 8px;}
.htl-hotelname p span{vertical-align:0; margin:0 0 0 5px;}
.htl-hotelname p a.icon-map{display:none;}
.htl-hotelname .unit{margin:10px 0 0;}
.htl-hotelname + .data-tb tfoot .sum-total{line-height:2; margin:0 0 -7px;}
.htl-hotelname + .data-tb tfoot .sum-total strong{float:none; display:inline-block;}
.htl-hotelname + .data-tb tfoot .sum-total .price{display:inline-block; text-align:right;}
.htl-hotelname + .data-tb tfoot .sum-total .price.t-large{position:relative; top:-7px;}
.tgle-box .htl-hotelname{padding-left:0;}
.hprice-box:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.hprice-box{height:205px; overflow-y:auto; overflow-x:hidden;}
.ui-dialog-content .hprice-box p{padding:5px 8px 0; line-height:1.2;}
.hprice{width:70px; height:80px; margin:7px 0 0 5px; border:1px solid #ddd; border-radius:2px; text-align:center; float:left;}
.dy{background:#e3f4ff; padding:2px 8px; text-align:center; border-radius:1px 1px 0 0;}
.pce{padding:.5em 0 0;}
input[name="custFirstNameEn"] + .btn-pay{display:inline-block; vertical-align:middle; margin:0 0 0 5px; padding-left:5px; padding-right:5px;}

/* 開fancybox 飯店介紹 */
.htl-pop .container, .htl-pop figcaption p, .htl-pop .tab-set .ui-widget-header{padding:0;}
.htl-pop .pd-photo{margin:0;}
.htl-pop .pd-content h1 q{left:0;}
.htl-pop .qr-code{display:none !important;}
.htl-pop .feature-list{width:590px;}
.htl-pop .tab-set .ui-tabs-panel .cnt-box{border:0; /*border-color:#94b6e0;*/ padding:15px;}
.ifrm-fnybx-unavailable{width:460px; height:180px; margin:5px;}
.ifrm-fnybx-favor{width:700px; height:300px; margin:5px;}

/* GFP 2015 改版 */
.gfp-pp-td, .mi{position:relative;}
.gfp-pp-td .price, .mi > .price{border-bottom:1px solid #c00; cursor:pointer;}
.gfp-pp-td em.price:after, .mi > .price:after{content:""; margin:-2px 0 0 0; right:-41px; display:none; z-index:300 !important;} /*-13px*/
.gfp-pp-td.mouse-on em.price:after, .mi.mouse-on > .price:after{display:block;}
.gfp-pp-td .price-info *{box-sizing:border-box;}
.gfp-pp-td .price-info, .mi .more-info-box{display:none; border-width:3px; padding:7px; margin:10px 0 0 -500px !important; box-shadow:0 6px 5px 2px rgba(96,96,96,.4); border-radius:0; z-index:299;}
.gfp-pp-td .price-info:after, .mi .more-info-box:after{background:url(/st_ec/img/icon_checker.gif) -142px -222px no-repeat; width:28px; height:14px; position:absolute; top:-17px; right:60px;}
.gfp-pp-td .price-info .segment{margin:15px 0 0;}
.gfp-pp-td .price-info .segment + .data-tb tbody th{width:113px;}
.gfp-pp-td .price-info .segment + .data-tb tbody th:first-child{width:148px;}
.gfp-pp-td.mouse-on .price-info, .mi.mouse-on .more-info-box{display:block;}
.mi > .price:after{margin:0; margin-top:-2px; right:-12px;}
.mi .more-info-box{min-width:215px; right:0;}
.mi .more-info-box:after{right:25px;}

.gfp-pp-td em.price + br + span.sp-price, .gfp-pp-td em.price + br + span.sp-price + .bns-price,
.mi > .price + br + span.sp-price, .mi > .price + br + span.sp-price + .bns-price{float:left; width:100%;}
.ui-dialog.gfp-htl-dia .gfp-pp-td .price-info{/*margin-left:-532px !important;*/ right:0;}
.ui-dialog.gfp-htl-dia .gfp-pp-td .price-info::after{right:29px;}
.ui-dialog.gfp-htl-dia .gfp-pp-td em.price::after{margin:-3px 0 0 72px; right:-13px;}
h1 + .htl-pp, .htl-mix + .htl-pp{margin-top:5px;}
.htl-pp{display:inline-block; border:1px solid #dcdcdc; background:#fff8e0; border-radius:2px; margin:0 0 5px; padding:0 3px;}
.htl-pp p{display:inline-block; padding:3px;}
.htl-pp p + p{margin-left:2em; }
.htl-pp p strong{display:inline-block; vertical-align:middle;}
.htl-pp p strong:after{content:"：";}
.htl-pp + .unit{float:right !important; margin:11px 0 0;}
.htl-pp + .unit span{margin-right:2em;}

.htl-mix strong, .htl-mix p, .htl-mix-sel{display:inline-block; vertical-align:text-top; padding:3px 0;}
.htl-mix p{padding:1px 5px 1px 0;}
.htl-mix-sel{width:100px; height:30px;}
.htl-mix-sel .btn-blu:link, .htl-mix-sel .btn-blu:visited{font-size:13px; width:auto;}
.htl-mix-sel > a:hover{top:0;}
.htl-mix-sel .date-price{display:none; padding:9px; margin:5px 0 0 -420px; width:650px; max-height:340px; overflow-x:hidden; overflow-y:auto;}
.htl-mix-sel.show-drop .date-price{display:block;}
.htl-mix-sel a.btn-blu:after{margin:0 0 0 23px; z-index:502; display:none;}
.htl-mix-sel.show-drop a.btn-blu:after{display:block;}
.htl-mix-sel .date-price li{cursor:pointer; background:none; padding:7px 30px 7px 7px;}
.htl-mix-sel .date-price li.htl-selected{background:#f7fbff url(/st_ec/img/htl_selected_chk.png) no-repeat right center;}
.htl-mix-sel .date-price li:hover, .htl-mix-sel .date-price li.htl-selected:hover{background-color:#f7fbff;}
.htl-mix-sel .date-price li + li{border-top:1px solid #dedede;}
.htl-mix-sel .date-price li label{float:left;}
.htl-mix p span, .htl-mix-sel .date-price li span{display:block; width:605px;}

.date-dep{overflow:auto; height:320px; margin:0 -10px; border-top:1px solid #ddd;}
.date-dep .calendar-box{line-height:1; margin-bottom:0;}
.date-dep .calendar-head{border-top:none;}
.date-dep .next-month{margin-left:14px;}
.ui-dialog .date-dep .calendar-box .data-tb tbody td{padding:1px; height:65px;}
.ui-dialog .date-dep .calendar-box .data-tb tbody td:hover{background:#e3f4ff;}
.ui-dialog .date-dep .calendar-box .data-tb tbody td.d-instock, .ui-dialog .date-dep .calendar-box .data-tb tbody td.d-wait{cursor:pointer;}
.ui-dialog .date-dep .calendar-box .data-tb tbody td.d-full{cursor:no-drop;}
.ui-dialog .date-dep .calendar-box .data-tb tbody td.d-full .txt-high{ text-decoration:line-through;}
.ui-dialog .date-dep .calendar-box .data-tb tbody td.clicked{background:#e3f4ff url(/st_ec/img/date_clicked.png) right top no-repeat;}
.ui-dialog .date-dep .calendar-box .data-tb tbody td div{line-height:1.2; font-family:Verdana, Geneva, sans-serif;}
.ui-dialog .date-dep .calendar-box .data-tb tbody td.d-instock div:first-child{color:#06c;}

.gfp-htl-tb th, .gfp-htl-tb td{padding:5px 6px;}
.gfp-htl-tb tbody td p .icon-map{display:inline-block;}
.gfp-htl-tb tbody td .price-info{min-height:60px !important; width:600px;}
.gfp-htl-tb + .footnote{border:1px solid #ddd; padding:5px; border-top:none; color:#666; background:#fff url(/st_ec/img/bg_spritex.gif) repeat-x 0 -141px;}
.gfp-htl-tb + .footnote p{display:list-item; list-style-position:inside; text-indent:-.75em; padding:10px 25px; margin:0 0 15px; line-height:1.75;}

/* .in-scroll-x{padding:0 1em 50px; margin:0 -1em 5px; height:345px; overflow-y:auto;} */
.pp-inf{float:left; padding:5px 15px;}
.pp-inf div, .pp-inf p{display:inline-block; vertical-align:middle;}
.pp-inf div{font-weight:bold;}
.pp-inf p{margin-right:1em;}
.pp-inf p strong{display:inline-block; background:#999; font-weight:normal; color:#fff; margin-right:5px; padding:0 0 0 4px; padding:3px 0 0 4px \9; border-radius:2px; letter-spacing:.2em;}
.qt-amt{display:block; float:right; font-size:15px; padding:.7em 1em;}
.qt-amt span{margin:0 .25em;}
.ui-dialog-buttonpane q .err-msg, .ui-dia-buttonpane q .err-msg{float:right; margin:.5em 0 0 .5em;}
.ui-dialog-buttonpane button + q, .ui-dia-buttonpane button + q{display:block; position:relative; left:-5px;}
.grp-num{display:block; color:#222;}
.grp-num ins{color:#666; margin-right:5px;}
.grp-num span[class ^= "icon-"]{margin:0 2px; display:inline-block; vertical-align:text-bottom; height:16px; overflow:hidden;}
.grp-num span[class ^= "icon-"] b{margin:0; position:relative; top:-10px;}
.see-more:link, .see-more:visited{display:inline-block; vertical-align:text-bottom; width:16px; height:16px; background:url(/st_ec/img/sieve_sprite.png) no-repeat 0 -60px;}
.see-more + .btn-func{padding:3px 5px !important; margin-left:8px;}

.room-allot{display:none; margin-top:20px;}
.room-allot .data-tb tbody td, .room-allot .data-tb tfoot td{padding:6px 3px;}
.room-allot .data-tb tfoot p{float:none; padding:5px 8px;}
.room-allot .data-tb tfoot p select{width:92%;}
input.btn-func[disabled]{cursor:no-drop;}

/* 折價券 */
.relative{position:relative;}
.use-coupon{position:absolute; top:0; bottom:0; padding:0 8px; text-align:left; width:600px;}
.use-coupon table{width:100%; height:100%; background:none;}
.use-coupon table td{border:none;}
.use-coupon select{width:350px;}
.use-coupon .btn-func{padding:.2em 1.2em .1em; margin-left:.5em;}
.use-coupon .btn-func + q{margin-left:10px;}

/*ie8 不吃*/
.htl-ie8{ background:#fff7b4; margin:0 0 10px; padding:3px 8px 6px; display:block; box-sizing: border-box; border:1px dashed #e05a52;}
.icon-ie, .icon-chm, .icon-ff{ margin-right:15px;}
.icon-ie b, .icon-chm b, .icon-ff b{width:16px; height:18px; display:inline-block; background:url(/st_ec/img/icon_all.png) no-repeat -205px -568px; margin-right:3px; vertical-align:-2px;}
.icon-chm b{background-position:-230px -570px;}
.icon-ff b{background-position:-251px -570px;}
/* 2bMycash規則 */
.cnt-box.footnote li:first-child + li + li.my2b{ margin:8px 0 3px; padding:8px 0 0 16px; border-top:1px dotted #CCC; background-position:4px 14px; color:#333;}
li.my2b a{text-decoration:underline;}
/* step3 跳轉頁 */
.step3ok{width:600px; height:360px; box-sizing: border-box; display:inline-block; background:url(/st_ec/img/step3ok.png) no-repeat 0 0; margin:135px 0 0 152px; }
.step3ok p{display:inline-block; font-size:34px; font-weight:bold; margin:77px 0 0 315px;}
/* BH-step3 */
.bh-mebr{text-align:left; border-bottom:1px dotted #ccc; padding:0 0 4px; margin:0 0 8px 4px; position:relative;}
.bh-mebr .man-icon{right:15px; top:2px;}
/*GDG step1 月分選擇*/
.botm-none{border-bottom:none;}

/* step2 超值搭配 */
.extra-buy{border:1px solid #ddd; background:#fff; margin:10px auto;}
.extra-buy h4{background:#e2f4ff; padding:10px 12px; font-size:15px; border-bottom:2px dotted #bbb;}
.option{border-bottom:1px solid #ddd;}
.option-title:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.option-title h5{display:block; float:left; vertical-align: middle; padding:10px 0; width:58%; font-size:13px; font-weight:normal; color:#555;}
.option-title h5 span{font-size:13px;}
.option-title h5:first-child{width:30%;}
.option-title h5:first-child:after{content:"搭配"; margin-left:10px; color:#12964d; display:inline-block; padding:.4em 1em;} /*#0078ff*/
.option-title h5:first-child span{margin-left:12px; line-height:1.5; display:inline-block; vertical-align:middle; width:16em; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis;}
.option-title h5:last-child{width:12%; text-align:right; font-size:15px;}
.option-title h5 a:link, .option h5 a:visited{display:inline-block; font-size:13px; color:#0078ff; font-weight:normal;}
.option-title h5 a:after, p.option-title:after{content:"\E5CC"; margin:0 0 0 -2px;
font-family:'Material Icons'; font-weight:normal; font-style:normal; font-size:24px;
vertical-align:-7px; line-height:1; letter-spacing:normal; text-transform:none;
display:inline-block; white-space:nowrap; word-wrap:normal; direction:ltr; -webkit-font-feature-settings:'liga'; -webkit-font-smoothing:antialiased;
}
.option-title h5 a:hover{text-decoration:none;}
.option-title h5 small{display:inline-block; vertical-align:baseline; border:1px solid #0078ff; color:#0078ff; border-radius:2px; padding:0 3px; line-height:1.4; margin-left:15px; cursor:pointer;}
.option-title h5 .chker{margin-right:12px; position:relative; top:3px;}
.option-title h5 .chker input[type="checkbox"] + span:before{top:1px;}
.option-tb{table-layout:fixed; width:928px; margin:0 10px 10px; border-collapse:collapse; border:1px solid #dedede; border-top-width:0;}
.option-tb td{text-align:center; padding:10px 8px; border:1px dotted #dedede; border-width:0 1px 1px 0;}
.option-tb thead td{background:#eaeaea; border:none; border-top:1px solid #dedede; font-weight:normal;} /*C8E4F6*/
thead.hsr .td-type{width:5em;}
thead.hsr .td-date{width:6em;}
thead.hsr .td-locn, thead.hsr .td-time{width:8em;}
thead.general .td-type{width:5em;}
thead.general .td-sub{width:17em;}
thead.general .td-qty{width:auto;}
.option-tb tbody tr td:nth-of-type(2) select{width:80%; margin:0 auto;}
.option-submit{text-align:right; margin:10px;}
.option-submit q{display:inline-block; padding:3px 5px; margin-right:5px;}
.option-submit input[type="button"].btn-func{vertical-align:0; margin:0 10px 0 20px;}
.car-summary{text-align:right;}
.car-summary p{display:inline-block; text-align:left; margin:0 .5em 0 1.5em; padding:10px 0;}

/* 放STEP3時 */
#custPersonId + .icon-pinfo b{position:absolute;}
.od-related tbody td div .option-tb{width:auto;}
/*GFP特惠團*/
.promo-group-ind, .data-tb td.is-promo-group a{ border-bottom:2px solid #c00;}


/*====== webkit ======*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.tkt-tb th{padding:2px 5px 4px;}
.tkt-tb td{padding:3px 5px 4px;}
.search-vfp .search-engine dl, .search-fit .search-engine dl{margin-top:5px;}
.search-engine span.w2to3{letter-spacing:.55em;}
.search-engine span.w1to2{letter-spacing:1.95em;}
.search-engine h3 dfn{display:inline-block; vertical-align:top;}
.search-vfp p{line-height:1.4; padding:.25em .8em; text-align:right;}
.search-vfp .search-engine h3 p{font-size:13px; font-weight:normal; float:right; margin:-2px 0; font-family:Arial,Helvetica,sans-serif,"新細明體";}
.search-vfp .search-promo .inside{height:165px;}
.search-engine h3 p b{vertical-align:middle;}
.search-vfp .search-engine h3 input{float:none; position:relative; top:2px;}
.search-vfp .search-engine .btn-s{margin:-18px 13px 0 0;}
.search-htl .search-promo .search-recommend{margin:10px 15px;}
.search-promo .search-recommend ul li a{position:relative; top:.1px;}
.area-content.no-tab-single{float:left; margin-top:-5px; width:98%;}
.view-type{bottom:-20px;}
.filter-list li.set-filter .btn-func{padding:1px 8px 2px;}
.icon-openbox b, .icon-closebox b{vertical-align:sub};
.section h3{padding:2px 6px 5px 14px;}
.icon-date-prev:link, .icon-date-prev:visited, .icon-date-next:link, .icon-date-next:visited{line-height:.8;}
.num-style li{margin-left:3px;}
.tb-notice li{background-position:6px 10px;}
.data-tb select{margin:0;}
.bullet{margin:3px 0 4px;}
.room-date-select{width:526px; margin:0 0 0 419px;}
.room-adjust{margin:0 7px;}
.fixed-date-select{margin-bottom:0;}
.dos_notice ol li, .dos_notice-tab ol li{text-indent:-1em;}
.probox .action{padding:3px 7px;}
.probox.htl-page p .txt-gy{display:inline-block; -webkit-transform:scale(.9); margin-left:-5px;}
td.pro-pic div.right.c-r p.float-right{width:700px; text-align:right;}
.date-select label .ui-datepicker-trigger{vertical-align:-5px;}
.pg-a .btn-func{margin-top:-5px;}
.tab-set .ui-tabs-panel{padding:0; margin-top:0px;}
.sp-paytime-fit{padding:6px 4px 7px 10px;}
.data-tb td[colspan="8"] p.float-right{white-space:nowrap;}
.emphasis strong{display:inline-block; vertical-align:middle; font-size:18px; margin:0 0 2px;}
#loadHtlDetail table.data-tb{margin-bottom:45px;}
.cd .sc .sc-hint{top:36px; right:31px; height:31px;}
.cd .rw1.ae .sc .sc-hint{right:20px;}
.id .idnum input{width:7em;}
.section h3 span em{ vertical-align:text-bottom;}
.section h3 span.mycash-raise em{ vertical-align:top;}
.section h3 span.mycash-raise{ margin-top:0;}
.see-more{padding:0 2px 2px;}
}