.body0{
	margin: 0 auto;
	width: 1024px;
	min-height: 100vh;
	box-sizing: border-box;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.body0Slider{
	margin: 0 auto;
	width: 100%;
}
.body0Left{
	margin: 0 auto;
	width: 700px;
}
.bodyRight{
	margin: 0 auto;
	width: 300px;
}
.body1{
	margin: 0 auto;
	width: 1024px;
}
@media screen and (max-width: 768px){
	.body0{
		margin: 24px auto 0;
		width: 90%;
		box-sizing: border-box;
	}
    .body0Left{
    	width: 100%;
    }
    .bodyRight{
    	width: 100%;
    }
	.body1{
		margin: 24px auto 0;
		width: 90%;
		box-sizing: border-box;
	}
	.body2{
		margin: 24px auto 0;
		width: 90%;
		box-sizing: border-box;
		display: grid;
		grid-template-areas: 
			"body0Left"
			"bodyRight";
		grid-template-columns: 100%;
		grid-gap: 0px;	
	}
	.body0Left{
		margin: 0 auto 24px;
		padding: 0;
	}
}