@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body {font-family:"SimSun";background-color: #f2f2f2;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;font-style: normal;font-weight: 200;letter-spacing:2px;}
ul {list-style: none;}
img {border: none;}
a {text-decoration: none;background-color: transparent;}
a:active,
a:hover {outline: 0;}
html {font-family: sans-serif;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
table{border-collapse: collapse;border: 0;}
tbody{display: table-row-group; vertical-align: middle;border-color:inherit;}
tr{display:table-row; vertical-align:inherit;border-color:inherit;}

.login{width: 100%;height: 980px;position: relative;background-size:cover;}
.login .backgroung-overlay{background: url(../img/login_background.jpg);width:100%;height:100%;}
.login .login-container{
    width: 491px;
    height: 477px;
    float: right;
    top: 0;
    position: relative;
    margin-right: 80px;
    margin-top: 10px;
}
.login .login-container .login-box{    
	width: 449px;
    height: 350px;
    position: relative;
    top: 60px;
    margin: 0 auto;
}
.login .login-container .login-box .username{
    width: 440px;
    height: 40px;
    padding-bottom: 16px;
    position: absolute;
    top: 30%;
    border-radius: 5px;
    background: #f8f8f8;
    margin-top: 20px;
    border: 1px solid #c5c5c5;
}
.login .login-container .login-box .username:hover{
    border: #cfb57f solid 1px;
	box-shadow: 1px 1px 10px #ccc;
}
.login .login-container .login-box .password{
    width: 440px;
    height: 40px;
    padding-bottom: 16px;
    position: absolute;
    top: 60%;
    border-radius: 5px;
    background: #f8f8f8;
    margin-top: 20px;
    border: 1px solid #c5c5c5;
}
.login .login-container .login-box .password:hover{
	border: #cfb57f solid 1px;
	box-shadow: 1px 1px 10px #ccc;
}
.login .login-container .login-box .yzm{
    width: 440px;
    height: 40px;
    padding-bottom: 16px;
    position: absolute;
    top: 90%;
    border-radius: 5px;
    background: #f8f8f8;
    margin-top: 20px;
    border: 1px solid #c5c5c5;
}
.login .login-container .login-box .yzm:hover{
	border: #cfb57f solid 1px;
	box-shadow: 1px 1px 10px #ccc;
}
.login .login-container .login-box .username .username-icon{
	width: 34px;
    height: 38px;
    margin-top: 12px;
    margin-left: 10px;
    background: url(../img/icon_username.png);
}
.login .login-container .login-box .password .password-icon{
	background: url(../img/icon_password.png);
    width: 34px;
    height: 38px;
    margin-top: 12px;
    margin-left: 10px;
}
.login .login-container .login-box .yzm .password-icon{
	background: url(../img/icon_password.png);
    width: 34px;
    height: 38px;
    margin-top: 12px;
    margin-left: 10px;
}
.login .login-container .login-box .username input{    
	height: 34px;
    width: 244px;
    line-height: 34px;
    border: 0;
    outline: 0;
    margin-left: 40px;
    background-color: transparent;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #373434;
   /*  letter-spacing: 2px; */
}
.login .login-container .login-box .password input{
	height: 34px;
    width: 244px;
    line-height: 34px;
    border: 0;
    outline: 0;
    margin-left: 40px;
    background-color: transparent;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #373434;
   /*  letter-spacing: 2px; */
}
.login .login-container .login-box .yzm input{
	height: 34px;
    width: 244px;
    line-height: 34px;
    border: 0;
    outline: 0;
    margin-left: 40px;
    background-color: transparent;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #373434;
   /*  letter-spacing: 2px; */
}
.login .login-container .login-box .yzm .yzm-pic{
    float: right;
    margin-top: -42px;
    width: 96px;
    height: 43px;
    margin-right: 10px;
}
.login .login-container .login-box button{    
	width: 220px;
    height: 40px;
    background: #930019;
    border: 0;
    outline: none;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: #ffffff;
    letter-spacing: 6px;
    bottom: 60px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    top: 124%;
    float: right;
    position: relative;
}
.header-menu{
	height: 100px;
	background: #6a0619;
	border-bottom: 10px solid #993131;
}
.header-menu .menu-box{
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}
.header-menu .menu-box .header-logo{
	background: url(../img/logo.png) no-repeat;
	width: 475px;
	height: 30px;
	margin-top: 33px;
	line-height: 100px;
	position: absolute;
	display: inline;
}
.header-menu .menu-box .header-left{
	height: 100px;
}
.header-menu .menu-box .menu-list{
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	float: right;
	cursor: pointer;
	width: 120px;
	border-right: 1px solid #fff;
	height: 24px;
	margin-top: 38px;
	text-align: center;
}
.login-btn{
	float: right;
	color: #ead7b5;
	font-size: 16px;
	border: 0;
	outline: none;
	margin-top: 33px;
	background: rgba(0,0,0,0);
	cursor: pointer;
	margin-left: 20px;
}
.login-btn img{
	margin-right: 10px;
    top: 6px;
    position: relative;
}
.left-bg{
	background: url(../img/login_background-left.png) no-repeat;
    width: 649px;
    top: 72px;
    height: 534px;
    display: inline-table;
    position: relative;
}
.slogen{
	font-size: 16px;
    color: #a9854e;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-top: 100px;
    font-weight: 600;
}
.login-box h3{
	color: #999999;
}
input:checked
{
	background:#ff0000;
}