#wrap h2.pag_tit { font-size: 30px; }



/* product_list */

#product_list {display: flex;flex-wrap: wrap;margin-bottom: 60px;}

#content_wrap #product_list li {width: calc((100%/5) - 30px);box-shadow: 0 0 15px rgb(0 0 0 / 8%);margin: 15px;background: #fff;}

#product_list li .info_box {padding: 20px 30px;margin: 0;}

#product_list li .info_box >div{padding: 0;border-radius: 0;}

#product_list li .info_box article {margin: 5px 0 20px;font-size: 14px;color: #989898;overflow: hidden;height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

#product_list li .info_box h3 {height: 55px;font-size: 18px;-webkit-line-clamp: 2;color: var(--info);line-height: 150%;width: 100%;}

#product_list li .info_box p {margin-right: 10px;font-weight: 300;font-family: 'Kanit', sans-serif;color: #e80606;}



.sub-pro-img{width:100%;}

.sub-pro-img p {overflow: hidden;background-position: 50%;background-repeat: no-repeat;background-size: cover;background-color: #fff;display: block;margin: 6px;border: 2px solid #f3f3f3;}

.sub-pro-img img{width:100%;}



/* productdetail */

#productdetail {display: flex;justify-content: space-between;flex-wrap: wrap;}



/* imglist */

#imglist .clip{margin: 5px;}

#imglist .clip:first-child {width: 100%;}

#imglist .clip img{border: 2px solid #f3f3f3;width: calc(100% - 4px);height: 125px;}

#imglist .clip:first-child img{height:auto;}

#imglist >div{display:flex;flex-wrap: wrap;overflow: hidden;}



/* productinfo */

#productinfo .cate { padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }

#productinfo h1 { margin: 10px 0 20px; }

#productinfo .txt { margin-bottom: 15px; }

#productinfo .txt label { margin-right: 15px; width: 50px; }

#productinfo .price font { font-weight: 600; font-size: 25px; }

#productinfo article { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px rgba(var(--primary-rgb), .6) dashed; font-weight: 300; font-size: 14px; }

#productinfo .sell_box >* { line-height: 100%; font-size: 17px; vertical-align: baseline; }

#productinfo .sell_box span { margin: 0 3px 0 15px; }

#productinfo .sell_box b { font-size: 36px; }

#productinfo .buyBtns {margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}

#productinfo .buyBtns a {padding: 10px 0;margin: 5px 0;width: 49%;}

#productinfo .buyBtns a:last-child{width:100%;}



/* orderfunction */

#orderfunction a[data-action="plusBtn"] { margin: 0 2px; width: 35px; height: 35px; background: rgba(var(--secondary-rgb), .3); border-radius: 5px; line-height: 30px; font-weight: 600; font-size: 28px; }

#orderfunction a.limit[data-action="plusBtn"] { line-height: 27px; font-size: 33px; }

#orderfunction input { margin: 0 5px; width: 30px; border-width: 0 0 1px; }

#orderfunction .addcar { float: right; }



/* productTabs */

#productTabs .tabs {margin-bottom: 30px;background: rgba(var(--black-rgb), .08);text-align: left;}

#productTabs .tabs li a { padding: 15px 30px; }

#productTabs .tabs li a:before { position: absolute; width: 0; height: 3px; background: var(--primary); display: block; bottom: 0; left: 0; content: ""; }

#productTabs .tabs li.active a:before { width: 100%; }



/* other-product */

#other-product .entitle h2{text-align: center;font-size: 26px;letter-spacing: 5px;font-weight: 500;margin-bottom: 30px;border-top: 1px solid #ddd;padding-top: 40px;margin-top: 50px;}

#other-product .productList{display:flex;flex-wrap: wrap;justify-content: space-between;}

#other-product .productList li{width: calc((100%/5) - 30px);box-shadow: 0 0 15px rgb(0 0 0 / 8%);margin: 15px;background: #fff;}

#other-product .productList li p {margin-right: 10px;font-weight: 300;font-family: 'Kanit', sans-serif;color: #e80606;}

#other-product .productList li h3{height: 52px;line-height: 150%;margin-bottom: 5px;}



@media screen and (max-width: 980px) and (min-width: 551px){

	#imglist .clip { -webkit-clip-path: url(#clip_product_detail_m); clip-path: url(#clip_product_detail_m); }

	#imglist .clip svg { width: 45vw; }

}

@media screen and (max-width: 1024px){

	#content_wrap #product_list li{width: calc((100%/3) - 30px);}

	#imglist, #imglist >div{width:100%;}

	#productinfo{width:100%;margin-top: 20px;}

	#other-product .productList li{width: calc((100%/4) - 30px);}

	#other-product .productList li:last-child{display:none;}

}

@media screen and (max-width: 768px){

	#other-product .productList li{width: calc((100%/2) - 30px);}

	#content_wrap #product_list li{width: calc((100%/2) - 30px);}

}

@media screen and (max-width: 640px){

	#other-product .productList li{width: calc((100%/1) - 30px);}

	#imglist .clip{width: calc((100%/3) - 10px);}

	#content_wrap #product_list li{width: calc((100%/1) - 30px);}

	#imglist .clip img{height:100px;}

	#productinfo .buyBtns a{width:100%;}

}