/*
Theme ID: umResource
Author: umTheme
Author URI: http://www.umtheme.com/
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{overflow:hidden; height: 100vh;}
body{font-family:"PingFang SC",Helvetica,Arial,sans-serif;}
.wrapper{height: 100%; position: relative; }
.loginBg{position: absolute;z-index: 1;top: -10%;left: -10%;width: 120%;height: 120%;-webkit-background-size:cover; background-size: cover;filter: blur(50px);-webkit-filter: blur(50px);-moz-filter: blur(50px);-o-filter: blur(50px);-ms-filter: blur(50px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='50px'); opacity: .68;}
a{text-decoration:none}
a:hover{text-decoration:none}
input[type=text],input[type=password]{border:0}
.main{background:rgba(255,255,255,0); padding:0px; position:absolute;top:50%;left:50%;height:auto; overflow:hidden;transform:translate(-50%,-50%);z-index: 2; width:100%; max-width:900px; box-shadow:0 5px 25px rgba(0,0,0,.3);}
.login{background:rgba(255,255,255,1);width:100%;height:100%; padding-left: 52%;}
.loginLogo{ margin-bottom: 30px;}
.loginLogo h2{ font-size: 24px; color: #333; font-weight: normal;}
.loginLogo h2 a{color: #333;}
.loginLogo h2.logoPic{ width: auto; text-align: center;padding-bottom: 5px;}
.loginLogo h2.logoPic img{height:48px;}
.loginLogo h2.logoPic a{ display:inline-block; font-size: 0;}
.loginPic{ width: 52%; -webkit-background-size:cover; background-color: #F8F8F8; background-size: cover; position: absolute;left: 0px;top: 0px;bottom: 0px;}
.loginBox .box{overflow:hidden;padding:50px}
.loginBox .controls{position:relative;margin-bottom:30px}
.loginBox label{position:absolute;top:9px;left:10px;width:auto;color:rgba(0,0,0,.3);font-size:16px;z-index: 2;}
.loginBox input{padding:9px 6px 9px 35px!important;height:auto!important}
.form-control{display:block;padding:6px 12px;width:100%;height:34px;border-bottom:1px solid #ccc;border-radius:4px;background-color:#f6f6f6;color:#333;vertical-align:middle;font-size:14px;}
.loginBox .checkbox-input{margin-top:20px; margin-bottom: 0; text-align:center;}
.loginBox .checkbox-label{position:static; cursor: pointer; font-size:14px}
input[type=checkbox]{clear:none;display:inline-block;margin-top:-3px!important;padding:8px 0 0 0!important;width:16px;height:16px!important;min-width:16px;outline:0;background-color:rgba(255,255,255,.8); border: 1px solid #d3d3d9; color:#555;vertical-align:middle;text-align:center;line-height:0;cursor:pointer;-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out;-webkit-appearance:none}
input[type=checkbox]:checked{border: 1px solid #FC705E;background:#FC705E;}
input[type=checkbox]:checked:before{margin:0;color:#fff;content:"\e64c";font-family:themify!important;top: 0px;position: relative;font-size: 12px;}
.loginBox input.button{display:inline-block;margin-bottom:0;line-height: 36px;padding:0px 12px!important;width:100%;border:1px solid transparent;border-radius:4px;background-color:#f66;color:#FFF;text-align:center;text-decoration:none;letter-spacing:.2px;font-weight:400;font-size:14px;opacity:.9;cursor:pointer;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.loginBox input.button:hover{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.15),0 2px 10px 0 rgba(0,0,0,.10);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.15),0 2px 10px 0 rgba(0,0,0,.10);box-shadow:0 2px 5px 0 rgba(0,0,0,.15),0 2px 10px 0 rgba(0,0,0,.10);opacity:1}
#edtPassWord,#edtUserName,#edtValidcode{float:none;width:100%;outline:0;line-height:24px}
#edtValidcode{ padding-right: 60px;}
.loginBox .controls #edtValidcode{ position: relative;}
.loginBox .controls .verify{ position: absolute; height: 28px; right: 8px; top: 7px;}
.button,input{float:none}
input[type=checkbox]{margin:0;padding:0}
label{float:none;padding:0;vertical-align:text-bottom;line-height:inherit}

@media screen and (max-width:950px){
	.main{ max-width: 95%;}
}

@media screen and (max-width:750px){
	.loginLogo h2.logoPic img{ height: 42px;}
	.login{padding-left:42%;}
	.loginBox .box{padding: 50px 40px;}
	.loginPic{ width: 42%;}
}

@media screen and (max-width:640px){
	.main{ max-width: 90%;}
	.loginLogo h2.logoPic{ padding:0;}
	.loginLogo h2.logoPic img{ height: 40px;}
	.login{padding-left:0%; padding-top: 160px;}
	.loginBox .box{padding: 40px 30px;}
	.loginPic{ width: 100%;height: 160px; right: 0;}
}