.text-15{
	line-height: 1.8;
}
/*AREA1*/
.area{
	margin-bottom: 0;
}
.area .block-area{
	background: none;
	position: relative;
	overflow: hidden;
}
.area .block-area .area-img{
	float: left;
}
.area .block-area .para{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 610px;
	padding: 48px;
	background: #fff;
}

/*AREA2*/
.area2{
	background: #0099da;
	padding: 60px 0;
}
.area2 .scroll-anchor{
	margin-bottom: 0;
	color: #ccebf8;
}
.area2 .scroll-anchor i{
	color: #ccebf8;
}
.area2 .block-area .para i{
	color: #000;
}
.block-area .text-20{
	margin-bottom: 0;
}
.area2 .block-area .area-img{
	float: right;
}
.area2 .block-area .para{
	right: auto;
	left: 0;
	transform: none;
	top: 15%;
}
.area2 .text-15{
	margin-bottom: 12px;
}

/*AREA3*/
.area3 .block-area .area-img{
	float: right;
}
.area3 .block-area .para{
	right: auto;
	left: 0;
}

@media(max-width: 1024px) and (min-width: 769px){
	.container{
		width: 100%;
		padding: 0 4%;
	}
	.area .block-area .area-img{
		float: none;
		text-align: center;
		margin-bottom: 30px;
	}
	.area .block-area .para{
		position: static;
		width: 100%;
		transform: none;
	}
}

@media(max-width: 768px){
	.area .block-area .para{
		width: 100%;
		position: static;
		transform: none;
		padding: 5%;
	}
	.area .block-area .area-img, .area2 .block-area .area-img, .area3 .block-area .area-img{
		width: 100%;
		float: none;
	}
	.area2{
		padding: 30px 0;
	}
	.text-15{
		text-align: justify;
	}
	.text-30{
		text-align: center;
	}
}