a,
a:link,
a:visited,
a:hover {
    color: #000000;
    text-decoration: none
}

.slider-range {
    width: 96%;
    height: 0.25rem;
    border: 0;
    transform: translateY(0.625rem);
}

    .slider-range .noUi-base {
        background-color: #d7d7d7;
    }

        .slider-range .noUi-base .noUi-connects .noUi-connect {
            background-color: #000000;
        }

        .slider-range .noUi-base .noUi-origin .noUi-handle {
            top: -0.5625rem;
            width: 1.25rem;
            height: 1.25rem;
            border-radius: 50%;
            background-color: #000000;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .slider-range .noUi-base .noUi-origin .noUi-handle::after {
                top: 0.3125rem;
                left: 0.4375rem;
                height: 0.625rem;
            }

            .slider-range .noUi-base .noUi-origin .noUi-handle::before {
                top: 0.3125rem;
                left: 0.4375rem;
                height: 0.625rem;
                left: 0.59375rem;
            }

.sm-btn {
    color: #7f7f7f;
    text-decoration: underline;
    font-size: 0.875rem;
    cursor: pointer;
}

.banner-container {
    position: relative;
    height: 18.75rem;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .banner-container .full-bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
    }

    .banner-container .banner-wrapper {
        position: absolute;
        /*width: 91.92708333333333%;*/
        padding-left: 0;
        padding-right: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

        .banner-container .banner-wrapper .title {
            color: #ffffff;
            letter-spacing: 0.5rem;
            font-weight: 500;
            font-size: 1.75rem;
            padding-top: 1.4em;
            transform: translateY(-8vw);
        }

        .banner-container .banner-wrapper .description {
            margin-top: 0.875rem;
            width: 10.625rem;
            color: #ffffff;
            letter-spacing: 0.09375rem;
            line-height: 1.5;
        }

.main {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 91.92708333333333%;
}

    .main .breadcrumb-container {
        margin: 3rem auto 0;
        padding: 0 0;
        color: #000000;
        letter-spacing: 0.0625rem;
    }

        .main .breadcrumb-container .breadcrumb-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 0.5rem;
        }

            .main .breadcrumb-container .breadcrumb-list li a {
                color: #000000;
            }

    .main .types-container .carousel-wrapper {
        position: relative;
        margin: 0 0;
        margin-top: 3.75rem;
        min-width: 0;
    }

        .main .types-container .carousel-wrapper .nav-next {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            overflow: hidden;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 1.5rem;
            background: #ffffff;
            cursor: pointer;
            right: 0;
            min-width: 48px;
            justify-content: center;
        }

            .main .types-container .carousel-wrapper .nav-next .text__desk {
                display: none;
            }

            .main .types-container .carousel-wrapper .nav-next .next-slide {
                width: 1.5rem;
                height: 1.5rem;
                background-image: url("../icon/arrow-right-dark-icon.png");
                background-size: 1.5rem 1.5rem;
                background-repeat: no-repeat;
            }

        .main .types-container .carousel-wrapper .nav-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            overflow: hidden;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 1.5rem;
            background: #ffffff;
            cursor: pointer;
            left: 0;
            min-width: 48px;
            justify-content: center;
        }

            .main .types-container .carousel-wrapper .nav-prev .prev-slide {
                width: 1.5rem;
                height: 1.5rem;
                background-image: url("../icon/arrow-left-dark-icon.png");
                background-size: 1.5rem 1.5rem;
                background-repeat: no-repeat;
            }

        .main .types-container .carousel-wrapper .slick-list {
            padding: 0 2rem;
        }

            .main .types-container .carousel-wrapper .slick-list .item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                height: 8.375rem;
            }

                .main .types-container .carousel-wrapper .slick-list .item .newcar-img {
                    margin: 0 auto;
                    width: 12.5rem;
                    cursor: pointer;
                    -webkit-transition: all 0.38s ease-out;
                    transition: all 0.38s ease-out;
                }

                    .main .types-container .carousel-wrapper .slick-list .item .newcar-img:hover {
                        -webkit-transform: scale(120%);
                        transform: scale(120%);
                    }

                .main .types-container .carousel-wrapper .slick-list .item .info-wrapper {
                    margin: 0.75rem auto 0;
                    width: 12.5rem;
                    text-align: right;
                }

                    .main .types-container .carousel-wrapper .slick-list .item .info-wrapper .info-title {
                        display: inline-block;
                        padding-bottom: 0.625rem;
                        border-bottom: solid 0.125rem #000000;
                        text-align: right;
                        letter-spacing: 0.125rem;
                        font-weight: 500;
                        font-size: 1.125rem;
                    }

                .main .types-container .carousel-wrapper .slick-list .item.slick-current {
                    position: relative;
                }

                    .main .types-container .carousel-wrapper .slick-list .item.slick-current .newcar-img {
                        -webkit-transform: translateX(-15%);
                        transform: translateX(-15%);
                    }

                .main .types-container .carousel-wrapper .slick-list .item.selected {
                    position: relative;
                }

                    .main .types-container .carousel-wrapper .slick-list .item.selected::after {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 60%;
                        z-index: -1;
                        display: block;
                        width: 9.375rem;
                        background-color: #f2f2f2;
                        content: '';
                        -webkit-transform: translateX(-40%);
                        transform: translateX(-40%);
                    }

                    .main .types-container .carousel-wrapper .slick-list .item.selected .newcar-img {
                        -webkit-transform: scale(120%);
                        transform: scale(120%);
                    }

    .main .filter-container {
        margin: 1.875rem 0 0;
        background-color: #f9f9f9;
    }

        .main .filter-container .header-title {
            position: relative;
            display: inline-block;
            padding-top: 0.9375rem;
            padding-bottom: 1.5rem;
            padding-left: 0;
            color: #7f7f7f;
            letter-spacing: 0.03125rem;
            font-size: 0.875rem;
        }

            .main .filter-container .header-title .close-btn {
                display: none;
            }

        .main .filter-container .divider {
            margin: 1.875rem 0;
            height: 0.0625rem;
            background-color: #dedede;
        }

        .main .filter-container .filter-wrapper {
            border-left: 0.125rem solid #000000;
        }

            .main .filter-container .filter-wrapper .subtitle {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding-bottom: 1.875rem;
                padding-left: 1.25rem;
            }

                .main .filter-container .filter-wrapper .subtitle .text {
                    letter-spacing: 0.08438rem;
                    font-weight: 500;
                    font-size: 1.125rem;
                }

            .main .filter-container .filter-wrapper .inner-wrapper {
                padding-left: 1.25rem;
            }

                .main .filter-container .filter-wrapper .inner-wrapper .input-group {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin-top: 1.875rem;
                    gap: 1rem;
                    justify-content: space-between;
                }

                    .main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: end;
                        -ms-flex-align: end;
                        align-items: flex-end;
                        letter-spacing: 0.03125rem;
                        font-weight: 500;
                        gap: 0rem;
                    }

                        .main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input input {
                            -webkit-box-flex: 1;
                            -ms-flex: 1;
                            flex: 1;
                            padding: 0.5625rem;
                            height: auto;
                            background-color: transparent;
                            color: #000000;
                            text-align: center;
                            letter-spacing: 0.09375rem;
                            font-size: 1.125rem;
                            width: 5.25rem;
                            border-radius: 0;
                        }

                    .main .filter-container .filter-wrapper .inner-wrapper .input-group span {
                        height: 1.75rem;
                        margin: 0 0 0.4375rem 0.3125rem;
                        font-size: 1rem;
                        font-weight: 500;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: normal;
                        letter-spacing: 0.03125rem;
                    }

                        .main .filter-container .filter-wrapper .inner-wrapper .input-group span.upper {
                            -webkit-box-align: end;
                            -ms-flex-align: end;
                            justify-content: end;
                        }

                .main .filter-container .filter-wrapper .inner-wrapper input[type='checkbox'] {
                    display: none;
                }

                    .main .filter-container .filter-wrapper .inner-wrapper input[type='checkbox']:checked ~ .content-wrapper {
                        display: block;
                    }

                .main .filter-container .filter-wrapper .inner-wrapper .for-menu {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    flex-wrap: nowrap !important;
                    /*padding: 0 0.9375rem;*/
                    padding: 0rem 2.4375rem 1rem 0.9375rem;
                    /*height: 3.25rem;*/
                    min-height: 1.75rem;
                    height: min-content;
                    border-bottom: 0.125rem solid #000000;
                    color: #d4d4d4;
                    letter-spacing: 0.03125rem;
                    font-weight: 400;
                    font-size: 1rem;
                    cursor: pointer;
                    position: relative !important;
                }

                    .main .filter-container .filter-wrapper .inner-wrapper .for-menu .for-menu-icon {
                        position: absolute;
                        width: 1.5rem !important;
                        height: 100%;
                        background-image: url("../icon/arrow-down-copy-icon.png");
                        background-position: center;
                        background-size: 1.25rem 1.25rem;
                        background-repeat: no-repeat;
                        /*top: 0;*/
                        right: 0.5rem;
                    }

                .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper {
                    position: fixed;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 10;
                    display: none;
                    padding: 1.25rem 0.9375rem;
                    background-color: rgba(0, 0, 0, 0.6);
                }

                    .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content {
                        overflow-y: hidden;
                        height: 100%;
                        background-color: #f9f9f9;
                    }

                        .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .inner-title {
                            position: relative;
                            position: -webkit-sticky;
                            position: sticky;
                            top: 0;
                            z-index: 10;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            padding: 0;
                            height: 4.0625rem;
                            border-bottom: 0.0625rem solid #dedede;
                            background-color: #f9f9f9;
                            color: #000000;
                            font-weight: 500;
                            font-size: 1.125rem;
                        }

                            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .inner-title .close-btn {
                                position: absolute;
                                top: 50%;
                                right: 2.1875rem;
                                right: 1.25rem;
                                display: block;
                                width: 1.25rem;
                                height: 1.25rem;
                                -webkit-transform: translateY(-50%);
                                transform: translateY(-50%);
                            }

                        .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            overflow-y: auto;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            padding: 1.875rem 0.75rem;
                            min-height: calc(100% - 10.625rem);
                            height: 0;
                            gap: 1.875rem;
                        }

                            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list .content-item .checkbox-input {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                gap: 0.625rem;
                            }

                                .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list .content-item .checkbox-input input {
                                    display: -ms-grid;
                                    display: grid;
                                }

                            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list .collapse-item .checkbox-input {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                gap: 0.625rem;
                            }

                                .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list .collapse-item .checkbox-input input {
                                    display: -ms-grid;
                                    display: grid;
                                }

                            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                overflow-x: auto;
                                overflow-y: hidden;
                                -ms-flex-wrap: nowrap;
                                flex-wrap: nowrap;
                                height: 2.25rem;
                                min-height: 2.25rem;
                            }

            .main .filter-container .filter-wrapper.summary .inner-wrapper .content-wrapper .inner-content .content-list [role='tabpanel'] {
                /*overflow-y: auto;*/
                margin-top: 1.5rem;
            }

            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li {
                border-bottom: 0.125rem solid #d7d7d7;
                /*width: 20%;*/
            }

                .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li:first-child {
                    padding-left: 0;
                }

                .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li .title {
                    position: relative;
                    display: inline-block;
                    padding: 0 1rem;
                    width: calc(100% + 0.625rem);
                    height: 100%;
                    color: #d4d4d4;
                    white-space: nowrap;
                    letter-spacing: 0.08313rem;
                    font-weight: 500;
                    font-size: 1rem;
                    line-height: 2.125rem;
                    text-align: center;
                }

                    .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li .title::after {
                        /*position: relative;*/
                        /*top: 0.7rem;
                        right: 0.3rem;*/
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        visibility: hidden;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        /*padding: 0.1875rem;*/
                        min-width: 1rem;
                        max-height: 1rem;
                        border-radius: 624.9375rem;
                        background-color: #000000;
                        color: #ffffff;
                        content: attr(data-before);
                        font-size: 0.625rem;
                        margin-left: 0.5rem;
                    }

                    .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li .title.show-badge::after {
                        visibility: visible;
                    }

                .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li[aria-selected='true'] {
                    border-bottom: 0.25rem solid #000000;
                }

                    .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li[aria-selected='true'] .title {
                        color: #000000;
                    }

            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist']::-webkit-scrollbar {
                height: 0;
            }

            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tabpanel'] .collapse-list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                /*gap: 0.625rem;*/
            }

                .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tabpanel'] .collapse-list li {
                    margin-bottom: 1.875rem;
                }

            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [aria-hidden='true'] {
                display: none;
            }

            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .inner-footer {
                position: -webkit-sticky;
                position: sticky;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 10;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 0 0.75rem;
                height: 6.4375rem;
                border-top: 0.0625rem solid #dedede;
                background-color: #f9f9f9;
            }

                .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .inner-footer .save-btn {
                    width: 12.5rem;
                    height: 3.875rem;
                    background-color: #000000;
                    color: #ffffff;
                    letter-spacing: 0.25rem;
                    font-weight: 300;
                }

            .main .filter-container .filter-wrapper.series .series-list {
                display: -ms-grid;
                display: grid;
                padding-left: 1.25rem;
                grid-template-columns: repeat(3, 1fr);
                row-gap: 2.1875rem;
            }

                .main .filter-container .filter-wrapper.series .series-list .series-item .checkbox {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    letter-spacing: 0.0625rem;
                    font-size: 1.6rem;
                    -webkit-column-gap: 0.625rem;
                    column-gap: 0.625rem;
                    width: fit-content;
                }

            .main .filter-container .filter-wrapper.colors .colors-list {
                display: -ms-grid;
                display: grid;
                padding-left: 1.25rem;
                grid-template-columns: repeat(3, 1fr);
                row-gap: 2.1875rem;
            }

                .main .filter-container .filter-wrapper.colors .colors-list .colors-item .checkbox {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    letter-spacing: 0.0625rem;
                    font-size: 1.25rem;
                    -webkit-column-gap: 0.625rem;
                    column-gap: 0.625rem;
                    width: fit-content;
                }

        .main .filter-container .btn-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .main .filter-container .btn-wrapper .sm-btn {
                display: none;
            }

            .main .filter-container .btn-wrapper .filter-btn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-bottom: 1.875rem;
                letter-spacing: 0.09375rem;
                font-weight: 400;
                font-size: 1.125rem;
                color: #000;
                gap: 0.625rem;
            }

                .main .filter-container .btn-wrapper .filter-btn .down-icon {
                    display: inline-block;
                    width: 0.9375rem;
                    height: 0.9375rem;
                }

        .main .filter-container .overlay-container {
            padding: 1.25rem 1.25rem 0 1.25rem;
        }

            .main .filter-container .overlay-container .collapse-container {
                display: none;
            }

            .main .filter-container .overlay-container .confirm-wrapper {
                position: -webkit-sticky;
                position: sticky;
                bottom: 0;
                z-index: 1;
                display: none;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 1.25rem 1.875rem;
                height: 6.25rem;
                border-top: 0.0625rem solid #dedede;
                background-color: #f9f9f9;
                margin: 0 -1.5625rem 0 -1.5625rem;
            }

                .main .filter-container .overlay-container .confirm-wrapper .result-info {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    align-items: flex-start;
                    padding-top: 1rem;
                }

                    .main .filter-container .overlay-container .confirm-wrapper .result-info .reset-btn {
                        color: #7f7f7f;
                        text-decoration: underline;
                        font-size: 0.875rem;
                    }

                    .main .filter-container .overlay-container .confirm-wrapper .result-info .result-warpper {
                        letter-spacing: 0.0625rem;
                        letter-spacing: 0.055rem;
                        font-size: 0.875rem;
                        line-height: 2.625rem;
                        padding-top: 0.5rem;
                    }

                        .main .filter-container .overlay-container .confirm-wrapper .result-info .result-warpper .number {
                            letter-spacing: 0.09375rem;
                            font-weight: 600;
                            font-size: 1.5rem;
                        }

                .main .filter-container .overlay-container .confirm-wrapper .confirm-btn {
                    width: 9.75rem;
                    background-color: #000000;
                    color: #ffffff;
                    font-weight: 300;
                    letter-spacing: 0.25rem;
                }

            .main .filter-container .overlay-container.is-open {
                position: fixed;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 999;
                overflow-y: auto;
                background-color: #f9f9f9;
                padding: 0 1.5625rem;
            }

                .main .filter-container .overlay-container.is-open .collapse-container {
                    display: block;
                }

                .main .filter-container .overlay-container.is-open .content-wrapper {
                    height: 100%;
                }

                .main .filter-container .overlay-container.is-open .inner-content {
                    margin-top: 60px;
                    max-height: calc(100% - 120px)
                }

                .main .filter-container .overlay-container.is-open .header-title {
                    position: -webkit-sticky;
                    position: sticky;
                    top: 0;
                    z-index: 10;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    padding: 0;
                    height: 4.0625rem;
                    border-bottom: 0.0625rem solid #dedede;
                    background-color: #f9f9f9;
                    color: #000000;
                    font-weight: 500;
                    font-size: 1.125rem;
                    margin: 0 -1.5625rem 1.875rem -1.5625rem;
                }

                    .main .filter-container .overlay-container.is-open .header-title .close-btn {
                        /*               position: absolute;
                        top: 50%;
                        right: 2.1875rem;
                        display: block;
                        width: 1.25rem;
                        height: 1.25rem;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);*/

                        position: absolute;
                        display: block;
                        padding: 18px;
                        right: 0;
                    }

                        .main .filter-container .overlay-container.is-open .header-title .close-btn img {
                            /*               position: absolute;
                        top: 50%;
                        right: 2.1875rem;
                        display: block;
                        width: 1.25rem;
                        height: 1.25rem;
                        -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);*/

                            width: 20px;
                            height: 20px;
                        }

                .main .filter-container .overlay-container.is-open .confirm-wrapper {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

    .main .cars-container {
        margin-top: 2.75rem;
    }

        .main .cars-container .filter-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 3rem;
        }

            .main .cars-container .filter-wrapper .result-warpper {
                height: 100%;
                letter-spacing: 0.0625rem;
                letter-spacing: 0.055rem;
                font-size: 0.875rem;
                line-height: 2.625rem;
            }

                .main .cars-container .filter-wrapper .result-warpper .number {
                    letter-spacing: 0.09375rem;
                    font-weight: 600;
                    font-size: 1.5rem;
                }

            .main .cars-container .filter-wrapper .select-menu {
                position: relative;
                padding: 0 0.625rem 0.3125rem;
                height: 100%;
            }

                .main .cars-container .filter-wrapper .select-menu .select-dropdown {
                    display: none;
                }

                    .main .cars-container .filter-wrapper .select-menu .select-dropdown:checked ~ .for-dropdown {
                        background-color: #000000;
                        color: #ffffff;
                    }

                        .main .cars-container .filter-wrapper .select-menu .select-dropdown:checked ~ .for-dropdown .filter-icon {
                            background-image: url("../icon/filter-white-icon.png");
                        }

                    .main .cars-container .filter-wrapper .select-menu .select-dropdown:checked ~ .dropdown-wrapper {
                        visibility: visible;
                        max-height: 93.75rem;
                    }

                    .main .cars-container .filter-wrapper .select-menu .select-dropdown ~ .for-dropdown.asc .filter-icon {
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

                    .main .cars-container .filter-wrapper .select-menu .select-dropdown ~ .for-dropdown.desc .filter-icon {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

                .main .cars-container .filter-wrapper .select-menu .for-dropdown {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-evenly;
                    padding-right: 0.5rem;
                    border-bottom: 0.125rem solid #000000;
                    letter-spacing: 0.03125rem;
                    font-weight: 500;
                    font-size: 0.875rem;
                    line-height: 2.1875rem;
                    cursor: pointer;
                    gap: 0.5rem;
                    width: 10.1025rem;
                }

                    .main .cars-container .filter-wrapper .select-menu .for-dropdown span {
                        padding-left: 0.5rem;
                        white-space: nowrap;
                    }

                    .main .cars-container .filter-wrapper .select-menu .for-dropdown .filter-icon {
                        width: 1.25rem;
                        height: 1.25rem;
                        background-image: url("../icon/filter-icon.png");
                        background-position: center;
                        background-size: 1.25rem 1.25rem;
                        background-repeat: no-repeat;
                    }

                .main .cars-container .filter-wrapper .select-menu .dropdown-wrapper {
                    position: absolute;
                    top: 3.625rem;
                    z-index: 105;
                    visibility: hidden;
                    overflow: hidden;
                    min-width: 10.1025rem;
                    max-height: 0;
                    width: 10.1025rem;
                    border: 0.0625rem solid #000000;
                    background-color: #ffffff;
                }

                    .main .cars-container .filter-wrapper .select-menu .dropdown-wrapper .dropdown-list .dropdown-item {
                        margin: 1.5625rem 1.25rem;
                        letter-spacing: 0.03125rem;
                        font-size: 0.875rem;
                        opacity: 0.5;
                        cursor: pointer;
                    }

                        .main .cars-container .filter-wrapper .select-menu .dropdown-wrapper .dropdown-list .dropdown-item:hover {
                            opacity: 1;
                        }

                            .main .cars-container .filter-wrapper .select-menu .dropdown-wrapper .dropdown-list .dropdown-item:hover button {
                                font-weight: 500;
                            }


        .main .cars-container .cars-list .cars-item a {
            position: relative;
            display: block;
            width: 100%;
        }

        .main .cars-container .cars-list .cars-item .img-owl-carousel {
            position: relative;
            margin-bottom: 0;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item {
                overflow: hidden;
                position: relative;
                width: 21.5625rem;
                height: 14.375rem;
            }

                .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item:before {
                    /*            content: "";
                            display: block;
                            padding-bottom: calc(100% / (3/2));*/
                }

                .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item img {
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    transform: scale(1.15);
                    -webkit-transition: -webkit-transform 0.28s ease-out;
                    transition: -webkit-transform 0.28s ease-out;
                    transition: transform 0.28s ease-out;
                    transition: transform 0.28s ease-out, -webkit-transform 0.28s ease-out;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

                .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item .img-none {
                    width: 100%;
                    height: 100%;
                    border: 0.0625rem solid #C0C0C0;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    align-items: center;
                    color: #c0c0c0;
                    font-size: 1.2rem;
                }

            .main .cars-container .cars-list .cars-item .img-owl-carousel .nav-next {
                position: absolute;
                top: 0;
                bottom: 0;
                z-index: 1;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0;
                width: 2rem;
                background-color: rgba(255, 255, 255, 0.8);
                opacity: 0;
                -webkit-transition: opacity 0.28s ease-out;
                transition: opacity 0.28s ease-out;
                -webkit-transform: none;
                transform: none;
                right: 0;
            }

                .main .cars-container .cars-list .cars-item .img-owl-carousel .nav-next .next-slide {
                    width: 2rem;
                    height: 2rem;
                    background-image: url("../icon/arrow-right-dark-icon.png");
                    background-size: 2rem 2rem;
                    background-repeat: no-repeat;
                }

            .main .cars-container .cars-list .cars-item .img-owl-carousel .nav-prev {
                position: absolute;
                top: 0;
                bottom: 0;
                z-index: 1;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0;
                width: 2rem;
                background-color: rgba(255, 255, 255, 0.8);
                opacity: 0;
                -webkit-transition: opacity 0.28s ease-out;
                transition: opacity 0.28s ease-out;
                -webkit-transform: none;
                transform: none;
                left: 0;
            }

                .main .cars-container .cars-list .cars-item .img-owl-carousel .nav-prev .prev-slide {
                    width: 2rem;
                    height: 2rem;
                    background-image: url("../icon/arrow-left-dark-icon.png");
                    background-size: 2rem 2rem;
                    background-repeat: no-repeat;
                }

            .main .cars-container .cars-list .cars-item .img-owl-carousel .slick-dots {
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
                -webkit-transform: none;
                transform: none;
            }

                .main .cars-container .cars-list .cars-item .img-owl-carousel .slick-dots li {
                    width: auto;
                }

                    .main .cars-container .cars-list .cars-item .img-owl-carousel .slick-dots li .dot {
                        display: inline-block;
                        width: 0.375rem;
                        height: 0.3125rem;
                        background-color: #c9caca;
                    }

                .main .cars-container .cars-list .cars-item .img-owl-carousel .slick-dots .slick-active .dot {
                    width: 1.25rem;
                    background-color: #ffffff;
                }

            .main .cars-container .cars-list .cars-item .img-owl-carousel:hover .img-item img {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
            }

            .main .cars-container .cars-list .cars-item .img-owl-carousel:hover .nav-next {
                opacity: 1;
            }

            .main .cars-container .cars-list .cars-item .img-owl-carousel:hover .nav-prev {
                opacity: 1;
            }

        .main .cars-container .cars-list .cars-item .info-wrapper .info-text {
            text-indent: 0.0625rem;
            letter-spacing: 0.0625rem;
            font-weight: 400;
            font-size: 1.375rem;
        }

            .main .cars-container .cars-list .cars-item .info-wrapper .info-text.price {
                font-size: 2.25rem;
                letter-spacing: 0.105625rem;
            }

        .main .cars-container .cars-list .cars-item .info-wrapper .info-sm-text {
            margin-left: 0.3125rem;
            text-indent: 0.0875rem;
            letter-spacing: 0.0875rem;
            font-weight: 400;
            font-size: 0.875rem;
        }

        .main .cars-container .cars-list .cars-item .info-wrapper .info-md-text {
            margin-left: 0.3125rem;
            text-indent: 0.0875rem;
            letter-spacing: normal;
            font-weight: 500;
            font-size: 1.125rem;
        }

        .main .cars-container .cars-list .cars-item .info-wrapper .info-sub-text {
            display: list-item;
            color: #848484;
            list-style-position: inside;
            list-style-type: square;
            letter-spacing: 0.03125rem;
            font-weight: 400;
            font-size: 0.875rem;
        }

        .main .cars-container .cars-list .cars-item .info-wrapper .info-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-top: 1.25rem;
        }

            .main .cars-container .cars-list .cars-item .info-wrapper .info-row.activity .info-sub-text {
                padding-bottom: 1.25rem;
            }

            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-name {
                margin-left: 0;
                text-indent: 0.09375rem;
                letter-spacing: 0.09375rem;
                font-size: 2rem;
            }

            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 1.125rem;
                z-index: 10;
                align-items: center;
            }

                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn {
                    position: relative;
                    width: 1.875rem;
                    height: 1.875rem;
                }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn img:hover {
                        transform: scale(1.2,1.2);
                        transition: .5s;
                    }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn .tooltip {
                        position: absolute;
                        margin: 0rem;
                        top: 2.25rem;
                        left: -1rem;
                        width: 3.6875rem;
                        z-index: 1;
                        visibility: hidden;
                    }

                        .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn .tooltip .tooltip-arrow {
                            position: absolute;
                            display: block;
                            width: 0.8rem;
                            height: 0.4rem;
                        }

                            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn .tooltip .tooltip-arrow::before {
                                border-width: 0.4rem 0.4rem 0;
                                position: absolute;
                                content: "";
                                border-color: transparent;
                                border-style: solid;
                                border-top-color: #000;
                                position: absolute;
                                left: 1.53rem;
                                top: -0.3125rem;
                                transform: rotate(-180deg);
                            }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn .tooltip-inner {
                        display: block;
                        padding: 0.3rem;
                        width: 100%;
                        background-color: #000000;
                        color: #fff;
                        font-size: 0.6rem;
                    }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn:hover .tooltip {
                        visibility: visible;
                    }

                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn {
                    background-image: url("../icon/compare-dark-icon.png");
                    background-position: center;
                    background-size: 2rem 2rem;
                    background-repeat: no-repeat;
                    position: relative;
                    width: 2.4rem;
                    height: 2.4rem;
                }


                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.is-clicked:hover {
                        background-size: 2.4rem 2.4rem;
                        transition: background .0s linear;
                    }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.disabled:hover {
                        background-size: 2rem 2rem;
                        transition: background .0s linear;
                    }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn .tooltip {
                        position: absolute;
                        margin: 0rem;
                        top: 2.5rem;
                        left: -1rem;
                        width: 3.6875rem;
                        z-index: 1;
                        visibility: hidden;
                    }

                        .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn .tooltip .tooltip-arrow {
                            position: absolute;
                            display: block;
                            width: 0.8rem;
                            height: 0.4rem;
                            transform: translateY(0.2rem);
                        }

                            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn .tooltip .tooltip-arrow::before {
                                border-width: 0.4rem 0.4rem 0;
                                position: absolute;
                                content: "";
                                border-color: transparent;
                                border-style: solid;
                                border-top-color: #000;
                                position: absolute;
                                left: 1.53rem;
                                top: -0.3125rem;
                                transform: rotate(-180deg);
                            }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn .tooltip-inner {
                        display: block;
                        padding: 0.3rem;
                        width: 100%;
                        background-color: #000000;
                        color: #fff;
                        font-size: 0.6rem;
                        transform: translateY(0.2rem);
                    }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn:hover .tooltip {
                        visibility: visible;
                    }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.is-clicked {
                        background-image: url("../icon/compare-active-icon.png");
                        background-position: center;
                        background-size: 2.4rem 2.4rem;
                        background-repeat: no-repeat;
                    }

                        .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.is-clicked img {
                            visibility: hidden;
                            transition: 0s;
                        }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.disabled {
                        background-image: url("../icon/compare-disable-icon.png");
                        background-position: center;
                        background-size: 2rem 2rem;
                        background-repeat: no-repeat;
                    }

                        .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.disabled img {
                            visibility: hidden;
                        }

                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn.is-clicked {
                    background-image: url("../icon/love-fill-icon.png");
                    background-position: center;
                    background-size: 2rem 2rem;
                    background-repeat: no-repeat;
                }

                    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn.is-clicked img {
                        visibility: hidden;
                        transition: 0s;
                    }

            .main .cars-container .cars-list .cars-item .info-wrapper .info-row.info-y {
                margin-top: 0.8125rem;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                height: 1.625rem;
            }

                .main .cars-container .cars-list .cars-item .info-wrapper .info-row.info-y .price {
                    line-height: normal;
                    align-self: end;
                    transform: translateY(.6rem);
                }

        .main .cars-container .cars-list .cars-item .border-line {
            margin-top: 1rem;
            height: 0.125rem;
            background-color: #000000;
            margin-bottom: 0.125rem;
        }

        .main .cars-container .cars-list .cars-item:hover .border-line {
            height: 0.25rem;
            margin-bottom: 0rem;
        }

        .main .cars-container #pagination-container {
            margin: 6.25rem auto 4.875rem;
        }

            .main .cars-container #pagination-container .paginationjs-pages {
                width: 100%;
            }

                .main .cars-container #pagination-container .paginationjs-pages li {
                    border: 0;
                }

                .main .cars-container #pagination-container .paginationjs-pages .paginationjs-ellipsis a {
                    line-height: 0.875rem;
                    opacity: 1;
                }

            .main .cars-container #pagination-container .active {
                /* background: #ffffff; */
                border-bottom: 0.125rem solid #000000;
                /* color: #000000; */
                /* display: block; */
                font-size: 1.5rem;
                font-weight: 600;
                height: 2.375rem;
                /* line-height: 1.75rem; */
                min-width: 1.875rem;
                text-align: center;
                /* text-decoration: none; */
            }

            .main .cars-container #pagination-container a {
                min-width: 1.875rem;
                height: 1.75rem;
                /* line-height: 1.75rem; */
                display: block;
                /* background: #fff; */
                /* font-size: 0.875rem; */
                /* color: #333; */
                /* text-decoration: none; */
                text-align: center;
                color: #000000;
                font-weight: 300;
                font-size: 1.5rem;
            }

                .main .cars-container #pagination-container a:hover {
                    background: #eee;
                }

            .main .cars-container #pagination-container .pages-list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 0.625rem;
                justify-content: center;
                margin: 0 auto;
                max-width: 20.0625rem;
                -ms-flex-pack: center;
                -webkit-box-pack: center;
                width: auto;
            }

            .main .cars-container #pagination-container a.prev {
                background-image: url("../icon/arrow-left-dark-icon.png");
                background-position: center;
                background-size: 1.25rem 1.25rem;
                background-repeat: no-repeat;
                width: 1.875rem;
            }

            .main .cars-container #pagination-container a.next {
                background-image: url("../icon/arrow-right-dark-icon.png");
                background-position: center;
                background-size: 1.25rem 1.25rem;
                background-repeat: no-repeat;
                width: 1.875rem;
            }

            .main .cars-container #pagination-container a:hover {
                background-color: transparent !important;
                opacity: 0.4;
            }

            .main .cars-container #pagination-container a.prev:hover {
                opacity: 0.4;
            }

            .main .cars-container #pagination-container a.next:hover {
                opacity: 0.4;
            }

        .main .cars-container .empty-wrapper {
            margin: 6.25rem auto 8.75rem;
            padding: 1.875rem;
        }

            .main .cars-container .empty-wrapper .empty-title {
                text-align: center;
                letter-spacing: 0.09375rem;
                font-weight: 500;
                font-size: 1.25rem;
            }

            .main .cars-container .empty-wrapper .description {
                margin-top: 1.875rem;
                text-align: center;
                letter-spacing: 0.0625rem;
                line-height: 1.75;
            }

            .main .cars-container .empty-wrapper .email-input {
                display: block;
                margin-top: 3.75rem;
            }

                .main .cars-container .empty-wrapper .email-input input {
                    letter-spacing: 0.125rem;
                }

            .main .cars-container .empty-wrapper .send-btn {
                display: block;
                margin-top: 3.75rem;
                margin-right: auto;
                margin-left: auto;
                width: 11.25rem;
                height: 3.875rem;
                background-color: #d4d4d4;
                color: #a6a6a6;
            }

    .main .filter-bottom-bar {
        position: sticky;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 5.125rem;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-backdrop-filter: blur(0.125rem);
        backdrop-filter: blur(0.125rem);
    }

        .main .filter-bottom-bar .filter-bottom-btn {
            width: 20rem;
            height: 3.25rem;
            background-color: #000000;
            color: #ffffff;
            letter-spacing: 0.25rem;
            font-weight: 300;
        }

    .main .compare-view-container {
        display: none;
    }

.filter-container #filter-form .overlay-container .filter-wrapper .subtitle span {
    white-space: nowrap;
}

.filter-container #filter-form .overlay-container .filter-wrapper .subtitle button {
    white-space: nowrap;
}

.class_checkbox {
    width: 20px;
    height: 20px;
    background: url("../icon/checkbox0.png") center center no-repeat;
    background-size: cover;
}

    .class_checkbox.checked {
        background: url("../icon/checkbox1.png") center center no-repeat;
        background-size: cover;
    }

.content-list * {
    white-space: nowrap !important;
}

.slider-input {
    white-space: nowrap !important;
}

span.error {
    line-height: 2em !important;
}

.g-recaptcha {
    background-color: #d4d4d4 !important;
    color: #a6a6a6 !important;
}

    .g-recaptcha.unlock {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

.send-btn {
    background-color: #d4d4d4 !important;
    color: #a6a6a6 !important;
}

    .send-btn.unlock {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

.jquery-modal {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.85);
}

    .jquery-modal .finished-modal {
        max-width: 34.375rem;
    }

        .jquery-modal .finished-modal .close-icon {
            top: 2.1875rem;
            right: 1.875rem;
        }

            .jquery-modal .finished-modal .close-icon .icon {
                width: 1.5rem;
                height: 1.5rem;
            }

@media screen and (min-width: 577px) {
    .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li {
        width: 20%;
    }

    .banner-container .banner-wrapper .title {
        transform: translateY(0);
    }

    .banner-container .banner-wrapper {
        /*width: 93.5546875%;*/
    }

        .banner-container .banner-wrapper .description {
            width: 14.375rem;
        }

    .main {
        width: 93.5546875%;
    }

        .main .breadcrumb-container {
            padding-left: 0;
        }

        .main .types-container .carousel-wrapper {
            margin-top: 3.75rem;
        }

            .main .types-container .carousel-wrapper .nav-prev {
                visibility: hidden;
                width: 0;
            }

            .main .types-container .carousel-wrapper .slick-list {
                padding-right: 5rem;
                padding-left: 0;
            }

                .main .types-container .carousel-wrapper .slick-list .item {
                    height: 8.375rem;
                }

                    .main .types-container .carousel-wrapper .slick-list .item .newcar-img {
                        width: 8.75rem;
                    }

                    .main .types-container .carousel-wrapper .slick-list .item.slick-current .newcar-img {
                        width: 12.5rem;
                        -webkit-transform: translateX(-10%);
                        transform: translateX(-10%);
                    }

            .main .types-container .carousel-wrapper .nav-next {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 5rem;
                gap: 0.625rem;
            }

                .main .types-container .carousel-wrapper .nav-next .text__desk {
                    display: block;
                }

                    .main .types-container .carousel-wrapper .nav-next .text__desk:hover {
                        font-weight: 700;
                    }

        .main .filter-container {
            margin: 2.5rem 0 0;
        }

            .main .filter-container .header-title {
                padding-left: 1.25rem;
            }

            .main .filter-container .overlay-container .collapse-container {
                display: block;
                overflow: hidden;
                max-height: 0;
            }

            .main .filter-container .overlay-container.is-open .collapse-container {
                max-height: fit-content;
            }

            .main .filter-container .filter-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                margin: 0.6875rem 1.25rem 0;
            }

                .main .filter-container .filter-wrapper .subtitle {
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    padding-bottom: 0;
                }

                    .main .filter-container .filter-wrapper .subtitle .text {
                        font-size: 1.25rem;
                    }

                .main .filter-container .filter-wrapper .inner-wrapper {
                    position: relative;
                    -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    padding-left: 2.625rem;
                    padding-right: 0.375rem;
                }

                    .main .filter-container .filter-wrapper .inner-wrapper .slider-range {
                        width: 100%;
                    }

                    .main .filter-container .filter-wrapper .inner-wrapper .input-group {
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }

                        .main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input {
                            width: 12.46875rem;
                        }

                            .main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input input {
                                max-width: 9.375rem;
                            }

                        .main .filter-container .filter-wrapper .inner-wrapper .input-group span {
                            margin: 0 0 0.4375rem 0.625rem;
                        }

                    .main .filter-container .filter-wrapper .inner-wrapper .for-menu {
                        min-height: 4.375rem;
                        padding: 1rem 2.4375rem 1rem 0.9375rem;
                    }

                        .main .filter-container .filter-wrapper .inner-wrapper .for-menu .for-menu-icon {
                            background-image: url("../icon/arrow-down-dark.png");
                        }

                    .main .filter-container .filter-wrapper .inner-wrapper .for-menu-text {
                        display: inline-block;
                        width: calc(100% - 1.5625rem);
                        height: 1.25rem;
                        line-height: 1.25rem;
                        overflow: hidden;
                    }

                    .main .filter-container .filter-wrapper .inner-wrapper input[type='checkbox']:checked ~ .for-menu {
                        background-color: #000000;
                        color: #ffffff;
                    }

                        .main .filter-container .filter-wrapper .inner-wrapper input[type='checkbox']:checked ~ .for-menu .for-menu-icon {
                            background-image: url("../icon/arrow-down.png");
                            -webkit-transform: rotate(180deg);
                            transform: rotate(180deg);
                        }

                    .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper {
                        position: absolute;
                        top: 5.25rem;
                        bottom: initial;
                        padding: 0;
                        border: solid 0.0625rem #000000;
                        background-color: #ffffff;
                        margin-left: 2.625rem;
                        margin-right: 0.375rem;
                    }

                        .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content {
                            background-color: transparent;
                        }

                            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .inner-title {
                                display: none;
                            }

                            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .inner-footer {
                                display: none;
                            }

                            .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list {
                                padding: 1.875rem;
                                min-height: initial;
                                max-height: 25rem;
                                height: auto;
                            }

                .main .filter-container .filter-wrapper.summary .subtitle .text {
                    width: 2.15em;
                }

                .main .filter-container .filter-wrapper.summary .inner-wrapper .content-wrapper .inner-content .content-list {
                    overflow-y: hidden;
                }

                    .main .filter-container .filter-wrapper.summary .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] {
                        overflow-x: initial;
                    }

                    .main .filter-container .filter-wrapper.summary .inner-wrapper .content-wrapper .inner-content .content-list [role='tabpanel'] {
                        overflow-y: auto;
                        margin-top: 1.5rem;
                    }

                        .main .filter-container .filter-wrapper.summary .inner-wrapper .content-wrapper .inner-content .content-list [role='tabpanel'] .collapse-list {
                            -webkit-box-orient: horizontal;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                            flex-direction: column;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                            /*gap: 1.875rem;*/
                        }

                            .main .filter-container .filter-wrapper.summary .inner-wrapper .content-wrapper .inner-content .content-list [role='tabpanel'] .collapse-list .collapse-item {
                                -ms-flex-preferred-size: calc(50% - 1.875rem);
                                flex-basis: calc(50% - 1.875rem);
                            }

                .main .filter-container .filter-wrapper.series .series-list {
                    -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    padding-left: 2.625rem;
                    grid-template-columns: repeat(5, 1fr);
                }

                .main .filter-container .filter-wrapper.colors .colors-list {
                    -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    padding-left: 2.625rem;
                    grid-template-columns: repeat(5, 1fr);
                }

            .main .filter-container .btn-wrapper {
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin: 0rem 2.5rem;
            }

                .main .filter-container .btn-wrapper .sm-btn {
                    display: block;
                }

                .main .filter-container .btn-wrapper .filter-btn {
                    font-size: 1rem;
                }

        .main .cars-container {
            /**/
        }

            .main .cars-container .filter-wrapper .select-menu {
                padding: 0;
            }

            .main .cars-container .cars-list .cars-item a {
                position: relative;
                display: block;
                width: 100%;
            }

            .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item {
                width: 21.5625rem;
                height: 14.375rem;
            }

            .main .cars-container .empty-wrapper .send-btn {
                margin-top: 6.375rem;
                width: 15.75rem;
                height: 5.9375rem;
            }

            .main .cars-container .empty-wrapper .empty-title {
                font-size: 1.5rem;
            }

            .main .cars-container .empty-wrapper .description {
                font-size: 1.125rem;
            }

            .main .cars-container .empty-wrapper .email-input {
                margin-right: auto;
                margin-left: auto;
                max-width: 31.875rem;
            }

            .main .cars-container #pagination-container {
                margin: 10rem auto 4.875rem;
            }

    /*.jquery-modal {
        padding-right: 0;
        padding-left: 0;
    }

        .jquery-modal .finished-modal {
            position: relative;
            padding: 1.25rem;
            width: 100%;
            border-radius: 0;
            background-color: #ffffff;
        }

            .jquery-modal .finished-modal .close-icon {
                position: absolute;
                top: 1.25rem;
                right: 1.25rem;
            }

                .jquery-modal .finished-modal .close-icon .icon {
                    width: 1.25rem;
                    height: 1.25rem;
                }

            .jquery-modal .finished-modal .img-wrapper {
                margin: 3.75rem auto 1.5625rem;
                width: 9.375rem;
                height: 9.375rem;
            }

            .jquery-modal .finished-modal .desc {
                text-align: center;
                letter-spacing: 0.25rem;
                font-weight: 500;
                font-size: 1.125rem;
            }

            .jquery-modal .finished-modal .finished-btn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 3.75rem auto;
                width: 11.25rem;
                height: 3.875rem;
                background-color: #000000;
                color: #ffffff;
                letter-spacing: 0.25rem;
            }*/
}

@media screen and (min-width: 1025px) {
    .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list [role='tablist'] li .title::after {
        position: relative;
        /*top: 0.7rem;
                        right: 0.3rem;*/
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        visibility: hidden;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0.1875rem;
        min-width: 1.25rem;
        max-height: 1.25rem;
        border-radius: 624.9375rem;
        background-color: #000000;
        color: #ffffff;
        content: attr(data-before);
        font-size: 0.5rem;
        margin-left: 0.5rem;
    }

    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn.is-clicked {
        background-size: 2.25rem 2.25rem;
    }

    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn:hover {
        background-size: 2.4rem 2.4rem;
        transition: background .2s linear;
    }

    .main .filter-container .filter-wrapper .inner-wrapper .input-group {
        margin-top: 0;
    }

    .slider-range {
        transform: translateY(0);
    }

    .banner-container {
        height: 25rem;
    }

        .banner-container .banner-wrapper {
            /*width: 81.625rem;*/
        }

            .banner-container .banner-wrapper .title {
                font-size: 2.625rem;
            }

            .banner-container .banner-wrapper .description {
                width: 26.875rem;
                font-size: 1.125rem;
            }

    .main {
        width: 81.625rem;
    }

        .main .breadcrumb-container {
            padding-left: 0;
        }

        .main .types-container {
            margin-right: auto;
            margin-left: auto;
        }

            .main .types-container .carousel-wrapper .slick-list .item .newcar-img {
                width: 12.5rem;
                height: 6.5rem;
            }

            .main .types-container .carousel-wrapper .slick-list .item.slick-current .newcar-img {
                width: 14.125rem;
            }

        .main .filter-container {
            margin-top: 3.125rem;
            margin-right: auto;
            margin-left: auto;
        }

            .main .filter-container .overlay-container {
                padding: 1.25rem 1.25rem 0 1.25rem;
            }

            .main .filter-container .header-title {
                font-size: 1.5rem;
            }

            .main .filter-container .filter-wrapper .subtitle .text {
                font-size: 1.4rem;
            }

            .main .filter-container .filter-wrapper .subtitle button {
                font-size: 1.3rem;
            }

            .main .filter-container .divider {
                margin: 2.1875rem 0.875rem;
            }

            .main .filter-container .filter-wrapper {
                gap: 5.75rem;
                height: fit-content;
                min-height: 5rem;
            }

                .main .filter-container .filter-wrapper .inner-wrapper {
                    padding-left: 0;
                }

                    .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper {
                        left: 0;
                        margin-left: 0;
                    }

                        .main .filter-container .filter-wrapper .inner-wrapper .content-wrapper .inner-content .content-list {
                            padding: 1.875rem 1.25rem;
                        }

                .main .filter-container .filter-wrapper.summary .inner-wrapper .content-wrapper {
                    /*width: 40.1875rem;*/
                }

                .main .filter-container .filter-wrapper.series .series-list {
                    grid-template-columns: repeat(auto-fit, minmax(7.25rem, 1fr));
                }

                .main .filter-container .filter-wrapper.colors .colors-list {
                    grid-template-columns: repeat(auto-fit, minmax(7.25rem, 1fr));
                }

                .main .filter-container .filter-wrapper.price .inner-wrapper {
                    /*margin-left: 2.5rem;*/
                    padding-left: 0;
                    display: flex;
                    align-items: center;
                }

                .main .filter-container .filter-wrapper.age .inner-wrapper {
                    /*margin-left: 2.5rem;*/
                    padding-left: 0;
                    display: flex;
                    align-items: center;
                }

                .main .filter-container .filter-wrapper.mileage .inner-wrapper {
                    /*margin-left: 2.5rem;*/
                    padding-left: 0;
                    display: flex;
                    align-items: center;
                }

                .main .filter-container .filter-wrapper .inner-wrapper .input-group {
                    /*margin-top: 1.375rem;*/
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: nowrap;
                    flex-direction: row;
                    width: 100%;
                }

                .main .filter-container .filter-wrapper .inner-wrapper .slider-range {
                    position: absolute;
                    /*top: 34%;*/
                    right: 18.5rem;
                    left: 17rem;
                    width: auto;
                }

                .main .filter-container .filter-wrapper.location .subtitle .text {
                }

                .main .filter-container .filter-wrapper.activity .subtitle .text {
                }

                .main .filter-container .filter-wrapper.summary .subtitle .text {
                    width: auto;
                }

                .main .filter-container .filter-wrapper.summary .inner-wrapper .content-wrapper .inner-content .content-list [role='tabpanel'] .collapse-list {
                    /*gap: 1.875rem;*/
                }

            .main .filter-container .collapse-container .divider:nth-of-type(6) {
                display: none;
            }

            .main .filter-container .collapse-container .divider:nth-of-type(8) {
                /*display: none;*/
            }

            .main .filter-container .collapse-container .filter-wrapper:nth-of-type(5) {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                width: calc(50% - 1.5rem);
            }

            .main .filter-container .collapse-container .filter-wrapper:nth-of-type(7) {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                width: calc(50% - 1.5rem);
                margin-right: 0;
                margin-left: 0;
            }

            .main .filter-container .collapse-container .filter-wrapper:nth-of-type(9) {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                width: calc(50% - 1.5rem);
                gap: 2.75rem;
                /*                margin-top: 3.75rem;
*/
            }

            .main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input {
                width: 13.84375rem;
            }

                .main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input input {
                    background-color: #000000;
                    color: #ffffff;
                    width: 10rem;
                    max-width: 10rem;
                }

            .main .filter-container .filter-wrapper .inner-wrapper .input-group span {
                display: flex;
                font-size: 1.25rem;
            }

        .main .cars-container {
            margin-top: 3.75rem;
            margin-right: auto;
            margin-left: auto;
        }

            .main .cars-container .filter-wrapper .result-warpper {
                font-size: 1.25rem;
            }

                .main .cars-container .filter-wrapper .result-warpper .number {
                    font-size: 1.875rem;
                }

            .main .cars-container .filter-wrapper .select-menu .for-dropdown {
                font-size: 1rem;
                letter-spacing: 0.0625rem;
                width: max-content;
                height: 3rem;
                width: 14.5rem;
            }

            .main .cars-container .filter-wrapper .select-menu .dropdown-wrapper {
                width: 14.5rem;
                /*width: max-content;*/
            }

            .main .cars-container .cars-list .cars-item a {
                position: relative;
                display: block;
                width: 100%;
            }

            .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item {
                width: 23.75rem;
                height: 15.8333333333rem;
            }

            .main .cars-container .cars-list .cars-item .info-wrapper .info-text.price {
                font-size: 2.875rem;
            }

            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-name {
                font-size: 2.375rem;
            }

            .main .cars-container #pagination-container {
                margin: 8.75rem auto 12.5rem;
            }

            .main .cars-container .empty-wrapper .description {
                margin-top: 2.1875rem;
            }

            .main .cars-container .empty-wrapper .email-input input {
                height: 3.75rem;
            }

            .main .cars-container .empty-wrapper .send-btn {
                margin-top: 6.375rem;
                width: 15.75rem;
                height: 5.9375rem;
            }

        .main .filter-bottom-bar {
            visibility: hidden;
        }

        .main .compare-view-container {
            position: fixed;
            right: 0;
            bottom: 12.5rem;
            left: 0;
            z-index: 10;
            margin: 0 auto;
            pointer-events: none;
            display: block;
        }

            .main .compare-view-container .inner-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin-left: auto;
                padding: 0.5rem;
                width: 4.375rem;
                height: 13.4375rem;
                background-color: #000000;
                color: #ffffff;
                text-align: center;
                pointer-events: auto;
                gap: 0.625rem;
                -webkit-transform: translateX(120%);
                transform: translateX(120%);
            }

                .main .compare-view-container .inner-container .text {
                    width: 2.2em;
                    letter-spacing: 0.0625rem;
                    font-weight: 500;
                    line-height: 1.56;
                }

                .main .compare-view-container .inner-container .arrow-icon {
                    width: 1.5rem;
                    height: 1.5rem;
                    -webkit-transition: all 0.28s ease-out;
                    transition: all 0.28s ease-out;
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

                .main .compare-view-container .inner-container .for-compare {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    cursor: pointer;
                }

                .main .compare-view-container .inner-container .compare-box-input {
                    display: none;
                }

                    .main .compare-view-container .inner-container .compare-box-input:checked ~ .compare-box {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                    }

                    .main .compare-view-container .inner-container .compare-box-input:checked ~ .arrow-icon {
                        -webkit-transform: rotate(360deg);
                        transform: rotate(360deg);
                    }

                .main .compare-view-container .inner-container .compare-box {
                    position: absolute;
                    top: 0;
                    right: calc(100% + 0.75rem);
                    bottom: 0;
                    display: none;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    padding: 1.25rem 1.875rem;
                    width: 33.75rem;
                    background-color: #000000;
                }

                    .main .compare-view-container .inner-container .compare-box .car-list {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }

                        .main .compare-view-container .inner-container .compare-box .car-list .car-item {
                            position: relative;
                            overflow: hidden;
                            width: 9.375rem;
                            height: 6.25rem;
                            border: dashed 0.125rem rgba(255, 255, 255, 0.4);
                        }

                            .main .compare-view-container .inner-container .compare-box .car-list .car-item .delete-car-btn {
                                position: absolute;
                                top: 0;
                                right: 0;
                                padding: 0.25rem;
                                width: 1.5rem;
                                height: 1.5rem;
                                background-color: #ffffff;
                            }

                                .main .compare-view-container .inner-container .compare-box .car-list .car-item .delete-car-btn .delete-icon {
                                    width: 100%;
                                    height: 100%;
                                }

                    .main .compare-view-container .inner-container .compare-box .compare-btn {
                        display: block;
                        margin-top: 1.75rem;
                        margin-right: auto;
                        margin-left: auto;
                        width: 9rem;
                        height: 2.75rem;
                        background-color: #ffffff;
                        letter-spacing: 0.125rem;
                        font-size: 0.875rem;
                    }
}





/* media max */
.main .filter-container .filter-wrapper.series .series-list .series-item .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0.0625rem;
    font-size: 1.6rem;
    -webkit-column-gap: 0.625rem;
    column-gap: 0.625rem;
    width: fit-content;
}
/*font  1366 以上 */


@media screen and (max-width: 1366px) {
    input [type='checkbox'] {
        width: 1.87rem;
        height: 1.87rem;
    }

        input[type='checkbox']::before {
        }
}

@media screen and (min-width: 1367px) {
    .main .filter-container .filter-wrapper.series .series-list {
        grid-template-columns: repeat(auto-fit, minmax(6.25rem, 1fr));
    }
}








/*車卡 標題*/
.main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-name {
    font-size: 2rem;
}
/*車卡 單位*/
.main .cars-container .cars-list .cars-item .info-wrapper .info-sm-text {
    font-size: 0.875rem;
}
/*車卡 出廠、公里*/
.main .cars-container .cars-list .cars-item .info-wrapper .info-year,
.main .cars-container .cars-list .cars-item .info-wrapper .info-mileage {
    font-size: 1.375rem;
}
/*車卡 價格*/
.main .cars-container .cars-list .cars-item .info-wrapper .info-price {
    font-size: 2.25rem;
}
/*車卡 單位*/
.main .cars-container .cars-list .cars-item .info-wrapper .info-md-text {
    font-size: 1.125rem;
}


/* 篩選條件 */
.main .filter-container .header-title {
    font-size: 0.875rem;
}
/* checkbox */
.main .filter-container .filter-wrapper.series .series-list .series-item .checkbox {
    font-size: 1.25rem;
}
/* EX：車系 */
.filter-container #filter-form .overlay-container .filter-wrapper .subtitle span {
    font-size: 1.125rem;
}
/* EX：不限 */
.filter-container #filter-form .overlay-container .filter-wrapper .subtitle button {
    font-size: 0.875rem;
}
/* input 輸入框 */
.main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input {
    font-size: 1.125rem;
}
/* 重設篩選條件 */
.main .filter-container .btn-wrapper .sm-btn {
    font-size: 0.875rem;
}
/* 全部篩選條件 */
.main .filter-container .btn-wrapper .filter-btn {
    font-size: 1rem;
}
/* 車輛總數 */
.main .cars-container .filter-wrapper .result-warpper {
    font-size: 0.875rem;
}
    /* 車輛總數 - 數字*/
    .main .cars-container .filter-wrapper .result-warpper .number {
        font-size: 1.5rem;
    }
/* 排序 */
.main .cars-container .filter-wrapper .select-menu .for-dropdown {
    font-size: 0.875rem;
}

@media screen and (max-width: 1366px) and (min-width:1025px) {

    /*車卡 標題*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-name {
        font-size: 3.3rem;
    }
    /*車卡 單位*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-sm-text {
        font-size: 1rem;
    }
    /*車卡 出廠、公里*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-year,
    .main .cars-container .cars-list .cars-item .info-wrapper .info-mileage {
        font-size: 1.4rem;
    }
    /*車卡 價格*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-price {
        font-size: 3.6rem;
    }
    /*車卡 單位*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-md-text {
        font-size: 1.3rem;
    }


    /* 篩選條件 */
    .main .filter-container .header-title {
        font-size: 1.25rem;
    }
    /* checkbox */
    .main .filter-container .filter-wrapper.series .series-list .series-item .checkbox {
        font-size: 1.45rem;
    }
    /* EX：車系 */
    .filter-container #filter-form .overlay-container .filter-wrapper .subtitle span {
        font-size: 1.35rem;
    }
    /* EX：不限 */
    .filter-container #filter-form .overlay-container .filter-wrapper .subtitle button {
        font-size: 1.2rem;
    }
    /* input 輸入框 */
    .main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input {
        font-size: 1.35rem;
    }
    /* 重設篩選條件 */
    .main .filter-container .btn-wrapper .sm-btn {
        font-size: 1.2rem;
    }
    /* 全部篩選條件 */
    .main .filter-container .btn-wrapper .filter-btn {
        font-size: 1.35rem;
    }
    /* 車輛總數 */
    .main .cars-container .filter-wrapper .result-warpper {
        font-size: 1.35rem;
    }
        /* 車輛總數 - 數字*/
        .main .cars-container .filter-wrapper .result-warpper .number {
            font-size: 2.2rem;
        }
    /* 排序 */
    .main .cars-container .filter-wrapper .select-menu .for-dropdown {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 1024px) {


    /*車卡 標題*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-name {
        font-size: 2rem;
    }
    /*車卡 單位*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-sm-text {
        font-size: 0.875rem;
    }
    /*車卡 出廠、公里*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-year,
    .main .cars-container .cars-list .cars-item .info-wrapper .info-mileage {
        font-size: 1.375rem;
    }
    /*車卡 價格*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-price {
        font-size: 2.25rem;
    }
    /*車卡 單位*/
    .main .cars-container .cars-list .cars-item .info-wrapper .info-md-text {
        font-size: 1.125rem;
    }


    /* 篩選條件 */
    .main .filter-container .header-title {
        font-size: 0.875rem;
    }
    /* checkbox */
    .main .filter-container .filter-wrapper.series .series-list .series-item .checkbox {
        font-size: 1.25rem;
    }
    /* EX：車系 */
    .filter-container #filter-form .overlay-container .filter-wrapper .subtitle span {
        font-size: 1.125rem;
    }
    /* EX：不限 */
    .filter-container #filter-form .overlay-container .filter-wrapper .subtitle button {
        font-size: 0.875rem;
    }
    /* input 輸入框 */
    .main .filter-container .filter-wrapper .inner-wrapper .input-group .slider-input {
        font-size: 1.125rem;
    }
    /* 重設篩選條件 */
    .main .filter-container .btn-wrapper .sm-btn {
        font-size: 0.875rem;
    }
    /* 全部篩選條件 */
    .main .filter-container .btn-wrapper .filter-btn {
        font-size: 1rem;
    }
    /* 車輛總數 */
    .main .cars-container .filter-wrapper .result-warpper {
        font-size: 0.875rem;
    }
        /* 車輛總數 - 數字*/
        .main .cars-container .filter-wrapper .result-warpper .number {
            font-size: 1.5rem;
        }
    /* 排序 */
    .main .cars-container .filter-wrapper .select-menu .for-dropdown {
        font-size: 0.875rem;
    }
}

/* finished-modal */
.jquery-modal {
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .jquery-modal .finished-modal {
        position: relative;
        padding: 1.25rem;
        width: 100%;
        border-radius: 0;
        background-color: #ffffff;
        margin: 15px;
    }

        .jquery-modal .finished-modal .close-icon {
            position: absolute;
            top: 1.25rem;
            right: 1.25rem;
        }

            .jquery-modal .finished-modal .close-icon .icon {
                width: 1.25rem;
                height: 1.25rem;
            }

        .jquery-modal .finished-modal .img-wrapper {
            display: flex;
            justify-content: center;
            margin: 3.75rem auto 1.5625rem;
        }

            .jquery-modal .finished-modal .img-wrapper img {
                width: 9.375rem;
                height: 9.375rem;
            }

        .jquery-modal .finished-modal .desc {
            text-align: center;
            letter-spacing: 0.25rem;
            font-weight: 500;
            font-size: 1.125rem;
        }

        .jquery-modal .finished-modal .finished-btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 3.75rem auto;
            width: 11.25rem;
            height: 3.875rem;
            background-color: #000000;
            color: #ffffff;
            letter-spacing: 0.25rem;
        }