/*********初始化样式*start*********/
html,body {width: 100%;height: 100%;}
html{min-height: 100%;
position: relative;}
body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,table,td,ul { margin: 0;padding: 0}
body { font-size: 1.2rem; font-family: 微软雅黑,宋体,'New York'; height: 100%; color: #676767; background: #FFFFFF;}
img { border: none;vertical-align: middle}
li {list-style: none}
input,select,textarea { outline: 0;border: none}
textarea {resize: none}
a {text-decoration: none}
a:link,a:visited {  color: #494949}
/*///////////公用//////////////*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;/*ie6,7*/ zoom:1; overflow: hidden;
}
/*********初始化样式*end***********/
.lg-header{
	width: 990px;
    height: 80px;
    margin: 0 auto;
}
.lg-logoArea{
	padding-top: 23px;
}
.lg-logoArea>img{height:22px;}
.lg-main{
    height: 484px;
    min-width: 990px;
    background: url(../images/login-contentBg.jpg) #21A9D9 center no-repeat;
}
.lg-main-content{
	width: 990px;
    height: 100%;
    margin: 0 auto;
}

   .loginBox{position:relative;width:260px;height:335px;float:right; margin-top:45px; margin-right:42px;background:url(../images/loginBoxbg.png);border-radius:4px; }
   /*.loginBoxBg{position:absolute; top:0 ;left:0; right:0;bottom:0; z-index: -1;background: #2d4758;opacity: 0.4;}*/
   .loginBox>h3{height:44px; line-height: 44px;padding-left:17px;padding-top: 4px;}
   .loginBox>h3 span{font-size:18px; font-weight:normal; color:#1A9CCB; display:inline-block; height:25px;line-height:25px; border-bottom:2px solid #1A9CCB;}
   .formBox{padding: 9px 18px 0 18px;}
   .usernameBox,.passwordBox{margin-bottom:13px;position:relative; border-radius: 3px; color:#999; padding:0 32px 0 36px; height:36px; overflow: hidden;-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.28s, box-shadow ease-in-out 0.28s;}
   .passwordBox{margin-bottom:0px;}
   .vcode img{margin-top:4px;margin-bottom:0px; top: 0px;right: 0px;}
    
   .formBox .inputBox{display: block; width:100%; height:36px;line-height: 36px; background:#FFFFFF;padding: 0 32px 0 36px; border:0;font-size:14px; margin-left:-36px; color:#999;}
   .formBox label{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:36px;line-height:36px;font-size:14px;color:#ccc;cursor: text; background:#FFF; }
   .formBox .lg-inputIcon{ position:absolute;top:0;left: 0;width:36px;height:36px; }
   .formBox .usernameIcon{ background: url(../images/lg-user.jpg) #FFFFFF center center no-repeat;background-size: 18px;}
   .formBox .passwordIcon{ background: url(../images/lg-password.jpg) #FFFFFF center center no-repeat;background-size: 18px;}
   .formBox .lg-clear{position:absolute;display:none; right:0;top:0;width:32px;height:36px; background: url(../images/lg-close.jpg) #FFFFFF center center no-repeat; cursor: pointer;}
   @media screen\0 { /* IE 8,9,10hack*/
   	     .usernameBox,.passwordBox{padding: 0 0px 0 36px; }
         .formBox .inputBox{padding: 0 0 0 36px!important;}
         .formBox .lg-clear{display: none!important;}
     } 
  .autoLogin{padding:3px 18px;}
  .lg-checkBox{text-align: right;padding-right: 10px;}
  .lg-checkBox i{font-size:14px; line-height: 20px; font-style: normal; vertical-align: middle; color:#A8A8A8;}
  .lg-checkBox input{z-index: -100 !important; width: 1px !important;height: 1px !important;clip: rect(1px, 1px, 1px, 1px);position: absolute;}
  .lg-checkSty{ display: inline-block; width:14px;height:14px;border:1px solid #ccc;vertical-align: middle; cursor: pointer;background:#FFFFFF;}
  .lg-checkBox input:checked +.lg-checkSty{background: url(../images/lg-checked.jpg) #FFFFFF center center no-repeat; border:1px solid #CCCCCC;}
  .lg-btnBox{ padding: 16px 0px 0px 0px; /*margin-top: 14px;*/}
  .lg-subBtn{display:block; width:224px; line-height:40px;text-align: center;border-radius: 3px;color:#FFFFFF!important;font-size:16px; background: #1a9ccb; margin: 0 auto;transition: background ease-in-out 0.2s; -webkit-transition: background ease-in-out 0.2s;}
  .lg-subBtn:hover{ background: #1891BD;}
  .lg-errorMsg{line-height: 32px; font-size: 12px; color: rgb(242, 96, 107);padding: 0px 0px 0px 21px;}
  .usn{line-height: 20px; font-size: 12px; color: rgb(242, 96, 107);padding: 0px 0px 0px 21px;}
  .pwd{line-height: 20px; font-size: 12px; color: rgb(242, 96, 107);padding: 0px 0px 0px 21px;}
  .usnpwd{line-height: 20px; font-size: 12px; color: rgb(242, 96, 107);padding: 0px 0px 0px 21px;}
  .err{line-height: 20px; font-size: 12px; color: rgb(242, 96, 107);padding: 0px 0px 0px 21px;}
  .lg-footerContent{width: 990px;margin: 0 auto;}
  .lg-linkList{width:100%; overflow: hidden;zoom: 1; margin-top: 12px;}
  .lg-linkList>li{ width:400px; float: left; height:111px;box-sizing: border-box;padding-top: 10px; padding-bottom: 10px;}
  .lg-linkList>.lg-fr{float:right;}
  .lg-linkList>li strong{line-height: 25px;margin-bottom: 6px; font-size: 18px; width: 256px; color: #666; font-weight: 600;}
  .lg-linkList>li>a{line-height: 25px; font-size: 14px; display: block;cursor: pointer; color: #666; width: 256px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  .lg-linkList>li>a:hover{color: #60AFF2; text-decoration: underline;}
  .lg-copyRight{ line-height: 28px; font-size:14px; margin-top: 120px; color: #999999; text-align: center;}
  .lg-linkList strong{display: block;width: 194px; cursor: pointer; }
  .moreIcon{ display: block;width:21px;height:20px;margin-top: 3px;float: right; background: url(../images/lg-more.jpg) left top no-repeat;}
  .lg-linkList strong:hover{color: #60AFF2;}
  .lg-linkList strong:hover .moreIcon{ background-position-x: -21px;}
  
  .usernameBox.cur,.passwordBox.cur{box-shadow:0 0 4px #0FA6DB; -webkit-box-shadow:0 0 4px #0FA6DB;}