@charset "utf-8";

/* Horizontal Align */
.xm .pull-right{float:right}
.xm .pull-left{float:left}
/* DL Horizontal */
.xm .dl-horizontal{*zoom:1;padding: 0 30px 30px 30px;}
.xm .dl-horizontal:before,
.xm .dl-horizontal:after{display:table;line-height:0;content:""}
.xm .dl-horizontal:after{clear:both}
.xm .dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.xm .dl-horizontal dd{margin-left:180px}
/* Form Control Reset */
.xm form{margin:0 0 20px;position: relative;}
.xm fieldset{padding:0;margin:0;border:0}
.xm label,
.xm input,
.xm button,
.xm select,
.xm textarea{font-weight:normal;line-height:40px;font-size:14px;}
.xm label{display:block;margin-bottom:5px}
.xm label.x_inline{display:inline-block;margin-right:12px}
.xm select,
.xm textarea,
.xm input[type="text"],
.xm input[type="password"],
.xm input[type="datetime"],
.xm input[type="datetime-local"],
.xm input[type="date"],
.xm input[type="month"],
.xm input[type="time"],
.xm input[type="week"],
.xm input[type="number"],
.xm input[type="url"],
.xm input[type="search"],
.xm input[type="tel"],
.xm input[type="color"]{background-color:#ffffff;border:0;height: 50px;
    padding: 0 15px;
    border: 0;
    border-bottom: 1px solid #e1e2e3;font-size:15px;}
    .xm input[type="email"]{
        background-color:#ffffff;border:0;height: 50px;
    padding: 0 15px;
    border: 0;
    border-bottom: 1px solid #e1e2e3;font-size:15px;
    }    
.xm input,
.xm textarea{width: 200px;}
.xm textarea{height:auto}
.xm textarea,
.xm input[type="text"],
.xm input[type="password"],
.xm input[type="datetime"],
.xm input[type="datetime-local"],
.xm input[type="date"],
.xm input[type="month"],
.xm input[type="time"],
.xm input[type="week"],
.xm input[type="number"],
.xm input[type="email"],
.xm input[type="url"],
.xm input[type="search"],
.xm input[type="tel"],
.xm input[type="color"]{background-color:#ffffff;border:0;height: 50px;
    padding: 0 15px;
    border: 0;
    border-bottom: 1px solid #e1e2e3;font-size:15px;}
.xm textarea:focus,
/* .xm input[type="text"]:focus, */
.xm input[type="text"]:not([name="search_keyword"]):focus,
.xm input[type="password"]:focus,
.xm input[type="datetime"]:focus,
.xm input[type="datetime-local"]:focus,
.xm input[type="date"]:focus,
.xm input[type="month"]:focus,
.xm input[type="time"]:focus,
.xm input[type="week"]:focus,
.xm input[type="number"]:focus,
.xm input[type="email"]:focus,
.xm input[type="url"]:focus,
.xm input[type="search"]:focus,
.xm input[type="tel"]:focus,
.xm input[type="color"]:focus{border-color:#2979ff;outline:0}
.xm input[name="search_keyword"]:focus {outline: none;}
.xm input[type="radio"],
.xm input[type="checkbox"]{margin:0;line-height:normal}
.xm input[type="file"],
.xm input[type="image"],
.xm input[type="submit"],
.xm input[type="reset"],
.xm input[type="button"],
.xm input[type="radio"],
.xm input[type="checkbox"]{width:auto}
.xm select,
.xm input[type="file"]{height:30px;*margin-top:4px;line-height:30px}
.xm select{background-color:#ffffff;border:1px solid #cccccc}
.xm select[multiple],
.xm select[size]{height:auto}
/* .xm select:focus, */
.xm input[type="file"]:focus,
.xm input[type="radio"]:focus,
.xm input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.xm input:-moz-placeholder, 
.xm textarea:-moz-placeholder {color:#999999}
.xm input:-ms-input-placeholder, 
.xm textarea:-ms-input-placeholder {color:#999999}
.xm input::-webkit-input-placeholder, 
.xm textarea::-webkit-input-placeholder {color:#999999}
.xm input,
.xm textarea{margin-left:0}
.xm input[disabled],
.xm select[disabled],
.xm textarea[disabled],
.xm input[readonly],
.xm select[readonly],
.xm textarea[readonly]{cursor:not-allowed;background-color:#eeeeee}
.xm input[type="radio"][disabled],
.xm input[type="checkbox"][disabled],
.xm input[type="radio"][readonly],
.xm input[type="checkbox"][readonly]{background-color:transparent}
.xm input:focus:invalid, 
.xm textarea:focus:invalid, 
.xm select:focus:invalid {color:#b94a48;border-color:#ee5f5b}
.xm input:focus:invalid:focus, 
.xm textarea:focus:invalid:focus, 
.xm select:focus:invalid:focus {border-color:#333;}
/* Forms */
.xm .form-horizontal .control-group{margin-bottom:20px;*zoom:1}
.xm .form-horizontal .control-group:last-child{margin-bottom:0px;*zoom:1}

.xm .form-horizontal .control-group:before,
.xm .form-horizontal .control-group:after{display:table;line-height:0;content:""}
.xm .form-horizontal .control-group:after{clear:both}
.xm .form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}
.xm .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0;position:relative}
.xm .form-horizontal .controls:first-child{*padding-left:180px}
.xm .form-horizontal .help-block{margin-bottom:0}
.xm .form-horizontal input+.help-block,
.xm .form-horizontal select+.help-block,
.xm .form-horizontal textarea+.help-block,
.xm .form-horizontal .input-prepend+.help-block,
.xm .form-horizontal .input-append+.help-block{margin-top:10px}
.xm .help-block,
.xm .help-inline{color:#595959}
.xm .help-block{display:block;margin-bottom:10px}
.xm .help-inline{margin:0;display:inline-block;*display:inline;padding-left:5px;vertical-align:middle;*zoom:1}
.xm .input-append,
.xm .input-prepend{display:inline-block;margin-bottom:10px;font-size:0;white-space:nowrap;vertical-align:middle}
.xm .input-append input,
.xm .input-prepend input,
.xm .input-append select,
.xm .input-prepend select{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-append input:focus,
.xm .input-prepend input:focus,
.xm .input-append select:focus,
.xm .input-prepend select:focus{z-index:2}
.xm .input-append .add-on,
.xm .input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc}
.xm .input-append .add-on,
.xm .input-prepend .add-on,
.xm .input-append .btn,
.xm .input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.xm .input-append .active,
.xm .input-prepend .active{background-color:#a9dba9;border-color:#46a546}
.xm .input-prepend .add-on,
.xm .input-prepend .btn{margin-right:-1px}
.xm .input-prepend .add-on:first-child,
.xm .input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.xm .input-append input,
.xm .input-append select{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.xm .input-append input+.btn-group .btn:last-child,
.xm .input-append select+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-append .add-on,
.xm .input-append .btn,
.xm .input-append .btn-group{margin-left:-1px}
.xm .input-append .add-on:last-child,
.xm .input-append .btn:last-child,
.xm .input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-prepend.input-append input,
.xm .input-prepend.input-append select{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.xm .input-prepend.input-append input+.btn-group .btn,
.xm .input-prepend.input-append select+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-prepend.input-append .add-on:first-child,
.xm .input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.xm .input-prepend.input-append .add-on:last-child,
.xm .input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-prepend.input-append .btn-group:first-child{margin-left:0}
.xm .form-horizontal input,
.xm .form-horizontal textarea,
.xm .form-horizontal select,
.xm .form-horizontal .help-inline,
.xm .form-horizontal .input-prepend,
.xm .form-horizontal .input-append{display:inline-block;*display:inline;margin-bottom:0;vertical-align:middle;*zoom:1}
.xm .form-horizontal .hide{display:none}
.xm .control-group{margin-bottom:10px;}
/* Tabs */
.xm .nav{margin:0 0 20px 0;padding:0;list-style:none}
.xm .nav>li>a{display:block}
.xm .nav>li>a:hover,
.xm .nav>li>a:focus{text-decoration:none;background-color:#eeeeee}
.xm .nav-tabs{*zoom:1}
.xm .nav-tabs:before,
.xm .nav-tabs:after{display:table;line-height:0;content:""}
.xm .nav-tabs:after{clear:both}
.xm .nav-tabs>li{float:left}
.xm .nav-tabs>li>a{padding-right:20px;padding-left:20px;margin-right:2px;line-height:14px}
.xm .nav-tabs{border-bottom:1px solid #ddd;    background: #fff;}
.xm .nav-tabs>li{margin-bottom:-1px;background: #fff;margin-left: 15px;}
.xm .nav-tabs>li>a{
    padding-top:12px;
    padding-bottom:12px;
    line-height:20px;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
    font-size: 18px;
    font-weight: 500;
    color: #777777;
    }
.xm .nav-tabs>li>a:hover,
.xm .nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd}
.xm .nav-tabs>.active>a,
.xm .nav-tabs>.active>a:hover,
.xm .nav-tabs>.active>a:focus{
    color: #0046B7;
    cursor: default;
    /* background-color: #f5f7fa; */
    border-bottom: 3px solid #0046b7;
    font-size: 18px;
    font-weight: 600;
    }
/* Table */
.xm .table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}
.xm .table th,
.xm .table td{padding:8px;line-height:20px;text-align:center;vertical-align:top;border-top:1px solid #dddddd;/* padding-left: 27px; */}
.xm .table td.title {    text-align: left;    padding-left: 20px;}
.xm .table th{font-weight:bold}
.xm .table thead th{vertical-align:bottom}
.xm .table caption+thead tr:first-child th,
.xm .table caption+thead tr:first-child td,
.xm .table colgroup+thead tr:first-child th,
.xm .table colgroup+thead tr:first-child td,
.xm .table thead:first-child tr:first-child th,
.xm .table thead:first-child tr:first-child td{border-top:0;/* padding-left: 20px; */text-align: center;}
.xm .table tbody+tbody{border-top:2px solid #dddddd}
.xm .table-striped tbody>tr:nth-child(odd)>td,
.xm .table-striped tbody>tr:nth-child(odd)>th{/* background-color:#f9f9f9; */}
.xm .table-hover tbody tr:hover>td,
.xm .table-hover tbody tr:hover>th{background-color:#f5f5f5}
.xm .table thead tr {border-top: 1px solid #202020;}
/* Pangination */
.xm .pagination{margin:20px 0}
.xm .pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;/*-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*/*zoom:1;/* -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); */-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);/* box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); */}
.xm .pagination ul>li{display:inline}
.xm .pagination ul>li>a,
.xm .pagination ul>li>strong,
.xm .pagination ul>li>span{
    display: inline-block;
    /*float:left;
    padding:4px 12px;
    line-height:20px;
    background-color:#ffffff;
    border:1px solid #dddddd; */
    border-left-width:0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #555;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.xm .pagination ul>li>a.direction {
    width: auto;
}
.xm .pagination ul>li>a:hover,
.xm .pagination ul>li>a:focus,
.xm .pagination ul>.active>a,
.xm .pagination ul>.active>span{background-color:transparent}
.xm .pagination ul>.active>a,
.xm .pagination ul>.active>span{color:#999999;cursor:default;    border-bottom: 2px solid #2979ff;
    color: #2979ff;}
.xm .pagination ul>.disabled>span,
.xm .pagination ul>.disabled>a,
.xm .pagination ul>.disabled>a:hover,
.xm .pagination ul>.disabled>a:focus{color:#999999;cursor:default;background-color:transparent}
.xm .pagination ul>li:first-child>a,
/* .xm .pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px} */
.xm .pagination ul>li:last-child>a,
/* .xm .pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px} */
.xm .pagination-centered{text-align:center}
/* Member module customize */
.xm,
.xm input,
.xm textarea,
.xm select,
.xm button,
.xm table{font-size:13px}
.xm em{font-style:normal;color:#f00}
.xm h1{text-align: center;font-style: normal;font-weight: 700;font-size: 36px;line-height: 45px;
/* identical to box height */


/* text_20 */color: #202020;margin-bottom: 40px;}
.xm .nav a,
.xm .btn{text-decoration:none}
.xm .dl-horizontal>dd{margin-bottom:10px}
.xm .table{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.xm .table>caption{text-align:left;font-weight:bold;margin-bottom:10px;}
.xm .table>caption>.pull-right{position:relative;top:-8px}
.xm .signin{width: 1000px;margin: 150px auto;background-color:transparent;border-radius:6px;box-sizing:border-box}
.xm .signin>.login-header{padding:60px 15px;text-align: center;}
.xm .signin>.login-header>h1{margin:10px 0 0 0;font-size:32px;line-height:1.4;font-weight:600;color:#666}
.xm .signin>.login-header>h1>i{opacity:.5;filter:alpha(opacity=50);margin:2px 0 0 0}
.xm .signin>.login-body{max-height:400px;padding:15px;position:relative;}
.xm .signin>.login-body>*:first-child{margin-top:0}
.xm .signin>.login-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background:#2979ff;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;color:#ccc}
.xm .signin>.login-footer:before,
.xm .signin>.login-footer:after{display:table;line-height:0;content:"";clear:both}
.xm .signin>.login-footer>a{text-decoration:none;color:#ffffff;line-height:40px;}
.xm .signin>.login-footer>a:hover,
.xm .signin>.login-footer>a:active,
.xm .signin>.login-footer>a:focus{text-decoration:underline;color:#ffffff}
.xm .signin .control-group{position:relative;padding:0 30px 0 0;margin:0;clear:both}
.xm .signin .control-group:before{content:"";display:block;clear:both}
.xm .signin .captcha{margin-bottom:10px}
.xm .signin form{margin:0}
.xm .signin fieldset{margin:0}
.xm .signin label{    cursor: pointer;
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 37px;
    color: #777777;
    margin-top: 20px;}
.xm .signin input[type="text"],
.xm .signin input[type="email"],
.xm .signin input[type="tel"],
.xm .signin input[type="password"]{
    outline: none;
    color: #333;
    margin-top: 16px;
    padding: 0 15px;
    font-weight: 500;
    font-size:18px;
    box-shadow: none;
    width: 480px;
    height: 60px;
    background: transparent;
/* text_77 */
    border: 1px solid #ccc;
    border-radius: 8px;
    font-family: "Spoqa Han Sans Neo";
    box-sizing: border-box;
    }
.xm .signin input[type="checkbox"]{margin:0}
.xm .signin .btn{border-radius:2px;overflow:visible;font-size:14px;line-height:18px;padding:3px 9px}
.xm .signin .submit{
    position: relative;
    padding: 15px !important;
    font-size: 18px;
    margin: 0;
    color: #ffffff;
    height: 58px !important;
    font-weight: 500;
    border: 0;
    width: 480px;margin-top:16px;
    
    
    

/* buyble_blue */
    background: #4285F4;
    border-radius: 8px;
    }
.xm .signin .btnSignup{    width: 480px;
    position: relative;
    padding: 13px !important;
    font-size: 18px;
    margin: 10px 0 0 0px;
    background: #ffffff;
    color: #2979ff;
    height: 58px !important;
    border-radius: 8px;
    font-weight: 500;
    border: 1px solid;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    text-shadow: 0 1px 1px rgb(255 255 255 / 75%);
    line-height: 30px !important;
    box-sizing: border-box;
}
.xm .signin #warning{margin-right:-14px}
.xm .signin #warning>p{    margin: 10px 0;
    color: #adadad;
    text-align: left;
    display: block;
    width: 480px;}
/*
.xm .agreement{border:1px solid #ddd;padding:15px 15px 10px 15px;border-radius:5px;background:#f8f8f8;margin-bottom:15px}
.xm .agreement>.title{padding: 0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted #ccc; font-size:16px;font-weight:bold}
.xm .agreement>.text{max-height:200px;overflow:auto}
.xm .agreement>.confirm{padding:10px 0 0 0;margin:10px 0 0 0;border-top:1px dotted #ccc}
*/
@media all and (max-width:480px){.xm .signin{margin:0;width:100%}}
@media all and (min-width:768px){.xm .dl-horizontal>dt{margin-bottom:10px}}
.progressbar{
    text-align:center;
    font-size:22px;
    color:#aaa;
    margin-bottom: 0px;
} 
.progressbar div{
    display: inline-block;
}
.progressbar .stepping{
    height: 100px;
    vertical-align: middle;
    letter-spacing: -4px;
    width:250px;
}
.progressbar .on{
    color:#2979ff;
}
.signupBtn{
    position: relative;
    margin: 0px;
}
.signupBtn .btnNext{
    position: relative;
    width: 470px;
    margin: 0 auto;
}

.signupBtn .btnNext a{
	display: block;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #999;
    font-size: 17px;
    margin: 80px;
    background-color: #f3f3f3;
    border-radius: 50px;    
}
.signupBtn .btnNext a.on{
    cursor: pointer;
    pointer-events: auto;
    background-color: #4285f4;
    color: #fff;
    margin: 80px;
    border-radius: 50px;
}
/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
/*  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
  */
}
.finish{
    color:#2979ff;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}
#wrap{
	position: relative;
    clear: both;
    padding: 0 24px;
    overflow: hidden;
    min-height: calc(100vh - 295px);
}
.btnCheckAll{
	position: relative;
    display: block;
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    margin-bottom:15px;
}
 .btnCheckAll label{
    position: relative;
    width: 1000px;
    height: 48px;
    font-size: 19px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    color: #222;
    border: 1px solid #c3c3c3;
    margin: 0 auto;
    border-radius: 5px;
}
.btnCheckAll .input_check:checked+label {
    border: 1px solid #2979ff;
}
h2{
	display: block;
    margin: 35px 0 25px 0;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -1px;
	font-weight:400;
    margin-left:120px;
}
.bfChk {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: 19px;
    width: 19px;
    height: 13px;
}
.input_check{
	display: block;
    width: 1px;
    height: 1px;
}
.agree-tit {
    margin: 13px 0 30px 0;
    color: #777;
    text-align: center;
}
.agreement {
    position: relative;
    display: block;
    border: 1px solid #ccc;
    padding: 15px 10px;
    width: 80%;
    margin: 0 auto -1px;
}

.agreement .confirm{
    position: relative;
    display: block;
    height: 24px;
}

.agreement .confirm .accept_agreement{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    border: none;
    color:#C4C4C4;
}

.agreement .confirm > label{
	position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: 15px;
    line-height: 22px;
    padding-left: 32px;
    cursor: pointer;
    color: #222;
}

.agreement .confirm a{
    position: absolute;
    top: -2px;
    right: -6px;
    display: block;
    padding: 0 24px;
    width: 10px;
    height: 22px;
    z-index: 9;
    font-size: 2em;
    color: #999;
}


/*** custom checkboxes ***/
.agreement .confirm > input[type=checkbox] {
     
	 font-size:22px;
        top:0px;
        left:0px;
}
/* to hide the checkbox itself */
.agreement .confirm > input[type=checkbox]:before {
     position: absolute;
    background-color: #FFFFFF;
    font-family: xeicon;
    display: block;
    content:"\e92b";
    letter-spacing: 10px;
	font-weight: 400;
	top:0px;
	left:0px;
    color:#c4c4c4
}
/* space between checkbox and label */
.agreement .confirm > input[type=checkbox]:checked:before {
    background-color: #FFFFFF;
    font-family: xeicon;
    display: block;
    content:"\e92b";
    letter-spacing: 10px;
	color:#2979ff;
}
/* allow space for check mark */
.innerbox{
	position: relative;
    display: block;
    margin-bottom: 0;
    width: 360px;
}
.slt_country{
	width:100%;
	position: relative;
}
.slt_country:before{
    position: absolute;
    background-color: #FFFFFF;
    font-family: xeicon;
    display: block;
    content:"\f107";
    letter-spacing: 10px;
	font-weight: 400;
	top:9px;
	right:0px;
	width:12px;
	z-index:9;
}
.slt_country .phone_country{
	position: relative;
    display: block;
    width: 100%;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 0;
    -webkit-appearance: none;
    color: #222;
	margin:0;
	border:0;
}
.phone_number{
	border:0;
	height:30px;
	width:70%;
}
.verifySMS_input_number{
	border:0;
	height:30px;
	width:70%;
}
.verifySMS{
    position: absolute;
    top: 8px;
    right: 0;
    text-align: center;
    margin-left: 10px;
    padding: 7px 15px;
    border-radius: 5px;
    background-color: #2979ff !important;
    font-weight: 400;
    color: #fff;
    display: block;
    cursor:pointer;
    line-height: 20px !important;
}

.verifySMS_input_button{
    position: absolute;
    top: 8px;
    right: 0;
    text-align: center;
    margin-left: 10px;
    padding: 7px 15px;
    border-radius: 5px;
    background-color: #2979ff !important;
    font-weight: 400;
    color: #fff;
    display: block;
    cursor:pointer;
    line-height: 20px !important;
}
.verifySMS_input_area{
    position: relative;
    top: 0;
    /* left: 20px; */
    display: inline-block;
    margin-top:20px;
}
.verifyBiz{
    position: absolute;
    top: 8px;
    right: 0;
    text-align: center;
    margin-left: 10px;
    padding: 7px 15px;
    border-radius: 5px;
    background-color: #2979ff;
    font-weight: 400;
    color: #fff;
    display: block;
    cursor:pointer;
    line-height: 20px !important;
}
.refreshNick{
    position: absolute;
    top: 8px;
    left: 230px;
    text-align: center;
    margin-left: 10px;
    padding: 7px 15px;
    border-radius: 5px;
    background-color: #2979ff;
    font-weight: 400;
    color: #fff;
    display: block;
    line-height: 20px !important;
    cursor:pointer;
}
.join-tit{
    border-left: 8px solid #2979ff;
    padding: 8px 20px;
    font-size: 1.9em;
}
.expDate{
    font-size: 15px;
    font-weight: 900;
    display:block;
    text-align:center;
}
.expDate > i{
    font-size:1.4em;
    vertical-align: bottom;
    font-weight:400;
}
.tooltip {
    display: inline-block;
    color: #4285f4;
    font-weight: bold;
    position:relative;
  }
  .tooltip:hover .tooltip-text {
    display: block;
  }
.tooltip-text {
    display: none;
    position: absolute;
    width: 280px;
    border: 1px solid;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.7em;
    line-height: 1.4em;
    color: white;
    background: #4285f4;
    z-index: 999;
    top: -60px;
    left: -140px;
}
.tooltip-text:after{
    content: " ";
    border-style: solid;
    border-width: 5px;
    border-color: #4285f4 #fff0 #fff0 #fff0;
    left: -117px;
    position: relative;
    bottom: -28px;
}
.rd15710{
    border-radius:10px;
    margin-bottom:15px;
}
.rd110{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.rd57{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom:15px;
}
.expPrivacy{

}

.expPrivacy ul{
    text-align: center;
    margin-top: 15px;
}


.expPrivacy li{
    display: inline-block;
    margin-right: 25px;
    font-size: 15px;
}

.expPrivacy label,
.expPrivacy input{
    display:inline-block;
}
.bcdBox{
			border: 1px solid #EAEAEA;
			border-radius: 8px;
			/* box-shadow: 0 1px 2px rgb(0 0 0 / 7%), 0 2px 4px rgb(0 0 0 / 7%), 0 4px 8px rgb(0 0 0 / 7%), 0 8px 16px rgb(0 0 0 / 7%), 0 16px 32px rgb(0 0 0 / 7%), 0 32px 64px rgb(0 0 0 / 7%); */
			width: 800px;
			margin: 0 auto 50px;
			height: 300px;
			position: relative;
			padding: 0;
			text-align: center;
			background: #F1F8FF;
}
.bcdBox2{
			line-height: 2.5em;
			margin-top: 90px;
			position: relative;
			display:inline-block;
			cursor:pointer;
			color: #4285f4;
}
.bcdDelete{
			background: #97A4B6;
			color: #fff;
			padding: 5px 15px;
			border-radius: 50px;
			line-height:20px;
			cursor: pointer;
			display: inline;
			font-size: 18px !important;
			padding: 15px 58px;
}
.bcdUpload{
    background: #2A3779;
    color: #fff;
    border: 0;
    cursor: pointer;
    line-height: 20px !important;
    border-radius: 50px;
    font-size: 18px !important;
    padding: 15px 58px;
    margin-right: 20px;
}
#imageInput{
    width:0;
    height:0;
}
.bcdDark{
    position: absolute;
    width: 800px;
    height: 300px;
    background: #838383;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: -999;
    display: none;
}
.bcdLoading{
    line-height: 300px;
    text-align: center;
    color: #ffffff;
}
.onloading{
    display:block;
    z-index:999;
}
.divider{
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    width: 100%;
    height: 13px;
    flex: 0 0 auto;
    color: rgba(55, 53, 47, 0.16);
    margin: 20px 0;
}
.control-group2{
    position:relative;
}
.control-group2 input{
    width:450px;

}
.profile-title{
    margin-bottom:30px;
    position:relative;
}
.profile-menu {
    margin-bottom: 20px;
    height: 30px;
    padding: 0 8px ;
}

.pmenu-item {
   background: transparent;
    border: none;
    border-radius: 0;
    text-align: left;
    display: block;
    z-index: 1;
}
.pmenu-item.active {
    background: #06c3fe;
    color: #fff;
    border: 1px solid #DCDCDC;
    font-weight: 500;
    z-index:1;
}

.pmenu-item:first-child {
    padding: 7px 9px;
}
.profile-section {
    /*padding: 30px;*/
}

.pmenu-item2 {
    float: right;
}

.pmenu-item2 select {padding: 0 10px;background: #ffffff;border: 1px solid #dcdcdc;border-radius: 4px 0 0 4px;font-weight: 400;font-size: 12px;text-align: center;color: #555;display: inline-block;cursor: pointer;height: 38px;width: 100px;border-right: transparent;
    background-image: url(../image/angle-down.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-color: #fff;
    background-size: 12px;
    outline: none;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}

.pmenu-item2 option {
    text-align: left;
}

.pmenu-item2 input[type="text"] {
    height: 36px;
    border: 1px solid #dcdcdc;
    vertical-align: bottom;
 
    border-radius: 4px;
}

.pmenu-item2 select ~ input[type="text"] {
    border-radius: 0 4px 4px 0;
}

button.profile-smt {
    padding: 7px 13px;
    background: transparent;
    /* border: 1px solid #dcdcdc; */
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    /* color: #021b92; */
    display: inline-block;
    cursor: pointer;
    height: 36px;
    vertical-align: bottom;
    line-height: 10px;
    position: absolute;
    right: 0;
}


.pmenu-notification::after, .pmenu-message::after {
    content: "\e942";
    font-family: xeicon !important;
    position: absolute;
    right: 10px;
    top: 10px;
}
.pmenu-notification.opend::after, .pmenu-message.opend::after {
    transform: rotate(180deg);
}
.pmenu-notification ul, .pmenu-message ul {
    display: none;
    position: relative;
    background-color: rgba(220, 220, 220, 0.1);
    margin-top: 18px;
    padding-left: 5px;
    margin-left: -10px;
    text-align: left;
}
.pmenu-notification.opend ul, .pmenu-message.opend ul {
    display: block;
}
.pmenu-notification:hover ul, .pmenu-message:hover ul {
    /* border: none;
    
    display: transparent; */
}
.pmenu-notification ul li, .pmenu-message ul li {
    padding: 15px 0;
    margin: 0;
}
.pmenu-slide.opend li.opend {
    color: #000;
}

.pmenu-message ul li {
    /* margin-bottom: 8px; */
    padding: 15px 7px;
}
.pmenu-notification::after {
    content: "\e942";
    font-family: xeicon !important;
    margin-left: 15px;
}

.pmenu-notification ul li {
    /* margin-bottom: 8px; */
    padding: 10px 7px;
}
li.message-on {
    background: #06c3fe;
    color: #fff;
}
.profile-left{
    float: left;
    width: 152px;
    position: relative;
    padding: 30px 0 0 30px;
    border-right: 1px solid #ddd;
    z-index: 999;
}
.profile-left li {
    font-size: 14px;
    padding: 8px 10px;
    margin: 18px 0 0 0;
    color: #aaa;
    cursor:pointer;
    position: relative;
}

.profile-left li:first-child {
    margin-top: 0px;
}

.profile-left li.left-on {
    color: #000;
    border-right: 2px solid #2979ff;
    font-weight: 600;
}

li.left-ban {
    margin-top: 300px;
    font-size: 12px;
    text-align: right;
    /* color: #ff9696; */
}

.no-image2 {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    color: #fff;
    font-size: 36px;
    line-height: 65px;
    text-align: center;
    /* margin-left: 170px; */
    display:inline-block;
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    -ms-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    -o-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    box-shadow: 10px 20px 38px 0px #79554845, 0 15px 12px rgb(121 85 72 / 29%)
}
.profile-section2{
    margin-left: 295px;
    margin-top: 50px;
    position: relative;
    padding-bottom: 100px;
}
.big-nick {
    display: inline-block;
    margin-left: 60px;
    font-size: 28px;
    position: absolute;
    top: 30px;
    font-weight: 500;
}

.big-company {
    display: inline-block;
    margin-left: 60px;
    font-size: 18px;
    position: absolute;
    top: 66px;
    color: #a0a0a0;
    font-weight: 400;
}
.profile-data {
    margin-top: 36px;
    font-size: 16px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding-top: 40px;
    padding-left: 33px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: 150px;
}

.item-label {
    margin-bottom: 10px;
    width: 292px;
    color:#777;
}
.item-label > p{
    font-size:12px;
}
.item-value {
    width: 300px;
    border-radius: 10px;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 500;
}
.mkt_infos > span{
    color:#dcdcdc;
}
.mkt_infos > span.active{
    color:#000;
}
.profile-item {display: inline-block;margin-right: 60px;}
#fo_insert_member{
    display: block;
    position: relative;
}

    .xm .control-group.contol-avoid {
        display: none;
    }

    .rx_ev_radio label{
        float: left;
    margin-left: 30px;
    }
    .xm select.rx_ev_select{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border-width: 1px;
        padding: 0.5rem 0.75rem;
        --tw-shadow: 0 0 #0000;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        padding-left: 0.75rem;
        padding-right: 2.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
        width: 360px;
        height: 42px;
        border-radius: 0.375rem;
    }
    .div_item_category4 {
        width: 20px;
        height: 21px;
        color: #000000;
        display: inline-block;
        position: relative;
        font-size: 20px;
      }
      .div_item_category4  .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        right: -45px;
        bottom: 33px;
        position: absolute;
        z-index: 1;
        font-size: 11px;
        font-weight: 400;
      }
      .div_item_category4:hover .tooltiptext {
        visibility: visible;
      }
/* bd_paginate */
.bd_paginate{position:relative;margin-top:19px;text-align:center;}
.bd_paginate > a,.bd_paginate > strong,.bd_paginate .more_page > a{display:inline-block;padding:6px 11px;border:1px solid #eee;color:#747474;text-align:center;text-decoration:none;}
.bd_paginate > strong,.bd_paginate > a:hover,.bd_paginate .more_page > a:hover{border-color:#00A8E6;font-weight:normal;background-color:#00A8E6;color:#ffffff;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
.bd_paginate .pg_btn i{vertical-align:middle}
.bd_paginate .more_page{position:relative;display:inline-block;vertical-align:top}
.bd_paginate .page_box{position:absolute;width:160px;bottom:100%;left:50%;margin-bottom:9px;padding:8px;border:1px solid #e0e0e0;z-index:110;background-color:#fff}
.bd_paginate .page_box .page_num{width:34px;height:28px;padding:0 7px;border:1px solid #e0e0e0;vertical-align:middle}
.bd_paginate .page_box .btn_move{display:inline-block;width:48px;height:28px;border:1px solid #e0e0e0;font-size:13px;line-height:27px;color:#747474;vertical-align:middle}
.bd_paginate .page_box .btn_move:hover{border-color:#414141;background-color:#414141;color:#fff;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out}
.bd_paginate .page_box .page_total{margin:0 6px;color:#747474;vertical-align:middle}
.bd_paginate .page_box .ico_edge{position:absolute;bottom:-7px;left:50%;width:10px;height:7px;margin-left:-5px;background:url(../img/ico_edge.png) no-repeat}
/* /bd_paginate */

.tbl_board_lst{
    text-align: center;
    width: 100%;
    border-top: 1px solid #444444;
    border-collapse: collapse;
}

.tbl_board_lst th, td {
    border-bottom: 1px solid #DCDCDC;
    padding: 10px;
  }

  span.f-right {
    font-size: 12px;
    color: #666;
    float: right;
}

.grade-title {border: 1px solid #aaa;background: #fff;margin: 20px 0;border-radius: 10px;padding: 30px 50px;}

.grade-icon {display: inline-block;
    width: 50px;
    height: 50px;
    background: #468aff;
    color: #fff;
    border-radius: 50%;
    border: 7px double #fff;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.grade-name {
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    margin-left: 10px;
}

.grade-result {
    float: right;
    color: #aaa;
}

.result-std {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    /* margin-right: 10px; */
}

.result-cnt {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
    color: #000;
}

.result-desc {
    text-align: center;
    margin-top: 6px;
    margin-bottom: 10px;
}

.result-cnt::before {
    content: '|';
    margin-right: 10px;
    color: #ddd;
}

.bg-gray {background: #f5f7fa;position: absolute;width: 100%;height: 700px;left: 0;margin-top: -20px;z-index: 0;}

.grade-header {
    position: relative;
}
.grade-body {position: relative;}
.body-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 40px;
}

.title-bar {
    background: #000;
    width: 100%;
    height: 2px;
    margin: 15px 0px;
}

.grade-item {
    display: inline-block;
    width: 226px;
    background: #fff;
    text-align: center;
    padding: 30px;
    border-top: 4px solid #01b483;
    margin: 5px;
}

.body-item {
    margin: 50px auto;
    text-align: center;
}

.item-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #468aff;
    color: #fff;
    border-radius: 50%;
    border: 7px double #fff;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.item-name {
    font-size: 20px;
    font-weight: bold;
}

.item-cond {
    font-size: 18px;
    color: #888;
    display: b;
}

.item-cond::before {
    content: ' ';
    background: #999;
    width: 33px;
    height: 3px;
    display: block;
    margin: 20px auto;
}
.login-left {
    width: 500px;
    margin-top: 212px;
    vertical-align: top;
}

.login-right {
    width: 500px;
}

.xm .signin > div {
    display: inline-block;
}

.login-left p {
    margin-top: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;

/* text_77 */
    color: #777777;
}

.login-left img {
    width: 356px;
}
.find-idpw{
    padding: 19px;
    width: 480px !important;
    height: 58px;
    background: #E3E3E3;
    border-radius: 8px;
    display: block;
    box-sizing: border-box;
    text-align: center;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    color: #202020;
    margin: 15px 0;
    border: 0;
}
.dist {
    background: #ededed;
    height: 1px;
    width: 480px;
    margin: 20px 0 5px;
}
.bcdBox2 h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
/* identical to box height */
    text-align: center;

/* text_77 */
    color: #777777;
    margin-top: 20px;
}

.bcdBtnBox {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    display: none;
}
.xm input.invalid {
    box-shadow: rgb(255 1 1 / 72%) 0px 4px 8px -2px, rgb(66 9 9 / 8%) 0px 0px 0px 1px;
    border: 1px solid #ff0000;
}
.myCode {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 14px;
    background: #2979ff;
    color: #fff;
    padding: 7px 14px;
    border-radius: 7px;
    /* box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px; */
    font-weight: normal;
    cursor:pointer;
    transition: 0.3s;
}
.myCode:hover {
    background: #fff;
    color: #2979ff;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}
.profile-namecard {
    background: #eff2f6;
    padding: 27px 40px;
    border-radius: 20px;
}
.signupForm .control-group:not(.control-group2) input {
    width: 330px;
}
.modifyBox {
    width: 775px;
    margin: 0 auto;
    margin-left: 295px;
    margin-top: 50px;
    padding: 40px 0px 0 33px;
    border: 1px solid #dcdcdc;
    border-left: transparent;
    border-right: transparent;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.xm .modifyBox .control-label {
    float: none;
    display: block !important;
    width: unset;
    text-align: left;
    padding: 0;
    line-height: 1;
}

.modifyBox > .control-group > .controls {
    margin: 0;
}
.xm .modifyBox > .control-group {
    width:50%
}
.modifyBox > .control-group > .controls input[type=tel],
.modifyBox > .control-group > .controls input[type=number] {
    border: 1px solid #DCDCDC;
    border-radius: 8px;
    height: 38px;
    margin-bottom: 27px;
}

.modifyBox > .control-group > .controls .verifySMS,
.modifyBox > .control-group > .controls .verifySMS_input_button{
    height: 38px;
    top: 0;
    margin-left: 0;
    background: #2979ff;
    width: 120px;
}

.modifyBox > .control-group > .controls label:has(input[type=checkbox]){
    /* display: inline-block; */
    /* width: 50%; */
    float: left;
    margin-left: 30px;
}
.profile-section > form > .modifyBox > div > input[type=email], 
.profile-section > form > .modifyBox > div > input[type=password],
.profile-section > form > .modifyBox > div > input[type=text] {
    border: 1px solid #DCDCDC;
    border-radius: 8px;
    height: 38px;
    margin-bottom: 4px;
    width: 300px;
}
.list_footer {
    margin-bottom: 40px;
}
.member-leave-link {
    position: relative;
}
.member-leave-link a {
    color: #AAA;
    position: absolute;
    right: -80px;
}

.table .readed,.table .readed a,.table .readed span,.table .readed a strong{
    background: #f3f3f3;
    color: #2979ff;
    font-weight: 600;
}

table.table tr,table.table tr a,table.table tr span,table.table tr a strong{
    
    color: #202020;
    font-weight: 400;
}
.profile-section2 .readall {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    padding: 7px 12px;
    background: #2979ff;
    border: 1px solid #2979ff;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: -30px;
}
.profile-section2 .readall:hover {
    background-color: #fff;
    color: #2979ff;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}
.profile-section2 .readChoice {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #2979ff;
    padding: 7px 12px;
    border: 1px solid #2979ff;
    background: #fff;
    border-radius: 10px;
    margin-right: 15px;
    position: absolute;
    right: 75px;
    top: -30px;
}
.profile-section2 .readChoice:hover {
    color: #fff;
    background-color: #2979ff;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}
.notification-table td {
    vertical-align: middle !important;
}