.head_reg {
	margin: auto;
	padding: 30px 0;
	border-radius: 5px;
	box-sizing: border-box;
	display:flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
	border: 1px solid #000;
}
.reg_tit {
	margin: auto;
	font-size: 26px;
	text-align: center;
	padding: 20px 0;
}
.inp_box, .reg_conf {
	border: 1px solid #DDD;
	border-radius: 5px;
	padding: 10px 10px;
	margin: 5px 0;
	width: 100%;
}
.reg_text, .reg_text1 {
	width: 300px;
	display:flex;
    flex-direction: row;
    justify-content:flex-start;
    align-items: center;
}
.reg_text1 {
	display: none;
	margin: 1px 0px;
}
.reg_conf_box {
	margin: 20px 0 0 0;
	display:flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
	display: none;
}
.reg_conf {
	width: 70px;
}
.reg_mail_send {
	margin: 0 10px;
	padding: 6px;
	cursor: pointer;
	width: 100%;
	max-width: 300px;
	border-radius: 5px;
	padding: 10px;
}
.reg_message {
	margin: 20px 0;
	text-align: center;
	color: #cc3300;
	font-size: 14px;
}
.btright, .frgright {
    justify-content:flex-end;
}
.btcenter {
    justify-content:center;
	width: 100%;
	margin: 10px 20px;
}
.frgright {
	margin: 10px 20px 0 0;
	cursor: pointer;
}





.login_animation {
	animation-name: anim;
	animation-duration: 0.4s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes anim {
	100% { 
		transform: scale(0);
		opacity: 0;
		border-radius:100%;
	}
}

.login_animationEr {
	animation: 1s linear 0s normal none infinite running animEr;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
}
@keyframes animEr {
	10% { transform: rotate(2deg); }
	20% { transform: rotate(-2deg); }
	30% { transform: rotate(2deg); }
	40% { transform: rotate(-2deg); }
	50% { transform: rotate(2deg); }
	60% { transform: rotate(-2deg); }
	70% { transform: rotate(2deg); }
	80% { transform: rotate(-2deg); }
	90% { transform: rotate(2deg); }
	100% { transform: rotate(0deg); }
}