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

#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; }
#productTab > ul > li {padding: 20px 24px;background-color: #f5f5f5;cursor: pointer;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
#productTab > ul > li.current h3 i {background-position-x: 100%; }
#productTab > ul > li h3 {position: relative;display: block;}
#productTab > ul > li h3 a {font-weight: 400;font-size: 20px;letter-spacing: .5px;line-height: 175%;color: #7f1084;}
#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;}

#productTab > ul > li.current.active, #productTab > ul > li.active{
    background-color: #7f1084;
    border-top-right-radius: 90px;
}
#productTab > ul > li.current.active h3 a,#productTab > ul > li.active h3 a{
    color: #ffffff;
}
.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;}

/* productdetail */
#productdetail {font-size: 0;}
#productdetail .row {width: 48%;display: inline-block;}
#productdetail #imglist {margin-right: 6%;width: 40%;vertical-align: top;}
#productdetail #imglist img {width: 100%;object-fit: cover;}
#productdetail #imglist .slider-for{    position: relative;
    z-index: 2;}
#productdetail #imglist .slider-nav {margin-top: 40px;display: none;z-index: 2;}
#productdetail #imglist .slider-nav img {margin: 0 10px 0 0;width: 100px;height: 100px;border: 1px #ddd solid;}
#productdetail #imglist .arrowBox{
    width: 260px;
    height: 325px;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 8px solid #e8e8e8;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px;
    position: absolute;
    top: 30px;
    left: 240px;
    z-index: 1;
}
#productdetail #productinfo .cat a { font-size: 14px; color: #9b9b9b; }
#productdetail #productinfo h2 {margin: 5px 0 15px;font-weight: 400;font-size: 22px;color: #252525;text-align: inherit;}
#productdetail #productinfo article { font-size: 13px; color: #696969; }
#productdetail #productinfo #community { margin-bottom: 15px; border-bottom: 1.5px #ccc dashed; }
#productdetail #productinfo #community ul { margin: 35px 0 10px; }

#productdetail .shopbox p { margin: 20px 0; font-size: 0; }
#productdetail .shopbox p label { margin-right: 15px; display: inline-block; font-weight: 300; font-size: 15px; color: #5d5d5d; }
#productdetail .shopbox p select { padding: 5px; border: 1px #e5e5e5 solid; display: inline-block; }

#productdetail #orderfunction a , #productdetail #orderfunction input { padding: 2px 13px; border: 1px #e5e5e5 solid; display: inline-block; color: #000; vertical-align: middle; }
#productdetail #orderfunction input { width: 30px; border-width: 1px 0; text-align: center; }

#productdetail .price font { margin-right: 10px; display: inline-block; line-height: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; color: #565656; vertical-align: text-bottom; }
#productdetail .price font.offer { font-size: 18px; color: #262626; }
#productdetail .price font.old { text-decoration: line-through; }

#productdetail #productinfo .buyBtns {font-size: 0;}
#productdetail #productinfo .buyBtns a {padding: 18px 0;width: calc((100% - 15px) / 1);background: #1f1f1f;display: inline-block;text-align: center;color: #fff;}
#productdetail #productinfo .buyBtns a.ask {margin-left: 10px;background: #eaeaea;color: #777777;}

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





@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: 20px 15px; } 
#productTab > ul > li h3 {font-size: 20px; }
#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: #fff; }
#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;}
	#productdetail .row { width: 40vw; }
	#productdetail #imglist { margin-right: 5vw; width: 45vw; }
}
@media screen and (max-width: 768px){
	#productdetail { text-align: center; }
	#productdetail .row , #productdetail #imglist { margin-right: 0; width: 100%; }
	#productdetail #imglist img {height: 420px;margin: auto;}
	#productdetail #productinfo { margin-top: 5vw; }
	.list_product ul li {width: 50%;float: left;}
#productdetail #imglist .arrowBox{}
}
@media screen and (max-width: 640px){
	.list_product ul li { width: 100%; }
	.list_product 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); }
	#productdetail #imglist img { height: 60vw; }
#productdetail #imglist .arrowBox{
    display: none;
}
}
@media screen and (max-width: 480px){
	.list_product ul li .img img { height: 60vw; }
}