@charset "utf-8";

#login_box {position:absolute;; left:50%; top:50%; margin:-267px 0 0 -520px; width:1041px; height:533px; background:#fff; border-radius:10px;
			background:url(/images/admin/login_bg.png) no-repeat ; }

#login_box .left_img {float:left; margin:130px 0 0 113px; width:290px; height:290px; background:url(/images/admin/ico.png) no-repeat -5px -252px; }
#login_box .login_wrp {float:right; margin:80px 107px 0 0; width:340px; }
#login_box .login_wrp  .login_st {padding-left:20px; font-size:20px; font-weight:800; color:#000l}
#login_box .login_wrp input[type="text"], input[type="password"] 
{width:340px; height:54px; line-height:54px; text-indent:20px; font-weight:bold; font-size:14px; color:#3a3d6a; border:1px solid #bbbdd7; border-radius:30px;}

#login_box .login_wrp .input_id { background:url(/images/admin/ico.png) no-repeat 290px -560px; }
#login_box .login_wrp .input_pwd {  background:url(/images/admin/ico.png) no-repeat 291px -613px; }
#login_box .login_wrp .prv {margin-top:10px; text-align:center; height:85px; background:#f5f5f5;}
#login_box .login_wrp a.btn_login {display:inline-block; width:340px; height:54px; line-height:54px; border-radius:30px; background:#3a3d6a; text-align:center; color:#fdff40; font-size:16px; font-wegiht:bold;}
#login_box .login_wrp .copy {margin-top:20px; font-size:12px; color:#555; text-align:center; letter-spacing:0;}


@media (max-width: 576px){
	#login_box {
		position: relativee;
    	left: 0%;
    	top: 0%;
    	margin: 0px;
	    width: 100%;
	    background: #fff;
	    border-radius: 10px;
	    overflow: hidden;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	
}
@media (max-width: 768px){
	#login_box {
	    /*padding: 100px 80px 33px;*/
	    padding-left: 20px;
	}
	
}
@media (max-width: 992px){
	#login_box {
	    /*padding: 177px 90px 33px 85px;*/
	    padding-left: 20px;
	}
}
 
@media (max-width: 768px){
	#login_box .left_img {
	    display: none;
	}
}
@media (max-width: 992px){
	#login_box .left_img {
	    width: 35%;
	}
}