@charset"utf-8";
.login_wrap{position:relative;border:1px solid #ddd;}
.login_wrap .login_summery{width:100%;border-bottom: 1px solid #ddd;background:#f2f3f4 url(/images/common/prog/login_ico.png) 8% 27px no-repeat;padding:25px 7%;}
.login_wrap .login_summery h2{margin:0;padding:0 0 0 80px;text-align:left;font-size:18px}
.login_wrap .login_summery h2:before{background:none;}
.login_wrap .login_summery p{padding:0 0 0 80px;text-align: left;}
.login_wrap .login_form{position:relative;width:100%;padding:30px 7%;}
.login_wrap .login_form .form_input{position:relative;padding:0 120px 0 0;}
.login_wrap .login_form fieldset>input{display: block;position: absolute;top: 0;right: 0;width: 110px;height: 89px;background:#254f9a;color: #fff;}
.login_wrap .login_form ul li{margin-top:5px}
.login_wrap .login_form ul li:first-child{margin-top:0} 
.login_wrap .login_form ul li label{position:absolute;top:0;left:0;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.login_wrap .login_form ul li input{width:96%;height:42px;line-height:42px;border:1px solid #ddd;}
.login_wrap .info{margin-top:40px;padding:15px 0 10px 0;border-top:1px dashed #ddd;}
.login_wrap .info li{position:relative;margin-bottom:5px;padding:0 0 0 80px;}
.login_wrap .info li b{position:absolute;left:0;top:0;}

@media (min-width:652px){
	.login_wrap .login_summery{padding:30px 7%;background-position:8% 18px;}
}
@media (min-width:769px){
	.login_wrap:before{content: "";display:block;position:absolute;top:0;left:42%;width:1px;height:100%;background:#ddd;}
	.login_wrap .login_summery{float: left;padding: 50px 2%;width: 42%;background-position: 50% 96px;border-bottom:none}
	.login_wrap .login_form{float: left;padding: 60px 5% 0;width: 58%;}
	.login_wrap .login_summery p{padding: 120px 0 0 0;text-align: center;}
	.login_wrap .login_summery h2{font-size:20px}
}