@charset "utf-8"; 
.BannerWarp{margin-bottom: 20px;}
.MainContentBody .CategoryTitle{font-size: 22px;font-weight: bold;margin: 15px 0 20px;}
.MainContentBody ul{display: flex;flex-wrap: wrap;margin-bottom: 2%;}
.MainContentBody ul li{height: auto;border: 1px solid #E2E2E2;box-sizing: border-box;width: 19.2%;margin: 0 1% 15px 0;}
.MainContentBody ul li span{font-size: 18px;display: block;padding: 10px;box-sizing: border-box;font-weight: bold;}
.MainContentBody ul li:nth-child(5n){margin-right: 0;}
.MainContentBody ul .SubCategory ul{margin-bottom: 0;}
.MainContentBody ul .SubCategory{border: none;margin: 0;width: calc(100% - 20%);}
.MainContentBody ul .shopByShape{width: 100% !important;}
.MainContentBody ul .SubCategory li{width: 13.42%;margin-right: 1%;}
.MainContentBody ul .SubCategory li:last-child{margin-right: 0;}


@media screen and (max-width:767px) {
.BannerWarp{margin-bottom: 10px;}
.MainContentBody .CategoryTitle{font-size: 16px;}
.MainContentBody ul li {width: 32.33%;margin: 0 1.5% 1.5% 0;}
.MainContentBody ul li:nth-child(5n){margin-right: 1.5%;}
.MainContentBody ul li:nth-child(3n){margin-right: 0;}
.MainContentBody ul li span{font-size: 12px;padding: 5px 5px 10px;}


.MainContentBody ul .SubCategory li{width: 32%;margin:0 2% 10px 0;}
.MainContentBody ul .SubCategory li:nth-child(3n){margin-right: 0;}

}
@media screen and (min-width:768px) and (max-width:1023px) {
.BannerWarp{margin-bottom: 10px;}
.MainContentBody .CategoryTitle{font-size: 18px;margin: 10px 0;}
.MainContentBody ul li {width: 32.33%;margin: 0 1.5% 10px 0;}
.MainContentBody ul li:nth-child(5n){margin-right: 1.5%;}
.MainContentBody ul li:nth-child(3n){margin-right: 0;}
.MainContentBody ul li span{padding: 5px 5px 10px;font-size: 14px;}

.MainContentBody ul .SubCategory li{width: 32.33%;margin: 0 1.5% 10px 0;}
.MainContentBody ul .SubCategory li:nth-child(3n){margin-right: 0;}
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.BannerWarp{margin-bottom: 15px;}
.MainContentBody .CategoryTitle{font-size: 20px;margin: 10px 0;}
.MainContentBody ul li {width: 32.33%;margin: 0 1.5% 10px 0;}
.MainContentBody ul li:nth-child(5n){margin-right: 1.5%;}
.MainContentBody ul li:nth-child(3n){margin-right: 0;}
.MainContentBody ul li span{font-size: 14px;}

.MainContentBody ul .SubCategory li{width: 32.33%;margin: 0 1.5% 10px 0;}
.MainContentBody ul .SubCategory li:nth-child(3n){margin-right: 0;}
}

@media screen and (min-width:1782px) {
.ContentLeft .MenuHoverBox{left: 267px;}
.MainContentBody .CategoryTitle{font-size: 24px;}
.MainContentBody ul{margin-bottom: 20px;}
.MainContentBody ul li span{font-size: 20px;padding: 15px;}

}