@charset "utf-8";

/**
 +------------------------------------------------------------------------------------+
 + iceAdmin
 +------------------------------------------------------------------------------------+
 + 作者：ice
 + 官方：zblog.iceui.net
 +------------------------------------------------------------------------------------+
 */
@charset "utf-8";
*{padding:0;margin:0;box-sizing:border-box;transition:all .3s;}
body{padding:0;margin:0;font-family:"Microsoft YaHei",STHeiti,"Hiragino Sans GB","WenQuanYi Micro Hei","Heiti SC",NSimSun,SimSun,Arial,Helvetica,sans-serif;background:#ffffff;color:#444444;font-size:14px;line-height:20px;}
div,h1,h2,h3,h4,p,form,ul,label,input,textarea,img,span{margin:0;padding:0;}
table{border-collapse:collapse;}
a{text-decoration:none;color:#003399;}
a:hover{color:#990000;}
ul{padding:0;margin:0;}
li{list-style-type:none;}
.clear{clear:both;}
img{border:none;}

.bg{position:absolute;top:0;left:0;z-index:-1000;height:100%;width:100%;background:url(image/login.jpg) no-repeat center center;}
#wrapper{width: 360px;height:340px;padding:0;margin:auto;background: rgba(255, 255, 255, 0.63);position:fixed;left:0;right:0;top:0;bottom:0;border-radius:2px;padding:30px;}
.logo{width:200px;height:auto;margin:0 auto;}
.logo img{width:200px;height:70px;margin-bottom:10px;max-width: 100%;background-size: 100%;background-repeat: no-repeat;}
input{float:none;vertical-align:middle;}
input[type="text"],input[type="password"]{border:none;}
input[type="checkbox"]{margin:0;padding:0;display:none;vertical-align:middle;}
/*复选框美化*/
#chkRemember + label{position:relative;padding-left:25px;cursor:pointer;vertical-align:middle;user-select:none;display:inline-block;}
#chkRemember + label:before{margin:auto 0;position:absolute;top:-1px;bottom:0;left:0;display:inline-block;width:17px;height:17px;content:'';border-radius:2px;background: rgba(255, 255, 255, 0.65);}
#chkRemember:checked + label:before{border:1px solid #26a672;background:#26a672;}
#chkRemember + label:hover:before{border:1px solid #26a672;}
#chkRemember + label:after{content:'';position:absolute;display:none;margin:auto 0;top:-4px;bottom:0;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border-width:2px;border-style:solid;border-color:#fff;border-top:0;border-left:0;}
#chkRemember:checked + label:after{display:block;}
label{line-height:30px;float:none;vertical-align:text-bottom;padding:0 5px 0 5px;}
.login{width:100%;height:100%;margin:0 auto;padding-left:0px;}
.login dl{height:50px;clear:both;}
.login dd{width:300px;float:left;margin-bottom:20px;}
.login dd.floatright{float:right;}
.login dd.checkbox{margin-left:0;width:100%;text-align:center;}
.login dd.submit,.login dd.password,.login dd.username{overflow:hidden;width:100%;background: rgba(255, 255, 255, 0.76);}
.login label{width:100px;text-align:center;overflow:hidden;text-overflow:clip;white-space:nowrap;}
.login input[type="checkbox"]+label{width:initial;display:inline-block;vertical-align:middle;}
.login input[type="text"],.login input[type="password"]{float:none;width:calc(100% - 65px);padding:0.1em 5px;height:35px;line-height:35px;outline:none;color: #565656;font-size: 16px;background: none;}
.username label,.password label{color:#696969;width:65px;display:inline-block;height:35px;line-height:35px;background: rgba(255, 255, 255, 0.87);vertical-align:middle;}
.button{float:none;color:#ffffff;font-size:14px;width:100%;height:32px;background:#4CAF50;border:none;cursor:pointer;}
.button:hover{color:#ffffff;background:#1e8222;cursor:pointer;}
.divHeader{height:auto;font-weight:blod;line-height:1.5em;font-size:1.5em;padding:0 0 10px 0;background:#FFF;text-align:center;}
body.short .bg{height:160px;}
body.short .logo{height:60px;margin:60px auto 60px auto;}
.loginw{width:700px;margin-bottom:120px;}
.loginw .content>div>p{font-weight:bold;font-size:1.2em;padding:10px;background:#eee;margin-bottom:10px;}
.loginw .content>div{padding-bottom:20px;}
.loginw>form>p{padding:10px 10px 50px 10px;}
.loginw>form>p>a{font-size:1.1em;}
.loginw .content>div>div{padding:0 10px;}
@media only screen and (max-width:768px){
	#wrapper {width: 80%;}
	.bg{height: 100%;}
	.logo{margin-top: 0;}
	.login{width: 100%;}
	.login dd{width: 300px;float: left;padding: 0;margin-bottom: 20px;}
	.login dd.checkbox{margin-left: 0;width:100%;float: none;padding: 0;}
	.login dd.submit{width:100%;float:none;padding: 0;margin-right:10px;}
	.login dd.username label,.login dd.password label{width: 65px;clear:float;text-align: center;}
	.login input[type="text"],.login input[type="password"]{float:none;width: calc(100% - 65px);}
	input[type="checkbox"]{margin:8px 0 0 5px;}
}