/* �臬�亙�梁�函��蝞望芋蝯�.css */
/* @import url("../../style_popup.css"); */

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


.pageContent .wrap{
	/* max-width: 1525px; */
	/*max-width: 95.3125rem;*/ /*1525px*/
	/*max-width:clamp(56.25rem , 79.4271vw, 95.3125rem);*/ /* ��撠��� 900px��憭批�蝝� 79.4271vw����憭批�� 1525.00px */
}


.product_pageBg {
	display: flex;
	flex-direction: column;
	gap: clamp(1.3322rem, 1.3021vw, 1.5625rem); /*  ��撠��� 21.32px��憭批�蝝� 1.3021vw����憭批�� 25.00px */
}
	/* �Ｗ���折��_銝����典��憛� */
	.product_pageBg .top{
		/* padding-bottom: 25px; */
		display: grid;
		align-items: flex-start;
		grid-template-columns: 49fr 51fr;
		gap:  clamp(0.9375rem, 3.9063vw, 4.6875rem);  /* ��撠��� 15px��憭批�蝝� 3.9063vw����憭批�� 75x*/
	}

		
		/* �Ｗ���折��_撌血���典��憛� */
		.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;
			
		  }
	

		  .product_leftArea .swiper-slide-thumb-active .smallProduct_img a{
			/* outline: 2px solid var(--dark_color_sec); */
		  }
	




					/* 憭批����銵� */
					.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%;
						/*  padding: 10px 15px 0px 15px; */
						border: 2px #fff0 solid;
					}
						.product_leftArea .smallProduct_img a{
							display: block;
							padding: 50% 0;
							width: 100%;

							aspect-ratio: 1;
							padding: 0;
						}
							.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; */


								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;
							}

					.product_leftArea .swiper-slide-thumb-active .smallProduct_img{
						border-color: var(--dark_color_sec);
						border-color:#e5e5e5;
					}



		  /* 撌血�喲�� */
		  .product_leftArea .swiper-button-prev, 
		  .product_leftArea .swiper-button-next {
			  width: 1.875rem;  /*30px*/
			  height: 1.875rem;  /*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.9%;
			  background-position: center;
			  background-repeat: no-repeat;
			 }
		  .product_leftArea .swiper-button-prev{
			left: 0.625rem;
			/* background-image:url(../index/images/left_arrow2.png); */
		  }
		  .product_leftArea .swiper-button-next{
			right: 0.625rem;
			/* background-image:url(../index/images/right_arrow2.png); */
		  }


		  
			/* ��鈭怠��憛� */
			/* .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(--dark_color);

				font-size: clamp(1.3125rem, 1.6667vw, 2rem);  /*摮�擃� ��撠��� 21px��憭批�蝝� 1.6667vw����憭批�� 32px*/
				font-weight: bold;
				/* font-family: var(--mandarin_font2); */
				display: flex;
				flex-direction: column;
				gap: 0.625rem; /*10px*/
				gap: inherit; /*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{	
					font-size: inherit;
					line-height: 1;
					font-family: var(--foreign_font);					
					color: #5e5e5e;   
					font-size: clamp(1rem, 1.0938vw, 1.3125rem);  /*摮�擃� ��撠��� 16px��憭批�蝝� 1.0938vw����憭批�� 21px*/
				}

				/* �Ｗ����鋆� */
				.product_rightArea .prodPack{
					font-size: inherit;
					color: var(--dark_color);  
				}

               .product_rightArea  .product_price{
                    margin: 0px;
                    line-height: 1.1;
                    color: var(--dark_color);                    
                    font-weight: bold;
                    display: flex;
                    flex-direction: row;
                    align-items: baseline;
                    /*gap: 0.625rem;*/ /*10px*/
                    /* gap: inherit;*/ /*10px*/
                    font-size: inherit;
				}
                     .product_rightArea  .product_price strong{
                        font-weight: 700;
                        color: var(--primary_color);
                        font-family: var(--foreign_font);
                        font-size: clamp(1.3125rem, 1.6667vw, 2rem);  /*摮�擃� ��撠��� 21px��憭批�蝝� 1.6667vw����憭批�� 32px*/
                     }


			/* 蝪∟膩 */
			.product_rightArea .product_description{
				/*font-size: clamp(.875rem, 0.8333vw, 1rem);*/  /*摮�擃� ��撠��� 14px��憭批�蝝� 0.8333vw����憭批�� 16px*/
				font-size:1rem;
                line-height: 1.5;
				color: var(--dark_color);
			}
				.product_rightArea .title{
					padding-bottom: 0.625rem; /*10px*/
					font-size: clamp(1rem, 1.0938vw, 1.3125rem);  /*摮�擃� ��撠��� 16px��憭批�蝝� 1.0938vw����憭批�� 21px*/ 
					line-height:inherit;
					color:inherit;
					font-weight: 600;
					position: relative;
					border-bottom:1px solid var(--primary_color);
					/* cursor: pointer; */
					transition: 0.3s ease all;
					padding-right: 3.75rem; /*60px*/
				}
				.product_rightArea .title::before{
					position: absolute;
					content: "";
					top: 50%;
					right: 10px;
					transform: translateY(-50%);
					background-image: url(../../../images/bottom_arrow_icon_bk.svg);
					background-position: center;
					transform-origin: center;
					background-size: 99.9%;
					width: 1.25rem; /*20px*/
					height: auto;
					aspect-ratio: 1 / 1;
					transition: 0.3s ease all;

					display: none;
				}
					.product_rightArea .title strong{
						font-size:inherit;
						line-height:inherit;
						color:inherit;
						padding-top:inherit;
						font-weight:inherit;
					}
					.product_rightArea .arrow{
						border: none;
						top: 50%;
						transform: translateY(-50%);
						transform-origin: center;
						transition: 0.3s ease all;
						right: 20px;
						position: absolute;
					}
					.product_rightArea .arrow i{
						font-size: 1.875rem; /*30px*/
						line-height: 1;
						color: #000;
					}

				.product_rightArea .text{
					font-size:inherit;
					line-height:1.5;
					color:inherit;
					padding-top: 0.625rem; /*10px*/

					display: none;
					transition: display 0.3s ease;
				}

				/*����*/
				.product_rightArea .product_description.active{
				}
				/* .product_rightArea .product_description.active .title::before , */
				.product_rightArea .product_description.active .arrow{
					transform: translateY(-50%) rotate(180deg);
					transition: 0.3s ease all;
				}
				.product_rightArea .product_description.active .text{
					display: block;
					transition: display 0.3s ease;
				}



				/*����頠�����----------------------*/
				.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%;
					max-width: 180px;
					padding: 0;
					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: clamp(1rem, 0.9375vw, 1.125rem); /* 摮�擃� ��撠��� 16px��憭批�蝝� 0.9375vw����憭批�� 18px */
					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;


					position: relative;
					z-index: 1;
					overflow: hidden;
					/* background: var(--primary_color); */
					transition: background 1.1s;
				}

				.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(--primary_color);
						background-color: var(--primary_color);
						color: #fff;
					}



					.product_rightArea .button_list.add_button button:after {
						content: '';
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: #ef800000;
						z-index: -2;
					}
					.product_rightArea .button_list.add_button button:before {
						content: '';
						position: absolute;
						bottom: 0;
						left: 0;
						width: 0%;
						background-color: var(--second_color);
						height: 100%;
						/* background-image: linear-gradient(to left, #cc208e 0%, #6713d2 100%); */
						transition: all .3s;
						z-index: -1;
					}
					.product_rightArea .button_list.add_button button:hover:before {
						width: 100%;
						z-index: -1;
					}
					.product_rightArea .button_list.add_button button:hover {
						background-color: transparent;
						border-color: var(--second_color);
						transition: background 1.1s , border-color 0.1s;
					}









					/* 蝡��唾頃鞎愷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);  */
						
						
						border-color: var(--primary_color);
						background-color: var(--primary_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(--primary_color); */
					/* border-color: var(--primary_color); */
					/* transition: 0.3s ease all; */
					/* opacity: 0.5; */
				}

					/* �桀�鋆�鞎其葉_button */
					.product_rightArea .button .button_list.soldout_button:hover input ,
					.product_rightArea .button .button_list.soldout_button:hover button {
						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;
	}

}











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


		
	/*�喳�渲�������*/
	.btn_area.one {
		text-align:center;
		margin-top: clamp(5.0625rem, 4.9479vw, 5.9375rem);  /*��撠��� 81px��憭批�蝝� 4.9479vw����憭批�� 95px*/
	}	

        .btn_area input.shop ,
		.btn_area button.shop {
            color: #fff;
            background: var(--primary_color);
            border-color: var(--primary_color);

			position: relative;
			z-index: 1;
			overflow: hidden;
			transition: background 1.1s;
        }
		.btn_area button.shop:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #ef800000;
			z-index: -2;
		}
		.btn_area button.shop:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0%;
			background-color: var(--second_color);
			height: 100%;
			/* background-image: linear-gradient(to left, #cc208e 0%, #6713d2 100%); */
			transition: all .3s;
			z-index: -1;
		}
		.btn_area button.shop:hover:before {
			width: 100%;
			z-index: -1;
		}
		.btn_area button.shop:hover {
			 /* background: var(--dark_color_sec);
            border-color: var(--dark_color_sec);
            color: #fff; */
			background-color: transparent;
			border-color: var(--second_color);
			transition: background 1.1s , border-color 0.1s;
		}














/* �Ｗ��銝��孵��憛� */
.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 span:before{
	/* clip-path: polygon(50% 100%, 0 0, 100% 0); */
	content: "";
	position: absolute;
	/* width: 15px;
	height: 10px; */
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 1;
	transform: translate(-50% , 0);
	opacity: 0;
	transition: 0.3s ease;
	bottom: -19px;
	border-top: 10px solid var(--primary_color);
	border-left: 10px solid #fff0;
	border-right: 10px solid #fff0;
	border-bottom: 10px solid #fff0;
}

.productIn_bottomItem .tabs li:hover  span:before  ,
.productIn_bottomItem .tabs li.active span:before {
    opacity: 1;
}
.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_bottomItem .p_tab_text_area {
		background: #fff0;
		/* padding: 0px 0px 0px; */
	}






/* 雿��航�賣����甇∪��憛� */

.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;      /* ���狄lexbox撣�撅� */
	flex-wrap: wrap;    /* �嗥征��銝�頞單����閮望��銵� */
}

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



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