<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#cate_parent {
    padding-bottom: 110px;
}


/* è¯´æ˜Ž */
#cate_parent .explanation {
    padding: 20px 16px;
}

#cate_parent .explanation .cont_box {
    overflow: hidden;
}

#cate_parent .explanation .cont_box h2 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 4px;
}


/* ç»„ä»¶ */
#cate_parent .content {
    padding: 20px 20px 4px;
}

#cate_parent .content .list li {
    width: 33.3%;
    padding-right: 16px;
}

#cate_parent .content .list li a:hover {
    color: var(--main-color);
}


/* åž‹å·ç›’å­ */
#cate_parent .partsBox {
    padding: 20px;
}

/* åž‹å·åˆ—è¡¨ */
#cate_parent .partsBox .relatedParts li {
    width: 20%;
}

/* åˆ—è¡¨æ¯é¡¹åž‹å· */
#cate_parent .partsBox .relatedParts li a {
    border: 1px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#cate_parent .partsBox .relatedParts li a:hover {
    box-shadow: 2px 0 9px rgb(0 0 0 / 9%);
}

/* å›¾ç‰‡æ•ˆæžœ */
#cate_parent .partsBox .relatedParts li a:hover img {
    transition: all .3s;
    transform: scale(1.1);
}


/* æŽ¨èå“ç‰Œ */
#cate_parent .mfgBox {
    padding: 20px 16px;
}

#cate_parent .mfgBox a {
    width: 16.66%;
    height: 100px;
}

#cate_parent .mfgBox a:hover {
    box-shadow: 2px 0 9px rgb(0 0 0 / 9%);
}

#cate_parent .mfgBox a img {
    width: 160px;
}

/* å°å±æ—¶ */
@media screen and (max-width: 1024px) {
    #cate_parent .content .list li {
        font-size: 12px;
        width: 100%;
    }

    #cate_parent .partsBox .relatedParts li {
        width: 50%;
    }

    #cate_parent .mfgBox a  {
        width: 50%;
    }
}</pre></body></html>