@charset "utf-8";
/* CSS Document */



.bg-box{
	background:#036eb8;
	background:url(../image/login-bg.png);
	background-position:top center;
	background-attachment: fixed;
	background-size: cover;
    background-repeat: no-repeat;
}
/*导航栏*/
.top-box{
	width:100%;
	background:#fafafa;
	border-bottom:solid 1px #dcdddd;
	position:fixed;
	top:0;	
	overflow:hidden;	
}

.logo{
	width:96px;
	float:left;
	margin-left:4%;
}
.nav{
	width:800px;
	float:right;
	margin-right:4%;
}
.nav li{
	width:100px;
	float:right;
	text-align:center;	
	
}
.nav a{
	font-size:14px;
	color:#009fe8;
	line-height:96px;
}


.nav a:hover{
	color:#ed7700;		
}


.login-box{
	width:410px;
	margin:auto;
	margin-top:130px;
	padding:40px 70px;
	border-radius:10px;
	background:url(../image/login-bg-0.3.png);
	
} 

.username{
	border-radius:10px;
	width:380px;
	padding:0 20px;
	margin-bottom:20px;
    line-height:40px;
	background:url(../image/login-bg-0.5.png);	
}
.register{
    cursor:pointer;
	border-radius:13px;
	width:380px;
	padding:0 20px;
	margin-bottom:20px;	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2ea7e0), to(#0062b0)); /** Chrome Safari **/
   background: -moz-linear-gradient(top, #2ea7e0, #0062b0); /** FireFox **/
   background: -o-linear-gradient(top, #2ea7e0, #0062b0);  /** Opear **/
   background: -ms-linear-gradient(#2ea7e0 0%,#0062b0 100%);  /** IE9 IE10 **/
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea7e0',endColorstr='#0062b0',grandientType=1); /** IE7 **/
   -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea7e0',endColorstr='#0062b0',grandientType=1); /** IE8 **/
   
}
.login{
    cursor:pointer;
	border-radius:13px;
	width:380px;
	padding:0 20px;
	margin-bottom:20px;	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2ea7e0), to(#0062b0)); /** Chrome Safari **/
   background: -moz-linear-gradient(top, #2ea7e0, #0062b0); /** FireFox **/
   background: -o-linear-gradient(top, #2ea7e0, #0062b0);  /** Opear **/
   background: -ms-linear-gradient(#2ea7e0 0%,#0062b0 100%);  /** IE9 IE10 **/
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea7e0',endColorstr='#0062b0',grandientType=1); /** IE7 **/
   -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea7e0',endColorstr='#0062b0',grandientType=1); /** IE8 **/
   
}

input{
	background:none;
	border:none;
	color:#fff;
	font-size:14px;	
	line-height:40px;
    height:40px;
}
.code-box{
	width:420px;
	margin-bottom:20px;
	overflow:hidden;	
}
.code{
	border-radius:10px;
	width:220px;
	padding:0 20px;
	margin-bottom:20px;
	background:url(../image/login-bg-0.5.png);
	float:left;	
}
.code-pic{
	height:40px;
	border-radius:10px;
	background:url(../image/login-bg-0.5.png);
	float:right;
	font-size:16px;
	line-height:50px;
	color:#fff;
	text-align:center;	
}
.forget{
	width:380px;
	margin:auto;
	text-align:center;
}
.forget a{
	font-size:16px;
	color:#fff;
	line-height:30px;
}

.forget a:hover{
	color:#ed7700;	
}