.slide_item{
    left:0;
}
body{
	background-color: var(--bg-main);
}

@media (max-width:1024px) {
.main_area{
	width: 100%;
    overflow: hidden;
	position: relative;
}

.main_slide{
	width: calc(100% * 3 + 90px);
	position: relative;
	left:0;
	transition: left 0.2s;
}
.slide_item{
   /* float: left;*/
    width: calc(100% / 3);
	position: absolute;
	left:0;
	padding-left: 30px;
	display:block;	
	/*margin-bottom:30px;*/
}


#section1{
	padding-left: 0;
	width: calc(100% / 3 - 30px);

}

.slide_item::after{
	content:''; display:block; clear:both;
}


}


@media (max-width:767px) {

.main_slide{
	width: calc(100% * 3 + 20px);
	}
.slide_item{
	padding-left: 10px;
}
#section1{
	width: calc(100% / 3 - 10px);
}

}