@media (max-width: 576px) {
    .con1500{
        width: 90% !important;
    }
}
.container4 {
    margin: 10px auto;
    width:900px;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}

.container4 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container4 .top {
    width: 100%;
}

.container4 .top img {
    width: 100%;
    display: none;
}

.container4 .bottom {
    display: flex;
    padding: 10px 0px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.container4 .bottom label {
    width: 33.33%;
    cursor: pointer;
}

.container4 .bottom label img {
    width: 100%;
    padding: 2px;
    /* height: 100%; */
    height: 290px;
    border-radius: 20px;
    
}

#image-1:checked~.container4 .top .image-1 {
    display: block;
}

#image-2:checked~.container4 .top .image-2 {
    display: block;
}

#image-3:checked~.container4 .top .image-3 {
    display: block;
}

#image-4:checked~.container4 .top .image-4 {
    display: block;
}

#image-5:checked~.container4 .top .image-5 {
    display: block;
}

#image-6:checked~.container4 .top .image-6 {
    display: block;
}

#image-7:checked~.container4 .top .image-7 {
    display: block;
}

.container21 {
    margin: 10px auto;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}

.container21 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container21 .top {
    width: 100%;
}

.container21 .top img {
    width: 100%;
    display: none;
}

.container21 .bottom {
    display: flex;
    padding: 10px 0px;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.container21 .bottom label {
    width: 33.33%;
    cursor: pointer;
}

.container21 .bottom label img {
    width: 100%;
    padding: 2px;
    /* height: 100%; */
    height: 290px;
    border-radius: 20px;
    
}

#image-1:checked~.container21 .top .image-1 {
    display: block;
}

#image-2:checked~.container21 .top .image-2 {
    display: block;
}

#image-3:checked~.container21 .top .image-3 {
    display: block;
}

#image-4:checked~.container21 .top .image-4 {
    display: block;
}

#image-5:checked~.container21 .top .image-5 {
    display: block;
}

#image-6:checked~.container21 .top .image-6 {
    display: block;
}

#image-7:checked~.container21 .top .image-7 {
    display: block;
}

input {
    visibility: hidden;
    position: absolute;
}
.details ul{
    font-size: 24px;
    margin: 10px;
    padding-left: 130px;
}

@media (max-width: 576px) {
    .container4 {
        width: 90%;
    }
    .container4 h1 {
        font-size: 7vw;
    }
    .container4 .bottom label img {
        height: 8em;
    }
}


/*team*/

.container6 {
    margin: 10px auto;
    width: 900px;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}

.container6 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container6 .top2 {
    width: 100%;
}

.container6 .top2 img {
    width: 100%;
    display: none;
}

.container6 .bottom2 {
    display: flex;
    padding: 10px 0px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.container6 .bottom2 label {
    /* width: 25%; */
    width: 33.33%;
    cursor: pointer;
}

.container6 .bottom2 label img {
    width: 100%;
    padding: 2px;
    /* height: 100%; */
    height: 300px;
    border-radius: 20px;
}
.container22 {
    margin: 10px auto;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}
.container22 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container22 .top2 {
    width: 100%;
}

.container22 .top2 img {
    width: 100%;
    display: none;
}

.container22 .bottom2 {
    display: flex;
    padding: 10px 0px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.container22 .bottom2 label {
    /* width: 25%; */
    width: 33.33%;
    cursor: pointer;
}

.container22 .bottom2 label img {
    width: 100%;
    padding: 2px;
    /* height: 100%; */
    height: 200px;
    border-radius: 20px;
}

#image-21:checked~.container22 .top2 .image-21 {
    display: block;
}

#image-22:checked~.container22 .top2 .image-22 {
    display: block;
}

#image-23:checked~.container22 .top2 .image-23 {
    display: block;
}

#image-24:checked~.container22 .top2 .image-24 {
    display: block;
}

#image-25:checked~.container22 .top2 .image-25 {
    display: block;
}

#image-26:checked~.container22 .top2 .image-26 {
    display: block;
}
#image-21:checked~.container6 .top2 .image-21 {
    display: block;
}

#image-22:checked~.container6 .top2 .image-22 {
    display: block;
}

#image-23:checked~.container6 .top2 .image-23 {
    display: block;
}

#image-24:checked~.container6 .top2 .image-24 {
    display: block;
}

#image-25:checked~.container6 .top2 .image-25 {
    display: block;
}

#image-26:checked~.container6 .top2 .image-26 {
    display: block;
}



input {
    visibility: hidden;
    position: absolute;
}

@media (max-width: 576px) {
    .container6 {
        width: 90%;
    }
    .container6 h1 {
        font-size: 7vw;
    }
    .container6 .bottom2 label img {
        height: 10em;

    }
}


/*รถตู้หลายคัน*/
.container7 {
    margin: 10px auto;
    width: 1000px;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}

.container7 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container7 .top3 {
    width: 100%;
}

.container7 .top3 img {
    width: 100%;
    display: none;
}

.container7 .bottom3 {
    display: flex;
    padding: 10px 0px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.container7 .bottom3 label {
    /* width: 25%; */
    width: 30%;
    cursor: pointer;
}

.container7 .bottom3 label img {
    width: 100%;
    /* height: 100%; */
    height: 270px;
    padding: 2px;
    border-radius: 20px;
}

.container7 .bottom31 {
    display: flex;
    padding: 10px 0px;
    justify-content: space-between;
}

.container7 .bottom31 label {
    width: 25%;
    cursor: pointer;
}

.container7 .bottom31 label img {
    width: 100%;
    /* height: 100%; */
    height: 350px;
    padding: 2px;
    border-radius: 20px;
}

#image-31:checked~.container7 .top3 .image-31 {
    display: block;
}

#image-32:checked~.container7 .top3 .image-32 {
    display: block;
}

#image-33:checked~.container7 .top3 .image-33 {
    display: block;
}

#image-34:checked~.container7 .top3 .image-34 {
    display: block;
}

#image-35:checked~.container7 .top3 .image-35 {
    display: block;
}

#image-311:checked~.container7 .top3 .image-311 {
    display: block;
}

#image-321:checked~.container7 .top3 .image-321 {
    display: block;
}

#image-331:checked~.container7 .top3 .image-331 {
    display: block;
}

#image-341:checked~.container7 .top3 .image-341 {
    display: block;
}

#image-351:checked~.container7 .top3 .image-351 {
    display: block;
}

.container23 {
    margin: 10px auto;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}

.container23 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container23 .top3 {
    width: 100%;
}

.container23 .top3 img {
    width: 100%;
    display: none;
}

.container23 .bottom3 {
    display: flex;
    padding: 10px 0px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.container23 .bottom3 label {
    /* width: 25%; */
    width: 33%;
    cursor: pointer;
}

.container23 .bottom3 label img {
    width: 100%;
    /* height: 100%; */
    height: 200px;
    padding: 2px;
    border-radius: 20px;
}

.container23 .bottom31 {
    display: flex;
    padding: 10px 0px;
    justify-content: space-between;
}

.container23 .bottom31 label {
    width: 25%;
    cursor: pointer;
}

.container23 .bottom31 label img {
    width: 100%;
    /* height: 100%; */
    height: 350px;
    padding: 2px;
    border-radius: 20px;
}

#image-31:checked~.container23 .top3 .image-31 {
    display: block;
}

#image-32:checked~.container23 .top3 .image-32 {
    display: block;
}

#image-33:checked~.container23 .top3 .image-33 {
    display: block;
}

#image-34:checked~.container23 .top3 .image-34 {
    display: block;
}

#image-35:checked~.container23 .top3 .image-35 {
    display: block;
}

#image-311:checked~.container23 .top3 .image-311 {
    display: block;
}

#image-321:checked~.container23 .top3 .image-321 {
    display: block;
}

#image-331:checked~.container23 .top3 .image-331 {
    display: block;
}

#image-341:checked~.container23 .top3 .image-341 {
    display: block;
}

#image-351:checked~.container23 .top3 .image-351 {
    display: block;
}


/* #image-35:checked~.container7 .top3 .image-35 {
    display: block;
}

#image-36:checked~.container7 .top3 .image-36 {
    display: block;
} */

input {
    visibility: hidden;
    position: absolute;
}

@media (max-width: 576px) {
    .container7 {
        width: 90%;
    }
    .container7 h1 {
        font-size: 7vw;
    }
    .container7 .bottom3 label img {
        height: 9em;
        border-radius: 15px;
    }
    .container7 .bottom31 label img {
        height: 6em;
    }
    
}


/*คันที่ 4*/

.container9 {
    margin: 10px auto;
    width: 900px;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}

.container9 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container9 .top4 {
    width: 100%;
}

.container9 .top4 img {
    width: 100%;
    display: none;
}

.container9 .bottom4 {
    display: flex;
    padding: 10px 0px;
    justify-content: center;
}

.container9 .bottom4 label {
    width: 35%;
    cursor: pointer;
}

.container9 .bottom4 label img {
    width: 100%;
    /* height: 100%; */
    height: 250px;
    padding: 2px;
    border-radius: 20px;
}

#image-41:checked~.container9 .top4 .image-41 {
    display: block;
}

#image-42:checked~.container9 .top4 .image-42 {
    display: block;
}

#image-43:checked~.container9 .top4 .image-43 {
    display: block;
}

#image-44:checked~.container9 .top4 .image-44 {
    display: block;
}

#image-45:checked~.container9 .top4 .image-45 {
    display: block;
}

#image-46:checked~.container9 .top4 .image-46 {
    display: block;
}

input {
    visibility: hidden;
    position: absolute;
}

@media (max-width: 576px) {
    .container9 {
        width: 90%;
    }
    .container9 h1 {
        font-size: 7vw;
    }
    .container9 .bottom4 label img {
        height: 8em;
        border-radius: 15px;
    }
}


/*คันที่ 8.3*/

.container12 {
    margin: 10px auto;
    width: 700px;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}

.container12 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container12 .top5 {
    width: 100%;
}

.container12 .top5 img {
    width: 100%;
    display: none;
}

.container12 .bottom5 {
    display: flex;
    padding: 10px 0px;
    justify-content: space-between;
}

.container12 .bottom5 label {
    width: 25%;
    cursor: pointer;
}

.container12 .bottom5 label img {
    width: 100%;
    /* height: 100%; */
    height: 350px;
    padding: 2px;
    border-radius: 20px;
}

#image-51:checked~.container12 .top5 .image-51 {
    display: block;
}

#image-52:checked~.container12 .top5 .image-52 {
    display: block;
}

#image-53:checked~.container12 .top5 .image-53 {
    display: block;
}

#image-54:checked~.container12 .top5 .image-54 {
    display: block;
}

#image-55:checked~.container12 .top5 .image-55 {
    display: block;
}

#image-56:checked~.container12 .top5 .image-56 {
    display: block;
}

#image-57:checked~.container12 .top5 .image-57 {
    display: block;
}

input {
    visibility: hidden;
    position: absolute;
}

@media (max-width: 576px) {
    .container12 {
        width: 90%;
    }
    .container12 h1 {
        font-size: 7vw;
    }
    .container12 .bottom5 label img {
        height: 6em;
    }
}


/*คันที่ 8.2.1*/

.container1221 {
    margin: 10px auto;
    width: 700px;
    /* box-shadow: 0px 0px 10px black; */
    padding: 0px 10px;
}

.container1221 h1 {
    text-align: center;
    font-size: 40px;
    padding: 10px;
}

.container1221 .top21 {
    width: 100%;
}

.container1221 .top21 img {
    width: 100%;
    display: none;
}

.container1221 .bottom21 {
    display: flex;
    padding: 10px 0px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.container1221 .bottom21 label {
    /* width: 25%; */
    width: 33.33%;
    cursor: pointer;
}

.container1221 .bottom21 label img {
    width: 100%;
    /* height: 100%; */
    height: 600px;
    padding: 2px;
    border-radius: 20px;
}

#image-211:checked~.container1221 .top21 .image-211 {
    display: block;
}

#image-212:checked~.container1221 .top21 .image-212 {
    display: block;
}

#image-213:checked~.container1221 .top21 .image-213 {
    display: block;
}

#image-214:checked~.container1221 .top21 .image-214 {
    display: block;
}

#image-215:checked~.container1221 .top21 .image-215 {
    display: block;
}

#image-216:checked~.container1221 .top21 .image-216 {
    display: block;
}

#image-217:checked~.container1221 .top21 .image-217 {
    display: block;
}

#image-218:checked~.container1221 .top21 .image-218 {
    display: block;
}

#image-219:checked~.container1221 .top21 .image-219 {
    display: block;
}

input {
    visibility: hidden;
    position: absolute;
}

@media (max-width: 576px) {
    .container12 {
        width: 90%;
    }
    .container12 h1 {
        font-size: 7vw;
    }

    .container1221 {
        width: 90%;
    }
    .container1221 h1 {
        font-size: 7vw;
    }
    .container1221 .bottom21 label img {
        height: 12em;
    }
}