.background-main-div {
	height: 375px;
	overflow: hidden;
	background-image: url(/resources/resource/img/background_main.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.logo-main-div {
	margin: 13px;
	float: left;
	overflow: hidden;
	height: 45px;
}

.logo-main {
	height: 60px;
}

.title-main-div {
	float: left;
	height: 60px;
}

.text-title {
	color: #8FC11F;
}

.title-text {
	margin: -350px 0px 0px 60px;
	position: absolute;
}

.title-text-title {
	font-family: Microsoft YaHei;
	color: #fff;
	font-size: 40px;
	font-weight: normal;
}

.title-text p {
	color: #fff;
	font-size: 18px;
}

.title-text h3 {
	margin-bottom: 30px;
}

.col-md-2 {
	width: 20%;
}

.title-text-join {
	
	position: absolute;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 20px;
	font-size: 20px;
}

.code-div {
	width: 140px;
}

.bg-white {
	background-color: #fff;
}

.section-padding {
	padding-top: 70px;
	padding-bottom: 30px;
}

.help-padding {
	padding-bottom: 70px;
}

/*-----------------------*/
@media only screen and (max-width:991px) {
	.col-md-2 {
		width: 50%;
	}
}

@media only screen and (max-width:768px) {
	.col-md-2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.front-end-footer {
		padding-left: 30px;
	}
	.section-padding {
		padding-top: 30px;
	}
	.title-text {
		margin: -350px 0px 0px 30px;
	}
	.container>.navbar-collapse {
		display: block;
	}
	.nav>li {
		float: left;
	}
}

@media only screen and (max-width:640px) {
	.background-main-div {
		min-height: 420px;
	}
	.title-text {
		margin: -400px 15px 0px 5px;
	}
	.title-text-title {
		font-size: 30px;
	}
	.title-text p {
		font-size: 16px;
	}
	.logo-main-div img {
		width: 148px;
		height: 58px;
	}
}