@charset "utf-8";
/* CSS Document */
body,button,input,select,textarea {font:500 12px/1.5 arial,"Microsoft YaHei",Simsun,sans-serif;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: arial,"Microsoft YaHei",Simsun,sans-serif;font-weight: 500;line-height: 1.5;}
html,body {margin:0;padding:0;height:100%;width:100%;overflow:hidden;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
em,i {font-style:normal;}
input,select,textarea {outline:none;color:#333;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a,a:visited {color:#333;text-decoration:none;outline:none;}
a:hover,a:active,a:focus {text-decoration:none;color:#333;background:none;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;content:''}
*, *:before, *:after {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
label {display:inline-block;margin-bottom:0px;font-weight:normal;}
/*body {background:#eef0f3 url(../images/leftMenuBg.gif) repeat-y left top;color:#333;}*/
input[type=text]::-ms-clear {display:none;}




/* login */
.loginTop {height:88px;width:100%;background-color:#fff;position:fixed;top:0;left:0;color:#000;}
.loginTop .loginHead {width:100%;max-width:1138px;margin:0 auto;}
.loginTop .loginHead .loginLogo {float:left;margin:22px 0 0 10px;}
.loginTop .loginHead .loginHdRi {float:right;}
.loginTop .loginHead .loginHdRi .lgHDIn {padding:37px 36px 0 0;}



.loginMain {width:100%;position:absolute;height:100%;background-color:#0A9B64;display: none;}
.loginMain .loginMainIn {float:left;width:100%;height:100%;}

.loginInputWarp {position:absolute;left:100%;width:35%;float:right;height:100%;background-color:White;}
.loginInputWarp .lInputInBox {width:400px;height:auto;margin:0 auto;}


.mainStart {overflow:hidden;width:100%;height:100%;background-color:#099B63;position:absolute;}
.bgStart{margin:0px auto;width:540px;}
.txtStart{width:400px;margin:0px auto;margin-top:5%}
.txtConStart{width:400px;text-align:left;font-size: 30px; font-family: \5FAE\8F6F\96C5\9ED1; color: White;}
.txtMain{float:left;width:400px;margin:0px auto;margin-top:5%;margin-left:18%;}
.txtContent{width:400px;text-align:left;font-size: 30px; font-family: \5FAE\8F6F\96C5\9ED1; color: White;}
/*.logoBox {width:386px;height:130px;background:url(../images/logo1.jpg) no-repeat center center;margin-top:40%;}*/
.logoBox {
    width: 396px;
    height: 130px;
    background: url(../images/logo4.png) no-repeat center center;
    margin-top: 40%;    
}
.loginForm {width:320px;margin:0 auto;}
#TxtUserId,#Password {border:1px solid #e7eaf1;height:20px;line-height:20px;width:270px;padding:8px 4px 5px 40px;font-size:16px;color:#000000;background:#ffffff;font-family:MicrosoftYaHei;}
.loginForm li {margin-top:10px;height:48px;}
.loginForm li label i {width:18px;height:20px;display:inline-block;position:absolute;left:10px;top:13px;background-repeat:no-repeat;}
.loginForm li label i::after{content:"";display:block;height:35px;width:1px;background-color:#e7eaf1;position: absolute;left: 23px;top: -8px;}
.loginForm li label i.userNameIco {margin-top:-5px;background-image:url(../images/loginIco.png);}
.loginForm li label i.passwordIco {margin-top:-5px;background-image:url(../images/passwordIco.png);}
.loginForm li label.focusText {position:relative;}
.loginForm li label.focusText span {margin-top:-5px;color:#b4b4c8;font-size:16px;line-height:48px;position:absolute;left:40px;cursor:text;}


/*.loginFrom li.loginCode {margin-bottom:22px;}
.loginFrom li.loginCode .focusText {float:left;width:198px;}
.loginFrom li.loginCode .loginText {width:176px;}
.loginFrom li.loginCode .codeImg {cursor:pointer;float:right;display:inline-block;border:solid 1px #ddd;border-radius:3px;padding:0;height:38px;}*/


.loginBut {height:48px;width:100%;border:none;background-color:#b89f7a;border-radius:3px;cursor:pointer;line-height:48px;text-align:center;font-size:18px;color:#fff;font-family:MicrosoftYaHei;font-weight:400;}
.loginBut:hover {background-color:#DCD0BB;}
.lGSavePass {height:22px;line-height:22px;vertical-align:middle;color:#959595;}
.lGSavePass input,.lGSavePass label {vertical-align:middle;}
.lGSavePass input {margin-right:5px;}

.loginBottom {height:198px;width:100%;position:fixed;left:0;bottom:0;background-color:#fff;}
.loginBottom .loginBot {width:100%;text-align:center;max-width:1138px;margin:0 auto;color:#959595;font-size:13px;}
.loginBottom .loginBot img {display:block;margin:25px auto 20px;}

.button {font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1;margin-top:70%;position:absolute;bottom:18px;text-align:center;color:#AAAFB5;width:350px;text-shadow:1px 1px 1px #fff;}


@media only screen and (max-width:1440px) 
{
    .txtStart{margin-top:3%;}
    .txtMain{margin-top:3%;}
}


@media screen and (max-width:1140px) {
	
}

@media only screen and (max-width:1100px) {
    .loginInputWarp {width:45%;}
}

@media only screen and (max-width:1024px) 
{
    .txtStart{margin-top:3%;}
    .txtMain{margin-top:3%;margin-left:3%;}
    .loginInputWarp {width:45%;}
}


@media screen and (max-height:840px) {
.loginMain .loginMainIn {margin-top:0px;}
.loginBottom {height:168px;}
}

@media screen and (max-height:810px) {
.loginMain .loginMainIn {margin-top:0px;}

.loginBottom {height:148px;}
}

@media screen and (max-height:800px) {
.loginMain {}
.loginMain .loginMainIn {margin-top:0px;}
}


@media screen and (max-height:730px) {
.loginBottom {height:128px;}
}

@media screen and (max-height:730px) {
.loginMain .loginMainIn {margin-top:0px;}
}


@media screen and (max-height:640px) {
.loginMain .loginMainIn {margin-top: 0px;}
.loginMain .loginMainIn .loginInputWarp {height:100%;}

}