@charset "UTF-8";

.module1{
	padding-top: 10rem;
	padding-bottom: 2.5rem;
	background: url(../images/ad_module1.png) no-repeat fixed center;
	background-size: cover;
	color: #fff;
}
.service_box h2{
	font-size: 5rem;
	font-weight: 600;
	margin-bottom: 5px;
}
.service_box>div{
	margin-bottom: 4.375rem;
}
.service_box>div>div{
	margin-bottom: 20px;
}
.service_box .line_box{
	margin-bottom: 3.25rem;
}
.service_box .line_box .text{
	margin:0 12px;
	font-size: 1.25rem;
}
.service_box .line_box .line{
	width: 92px;
	height: 2px;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
}
.service_box .button{
	line-height: 1;
}
/*
* Advertiser Box
*/
#advertiser_box{
	padding-top: 3.375rem;
}
#advertiser_box .bg_color{
	width: 10.3rem;
	height: 18.75rem;
	background:rgba(255,239,0,1);
	position: absolute;
	right: -6rem;
	bottom: 2.1rem;
}

#advertiser_box>div{
	position: relative;
}
#advertiser_box li{
	float: left;
	width: 12.5rem;
	height: 12.5rem;
	text-align: center;
	border-radius: 4px; 
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
#advertiser_box li img{
	width: 3.75rem;
	height: 3.75rem;
	margin-top: 2.5rem;
	margin-bottom: 1.25rem;
}
#advertiser_box li p{
	padding:0 1.5rem;
	font-size: 0.875rem;
}
#advertiser_box ul{
	overflow: hidden;
}
#advertiser_box li:nth-child(odd){
	background-color: #FFFAFA;
}
#advertiser_box li:nth-child(even){
	background-color: #fff;
}
#advertiser_box li:nth-child(odd):hover{
	background-color: #fff;
}
#advertiser_box li:nth-child(even):hover{
	background-color: #FFFAFA;
}
#advertiser_box .second_ul li:nth-child(odd){
	background-color: #fff;
}
#advertiser_box .second_ul li:nth-child(even){
	background-color: #FFFAFA;
}
#advertiser_box .second_ul li:nth-child(odd):hover{
	background-color: #FFFAFA;
}
#advertiser_box .second_ul li:nth-child(even):hover{
	background-color: #fff;
}
#advertiser_box .bottom_text{
	font-size: 1.875rem;
	line-height: 1.3;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
@media (max-width: 636px) {
	#advertiser_box li{
		float: inherit;
		margin: 0 auto;
	}
	#advertiser_box .second_ul li:nth-child(odd){
		background-color: #FFFAFA;
	}
	#advertiser_box .second_ul li:nth-child(even){
		background-color: #fff;
	}
	#advertiser_box .third_ul li{
		background-color: #fff;
	}
	#advertiser_box .bottom_text{
		font-size: 1.875rem;
		line-height: 1.3;
		position: inherit;
		text-align: center;
	}
}



#monetization{
	padding-top: 5rem;
	padding-bottom: 2.5rem;
	background: url(../images/mon_module1.png) no-repeat fixed center;
	color: #fff;
}
#monetization_nav{
	height: 3.93rem;
}
#monetization_box{
	padding-top: 3.375rem;
}
#monetization_box .bg_color{
	width: 16.43rem;
	height: 3rem;
	background:rgba(255,239,0,1);
	position: absolute;
	left: -7.2rem;
	top:1rem;
}
#monetization_box>div{
	position: relative;
}
#monetization_box li{
	float: right;
	width: 12.5rem;
	height: 12.5rem;
	text-align: center;
	border-radius: 4px; 
	margin-left: 10px;
	cursor: pointer;
	margin-bottom: 10px;
}
#monetization_box li img{
	width: 3.75rem;
	height: 3.75rem;
	margin-top: 2.5rem;
	margin-bottom: 1.25rem;
}
#monetization_box li p{
	padding:0 1.5rem;
	font-size: 0.875rem;
}
#monetization_box ul{
	overflow: hidden;
}
#monetization_box li:nth-child(odd){
	background-color: #FFFAFA;
}
#monetization_box li:nth-child(even){
	background-color: #fff;
}
#monetization_box li:nth-child(odd):hover{
	background-color: #fff;
}
#monetization_box li:nth-child(even):hover{
	background-color: #FFFAFA;
}
#monetization_box .second_ul li:nth-child(odd){
	background-color: #fff;
}
#monetization_box .second_ul li:nth-child(even){
	background-color: #FFFAFA;
}
#monetization_box .second_ul li:nth-child(odd):hover{
	background-color: #FFFAFA;
}
#monetization_box .second_ul li:nth-child(even):hover{
	background-color: #fff;
}
#monetization_box .bottom_text{
	font-size: 1.875rem;
	line-height: 1.3;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
@media (max-width: 636px) {
	#monetization_box li{
		float: inherit;
		margin: 0 auto;
	}
	#monetization_box .second_ul li:nth-child(odd){
		background-color: #FFFAFA;
	}
	#monetization_box .second_ul li:nth-child(even){
		background-color: #fff;
	}
	#monetization_box .bottom_text{
		font-size: 1.875rem;
		line-height: 1.3;
		position: inherit;
		text-align: center;
		margin-bottom: 20px;
	}
}