@charset "utf-8";
/* CSS Document */

/* 排版樣式 */
.static       {position: static;}
.absolute     {position: absolute;}
.relative     {position: relative;}
.block        {display: block         !important;}
.inline       {display: inline-block  !important;}
.div_center   {margin:      0 auto    !important;}
.margin_0     {margin:           0    !important;}
.padding_0    {padding:          0    !important;}
.padding_w5   {padding:     0  5px    !important;}
.padding_w10  {padding:     0 10px    !important;}
.padding_w20  {padding:     0 20px    !important;}
.padding_5    {padding:        5px    !important;}
.padding_10   {padding:       10px    !important;}
.padding_15   {padding:       15px    !important;}
.padding_20   {padding:       20px    !important;}
.padding_t10  {padding-top:   10px    !important;}  
.padding_t25  {padding-top:   25px    !important;}
.padding_l25  {padding-left:   25px   !important;}

/* 上間距 */
.margin_t0    {margin-top:       0    !important;}
.margin_t5    {margin-top:     5px    !important;}
.margin_t10   {margin-top:    10px    !important;}
.margin_t15   {margin-top:    15px    !important;}
.margin_t20   {margin-top:    20px    !important;}
.margin_t30   {margin-top:    30px    !important;}
.margin_t40   {margin-top:    40px    !important;}
.margin_t50   {margin-top:    50px    !important;}
.margin_t60   {margin-top:    60px    !important;}
.margin_t70   {margin-top:    70px    !important;}
.margin_t80   {margin-top:    80px    !important;}
.margin_t90   {margin-top:    90px    !important;}
.margin_t100  {margin-top:    100px   !important;}
.margin_t-20  {margin-top:    -20px   !important;}

/* 右間距 */
.margin_r0    {margin-right:   0px    !important;}
.margin_r5    {margin-right:   5px    !important;}
.margin_r10   {margin-right:  10px    !important;}
.margin_r15   {margin-right:  15px    !important;}
.margin_r20   {margin-right:  20px    !important;}
.margin_r25   {margin-right:  25px    !important;}
.margin_r30   {margin-right:  30px    !important;}
.margin_r35   {margin-right:  35px    !important;}
.margin_r40   {margin-right:  40px    !important;}
.margin_r45   {margin-right:  45px    !important;}
.margin_r50   {margin-right:  50px    !important;}
.margin_r60   {margin-right:  60px    !important;}
.margin_r70   {margin-right:  70px    !important;}
.margin_r80   {margin-right:  80px    !important;}
.margin_r100  {margin-right: 100px    !important;}
.margin_r110  {margin-right: 110px    !important;}
.margin_r120  {margin-right: 120px    !important;}

/* 下間距 */
.margin_b5    {margin-bottom:  5px    !important;}
.margin_b10   {margin-bottom: 10px    !important;}
.margin_b15   {margin-bottom: 15px    !important;}
.margin_b20   {margin-bottom: 20px    !important;}
.margin_b30   {margin-bottom: 30px    !important;}
.margin_b40   {margin-bottom: 40px    !important;}
.margin_b50   {margin-bottom: 50px    !important;}
.margin_b70   {margin-bottom: 70px    !important;}

/* 左間距 */
.margin_l0    {margin-left:      0    !important;}
.margin_l5    {margin-left:    5px    !important;}
.margin_l10   {margin-left:   10px    !important;}
.margin_l15   {margin-left:   15px    !important;}
.margin_l20   {margin-left:   20px    !important;}
.margin_l25   {margin-left:   25px    !important;}
.margin_l30   {margin-left:   30px    !important;}
.margin_l35   {margin-left:   35px    !important;}
.margin_l40   {margin-left:   40px    !important;}
.margin_l45   {margin-left:   45px    !important;}
.margin_l50   {margin-left:   50px    !important;}
.margin_l60   {margin-left:   60px    !important;}
.margin_l80   {margin-left:   80px    !important;}
.margin_l100  {margin-left:  100px    !important;}
.margin_l110  {margin-left:  110px    !important;}
.margin_l120  {margin-left:  120px    !important;}
.margin_l150  {margin-left:  150px    !important;}
.margin_l190  {margin-left:  190px    !important;}
.margin_l280  {margin-left:  280px    !important;}

/* 對齊 */
.middle       {vertical-align: middle !important;}
.align_r      {text-align: right      !important;}
.align_l      {text-align: left       !important;}
.align_c      {text-align: center     !important;}
.float_r      {float: right           !important;}
.float_l      {float: left            !important;}

/* 寬度 */
.width_10     {width: 10%             !important;}
.width_15     {width: 15%             !important;}
.width_20     {width: 20%             !important;}
.width_25     {width: 25%             !important;}
.width_30     {width: 30%             !important;}
.width_33     {width: 33%             !important;}
.width_35     {width: 35%             !important;}
.width_40     {width: 40%             !important;}
.width_45     {width: 45%             !important;}
.width_50     {width: 50%             !important;}
.width_55     {width: 55%             !important;}
.width_60     {width: 60%             !important;}
.width_65     {width: 65%             !important;}
.width_70     {width: 70%             !important;}
.width_80     {width: 80%             !important;}
.width_85     {width: 85%             !important;}
.width_90     {width: 90%             !important;}
.width_95     {width: 95%             !important;}
.w120         {width: 120px           !important;}

.width_100    {width: 100%            !important;}

/* 字體顏色 */
.text_blue    {color: #227BBB         !important; line-height:30px;}
.text_red     {color: #F05555         !important;}
.text_orange  {color: #F49800         !important;}
.text_yellow  {color: #FF0            !important;}
.text_darkgray{color: #333            !important;}
.text_gray    {color: #555            !important;}
.text_l_gray  {color: #999            !important;}
.text_black   {color: #000            !important;}
.text_white   {color: #FFF            !important;}

/* 字體大小 */
.font_s{font-size:12px!important;}
.font_m{font-size:14px!important;}
.font_l{font-size:16px!important;}
.font_xl{font-size:18px!important;}

/* payment
======================================================================================== */
body, .wrapper{ background-color:#f7f7f7;}
.sell_logo{ float:left !important;}
.pay_content{ min-height:500px; margin:3em 0 0 0; background-color:#FFF;
  -webkit-box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
-moz-box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
-ie7-8-border: 1px solid #dedede;border: 1px solid #dedede \9;position: relative;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}
.boder{ border-top:1px solid #CCC;}
.payment_content{ margin:0;}
.showcase{ position:relative; border:1px solid #CCC;}
.showcase img{ width:100%;}

.card h2{ background-image:url(../images/icon_1.png); background-repeat:no-repeat; background-position:0 -203px; color:#227BBB; padding:0 0 0 2.2em; font-weight:normal;}
.card .card_inner{ margin:0 0 1em 0; width:100%; overflow:hidden;}
.card_inner ul{ overflow:hidden;}
.card_inner ul li{ float:left; padding:0.3em 0 0.5em 0; font-size:1.2em;text-align:center;}
.card_inner ul{ border-top: 1px solid #CCC; margin: 0 auto; width:90%; }
.card_inner ul.hd li{color:#227BBB; background:#EBF5FF;}
.card_inner ul li{ padding:0.6em 0; }
.card_inner ul.last li{ color:#555; padding:0.8em 0;}
.card_inner ul li.tab1{ width:28%;}
.card_inner ul li.tab2{ width:16%;}
.card_inner ul li.check{ font-weight:bold; font-size:1.4em; padding-bottom:0.4em;}
.card_inner ul li.tab3{ width:78.5%; text-align:left; padding:0 0 0 45px;}
.card_inner ul.pa{ padding-top:5px;}
.card_inner .ck{ width:90%; margin:0 auto;}
.card_inner .ck ul{ width:100%; border:none; height:45px;}
.card_inner .ck ul li.tab2{ padding:0;}
.card_inner .ck span{ display:inline-block; color:#F05555; margin-left:5px; margin-right:5px;}
.card_inner ul li.tab4{ width:25%;}
.card_inner ul li.tab4 span{ margin-left:2.3em;}
.card_inner .logBox{ width:91%; margin-bottom:10px; overflow:hidden;}
.card_inner .logBox .lo{ float:right;}
.card_inner .logBox p{ float:right; margin-top:7px;}
.card_inner .logBox p span {font-size: 1.1em;display: inline-block;margin-top: -3px;}
.card_inner .logBox .lo .btn{ font-size:0.9em;}
.card_inner .sumbit{margin: 0 85px 0 0; display:block; text-align:right;}
.card_inner .sumbit span{ font-size:1.2em;}
.card_inner .sumbit span span{ font-size:1em;}
.card_inner .note{ text-align:right;color:#ff5f5f; width:80%; margin: 0 auto; padding-top:5px;}

.content{ overflow:hidden;}
.content .option{ width:90%; margin:2em auto 0;}
.content .sidebar{ width:22.5%; border:none; margin:0;padding:2em 0.5em;}
.allpay_info h3{ background-color: transparent; background-image:url(../images/blue_logo.png); background-position:20px 0; background-repeat:no-repeat; display:block; text-indent:-9999px; height:60px;}
.allpay_info p.am{ margin: 0 0 0 3em;}
.allpay_info h4{color:#227BBB; font-size:1.2em;}
.allpay_info ul{ margin-bottom:15px; border-bottom:1px dashed #CCC;}
.allpay_info ul li{ padding:0.7em 0 0 2.2em; border:none; background-image:url(../images/payment_side.png); background-position:0 3px; background-repeat:no-repeat;}
.allpay_info ul li ul{border-bottom:none;}
.allpay_info ul li a{ color:#227BBB;}
.allpay_info ul li a:hover{ text-decoration:underline;}
.allpay_info ul li li{ background-image:none; padding:0; list-style: outside circle; margin-left:1.3em;}
.return{ background-color:#F1f1f1; margin:1.5em 0 1.5em 0; padding:1em 1.5em;}
.return h3{ background-image:url(../images/icon_1.png); background-repeat:no-repeat; background-position:0 -970px; background-color:transparent; color:#227BBB; padding:0 0 0.5em 2.6em;}
.apLogin{ margin:1em 0 0 1.5em;}
.apLogin .sumbit a{ margin:1em 0;}
.card-logo { vertical-align:middle;}

/* payment accordion
======================================================================================== */
.pay{ margin:1em 0; background-color:#F3F3F3; padding:1em;}
.allpay{ background-color:#EDF4FF;}
.pay h2{ color:#227BBB; padding:0 0 0 0.3em; font-weight:normal; float:left;}
.titol{ overflow:hidden; padding-top:5px;}
.rewards{ float:left; margin:0.3em 0 0 2em;}
.rewards p{ float:left;}
.rewards p span{ margin-right:10px; font-size:1.05em;}
.rewards ul{ float:left; margin:0 0 0 0.5em;}
.rewards ul li{ float:left;color:#A0A0A0;margin-right: 10px;margin-top: -4px;padding: 2px 10px; letter-spacing:-1px; border:1px solid #A0A0A0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.rewards ul li.active{ background:#fff; color:#ff5f5f; border:2px solid #ff5f5f;}
.accordion {margin: 0.8em 0 0 0;padding:1em 1em 1em 2.2em;height:20px;border:#CCC 1px solid;background: #FFF;text-decoration:none;color: #555;font-size:1.2em; cursor: pointer; position:relative;background-image:url(../images/icon_1.png); background-position:0 -366px; background-repeat:no-repeat;}
.accordion:hover{ border:1px solid #227BBB;}
.accordion p{ margin-top:-2px; font-size:1em;}
.accordion-open {background:#FFF; background-image:url(../images/icon_1.png); background-position:-31px -605px; background-repeat:no-repeat;}
.accordion-open span {display:block; position:absolute; top:1em; right:1em;padding:10px;background:url(../images/icon_1.png) -1px -565px no-repeat;}
.accordion-close span {display:block;position:absolute; top:1em; right:1em;background:url(../images/icon_1.png) 0 -619px no-repeat;padding:10px;}
.nav-section-inner{ background-color:#FFF; border:1px solid #CCC; border-top:none; padding:1em;}
.nav-section-inner h3 span{ color:#227BBB; margin:0 0.2em; font-size:1.05em;}
.nav-section-inner .logBox{ border:1px solid #ff5f5f; padding:1em; margin:1em 0; width:75%;}
.logBox p span{ margin:0 0.2em;}
.logBox .lo{ overflow:hidden;}
.logBox .lo .btn{ padding:0.4em 0.5em 0.6em 0.5em; margin:0.3em 0 0 1.3em; font-size:1em;}
.logBox .lo .btn_gray{ padding-bottom:0.3em;}
.log{ overflow:hidden;}
.log p{ margin-top:7px;}
.log p, .log .lo{ float:left;}
#nav-section3 p, #nav-section10 p, #nav-section4 .left{ float:left; margin-top:-2px; font-size:1em; width:15%;}
#nav-section3 .card{ float:left;}
#nav-section3 .card ul li{ float:left; text-indent:-9999px; background-image:url(../images/card.png); background-position:-5px 0; width:45px; height:40px; margin: -6px 0 0 5px;}
#nav-section3 .card ul li.mc{ background-position:-55px 0;}
#nav-section3 .card ul li.jcb{ background-position:-100px 0;}
#nav-section3 .card ul li.uc{ background-position:-148px 0;}
#nav-section3 .card ul li.ae{ background-position:-188px 0; width:40px;}
#nav-section3 .card ul li.up{ background-position:-230px 0;}
.card_info ul{ margin-top:10px;}
.card_info ul li{ font-size: 12px;padding:0.3em; position:relative;}
.card_info ul li.special .vvcBox { width:78%; float:right; }
.card_info ul li.special .vvcBox .cvvb{ float:left;}
.card_info ul li.special .check{ margin: 15px 0 0 80px; display:inline-block;}
.card_info ul li .subject{display: inline-block;vertical-align: middle; width: 22%;}
.card_info ul li .subject .icon{ color:#EF4E2F; display:inline-block; width:10%;}
.card_info ul li span.sm_message{color: #EF4E2F;font-size: 10px; margin-left:130px; display:block; line-height:1.6em;}  
.card_info ul li a.pot, .express_inner ul li a.pot{ display:inline-block; padding:5px; font-size:1em; color:#227BBB !important;}
.sumbit a{width:200px; margin: 1em auto 1em auto;}
.sumbit a.inline-block{ display:inline-block;}
.sumbit a.btn_gray{ width:120px; padding:0.6em 1em 0.7em 1em;} 
.note{ margin:0 1em;}
.note h4{ color:#ff5f5f; font-size:14px; line-height:2em;}
.note ul li{color:#929292; list-style:outside decimal; margin-left:25px;}
#nav-section4 .atm_bank, #nav-section5 .atm_bank{ float:left; width:330px;height:70px; border:1px dotted #CCC; margin:-5px 0 0 0; }
.atm_bank ul li{ float:left; text-indent:-9999px;background-image:url(../images/atm_bank.png); background-position:2px -3px; width:35px; height:30px; margin-bottom:3px;}
.atm_bank ul li.Blist1{  background-position:-30px -4px;}
.atm_bank ul li.Blist2{  background-position:-63px -3px;}
.atm_bank ul li.Blist3{  background-position:-95px -4px;}
.atm_bank ul li.Blist4{  background-position:-130px -3px;}
.atm_bank ul li.Blist5{  background-position:-168px -3px;}
.atm_bank ul li.Blist6{  background-position:-205px -3px;}
.atm_bank ul li.Blist7{  background-position:-238px -3px;}
.atm_bank ul li.Blist8{  background-position:-275px -3px;}
.atm_bank ul li.Blist9{  background-position:0px -42px;}
.atm_bank ul li.Blist10{  background-position:-35px -42px;}
.atm_bank ul li.Blist11{  background-position:-65px -42px;}
.atm_bank ul li.Blist12{  background-position:-103px -42px;width:45px;}
.atm_bank ul li.Blist13{  background-position:-148px -42px; }
.atm_bank ul li.Blist14{  background-position:-182px -42px;}
.atm_bank ul li.Blist15{  background-position:-212px -42px;}
.atm_bank ul li.Blist16{  background-position:-247px -42px;}
.atm_bank ul li.Blist17{  background-position:-283px -42px;}
.nav-section-inner ul.bank{ overflow:hidden; margin:0.5em;}
.nav-section-inner ul.bank li{ float:left; width:18%; padding: 0.3em 0 0 0.1em;}
.nav-section-inner ul.bank li.w_45{ width:45%;}
#nav-section6, #nav-section7, #nav-section12 { height:40px;}
p.sm_note{ color:#929292; font-size:0.9em;}
.bar_code{ border:1px solid #CCC; padding:0.8em; width:50%; margin:0.5em 1em;}
ul.store{ margin:0.5em; overflow:hidden;}
ul.store li{ float:left; width:30%;}
ul.store li input, ul.store li span{ float:left;}
ul.store li.seven span{ background-image:url(../images/store.png); background-position:0 0; background-repeat:no-repeat; width:130px; height:50px;}
ul.store li.all span{background-image:url(../images/store.png); background-position:0 -60px; background-repeat:no-repeat; width:140px; height:50px;}
ul.store li.fami span{background-image:url(../images/store_1.png); background-position:0 0px; background-repeat:no-repeat; width:120px; height:50px;}
ul.store li.life span{background-image:url(../images/store_1.png); background-position:-120px 0px; background-repeat:no-repeat; width:90px; height:50px;}
ul.store li.ok span{background-image:url(../images/store_1.png); background-position:-230px 0px; background-repeat:no-repeat; width:120px; height:50px;}
ul.store li.total span{ background-image:url(../images/store_all.png); background-position:0 0; background-repeat:no-repeat; width:170px; height:50px;}
ul.store li.alipay span{ background-image:url(../images/seller_pay/alipay_logo.png); background-position:center; background-repeat:no-repeat; width:84px; height:42px;}
ul.store li.tenpay span{ background-image:url(../images/seller_pay/tenpay_logo.png); background-position:center; background-repeat:no-repeat; width:86px; height:42px;}
ul.store li.shanghaibank span{ background-image:url(../images/seller_pay/shanghai_bank_logo.png); background-position:center; background-repeat:no-repeat; width:128px; height:42px;}
ul.store+li.alipay, ul.store+li.tenpay, ul.store+li.shanghaibank, { float:left; padding:0 20px 0 0;}
ul.store li.sunbank span{ background-image:url(../images/fill_bank.png); background-position:-40px -5px; background-repeat:no-repeat; width:45px; height:35px;}
ul.store li.megabank span{ background-image:url(../images/fill_bank.png); background-position:5px -5px; background-repeat:no-repeat; width:45px; height:35px;}
#nav-section10 .oversea{ float:left;background-image:url(../images/overseas.png); background-position:0 0; background-repeat:no-repeat; width:255px; height:40px; margin:-7px 0 0 5px;}
.pay_money{ margin: 5px 0 15px 10px;}
.pay_money span, .account ul li span{ margin:0 5px;}
.pay_money a.btn_gray, .account ul li a{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:0.9em; padding:0.3em 0.5em;}
.account{ margin: 5px 10px;}
.account ul li{ margin:10px 0;}
.account ul li span.title{ display:inline-block; width:80px;}
.store_super{ overflow:hidden;}
.store_super ul li{padding:0.5em;}
.store_super ul li .subject .icon{ color:#EF4E2F; display:inline-block; width:10%;}
.store_super ul li .subject {display: inline-block;vertical-align: middle;}
.store_super ul li .sumbit{ display:inline-block;}
.store_super ul li .sumbit a{ width:100px; display:inline-block; margin:0; font-size:1em; padding:0.3em 0 0.3em; color:#227BBB !important;}
.pick { border:1px solid #CCC; margin: 1em 0.5em; padding:0.5em;}
.pick ul li.first{ background-color:#F1f1f1; border-bottom:1px solid #CCC; padding:0.5em;}
.pick ul li{ padding:0.5em 0 0 1em;}
.pick ul li .subject{ width:30%; float:left; padding-top:0.5em;}
.pick ul li textarea{ display:inline-block; width:300px; color:#8E8E8E;}
.pay_content .banklist{ width:80% !important; overflow:hidden;}
.banklist ul li {float: left;width: 25%;background-color: #FFF; border:1px solid #CCC; margin:10px 30px;}
.bonus, .bonus-new { width:90%; margin:0 auto;}
.bonus tr{border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.bonus td {padding:6px 20px;border-right: 1px solid #CCC;border-left: 1px solid #CCC;word-wrap: break-word; text-align:center; font-size:13px; height:35px;}
.bonus .th, .bonus-new .th { background:#EBF5FF;}
.bonus td span, .bonus-new td span { color:#FF7676; font-size:0.8em; margin-left:3px;}
.tipBox{ margin: 1em auto 2em auto; width:80%;}
.tipBox ul li{ line-height:1.8em;}
.tipBox ul li span.red{ width:25px; display:inline-block;}
.tipBox ul li a{ color:#227BBB;}
.tipBox ul li li{ list-style: decimal outside; margin-left:2.5em; }
.tipBox ul li li li{ list-style:circle inside;}

/*--信用卡紅利折抵辦===============================================================*/
.table-title {background:#227bbb; color:#FFF; font-size:16px !important;}
.bonus-new td {border-right: 1px solid #CCC;border-left: 1px solid #CCC;word-wrap: break-word; text-align:center; font-size:14px; border-bottom:#ccc 1px solid;padding:6px 20px; height:35px;}
.bonus-new td.detail { height:0; border-bottom: none; padding:0; background-color:#f1f1f1; text-align:left;}
.detail-box { padding:0 100px; border-bottom:#ccc 1px solid;}
.detail-box p { margin-top:15px; font-size:14px;}
.detail-box>ul { margin-bottom:20px;}
.detail-box>ul>li { list-style:decimal; margin-left:16px;}
.detail-box li { line-height:20px;}


/*付款方式====================================================================*/

.payment_image {margin-left: 30px;padding: 10px 0;}
.pay_content{ padding-bottom:3em;}
.pay_content .order {border-bottom: 3px solid #227BBB;  text-align: center; padding:0.5em 0; margin-bottom:2em; position:relative;}
.pay_content .order h2, .popup-sh h2 {color: #227BBB;  font-size: 20px;font-weight: normal;text-shadow: none; line-height:2.2em;}
.pay_content .order p{font-size:13px;}
.pay_content .order .version{ position:absolute; top: 1em; right:1em;}
.pay_content .order .version a{ padding:0.5em; font-size:1em;}
.pay_content .info {text-align: center;  font-size: 1.3em;  line-height: 2em; padding:1em 0; width:70%; margin:0 auto;}
.info p{ font-size:0.9em;}
.pay_content .info span.alerttext{ color:#e60012;}
.info p.first{ font-size:1.1em; padding-bottom:0.5em;}
.info p span{ margin: 0 0 0 10px;}
.pay_box h2 {  font-size: 1.6em;  font-weight: normal;}
.pay_box h2.cord{ margin-top:20px;}
.pay_content .info img {padding-top: 10px;  padding-bottom: 10px;}
.pay_content .pay_box {text-align: center;  height: auto; width:80%; margin:0 auto 2em auto; padding:1em;}
.pay_content .print_1 {border:1px dashed #979797;}
.pay_box .boxA { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 3.5em;border-top: 3px solid #CCC; border-bottom:3px solid #CCC; width:100%;}
.pay_content .pay_box .boxA tr td { font-size: 1.25em; padding:15px;border-bottom: 1px solid #CCC; line-height:20px;}
.pay_content .pay_box .boxB {border-top: 3px solid #ccc;border-bottom: 3px solid #CCC; border-left:1px solid #CCC; width:95%; margin:1em auto 0.5em auto;}
.pay_box p.cord{ margin: 1.5em auto; padding:1em 0; border:1px solid #CCC; width:50%;}
.pay_box p.cord img{ margin:0.5em 0;}
.pay_content .pay_box .boxB tr td { font-size: 1.3em;  padding: 3px 0 3px 15px;border-bottom: 1px solid #CCC; border-right:1px solid #CCC;  text-align: center;}
.pay_content .pay_box .boxB tr td.resets{padding-left: 0;}
.pay_content .pay_box .boxB tr td.lightblue{ background:#e6edf0; color:#333; font-weight:bold;}
.pay_content .pay_box .ss_info {margin-left: 2em; display:inline; text-align: left;}
.v_txt a{ margin-top:0.3em;}
.table_box .boxB tr .r {color: #F00;}
.pay_content .table_box h1 {font-size: 23px; line-height: 55px;  font-weight: normal;}
.info_box{  border: 1px solid #CCC;  width: 850px; min-height: 80px; background-color: #F3F3F3;  margin-right: auto;  margin-left: auto;  border-radius: 8px;  box-shadow: 2px 2px 2px #DBDBDB;
  text-align: left;  padding: 15px;  margin-top: 25px;}
.info_box h3 {  line-height: 28px;  color: #F00; font-size: 1.35em;}
.info_box ul li {font-size: 1.15em;}
.list_column{background: #EBF5FF;padding: 0.5em 1.5em 1em 1.5em; margin-top:1.5em;border: 1px solid #CCC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.list_column ul li { padding-top: 8px;  padding-bottom: 8px;}
.list_column ul li p.se {color:#929292; padding-left:1.3em; line-height:2em;}
.list_column ul li {line-height: 1.6em;}
.pay_content .order .Failed {padding-left: 15px; background-image: url(../images/payment/orderdown.png); background-repeat: no-repeat;  background-position: 0px -172px;}
.pay_content .order .ok { background-image: url(../images/payment/orderdown.png); background-position: 0px -85px;}
.pay_content .info .sms_verification { text-align: left; font-size: 0.9em;}
.info .sms_verification { font-size: 0.9em; line-height: 1.8em;  height: 200px;  width:70%; margin-right: auto; margin-left: auto;}
.pay_content .info h3.verification {font-size: 1.2em; color:#227BBB; margin-top:1em;}
.sms {text-align: center;  width: 60%; margin:20px auto;}
.sms ul li .sumbit, .express .sumbit{width:80%;margin: 2em auto;}
.sms span{padding-right:15px;}
.sms ul li .v_txt {  color: #333; font-size: 1.2em;}
.sms ul li .v_txt_1{color:#929292;font-size: 1.1em;display:inline-block; line-height:1.3em;}
.sms ul li .v_input {border: 1px solid #CCC; text-align: center; letter-spacing: 0em; padding: 0.8em;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;border-radius: 5px;  width:300px ;background-color: #FFF;}
h3.store1{ font-size:1.3em; line-height:3em;}
.pay_content .info .ps_link { font-size: 0.9em; text-align:left; margin-left:170px;}
.pay_content .info .ps_link a:hover{color:#F05555;}
.info .for.m_pss {width: 550px; margin:0 auto; border:1px solid #CCC;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:2em;}
.info .for.m_pss #form1 label {float: left;color: #333;padding-right: 10px;width: 160px;}
.info .for.m_pss #form1 span #textfield {border: 1px solid #CCC; text-align: center; letter-spacing: 0em; display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  width: 60%;}
.esl8{ font-size:0.8em; margin-left:1em;}
td.bg_gray{ background-color:#f5f5f5; border-right:1px solid #CCC;}
.print{ width:45%; margin:3em auto 0 auto; overflow:hidden;}
.message { width:78%; margin:20px auto; text-align:left;}
.message p {margin: 0 0 0 20px;}

/* store_bankcounter跳出登入視窗
======================================================================================= */
.bankcounter{ width:680px; top:50px; padding:2em;}
.bankcounter .close-button a{ right:-340px; top:30px;}
.bankcounter h3{ text-align:center; line-height:2em;}
.bankcounter img{ margin-left:8px;}
.bankcounter ul li{ list-style:outside decimal; margin-left:25px;}
.bankcounter ul li span{ color:#227BBB;}
.bankcounter .message{ width:95%; margin:10px auto 20px auto;}
.bankcounter .message h4{ font-weight:normal; margin:0; font-size:15px;}

/*快速刷卡
========================================================================================*/
.express_inner{width:70%; border: 1px solid #CCC; margin:1em auto 2em auto; padding:0.5em 1em 0 1em; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; }
.express_inner ul li { border-bottom:1px dashed #CCC; padding:0.5em 0 0.2em 3.5em; position:relative; height:4em;}
.express_inner ul li span.bank_text{ display:block; float:left; margin-left:35%; margin-top:3px;color:#227BBB; line-height:18px;}
.express_inner ul li .check{ margin-left:35%; margin-top:3px; overflow:hidden;}
.express_inner ul li .check input{ width:20px; margin-top:5px; float:left;}
.express_inner ul li .check p{ width:92%; padding-top:0; font-size:1em;color:#227BBB;line-height:18px; }
.express_inner ul li.cardType ul{ float:right;}
.express_inner ul li.cardType li, .express_inner ul li ul.type li span{ background-image:url(../images/card.png); background-position:0 0; background-repeat:no-repeat; float:left; width:50px; height:40px; text-indent:-9999px; padding:0; border:0;}
.express_inner ul li.cardType li.master{ background-position: -52px 0;}
.express_inner ul li.cardType li.jcb{ background-position: -100px 0;}
.express_inner ul li.cardType li.ae{ background-position: -190px 0; width:40px;}
.express_inner ul li.cardType li.china{ background-position: -230px 0;}
/*.express_inner ul li.cardType .input_box{ right:5px;}*/
.express_inner ul li ul.type li{ float:left; padding:0; border-bottom:none;}
.express_inner ul li ul.type li.first span{ display:block; width:150px; background-position:0px 5px;}
.express_inner ul li ul.type li.second span{ width:40px; background-position:-190px 5px;}
.express_inner ul li ul.type li.thired span{ width:50px; background-position:-225px 5px;}
.express_inner ul li ul.type li .radio{ float:left; margin:16px 0 0 0; width:20px;}
.express_inner ul li .star{ color:#ff5f5f; width:3%; float:left; margin-top:12px;}
.express_inner ul li label{ width:32%; float:left; margin-top:14px; line-height:18px;}
.express_inner ul li label span{ font-size:0.9em; color:#929292; margin-left:5px;}
.express_inner ul li p{ color:#333; font-size:1.15em; line-height:20px; margin-top:13px;}
.express_inner ul li input[type="text"]{ width:260px;/*color:#555;*/}
.express_inner ul li input[type="radio"]{ width:15px;/*color:#555;*/ vertical-align:middle;}
.express_inner ul li textarea{ width:260px;/*color:#555;*/}
.express_inner ul li select{ width: 282px;margin: 8px 5px 0 5px; }
.express_inner ul li.li_hi{ height:7.2em;}
.express_inner ul li.sm_hi{ height:6.5em;}
.express_inner ul li.l_hi{ height:13em;}
.express_inner ul li.li_hi .r_box{ margin-left:270px;}
.express_inner ul li.hi2{ height:8em;}
.express_inner ul li.li_hi .ribox{overflow:hidden;}
.express_inner ul li.li_hi .ribox input{ margin-top:10px;}
.express_inner ul li input.radio{ display:inline-block; width:20px;}
.express_inner ul li select.sl_A{ width:98px; margin-right:5px;}
.express_inner ul li.last{ border-bottom:none;}
.express_inner ul li.cvv{ height:4.5em;}
.express_inner ul li.cvv input{ width:150px;}
.express_inner ul li.cvv .cvvb{ float:right;}
.reward{ overflow:hidden;}
.express_inner ul li .reward p{ font-size:13px; padding:0;}
.express_inner ul li .reward p a{color:#227BBB;}
.express_inner ul li ol{background-color:#FFC;}
.express_inner ul li ol li{border-bottom:none; margin-left:30px; padding:0.5em 1em 0.2em 0; position:relative; height:auto; list-style:decimal;}
.alert_box {right: -140px;top: 12px;position: absolute;border: 1px solid #00479D;background: #FFF;z-index: 100;}
.hit   {border: 1px solid #00479D;}
.error {border: 1px solid #A40000;}
.arrow_b, .arrow_r {position: absolute;top: 5px;left: -13px;width: 20px;height: 20px;}
.arrow_b {background: url(../images/hit_arrow.png) no-repeat 0 0;}
.arrow_r {background: url(../images/hit_arrow.png) no-repeat 0 -20px;}
.mid {padding: 5px 5px 5px 10px;width: 200px;color: #5D5D5D;}
.mid ul li {padding: 0 !important;border-bottom: none !important;height: inherit;}
.mid span {color: #A40000;}
.id_box {margin-top: 35px;}
textarea.remarks{margin-top: 4px;  height: 4.7em;  font-size: 0.9em;padding: 10px;width: 260px;}
p.grade{ text-align:center;}
.note_box ul{ margin:0.5em 0 1em 0;}
.note_box ul li{ list-style:decimal outside; margin-left:3em; }
.note_box ul li span{color:#227BBB;}
.express .info p{ font-size:0.9em; line-height:2em;}
.express .info h3.verification{ margin-top:1em;}
.express .sumbit a{width:250px; margin: 2em auto;}
.en ul li{ padding-left:1.5em;}
.swipe_en ul li label{ width:36% !important;}
.swipe_en ul li.cardType ul{ display:inline-block; position:absolute; width:250px;}
.login_box a{ display:block; padding-top:15px;}
.ad_banner a img{width:100%;}
/* 提示與錯誤訊息 */
.nav-section-inner .card_info .input_box{ right:430px;}
.input_p{ right:10px !important;}
.input_box {position: absolute;right: 120px; top:10px;}
.input_info, .input_error {position: absolute;width: 190px;padding: 3px 0px 3px 25px;z-index: 100;top: -1px;left: 0px; font-size:12px;}
.input_info {background: url(../images/member/icon_info.png) 2px 4px no-repeat #FFF;border: 1px solid #227BBB;color: #227BBB; text-align:left; line-height:22px;}
.input_error {background: url(../images/member/icon_error.png) 2px 4px no-repeat #FFF;border: 1px solid #A40000;color: #A40000; text-align:left;line-height:22px; }
.input_arrow_b {position: absolute;top: -1px;left: -5px;width: 5px;height: 30px;background: url(../images/member/input_arrow.png) 0 0 no-repeat;}
.input_arrow_r {position: absolute;top: -1px;left: -5px;width: 5px;height: 30px;background: url(../images/member/input_arrow.png) 0 -30px no-repeat;}
.company .input_box {right: 211px;}
.pay .input_info{ width:260px; line-height:23px;}


/* 刷卡簡訊驗證 
========================================================================================*/
.notice_info{padding:1em 3.5em 0 3.5em;}
.notice_info h4{height:23px; text-align:center; font-size:17px; line-height:23px; font-weight:normal;}
.notice_info h4 span{display:inline-block; margin-right:10px; height:23px; color:#F00; vertical-align:middle;}
.notice_info p{margin:0 auto 24px auto; text-align:left;}
.notice_info .police{ text-align:center;}
.express_inner2 { width: 642px; border: 1px solid #CCC; margin: 1em auto 2em auto; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center;}
.express_inner2 ul.certify_code{ display: inline-block;}
.express_inner2 ul.certify_code li{width:150px; float:left; border-bottom:none; height: 2em; line-height:2em; font-size:14px;}
.express_inner2 ul.certify_code li span{display:inline-block;}
p.tip{text-align:center; color:#999; margin:30px auto; font-size:14px; color:#227BBB;}
p.blue{color:#227bbb; font-size:16px; text-align:center;}
.express_inner3 {width: 70%; border: 1px solid #CCC; margin: 1em auto 2em auto; padding: 2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center;} 
.express_inner3 ul.certify_code{ display: inline-block;}
.express_inner3 ul.certify_code li{width:150px; float:left; border-bottom:none; height: 2em; line-height:2em; font-size:18px; font-weight:bold;}
.express_inner3 ul.certify_code li span{display:inline-block;}

.message02 {padding: 10px;background: #EBF5FF;border: 1px solid #CCC;border-radius: 3px; width:78%; margin:0 auto 20px auto; text-align:left;}
.message02 h3 {margin: 5px auto 10px auto;font-size: 2em;text-align: center;color: #227BBB;}
.message02 h4 {margin: 0 0 10px 10px;font-size: 1.3em; color:#F05555;}
.message02 p {margin: 0 0 0 20px;}
.message02 ol {margin-left: 40px;}
.message02 ol li {list-style: outside decimal;}
.message02 span, .message a {font-weight: bold;color: #227BBB; font-size:1.1em;}
.message02 span.red{color:#F05555;}

.message03 {padding:20px;background:#EBF5FF;border:1px solid #CCC;border-radius:3px;width:550px;margin:40px auto;text-align:center;color:#227BBB;}
.payment-pw {display:block;margin:0 auto;font-size:16px;text-align:center;padding:20px 50px; position:relative;}
.patment-pw-input { position:absolute; left:670px; top:220px;}

.error_box{ padding-top:100px;}
.message_error {width: 60%;margin:0 auto;padding: 10px;background: #FFEBF5;border: 1px solid #CCC;border-radius: 3px;}
.message_error h3 i.icon_failed{background:url(../images/member/form_icon.png) -130px 0; width:30px; height:35px; display:inline-block; margin-right:10px; vertical-align:middle;}
.message_error h3 {margin: 5px auto 10px auto;font-size: 2em;text-align: center;color: #E60012;}
.message_error h4 {margin-top: 10px;font-size: 1.3em;color: #E60012; text-align:center;}
.failed {width: 60%;margin: 30px auto 0 auto;}
.failed p {width: 83%;margin: 0 auto 10px auto;line-height: 1.4em; font-size:1.2em;}
.failed p span.alerttext{ color:#E60012;}

/* 表格設定 Table
----------------------------------------------------------------------------- */
.bg_blue_l {background: #EBF5FF;}
.identity .input_box {right: 100px;}
.identity table {width: 80%; margin:0 auto;}
.identity tr {border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.identity td {padding: 6px 10px;border-right: 1px solid #CCC;border-left: 1px solid #CCC; font-size:14px;}
.identity td.info_p{ position:relative;}
.identity td a {font-weight: bold;}
.identity tr.noborder, .member td.noborder, .noborder {border: none !important;}
.identity .none-border{ border:none; background-color:transparent;}
.identity .none-border td{ border:none; text-align:right; font-size:13px; color:#227BBB;}
.identity .goods_img > li {display: inline-block;text-align: center;}
.identity .goods_img > li > div {position: relative;width: 80px;height: 80px;font-size: 35px;line-height: 80px;background: #CCC;border: 1px solid #666;color: #666;}


.key{ position:relative; width:50%; margin:0 auto;}
.key .input_box{ right:70px; }
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}

/*  extra setting
----------------------------------------------------------------------------- */
.pos_n01{position:absolute; bottom:-20px;}

/* 台灣繳費通
----------------------------------------------------------------------------- */
.taiwanpay_barcode {width: 800px;margin: auto;font-size: 14px;}
.taiwanpay_barcode h3 {margin-bottom: 10px;line-height: normal;font-size: 20px;font-weight: normal;text-shadow: none;}
.taiwanpay_barcode h3:before {content: "【"}
.taiwanpay_barcode h3:after  {content: "】"}
.taiwanpay_barcode h4 {font-size: 18px;font-weight: normal;text-align: center;text-shadow: none;}
.taiwanpay_barcode table {width: 100%;font-size: inherit;}
.taiwanpay_barcode p {font-size: inherit;}
.barcode_list {margin-bottom: 50px;}
.barcode_list th,.barcode_list td {padding: 10px 0;text-align: center;}
.barcode_list th {font-size: 16px;background: #227BBB;border: 1px solid #227BBB;color: #FFF;}
.barcode_list td {width: 33.3%;border-right: 1px solid #CCC;border-left: 1px solid #CCC;border-bottom: 1px solid #CCC;}
.barcode_list td.title {background: #EBF5FF;}
.barcode_scan_title {padding: 10px 20px;font-size: 16px;background: #EBF5FF;border-right: 1px solid #CCC;border-left: 1px solid #CCC;border-top: 1px solid #CCC;}
.barcode_scan {margin-bottom: 40px;padding: 20px;border: 1px solid #CCC;}
.sendmail{ overflow:hidden;}
.sendmail p{ font-size:1.3em; color:#227bbb;}
.taiwan_pay_text {display: block;width: 400px;margin: auto;padding: 10px 20px;background: #EEE;border: 1px solid #CCC;border-radius: 4px;}
.taiwan_pay_text p {line-height: 30px;text-align: center;}
.taiwan_pay_text img {margin-left: 10px;vertical-align: middle;}
.barcode_scan .blue_button {display: block;width: 30%;margin: auto;}
.barcode_link {float: right;}
.barcode_link:hover {text-decoration: none;border-bottom: 1px solid #227BBB;}
.barcode {padding: 30px 0;text-align: center;}
.taiwan_pay_help_box {float: left;width: 200px;margin-top: 10px;text-align: left;}
.taiwan_pay_help_box p {margin-top: 5px;font-size: 14px;}
.taiwan_pay_help_img {padding: 20px;background: #DDD;border-radius: 4px;}
.taiwan_pay_help_arrow {float: left;width: 20px;margin: 100px 10px 90px 10px;vertical-align: middle;}
.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #FFF;opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index: 200;}
.window, .window-1000 {
  position: fixed;
  width: 1000px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 300;
}
.window:before, .window-1000:before {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle;
}
.window_wrap {position: relative;display: inline-block;padding: 30px;background: #FFF;border: 1px solid #000;vertical-align: middle;}
.window_wrap a.btn {display: inline-block;width: 120px;margin: 20px 10px 0 10px;}
.close_btn {position: absolute;top: 15px;right: 15px;}
.window_wrap_2 {position: relative;display: inline-block; background: #FFF;border: 1px solid #000;vertical-align: middle;}

/* 付款成功
----------------------------------------------------------------------------- */
.pay_content h3 { font-size:16px; font-weight:normal; text-shadow:none; line-height:1.8em;}
.pay_content h4 { color:#F05555; font-size:15px; font-weight:normal; text-shadow:none; line-height:2.2em;}
.pay-box-fix { padding:1em 1em 0 1em !important;}
ul.join { margin-bottom:1em; padding-bottom:3em;}
ul.join li { padding:0.8em 14em 0.8em 11em; height:40px;}
ul.join li label { color:#555; display:inline-block; font-size:14px; line-height:45px; width:120px; float:left; text-align:right;
}
ul.join li .col { float:left; position:relative;}
ul.join li .col input { width:220px;}
.icon_pw_s { font-size:0.9em; color:#00479D; margin-left:5px; text-align:left;}
.icon_pw_s i { background:url(../images/member/form_icon.png); background-position:-180px 0; width:40px; height:15px; margin-right:8px; display: inline-block;}
.join-section {width:80%; margin:0 auto; padding-top:30px; border:1px solid #CCC;background-color: #CFE8F8; border-radius:5px; text-align:center;}
.join-box a, .goback-box a { margin:2em auto; padding:1em 0;}
.join-box a { width:37%;}
.goback-box a { width:30%;}
a.join-btn {display:block; font-size:1.25em;}
.alert, .alert-fix { padding: 5px 5px 5px 10px; color: #227BBB; background-image: url(../images/member/icon_info.png); background-repeat: no-repeat; background-position: 5px 6px; padding-left: 30px; text-align:left;}
.alert { width: 220px;}
.alert_box-fix { right:-260px; top:6px;}
.deepblue { color:#039;}

/*--條款跳出視窗---------------------------------------------------*/
.popbox label { font-size:14px;}
.about_inner { margin:10px 15px;}
.date { text-align:right; margin-right:25px; margin-top:10px;}
.bankcounter h2{ background-color:#227BBB; color:#fff; font-size:20px; text-align:center; line-height:2em; text-shadow:none; padding:8px 0; letter-spacing:3px;}
.bankcounter h4{ font-size:16px; color:#333; text-align:left; line-height:2em; padding-top:5px;}
.bankcounter ul .company li { list-style: none;}
.input-box { display:inline-block; position:relative; width:100px; height:40px;}
.input-box input { width:230px; font-size:14px; color:#555;}
.alert-fix{ width: 150px;}
.alert_box-fix-2 { right:-350px; top:5px;}
.window_wrapLogin, .window-1000-inner {position: relative;display: inline-block;padding: 30px;background: #FFF;border: 1px solid #000; vertical-align: middle; width: 50%}
.window-1000 { text-align:center;}
.alert-text { margin:15px 0; font-size:1.4em; font-weight:normal; line-height:normal; color:#F05555;}
.btn a {width: 100px;padding: 10px 20px 4px 20px;height: 1.7em;}
.btn a:nth-child(1) {margin: 15px 20px 0 0;}
.btn a:nth-child(2) {margin: 15px 0 20px 0;}


/*--訂單資訊---------------------------------------------------*/
.order_detail{width:70% !important;}
.order_detail td{ font-size:15px !important; padding:10px 12px !important;}


.payment_image p:nth-of-type(1) {position: absolute; left: 35px; top: 210px; text-align:center; line-height:18px;}
.payment_image p:nth-of-type(2) {position: absolute; left: 235px; top: 210px; text-align:center; line-height:18px;}


/*--上海銀行--*/
.popup-sh { padding:10px 25px 15px;}
.popup-sh img.logo { width:270px; height:auto; padding-bottom:15px;}
.popup-sh h2 { font-size:1.65em;}
.partline { border-bottom:#D4D4D4 solid 1px;}
.popup-sh .card_inner p { font-size:1.1em; text-align:right; padding-right:5px;}
.popup-sh .card_inner ul { width:100%;}
.popup-sh .card_inner ul li, .popup-sh .card_inner ul li { font-size:1.25em;}
.qrcode-box {background-color:#F3F3F3; padding:15px 20px 25px; margin:20px 0 0;}
.popup-sh h3{ font-size:1.4em; text-shadow:none; color:#227BBB; font-weight:normal; padding-bottom:15px;}
.process { height:32px;}
.process p { display:inline-block; font-size:1.3em; padding:0 15px;  color:#227BBB; height:30px; border-radius:15px; border:#227BBB solid 1px; line-height:30px; margin:0 5px;}
.process p span { font-weight:bold;}
.process i {display:inline-block; background:url(../images/seller_pay/arrow-icon.png) center no-repeat; width:25px; height:25px; background-size:cover;}
.process p, .process i { vertical-align:middle;}
.qrcodeinner { width:180px; height:180px; border:#999 solid 1px; margin:0 auto; background-color:#FFF; padding:15px;}
.qrcodeinner img { width:180px; height:180px;}

p.adtext { position: absolute; font-size: 15px; color: #666; left: 480px; top: 340px;}

.w290{ width: 290px; }