#productTab .info{text-align: center;margin-bottom: 40px;position: relative;}
#productTab .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;}
#productTab .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;}
#productTab .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;}
#productTab > ul {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;display: -webkit-box;display: -ms-flexbox;display: flex;}
#productTab > ul > li {padding: 0px 0px;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
#productTab > ul > li a::before {
    content: "";
    width: 1px;
    height: 60%;
    display: block;
    background: #c9c9c9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
#productTab > ul > li:last-child a::before{background: #ffffff;}
#productTab > ul > li.current.active, #productTab > ul > li.active {
  color: #7f1084;
  border-bottom: 3px solid #7f1084;
}

#productTab > ul > li.current.active h3 a,#productTab > ul > li.active h3 a{
    color: #4c4c4c;
}

#productTab > ul > li.current h3 i {background-position-x: 100%; }
#productTab > ul > li h3 {position: relative;display: block;text-align: center;}
#productTab > ul > li h3 a {font-weight: 400;font-size: 20px;letter-spacing: .5px;line-height: 175%;color: #4c4c4c;}
#productTab > ul > li a{
    text-align: center;
    display: block;
}
#productTab > ul > li a em {font-style: initial;display: inherit;font-size: 10px;color: #b9b9b9;padding: 0px 2px;font-family: 'Noto Serif SC', sans-serif;text-align: center;}


.list_product ul {font-size: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.list_product ul li a{position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;z-index: 3;}
.list_product ul.faqList {font-size: 0;display: -webkit-box;display: -ms-flexbox;display: inherit;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.list_product ul.tabs {font-size: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.list_product ul.tabs li {position: relative;margin-bottom: 20px;width: calc(100% / 5);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);}
.list_product 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);}
.list_product ul.tabs li a {font-size: 16px;z-index: 10;position: initial;width: 100%;height: 100%;display: block;white-space: initial;}
.list_product ul li >div {overflow: hidden;position: relative;margin: 0 10px;z-index: 1;}
.list_product 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: ""; }
.list_product ul li .img img {position: relative;width: 100%;height: 455px;object-fit: cover;z-index: 1;}
.list_product ul li .info {overflow: visible;position: relative;margin-top: -55px;padding: 20px 20px;width: calc(85% - 100px);background: #fff;z-index: 2;}
.list_product 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);}
.list_product ul li .info .price h4{color: #fff;font-weight: 300;padding: 5px 22px;}
.list_product ul li .info .price font { margin: 6px 15px; display: inline-block; font-weight: 300; color: #fff; }
.list_product ul li .info .price font.old { color: rgb(255 255 255 / .4); }
.list_product ul li .info h3 {margin-bottom: 5px;height: 37px;font-weight: 400;font-size: 21px;color: #1f1f1f;}
.list_product ul li .info article {height: 25px;font-weight: 400;font-size: 14px;color: #2c2c2c;-webkit-line-clamp: 2;}


/* faqList */
ul.faqList{
    margin-top: 30px;
}
ul.faqList li {margin: 0px 0 0px;padding: 20px 10px 20px;border-bottom: 1px solid #e4e4e4;position: relative;width: calc(100% / 1);display: inline-block;border-bottom: 1px solid #e5e5e5;}
ul.faqList li::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #7f1084;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

ul.faqList li:hover::before {
    opacity: 1
}

ul.faqList li .menu_head { font-size: 18px; color: #000; }
ul.faqList li .menu_head span{
	float: left;
	display: inline-block;
	width: 33px;
	height: 31px;
	line-height: 30px;
	text-align: center;
	border-radius: 17px;
	border: 1px solid #dadada;
	margin-right: 20px;
	display: none;
}
ul.faqList li .menu_head h3{display:inline-block;width: calc(100% - 80px);line-height: 160%;font-weight: 400;font-size: 18px;color: #111;}
ul.faqList li .menu_head h3 i{
    display: block;
    background: 0 0;
    border-radius: 50%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    font-size: 20px;
    position: absolute;
    top: calc(50% - 15px);
    right: 25px;
    color: #969696;
}
ul.faqList li .menu_head h3 b{
    font-size: 13px;
    font-style: initial;
    color: #7b7b7b;
    display: inherit;
    font-family: 'Noto Serif SC', sans-serif;
    margin-left: 10px;
}
ul.faqList li .menu_body {border-radius: 10px;transition: none;margin: 15px 10px;}
ul.faqList li .menu_body span{
	display: inline-block;
	width: 33px;
	height: 31px;
	line-height: 30px;
	text-align: center;
	border-radius: 17px;
	background: #a446a9;
	border: 1px solid #dadada;
	color: #fff;
	margin-right: 20px;
	float: left;
	display: none;
}
ul.faqList li .menu_body article {
	width: calc(100% - 20px);
	display: inline-block;
	padding-top: 5px;
}
ul.faqList li .menu_body article a{
    vertical-align: baseline;
    padding: 0 0px 0 5px;
    color: #3771c1;
}

ul.faqList li .bottom {
  text-align: right;
  border-bottom: 3px solid #88388c;
}
ul.faqList li .bottom a{}
ul.faqList li .bottom a {
  display: inline-block;
  padding: 7px 10px 3px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #88388c;
  position: inherit;
  width: 10%;
}

ul.faqList li .bottom a:hover {
  color: #fcb4ff;
}

.minner iframe{
    margin: 40px 0 10px;
    width: 100%;
    height: 500px;
}

@media screen and (max-width: 1440px){
	.list_product >.info { margin: 0 5%; }
	.list_product ul li >div { margin: 0 10px; }
	.list_product ul li .info { padding: 25px 15px 40px; width: calc(85% - 30px); }
}
@media screen and (min-width: 1281px){
	.list_product ul li:hover .img:before { opacity: 1; }
	.list_product ul li:hover .img img { -webkit-filter: blur(4px); filter: blur(4px); }
}
@media (max-width: 1260px) {
#productTab > ul > li {padding: 0px 2px;} 
#productTab > ul > li h3 a {font-size: 16px;line-height: 155%;}
#productTab > ul > li em {font-size: 14px; }
}
@media (min-width: 1181px) {
#productTab > ul > li:hover {/* background-color: #7f1084; *//* border-top-right-radius: 90px; */}
#productTab > ul > li:hover h3 a , #productTab > ul > li:hover em {color: #7f1084;}
#productTab > ul > li:hover h3 i {background-position-x: 100%; }
}
@media screen and (max-width: 1160px){
.list_product ul {display: block;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;overflow: hidden;}
	.list_product ul li {width: 33%;float: left;}
ul.faqList li .menu_head h3 i{
    top: calc(50% - 15px);
    right: 0px;
}
}
@media screen and (max-width: 768px){
	.list_product ul li {width: 50%;float: left;}
#productTab > ul{
    display: block;
}
#productTab > ul > li{
    width: 48%;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
#productTab > ul > li a::before{
    display: none;
}
}

@media screen and (max-width: 480px){
	ul.faqList li .menu_body{padding: 0 0px 0px 0px;}
ul.faqList li .menu_body span,ul.faqList li .menu_head span {
    width: 24px;
    height: 24px;
    line-height: 21px;
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
}	
ul.faqList li .menu_head h3 {
    width: calc(100% - 36px);
    font-size: 15px;
    vertical-align: super;
}
ul.faqList li .menu_body article {
    width: calc(100% - 36px);
    vertical-align: super;
}
ul.faqList li {
    margin: 15px 0;
    padding: 0px;
    border-bottom: 1px solid #e4e4e4;
}
	.list_product ul li .img img { height: 60vw; }
#productTab > ul > li h3 a {font-size: 14px;line-height: 155%;}
#productTab .info em{
    font-size: 20px;
}
}