/* skincatg.css */
#thumbview {
    /* :2 */
    height: auto;
}
.slts-vsn li.on {
    /* :16 */
    margin-top: -3px;
}
@media (max-width: 991px) {
    /* :93 */
    .slts-vsn li {
        padding: 0 15px;
    }
}
@media (max-width: 767px) {
    .slts-vsn {
        height: 100%;
        position: static;
    }
    .slts-vsn li {
        background: #818181;
        max-width: 100%;
        width: 50%;
    }
    .slts-vsn li.cus {
        position: static;
        padding: unset;
        padding: 0 15px;
    }
}
/* thumbview 行內寬度設定先拿掉*/
.slts-layout .thumbpage ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}
.slts-layout li {
    /* :46 */
    margin: 0;
    float: none;
}
.slts-layout li label,
.slts-layout li label img {
    /* :50 */
    max-width: 100%;
    width: 100%;
    height: auto;
}
.slts-layout .thumbpage li a.view-pay-form {
    /* :70 */
    width: auto;
    height: auto;
}
.pagination {
    /* :79 */
    padding: 30px 0 5px 0;
}
@media (max-width: 991px) {
    .slts-layout .thumbpage ul {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (max-width: 800px) {
    .slts-layout .thumbpage ul {
        grid-template-columns: 1fr 1fr 1fr;
    }
    /* 不用新增 */
    .slts-type {
        width: 25% !important;
    }
    /* 不用新增 */
    .slts-layout .thumbpage li a.view-cpt,
    .slts-layout .thumbpage li a.qrcodebtn {
        /* :99 */
        width: 23px;
        height: 21px;
    }
    .slts-layout li a {
        /* :100 */
        font-size: 14px;
        padding: 4px;
        line-height: 14px;
        width: auto;
        height: auto;
    }
    .slts-layout .thumbpage li a.view-cpt:hover,
    .slts-layout .thumbpage li a.qrcodebtn:hover,
    .slts-layout .thumbpage li a.view-pay-cpt:hover {
        width: 65px;
    }
}
@media (max-width: 767px) {
    .slts-layout .thumbpage ul {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 480px) {
    .slts-type,
    .slts-layout {
        width: 100% !important;
    }
    .slts-layout {
        float: none;
        padding: 60px 0 0 0px;
    }
    .slts-type li {
        float: left;
        max-width: 100%;
        width: 50%;
    }
    .pagination {
        font-size: 16px;
        flex-wrap: wrap;
    }
    .pagination span {
        order: 2;
        max-width: 100%;
        width: 100%;
        margin-top: 1rem;
    }
    .pagination .previous,
    .pagination .next {
        max-width: 100%;
        width: 48.5%;
    }
    .slts-layout .thumbpage li a.view-cpt,
    .slts-layout .thumbpage li a.qrcodebtn {
        width: 50px;
        height: 35px;
    }
    .slts-layout .thumbpage li a.view-cpt:before,
    .slts-layout .thumbpage li a.qrcodebtn:before {
        line-height: 35px;
    }
}

/* main-change.css */
.slts-type {
    /* :1395 */
    /* 刪除 */
    /* width: 15%;  */
}
/* skincatg_n.js */
/* :1582 */
/* 改成 */
/* thumbs_ppg = 15 */

/* 1678 */
/* 註解掉 */
/* // thumbs_ppg = Math.floor(($("#skinchooser").width() * 0.7) / 130) * 3; */

/* 1735、1758 */
/* 刪除 */
/* style="width: 125px; */

/* html */
/* thumbview 行內寬度設定先拿掉*/