/* 產品列表 */
.productlist{
	/* padding: 0;
	margin-bottom: 20px; */
}
/* 有外框線的 */
.productlist--outline {
}
/* 橫式的 */
.productlist--horizontal{

}
/* 項目 */
.productlist__item{
	position: relative;
	background: #fff;
	overflow: hidden;
	/* border: 1px solid transparent; */
}
.productlist__tag {
	padding: 0;
	text-align: center;
	min-width: 44px;
	line-height: 25px;
	font-size: 13px;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 3;
	display: none;
	color: #fff;
	background: #b81b25;
	/*background: var(--blue-main, #002852);*/
	font-weight: 300;
	pointer-events: none;
}
/* 角標 */
.productlist__tag--triangle {
	border-style: solid;
	border-width: 55px 60px 0 0;
	color: #fff;
}
/* 角標-開啟 */
.productlist__tag--show{
	display: block;
}
/* 角標-特惠 */
.productlist__tag--sale{
	border-color: #ec426f transparent transparent transparent;
}
/* 角標-文字 */
.productlist__tag-text{
	position: absolute;
	top: 20px;
	width: 40px;
	left: 3px;
	top: -45px;
	font-size: 12px;
	text-transform: uppercase;
}
/* 標籤列表 */
.productlist__tagbox{
	/* display: none; */
	margin: 0 0 5px;
	max-height: 53px;
	overflow: hidden;
}
/* 圖片區 */
.productlist__imgbox {
}
.productlist__img-link:after {
	padding-top: 100%;
	content:"";
	display: block;
}
/* 圖片-連結 */
.productlist__img-link {
	display: block;
	position: relative;
}
.productlist__img-link::before {
	content: '';
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	transition: .3s;
	z-index: 2;
	opacity: 0;
	transition: opacity .3s;
}
.productlist__img-link:active::before {
	opacity: 0.06;
}
/* 圖片 */
.productlist__img {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	max-width:100%;
	margin:auto;
	z-index: 1;
}
/* 圖片-點擊 */

/* 資訊區 */
.productlist__infobox {
	padding: 10px;
	/* overflow: hidden; */
}
/* 共同設定 */
.productlist__title,
.productlist__pricebox,
.productlist__spec{
}

/* 產品名稱*/
.productlist__title {
	font-size: 1em;/*16/16*/
	line-height: 1.5;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	max-height: 4.5em;
	margin: 0 auto;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	font-weight: normal;
	min-height: 4.5em;
	/* letter-spacing: .05em; */
}
/* 產品名稱-連結*/
.productlist__title-link {
	display: block;
	text-decoration: none;
	color: #555;
}
/* 產品名稱-連結active*/
.productlist__title-link:active {
}
/* 價格區 */
.productlist__pricebox{
}
/* 中文 */
.productlist__price-cht{
	display: none;
}
.productlist__price-sell{
	min-height: 15px;
}
.productlist__price-offer {
	color: #002852;
	padding-right: .1em;
}
.productlist__pricebox--sale .productlist__price-offer {
	color: #b81b25;
}
.productlist__pricebox--sale .productlist__price-offer-cht {
	display: inline-block;
	padding: 0 2px;
	border: 1px solid currentColor;
	text-decoration: none;
	font-size: 13px;
	color: #b81b25;
	margin-right: .25em;
	margin-top: -2px;
    vertical-align: middle;
}

.productlist__price-offer .price-offer-num {
	font-weight: 600;
}
.productlist__price-event {
	display: none;
	color: #b81b25;
	padding-right: .1em;
}
.productlist__price-event-cht {
	display: inline-block;
	padding: 0 2px;
	border: 1px solid currentColor;
	text-decoration: none;
	font-size: 13px;
	color: #b81b25;
	margin-right: .25em;
	margin-top: -2px;
    vertical-align: middle;
}
.productlist__price-event-cht:hover,
.productlist__price-event-cht:focus, 
.productlist__price-event-cht:active {
	color: #fff;
	background: #b81b25;
	border-color: #b81b25;
}
.productlist__price-event .price-event-num {
	font-weight: 600;
}

.productlist__pricebox--event .productlist__price-event {
	display: inline-block;
}
.productlist__pricebox--event .productlist__price-sell {
	display: none;
}
.productlist__pricebox--event .price-offer-num {
	font-size: 14px;
}

/* 購買區 */
.productlist__buybox{
}
.productlist__addcartbox{
}
/* 規格 */
.productlist__spec{
	margin-bottom: 10px;
}
/* 規格-款式 */
.productlist__spec-color{
	/* display: none; */
}

/* 購買區-按鈕區 */
.productlist__btnbox {

}

/* 更多 */
.productlist__more{
	min-height: 19px;
}
.productlist__more-link{
	color: #ec426f;
	font-size: 14px;
}
/*特點*/
.productlist__features{
	margin: 0 0 1.25em;/*20/16 0*/
	padding-left: 1em;/*16/16*/
	border-bottom: 1px solid #ddd;
	display: none;
}
/*特點單項*/
.productlist__features-item{
	font-size: 0.875em;/*14/16*/
	margin: 0 0 0.714286em;/*10/14 0*/
}
/* 乾淨模式-規格、按鈕關閉*/
.productlist--mode-simple .form-qty__field-color,
.productlist--mode-simple .form-qty__field-spec,
.productlist--mode-simple .form-qty__field-qty,
.productlist--mode-simple .productlist__addcartbox,
.productlist--mode-simple .productlist__spec{
	display: none;
}

.productlist__link{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	text-indent: -999999px;
	overflow: hidden;
	display: none;
}
/*產品收藏*/
.productlist__like{
	position: absolute;
	top: 5px;
	right: -100%;
	z-index: 5;
	background: #fff;
	border-radius: 50%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

/* 購物模式 */
.productlist--mode-buy .productlist__title {
	max-height: 3em;
	min-height: 3em;
	-webkit-line-clamp: 2;
}
.productlist--mode-buy .form-qty__field {
	margin-bottom: 10px;
}
.productlist--mode-buy .productlist__select-form {
	padding-bottom: 20px;
}
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 css。*/
@media screen and (min-width: 768px) {
	/* 圖片區 */
	.productlist__imgbox {
		margin: 0 0 0.75em;/*0 0 12/16*/
	}
	/* 資訊 */
	.productlist__infobox {
	}
	/* 共同設定 */
	.productlist__title,
	.productlist__pricebox,
	.productlist__spec {
	}
	/* 產品名稱 */
	.productlist__title {
	}
	/* 特點 */
	.productlist__features{
	}
	/* 購買區 */
	.productlist__addcartbox{
	}
	.form-qty__field-spec,
	.form-qty__field-qty{
		/* display: inline-block; */
	}
	.productlist__price-offer,
	.productlist__price-sell {
		display: inline-block;
	}
	.productlist__price-sell {
		margin-left: .25em;
	}
	/* 購買區區 */
	.productlist--mode-buy .form-qty__body,
	.productlist--mode-buy-separate-buy .form-qty__body{
		margin: 0 -3px;
		font-size: 0;
		letter-spacing: -4px;
		word-spacing: 0;
	}
	.productlist--mode-buy .form-qty__field {
		font-size: 16px;
		margin-left: 3px;
		margin-right: 3px;
	}
	.productlist--mode-buy .form-qty__field-spec,
	.productlist--mode-buy .form-qty__field-color{
		width: calc(50% - 6px);
		display: inline-block;
	}
	.productlist--mode-buy .productlist__infobox {
		padding: 5px 10px 10px;
		min-height: 130px;
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 css。*/
@media screen and (min-width: 1024px) {
	/*產品收藏*/
	.productlist__like{
		top: 8px;
		padding-left: 1px;
	}
	/*滑入效果*/
	.productlist__item:hover .productlist__like{
		right: 8px;
	}
	/* 有外框線的 */
	.productlist--outline .productlist__item {
		border: 1px solid #eee;
	}
	/* 有陰影 */
	.productlist--h-shadow .productlist__item {
		transition: box-shadow .3s ease;
	}
	.productlist--h-shadow .productlist__item:hover{
		box-shadow: 0 0 7px rgba(0,0,0,.07);
	}
	/* 橫式的 */
	.productlist--horizontal .productlist__item {
		display: inline-flex;
	}
	.productlist--horizontal .productlist__imgbox {
		margin-bottom: 0;
		width: 180px;
	}
	.productlist--horizontal .productlist__infobox {
		width: calc(100% - 180px);
		padding-top: 0;
		padding-bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/* 產品名稱 */
	.productlist--horizontal .productlist__title {
		margin-bottom: 14px;
		font-size: 18px;
	}
	/* 標籤列表 */
	.productlist__tagbox{
		display: block;
	}
	/* 圖片區 */
	.productlist__imgbox {
		margin: 0 0 0.75em;/*0 0 12/16*/
	}
	/* 圖片 */
	.productlist__img {
		-webkit-backface-visibility: hidden;
		transition: opacity .35s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.productlist__item:hover .productlist__img-link::before {
		opacity: .06;
	}
	/* 資訊 */
	.productlist__infobox {
		padding-bottom: 20px;
		min-height: 155px;
	}
	/* 產品名稱 */
	.productlist__title {
		max-height: 3em;
		-webkit-line-clamp: 2;
		min-height: 3em;
		margin-bottom: 15px;
	}
	.productlist__spec-color{
		display: block;
	}
}