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

/* 匯入共用燈箱.css */
@import url("../../style_popup.css");

/* 匯入共用產品內頁資訊.css */
@import url("../style_product/style_product_in.css");

/*========================================================*/
/*-------活動專館_產品列表樣式(a+b)--------*/
/*========================================================*/




/*/////////////////////////////////////////////////////////*/
/*活動專館*/
/*/////////////////////////////////////////////////////////*/


/* 活動專館頁-------------- */
.activityHall_area{
	/*padding: 10px 10px; */
	/* border-radius: 10px; */
	border: solid  1px var(--sixth_color);
	/* margin-top: 30px; */
	margin-bottom:  clamp(5.0625rem, 4.9479vw, 5.9375rem);  /*最小值 81px、大小約 4.9479vw、最大值 95px*/
}



.activityHall_areaTop{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 15px;
	border-bottom: solid 1px var(--sixth_color);
	font-size: 16px;
	line-height: 1.5;
}

	/* 活動專館頁簡述區-------------- */
	.activityHall_area ul.act_remark{
	padding: 0;
	margin:0;
	list-style-type: none;
	display: block; 
	box-sizing: border-box;
	}
		.activityHall_area ul.act_remark li{
			padding: 0;
			margin:0;
			list-style-type: none;
			display: block;
		}
		.activityHall_area ul.act_remark li:first-of-type{
			/* color: #959595; */
		}
			.activityHall_area ul.act_remark em{		
				font-style: normal;
				color: var(--fifth_color);
				padding: 0 5px;
				box-sizing: border-box;
			}
			.activityHall_area ul.act_remark em.conclusion{		
				font-size: 20px;
			}




	/* 活動專館頁按鈕區-------------- */
	.activityHall_area ul.act_btn{
		padding: 0;
		margin:0;
		list-style-type: none;
		display: block;	
		box-sizing: border-box;
	}
		.activityHall_area ul.act_btn li{
			padding: 0;
			margin:0;
			list-style-type: none;
			display: block;
			width: 125px;
		}

			.activityHall_area ul.act_btn select{		
				width: 100%;
			}
			.activityHall_area ul.act_btn .btn_area.one{	
				padding: 0;
				margin-top: 10px;
			}
			.activityHall_area ul.act_btn .btn_area.one input{
				width: 100%;
				margin: 0;
				height: 38px;
				line-height: 38px;
				background: var(--seventh_color);
				border-color: var(--seventh_color);
			}


/* 活動專館頁商品-------------- */
ul.activityHall_commodity{
   padding: 0;
   margin: 0;
   list-style-type: none;
   display: flex;
   flex-wrap: wrap;
   padding: 1.5625vw .9375rem; /*30px 15px*/
   font-size: 1rem;
   gap:clamp(0.4688rem, 0.7813vw, 0.9375rem); /* 7.50px , 0.7813vw , 15.00px */
   display: grid;
   grid-template-columns: repeat(6 , 1fr);
}
   /* 活動專館頁商品列表-------------- */
   ul.activityHall_commodity li{
		padding: 0;
		margin: 0;
		display: block;
		list-style-type: none;
		box-sizing: border-box;
		/* padding: 0 5px 10px; */
		/* width: 16.6%; */
	}
	   ul.activityHall_commodity li a{
		   display: block;
		   text-decoration: none;
		   position: relative;
		}

	   /* 移除 */
	   ul.activityHall_commodity .delete{
			text-align: right;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			background-color: #ffae00cc;
			display: flex;
			align-items: center;
			color: #fff;
			justify-content: center;

			/* display: none; */
			opacity: 0;
			transition: 0.3s ease all;	
		}
		   ul.activityHall_commodity .delete svg{
				fill: #fff;
				/* background-color: #d87c44; */
				padding: 3px;
				width: 15px;
				height: 15px;
				/* display: block; */
				/* border-radius: 0 0.625em 0 0; */
			}	
			
		ul.activityHall_commodity li a:hover .delete{
			/* display: flex; */
			opacity: 1;
			transition: 0.3s ease all;	
		}


	ul.activityHall_commodity li{
		
	}
		ul.activityHall_commodity li .bottom{
			margin-top: 0.3125rem; /*5px*/
		}
			ul.activityHall_commodity li .bottom a{
				display: flex;
				flex-direction: column;
				gap:0.3125rem; /*5px*/
				font-size: clamp(0.875rem, 0.9375vw, 1.125rem);
				text-decoration: none;
				padding: 0;
				margin: 0;
				color: #7882a5;
			}
			
				ul.activityHall_commodity li .bottom .product_type{
					border-bottom: 1px dotted #000;
					padding-bottom: 5px;
					color: var(--seventh_color);

					display: -webkit-box;
					-webkit-box-orient: vertical;	
					-webkit-line-clamp: 2;	
					overflow: hidden;
				}
					ul.activityHall_commodity li .bottom .product_type strong{
						display: -webkit-box;
						-webkit-box-orient: vertical;	
						-webkit-line-clamp: 2;	
						overflow: hidden;
						font-size: inherit;
						line-height: inherit;
						font-weight: inherit;
						padding: 0;
						margin: 0;
						font-weight: 200;
					}

				ul.activityHall_commodity li .bottom .product_name{
					display: -webkit-box;
					-webkit-box-orient: vertical;	
					-webkit-line-clamp: 2;	
					overflow: hidden;
				}
				ul.activityHall_commodity li .bottom  .degree{
					font-weight: 500;
					line-height: inherit;
					font-size: clamp(0.7500rem, 0.7292vw, 0.8750rem); /* 字體 最小值 12.00px、大小約 0.7292vw、最大值 14.00px */
					color: var(--seventh_color);
				}
				ul.activityHall_commodity li .bottom .product_price{
					color: #967896;
					font-family: var(--foreign_foreign2);
				}
					ul.activityHall_commodity li .bottom .sale{
						display: flex;
						flex-wrap: wrap;
						align-items: baseline;
						gap:0.3125rem; /*5px*/
					}
					ul.activityHall_commodity li .bottom .sale strong{
						font-weight: normal;
    					letter-spacing: normal;
					}
					ul.activityHall_commodity li .bottom .sale .num{
						
					}

				/* 刪除已選擇的按鈕 */
				ul.activityHall_commodity li .del_button{
					margin: 0;
					margin-top:0.3125rem; /*5px*/
					/*border-radius: clamp(0.1613rem, 0.2604vw, 0.3125rem);*/ /*2.5 - 5*/
					border-radius: 0.1875rem;
					background-color: var(--notice_color);
					color: #ffffff;
					padding: 0.25rem 0.375rem;/*4px 6px*/
					text-align: center;
					z-index: 1;
					display: flex;
					justify-content: center;
					align-items: center;
					line-height: 1;
					border: none;
					/*font-size: clamp(0.875rem, 0.9375vw, 1.125rem);*/ /*14 - 18*/
					font-size: clamp(0.7500rem, 0.7292vw, 0.8750rem); /* 字體 最小值 12.00px、大小約 0.7292vw、最大值 14.00px */
					cursor: pointer;
				}
				ul.activityHall_commodity li .del_button:hover{
					opacity: 0.5;
				}















	   /* 活動專館頁商品_圖 */
	   ul.activityHall_commodity .activityHall_commodityImg{
		   display: block;
		   position: relative;
		   /* padding-top: 100%; */
		   aspect-ratio: 1;
		   border-radius: 0.625em;
		   overflow: hidden;
		}
			ul.activityHall_commodity .activityHall_commodityImg span{
				position: absolute;
				top: 0;
				left: 0;
				border-radius: 0;
				border-top-right-radius:    clamp(0.1613rem, 0.2604vw, 0.3125rem); /* 2.58px , 0.2604vw , 5px */
				border-bottom-right-radius: clamp(0.1613rem, 0.2604vw, 0.3125rem); /* 2.58px , 0.2604vw , 5px */
				background-color: var(--primary_color);
				color: #ffffff;
				padding: 0;
				width: clamp(1.5625rem, 1.5625vw, 1.875rem); /* 25px , 1.5625vw , 30px */
				aspect-ratio: 1;
				text-align: center;
				z-index: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				line-height: 1;
				font-family: var(--foreign_foreign2);
			}

		   ul.activityHall_commodity .activityHall_commodityImg img{
			   width: 100%;
			   height: auto;
			   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;	
		   }


	   /* 價格 */
	   ul.activityHall_commodity .pLL_price{
		   font-size: 12.8px;
		   line-height: 1;
		   margin-top: 6px;
		   color: #c1272d;
	   }
			ul.activityHall_commodity .pLL_price em{
				font-style: normal;
			}

	   /* 數量 */
	   ul.activityHall_commodity .pLL_price span.quantity{
			display: inline-block;
			box-sizing: border-box;
			color: #7c7c7c;
			font-weight: lighter;
	   }
		ul.activityHall_commodity .pLL_price span.quantity:before {
			content: attr(data-name);
		}



	/* 尚未選擇商品 */
	ul.activityHall_commodity li.notYet{
		font-size: 12.8px;
		display: none;
	}
	ul.activityHall_commodity li.notYet.active{
		display: block;
	}
	ul.activityHall_commodity li.notYet a{
		cursor: default;
		border: 1px #959595 dashed;
	}
		ul.activityHall_commodity li.notYet .notYetIn {
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			opacity: 1;
			background-color: #fff0;
			color: #959595;
			/* border: 1px #ccc dashed; */
		}



.product_list_area.activityHall{	
}

	.product_list_area.activityHall .operate_pLL_bottom{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
		.product_list_area.activityHall .pLL_tit ,
		.product_list_area.activityHall .pLL_originalPrice ,
		.product_list_area.activityHall .pLL_price {
			width: 100%;
		}
		.product_list_area.activityHall .pLL_price {
			padding-bottom: 8px;
		}
		.product_list_area.activityHall .pLL_add_cart {
			width: 30%;
			display: block;
			padding: 0;
		}
		.product_list_area.activityHall .pLL_specification {
			display: block;
			width: calc(100% - 35%);
			padding: 0;
		}
			.product_list_area.activityHall  .pLL_specification select{
				border-radius: 3px;
			}

			.product_list_area.activityHall .pLL_add_cart a {
				padding: 8px 8px;
				width: 100%;
				text-align: center;
				border-radius: 3px;
				box-sizing: border-box;
				line-height: normal;
				height: 35px;
				font-size: 17.6px;
			}

			/* hover */
			.product_list_area.activityHall .pLL_add_cart a:hover {
				background-color: #df2f7e;
			}








@media (max-width: 1350px){

/* 活動專館頁商品-------------- */
ul.activityHall_commodity{
   grid-template-columns: repeat(5 , 1fr);
}
   ul.activityHall_commodity li{
		/* width: 20%; */
	}	

	.activityHall_areaTop{
		display: block;
		flex-wrap: unset;
		justify-content: unset;
	}
		.activityHall_area ul.act_btn {
			padding: 15px 0 0;
			display: flex;
			justify-content: space-between;
		}
			.activityHall_area ul.act_btn li{
				width: 49%;
			}
			.activityHall_area ul.act_btn .btn_area.one {
				padding: 0;
				margin-top: 0px;
			}
}




@media (max-width: 990px){
		
	/* 活動專館頁-------------- */
	.activityHall_area{
		margin-bottom: clamp(2.1316rem, 2.0833vw, 2.5000rem); /* 最小值 34.11px、大小約 2.0833vw、最大值 40.00px */
	}

}









@media (max-width: 640px){

/* 活動專館頁商品-------------- */
ul.activityHall_commodity{
   grid-template-columns: repeat(3 , 1fr);
}
	ul.activityHall_commodity li{
		 /* width: 33.3%; */
	}	

	 ul.activityHall_commodity li .delete {
		opacity: 1;
		/* background-color: #fff0; */
		width: 50%;
		height: 50%;
		top: 50%;
		left: 50%;
		right: unset;
		border-radius: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	ul.activityHall_commodity .delete svg {
		display: none;
	}
 
 }
 
@media (max-width: 425px){

/* 活動專館頁商品-------------- */
ul.activityHall_commodity{
   grid-template-columns: repeat(2 , 1fr);
}
	ul.activityHall_commodity li{
		 /* width: 50%; */
		}	
 
 }




.activeBg{	
	/* padding-top: 50px; */
}
	/* 活動產品_工具列區塊 */
	.activeBg .sort_selectArea {
		float: right;
		box-sizing: border-box;
		margin-bottom: 5px;
	}

/* 活動產品區塊 */
.productActive_bg{
	display: flex;
	flex-direction: column;
	gap: clamp(5.0625rem, 4.9479vw, 5.9375rem);  /*最小值 81px、大小約 4.9479vw、最大值 95px*/
}
	
	.productActive_area{
		
	}

	.productActive_area .pageContent_title2 .title_line::after {
		border-width: 4px;
	}
	.productActive_area .pageContent_title2 .title_line .icon-left, 
	.productActive_area .pageContent_title2 .title_line .icon-right {
		bottom: -16px;
	}



	.productActive_bg .product_list_img > a ,
	.productActive_bg .product_bottom a{
		/*cursor: default;*/ /* modify by Judy 20250321 */
	}
	.productActive_bg .product_list_img > a:hover img {
		/*opacity:1;
		transform: scale(1);*/ /* modify by Judy 20250321 */
	}










.productActive_bg .operate_pLL_bottom{
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* margin: 10px 0 0; */


	display: none; /* modify by Judy 20250321 */
}

	.productActive_bg .specification_bg{
		padding: 0;
		width: 49%;
	}
	.productActive_bg .product_buyBg{
		padding: 0;
		width: 49%;
	}

		.productActive_bg .pLL_specification{
			display: block;
			width: calc(100% - 58px);
			padding: 0;
			box-sizing: border-box;
		}
			.productActive_bg .pLL_specification select{
				border-radius: 3px;
				width: 100%;
				padding: 5px 0px 5px 7px;
			}

		.productActive_bg .orignal_price em,
		.productActive_bg .member_price em {
			font-style: normal;
		}
		
		.productActive_bg .pLL_add_cart{
			/* width: 30%; */			
			padding: 0;
			width: 52px;
			box-sizing: border-box;
		}
			.productActive_bg .pLL_add_cart input{
				/* padding: 8px 8px;
				width: 100%; */
				text-align: center;
				border-radius: 3px;
				box-sizing: border-box;
				height: 29px;
				font-size: 15px;
				line-height: 29px;
				background-color: var(--fifth_color);
				color: #fff;
				text-decoration: none;
				display: block;
				width: 100%;
			}
			.productActive_bg .pLL_add_cart input:hover{	
				opacity: 0.5;
				transition: 0.3s ease all;
			}










		
	
@media (max-width: 990px){
	
	/* 活動產品區塊-------------- */
	.productActive_bg{
		gap: clamp(2.1316rem, 2.0833vw, 2.5000rem); /* 最小值 34.11px、大小約 2.0833vw、最大值 40.00px */
	}

}