body{ margin:0; padding:0; font-family:"微軟正黑體";}
.right-side { width:100%!important; max-width: 742px!important; position: relative; }
.pc{ display: block;}
.phone{ display: none;}
.pc img ,.phone img{ width:auto !important; max-width:100% !important; height:auto;}

/*-------------------新手上路--------------------*/
 
.cscenter{ padding-top:30px; text-align:center; vertical-align: text-top  ;}
.cscenter .btn{ display:inline-block; width:246px; height:234px; background:url(../../images/cscenter/list-bg.png) no-repeat; margin:10px 30px; }
.cscenter .btn h3{ width:100%; text-align:center; margin:16px  auto 12px; color:#dc4043; font-weight:bold; letter-spacing:2px;}
.cscenter .btn .hr{ width:223px; height:2px; background:url(../../images/cscenter/hr.png) no-repeat; margin:0  auto;}
.cscenter .btn .icon{ margin-top:10px; height:70px; line-height:70px; vertical-align:middle;}
.cscenter .btn .icon img{ display:block; margin:0 auto; max-height:70px;}
.cscenter .btn .word{ text-align:center; margin:10px auto; line-height:22px; font-size:15px; height:40px; vertical-align:middle;}
.cscenter .btn .more{ display:block; width:104px; margin:0 auto;}

.cscenter .points{width: 540px; margin: 20px auto 10px; color: #e21f23; font-weight: bold; }

.cscenter .deed{  width:540px; margin:20px auto 10px; text-align:left;}
.cscenter .deed  h3{ display:inline-block; color:#db5e60; vertical-align:middle;  padding-right:15px;}
.cscenter .deed  h3 img{ margin-right:8px;}
.cscenter .deed  .deed-link {display:inline-block;vertical-align:middle;border-left:5px solid #ec6c6f; padding-left:15px;}
.cscenter .deed  .deed-link a{ display:block;  color:#666; font-size:15px; line-height:22px;}
.cscenter .deed  .deed-link a:hover{ color: #C00; }
/*------------------- 證券戶加開 --------------------*/
.cls_Apply { vertical-align: text-top;}
.cls_Apply .cls_title {color: #a38138;font-weight:bold;text-align: center;font-size: 18px;position: relative;left: 25px;top: 0;width: 650px;height: 30px;border-bottom: 2px solid #a38138; margin-top: 40px;}
.cls_Apply .cls_Div {margin: 20px auto;}
.cls_Apply .OpenDiv{text-align: center;display:inline-block; width:220px; height:250px; margin:10px 5px; background-color: #EBEBEB; border-radius: 20px; }
.cls_Apply .SetDivH{ height:210px;}
.cls_Apply .OpenDiv h3{ width:100%; text-align:center; margin:16px  auto 12px; color:#dc4043; font-weight:bold; letter-spacing:2px;}
.cls_Apply .OpenDiv .hr{ width:220px; height:2px; background:url(../../images/cscenter/hr.png) no-repeat; margin:0  auto;}
.cls_Apply .OpenDiv .icon{ margin-top:10px; height:70px; line-height:70px; vertical-align:middle;}
.cls_Apply .OpenDiv .icon img{ display:block; margin:0 auto; max-height:70px;}
.cls_Apply .OpenDiv .word{ text-align:center; margin:10px auto; line-height:22px; font-size:15px; vertical-align:middle;padding-bottom: 5px; height: 40px;}
.cls_Apply .setmoreH{ margin-top:-40px;}

/*暫停服務*/
.cls_Apply .OpenDiv .paused {display: inline-block;text-align: center;font: normal normal bold 16px Microsoft JhengHei;margin-top: -15px;}

/*按鈕*/
.cls_Apply .OpenDiv .more{display:inline-block;text-align:center;vertical-align:middle;padding:6px 16px;border:2px solid #a38138;border-radius:10px;background:#f0c570;background:-webkit-gradient(linear,left top,left bottom,from(#f0c570),to(#b88f3d));background:-moz-linear-gradient(top,#f0c570,#b88f3d);background:linear-gradient(to bottom,#f0c570,#b88f3d);text-shadow:#a38137 0 0 10px;color:#fff;text-decoration:none;margin-left:3px;margin-right:3px;font:normal normal bold 16px Microsoft JhengHei}
.cls_Apply .OpenDiv .more:hover,.cls_Apply .OpenDiv .more:focus{border:2px solid #d4a849;background:#ffec86;background:-webkit-gradient(linear,left top,left bottom,from(#ffec86),to(#ddac49));background:-moz-linear-gradient(top,#ffec86,#ddac49);background:linear-gradient(to bottom,#ffec86,#ddac49);color:#fff;text-decoration:none}
.cls_Apply .OpenDiv .more:active{background:#907643;background:-webkit-gradient(linear,left top,left bottom,from(#907643),to(#b88f3d));background:-moz-linear-gradient(top,#907643,#b88f3d);background:linear-gradient(to bottom,#907643,#b88f3d)}

/*------------------- 證券戶加開進度查詢 --------------------*/

.cstab-con_1 .step-nav {
    background-image: url(../../images/oldMember_check.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 212px
}
.cstab-con_1 table td {position: relative;}
.cstab-con_1 table td:first-child { padding-left:10px; }
.cstab-con_1 table input { box-sizing: border-box;
            margin: 0;
            list-style: none;
            font-feature-settings: "tnum";
            position: relative;
            display: inline-block;
            min-width: 0;
            padding: 4px 11px;
            font-size: 14px;
            line-height: 1.5715;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            transition: none 0s ease 0s;
            width: 100%;
            height: 34px;
            border: 1px solid rgb(230, 235, 245);}
.cstab-con_1 .btn { width: 100%; display:flex; justify-content: center;}
.cstab-con_1 .btn a { cursor:pointer; margin: 0 10px; }

.cstab-con_1 .pw {position: relative;}
.cstab-con_1 .cls_seePw {position: absolute;cursor: pointer;top: 20px;right: calc(5% + 0px);}
.cstab-con_1 .cls_seePw img {width: 23px; content: url("/Images/seePw_no.png");}
.cstab-con_1 .cls_seePw.show img {content: url("/Images/seePw.png");}

.oldMember-check { }
.oldMember-check .step-nav {
    background-image: url(../../images/oldMember_check.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 212px
}
.oldMember-check .check{ background:#f1f1f1; width:100%; max-width:740px; margin:0 auto; padding-bottom:15px;}

.oldMember-check .check h3{ height:27px; line-height:27px; letter-spacing:2px;  padding-left:20px; background:url(/Images/tit_bg.png);}
.oldMember-check .check .step{ margin:10px auto;}
.oldMember-check .check .step img{ display:block; margin:0 auto; }

.oldMember-check .check table.file{width:100%;   max-width:712px; margin:0 auto; background:#FFF; border:1px solid  #CCC; font-size:15px;}
.oldMember-check .check table.file th{ width:50%;padding:10px 0; padding-left:20px; text-align:left; }
.oldMember-check .check table.file td{padding:10px 0; text-align:center;}
.oldMember-check .check table.file td a{ color:#333333; text-decoration:underline;}
.oldMember-check .check table.file td a:hover{ color: #F60; }

.oldMember-check  > a{ width:80px; display:block; margin:20px auto 0;}

/*-------------------CSMessage--------------------*/

.cMsFont{margin:5px 0;font-size:15px;color:#767676;line-height:1.6em;padding-left:10px;margin-left:20px;margin-right:20px}
@media (max-width: 640px) {
    .pc{display:none}
    .phone{display:block}
    .oldMember-check .check table.file th{width:30%;padding:5px 0;padding-left:10px}
    #wrapper{width:100%}
    #content{width:100%}
    .left-side{display:none}
    #map{display:none}
    #header{display:none}
    #nav{display:none}
    #footer{display:none}
    #content{padding:0}
    .padding20{padding:0}

    .cstab-con_1 .step-nav, .oldMember-check .step-nav {
        background-size: auto 100%;
        height: 200px;
    }
}
@media (max-width: 350px) {
    .cstab-con_1 .step-nav, .oldMember-check .step-nav {
        height: 150px;
    }
}