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

#mavenpro {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'MavenProMedium', sans-serif;
}
#page {
width:1100px;
height:auto;
margin-left:auto;
margin-right:auto;
}


.head{
background-image:url(logo.png);
background-repeat:no-repeat;
width:1260px;
height:180px;
float:left;
text-align:center;
margin-left:-160px;
}
.top {
float:left;
	background:url(head.png) no-repeat;
	width:990px;
	height:112px;
	padding-top:44px;
	padding-left:76px;
	margin-left:195px;
	margin-top:25px;
}
h1 {
	font-family: 'MavenProMedium', sans-serif;
	font-size:18px;
	color:#0a96d1;
}
#menu {
	float:left;
	padding-top:5px;
}
#menu li {
	float:left;
}
#menu a {
	padding:5px 30px 5px 30px;
	float:left;
}
#menu a:hover {
	border-bottom:#FFF thin solid;
}
#menu a.active {
	color:#FFF;
	border-bottom:#FFF thin solid;
}
#title {
	font-family: 'MavenProMedium', sans-serif;
	font-size:36px;
	color:#FFF;
	margin-left:700px;
	margin-top:20px;
	float:left;
	width:300px;
}
#one {
	font-family: 'MavenProMedium', sans-serif;
	font-size:14px;
	color:#FFF;
	margin-top:10px;
	line-height:20px;
	text-align:justify;
	width:300px;
}
#two {
	width:100%;
	float:left;
	margin-top:150px;
	padding-bottom:20px;
	margin-bottom:10px;
	line-height:20px;
}
#three {
	background:url(a.png) no-repeat;
	width:220px;
	height:65px;
	font-family: 'MavenProMedium', sans-serif;
	font-size:14px;
	float:left;
	position:relative;
	padding-left:80px;
	padding-top:2px;
	margin-left:50px;
}
h2 {
	font-family: 'MavenProMedium', sans-serif;
	font-size:18px;
	color:#0a96d1;
}
#four {
	background:url(rere.png) no-repeat;
	width:220px;
	height:65px;
	font-family: 'MavenProMedium', sans-serif;
	font-size:14px;
	float:left;
	margin-left:15px;
	position:relative;
	padding-left:80px;
	padding-top:2px;
}
#five {
	background:url(coin.png) no-repeat;
	width:220px;
	height:65px;
	font-family: 'MavenProMedium', sans-serif;
	font-size:14px;
	float:left;
	margin-left:15px;
	position:relative;
	padding-left:80px;
	padding-top:2px;
}
#content {
	width:100%;
	float:left;
	border-bottom:#0a96d1 thin solid;
	line-height:20px;

}
#six {
	font-family: 'MavenProMedium', sans-serif;
	width:800px;
	height:auto;
	float:left;
	padding:10px;
	text-align:justify;
	border-right:#0a96d1 thin solid;
	margin-bottom:10px;
}
#seven {
	width:224px;
	height:auto;
	float:left;
	padding:5px;
}
#seven li {
	font-family: 'MavenProMedium', sans-serif;
}
#seven a {
	border-bottom:#CCC thin solid;
	width:204px;
	padding:10px;
	color:#999;
	float:left;
}
#seven a:hover {
	background:#CCC;
	color:#FFF;
}
#button {
	width:356px;
	height:101px;
	margin-left:-15px;
}
#button a {
	font-family: 'MavenProMedium', sans-serif;
	font-size:30px;
	letter-spacing:1px;
	background:url(btn.png);
	text-align:center;
	line-height:90px;
	width:356px;
	height:101px;
	float:left;
}
#footer {
	width:1036px;
	padding:10px;
	height:140px;
	margin-top:15px;
	float:left;
	line-height:20px;
	margin-bottom:20px;
}
#nine {
	font-family: 'MavenProMedium', sans-serif;
	font-size:14px;
	float:left;
	color:#999;
}
#eight {
	font-family: 'MavenProMedium', sans-serif;
	font-size:14px;
	float:right;
	line-height:25px;
	text-align:right;
	color:#999;
}
#eight a{
	color:#0a96d1;
	text-decoration:underline;
}
#eight ul{margin-left:100px;}

#eight li{
	font-size:12px;
	float:left;
	padding:0px 5px 0px 5px;
}







/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}