body{padding-bottom: 60px;background: url(../images/bg-login.jpg) no-repeat center 54px;background-size: 100% auto;}
.zh-login-form{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 393px;padding: 20px 26px;margin-top: -27px;border-top: 5px solid #28B0AF;border-radius: 3px;box-sizing: border-box;-moz-box-sizing: border-box;background: url(../images/bg-login-form.png) no-repeat right bottom #fff;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.zh-login-form h2{margin: 0 0 20px 0;font-size: 20px;color: #7e8e9f;}
.zh-login-form .zh-form-input{padding-top: 1px;}
.zh-login-form .zh-input-box{position: relative;height: 50px;background-color: #F7F9FB;padding-left: 7px;border: 1px solid #E0E2E9;margin-top: -1px;overflow: hidden;}
.zh-login-form .zh-input-box:first-of-type,
.zh-login-form .zh-input-box:before:first-of-type{border-top-left-radius: 3px;border-top-right-radius: 3px;}
.zh-login-form .zh-input-box:last-of-type,
.zh-login-form .zh-input-box:before:last-of-type{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.zh-login-form .zh-input-box .zh-input{height: 100%;width: 100%;border: none;border-left: 1px solid #E3E5E6;box-sizing: border-box;-moz-box-sizing: border-box;padding: 0 10px 0 40px;font-size: 14px;color: #7e8e9f;background-repeat: no-repeat;background-image: url(../images/bg-group-login.png);line-height: 50px;}
.zh-login-form .zh-input-box .zh-icon-user{background-position: 13px 16px;}
.zh-login-form .zh-input-box .zh-icon-lock{background-position: 14px -23px;}
.zh-btn-login{display: block;width: 100%;height: 45px;box-sizing: border-box;-moz-box-sizing: border-box;background-color: #28B0AF;font-size: 16px;color: #fff;font-weight: bold;text-shadow: 1px 1px 3px #aaa;}
.zh-btn-login:active{background-color: #24A5A5;}
.zh-copyright{position: fixed;left: 0;bottom: 0;width: 100%;font-size: 14px;color: #fff;text-align: center;line-height: 60px;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}