﻿@charset "utf-8";
/* CSS Document */

body{
	width:100%;
	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:900px;
	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;		
}


/*个人会员申请表格*/

.field-box{
	width:700px;
	margin:auto;
	margin-top:220px;
	margin-bottom:40px;
	padding:50px 0 30px 0;
	border-radius:10px;
	background:url(../image/login-bg-0.3.png);
	position:relative;	
}

.field-top{
	border-radius:20px;
	width:400px;
	margin:auto;
	font-size:16px;
	color:#fff;
	line-height:50px;
	text-align:center;	
	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 **/
	position:absolute;
	top:-30px;
	left:150px;
}
.field-public{
	width:660px;
	padding:30px 20px 20px 20px;
	
}
.field-member{
	width:660px;
	padding:30px 20px 20px 20px;
	border-top: dashed 1px #fff ;
}
.field-content{
	width:660px;
	color:#fff;
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
	overflow:hidden;
}

.field-text {
	width:300px;
	border-radius:10px;
	padding:5px 10px;
	background:url(../image/login-bg-0.5.png);
}

.field-text input{
	width:100%;
	background:none;
	border:none;
	color:#fff;
	font-size:14px;	
	line-height:30px;
}

.field-company {
	width:640px;
	border-radius:10px;
	padding:5px 10px;
	background:url(../image/login-bg-0.5.png);
}
.field-company textarea{
	width:632px;
	margin-top:6px;
	border:none;
	background:none;
	color:#fff;
	padding:4px 4px;
	font-size:14px;	
	line-height:24px;	
}

.field-choice{
	padding-left:4px;
	font-size:14px;
	overflow:hidden;
}
.field-choice label{
	display:block;
	float:left;	
	margin-right:17px;
}
.field-choice input{
	margin-right:4px;
	line-height:14px;
}

.other-dep{
	width:105px;
	border-radius:6px;
	padding:3px 10px;
	background:none;
	border:none;
	color:#fff;
	font-size:14px;	
	line-height:30px;
	background:url(../image/login-bg-0.5.png);
	
}

.field-choose select{
	width:176px;
	border-radius:6px;
	padding:10px 4px;
	background:none;
	border:none;
	color:#fff;
	font-size:14px;	
	line-height:30px;
	background:url(../image/login-bg-0.5.png);
	margin-right:4px;
}

.field-choose option{
	color:#323232;	
}

.choose-input{
	width:530px;
	padding:4px 10px;
	margin-top:10px;
	
	background:url(../image/login-bg-0.5.png);
	border-radius:10px;
}
.choose-input input{
	width:100%;
	background:none;
	border:none;
	color:#fff;
	font-size:14px;	
	line-height:30px;
}
.field-table table,td,th{
	width:658px;
	border:solid 1px #fff;
}

.field-table td{
	background:url(../image/login-bg-0.5.png);		
}
.field-table thead{
	background:#DDDDDD;	
}
.field-table b{
	display:none;	
}

.field-table input{
	width:200px;
	border:none;
	background:none;
	color:#fff;
	padding:4px 0;
	font-size:14px;	
	line-height:24px;	
	
}



.file-box{
	padding:10px 10px;
	border:dotted 1px #fff;
	overflow:hidden;
	font-size:14px;	
}
.file-box .plus{
	float:left;
	font-size:24px;
	margin-right:10px;
		
}


.field-submit{
	
	border-radius:20px;
	width:400px;
	margin:auto;
	font-size:16px;
	color:#fff;
	line-height:50px;
	text-align:center;

	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 **/
	
}


.index a{
	color:#ed7700;	
}

.field-code{
     padding: 0px 20px 30px 20px;
	color:#fff;
	font-size:16px;
	line-height:30px;
	overflow:hidden;
}
.code-box {
	font-size:14px;	
}
.code-input{
	border-radius:10px;
	width:400px;
	padding:0 10px;
	overflow:hidden;
	border:solid 1px #fff;
	background:url(../image/login-bg-0.5.png);	
}
.code-input input{
	width:300px;
	border:none;
	background:none;
	font-size:14px;
	color:#fff;
	line-height:40px;
	border-right:solid 1px #fff;
	float:left;
}
.code-pic{
	float:left;
	width:99px;
	text-align:center;
}
















