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

/* product_list */
#product_list{display:flex;flex-wrap: wrap;}
#content_wrap .list_box#product_list li{margin: 0 70px 60px;width: calc((100%/3) - 95px);background: rgb(153 151 151 / 10%);border-radius: 680px;padding-bottom: 60px;}
#content_wrap .list_box#product_list li:nth-child(3n-1){margin: 0 0 60px;}
#product_list li .clip {margin: 0 auto 20px;}
#product_list li .clip img{width:100%;height: 100%;object-fit: contain;-webkit-transform: scale(1);}
#product_list li h3 {height: auto;font-size: 28px;padding: 0 15%;font-weight: 400;color: var(--info);}
#product_list li >p {font-size: 16px;padding: 0 20%;font-weight: 400;color: var(--info);text-align: center;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 20px 0 40px;}
#product_list li .price_box p {font-size: 16px;display: flex;justify-content: center;align-items: flex-end;}
#product_list li .price_box p b{font-size: 32px;color: var(--primary);font-family: 'Archivo Black', sans-serif;line-height: 100%;margin: 0 10px;}
#product_list li .price_box p.old { text-decoration: line-through; }

/* productdetail */
#productdetail {margin: 50px 0 80px;display: flex;flex-wrap: wrap;justify-content: space-between;}

/* imglist */
#imglist .clip img {object-fit: contain;}

/* 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 30px;color: var(--info);font-weight: 500;letter-spacing: 2px;}
#productinfo .txt { margin-bottom: 15px; }
#productinfo .txt label { margin-right: 15px; width: 50px; }
#productinfo .price font {font-weight: 600;font-size: 25px;font-family: 'Archivo Black', sans-serif;color: var(--primary);}
#productinfo article {margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px rgba(var(--black-rgb), .25) dashed;font-weight: 300;font-size: 18px;color: var(--info);}
#productinfo .tab_content h5{color: #383737;font-size: 20px;font-weight: 400;border-left: 4px solid var(--secondary);padding-left: 20px;line-height: 100%;padding-bottom: 2px;}
#productinfo .tab_content p{margin: 10px 0 30px;font-size: 17px;color: #515151;font-weight: 300;}
#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: 50px;}
#productinfo .buyBtns a {padding: 10px 0;font-size: 16px;letter-spacing: 1px;}

/* orderfunction */
#orderfunction a[data-action="plusBtn"] {margin: 0 2px;width: 35px;height: 35px;background: rgba(var(--black-rgb), .3);border-radius: 5px;line-height: 30px;font-weight: 600;font-size: 28px;color: var(--white);}
#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); }
#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%; }

/* product */
#product .entitle h2{margin: 10px 0 60px;color: var(--info);font-weight: 500;letter-spacing: 2px;font-size: 34px;text-align: center;border-top: 1px solid #ddd;padding-top: 30px;}

@media screen and (max-width: 1024px){
	#content_wrap .list_box#product_list li, #content_wrap .list_box#product_list li:nth-child(3n-1){width: calc((100%/2) - 60px);margin: 0 30px 60px;}
	#content_wrap .list_box#product_list li:nth-child(3n-1){margin-right:0;}
	#product ul li:last-child{display:none;}
}
@media screen and (max-width: 980px){
	#productinfo { margin-top: 5vw; }
}
@media screen and (min-width: 761px){
}
@media screen and (max-width: 640px){
	#product ul li:last-child{display:block;}
	#content_wrap .list_box#product_list li, #content_wrap .list_box#product_list li:nth-child(3n-1){width: 90%;margin: 0 5% 60px;}
}