body{
   background:#f1f3c2;
   overflow:hidden;
}
select{
	height: 35px;
    width: 60px; 
    padding-left: 0.5em;
}
input{
	position: relative;
    width: 45%;
    height: 35px;
    padding-left: 0.5em;
    top: -1px;
}
.topback{
    background: url("../images/indexback.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 0%;
    background-attachment: fixed;
    text-align: center;	
}

.topback .toplogo{
   max-width:400px;
   margin:10 auto;
   padding:0 10px;
}

.topback .toplogo img{
	width:100%;
}

.topback .yuanpan{
   max-width:400px;
   padding:25px 10px 0;
   margin:0 auto;
   overflow:hidden;
}

.topback .yuanpan img{
	width:90%;
}
.topback .yuanpan .hengqu{
	position:relative;
	text-align:center;
}
.topback .yuanpan .hengqu img{
	display:block;
	margin:0 auto;
}
.topback .yuanpan .hengqu img#hengqu1{
	width:150px;
}
.topback .yuanpan .hengqu img#hengqu2{
	position: relative;
    top: -80px;
    width: 80px;
}
.topback .yuanpan .hengqu img#hengqu3{
	width:200px;
	position: relative;
    top: -90px;
}
@media screen and (max-height: 2000px) { 
   .topback .yuanpan .hengqu{
		top:-250px;
	}	
    .topback .yuanpan .hengqu img#hengqu1{
		width:190px;
	}
	.topback .yuanpan .hengqu img#hengqu2{
		position: relative;
		top: -100px;
		width: 105px;
	}
	.topback .yuanpan .hengqu img#hengqu3{
		width: 240px;
		position: relative;
		top: -115px;
	}
	.topback .yuanpan {
		height: 640px;
	}
} 
@media screen and (max-height: 740px) { 
    .topback .yuanpan .hengqu{
		top:-250px;
	}	
    .topback .yuanpan .hengqu img#hengqu1{
		width:190px;
	}
	.topback .yuanpan .hengqu img#hengqu2{
		position: relative;
		top: -100px;
		width: 105px;
	}
	.topback .yuanpan .hengqu img#hengqu3{
		width: 240px;
		position: relative;
		top: -115px;
	}
	.topback .yuanpan {
		height: 440px;
	}
} 
@media screen and (max-height: 630px) { 
	.topback .yuanpan .hengqu{
		top:-225px;
	}	
    .topback .yuanpan .hengqu img#hengqu1{
		width:175px;
	}
	.topback .yuanpan .hengqu img#hengqu2{
		position: relative;
		top: -100px;
		width: 95px;
	}
	.topback .yuanpan .hengqu img#hengqu3{
		width: 230px;
		position: relative;
		top: -107px;
	}
	.topback .yuanpan {
		height: 390px;
	}
} 
@media screen and (max-height: 570px) {
	.topback .yuanpan .hengqu{
		top:-190px;
	}	
    .topback .yuanpan .hengqu img#hengqu1{
		width:150px;
	}
	.topback .yuanpan .hengqu img#hengqu2{
		position: relative;
		top: -80px;
		width: 80px;
	}
	.topback .yuanpan .hengqu img#hengqu3{
		width:200px;
		position: relative;
		top: -90px;
	}
	.topback .yuanpan {
		height: 345px;
	}
} 
@media screen and (max-height: 480px) { 
	.topback .yuanpan {
		height: 293px;
	}
} 
.center{
	position:relative;
	top:-20px;
	text-align: center;	
}
.center .jihui p{
	color:#aebc4e;	
	font-size:1.5em;
	word-spacing:8px; 
	letter-spacing: 1px;
}
.center .jihui span{
	color:#f43b23;	
}
.center .last{
	background:#8e8f72;
	width:95%;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:5px;
}
.center .last p{
	margin:0;
	color:#fff;	
	font-size:1.3em;
	word-spacing:8px; 
	letter-spacing: 1px;
}
.center .last span{
	color:#f43b23;	
}
.modal{
	margin-top: 50px;
}
.modal-dialog{
	background: url(../images/modalback.png);
    background-size: 100%;
    background-repeat: no-repeat;
	vertical-align: middle;
	max-width:400px;
	margin: 0 auto;
}

.modalbody{
	position:relative;
	text-align:center;
	padding: 0 30px;
}
.modalbody select,.modalbody input{
	border-color:#d7230e;
	border-radius:3px;
}
.modal-title{
	padding-left: 35px;
	text-align:center;
	font-size:1.5em;
}
.form-btn{
	padding: 0 25px;	
	margin-top:25px;	
}
.form-btn .btn-primary{
	color: #fff;
    background-color: #d7230e;
    border-color: #d7230e;
	padding: 5px 10px;
}

@media screen and (max-width: 2000px) { 
	.modal-dialog{
		height: 600px;
	}
	.modalbody{
		top:130px;
	}
	.modal-dialog .close{
		position: relative;
		width: 30px;
		height: 30px;
		top: 55px;
		right: 30px;
	}
}
@media screen and (max-width: 450px) { 
	.modal-dialog{
		height: 400px;
	}
	.modalbody{
		top:130px;
	}
	.modalbody {
		padding: 0 50px;
	}
}
@media screen and (max-width: 400px) { 
	.modal-dialog{
		height: 300px;
	}
	.modalbody{
		top:130px;
	}
	.modalbody {
		padding: 0 50px;
	}
}
@media screen and (max-width: 350px) { 
	.modal-dialog{
		height: 250px;
	}
	.modalbody{
		top:105px;
		padding: 0 55px;
	}
	.form-btn{
		padding: 0px;	
		margin-top: 15px;		
	}
	.modal-dialog .close{
		position: relative;
		width: 30px;
		height: 30px;
		top: 40px;
		right: 20px;
	}
	.center .last p{
		font-size:1em;
	}
}