@charset "utf-8";
@import "menu_mb.css";
/* ====== clearfix ====== */
.clearfix:after, .content:after, .rbox:after, .rbox .hd:after, .rbox-column:after, .rbox-column dl:after, .sharing:after, .mbr-days dl:after, .day-box:after, .ms-container:after, .step ul:after, .menu ul:after, .favo:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* ====== icons ====== */
.btn-addfrd b, .btn-stopfrd b, .icon-map b, .icon-mycash b,
.icon-info b, .icon-download b, .icon-download-2 b,
.icon-html b, .icon-doc b, .btn-archive b, .icon-odt b, .favo-edit, .favo-remove, .favo-add-folder h4:before, .icon-has-room b{width:16px; height:16px; display:inline-block; background-image:url(/st_ec/img/icon_checker.gif); background-repeat:no-repeat; margin-right:3px; vertical-align:-3px;}
.btn-addfrd b, .btn-stopfrd b{background-position:-82px -2px;}
.icon-map b{background-position:-42px -2px; margin-right:0;}
.icon-mycash b{background-position:-63px -3px;}
.icon-info b{background-position:-162px -22px;}
.icon-download b{background-position:-22px -163px;}
.icon-download-2 b{background-position:-42px -163px;}
.icon-html b{background-position:-142px -2px; margin-right:0;}
.icon-doc b{background-position:-162px -2px; margin-right:0;}
.btn-archive b{background-position:-61px -82px;}
.icon-odt b{background-position:-202px -2px; margin-right:0;}
.favo-edit{background-position:-101px -100px; margin-right:0;}
.favo-remove{background-position:-96px -181px; margin-right:0;}
.icon-has-room b{background-position:-202px -162px;}
.icon-has-room{display:inline-block; color:#12964d;}

/* ====== 會員中心整體 ===== */
.menu a:link, .menu a:visited, .favo-list li p:first-child, .favo-add-folder h4, .cupn-sheet h4, .cupn-value h5:before, .cupn-value h5:after, .cupn-value p:after, .valid th, .valid td{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}
body{background:#e9e9e9 url(/st_ec/img/bg_ec.gif) repeat center top;}
.container{width:950px; padding:0 25px; background-color:none;}
.content{margin-top:-5px;}
#head-flash, .replace{display:none !important; visibility:hidden !important;}


/* ec.css 通用樣式 */
.content li, .compare-main li, .ui-dialog-content li, .footnote 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;}
.content li.heading{padding-left:0; background:none; font-weight:bold; margin:0 0 8px;}
.content li.heading mark{font-weight:normal; background:none;}
.content .important li{margin-bottom:.25em; color:#222;}
.content ol{margin-left:1.5em; padding:.2em;}
.content ol li{background:none; padding-left:0; list-style-type:decimal; list-style-position:outside;}
/* .data-tb 表格 */
.data-tb{width:100%; border:1px solid #ccc; border-width:1px 0 0 1px; text-align:center; line-height:1.5em; border-collapse:collapse;}
.data-tb th, .data-tb td{padding:2px 3px; border:1px solid #ccc; border-width:0 1px 1px 0; vertical-align:middle;}
.data-tb thead th, .data-tb tbody th{background:#eee9ff url(/st_ec/img/bg_spritex.gif) repeat-x center bottom; border-left-color:#ccc; padding:5px 2px; padding:7px 2px 3px \9; text-align:center;}
.data-tb thead td{font-weight:bold; padding:5px 2px; text-align:center; background:#f8f8f8;}
.data-tb th p, .data-tb td p{text-align:left; padding:2px; line-height:1.5em; word-break:break-all; margin:0; color:#222;}
.data-tb td p.shipping-fee{float:left; color:#c00; width:auto;}
.data-tb td p.shipping-fee ins{text-decoration:none;}
.data-tb input[type="text"]{margin-bottom:3px;}
.data-color tbody tr:hover{background:#eaf3ff;}
.data-tb ul li{list-style-position:inside;}
.cash-tb th, .cash-tb td{padding:5px !important; border-right:0; border-color:#ddd;}
.cash-tb td a:link, .cash-tb td a:visited{color:#06c;}
.cash-tb td a:hover{color:#73a;}
.cash-detail thead th{background-color:#5aaff4; background-image:none; color:#FFF; text-align:left; padding-left:5px;}
.cash-detail tbody th{background-color:#eee; background-image:none; font-weight:normal;}
p.detail{text-align:right;}
.cell-mix tbody th{text-align:right; background-image:none; background-color:#eaf3ff; padding:3px 6px;}
.cell-mix tbody td{text-align:left; padding:3px 6px;}

/* MyCash統計
.cash-now{border-collapse:collapse; width:auto; height:35px; margin-bottom:10px; border:1px solid #f3e8af;}
.cash-now td{background:#fff7c9;}
.cash-now td.word{padding:5px 5px 5px 10px;}
.cash-now td.money{padding:5px 10px 5px 0;}
.cash-now td.money .icon-mycash{ vertical-align:1px;}
.cash-now td.money + td.word{padding-left:30px; padding-right:0;}
.cash-now td.money + td.word + td.money{padding-left:0;}
*/

/* MyCash統計 */
.cash-now{border-collapse:collapse; width:auto; float:right; margin:4px 0 0;}
.cash-now td.word{padding:5px 5px 5px 10px;}
.cash-now td.money{padding:5px 10px 5px 0;}
.cash-now td.money .icon-mycash{vertical-align:1px;}
.cash-now td.money + td.word{padding-left:30px; padding-right:0;}
.cash-now td.money + td.word + td.money{padding-left:0;}


/*商品相關說明 */ 
.od-related{border-top:0 none;}
.od-related thead th{text-align:left; padding:7px 5px;}
.od-related tbody td{background:#fff url(/st_ec/img/section_link_bg_2.gif) repeat-x left bottom; text-align:left;}
.od-related tbody td div{margin:0 5px 5px;}
/* 圓角元素 */
.rbox{display:inline-block; position:relative; left:0; margin-bottom:8px;}
/* 頭(3塊 div) */
.rbox .hd div, .rbox .join-hd div, .rbox .passwd-hd div{display:block; float:left; height:40px; padding-top:5px;}
.rbox.s2 .hd div, .rbox.mbr-days .hd div{height:24px; padding-top:6px;}
.rbox .hd .lt{background:url(/st_ec/img/mb/hd_lt.png) no-repeat 0 0; width:11px;}
.rbox .hd .cn{background:url(/st_ec/img/mb/hd_cn.png) repeat-x 0 0;}
.rbox .hd .rt{background:url(/st_ec/img/mb/hd_rt.png) no-repeat 0 0; width:11px;}
.rbox.s2 .hd .lt, .rbox.mbr-days .hd .lt, .rbox.favorite .hd .lt{background-image:url(/st_ec/img/mb/hd_lt2.png);}
.rbox.s2 .hd .cn, .rbox.mbr-days .hd .cn, .rbox.favorite .hd .cn{background-image:url(/st_ec/img/mb/hd_cn2.png);}
.rbox.s2 .hd .rt, .rbox.mbr-days .hd .rt, .rbox.favorite .hd .rt{background-image:url(/st_ec/img/mb/hd_rt2.png);}
.rbox .cn, .mbr-all .cn{width:928px;}
.rbox h3, .join-hd h3{font-size:15px; font-weight:bold; line-height:1.5; line-height:1.75 \9;}
.rbox h3 b, .favo-list li p:first-child:before{display:inline-block; width:21px; height:21px; vertical-align:middle; margin-right:7px; background-image:url(/st_ec/img/mb/mbr_tle_icon.png); background-repeat:no-repeat;}
.rbox h3 span.more, .rbox h3 .more:link, .rbox h3 .more:visited{font-size:13px; font-weight:normal; float:right; padding:2px 0 0; padding:1px 0 0 \9; text-decoration:none; display:block;}
.rbox h3 .more:hover{text-decoration:underline;}

/* 身(1塊 div) */
.rbox .bd, .mbr-all .bd{background:url(/st_ec/img/mb/bd_w950.png) repeat-y 0 0; width:920px; padding:0 15px; overflow:auto;}
/* 尾(3塊 div) */
.rbox .ft{clear:both;}
.rbox .ft div, .rbox .join-ft div{display:block; float:left; height:15px;}
.rbox .ft .lt, .rbox .ft .rt{background:url(/st_ec/img/mb/ft_lt.png) no-repeat 0 0; width:11px;}
.rbox .ft .cn{background:url(/st_ec/img/mb/ft_cn.png) repeat-x 0 0;}
.rbox .ft .rt{background:url(/st_ec/img/mb/ft_rt.png) no-repeat 0 0;}

.rbox.s2 .ft .lt, .rbox.mbr-days .ft .lt{background:url(/st_ec/img/mb/ft_lt_s2.png) no-repeat 0 0;}
.rbox.s2 .ft .cn, .rbox.mbr-days .ft .cn{background:url(/st_ec/img/mb/ft_cn_s2.png) repeat-x 0 0;}
.rbox.s2 .ft .rt, .rbox.mbr-days .ft .rt{background:url(/st_ec/img/mb/ft_rt_s2.png) no-repeat 0 0;}

/* 內捲軸 */
.reel, .reeel{width:100%; overflow-y:auto; overflow-x:hidden; background:#fff;}
.reel ul{list-style-type:none; list-style-position:inside; margin:4px 0 0 6px;}
.reel li{background:url(/st_ec/img/mb/rbox_bullet.gif) no-repeat 0 3px; padding-left:.85em; margin-bottom:.79em;}
.reel li a:link, .reel li a:visited{display:block; color:#222;}
.reel li a:hover{color:#06c;}

/* ====== 首頁 ===== */
/* 會員區分佈；左右欄寬度設定 */
.aside{width:314px; float:left; margin-left:-2px;}
.aside .rbox .cn{width:292px;}
.aside .rbox .bd{width:292px; padding:0 11px; background-image:url(/st_ec/img/mb/bd_w314.png);}
.main{width:632px; float:left; position:relative; right:-8px;}
.main .rbox .bd{width:610px; padding:0 11px; background:url(/st_ec/img/mb/bd_w632.png) repeat-y 0 0;}
.main .rbox .cn{width:610px;}
.aside .rbox .bd div, .main.rbox .bd div{display:block; float:left; min-height:50px;}

/* 活動公告 */
.mbr-evt .bd{overflow:hidden;}
.mbr-evt .reel{height:58px;}
.mbr-evt .evt-frame{width:280px; height:113px; padding:6px; margin-bottom:4px; background:url(/st_ec/img/mb/event_frame.png) no-repeat 0 0;}
.evt-pager{position:absolute; left:235px; top:88px; width:200px; height:auto; z-index:999;}
.evt-pager a:link, .evt-pager a:visited{display:block; float:left; margin-right:2px; width:17px; height:17px; background:url(/st_ec/img/mb/event_pager_bullet.png) no-repeat -18px 0;}
.evt-pager a.pager-current{background-position:0 0;}

/* 專屬好康 */
a:link.box-link, a:visited.box-link{display:block;}
.box-link p, .box-link div{cursor:pointer;}
.box-link:hover, .box-link:hover span, .box-link:hover em.font15{text-decoration:none;}
.gift-fr, .cash-fr{position:relative; width:184px; height:69px; padding:6px; background:url(/st_ec/img/mb/gift_fr.png) no-repeat 0 0;}
.cash-fr{width:82px; background-position:-196px 0; margin-left:2px; text-align:center;}
.mbr-gift .bd a:hover .cash-fr span, .mbr-gift .bd a:hover .cash-fr em{text-decoration:underline;}
.mbr-gift .cash-fr span, .mbr-gift .cash-fr em{display:block; margin:0 auto;}
.mbr-gift .cash-fr span{padding-top:30px;}
.mbr-gift .cash-fr em, .mbr-gift .cash-fr em.font15{font-size:18px; font-weight:bold; font-family:Verdana, Arial, Geneva, sans-serif;}
.mbr-gift .cash-fr em.font15{font-size:15px;}
.ribbon{position:absolute; top:-2px; left:-1px; width:50px; height:51px; text-indent:-999em;}
.birth, .cash{background:url(/st_ec/img/mb/gift_ribbon.png) no-repeat 0 0;}
.cash{background-position:-50px 0;}

/* 信用卡 */
.mbr-card{width:244px; float:left;}
.rbox.mbr-card .bd{width:222px; height:98px; background-image:url(/st_ec/img/mb/bd_w244_s2.png); overflow:hidden;}
.rbox.mbr-card .cn{width:222px;}
a.card-intro:link, a.card-intro:visited{display:block;}
.card-intro img{margin:5px 0; width:221px; height:86px;}
.aside .rbox.mbr-edm .bd .reel{
border-radius:2px;  background:#fff;
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(238,238,238,1) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(238,238,238,1) 100%);
-webkit-box-shadow:0 0 3px rgba(128,128,128,.3); box-shadow:0 0 3px rgba(128,128,128,.3);}
a.card-intro:link, a.card-intro:visited{}


/* 訂單 */
.mbr-odr .bd{height:187px; text-align:center; background-image:url(/st_ec/img/mb/bd_w632.png);}
.mbr-odr .reel{width:610px; height:187px; background:#f4f3f3;}
.mbr-odr .reel2{background:#fff;}
.no-odr{width:312px; background:url(/st_ec/img/mb/no_order_bg.gif) no-repeat 0 0; margin:65px auto 0; padding-top:40px; float:none;}
.no-odr p, .no-wrd p{font-size:15px; margin-left:70px;}
.no-odr p a:link, .no-odr p a:visited, .no-wrd p a:link, .no-wrd p a:visited{color:#06c;}

/* 客服訊息 */
.mbr-cs .reel{height:81px;}
.mbr-cs .no-msg{height:81px; background-color:#f4f3f3; overflow:hidden;}
.mbr-cs .no-wrd{height:81px;  background:url(/st_ec/img/mb/no-msg_bg.png) no-repeat 148px 12px; margin:0; padding-top:20px; float:none; }
.mbr-cs .no-wrd p{margin-left:213px; line-height:1.5em;}

/* 電子報 */
.edm-bg{position:absolute; width:290px; height:89px; bottom:14px; left:10px;border: solid 1px #dfdfdf; background:url(/st_ec/img/mb/edm_list_bg.png) 0 0 no-repeat;}
.rbox.mbr-edm .bd{height:98px; overflow:hidden; background:url(/st_ec/img/mb/bd_w314_s2.png) repeat-y scroll 0 0;}
.aside .rbox.mbr-edm .bd .reel{ width:289px; overflow:visible; float:none; border-radius:0;}
.mbr-edm .reel ul{margin:0; padding:1px 5px; border:1px solid #ececec; background:#fff; margin:2px;}
.mbr-edm .reel li{margin-bottom:2px;}
.mbr-edm .reel li a:hover{text-decoration:none; background:url(/st_ec/img/mb/hr_underline.gif) left bottom repeat-x;}
.mbr-edm .reel li a small{color:#999; font-size:11px; display:block; float:right; position:relative; top:2px;}
.mbr-edm .reel li a:hover small{color:#06c;}
.mbr-edm .edm-fr{width:74px; height:94px; background:url(/st_ec/img/mb/newsletter.jpg) no-repeat 0 0;}

/* 媒體頻道 */
.mbr-fb, .mbr-days{margin-left:0; width:380px; float:right;}
.rbox.mbr-fb .bd, .rbox.mbr-days .bd{width:358px; height:98px; padding:0 11px; background-image:url(/st_ec/img/mb/bd_w380_s2.png); overflow:hidden;}
.rbox.mbr-fb .cn, .rbox.mbr-days .cn{width:358px;}
.sharing{padding:5px 0;}
.media{position:relative; float:left; width:85px; height:84px; border:1px solid #3b5999; margin-left:5px;}
.media.fb{background:url(/st_ec/img/mb/media_fb.gif) center top no-repeat; margin-left:0;}
.media.fb iframe{position:relative; top:60px; left:22px;}
.media.gp{background:#de4b39 url(/st_ec/img/mb/media_gplus.gif) center top no-repeat; border-color:#de4b39;}
.media.gp div[id^="___follow"]{width:79px !important; overflow:hidden; border-radius:2px; position:relative; top:57px; left:3px;}
.media.yt{background:url(/st_ec/img/mb/media_yt.gif) center top no-repeat; border-color:#d9d9d9;}
.media.yt div[id^="___ytsubscribe"], .media.yt iframe{position:relative; top:60px; left:0; width:88px !important;}
.media.line{background:#00b900 url(/st_ec/img/mb/media_line.gif) center top no-repeat; border-color:#00b900;}
.media.blog{background:url(/st_ec/img/mb/media_moo.gif) center top no-repeat; border-color:#82d6ff; width:82px; height:84px;}
#fb-external{float:left; overflow:hidden; width:84px; height:86px;}
.jumper-link{position:absolute; top:0; left:0; width:84px; height:55px; font-size:0;}
.media.blog .jumper-link{height:auto; padding-top:61px; padding-bottom:9px; text-align:center; font-size:13px; font-weight:bold; color:#fff;}

/* 特殊日子 */
.aaa{width:290px; height:81px; padding:0 11px; background:url(/st_ec/img/mb/bd_w312.png) repeat-y scroll 0 0;}
.aaa{width:290px;}
.rbox.mbr-days .reel, .rbox.mbr-days .reeel{float:left; /*height:81px;*/ height:98px;}
.rbox.mbr-days p{line-height:1.5; padding:1.4em .75em .75em; padding-right:0; color:#666;}

/* jquery tabs overwrite */
.rbox.ui-tabs, .rbox.ui-tabs .reel.ui-tabs-panel{padding:0; border:0;}
.rbox.ui-tabs .rtab.ui-widget-header{background:none; border:0; position:relative; top:-4px; font-weight:normal;}
.rtab{list-style-position:inside; font-size:normal;}
.rtab li{position:relative; background:none;}
.rtab li em{position:absolute; top:-3px; right:-12px; background:url(/st_ec/img/mb/indr_r.png) no-repeat right top; height:18px; padding-right:7px; z-index:600; opacity:.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter:alpha(opacity=80);}
.rtab li em span{display:block; float:left; background:url(/st_ec/img/mb/indr_bg.png) repeat-x left top; height:12px; padding:3px 0 3px 7px; text-align:center; margin:0 auto; color:#fff; font-size:11px;}
.rtab li.ui-state-active, .rbox.ui-tabs.ui-widget-content .rtab.ui-widget-header li.ui-state-active{border:1px solid #a6ccec; border-bottom:0; background:#fff;}
.rtab li.ui-state-default{background:none; border:0;}
.tbody-bottom-border{border-bottom:2px solid #aaa;}
.rtab li a:link, .rtab li a:visited{font-size:15px; text-align:center; height:21px; padding:5px 10px 2px; display:block; text-align:center; color:#1c95e4; background:transparent url(/st_ec/img/mb/rtab_spacer.gif) no-repeat right center;}
.rtab li a.none:link, .rtab li a.none:visited, .rtab li:first-child + li a{background:none;}
.rtab li.ui-state-active a:link, .rtab li.ui-state-active a:visited{font-weight:bold; color:#222; background:none;}
.rtab li a:hover{text-decoration:none;}

/* 各區塊標題 h3 icon 活動-好康-信用卡-訂單-客服-電子報 */
.mbr-evt h3 b{background-position:0 0;}
.mbr-gift h3 b{background-position:0 -22px;}
.mbr-card h3 b{background-position:0 -43px;}
.mbr-odr h3 b{background-position:0 -64px;}
.mbr-banner h3 b{background-position:0 -127px;}
.mbr-cs h3 b{background-position:0 -85px;}
.mbr-edm h3 b{background-position:0 -106px;}
.mbr-fb h3 b{background-position:0 -149px;}
.mbr-days h3 b{display:none; /*background-position:0 -210px;*/}

/*會員好康, MyCash 說明*/
.mbr-evt .evt-bir{width:290px; height:135px;}
.cash-note, .cs-tit{clear:both;}
.cash-note h3, .cs-tit{padding:1px 6px 2px 18px; margin:20px 0 2px 0; background:#eee url(/st_ec/img/icon_checker.gif) no-repeat -222px -59px;}
.cash-note ul{margin:5px;}
.cash-note li{line-height:1.7em; padding-left:1.2em; text-align:justify;}

/*客服*/
.cs{width:610px; margin:10px 0px;}
.cs .boxt{width:195px; margin-left:5px; float:left; display:inline-block; text-align:center;}
.cs .boxt img{margin-top:5px;}
.cs-note{margin-bottom:10px;}
.cs-btn01, .cs-btn02, .cs-btn03, .cs-btn01-none, .cs-btn02-none{cursor:pointer; display:block; float:left; width:199px; height:85px; border:0; background:url(/st_ec/img/mb/cs_banner.png) no-repeat 0 0; margin:0 0 10px 3px;}
.cs-btn01:hover, .cs-btn01-none{background-position:0 -85px;}
.cs-btn02{background-position:-199px 0;}
.cs-btn02:hover, .cs-btn02-none{background-position:-199px -85px;}
.cs-btn03{background-position:-398px 0;}
.cs-btn03:hover{background-position:-398px -85px;}
.cs-btn01-none, .cs-btn02-none{cursor:default;}
.cash-note + .join ul li .ct2, .cs-tit + .join ul li .ct2{width:300px; margin-right:20px;}
.cash-note + .join ul li .ct2 input, .cash-note + .join ul li .ct2 textarea,
.cs-tit + .join ul li .ct2 input, .cs-tit + .join ul li .ct2 textarea{max-width:100%;}
.cash-note + .join ul li .ct2 textarea{height:102px \9;}
.pwd-remind{display:table; color:#666;}


/* ====== 資料維護 ===== */
label, input, select, option{vertical-align:top;}
.foot{clear:both;}
h1{font-size:1.4em; color:#500a8f;}h2{font-size:1.5em; padding-top:5px;}h3{font-size:1.2em;}h4{font-size:1em;}
fieldset{border:1px solid #222; padding:3px 7px 5px;}
legend{padding:0 3px;}

/*註冊流程區塊*/
.lgx3{width:650px; margin-left:150px;} 
.h2-t{margin:12px auto; line-height:2; border:1px solid #ddd; padding:10px 15px; background:#fff8e0;}

/*註冊-頭尾*/
.join-hd h3{padding-top:5px;}
.join-hd .lt, .join-hd .rt{background:url(/st_ec/img/mb/join_lt.jpg) no-repeat 0 0; width:11px;}
.join-hd .cn{background:url(/st_ec/img/mb/join_cn.jpg) repeat-x 0 0;}
.join-hd .rt{background:url(/st_ec/img/mb/join_rt.jpg) no-repeat 0 0;}
.rbox h3 span{font-size:13px; font-weight:normal; color:#666; margin-left:1em;}
.rbox h3 span.txt-high{color:#c00;}
.rbox .join-ft div{height:20px;}
.rbox .join-ft .lt, .rbox .join-ft .rt{background:url(/st_ec/img/mb/join_ft_lt.jpg) no-repeat 0 0; width:11px;}
.rbox .join-ft .cn{background:url(/st_ec/img/mb/join_ft_cn.jpg) repeat-x 0 0;}
.rbox .join-ft .rt{background:url(/st_ec/img/mb/join_ft_rt.jpg) no-repeat 0 0; }

/*註冊-欄位*/
.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%; background:none;}
.join li.first-one, .join li:first-child{border-top:none;}
.join li.hotspot{background-color:#fff5c2;}
.join li label{white-space:nowrap; margin-bottom:.5em; display:inline-block;}
.join li label.check-mark{background:#fff2c6; font-weight:bold;}
.join-other{margin-top:45px; margin-top:55px \9; padding-bottom:1px;}
.join iframe{border:none; width:100%; height:230px; overflow-y:scroll; overflow-x:hidden;}
.ti, .ct, .ti2, .ct2, .ti3, .ct3{float:left; text-align:left; padding-top:0px; vertical-align:top;}
.ti, .ti2, .ti3{text-align:right; }
/*.ct{width:390px;}*/
.join ul.full-layout li{padding:.8em 0 .3em;}
.join ul.full-layout li .ct{width:760px;}
.ct p.twoline, .ct2 p.twoline, .ct3 p.twoline{ margin-bottom:3px;}
#tempEmail, #contactAddress{width:355px;}
.signup-captcha{text-align:center; padding:10px 0 5px;}
.signup-captcha q{display:block; margin:0 0 10px;}
.signup-captcha img{margin:0 10px 0 5px; position:relative; top:-8px;}
.signup-captcha img + a{margin-left:10px;}

/*錯誤訊息*/
.msg-area-s{width:auto; text-align:left; float:left;}
.msg-area-pw{width:220px; text-align:left;}
#askpwMsg1 .icon-info b{margin-left:-5px;}
.msg-area p, .msg-area p.frd2{line-height:1.3em; padding-top:3px;}
.msg-area p.frd2{margin:0 0 5px 0;}
.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;}
.rbox .join li .msg-area q .err-msg{margin:-3px 0 0;}
/* ipt寬度 */
.w2-5{width:2.5em;}
.w25{width:27.5em; width:27em \9;}
/*客服區塊-微調*/
.ti2{width:100px;}
.ti3{width:128px;}
.ct2{width:340px;}
.ct3{width:305px;}
/* 訂單明細頁 */
.section{margin-bottom:20px; clear:left;}
.section h3{padding:0 6px 3px 14px; margin-bottom:2px; background:url(/st_ec/img/icon_checker.gif) no-repeat -226px -60px;}
.section p{font-size:13px; margin:0 0 0 18px; width:96%; line-height:19px; color:#D52678;}
.section li.heading{padding-left:0; background:none; font-weight:bold; margin:0 0 8px;}
.section li.heading mark{font-weight:normal; background:none;}
.section .important li{margin-bottom:.25em; color:#222;}

.btn-bar-cs{padding-right:220px; margin:10px 0;}
.join-other2{margin-top:35px; padding-bottom:1px;}
#err6{clear:both;}
.passwd-page{display:block; background:#fff url(/st_ec/img/mb/set_password.gif) no-repeat 185px 20px; height:145px; padding:70px 0 0 390px; margin:30px 0 -10px 0;}
.ct-passwd{width:220px;}
.msg-passwd{width:530px;}
.send1{line-height:1.7em; margin:38px 0 3px;}
.passwd-page > .send1 + div{line-height:1.5;}
.membername{padding:0px 6px;}
.btn-left{margin-top:10px;}
.btn-center{padding-bottom:12px; text-align:center;}

/*e-mail認證成功＆失敗*/
.success-mail, .success-fail, .success-page{display:block; background:url(/st_ec/img/icon_confirm.png) no-repeat #fff; background-position: 310px 78px; height:140px; padding:78px 0 0 375px; margin:30px 0 -10px 0;}

/*註冊成功*/
.success-page{background:url(/st_ec/img/loading_moo.png) no-repeat #fff 135px -645px; height:220px; padding:30px 0 0 380px;}
.set-sync{line-height:1.3em; margin-top:-35px;}

/*帳戶*/
.account{margin:0 auto; clear:both; background:url(/st_ec/img/mb/bd_w950.png);}
.service{padding:5px; margin-left:50px; width:93%;}
.service p{padding:5px 8px;}


/* ====== 好友管理 ===== */
.mbr-all .hd h3{margin:0 4px;}
#showOrder .data-tb tbody td a:link, #showOrder .data-tb tbody td a:visited{display:block;}/*訂單頁*/
/* 好友管理 - body */
.btn-addfrd:link, .btn-addfrd:visited, .btn-archive:link, .btn-archive:visited, .btn-stopfrd{display:block; float:left; margin:5px 0; border:1px solid #9e97af; border-radius:2px; background:url(/st_ec/img/btn_function_bg.gif) repeat-x 0 -25px; color:#06c; padding:2px 8px 4px 3px; padding:2px 8px 1px 3px \9;}
.btn-stopfrd{background:url(/st_ec/img/btn_nowork_bg.gif) repeat-x 0 0;}
#div_frd_content .data-tb{float:left;}
.countadd{display:block; float:left; padding:.8em .5em .7em;}
.otr, .add-otr{width:8em; text-align:right; display:inline-block; margin-right:2px;}
.add-otr{width:7em;}
.btn-archive:link, .btn-archive:visited{float:right; margin:-4px 4px 0 0;}

/* 好友 dialog */
.ct-frd{width:285px; vertical-align:top;}
.ct-frd p.send{line-height:1.7;}
.msg-frd{width:225px;}
.msg-frd2{width:190px;}
.put-center{ text-align:center; padding:15px;}
.delete{padding:15px; line-height:1.4;}
.alert-msg{background-position:8px 10px;}
.alert-msg .delete{line-height:2;}

/* 好友加入成功 */
.well-msg{background:#fff7e0; padding:3px 8px; padding:5px 8px 0 \9; border:1px dotted #73a;}
q .well-msg{display:inline-block; margin:-5px 5px;}

/* 忘記密碼+寄送 dialog */
.pw-add, .send-add{display:block; padding:.5em .5em 1.2em; line-height:1.5;}
.send-add{padding:.2em .7em .5em;}


/*====== 我的訂單 ======*/
.odr-search{float:right; position:relative; top:-12px; background:url(/st_ec/img/mb/member_order_search_bg_2b.png) no-repeat 0 0; width:360px; height:36px; padding-top:10px;}
.odr-search span, .odr-search input{vertical-align:middle;}
.odr-search span{color:#fff; margin-left:21px; margin-left:26px \9;}
.odr-search b{color:#fff;}
.page-location{margin:.25em 0 .75em;}
.room-note2{border:1px solid #c00; border-width:2px; margin:0; padding:.75em; line-height:21px;} /* for step5 */

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

/*右側換頁*/
.paging{text-align:right; padding:5px;}
.ic-prev, .ic-next{display:inline-block;}
.ic-prev b, .ic-next b{vertical-align:middle; display:inline-block; width:7px; height:9px; background:url(/st_ec/img/ec_sprite.gif) no-repeat -70px -80px;}
.ic-next b{background-position:-77px -80px;}
.ending:link, .ending:visited, .ending{color:#ccc; cursor:no-drop; text-decoration:none;}
.ic-prev.ending b{background-position:-70px -89px;}
.ic-next.ending b{background-position:-77px -89px;}

/*====== 會員好康 ======*/
/* 覆寫 jquery-ui tabs */
.tab-set .ui-tabs-nav li{border:1px solid #aaa; border-bottom-color:#298fca; background:#f3f3f3;}
.tab-set .ui-tabs-nav ui-tabs-selected, .tab-set .ui-tabs-nav .ui-state-active{border-color:#298fca; background:#fff;}
.tab-set .ui-tabs-panel{padding:10px 5px;}
.tab-set .ui-widget-header{background:none; border-width:0 0 1px 0; border-color:#298fca; border-radius:0; margin:0; padding:0;}
.ui-tabs{border:0; background:none;}
.ui-tabs-title{padding:0 10px 0 10px;}
.member .main .rbox .tab-set .paging{}
.line-tabs{display:inline-block; margin:15px 0 5px;}
.line-tabs + input[type="button"].btn-m{vertical-align:super; margin:0 0 0 20px;}
.line-tabs li{display:inline-block; vertical-align:middle; background:none; padding:0;}
.line-tabs li + li{margin-left:8px;}
.line-tabs li a:link, .line-tabs li a:visited{color:#555;}
.line-tabs li.tab-on a:link, .line-tabs li.tab-on a:visited{text-decoration:none; background:#ED71AB; color:#fff; border-radius:15px; padding:3px 8px;}
.line-tabs li.tab-on a:hover{text-decoration:none;}
.line-tabs + input[type="button"]{position:relative; top:5px; left:20px;}
.member .main .rbox .tab-set .data-tb{border:0;}
.member .main .rbox .tab-set .data-tb + .data-tb{margin:20px 0 0;}
.cash-tb td .see-cupn:link, .cash-tb td .see-cupn:visited{display:inline-block; padding-left:35px; text-align:left; text-decoration:none; color:#555; width:100%;}
.cash-tb td .see-cupn:hover{color:#06c;}
.see-cupn b{padding:5px; border:1px solid #666; position:absolute; margin:6px 0 0 -35px; border-radius:100%; transition:all 300ms ease-out;}
.see-cupn b:before{content:""; display:block; width:16px; height:16px; background:url(/st_ec/img/sieve_sprite.png) no-repeat 0 -60px;}
.see-cupn span{color:#999; margin-left:.5em;}
.see-cupn:hover b{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.member .main .rbox .tab-set .data-tb tbody td span.txt-high{margin-left:3px;}
.member .main .rbox .tab-set .data-tb tr.cupn-used td, .member .main .rbox .tab-set .data-tb tr.cupn-used td .see-cupn,
.member .main .rbox .tab-set .data-tb tr.cupn-used td .see-cupn span{color:#bbb; cursor:default;}
.member .main .rbox .tab-set .data-tb tr.cupn-used td .see-cupn b{transition:none; opacity:.3;}
.member .main .rbox .tab-set .data-tb tr.cupn-used td .see-cupn:hover b{-webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);}
.member .main .rbox .tab-set .data-tb tr.cupn-used td span.txt-high{color:#bbb;}
.cupn-deposit-box{padding:35px 30px 0;}
.cupn-deposit-box p{padding:3px 5px;}
.cupn-deposit-box .alrt:before{content:"."; display:inline-block; text-indent:-999em; padding:8px 0;}
.cupn-deposit-box .form, .cntr{line-height:1.7;}
.cupn-deposit-box .form span{padding:5px 3px; display:inline-block; }
.cupn-deposit-box .form input[type="text"]{width:13em; padding:8px 10px; border:1px solid #ddd; border-color:#aaa #ddd #ddd #aaa; background-position:0 0;}
.cupn-deposit-box .form input[type="button"]{margin:1px 0 0 5px;}
.cupn-deposit-box .form #validImg{display:inline-block; margin:-4px 5px 0 3px;}
.cntr{text-align:center;}
.cntr + .cntr{margin-top:2em;}
.cupn-deposit-box input[type="button"] + input[type="button"]{margin-left:2em;}
.cupn-deposit-box input.btn-m-sub{color:#222;}

.cupn-dia .ui-dialog-content{padding:0; margin:.2em 0 0; overflow:hidden;}
.cupn-fnote{display:block; border:1px solid #d50100; color:#d50100; margin:5px 10px 5px; padding:.25em .5em;}

.cupn-sheet{position:relative; width:675px; height:209px; padding:0; margin:2px 3px 0; /*border:5px solid #004ca1;*/ background:url(/st_ec/img/mb/cupn_bg.jpg) no-repeat center top;}
.cupn-sheet h4{color:#7a4c0e; left:0; right:0; bottom:5px; font-size:26px; line-height:1.5; margin:0 90px; position:absolute; text-align:center;}
.cupn-sheet h4:before{content:""; display:block; width:inherit; height:1px; background:#ddbfa2; border-top:1px solid #fff;}
.cupn-value{text-align:left; position: absolute; left:0; right:0; bottom:45px; margin:0 90px; text-align:center;}
.cupn-value p{display:inline-block; vertical-align:8px; font-size:18px;}
.cupn-value p:after{content:"折價";display:block; font-size:26px; text-align:right;}

.cupn-value h5, .cupn-value h5:before, .cupn-value h5:after{display:inline-block; vertical-align:5px; font-size:23px;}
.cupn-value h5:before{content:"$"; font-style:normal; font-size:55px;}
.cupn-value h5:after{content:"元"; font-size:26px;}
.cupn-value h5{color:#ff003c; font-size:105px; letter-spacing:-5px; line-height:1; font-family: Arial;}


.cupn-dtl > p{padding:0 .8em .2em; line-height:1.5;}
.cupn-dtl > p strong:after{content:"：";}

.valid{margin:10px 8px;}
.valid:before{content:""; display:block; width:1px; height:26px; border-right:1px dashed #d3d3d3; position:absolute; margin:0 0 0 331px;}
.valid table{display:inline-table; vertical-align: top; width:325px; border:1px solid #b0b0b0;}
.valid table:first-child:{}
.valid th, .valid td{text-align:center; font-size:16px; padding:2px;}
.valid th{width:100px; background: #b0b0b0; font-weight:normal; color:#fff;}
.valid td{padding:4px 2px 1px;}
.valid .sn{background:#f1f1f1; border:1px solid #f1f1f1; margin-left:10px;}
.valid .sn th{color:#222; background:#f1f1f1;}
.valid .sn td{transform:scale(.9);}    
    
.cupn-scroll{overflow-y:auto; overflow-x:hidden; max-height:176px; max-height:178px \9; width:665px; margin:0 auto;}
.cupn-scroll .data-tb{font-size:13px;}
.cupn-scroll .data-tb th, .cupn-scroll .data-tb td{padding:1px 2px;}
.cupn-scroll .departs a:link, .departs a:visited{display:line-block;}
.cupn-scroll .departs a:after, .cupn-scroll blockquote a:after{content:"、"; display:inline-block;}
.cupn-scroll ul{margin:0 2px 3px;}
.cupn-scroll li{border-top:1px dotted #cecece; background-position:4px 12px;}
.cupn-scroll li:first-child{border:none;}
.cupn-scroll li a:link, .cupn-scroll li a:visited{display:block; padding:5px 0;}
.cupn-scroll blockquote{margin:8px;}
.cupn-scroll blockquote a:link, .cupn-scroll blockquote a:visited{display:inline-block; vertical-align:middle;}
.cupn-scroll blockquote a:last-child:after{content:"";}


/* 分享列印按鈕組 */
.btn-print b{width:16px; height:16px; display:inline-block; background:url(/st_ec/img/icon_checker.gif) no-repeat -19px -81px; margin-right:3px; vertical-align:-2px; }
.share-print{float:right;}
.share-print li{float:left; list-style-type:none; padding-left:0; padding-top:2px; background:none;}
.btn-print a:link, .btn-print a:visited{border:1px solid #9e97af; border-radius:2px; padding:2px 4px; background:url(/st_ec/img/btn_function_bg.gif) repeat-x 0 -25px; color:#06x; zoom:1;}


/*====== 通用樣式 ======*/
/* 加4邊 border#ccc */
.bdr-t{border-top:1px solid #ccc;} .bdr-b{border-bottom:1px solid #ccc;} .bdr-l{border-left:1px solid #ccc;} .bdr-r{border-right:1px solid #ccc;}
/* 清4邊 border */
.bdr-clean-t{border-top:0 none;} .bdr-clean-b{border-bottom:0 none;} .bdr-clean-l{border-left:0 none;} .bdr-clean-r{border-right:0 none;}
/* 清4邊 margin */
.mgn-clean{margin:0;} .offset-top, .mgn-clean-t{margin-top:0;} .mgn-clean-b{margin-bottom:0;} .mgn-clean-l{margin-left:0;} .mgn-clean-r{margin-right:0;}


/* 補充說明四方框 */
.cnt-box{border:1px solid #ccc; padding:5px; overflow:auto;}
.cnt-box.footnote, .cnt-box.footnote3{border-top:0 none; color:#666; background:url(/st_ec/img/bg_spritex.gif) repeat-x 0 -143px;}
.cnt-box.footnote2{color:#666;}
.cnt-box.footnote3{color:#222;}
.cnt-box.nobtm{border-bottom: 0 none;}
.cnt-box.mrg-btm{margin-bottom:20px;}
.cnt-box .segment{margin-top:1em;}
.cnt-box .segment ul, .cnt-box .segment ol{padding-left:1em;}
.scroller .cnt-box.footnote{border-width:0 0 1px 0;}
.li-float-left li{display:block; list-style-type:none; width:225px; float:left;}
.li-float-left .dobule-leng{width:440px;}
.tb-sub-title{margin:11px 0 3px 0;}


/*====== 常見問題 Q&A ======*/
/*常見問題 會員服務*/
.qna .rbox li.mycashhtml a:link, .qna .rbox li.mycashhtml a:visited{color:#d52678; font-weight:bold;}
.qna .aside{width:223px;}
.qna .aside .rbox .cn{width:201px;}
.qna .aside .rbox .hd{position:relative; z-index:1;}
.qna .aside .rbox .bd{width:201px; background-image:url(/st_ec/img/mb/bd_w223.png); z-index:99999;}
.qna .rbox ul, .rbox ul.single{margin-bottom:0;}
.qna .rbox ul.single li.none{border:none;}
.qna .rbox li{list-style-type:none; margin:0 -8px; border-bottom:1px solid #ebebeb; background:none; padding-left:0;}
.qna .rbox li.none{border:none;}
.qna .rbox h4{font-size:15px; padding:8px 15px 6px;}
.qna .rbox h4.link{font-size:15px; padding:0px;}
.qna .rbox h4 a:link, .qna .rbox h4 a:visited{font-size:15px; background:none; font-weight:bold; padding:8px 8px 8px 15px;}
.qna .rbox h4 a:hover, .qna .rbox .on-current h4 a:link, .qna .rbox .on-current h4 a:visited{background-color:#e0f1ff; text-decoration:none;}
.qna .rbox li a:link, .qna .rbox li a:visited{display:block; color:#222; padding:8px 8px 8px 40px; background:url(/st_ec/img/mb/qna_list_bullet.gif) no-repeat 26px center;}
.qna .rbox li a:hover{text-decoration:none; background-color:#e0f1ff;}
.qna .rbox .on-current li a:link, .qna .rbox .on-current li a:visited{text-decoration:none; background-color:#f0f8ff;}
.qna .rbox .on-current h4{color:#0873b0;}
.qna .rbox .on-current li{border-bottom:1px solid #cedeeb;}
.qna .rbox .on-current li a:hover, .qna .rbox .on-current li a.on-read:link, .qna .rbox .on-current li a.on-read:visited{color:#fff; background:#298fca url(/st_ec/img/mb/qna_list_bullet_hr.gif) no-repeat 26px center;}
.qna .rbox .on-current li h4 a:hover, .qna .rbox .on-current li h4 a.on-read:link, .qna .rbox .on-current li h4 a.on-read:visited{color:#fff; background-color:#298fca; background-image:none;}
.qna .main{width:723px;}
.qna .main .rbox .hd div{height:50px;}
.qna .main .rbox .hd .lt{background-image:url(/st_ec/img/mb/qna_hd_lt.png);}
.qna .main .rbox .hd .cn{background-image:url(/st_ec/img/mb/qna_hd_cn.png);}
.qna .main .rbox .hd .rt{background-image:url(/st_ec/img/mb/qna_hd_rt.png);}
.qna .main .rbox .hd h3{color:#0873b0; font-size:20px; line-height:1.75;}
.qna .main .rbox .hd h3 b{background-position:0 -168px; margin-right:5px; vertical-align:-1px;}
.qna .main .rbox .cn, .qna .main .rbox .bd{width:701px;}
.qna .main .rbox .bd{background-image:url(/st_ec/img/mb/bd_w723.png);}
.qna .main .rbox .bd p{line-height:1.6; padding:.6em 1.9em .5em 2.4em; margin-bottom:.5em;}
.qna .main .rbox .bd p.img{text-align:center;}
div.other-box{width:650px; margin:10px auto; display:block; padding:1em .5em 1em 1em; background:#f9f9f9; border:1px dashed #ccc; line-height:1.4;}
div.other-box .title{ margin-bottom:10px;}
.item-box{border-bottom:1px solid #ddd; padding:8px 0; clear:both;}
.item-box ul{padding:0 51px; margin-top:-12px;}
.item-box ul.numb, .qna .item-box ul.numb{margin:-12px -10px 0;}
.item-box ul.dot-list{margin: 0 0 0 -12px; color:#666;}
.item-box ul li, .qna .item-box ul li{float:none; border:none; margin:10px 0; list-style-type:lower-latin;}
.item-box ul.numb li, .qna .item-box ul.numb li{list-style-type:disc;}
.item-box ul.numb li a:link, .item-box ul.numb li a:visited,
.qna .item-box ul.numb li a:link, .qna .item-box ul.numb li a:visited{display:inline; padding:0; background:none; color:#06c;}
.item-box ul.numb li a:hover, .qna .item-box ul.numb li a:hover{text-decoration:underline;}
.item-box ul.numb li img{display:block; margin:0;}
.item-box ul li a:link, .item-box ul li a:visited{margin:0; padding:0; background:none; display:inline; color:#06c;}
.item-box ul li a:hover{text-decoration:underline;}
.item-box ul.dot-list li{list-style-type:none; margin:0 -8px;}
.item-box .subtitle{width:100%; padding:6px 0 0; text-indent:10px; font-size:18px; font-weight:bold; color:#d52678;}
.item-box.none{border:none;}
.item-box p.remind{ font-size:12px; color:#444; margin-top:-20px; padding:0px;}
.item-box p strong.title, .item-box p strong.title-nobg{font-size:15px; display:inline-block; width:auto; padding:1px 0 8px 21px; background:url(/st_ec/img/mb/icon-q.png) no-repeat left 3px;}
.item-box p strong.title-nobg{padding-left:0px; height:24px; background:none;}
/*QA快速通關*/
.item-box ul.autopass li{background:url(/st_ec/img/mb/item_03.gif) 0 0  no-repeat; list-style-type:none; color:#fff; float:left; margin: 6px; width:188px;}
ul.autopass li span{padding:10px 0px 10px 8px; float:left;}
/* 如何成為會員STEP */
.item-box table .step1{background:#dbefff;}
.item-box table .step2{background:#b9dbf8;}
.item-box table .step3{background:#a4d0f7;}
.item-box table .step-right{background:#f4f4f4 ; margin-left:20px;}
.qna .main .rbox .bd div.qa-box{padding:0 15px;}
.qna .main .rbox .bd div.qa-box ul li.none{border:none;}
.qna .main .rbox .bd div.qa-box ol li{list-style-type:decimal; margin-left:15px;}
.qna .main .rbox .bd div.qa-box ol li a, .qna .main .rbox .bd div.qa-box ol li a:hover .qna .main .rbox .bd div.qa-box ol li a:visited{background:none; margin-left:-33px;}
/*註冊失敗*/
.join-fail{display:block; background:#fff url(/st_ec/img/mb/join_fail.gif) no-repeat 185px 20px; height:145px; padding:70px 0 0 390px; margin:30px 0 -10px 0;}

/*通用樣式*/
.bullet{display:block; margin:.3em 0 .4em; background:url(/st_ec/img/ec_sprite.gif) no-repeat -82px -33px; padding-left:1.2em; text-align:left; line-height:1.2;}
.bullet strong{font-weight:normal; background:#d52678; padding:1px 2px; color:#fff;}

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

/* 舊系統訂單 */
.to-old-sys{float:left; color:#c00; margin-bottom:.5em;}

/*====== 步驟指示列 ======*/
.step{margin:0 auto; height:31px; background:url(/st_ec/img/mb/step_03.gif) repeat-x left top; margin:20px 0;}
.step.lgx3{width:650px; margin:50px 0 20px 150px;}
.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; padding-left:0;}
.step li p{display:block; height:23px; padding:8px 0; padding:10px 0 0 \9; line-height:15px; vertical-align:middle; color:#aaa;}
.step li p span{font-weight:bold; font-size:19px; vertical-align:middle; padding-right:5px;}
.step .step-start{background:url(/st_ec/img/mb/step_01.png) no-repeat left 0; width:165px; padding-right:15px;}
.step .step-start p{padding-top:8px; padding-top:12px \9; font-weight:normal; background:url(/st_ec/img/mb/step_line.gif) no-repeat right top; color:#222;}
.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{background-image:none;}

/*AFP step5 訂構說明*/
.or-info{border:1px solid #ccc; padding:0;}
.or-info div{margin-top:-16px;}
.dos_notice th p, .dos_notice td p{color:#000;}

/* 註冊護照星號 */
.indent-l{margin-left:1em;}

/* 滿意度調查提示 */
.feedback-remind{margin-right:80px; margin-right:65px \9; padding:10px; background:#fff8e0; border:1px solid #E0DDCB;}
.section.feedback-remind p{color:#222; margin:0; width:100%;}

/* 旅遊偏好 */
ul.col-half{float:left;}
.join ul.col-half li{width:430px; margin-left:10px; border:0;}
ul.col-half .ct{width:310px;}
.cust-attr{display:inline-block; margin-right:1em; white-space:nowrap;}
.special-date .bullet{display:inline-block; width:29%; margin-right:1em;}

/* 基本資料維護頁之 button, icon */
.pref-edit a:link, .pref-edit a:visited{line-height:1; margin-bottom:5px; padding-bottom:5px; display:block; border-bottom:1px dotted #aaa;}
.pref-edit a:first-child + a{border:0;}
.pref-edit b, .icon-addnew b, .icon-sel-all b, .icon-remove-all b, .icon-revise b, .icon-add b, .icon-del b, .mbr-hello b
{display:inline-block; width:16px; height:16px; display:inline-block; margin-right:3px; background: url(/st_ec/img/icon_checker.gif) no-repeat -62px -142px; vertical-align:middle;}
.icon-sel-all b{background-position:-2px -202px;}
.icon-remove-all b{background-position:-22px -202px;}
.icon-addnew b{background-position:-2px -2px; vertical-align:text-top;}
.icon-revise b{background-position:-102px -102px;}
.icon-add b{background-position:-2px -2px;}
.icon-del b{background-position:-2px -22px;}
.mbr-hello b{background-position:-42px -182px; vertical-align:top; margin-right:7px;}

.rbox-btn:link, .rbox-btn:visited{display:inline-block; border:1px solid #9e97af; border-radius:3px;
padding:0 4px 2px; padding:2px 4px 0 \9; line-height:1.3em \9; background:url(/st_ec/img/btn_function_bg.gif) repeat-x center bottom; color:#06c;}
.rbox-bt b{margin-right:3px;}

/* rbox 重新分欄 */
.rbox-column{padding:5px 10px;}
.rbox-column > p{margin:5px 0 5px 143px; color:#666;}
.rbox-column > p strong{color:#222;}
.rbox-column > p strong.txt-high{color:#c00;}
.no-pref-status{padding:1em 0;}
.rbox-column.multiple{padding:5px 10px;}
.rbox .join .rbox-column:first-child + div.multiple{border-top:0;}
.sp-day .rbox-column.multiple{margin-left:50px;}
.rbox-nr, .rbox-wd{padding:5px 5px;}
.rbox-nr > span, .rbox-wd > span{display:block; line-height:1.5; margin:5px 20px;} 
.rbox-wd{float:right; width:570px;}
.rbox-nr{position:relative; float:left; width:330px;}
.rbox-nr .pref-edit{position:absolute; top:10px; left:-10px;}
.rbox-column.multiple .rbox-wd{float:left; width:645px; padding-left:131px;}
.rbox-column.multiple .rbox-wd .rbox-btn{float:right;}
.rbox-column.multiple .rbox-nr .rbox-btn{float:left; margin-right:5px; line-height:1.4;}
.rbox-column.multiple .rbox-nr{width:770px; padding-left:133px;}
.rbox-column.multiple .rbox-nr dl{margin:0;}
.rbox-column.multiple .rbox-nr dd{width:330px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.rbox-column.multiple .rbox-nr dd.btn-cube{border:0;}
.rbox-column h4{padding:.2em; margin:.8em; border-bottom:1px solid #a5d3ee; font-size:15px; font-weight:normal;}
.rbox-column h4 a:link, .rbox-column h4 a:visited{float:right; line-height:1.5; line-height:2 \9;}
.rbox-nr h4:first-child, .rbox-wd h4:first-child{margin-top:0;}
.rbox-nr dl + h4{margin-top:2em;}
.rbox-column h4 b{display:inline-block; width:20px; height:20px; margin-right:5px; background:url(/st_ec/img/mb/icon_pref_sprite.png) no-repeat 0 0; vertical-align:bottom;}
.rbox-column h4 b.ic-h4-day{background-position:0 0;}
.rbox-column h4 b.ic-h4-pre{background-position:0 -20px;}
.rbox-column h4 b.ic-h4-dmd{background-position:0 -40px;}
.rbox-p{margin:20px;}
.rbox-p small{display:list-item; margin:0 0 .4em 1.75em;}
.rbox-select{margin:0 15px; width:570px;}
.rbox-num{display:block; float:left; line-height:1.75;}
.rbox-textarea{display:block; float:left; margin:0 0 0 12px; width:560px; height:70px; height:75px \9;}
.rbox-textarea + span{display:block; float:left; margin:5px 0 0 15px;}
.rbox-column dl{margin:0 20px 20px;}
.mbr-days dl{position:relative; top:2px;}
.rbox-column dt, .rbox-column dd, .mbr-days dt, .mbr-days dd{float:left; padding:.5em; line-height:1.75; border-top:1px solid #eee;}
.mbr-days dt, .mbr-days dd{line-height:1.2; padding:3px 5px; padding:2px 5px \9;}
.mbr-days dt:first-child, .mbr-days dt:first-child + dd{border:0;}
.rbox-column dt:first-child, .rbox-column dt:first-child + dd{border:none;}
.rbox-column dt, .mbr-days dt{clear:left;}
.rbox-nr dt{width:68px; font-weight:normal; font-family:Verdana,Arial,sans-serif;}
.rbox-wd dt{width:8em; text-align:right;}
.rbox-nr dd{width:195px;}
.mbr-days dd{width:245px;}
span.notify, .notify-me b{background:#fff url(/st_ec/img/icon_checker.gif) no-repeat 0 -182px; display:inline-block; width:20px; height:16px;}
.rbox-column mark, .mbr-days mark{background:#52cc7c; color:#fff; font-size:11px; line-height:1; width:6em; display:inline-block; margin-right:1em; padding:3px; padding:4px 3px 2px \9; text-align:center; border-radius:2px;}
.mbr-days mark{margin-right:0;}
cite, var{display:inline-block; vertical-align:middle;}
cite{width:15em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mbr-days cite{width:10em; min-height:1px;}
.rbox-nr cite{width:7em; min-height:1px;}
.rbox-column.multiple .rbox-nr cite{width:15em;}
var{margin-left:2em;}
.mbr-days var, .rbox-nr var{margin-left:.7em;}
.rbox-nr dd .notify, .mbr-days dd .notify{float:right; position:relative; z-index:99 !important;}
.rbox-nr dd .notify{right:-6px;}
.rbox-wd dd{width:400px; width:410px \9;}
.rbox-wd dd.limited-list{overflow:hidden; max-height:3.4em;}
.rbox-wd dd span{display:inline-block; margin-right:1em; white-space:nowrap;}
.mbr-hello{text-align:right; margin-top:-1em; position:relative; top:-.65em;}
.day-box{margin:10px 0 10px 10px;}
.day-box-line{padding:10px 0 0;}
.day-box-line:first-child{padding-top:0;}
.day-box-line p{margin:0 0 5px;}
.day-box-line p span{margin-right:3px;}
.day-box-line strong, .day-box-line small{vertical-align:sub;}
.day-box-line small{margin:0 .2em;}
.day-type{margin-right:.2em;}
.day-date{margin-left:2em;}
.day-meaning{width:22em;}
.notify-me{margin-left:2.6em;}
.notify-me b{vertical-align:text-top; width:16px; margin-right:3px; background-position:-22px -182px;}
.notify-me.bell-on b{width:16px; background-position:-2px -182px;}

/* MultiSelect */
.ms-container{background:url(/st_ec/img/mb/icon_tway.gif) no-repeat 50% 50%; width:410px; float:left;}
.ms-container .ms-selectable, .ms-container .ms-selection{background:#fff; color:#555; float:left; width:45%;}
.ms-container .ms-selection{float:right;}
.ms-container .ms-list{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border linear .2s box-shadow linear .2s; transition:border linear .2s box-shadow linear .2s; border:1px solid #dfdfdf; position:relative; height:193px; padding:0; overflow-x:hidden; overflow-y:auto;}
.ms-container .ms-list.ms-focus{border-color:rgba(82,168,236,0.8); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,0.6);outline:0; outline:thin dotted \9;}
.ms-container ul{margin:0;list-style-type:none;padding:0;}
.ms-container .ms-optgroup-container{width:100%;}
.ms-container .ms-optgroup-label{margin:0; padding:5px 0 0 5px; cursor:pointer; color:#999;}
.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection{border-bottom:1px #eee solid; border-top:0; padding:2px 10px;}
.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover{cursor:pointer; color:#fff; text-decoration:none; background-color:#316ac5;}
.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled{background-color:#eee; color:#aaa; cursor:text;}
.ms-container-control{display:none; float:left; margin:135px 0 0 -242px;}
.select-hd{background:#dfdfdf; padding:3px 5px; color:#222;}
.select-hd a:link, .select-hd a:visited{ display:block; float:right;}
.select-hd b{display:inline-block; vertical-align:middle; margin-right:2px; width:16px; height:16px;}
/* 打開 dialog */
.pref-txt-area textarea{width:615px; height:150px; margin-bottom:5px;}

/*不可退貨icon*/
.sub-case{font-size:11px; font-weight:normal; display:inline-block; color:#fff; background-color:#12964d; border-radius:5px; padding:2px 4px 3px; line-height:1.2;}

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

/* 旅遊小幫手 jquery-ui */
.tips-scroll article{height:200px; padding:6px; overflow-y:scroll;}
.tips-list{border-bottom:1px solid #aaa; *padding-top:3px;}
.tips-list li{float:left; background:none; list-style-type:none; position:relative; bottom:-1px; padding-left:0;}
.tips-list li a:link, .tips-list li a:visited{display:block; padding:4px 13px 6px; color:#222;}
.tips-list li a:hover{text-decoration:none; color:#06c;}
.tips-list li a.active-tip{font-weight:bold; border:1px solid #aaa; border-bottom:3px solid #fff; border-top-left-radius:3px; border-top-right-radius:3px; *height:19px;}
/* 旅遊小幫手 */
.tips{margin:10px 0; line-height:1.5em;}
.tips p{padding:5px 0; margin-bottom:5px;}
.tips p strong{background:#0a52ab; padding:1px 6px 3px; margin-right:4px; border-radius:3px; color:#fff;
-webkit-box-shadow:inset 0 0 3px 0 rgba(255,255,255,.3); box-shadow:inset 0 0 3px 0 rgba(255,255,255,.3);}
.addition{border-top:1px dotted #ccc; padding:5px;}
.addition cite{display:block; float:left; width:1em; background:#fffbed; text-align:center; padding:1px 3px; margin-right:3px; border:1px solid #eddea6;}
.addition ul{padding:1px 5px; margin:0; float:left; width:200px; width:165px \9;}
.addition ul li{background:none; padding-left:0; line-height:1.6;}

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

/* MyCash 會員生日禮 */
.mbr-birth{position:relative; float:left; width:310px; height:240px; margin:0 2px 12px; background:url(/st_ec/img/mb/mbr_birthday.png) no-repeat 0 0; -webkit-box-shadow:0 2px 2px rgba(128,128,128,.4); box-shadow:0 2px 2px rgba(128,128,128,.4);}
.mbr-birth a:link, .mbr-birth a:visited{display:block; width:127px; height:32px; font-size:12px; text-decoration:none; position:absolute; top:143px; left:41px; color:#fff; background:url(/st_ec/img/mb/mbr_birthday_tag.png) no-repeat 0 0; padding-left:18px; line-height:32px;}
.mbr-birth a:hover{text-decoration:none; background-position:0 -32px;}
.mbr-birth a small{margin-left:4px; font-size:11px; color:#f9ffbb; text-decoration:underline;}
.mbr-birth a:first-child + a{top:175px; background-position:0 -64px;}
.mbr-birth a:first-child + a:hover{background-position:0 -96px;}
.mbr-birth.single a{top:168px;}

/* 我的收藏盒 */
.rbox.favorite{margin-left:206px;}
.rbox.favorite .hd .cn, .rbox.favorite .ft .cn{width:724px;}
.rbox.favorite .hd div{height:10px;}
.rbox.favorite .bd{padding:5px 15px; width:716px; background:url(/st_ec/img/mb/bd_w746.png) repeat-y 0 0;}
.favo-content{float:left; position:relative; z-index:10;}
.favo-list{z-index:11; width:209px; display:inline-block; vertical-align:top; position:absolute;}
.favo-list ul{margin:12px 0 20px;}
.favo-list ul + q{display:block; margin:-10px 0 10px;}
.favo-list li{position:relative; width:90%; list-style-type:none; background:none; border-top:1px solid #ccc; height:22px; padding:1.2em .5em; -webkit-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff;}

.favo-list li:first-child{border-top:0; -webkit-box-shadow:none; box-shadow:none;}
.favo-list li.on-select{width:195px; background:#fff; border:1px solid #bbb; border-right:0; border-left:5px solid #b9dfff; border-radius:4px 0 0 4px; margin-left:-4px; -webkit-box-shadow:none; box-shadow:none;}
.favo-list li.on-select + li{border:none;}
.favo-list li p:first-child{float:left; font-size:15px; cursor:pointer;}
.favo-list li p:first-child .showFolderName:hover{text-decoration:underline;}
.favo-list li.on-select p:first-child{cursor:default;}
.favo-list li p:first-child:before{content:"."; font-size:0; margin-right:5px; background-position:0 -253px;}
.favo-list li.on-select p:first-child:before{background-position:0 -232px;}
.favo-list li.on-select p:first-child{font-weight:bold; color:#222;}
.favo-list li p:first-child .showFolderName:hover{text-decoration:none;}
.favo-list li.on-select p:first-child input{font-weight:normal;}
.favo-list li.on-select p:first-child input[type="text"]{display:inline-block; width:7em; margin-top:-2px; margin-right:5px;}
.favo-list li:first-child p span.favo-remove{visibility:hidden;}
.favo-list li p:first-child + p{display:none; position:absolute; right:12px;}
.favo-list li.on-select p:first-child + p{display:block;}
.favo-list li p span{vertical-align:middle; padding:2px; margin-left:2px; cursor:pointer;}
.favo-list li p span.favo-remove{border-left:1px solid #ccc;}
.favo-list .rbox{margin:0 0 0;}
.favo-list .rbox .hd .cn, .favo-list .rbox .ft .cn{width:178px;}
.favo-list .rbox .hd .cn h3 b{background-position:0 -273px; vertical-align:top;}
.favo-list .rbox .bd{width:170px; text-align:center; background:url(/st_ec/img/mb/bd_w200.png) repeat-y 0 0;}

.favo-add-folder{margin:10px 15px 10px 5px; padding:10px 15px; border:1px solid #dedede; background:#fff; border-radius:4px; text-align:center;-webkit-box-shadow:1px 3px 0 rgba(160,160,160,.3); box-shadow:1px 3px 0 rgba(160,160,160,.3);}
.favo-add-folder h4{border-bottom:2px solid #b9dfff; font-size:15px; margin:0 -15px 15px; padding-bottom:5px; -webkit-box-shadow:0 1px 0 0 #ccc; box-shadow:0 1px 0 0 #ccc;}
.favo-add-folder h4:before{content:"."; font-size:0; background-position:-62px -201px; vertical-align:top;}
.favo-add-folder input[type="text"], .favo-list .bd input[type="text"]{width:10em; margin-top:5px; padding:8px;}
.favo-list .bd input[type="text"].it-2{padding:7px;}
.favo-add-folder .btn-s, .favo-list .bd .btn-s{display:block; margin:5px auto;}
.favo-add-folder + p, .favo-list .rbox + p{margin:0 10px; color:#666; background:url(/st_ec/img/point.gif) no-repeat 2px 6px; padding-left:.8em;}
.favo-content{}
.favo-unit{padding:0 5px 5px; color:#999; position:absolute; right:0; top:12px;}
.favo-control{padding:6px 5px; margin-bottom:5px;}
.favo-control span{display:inline-block; vertical-align:middle; line-height:1.8; padding:1px 8px; color:#999;}
.favo-control span:first-child{padding-left:0;}
.favo-control.active span{color:#222;}
.favo-control.active .op{display:inline-block; cursor:pointer; color:#06c;}
.favo-control .op + .op{border-left:1px solid #ccc;}
.favo-control.active .op:hover{text-decoration:underline;}
.favo-control span.alert{border:1px solid #dedede; background:#fff8e0; color:#222; position:absolute; z-index:600;}
.favo-control span.alert a:link, .favo-control span.alert a:visited{text-decoration:underline; margin-left:.75em;}
.favo-control span.alert i{display:inline-block; vertical-align:0; width:11px; height:11px; cursor:pointer;
background:url(/st_ec/img/icon_checker.gif) no-repeat -24px -64px; margin-left:.75em;}
.favo-content .data-tb{border:0;}
.favo-content .data-tb + .data-tb{margin-top:30px;}
.favo-content .data-tb thead tr{border:1px solid #dedede;}
.favo-content .data-tb thead th[width="50"] label{margin:0;}
.favo-content .data-tb thead th[width="50"] label input{margin:0 \9;}
.favo-content .data-tb thead th[width="50"] + th{width:100px !important;}
.favo-content .data-tb tbody th, .favo-content .data-tb tbody td{border-color:#dedede; border-right:0; padding:4px 3px; height:42px;}
.favo-content .data-tb tbody td:first-child input{margin:0; vertical-align:middle;}
.favo-content .data-tb tbody td:first-child + td{text-align:center;}
.favo-content .data-tb tbody td p{color:#999;}
.favo-content .data-tb tbody td p a:link, .favo-content .data-tb tbody td p a:visited{overflow:hidden; max-height:3.2em; display:block;}
.favo-content .data-tb tbody .for-app td p a:link, .favo-content .data-tb tbody .for-app td p a:visited, .favo-content .data-tb tbody .for-app td .btn-func{cursor:not-allowed;}
.favo-content .data-tb tbody .for-app td p a:hover{text-decoration:none;}
.favo-content .data-tb tbody .for-app td p a:after{content:"App獨享"; display:inline-block; vertical-align:middle; background:#52cc7c;; color:#fff; padding:3px; margin:0 0 0 3px; font-size:12px; line-height:1;  border-radius:2px;}
.passaporto:before{content:""; display:block; position:absolute; margin:-9px 0 0 10px; width:17px; height:9px; background:url(/st_ec/img/icon_checker.gif) no-repeat -102px -229px;}
.passaporto{display:none; background:#fff; border:1px solid #aaa; position:absolute; margin:5px 0 0 0; box-shadow:0 3px 8px 4px rgba(160,160,160,.6); z-index:1000;}
.passaporto img{padding:9px; width:500px; height:325px;}
.passaporto.dspl{display:block;}
.join .passaporto{margin:10px 0 0 45px !important;}

/*0413-mycash加碼*/
.febk-ok{color:#C00; font-size:12px; padding:0 0 0 5px;}

/*0827-聯合登入*/
.social-log, .social-over{border-top:0; padding:15px 20px 15px; margin:0 40px; background:#fff5c2;}
.social-log p, .social-over p{ margin:5px 10px;}
.social-log p strong, .social-over p strong{display:inline-block; vertical-align: middle; padding-right:10px;}
.btn-fb a, .btn-fb a:link, .btn-fb a:visited, .btn-gpuls a, .btn-gpuls a:link, .btn-gpuls a:visited, .social-over .btn-fb a, .social-over .btn-gpuls a{
	background:url(/st_ec/img/mb/social_login.png) #3B5998 no-repeat left top; height:32px; width:200px; color:#FFF; display:inline-block;
	padding-left:40px; border-radius:4px; border:1px solid #2f477a; font-size:14px; line-height:32px; box-sizing:border-box; font-weight:normal; margin-left:8px; vertical-align: middle; }
.btn-gpuls a, .btn-gpuls a:link, .btn-gpuls a:visited{background:url(/st_ec/img/mb/social_login.png) #DD4B39 no-repeat left -42px; border:1px solid #b13c2e; }	
.btn-fb a:hover, .btn-gpuls a:hover{text-decoration:none; background:url(/st_ec/img/mb/social_login.png) #2d4373 no-repeat left -83px; }
.btn-gpuls a:hover{text-decoration:none; background:url(/st_ec/img/mb/social_login.png) #c23321 no-repeat left -126px; }
.social-over .btn-fb a, .social-over .btn-gpuls a{background:url(/st_ec/img/mb/social_login.png) #aaa no-repeat left -295px; border-color:#999; pointer-events:none; cursor:no-drop; }	
.social-over .btn-gpuls a{background:url(/st_ec/img/mb/social_login.png) #aaa no-repeat left -336px; }	
.social-ok{display:inline-block; vertical-align:top;}	
.icon-fb, .icon-gpuls{width:22px; height:22px; background:url(/st_ec/img/mb/social_login.png) #3B5998 left -166px; display:inline-block; border-radius:3px; margin:0 2px; vertical-align:middle;}	
.icon-gpuls{background:url(/st_ec/img/mb/social_login.png) #DD4B39 left -199px;}
.social-over .btn-sg{ vertical-align:middle;}
.social-check{ display:inline-block; color:#333; margin-top:-8px; vertical-align:middle;}
a.icon-fb, a.icon-gpuls, a.icon-fb:hover, a.icon-gpuls:hover{ height:24px; background:#3B5998; display:inline-block; border-radius:3px;  padding-top:2px; border:1px solid #2f477a; color:#FFF; width:110px; vertical-align:middle;  }
a.icon-gpuls{background:#DD4B39;}
a.icon-fb:hover, a.icon-gpuls:hover{ background-color:#2d4373; }
a.icon-fb:hover b{background:url(/st_ec/img/mb/social_login.png) #2d4373 left -230px;}
a.icon-gpuls:hover{background-color:#c71b14; }
a.icon-gpuls:hover b{background:url(/st_ec/img/mb/social_login.png) #c71b14 left -264px;}

/*0516 邀請碼*/
.cash-img{width:900px; height:200px; margin:10px 0 10px 10px;}
.cash-share ul{font-size:15px;}
.cash-share ul span.err-msg{font-size:13px; padding:0 2px;}
.cash-share li.txt-note{line-height:2; text-align:center;}
.cond-adjust{text-align:center; margin:10px 0 20px;}
a.tgle-box-btn span.icon-tt, a.tgle-box-btn span.icon-dd{font-size:18px; text-align:center; padding:6px 20px 8px; vertical-align:middle; background:#fff; color:#0078ff; border:1px solid #0078ff; border-radius:2px; box-shadow:inset 0 -1px 2px 0px rgba(160,160,160,.3); font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif; text-decoration:none; display:inline-block;}
a.tgle-box-btn:hover span.icon-tt, a.tgle-box-btn:hover span.icon-dd{text-decoration:none; color:#0078dd; display:inline-block;}
.cond-panel{text-align:left; padding:50px 20px 20px;}
.cash-invite{width:880px; overflow:hidden; text-align:center;}
.share-contents{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif; font-size:18px; text-align: center; line-height: 2; margin:50px 30px;}
.share-contents span{ display:block; padding:3px; }
.share-contents span:before{content:"在東南旅遊網下單，輸入邀請碼，就送你50點MyCash";}
.share-contents p{text-align:center; margin:20px 0 0;}
.btn-share:link, .btn-share:visited{
display: inline-block;
font-family:"微軟正黑體", "新細明體", Arial, sans-serif; font-size:15px; text-align:center; vertical-align:middle;
padding:8px 8px 8px 15px; line-height:15px;
color:#0078ff; border: 1px solid #0078ff; border-radius:2px;
box-shadow:inset 0 -1px 2px 0px rgba(160,160,160,.3); text-decoration:none;
transition:background-color .2s ease-out, color .2s ease-out;}
.btn-share:hover{background-color:#0078ff; color:#fff;}
.btn-share i{vertical-align:-7px;}

/* 新版會員專區 .mbv2 150915 */
/*
.mbv2 .content{background:Seashell; min-height:500px;}
.hoist, .matter{float:left; box-sizing:border-box;}
.hoist{width:198px; background: #bbb; min-height: 600px;}
.matter{background:Seashell; width:742px; margin-left:10px; padding:10px;}
*/


@media screen and (-webkit-min-device-pixel-ratio:0){
.btn-func, input[type="submit"].btn-func, input[type="button"].btn-func, input[type="reset"].btn-func{position:relative; top:-1px;}
.rbox{margin-bottom:5px;}
.qna .main .rbox .hd h3{line-height:2;}
.qna .main .rbox .hd h3 b{vertical-align:text-top;}
.rbox-column mark, .mbr-days mark{line-height:1.3; padding:1px 0;}
.rbox-column mark{position:relative; bottom:-2px;}
.mbr-days dt, .mbr-days dd{padding:2px 5px;}
.mbr-days dd{width:242px;}
.cash-note + .join ul li .ct2 textarea{height:102px;}
.media.yt div[id^="___ytsubscribe"], .media.yt iframe{width:85px !important;}
.line-tabs li.tab-on a:link, .line-tabs li.tab-on a:visited{padding:2px 8px 4px;}
.member .main .rbox .tab-set .paging{bottom:-7px;}
.cupn-scroll{max-height:172px;}
}