/* body */
body{
	background: #20a162; 
	min-width: 800px;
	min-height: 600px;
	}
	
/* main */
.light{
	position: fixed;
	top: 0;
	left: 0;
	background: url(../image/texture.png) repeat;
	width: 100%;
	height: 100%;
	}

header{
	padding: 0 5%;
	width: 100%;
	height: 55px;
	background: #166F44; 
	border: 1px solid #13613B;
	min-width: 800px;
	filter: alpha(opacity=70);  
	-moz-opacity: 0.7;  
	-khtml-opacity: 0.7;  
	opacity: 0.7;	
	}
	
header .logo{
	float: left;
	margin-right: 15px;
	padding: 10px 0;
	width: 35px;
	height: 55px;
	display: block;
	}
	
header .title{
	float: left;
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	letter-spacing: 2px;
	color: #fffef8; /*象牙白*/
	}

header .service{
	float: right;
	margin: 7.5px 0;
	height: 35px;
	width: 120px;
	line-height: 35px;
	display: block;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fffef8; /*象牙白*/
	border: 0.5px solid #fffef8; /*象牙白*/
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	}

header .service:hover{
	color: #363433; 
	border: 1px solid #363433; 
	}

.content{
	position: absolute;
	top: 21%;
	left: 0;
	padding: 0 5%;
	width: 100%;
	height: 48%;
	min-width: 800px;
	min-height: 300px;
	background: #D7D7D7;
	border-top: 1px solid #12613A;
	border-bottom: 1px solid #12613A;
	}

.content .theme{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.content .theme img{
	width: 100%;
	height: 100%;
	filter: alpha(opacity=70);  
	-moz-opacity: 0.4;  
	-khtml-opacity: 0.4;  
	opacity: 0.4;	
	}

.content .title{
	position: absolute;
	top: 20%;
	right: 42%;
	width: 50%;
	max-width: 600px;
	line-height: 80px;
	color: #176E43; 
	font-size: 56px;
	letter-spacing: 10px;
	font-weight:400;
	text-align: right;
	}

.content .partingline{
	position: absolute;
	top: 5%;
	left: 61%;
	background: url(../image/partingline.png) no-repeat;
	width: 30px;
	height: 90%;
	}
	
.content form{
	position: absolute;
	top: 10%;
	left: 64.5%;
	width: 16%;
	min-width: 200px;
	height: 90%;
	color: #363433; /* 长石灰 */
	}

.wait_padding{
	position: absolute;
	top: 40%;
	left: 71.5%;
	display: none;
	}
	
.content .form_title{
	height: 45px; 
	line-height: 45px;
	width: 100%; 
	font-size: 18px; 
	letter-spacing: 2px;
	font-weight: bold;
	color: #176E43;
	}

.content input{
	margin-bottom: 10px;
	height: 45px; 
	line-height: 45px;
	width: 100%; 
	padding: 0 16px; 
	font-size: 18px; 
	border: 1px solid #999;
    border-radius: 5px;
	}

.content .btn{
	margin-top: 40px;
	text-align: center;
	letter-spacing: 4px;
	}
	
.content .btn-primary{
	background: #FCA104;
	border: 1px solid #DA9012; 
	}
	
.content .btn-primary:hover, .content .btn-primary:focus{
	background: #DA9012; 
	border: 1px solid #DA9012; 
	}
	
footer{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 5%;
	width: 100%;
	height: 80px;
	min-width: 800px;
	}

.footer_bac{
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	height: 60%;
	}

.footer_bac img{
	width: 100%;
	height: 100%;
	}

footer span{
	float: left;
	font-size: 18px;
	color: #25BF74;
	letter-spacing: 1px;
	display: block;
	text-align: left;
	height: 79px;
	line-height: 79px;
	}

.modell{
	display: none;
	}
	
.modal-content{
	background: #fffef8; /* 象牙白 */
	margin-top: 80px;
	padding: 10px;
	font-size: 18px;
	color: red;
	letter-spacing: 1px;
	text-align: center;
	line-height: 25px;
	text-align: center;
	line-height: 25px;
	}