@charset "utf-8";

/*footer*/
.footer{box-shadow:none; -webkit-box-shadow:none; filter:none; margin-top:0; padding:0; border-top:none;}
.main-right h1 span.txt-high, .btn-air:link, .btn-air:visited, .bh .result dt{font-family:"微軟正黑體", "新細明體", Arial, sans-serif;}

/* ===== 搜尋頁 ===== */
.search{ width:100%;  background:url(/st_ec/img/page/mp_bg.jpg) center top / cover  no-repeat #FFF; /*background:url(/st_ec/img/page/mp_bg.jpg) center center fixed no-repeat; background-size: cover;*/  background-color:#0266b2; background-image:url(/st_ec/img/page/mp_bg.jpg) \9; background-position:center top \9; background-repeat:no-repeat \9; }
.search.bh{background:url(/st_ec/img/page/bh_bg.jpg) center top / cover  no-repeat #FFF; background-image:url(/st_ec/img/page/bh_bg.jpg) \9;}
.container{margin:0 auto; text-align:left; min-width:950px;}
.content{ width:950px; margin:0 auto; box-sizing:border-box; }
.search.bh .content:after{content:"圖片來源：華航微旅行網站"; display:block; color:#fff; text-align:right; margin-top:10px; font-size:11px; text-shadow: 1px 1px #222; }
.search, .mp{position:relative; }

/*.search.bh .container{background-image:url(/st_ec/img/page/bh_bg.jpg);}*/
/*.search .container{ width:100%; background-color:#366ABD;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #366ABD), color-stop(1, #1E347D));
background-image: -moz-linear-gradient(bottom, #366ABD 0%, #1E347D 100%);
background-image: linear-gradient(to top, #366ABD 0%, #1E347D 100%); }*/
.search .footer{padding:0; bottom:0; position:fixed;}


.search .content{padding:70px 50px 110px;}
.search h1{color:#FFF; font-size:28px; padding:0 0 15px 40px; text-shadow:0 2px 2px #555;}
.search.bh h1{color:#FFF; font-size:0; padding:0 0 15px 40px; text-shadow:0 2px 2px #555;}
.search.bh h1:before{content:"華航微旅行 / Dynasty Lite"; color:#FFF; font-size:28px; padding:0; text-shadow:0 2px 2px #555;}
.search-box{background-color:rgba(0,0,0,0.5); background:url(/st_ec/img/page/opacity_60.png) repeat \9; display:block; width:100%; box-sizing:border-box; padding-bottom:16px;  border-radius:3px;}
.bh .search-box{padding-bottom:0;}
.search-box ul{ list-style:none; font-family: "微軟正黑體", "新細明體", Arial, sans-serif; display:inline-block; color:#FFF; box-sizing:border-box; width:100%; margin-bottom:22px; padding:0 50px 0 40px;}
.search-box ul li{ box-sizing:border-box; display:inline-block; text-align:center; margin:0 5px;  height:38px;  width:96px;  padding:0; background:#444; border-top:1px #444 solid;}
.search-box ul li a, .search-box ul li a:link, .search-box ul li a:visited, .search-box ul li a:hover{ display:block; text-decoration:none; color:#FFF; font-size:16px; line-height:30px;}
.search-box ul li:hover, .search-box ul li.light-on{background-color:#0094ce; border-top:1px #00cce7 solid; border-bottom:5px #065da8 solid; text-decoration:none;}
.search-box ul .notice{ float:right; margin:10px 0 0; font-size:14px;}
.search-box ul .notice a, .search-box ul .notice a:link, .search-box ul .notice a:visited, .search-box ul .notice a:hover{ color:#FFF; background:url(/st_ec/img/page/mp_icon.png) no-repeat right -27px; width:78px; display:block;}
.search-box ul::after {clear: both;}
.search-box .space, .search-box .return, .search-box .oneway, .search-box .multiple, .search-box .goto-tw{width:100%; box-sizing:border-box; padding:0 10px;}
.search-box .space{padding:10px 20px;}
.search-box .oneway{} .search-box .multiple{}
.search-box .return, .search-box .goto-tw{ margin-top:-12px;}
.search-box dl{ line-height:36px; padding:10px 0; display:block; }
.search-box .return dl:first-child, .search-box .goto-tw dl:first-child{ padding:0 20px;}
.search-box dl dt{color:#FFF; text-align:right; display:inline-block; padding-right:6px; }
.space dl dt{ font-size:15px;}
.search-box dl dd{display:inline-block; }
.search-box select{/*height:30px;*/ height:34px;}
.search-box select + span{font-size:11px; color:#FFF; display:block; margin-top:-6px;}
.search-box input{height:26px;}
.search-box var{font-style:normal; font-weight:bold; display:block; color:#fff; line-height:2; text-align:left;}
.air-dest{width:50.2em;}
.air-dep{width:18em;}
.air-arr, .air-date{width:17.5em;}
.air-day{width:10em;}
.search-box dl .enfant{position:relative; border-radius:4px; background:#e5f0ff; display:inline-block; padding:0 .75em .75em; margin: 0 0 0 1em;}
.search-box dl .enfant:after{
	content:" "; position:absolute; right:100%; top:50%;
	border:solid transparent; height:0; width:0; pointer-events:none;
	border-right-color:#e5f0ff; border-width:13px; margin-top:-5px;
}
.search-box .enfant var{font-weight:normal; color:#333;}



input.air-date[type="text"], input.air-day[type="text"]{background:#fff url(/st_ec/img/page/mp_icon.png) no-repeat right 5px;}
dt.go-date{margin-left:-.5em;}
.search-box dl.b-fixed{margin-top:28px; }
dl.b-fixed dt{vertical-align:top;}
.air-guest{width:5.1em; margin-left:1em; text-align:center;}
.air-guest select{ width:5.1em;}
dl.b-fixed dt + dd.air-guest{margin-left:-5px;}
.search-box dl.air-room{padding:0 0 0 7em;}
.air-room dd select{width:5.1em;}
.air-room .btn-mp{margin:0 0 0 .6em;}
.search-box dl.avowal{padding:1em 0 0 7em; margin:2em 0 0; border-top:1px dotted #dedede;}
.avowal dd{color:#fff; font-weight:normal; line-height:1.5;}
.avowal dd strong{display:inline-block; font-weight:normal; background:#e5f0ff; color:#333; border-radius:.1em; padding:.075em .3em .2em; margin:0 0 .2em;}


.seat, .direct-fly, .gonext{vertical-align:top; margin-left:-4px;}
.direct-fly{color:#FFF; margin-left:1em; width:11.5em;}
.direct-fly span{margin-left:6px;}
.direct-fly label input[type="checkbox"]{vertical-align:middle;}
.sec-menu {color:#FFF; padding-left:23px; font-weight:bold; font-family: "微軟正黑體", "新細明體", Arial, sans-serif;  font-size:16px; }
.sec-menu label input[type="radio"]{ margin-top:-2px;}
.btn-mp, input[type="submit"].btn-mp, input[type="button"].btn-mp{
	font-family:"微軟正黑體", "新細明體", Arial, sans-serif;  font-size:16px; color:#fff;
	box-sizing:border-box; width:96px; height:36px; 
	text-align:center; padding:4px 0 8px; 

background: #00b3ff; /* Old browsers */
background: -webkit-linear-gradient(top, #00b3ff 0%,#00b3ff 50%,#3690f0 51%,#028bd5 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #00b3ff 0%,#00b3ff 50%,#3690f0 51%,#028bd5 100%); /* IE10+ */
background: linear-gradient(to bottom, #00b3ff 0%,#00b3ff 50%,#3690f0 51%,#028bd5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3ff', endColorstr='#028bd5',GradientType=0 ); /* IE6-9 */	
border-radius:1px;
border:0; border-top:1px #00cce7 solid; border-left:1px #0299d9 solid; 
text-shadow:0 2px 2px 0 rgba(160, 160, 160, 0.35);
}

.btn-mp:hover, input[type="submit"].btn-mp:hover, input[type="button"].btn-mp:hover{cursor:pointer; 

background: #0288d5; /* Old browsers */
background: -webkit-linear-gradient(top, #0288d5 0%,#00b3ff 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #0288d5 0%,#00b3ff 100%); /* IE10+ */
background: linear-gradient(to bottom, #0288d5 0%,#00b3ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0288d5', endColorstr='#00b3ff',GradientType=0 ); /* IE6-9 */

 }
 
/*新增航段*/ 
 .new-leg { text-align:right; }
 .new-leg dd{ padding-right:36px;}
.new-leg input[type="button"].add, .new-leg input[type="button"].cut{ 
height:26px;  font-size:12px;  border-radius:2px; padding:0;  width:76px;
border:1px dotted #888;
color:#f6f6f6;
background: rgba(0,0,0,0.5); background:url(/st_ec/img/page/opacity_60.png) repeat \9; filter:none;} 
.new-leg input[type="button"].add:hover, .new-leg input[type="button"].cut:hover{background:#000; color:#fff; filter:none;}
.dark{background-color: rgba(0,0,0,0.5);}
.dark dd.remove{vertical-align:bottom; }
.dark dd.remove a, .dark dd.remove a:link, .dark dd.remove a:visited { display:block; background:url(/st_ec/img/page/mp_icon.png) no-repeat right -60px; width:30px; height:25px; }
.dark dd.remove a:hover{ background:url(/st_ec/img/page/mp_icon.png) no-repeat right -90px;}
.search-box .multiple dl.b-fixed{margin-top:10px;}
.search-box .oneway .air-date, .search-box .multiple .air-date{width:8em;}

/*訂購說明 dialog*/
.ui-dialog-content{overflow:auto; max-height:350px !important; padding:1em 1em 0!important; font-size:15px;} 
.order-content{margin-top:-35px;}
.ui-dialog-content h3{margin:10px 0; background-color:#eaf3ff; background-image:none; font-size:15px; line-height:32px; color:#333; padding-left:5px; }
.order-content ol{list-style-position:outside;  margin-left:25px; font-size:13px;}
.order-content ol li{line-height:20px;}
.order-content dl{line-height:20px; width:100%; display:inline-block; clear:both; border-bottom:1px dotted #ddd; padding:10px 0;}
.order-content dl:first-child{ padding-top:0;}
.order-content dl dt{text-align:right; width:16%; display:inline-block; vertical-align:middle; }
.order-content dl dd{width:80%; padding-left:10px; display:inline-block; vertical-align:middle; }

/* 熱門城市 */
.areas{position:relative;}
.area-select{z-index:500; position:absolute; left:0; width:438px; height:auto; border:1px solid #aaa; padding:10px 5px 10px 10px; background:#fff; box-sizing:border-box; margin-top:-2px; }
.area-select{box-shadow:0 2px 5px 2px rgba(0,0,0,.3);}
.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;}
.search-box .area-select span{color:#333; font-size:16px;  font-weight:bold; display:block; width:300px; margin:-7px 0 0 10px; font-family: "微軟正黑體", "新細明體", Arial, sans-serif;  }
.search-box ul.tips-list{margin:-7px 0 0; padding:0; font-weight:bold; width:410px; border-bottom:none;  }
.search-box ul.tips-list li{padding:0; background:#f1f1f1; height:auto; width:auto; border-top:none; margin:0 0 0 -5px; /*height:34px;*/ height:30px; border-bottom:1px solid #aaa;}
.area-select .tips-list li a:link, .area-select .tips-list li a:visited{padding:4px 12px 2px; padding:4px 9px 2px \9;  margin:0;  font-size:13px; background-color:none; color:#333; line-height:20px;}
.area-select .tips-list li:hover, .area-select .tips-list li a:hover{color:#06c;  text-decoration:none; }
.area-select .tips-list li a.active-tip{color:#06c; border:0; border-bottom:3px solid #0094ce; text-decoration:none; font-weight:bold; border-radius:0;}
.area-content{margin:-10px 0 0 0px; max-height:120px; overflow-y:hidden; padding:0 0 0 10px; line-height:28px;}
.area-content a:link, .area-content a:visited{margin-right:.5em; display:inline-block; color:#333; width:22%;  }
.area-content a:hover{color:#06c;}


/* jquery-ui autoComplete adjust */
.ui-autocomplete.ui-corner-all{border-radius:0; z-index:3000 !important;}
.ui-autocomplete.ui-menu{padding:2px;}
.ui-autocomplete{position:absolute; z-index:18; left:0; top:0; margin-top:-3px; box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.4); border:1px solid #999; width:400px; background-color:#FFF; padding-bottom:4px; }
.ui-menu .ui-menu-item{ background:#fff; display:inline-block; }
/*ul.ui-menu{background:url(/st_ec/img/open_line.png) no-repeat 0 top; margin:-10px 5px 0 0; padding:14px 0 0; position:relative;}*/
.ui-menu li.ui-menu-item a{ border:1px solid #FFF; padding:2px 0.4em 2px 0.5em; line-height:1.5em; margin:0;}
.ui-menu li.ui-menu-item a:hover, .ui-menu li.ui-menu-item a.mouse-on{border:1px solid #999999; background-color:#f5f0de; padding:0 auto; margin:0;}


/* ===== 搜尋結果 ===== */
/*.mp{background:#e9e9e9 url(/st_ec/img/bg_ec.gif) repeat center top;}
.mp .container{position:relative; width:950px; padding:0 25px;}*/
.mp{margin:10px 0; clear:left;}
.mp .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;}
.result{background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:10px 70px 10px 60px;}
.result dl{line-height:24px; height:32px; margin:12px 0; display:block; clear:both; width:100%; vertical-align:middle;}
.bh .result dl{margin:0; height:100%;}
.result dl dt{text-align:right; padding-right:6px; width:10%; float:left; display:block;}
.result dl dd, .result dl dd.people{border-bottom:1px solid #a3dff0; float:right; width:89%;  }
.result dl dd p{float:left; padding:0 3px; line-height:24px;}
.result dl dd p.flyline{ display:inline-block; width:90px; height:36px; background:url(/st_ec/img/page/fly_arrow.png) no-repeat center -6px; padding:0 10px; }
.result dl dd p.flydate{ float:right; }
.result dl dd.people, .result dl dd.btn{border-bottom:none; width:auto; float:left;}
dd.people p:first-child + p{margin:0 0 0 4.5em;}
.result dl dd.btn{float:right;}
.result dl dd.btn .btn-mp, .result dl dd.btn input[type="button"].btn-mp{
height:32px; padding:3px 0 6px; font-size:15px; border:0; border-radius:1px; background:#36b3f3; box-shadow:0 2px 2px 0 rgba(238,238,238,.7);}
	
.result dl dd.btn .btn-mp:hover, .result dl dd.btn input[type="button"].btn-mp:hover{cursor:pointer; background:rgb(34,160,225);
background:-webkit-linear-gradient(top,  rgba(34,160,225,1) 31%,rgba(54,179,243,1) 100%);
background:-ms-linear-gradient(top,  rgba(34,160,225,1) 31%,rgba(54,179,243,1) 100%);
background:linear-gradient(to bottom,  rgba(34,160,225,1) 31%,rgba(54,179,243,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a0e1', endColorstr='#36b3f3',GradientType=0 );
border:1px solid #36b3f3; box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.1);
}
/* 加減3天 */
.content h2{ border-bottom:0; display:none;}	
h2 .sch_note{padding:1px 5px; margin:0 0 0 5px; vertical-align:middle; }	
h2 var{ font-weight:bold; font-family:Arial;}
.three-days{margin-top:10px; clear:left; background:#FFF; position:relative; overflow:hidden;  color:#999;  display:none; }
.three-days table{width:100%; border:1px solid #ddd; border-width:1px 0 0 1px; line-height:1.5; border-collapse:separate; position:relative; z-index:1;}
.three-days table th, .three-days table td{border:1px solid #ddd; border-width:0 1px 1px 0; vertical-align:middle; text-align:center; position:relative; }
.three-days table thead th, .three-days table tbody th{background:none; padding:12px 2px 10px; border-bottom:3px #bbb solid; color:#333; }
.three-days table tbody th{ border-bottom:1px #ddd solid; border-right:3px #bbb solid;}
.three-days table td a{color:#999; display:block; padding:15px 0 16px;}
.three-days table .price{font-size:11px; }
.three-days table .price var{font-size:16px;}
/*飛機去回圖示*/
.three-days table thead th.upper-left{border-right:3px #bbb solid;  }
.three-days table thead th.upper-left::before, .three-days table thead th.upper-left::after {content:""; display:inline-block; background:url(/st_ec/img/page/fly_arrow.png) 0 -285px no-repeat; width:30px; height:30px; position:absolute; top:15px; left:96px; z-index:98;}
.three-days table thead th.upper-left::before{ background-position:-30px -285px; top:48px; left:38px;}
/*滑過顯示 + 十字*/
.three-days table th:hover, .three-days table td:hover{background-color:#eaf6ff; color:#222; }
.three-days table td:hover::before, .three-days table th:hover::before, .three-days table td:hover::after, .three-days table th:hover::after {
  content:""; background-color:#f4f9ff; display:block; width:100%; height: 1660px; position:absolute; z-index:-1; top:-600px; left:0;}
.three-days table td:hover::before, .three-days table th:hover::before{ width:2000px; height:100%; z-index:-2; top:0; left:-860px; }
/*搜尋結果 固定*/
.three-days table td.search-date{padding:0;}
.three-days table td.search-date a{ border:3px #6AC8F9 solid; color:#333;}
.three-days table td.lowest a{ color:#c00;}
.three-days table td:hover a, .three-days table td:hover a .price, .three-days table td:hover a .price var, .three-days table td.lowest:hover .price , .three-days table td.lowest:hover .price var{color:#06c;}
.three-days table thead th.upper-left:hover{background: none;}



/*左側選項*/
.main-left{width:210px; display:inline-block; float:left; box-sizing:border-box; margin-bottom:20px;}
.hoisting .main-left{position:fixed; top:0;}
.hoisting .main-left .sector{margin-top:0;}
.hoisting.stop .main-left{position:absolute; margin-top:46px;}
.add-mgntp{margin-top:7px;}
.sector{margin-top:16px;}
.sector h3{font-size:15px; padding:3px 0; padding:4px 0 2px \9; border-bottom:2px solid #298fca; position:relative;}
.sector h3 b{display:inline-block; width:20px; height:20px; background:url(/st_ec/img/cms_sprite.png) no-repeat -34px -300px; vertical-align:bottom; margin:0 6px 0 4px;}
.sector .theme{list-style-type:none; border:1px solid #cdcdcd; border-top:0; border-radius:0; background:#fff; padding:9px 10px 7px; box-shadow:none;}
.theme dl{ box-sizing:border-box; border-top:1px dotted #ccc; padding-top:10px; line-height:24px;}
.theme dl:first-child{ border-top:none; padding:0;}
.theme dl dt{background:url(/st_ec/img/page/icon_int_tkt.gif) no-repeat 0 center; text-indent:1.5em; vertical-align:middle;}
.theme dl dd{ padding-bottom:12px; text-indent:1.5em; }
.theme dl dd p{ padding:0; line-height:24px;}
.theme .price span{ font-size:15px;}
.theme .btn-mp, .inside input[type="submit"].btn-mp, .theme input[type="button"].btn-mp{width:52px; height:24px; font-size:13px; font-family:'新細明體'; border-radius:2px; padding:0 0 3px; margin-left:5px; }
.theme ul.time{ display:none; position:relative; list-style:none; box-shadow:none; border-radius:4px; height:3px; background:#ddd; margin: 10px 19px 30px;  width:150px;}
.theme ul.time li{ text-align:center; }
.theme ul.time li.start, .theme ul.time li.end{ background:none; padding-left:0; width:3em; float:left; position:absolute; z-index:5; cursor:pointer; text-align:center; line-height:24px;}
.theme ul.time li.linebar{background:#6ac8f9; height:3px; width:auto;  position:absolute;  z-index:3; width:100%; left:0; padding-left:0;}
.theme ul.time li.end{ left:148px;}
.theme ul.time li.start b, .theme ul.time li.end b{ background-color:#00a6d6; border-radius:10px; width:12px; height:12px; display:block; margin-top:-5px; }
.theme ul.time li.start span, .theme ul.time li.end span{ margin-left:-30px; color:#1b89dc;}
/*搭機時間*/
input[type="text"]#begSegTimeRange, input[type="text"]#endSegTimeRange{background:none; width:7.5em; color:#d52678; border:none; margin-left:.2em;}
.ec .timeline .ui-widget-content{background:#ddd; height:3px; background-image:none; background:none \9; border:0; border-radius:4px; padding:0; box-shadow:none; box-sizing:border-box; margin:8px 20px 15px; }

.ec .timeline .ui-state-default, .ec .timeline .ui-widget-content .ui-state-default, .ec .timeline .ui-widget-header .ui-state-default{background:#00a6d6; background-image:none; border-radius:10px; width:12px; height:12px; display:block; margin-top:-5px; border:none;}
.ec .timeline .ui-widget-header{ background:#49b9f3;}

/*.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#222; text-decoration:none;}*/
.ec #depTimeRange .ui-widget-header, .ui-widget-header, .ec #arrTimeRange .ui-widget-header, .ui-widget-header{margin:0;}
.ec .timeline .ui-state-default .ui-icon, .ec .timeline .ui-state-hover .ui-icon, .ec .timeline .ui-state-focus .ui-icon,.ui-state-active .ui-icon, .ec .timeline .ui-state-highlight .ui-icon{background-image:none;}
.ec .timeline .ui-slider{position:relative; text-align:left;}
.ec .timeline .ui-slider .ui-slider-handle{position:absolute;z-index:100; width:1.1em; height:1.1em; cursor:default;}
.ec .timeline .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}
.ec .timeline .ui-slider.ui-state-disabled .ui-slider-handle, .ec .timeline .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}
.ec .timeline .ui-slider-horizontal{height:3px;}
.ec .timeline .ui-slider-horizontal .ui-slider-handle{top:-.1em; margin-left:-.6em;}
.timeline p{ margin:5px 0 0 -5px;}


/*右側內容*/	
.main-right{float:left; width:720px; margin:13px 0 20px 20px; box-sizing:border-box;}	
.hoisting .main-right{float:none; margin-left:230px;}
.main-right h1{display:inline-block; width:100%;  padding-bottom:2px; border-bottom:0; margin-top:0; line-height:1.231;}
.main-right h1.air-b{width:95%;}
.main-right h1 span{color:#666;}
.main-right h1 span.txt-high{color:#c00; font-size:22px; margin:0 .5em 0 0;}
.main-right h1 span.unit{ float:right; margin-top:11px; padding-right:5px;}
.main-right + .section{clear:left; padding:30px 0 0;}


/*推薦航空*/
.main-right .recommend-fit{ border:1px solid #cdcdcd; border-top:2px solid #298fca; border-bottom:none; border-radius:0; background:#fff;  width:100%; box-sizing:border-box;}
.field{position:relative;}
.mover-left, .mover-right, .mover-left:hover, .mover-right:hover, .mover-left.disabled, .mover-right.disabled{width:30px; height:27px; cursor:pointer; background:url(/st_ec/img/page/fly_arrow.png) no-repeat 0 -50px; position:absolute; top:70px; left:20px;}
.mover-right{background-position:-30px -50px; left:auto; right:18px;}
.mover-left:hover{background-position:0 -78px;}
.mover-right:hover{background-position:-30px -78px; left:auto; right:18px;}
.mover-left.disabled, .mover-right.disabled{cursor:no-drop; background-position:0px -106px;}
.mover-right.disabled{ background-position:-30px -106px; left:auto; right:18px;}
.carousel{left:50px !important; padding-bottom:8px;}
.carousel ul{}
.carousel li{display:block; float:left; width:110px; height:107px; margin:22px 5px; padding:10px 0; background:#fff; border:2px solid #b5e4fc; text-align:center; line-height:1.231;}
.carousel li.active{border:2px solid #49b9f3;}
.carousel li.active:after{content:""; display:block; width:32px; height:28px; position:absolute; background:url(/st_ec/img/page/fly_arrow.png) no-repeat -14px -150px; margin:22px 0 0 40px;}
.carousel li a:link, .carousel li a:visited{display:block;}
.carousel li:hover, .carousel li:hover a, .carousel li a:hover{text-decoration:none; border-color:#49b9f3;}
.carousel li img{display:block; margin:0 auto;  width:60px; height:40px;}
.carousel li a strong{color:#000; font-weight:normal; display:block; padding:3px 4px 4px; overflow:hidden; line-height:1.3em; text-align:center;}
.carousel li:hover a strong, .carousel li a:hover strong, .carousel li.active a strong{font-weight:bold;}
.carousel li em, .also-stuff li var{font-family:Verdana, sans-serif, "新細明體"; display:block; padding:5px 0px 0; text-align:center; font-size:9px;}
.carousel li var{ color:#000; font-size:13px; padding:0 0 5px; }
.carousel li em span{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; margin-right:1px;}
.carousel li em i{font-size:13px;}

/*航班選擇區*/
.search-list{border:1px solid #cdcdcd; border-top:1px solid #298fca; border-right:1px solid #298fca; margin-top:-2px; border-radius:0; background:#1685d9; width:100%; padding:0 8px 4px; box-sizing:border-box;}
.search-list h3{ color:#FFF; padding:15px 20px; font-size:15px; font-family:Arial, sans-serif, "新細明體"; }
.unit{ margin:0; float:none;}
.search-list a, .search-list a:link, .search-list a:visited{ text-decoration:underline; color:#FFF; display:inline-block; margin-left:1.5em; padding:3px 5px;}
.search-list a:hover{text-decoration:none; font-weight:bold; }
.fit-prod, .htl-prod{ margin:0 0 4px; padding:16px 18px; background-color:#FFF; box-sizing:border-box; display:inline-block; width:100%; vertical-align:middle;}
.fit-prod:hover{background-color:#f4f4f4;}
.fit-prod .air-logo{ text-align:center; display:inline-block; padding:4px; width:8%; vertical-align:middle;}
.fit-prod .air-logo strong{ font-weight:normal; width:4em; display:block; line-height:1.3em;  }
.fit-prod .air-list{display:inline-block; width:70%; vertical-align:middle; }
.data-mp{text-align:center; line-height:1.5; border-collapse:collapse; font-size:13px;  float:left; margin-left:10px; background:none; }
.data-mp th, .data-mp td{padding:5px 3px; vertical-align:middle;}
.data-mp tr{border:1px solid #ddd; border-width:1px 0 0 0;}
.data-mp tr:first-child{border:none;}
.data-mp td b.blue-arrow{background:url(/st_ec/img/page/fly_arrow.png) no-repeat 0 -185px; display:block; height:20px; width:30px;  margin-left:7px; }
/*轉機資訊*/

.flight-to .fly-turn{display:inline-block; vertical-align:middle; padding-left:1px;}
.flight-to .fly-turn b{
	background:url(/st_ec/img/page/fly_arrow.png) no-repeat 0 -210px; height:16px; width:16px; display:block; cursor:pointer;
		}
.flight-to .fly-turn.show-me .turn-info, .air-info .flight-to .fly-turn.show-me .turn-info, .air-info .flight-to .fly-turn.double.show-me .turn-info{display:block;}		
.is-mobile .flight-to .fly-turn.show-me b i, .is-mobile .air-info .flight-to .fly-turn.show-me b i, .is-mobile .air-info .flight-to .fly-turn.double.show-me b i{
	display:block; width:28px; height:28px; background:url(/st_ec/img/sieve_sprite.png) no-repeat 0 -80px; position:absolute; margin:10px 0 0 135px; 
	cursor:pointer; z-index:1555 !important; opacity:.8; transition:opacity .2s ease-out;
	}
.is-mobile .flight-to .fly-turn.show-me b i:hover{opacity:1;}
.flight-to .turn-info{
	display:none; position:absolute; background:#fff; padding:6px; margin:4px 0 0; border:1px solid #aaa; box-shadow:0 2px 8px 4px rgba(160, 160, 160, 0.2);  z-index:500 !important; border-radius:3px;
width:260px; padding:10px; margin-left:-125px; margin-top:9px; }
.flight-to .turn-info:before{content:""; display:block; position:absolute; width:17px; height:9px; background:url(/st_ec/img/icon_checker.gif) no-repeat -102px -229px; margin-top:-19px; margin-left:113px;}
.flight-to .fly-turn.show-me .turn-info{display:block;}
.flight-to .turn-info dl{  width:100%; border-top: 1px dashed #ddd; overflow:auto; padding:3px 0; }
.flight-to .turn-info dl:first-child{border-top: 0;}
.flight-to .turn-info dl dt, .flight-to .turn-info dl dd{ float:left; font-weight:normal; line-height:22px; width:6.5em; text-align:right;}
.flight-to .turn-info dl dd{ width:13em; text-align:left; }

.fit-prod .total{display:inline-block; text-align:right; margin-left:5px; vertical-align:middle; float:none; width:17.7%;}
.total em{ font-size:11px;} 
.total em span{font-family:Arial, sans-serif; font-weight:bold; font-size:18px; margin-right:1px;}
.total em i{ color:#000; font-size:12px;}
.total input[type="button"].btn-mp{	
	 display:block;  height:30px; margin:6px 0 0 20px; padding:0 0 3px; 
	 font-size:15px; border:0; border-radius:1px; background:#36b3f3;
		 box-shadow:0 2px 2px 0 rgba(238, 238, 238, 0.7);	 
	 }
.total input[type="button"].btn-mp:hover{
	cursor:pointer; 
background: rgb(34,160,225); /* Old browsers */
background: -webkit-linear-gradient(top,  rgba(34,160,225,1) 31%,rgba(54,179,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  rgba(34,160,225,1) 31%,rgba(54,179,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(34,160,225,1) 31%,rgba(54,179,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a0e1', endColorstr='#36b3f3',GradientType=0 ); /* IE6-9 */
border:1px solid #36b3f3;
box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
	
}

/*show原價+刪除線*/
.total em.original{font-size:11px; text-decoration:line-through; color:#333; display:block; margin-top:5px; }
.total em.original span{font-size:13px; }
.total em.original i{font-size:12px; font-style:normal;}

/* loading & GetMore*/
#loadingGif{ background-color:#FFF; padding:10px 0;}
#getMoreHtlBtn{ margin-top:20px;}


/* ===== 搜尋引擎dialog ===== */
.src-engine{ font-size:13px;}
.ec .ui-widget-header{font-size:0; z-index:99; border:0;}
.ec .ui-dialog .ui-dialog-titlebar-close{margin:5px 5px 0 0;}
.ec .ui-widget-header .ui-icon{border:1px solid #FFF; border-radius:3px; padding:0 1px 1px 0;}
.ec .ui-widget-header .ui-state-hover, .ec .ui-widget-header .ui-state-hover{ background:none; border-radius:0; border:0;}
.ec .ui-state-hover .ui-icon{background:url(/st_ec/img/ui/ui-icons_ffffff_256x240.png) no-repeat -96px -128px; background-color:rgba(0,0,0,0.6);}
.ec .ui-dialog-content{overflow:auto; max-height:680px !important; padding:0 1em !important;} 
.ec .ui-widget-overlay{background:rgba(238,238,238,0.7); opacity:1;}
.ec .ui-widget-content{background-color: rgba(0,0,0,0.6); background-image:none; background:url(/st_ec/img/page/opacity_60.png) repeat \9; border:0; border-radius:4px; padding:0; box-shadow:0px 5px 15px 0px rgba(0,0,0,0.25); }
.src-engine .search-box{background-color: none; background: none; display:block; width:100%; box-sizing:border-box; padding-bottom:16px;  }
.src-engine .search-box ul .notice{display:none;}
/*日期*/
.ec #ui-datepicker-div .ui-widget-header, .ec #ui-datepicker-div .ui-widget-header{ display:block; border:1px solid #207fb6; font-size:13px; margin:0;}
.ec #ui-datepicker-div.ui-widget-content{background-color:#FFF;}
#ui-datepicker-div.ui-datepicker{width:17em;display:none;padding:.2em .2em 0;}
.ec #ui-datepicker-div .ui-widget-header .ui-icon{ background-image: url(/st_ec/img/ui/ui-icons_ffffff_256x240.png); border:0;}
.ec #ui-datepicker-div .ui-state-hover, .ec #ui-datepicker-div .ui-widget-content .ui-state-hover, .ec #ui-datepicker-div .ui-widget-header .ui-state-hover{border:1px solid #bababa; background:url(/st_ec/img/ui/ui-bg_flat_55_c7edff_40x100.png) 50% 50% repeat-x; font-weight:normal;}
.ec #ui-datepicker-div .ui-state-hover .ui-icon{background-image:url(/st_ec/img/ui/ui-icons_0a52ab_256x240.png); background-color:rgba(0,0,0,0);}
.ec #ui-datepicker-div .ui-state-hover .ui-icon-circle-triangle-w{background-position:-80px -192px;}
.ec #ui-datepicker-div .ui-state-hover .ui-icon-circle-triangle-e{background-position:-48px -192px;}


/* ===== step1 ===== */
/* 流程步驟列 */
.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;}

.section{margin-top:10px; clear:left;}
.section h3{padding:6px 0; margin-bottom:2px; line-height:20px; font-size:18px; background:none;}
.section h3.old-title{background:url(/st_ec/img/icon_checker.gif) no-repeat -226px -60px; padding:0 6px 3px 14px;}
.section h3 .num-p{ padding-left:2em;}
.mp-box, .mp-box-2{ background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:30px;  display:inline-block; width:100%; vertical-align:middle;}
.mp-step1{vertical-align:middle; border-top:1px dashed #CCC; margin:10px 0 0;}
.mp-step1:first-child{ border-top:0; margin:-20px 0 0;}
.mp-step1 .air-logo{display:inline-block; vertical-align:middle; width:16%;}
.mp-step1 .air-logo img{ vertical-align:middle;  }
.mp-step1 .air-logo strong{ line-height:1.3em; display:inline-block; width:5em; text-align:center; vertical-align:middle;}

.mp-step1 .air-info{display:inline-block; vertical-align:middle; width:82%; padding-top:20px; }

.air-info .data-mp{text-align:center; line-height:1.5; border-collapse:collapse; font-size:13px;  float:left; margin-left:10px; width:100%; }
.air-info .data-mp th, .mp .data-mp td{padding:5px 3px; vertical-align:middle;}
.air-info .data-mp thead td{ background-color:#dff3ff; text-align:left; font-weight:normal; padding-left:8px; line-height:30px;}
b.blue-plane, .flight-box h4 var + var:before{background:url(/st_ec/img/page/fly_arrow.png) no-repeat 0 -226px; height:30px; width:60px; display:inline-block; vertical-align:middle; margin:0 15px 0 10px; }
.air-info .data-mp tbody th{ font-weight:normal; vertical-align:bottom; color:#777; padding-top:12px; text-align:center;}
.air-info .data-mp tbody th.ta-left{text-align:left;  text-indent:2.5em;}
.air-info .data-mp tbody th:first-child{ text-align:left;}
.air-info .data-mp tbody tr:first-child{border-bottom:1px solid #00a6d6; border-width:0 0 1px 0;}
.air-info .data-mp tbody tr td:first-child{ vertical-align:top; padding:4px 3px 5px 8px; }
.air-info .data-mp tbody tr td .t-mid{ display:inline-block; width:7em; text-align:left; text-indent:2em; }
.air-info .data-mp tbody tr td .txt-66{ font-size:12px; font-weight:normal;}
.air-info .data-mp td b.blue-arrow{margin-left:0px; margin-top:3px; }

/*step1轉機資訊*/
.air-info .flight-to .turn-info, .air-info .flight-to .fly-turn.double .turn-info{
	display:none; position:absolute; background:#fff; padding:6px; margin:4px 0 0; 
	border:1px solid #aaa; box-shadow:0 2px 8px 4px rgba(160, 160, 160, 0.2);  z-index:500 !important; 
	border-radius:3px; width:260px; padding:10px; margin-left:-240px; margin-top:9px; }
.air-info .flight-to .turn-info:before, .air-info .flight-to .fly-turn.double .turn-info:before{content:""; display:block; position:absolute; 
	width:17px; height:9px; background:url(/st_ec/img/icon_checker.gif) no-repeat -102px -229px; 
	margin-top:-19px; margin-left:227px;}
.air-info .flight-to .fly-turn.double .turn-info{width:520px; margin-left:-470px;}
.air-info .flight-to .fly-turn.double .turn-info:before{ margin-left:457px; }	
.is-mobile .air-info .flight-to .fly-turn.show-me b i{margin:10px 0 0 27px;}
.is-mobile .air-info .flight-to .fly-turn.double.show-me b i{margin:10px 0 0 52px;}

.flight-to .fly-turn.double dl{ width:50%; overflow:auto; float:left; border-top:0; border-left:1px dashed #ddd; box-sizing:border-box; }
.flight-to .fly-turn.double dl:first-child{ border-left:0; }
/*更多資訊*/
.mp .air-info .data-mp tfoot td a{ width:100%; height:100%;  text-decoration:none;}
.mp .air-info .data-mp tfoot td a::before{ content:""; display:inline-block; border-bottom: 1px dashed #6ac8f9; width:100%; height:2px;  }
.mp .air-info .data-mp tfoot td a span{ padding:3px 15px; background-color:#FFF; font-weight:bold; position:relative; z-index:30; top:-17px; color:#23a6ea; }
.mp .air-info .data-mp tfoot td a span::after{content:""; display:inline-block; background:url(/st_ec/img/page/fly_arrow.png) no-repeat 0 -260px; width:16px; height:16px; margin: 0 0 -6px 2px;
 }
.mp .air-info .data-tb tfoot td a:hover{ text-decoration:none;}
.mp-box-2{padding:0px 0 20px; overflow:hidden; }
.mp-box-2 h3{ background-color:#dff3ff; width:100%; padding:6px 10px 6px 30px; font-size:15px;}
.mp-box-2 .half, .mp-box-2 .full{ display:block; float:left; width:50%;}
.mp-box-2 table, .mp-box-2 table.detail{ margin:10px 0 10px 30px;}
.mp-box-2 table tr{ border-bottom:1px solid #66cae6;}
.mp-box-2 table th, .mp-box-2 table td, .mp-box-2 table.detail td{ line-height:1.5em; padding:5px 3px 5px 15px; font-weight:normal; height:24px;}
.mp-box-2 table th, .mp-box-2 table.detail th{ color:#666; text-align:right; width:5em; padding-left:3px;}
.mp-box-2 table.detail{ width:86%; text-align:center; }
.mp-box-2 table.detail th{ text-align:center; }
.mp-box-2 table.detail td{padding:5px 3px;}
.mp-box-2 table.detail td em{ color:#000;}
.mp-box-2 table.detail tfoot{text-align:right; }
.mp-box-2 table.detail tfoot tr{ border-bottom:0;}
.mp-box-2 .full{ float:none; width:100%;}
.full table{ width:880px;}
.full table th{ width:auto; text-align:center;}
.mp-box-2 ul{ margin:15px 35px 10px 30px;}
.mp-box-2 li{ line-height:1.3em; padding:2px 0; color:#333; background:url(/st_ec/img/point.gif) no-repeat 4px 8px; list-style-type:none; padding-left:1.2em; text-align:left;}
.btn-box{ padding:20px 5px;}

.btn-box input[type="button"].btn-mp{
	padding:4px 0 8px; 
	border:0; border-radius:1px; background:#36b3f3;
	box-shadow:0 2px 2px 0 rgba(238, 238, 238, 0.7);
}

.btn-box .btn-mp:hover, .btn-box input[type="button"].btn-mp:hover{cursor:pointer; 
background: #0282d1; /* Old browsers */
background: -webkit-linear-gradient(top, #0282d1 0%,#02a0dc 52%,#02a0dc 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #0282d1 0%,#02a0dc 52%,#02a0dc 100%); /* IE10+ */
background: linear-gradient(to bottom, #0282d1 0%,#02a0dc 52%,#02a0dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0282d1', endColorstr='#02a0dc',GradientType=0 ); /* IE6-9 */
 }
.btn-air:link, .btn-air:visited, .btn-rooms:link, .btn-rooms:visited{/*border:1px solid #0078ff;*/ color:#0078ff; display:block; font-size:15px; line-height:1; margin:0; padding:.5em; width:5.5em; font-family:"微軟正黑體", "新細明體", Arial, sans-serif;}
.btn-air:before, .btn-rooms:before{content:""; display:inline-block; vertical-align:-2px; margin:0 5px 0 0; width:16px; height:16px; background:url(/st_ec/img/page/icon_air.png) 0 0 no-repeat;}
.btn-rooms:before{ background-position:0 -26px; }
.result dd p.htl-bh-name{width:100%;}
.result dd p.htl-bh-date{width:45%;}





/* =====0924 搜尋結果 ===== */
.content.bh h1{border-bottom:2px solid #298fca;}
.bh .result{padding:10px 20px; margin:0 0 15px;}
.bh .result dt{display:inline-block; width:19.75%; font-size:15px; color:#666; line-height:32px; padding:0 10px 0 0;}
.bh .result dd{border-bottom:none; float:none; line-height:36px; font-size:13x; display:inline-block; width:64%; padding:0 15px 0; border-left:1px solid #bbb; }
.bh .result dl dd p{float:none; display:inline-block;}
.bh .result dl dd p.flydate, .bh .result dl dd.btn{float:none;}
.bh .result dl dd.btn{ display:inline-block; padding:0; width:10%;  border:0;}
.bh .result dl.htl-bh{height:auto;}
.bh .result dl.htl-bh dt{height:65px;}
.bh .result dl.htl-bh dd{}
.bh .theme dl{ line-height:1em; padding:12px 0; }
.bh .theme dl:first-child{padding:4px 0 0;}
.bh .theme dt, .bh .theme dd{ display:inline-block; vertical-align:text-top;  text-indent:0; width:7em; text-align:right;}
.bh .theme dt{ text-align:left; background:none; font-weight:normal; }
.bh .theme dd .prcie{width:5em; text-align:right;}
.bh .theme dd.now-all{display:block; width:100%; padding:10px 0 0;}
.bh .theme dd.now-all em{ font-size:12px;} 
.bh .theme dd.now-all em span{font-family:Arial, sans-serif; font-weight:bold; font-size:20px; margin-right:1px;}
.bh .search-list{ padding:8px; margin-top:28px;}
.htl-img, .htl-list, .htl-prod .total{display:inline-block; vertical-align:middle;}
.htl-img{width:210px; height:140px; overflow:hidden; background:url(/st_ec/img/sys/210x140.gif) no-repeat center center;}
.htl-prod{padding:18px 14px; }
.htl-prod:hover{background-color:#e4edff;}
.htl-list{margin-left:5px; text-align:left; width:47.5%; height:135px; overflow:hidden;}
.bh .search-list a, .bh .search-list a:link, .bh .search-list a:visited{text-decoration:none; color:#06c; display:inline-block; margin-left:0; padding:0;}
.bh .search-list a:hover{font-weight: normal; text-decoration:underline;}
.bh .search-list h3{ padding:0; text-align:left; max-height:36px; overflow:hidden; margin-bottom:8px; }
.bh .search-list h3 a, .bh .search-list h3 a:hover{ font-size:15px; font-weight:bold; }
.htl-list .address{ display:block; color:#666; max-height:30px; overflow:hidden;}
.htl-list .other{display:block; line-height:24px; height:24px; overflow:hidden; padding:5px 0 8px;}
.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;}
.r-0-0{background-position:0 0;}
.r-0-5{background-position:0 -20px;}
.r-1-0{background-position:0 -40px;}
.r-1-5{background-position:0 -60px;}
.r-2-0{background-position:0 -80px;}
.r-2-5{background-position:0 -100px;}
.r-3-0{background-position:0 -120px;}
.r-3-5{background-position:0 -140px;}
.r-4-0{background-position:0 -160px;}
.r-4-5{background-position:0 -180px;}
.r-5-0{background-position:0 -200px;}

.htl-list .other var{ float:right; padding-right:8px;}
.htl-list p{ padding:6px 0 0; line-height:1.3em; height:50px; overflow:hidden; color:#333; }
.htl-prod .total{text-align:right; margin-left:5px; float:none; width:18%; padding-top:36px; border-left:1px dotted #ddd;}
.htl-prod .total input[type="button"].btn-mp{ margin:20px 0 0 20px; }

/* BH-STEP2 選航班 */
.flight-box{border:1px solid #ccc; background:#fff; box-shadow:0 0 0 1px #fff; margin:5px 0 0;}
.flight-box + .flight-box{margin:20px 0 0;}
.flight-box h3{padding:6px; background:#298fca; color:#fff; text-align:center;}
.flight-box h3 span{color:#fc0; font-size:18px; vertical-align:-2px; font-size:25px; margin:0 3px 0 0;}
.flight-box h4{position:relative; padding:4px 8px; font-size:15px; /*background:#E8F2F8;*/ background:#eee; overflow:hidden; white-space:nowrap; border-bottom:1px solid #ddd;}
.flight-box h4 strong{margin:0 1em; display:inline-block; border-radius:15px; border:1px solid #666; padding:.1em .7em .25em; background:#fbfbfb;}
/*.flight-box h4:after{content:""; display:block; position:absolute; right:0; top:0; width:25px; height:40px; background:#E8F2F8;
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 10%,rgba(232,242,248,1) 50%);
background:-ms-linear-gradient(left, rgba(255,255,255,0) 10%,rgba(232,242,248,1) 50%);
background:linear-gradient(to right, rgba(255,255,255,0) 10%,rgba(232,242,248,1) 50%);
}*/
.flight-box h4 var{display:inline-block; vertical-align:text-bottom;}
.flight-box h4 var + var{margin-left:75px;}
.flight-box h4 var + var:before{content:""; position:absolute; margin:-2px 0 0 -70px;}
.flight-box table{width:100%; border-collapse:collapse; empty-cells:show;}
.flight-box table td{width:33.3333%; text-align:left; vertical-align:middle; padding:8px 25px; empty-cells:show;}
.flight-box table tr{border-top:1px solid #eee;}
.flight-box table tr:first-child{border-top:none;}
.flight-box table label{font-size:15px; display:inline-block; margin:0; padding:3px 10px; border-radius:4px;text-align:left; background:#fff; transition:background-color 300ms ease-out;}
.flight-box table label:before{content:""; display:block; width:16px; height:16px; margin:1px 0 0; position:absolute;}
.flight-box table label span{font-family:Verdana; width:4.5em; display:inline-block;}
.flight-box table label input{vertical-align:0; margin:0 7px 0 0;}
.flight-box table label.checked{background-color:#e3f4ff;} /* #ffd9eb */
.flight-box table label.checked:before{background:#e3f4ff url(/st_ec/img/icon_checker.gif) no-repeat scroll -82px -162px;}
.flight-box table label.full{color:#aaa; cursor:no-drop;}

/* ===== step1 ===== */
.bh .mp-box-2 h4{ background-color:#D2E8FF; width:100%; padding:8px 14px; font-size:18px;}
.mp-box-2 .htl-info{ padding:20px 25px; display:inline-block;}
.bh .mp-box-2 h3{ background:none; padding:0; font-size:18px;}
.mp-box-2 .htl-list{ margin-left:15px; text-align:left; width:50.2%; display:inline-block; vertical-align:top; height:auto; overflow:auto;}
.mp-box-2 .htl-list .address{width:auto; white-space:normal; max-height:inherit;}

/* 左圖片 */
.pd-photo{width:100%; position:relative; display:inline-block;}
.pd-photo-trim{width:300px; height:200px; overflow:hidden; background:url(/st_ec/img/sys/300x200.gif) no-repeat center center;}
.pd-photo-trim img{max-width:100%;}
figure{position:relative; margin:0; width:300px; border:1px solid #ddd; padding:6px 6px 3px; background:#fff; padding:2px 4px; padding:1px 4px 0 \9; border-radius:2px; box-shadow:0 1px 6px rgba(128,128,128,.3); display:inline-block;}
figure img{margin-top:3px;}
figure .icon-zoom:link, figure .icon-zoom:visited{position:absolute; top:5px; right:5px; padding:2px 5px; background:#222; opacity:.7; color:#fff;}
figure .icon-zoom:hover{opacity:1;}
figure .icon-zoom b{vertical-align:-4px; vertical-align:middle \9; margin-right:5px;}
figcaption{min-height:3px;}
.content .pd-photo figcaption p{padding:0;}
.thumbs-scroll{margin:-70px 3px 0; padding:3px 30px 1px 0; position: relative; z-index:990; /*right:30px; top:185px;*/ display:inline-block; float:right;}
.scroll-lt, .scroll-rt{display:block; float:left; background:url(/st_ec/img/icon_checker.gif) no-repeat -182px -40px; width:18px; height:40px; margin-top:3px;}
.scroll-lt:hover{background-position:-182px -80px;}
.scroll-rt{background-position:-200px -40px;}
.scroll-rt:hover{background-position:-200px -80px;}
.thumbs-scroll .caroufredsel_wrapper, .img-thumbs{float:left !important;}
.thumbs-scroll .caroufredsel_wrapper{margin:0 !important;}

.img-thumbs a:link, .img-thumbs a:visited{display:block; width:60px; height:40px; overflow:hidden; float:left; border:2px solid #999; margin-left:4px; background:url(/st_ec/img/sys/60x40.gif) center center no-repeat;}
.img-thumbs a:first-child{margin-left:0;}
.img-thumbs a:hover{border-color:#298fca;}
.img-thumbs a img{display:block; max-width:100%;}
.pd-photo .thumbs-scroll p{display:block; /*position:absolute; z-index:990; width:300px;  right:20px; top:235px; */ clear:both;}
.htl-info + p{margin:0 30px; border:1px dotted #d52678;}


/* 覆寫 jquery-ui tabs */
.tab-set.ui-tabs{border:0; background:none;}
.tab-set.ui-tabs .ui-tabs-nav li{border:1px solid #aaa; border-width:2px 2px 0; background:url(/st_ec/img/ui/room_date_select_bg.gif) left top repeat-x; margin-bottom:0; margin-right:5px; border-radius:4px 4px 0 0; top:0; color:#666;} 
.tab-set.ui-tabs .ui-tabs-nav li a{color:#666; font-size:15px; width:80px; text-align:center;}
.tab-set.ui-tabs .ui-tabs-nav li.ui-state-active a:link, 
.tab-set.ui-tabs .ui-tabs-nav li.ui-state-active a:visited{font-weight:bold; color:#222; position:relative; bottom:-2px; background:#fff; padding:.4em 1em .6em;}
.tab-set.ui-tabs .ui-tabs-nav .ui-tabs-selected, .tab-set .ui-tabs-nav .ui-state-active{border-color:#94b6e0; background:#fff;}
.tab-set.ui-tabs .ui-tabs-panel{padding:0; margin:0;}
.tab-set.ui-tabs .ui-widget-header{background:transparent url(/st_ec/img/ui/tab_set_bg.png) center 25px repeat-x; border-width:0 0 2px; border-color:#94b6e0; border-radius:0; position:relative; z-index:888; margin:0 0 -1px; padding:15px 0 0 10px;}

.ec .bh .section .ui-widget-content{box-shadow:none;}
.bh .ui-tabs-panel.bh-tabox{box-sizing:border-box; padding:25px; background:#fff; border-radius:0; border:1px solid #ddd; border-top:2px solid #94b6e0;}
.rm-bed{ text-align:left; display:inline-block; padding:8px;}
.rm-bed div{ display:inline-block; width:205px; vertical-align:top; margin-left:5px; color:#333;}
.rm-bed div strong{display:block;}
.rm-bed .htl-img{ vertical-align:top; width:180px; height:120px;}
.rm-bed ul{ font-size:13px; margin:5px 0 0 -14px; color:#666; }
.rm-bed ul li{background:none;}
.rm-night{ display:inline-block;}
.rm-night li{background:none; display:inline-block; padding:0 5px; text-align:center;}
.rm-night li span{ display:block; margin:0 0 3px;}
.rm-increase{ margin:15px 0 0; padding:0 20px 0 0; text-align:right; font-size:18px; font-weight:bold;}
.rm-increase b{ float:left; margin:6px 0 0 28px;}
.rm-increase .price{ clear:both;}
.cnt-box{padding:10px 10px 20px; border:0;}
.cnt-box ul.icon-match{ }
.cnt-box ul.icon-match li{ background:none; display:inline-block; width:30%; height:20px; overflow:hidden;}
.tab-set h3{ padding:6px 0 0 3px;}

.bh .btn-box{ padding:20px 5px; vertical-align:middle;}
.bh .btn-box input[type="button"].btn-mp{
	padding:4px 0 8px; 
	border:0; border-radius:1px; background:#36b3f3;
	box-shadow:0 2px 2px 0 rgba(238, 238, 238, 0.7);	}
.bh .btn-box .btn-mp:hover, .btn-box input[type="button"].btn-mp:hover{cursor:pointer; 
background: #0282d1; /* Old browsers */
background: -webkit-linear-gradient(top, #0282d1 0%,#02a0dc 52%,#02a0dc 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #0282d1 0%,#02a0dc 52%,#02a0dc 100%); /* IE10+ */
background: linear-gradient(to bottom, #0282d1 0%,#02a0dc 52%,#02a0dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0282d1', endColorstr='#02a0dc',GradientType=0 ); /* IE6-9 */
 }
 
/*.bh .btn-box input[type="button"].btn-func {display:block; padding:3px 0; width:96px; height:30px; font-size:15px; color:#06c; border:1px solid #ccc; border-radius:1px; margin:4px 8px 0; background:#efefef;
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
box-shadow:0 2px 2px 0 rgba(238, 238, 238, 0.7); }
.bh .btn-box input[type="button"].btn-func:hover{text-decoration:none; background:#efefef;
background:linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(245,245,245,1) 53%, rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0);}*/

/*房型dialog*/
.ec .d_rooms{background:#fff; border:0; border-radius:4px; padding:0; box-shadow:0px 5px 15px 0px rgba(0,0,0,0.25); }
.ec .d_rooms .ui-widget-content{background:#fff;}
.ec .d_rooms .ui-widget-header{font-size: 13px;}
.ec .d_rooms .ui-dialog-titlebar-close{margin:-10px 0 0;}
.ec .d_rooms .ui-dialog-titlebar{padding:0.4em 1em; margin:0.2em; border:1px solid #207fb6;}
.ec .d_rooms .ui-widget-header .ui-icon{border:0; }
.ec .d_rooms .ui-state-hover, .ec .d_rooms .ui-widget-content .ui-state-hover, .ec .d_rooms.ui-widget-header .ui-state-hover{border:1px solid #bababa; background:#c7edff url(/st_ec/img/ui/ui-bg_flat_55_c7edff_40x100.png) 50% 50% repeat-x; font-weight:normal;}
.ec .d_rooms .ui-widget-header .ui-state-hover .ui-icon{background-image:url(/st_ec/img/ui/ui-icons_0a52ab_256x240.png); background-color:#c7edff;}
.rooms-cont{ padding:10px 0 20px; width:99%;}
.rooms-cont .rm-bed{ margin-bottom:10px;}
.rooms-cont .rm-bed .htl-img{ width:210px; height:140px; }
.rooms-cont .rm-bed div{width:63%;}
.rooms-cont .rm-bed div strong{ margin-bottom:5px;}
.rooms-cont .rm-bed dl{ width:100%; display:inline-block; line-height:1.5em; margin:2px 0; font-size:13px;}
.rooms-cont .rm-bed dl dt, .rooms-cont .rm-bed dl dd{display:inline-block; width:6em; text-align:right; padding-right:2px; vertical-align:top;}
.rooms-cont .rm-bed dl dd{ text-align:left; width:18em; }
.rooms-cont .data-tb td{text-align:left; padding:5px;}


@media screen and (-webkit-min-device-pixel-ratio:0){
.search-box select + span{font-family:Arial, sans-serif, "新細明體";}
label input[type="checkbox"]{margin-top:1px;}
.sec-menu label input[type="radio"]{vertical-align:-.5em;}
.search-box ul .notice a, .search-box ul .notice a:link, .search-box ul .notice a:visited, .search-box ul .notice a:hover{ background:url(/st_ec/img/page/mp_icon.png) no-repeat right -28px; }

.result dl dd.btn .btn-mp, .result dl dd.btn input[type="submit"].btn-mp, .result dl dd.btn input[type="button"].btn-mp{
		 height:32px; padding:4px 0 6px; 	
	}
.inside .btn-mp, .inside input[type="submit"].btn-mp, .inside input[type="button"].btn-mp{padding:0 0 1px;}	
.air-guest{width:5em;}
.air-guest select{width:5em;}
dd.air-guest:first-child + dd.air-guest{width:5.2em;}
.htl-list p{ padding:8px 0 0;}

}