h1, h2, h3, h4, h5, p{margin:0; padding:0;}



#alllogin .loginbg .loginform span img					{ vertical-align:middle ;padding:0 5px 0 0}
#alllogin .loginbg .loginform span input				{ vertical-align:middle ;padding:0 5px 0 0}



.login_head{margin-bottom:30px;
	& h4{font-size:var(--size-36); color:#515151;}
	& h4 span{font-size:var(--size-36);  color:var(--main-color);}
	& p{font-size:var(--size-20);}
}
.login_form_container{display: flex; flex-flow:column wrap;}
#alllogin{ position:relative;width:100%; text-align:center; padding:100px 0;}
#alllogin .loginbg{width:550px; border:1px solid #ddd; padding:70px 50px; background:#fff; margin:0 auto;}

#alllogin .loginbg .loginform{width:100%; display:flex; flex-flow:column wrap; 
	& span+span{margin-top:10px;}
	& span input{border:1px solid #BEBEBE; padding:20px; width:100%;}
	& span input::placeholder{color:#beb6b8; font-size:var(--size-16); font-weight:400; }
}
#alllogin .loginbg .loginbt{margin-top:10px;
	& input[type="submit"]{border-radius: 50px; width:100%; padding:14px 0; background:var(--main-color); font-size: var(--size-20); color:#fff; font-weight:bold; border:none;}
}
#alllogin .loginbg ul{margin-top:30px; display:flex; flex-flow:row nowrap; justify-content: center;}
#alllogin .loginbg ul li{font-size:var(--size-18); flex:1; }
#alllogin .loginbg ul li+li{border-left:1px solid #ddd; padding-left:10px; margin-left:10px;}
#alllogin .loginbg ul li a{padding:15px 0; display: inline-block; width:100%; font-weight: 500; }
#alllogin .loginbg ul li.btn_join a{color:var(--main-color); font-weight:bold;}

.login_message{max-width:550px; width:98%; border:1px solid #ddd; padding:70px 50px; background:#fff; margin:0 auto;}

@media only all and (max-width:600px){
	#alllogin .loginbg, .login_message{width:98%; padding:40px 20px;}
}