body{margin:0; padding:0;}
	a{text-decoration:none;}
	#topbar{width:100%; height:50px; padding:18px 0px; background:#eeeeee;}
	#topbar a{position:absolute; top:30px; right:35px; background:#0088ff; color:white; padding:10px 15px; border-radius:2px;}
	#topbar img{position:absolute; top:5px; left:35px; max-width:85px;}
	form{width:20%; height:auto; margin:auto; margin-bottom:35px; background:#f0f0f0; border:3px ridge purple; padding:30px; text-align:center; border-radius:10px; box-shadow:1px 1px 5px orange, -1px -1px 5px orange;}
	input{width:90%; background:#ffffcc; margin:auto; font-family:Rockwell Extra Bold; box-shadow:1px 1px 5px yellow, -1px -1px 5px yellow; padding:10px; display:inline-block; border:1px solid #000066; border-radius:5px; margin:15px auto;}
	input:hover{border-color:red;}
	#forget{float:right;}
		
    #div1{width:800px; height:auto; padding:20px; font-size:30px; font-family:Rockwell; text-align:center; margin:auto;}
	#div1 span{display:block; color:green;}
    #div2{width:60px; height:60px; border-radius:100px; background:url('system_img/pfoto.png') no-repeat; background-color:#00ff88; margin:auto;} 
	#submit{width:50%; padding:5px; border:1px solid #006633; font-family:Rockwell; font-weight:bold; background:linear-gradient(#337799, #006633); cursor:pointer; color:white;}
	#alrt{width:500px; margin:auto; font-family:Rockwell Extra Bold; color:red; text-align:center;}