.bannerBg {
	height: 803px;
}

.joinBg {
	background: url(../img/joinus/bgc.jpg) no-repeat center;
}

.cloud1 {
	position: absolute;
	width: 177px;
	height: 63px;
	background: url(../img/joinus/banner-1.gif) no-repeat;
	top: 450px;
	left: 50%;
	margin-left: -555px;
	-webkit-animation: cloud1 3s linear infinite alternate;
	animation: cloud1 3s linear infinite alternate;
}

.cloud2 {
	position: absolute;
	width: 110px;
	height: 41px;
	background: url(../img/joinus/banner-2.gif) no-repeat;
	top: 452px;
	left: 50%;
	margin-left: 412px;
	-webkit-animation: cloud2 3s linear infinite alternate;
	animation: cloud2 3s linear infinite alternate;
}

@-webkit-keyframes cloud1 {
	0% {
		margin-left: -555px;
	}

	100% {
		margin-left: -500px;
	}
}

@keyframes cloud1 {
	0% {
		margin-left: -555px;
	}

	100% {
		margin-left: -500px;
	}
}

@-webkit-keyframes cloud2 {
	0% {
		margin-left: 412px;
	}

	100% {
		margin-left: 355px;
	}
}

@keyframes cloud2 {
	0% {
		margin-left: 412px;
	}

	100% {
		margin-left: 355px;
	}
}

.comeon-wrapper {
	padding: 100px 0;
}

.content1,
.content2,
.content3,
.content-mail,
.content-tel {
	position: absolute;
}

.content1,
.content2,
.content3 {
	font-weight: 700;
}

.content1,
.content2 {
	font-size: 42px;
	color: transparent;
	-webkit-text-stroke: 1.5px #df8c0c;
	-webkit-text-fill-color: #FFFFFF;
}

.content1 {
	top: 195px;
	left: 23%;
}

.content2 {
	top: 300px;
	left: 20%;
}

.content3 {
	font-size: 32px;
	color: #df8c0c;
	top: 550px;
	left: 40%;
}

.content-mail,
.content-tel,
.content-mail a,
.content-tel a {
	font-size: 20px;
	color: #df8c0c;
}
.content-mail {
	top: 630px;
	left: 37%;
	clear: both;
}
.content-tel {
	top: 680px;
	left: 40%;
}
.content-mail a:hover,
.content-tel a:hover {
	color: #eb6928;
}