/* �刻�Ｗ�撖砍漲憭扳��991��嚗�憟��券��鋆∠���孵�璅�撘� */ 
@media screen and (min-width: 991px) {

    .right_contentBg{
        padding-top: 0;
    }

}










/*========================================================*/
/*-------�Ｗ���折��璅�撘�--------*/
/*========================================================*/


.pageContent .wrap{
	max-width: 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: rgb(255 255 255 / 70%);
			  border-radius: 50%;
			 }
		  .product_leftArea .swiper-button-prev{
			left: 0.625rem;
			/* background-image:url(../../../images/roundbutton_left.svg); */
			background-image:url(../../../images/right_arrow.svg);
		  }
		  .product_leftArea .swiper-button-next{
			right: 0.625rem;
			/* background-image:url(../../../images/roundbutton_right.svg); */
			background-image:url(../../../images/left_arrow.svg);
		  }

		  .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.0938vw, 1.3125rem);  /*摮�擃� ��撠��� 16px��憭批�蝝� 1.0938vw����憭批�� 21px*/
		}

			/* ����靽��瑟�蝐� */
			/* .promotion_tab{
				display: inline-block;
				background-color: #c1272d;
				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(--seventh_color);
				font-size: clamp(1.2305rem, 1.5625vw, 1.8750rem); /* 摮�擃� ��撠��� 19.69px��憭批�蝝� 1.5625vw����憭批�� 30.00px */
				font-weight: 400;
				/* 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: 10px;
			color: var(--seventh_color);
			font-family: var(--foreign_foreign2);
			border-bottom: 1px var(--dark_color) dashed;
			padding-bottom: clamp(0.625rem, 1.0417vw, 1.25rem);  /* ��撠��� 10px��憭批�蝝� 1.0417vw����憭批�� 20px*/
		}
		
			/*���∪�寞��*/
			.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(--seventh_color);
					font-weight: bold;
					font-family: var(--mandarin_font);
					font-size: 15px; /* 摮�擃� ��撠��� 1.00px��憭批�蝝� 0.5208vw����憭批�� 10.00px */
				}
			
			/*��憪��桀��*/
			.productIn_price{
				/* float: left; */
				box-sizing: border-box;
				text-decoration: line-through;
				font-size: clamp(0.7500rem, 0.9868vw, 1.1842rem); /* 摮�擃� ��撠��� 12.00px��憭批�蝝� 0.9868vw����憭批�� 18.95px */
				color: var(--fourth_color);
				font-family: inherit;
			}



			.specification_productBuy_bg{
				display: grid;
				/* grid-template-columns: 50% 50%; */
				grid-template-columns: 3.78fr  1fr;
				gap: 0 10px;
				font-size: clamp(0.7500rem, 0.7292vw, 0.8750rem); /* 摮�擃� ��撠��� 12.00px��憭批�蝝� 0.7292vw����憭批�� 14.00px */
				color: var(--seventh_color);
			}
			
					/* �啣�閬��� modify by pekey 20241011 start*/
					.specification_bg {
						width: 100%;
						position: relative;
						
						display: flex;
						flex-direction: column;
						gap: 10px;
					}
						.specification_bg .title{
							font-size: inherit;
							font-weight: 500;
							/* color: var(--seventh_color); */
						}
						.specification_bg .content {
							width: 100%;
			
							position: relative;
						}
							.specification_bg_.select{
								width: 100%;
							}
			
								.specification_bg .select select{
									font-size: inherit;
									width: 100%;
									height: 42px;
									border: 1px solid var(--dark_color);
									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*/
					}


			
						/* �賊�� */
						.product_buyBg .quantity{
							/* display: table;
							display: inline-block; */
							width: 100%;
							/* width: 25%; */
							/* height: 42px; */
							/* border: 1px solid var(--dark_color); */
							box-sizing: border-box;
							position: relative;
							display: flex;
							flex-direction: column;
							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: inherit;
								font-size: inherit;
								color: inherit;
							}
			
							/* �批捆 */
							.product_buyBg .quantity .content {
								/* padding-left: 60px; */
								border: 1px solid var(--dark_color);
								height: 40px;
								display: flex;
								flex-direction: column;
								border-radius: 5px;
							}
								.product_buyBg   .content_in {
									width: 100%;
									box-sizing: border-box;
									position: relative;
									display: flex;
									align-items: center;
									flex-grow: 1;
								}
									.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: var(--dark_color);
										/* 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: #AEAEAE;
										/* height: 42px; */
										/* background-color: #cccccc;
										color: #ffffff;
										font-weight: bold;
										border: 1px solid #cccccc;
										border-top-right-radius: 3px;
										border-bottom-right-radius: 3px; */
									}














			/*蝯���靽��瑞���賊��+閬��嫻�芣��銝���*/
			.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;
				} 
				/* .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: #c1272d;
						border: solid 1px #c1272d;
						color: #c1272d; */
					}
					/* 蝝Ｗ��璅���_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: clamp(5.0625rem, 4.9479vw, 5.9375rem);  ��撠��� 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_bottomArea .name{
		font-size: clamp(1.2305rem, 1.5625vw, 1.8750rem);
	}
	.productIn_bottomArea .name strong{
		font-size:inherit;
		font-weight: inherit;
		font-family: inherit;
		/* border-left: 5px var(--primary_color) solid; */
		/* padding-left: 10px; */
		line-height: 1;
	}
	.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(--primary_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;
			}

}






/*========================================================*/
/*-------�Ｗ��頛芣�剔悌�剔悌�剜見撘�--------*/
/*========================================================*/



.product_control{
	
	position: relative;
	margin: 0 auto;
	display: flex;
	align-items: center;
	/* margin-top: 90px; */
	justify-content: center;
	margin-top: clamp(5.0625rem, 4.9479vw, 5.9375rem);  /*��撠��� 81px��憭批�蝝� 4.9479vw����憭批�� 95px*/
	gap: 10px;
}
 .product_control .swiper-button-prev,
 .product_control .swiper-button-next{
	
	width:70px;
	height: 70px;
	position: unset;
	transform: unset;
	top: unset;
	margin: 0;
	background-size: 70px;
}
 .product_control .swiper-button-prev{
	/* background-image: url('../../../images/roundbutton_left.svg'); */
	background-image:url(../../../images/left_arrow.svg);
}
 .product_control .swiper-button-next{
	/* background-image: url('../../../images/roundbutton_right.svg'); */
	background-image:url(../../../images/right_arrow.svg);
}
 .product_control .swiper-pagination .swiper-pagination-bullet{
	 background-image: url('../../../images/lighticon_grey.svg');
	 background-color: unset;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 width:25px;
	 height: 25px;
}


 .product_control .swiper-pagination {
	
    position: unset;
    display: flex;
    width: auto;
}
 .product_control .swiper-pagination .swiper-pagination-bullet-active{
	background:none !important;
	background-image: url('../../../images/lighticon_yellow.svg')!important;
}


@media(max-width:990px){

	 .product_control .swiper-button-prev,
	 .product_control .swiper-button-next{
		width:36px;
		height: 36px;
		background-size: 99%;
	}
	
}

@media(max-width:768px){
	 .product_control{
		/* margin-top: 40px; */
		margin-top: clamp(2.5rem, 4.1667vw, 5rem); /*  ��撠��� 40.00px��憭批�蝝� 4.1667vw����憭批�� 80.00px */
	}
	
}
@media(max-width:540px){

	 .product_control .swiper-pagination {
		display: none;
	}
	 .product_control .swiper-button-prev,
	 .product_control .swiper-button-next{
		position: unset;
		transform: unset;
		top: unset;
		margin: 0;
	}

}




























/*========================================================*/
/*-------�Ｗ���折��璅�撘�_��蝞�--------*/
/*========================================================*/


.text_area .columns_area{
	gap: 15px;
	display: flex;      /* ���狄lexbox撣�撅� */
	flex-wrap: wrap;    /* �嗥征��銝�頞單����閮望��銵� */
}

.text_area .col{
	display: inline-flex;   /* 閮剔蔭��撠�撖砍漲嚗�蝣箔�蝛粹��銝�憭����臭誑��銵� */
}



/* �刻�Ｗ�撖砍漲憭扳��991��嚗�憟��券��鋆∠���孵�璅�撘� */ 
@media screen and (min-width: 991px){
	.text_area .col{
		flex: 1;            /* 霈�瘥�����蝝�敶��找����舐�函征�� */
	}
}