@charset "utf-8";
/* ===== Reset ===== */
html,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;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input ,textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit;} *:focus{outline:none;} small{font-size:100%;} ins{text-decoration:none;}
/* remove onfocus outline */
input, input:active, input:focus{outline:0; outline-style:none; outline-width:0;} /* ie */
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner{border:none;} /* ff*/

/* clearfix */
.clearfix:after, .header:after, .footer:after, .btn-box:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}


/* ===== 整體預設 ===== */
a:link, a:visited{color:#06c; text-decoration:none; outline:none;} a:hover{color:#06c; text-decoration:underline;} a:active{border-color:transparent; outline:0; color:#194d92;} a img{border:0; vertical-align:bottom;} a:focus{outline:0 none;} img{vertical-align:top;} b, strong, strong em, caption, th, thead, dt, legend{font-weight:bold;} ol{list-style-position:inside;} input:focus, textarea:focus, select:focus{outline-width:0;} label, input, select, option{vertical-align:middle;} label{margin-right:.7em;} input[type="radio"], input[type="checkbox"], input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="file"], input[type="button"], input[type="submit"], input[type="reset"], textarea{padding:1px 3px;} textarea{resize:none;} select{padding:2px 0; margin-left:0; border:1px solid #777; border-color:#777 #aaa #aaa #777; border-radius:2px;}
/* Text field highlighted on focus */
input[type="text"], input[type="email"], input[type="password"]{border:1px solid #777; border-color:#777 #aaa #aaa #777; background:#fff url("/../../st_ec/img/input-bg.jpg") repeat-x 0 -2px; padding:3px; padding:4px 3px 2px \9; border-radius:2px;}
input.it-1, input[type="text"].it-1, input[type="email"].it-1, input[type="password"].it-1{border:1px solid #777;}
input.it-2, input[type="text"].it-2, input[type="email"].it-2, input[type="passwoed"].it-2{border:2px solid #298fca; padding:2px;}
/* 包 label 的元件加右 margin */
label input[type="radio"], label input[type="checkbox"]{margin-right:4px; vertical-align:middle; outline:0;}
.placeholder{color:#999;}
h1{font-size:22px;} h3{font-size:18px;}
.ui-datepicker{z-index:19999 !important;}
.dm{border-collapse:collapse; border:0 none; margin:0 auto;}


/* ===== 大範圍佈局 ===== */
body{background:#fff; vertical-align:baseline; line-height:1.231; font-size:13px; color:#222; font-family:Arial,Helvetica,sans-serif,"新細明體";}
.container{margin:0 auto; text-align:left;}
/* z值 */
.topnav, .loginbar{z-index:948;}
.topnav li, .loginbar li{z-index:949;}
.topnav li div{z-index:951;}
.menu ul li{z-index:926;}
.path ul{z-index:901;}


/* ===== 通用樣式 ===== */
/* 陰影 */
.topnavi .dropdown  div, .index .menu ul, .index .menu ul ul, .submenu, .sector ul, .inside, .box-on, .footer, .footer.mem-2b, .fresh, .theme, .tour-pic img, .quick-banner, .new-items, .article, .b2e-login, .corporations, .sitemap .main, .seo .main, .fb-box,.index .card,.index .tab-box,.news-list, div#cruise-products.sector.intro #cruise-content .mdle h3, .filter, .dot-pager{-webkit-box-shadow:0 2px 2px 0px rgba(160,160,160,.35); box-shadow:0 2px 2px 0px rgba(160,160,160,.35); filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#dddddd');}
/* 下左右 4px 圓角 */
.index .menu ul ul, .sector ul, .inside, .footer, .footer.mem-2b, .filter{border-bottom-right-radius:4px; border-bottom-left-radius:4px;}
/* 四邊 4px 圓角 */
.submenu, .banner-ads, .box-on, .fresh, .theme, .article, .p-hdp .theme, .b2e-login, .corporations,.index .card,.index .tab-box,.news-list{border-radius:4px;}
/* 四邊 2px 圓角 */
.tour-pic img, .minitour-tg, .scroll2top, .carrier .box-title, .new-items, .login-area input, .companies a{border-radius:2px;}
/* 字陰影 */
.menu li a:link, .menu li a:visited, .quick h3, .search-tab .search-on a, .f-send:hover, .theme-tag, .intro-tab li a{text-shadow:0 -1px 2px #555;}
/* 浮動 */
.c-f{clear:both;} .c-l{clear:left;} .c-r{clear:right;} .c-n{clear:none;}
.float-left{float:left;} .float-right{float:right;} .float-box{display:inline-block;} .fbox{display:block; float:left;}
/* 對齊 */
.left{text-align:left;} .center{text-align:center;} .right{text-align:right;}
.function-right{float:right; z-index:9; margin-top:0; font-weight:normal; color:#666; font-size:.85em;}
/* 字色、粗細、底線 */
.txt-high, a.txt-high:link, a.txt-high:visited, em{color:#c00;}
.txt-22, a.txt-22:link, a.txt-22:visited{color:#222;}
.txt-66, a.txt-66:link, a.txt-66:visited{color:#666;}
.txt-gy, a.txt-gy:link, a.txt-gy:visited{color:#888;}
.txt-pp{color:#d52678;} .txt-grn, .price-tle{color:#12964d;} .txt-b{font-weight:bold;}

/* 星號 */
.star{font-weight:bold; color:#d00;}
/* 字大小 */
.t-sm{font-size:13px;} .t-mid{font-size:15px;} .t-large{font-size:18px;} .fixed-size{overflow:hidden;}
/* 標題(與附註文字) */
h1, h2, h3{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}
h1 span, h2 span, h3 span, h4 span, h1 a, h2 a, h3 a, h4 a{font-size:13px; font-weight:normal; font-family:Arial,Helvetica,sans-serif,"新細明體";}
/* 商品價格 */
.price{vertical-align:baseline; display:inline; font-size:9px; font-family:Verdana,Arial,sans-serif,"新細明體";}
.price i{font-style:normal; font-size:11px; margin-left:1px;}
.price span, .price var{font-size:13px; vertical-align:-1px;}
.price.t-mid span, .price.t-mid var{font-size:15px;}
.price.t-large span, .price.t-large var{font-size:18px;}
.price.cut{background:url(../../st_ec/img/bg_cut.gif) repeat-x 0 center; color:#666;}
/* 表格 */
.ta-left{text-align:left; padding:.5em;} .ta-right{text-align:right; padding:.5em;} .ta-center{text-align:center; padding:.5em;}
/* 設定寬度 */
.w0-5em{width:.5em;} .w1em{width:1em;} .w1-5em{width:1.5em;} .w2em{width:2em;} .w2-5em{width:2.5em;} .w3em{width:3em;} .w3-5em{width:3.5em;} .w4em{width:4em;} .w4-5em{width:4.5em;} .w5em{width:5em;} .w5-5em{width:5.5em;} .w6em{width:6em;} .w6-5em{width:6.5em;} .w7em{width:7em;} .w7-5em{width:7.5em;} .w8em{width:8em;} .w8-5em{width:8.5em;} .w9em{width:9em;} .w9-5em{width:9.5em;} .w10em{width:10em;} .w10-5em{width:10.5em;} .w11em{width:11em;} .w12em{width:12em;} .w13em{width:13em;} .w14em{width:14em;} .w15em{width:15em;} .w16em{width:16em;} .w17em{width:17em;} .w18em{width:18em;} .w18-5em{width:18.5em;} .w19em{width:19em;} .w19-5em{width:19.5em;} .w20em{width:20em;} .w20-5em{width:20.5em;} .w21em{width:21em;} .w22em{width:22em;} .w23em{width:23em;} .w24em{width:24em;}  .w24-5em{width:24.5em;} .w25em{width:25em;} .w26em{width:26em;} .w27em{width:27em;} .w28em{width:28em;} .w29em{width:29em;} .w30em{width:30em;} .w31em{width:31em;} .w32em{width:32em;} .w33em{width:33em;} .w34em{width:34em;} .w35em{width:35em;} .w36em{width:36em;} .w37em{width:37em;} .w38em{width:38em;} .w39em{width:39em;} .w40em{width:40em;}
/* 行高 */
.line-1{line-height:1em;} .line-1-1{line-height:1.1em;} .line-1-2{line-height:1.2em;} .line-1-3{line-height:1.3em;} .line-1-4{line-height:1.4em;} .line-1-5{line-height:1.5em;} .line-1-75{line-height:1.75em;} .line-2{line-height:2em;}
/* 錯誤訊息 */
.err-msg{color:#c00; background:#fccaca; padding:3px 5px; padding:5px 5px 0 \9; border:1px dotted #e50101; display:inline-block;}
q .err-msg{display:inline-block; margin:3px 0;}
/* 提示訊息 */
.remind-msg{background:#fff8e0; padding:3px 8px; padding:5px 8px 0 \9; border:1px dotted #ccc; margin:10px auto;}
.loading{margin:10px;}


/* ===== header ===== */
.header{position:relative; height:auto;}
.topnav, .loginbar{float:right;}
.logo{float:left; width:300px; height:55px; overflow:hidden;}
.logo a:link, .logo a:visited{display:block; position:absolute; top:10px; left:0; z-index:88;}
.logo em{position:absolute; top:10px; left:0; text-indent:-9999em;}
.logo embed, .logo object{vertical-align:bottom;}
.replace, .is-mobile #head-flash{display:none;}
.is-mobile .replace{display:block;}
.replace{position:relative; z-index:8; width:300px; height:55px;}
.replace a:link, .replace a:visited{top:0;}
.header .last-one{background-image:none; padding-right:0; margin-right:0;}
/* topnav */
.topnav{height:30px; position:relative; bottom:-1px \9;}
.topnav.in2b{margin-left:31px;}
.topnav li, .loginbar li{position:relative; display:block; float:left; padding:3px 5px; background:url(../../st_ec/img/header/icon_spacer.gif) no-repeat right center;}
.topnav li{background-position:right center; background-position:right 3px \9;}
.topnav li a:link, .topnav li a:visited, .loginbar a:link, .loginbar a:visited, .loginbar cite{display:block; float:left; color:#222; padding:2px 2px 1px; padding:1px 2px 2px \9;}
.topnav.in2b li a:link, .topnav.in2b li a:visited, .loginbar.in2b a:link, .loginbar.in2b a:visited, .loginbar.in2b cite{font-size:15px;}
.topnav li a:hover{color:#06c;}
.topnav li a:link, .topnav li a:visited{text-align:center;}
.topnav li .txt-high:link, .topnav li .txt-high:visited{color:#c00;}
.topnav li a.on-current:link, .topnav li a.on-current:visited{font-weight:bold;}
.topnav .dropdown .drop-icon{width:67px; padding:3px 2px 0 \9;}
.topnav.in2b .dropdown .drop-icon{width:77px;}
.topnav .mem-list .drop-icon{padding-left:16px; background:url(../../st_ec/img/icon_user.gif) no-repeat left 2px;}
.topnav.in2b .mem-list .drop-icon{padding-left:16px; background:url(../../st_ec/img/icon_user_edit.gif) no-repeat left 3px;}
.topnav li a b{width:8px; height:8px; display:inline-block; margin-left:3px; background:url(../../st_ec/img/dropdown_tip.gif) no-repeat center center;}
.topnav li a:hover b{background-image:url(../../st_ec/img/dropdown_tip_hr.gif);}
.topnav li.dropdown{position:relative \9; top:-2px \9; background-position:right 5px \9;}
.topnav li.dropdown:hover, .topnav li.dropdown.hover{border:1px solid #ccc; border-bottom:0; padding:2px 4px 4px; background:#fff url(../../st_ec/img/index/topnav_hr_bg.gif) repeat-x left top;}
.topnav li div{position:absolute; top:22px; left:-1px; width:77px; border:1px solid #ccc; background:#fff; padding:2px 6px 6px 10px; padding:3px 6px 2px 10px \9;}
.topnav .dropdown hr{position:absolute; top:-8px; left:0; width:93px; width:91px \9; border:1px solid white;}
.topnav.in2b .dropdown hr{width:104px; width:102px \9;}
.topnav .dropdown div a:link, .topnav .dropdown div a:visited{display:block; width:auto; padding-left:13px; background:url(../../st_ec/img/header/icon_bullet.gif) no-repeat left center;}
.topnav .dropdown div a:hover{text-decoration:underline; color:#06c;}
.topnav .last-one a:link, .topnav .last-one a:visited{padding:2px 2px 0; padding:1px 2px 2px \9;}
.topnav .mem-list div{width:82px;}
.topnav.in2b .mem-list div{width:110px;}
.topnav .mem-list .drop-icon:link, .topnav .mem-list .drop-icon:visited{cursor:default;}
.topnav .mem-list .drop-icon:hover{cursor:default;}
.topnav .mem-list .drop-icon:hover{text-decoration:none; color:#222;}
.topnav.in2b .mem-list .drop-icon:hover{color:#c00;}
.topnav .co-list div{width:95px;}
.topnav .co-list div hr{width:79px; width:77px \9;}
.topnav .co-list + li a{padding:0 2px 3px \9; line-height:1.1 \9;}
/* loginbar */
.loginbar{height:25px; margin-right:10px; margin-right:5px \9; margin-top:1px \9;}
.ie11 .loginbar{width:245px;}
.loginbar.in2b{width:203px; width:214px \9;}
:root .loginbar{margin-right:0 \0/;}
.loginbar a:link, .loginbar a:visited, .loginbar cite{font-weight:bold; color:#06c;}
.loginbar cite{padding-top:0; color:#222; height:1.2em; overflow:hidden;} 
.loginbar cite a:link, .loginbar cite a:visited{float:none; display:inline-block;}
.loginbar li:first-child{width:11em; overflow:hidden; text-align:right;}
.loginbar.in2b li:first-child{width:235px; background:none;}
.loginbar li:first-child a:link, .loginbar li:first-child a:visited{float:none; display:inline; position:relative; top:2px; top:1px \9;}
.loginbar.in2b li:first-child a:link, .loginbar.in2b li:first-child a:visited{right:13px;}
.loginbar li:first-child cite{float:right; padding-top:2px;}
.loginbar.in2b li:first-child cite{max-width:12em;}
.loginbar li:first-child cite a:link, .loginbar li:first-child cite a:visited{top:0;}
.feedback-entry:link, .feedback-entry:visited{position:absolute; right:217px; top:32px; top:34px \9; display:block; color:#06c;}
.feedback-entry b{vertical-align:middle; display:inline-block; width:16px; height:16px; background:url(../../st_ec/img/icon_checker.gif) no-repeat -42px -202px; margin-right:3px;}
.feedback-entry:hover{text-decoration:underline;}
.feedback-entry.align-r{right:0;}

/* 麵包削 */
.path{padding:5px 0; position:relative; clear:left;}
.path a:link, .path a:visited, .path dfn{display:inline-block; padding:0 5px 2px 5px; text-decoration:none;}
.path a:hover{text-decoration:underline;}
.path b{display:inline-block; width:15px; height:15px; background:url(../../st_ec/img/bread_arr.gif) no-repeat 0 0; margin:0 1px; vertical-align:middle;}
.path span{display:inline-block; margin:0 1px;}
.path select{position:relative; top:2px \9; margin:0 1px;}

/*====== submit 按鈕 ======*/
/* 小 */
.btn-s, input[type="submit"].btn-s, input[type="button"].btn-s, .btn-sg, input[type="submit"].btn-sg, input[type="button"].btn-sg{text-align:center; width:66px; height:30px; padding:4px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(../../st_ec/img/btn_submit_s.gif) no-repeat 0 0; color:#fff;}
.btn-sg, input[type="submit"].btn-sg, input[type="button"].btn-sg{background:url(../../st_ec/img/btn_submit_sg.gif) no-repeat 0 0; color:#aaa;}
.btn-s:hover, input[type="submit"].btn-s:hover, input[type="button"].btn-s:hover, .btn-sg:hover, input[type="submit"].btn-sg:hover, input[type="button"].btn-sg:hover{background-position:0 -30px; background-position:0 0 \9; *background-position:0 -30px; cursor:pointer; padding:7px 0 7px; padding:7px 0 5px \9; *padding:8px 0px 4px;}
/* 中 */
.btn-m, input[type="submit"].btn-m, input[type="button"].btn-m, .btn-mg, input[type="submit"].btn-mg, input[type="button"].btn-mg{text-align:center; width:90px; height:30px; padding:4px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(../../st_ec/img/btn_submit_m.gif) no-repeat 0 0; color:#fff;}

.btn-m-sub, input[type="submit"].btn-m-sub, input[type="button"].btn-m-sub,{text-align:center; width:90px; height:30px; padding:4px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(../../st_ec/img/btn_submit_gray_m.gif) no-repeat 0 0; color:#fff;}

.btn-m:hover, input[type="submit"].btn-m:hover, input[type="button"].btn-m:hover, .btn-m-sub, input[type="submit"].btn-m-sub:hover, input[type="button"].btn-m-sub:hover{background-position:0 -30px; background-position:0 0 \9; *background-position:0 -30px; cursor:pointer; padding:6px 0 7px; padding:7px 0 5px \9;}

.btn-m-sub:hover, input[type="submit"].btn-m:hover, input[type="button"].btn-m:hover, input[type="submit"].btn-mg:hover, input[type="button"].btn-mg:hover{background-position:0 -30px; background-position:0 0 \9; *background-position:0 -30px; cursor:pointer; padding:6px 0 7px; padding:7px 0 5px \9;}

.btn-mg, input[type="submit"].btn-mg, input[type="button"].btn-mg{background:url(../../st_ec/img/btn_submit_mg.gif) no-repeat 0 0; color:#999;}
/* 大 */
.btn-l, input[type="submit"].btn-l, input[type="button"].btn-l, .btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg{text-align:center; width:110px; height:30px; padding:5px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(../../st_ec/img/btn_submit_l.gif) no-repeat 0 0; color:#fff;}
.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg{background:url(../../st_ec/img/btn_submit_lg.gif) no-repeat 0 0;}
.btn-l:hover, input[type="submit"].btn-l:hover, input[type="button"].btn-l:hover, .btn-lg:hover, input[type="submit"].btn-lg:hover, input[type="button"].btn-lg:hover{background-position:0 -30px; background-position:0 0 \9; *background-position:0 -30px; cursor:pointer; padding:7px 0 7px; padding:7px 0 5px \9;}
/* LL--inbond */
.btn-LL, input[type="submit"].btn-LL, input[type="button"].btn-LL, .btn-LLg, input[type="submit"].btn-LLg, input[type="button"].btn-LLg{text-align:center; width:146px; height:30px; padding:4px 0 8px; padding:7px 0 5px \9; background:#7f77d9; border:0; background:url(../../st_ec/img/btn_submit_LL.gif) no-repeat 0 0; color:#fff;}
.btn-LLg, input[type="submit"].btn-LLg, input[type="button"].btn-LLg{background:url(../../st_ec/img/btn_submit_sg.gif) no-repeat 0 0;}
.btn-LL:hover, input[type="submit"].btn-LL:hover, input[type="button"].btn-LL:hover, .btn-LLg:hover, input[type="submit"].btn-LLg:hover, input[type="button"].btn-LLg:hover{background-position:0 -30px; background-position:0 0 \9; cursor:pointer; padding:6px 0 7px; padding:7px 0 5px \9;}
/* 調整過的基本型 btn */
input.btn-func, input[type="submit"].btn-func, input[type="button"].btn-func, input[type="reset"].btn-func{font-size:12px; padding:0 5px; padding:3px 5px 0 \9;}
.btn-pay:link, .btn-pay:visited{background:url(../../st_ec/img/btn_function_bg.gif) repeat-x 0 -30px; color:#06c; padding:2px 0; padding:4px 0 0 \9; line-height:1.1; text-align:center; display:block; border-radius:2px; border:1px solid #707070; box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,.1);}
.btn-pay:hover{text-decoration:none; position:relative; top:1px; box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,.3);}/* 付款 */

/* 按鈕容器 */
.btn-box{clear:both; padding:10px 0;}
.btn-box input{float:right;}
.btn-box .btn-func{margin:3px .7em 0 0;}
.btn-box .btn-s, .btn-box .btn-m, .btn-box .btn-l{margin-left:.3em;}
.has-prompt{position:relative; margin:10px 0; clear:left;}
.prompt{position:absolute; top:30px; right:0;}
.prompt i{display:block; float:right; margin-right:15px; width:11px; height:7px; background:url(../../st_ec/img/prompt_tip.gif) no-repeat 0 0;}
.prompt div{margin-top:5px; padding:.5em; background:#fff; border:1px solid #0a52ab; color:#555;}
/* ie6 position fixed */
.fixed-top{position:fixed; bottom:auto; top:0;}
.fixed-bottom{position:fixed; bottom:0; top:auto;}
.fixed-left{position:fixed; right:auto; left:0;}
.fixed-right{position:fixed; right:0; left:auto;}
/* scroll to top */
.scroll2top:link, .scroll2top:visited{position:fixed; bottom:30px; margin-left:951px; display:block; width:20px; height:48px; background:st_ec/img/icon_go2t.gif) no-repeat 0 0; z-index:999;}
.scroll2top:hover{background-position:-20px 0;}
.scroll2top span{visibility:hidden;}

/*====== jQuery-UI 樣式複寫 ======*/
.ui-datepicker-trigger{cursor:pointer; margin:0 0 0 5px; vertical-align:middle;}
.DataTables_sort_wrapper{color:#222; font-weight:bold; display:inline; position:relative;}
.data-tb .double-title .DataTables_sort_wrapper{top:.7em; display:block;}
.data-tb .double-title .DataTables_sort_wrapper strong{position:relative; top:-.7em;}
.data-tb .double-title .DataTables_sort_wrapper strong em{display:inline-block; position:relative \9; top:3px \9;}
.DataTables_sort_icon{position:absolute; right:-13px; top:1px; cursor:pointer;}
.data-tb .double-title .DataTables_sort_icon{right:-5px;}
.ui-dialog{position:fixed !important;}
.is-mobile .ui-dialog{position: absolute !important;}
.ui-dialog-content h1{padding:5px;}
/* dialog 兩枚按忸 */
.ui-dialog .ui-dialog-buttonpane button{font-size:12px; background:#eaeaea url(../../st_ec/img/ui/btn_bg_gy.gif) repeat-x 0 -8px; border:1px solid #aaa; padding:0 8px; float:right;}
.ui-dialog-buttonset button span.ui-button-text{padding:3px 1.2em 0 \9;}
.ui-dialog-buttonset button:hover{background-position:0 -5px;}
.ui-dialog-buttonset button:first-child + button{margin-top:2px; font-size:15px; border:1px solid #aaa; padding:2px 8px 3px; padding:5px 8px 0 \9; *padding:0 8px; background:url(../../st_ec/img/ui/btn_bg.gif) repeat-x 0 0; border:0 none \9;}
.ui-dialog-buttonset button:first-child + button span.ui-button-text{padding:4px 1.2em; color:#fff;}
.ui-dialog-buttonset button:first-child + button:hover{background:#5bb7fc url(../../st_ec/img/ui/btn_bg_hover.gif) repeat-x 0 -4px;}
/* 確認訊息 dialog */
.confirm-msg, .alert-msg{padding:3px 0 0 60px; background:url(../../st_ec/img/icon_confirm.png) no-repeat 0 -2px;}
.alert-msg{background:url(../../st_ec/img/icon_alert.png) no-repeat 0 10px;}
.querymark-msg{padding:0 1.5em 1em; padding-left:5em; margin:1em 0 0 1em; background:url(../../st_ec/img/icon_confirm.png) no-repeat 0 -2px;}
.double-confirm-msg{padding:0 1.5em 1em 4.5em; margin:1em 0 0 1em; background:url(../../st_ec/img/icon_alert.png) no-repeat 0 10px;}


/* Google Map Infowindow */
.infoBox{background:url(../../st_ec/img/hotelmap/infowin_arr.gif) no-repeat left center; padding-left:7px; margin:15px 0 0 15px;}
.infoBox img{float:right;}
.info-win{width:310px; height:auto; text-align:left; padding:10px 10px 10px 15px; border:5px solid #a0a0a0; background:#fff; border-radius:5px;  -webkit-box-shadow:0 0 10px rgba(85,85,85,.8); box-shadow:0 0 10px rgba(85,85,85,.8);}
.info-title{border-bottom:1px solid #ccc; padding-bottom:7px; overflow:auto;}
.info-title img{margin-right:7px; display:block; float:left;}
.info-name{font-size:13px; display:block; float:left; color:#0c41dd; margin-top:3px; width:75%;}
.info-name strong{font-size:15px; display:block;}
.info-tip{width:10px; height:19px; background:url(../../st_ec/img/hotelmap/infowin_arr.gif) no-repeat 0 0;}
.info-detail{line-height:1.5em; padding-top:7px; overflow:auto; zoom:1; width:305px; height:100px;}
.info-detail dt, .info-detail dd{display:block; float:left;}
.info-detail dt{width:6em; clear:left; text-align:right;}
.info-detail dd{width:17em;}
.info-win.for-store .info-detail{height:140px; overflow-y:scroll; overflow-x:hidden;}
.info-win.for-store .info-detail dt{width:5.5em;}
.info-win.for-store .info-detail dd{width:15.5em;}
.info-win.for-scene .info-detail{height:40px;}
.content p.info-more, .info-more{padding:0; margin-top:3px; text-align:right;}
.info-more a:link b, .info-more a:visited b{display:inline-block; width:13px; height:7px; background:url(../../st_ec/img/hotelmap/info_more_arr.gif) no-repeat 0 0;}


/*====== 影響到登入、查密碼等 dialog 的樣式 （原本寫在 member.css內）======*/
/* 忘記密碼+寄送 dialog */
.pw-add, .send-add{display:block; padding:.5em .5em 1.2em; line-height:1.5;}
.send-add{padding:.2em .7em .5em;}
.pw-add.t-large{height:40px;}
.pw-add.t-large img{float:left; border:1px solid #ccc;}
.pw-add.t-large h3{line-height:1.2; margin-left:175px; margin-top:3px; font-size:1em; font-weight:normal;}
#askpwForm_personId, #askpwForm_birthday{padding:8px 10px;} 
#askpwForm_personId.it-2, #askpwForm_birthday.it-2{border:2px solid #0a52ab; padding:7px 9px;}
#askpwDialog .join .ti2 p{line-height:2.7;}
#askpwDialog .join li{padding:.5em 0;}
#askpwDialog .pw-add, #askpwDialog .send-add{padding:.5em;}
#askpwDialog .err-msg{margin-top:3px; margin-top:-2px \9;}
/*註冊-欄位*/
.join{margin:0 auto; clear:both; background:#fff;}
.join li{padding:1em 0; margin:0 auto; clear:both; border-top:1px dotted #ddd; overflow:auto; list-style-type:none; width:93%;}
.join p{line-height:1.5;}
.join li.first-one{border-top:none;}
.join li.hotspot{ background-color:#fff7e0;}
.join-other{margin-top:45px; padding-bottom:1px;}
.ti, .ct, .ti2, .ct2, .ti3{float:left; text-align:left; padding-top:0; vertical-align:top;}
.ti, .ti2, .ti3{width:120px; text-align:right; font-weight:bold;}
.ti2{width:100px;}
.ct{width:390px;}
.ct p.twoline, .ct2 p.twoline{margin-bottom:3px;}
.ct p input,.ct2 p input{border-radius:2px;}
.btn-bar{padding-right:395px; margin-top:-10px; padding-bottom:12px;}
/*錯誤訊息*/
.msg-area, .msg-area-s, .msg-area-pw{display:block; vertical-align:middle; float:right; width:370px; color:#666;}
.msg-area-s{width:auto; text-align:left; float:left;}
.msg-area-pw{width:220px; text-align:left;}
.msg-area p{line-height:1.3em; margin:0px; padding-top:3px;}
.msg-error, .msg-error2 {background:#fffafa; border:1px solid #f66; color:#d12; padding:3px; margin-right:3px;}
.msg-error2 {margin:0px 3px -5px 21px;}
.msg-error b {background:url(../../st_ec/img/ui-icons_cd0a0a_256x240.png) no-repeat -18px -144px; display:inline-block; height:16px; margin:0 3px -3px 0; overflow:hidden; width:12px;}
.ct-frd{width:320px; vertical-align:top;}
.icon-info b{width:16px; height:16px; display:inline-block; background:url(../../st_ec/img/icon_checker.gif) no-repeat -162px -22px; margin-right:3px; vertical-align:-2px;}

/* 首頁 footer */
.footer{clear:both; margin-top:25px; padding:20px; width:908px; border-top:2px solid #a1c7e4; background:#fff;}
.footer > p{text-align:center; margin:0 auto;}
.btm-nav li{list-style-type:none; display:block; float:left;}
.btm-nav li.b2c-ft-logo{margin-right:72px;}
.btm-nav a:link, .btm-nav a:visited{color:#06c; display:block; background:url(../../st_ec/img/index/btm_nav_spacer.gif) no-repeat left center; padding:2px .6em;}
.btm-nav li:first-child a:link, .btm-nav li:first-child a:visited{width:168px; height:27px; background:url(../../st_ec/img/cms_sprite.png) no-repeat -80px -388px; text-indent:-999em; margin-top:-6px;}
.btm-nav li:first-child + li a:link, .btm-nav li:first-child + li a:visited{background:none;}
.btm-nav li.last a:link, .btm-nav li.last a:visited{padding-right:0;}
.footer-phone{clear:both; float:left; width:234px; height:140px; padding:0 0 0 138px; margin:10px 25px 0 0; background:url(../../st_ec/img/telephone_bg.gif) no-repeat 0 0;}
.footer-phone li{list-style-type:none; font-weight:bold; font-size:24px;}
.footer-phone li:first-child{margin:12px 0 0 33px; font-size:39px; color:#247fd3; text-shadow:0 1px 0 #fff;}
.footer-phone li small{font-size:15px; vertical-align:middle;}
.footer-phone li:first-child + li + li{margin-top:5px;}
.company-info{float:left; margin-top:9px; color:#555;}
.company-info p{text-align:left; line-height:1.75; font-size:13px; -webkit-text-size-adjust:100%;}
.company-info div{text-align:left; margin:.2em 0.1em 0;}
.company-info b{width:20px; height:20px; background:url(../../st_ec/img/index/phonebook_map.gif) no-repeat 0 -40px; display:inline-block; vertical-align:middle; margin-right:5px;}
.company-info b.gfg-num{background-position:0 0;}
.company-info b.fax-num{background-position:0 -60px;}
.company-info b.gdg-num{background-position:0 -20px;}
.company-info div strong{color:#019372;}
.company-info hr{border:0; height:1px; background:#ccc; margin:7px 0;}
img[usemap="#certMap"]{margin-top:3px;}
.tripadvisor:link, .tripadvisor:visited{display:block; margin:8px 0 0 2px;}

/* sundries: */
.login-dialog-banner{margin:42px 0 0;}

/* ie7該滾了 */
.compactible{width:950px; float:left; margin:10px 0 5px;}
.member .compactible{margin:0 0 5px;}
.no-support-reminder{font-size:12px; font-family:Arial, sans-serif; color:#555; text-align:center; background:#fff480; border:1px solid #cecece; padding:.75em; margin:15px auto 0; width:95%;}
.compactible .no-support-reminder{margin:0 auto;}
.no-support-reminder b{display:inline-block; width:22px; height:22px; margin-right:5px; background:url(../../st_ec/img/icon_no_support.gif) no-repeat 0 0; vertical-align:middle;}
.no-support-reminder a:link, .no-support-reminder a:visited{display:inline; color:#4582DF;}

/* 保證住房 icon */
.htl-booking{font-size:12px; display:inline-block;}
.icon-htl-info b{display:inline-block; background-image:url(../../st_ec/img/icon_checker.gif); background-repeat:no-repeat; vertical-align:-2px; background-position:-164px -25px; margin-right:2px; width:12px; height:12px;}

/* 選機場 dialog */
.fit-dialog{width:100%; border-collapse:collapse;}
.fit-dialog th, .fit-dialog td{padding:2px 5px;}
.fit-dialog thead th p{line-height:1.5;}
.fit-dialog tbody td{text-align:center; vertical-align:top;}
.fit-dialog tbody td select{width:100%;}

/*證照應背資料icon*/
.icon-pinfo b{display:inline-block; background-image:url(../../st_ec/img/icon_checker.gif); background-repeat:no-repeat; vertical-align:-3px; background-position:-182px -21px; margin-right:2px; width:16px; height:16px;}

/* GFG-STEP1 訂金字樣暫時縮小變細 */
.pd-content .feature-list .promo-item cite q.price.t-mid var{font-size:13px;}
.pd-content .feature-list .promo-item cite q.price.t-mid strong{font-weight:normal;}

/* fancybox 開啟的 dialog 樣式 */
.titlebar{font-size:15px; font-weight:bold; padding:.4em .5em .4em .6em; border:1px solid #207fb6; line-height:1.2em; border-radius:3px; color:#fff; background:#0880DE url(../../st_ec/img/ui/ui-bg_highlight-soft_75_0880de_1x100.png) repeat-x 50% 50%;}
.titlebar .clo-btn:link, .titlebar .clo-btn:visited{display:block; float:right; background:url(../../st_ec/img/ui/ui-icons_ffffff_256x240.png) no-repeat -96px -128px; width:16px; height:16px;}
.titlebar .clo-btn:hover{background:#c7edff url(../../st_ec/img/ui/ui-icons_0a52ab_256x240.png) no-repeat -96px -128px; border:1px solid #bababa; border-radius:3px;}
.ifrm-cont{padding:10px;}
.ifrm-cont h3{margin-top:0; 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;}
.ifrm-cont .sec-pp{display:block; padding:2px 0 2px 12px; margin-top:5px; color:#000; line-height:19px; min-height:200px; max-height:325px; overflow-y:auto; overflow-x:hidden;}
.ifrm-cont .sec-pp ul.htl{margin:0;}
.ifrm-cont .sec-pp ul{margin:8px 0 0;}
.ifrm-cont .sec-pp ul li{line-height:1.5em; background:url(../../st_ec/img/point.gif) no-repeat 4px 8px; list-style-type:none; padding-left:1.2em; text-align:left;}
.ifrm-cont .icon-match b{display:inline-block; height:16px; width:16px; background:url(../../st_ec/img/icon_true.png) no-repeat 0 0; margin:0 2px -4px 3px;}
.ifrm-width-control{padding:5px;}
.dlg-btn{display:block; margin:5px 2px; padding:7px 5px; border-top:1px solid #aaa; text-align:right;}
.dlg-btn input[type="submit"], .dlg-btn input[type="submit"]:hover{text-align:center; border:1px solid #aaa; background:url(../../st_ec/img/ui/btn_bg_gy.gif) repeat-x 0 -8px; font-size:12px; padding:5px 18px; border-radius:3px;}
.dlg-btn input[type="submit"]:hover{ background-position:0 -5px;}
.dlg-btn input[type="submit"].btn-dlg, .dlg-btn input[type="submit"].btn-dlg:hover{text-align:center; border:1px solid #aaa; background:url(../../st_ec/img/ui/btn_bg.gif) repeat-x 0 0; color:#fff; font-size:15px; padding:7px 25px; border-radius:3px;}
.dlg-btn input[type="submit"].btn-dlg:hover{background:url(../../st_ec/img/ui/btn_bg_hover.gif) repeat-x 0 -4px;}

/* 房型設定 popup */
.room-arrange{position:relative; display:block; position:absolute; left:82px; z-index:100; background:#fff; border:1px solid #777; padding:10px; box-shadow:0 2px 5px rgba(0,0,0,.3); border-radius:2px; min-width:411px; height:auto; margin-top:35px;}
.box-pointer{display:block; width:21px; height:12px; background:url(../../st_ec/img/box_pointer_top.gif) no-repeat 0 0; position:absolute; top:-12px;}
.search-engine .room-arrange dl{margin:0;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.index .menu li a:link, .index .menu li a:visited,.menu li a:link,.menu li a:visited, .quick h3, .search-tab .search-on a, .f-send:hover, .theme-tag, .intro-tab li a{text-shadow:none;}
.price.cut{background-position:0 -7px;}
.btn-s, input[type="submit"].btn-s, input[type="button"].btn-s, .btn-sg, input[type="submit"].btn-sg, input[type="button"].btn-sg,
.btn-m, input[type="submit"].btn-m, input[type="button"].btn-m, .btn-mg, input[type="submit"].btn-mg, input[type="button"].btn-mg,
.btn-l, input[type="submit"].btn-l, input[type="button"].btn-l, .btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg{padding:5px 0 7px;}
.btn-pay:link, .btn-pay:visited{padding:2px 0 3px;}
label input[type="radio"], label input[type="checkbox"]{vertical-align:-0.25em;}
h3.title b{vertical-align:baseline;}
.btn-func, input[type="submit"].btn-func, input[type="button"].btn-func, input[type="reset"].btn-func{padding:3px 8px 4px;}
.loginbar{margin-right:5px;}
.topnav li{background-position:right 7px;}
.topnav.in2b .dropdown hr{width:101px;}
.step li p{vertical-align:top;}
.step li p span{vertical-align:top;}
}