/* CSS Document */
/**{ padding:0; margin:0;}
html,body{ height: 100%;overflow: hidden; }
body{font-size:14px; color:#333; background:#f3f2f0; font-family:"微软雅黑";}
body.lower-ie{ background:#fafafa url(../images/forie.png) no-repeat center center; }
body.lower-ie .top,body.lower-ie .main,body.lower-ie .bottom{ display: none;}
a{ text-decoration:none; color:#a40706}
input{outline:none; font-family:"微软雅黑";}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgb(251,251,250) inset;}
.top{ height:90px; background:url(../images/top-bg.jpg) repeat-x; }
.top .top-con{width:1000px; height:100%;margin:0 auto;background:url(../images/logo.jpg) no-repeat;}
.top .top-con .tab-wrap{ position:absolute; right:0;top:28px;}
.top .top-con .tab-wrap .tab{background:url(../images/tab.png) no-repeat;width:134px;height:32px;border:none; color:#a40706; margin:0 10px; cursor:pointer;}
.top .top-con .tab-wrap .tab:hover,.top .top-con .tab-wrap .active{  background:url(../images/tab-active.png) no-repeat;  color:#fff; }
.main{ height:400px;background:url(../images/login-green-bg.jpg) no-repeat center center;  padding-top: 40px; }
.main .main-con{ width: 720px; margin: 0 auto; } 
.main .login-box{    width: 720px; height: 384px;background: url(../images/login-bg.png) no-repeat;position: relative;}
.main .login-title{ letter-spacing: 3px;height: 50px;width:100%; text-align:center;color:#fff; font-size: 18px; margin-bottom: 20px; background: url(../images/title-bg.png) no-repeat center bottom;}
.main .login-box form{ padding-top: 60px;}
.main .login-box .btn-success{ background-color: #008c38; border:1px solid #008234;}
.form-group .message{display: none; position: absolute;top: 0;right: 0; border: 1px solid #c31423;background: #c31423; z-index: 10; box-shadow: 0 0 4px rgba(255,0,0,0.3);padding: 0 10px;color: #fff;transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%);-ms-transform: translateX(100%); -moz-transform: translateX(100%);border-radius: 4px;line-height: 32px;}
.form-group .message:after{ content: '';position: absolute;width: 0; height: 0;background-color: transparent;border: 6px solid transparent;border-right-color: #c31423;left: -12px; top: 50%;margin-top: -6px;}
.form-group .message.field-validation-error{ display: block;}
.form-group .allMessage{display: none; position: absolute;top: 0;left: -150px; border: 1px solid #c31423;background: #c31423; z-index: 10; box-shadow: 0 0 4px rgba(255,0,0,0.3);padding: 0 10px;color: #fff;transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%);-ms-transform: translateX(100%); -moz-transform: translateX(100%);border-radius: 4px;line-height: 32px;}
.form-group .allMessage:after{ content: '';position: absolute;width: 0; height: 0;background-color: transparent;border: 6px solid transparent;border-right-color: #c31423;left: -12px; top: 50%;margin-top: -6px;}
.form-group .allMessage.field-validation-error{ display: block;}
.login-box .yzm{ position:absolute;top: 158px;right: 188px;}
.login-box .yzm img{ width: 95px;height: 34px;border-radius: 0 4px 4px 0;}
.login-box .error{ color:#a40706;margin-bottom: 0;}
.login-box .error ul{ list-style: none;}

.bottom{ border-top:2px solid #fff;}
.bottom p{margin-top:100px;text-align:center}
*/

/* CSS Document */
*{ padding:0; margin:0;}
html,body{ height: 100%;overflow: hidden;min-width: 1000px; }
body{font-size:14px; color:#333; background:#f8f8f8 url(../images/bg.gif) no-repeat center 90px; font-family:"微软雅黑";}
body.lower-ie{ background:#fafafa url(../images/forie.png) no-repeat center center; }
body.lower-ie .top,body.lower-ie .login-wrap,body.lower-ie .bottom{ display: none;}
a{ text-decoration:none; color:#a40706}
input{outline:none; font-family:"微软雅黑";}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgb(251,251,250) inset;}
.top{ height:90px; background:url(../images/top-bg.png) repeat-x;position: relative; }
.top-title{width:446px; height:100%;margin:0 auto;background:url(../images/top-title.png) no-repeat 0px 0px; position: relative;z-index:3;}
.top-texture-wrap{ position: absolute;z-index:2;top:0;left:0; width: 100%; height: 90px;}
.top-texture-wrap .texture-left{ position:absolute;left:0;}
.top-texture-wrap .texture-right{ position:absolute;right:0;}
.top .water-left{position: absolute; z-index: 1; top: 90px; left: 0; display: none}
.login-wrap{ position: absolute;z-index:99;top:130px;left:50%; width: 680px; height: 410px; margin-left:-340px;background: url(../images/login-bg.png) no-repeat;}
.login-wrap form{ padding-top: 150px; padding-left: 20px;} 
.form-group .control-label{ color: #fff;}
.login-wrap .btn-success{ background-color: #ffffff;border: 1px solid #0097da; color: #06abf5;}
.login-wrap .btn-success:hover{background-color: #eee; }
.login-wrap .error{ color:#a40706;margin-bottom: 0;}
.login-wrap .error ul{ list-style: none;}

.form-group .message{display: none; position: absolute;top: 0;right: 0; border: 1px solid #c31423;background: #c31423; z-index: 10; box-shadow: 0 0 4px rgba(255,0,0,0.3);padding: 0 10px;color: #fff;transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%);-ms-transform: translateX(100%); -moz-transform: translateX(100%);border-radius: 4px;line-height: 32px;}
.form-group .message:after{ content: '';position: absolute;width: 0; height: 0;background-color: transparent;border: 6px solid transparent;border-right-color: #c31423;left: -12px; top: 50%;margin-top: -6px;}
.form-group .message.field-validation-error{ display: block;}
.form-group .allMessage{display: none; position: absolute;top: 0;left: -150px; border: 1px solid #c31423;background: #c31423; z-index: 10; box-shadow: 0 0 4px rgba(255,0,0,0.3);padding: 0 10px;color: #fff;transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%);-ms-transform: translateX(100%); -moz-transform: translateX(100%);border-radius: 4px;line-height: 32px;}
.form-group .allMessage:after{ content: '';position: absolute;width: 0; height: 0;background-color: transparent;border: 6px solid transparent;border-right-color: #c31423;left: -12px; top: 50%;margin-top: -6px;}
.form-group .allMessage.field-validation-error{ display: block;}
.login-wrap .yzm-wrap{ position:relative;}
.login-wrap .yzm {position: absolute; top: 0px; right: 188px; }
.login-wrap .yzm img { width: 95px; height: 34px; border-radius: 0 4px 4px 0; }
.bottom{ position: absolute;z-index:2; bottom:0; width: 100%;height: 40px;background:url(../images/bottom-bg.gif) repeat-x;}
.bottom p{position: absolute;z-index:3;width: 1000px;left:50%; top:0;margin-left: -500px; color: #fff; color: #fff;text-align:center; line-height: 40px; }
.bottom-texture-wrap{ position: absolute;z-index:2;top:0; width: 100%;}
.bottom-texture-wrap .texture-left{ position:absolute;left:0;}
.bottom-texture-wrap .texture-right{ position:absolute;right:0;}
.bottom .water-right{position: absolute; z-index: 1; bottom: 40px; right: 0; display:none;}


@media screen and (max-width:1439px){
	.top .water-left{ display: none}
	.bottom .water-right{display: none;}
}