.enroll{position: relative;}
.enroll>img{width: 100%;height: 100%;}
.enroll_on{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 400px;}
.enroll_on h2{text-align: center;color: #000;font-weight: bold;}
.enroll_on h3{text-align: center;color: #000;height: 57px;line-height: 57px;}
.enroll_on h3 img{width: 57px;height: 100%;display: inline-block;margin-right: 19px;}
.enroll_on input{width: 100%;padding-left: 15px;margin-top: 10px;height: 40px;border: none;font-size: 16px;box-sizing: border-box;}
.enroll_on input:nth-of-type(1){margin-top: 35px;}
.enroll_on p{margin-top:15px ;color: #FFFDEF;font-size: 16px;}
.enroll_on p a{display: inline-block;padding-left: 19px;background: url(../images/mem_sig_que.png) no-repeat left center;background-size: 15px 15px;color: #FFFDEF;}
.enroll_on button{width: 100%;height: 40px;color: #fff;text-align: center;border: none;background: #00a4ec;margin-top: 40px;font-size: 16px;cursor: pointer;}
.enroll_on>a{display:block;width: 100%;height: 40px;line-height:40px;color: #000;text-align: center;border: none;background: #5c5c5c;margin-top: 40px;font-size: 16px;}
.enroll_on>a.denl{margin-top: 80px;}
.enroll_on>a:hover{color: #FFFFFF !important;}
.enroll_on span{display: block;text-align: center;color: #000;font-size: 16px;margin-top: 16px;}
.enroll_on span a{color: #DC3738;border-bottom: 1px solid #DC3738;}
@media only screen and (max-width: 1366px) {
	.enroll_on input:nth-of-type(1){margin-top: 20px;}
	.enroll_on p{margin-top: 10px;}
	.enroll_on button{margin-top: 20px;}
	.enroll_on>a{margin-top: 20px;}
	.enroll_on>a.denl{margin-top: 60px;}
	.enroll_on span{margin-top: 10px;}
}
@media only screen and (max-width: 1023px) {
	.enroll{height: calc(100vh - 150px) !important;}
	.enroll>img{width: 100%;height: 100%;object-fit: cover;}
	.enroll_on>a.denl{margin-top: 40px;}
}
@media only screen and (max-width: 767px) {
	.enroll_on{width: 90%;}
	.enroll_on>a.denl{margin-top: 20px;}
}