/* CSS Document */
body{ background-color:#fafafa;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei",arial;}
a:hover,a:active,a:focus{cursor:pointer;outline:0px none;text-decoration:none}

button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}
legend{padding:0;border:0}
textarea{overflow:auto}
 
.loginside{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.login-logo{width:100%; margin:auto;text-align:center;padding-top:45px;padding-bottom:45px;}

.loginForm{max-width:340px;margin:0 auto;}
.logintext{width:100%;font-size:14px;line-height:1.8;color:#c0c0c0;padding-top:5px;padding-left:17px;}

.form-control{display:block;width:100%;height:34px;padding:6px 12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #e0e0e0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.045);box-shadow:inset 0 1px 1px rgba(0,0,0,.045);-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}
.form-control:focus{border-color:#bbbbbb;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.045),0 0 8px rgba(200,200,200,.3);box-shadow:inset 0 1px 1px rgba(0,0,0,.045),0 0 8px rgba(200,200,200,.3)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}

textarea.form-control{height:auto}

.form-group{position: relative;}
.hide-show-password{font-size:16px;color:#cccccc;font-weight:500;text-transform:uppercase;letter-spacing:.02em;position:absolute;top:8px;right:10px;padding:3px 6px;z-index:10;}
.hide-password{color:#da4f4f;}

.btn{display:inline-block;padding:4px 12px;margin-bottom:0;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#f4f4f4;border:1px solid #d5d5d5;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;border:1px solid #d5d5d5;}
.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none;border:1px solid #d5d5d5;}
.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);border:1px solid #d5d5d5;}
.btnlg{display: block;width:100%}
.btn-block{display:block;width:100%;margin-top:20px;padding:12px;font-size:19px;}
.btn-block+.btn-block{margin-top:5px}

.loginForm .form-control {position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:12px 15px;height:auto;font-size:16px;}

.forget{width:280px;text-align:center;margin:auto;padding-top:20px;display:block;font-size:14px;color:#d7d7d7}
.forget a{font-size:14px;color:#666666;text-decoration:none}
.forget a:active{color:#666666;text-decoration:none}
.forget a:hover{color:#242424;text-decoration:none}

.txtreg{font-size:13px;padding-top:12px;color:#999999;}
.txtreg a{font-size:13px;}
.txtreg a:active{font-size:13px;}
.txtreg a:hover{font-size:13px;}

.passw-side{padding-top:40px;}
.reg-side{padding-top:40px;}

@media(max-width:425px) {
	.loginForm{max-width:350px;}
	.login-logo img{width:132px;}
	.loginForm .form-control {font-size:15px;}
}
@media(max-width:375px) {
	.loginForm{max-width:350px;}
	.login-logo img{width:114px;}
	.loginForm .form-control {font-size:15px;}
}
@media(max-width:360px) {
	.loginForm{max-width:330px;}
	.login-logo img{width:110px;}
	.loginForm .form-control {font-size:14px;}
}
@media(max-width:320px) {
	.loginForm{max-width:280px;height:500px;}
	.login-logo{padding-top:35px;padding-bottom:35px;}
	.login-logo img{width:97px;}
	.loginForm .form-control {font-size:12px;}
	.btn-block{display:block;width:100%;margin-top:18px;padding:6px;font-size:17px;}
	.forget{font-size:12px;}
}
