html,body {
	width:100%;
	height:100%;
	overflow:hidden
}
.section-wrap {
	width:100%;
	height:100%;
	overflow:visible;
	transition:transform 1s;
	-webkit-transition:-webkit-transform 1s
}
.section-wrap .section {
	position:relative;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat
}
.section-wrap .section-1 {
	background-image: linear-gradient(to bottom right, #37aef9 , #4e7eff);
	
}
.section-wrap .section-2 {
background-image: linear-gradient(to bottom right, #9acf62 , #38ac5c);
}
.section-wrap .section-3 {
background-image: linear-gradient(to bottom right, #fbad55 , #f67655);
}
.section-wrap .section-4 {
background-image: linear-gradient(to bottom right, #8e86fb , #7a5df5);
}
.section-wrap .section-5 {
background-image: linear-gradient(to bottom right, #4f74fd , #069581);
}
.section-wrap .section-6 {

}
.section-wrap .section-7 {

}
.section-wrap .section-8 {

}
.put-section-0 {
	transform:translateY(0);
	-webkit-transform:translateY(0)
}
.put-section-1 {
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%)
}
.put-section-2 {
	transform:translateY(-200%);
	-webkit-transform:translateY(-200%)
}
.put-section-3 {
	transform:translateY(-300%);
	-webkit-transform:translateY(-300%)
}
.put-section-4 {
	transform:translateY(-400%);
	-webkit-transform:translateY(-400%)
}
.put-section-5 {
	transform:translateY(-500%);
	-webkit-transform:translateY(-500%)
}
.put-section-6 {
	transform:translateY(-600%);
	-webkit-transform:translateY(-600%)
}
.put-section-7 {
	transform:translateY(-700%);
	-webkit-transform:translateY(-700%)
}
.section-btn {
	width:13px;
	position:fixed;
	right:2%;
	bottom:20%; z-index:999;
}
.section-btn li {
	width:12px;
	height:12px;
	cursor:pointer;
	text-indent:-9999px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:12px;
	background:#fff;
	text-align:center;
	color:#fff;
	cursor:pointer;
}
.section-btn li.on {
	background:#be1812;border:2px solid #be1812;
}

@media (max-width: 768px) {
.section-wrap {width:auto;height:auto;overflow:hidden;}
.section-wrap .section {width:auto;height:auto;overflow:hidden;}
.put-section-0{display:none;}
.put-section-1{display:none;}
.put-section-2{display:none;}
.put-section-3{display:none;}
.put-section-4{display:none;}
.put-section-5{display:none;}
.section-btn{display:none;}




html,body {
	width:100%;
	height:auto; overflow:auto;
}


.section-wrap .section-1{width:auto;height:auto;overflow:hidden;}
.section-wrap .section-2{width:auto;height:auto;overflow:hidden;}
.section-wrap .section-3{width:auto;height:auto;overflow:hidden;}
}