@charset "utf-8";

/* ezTravel 2008 web by MiyaC */

/*重設各瀏覽器*/

html{color:#222;background:transparent;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;},fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*to enable resizing for IE*/input,textarea,select{*font-size:100%;}

strong{font-weight:bold;}



/*開始*/

body, td, th {font-size:13px;line-height:1.5em;color: #222; font-family:Arial, Verdana, sans-serif, 新細明體;}

body {text-align:center; background-color: #FFF; margin:0; padding:0;}

a:link {color:#06C;text-decoration: underline;}a:visited {text-decoration: underline;color:#06C;}a:hover {text-decoration:none;color: #333;}



/*定位*/

.container {width:960px; text-align:left; margin:0 auto; list-style-position: inside; list-style-type: none; }

.order-step{font-size:.9em; color:#777; margin-bottom:1em; padding-left:10px; display:none;}

.main{width:950px;margin:0 auto; padding:0 5px;}

.footer{clear:both; text-align:center;margin:1em auto 0; background:url(/images/bg_dn.gif) repeat-x bottom; padding:27px 0 17px;line-height:1.5em; font-size:.9em; color:#666;}

.footer hr{color:#ccc; height:1px;}



#header{background:url(/images/2008/b2b_header_bg.gif) repeat-x 0 0 #ff8f2a; height:68px; margin:0 0 .5em;}



/*引擎*/

.engine{height:224px;margin-bottom:1em;}

.engine-area{float:left; width:530px;height:224px; background:url(/images/2008/engine_bg_list.gif) no-repeat -5px 0;padding:0 20px; color:#060;}

.engine-area h2{padding:4px 0 5px 0;color:#64a800;}

.engine-area h2.HTL,.engine-area h2.HTF{background:url(/images/2008/engine_bg_htl.gif) 6.5em 0 no-repeat;}

.engine-area h2.FIT,.engine-area h2.ETK{background:url(/images/2008/engine_bg_htl.gif) 6.7em .5em no-repeat; margin-bottom:.6em;}

.engine-area h2.AIT{background:url(/images/2008/bg_engine_fit.gif) 9.7em .5em no-repeat; margin-bottom:.6em;}

.engine-area h2.HSR{background:url(/images/2008/bg_engine_hsr.gif) 8.7em .3em no-repeat; margin-bottom:.6em;}

.engine-area h2.FRN,.engine-area h2.pkgtw{background:url(/images/2008/bg_index_egn_tree.gif) 6em -2px no-repeat; margin-bottom:.6em;}

.engine-area p{margin:0 0 .8em;*margin:0 0 .7em; vertical-align:middle;}

#engine-keywd{background:#e9f7db;padding:2px 5px; font-size:.9em;}

#engine-keywd input{vertical-align:middle;}

.engine-banner{float:left; text-align:left; width:370px;height:205px;*height:225px;_height:185px;background:url(/images/2008/engine_promo_bg.gif) no-repeat 2px 0;padding:28px 9px 12px;}

.engine-banner h2{display:none;}

.engine-banner ul{list-style:url(/images/2008/icon_arrow_gn.gif);margin:0 10px 0 5px;*padding:1px 0 0;list-style-position:inside;letter-spacing:-.05em;*letter-spacing:0;}

.engine-banner li{margin:5px 0;padding:3px 0 0 25px;*padding:0 0 0 20px;*margin:8px 0 0;background:url(/images/2008/index_desh_line.gif) repeat-x 0 bottom; text-indent:-22px;}

.engine-banner li a:link{*margin:0 0 0 5px;}

.engine-banner a:link,.engine-banner a:visited{color:#555;text-decoration:none;}

.engine-banner a:hover{color:#06c; text-decoration:underline;}



/*商品標題*/

h1 {font-size:1.25em;border:1px solid #ffa859;background:#fff2e6; color:#f30; padding:.4em .5em .3em;margin:.4em auto -.4em;}

/*商品說明區*/

.pd-info{display:block; margin:10px 0; *margin-top:0 0;}

.info-side{width:320px; float:left;}

.main-pic{padding:5px; border:1px solid #ddd; margin:.3em 0;}

/*旅遊資訊表格*/

.travel-info{background:url(/images/bg_travel_info.gif) no-repeat 2px 0; width:303px; height:106px; padding:15px 10px;margin-top:0;}

/* PM商品說明*/

.intro{text-indent:-6em; padding-left:6em; line-height:1.75em; float:right;font-size:.9em; width:537px;}

.intro p{margin:-.05em 0;}

/* 飯店用*/

.intro2{text-indent:2em; padding-left:0;line-height:2em; float:right;font-size:.9em; width:587px;}

.HTL-title{text-indent:0;font-size:1.15em; padding-bottom:.2em;}

.HTL-note{margin:.2em auto; color:#222; text-align:center;}

.room-price{float:left; width:7em; display:block; text-align:center; margin:.1em; background:#efefef;}



/*注意事項等等的說明*/

.note1{text-indent:-3.8em; padding-left:3.8em; line-height:1.5em;}

.note1 p{margin:-.05em 0;}

.note2 p{margin:1em 0 -.02em;}

.note2 ol{margin:-.05em 2em;}





/*流程步驟標題*/

h2 {font-size:1.1em; color:#F30;margin:.4em auto;}

.number {font-size: 0.75em; font-weight:normal;float:right; margin:-1.6em .5em 0 0;}



/*頁面功能連結*/

.page-action{font-size: 0.8em; font-weight:normal;float:right; margin:-1.2em 0 0 0; color:#f30; vertical-align:text-top;}

.page-action a:link,.page-action a:visited{color:#f30; text-decoration:none;}

.page-action a:hover{color:#06c; text-decoration:underline;}





/*標題粗體*/

h3 {clear:both;font-size:1.1em; color:#f30;margin:1em auto .3em;}



/*標題正常*/

h4 {font-size: 1.1em; margin:.3em auto;color:#f30;font-weight:normal;}

.tag-gn{background:#ff5f08; color:#FFF; padding:0 .5%;}



/*有底邊框標題*/

h5 {font-size:1em;font-weight:normal;border:1px solid #ffa859;background:#fff2e6; color:#f30; padding:.4em 1em .3em;margin:.7em auto;}

.txt-icon {font-size:0.75em; font-weight:normal;float:right; margin:-1em .5em 0 0; }

.trip-day{float:left; padding-right:.2em;}

.trip-dtitle{float:left;}



/*有底邊無框置中對齊*/

h6 {font-size:.9em;font-weight:normal;background:#fff2e6;padding:.3em 1em .2em;margin:2em 0 1em; text-align:center;}



/*邊框 上-.85em*/

.trip{font-size: 0.9em; border:1px solid #ffa859; padding:.1em 1em 1em; margin-top:-.85em;background:url(/images/bg_dn.gif) repeat-x bottom;}

img.trip{padding:5px; margin:.3em 1em .3em 0; border:0; background:none;}



/*表格1*/

.tb-1{border:1px solid #ffa859;border-collapse:collapse;padding:.3em .5em;}

.tb-1 th{border:1px solid #ffa859;padding:.4em .5em;background:#fff2e6; color:#f30; font-weight:normal; text-align:center;}

.tb-1 td{border:1px solid #ffa859;padding:.3em .5em;}



/*表格2*/

.tb-2{border:1px solid #ffa859;border-collapse:collapse;padding:.1em .25em;}

.tb-2 th{border:1px solid #ffa859;padding:.05em .2em;background:#fff2e6; color:#f30; font-weight:normal; text-align:center;}

.tb-2 td{border:1px solid #ffa859;padding:.1em .25em;}



/*表格3航空公司自由行第一個 黃底*/

.tb-3{border:1px solid #ffa859;border-collapse:collapse;padding:.1em .25em;}

.tb-3 th{border-right:1px solid #ffa859;padding:.3em .25em .1em;background:#FFFEF2;font-weight:normal; text-align:center;}

.tb-3 td{padding:.3em .4em .2em;}



/*表格4航空公司自由行第二個之後 黃底*/

.tb-4{border:1px solid #ffa859;border-collapse:collapse;padding:.1em .25em; border-style:none solid solid;}

.tb-4 th{border-right:1px solid #ffa859;padding:.3em .25em .1em;background:#FFFEF2;font-weight:normal; text-align:center;}

.tb-4 td{padding:.3em .4em .2em;}



/*表格5 標題欄無底色*/

.tb-5{border:1px solid #ffa859;border-collapse:collapse;padding:.3em .5em;}

.tb-5 th{border:1px solid #ffa859;padding:.4em .5em;color:#f30; font-weight:normal; text-align:center;}

.tb-5 td{border:1px solid #ffa859;padding:.3em .5em;}



/*航空公司自由行飯店下拉*/

.ait-htl{width:36em; margin:0;*width:37em;}

/*國際機票加購國際訂房引擎*/

.FITaddHTF{border:3px solid #e2f4cc; background:url(/images/2008/bg_gr2.gif) bottom repeat-x; padding:.5em 1em; line-height:3em;}



/*邊框1*/

.box-1{border:1px solid #ffa859;border-collapse:collapse;padding:0 .2em .8em .5em;background:url(/images/bg_dn.gif) repeat-x bottom;}

.box-1 p{margin:1em 0 -.02em;}

.box-1 ol{margin:-.05em 2em;}



/*邊框2*/

.box-2{border:1px solid #ffa859;border-collapse:collapse;padding:.3em .2em .4em .5em;}



/*邊框3 上移0*/

.box-3{border:1px solid #ffa859;border-collapse:collapse;padding:.3em .2em .4em .5em; margin-top:0;}



/*邊框4 一日遊、高鐵旅客等 單行人數用*/

.box-4{border:1px solid #ffa859;border-collapse:collapse;padding:.7em .5em .6em 1.7em;}





/*單邊線*/

.line-dn{border-bottom:1px solid #ffa859;}

.line-rt{border-right:1px solid #ffa859;}

.sp-line{clear:both;border-bottom:1px solid #ccc;margin:.5em 0 1em;_margin:0 0 .5em;height:1em;}/*分隔住宿旅客用*/



/*標題壓框線 Fieldset & Legend */

fieldset{border:1px solid #ccc; padding:.5em;}



/*文字迷你小中大*/

.txt-ss{font-size:.75em;font-weight:normal;}

.txt-s{font-size:.88em;*font-size:.8em;font-weight:normal;}

.txt-s2{font-size:.9em;font-weight:normal;}

.txt-m{font-size:1em;font-weight:normal;}

.txt-L{font-size:1.1em;font-weight:normal;}

.txt-LL{font-size:1.2em;font-weight:normal;}



/*文字顏色*/

.txt-bk{color: #222}

.txt-gr{color: #444}

.txt-or{color: #F40}

.txt-gn{color: #f30}

.txt-no-r{color:F40;text-decoration:line-through;}



/*其他行高*/

.p-h1 p{margin:0 0 .5em;}

.p-h2 p{margin:1em 0 -.02em;}



/*文字標籤*/

.tag-or{background:#F40; color:#FFF; padding:0 .5%;}





/*結帳金額小記*/

.total-r{float:right;width:20%;}

.total-l{float:right;width:20%;}

.total-p{float:right;width:15%;}



/*旅客名單*/

.travel-list1{float:left; width:49%;margin-top:.5em;}

.travel-list2{float:right;width:49%;margin-top:.5em; padding-left:1em;border-left:1px solid #ccc;}

.travel-list{clear:both;margin-top:.5em;}





/*聯絡人*/

.cont{height:24.5em;_height:17em; margin-top:-.7em;}

.cont-main{float:left; width:49%;}

.cont-main h5{margin-bottom:-.1em;}

.cont-sub{float:right;width:49%;}

.cont-sub h5{margin-bottom:-.1em;}

.cont-sub-in{height:23.1em;*height:22.3em;}





/*淺黃底色邊框-加購保險*/

.insu{background:#FFFEF2; border:1px solid #FEF8D4; padding:.4em;}

/*淺黃底色*/

.bg-yl{background:#FFFEF2;}

/*淺灰底色*/

.bg-gr{background:#FAFAFA;}

/*不常用的較深綠底色*/

.bg-gn2{background:#ffd598;}



/*按鈕*/

.btn-1{padding:.4em .2em .3em;}

.btn-2{padding:.3em .1em .2em;}



/*項目符號圖片*/

.list-or{line-height:1.75em;}

.list-or p{background:url(/images/icon_o.gif) no-repeat 0 .5em;margin:-.05em 0; padding:0 0 0 1em;}



.list-gn{line-height:1.75em;}

.list-gn p{background:url(/images/icon_o.gif) no-repeat 0 .5em;margin:-.05em 0; padding:0 0 0 1em;}



/*eMoneyr*/

.emoneypoint { margin-eight:7px; float:right; color:#333;}

.emoneypoints{font-size:15px; color:#ff4400; font-weight:bold;background:url(/ss_static/images/icon_eMoney_s.gif) no-repeat left; padding:0 3px 5px 15px; margin-left:-3px; }    



/*飯店icon連結*/

.icon-hotel-link{letter-spacing:-0.1em; *letter-spacing:0em;}

.icon-hotel-link img{margin:0 2px -1px 7px;}



/*更多的藍色清單圖*/

.listmore-link img{margin:0 0 -2px 0;}



/*出發日期價格*/

.cal-list p{margin:.2em 0 .5em 0;}





/*空格間距*/

.mn-l1{margin-left:1.7em;}



/*文字對齊+無邊框*/

.txt-b0{border:0; text-align:right; background:none;}

.txt-b1{border:0; text-align:center;background:none;}

.txt-b2{border:0; text-align:left;background:none;}



/*文字對齊*/

.txt-ar{text-align:right;}

.txt-ac{text-align:center;}

.txt-al{text-align:left;}



/*文字區塊只有下底線*/

.txt_dn{border-style:none;border-bottom:1px solid #cbe8b4;}



/*圓角有邊框*/

.xtop, .xbottom { display:block; background:transparent; font-size:1px; }

.xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden; background: #F7FFEE; }

.xb1, .xb2, .xb3 { height:1px; }

.xb2, .xb3, .xb4 { border-left:1px solid #D7EEBD; border-right:1px solid #D7EEBD; }

.xb1 { margin:0 5px; background:#D7EEBD; }

.xb2 { margin:0 3px; border-width:0 2px; }

.xb3 { margin:0 2px; }

.xb4 { height:2px; margin:0 1px; }

.xboxcontent { display:block; border:0 solid #D7EEBD; border-width:0 1px; padding: 4px; background: #F7FFEE;}



/*清除*/

.clear-float {zoom:1; clear:both; height:0; }/*IE*/

.clear-float:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }/*FF*/