
html,body{ height: 100%}
*:before, *:after,.form-control{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.glyphicon-ok:before {  content: "\221A";  }
.leftregi form, .rightlogin form{ width:100%;text-align: left;margin-bottom:145px;}
.rightlogin{ display: flex;align-items: center; }
label{ float: left;  width: 10%;font-weight: bold;text-align: right;  padding: 15px 15px 0 0;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.btn-block.sub-btn{width: 40%; background: #b83826!important;margin-left: 10%;}
.btn-block.sub-btn:focus{ background: #f60 !important;}
p.red{ margin: 20px 0;text-align: center}
.form-group .red,p.red{ font-size: 13px}
.r-tip{ font-size: 13px;  font-weight: normal;  vertical-align: middle;  height: 46px;  display: table-cell;  padding-left: 50px;}
.code-box{ position: relative;  width: 70%;  float: left;}
.code-box .help-block{ margin-left: 0;padding-top: 5px;}
#code,#codeReg{position: absolute;left: 160px;top: -5px;}
.checkbox{clear: both;  margin: 20px 0;margin-left: 10%;}
/*.checkbox a{ margin-bottom: 15px}*/
#agrCheckLabel{ width: auto;user-select: none; padding-top: 0}
.m_title h4{ text-align: center; font-weight: normal; font-size: 24px}
/*auto email*/
.auto-tip{ background:#fff;color: #2c3e50;border:2px solid #dce4ec; border-top:none;border-radius: 4px;z-index:10000; text-align:left}
.auto-tip li { width: 100%; height: 28px; line-height: 28px;padding: 0 15px; font-size: 14px; }
.auto-tip li.hoverBg { background: #ecf0f1; cursor: pointer; }
.auto-tip em{ font-style:normal}
#signupForm .auto-tip{top:71px !important}

.completer-container,.pla { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; font-family: inherit; font-size: 14px; line-height: normal; list-style: none; background-color: #fff;border: 1px solid #eee;border-radius: 3px; }
.completer-container li,.pla li { padding: .5em .8em; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; background-color: #fff; border-bottom: 1px solid #eee; }
.completer-container .completer-selected, .completer-container li:hover,.pla .completer-selected{ margin-left: -1px; background-color: #eee; border-left: 1px solid #ff5e23; }

/*bootstrap*/
.has-feedback{ position: relative; clear: both }
.has-feedback .form-control { float: left;  width: 60%;padding-right: 42.5px; font-size: 15px;margin-bottom: 0;border-radius: 4px; }
.form-control-feedback { position: absolute; top: 0; right: 30%; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none }
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d }
.has-success .form-control { border-color: #3c763d !important; }
.has-success .form-control:focus { border-color: #2b542c; }
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8 }
.has-success .form-control-feedback { color: #0da77d;  font-size: 18px;  font-weight: bold; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442 }
.has-error .form-control { border-color: #a94442 !important; }
.has-error .form-control:focus { border-color: #843534; }
.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede }
.has-error .form-control-feedback { color: #a94442 }
.has-feedback label~.form-control-feedback { top: 8px }
.has-feedback label.sr-only~.form-control-feedback { top: 0 }
.help-block { display: block;clear: both;  width: 40%;  margin-left: 30%; margin-top: 5px; margin-bottom: 10px; color: #737373 }
.has-feedback .form-control.code-input{ width: 152px}
#codeGroup .form-control-feedback{ left: 114px; top:8px}
/*loading*/
.spinner { display:none;margin: 0 auto; width:50px; text-align: center; }
.spinner > div { width: 10px; height: 10px; background-color:#ffad69; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes bouncedelay {  0%, 80%, 100% {-webkit-transform: scale(0.0)} 40% {-webkit-transform: scale(1.0)}}
@keyframes bouncedelay {  0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0);} 40% { transform: scale(1.0); -webkit-transform: scale(1.0);}}

.form-control-feedback{ margin-right:0; display:none}
.has-success .form-control-feedback{ display:block}
.has-feedback #captcha_code {padding-right: 40px;}
#loginSub:focus{background-color: #18bc9c;border-color: #18bc9c;}
legend{ text-align:center; color:#fff}

/*ע��*/
.password-level { clear: both; width: 40%; margin: 0 auto; }
.password-level .col-md-11 { padding-left: 0 }
.password-level .col-md-4 { width:33.33%;float:left; }
.password-level span { display: block; width: 100%;height: 3px;text-align: center;line-height: 0;font-size: 14px;font-weight:bold}
#signPswLevel.password-level span,#fundPswLevel.password-level span { height:16px; line-height:16px;font-size:12px; font-weight:bold}
.discount{ color:#ff5e23;margin: 10px 0 18px;font-weight: bold;}
#signupSub{margin-left: 10%;}
.input-item-info{ width: 30%; float: left}
.code-box .form-control-feedback{ right: auto;left: 114px; top: 8px;}