body{
	background: #282727 url(bg_login.jpg)  no-repeat center center fixed;
	
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#loginBox{width:350px; background:white;padding:30px 30px 80px 30px;margin:auto;border-radius:10px;margin-top:10%;text-align:center}

@media only screen and (max-height: 1000px) {
	#loginBox{margin-top:5%;}
}

@media only screen and (max-width: 500px) {
	#loginBox{width:80vw; background:white;padding:30px 30px 80px 30px;margin:auto;border-radius:10px;text-align:center}
}

@media only screen and (max-height: 500px) {
	#loginBox{margin-top:2%;}
}

#loginBox img{width:80px;margin-bottom:30px}
#loginBox input[type=text],input[type=password]{font-size:18px;padding:10px;border-radius:5px;border:1px solid grey;width:calc(100% - 60px)}
#loginBox input[type=text]:hover,input[type=password]:hover{border:1px solid black;}

#loginBox input[type=text]:focus,input[type=password]:hover{outline: none;}

#loginBox label{font-family:arial;font-size:12px;margin-left:25px;float:left;color:#3b3b3b}

#loginBox input[type=submit]{background:#cb0000;width:calc(100% - 40px);font-size:15px;padding:10px;border-radius:5px;border:0px;color:#ffffff;cursor:pointer}
#loginBox input[type=submit]:hover{background:#b40303}
#loginBox input[type=button]{background:#ffffff;width:calc(100% - 40px);font-size:15px;padding:10px;border-radius:5px;border:1px solid #cb0000;color:#cb0000;cursor:pointer}
#loginBox input[type=button]:hover{background:#feefef}