.asterisk { color: #f00; padding: 0 5px; }
.field .err-input { border: 1px solid #a94440; }
:-moz-placeholder {
 color: #999;
font-size: 12px;
}
::-moz-placeholder {
 color: #999;
font-size: 12px;
}
::-webkit-input-placeholder {
 color: #999;
font-size: 12px;
}
.tac { text-align: center; }
/* ==================================
   Btn
   ================================== */
.ui-btn { padding: 0; display: inline-block; vertical-align: bottom; cursor: pointer; *overflow: visible;
border: 0 none; text-align: center; font-family: microsoft yahei; height: 32px;  font-size: 14px; color: #fff;  }
a.ui-btn {  height: 30px; line-height: 30px;   }
.ui-btn .fa { padding-right: 5px; }
.ui-btn1 { background: #408ab9; color: #fff; border: 1px solid #408ab9; padding: 0 40px;}
.ui-btn1:hover { background: #1f7fbc; color: #fff; }
.ui-btn2 { background: #f8f8f8; color: #000; padding: 0 16px; font-size: 12px;}
.ui-btn2:hover { background: #e9e7e7;}

/* ==================================
   Form
   ================================== */
.field .err-input { border: 1px solid #a94440; }
.ui-label { }
.ui-input { vertical-align: middle; }
.ui-input:focus { outline: 0 none; border-color: rgba(82,168,236,.8); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6) }
.ui-textarea { height: auto; width: 280px; }
.field:before,
.field:after { content: ""; display: table; }
.field:after { clear: both; }
.field { *zoom: 1
}
.form-box .tips { border: 1px solid #FF8080; ; overflow: hidden; background: #FFF2F2; padding: 4px; font-size: 12px; line-height: 16px; color: #404040; display: inline-block; *zoom:1;
vertical-align: middle; }
.form-box .tips .fa { padding-right: 5px; color: #c00; }
/* Form 1 */
.form-box .field {  line-height: 29px; *zoom:1; position: relative; margin-bottom: 7px;  border: 1px solid #dcdcdc; padding-left: 6em; overflow: hidden; }
.form-box .btn-field .fr { border: 1px solid #dcdcdc; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.form-box .btn-field .fr a { float: left;}
.form-box .ui-label { position: absolute; left: 1em; top: 0; line-height: 31px;  width: 5em;}
.form-box .ui-input,
.field .ui-textarea {  border: 0 none; padding: 5px ; line-height: 19px; height: 19px; width: 250px; float: left; }
.field .ui-textarea { height: 35px;}
.form-box .field .ui-label-except { margin-left: 0; }
.ph-label { position: absolute; line-height: 31px; height: 31px; top: 1px; left: 110px; opacity: 1; }
.ph-label .fa { line-height: 31px; font-size: 22px; color: #9a9a9a; }
.ph-hide .ph-label { opacity: 0; visibility: hidden }
.ph-focus .ph-label { color: #CCC; }
.login-btn { -webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;}
.reg-btn { -webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;}
.form-box .btn-field .fr .sep { float: left; height: 30px; width: 1px; background: #dcdcdc;}
/* Iconfont */
.form-box2 .field { position: relative; margin-bottom: 18px; }
.form-box2 .ui-label { position: absolute; left: 1px; top: 1px; border-right: 1px solid #e4e4e4; cursor: default; text-align: center; }
.form-box2 .ui-label:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-left-style: solid; border-width: 5px 0 5px 5px; border-left-color: #fff; top: 50%; margin-top: -5px; right: -4px; }
.form-box2 .ui-label:before { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-left-style: solid; border-width: 5px 0 5px 5px; border-left-color: #e4e4e4; top: 50%; margin-top: -5px; right: -5px; }
.form-box2 .ui-label .fa { width: 32px; height: 28px; line-height: 28px; text-align: center; margin: 0; z-index: 2; font-size: 15px; color: #586371; }
.form-box2 .ui-input { float: left; padding: 4px 5px 4px 43px; width: 170px; line-height: 20px; height: 20px; border: 1px solid #e4e4e4; color: #586371; background: #fff; }
.form-box2 .ph-label { position: absolute; color: #586371; font-size: 12px; line-height: 19px; left: 65px; top: 10px; opacity: 1; transition: all .2s ease-out; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-out; display: none; }
.form-box2 .ph-hide .ph-label { opacity: 0; visibility: hidden }
.form-box2 .ph-focus .ph-label { color: #ccc }