#top{
	height: 38px;width: 100%;background:#D2384B;
	line-height: 38px;
	text-align: center;
	font-size: 22px;
	color: #ffffff;font-weight: 900;
	position:fixed;top: 0px;
}
li{
	list-style-type: none;
}
#topright{
	position: absolute;right: 20px;color: #D4AF37;
	font-size: 16px;
}
*{
	padding: 0;margin: 0;
}
body{
	background: #FFFFFF;
}
#login{
	width: 70%;margin-left: 15%;
	display: flex;flex-direction:column;align-items:center;
	margin-top: 50%;
	
}
li{
	list-style: none;
}
#vavb{
	margin: auto;width: 100%;
}

#for{
	margin: auto;width: 100%;max-width: 400px;height: 350px;position: relative;top: 50px;
}

.logdiv input{
	height: 25px;width: 100%;
	border: 0px;
	border-bottom:1px solid #CCCCCC ;
	text-indent: 35px;font-size: 15px; letter-spacing: 2px;	
}


.logdiv input:focus{
border:0px;
border-bottom: 1px solid #E8735B;
color:#E8735B;
outline: none;
}


input::placeholder,
textarea::placeholder {
    color: #CCCCCC;letter-spacing: 1px;	font-size: 13px;
}


.logdiv{
	width: 100%;margin-top: 33px;position: relative;
}
.icons{
	position: absolute;height: 18px;left: -17px;top: 2px;
}

.login-btn{
	width: 182px;height: 30px;margin-top: 45px;border: 1px solid #E8735B;
	border-radius:30px;background: #FFFFFF;color: #E8735B;
}
.logdiva{
	margin-top: 15px;
}
.logdiva a{
	color: #0000ff;font-size: 12px;margin-left: 100px;
}
.sti{
	height: 20px;font-size: 11px;color: red;background: #D9D9D9;
	position: absolute;bottom: 0px;width: 100%;text-indent: 20px;line-height: 20px;
	visibility: hidden;
}

@media (min-width: 720px){
	
	#vavb{
		width: 600px;
		height: 400px;
		box-shadow: 0px 2px 12px #888888;
	}
	
	
	
}

.yasr{
	
	height: 20px;width: 20px;	
	position: absolute;right: 5px;
}