.box { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; min-width: 1000px; min-height: 600px; background: url('/Content/Images/login-bg.png') no-repeat center center; }
.login, .register { position: absolute; background: #fff; border-radius: 25px 0px 25px 0px; box-shadow: 0px 0px 10px #ececec; top: 50%; left: 50%; overflow: hidden; }
.login { width: 1150px; height: 600px; margin-top: -300px; margin-left: -575px; }
.register { width: 1150px; height: 620px; margin-top: -310px; margin-left: -575px; padding: 30px; }

.top { height: 50px; }
.top .logo { float: left; }
.top .logo img { height: 50px; width: auto; }
.top .tool { float: right; display: block; width: 30px; height: 30px; border-radius: 15px; background: #eeeeee; color: #aaaaaa; text-decoration: none; text-align: center; line-height: 30px; margin-top: 10px; }

.title { margin-top: 50px; padding-left: 40px; height: 30px; margin-bottom: 30px; }
.title img { float: left; height: 100%; }
.title label { float: right; height: 20px; line-height: 20px; text-align: center; display: block; background: url('/Content/Images/register-arrow.jpg') no-repeat center right; background-size: auto 14px; padding-right: 15px; margin-top: 10px; color: #666; }
.title label img { height: 15px; vertical-align: top; margin-top: 3px; margin-right: 10px; }
.title label a { color: #487be0; text-decoration: none; }

.base { border-right: solid 1px #eee; float: left; padding-left: 40px; padding-right: 60px; padding-top: 15px; padding-bottom: 15px; }
.base .tab { height: 70px; padding-bottom: 10px; }
.base .tab a { display: block; float: left; width: 160px; height: 60px; line-height: 60px; border-radius: 5px; background: #f9f9f9; color: #666; background-repeat: no-repeat; background-position: 30px center; text-decoration: none; text-align: center; border: solid 1px #eeeeee; padding-left: 28px; }
.base .tab a.on { background-color: #487be0; color: #fff; border: solid 1px #6691e7; }
.section-title { font-weight: bold; font-size: 14px; height: 30px; line-height: 30px; margin-top: 15px; margin-bottom: 15px; color: #666 }
.section-title span { display: inline-block; width: 3px; height: 14px; background: #487be0; vertical-align: middle; margin-right: 10px; }

.text { position: relative; margin-bottom: 25px; }
.text.error input { border: solid 1px #d82d2d; }
.text.error label { display: block; }
.text input { border: solid 1px #d6dbe8; border-radius: 2px; height: 40px; outline: none; padding-left: 50px; width: 100%; }
.text span { position: absolute; z-index: 1; left: 0px; top: 11px; padding: 0px 12px; border-right: solid 1px #d6dbe8; }
.text span img { height: 18px; width: auto; display: block; }
.text a { display: block; position: absolute; z-index: 1; right: 10px; height: 38px; top: 0px; line-height: 38px; color: #487be0; text-decoration: none; width: 75px; text-align: center; }
.text label { margin: 0px; height: 20px; line-height: 20px; overflow: hidden; color: #d82d2d; font-size: 12px; position: absolute; top: 40px; left: 5px; right: 5px; font-weight: normal; display: none; }
.base .agreement { color: #333; background: url('/Content/Images/register-icon7.png') no-repeat left center; padding-left: 20px; line-height: 20px; margin-left: 5px; font-size: 12px; margin-top: 10px; }
.base .agreement a { color: #487be0; text-decoration: none; }
.register .detail { float: left; padding-left: 60px; width: 340px; }
.register .photo { float: left; padding-left: 60px; }
.register .photo .avatar { }
.register .photo .avatar a { display: block; width: 100px; height: 100px; background: #f9f9f9; border-radius: 10px; color: #666; overflow: hidden; }
.register .photo .avatar img { width: 100px; height: 100px; }
.register .photo .idcard { margin-top: 5px; }
.register .photo .idcard a { display: block; width: 200px; height: 100px; background: #f9f9f9; border-radius: 10px; color: #666; overflow: hidden; }
.register .photo .idcard img { width: 200px; height: 100px; }
.message { font-size: 12px; color: #d82c2c; margin-top: 5px; height: 15px; }
.register .right { float: left; }
.register .submit { width: 300px; height: 35px; color: #fff; border: none; background: #487be0; margin-left: 150px; margin-top: 10px; }
.clear { clear: both; }

.msg-error { background-color: #f2dede; color: #a94442; border: solid 1px #ebccd1; }
.msg-success { background-color: #dff0d8; color: #3c763d; border: solid 1px #d6e9c6; }


.login-img { float: left; width: 700px; height: 600px; background-repeat: no-repeat; background-position: center; }
.main { float: right; width: 450px; height: 600px; padding: 40px 30px; overflow:hidden; }
.title span { display: block; color: #365cd0; background: url('/Content/Images/login-switch.jpg') no-repeat left center; background-size: 16px auto; float: right; float: right; padding-left: 20px; height: 20px; line-height: 20px; cursor: pointer; margin-top: 10px; margin-right: 40px; }
.login-content { padding: 0px 40px 0px 40px; }
.chk { }
.chk input { width: 14px; height: 14px; vertical-align: top; margin-top: 3px; }
.chk label { margin: 0px; font-weight: normal; color: #aaa; line-height: 20px; }
.login .submit, .login-submit { margin-top: 25px; }
.login .submit button, .btn-submit { width: 100%; height: 35px; color: #fff; border: none; background: #487be0; border-radius: 3px; }


.link { height: 20px; line-height: 20px; text-align: center; display: block; background: url('/Content/Images/register-arrow.jpg') no-repeat center right; background-size: auto 14px; padding-right: 15px; margin-top: 10px; color: #666; text-decoration: none; width: 130px; margin: 30px auto 0 auto; }
.link:link { text-decoration: none; }
.link img { height: 15px; vertical-align: top; margin-top: 3px; margin-right: 10px; }