body
{
	background-color:#fff}
#auth{height:100vh;overflow-x:hidden}
#auth #auth-right{background:url(../../images/bg/barber2.jpg);height:100%;background-size: cover; background-position: center top;}
#auth #auth-left
{
	padding:5rem 8rem;
}
#auth .auth-left-bg
{
	background: url(../../images/bg/barber1.png),rgba(0,0,0,.8);
}
#auth #auth-left .auth-title{font-size:2rem;margin-bottom:1rem; color: #ffd700;text-align: center;}
#auth #auth-left .auth-subtitle{color:#a8aebb;font-size:1.7rem;line-height:2.5rem}
#auth #auth-left .auth-logo{margin-bottom:4rem}
#auth #auth-left .auth-logo img{height:7rem}
@media screen and (max-width:767px)
{
	#auth #auth-left{padding:5rem}

	#auth #auth-left .auth-logo{margin-bottom:2rem}
	#auth #auth-left .auth-logo img{height:6rem;}
	#auth #auth-left .auth-title{font-size:1.8rem;margin-bottom:.5rem;text-align: center;}
}


.btn-hao-blk{
	background-color: #000;	
	border: 2px solid #ffd700;
	color: #ffd700;
	transition: .2s ease;

}

.btn-hao-blk:hover{
	background-color: #1d1d1c;
	color: #ffd700;
}