

table {border-collapse: collapse;}
td    {padding: 0px;}
html,body{
margin:0;
height:100%;
width:100%;
  font-size: 15px;
  font-family: "Microsoft YaHei", sans-serif;
}  
input{
    width:100%;
}
input[type="checkbox"]{
    cursor: pointer;
    width: auto;
}
input[type="text"],input[type="password"]{
    padding: 5px 9px;
    font-size: 12px;
}

.h_line{
    border-bottom: 1px solid silver;
    width: 100%;
    display: block;
}

.btn{
    display: block;
    border: 1px silver solid;
    padding: 9px;
    width: 100%;
    cursor: pointer;
}

.btn2{
    background: rgb(236,93,10);
    color:white;
    display: block;
    border: none;
    padding: 9px;
    width: 100%;
}



.please_logout .bg{
    position: fixed;
    right: 0px;
    bottom: 0px;
    top: 0px;
    left: 0px;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.please_logout .logo{
    height:60%
}
.please_logout .main{
    position: fixed;
    right: 0px;
    bottom: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.please_logout .logo{
    height:20%;
}  
.please_logout .message{
    color:white;
}



.signup_phone .sms_vlidate_area input{
    border: none;
    font-size: 14px;
} 
.signup_phone .sms_vlidate_area{
    display: table;
}
.signup_phone .sms_vlidate_area > tbody > tr > td{
    padding: 5px!important;
}

.v2_common_box{
    width: 460px;
    background: #313338;
    padding: 20px;
    height: auto;
    overflow: hidden;
    color: #fff;
    border: 0px solid #e7eaec;
    border-radius: 10px;
    box-shadow: 1px 2px 3px #313338;
    position: relative;
    display: block;
} 
.v2_common_box .link{
    color: #059AE5;
    cursor: pointer;
}

.v2_common_box table{
    width:100%;
}
.v2_common_box table .tr_number_select{
/*    display: inline-block;*/
    width: 100%;
    text-align: left;
} 
.v2_common_box table .tr_number_select input{
/*    width: calc(100% + 32px);*/
} 
.v2_common_box table td{
    padding: 6px 5px;
} 
.v2_common_box table .float_right{
    float:right;
}
.v2_common_box table .box_title{
    font-size: 1.5em;
    letter-spacing: 2px;
}
.v2_common_box table select{
    font-size: 1.2em;
    padding: 5px 9px;
    height: auto;
}
.v2_common_box table input,.v2_common_box table .vlidate_area input{
    padding: 5px 9px;
    font-size: 1.2em;
}
.v2_common_box table .response_msg{    
    /*    background: unset;*/
    color: red;
    font-size: 1.1em;
    /*    width: calc(100% + 7px);*/
    border: 0;
}
.v2_common_box table .btn2{
    width: calc(100% - 18px);
}
.v2_common_box table .obtns{
    text-align: left;
    padding: 20px 5px 10px 5px;
}
.v2_common_box table .obtns span{
    padding:0 10px 0 0;
}
.v2_common_box table .tr_email input{
    width: calc(100% - 22px);
} 
.v2_common_box table .privacy_checkbox td{
    padding:0;
}
.v2_common_box table .privacy_checkbox input{
    width: 20px;
    height: 20px;
}




input,select:focus {
    /*                border-color: #6495ed;*/
    outline: none; 
    /*                box-shadow: 0 0 5px #6495ed;*/
}
table{
    overflow: hidden;
} 
.vlidate_area td:nth-child(1) {
    width:calc(100% - 110px);
}
.vlidate_area td:nth-child(2) {
   width:100px; 
}
.signup .top_img{
    width:100%;
}
.signup .top_logo{
    position: absolute;
    top: 40px;
    width: 15%;
    left: 42.5%;
}
.signup .pages{ width:100%; position: relative;}
.signup .pages > div{
    display:none;
}
.signup .pages > div > table{
    max-width: 350px;
    width: 40%;
}
.signup .pages > div > table td{
    padding: 9px;
}

@media screen and (max-device-width: 600px) {
    .signup .tops {
        width: 100%;
        height: 15%;
    }
    .signup .top {
        width: 100%;
        height: 100%;
    }
    .signup .top_img {
        width: 100%;
        height: 100%;
    }
    .signup .top_logo {
        width: 33%;
        left: 33%;
    }
    .signup_email,.signup_phone{
        padding:10px;
    }
    .v2_common_box{
        width: calc(100% - 40px);
        padding: 10px 20px 10px 20px;
    }
    .v2_common_box .tb1{
/*        width: calc(100% - 60px);*/
    }
    .v2_common_box table .tr_number_select{
        display: table;
    }
    .v2_common_box table .tr_number_select input{
/*        width:170px;*/
    }
    .v2_common_box table input, .v2_common_box table .vlidate_area input{
/*        width:200px; */
    }
    .v2_common_box table select{
        padding: 5px;
    }
}




.privacy_service{
    position: fixed;
    display:none;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
}       
 
.privacy_service .wrapper{
    top: 30px;
    overflow: hidden;
    bottom: 30px;
    background: white;
    display: inline-block;
    height: 85%;
    margin: 2%;
    width: 60%;
    min-width: 350px;
} 
.privacy_service .ps_header{
    padding: 5px;
}
.privacy_service .close{
    display: inline-block;
    overflow: auto;
}       
.privacy_service .content{
    padding: 20px;
    font-family: inherit;
    height: calc(100% - 75px);
    overflow: auto;
    margin: 0px;
}
.privacy_service .content pre{
    font-family: inherit;
    text-align: left;
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.privacy_service .close{
    cursor: pointer;
}



.response_msg{
    opacity:0;
    background: rgb(249,225,225);
    padding: 6px;
    border: 1px solid rgb(246,114,117);
    color: rgb(246,114,117);
    font-size: 12px;
}




.signup_email .email_vlidate_area input{
    border: none;
    font-size: 14px;
} 
.signup_email .email_vlidate_area{
    display: table;
}
.signup_email .email_vlidate_area > tbody > tr > td{
    padding: 5px!important;
}



.change_pw > table{
    table-layout: fixed
}
.change_pw .finish{
    width: 80%;
}
.change_pw .finish_later{
    width: 80%;
}




.privacy_checkbox .privacy_service_btn{
    cursor: pointer;   
    text-decoration: underline;
}       

