/**
	login skin css
*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
 transition: background-color 5000s ease-in-out 0s;
 -webkit-transition: background-color 9999s ease-out;
 -webkit-box-shadow: 0 0 0px 1000px white inset !important;
/* -webkit-text-fill-color: #fff !important;*/
}

.access{width: 400px; margin: 0 auto;}
.loginform li {display: block;margin: 0px; clear: both; margin: 15px;}
.loginform li>span {float: left;width: 25%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}
/* schoologin */
.container{background:#f6f6f6;padding:100px 0}
.schoolLogin{max-width:500px;width:100%;background:#fff;padding:30px;border:0.5px solid #b2b2b2;box-shadow:10px 10px 30px #00000029}
.logoTitle{text-align:center}
.logoTitle img{width:260px}
.mainTitle{color:#00CB75;border-bottom:1px solid #00CB75;font-size:22px;margin-bottom:50px;}
.mainTitle span{display:inline-block;font-family:'Gmarket';font-weight:700;border-bottom:8px solid #00CB75;padding-bottom:5px}
.form-group{display:flex;padding-bottom:20px;align-items:center}
.form-group .control-label{font-size:18px;color:#4e4e4e;width:100px}
.form-group input{width:300px;height:40px;border:1px solid #d5d5d5;font-size:14px;letter-spacing:-0.28px;background:#fff;padding:10px 15px;border-radius:3px}
.form-group .txt{color:#4e4e4e;font-size:14px;letter-spacing:-0.28px;display:inline-block;padding-top:5px}
.form-group div{display:inline-flex;flex-direction:column}
.schoolLogin .btnArea{text-align:center}
.schoolLogin .btn{width:92px;height:34px;border-radius:2px;font-size:14px}
.schoolLogin .btn-primary{background:#009DFF;margin-right:10px}
.schoolLogin .btn-info{background:#00CB75}
.schoolLogin #autologin{width:14px;height:14px;border-radius:2px;border:1px solid #d5d5d5;margin-right:7px;}
.schoolLogin .autolabel{color:#4e4e4e;font-size:14px;letter-spacing:-0.28px}
.alert-info{line-height:1.3}
.schoolLogin .social_icon{width:22px;height:22px}
.schoolLogin .guidArea{padding-top:30px}
.schoolLogin .guidArea p{font-size:14px;line-height:1.3;color:#4e4e4e}
.schoolLogin .guidArea a{color:#4e4e4e;font-size:16px;}
@media all and ( max-width:750px ){
	/* schoologin */
	.container{background:#f6f6f6;padding:10rem 0}
	.schoolLogin{width:90%;padding:3rem;box-shadow:1rem 1rem 3rem #00000029}
	.logoTitle img{width:30rem}
	.mainTitle{font-size:3rem;margin-bottom:5rem;}
	.mainTitle span{border-bottom:0.8rem solid #00CB75;padding-bottom:1.5rem}
	.form-group{padding-bottom:4rem}
	.form-group .control-label{font-size:2.4rem;width:12.5rem}
	.form-group input{width:38rem;height:6rem;font-size:2.2rem;padding:1.3rem 1.9rem}
	.form-group .txt{font-size:2rem;padding-top:1rem}
	.schoolLogin #autologin{width:3rem;height:3rem;margin-right:1.6rem}
	.schoolLogin .autolabel{font-size:2rem}
	.schoolLogin .social_icon{width:4rem;height:4rem}
	.schoolLogin .btn{width:14rem;height:6.4rem;font-size:2.4rem}
	.schoolLogin .btn-primary{margin-right:2rem}
	.schoolLogin .guidArea{padding-top:3rem}
	.schoolLogin .guidArea p{font-size:2rem}
	.schoolLogin .guidArea a{font-size:2.2rem}
}