@charset "UTF-8";
/*$phoneico-spacing: 10px;
@import "phoneico/*.png";
@include all-phoneico-sprites;*/
/*** 自動產生的 */
.phoneico-sprite, .phoneico-0, .phoneico-1, .phoneico-2, .phoneico-3, .phoneico-4, .phoneico-5, .phoneico-6, .phoneico-7, .phoneico-9, .phoneico-btn0, .phoneico-btn1, .phoneico-btn2, .phoneico-btn3, .phoneico-btn4, .phoneico-btn5, .phoneico-btn6, .phoneico-btn7, .phoneico-btn8, .phoneico-btn9, .phoneico-btn_next, .phoneico-btn_pay, .phoneico-msgfocus, .phoneico-pay-success, .phoneico-phone-bg, .phoneico-phone, .phoneico-qmoney-0, .phoneico-qmoney-1, .phoneico-qmoney-big-money, .phoneico-qmoney-big0, .phoneico-qmoney-money, .phoneico-rbble1, .phoneico-rbble2, .phoneico-rbble3, .phoneico-rbble4, .phoneico-rbble5, .phoneico-st1, .phoneico-st2, .phoneico-st3, .phoneico-st4, .phoneico-st5, .phoneico-tlock, .phoneico-tp1, .phoneico-tp2, .phoneico-tp3, .phoneico-tp4, .phoneico-tsubmit { background-image: url("../images/phoneico-s706d746f2e.png"); background-repeat: no-repeat; }

.phoneico-0 { background-position: 0 0; }

.phoneico-1 { background-position: 0 -25px; }

.phoneico-2 { background-position: 0 -50px; }

.phoneico-3 { background-position: 0 -75px; }

.phoneico-4 { background-position: 0 -100px; }

.phoneico-5 { background-position: 0 -125px; }

.phoneico-6 { background-position: 0 -150px; }

.phoneico-7 { background-position: 0 -175px; }

.phoneico-9 { background-position: 0 -200px; }

.phoneico-btn0 { background-position: 0 -225px; }

.phoneico-btn1 { background-position: 0 -274px; }

.phoneico-btn2 { background-position: 0 -323px; }

.phoneico-btn3 { background-position: 0 -372px; }

.phoneico-btn4 { background-position: 0 -421px; }

.phoneico-btn5 { background-position: 0 -470px; }

.phoneico-btn6 { background-position: 0 -519px; }

.phoneico-btn7 { background-position: 0 -568px; }

.phoneico-btn8 { background-position: 0 -617px; }

.phoneico-btn9 { background-position: 0 -666px; }

.phoneico-btn_next { background-position: 0 -715px; }

.phoneico-btn_pay { background-position: 0 -760px; }

.phoneico-msgfocus { background-position: 0 -805px; }

.phoneico-pay-success { background-position: 0 -866px; }

.phoneico-phone-bg { background-position: 0 -1005px; }

.phoneico-phone { background-position: 0 -1065px; }

.phoneico-qmoney-0 { background-position: 0 -1094px; }

.phoneico-qmoney-1 { background-position: 0 -1180px; }

.phoneico-qmoney-big-money { background-position: 0 -1266px; }

.phoneico-qmoney-big0 { background-position: 0 -1343px; }

.phoneico-qmoney-money { background-position: 0 -1452px; }

.phoneico-rbble1 { background-position: 0 -1508px; }

.phoneico-rbble2 { background-position: 0 -1564px; }

.phoneico-rbble3 { background-position: 0 -1606px; }

.phoneico-rbble4 { background-position: 0 -1763px; }

.phoneico-rbble5 { background-position: 0 -1920px; }

.phoneico-st1 { background-position: 0 -1976px; }

.phoneico-st2 { background-position: 0 -1996px; }

.phoneico-st3 { background-position: 0 -2016px; }

.phoneico-st4 { background-position: 0 -2036px; }

.phoneico-st5 { background-position: 0 -2057px; }

.phoneico-tlock { background-position: 0 -2096px; }

.phoneico-tp1 { background-position: 0 -2124px; }

.phoneico-tp2 { background-position: 0 -2152px; }

.phoneico-tp3 { background-position: 0 -2180px; }

.phoneico-tp4 { background-position: 0 -2208px; }

.phoneico-tsubmit { background-position: 0 -2236px; }

/* 自動產生的 ***/
.status-bar { background: url("../images/status_bar.png") 0 0 no-repeat; height: 14px; width: 268px; position: absolute; top: -2px; left: 0; z-index: 999; }

.ico1 { width: 10px; height: 15px; }

.ico2 { width: 69px; height: 39px; }

.phoneico-phone { width: 19px; height: 19px; }

.phoneico-phone-bg { width: 216px; height: 50px; }

/* CSS Document */
body { font-family: "微軟正黑體"; background-color: #f5f5f5; }

a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; }

textarea { resize: none; }

.inline { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }

.wrapper.support, .wrapper.faq { background-color: #FFF; }
.wrapper.support h1, .wrapper.faq h1 { font-size: 35px; line-height: 120px; max-width: 1349px; color: #fefefe; margin: 0 auto; padding-left: 29px; }
.wrapper.support.aboutpi h1, .wrapper.faq.aboutpi h1 { font-size: 35px; line-height: 120px; max-width: 1024px; color: #fefefe; margin: 0 auto; padding-left: 15px; }
.wrapper.support .container, .wrapper.faq .container { width: 993px; }
.wrapper.support.aboutpi .container, .wrapper.faq .container { width: auto; }
.wrapper.support .container .mainblock, .wrapper.faq .container .mainblock { padding-left: 0; }
.wrapper.support header, .wrapper.faq header { background-color: #FFF; }
/*.wrapper.support header .logo, .wrapper.faq header .logo { background: url(../images/logo_Pi_service.png) no-repeat left top; }*/

/* 2018/02/01 Logo 改版 */
.wrapper.support header .logo, .wrapper.faq header .logo {
    background: url(../new_websit_2016/personal/images/svg/logo/blue_logo.svg) no-repeat left top;
    width: 43px;
    height: 43px;
}

.wrapper.support header .loginbar, .wrapper.faq header .loginbar { background: url(../images/icon_acc_service.png) no-repeat left top; position: absolute; right: 0px; top: 0px; }
.wrapper.faq .container { width: 100%; }
.wrapper.faq .container .mainblock { padding-top: 0; padding-left: 29px; }
.wrapper.faq .container .mainblock .content-block p img { display: block; max-width: 100%; }
.wrapper.faq .container .detailblock { min-width: 230px; }
.index .wrapper { background-color: #fff; }

.last { border-bottom: 0 !important; }

.txt-center { text-align: center !important; }

.bold { font-weight: bold; }

.red { color: #F33; }

.autowidth { width: auto !important; }

header { background-color: #0084e3; padding: 16px 0; }
header .container { max-width: 1349px; }
header .header_con { width: 100%; max-width: 1349px; margin: 0 auto; position: relative; }
header .header_con .dropdown-menu { margin-top: 10px; }
header .header_con .dropdown-menu > li > a { display: block; padding: 10px 20px; line-height: 1.42857143; }
header .header_con .dropdown-menu > li > a:hover, header .header_con .dropdown-menu > li > a:focus { color: #FFFFFF; text-decoration: none; background-color: #0181e4; }
header .header_con .dropdown-menu:before { position: absolute; top: -7px; right: 19px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
header .header_con .dropdown-menu:after { position: absolute; top: -6px; right: 20px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; }

.support header .header_con { width: 993px; }

/*header .logo { display: block; margin: 0 auto; width: 43px; height: 43px; vertical-align: middle; background: url(../images/logo_Pi.png) no-repeat left top; text-indent: -9999px; }*/

/* 2018/02/01 Logo 改版 */
header .logo {
    display: block;
    margin: 0 auto;
    width: 43px;
    height: 43px;
    vertical-align: middle;
    background: url(../new_websit_2016/personal/images/svg/logo/white_border.svg) no-repeat left top;
    text-indent: -9999px;
}

.index header { position: relative; z-index: 2; }
header .index .logo { margin: 0; float: left; }
header .index .indnav { overflow: hidden; margin-top: 11px; margin-left: 10px; }
header .index .indnav li { float: left; line-height: 18px; border-right: 1px solid #fff; padding-left: 20px; padding-right: 20px; }
header .index .indnav li a { color: #fff; font-size: 18px; }
header .index .indnav li.last { border-right: 0; }
header .index .wrap { float: left; width: auto; height: 42px; }
header .index .wrap.login-bar { float: right; }
header .index .wrap.login-bar label { position: relative; width: 180px; height: 38px; color: #888; background-color: #fff; vertical-align: middle; line-height: 38px; padding-left: 10px; margin-right: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 1; }
header .index .wrap.login-bar input { position: absolute; top: 0; right: 0; width: 180px; height: 38px; border: 0; border-radius: 10px; display: block; padding: 6px 12px 6px 60px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; z-index: -1; }
header .index .wrap.login-bar .sign { border: 0; padding: 7px 15px; font-size: 14px; margin-right: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
header .index .wrap.login-bar .sign.signin-btn { background-color: #4d4945; color: #fff; }
header .index .wrap.login-bar .sign.signout-btn { background-color: #fff; color: #000; }
header .index .dropdown { width: 43px; height: 31px; top: 5px; right: 20px; }
header .index .loginbar { background: url(../images/icon_acc2.png) no-repeat left top; width: 43px; height: 31px; }
header .dropdown { width: 43px; height: 31px; position: absolute; right: 20px; top: 7px; }
header .loginbar { background: url(../images/icon_acc.png) no-repeat left top; width: 43px; height: 31px; text-indent: -9999px; display: block; }

.container { max-width: 1349px; width: 100%; margin: 0 auto; min-height: 700px; }
.container.support { width: 993px; }

.container_1 { display: table-row; height: 100%; width: 100%; }

footer { color: #6c6a6a; line-height: 28px; width: 100%; margin: 0 auto; font-size: 14px; border-top: 1px solid #d8dee7; }
footer .copyrihgt { color: #a8a8a8; font-size: 13px; }
footer .footer_index, footer .footer_con { width: 100%; }
footer .footer_index .dl-sec, footer .footer_con .dl-sec { height: 100%; min-height: 435px; padding-top: 100px; padding-bottom: 30px; background-color: #282828; }
footer .footer_index .dl-sec .notice, footer .footer_con .dl-sec .notice { text-align: left; width: 600px; margin: 0 auto; }
footer .footer_index .dl-sec h3, footer .footer_con .dl-sec h3 { color: #fff; font-size: 36px; margin-bottom: 32px; }
footer .footer_index .dl-sec h4, footer .footer_con .dl-sec h4 { font-size: 23px; color: #39a5f3; margin-bottom: 50px; }
footer .footer_index .dl-sec h4 a, footer .footer_con .dl-sec h4 a { display: inline-block; font-size: 18px; border: 2px solid #39a5f3; padding: 0px 25px; color: #39a5f3; margin-left: 10px; }
footer .footer_index .apps-sec, footer .footer_con .apps-sec { margin-bottom: 120px; }
footer .footer_index .apps-sec a, footer .footer_con .apps-sec a { display: inline-block; }
footer .footer_index .apps-sec .get, footer .footer_con .apps-sec .get { text-align: center; margin: 0 auto; }
footer .footer_index .apps-sec .get div, footer .footer_con .apps-sec .get div { display: inline-block; margin-left: 20px; }
footer .footer_index .foot, footer .footer_con .foot { padding: 18px 0; }
footer .footer_index .foot .block-left, footer .footer_con .foot .block-left { border-right: 1px solid #5c5c5c; padding: 0 20px; display: table-cell; }
footer .footer_index .foot .block-right, footer .footer_con .foot .block-right { padding: 0 20px; display: table-cell; vertical-align: middle; }
footer .footer_index .foot .block-right .copyrihgt, footer .footer_con .foot .block-right .copyrihgt { display: block; float: initial; padding: 0 20px; line-height: 20px; }
footer .footer_index .foot .block-right .copyrihgt p, footer .footer_con .foot .block-right .copyrihgt p { margin: 0; }
footer .footer_index .foot .block-right ul.footer_nav, footer .footer_con .foot .block-right ul.footer_nav { margin: 12px 0; }
footer .footer_index .foot .block-right ul.footer_nav li, footer .footer_con .foot .block-right ul.footer_nav li { border-right: 2px solid #797d81; line-height: 16px; padding: 0 20px; }
footer .footer_index .foot .block-right ul.footer_nav li.last, footer .footer_con .foot .block-right ul.footer_nav li.last { border-right: 0; }
footer .footer_index .foot .block-right ul.footer_nav a, footer .footer_con .foot .block-right ul.footer_nav a { color: #2a333a; }
footer .footer_index .foot .block-center, footer .footer_con .foot .block-center { vertical-align: middle; text-align: center; width: 100%; }
footer .footer_index .foot .block-center .copyrihgt, footer .footer_con .foot .block-center .copyrihgt { display: block; float: initial; padding: 0 20px; line-height: 20px; }
footer .footer_index .foot .block-center .copyrihgt, footer .footer_con .foot .block-center .copyrihgt p { margin: 0; }
footer .footer_index .foot .block-center ul.footer_nav, footer .footer_con .foot .block-center ul.footer_nav { margin: 12px 0; }
footer .footer_index .foot .block-center ul.footer_nav li, footer .footer_con .foot .block-center ul.footer_nav li { border-right: 2px solid #797d81; line-height: 16px; padding: 0 20px; }
footer .footer_index .foot .block-center ul.footer_nav li.last, footer .footer_con .foot .block-center ul.footer_nav li.last { border-right: 0; }
footer .footer_index .foot .block-center ul.footer_nav a, footer .footer_con .foot .block-center ul.footer_nav a { color: #2a333a; }
.index footer { border-top: 0; width: initial; max-width: initial; height: 100%; }
.index footer .container { width: 100%; max-width: 1349px; min-height: initial; background: initial; margin: 0 auto; text-align: center; }

ul.footer_nav li { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; padding: 0 10px; }
ul.footer_nav li a { color: #0084e3; text-decoration: none; }

footer:after { content: ''; display: block; clear: both; }

nav.left { padding-top: 23px; width: 237px; display: table-cell; vertical-align: top; }
nav.left .user-img img { width: 158px; height: 158px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-left: 39px; margin-bottom: 24px; }

.index .section { width: 100%; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }
.index .section.kv01 { background-image: url(../images/kv01.jpg); }
.index .section.kv01 .unit-left, .index .section.kv01 .unit-right { width: 50%; display: table-cell; vertical-align: top; position: relative; }
.index .section.kv01 .unit img { display: inline-block; vertical-align: bottom; }
.index .section.kv01 .unit.u1 { margin-bottom: 38px; }
.index .section.kv01 .unit.u2 { margin-bottom: 23px; }
.index .section.kv01 .unit.u3 { padding-right: 140px; margin-bottom: 35px; }
.index .section.kv01 .unit.u3 a { font-size: 18px; color: #53514b; margin-right: 20px; }
.index .section.kv01 .unit.u4 a { display: inline-block; }
.index .section.kv01 .unit-left { padding-top: 165px; text-align: right; }
.index .section.kv01 .unit-right { height: 100%; }
.index .section.kv01 .kv01-02 { margin: 0 0 10px 25px; }
.index .section.kv01 .kv01-03 { margin-right: 50px; }
.index .section.kv01 .kv-app_store { margin-right: 24px; }
.index .section.kv02 { background-image: url(/assets/images/kv02.png); }
.index .section.kv03 { background-image: url(/assets/images/kv03.jpg); }
.index .section.kv03 .container .wording-block h4 { letter-spacing: 5.5px; }
.index .section.kv04 { background-image: url(/assets/images/kv04.jpg); }
.index .section.end { height: 400px; }
.index .section .container { background-color: initial; position: relative; }
.index .section .container .wording-block { position: absolute; color: #fff; top: 29%; right: 10%; }
.index .section .container .wording-block h3 { font-size: 45px; border-bottom: 1px solid #fff; margin-right: 9px; }
.index .section .container .wording-block h4 { font-size: 26px; margin-top: 5px; margin-bottom: 34px; letter-spacing: 9px; }
.index .section .container .wording-block p { font-size: 16px; line-height: 32px; }
.index .kv-cellphone { width: 430px; height: 643px; background: url(/assets/images/kv-cellphone.png) no-repeat 0 0; position: absolute; z-index: 1; }
.index .kv-cellphone .sc { display: none; position: absolute; top: 65px; left: 80px; width: 266px; height: 472px; overflow: hidden; }
.index .kv-cellphone .sc.scene1 { background: url(/assets/images/kv-scene1-1.png) no-repeat 0 0; background-size: contain; }
.index .kv-cellphone .sc.scene1 .screen { background: url(../images/kv-scene1-2.png) no-repeat 0 0; background-size: contain; }
.index .kv-cellphone .sc.scene2 { background: url(/assets/images/kv-scene2-1.png) no-repeat 0 0; }
.index .kv-cellphone .sc.scene2 .phoneico-phone-bg { display: none; position: absolute; top: 123px; left: 15px; }
.index .kv-cellphone .sc.scene2 .phoneico-phone-bg .calling { position: absolute; top: 18px; left: 50px; }
.index .kv-cellphone .sc.scene2 .phoneico-phone-bg .pn { display: none; width: 10px; height: 15px; margin-left: -2px; }
.index .kv-cellphone .sc.scene2 .phoneico-phone-bg .pn:nth-child(5) { margin-left: 2px; }
.index .kv-cellphone .sc.scene2 .phoneico-btn_pay, .index .kv-cellphone .sc.scene2 .phoneico-btn_next { display: none; position: absolute; bottom: 0; right: 0; width: 131px; height: 35px; }
.index .kv-cellphone .sc.scene2 .phone-btn { position: absolute; top: 228px; left: 16px; width: 235px; height: 188px; }
.index .kv-cellphone .sc.scene2 .phone-btn .bn { display: none; position: absolute; width: 69px; height: 39px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn0 { top: 141px; left: 83px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn1 { top: 3px; left: 2px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn2 { top: 3px; left: 82px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn3 { top: 3px; left: 163px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn4 { top: 48px; left: 2px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn5 { top: 48px; left: 82px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn6 { top: 48px; left: 163px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn7 { top: 96px; left: 2px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn8 { top: 96px; left: 82px; }
.index .kv-cellphone .sc.scene2 .phone-btn .phoneico-btn9 { top: 96px; left: 163px; }
.index .kv-cellphone .sc.scene2 .money-scr { position: absolute; display: none; background-color: #f1f1f1; top: 96px; left: 43px; width: 180px; height: 90px; text-align: center; padding-top: 5px; }
.index .kv-cellphone .sc.scene2 .money-scr .phoneico-qmoney-money { display: none; width: 29px; height: 46px; vertical-align: top; }
.index .kv-cellphone .sc.scene2 .money-scr .phoneico-qmoney-0 { display: none; width: 51px; height: 76px; vertical-align: top; }
.index .kv-cellphone .sc.scene2 .money-scr .phoneico-qmoney-1 { display: none; width: 34px; height: 76px; vertical-align: top; }
.index .kv-cellphone .sc.scene2 .phoneico-pay-success { display: none; width: 104px; height: 129px; position: absolute; top: 91px; left: 80px; }
.index .kv-cellphone .sc.scene3 { background: url(../images/kv-scene3-1.png) no-repeat 0 0; }
.index .kv-cellphone .sc.scene3 .phoneico-msgfocus { display: none; position: absolute; top: 132px; left: 0; width: 266px; height: 51px; }
.index .kv-cellphone .sc.scene3 .mgl { position: absolute; width: 266px; }
.index .kv-cellphone .sc.scene3 .mgl .psm { bottom: 0; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line1 { top: 73px; left: 0; height: 46px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line1 .m1 { left: 34px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line1 .m2 { right: 0; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line2 { top: 125px; left: 0; height: 32px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line2 .psm { right: 0; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line2 .m4 { right: 146px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line2 .m5 { bottom: 10px; right: 146px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line3 { top: 162px; left: 0; height: 147px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line3 .psm { right: 0; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line3 .m8 { right: 178px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line3 .m9 { bottom: 10px; right: 178px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line4 { top: 317px; left: 0; height: 62px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line4 .m10 { top: 0; left: 6px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line4 .m11 { top: 17px; left: 34px; }
.index .kv-cellphone .sc.scene3 .mgl.msg-line4 .m12 { right: 0; }
.index .kv-cellphone .sc.scene3 .psm { display: none; position: absolute; }
.index .kv-cellphone .sc.scene3 .phoneico-rbble1 { background-image: url(/assets/images/phoneico/rbble1.png); background-position: 0 0; width: 186px; height: 46px; }
.index .kv-cellphone .sc.scene3 .phoneico-rbble2 { background-image: url(/assets/images/phoneico/rbble2.png); background-position: 0 0; width: 142px; height: 32px; }
.index .kv-cellphone .sc.scene3 .phoneico-rbble3 { background-image: url(/assets/images/phoneico/rbble3.png); background-position: 0 0; width: 174px; height: 147px; }
.index .kv-cellphone .sc.scene3 .phoneico-rbble4 { background-image: url(/assets/images/phoneico/rbble4.png); background-position: 0 0; width: 174px; height: 147px; }
.index .kv-cellphone .sc.scene3 .phoneico-rbble5 { background-image: url(/assets/images/phoneico/rbble5.png); background-position: 0 0; width: 187px; height: 46px; }
.index .kv-cellphone .sc.scene3 .phoneico-st1, .index .kv-cellphone .sc.scene3 .phoneico-st2, .index .kv-cellphone .sc.scene3 .phoneico-st3 { width: 44px; height: 10px; }
.index .kv-cellphone .sc.scene3 .phoneico-st4 { width: 19px; height: 11px; }
.index .kv-cellphone .sc.scene3 .phoneico-st5 { width: 72px; height: 29px; }
.index .kv-cellphone .sc .screen { width: 100%; height: 100%; position: absolute; left: 266px; }
.index .kv-cellphone2 { opacity: 0; width: 430px; height: 643px; background: url(/assets/images/kv-cellphone2.png) no-repeat 0 0; position: absolute; z-index: 1; }
.index .kv-cellphone2 .sc { position: absolute; top: 58px; left: 49px; width: 343px; height: 476px; }
.index .kv-cellphone2 .sc.scene4 { background: url(/assets/images/kv-scene4-1.png) no-repeat 0 0; }
.index .kv-cellphone2 .sc.scene4 .pwinp { position: absolute; left: 69px; top: 153px; }
.index .kv-cellphone2 .sc.scene4 .pwinp .bsm { display: none; float: left; }
.index .kv-cellphone2 .sc.scene4 .pwinp .phoneico-tlock { width: 21px; height: 18px; }
.index .kv-cellphone2 .sc.scene4 .pwinp .phoneico-tp1 { width: 32px; height: 18px; }
.index .kv-cellphone2 .sc.scene4 .pwinp .phoneico-tp2 { width: 29px; height: 18px; }
.index .kv-cellphone2 .sc.scene4 .pwinp .phoneico-tp3 { width: 29px; height: 18px; }
.index .kv-cellphone2 .sc.scene4 .pwinp .phoneico-tp4 { width: 29px; height: 18px; }
.index .kv-cellphone2 .sc.scene4 .phoneico-tsubmit { display: none; position: absolute; bottom: 8px; right: 0; width: 113px; height: 49px; }
.index .kv-cellphone2 .sc .screen { background: url(/assets/images/kv-scene4-2.png) no-repeat center center; opacity: 0; width: 100%; height: 100%; position: absolute; left: 300px; top: -88px; }
.index .kv-cellphone, .index .kv-cellphone2 { bottom: 9%; right: 16%; background-size: contain; }

.container { background-color: #FFFFFF; display: table; }

ul.nav li a { border-left: #FFFFFF 6px solid; line-height: 48px; display: block; text-decoration: none; color: #9398a0; font-size: 18px; margin: 0 0 1px 0; }
ul.nav li a span { margin: 0 21px; }
ul.nav li a:hover { border-left: #9ed1f7 6px solid; color: #333; }
ul.nav li a.on { border-left: #0084e3 6px solid; color: #0084e3; }

.btn-zone { text-align: center; margin: 0 auto 20px; }
.btn-zone.hasmsg-1 .btn { margin-left: 196px; }
.btn-zone .btn { vertical-align: middle; border: 1px solid transparent; width: 160px; padding: 5px 0; font-size: 16px; }
.btn-zone .btn.btn-cancel { color: #aaa; background-color: #d8dee7; }
.btn-zone .btn.btn-cancel.sbtnb { background-color: #414141; }
.btn-zone .btn.btn-cancel:hover { color: #fff; background-color: #b1b5bc; }
.btn-zone .btn.btn-submit { color: #fefefe; background-color: #0084e3; }
.btn-zone .btn.btn-disabled { color: #aaa; background-color: #d8dee7; cursor: initial; }
.btn-zone .btn.btn-submit:hover { background-color: #006ec2; }
.btn-zone .btn.btn-submit.btn-disabled:hover { background-color: #d8dee7; }
.btn-zone .btn.btn-submit.sbtnb { background-color: #414141; }
.btn-zone .btn.response { padding: 5px 20px; width: auto; }
.btn-zone a.btn { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.btn-zone.mb30 { margin-bottom: 30px; }

.tradeing-record a span { background: url(../images/menu_icons.png) no-repeat left 6px; width: 31px; height: 36px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.tradeing-record a:hover span { background: url(../images/menu_icons.png) no-repeat -100px 6px; }
.tradeing-record a.on span { background: url(../images/menu_icons.png) no-repeat -200px 6px; }

.withdraw a span { background: url(../images/menu_icons.png) no-repeat left -95px; width: 31px; height: 36px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.withdraw a:hover span { background: url(../images/menu_icons.png) no-repeat -100px -94px; }
.withdraw a.on span { background: url(../images/menu_icons.png) no-repeat -200px -94px; }

.mywallet a span { background: url(../images/menu_icons.png) no-repeat left -196px; width: 31px; height: 36px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.mywallet a:hover span { background: url(../images/menu_icons.png) no-repeat -100px -196px; }
.mywallet a.on span { background: url(../images/menu_icons.png) no-repeat -200px -196px; }

.qrcode a span { background: url(../images/menu_icons.png) no-repeat left 6px; width: 31px; height: 36px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.qrcode a:hover span { background: url(../images/menu_icons.png) no-repeat -100px 6px; }
.qrcode a.on span { background: url(../images/menu_icons.png) no-repeat -200px 6px; }

nav.left .balance { margin: 30px 0 30px 32px; border-top: #c7dbf2 2px solid; padding-top: 10px; }
nav.left .balance h3 { line-height: 24px; font-size: 19px; }
nav.left .balance .sum { font-size: 32px; line-height: 40px; }

.mainblock { display: table-cell; vertical-align: top; padding: 20px 0 0; }

.detailblock { display: table-cell; background-color: #9ed1f7; vertical-align: top; height: 100%; }

.support .detailblock { background-color: #FFF; padding-top: 20px; }

/*CONTAINER*/
.ftab { padding-left: 23px; border-bottom: 1px solid #d8dee7; }
.ftab a { line-height: 30px; font-size: 18px; color: #666666; text-decoration: none; padding: 0 16px; margin: 0 1px 0 0; }
.ftab a:hover { border-bottom: #9ed1f7 4px solid; color: #333; }
.ftab a.on { border-bottom: #0084e3 4px solid; color: #333333; }
.ftab .ftab a.on:hover { border-bottom: #0084e3 4px solid; color: #333333; }

.support .ftab { height: 50px; line-height: 50px; }
.support .ftab span { font-size: 25px; color: #333; }
.support .ftab .leave_msg { font-size: 20px; color: #0084e3; }

.faq .mainblock h2 { line-height: 90px; font-size: 25px; color: #333333; border-bottom: #d8dee7 3px solid; }
.faq .mainblock h2.blue { color: #0084e3; font-size: 18px; }
.faq .mainblock section.faq_list { width: 93%; }
.faq .mainblock section.faq_list .topic { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 45%; margin-bottom: 30px; }
.faq .mainblock section.faq_list .topic h3 { line-height: 50px; font-size: 20px; color: #0084e3; padding-left: 50px; background: url(../images/faq_icons.png) no-repeat; border-bottom: #e8ebf1 1px solid; margin-bottom: 10px; }
.faq .mainblock section.faq_list .topic.topic1 h3 { background-position: left 0px top -358px; }
.faq .mainblock section.faq_list .topic.topic2 h3 { background-position: left 0px top 5px; }
.faq .mainblock section.faq_list .topic.topic3 h3 { background-position: left 0px top -43px; }
.faq .mainblock section.faq_list .topic.topic4 h3 { background-position: left 0px top -93px; }
.faq .mainblock section.faq_list .topic.topic5 h3 { background-position: left 0px top -140px; }
.faq .mainblock section.faq_list .topic.topic6 h3 { background-position: left 0px top -193px; }
.faq .mainblock section.faq_list .topic ul { margin-left: 50px; }
.faq .mainblock section.faq_list .topic li { line-height: 32px; }
.faq .mainblock section.faq_list .topic li a { color: #666666; }
.faq .mainblock section.faq_list .topic li a:hover { color: #0084e3; }
.faq .mainblock section.faq_list .topic1,
.faq .mainblock section.faq_list .topic3,
.faq .mainblock section.faq_list .topic5 { margin-right: 9%; }
.faq .detailblock { padding: 0 0 50px; background-color: #f5f5f5; }
.faq .detailblock h2 { line-height: 90px; font-size: 25px; color: #333333; border-bottom: #d8dee7 3px solid; margin: 0 6%; }
.faq .detailblock .btn-zone { padding: 0; margin: 0; /*position: absolute; bottom: 0;*/ width: 100%; z-index: 2;}
.faq .detailblock .btn-zone a.lost { background-color: #af4743; color: #FFFFFF; font-size: 20px; line-height: 50px; display: block; }
.faq .detailblock .btn-zone a.lost:hover { background-color: #8c2925; }
.faq .detailblock .btn-zone a.lost span { text-align: center; padding-left: 50px; background: url(../images/faq_icons.png) no-repeat left 0 top -294px; line-height: 50px; display: inline-block; *display: inline; zoom: 1; }
.faq .detailblock section.detail { top: 0; background-color: #f5f5f5; padding: 25px 6%; }
.faq .detailblock section.detail ul li { line-height: 40px; }
.faq .detailblock section.detail ul li a { color: #666666; }
.faq .detailblock section.detail ul li a:hover { color: #0084e3; }

.searchbar { padding: 10px 27px 10px 65px; font-size: 14px; }
.searchbar .qsearch, .searchbar .nsearch { padding: 6px 0; }

input.text-s { width: 106px; }
input.btn_submit { color: #FFFFFF; background-color: #0084e3; height: 26px; padding: 0 16px; border: none; vertical-align: middle; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; }
input.btn_submit:hover { background-color: #006ec2; }

.searchbar .nsearch input.text-s { width: 98px; vertical-align: middle; height: 28px; padding: 4px 8px; }
.searchbar h3 { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.searchbar .nsearch label { padding: 0 5px; vertical-align: middle; margin-bottom: 0; font-weight: normal; }
.searchbar .nsearch .calendar { background: url(../images/icon_calendar.png) no-repeat left top; width: 28px; height: 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 10px 0 3px; }
.searchbar .qsearch a { border: #a9adb3 1px solid; line-height: 26px; padding: 0 14px; margin: 0 5px; color: #333333; vertical-align: middle; display: inline-block; *display: inline; zoom: 1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.searchbar .qsearch .q1 { padding: 0 7px; }
.searchbar .qsearch .inline input, .searchbar .qsearch .inline tabel { vertical-align: middle; line-height: 27px; }
.searchbar .qsearch a.on, .searchbar .qsearch a:hover { background: #d6edfe; }

section.list { margin-right: 29px; margin-bottom: 15px; }

.datatable { font-size: 14px; line-height: 29px; border-collapse: collapse; width: 100%; }
.datatable th { background-color: #48aef8; color: #FFFFFF; text-align: center; border-bottom: #b1b9c2 1px solid; line-height: 29px; }
.datatable td { text-align: center; color: #333333; border-bottom: #b1b9c2 1px solid; line-height: 29px; }
.datatable tr.total { border-bottom: #b1b9c2 2px solid; }
.datatable tr.total:hover, .datatable tr.total.on { background-color: #FFFFFF; cursor: default; }
.datatable tbody tr:hover, .datatable tbody tr.on { background: #d8dee7; cursor: pointer; }
.datatable tbody td.padding-right { padding-right: 10px; }
.datatable .cancel td { color: #949aa1; }
.datatable .processing td { color: #949aa1; }
.datatable .cancel b { font-family: Verdana; font-size: 15px; }
.datatable td.pay .sum::before { content: "－"; color: #ec5652; font-family: Verdana; font-size: 15px; }
.datatable td.receive .sum::before { content: "＋"; color: #57a375; font-family: Verdana; font-size: 15px; }
.datatable .cancel .sum { position: relative; padding: 0 0px; text-decoration: line-through; }
/*.datatable .cancel .sum:before { position: absolute; content: "+" !important; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: inherit; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }*/
.datatable tr.pay td.for, .datatable tr.receive td.for, .datatable tr.withdraw td.for { text-align: left; width: 210px; padding: 0 10px; }
.datatable tr.pay td.for .dr, .datatable tr.receive td.for .dr, .datatable tr.withdraw td.for .dr { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /* required for Opera */ -ms-text-overflow: ellipsis; /* required for IE8, allegedly */ -moz-binding: url("ellipsis.xml#ellipsis"); /* for Firefox; details here */ width: 210px; line-height: 32px; }
.datatable tr.pay td.for .icon { width: 31px; height: 20px; background: url(../images/icons.png) no-repeat left top; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }
.datatable tr.receive td.for .icon { width: 31px; height: 20px; background: url(../images/icons.png) no-repeat left -100px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }
.datatable tr.withdraw td.for .icon { width: 48px; height: 20px; background: url(../images/icons.png) no-repeat left -50px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-right: 10px; }
.datatable.unrecorded-list .date { width: 130px; }
.datatable.unrecorded-list .desc { text-align: left; }
.datatable.unrecorded-list .desc .icon { width: 31px; height: 20px; background: url(../images/icons.png) no-repeat left -100px; display: inline-block; zoom: 1; vertical-align: middle; margin-right: 10px; }
.datatable.unrecorded-list .sum { width: 200px; }

.plus::before { content: "＋"; color: #57a375; font-family: Verdana; font-size: 15px; }

.minus::before { content: "－"; color: #ec5652; font-family: Verdana; font-size: 15px; }

ssection.pageslink { margin-bottom: 25px; margin-right: 29px; font-size: 14px; }

section.pageslink ul { margin: 15px auto; text-align: center; }
section.pageslink ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; color: #999999; margin: 0 2px; }
section.pageslink ul li a { color: #999999; padding: 0 7px; line-height: 24px; height: 24px; display: block; border: 1px solid #a9adb3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
section.pageslink ul li span { padding: 0 6px; padding: 0 7px; line-height: 24px; height: 24px; display: block; color: #FFFFFF; background-color: #0084e3; border: 1px solid #0080e3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
section.pageslink ul li a:hover { color: #333333; background-color: #d6edfe; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
section.pageslink ul li.pre span, section.pageslink ul li.next span { color: #cccccc; background-color: #FFFFFF; }

/*1920*/
.mainblock { width: 698px; padding-left: 29px; }

.detailblock { width: 351px; padding: 23px 17px 0; position: relative; }

section.detail { background-color: #FFFFFF; position: relative; top: -40px; padding-top: 25px; z-index: 4; padding-bottom: 30px; display: table; height: 647px; width: 100%; }

.support section.detail { position: initial; padding-left: 23px; padding-right: 23px; line-height: 20px; }
.support section.detail ul li { margin-bottom: 15px; }
.support section.detail ul li a { color: #666; }

.detailblock .user-img { position: relative; z-index: 5; }
.detailblock .user-img img { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: #FFFFFF 6px solid; }
.detailblock .user-img.info { margin: 0 9px; text-align: center; border-bottom: #bec1c6 1px solid; padding-bottom: 30px; }
.detailblock .user-img.info img { width: 85px; height: 85px; }
.detailblock .user-img.info span { color: #222; }
.detailblock .minimize { line-height: 24px; word-break: break-all;}
.detailblock .minimize > .full { display: none; }
.detailblock table.detail { width: 95%; margin: 0 9px 15px; }
.detailblock th, .detailblock td { line-height: 36px; font-size: 14px; color: #222222; border-bottom: #bec1c6 1px solid; }
.detailblock th { min-width: 80px; text-align: left; }
.detailblock td { padding: 0 8px; text-align: right; }

.data-download { text-align: right; font-size: 14px; margin: 0; padding: 10px 0; }
.data-download a { background: #0084e3 url(../images/icon_dl.png) no-repeat 14px 6px; line-height: 26px; padding: 0 14px; padding-left: 36px; color: #fff; vertical-align: middle; display: inline-block; *display: inline; zoom: 1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.data-download a:hover { background: #006ec2 url(../images/icon_dl.png) no-repeat 14px 6px; }

.trade-action { line-height: 22px; border: #b8bbc1 1px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 8px; display: inline-block; *diaplay: inline; zoom: 1; }

p.minimize .more, p.minimize .less { color: #0084e3; }

.support .support_form textarea { margin: 10px 0; }
.support .support_form .form_table { margin: 15px auto; width: 100%; }
.support .support_form .form_table tr { line-height: 34px; }
.support .support_form .form_table th { font-size: 16px; padding: 0 15px; text-align: right; vertical-align: top; }
.support .support_form .form_table td { vertical-align: middle; padding-bottom: 10px; }
.support .support_form .form_table td .form-control { width: 75%; }

.support_titleblock { background-color: #48aef8; line-height: 120px; color: #FEFEFE; font-size: 35px; }
.support_titleblock span { display: block; width: 993px; margin: 0 auto; text-align: left;}

.titleblock { background-color: #0084e3; }
.titleblock .search_bar { display: block; margin: 0 auto; width: 100%; line-height: 48px; font-size: 18px; padding: 20px 0; text-align: center; }
.titleblock .searchgo { background: url(../images/faq_icons.png) no-repeat 8px -242px #FFFFFF; text-indent: -9999px; border: none; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin-left: -4px; width: 38px; height: 34px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; border: 1px solid #cccccc; border-left: none; -webkit-appearance: none; }
.titleblock .text-l { width: 40%; }
.titleblock .form-control { color: #0084e3; }
.titleblock .form-control:focus { border: 1px solid #cccccc; }
.titleblock .form-control::-moz-placeholder { color: #999999; opacity: 1; }
.titleblock .form-control:-ms-input-placeholder { color: #999999; }
.titleblock .form-control::-webkit-input-placeholder { color: #999999; }
.titleblock > a.faq_title {
    color: #FEFEFE;
    display: block;
    font-size: 35px;
    line-height: 120px;
    margin: 0 auto;
    max-width: 1349px;
    min-width: 700px;
    padding-left: 29px;
    text-align: left;
    text-decoration: none;
}

.detailblock .ccicon, .detailblock .point { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.detailblock td span { vertical-align: middle; }
.detailblock .ccicon img { vertical-align: middle; position: relative; top: -1px; }
.detailblock .point { text-indent: -9999px; width: 12px; height: 30px; background: url(../images/points.jpg) no-repeat left 6px; }
/*.detailblock .ccnum { padding-right: 13px; }*/
.detailblock div.sum { width: 265px; text-align: center; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; color: #0084e3; padding: 20px 0; }

.detail-light .detailblock div.sum { width: 245px; }

.detailblock div.sum.cancel { color: #949aa1; }
.detailblock div.sum .ss { font-size: 45px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; line-height: 60px; }
.detailblock div.sum b { font-size: 70px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; }
.detailblock div.fee { display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; color: #949aa1; text-align: center; width: 62px; padding: 28px 0; }
.detailblock div.fee h3 { font-size: 12px; height: 14px; line-height: 14px; }
.detailblock div.fee .ss { font-size: 20px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; line-height: 30px; }
.detailblock div.fee b { font-size: 28px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; }
.detailblock .close-btn { width: 18px; height: 18px; background: url(../images/icons.png) no-repeat 0px -200px; position: absolute; top: 72px; right: 24px; z-index: 9; text-indent: -9999px; padding: 5px; cursor: pointer; display: none; }

.popup-box { display: none; width: 710px; min-height: 200px; background-color: #FFF; border: 1px solid #9aa0a7; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.popup-box .close-btn { width: 24px; height: 24px; background: url(../images/icons.png) no-repeat -72px -197px; position: absolute; top: 10px; right: 10px; z-index: 9; text-indent: -9999px; padding: 5px; cursor: pointer; }
.popup-box ol.num li { list-style-type: decimal; margin-left: 20px; line-height: 24px; }
.popup-box .remindmsg { width: 60%; margin: 0 auto 40px; }
.popup-box .popup-wrapper { padding: 10px 25px; }
.popup-box .title { border-bottom: 1px solid #9aa0a7; font-size: 18px; line-height: 42px; margin-bottom: 40px; padding-left: 20px; }
.popup-box .form_table { margin: 0 auto 50px auto; }
.popup-box .form_table label { margin-bottom: 0; }
.popup-box .form_table tr { line-height: 34px; }
.popup-box .form_table th { text-align: right; padding-right: 10px; vertical-align: top; }
.popup-box .form_table td { vertical-align: middle; padding-bottom: 5px; }
.popup-box .form_table input[type="checkbox"] { margin-right: 5px; }
.popup-box .form_table .for-vat { display: none; }
.popup-box .refund th, .popup-box .refund td { border-bottom: 1px solid #b1b9c2; vertical-align: middle; }
.popup-box .refund th { text-align: left; }
.popup-box .refund td { text-align: right; }
.popup-box .refund textarea { margin: 15px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.popup-box .refund .refund_step1 .form_table { width: 60%; }
.popup-box .refund .refund_success .form_table { width: 60%; }
.popup-box .refund .refund_success .success { background: url(../images/circle_success.png) no-repeat center top; width: 100%; padding-top: 110px; text-align: center; }
.popup-box .refund .refund_fail .form_table { width: 60%; margin-bottom: 20px; }
.popup-box .refund .refund_fail .fail { background: url(../images/circle_fail.png) no-repeat center top; width: 100%; padding-top: 110px; text-align: center; }
.popup-box .refund .refund_step3 .form_table { width: 48%; }
.popup-box .refund .refund_step3 .form_table tr { line-height: 34px; }
.popup-box .refund .refund_step3 .form_table th { border: 0; }
.popup-box .refund .refund_step3 .form_table td { border: 0; text-align: left; }
.popup-box .refund .refund_step3 .form_table .lostpw { padding: 0; color: gray; }
.popup-box .refund .remindmsg { width: 80%; }
.popup-box .invoice_setting .form_table { width: 70%; }
.popup-box .invoice_setting .form_table th { width: 32.5%; }
.popup-box .get_invoice { width: 100%; height: auto; }
.popup-box .get_invoice .invoice_img { margin-bottom: 20px; }
.popup-box .get_invoice .invoice_img img { width: 100%; height: auto; }
.popup-box div.sum { width: 100%; text-align: center; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; color: #0084e3; line-height: 85px; }
.popup-box div.sum.cancel { color: #949aa1; }
.popup-box div.sum .ss { font-size: 45px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; line-height: 60px; }
.popup-box div.sum b { font-size: 80px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; }
.popup-box div.fee { display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; color: #949aa1; text-align: center; width: 62px; padding: 28px 0; }
.popup-box div.fee h3 { font-size: 12px; height: 14px; line-height: 14px; }
.popup-box div.fee .ss { font-size: 20px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; line-height: 30px; }
.popup-box div.fee b { font-size: 35px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; }

.invoice_view .form_table {
    width: 100%;
}
.invoice_view .form_table > thead tr {
    background-color: #EEEEEE;
}
.invoice_view .form_table > thead tr > th {
    text-align: center;
}

.card { display: inline-block; vertical-align: middle; width: 30px; height: 100%; }
.card.card-jcb { background: url(../images/icons.png) no-repeat -72px -375px; }
.card.card-visa { background: url(../images/icons.png) no-repeat -1px -375px; }

.invoice { color: #949aa1; display: inline-block; padding-left: 20px; background: url(../images/icons.png) no-repeat 0 -278px; cursor: pointer; }

/*1211 by naomi*/
.mainblock h2 { color: #333333; font-size: 18px; border-bottom: #e8ebf1 2px double; line-height: 30px; margin: 0 29px 18px 2px; padding: 0 3px; }

.choose-account { margin-right: 29px; }
.choose-account h3 { line-height: 40px; font-size: 16px; color: #333333; border-bottom: #b1b9c2 2px solid; padding: 0 3px; }
.choose-account ul.list { display: table; width: 100%; }
.choose-account ul.list li { line-height: 70px; vertical-align: middle; display: table-row; cursor: pointer; border-collapse: collapse; }
.choose-account ul.list li div { display: table-cell; vertical-align: middle; border-bottom: #FFFFFF 1px solid; }
.choose-account ul.list li .check { width: 15%; padding: 0 2% 0 5%; text-align: center; }
.choose-account ul.list li .check span { display: inline-block; vertical-align: middle; background: url(../images/icons.png) no-repeat -70px -500px; width: 22px; height: 21px; }
.choose-account ul.list li:hover, .choose-account ul.list li.on { background-color: #d8dee7; }
.choose-account ul.list li:hover div { border-bottom: #a1c3e9 1px solid; }
.choose-account ul.list li.on div { border-bottom: #a1c3e9 1px solid; }
.choose-account ul.list li.on .check span { background: url(../images/icons.png) no-repeat 0px -500px; width: 22px; height: 21px; }

.point4 { background: url(../images/icons.png) no-repeat left -600px; width: 29px; height: 6px; vertical-align: middle; display: inline-block; text-indent: -9999px; margin: 0 3px; position: relative; top: -1px; }

.choose-account ul.list li .bank { font-size: 14px; }
.choose-account ul.list li .num { font-size: 16px; }
.choose-account ul.list li .note { color: #0084e3; font-size: 16px; }

section.action { min-height: 600px; background: #FFF; padding-top: 22px; position: relative; padding-bottom: 46px; }
section.action h3 { font-size: 18px; line-height: 46px; border-bottom: #d0d5da 1px solid; margin-left: 15px; }
section.action h4.num { background-color: #48aef8; color: #FFF; margin: 0 auto; text-align: center; margin-top: 60px; line-height: 70px; }
section.action h5 { color: #0084e3; margin: 0 auto; text-align: center; line-height: 78px; }
section.action .inline { width: 100%; line-height: 34px; }
section.action .inline div, section.action .inline label, section.action .inline input { display: inline-block; vertical-align: top; }
section.action input { vertical-align: top; }
section.action label { color: #676e75; font-size: 16px; margin: 0 5px; width: 74px; text-align: right; }
section.action span { color: #c4c4c4; font-size: 16px; vertical-align: middle; line-height: 34px; display: inline-block; }
section.action .btn-zone.bottom-btn { position: absolute; bottom: 0; width: 100%; margin: 0; }
section.action .btn-zone .reset { background: #cfd7e1; color: #949aa1; border-radius: 0; line-height: 46px; width: 50%; display: inline-block; border: none; font-size: 16px; padding: 0; border-right: 1px #FFF solid; }
section.action .btn-zone .reset:hover { background: #b1b5bc; color: #fff; }
section.action .btn-zone .submit { background: #2d94de; color: #FFF; border-radius: 0; line-height: 46px; width: 50%; display: inline-block; border: none; font-size: 16px; padding: 0; height: 46px; }
section.action .btn-zone .submit:hover { background: #006ec2; color: #FFF; }

div.text-m { width: 207px; }
div.text-m1 { width: 200px; }
div.text-s2 { width: 156px; }
div.text-full { width: 100%; }
div.text-full .form-control { margin-bottom: 5px; }

section.action .title { display: inline-block; font-size: 16px; vertical-align: middle; padding-right: 10px; }
section.action b { display: inline-block; font-size: 25px; vertical-align: middle; }

.detailblock65 { padding: 65px 25px; }

.tx_birthday .birthday, .tx_household .birthday, .idcard {
    text-align: center;
    margin-top: 10px;
    float: left;
    width: 72px;
}
.tx_birthday .birthday.month, .tx_household .birthday.month, .idcard.month {
    margin-right: 10px;
}

.tx_birthday .birthday.year, .tx_household .birthday.year, .idcard.year {
    float: none;
    width: 100%;
}

.popup-box .withdraw_ok, .popup-box .status_ok { line-height: 46px; width: 100px; margin: 0 auto; text-align: center; font-size: 16px; }
.popup-box .withdraw_ok .icon, .popup-box .status_ok .icon { width: 100px; height: 100px; display: block; background: url(../images/big-icons.png) no-repeat left top; }
.popup-box table.detail { width: 335px; margin: 0 auto; margin-bottom: 40px; border-top: #d0d5da 1px solid; }
.popup-box table.detail td { line-height: 36px; border-bottom: #d0d5da 1px solid; text-align: right; }
.popup-box table.detail th { line-height: 36px; border-bottom: #d0d5da 1px solid; text-align: left; }
.popup-box .withdraw_fail { line-height: 46px; width: 100px; margin: 0 auto; text-align: center; font-size: 16px; }
.popup-box .withdraw_fail .icon { width: 100px; height: 100px; display: block; background: url(../images/big-icons.png) no-repeat -100px top; }
.popup-box .warning { color: #f08b40; }
.popup-box h4 { font-size: 16px; text-align: center; }

.description { line-height: 16px; width: 60%; margin: 20px auto; padding-left: 2%; }
.description ul.num li { list-style: decimal; margin-left: 22px; line-height: 20px; }

.balance_summary { overflow: hidden; margin: 18px 27px 5px 0; }
.balance_summary .block { position: relative; font-size: 16px; color: #666; float: left; width: 33.33333333333%; height: 68px; padding: 5px 0 0 10px; background-color: #f5f5f5; border-top: 3px solid #0084e3; }
.balance_summary div.sum { text-align: center; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; color: #0084e3; position: absolute; right: 9px; bottom: 0; }
.balance_summary div.sum.cancel { color: #949aa1; }
.balance_summary div.sum .ss { font-size: 20px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; padding-top: 3px; }
.balance_summary div.sum b { font-size: 30px; display: inline-block; *diaplay: inline; zoom: 1; vertical-align: top; }
.balance_summary .unrecorded div.sum { color: #949aa1; }

.bank_account ul.list { width: 100%; display: table; margin-top: 30px; border-top: 2px solid #b1b9c2; border-bottom: 1px solid #b1b9c2; }
.bank_account ul.list li { display: table-row; line-height: 70px; }
.bank_account ul.list li div { display: table-cell; border-bottom: 1px solid #b1b9c2; }
.bank_account ul.list li:hover, .bank_account ul.list li.on { background-color: #d8dee7; }
.bank_account .rtitle { width: 25%; }
.bank_account .racct { width: 35%; }
.bank_account .ricon { background: url(../images/icons.png) no-repeat 10px -680px; width: 60px; }
.bank_account .addnew { color: #949aa1; }
.bank_account .addnew .ricon { background-position: -70px -680px; }
.bank_account .addnew .rtitle a { color: #949aa1; }
.bank_account .rdefault { text-align: center; width: 30%; }
.bank_account .rdefault span { color: #1f8be3; display: inline-block; background: url(../images/icons.png) no-repeat 30px -855px; padding-right: 20px; }

.credit_card ul.list { width: 100%; display: table; margin-top: 30px; border-top: 2px solid #b1b9c2; border-bottom: 1px solid #b1b9c2; }
.credit_card ul.list li { display: table-row; line-height: 70px; }
.credit_card ul.list li div { display: table-cell; border-bottom: 1px solid #b1b9c2; }
.credit_card ul.list li:hover, .credit_card ul.list li.on { background-color: #d8dee7; }
.credit_card ul.list li.visa .ricon { background-position: 45px 15px; }
.credit_card ul.list li.mastercard .ricon { background-position: 45px -73px; }
.credit_card ul.list li.jcb .ricon { background-position: 45px -247px; }
.credit_card ul.list li.chinatrust .ricon { background-position: -105px -247px; }
.credit_card ul.list li.esun .ricon { background-position: -105px -348px; }
.credit_card ul.list li.taishin .ricon { background-position: -105px -408px; } /*+44, +17*/
.credit_card ul.list li.addnew .ricon { background-position: 45px -165px; }
.credit_card .rtitle { width: 20%; }
.credit_card .racct { width: 50%; }
.credit_card .ricon { background-image: url(../images/icons_card.png); background-repeat: no-repeat; width: 150px; }
.credit_card .addnew { color: #949aa1; }
.credit_card .addnew .ricon { background-position: -70px -680px; }
.credit_card .addnew .rtitle a { color: #949aa1; }
.credit_card .rdefault { text-align: center; width: 30%; }
.credit_card .rdefault span { color: #1f8be3; display: inline-block; background: url(../images/icons.png) no-repeat 30px -855px; padding-right: 20px; }

.card_building { width: 95%; height: 182px; border: 2px solid #194a6e; margin: 30px 9px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.card_building p { color: #194a6e; position: absolute; }
.card_building p.title { font-size: 20px; top: 30px; left: 20px; }
.card_building p.account { font-size: 28px; bottom: 20px; left: 20px; }
.card_building p.bankicon { background: url(../images/icons.png) no-repeat 0 -948px; width: 54px; height: 52px; bottom: 20px; right: 30px; }

.creditcard_building { background-color: #2c3b47; width: 95%; height: 182px; border: 2px solid #194a6e; margin: 30px 9px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.creditcard_building.chinatrust { background-color: #2c3b47; width: 95%; height: 182px; border: 2px solid #194a6e; margin: 30px 9px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.creditcard_building.esun { background-color: #009c94; width: 95%; height: 182px; border: 2px solid #009c94; margin: 30px 9px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.creditcard_building.taishin { background-color: #FFF; color: #2c3b47; width: 95%; height: 182px; border: 2px solid #6b6b6d; margin: 30px 9px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.creditcard_building p { position: absolute; }
.creditcard_building p.cardno { top: 58px; right: 30px; }
.creditcard_building p.cardno .cardpoint { font-size: 10px; color: #FFF; padding-right: 5px; }
.creditcard_building p.cardno .no { color: #FFF; font-size: 24px; }
.creditcard_building p.validdate { width: 100px; text-align: center; top: 97px; left: 86px; }
.creditcard_building p.validdate span { line-height: 20px; }
.creditcard_building p.validdate .title { color: #FFF; font-size: 10px; }
.creditcard_building p.validdate .date { color: #FFF; font-size: 24px; }
.creditcard_building.taishin p.validdate .title { color: #2c3b47; font-size: 10px; }
.creditcard_building.taishin p.validdate .date { color: #2c3b47; font-size: 24px; }
.creditcard_building.taishin p.cardno .cardpoint { font-size: 10px; color: #2c3b47; padding-right: 5px; }
.creditcard_building.taishin p.cardno .no { color: #2c3b47; font-size: 24px; }
.creditcard_building p.cardicon { background: url(../images/icons_card.png) no-repeat 0 -353px; width: 92px; height: 58px; bottom: 7px; right: 7px; }
.creditcard_building p.chinatrust { background: url(../images/icons_card.png) no-repeat 0 -727px; width: 174px; height: 50px; top: 7px; left: 7px; }
.creditcard_building p.esun { background: url(../images/icons_card.png) no-repeat -7px -819px; width: 174px; height: 50px; top: 7px; left: 7px; }
.creditcard_building p.taishin { background: url(../images/icons_card.png) no-repeat -7px -891px; width: 174px; height: 50px; top: 7px; left: 7px; }

.aboutpi .intro { width: 993px; margin: 0 auto; }
.aboutpi .slogan { color: #0084e3; font-size: 25px; margin: 30px 0; }
.aboutpi p { margin: 25px 0; }
.aboutpi .pic_wall { overflow: hidden; width: 1140px; margin-bottom: 40px; }
.aboutpi .pic_wall img { float: left; margin: 11px; }
.aboutpi .pic_wall .ltside { width: 50%; float: left; }
.aboutpi .pic_wall .rtside { width: 50%; float: left; }
.aboutpi .contract { margin-bottom: 40px; }
.aboutpi .contract ol { padding-left: 20px; list-style: decimal; }
.aboutpi .contract ul { padding-left: 20px; list-style: disc; }
.aboutpi .contract li { text-align: justify; }
.aboutpi .contract li p { margin-top: 0; margin-bottom: 0; }
.aboutpi .contract .title { font-size: 24px; }
.aboutpi .contract .sub-title { font-size: 16px; }
.aboutpi .contract p { text-align: justify; }

/*set by naomi*/
.user-img { position: relative; }
.user-img .edit { background: url(../images/icons.png) no-repeat 100px -760px; width: 158px; height: 40%; display: block; position: absolute; bottom: 0; margin-left: 39px; margin-bottom: 24px; cursor: pointer; text-indent: -9999px; }

.secblock { padding-right: 29px; }
.secblock h2 { padding: 0; padding-bottom: 20px; margin-right: 0; margin-bottom: 0; }

.secblock .p-container {
    font-size: 1em;
    line-height: 2.0;
    padding-bottom: 30px;
}

.secblock .p-container h3 {
    font-size: 1.3em;
}

h1.header-with-line {
    font-size: 24px;
}

.header-with-line {
    border-bottom: 1px solid #D8DEE7;
}

section.set ul.list { display: table; width: 100%; }
section.set ul.list li { display: table-row; line-height: 50px; }
section.set ul.list li div, section.set ul.list li a { display: table-cell; vertical-align: middle; border-bottom: #eff1f3 1px solid; }
section.set .point1, .text-s2 .point1 { background: url(../images/icons.png) no-repeat left -600px; width: 7px; height: 6px; vertical-align: middle; display: inline-block; text-indent: -9999px; margin: 0 1px; position: relative; top: -1px; }
section.set ul.list li .rtitle { width: 22%; }
section.set ul.list li .ricon { width: 8%; }
section.set ul.list li .rdata { width: 55%; }
section.set ul.list li .redit { width: 15%; text-align: right; padding-right: 12px; }
section.set li .ricon { background-image: url(../images/set.png); background-repeat: no-repeat; width: 50px; height: 50px; }
section.set li.name .ricon  { background-position: 8px 13px; }
section.set li.birthday .ricon { background-position: -94px -87px; }
section.set li.nickname .ricon { background-position: 8px -37px; }
section.set li.rid .ricon { background-position: 8px -87px; }
section.set li.household .ricon { background-position: 8px -87px; }
section.set li.certificate .ricon { background-position: 8px -87px; }
section.set li.phonenum .ricon { background-position: 8px -133px; }
section.set li.email .ricon { background-position: 8px -183px; }
section.set li.loginpw .ricon, section.set li.paypw .ricon { background-position: 8px -233px; }
section.set li.rinvoice { background-color: #d8dee7; cursor: pointer; }
section.set li.rinvoice .ricon { background-position: -93px -182px; }
section.set li.store_info .ricon { background-position: -93px -135px; }
section.set li.store_video .ricon { background-position: -93px -233px; }
section.set li.product_video .ricon { background-position: -93px -233px; }
section.invoice-set h4 { color: #676e75; font-size: 16px; width: 290px; margin: 0 auto; line-height: 50px; }
section.invoice-set h4 label { width: auto; margin: 0 5px 0 20px; font-size: 16px; }
section.invoice-set p { font-size: 16px; color: #676e75; }
section.invoice-set label { font-size: 14px; color: #949aa1; font-weight: normal; white-space: nowrap; width: 100px; text-align: left; }
section.invoice-set ul.list { margin: 20px auto; width: 290px; }
section.invoice-set ul.list li { padding: 3px 0; }
section.invoice-set ul.list li label:hover { color: #58A4D2; }
section.invoice-set ul.list li.pt50 { padding-top: 50px; }
section.new_bank_acct h4 { color: #676e75; font-size: 16px; width: 270px; margin: 0 auto; line-height: 50px; }
section.new_bank_acct p { font-size: 16px; color: #676e75; }
section.new_bank_acct label { font-size: 16px; color: #949aa1; font-weight: normal; white-space: nowrap; width: 80px; text-align: left; margin-left: 0; }
section.new_bank_acct input[type="radio"], section.new_bank_acct input[type="checkbox"] { margin-right: 10px; margin-top: 10px; }
section.new_bank_acct ul.list { margin: 20px auto; width: 270px; }
section.new_bank_acct ul.list li { padding: 3px 0; }
section.new_bank_acct ul.list li.pt50 { padding-top: 50px; }
section.new_credit_card h4 { color: #676e75; font-size: 16px; width: 270px; margin: 0 auto; line-height: 50px; }
section.new_credit_card p { font-size: 16px; color: #676e75; }
section.new_credit_card select { width: 70px; }
section.new_credit_card select.month { float: left; padding-right: 10px; }
section.new_credit_card select.year { float: right; width: 80px;}
section.new_credit_card label { font-size: 14px; color: #949aa1; font-weight: normal; white-space: nowrap; width: 100px; text-align: left; margin-left: 0; }
section.new_credit_card input[type="radio"], section.new_credit_card input[type="checkbox"] { margin-right: 10px; margin-top: 10px; }
section.new_credit_card ul.list { margin: 20px auto; width: 270px; }
section.new_credit_card ul.list li { padding: 3px 0; }
section.new_credit_card ul.list li.pt50 { padding-top: 50px; }
section.action .errormsg { color: #f08b40; line-height: 20px; padding: 8px 5px; }

.inline a.center { text-align: center; width: 100%; display: inline-block; }

section.action .btn-zone .allbtn { width: 100%; }

.btn-zone .allbtn { width: 100%; }
.btn-zone .allbtn_half { width: 45%; }

.popup-m { width: 620px; }

.tips { background-color: #48aef8; color: #48aef8; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin: -10px -25px; margin-top: 40px; text-align: center; }
.tips a.slidedown { color: #FFFFFF; line-height: 32px; text-decoration: none; font-size: 15px; }
.tips a.slidedown .arrow { width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #ffffff transparent transparent transparent; position: relative; top: 14px; margin-left: 10px; }
.tips a.slidedown.slideon .arrow { width: 0; height: 0; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent #ffffff transparent; position: relative; top: -14px; margin-left: 10px; }
.tips .slidebox { background-color: #e1f2ff; color: #333333; font-size: 14px; line-height: 28px; text-align: left; padding: 20px; margin: 0 auto; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: none; }
.tips .slidebox a { color: #1d40c5; text-decoration: underline; }
.tips .slidebox ul { margin-left: 20px; }
.tips .slidebox ul li { list-style: disc; }

.verification { width: 452px; margin: 20px auto; line-height: 30px; font-size: 16px; }
.verification .rdata { color: #0084e3; }

.bluepoint { background: url(../images/set.png) no-repeat -100px 0px; width: 7px; height: 6px; vertical-align: middle; display: inline-block; text-indent: -9999px; margin: 0 1px; position: relative; top: -1px; }

.bluepoint3 { background: url(../images/set.png) no-repeat -100px 0px; width: 21px; height: 6px; vertical-align: middle; display: inline-block; text-indent: -9999px; margin: 0 3px; position: relative; top: -1px; }

.popup-box .inline div, .popup-box .inline label, .popup-box .inline input { display: inline-block; vertical-align: middle; }

.key .ricon { background-image: url(../images/set.png); background-position: -99px -48px; width: 40px; height: 30px; }

.popup-box .verification .time { margin-left: 144px; font-size: 12px; color: #0084e3; line-height: 30px; margin-bottom: 10px; }
.popup-box .verification .center { text-align: center; }

.input-group.date { display: inline-block; }
.input-group.date .form-control { display: inline-block; }

.container.content .mainblock h2 { line-height: 68px; color: #0084e3; }
.container.content .mainblock .content-block { margin: 0 7.5% 18px 10px; line-height: 20px; font-size: 14px; color: #666666; }
.container.content .mainblock .content-block .dr { margin: 20px 0; }
.container.content .mainblock .content-block p { margin: 20px 0; }
.container.content .mainblock section.detail { top: 0; margin: 0 7.5% 18px 10px; padding-top: 0; }
.container.content .mainblock section.detail ul li { line-height: 40px; }
.container.content .mainblock section.detail ul li a { color: #666666; }
.container.content .mainblock section.detail ul li a:hover { color: #0084e3; }
.container.content .detailblock h2 { padding-top: 32px; line-height: 68px; }

.container.faq-form { min-height: 500px; }
.container.faq-form section.form { width: 336px; margin: 25px auto; font-size: 16px; color: #333333; }
.container.faq-form section.form.center { text-align: center; }
.container.faq-form section.form p { line-height: 34px; }
.container.faq-form section.form p.blue { color: #0084e3; }
.container.faq-form section.form.right { width: 400px; }
.container.faq-form section.form.right label { text-align: right; width: 120px; margin-right: 10px; color: #333333; }
.container.faq-form section.form ul li { margin-bottom: 17px; }
.container.faq-form section.form ul li label { margin-right: 20px; margin-left: 3px; color: #949aa1; font-weight: normal; margin-bottom: 0; vertical-align: top; line-height: 34px; }
.container.faq-form section.form ul li.radioline { margin-bottom: 5px; line-height: 40px; }
.container.faq-form section.form ul li.radioline label { vertical-align: middle; }
.container.faq-form section.form ul li .mt10 { margin: 10px; }
.container.faq-form section.form ul li div.text-m { width: 244px; }
.container.faq-form section.form ul li a.note { font-size: 12px; color: #949aa1; line-height: 34px; }
.container.faq-form section.form ul li a.note:hover { color: #0084e3; }
.container.faq-form section.form .btn-zone .btnc { font-size: 16px; color: #FFFFFF; line-height: 40px; background-color: #0084e3; border: none; text-align: center; height: 40px; width: 100%; }
.container.faq-form section.form .btn-zone .btnc:hover { background-color: #006ec2; }
.container.faq-form section.form .btn-zone .btnb { font-size: 16px; color: #FFFFFF; line-height: 40px; background-color: #414141; border: none; text-align: center; height: 40px; width: 100%; }
.container.faq-form section.form .btn-zone .btnb:hover { background-color: #333333; }
.container.faq-form .detailblock { background-color: #FFFFFF; border-left: #f7f7f7 1px solid; }
.container.faq-form .detailblock section.detail { background-color: #FFFFFF; }
.container.faq-form .detailblock .btn-zone { display: none; }

div.fixwidth { margin: 0 7% 18px 2px; }

.pathway { color: #949aa1; line-height: 32px; font-size: 14px; }
.pathway a { color: #949aa1; }
.pathway a::after { content: " > "; }

section.action .inline div.icheckbox_square-blue, section.action .inline div.iradio_square-blue { vertical-align: middle; margin-left: -5px; }

div.icheckbox_square-blue, div.iradio_square-blue { margin-right: 5px; vertical-align: middle; }

.is-error { color: #be0000 !important; background: url(../images/icons.png) no-repeat -268px -876px !important; padding-left: 24px !important; font-size: 14px !important; line-height: 26px !important; margin: 3px 0 !important; display: inline-block !important; }
section.action span.ban-notice { color: #0084E3; line-height: 1.4; font-size: .9em; }
/*********************************************************commerce***********************************************/
.commerce header { background-color: #333333; }
.commerce .titleblock { background-color: #333333; }
.commerce .detailblock { background-color: #ededed; }
.commerce .faq .detailblock { background-color: #f5f5f5; }
.commerce .faq .faq-form .detailblock { background-color: #FFFFFF; }
.commerce .support .detailblock { background-color: #FFFFFF; }
.commerce section.action h4.num { background: #666666; }
.commerce section.action .btn-zone .submit { background: #555555; }
.commerce section.action .btn-zone .submit:hover { background: #333333; }
.commerce section.action .btn-zone .reset { background: #e1e1e1; }
.commerce section.action .btn-zone .reset:hover { background: #bcbcbc; }
.commerce ul.nav li a.on, .commerce ul.nav li a.on:hover { border-left: #0b2d6e 6px solid; color: #0b2d6e; }
.commerce ul.nav li a:hover { border-left: #9ed1f7 6px solid; color: #333333; }
.commerce .tradeing-record a span { background: url(../images/menu_icons2.png) no-repeat left 6px; }
.commerce .tradeing-record a:hover span { background: url(../images/menu_icons2.png) no-repeat -100px 6px; }
.commerce .tradeing-record a.on span { background: url(../images/menu_icons2.png) no-repeat -200px 6px; }
.commerce .withdraw a span { background: url(../images/menu_icons2.png) no-repeat left -95px; }
.commerce .withdraw a:hover span { background: url(../images/menu_icons2.png) no-repeat -100px -94px; }
.commerce .withdraw a.on span { background: url(../images/menu_icons2.png) no-repeat -200px -94px; }
.commerce .mywallet a span { background: url(../images/menu_icons2.png) no-repeat left -196px; }
.commerce .mywallet a:hover span { background: url(../images/menu_icons2.png) no-repeat -100px -196px; }
.commerce .mywallet a.on span { background: url(../images/menu_icons2.png) no-repeat -200px -196px; }
.commerce .qrcode a span { background: url(../images/menu_icons2.png) no-repeat left -40px; }
.commerce .qrcode a:hover span { background: url(../images/menu_icons2.png) no-repeat -101px -40px; }
.commerce .qrcode a.on span { background: url(../images/menu_icons2.png) no-repeat -201px -40px; }
.commerce .ftab a.on { border-bottom: #0b2d6e 4px solid; }
.commerce input.btn_submit { background-color: #555555; }
.commerce input.btn_submit:hover { background-color: #333333; }
.commerce .data-download a { background: #555555 url(../images/icon_dl.png) no-repeat 14px 6px; }
.commerce .data-download a:hover { background: #333333 url(../images/icon_dl.png) no-repeat 14px 6px; }
.commerce .searchbar .qsearch a.on, .commerce .searchbar .qsearch a:hover { background: #e6e6e6; }
.commerce section.pageslink ul li span { background: #333333; border: #333333; }
.commerce section.pageslink ul li a:hover { background: #e6e6e6; }
.commerce .btn-zone .btn.btn-cancel { background-color: #e7e7e7; }
.commerce .btn-zone .btn.btn-cancel:hover { background-color: #bcbcbc; }
.commerce .btn-zone .btn.btn-disabled { background-color: #e7e7e7; }
.commerce .btn-zone .btn.btn-submit { background-color: #555555; }
.commerce .btn-zone .btn.btn-submit:hover { background-color: #333333; }
.commerce .btn-zone .btn.response { padding: 5px 20px; width: auto; }
.commerce .balance_summary .block { border-top: 3px solid #0b2d6e; }
.commerce .wrapper.faq header .logo { background: url(../images/logo_Pi_service2.png) no-repeat left top; }
.commerce .titleblock .searchgo { background: url(../images/faq_icons.png) no-repeat -242px -242px #FFFFFF; }

/*********************************************************commerce end***********************************************/
.loginpage .container { width: 465px; background-color: #f5f5f5; }
.loginpage .container h1 { background-color: #f5f5f5; color: #000822; font-size: 35px; line-height: 108px; margin: 0; display: block; width: 100%; }
.loginpage .container .mainblock { display: block; width: 465px; border: #cccfd2 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFFFFF; padding: 48px 64px; font-size: 20px; }
.loginpage section.form ul li { margin-bottom: 17px; }
.loginpage section.form ul li label { margin-right: 30px; margin-left: 3px; color: #949aa1; font-weight: normal; margin-bottom: 0; vertical-align: top; line-height: 34px; }
.loginpage section.form ul li.radioline { margin-bottom: 5px; line-height: 60px; }
.loginpage section.form ul li.radioline label { vertical-align: middle; }
.loginpage section.form ul li .mt10 { margin: 10px; }
.loginpage .btn-zone .btnc { font-size: 20px; color: #FFFFFF; line-height: 40px; background-color: #0084e3; border: none; text-align: center; height: 40px; width: 100%; }
.loginpage .btn-zone .btnc:hover { background-color: #006ec2; }
.loginpage .btn-zone .btnc.sbtnb { background-color: #414141; }
.loginpage .btn-zone .btnb { font-size: 20px; color: #FFFFFF; line-height: 40px; background-color: #414141; border: none; text-align: center; height: 40px; width: 100%; }
.loginpage .btn-zone .btnb:hover { background-color: #333333; }
.loginpage .btn-zone .btnr { font-size: 20px; line-height: 40px; background-color: #414141; border: none; text-align: center; height: 40px; width: 100%; color: #0084e3; background-color: #d8dee7; }
.loginpage .btn-zone .btnr.sbtnb { background-color: #414141; }
.loginpage .btn-zone .btnr:hover { color: #fff; background-color: #b1b5bc; }
.loginpage .btn-zone .hr-line { background-color: #cccfd2; height: 1px; margin: 28px 0; }
.loginpage .btn-zone .img-line { margin-bottom: 5px; line-height: 60px; }
.loginpage .btn-zone .img-line .btni { border:2px blue none;}
.loginpage a.rlink { line-height: 30px; color: #949aa1; margin: 17px 0; display: block; font-size: 16px; }
.loginpage a.rlink:hover { text-decoration: underline; }
.loginpage .form-control { height: 40px; font-size: 20px; }

.forgotpage .container { width: 465px; min-height: 600px; background-color: #f5f5f5; }
.forgotpage .container h1 { background-color: #f5f5f5; color: #000822; font-size: 35px; line-height: 108px; margin: 0; display: block; }
.forgotpage .container .mainblock { display: block; width: 465px; border: #cccfd2 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFFFFF; padding: 30px 50px; margin-bottom: 30px; font-size: 16px; margin-left: auto; margin-right: auto; }
.forgotpage .container .tips { margin: 40px -50px -30px -50px; }
.forgotpage .container .tips .slidebox ul li { margin-bottom: 0; }
.forgotpage .forgotform-3 label { width: 132px; text-align: right; }
.forgotpage .forgotform-3 ul { margin-top: 20px; }
.forgotpage .center { text-align: center; }
.forgotpage .verification { width: 100%; margin-top: 0; }
.forgotpage .verification .text-m { width: 300px; }
.forgotpage .inline div { vertical-align: middle; display: inline-block; *display: inline; zoom: 1; }
.forgotpage .time, .forgotpage .timesup { margin-left: 148px; color: #0084e3; font-size: 14px; }
.forgotpage label { padding-bottom: 0; vertical-align: middle; font-weight: normal; }
.forgotpage ul li { margin-bottom: 17px; }
.forgotpage ul li label { margin-right: 20px; color: #949aa1; font-weight: normal; margin-bottom: 0; vertical-align: top; line-height: 40px; }
.forgotpage ul li.radioline { margin-bottom: 5px; line-height: 60px; }
.forgotpage ul li.radioline label { vertical-align: middle; }
.forgotpage ul li .mt10 { margin: 10px; }
.forgotpage .btn-zone .btnb { color: #FFFFFF; background-color: #414141; }

.register-page .corporationblock { background-color: #f5f5f5; text-align: left; margin: 60px auto 0px auto; width: 800px; }
.register-page .corporationblock h2 {font-size: 32px; color: #000; font-family: "微軟正黑體"; font-weight:500;}
.register-page .corporationblock h3 {font-size: 16px;}
.register-page .corporationblock .icon {float:left;width:100px;height:100px;margin-right:12px;}
.register-page .titleblock { background-color: #f5f5f5; text-align: center; margin: 60px auto 0px auto; width: 800px; }
.register-page .titleblock.leftcenter { text-align: left; font-size: 35px; color: #333333; margin: 0 auto; line-height: 100px; }
.register-page .titleblock.leftcenter .blue { color: #0084e3; }
.register-page .titleblock.leftcenter h1 { color: #333333; margin: 0; padding: 0 10px; }
.register-page .titleblock.left { text-align: left; font-size: 35px; color: #333333; width: 1024px; margin: 0 auto; line-height: 100px; }
.register-page .titleblock.left .blue { color: #0084e3; }
.register-page .titleblock.left h1 { color: #333333; margin: 0; padding: 0 10px; }
.register-page .titleblock h1 { color: #0084e3; font-size: 35px; margin-bottom: 0.4em; }
.register-page .titleblock h3 { font-size: 20px; color: #333333; }
.register-page .container { background-color: #f5f5f5; max-width: 800px;}
.register-page .mainblock { width: 100%; padding-left: 0; }
.register-page .register_index, .register-page .register_success { display: table; border-collapse: separate; border-spacing: 60px 30px; }
.register-page .rblock { display: table-cell; width: 310px; border: #abafb4 1px solid; background-color: #FFFFFF; padding: 25px; }
.register-page .rblock .icon { background: url(../images/big-icons.png) no-repeat; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 100px; height: 87px; margin-right: 17px; }
.register-page .rblock h2 { color: #333333; font-size: 20px; border-bottom: none; margin: 60px auto; padding: 0; }
.register-page .rblock h2 .title { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 20px; }
.register-page .rblock h2 b { font-size: 35px; }
.register-page .rblock ul { font-size: 20px; margin: 44px 0 0 0; }
.register-page .rblock.b_block .block_1,
.register-page .rblock.c_block .block_1 { position: relative; height: 420px; }
.register-page .rblock .btn-zone { margin-bottom: 0; position: absolute; bottom: 0px; width: 100%; }
.register-page .rblock.c_block .btn-submit { color: #fefefe; background-color: #0084e3; }
.register-page .rblock.c_block .btn-submit:hover { background-color: #006ec2; }
.register-page .rblock.c_block .btn-submit.sbtnb { background-color: #414141; }
.register-page .rblock.c_block .icon { background-position: left -100px; }
.register-page .rblock.c_block li { padding-left: 1em; text-indent: -.7em; margin-bottom: 15px; }
.register-page .rblock.c_block li:before { content: "• "; color: #0084e3; /* or whatever color you prefer */ }
.register-page .rblock.b_block .icon { background-position: -100px -100px; }
.register-page .rblock.b_block li { padding-left: 1em; text-indent: -.7em; margin-bottom: 15px; }
.register-page .rblock.b_block li:before { content: "• "; color: #333333; /* or whatever color you prefer */ }
.register-page .rblock.b_block .btn-zone .btn.btn-cancel { background-color: #e7e7e7; }
.register-page .rblock.b_block .btn-zone .btn.btn-cancel:hover { background-color: #bcbcbc; }
.register-page .rblock.b_block .btn-zone .btn.btn-disabled { background-color: #e7e7e7; }
.register-page .rblock.b_block .btn-zone .btn.btn-submit { background-color: #555555; }
.register-page .rblock.b_block .btn-zone .btn.btn-submit:hover { background-color: #333333; }
.register-page .rblock.b_block .btn-zone .btn.response { padding: 5px 20px; width: auto; }
.register-page .register_con { max-width: 1024px; width: 800px; margin-bottom: 50px; min-height: 240px; }
.register-page .register_con .mainblock { width: 664px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #cccccc 1px solid; background-color: #FFFFFF; padding: 10px 40px; }
.register-page .register_con .mainblock.block2 { -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 25px 25px 25px 30px; }
.register-page .register_con nav.left { width: 360px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: #cccccc 1px solid; border-right: none; background-color: #FFFFFF; padding: 25px; }
.register-page .register_con nav.left p { font-size: 16px; line-height: 30px; }
.register-page .register_con h3 { font-size: 20px; margin-bottom: 15px; }
.register-page .register_con ul.list { margin: 45px 0 35px 0; }
.register-page .register_con ul.list .inline div { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.register-page .register_con ul.list .inline div.arrow_box { display: table-cell; }
.register-page .register_con ul.list li { margin-bottom: 20px; position: relative; }
.register-page .register_con ul.list label { margin-bottom: 0; width: 120px; text-align: right; margin-right: 20px; font-size: 16px; line-height: 34px; vertical-align: middle; }
.register-page .register_con ul.list .form-control { font-size: 16px; }
.register-page .register_con .fixwidth240 { margin-left: 0; margin-right: 0; width: 340px; }
.register-page .register_con .fixwidth240 .btn { height: 38px; font-size: 20px; }
.register-page .register_con .errormsg { position: absolute; top: -15px; right: 15px; }
.register-page .register_con .arrow_box { position: relative; background: #FFFFFF; border: 1px solid #d4d4d4; padding: 5px 15px; width: 235px; height: 60px; border-radius: 6px; font-size: 12px; display: table-cell; vertical-align: middle; }
.register-page .register_con .arrow_box:after, .register-page .register_con .arrow_box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.register-page .register_con .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFFFFF; border-width: 9px; margin-top: -9px; }
.register-page .register_con .arrow_box:before { border-color: rgba(212, 212, 212, 0); border-right-color: #d4d4d4; border-width: 10px; margin-top: -10px; }
.register-page .register_con iframe { width: 100%; height: 500px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #cccccc 1px solid; }
.register-page .register_con .radiocheck { text-align: center; margin-top: 30px; margin-bottom: 10px; width: 100%; font-size: 16px; }
.register-page .register_con .radiocheck label { font-weight: normal; margin-bottom: 0; vertical-align: middle; }
.register-page .register_con .register_consent .article-container { height: 500px; -webkit-overflow-scrolling:touch; overflow: auto; border-radius: 5px; border: 1px solid #CCC; padding: 15px; }
.register-page .register_con .register_consent article { line-height: 2; width: 100%; height: 100%; }
.register-page .register_con .register_consent article .cjk-decimal ol li { list-style-type: decimal; }

.register-page .register_con .register_consent .btn-zone { margin-top: 20px; }
.register-page .register_con .register_consent .btnmargin20 { margin: 0 30px; }
.register-page .register_con .register_email .verification { width: 560px; }
.register-page .register_con .register_email .inline div { vertical-align: middle; display: inline-block; *display: inline; zoom: 1; }
.register-page .register_con .register_email .time { margin-left: 148px; font-size: 14px; color: #0084e3; }
.register-page .register_con .register_email label { padding-bottom: 0; vertical-align: middle; font-weight: normal; }
.register-page .register_con .register_email .tips { margin: 40px -40px -10px -40px; }
.register-page .register_con .register_email .tips .slidebox ul li { margin-bottom: 0; }
.register-page .register_con .register_phone .inline div { vertical-align: middle; display: inline-block; *display: inline; zoom: 1; }
.register-page .register_con .register_phone .time { margin-left: 148px; font-size: 14px; color: #0084e3; }
.register-page .register_con .register_phone .timesup { font-size: 14px; color: #0084e3; }
.register-page .register_con .register_phone .btn-zone { margin-top: 20px; }
.register-page .register_con .register_phone label { padding-bottom: 0; vertical-align: middle; font-weight: normal; }
.register-page .register_con .register_phone .tips { margin: 40px -40px -10px -40px; }
.register-page .register_con .register_phone .tips .slidebox ul li { margin-bottom: 0; }
.register-page .register_success .rblock { position: relative; padding-bottom: 83px; }
.register-page .register_success .rblock .btn-zone.bottom-btn { position: absolute; bottom: 40px; margin: 0; }
.register-page .register_success .rblock .btn-zone .btn-cancel { background-color: #999999; color: #FFFFFF; }
.register-page .register_success .rblock .btn-zone .btn-cancel:hover { background-color: #0084e3; }
.register-page .register_success .rblock .btn-zone .apple { width: 128px; height: 40px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; text-indent: -9999px; background: url(../images/big-icons.png) no-repeat -150px -300px; float: left; }
.register-page .register_success .rblock .btn-zone .android { width: 128px; height: 40px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; text-indent: -9999px; background: url(../images/big-icons.png) no-repeat left -300px; float: left; }
.register-page .register_success .rblock h2 { margin: 25px auto; }
.register-page .register_success .rblock p { font-size: 20px; line-height: 36px; padding-top: 5px; }
.register-page .register_success .rblock .qrcode { margin: 25px auto; text-align: center; }
.register-page .register_success .rblock.c_block .icon { background-position: left -200px; height: 71px; }
.register-page .register_success .rblock.c_block .btn { width: 260px; }
.register-page .register_success .rblock.b_block .icon { background-position: -115px -200px; width: 75px; height: 71px; }
.register-page .register_success .rblock.b_block .btn-zone { margin: 0; }
.register-page .register_con_form { width: 1024px; }
.register-page .birthday { float: left; }
.register-page .birthday, .register-page .birthday option { text-align: center; }
.register-page .birthday.month { margin-right: 10px; width: 95px; margin-top: 10px; }
.register-page .birthday.day { width: 95px; margin-top: 10px; }

/*******************************************************************************************************************************/
@media (max-width: 1024px) { .detailblock { display: none; }
  header { width: 100%; min-width: 783px; margin: 0 auto; }
  header .header_con { width: 100%; min-width: 783px; }
  .container, footer { width: 100%; min-width: 783px; }
  .container { min-height: 700px; }
  .forgotpage .container, .loginpage .container { width: 465px; min-width: 465px; }
  .register-page .register_con { max-width: 800px; }
  .register-page .titleblock { max-width: 800px; }
  .register-page .titleblock.left { max-width: 1024px; }
  .mainblock { width: 470px; position: relative; }
  .mainblock h2.blue { line-height: 30px; padding: 15px 0; }
  nav.left { width: 205px; }
  .searchbar { padding: 10px 0px 10px 0px; }
  .searchbar .qsearch a { margin: 0 8px; padding: 0 13px; }
  .searchbar .nsearch .calendar { margin: 0 7px; }
  input.text-s { width: 95px; }
  section.pageslink ul li a, section.pageslink ul li span { padding: 0 5px; line-height: 20px; height: 20px; }
  footer .copyrihgt { font-size: 12px; }
  ul.footer_nav li { padding: 0 4px; }
  footer h3 { padding: 0 5px; }
  .detail-light { position: absolute; left: 0; right: 0; top: 0; }
  .detail-light .light-wrap { background-color: #FFF; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; min-height: 700px; position: absolute; left: 0; top: 0; }
  .detail-light .detailblock { width: 370px; margin: 5px auto; position: relative; }
  .detail-light .detailblock section.detail { height: 600px; }
  .detail-light .detailblock.detailblock65 { padding: 25px; margin-top: 40px; }
  .detail-light .detailblock.detailblock65 .close-btn { top: 30px; right: 30px; }
  .detail-light .detailblock .minimize { line-height: 20px; }
  .detail-light .detailblock div.sum { padding-bottom: 0; }
  section.action { min-height: 400px; }
  section.action h4.num { margin-top: 22px; }
  .bank_account .rtitle { width: 30%; }
  .bank_account .racct { width: 30%; }
  .faq .detailblock { display: table-cell; } }
@media (min-width: 1025px) and (max-width: 1280px) { .detailblock { display: none; }
  header { width: 100%; margin: 0 auto; }
  header .header_con { width: 100%; }
  .container, footer { width: 100%; }
  .container { min-height: 700px; }
  .mainblock { width: 741px; position: relative; }
  ul.footer_nav li { padding: 0 4px; }
  footer h3 { padding: 0 5px; }
  .detail-light { position: absolute; left: 0; right: 0; top: 0; }
  .detail-light .light-wrap { background-color: #FFF; opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; min-height: 700px; position: absolute; left: 0; top: 0; }
  .detail-light .detailblock { width: 370px; margin: 5px auto; position: relative; }
  .detail-light .detailblock.detailblock65 { padding: 25px; margin-top: 40px; }
  .detail-light .detailblock.detailblock65 .close-btn { top: 30px; right: 30px; }
  .detail-light .detailblock .minimize { line-height: 20px; }
  .detail-light .detailblock div.sum { padding-bottom: 0; }
  section.action { min-height: 400px; }
  section.action h4.num { margin-top: 22px; }
  .bank_account .rtitle { width: 25%; }
  .bank_account .racct { width: 35%; }
  .faq .detailblock { display: table-cell; }
  .faq .detailblock { width: 385px; } }
@media (max-width: 1430px) { header .header_con { padding-left: 40px; }
  header .index .wrap.login-bar { padding-right: 40px; } }
@media (max-width: 1170px) {
  .index .kv-cellphone,
  .index .kv-cellphone2 { right: 10%; }
  .support_titleblock span { padding-left: 23px; }
}
@media (max-width: 960px) { .index .kv-cellphone, .index .kv-cellphone2 { right: 0%; } }
@media (max-width: 900px) { .index .section.kv01 .unit-left { width: 58%; } }
@media (min-width: 1281px) and (max-width: 1366px) { header { width: 100%; margin: 0 auto; }
  header .header_con { width: 100%; }
  .container, footer { width: 100%; }
  .mainblock { width: 612px; }
  .searchbar { padding: 10px 20px 10px 20px; }
  .searchbar .qsearch a { margin: 0 6px; padding: 0 14px; }
  .searchbar .nsearch .calendar { margin: 0 10px; }
  .detail-light { display: none; }
  .faq .mainblock { width: 878px; }
  .faq .detailblock { width: 385px; } }
@media (min-width: 1367px) { .detail-light { display: none; } }


/* --- profile upload start 增加的 CSS  ---*/

.btn-tertiary {
    color: #555;
    padding: 0;
    line-height: 40px;
    width: 300px;
    margin: auto;
    display: block;
    border: 2px solid #555;
}
.btn-tertiary:hover, .btn-tertiary:focus {
    color: #888888;
    border-color: #888888;
}

/* input file style */
.input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.input-file + .js-labelFile {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    cursor: pointer;
}
.input-file + .js-labelFile .icon:before {
    content: "\f093";
}
.input-file + .js-labelFile.has-file .icon:before {
    content: "\f00c";
    color: #5AAC7B;
}
/* --- profile upload end 增加的 CSS  ---*/