/*È«ÆÁ±³¾°Í¼Æ¬Ñùʽ*/
.body-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -10; background-position: center 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; zoom: 1; }
.body-bg img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.btn-login, .btn-regist { background: #1885e0; color: #fff; }
.h30 { clear: both; display: block; height: 30px; overflow: hidden; }
.h10 { clear: both; display: block; height: 10px; overflow: hidden; }


.login fc, .register fc { display: block; width: 248px; }
.login input, .register input { display: block; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 40px; height: 20px; line-height: 20px; border-style: solid; border-width: 1px; border-color: #ccc; background-repeat: no-repeat; background-position: 12px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; }
#btn-login:focus { box-shadow:none !important; }

.login input:-moz-placeholder, .register input:-moz-placeholder { color: #515567; font-weight: bold; }
.login input::-moz-placeholder, .register input::-moz-placeholder { color: #515567; font-weight: bold; opacity: 1; }
.login input:-ms-input-placeholder, .register input:-ms-input-placeholder { color: #515567; font-weight: bold; }
.login input::-webkit-input-placeholder, .register input::-webkit-input-placeholder { color: #515567; font-weight: bold; }
.login input.placeholder, .register input.placeholder { color: #515567; font-weight: bold; }

input.error { border-color: #ff8900; -webkit-box-shadow: 0 0 5px #ff8900; -moz-box-shadow: 0 0 5px #ff8900; box-shadow: 0 0 5px #ff8900; }

.login input.verification-code, .register input.verification-code { width: 90px; padding-left: 10px; }
.verification-code-img { display: block; margin-left: 10px; width: 120px; height: 42px; text-align: center; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.user, .pwd01, .pwd02, .phone, .QQ { display: block; width: 190px; padding-left: 10px; }
.user { background-image: url(/App_Image/login/ico01.png); }
.pwd01 { background-image: url(/App_Image/login/ico02.png); }
.pwd02 { background-image: url(/App_Image/login/ico03.png); }
/*.phone { background-image: url(/App_Image/login/ico04.png); }*/
.phone { background-image: url(/Zysygh/img/login/phone.png); }

.QQ { background-image: url(/App_Image/login/ico05.png); }


.prompt { min-height: 26px; }
.prompt-error { color: #ff8900; padding-left: 35px; min-height: 30px; background: url(/App_Image/login/ico100.png) no-repeat; }

.login input.bntH40, .register input.bntH40 { border: 0px; padding: 10px 0; width: 248px; height: 40px; line-height: 20px; }

.stat { width: 100%; text-align: center; }
.stat a { color: #FFF; font-size: 12px; }
.stat a:hover { text-decoration: underline; }

.verification-code-img img { border-radius: 5px; }

.promptInpt { display: block; width: 200px; height: 0; margin: 0 auto; position: relative; }
.promptInpt p { display: block; width: 180px; height: 14px; position: absolute; color: #858585; height: 20px; margin-top: 0; margin-bottom: 0; top: 10px; left: 14px; }
.login .fc, .register .fc { margin-left: 30px; }

.pic1 { margin-left: 280px; margin-top: 50px; position: absolute; width: 30%; }
.pic1 img, .pic2 img { width: 100%; }
.pic2 { margin-left: 50px; margin-top: 350px; position: absolute; width: 30%; }

.footer { width: 100%; position: absolute; height: 120px; background: none; bottom: 0px; }
.footer .copyright { text-align: center; color: #fff; }
.fc .row .title { font-size: 16px; width: 80px; height: 45px; line-height: 45px; display: block; float: left; }
.fc .row .reg-domain { width: 80px; }
.fc .row input { display: inline-block; padding-left: 5px; }