/*/////////////////////////////////////////////////////////*/
/*-------熱銷商品區塊--------*/
/*/////////////////////////////////////////////////////////*/
.right .allProduct_area{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;

}

.allProduct_area .right .index_title{
	color: #4E4E4E;

}
.allProduct_area .right .allProduct_area{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 15px;

}

.allProduct_area .product_list {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	border:1px solid #ccc;

	display: flex;
    flex-direction: column;

}
.allProduct_area .product_list > a {
	display: block;
	position: relative;
	padding-top: 100%;
	text-decoration: none;

}
.allProduct_area .product_list > a:hover {
	opacity: 0.5;
	transition: all 0.3s ease;

}
.allProduct_area .product_list > a img{
	width:100%;
	height:auto;
	transition: all 0.3s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: all 0.3s ease-out;

}

@media (max-width: 1400px){

	.allProduct_area .right .allProduct_area{
		grid-template-columns: repeat(3,1fr);
	}
	.right .allProduct_area{
		grid-template-columns: repeat(3,1fr);
	}
}

@media (max-width: 990px){
	.allProduct_area .wrap{
		display: block;
		
	}
	.allProduct_area .left{
		flex: 1;
		width: 100% ;
	}
	.allProduct_area .right.no_left{
		width: 100% ;	
	}
}

/* @media (max-width: 540px){ */
@media (max-width: 768px){	

	.allProduct_area .right .allProduct_area{
		grid-template-columns: repeat(2,1fr);
	}
	.right .allProduct_area{
		grid-template-columns: repeat(2,1fr);
	}

}
/* @media (max-width: 320px){ */
@media (max-width: 460px){
	.allProduct_area .right .allProduct_area{	
		display: flex;
		flex-direction: column;
	}
	.right .allProduct_area{
		display: flex;
		flex-direction: column;
	}


}

/* =============================== */
/* 產品列表 */
/* =============================== */
.new_product .swiper-slide{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	
	
	width: auto;
	
	
}
.new_product .swiper-slide .new_productList{
	margin-right: 2px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	margin-bottom: 2px;
	border: 1px solid #ccc;
	
	
}
.new_product .swiper-slide .new_productList > a {
	display: block;
	position: relative;
	padding-top: 100%;
	text-decoration: none;
}
.new_product .swiper-slide .new_productList > a:hover {
	opacity: 0.5;
	transition: all 0.3s ease;
}
.new_product .swiper-slide .new_productList > a img {
	width:100%;
	height:auto;
	transition: all 0.3s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	float: none;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: all 0.3s ease-out;
	
}
.new_product_bottom{
	background-color: #fff;

	flex: 1;

}
.new_product_bottom a{
	padding: 28px 19px;
	padding: clamp(.875rem, 1.4583vw, 1.75rem) clamp(.5625rem, 0.9896vw, 1.1875rem);
	display: flex;
	flex-direction: column;
	gap: clamp(.4375rem, 0.7813vw, .9375rem);
	
	border-top: none;
	text-decoration: none;
	

}
.new_product_bottom a:hover{
	opacity: 0.5;
	transition: all 0.3s ease;
	

}
.new_product_bottom a .product_name{
	color: #000;
    /* 字級 */
    font-size: clamp(0.813rem, 0.612rem + 0.32vw, 1rem);

    /* 行高（請明確定義） */
    line-height: 1.1;

    /* 至少兩行高度 */
    min-height: calc(
        clamp(0.813rem, 0.612rem + 0.32vw, 1rem) * 1.1 * 2
    );

    /* 兩行省略 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

    box-sizing: border-box;



}
.new_product_bottom a .product_price{
	color: var(--notice_color);


}

			/*加入收藏按鈕*/
			.add_content_button{
    			/* padding: 15px 0px 0px; */
				position: absolute;
				left: 10px;
				bottom: 10px;
			}
				.add_content_button a{
					/* display: inline-block; */
					display: block;
					/* font-size: 14px; */
					padding: 6.5px 6.5px;
					padding: .4063rem;
					text-decoration: none;
					transition: 0.3s ease all;
					border-radius: 3px;
					background-color: white;
					color: #b3b3b3;
					border: 1px solid #b3b3b3;
					text-align: center;
				}

				.add_content_button svg{
					fill: #b3b3b3;
					width: 20px;
					width: 1.25rem;
					height: 20px;
					height: 1.25rem;
					


					/* display: block;
					font-size: 14px;
					color: #b3b3b3; */
				}
				.add_content_button a:hover{
					/* transition: 0.3s ease all;
					opacity: 0.5; */
					/* background-color: #c1272d;
					color: #ffffff; */
				}

				/* 已點擊 */
				.add_content_button.active a ,
				.add_content_button a:hover{
					transition: 0.3s ease all;
					color: #c1272d;
					border: 1px solid #c1272d;
				}
				.add_content_button.active svg ,
				.add_content_button a:hover svg{
					/* color: #c1272d; */
					fill: #c1272d;
				}




		/* 購物車按鈕 */
		.product_list.B_type .img .addCart_button{
			position: absolute;
			right: 10px;
			bottom: 10px;
			/* display: none; */
		}

		/* hover */
		.product_list.B_type .img:hover .addCart_button{
			display: block;
			transition: 0.3s ease all;	
		}	

			.product_list.B_type .img .addCart_button a{
				display: inline-block;
				transition: 0.3s ease all;
				border-radius: 3px;
				background-color: var(--second_color);
				color: #ffffff;
				padding: 6px 5px 5px 4px;
				padding: .375rem .3125rem .3125rem .25rem;
				width: 35px;
				width: 2.1875rem;
				height: 35px;
				height: 2.1875rem;
				box-sizing: border-box;
			}

				.product_list.B_type .img .addCart_button a svg{
					font-size: 22px;
					font-size: clamp(1.25rem, 1.1458vw, 1.375rem);
				}

				.product_list.B_type .img .addCart_button a span{
					display: none;
					transition: 0.3s ease all;
					padding: 1px 0px 0px;
				}

				/* hover */
				.product_list.B_type .img .addCart_button a:hover span{
					display: inline-block;
					transition: 0.3s ease all;
				}
/*========================================================*/
/*-------產品內頁樣式--------*/
/*========================================================*/


.pageContent .wrap{
	max-width: 95.3125rem; /*1525px*/
}


.product_pageBg {
	/* overflow: hidden; */
	display: flex;
	flex-direction: column;
	gap: clamp(5.0625rem, 4.9479vw, 5.9375rem);  /*最小值 81px、大小約 4.9479vw、最大值 95px*/
}
	/* 產品內頁_上半部區塊 */
	.product_pageBg .top{
		/* padding-bottom: 25px; */
		display: grid;
		grid-template-columns: 1.72fr  1fr;
		gap: clamp(1.2891rem, 2.0833vw, 2.5000rem); /* 字體 最小值 20.63px、大小約 2.0833vw、最大值 40.00px */
	}

		/* 產品內頁_左半部區塊 */
		.product_leftArea{
			float: left;
			/* width: 56%; */
			/* width: 49%; */
			box-sizing: border-box;
			display: flex;
			flex-direction: row-reverse;
			align-items: flex-start;
			column-gap: 10px;
			display: grid;
			/* grid-template-columns: 140px auto; */
			grid-template-columns: 1fr  4.26fr;
		}
			

		.product_leftArea .swiper {
			width: 100%;
			height: 100%;
		  }
	
		  .product_leftArea .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: #fff;
	
			/* Center slide text vertically */
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		  }
	
		  .product_leftArea .swiper-slide img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		  }
	
		  
		  .product_leftArea .swiper {
			width: 100%;
			height: 300px;
			margin-left: auto;
			margin-right: auto;
			margin: 0;
			}
	
		  .product_leftArea .swiper-slide {
			background-size: cover;
			background-position: center;
			background: transparent;
			}
	
		  .product_leftArea .mySwiper2 {
			/* height: 80%; */
			/* width: 100%; */
			width: 100%;
			height: auto;
			}
	
		  .product_leftArea .mySwiper {
			/* height: 20%; */
			box-sizing: border-box;
			/* padding: 10px 0; */
			/* width: 20%; */
			/* height: auto; */
			/* width: 140px; */
			/* min-height: calc(150px * 4); */
			aspect-ratio: 1 / 4.28;
			height: 100%;
			height: fit-content;
			order: -1;
			}
	
		  .product_leftArea .mySwiper .swiper-slide {
			/* width: 25%; */
			height: 100%;
			opacity: 0.4;
			width: 100%;
			}
	
		  .product_leftArea .mySwiper .swiper-slide-thumb-active {
			opacity: 1;
		  }
	






					/* 大圖列表 */
					.bigProduct_img {
						width: 100%;
						background-color: transparent;
					}
                    .bigProduct_img a{
						position: relative;
						padding-top: 100%;
						/* border-radius: 10px; */
						overflow: hidden;
						width: 100%;
						display: block;
						background-color: transparent;
					}
						#big_img1 {
							display:block;
						}
						.product_leftArea .swiper-slide img {
							display: block;
							width: 100%;
							height: 100%;
							object-fit: cover;
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							right: 0;
							float: none;
							width: 100% !important;
							height: 100% !important;
							object-fit: cover;
							transition: 0.3s ease all;
							/* background-color: transparent; */
						}


					/* 小圖區塊 */
					.product_leftArea .smallProduct_img{
						position: relative;
						/* padding-top: 100%; */
						/* border-radius: 5px; */
						overflow: hidden;
						width: 100%;
						/* margin: 0px;
						padding: 10px 15px 0px 15px; */
					}
						.product_leftArea .smallProduct_img a{
							display: block;
							padding: 50% 0;
							width: 100%;
						}
							.product_leftArea .smallProduct_img img {
								position: absolute;
								top: 0;
								left: 0;
								bottom: 0;
								right: 0;
								float: none;
								width: 100% !important;
								height: 100% !important;
								object-fit: cover;
								transition: 0.3s ease all;
							}





		  /* 左右鍵 */
		  .product_leftArea .swiper-button-prev, 
		  .product_leftArea .swiper-button-next {
			  width: 1.875rem;  /*30px*/
			  height: auto;  /*30px*/
			  width: clamp(1.875rem, 3.125vw, 3.75rem);  /* 最小值 30px、大小約 3.125vw、最大值 60px*/
			  height: auto;
			  aspect-ratio: 1 / 1;
			  /* background-size: 1.875rem; */  /*30px*/
			  /* background-size: 99%; */
			  background-position: center;
			  background-repeat: no-repeat;
			  background-color:var(--second_color);
			  border-radius: 50%;
			 }
		  .product_leftArea .swiper-button-prev{
			left: 0.625rem;
			background-image:url(../../../images/arrow-left.svg);
		  }
		  .product_leftArea .swiper-button-next{
			right: 0.625rem;
			background-image:url(../../../images/arrow-right.svg);
			/* background-image:url(../index/images/right_arrow2.png); */
		  }

		  .product_leftArea .swiper-button-next:after, 
		  .product_leftArea .swiper-button-prev:after{
			display: none;
		}
		  
			/* 分享區塊 */
			/* .share_bg{
				padding-top: 20px;
			}
				.share_bg .in{
				}				 */
					/* 標題 */
					/* .share_bg .title{
						display: inline-block;
						vertical-align: middle;
						padding-right: 5px;
						font-size: 15px;
					} */
				
					/* 內容 */
					/* .share_bg .content{
						display: inline-block;
						vertical-align: middle;
					}
					
						.share_bg .list_area{
							margin: 0px -5px;
						}
							.share_bg .list{
								float: left;
								box-sizing: border-box;
								width: 45px;
								padding: 0px 5px;
							}
								.share_bg .list a{
									display: block;
									box-sizing: border-box;
									padding: 7px;
									border-radius: 30px;
									transition: 0.2s ease all;
								} */
								/* hover */
								/* .share_bg .list a:hover{
									opacity: 0.7;
									transition: 0.2s ease all;
								} */
								
								/* line */
								/* .share_bg .list.line a{
									background-color: #00b900;
								} */
								
								/* fb */
								/* .share_bg .list.fb a{
									background-color: #3b5998;
								} */
								
								/* link */
								/* .share_bg .list.link a{
									background-color: #555555;
								}
									.share_bg .list img{
										width: 100%;
										height: auto;
									} */
		





		/* 產品內頁_右半部區塊 */
		.product_rightArea{
			float: right;
			/* width: 44%; */
			/* width: 51%; */
			box-sizing: border-box;
			/* padding-left: 75px; */
			/*padding-left: clamp(0.9375rem, 3.9063vw, 4.6875rem);*/  /* 最小值 15px、大小約 3.9063vw、最大值 75x*/
			display: flex;
			flex-direction: column;
			gap: clamp(0.625rem, 1.0417vw, 1.25rem);  /* 最小值 10px、大小約 1.0417vw、最大值 20px*/
			font-size: clamp(1rem, 1.0417vw, 1.25rem);  /*字體 最小值 16px、大小約 1.0417vw、最大值 20px*/
		}

			/* 商品促銷標籤 */
			/* .promotion_tab{
				display: inline-block;
				background-color: var(--notice_color);
				color: #ffffff;
				font-size: 14px;
				padding: 7px 10px 5px;
				margin: 10px 0px 0px 0px;
			} */

			/* 商品促銷標語 */
			/* .promotion_text{
				color: #e11212;
				font-size: 15px;
				line-height: 21px;
				padding: 10px 0px;
			} */

			/* 商品名稱 */
			.product_rightArea .name{
				margin: 0px;
				/* font-size: 22px; */
				line-height: 1.5;
				color: var(--dark_color);
				font-size: clamp(1.2305rem, 1.3021vw, 1.5625rem); /* 字體 最小值 19.69px、大小約 1.5625vw、最大值 25.00px */
				font-weight: 600;
				/* font-family: var(--mandarin_font2); */
				display: flex;
				flex-direction: column;
				gap: 0.625rem; /*10px*/
			}
				.product_rightArea .name strong{
					font-size:inherit;
					font-weight: inherit;
					font-family: inherit;
					/* border-left: 5px var(--primary_color) solid; */
					/* padding-left: 10px; */
					line-height: 1;
				}
				.product_rightArea .name .sub{	
					color: var(--third_color);				
					font-family: var(--foreign_font);
					font-size: clamp(1rem, 1.0938vw, 1.3125rem);  /*字體 最小值 16px、大小約 1.0938vw、最大值 21px*/
				}


			/* 簡述 */
			.product_rightArea .text{
				/*margin: 0.9375rem 0;*/ /*15px 0*/
				/* font-size: 15px; */
				line-height: 1.5;
				color: var(--dark_color);
				font-size: clamp(0.7500rem, 0.7292vw, 0.8750rem); /* 字體 最小值 12.00px、大小約 0.7292vw、最大值 14.00px */
			}
			.product_rightArea .text p{
				font-size: inherit;
			}










		/*價格區塊*/
		.productIn_priceArea{
			/* padding:10px 0; */
			display: flex;
			flex-wrap: wrap;
			align-items: flex-end;
			gap: .625rem; /*10px*/
			color: var(--second_color);
			font-family: var(--foreign_font);
			/* padding: 9px 16px; */
			/* padding: clamp(.3125rem,.4688vw,.5625rem) clamp(.5rem,0.8333vw,1rem); */
			background-color: #F6F6F6;
			border-radius: 5px;
			padding: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 最小值 7.74px、大小約 0.7813vw、最大值 15.00px */
		}
		
			/*會員價格*/
			.productIn_menberPrice{
				/* float: left; */
				box-sizing: border-box;
				font-size: clamp(1.2667rem, 1.6667vw, 2.0000rem); /* 字體 最小值 20.27px、大小約 1.6667vw、最大值 32.00px */
				font-weight: bold;
				font-family: inherit;
				display: flex;
				flex-direction: column;
			}
				.productIn_menberPrice .currency{
					color: var(--second_color);
					font-weight: bold;
					font-family: var(--mandarin_font);
					font-size: .9375rem; /* 字體 15px */
					margin-bottom: 5px;
				}
			
			/*原始售價*/
			.productIn_price{
				/* float: left; */
				box-sizing: border-box;
				text-decoration: line-through;
				font-size: clamp(.75rem, .7813vw, .9375rem); /* 字體 最小值 12.00px、大小約 0.9868vw、最大值 18.95px */
				color: #A7A8AA;
				font-family: inherit;
			}



			.specification_productBuy_bg{
				display: flex;
				align-items: center;
				width: auto;
			}
			
					/* 新增規格 modify by pekey 20241011 start*/
					.specification_bg {
						width: 100%;
						position: relative;
						display: flex;
						flex-direction: row;
						gap: 10px;
						align-items: center;
					}
						.specification_bg .title{
							font-size: inherit;
							font-weight: 600;
							color: var(--dark_color);
						}
						.specification_bg .content {
							width: auto;
							display: flex;
							align-items: center;
							gap: clamp(.4375rem,0.7813vw,.9375rem);
							position: relative;
						}
							.specification_bg .select{
								width: 50%;
								max-width: 100px;
								width: 100%;
							}
			
								.specification_bg .select select{
									font-size: clamp(.75rem,0.7813vw,.9375rem);
									width: 100%;
									height: 42px;
									border: 1px solid #000;
									padding: 5px 10px;
									box-sizing: border-box;
									background: #fff url(../../../images/select_arrow_gray.png) no-repeat;
									background-size: 30px;
									background-position: right;
									padding-right: 40px !important;
									cursor: pointer;
									color: inherit;
									border-radius: 5px;
								}
					/* 新增規格 modify by pekey 20241011 end*/
					
			
					/* 包select + btn區塊 */
					.product_buyBg{
						/* display: flex;
						flex-direction: row;
						align-items: center;
			
						justify-content: space-between; */
			
						/* modify by pekey 20241011 */
						/* padding-top: 15px; */
						display: flex;
						flex-direction: column;
						gap: clamp(0.625rem, 1.0417vw, 1.25rem);  /* 最小值 10px、大小約 1.0417vw、最大值 20px*/
					}
					/* 包select + btn區塊 */
					.product_buyBg .sold_out{
						display: flex;
						justify-content: space-between;
						align-items: center;
						font-size: clamp(1rem,1.0417vw,1.25rem);
					}
					.product_buyBg .sold_out .sold_left{
						display: flex;
						
						align-items: center;
					}
					.product_buyBg .sold_out .sold_right a{
						color: var(--notice_color);
						text-decoration: none;
					}
					.product_buyBg .sold_out .sold_right a:hover{
						opacity: 0.5;
						transition: all 0.3s ease;
					}

					
			
						/* 數量 */
						.product_buyBg .quantity{
							/* display: table;
							display: inline-block; */
							/* width: 50%; */
							/* width: 25%; */
							/* height: 42px; */
							/* border: 1px solid var(--dark_color); */
							box-sizing: border-box;
							position: relative;
							display: flex;
							flex-direction: row;
							align-items: center;
							gap: 10px;
							font-family: var(--foreign_foreign2);
						}
			
							/* 標題 */
							.product_buyBg .quantity .title{
								/* position: absolute;
								left: 5px;
								top: 50%;
								-webkit-transform:  translateY(-50%);
								transform:  translateY(-50%); */
								font-weight: 600;
								font-size: inherit;
								color: inherit;
								white-space: nowrap;
								color: var(--dark_color);
							}
			
							/* 內容 */
							.product_buyBg .quantity .content {
								/* padding-left: 60px; */
								border: 1px solid #000;
								height: 40px;
								display: flex;
								flex-direction: column;
								border-radius: 5px;
								width: auto;
							}
								.product_buyBg   .content_in {
									width: 100%;
									max-width: 100px;
									box-sizing: border-box;
									position: relative;
									display: flex;
									align-items: center;
									flex-grow: 1;
									color: #000;
									font-size: 17px;
								}
									.product_buyBg .quantity_decrease{
										display: table-cell;
										vertical-align: middle;
										padding: 5px 5px;
										box-sizing: border-box;
										font-size: inherit;
										text-align: center;
										cursor: pointer;
										color: #000;
										/* height: 42px; */
										/* background-color: #cccccc;
										color: #ffffff;
										font-weight: bold;
										border: 1px solid #cccccc;
										border-top-left-radius: 3px;
										border-bottom-left-radius: 3px; */
									}
									.product_buyBg i{
										color: inherit;
									}
									td.cart_quantity.product_buyBg .quantity_decrease{
										
									}
			
									.product_buyBg .quantity_content {
										display: table-cell;
										vertical-align: middle;
										box-sizing: border-box;
										/* border: 1px solid #cccccc; */
										width: 100%;
										height: auto;
										font-family: var(--foreign_foreign2);
									}
										.product_buyBg .quantity_content input{
											/* padding: 0 20px; */
											box-sizing: border-box;
											height: auto;
											font-size: 1rem;
											text-align: center;
											color: var(--dark_color);
											background-color: #ffffff;
											border: 0;
											border-radius: 0;
											cursor: pointer;
			
											/* modify by pekey 20241011 */
											padding: 0;
											font-family: inherit;
											line-height: normal;
										}
			
									.product_buyBg .quantity_increase{
										display: table-cell;
										vertical-align: middle;
										padding: 5px 5px;
										box-sizing: border-box;
										font-size: 14px;
										text-align: center;
										cursor: pointer;
										color: inherit;
										/* height: 42px; */
										/* background-color: #cccccc;
										color: #ffffff;
										font-weight: bold;
										border: 1px solid #cccccc;
										border-top-right-radius: 3px;
										border-bottom-right-radius: 3px; */
									}


	.amount_text{
		/* white-space: nowrap; */
		color: var(--notice_color);
	}











			/*組合促銷的數量+規格_只有一個*/
			.product_buyBg.one{
			}
				.product_buyBg.one .specification_productBuy_bg{
					display: flex;
				}




			/* 贈品---------------------------- */
			.product_giveawayBg{		
			}
				.product_giveawayBg .specification_productBuy_bg {
					display: flex;
				}










			/* 注意事項---------------------------- */
			ul.notice{
				margin: 0;
				padding: 0;
				list-style-type : none;
				display: flex;
				flex-direction: column;
				gap: .625rem;
				/* font-size: .625rem; */
				font-size: clamp(0.7500rem, 0.7292vw, 0.8750rem); /* 字體 最小值 12.00px、大小約 0.7292vw、最大值 14.00px */
			}
				ul.notice li{
					margin: 0;
					padding: 0;
					list-style-type : none;
					display: block;
					color: var(--dark_color);
					font-size:inherit;
				}
					ul.notice li a{
						text-decoration: none;
						color: var(--fifth_color);
					}
					ul.notice li a:hover{
						opacity: 0.5;
					}


















				/*配送車按鈕----------------------*/
				.product_rightArea .button{
					/* padding-left: 15px;
					width: 75%; */

					/* modify by pekey 20241011 */
					box-sizing: border-box;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					/* margin: 0px -5px; */
					/* padding-top: 5px; */
					gap: 10px;
					display: grid;
					grid-template-columns: repeat(2 , 1fr);
				} 
				/* .product_buyBg .button .add_button , 
				.product_buyBg .button .buy_button , 
				.product_buyBg .button .soldout_button  ,
				.product_buyBg .button .commodity_button  ,
				.product_buyBg .button .collect_button  */
				.product_rightArea .button .button_list {
					width: 50%; 
					padding: 5px 5px;
					box-sizing: border-box;
				}
				/* .product_buyBg .button .add_button input, 
				.product_buyBg .button .buy_button input, 
				.product_buyBg .button .soldout_button input ,
				.product_buyBg .button .commodity_button input ,
				.product_buyBg .button .collect_button input , */
				.product_rightArea .button .button_list input ,
				.product_rightArea .button .button_list button{
					box-sizing: border-box;
					/* border-radius: 3px; */
					width: 100%;
					color: var(--dark_color);
					font-size: 0.9375rem; /*15px*/
					padding: 0 15px;
					height: 42px;
					line-height: normal;
					border-width: 1px;
					border-style: solid;
					border-color: var(--dark_color);
					background-color: #fff;
					display: flex;
					align-items: center;
					justify-content: center;
					font-weight: 500;
					cursor: pointer;
					min-width: 150px;
					border-radius: 100px;
				}

				.product_rightArea .button .button_list button img{
					width: 22px;
					height: auto;
					margin-right: 10px;
				}

					/* 加入配送車_button */
					/* .add_button [type="submit"] */
					.product_rightArea .button_list.add_button button{
						/* border-color:  var(--secondary_color); */
						/* background-color: var(--secondary_color); */
						/* color: #fff; */
					}
					/* 立即購買_button */
					.product_rightArea .button .button_list.buy_button input ,
					.product_rightArea .button .button_list.buy_button button{
						border-color:  var(--secondary_color);	
						background-color: var(--secondary_color);	
						color: #fff;
					}
					/* 售完補貨中_button */
					.product_rightArea .button .button_list.soldout_button input ,
					.product_rightArea .button .button_list.soldout_button button {
						/* background-color: #dbdbdb; */
						cursor: auto !important;
					}
					/* 到貨通知_button */
					.product_rightArea .button .button_list.commodity_button input ,
					.product_rightArea .button .button_list.commodity_button button{
						/* background-color: #515151;
						border-color: #515151;
						color: #ffffff; */
					}
					/* 到貨通知_button */
					.product_rightArea .button .button_list.collect_button input ,
					.product_rightArea .button .button_list.collect_button button{ 
						/* background-color: #ffffff;
						border-color: var(--notice_color);
						border: solid 1px var(--notice_color);
						color: var(--notice_color); */
					}
					/* 索取樣品_button */
					.product_rightArea .button .button_list.sample_button input ,
					.product_rightArea .button .button_list.sample_button button{ 
						/* background-color: var(--secondary_color);
						border-color: var(--secondary_color); */
						/* color: #484a56; */
					}



				/* .product_buyBg .button .add_button:hover input, 
				.product_buyBg .button .buy_button:hover input, 
				.product_buyBg .button .soldout_button:hover input ,
				.product_buyBg .button .commodity_button:hover input ,
				.product_buyBg .button .collect_button:hover input , */
				.product_rightArea .button .button_list:hover input ,
				.product_rightArea .button .button_list:hover button {
					background-color: var(--sixth_color);
					border-color: var(--sixth_color);
					transition: 0.3s ease all;
				}

					/* 售完補貨中_button */
					.product_rightArea .button .button_list.soldout_button:hover input ,
					.product_rightArea .button .button_list.soldout_button:hover button {
						background-color: #fff;
					}












			/* 按鍵 */
			/* .product_rightArea 	.btn_area{
				justify-content: unset;
				margin-top: auto;
			}
			
				.product_rightArea 	.btn_area_item {
					color: var(--primary_color);
				}
					.product_rightArea 	.btn_area button {
						border-color: var(--dark_color);
					}
					.product_rightArea 	.btn_area .truncation{
						background-color: #e6ecf2;
					} */
						.product_rightArea .btn_area strong{
							/*display: flex;
							align-items: center;
							justify-content: center;
							font-family: var(--mandarin_font2);
							font-size: clamp(1rem, 1.0938vw, 1.3125rem); */ /*字體 最小值 16px、大小約 1.0938vw、最大值 21px*/
						}
						/* .product_rightArea 	.btn_area i{
							color: inherit;
							font-size: inherit;
						}
						.product_rightArea .btn_area_item:hover button {
							border-color: var(--primary_color);
							background-color: #fff;
						} */








@media (max-width: 990px){

	/* 產品內頁_上半部區塊 */
	.product_pageBg .top{
		display: flex;
		flex-direction: column;
		grid-template-columns: unset;
		/*gap:  clamp(0.9375rem, 3.9063vw, 4.6875rem); */ /* 最小值 15px、大小約 3.9063vw、最大值 75x*/
	}
		/* 產品內頁_左半部區塊 */
		.product_leftArea{
			float: none;
			width: 100%;
		}
		/* 產品內頁_右半部區塊 */
		.product_rightArea{
			float: none;
			width: 100%;
			padding-left: 0px;
			/* padding-top: 15px; */
			gap: 20px;
		}

			/* 頻率 */
			.product_rightArea .frequency{
				/* justify-content: center; */
			}
						
		/*----- 按鈕 -----*/
		.product_rightArea .btn_area {	
			margin-top: 40px ;  /*最小值 81px、大小約 4.9479vw、最大值 95px*/ 
        }
			

	/* 產品內頁_下半部區塊 */
	.product_pageBg .bottom{
		/* padding-top: 15px; */
	}

}
	



@media (max-width: 640px){

	/* 產品內頁_左半部區塊 */
	.product_leftArea{
		grid-template-columns:unset;
		/* grid-template-rows: 4.26fr 1fr; */
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

		.product_leftArea .mySwiper {
			aspect-ratio: unset;
			width: 100%;
			height:auto;
			order: unset;
		}


		/* 頻率 */
		.product_rightArea .frequency{
			justify-content: center;
			gap: 15px;  /* 最小值 22.8px、大小約 1.5625vw、最大值 30px*/
		}
			.frequency strong{
				padding: 10px;  /*最小值 14px、大小約 0.9375vw、最大值 18px*/
			}


}

@media (max-width: 510px){

	/* 產品內頁_左半部區塊 */
	.product_leftArea{
		gap: 5px;
	}

}











/*========================================================*/
/*-------產品內頁樣式_下方--------*/
/*========================================================*/

	/* 產品內頁_下半部區塊 */
	.product_pageBg .bottom{
		/* padding-top: 25px; */
		/* overflow: hidden; */
	}

	.introduction_bottom{
		display: flex;
		flex-direction: column;
		gap: clamp(5.0625rem, 4.9479vw, 5.9375rem) ;  /*最小值 81px、大小約 4.9479vw、最大值 95px*/
	}


		/* 產品介紹區域的基本樣式 */
		.introduction_area {
			display: flex;
			flex-direction: column;
			max-width: 1290px;
			margin: 0 auto;
			gap: .3125rem; /*5px*/
		}

			/* 產品介紹區塊的基本樣式 */
			.introduction_section {
				display: flex;
				align-items: center;
				/* margin-bottom: 20px; */
				gap: 60px;
				/* max-width: calc(100% - 180px); */
				max-width: clamp(calc(100% - 4.5rem), calc(100% - 9.375vw), calc(100% - 11.25rem));  /* 最小值 -72px、大小約 -9.375vw、最大值 -180px*/

				display: grid;
				grid-template-columns: 1fr 2fr;
			}

		/* 所有圖片區塊的樣式 */
		.pro_introduction_img {			
		}
		
			.pro_introduction_img_line {
				padding: clamp(.6875rem, 0.7813vw, .9375rem);  /*字體 最小值 11px、大小約 0.7813vw、最大值 15px*/
				border: 1px var(--primary_color) solid;
				border-radius: 50%;
			}
				.pro_introduction_img span{
					position: relative;
					padding-top: 100%;
					border-radius: 50%;
					display: block;
					overflow: hidden;
				}
					.pro_introduction_img img{
						width: 100%;
						height: 100%;
						object-fit: cover;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: 0.3s ease all;
					}




		

		/* 文字區塊的樣式 */
		.pro_introduction_text {
			flex-grow: 1;

			display: flex;
			flex-direction: column;
			gap: 1.25rem; /*20px*/
		}

			/* 產品介紹_title */
			.pro_introduction_text .title{	
				position: relative;
				letter-spacing: 5px;
				line-height: 1.2;
				border-bottom: 1px var(--third_color) dashed;
				font-family: var(--mandarin_font2);
				color: var(--primary_color);		
				font-weight: 700;	
				/* font-size: 25px; */
				font-size: clamp(1.0625rem, 1.3021vw, 1.5625rem);  /*字體 最小值 17px、大小約 1.3021vw、最大值 25px*/
			}
			.pro_introduction_text .title::before{	
				position: absolute;
				content: "";
				background-image: url(../../../images/star_y.svg);
				background-repeat: no-repeat;
				background-position: center;
				background-size:99%;
				width : clamp(1.4375rem, 1.5625vw, 1.875rem);  /* 最小值 22.8px、大小約 1.5625vw、最大值 30px*/
				aspect-ratio: 1 / 1;
				right: clamp(-1.4375rem, -1.5625vw, -1.875rem);  /* 最小值 -22.8px、大小約 -1.5625vw、最大值 -30px*/
				bottom:clamp(calc(-1.4375rem / 2), calc(-1.5625vw / 2), calc(-1.875rem / 2));  /* 最小值 -22.8px、大小約 -1.5625vw、最大值 -30px*/
			}


			
				.pro_introduction_text .title p{
					font-size: inherit;
					font-weight: inherit;
					line-height: inherit;
				}
				.pro_introduction_text .title strong{
					line-height: inherit;
					font-weight: inherit;
					font-size: clamp(1.75rem, 2.0833vw, 2.5rem);  /*字體 最小值 28px、大小約 2.0833vw、最大值 40px*/
				}

			.pro_introduction_text .text_area{
				color: var(--third_color);
				font-size: clamp(1rem, 1.0938vw, 1.3125rem);  /*字體 最小值 16px、大小約 1.0938vw、最大值 21px*/
			}















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

	/* 偶數產品介紹區塊的布局：左圖右文 */
	.introduction_area  .introduction_section:nth-child(2n){
		grid-template-columns: 2fr 1fr ;
		margin-left: auto;
	}
	.introduction_area  .introduction_section:nth-child(2n)  .pro_introduction_text {
		order: -1;
		text-align: right;
	}
	.introduction_area  .introduction_section:nth-child(2n) .pro_introduction_text .title::before{	
		right: unset;
		left: clamp(-1.4375rem, -1.5625vw, -1.875rem);  /* 最小值 -22.8px、大小約 -1.5625vw、最大值 -30px*/
	}
	
}


@media (max-width: 768px){
	
	.introduction_area {
		gap: clamp(1.25rem, 1.5625vw, 1.875rem);  /*最小值 20px、大小約 1.5625vw、最大值 30px*/
	}	
		.introduction_section{
			max-width:100%;
			gap: clamp(.9375rem, 1.0417vw, 1.0417vw);  /*最小值 15px、大小約 1.0417vw、最大值 20px*/
		}
				/* 文字區塊的樣式 */
				.pro_introduction_text {
					gap: .625rem; /*10px*/
				}
}




@media (max-width: 510px){
	
	.introduction_area {
		gap: 1.875rem;  /*30px*/
	}	
		.introduction_section{
			display: flex;
			flex-direction: column;
		}
			/* 所有圖片區塊的樣式 */
			.pro_introduction_img {
				width: 100%;
			}
}





















/*========================================================*/
/*-------產品內頁樣式_下--------*/
/*========================================================*/


		
	/*右側返回按鈕*/
	.btn_area.one {
		text-align:center;
		margin-top: 0;  /*最小值 81px、大小約 4.9479vw、最大值 95px*/
	}	



/* 產品下方區塊 */
.productIn_bottomArea{
	/* padding-top: 60px; */
	display: flex;
	flex-direction: column;
	gap:  clamp(2.3980rem, 2.3438vw, 2.8125rem); /*  最小值 38.37px、大小約 2.3438vw、最大值 45.00px */
}
	.productIn_bottomItem{
		/* padding-top: 60px; */
	}
	.productIn_bottomItem:first-of-type{
		/* padding-top: 0px; */
	}




/* 加購商品區塊 */
/* .productIn_bottomArea .additional_bg, 
.productIn_bottomArea .related_bg{
	padding: 0;
	margin: 0;
} */



/* 產品下方區塊_網編區區塊 */
.productIn_bottomArea .text_area{
	/* padding-top: 30px; */
}



.productIn_bottomItem .tabs li.active span {
    /* background-color: var(--primary_color); */
}
.productIn_bottomItem .tabs li.active span:before {
	border-top-color: var(--primary_color);
}
.productIn_bottomItem  .tabs span {
    border-color: var(--second_color);
    line-height: normal;
}

.productIn_bottomItem   .tabs_btn_now_arrow {
    border: none;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: center;
	transition: 0.3s ease all;
}
	.productIn_bottomItem   .tabs_btn_now_arrow i{
		font-size: 30px;
		line-height: 25px;
		color: #000;	
	}
	.productIn_bottomItem .tabs li span:hover {
		/* background-color:var(--fourth_color); */
	}









/* 你可能會喜歡區塊 */

.productIn_likeListArea{
	display: flex;
	flex-direction: row;
	padding: 30px 0 0;
	position: relative;

	width: 90%;
    margin: 0 auto;
}

/* .productIn_likeListArea .swiper-button-prev {
	display: block;
	left: -2%;
	top: 60%;
}
.productIn_likeListArea .swiper-button-next {
	display: block;
	right: -2%;
	top: 57%;
}
	.productIn_likeList{
		padding: 0 15px;
		box-sizing: border-box;
	}
		.productIn_likeListIn{

		}

			.productIn_likeImg{

			}

			.productIn_likeImg img:hover{
				-webkit-box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1);
          		box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1);
				transition: 0.3s ease all;
			}

			.productIn_likeImg img{
				width: 100%;
				height: auto;
			}
			
			.product_detail.DetailIn,.product_detail.DetailIn a{
				text-align: center;
				padding-right: 0;
			}

			.product_detail.DetailIn .brand_name{
				justify-content: center;
			}

			.productIn_likeListArea .product_price.list ,
			.productIn_likeListArea .product_original{
				float: none;
				text-align: center;
				padding: 5px 0px;
			} */


/* 推薦搭配買區塊 */


.productIn_rebuyListArea{
	/* display: flex; modify by david 20240916 */
	/* flex-direction: row; modify by david 20240916 */
	/* justify-content: center; modify by david 20240916 */
	/* padding: 30px 0 0; */
	position: relative;
	/* width: 90%; */
	margin: 0 auto;
}


/* .productIn_rebuyListArea .swiper-button-prev ,
.productIn_rebuyListArea .swiper-button-next {
    width: 40px;
    height: 40px;
    background-size: 40px;
	-webkit-transform: translateY(-60%);
    transform: translateY(-60%);
	border-radius: 50%;
	overflow: hidden;
	transition: 0.3s ease all;
}
.productIn_rebuyListArea .swiper-button-prev::before ,
.productIn_rebuyListArea .swiper-button-next::before {
	position: absolute;
	content: "";
	background-color: var(--primary_color);
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
}
.productIn_rebuyListArea .swiper-button-prev:hover ,
.productIn_rebuyListArea .swiper-button-next:hover {
	opacity: 0.7;
}
.productIn_rebuyListArea .swiper-button-prev {
	display: block;
	left: -2%;
	top: 60%;
}
.productIn_rebuyListArea .swiper-button-next {
	display: block;
	right: -2%;
	top: 57%;
}
	.productIn_rebuyList{
		box-sizing: border-box;
	}
		.productIn_rebuyListIn{
		}

			.productIn_rebuyImg{
				position: relative;
			}
				.productIn_rebuyImg > a{
					position: relative;
					padding-top: 100%;
					display: block;
					overflow: hidden;
				}
					.productIn_rebuyImg > a > img{
						width: 100%;
						height: 100%;
						object-fit: cover;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: 0.3s ease all;
					}


					.productIn_rebuyImg img{
						width: 100%;
						height: 100%;
						object-fit: cover;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						float: none;
						width: 100% !important;
						height: 100% !important;
						object-fit: cover;
						transition: 0.3s ease all;
					}

				.productIn_rebuyImg img:hover{
					-webkit-box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1);
					box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.1);
					transition: 0.3s ease all;
				}

				.productIn_rebuyListArea .product_price.list ,
				.productIn_rebuyListArea .product_original{
					float: none;
					text-align: center;
					padding: 5px 0px;
				} 

				.productIn_rebuyList .addCart_button {
					display: block;
				}*/
				

@media(max-width:1600px){
	.pageContent_topArea .wrap{
		/* padding-top: 10px; */
		/* width:80%; */
	}
	
}

@media(max-width:1080px){
	.pageContent_topArea .wrap{
		width:90%;
	}
}














/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) and (min-height: 600px) and (max-height: 700px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){


/* -------------分享區塊------------------- */
.share_bg{
	padding-top: calc(50px / var(--magnification150));
}
	
	/* 標題 */
	.share_bg .title{
		font-size: calc(15px / var(--magnification150));
	}
		.share_bg .list {
			width:  calc(45px / var(--magnification150));
			padding: 0px  calc(5px / var(--magnification150));
		}
			.share_bg .list a {
				padding:  calc(7px / var(--magnification150));
			}

}



@media(max-width:990px){

/* 產品下方區塊 */
.productIn_bottomArea{
	/* padding-top: 30px; */
}

	.pageContent_title.special_title h2{
		font-size: 22px;
		letter-spacing: -2px;
	}
	
	.productIn_likeList {
		width: 100%;
		padding: 0px 5px;
	}
	

	.productIn_rebuyList {
		width: 100%;
		padding: 0px 5px;
	}
	

	.pageContent_topArea .wrap{
		width:auto;
		padding: 0 15px;
	}
	.pageContent.product > .wrap{
		width:auto;
		padding: 0 15px;
	}

	.productIn_topArea {
		display: block;
		flex-direction: unset;
		justify-content: unset;
	}
	/* 左側區塊 */
	.productTop_leftArea{
		width: 100%;
	}
	/* 右側區塊 */
	.productTop_rightArea {
		width: 100%;
		padding-top: 30px;
	}

	.product_imgArea {
		display: flex;
		flex-direction: row-reverse;
	}
		

		.nextArea > .swiper-button-next {
			display: block;
		}

		.prevArea > .swiper-button-prev {
			display: block;
		}

		.productIn_detail{
			/* padding: 15px 0; */
			margin: 15px 0;
		}

		.largeProductImg .swiper-button-prev, 
		.largeProductImg .swiper-button-next {
			display: block;
		}
}
		





@media (max-width: 768px){

	/*右側返回按鈕*/
	.btn_area.one {
		margin-top: clamp(2.5rem, 4.1667vw, 5rem); /*  最小值 40.00px、大小約 4.1667vw、最大值 80.00px */
	}	

}




@media (max-width: 760px){
	.productIn_bottomItem  .tabs_btn_now {
		border-color: var(--fourth_color);
		font-size: 18px;
		padding-right: 50px;
		padding-left: 50px;

		font-size: clamp(1.2500rem, 1.2500vw, 1.5000rem); /* 字體 最小值 20px、大小約 1.2500vw、最大值 24.00px */
		color: var(--dark_color);
		font-weight: 700;
	}

	.productIn_bottomItem  .tabs_btn_now.active .tabs_btn_now_arrow{
		transform: translateY(-50%) rotate(180deg)
	}

	.productIn_bottomItem  .img-scroll {
		z-index: 5;
	}

}



@media (max-width: 640px){
	
	.product_imgArea{
		/* display: flex; */
		justify-content: unset;
		flex-direction: column;		
	}

		/* 大圖 */
		.product_imgArea .mySwiper2 {
			max-width: unset;
		}
		/* 小圖 */
		.product_imgArea .mySwiper {
			width: 100%;
			height: auto;
			padding-top: 10px;
		}
			.product_imgArea  .swiper-wrapper{
				margin:  0 auto !important;
			}

}
/*========================================================*/
/*-------產品內頁樣式_燈箱--------*/
/*========================================================*/


.text_area .columns_area{
	gap: 15px;
	display: flex;      /* 啟用flexbox布局 */
	flex-wrap: wrap;    /* 當空間不足時允許換行 */
}

.text_area .col{
	display: inline-flex;   /* 設置最小寬度，確保空間不夠時可以換行 */
}



/* 在螢幕寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px){
	.text_area .col{
		flex: 1;            /* 讓每個元素彈性佔據可用空間 */
	}
}
/* =============================== */
/* 贈品 */
/* =============================== */
/* 贈品 */
.giveaway{
	display: table;
	/* width: 50%;
	float: left;
	padding: 0px 5px; */

	width: 100%;
	padding: 5px 5px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	gap:10px;
}

	/* 標題 */
	.giveaway .title{
		position: relative;
		font-weight: 600;
		font-size: inherit;
		color: inherit;
		white-space: nowrap;
		color: var(--dark_color);
	}

	/* 內容 */
	.giveaway .content {
		padding-left:0;
	}
		.giveaway .content_in {
			width: 100%;
			box-sizing: border-box;

			/* position: relative; */
		}
			ul.giveawayimg{	
				padding: 0;
				margin: 0;
				list-style-type: none;		
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				margin: -5px;								
			}
				ul.giveawayimg li{	
					padding: 0;
					margin: 0;
					display: block;
					list-style-type: none;
					box-sizing: border-box;	
					width: 16.6%;	
					padding: 5px;		
				}
					ul.giveawayimg a{
						position: relative;
						padding-top: 100%;
						display: block;
						text-decoration: none;	
						transition: 0.2s ease all;								
					}
						ul.giveawayimg li img{	
							width:100%;
							height:auto;
							transition: all 0.3s ease-out;
							position: absolute;
							top: 0;
							left: 0;
							bottom: 0;
							right: 0;
							float: none;
							width: 100% !important;
							height: 100% !important;
							object-fit: cover;
							transition: all 0.3s ease-out;
							
						}
						/* ul.giveawayimg li.active a img , */
						ul.giveawayimg li a:hover img{
							border-color: #71b057;
							transition: 0.2s ease all;
							/* opacity: 0.5; */
						}
						ul.giveawayimg li.active a{
							/* background-color: #71b057; */
						}

						ul.giveawayimg li.active a:before {
							position: absolute;
							content: "";
							width: calc(100% - 6px);
							height: calc(100% - 5px);
							top: 0;
							left: 0;
							/* left: 50%; */
							/* transform: translate(-50%, -50%); */
							border: 4px var(--second_color) solid;
							z-index: 2;
							transition: 0.2s ease all;
						}
/* =============================== */
/* 按鈕 */
/* =============================== */
/* 按鈕區塊 */
.product_rightArea	.button{
	/* margin: 0px -5px; */
	/* padding: 20px 0px 0px; */
}	
	/* 新增 售完補貨中的按鈕 modufy by pekey 20210429 */
	.button .add_button, .button .buy_button, 
	.button .soldout_button , .button .commodity_button ,
	.button .collect_button{
		/* width: 50%; */
		float: left;
		/* padding: 5px 5px; */
		box-sizing: border-box;
		position: relative;
	}

		.add_button i, .add_button svg{
			position: absolute;
			left: 10px;
			top: 50%;
			-webkit-transform:  translateY(-50%);
			transform:  translateY(-50%);
		}

		/* 新增 售完補貨中的按鈕 modufy by pekey 20210429 */
		.button .add_button input, 
		.button .buy_button input, 
		.button .soldout_button input ,
		.button .commodity_button input ,
		.button .collect_button input{
			width: 100%;
			box-sizing: border-box;
			border-radius: 3px;  /*Judy修改20220901*/
		}

		.button .add_button input{
			background-color: var(--primary_color);
			border-color: var(--primary_color);
			color: #000;
		}
		.button .buy_button input{
			background-color: var(--second_color);
			border-color: var(--second_color);
			color: #ffffff;
		}


		/* 新增 售完補貨中的按鈕 modufy by pekey 20210429 */
		.button .soldout_button input {
			background-color: #c7c7c7;
			cursor: auto;
		}
		/* 到貨通知的按鈕 */
		.button .commodity_button input{
			background-color: #515151;
			border-color: #515151;
			color: #ffffff;
		}
		/* 加入收藏清單的按鈕 */
		.button .collect_button input{ /*Judy修改20220901*/
			background-color: #ffffff;
			border-color: var(--notice_color);
			border: solid 1px var(--notice_color);
			color: var(--notice_color);
		}

/* 下半部區塊：加價購商品 */
.product_pageBg .bottom .cart_itemBg.additional_bg{
	/* padding: 0px; */
	margin: 0 0 clamp(2.2581rem, 3.6458vw, 4.3750rem); /* 最小值 36.13px、大小約 3.6458vw、最大值 70.00px */
	margin: 0;
	position: relative;
}
/* 下半部區塊：加價購商品 */
.product_pageBg .bottom .cart_itemBg{
	padding: 20px;
	background-color: #f8f8f8;
	border-radius: 5px;
}

	.cart_itemBg  .cart_title{
		margin-bottom: 10px;
		padding: 0px 0px 0px 44px;
		position: relative;
	}

	.product_pageBg .bottom .product_listIn .bottom{
		padding: 10px 0px 0px;
	}


/*商品項目*/
.product_list.B_type{
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	border: 1px solid #ccc;
}


	
	.product_list.B_type > a{
		position: relative;
		display: block;
		/* padding-top: 100%; */
	}





		/*加入收藏按鈕*/
		.add_content_button{
			/* padding: 15px 0px 0px; */
			position: absolute;
			left: 10px;
			bottom: 10px;
		}
			.add_content_button a{
				/* display: inline-block; */
				display: block;
				/* font-size: 14px; */
				padding: 6.5px 6.5px;
				padding: .4063rem;
				text-decoration: none;
				transition: 0.3s ease all;
				border-radius: 3px;
				background-color: white;
				color: #b3b3b3;
				border: 1px solid #b3b3b3;
				text-align: center;
			}

			.add_content_button svg{
				fill: #b3b3b3;
				width: 20px;
				width: 1.25rem;
				height: 20px;
				height: 1.25rem;
				


				/* display: block;
				font-size: 14px;
				color: #b3b3b3; */
			}
			.add_content_button a:hover{
				/* transition: 0.3s ease all;
				opacity: 0.5; */
				/* background-color: var(--notice_color);
				color: #ffffff; */
			}

			/* 已點擊 */
			.add_content_button.active a ,
			.add_content_button a:hover{
				transition: 0.3s ease all;
				color: var(--notice_color);
				border: 1px solid var(--notice_color);
			}
			.add_content_button.active svg ,
			.add_content_button a:hover svg{
				/* color: var(--notice_color); */
				fill: var(--notice_color);
			}



	.product_list.B_type .img{
		position: relative;
		border-radius: 0;
		/* width: 100%; */
	}
	.product_list.B_type .img > a{
		 width: 100%;
		 display: block;
		 aspect-ratio: 1;
	}
	.product_list.B_type .img a img{
		 width:100%;
		 height:auto;
		 transition: all 0.3s ease-out;
		 position: absolute;
		 top: 0;
		 left: 0;
		 bottom: 0;
		 right: 0;
		 float: none;
		 width: 100% !important;
		 height: 100% !important;
		 object-fit: cover;
		 transition: all 0.3s ease-out;
	}

	/* 購物車按鈕 */
	.product_list.B_type .img .addCart_button{
		position: absolute;
		right: 10px;
		bottom: 10px;
		/* display: none; */
	}

	/* hover */
	.product_list.B_type .img:hover .addCart_button{
		display: block;
		transition: 0.3s ease all;	
	}	

		.product_list.B_type .img .addCart_button a{
			display: inline-block;
			transition: 0.3s ease all;
			border-radius: 3px;
			background-color: var(--second_color);
			color: #ffffff;
			padding: 6px 5px 5px 4px;
			padding: .375rem .3125rem .3125rem .25rem;
			width: 35px;
			width: 3.75rem;
			height: 35px;
			
			height: 1.875rem;
			box-sizing: border-box;
			text-decoration: none;
		}
		/* 當前模式 active */
		.product_list.B_type .img .purchaseCart_button.active a{
			display: block;
			background-color: #000000;
			border-color: #000000;
		}	
		.product_list.B_type .img .addCart_button a .after{
			display: none;
		}

			.product_list.B_type .img .addCart_button a svg{
				font-size: 22px;
				font-size: clamp(1.25rem, 1.1458vw, 1.375rem);
			}

			.product_list.B_type .img .addCart_button a span{
				display: none;
				transition: 0.3s ease all;
				padding: 1px 0px 0px;
			}

			/* hover */
			.product_list.B_type .img .addCart_button a:hover span{
				display: inline-block;
				transition: 0.3s ease all;
			}


	/* B_type 標題 */
	.product_list.B_type .price .title{
		padding-top: 10px;
		/* color: var(--notice_color); */
		font-size: 14px;
		float: left;
		letter-spacing: 0;
	}

	/* B_type 內容 */
	.product_list.B_type .price .content{
		padding-top: 10px;
		text-align: right;
	}	

		/*B_type 建議售價*/
		.product_list.B_type .price .orignal_price{
			padding: 2px 0px 0px;
			font-size: 16px;
			font-size: clamp(.75rem, 0.8333vw, 1rem);
			line-height: 22px;
		}	

		/*B_type 會員價錢*/
		.product_list.B_type .price .member_price{
			padding: 5px 0px 0px;
			font-size: 18px;
			font-size: clamp(.875rem, 0.9375vw, 1.125rem);
			line-height: 24px;
		}	

/* 產品列表的 B_type 樣式 end*/

/* =============================== */
/* 加購商品標題 */
/* =============================== */
.cart_title .deco{
	position:absolute;
	left:0px;
	top: 50%;
	transform: translateY(-50%);
	display:block;
	width:30px;
	height: 30px;
	border-radius:100%;
	font-size:15px;
	font-weight:100;
	color:#fff;
	background: var(--second_color) url(../../../images/check.svg);
	background-position: center;
	background-repeat: no-repeat;
	text-align:center;
	letter-spacing: 0px;
}

.cart_title .content{
	font-size: 20px;
	font-weight: bold;
	color: var(--second_color)
}