﻿.Top:not(#ProductDetail .Top) .Container {
    background: -moz-linear-gradient(left, rgb(12 32 47 / 50%) 33%, transparent 100%);
    background: -webkit-linear-gradient(left, rgb(12 32 47 / 50%) 33%, transparent 100%);
    background: linear-gradient(to right, rgb(12 32 47 / 50%) 33%, transparent 100%);
}

#Dealer .Top {
    background-image: url(../../_Image/dealer/bannerD.jpg);
}

#Dealer h2 {
    margin: auto;
    padding: 100px;
    text-align: center;
    color: #123456;
    font-size: 40px;
    font-weight: 500;
}

#Dealer .DealerList {
    margin: auto auto 100px auto;
    width: 1280px;
    display: flex;
    gap: 100px;
    justify-content: center;
}

#Dealer .DealerList .DealerItem .DealerTitle {
    padding: .5em 0;
    width: 100%;
    font-size: 24px;
    border-bottom: 1px solid #b80000;
}

#Dealer .DealerList .DealerItem ul {
    float: left;
    margin: .7em 0;
    padding-left: 0;
    list-style: none;
}

#Dealer .DealerList .DealerItem ul li {
    padding: 5px 40px 5px 5px;
}

@media screen and (max-width:1439px) {
    #Dealer .DealerList {
        width: 100%;
        gap: 50px;
    }
}

@media screen and (max-width:1279px) {
    #Dealer h2 {
        padding: 50px;
    }

    #Dealer .DealerList {
        gap: 10px;
    }
}

@media screen and (max-width:1023px) {
    #Dealer .DealerList {
        padding: 0 5vw 5vw 5vw;
        flex-wrap: wrap;
        gap: 50px;
        width: 768px;
    }
}

@media screen and (max-width:767px) {
    .Top:not(#ProductDetail .Top) .Container {
        background: rgb(12 32 47 / 50%);
    }

    .Top:not(#ProductDetail .Top) .Container::after {
        background: -moz-linear-gradient(bottom, rgb(12 32 47 / 50%), transparent 100%);
        background: -webkit-linear-gradient(bottom, rgb(12 32 47 / 50%), transparent 100%);
        background: linear-gradient(to top, rgb(12 32 47 / 50%), transparent 100%);
    }

    #Dealer h2 {
        padding: 9.3vw 0;
        font-size: 26px;
    }

    #Dealer .DealerList {
        padding: 0 9.3vw 9.3vw 9.3vw;
        gap: 0;
        width: 100%;
    }

    #Dealer .DealerList .DealerItem {
        margin: 0 0 2em 0;
        width: 100%;
    }

    #Dealer .DealerList .DealerItem .DealerTitle {
        margin: 0 0 .5em 0;
        font-size: 20px;
    }

    #Dealer .DealerList .DealerItem ul {
        margin: 0;
        width: 100%;
    }
}