/* 匯入共用_產品列表.css */
@import url("../../style_nav/style_product/style_product.css");



/*========================================================*/
/*-------產品系列區塊--------*/
/*========================================================*/

/* 產品系列區塊 */
/* .index_coreprodSeries_bgBg{

} */

    .prodSeries_bg {
        
    }

        .prodSeries_bg .text_area{
            margin-bottom:  clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
        }



		.prodSeries_area{
			padding: 0;
			margin: 0;
			list-style-type: none;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			transition: 0.3s ease all;
		}
		/* 手機版先隱藏 */
		/* .prodSeries_slide{
			padding-top: 10px;
			display: block ;
		} */
		/* ul.prodSeries_area2{
			padding-top: 10px;
			display: none;
		}
		ul.prodSeries_area2.hide{
			display: none;
			transition: 0.3s ease all;
		} */

		.product_list .title{
            padding: 0 0.625rem; /*0 10*/
        }

		.product_list  .sub{
			/*font-size: clamp(1.25rem, 1.1458vw, 1.375rem); *//* 20px , 1.1458vw , 22px */
			line-height: 1.5;
			background-color: transparent;
			/* border-radius: 3.125rem; */
			padding-top: 0;
			padding-bottom: 0;
			font-weight: 600;
		}
        .product_list .product_description {
            padding: 0 0.625rem; /*0 10*/
			text-align: justify;
        }

		
        

/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px){
	
    
    .mySwiper_prodSeries{
        width: 100%;
    }
	

	.prodSeries_area .swiper-wrapper{
		display: grid;
		grid-template-columns: repeat(3 , 1fr);
        gap:0;
		/*gap: clamp(0.03rem, 0.7813vw, 0.9375rem) ; *//* 0.48px , 1.5625vw , 15px */
		margin: 0 -0.9375rem; /*0 -15*/
	}
		.prodSeries_area .swiper-slide{
			width: 100%;
			/* height: 100%; */
			display: flex;
			flex-direction: column;
		}

		.product_card {
			padding: 0.9375rem;
			flex-grow: 1;
			display: flex;
			flex-direction: column;
		}
		.product_card .product_list{
			flex-grow: 1;
		}

		 .product_list .title{
            font-size: 1rem;
            flex-grow: unset;
            /* padding: 0 0.625rem; */
			font-size: clamp(1.25rem, 1.1458vw, 1.375rem); /* 20px , 1.1458vw , 22px */
        }
        .product_list .product_description {
            /* font-size: 1rem; */
			font-size: 0.875rem; /*14*/
            flex-grow: 1;
            /* padding: 0 0.625rem; */
        }

		.prodSeries_bg .swiper-button-prev ,
		.prodSeries_bg .swiper-button-next{
			display: none;
		}
}





@media (max-width: 990px){

	
	.prodSeries_area{
		position: relative;
	}

	.prodSeries_bg .swiper-button-prev, 
	.prodSeries_bg .swiper-button-next {
		width:1.5625rem; /*25*/
		height: auto;
		aspect-ratio: 1;
		background-size: 99.9%;
		background-position: center;
		/* opacity: 0.9; */
	}	
	.prodSeries_bg .swiper-button-prev{	
		left: 5%;	
		/* background-image: url(../images/left_arrow_m.svg); */
        background-image: url(../../../images/left_arrow_m.svg);
	}
	.prodSeries_bg .swiper-button-next{
		right: 5%;
		background-image: url(../../../images/right_arrow_m.svg);
	}
	
	.prodSeries_bg:hover  .swiper-button-prev ,
	.prodSeries_bg:hover  .swiper-button-next{
		opacity:0.7;
	}

}


/* 在螢幕寬度大於769 - 990時，套用這裡的特定樣式 */
@media screen and (min-width: 769px) and (max-width: 990px) {

	.product_card {
		padding: 0.9375rem; /*15*/
	}


}

/* 在螢幕寬度大於641 - 768時，套用這裡的特定樣式 */
@media screen and (min-width: 641px) and (max-width: 768px) {

	.product_card {
		padding: 0.9375rem 0;/*15 0*/
	}

}

@media (max-width: 640px){

    


	.product_card {
		padding: 0.3125rem 0.0625rem; /*5 1*/
	}

	.prodSeries_bg .swiper-button-prev ,
	.prodSeries_bg .swiper-button-next{
		display: flex;
	}
}