@media screen and (max-width:1179px) {
    body {
        background: #ffffff;
    }

    /* 產品-start */
    #product-box{
        padding: 30px 0px;
        background-color: #fff;
    }
    .pro-container{
        flex-direction: column;
        align-items: center;
        border-radius: 10px;
    }
    .left-flex {
        width: 100%;
        padding: 0;
    }
    
    .right-flex {
        width: 100%;
        padding: 20px 16px;
        display: flex;
        flex-direction: column;
        row-gap: 4px;
    }
    .right-flex>.r-title p{
        font-size: 15px;
        margin: 8px 0;
    }
    .right-flex>.r-title h3{
        font-size: 20px;
        line-height: 30px;
    }

    .ad-wrapper {
        font-size: 18px;
        line-height: 28px;
    }

    .r-title-box span {
        font-size: 14px;
    }

    .caseSwiper {
        padding: 0 16px;
    }

    .caseSwiper2 .swiper-slide .img-wrapper,
    .caseSwiper2 .swiper-slide .img-wrapper img {
        height: 200px;
    }

    .caseSwiper .swiper-slide .img-wrapper img {
        height: 120px;
    }

    .caseSwiper .swiper-slide .img-wrapper {
        height: fit-content;
    }

    .select-form{
        display: flex;
        flex-wrap: wrap;
        margin-top: 0;
    }
    .select-form .layui-form-item{
        display: flex;
        /* flex-direction: column; */
        align-items: center;
        width: 100%;
        row-gap: 8px;
        margin-bottom: 0;
    }
    .select-form .layui-form-item>.layui-col-md3{
        width: 25%;
    }
    .select-form .layui-form-item>.layui-col-md9{
        width: 75%;
    }
    .select-form .layui-form-select .layui-input {
        border-radius: 5px;
        padding: 0 10px;
    }
    .select-form .layui-col-md3>p {
        font-size: 15px;
        color: #333333;
        line-height: 19px;
    }
    .select-form .submit-item{
        width: 100%;
    }
    /* .select-form .submit-btn{
        border-radius: 5px;
    } */

    .caseSwiper2-prev {
        width: 30px;
        height: 30px;
      
      }
      
      .caseSwiper2-next {
        width: 30px;
        height: 30px;
      }
    /* 產品-end */

    /* 產品詳情-start */
    #product-box2{
        padding: 0 10px 30px 10px;
        background-color: #ffffff;
    }
    .flex-container {
        column-gap: 0px;
        flex-direction: column;
        row-gap: 10px;
    }
    
    .detail-txt {
        width: 100%;
        background-color: #ffffff;
        border-radius: 10px;
        padding: 0px;
    }
    
    .good {
        width: 100%;
        background-color: #ffffff;
        border-radius: 10px;
        padding: 0px;
    }

    .detail-txt h3{
        text-align: center;
        font-size: 26px;
        line-height: 30px;
        position: relative;
        margin-bottom: 20px;
    }
    .detail-txt h3::after{
        content: '';
        width: 10%;
        height: 2px;
        background-color: var(--main-color);
        position: absolute;
        left: 45%;
        bottom: -20%;
    }
    .detail-txt #de-title{
        font-weight: bold;
        font-size: 16px;
    }
    .detail-txt>p{
        font-size: 15px;
        margin: 8px 0;
    }
    .detail-list{
        margin: 10px 0;
    }
    .good-title{
        justify-content: center;
        position: relative;
        margin-bottom: 25px;
    }
    .good-title img {
        width: 22px;
        display: none;
    }
    .good-title h3 {
        text-align: center;
        font-size: 26px;
        line-height: 30px;
        position: relative;
    }
    .good-title::after{
        content: '';
        width: 10%;
        height: 2px;
        background-color: var(--main-color);
        position: absolute;
        left: 45%;
        bottom: -20%;
    }
    .good-list>li {
        font-size: 17px;
        line-height: 20px;
        margin: 12px 0;
    }
    
    .good-list>p {
        font-size: 15px;
        color: #333333;
        line-height: 25px;
    }

    /* 產品詳情-end */

    /* 產品詳細介紹-start */
    #product-box3 {
        padding: 30px 10px;
    }
    .into-box{
        padding: 32px 16px;
        row-gap: 12px;
    }

    .detail-into img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .detail-into h3{
        text-align: center;
        font-size: 26px;
        line-height: 30px;
        position: relative;
        margin-bottom: 20px;
    }
    .detail-into h3::after{
        content: '';
        width: 10%;
        height: 2px;
        background-color: var(--main-color);
        position: absolute;
        left: 45%;
        bottom: -20%;
    }
    .into-img{
        border-radius: 5px;
    }

    /* 產品詳細介紹-end */

    /* 其他相關產品-start  */
    #other-product{
        border-radius: 0px;
        padding: 0;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 10px;
        margin: 0 16px;
    }
    .other-container{
        padding: 32px 16px 20px 16px;
        width: 100%;
    }
    .other-container h3{
        text-align: center;
        font-size: 26px;
        line-height: 30px;
        position: relative;
        margin-bottom: 32px;
    }
    .other-container h3::after{
        content: '';
        width: 10%;
        height: 2px;
        background-color: var(--main-color);
        position: absolute;
        left: 45%;
        bottom: -20%;
    }
    .other-swiper p{
        font-size: 17px;
    }

    .other-swiper .swiper-slide {
        width: 33%;
    }

    .other-swiper .slide-img {
        height: 136px;
    }

    .swiper-pagination {
        bottom: 12px !important;
    }

    /* 其他相關產品-end  */
}