body{font-size: 14px;}
.wrapper{width: 1200px;margin: 0 auto;overflow: hidden;}
.login-body{background: #122d5a;}
.login-bg{background: url(../images/login_bg.jpg) center bottom no-repeat;}
.login-logo{margin: 100px auto 10px;text-align: center;}
.login-img{float: left;}
.login-img img{width:600px;height: 600px;}
.login-box{width: 369px;height: 394px;border-radius: 4px;float: right;margin: 100px 50px 0 0;background: url(../images/login_box.png) no-repeat;}
.login-box-title{font-size: 26px;color: #3dccfc;text-align: center;margin: 30px auto;}
.login-box ul li{margin:30px 40px 0;}
.login-box ul li input{padding: 10px 40px 10px 10px;width: 228px;border-radius: 4px;border: 1px solid #dadde0;}
.login-box ul li input:focus{border: 1px solid #92bbf8;}
.login-box ul li input.username{background:#ffffff url(../images/login_user.png) 250px center no-repeat;border: 1px solid #ffffff;}
.login-box ul li input.password{background:#ffffff url(../images/login_password.png) 250px center no-repeat;border: 1px solid #ffffff;}
.login-box ul li input.username:focus{ background:#ffffff url(../images/login_user_hover.png) 250px center no-repeat;border: 1px solid #3dccfc; box-shadow: 0px 0px 8px 0px rgba(0, 180, 240, 0.6);}
.login-box ul li input.password:focus{ background:#ffffff url(../images/login_password_hover.png) 250px center no-repeat;border: 1px solid #3dccfc; box-shadow: 0px 0px 8px 0px rgba(0, 180, 240, 0.6);}
.login-box ul li input#rememberMe{margin-right: 10px;padding: 0;width: 14px;height: 14px;vertical-align: middle;cursor: pointer;}
.login-box ul li label{cursor: pointer;vertical-align: middle;height: 14px;line-height: 14px;color: #999;}
.login-box ul li a.login-btn{background: #e77d3d;border-radius: 4px;text-align: center;color: #ffffff;font-weight: bold;font-size: 16px;display: block;padding: 10px;}