*{padding:0px;margin:0px;overflow: hidden;}
body{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
    background: #F0F0F0;
}
li
{
    list-style:none;
}
.wrapper {
  position: absolute;left:0px;right: 0px;top:0px;bottom:0px;z-index: 9999;overflow: hidden;
  background-color: #F0F0F0;
  /*
  background: url("/templates/3/images/login_bg.png") repeat-x;
  background-position:0% 10%;
  */
}
.main-header {
  position: relative;
  height: 46px;
  max-height: 100px;
  background: #1668B2;
}
.main-header .logo {
 /* -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;*/
  height: 46px;
  float: left;
  width: 500px;
  padding: 0 10px;
  overflow: hidden;
}
/*.main-header .logo:hover
{
    background: #166892;
    cursor: pointer;
}*/
.main-header .logo .logo-bg
{
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 5px;
    background: url('../img/login_ico.png');
}
.main-header .logo .logo-tl
{
    height: 45px;
    font-size: 22px;
    line-height: 45px;
    padding-left: 15px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-weight: bold;
}
.main-header .navbar-right {
    float: right;
    height: 46px;
    width: 50%;
    right: 0px;
}
.main-header .navbar-right .datetime
{
    float: right;
    height: 45px;
    width: 190px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.main-header .navbar-right .datetime .date
{
    float: left;
    width: 95px;
    height: 46px;
    line-height: 46px;
    font-size: 17px;
    text-align: right;
    color: #fff;
}
.main-header .navbar-right .datetime .time
{
    float: left;
    width: 95px;
    height: 45px;
    line-height: 45px;
    font-size: 30px;
    text-align: center;
    color: #fff;
}
.main-header .navbar-right .lang
{
    display: block;
    float: right;
    height: 45px;
}
.main-header .navbar-right .lang li
{
    display: block;
    margin-top: 15px;
    height: 11px;
    float: right;
    padding: 3px;
}
.main-header .navbar-right img
{
    display: block;
    border: none;
}
.main-content
{
    position: absolute;
    background: rgba(255,255,255,0.5);
    width: 400px;
    height: 380px;
    left: 50%;
    top: 60%;
    padding: 10px;
    -webkit-transform: translate(-50%, -320px);
    -ms-transform: translate(-50%, -320px);
    -o-transform: translate(-50%, -320px);
    transform: translate(-50%, -320px);
}
.main-content .padding-content{
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.main-content .content-title
{
    position: relative;
	padding-top:20px;
    font-size: 40px;
	font-weight: 400;
    text-align:center;
	color:#1A65A7;
    font-family: Arial;
}
.main-content .content-form
{
    position: relative;
    height: 210px;
    margin-top: 50px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 60px #fff inset; 
    box-shadow:0 0 0 60px #fff inset;
    -webkit-text-fill-color: #444;
}
input:-webkit-autofill:hover
{
    box-shadow:0 0 0 60px #fff inset;
}
.main-content .content-form .user-name
{
     border-bottom: 1px solid #C9D5DA;
     height: 33px;
     margin-left: 40px;
     width: 320px;
}
.main-content .content-form .user-name .ioc
{
    float: left;
    width: 15px;
    height: 15px;
    margin-left: 0px;
    margin-top: 9px;
    background: url("../img/login_user.png") no-repeat;
}
.main-content .content-form .user-password
{
     border-bottom: 1px solid #C9D5DA;
     height: 33px;
     margin-left: 40px;
     width: 320px;
     margin-top: 12px;
}
.main-content .content-form .user-password .ioc
{
    float: left;
    width: 15px;
    height: 15px;
    margin-left: 0px;
    margin-top: 9px;
    background: url("../img/login_pasword.png") no-repeat;
}
.main-content .content-form .user-verify
{
     border-bottom: 1px solid #C9D5DA;
     height: 33px;
     margin-left: 40px;
     width: 320px;
     margin-top: 12px;
}
.main-content .content-form .user-verify .ioc
{
    float: left;
    width: 15px;
    height: 15px;
    margin-left: 0px;
    margin-top: 9px;
    background: url("../img/login_img.png") no-repeat;
}
::-webkit-input-placeholder { 
    color: #A9A9A9; text-overflow: ellipsis; 
}
:-moz-placeholder { 
    color: #A9A9A9 !important; text-overflow: ellipsis; 
}
::-moz-placeholder { 
    color: #A9A9A9 !important; text-overflow: ellipsis; 
} 
:-ms-input-placeholder { 
    color: #A9A9A9 !important; text-overflow: ellipsis; 
}      
.main-content .content-form input
{
    outline:none;
	resize:none;
    border: none;
    background:none;
    height: 32px;
    line-height: 33px;
    color: #444;
}
.main-content .content-form div[class^='user-']:hover
{
    border-bottom: 1px solid #1D5F9C;
   /* background: #3B9DD9;*/
}
/*.main-content .content-form div[class^='user-']:hover input[type="text"]
{
    background: #3B9DD9;
}*/
.main-content .content-form input[type="text"]
{
    width: 264px;
    margin-left: 16px;
}
.main-content .content-form input[type="password"]
{
     width: 264px;
     margin-left: 16px;
}
/*.main-content .content-form #PASSWORD
{
    display: none;
}*/
.main-content .content-form input[id="btnSubmit2"]
{
    width: 320px;
    margin-top: 15px;
    float: right;
    margin-right: 40px;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: #29AAF5;
    height: 40px;
}
.main-content .content-form input[id="btnSubmit2"]:hover
{
    background: #3B9DD9;
   /* background: rgba(256, 256, 256, 0.2);*/
}
.main-content .content-foot
{
    position: relative;
    padding-left: 40px;
    height: 65px;
}
.main-content .content-foot p
{
    color: #505050;
    font-size: 12px;
    padding-top: 12px;
}
.main-content .content-foot ul
{
    color: #737373;
    height: 170px;
    margin-top: 10px;
    overflow: auto;
}
.main-content .content-foot li
{
    font-size: 12px;
    list-style-type: square;
    margin: 5px 0px 5px 15px;
    /*-webkit-transform: scale(0.8)*/
}
.main-content .content-foot li a:link,a:visited,a:active
{
    color: #505050;
    text-decoration:none; 
}
.main-content .content-foot li a:hover
{
    text-decoration:underline; 
    
}





.bg-top{
    position: absolute;
    left:0px;
    top:0px;
    /*bottom:40%;*/
    width: 100%;
    height: 30%;
    z-index: -1;
    overflow: hidden;
    background-color: #F0F0F0;
    background: url("../img/bg_top.png") repeat-x;
    background-position:top;
}
.bg-center{
    position: absolute;
    left:0px;
    top:30%;
    /*bottom:40%;*/
    width: 100%;
    height: 30%;
    z-index: -1;
    overflow: hidden;
    background-color: #F0F0F0;
    background: url("../img/bg_center.png") repeat-x;
    background-position:bottom;
}
.bg-bottom{
    position: absolute;
    left:0px;
    top:60%;
    width: 100%;
    height: 40%;
    z-index: -1;
    overflow: hidden;
    background-color: #29AAF5;
}
.lang-change .lang{
    height: 22px;
    text-align: center;
}
.lang-change .lang li{
    display: inline-block;
    margin-left: 8px;
}
.lang-change .lang li:nth-child(0){
    margin-left: 0px;
}