.rollBanner div{height:480px; text-align:center;}
.mainPage {
    height: auto !important;
    margin: 16px 0 20px 0;
}
#row_0 {text-align:center; position:relative}
#row_1{background:#F6F9FF; padding-bottom:40px; position:relative}
#row_4{margin:0 -15px 40px !important; text-align:center;background:url('/asset/images/main/grade5/row4bg-0c96c6a2a41d714f671691dd64d8da69.png')}

.popupBannerArea{display: grid;place-items: center;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;z-index: 9999;}
.popupBannerArea .blackWrap{display:flex;justify-content: center;align-items:center}
.blackWrap{position:initial;width:auto;height:auto;background:none;display:inherit;}

.popup3 .bw_box{max-width:400px;}
.popup3 .bw_box img{width:100%}

.popup4{flex-flow: wrap;width:50%}
.popup4 .bw_box{max-width:350px;}
.popup4 .bw_box img{width:100%}

@media (max-width:1200px) {
	#row_0 .swiper-slide img{width:100%;}
	.rollBanner div{height:auto;}
	.rollBanner div img{width:100%;}
	#row_6 .col-md-12{margin-bottom:20px;}
	
	.popupBannerArea .blackWrap .bw_box{width:45%}
	.popupBannerArea .blackWrap img{width:100%}
}
@media (max-width:768px) {
	.popupBannerArea .blackWrap{flex-direction: column;}
	.popupBannerArea .blackWrap .bw_box{width:50%}
	.popupBannerArea .blackWrap img{width:100%;margin:0}
	.popup4{flex-flow: wrap;width:85%;flex-direction: initial !important;}
	.popup4 .bw_box{max-width:250px;}
	
}
@media (max-width:768px) {
	#row_4{margin:40px -15px !important}
	
	.popupBannerArea .blackWrap .bw_box{width:70%}
	.popupBannerArea .blackWrap img{width:100%;margin:0}
	.popup3 .bw_box{width:55%}
	.popup4 .bw_box{width:50% !important}
}