.field { margin-bottom: 10px; }
.ui-input,
.ui-textarea { vertical-align: middle; line-height: 18px; height: 18px; font-size: 12px; padding: 10px 10px; color: #666; background-color: #fff; border: 1px solid #ccc; outline: 0; -webkit-transition: border-color .2s ease; -moz-transition: border-color .2s ease; -o-transition: border-color .2s ease; -ms-transition: border-color .2s ease; transition: border-color .2s ease; width: 240px; font-family: microsoft yahei; font-size: 16px; }
.ui-input:focus,
.ui-input:hover { border-color: #ddd }
.ui-input.disabled,
.ui-input.disabled:hover,
.ui-input.disabled[disabled],
.ui-input.disabled[readonly] { cursor: not-allowed; border: 1px solid #d9d9d9; background-color: #f2f2f2 }
.ui-input.error { border-color: #f1585e }
.input-err { border-color: #fca1a6; background-color: #ffeded; }
.ui-input-short { width: 100px; }
.ui-input-long { width: 400px; }
.ui-textarea { vertical-align: top; height: 60px; width: 400px; }
.ph-label { position: absolute; color: #aaa; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.ph-hide .ph-label { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.ph-focus .ph-label { color: #ccc; }
/* Form 1 */
.form-box .field { padding-left: 100px; }
.form-box .ui-label { float: left; text-align: right; width: 90px; margin-left: -100px; }
/* Iconfont */
.form-box2 .field { position: relative; }
.form-box2 .ui-label { position: absolute; left: 1px; top: 1px; border-right: 1px solid #e4e4e4; cursor: default; text-align: center; }
.form-box2 .ui-label .fa { width: 32px; height: 28px; line-height: 28px; text-align: center; margin: 0; z-index: 2; }
.form-box2 .ui-input { float: left; padding: 4px 5px 4px 43px; width: 170px; }
.ui-btn { display: inline-block; border: 0 none; cursor: pointer; text-align: center; vertical-align: top; *overflow: visible;
padding: 0 28px; margin-right: 10px; line-height: 40px; height: 40px; font-family: microsoft yahei; font-size: 18px; color: #fff; }
.ui-btn1 { background: #3481e4; color: #fff; }
.ui-btn1:hover { background: #1d70da; color: #fff; }
.reg-single { background-color: #f6f6f6; }
.header { background: none; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2); margin-bottom: 0; padding-bottom: 0; }
.container { background: url(../images/globe-map.png) no-repeat 50% 50%; min-height: 560px; }
/* ==================================
   Member Sidenav
   ================================== */
/*  登陆  */
.login-form { width: 438px; float: right; margin-top: 30px; }
.login-form .form-bd {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF, endColorstr=#7fFFFFFF); background-color: rgba(255,255,255,.3); border: 1px solid #d6d6d6; padding: 40px 0 25px; }
:root .login-form .form-bd { filter: none; }
.login-form .form-hd h2 { float: left; width: 50%; font-size: 20px; font-family: microsoft yahei; padding-bottom: 2px; text-align: center; line-height: 50px; font-weight: 300; }
.login-form .form-hd .on { color: #005bac; border-bottom: 2px solid #005bac; padding-bottom: 0; }
.login-form .form-hd .on a { color: #005bac; }
.login-form .field { padding-left: 88px; margin-bottom: 20px; }
.login-form .ui-label { width: 80px; margin-left: -88px; line-height: 30px; }
.login-form .ui-input { padding: 5px 10px; }
.login-msg.error { background: #fef2f2; border: 1px solid #ffb4a8; line-height: 16px; padding: 6px 10px; overflow: hidden; margin: 10px 20px; }
.login-msg.error .fa { color: #f60; padding-right: 5px; }
.login-form .extra { text-align: center; padding: 20px 0 0; }
.forget-pwd { color: #005bac; font-size: 14px; line-height: 32px; }
.login-form .ui-btn1 { font-size: 14px; line-height: 32px; height: 32px; padding: 0 58px; background: #005bac; }
.login-form .ui-btn1:hover { background: #034d8f; }
/*  注册  */
.reg-form { margin-top: 20px; margin-bottom: 60px;}
.reg-form .form-hd h2 { float: left; font-size: 20px; font-family: microsoft yahei; padding-bottom: 2px; padding-right: 136px; line-height: 50px; font-weight: 300; }
.reg-form .form-hd .on { color: #005bac; border-bottom: 2px solid #005bac; padding-bottom: 0; }
.reg-form .form-hd .on a { color: #005bac; }
.reg-form .form-bd {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFFFFFF, endColorstr=#7fFFFFFF); background-color: rgba(255,255,255,.3); border: 1px solid #d6d6d6; padding: 40px 0;  }
:root .reg-form .form-bd { filter: none; }
.reg-form .field { padding-left: 350px; margin-bottom: 20px; }
.reg-form .ui-label { width: 340px; margin-left: -350px; line-height: 30px;  }
.reg-form .ui-input { padding: 5px 10px; width: 300px; }
.reg-form .btn-field { text-align: center; margin-top: 50px; }
.reg-form .ui-btn1 {  font-size: 14px; width: 160px; height: 32px; line-height: 32px; background: #005bac; border: 1px solid #0076de; color: #fff; }
.reg-form .ui-btn2 {  font-size: 14px; width: 190px; height: 30px; line-height: 30px; background: #006fd1; border: 1px solid #0079e3; color: #fff; }
.reg-form .ui-btn { -webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;}
.reg-form .ui-btn:hover { opacity: .9;}

/*  留言板  */
.feedback-form {  width: 710px; margin: 20px auto 60px;}
.feedback-form .form-hd {  text-align: center; font-size: 14px; border-bottom: 1px dashed #999; padding: 10px 0; margin-bottom: 20px; }

.feedback-form .field { padding-left: 132px; margin-bottom: 20px; }
.feedback-form .ui-label { width: 122px; margin-left: -132px; line-height: 30px;  }
.feedback-form .ui-input { padding: 5px 10px; width: 300px; }
.feedback-form .ui-btn { -webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s; width: 120px; height: 34px; line-height: 34px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; font-size: 14px;}
.feedback-form .ui-btn2 { color: #333;}
.feedback-form .ui-btn:hover { opacity: .9;}


/*  找回密码  */
.pwd-form { width: 770px; margin: 70px auto; }
.pwd-form .form-hd h2 { font: 700 16px microsoft yahei; padding: 0 10px; }
.pwd-form .form-wrap { border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 0 30px; }
.pwd-form .step-bar { border-bottom: 0 none; margin-bottom: 50px; }
.pwd-form .field { padding-left: 280px; }
.pwd-form .ui-label { width: 270px; margin-left: -280px; }
/*  修改密码  */
.pwd-modify-form .field { margin: 10px 0; }
.pwd-modify-form .form-wrap { border: 1px solid #ddd; padding: 20px 0; }
transform: rotate(360deg); transform: rotate(360deg) }