body {
	/*	position: fixed;*/
	height: 100vh;
	width: 100%;
	margin: 0;
}
/*micro ads*/
@media screen and (max-width: 500px) {
	section.microads {}
	section.microads>.wrap {
		width: 100%;
		overflow: auto;
		padding: 2.5px;
		box-sizing: border-box;
	}
	section.microads .item {
		width: 100%;
		overflow: auto;
		float: left;
		padding: 2.5px;
		box-sizing: border-box;
	}
	section.microads .item .innr {
		height: 85px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.microads {}
	section.microads>.wrap {
		width: 100%;
		overflow: auto;
		padding: 2.5px;
		box-sizing: border-box;
	}
	section.microads .item {
		width: 100%;
		overflow: auto;
		float: left;
		padding: 2.5px;
		box-sizing: border-box;
	}
	section.microads .item .innr {
		height: 20vw;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media screen and (min-width: 801px) {
	section.microads {}
	section.microads>.wrap {
		width: 100%;
		overflow: auto;
		padding: 5px;
		box-sizing: border-box;
	}
	section.microads .item {
		width: 50%;
		overflow: auto;
		float: left;
		padding: 5px;
		box-sizing: border-box;
	}
	section.microads .item .innr {
		height: 120px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
}
/*slides*/
@media screen and (max-width: 500px) {
	section.slides {
		overflow: auto;
		margin-top: -90px;
		background-color: black;
	}
	section.slides .wrap {
		height: 269px;
		max-width: 1500px;
		margin: 0 auto;
		background-image: url(images/service_slide_a.png);
		background-repeat: no-repeat;
		background-position: 40% bottom;
		background-size: 150%;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {

	section.slides {
		overflow: auto;
		background-color: black;
	}
	section.slides .wrap {
		height: 50vw;
		max-height: 300px;
		max-width: 1500px;
		margin: 0 auto;
		background-image: url(images/service_slide_a.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto 100%;
	}
}
@media screen and (min-width: 801px) {
	section.slides {
		overflow: auto;
		margin-top: -90px;
		background-color: black;
	}
	section.slides .wrap {
		height: 50vw;
		max-width: 1500px;
		margin: 0 auto;
		background-image: url(images/service_slide_a.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
	}
}
/*other elements*/
@media screen and (max-width: 500px) {
	section.info {
		width: 100%;
		overflow: auto;
		font-family: 'Nunito', sans-serif;
	}
	section.info>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
	}
	section.info>.wrap h1 {
		font-size: 30px;
		width: 90%;
		margin: 20px auto;
		text-align: center;
	}
	section.info>.wrap h2 {
		text-align: center;
	}
	section.info .lf {
		width: 100%;
		float: left;
		height: 200px;
		padding: 0px;
		box-sizing: border-box;
	}
	section.info .lf>.innr {
		height: 100%;
		width: 100%;
		position: relative;
	}
	section.info .lf img.bg_1 {
		position: absolute;
		top: 0px;
		left: -40%;
		margin: auto;
		width: 100%;
	}
	section.info .lf img.bg_2 {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 41%;
	}
	section.info .rt {
		width: 100%;
		height:auto;
		padding: 20px;
		box-sizing: border-box;
	}
	section.info .rt>.innr {
		width: 100%;
		height: 100%;
		position: relative;
	}
	section.info .rt .item {
		width: 100%;
		height: auto;
		float: left;
		padding: 15px;
		box-sizing: border-box;
		position: relative;
	}
	section.info .rt .item>.innr {
		width: 100%;
		height: 100%;
	}
	section.info .rt .item .title {
		font-weight: bold;
		font-size: 18px;
		margin: 0;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {

	section.info {
		width: 100%;
		overflow: auto;
		font-family: 'Nunito', sans-serif;
	}
	section.info>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
	}
	section.info>.wrap h1 {
		font-size: 30px;
		width: 90%;
		margin: 20px auto;
		text-align: center;
	}
	section.info>.wrap h2 {
		text-align: center;
	}
	section.info .lf {
		width: 100%;
		float: left;
		height: 200px;
		padding: 0px;
		box-sizing: border-box;
	}
	section.info .lf>.innr {
		height: 100%;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		position: relative;
	}
	section.info .lf img.bg_1 {
		position: absolute;
		top: 0px;
		left: -20%;
		margin: auto;
		height: 100%;
	}
	section.info .lf img.bg_2 {
		position: absolute;
		bottom: 0px;
		right: 0px;
		height: 100%;
	}
	section.info .rt {
		width: 100%;
		height:auto;
		padding: 20px;
		box-sizing: border-box;
	}
	section.info .rt>.innr {
		width: 100%;
		height: 100%;
		position: relative;
	}
	section.info .rt .item {
		width: 100%;
		height: auto;
		float: left;
		padding: 15px;
		box-sizing: border-box;
		position: relative;
	}
	section.info .rt .item>.innr {
		width: 100%;
		height: 100%;
	}
	section.info .rt .item .title {
		font-weight: bold;
		font-size: 18px;
		margin: 0;
	}
}
@media screen and (min-width: 801px) {
	section.info {
		width: 100%;
		overflow: auto;
		font-family: 'Nunito', sans-serif;
	}
	section.info>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 1500px;
	}
	section.info>.wrap h1 {
		font-size: 35px;
		width: 70%;
		margin: 50px auto;
		text-align: center;
	}
	section.info>.wrap h2 {
		text-align: center;
	}
	section.info .lf {
		width: 40%;
		float: left;
		height: 500px;
		padding: 0px;
		box-sizing: border-box;
	}
	section.info .lf>.innr {
		height: 100%;
		width: 100%;
		position: relative;
	}
	section.info .lf img.bg_1 {
		position: absolute;
		top: 0px;
		left: -40%;
		margin: auto;
		width: 140%;
	}
	section.info .lf img.bg_2 {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 60%;
	}
	section.info .rt {
		width: 60%;
		float: left;
		height: 500px;
		padding: 20px;
		box-sizing: border-box;
	}
	section.info .rt>.innr {
		width: 100%;
		height: 100%;
		position: relative;
	}
	section.info .rt .item {
		width: 50%;
		height: 50%;
		float: left;
		;
		padding: 15px;
		box-sizing: border-box;
		position: relative;
		/*	background-color: #2de22d;*/
		/*	border: 10px solid blue;*/
	}
	section.info .rt .item>.innr {
		width: 100%;
		height: 100%;
	}
	section.info .rt .item .title {
		font-weight: bold;
		font-size: 18px;
		margin: 0;
	}
}