body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; }
body { background-color: #CCC;background-position:top center; background-repeat:no-repeat; background-size:cover cover; }
#wrapper { width:100%; }
.container { width:500px; margin:auto !important; text-align:center; }
.loginarea { width:300px;padding:20px 20px;background-image:url(../images/lbg.png);border-radius:12px;margin:auto !important; }
.logo { margin:40px 0px; max-width:430px; }
input { width:95%;border:2px solid #333;background-color:#CCC;color:#666;padding:2% 2%;font-size:16px; margin-bottom:10px; border-radius:8px; text-align:center; }
input:hover { background-color:#fff; color:#000; }
input:focus { background-color:#fff; color:#000; }
button { background-color:#999;border:2px solid #333;font-size:16px; font-weight:bold; width:100%; padding-top:8px; padding-bottom:8px; border-radius:8px; }
button:hover { background-color:#333; color:#fff; cursor:pointer; }
@media only screen and (max-width: 992px) {
	.logo { margin:40px 0px; max-width:330px; }
}