@charset "utf-8";
.login-frm-wrap {position:relative;width:100%;height:100%}
.login-frm-wrap:before {display:block;content:"";margin-left:680px;height:100%;background:url(../images/_Img/login_bg.jpg) no-repeat;background-size:cover;}
.login-frm-wrap .login-frm {position:absolute;top:0;left:0;width:680px;height:100%;padding:165px 70px;box-sizing:border-box;z-index:1}
.login-frm-wrap .login-frm:before {display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;background: #71bf44;background: -moz-linear-gradient(top,  #71bf44 0%, #0bafa5 35%, #018ba1 68%, #0066b3 100%);background: -webkit-linear-gradient(top,  #71bf44 0%,#0bafa5 35%,#018ba1 68%,#0066b3 100%);background: linear-gradient(to bottom,  #71bf44 0%,#0bafa5 35%,#018ba1 68%,#0066b3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71bf44', endColorstr='#0066b3',GradientType=0 );z-index:-1}
.login-frm-wrap .login-frm .logo {text-align:center}
.login-frm-wrap .login-frm .logo .logo-txt {display:block;margin-top:15px}
/*.login-frm-wrap .login-frm .frm-list {margin-top:130px}*/
.login-frm-wrap .login-frm .frm-list li {margin-bottom:20px;border-radius:999px;background:#fff;position:relative;padding:0 25px 0 205px}
.login-frm-wrap .login-frm .frm-list li:last-child {margin-bottom:0}
.login-frm-wrap .login-frm .frm-list li label {position:absolute;top:19px;left:0;width:205px;padding-left:25px;box-sizing:border-box;font-size:18px;font-weight:500;color:#333}
.login-frm-wrap .login-frm .frm-list li label:before {display:block;content:"";width:1px;height:30px;background:#ccc;position:absolute;top:-4px;right:0;}
.login-frm-wrap .login-frm .frm-list li input[type='text'], .login-frm-wrap .login-frm .frm-list li input[type='password'] {width:100%;border:0;font-size:18px;background:#fff;height:60px;padding:0 15px;box-sizing:border-box;}
.login-frm-wrap .login-frm input[type='button'] {color:#fff;border:0;cursor:pointer}
.login-frm-wrap .login-frm .btn-wr {margin-top:65px;position:relative;}
.login-frm-wrap .login-frm .btn-wr .btn-chg {position:absolute;bottom:100%;left:0;margin-bottom:30px;font-size:18px;background:transparent;letter-spacing:-.05em}
.login-frm-wrap .login-frm .btn-wr .btn-login {width:100%;height:60px;font-size:24px;background:#062634;color:#fff;border-radius:999px;margin-bottom:15px}
.login-frm-wrap .login-frm .btn-wr .btn-info {position:absolute;bottom:100%;left:0;margin-bottom:30px;font-size:18px;background:transparent;display:none;}
.login-frm-wrap .login-frm .btn-wr .btn-chg:hover {text-decoration:underline}
.login-frm-wrap .login-frm .btn-wr .btn-info:hover {text-decoration:underline}
@media all and (max-width:1600px){
	.login-frm-wrap:before {margin-left:35%}
	.login-frm-wrap .login-frm {width:55%}
}
@media all and (max-width:999px){
	.login-frm-wrap:before {width:100%;margin:0;opacity:.2;position:absolute;top:0;left:0}
	.login-frm-wrap .login-frm {width:100%;z-index:inherit}
	.login-frm-wrap .login-frm:before {z-index:-2}
	.login-frm-wrap .login-frm .logo img {max-width:300px}
	.login-frm-wrap .login-frm .btn-wr .btn-login {font-size:20px}
	.login-frm-wrap .login-frm .frm-list li label, .login-frm-wrap .login-frm .frm-list li input[type='text'], .login-frm-wrap .login-frm .btn-wr .btn-info {font-size:16px}
}
@media all and (max-width:699px){
	.login-frm-wrap .login-frm {padding:125px 30px}
	.login-frm-wrap .login-frm .frm-list {margin-top:70px}
	.login-frm-wrap .login-frm .frm-list li {padding-left:185px}
	.login-frm-wrap .login-frm .frm-list li label {width:185px}
	.login-frm-wrap .login-frm .frm-list li label:before {height:20px;top:2px}
}
@media all and (max-width:499px){
	.login-frm-wrap .login-frm {padding:100px 20px}
	.login-frm-wrap .login-frm .logo img {max-width:250px}
	.login-frm-wrap .login-frm .frm-list li {background:transparent;border-radius:0;padding:0}
	.login-frm-wrap .login-frm .frm-list li label {width:auto;position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0 0 5px;display:block;padding:0;color:#fff}
	.login-frm-wrap .login-frm .frm-list li label:before {display:none}
	.login-frm-wrap .login-frm .frm-list li input[type='text'] {height:50px}
	.login-frm-wrap .login-frm .btn-wr .btn-info {left:auto;right:0}
}