body{background: url(../images/geometry2.png) repeat;}


.login{width: 435px;margin:10% auto 0;box-sizing:border-box;padding:30px;background:#fff;box-shadow:0px 2px 3px #ddd;border-radius:3px}
.login-box{padding:20px}
.header{color: #444;text-align: center;}
.header h2{font-size:30px;}
.header p{font-size:28px;}

.imagecode input{width:70%;margin-right:3.5%!important;float:left}
.imagecode img{min-height:38px;width:26%}

.footer{position:absolute;line-height:1.8;color:#999;left:0;bottom:0;padding:20px;box-sizing:border-box;text-align:center;width:100%}


@media screen and (max-width: 768px){
	body,html {height: 100%}
	.header{margin-top:10%}
	.layui-form-item .layui-inline{display:inline-block;margin-bottom:0px}
}

@media screen and (max-width: 450px){
	body,html {height: 100%}
	.login {width:100%;margin-top:0%;padding:2%;box-sizing:border-box;height:100%}
	.login-box{padding:10px}
	.header{margin-top:12%}
}