@charset "utf-8"; /* CSS Document */ .sitemap{ width: 100%; height: auto; } .sitemap-content{ width: 45%; height: auto; margin: 0 auto; padding-bottom: 100px; } .sitemap-content_1{ width: 100%; height: auto; } .sitemap-title{ width: 100%; height: auto; padding: 10px; background-color: #603916; } .sitemap-title h4{ color: #fff; font-weight: bold; font-size: 20px; margin-left: 10px; } .sitemap-content_1_1{ width: 100%; padding-top: 30px; padding-bottom: 50px; margin-right: 10px; } .sitemap-content_1_1 li { margin-bottom: 15px; } .sitemap-content_1_1 .shop-li{ margin-bottom: 3px; } .sitemap-content_1_1 li a{ font-weight: bold; color: #603916; line-height: 20px; } .sitemap-content_1_1 li a:hover{ opacity: 0.7; } @media (max-width: 1200px){ .sitemap-content{ width: 60%; } } @media (max-width: 768px){ .sitemap-content{ width: 70%; } } @media (max-width: 480px){ .sitemap-content{ width: 90%; } .sitemap-title{ padding: 8px; } .sitemap-title h4{ font-size: 16px; } .sitemap-content_1_1{ padding-top: 20px; } .sitemap-content_1_1 li a{ font-size: 15px; } }