@charset "utf-8";

.maincontents ul li,
.school ul li,
.subcontents ul li{
Background:#ccc;
}

.maincontents ul{
Margin-bottom:10px;
}
.maincontents ul{
display: flex;
flex-wrap:wrap;
Border-left:1px solid #ccc;
Border-top:1px solid #ccc;
}
.maincontents ul li{
Width:50%;
Border-right:1px solid #ccc;
Border-bottom:1px solid #ccc;
}
.maincontents ul li a img{
Width:100%;
}

@media screen and (min-width: 635px) {
                                .maincontents ul li{
                                Width:25%;
                                }
}




.online{
Border-top:1px solid #ccc;
Margin-bottom:5px;
}
.online ul li{
Border-bottom:1px solid #ccc;
Border-left:1px solid #ccc;
Border-right:1px solid #ccc;
}
.online ul li:last-child{
Border-bottom:0px solid #ccc;
}
.online ul li a img{
Width:100%;
}
@media screen and (min-width: 635px) {
                                .online,
                                .online ul li{
                                Border:none;
                                }
                                .online ul{
                                Display:flex;
                                Flex-wrap:wrap;
                                justify-content:space-between;
                                }
                                .online ul li{
                                width:100%;
                                }
                                .online ul li a img{
                                Border:1px solid #ccc;
                                margin-bottom:5px;
                                }
}





.sell{
Border-top:1px solid #ccc;
}
.sell ul li{
Border-bottom:1px solid #ccc;
Border-left:1px solid #ccc;
Border-right:1px solid #ccc;
}
.sell ul li:last-child{
Border-bottom:0px solid #ccc;
}
.sell ul li a img{
Width:100%;
}
@media screen and (min-width: 635px) {
                                .sell,
                                .sell ul li{
                                Border:none;
                                }
                                .sell ul{
                                Display:flex;
                                Flex-wrap:wrap;
                                justify-content:space-between;
                                }
                                .sell ul li{
                                width:49.75%;
                                }
                                .sell ul li a img{
                                Border:1px solid #ccc;
                                margin-bottom:5px;
                                }
}


.school ul{
display: flex;
flex-wrap:wrap;
justify-content:space-between;
Margin:0 10px;
}
.school ul li{
Width:100%;
}
.school ul li{
Margin-bottom:10px;
}
.school ul li a img{
Width:100%;
}

@media screen and (min-width: 635px) {
                                .school ul li{
                                Width:49.5%;
                                }
}
@media screen and (min-width: 1200px) {
                                .school ul{
                                Margin:0px;
                                }
}


.subcontents{
Margin-bottom:10px;
}
.subcontents ul{
display: flex;
flex-wrap:wrap;
Border-left:1px solid #ccc;
Border-top:1px solid #ccc;
}
.subcontents ul li{
Width:25%;
Border-right:1px solid #ccc;
Border-bottom:1px solid #ccc;
}
.subcontents ul li a img{
Width:100%;
}

@media screen and (min-width: 635px) {
                                .subcontents ul li{
                                Width:20%;
                                }
}