/* list_product */
#catalogStyle{    padding-top: 90px;}
#catalogtitleBox h2,#catalogStyle h2{color: #3c3c3c;font-size: 14px;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;padding: 0px 0 50px;margin: 0 20px;}

#productTab2 .info{text-align: center;margin-bottom: 40px;position: relative;}
#productTab2 .info em{font-style: initial;color: #606060;font-weight: 200;font-family: "Times New Roman", "Noto Sans TC", sans-serif;font-size: 36px;text-transform: uppercase;letter-spacing: 2px;text-align: center;}
#productTab2 .info h3 {padding: 10px 0 30px;line-height: 1em;font-size: 19px;margin-bottom: 30px;font-weight: 300;color: #535353;letter-spacing: 4px;text-align: center;}
#productTab2 .info:before {content: '';position: absolute;left: 0;right: 0;width: 0;margin: auto;background: linear-gradient(to right, #d6d6d6 50%, #7f1084 0, #7f1084 100%) 0 0 no-repeat;height: 1px;bottom: 0;width: 100px;transition-delay: .8s;}
#productTab2 > ul {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; }
#productTab2 > ul > li {padding: 10px 3px;background-color: #f5f5f5;cursor: pointer;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
#productTab2 > ul > li.current h3 i {background-position-x: 100%; }
#productTab2 > ul > li h3 {position: relative;display: block;}
#productTab2 > ul > li h3 a {font-weight: 400;font-size: 20px;letter-spacing: .5px;line-height: 175%;color: #7f1084;}
#productTab2 > ul > li a em {font-style: initial;display: inherit;font-size: 10px;color: #b9b9b9;padding: 0px 2px;font-family: 'Noto Serif SC', sans-serif;}

#productTab2 > ul > li.current.active, #productTab2 > ul > li.active{
    background-color: #7f1084;
    border-top-right-radius: 90px;
}
#productTab2 > ul > li.current.active h3 a,#productTab2 > ul > li.active h3 a{
    color: #ffffff;
}
#productTab2 ul {font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#productTab2 ul li a{position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;z-index: 3;}
#productTab2 ul.faqList {font-size: 0;display: -webkit-box;display: -ms-flexbox;display: inherit;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#productTab2 ul.tabs {font-size: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#productTab2 ul.tabs li {position: relative;display: inline-block;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);}
#productTab2 ul li {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);}
#productTab2 ul.tabs li a {font-size: 16px;z-index: 10;position: initial;height: 100%;display: block;white-space: initial;text-align: center;}
#productTab2 ul li >div {overflow: hidden;position: relative;margin: 0 10px;z-index: 1;}
#productTab2 ul li .img:before { position: absolute; width: 100%; height: 100%; background: rgba(31, 31, 31, .6); display: block; top: 0; left: 0; opacity: 0; z-index: 2; content: ""; }
#productTab2 ul li .img img {position: relative;width: 100%;height: 455px;object-fit: cover;z-index: 1;}
#productTab2 ul li .info {overflow: visible;position: relative;margin-top: -55px;padding: 20px 20px;width: calc(85% - 100px);background: #fff;z-index: 2;}
#productTab2 ul li .info .price {position: absolute;background: rgb(99 6 103 / 63%);top: -60px;left: 0;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
#productTab2 ul li .info .price h4{color: #fff;font-weight: 300;padding: 5px 22px;}
#productTab2 ul li .info .price font { margin: 6px 15px; display: inline-block; font-weight: 300; color: #fff; }
#productTab2 ul li .info .price font.old { color: rgb(255 255 255 / .4); }
#productTab2 ul li .info h3 {margin-bottom: 5px;height: 37px;font-weight: 400;font-size: 21px;color: #1f1f1f;}
#productTab2 ul li .info article {height: 25px;font-weight: 400;font-size: 14px;color: #2c2c2c;-webkit-line-clamp: 2;}

#articleBox2{
    margin: 40px 0 20px;
}
#articleBox2 article a{
    vertical-align: initial;
    color: #000;
}
/* productTab2s */
#productTab2s ul.tabs { margin: 70px 0 35px; border-bottom: 1px #ddd solid; font-size: 0; }
#productTab2s ul.tabs li { display: inline-block; vertical-align: top; }
#productTab2s ul.tabs li a { padding: 7px 40px; display: inline-block; color: #1f1f1f; }
#productTab2s ul.tabs li.active { background: #1f1f1f; transform: skewX(-10deg); }
#productTab2s ul.tabs li.active a { color: #fff; transform: skewX(10deg); }

#articleBox2 .imgBox {
	overflow: hidden;
}
#articleBox2 .imgBox p {
	margin: 0 1% 0 0;
	overflow: hidden;
	float: left;
	width: 49%;
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInUp;
}
#articleBox2 .imgBox p:nth-child(2) {
	margin: 0 0 0 1%;
	animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
}
#articleBox2 .imgBox p:hover img {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}



@media screen and (max-width: 1440px){
	#productTab2 >.info {margin: 0 5% 30px;}
	#productTab2 ul li >div { margin: 0 10px; }
	#productTab2 ul li .info { padding: 25px 15px 40px; width: calc(85% - 30px); }
}
@media screen and (min-width: 1281px){
	#productTab2 ul li:hover .img:before { opacity: 1; }
	#productTab2 ul li:hover .img img { -webkit-filter: blur(4px); filter: blur(4px); }
}
@media (max-width: 1260px) {
#productTab2 > ul > li {padding: 20px 15px; } 
#productTab2 > ul > li h3 {font-size: 20px; }
#productTab2 > ul > li em {font-size: 14px; }
#productTab2 .info h3{
    padding: 10px 0 10px;
    margin-bottom: 10px;
}
}
@media (min-width: 1181px) {
#productTab2 > ul > li:hover {background-color: #7f1084;border-top-right-radius: 90px;}
#productTab2 > ul > li:hover h3 a , #productTab2 > ul > li:hover em {color: #fff; }
#productTab2 > ul > li:hover h3 i {background-position-x: 100%; }
}
@media screen and (max-width: 1160px){
#productTab2 ul {display: block;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;}
	#productTab2 ul li {width: calc(95% / 4);padding: 20px 15px;margin-bottom: 8px;}
}
@media screen and (max-width: 768px){
	#productTab2 ul li {width: calc(94% / 4);padding: 13px 5px;}
}
@media screen and (max-width: 640px){
	#productTab2 ul li {width: 46%;padding: 7px 5px;}
	#productTab2 ul li .info { margin: -55px auto 0; padding: 25px 30px 40px; width: calc(85% - 60px); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background: rgb(255 255 255 / .4); }
		#articleBox2 .imgBox p {
		margin: 10px 0;
		width: 100%;
	}
	#productTab2 .info em{
    font-size: 22px;
}
}
@media screen and (max-width: 480px){
	#productTab2 ul li .img img { height: 60vw; }
}