/* product_list */
#product_list{display:grid;grid-template-columns: repeat(2, 1fr);gap: 50px;}
#product_list >div:hover img { transform: scale(1.1); }
#product_list >div img {aspect-ratio: 4/3;}
#product_list >div span {font-size: 14px;font-family: "Source Serif 4", serif;color: var(--triadic2);font-weight: 300;}
#product_list >div .h3 {font-size: 20px;height: auto;text-align: center;}
#product_list >div article {font-size: 15px;height: auto;-webkit-line-clamp: 2;font-weight: 300;margin-top: 10px;text-align: center;}
#product_list >div .info_box {padding: 20px 20px 0;position: relative;text-align: center;}
#product_list >div .info_box svg { right: 45px; width: 15px; height: 15px; fill: white; top: 58px; }
#product_list >div:hover .info_box svg { animation: arrow-move-right-data-v-1d069175 1s .2s; }

/* imglist */
#imglist img { margin-bottom: 20px; height: 400px; }
#imglist .img_nav img { margin: 0 10px 0 0; width: 100px; height: 100px; }

/* productinfo */
#productinfo h2 { margin: 5px 0 15px; font-weight: 400; font-size: 22px; }
#productinfo .txt , .buyBtns { margin-bottom: 10px; }
#productinfo .txt label { margin-right: 15px; width: 50px; }
#productinfo .price font { font-size: 18px; }
#productinfo article { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px #ddd solid; font-weight: 300; font-size: 14px; color: #7e7e7e; }
#productinfo #community { margin-top: 15px; }

/* orderfunction */
#productinfo #orderfunction { margin-bottom: 25px; }
#orderfunction a { line-height: 24px; }
#orderfunction a.limit { line-height: 21px; }
#orderfunction input { width: 50px; }

/* buyBtns */
.buyBtns a { padding: 10px 0; }

/* productTabs */
#productTabs ul.tabs { margin: 70px 0 35px; }
#productTabs ul.tabs li a { padding: 10px 40px; }
#productTabs ul.tabs li.active a { color: var(--primary); }

@media screen and (min-width: 1281px){
	#productdetail { display: flex; align-items: center; justify-content: space-between; text-align: justify; }
}
@media screen and (max-width: 1280px){
	#productinfo { margin-top: 5vw; }
	#imglist { width: 100%; }
}
@media screen and (max-width: 640px){
    #product_list{grid-template-columns:1fr}
}