.section-product_banner {
    padding: 5% !important;
    background-position: center;

}
.lsection-product .col-product_P-R{order:1}
.lsection-product .col-product_W-R{order:2}
/* .lsection-product:nth-child(2n+2) .col-product_P-R{order:2} */

@media screen and (min-width: 950px) {
   /*  .lsection-product .col-product_P-R{order:1} */
    .lsection-product:nth-child(2n) .col-product_P-R{order:2}
    .lsection-product:nth-child(2n) .col-product_W-R{order:1}
}
@media screen and (min-width: 1360px) {
    .section-product_banner {
        padding: 3% 5% !important;
        max-height: 264px !important;
    }
}

.banner-text__lg {
    line-height: 1.1;
}

.banner-subtext {
    margin-top: 0;
}

.section-pro-list__BANNER {
    padding-right: 0%;
    padding-left: 8%;
    margin-top: 2.5rem;
}

.section-prolist__bg {
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.48) 52%, rgba(0, 0, 0, 0) 100%), url(../img/product/banner.jpg);
    background-size: cover;
    padding-bottom: 20%;
    margin-top: -50px;

}

.wrapper-sloganBanner {
    background-color: var(--bs-primary);
    color: #ffffff;
    width: 45%;
    padding: 3rem 5rem;
    position: relative;
    z-index: 1;
    margin-top: -8%;
    display: none;
}

@media screen and (min-width: 768px) {
    .wrapper-sloganBanner {
        width: 100%;
        padding: 1.5rem 8%;
        margin-top: -2rem;
        display: block;
    }

    .wrapper-sloganBanner br {
        display: none;
    }
}

@media screen and (min-width: 950px) {
    .wrapper-sloganBanner {
        width: 70%;
        /*  padding: 3rem 5rem;   */
        margin-top: -6%;
    }
}

@media screen and (min-width: 1360px) {
    .section-pro-list__BANNER {
        padding-left: 15%;
    }

    .wrapper-sloganBanner {
        width: 45%;
        padding: 3rem 5rem;
        margin-top: -8%;
    }

    .wrapper-sloganBanner br {
        display: block;
    }
}

/*
*wrapper-prolist
*/
.section-product {
    padding-top: 3.5%;
}

.wrapper-prolist {
    position: relative;
    padding: 3% var(--sectionpd) 0 var(--sectionpd);
}
.wrapper-prolist li{
    padding-top: 5%;
}
@media screen and (min-width: 768px) {
    .wrapper-prolist li{
        padding-top: 3.5%;
    }
}

/* 强制单双数显示对应类 */
.wrapper-prolist li:nth-child(2n+1).col-product_P-R{
    display: block;
    order: 1;
}
.wrapper-prolist li:nth-child(2n+1).col-product_P-L{
    display: none ;
}

.wrapper-prolist li:nth-child(2n).col-product_P-R {
    display: none;
}
.wrapper-prolist li:nth-child(2n).col-product_P-L {
    display: block;
    order: 1;
}


/* 响应式设计 */
@media screen and (min-width: 950px) {
    .wrapper-prolist li:nth-child(2n+1) .col-product_P-L,
    .wrapper-prolist li:nth-child(2n+1) .col-product_W-L {
        display: none;
    }
    .wrapper-prolist li:nth-child(2n+1) .col-product_P-R {
        display: block;
        order: 2;
        margin-left: 0;
    }
    .wrapper-prolist li:nth-child(2n+1) .col-product_W-R{
        display: block;
        padding-left: 0;
    }

    
    .wrapper-prolist li:nth-child(2n) .col-product_P-R,
    .wrapper-prolist li:nth-child(2n) .col-product_W-R {
        display: none;
    }
    .wrapper-prolist li:nth-child(2n) .col-product_P-L {
        display: block;
        margin-right: 0;
    }
    .wrapper-prolist li:nth-child(2n) .col-product_W-L{
        display: block;
        padding-right: 0;
    }
   

} 


@media screen and (min-width: 1360px) {
    
    .wrapper-prolist {
        padding-top: 0;
        padding-left: 10%;
        padding-right: 10%
    }
}

.col-product_W {
    max-width: 100%;
}

@media screen and (min-width: 950px) {
    .col-product_W {
        max-width: 350px;
    }

    .col-product_W-R {
        padding-right: 10%;
    }

    .col-product_W-L {
        padding-left: 10%;
    }
}

@media screen and (min-width: 1360px) {
    .col-product_W {
        max-width: 48%;
    }
}

.site-product_title {
    font-size: 2.1rem;
}

.site-product_title_en {
    font-size: 1.25rem;
}

.site-product_text {
    padding: 5% 0;
    font-weight: 500;
    text-align: justify;
}

@media screen and (min-width: 950px) {
    .site-product_title {
        font-size: 3.375rem;
    }

    .site-product_title_en {
        font-size: 1.5rem;
    }

    .site-product_text {
        padding: 10% 0;
    }

    .col-product_P-R {
        margin-right: -12.5%;
    }

    .col-product_P-L {
        margin-left: -12.5%;
    }
}

@media screen and (min-width: 1360px) {
    .site-product_text {
        padding: 15% 0;
    }
}

.site-product_img img {
    border-radius: 20px;
}


/*product-list*/
.site-header_list {
    background-image: url(../img/product/pd-list-banner.svg) !important;
    background-size: 100%;
    background-position: center top;
}

.section-product_list {
    margin-top: 3.5rem!important;
    background-image: url(../img/product/pd-list-banner.svg) !important;
    background-size: 100%;
    background-position: center 0%;
    padding: 4% 5% !important;
    padding-bottom: 0 !important;
}

.section-product_list-wrapper {
    padding: 2% 0;
}

@media screen and (min-width: 450px) {
    .section-product_list {
        background-position: center 15%;
    }

    .section-product_list-wrapper {
        padding-top: 4%;
    }
}

@media screen and (min-width: 576px) {
    .section-product_list {
        background-position: center 27%;
    }

    .section-product_list-wrapper {
        padding-top: 5.5%;
    }
}

@media screen and (min-width: 768px) {
    .section-product_list {
        background-position: center 35%;
    }
}

.pdlist-title {
    font-size: 2.5rem;
}

@media screen and (min-width: 1024px) {
    .section-product_list {
        padding: 3.5% 5% !important;
        padding-bottom: 0 !important;
        max-height: 303px !important;
        background-position: center 30%;
    }

    .section-product_list-wrapper {
        padding-top: 5%;
    }

    .pdlist-title {
        font-size: 4.375rem;
    }

    .pdlist-subtext {
        font-size: 1.5rem;
    }
}

/* @media screen and (min-width: 1280px){
    .section-product_list{
        background-position: center 34%;
    }
}
 */

@media screen and (min-width: 1360px) {
    .section-product_list {
        background-position: center 38%;
    }

    .section-product_list-wrapper {
        padding-top: 3%;
    }
}

@media screen and (min-width: 1600px) {
    .section-product_list {
        background-position: center 40%;
    }

    .section-product_list-wrapper {
        padding-top: 2%;
        padding-bottom: 0;
    }
}

/*
*section-apply
*/
.section-apply {
    padding-left: 8%;
    padding-right: 8%;
    position: relative;
    z-index: 2;
    padding-bottom: var(--sectionpd);
}

@media screen and (min-width: 1360px) {
    .section-apply {
        padding-left: 15%;
        padding-right: 15%
    }
}

/*
*wrapper-subcatalist
*/
.wrapper-subcatalist {
    padding: var(--sectionpd) 0%;
    padding-bottom: 0;
}

@media screen and (min-width: 768px) {
    .wrapper-subcatalist {
        padding: 5% 0%;
    }
}

/* 標題 */
.subcata-wrapper li{
    padding-top: 5%;
}
.subcata-wrapper li:nth-child(1){
    padding-top: 0%;
}
.subcata-title {
    padding: 0 5% 5% 5%;
    flex: 0 0 auto;
}

@media screen and (min-width: 950px) {
    .subcata-title-R {
        padding: 0 0% 0 0;
    }

    .subcata-title-L {
        padding: 0 0 0 3%;
        margin-left: auto;
    }
}
.subcata-text-wrapper{
    min-width: 300px;
}

.subcata-title__title {
    font-size: 2rem;
    padding-bottom: 1rem;
}

.subcata-title__subtext {
    font-size: 1rem;
    color: var(--bs-primary);
    margin-bottom: 1rem;
}

.subcata-title__subtext span {
    border: 1px solid var(--bs-primary);
    border-radius: 50px;
    padding: 0.5rem 1rem;
    font-weight: bold;
    text-align: justify;
}

@media screen and (min-width: 768px) {
    .subcata-title__title {
        font-size: 2.5rem;
    }
}

@media screen and (min-width: 950px) {
    .subcata-title__subtext {
        font-size: 1.25rem;
    }

}

/* 產品*/
.listsubcata {
    padding: 0 5% 5% 5%;
}

.listsubcata li {
    padding-top: 5%;
}

@media screen and (min-width: 950px) {
    .listsubcata {
        padding: 0 5%;
    }

    .listsubcata li {
        flex: 0 0 auto;
        padding: 5%;
    }

    .listsubcata a:nth-child(even) {
        padding-top: 12.5%;
    }
    .listsubcata li:only-child{
        min-width: 300px;
    }
}

@media screen and (min-width: 1360px) {
    .listsubcata a:nth-child(even) {
        padding-top: 0;
    }
}



.cardlist-img {
    min-width: 300px;
    overflow: hidden;
}

.cardlist-img-in img {
    width: 100%;
}

.listsubcata li:hover img {
    transform: scale(1.2);
    transition: transform 0.5s ease;
}

.cardlist-title {
    font-size: 1.75rem;
    font-weight: 900;
}

.cardlist-text {
    font-size: 1rem;
}

@media screen and (min-width: 950px) {
    .cardlist-title {
        font-size: 2.25rem;
        letter-spacing: 0.2rem;
    }

    .cardlist-text {
        font-size: 1.125rem;
    }
}

/*紅背景底*/
/* @media screen and (min-width: 950px) {
    .subcata-text-wrapper {
        max-width: 30%;
    }
}
 */
.subcata-text {
    background-color: var(--bs-red);
    color: #fff;
    padding: 2rem;
    border-radius: 20px;
    margin-bottom: 3%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
/*     text-align: center; */
}

.subcata-text p {
    font-size: 1rem;
    background-image: url(../img/all/dotway.svg);
    background-repeat: no-repeat;
    background-position: left 9px;
    background-size: 7.5px;
    padding-left: 1rem;
}


@media screen and (min-width: 950px) {
    .subcata-text p {
        font-size: 1.125rem;
    }

    .subcata-text-L {
        border-radius: 0 20px 20px 0;
        margin-right: 10%;
    }

    .subcata-text-R {
        border-radius: 20px 0 0 20px;
        margin-left: 10%;
    }
}


/*
*DETAIL
*/
.slick-slide img {max-width: 100px;}
.section-product_dedtail1 {
    padding-top: 3%;
    padding-bottom: 3%;
}

.section-product_dedtail2 {
    padding: 0 5%;
}

.wrapper-prod__header {
    margin-top: var(--rowpd);
    margin-bottom: var(--rowpd);
}

.col-prod__P img {
    max-width: 500px;
}

.col-prod__W {
    padding-top: 10%;
}

.product-slider-nav div{
    max-height: 100px;
}

.product-slider-nav img{
    min-width: 100px;
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
}
.box-prod__label div {
    font-size: 0.9rem;
    color: var(--bs-gray-800);
    border: 1px solid var(--bs-gray-300);
    padding: 0.3rem 0.8rem;
    cursor: pointer;
    border-radius: 5px;
}
.box-prod__label div:hover {
    background-color: var(--bs-gray-300); 
    border: 1px solid var(--bs-gray-500);  
}
.box-prod__title {
    color: var(--bs-primary);
    font-weight: bold;
    font-size: 2.5rem;
    margin: 5% 0 1% 0;
}

@media screen and (min-width: 768px) {
    .col-prod__W {
        padding-top: 5%;
    }

    .box-prod__title {
        font-size: 4.375rem;
        margin-top: 0;
    }
}

.box-prod__des {
    color: #fff;
    font-weight: bold;
    background-color: var(--bs-red);
    border-radius: 20px;
    padding: 2rem ;
}

@media screen and (min-width: 768px) {
    .box-prod__des {
        padding: 2rem 100% 2rem 10%;
        margin-right: -100%;
        font-size: 1.125rem;
    }
}


.box-prod__des-p {
    background-image: url(../img/all/dotway.svg);
    background-repeat: no-repeat;
    background-position: left 9px;
    background-size: 7.5px;
    padding-left: 1rem;
}

@media screen and (min-width: 768px) {
    .box-prod__des {
        padding: 2rem 100% 2rem 15%;
    }
}

@media screen and (min-width: 1024px) {
    .box-prod__des-p {
        background-position: left 11px;
    }
}

@media screen and (min-width: 1360px) {
    .box-prod__des-p {
        background-position: left 14px;
    }
}


.col-apply__label {
    flex: 0 0 auto;
    width: 80px;
    margin-top: 0.5rem
}

.box-prod__apply {
    margin: 1.5rem 0 0 15%;
}

.applylist-prod_dedtail li {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    border-radius: 15px;
    color: var(--bs-gray-800);
}

.applylist-line {
    position: relative;
}

.applylist-fb {
    position: relative;
}

.applylist-line .icon-default,
.applylist-line .icon-hover,
.applylist-fb .icon-default,
.applylist-fb .icon-hover {
    transition: opacity 0.3s ease;
}


.applylist-line .icon-hover {
    position: absolute;
    opacity: 0;
    right: 22%;
    top: 22%;
}

.applylist-fb .icon-hover {
    position: absolute;
    opacity: 0;
    right: 15%;
    top: 25%;
}

.applylist-line:hover .icon-default,
.applylist-fb:hover .icon-default {
    opacity: 0;
}

.applylist-line:hover .icon-hover,
.applylist-fb:hover .icon-hover {
    opacity: 1;
}

.applylist-prod_dedtail li:hover {
    background-color: var(--bs-gray-800);
    color: #ffffff;
}



/*wrapper-prod__detail */

.wrapper-prod__spec-title {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 7% 0;
    color: var(--bs-info);
}

.wrapper-prod__spec-title span {
    border: 1px solid var(--bs-info);
    border-radius: 50px;
    padding: 0.5rem 1rem;
}

@media screen and (min-width: 768px) {
    .wrapper-prod__spec-title {
        font-size: 2rem;

    }

    .wrapper-prod__spec-title span {
        padding: 0.5rem 1.5rem;
    }
}

.site-product_dedtail3 {
    padding: 5% 0;
}

@media screen and (min-width: 768px) {
    .site-product_dedtail3 {
        padding: 3% 0;
    }
}

.product_dedtail3-in {
    padding-top: 2%;
}

.product_dedtail3-card-body {
    padding-top: 1rem;
}

.product_dedtail3-card-title {
    font-size: 1rem;
    padding: 1rem 0;
    font-weight: bold;
    border-bottom: 1px solid var(--bs-gray-800);
}

.product_dedtail3-card-title span {
    border: 1px solid var(--bs-gray-800);
    border-radius: 50%;
    padding: 0.4rem;
}

.product_dedtail3-card-text {
    padding-top: 1rem;
    font-size: 1rem;
    color: var(--bs-gray-900);
}
.product_dedtail3-card img{
    max-width: 600px;
    min-height: 600px;
    max-height: 600px;
    object-fit: contain;
}


/*
*slick
*/
.product-slider-nav .slick-slide {
    opacity: 0.5;
    transition: opacity 0.3s;
    cursor: pointer;
}

.product-slider-nav .slick-current {
    opacity: 1;
}


.product_dedtail3-slider {
    padding: 0 50px;
}

.product_dedtail3-slider .slick-prev,
.product_dedtail3-slider .slick-next {
    width: 40px;
    height: 40px;
    z-index: 1;
}

.product_dedtail3-slider .slick-prev {
    left: 10px;
}

.product_dedtail3-slider .slick-next {
    right: 10px;
}

.product_dedtail3-card {
    margin: 0 15px;
}