@charset "utf-8";html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,5 b8b4f53}input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit}fieldset,img{border:0}iframe{display:block}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}q:before,q:after{content:''}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a:hover{text-decoration:underline}ins,a{text-decoration:none}.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.fn-clear{zoom:1}body .fn-hide{display:none}.fn-left,.fn-right{float:left;display:inline}.fn-right{float:right}body{font:12px/1.5 "Microsoft YaHei",tahoma,arial,sans-serif;background-color:#fff}.thide{text-indent:-2999px}.a{background-color:#FFF}.font{background:url(images/font.png) no-repeat}.icons{background:url(images/icons.png) no-repeat}.picture-bgs{background:url(images/sprites.png) no-repeat}body{color:#716c59}body{background:url(images/body-bg.jpg) 0 0 repeat;overflow:hidden}header{padding:10% 0 40px;text-align:center;box-shadow:1px 1px 6px #333;position:relative}.login{padding-bottom:10px;background:#547d0d url(images/login-bg.jpg) no-repeat center center}.forgot-login{padding-bottom:0;height:310px}.login .login-form{margin:0 auto;width:490px}.login .login-form .message{height:52px}.login .login-form p{font-size:12px;margin-bottom:28px}.login .login-form .lab{display:inline-block;width:34px;height:20px;font-size:14px;margin-right:18px;color:#dcf999;text-shadow:1px 1px 1px #000;background:url(images/font.png) repeat;}.login .login-form .email{background-position:0 -175px}.login .login-form .password{background-position:0 -209px}.login .login-form .validate-num{background-position:0 -209px}.login .login-form .txt{width:241px;border:1px solid #5C841C;background-color:#8DB544;height:28px;line-height:28px;border-radius:4px;padding-left:3px}.login .login-form .txt:focus{background-color:#A6C96E;border:1px solid #A6C96E;box-shadow:1px 1px 6px #62881A}.login .login-form .info{color:#fff;margin-left:24px}.login .login-form .info a{color:#fff;text-decoration:underline}.login .login-form .chk{color:#fff}.login .login-form .chk input{vertical-align:middle;margin-top:-3px}.login .login-form .button .lab{background:0}.login .login-form .button .btn{margin-left:32px;border:0 none;padding:3px 15px 6px;color:#fff;text-align:center;font-size:14px;text-shadow:1px 1px 1px #000;cursor:pointer;}.success .success-form p{color:#2E5003;line-height:18px}.success .success-form .success-b{padding:55px 0 20px;margin-bottom:0}.success .success-form .success-e{padding-bottom:40px;margin-bottom:0}.success .success-form .button{text-align:center}.success .success-form .button .btn{margin-left:0}.success .success-form .button .btn:hover{text-decoration:none}footer{padding-top:30px;height:100%;position:relative;color:#999;line-height:24px;text-align:center;font-size:12px;margin-bottom:-3000px;padding-bottom:3000px}.login .forgot-form{margin:0 auto;width:644px}.login .forgot-form .info-notice{padding-top:22px;color:#fff}.login .forgot-form .form{margin-left:77px}.login .forgot-form .form .validate-num{width:46px;margin-right:8px;background-position:0 -243px}.login .forgot-form .form .validate-img{vertical-align:middle}.login .forgot-form .form .reflush{color:#fff;margin-left:15px;text-decoration:underline}.login .forgot-form .form .validate-show{margin-bottom:15px}.login .forgot-form .form .info{color:#2E5003}.login .forgot-form .form .validate-txt .lab{background:0}.login .forgot-form .form .btn{margin-left:0}
html{background: url(images/body-bg.jpg) 0 0 repeat;}
.login .forgot-form .form .validate-show img{vertical-align:middle;}
.login .forgot-form .form .validate-show a{color:#fff;margin-left:10px;text-decoration:underline;}
.login .login-form .message{color:#2E5003;height: 30px;padding: 25px 0 0 55px;}
.login .login-form .button .btn{padding-bottom:2px;width:76px;height:36px;}
.login .login-form .chk{vertical-align:middle;display:inline-block;}
.login .login-form .button .btn-login{margin-top:1px;background:url(images/login-icons.png) -5px -10px transparent;vertical-align:middle;}
.login .login-form .button .btn-login:hover{background-position:-5px -50px;}
.login .login-form .button .btn-fotpwd{background:url(images/login-icons.png) -87px -10px transparent;vertical-align:middle;}
.login .login-form .button .btn-fotpwd:hover{background-position:-87px -50px;}
.login .login-form .button .back-login{color:#fff;margin-left: 10px;text-decoration: underline;display:inline-block;}
.login .login-form .button .btn-pwd-success{padding:0;width:138px;height:38px;display:block;margin:0 auto;background:url(images/login-icons.png) -169px -10px transparent;}
.login .login-form .button .btn-pwd-success:hover{background-position:-169px -50px;}
.login .login-form .success-form{width:468px;}
.login .login-form .lab{vertical-align:middle;}
.login .login-form .txt{*vertical-align:middle;}
footer{margin-bottom:0;padding-bottom:0px;}



/* Large desktop */
@media (min-width: 1200px) { }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    img{
        max-width:100%;
    }
    .header{
        /*padding:10% 15%;*/
        margin:0% 15%;
        text-align: center;
        box-shadow: none;
    }
    .login .login-form{
        width: 288px;
        margin:0 auto;
    }
    .login .login-form .lab{
        margin-right:10px;
    }
    .login .login-form .txt{
        width: 80%;
        /*height: 40px;*/
    }
    .login .login-form .message{
        padding: 25px 0 0 37px;
    }
    .login .login-form .info{
        display: block;
        margin:5px 0 0 47px;
    }
    footer{
        padding: 5% 4%;
    }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
 }