@charset "utf-8";
/* CSS Document */
html,body { height: 100%;}
body { background: #00B372;}
/*Opera Fix*/
body:before {content:""; height:100%;float:left;width:0;margin-top:-32767px;}
.wrap{ min-height: 100%; min-width: 1200px;}
.top-bar { height: 8px;}
.top-bar span { width: 25%; height: 6px; display: inline-block; vertical-align: top;}
.top-bar .c1 { background-color: #38c8ed;}
.top-bar .c2 { background-color: #ef4949;}
.top-bar .c3 { background-color: #56c785;}
.top-bar .c4 { background-color: #ffb14d;}
.container { padding-bottom: 60px; overflow: auto;}
.footer { width: 100%; height: 60px; position: relative; top: 0; left: 0;z-index:1; margin-top: -60px; clear: both; color: #fff; text-align: center;}
.footer p { font-size: 14px; line-height: 60px;}
.login-wrap { width: 100%; height: 680px; background: url("../images/bg.jpg") no-repeat center center; position: absolute; top: 50%;  margin-top: -340px; min-width: 1200px;}
.main-wrap { width: 1200px; margin: 0 auto; position: relative;}
.logo { width: 236px; height: 67px; position: absolute; top:0; left: 0;}
.login-box { position: absolute; top: 0; left: 700px; z-index:2;}
.login-box .inner { width: 440px; }
.login-box .inner h2 { font-size: 28px; color: #fff; text-align: center;padding: 48px 0 30px; font-weight: normal; }
.login { width: 360px; height: 410px; padding: 20px 30px; margin: 0 10px; background: #fff; /*background: rgba(255,255,255,.9);*/}
.shadow { width: 440px; height: 25px; background: url("../images/shadow.png") no-repeat;}
.login h3 { font-size: 32px; color: #00B372; font-weight: normal; margin-bottom: 50px;}
.login .input-group { overflow: hidden; margin-bottom: 25px;  position: relative;}
.login .input-group label { font-size: 16px; font-family: "Microsoft YaHei", "微软雅黑", Helvetica, "黑体", Arial, Tahoma; color: #606060; float: left; line-height: 42px;}
.login .input-group .input-w {margin-left: 70px; border: 1px solid #d6d6d6; background: #fff; position: relative;}
.input-group .icon { width: 27px; height: 27px; display: block; background: url("../images/sprite.png"); position: absolute; top: 6px; left: 10px;}
.input-group .icon-username { background-position: 0 0;}
.input-group .icon-password { background-position: 0 -27px;}
.input-group .input-w .input-m { padding-left: 46px;}
.input-group .input-w .input { width: 100%; padding: 5px 0; height: 30px; line-height: 30px;  font-size: 16px; font-family: "Microsoft YaHei", "微软雅黑", Helvetica, "黑体", Arial, Tahoma; color: #333;}
.verify-code-w { margin-right: 160px; padding-left: 12px;}
.verify-code-img {  width: 88px; height: 34px; background: #eee; position: absolute; top: 3px; left: 240px; font-size: 12px; border: 1px solid #d6d6d6;}
.btn-w { text-align: center; padding: 20px 0; }
.login .btn { padding: 10px 40px; border-radius: 5px; background: #00B372; color: #fff; font-size: 18px;/* font-weight: bold;*/  font-family: "Microsoft YaHei", "微软雅黑", Helvetica, "黑体", Arial, Tahoma; cursor: pointer; }
.login .btn:hover { background: #00C77F;}
.login .btn:active { background: #019861;}
#checkImg {position: absolute; top:6px; left:132px;}
.tip-msg { color:red; font-size:14px; text-align:center;}