#content_wrap {padding: 3vw 3vw 5vw;}


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

/* product_list */
#product_list {flex-wrap: wrap;display: flex;align-items: flex-start;}
#product_list li{margin-right: 10px;width: calc((100% / 4) - 30px);margin-top: 10px;margin-bottom: 10px;}
#product_list li .img_cover{height: 240px;margin-bottom: 0;position: relative;object-fit: cover;border: 8px solid rgb(247 247 247 / 90%);}
#product_list .info_box {background: rgba(var(--black-rgb), .5);margin-top: 10px;}
#product_list li a.moreTT{top: 0;right: 0;z-index: 10;width: 100%;height: 100%;}
#product_list .info_box >div {margin: 20px 0px 10px 10px;width: calc(100% - 20px);}
#product_list .info_box >div p a {position: relative;-webkit-box-align: center;align-items: center;background-color: #ececec;display: inline-block;padding: 4px 10px 0;font-size: 13px;}
#product_list .info_box >div p a:before {}
#product_list .info_box h3 {margin: 0px 0 12px 0;font-size: 22px;height: auto;margin-top: 0.825vw;padding-top: 10px;border-top: 1px solid #e2e2e2;border-bottom: 0px solid #d1d1d1;display: grid;overflow: hidden;height: 80px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#product_list .info_box h3 font{color: #7a7a7a;font-size: 15px;font-weight: 400;vertical-align: initial;}
#product_list .info_box h5{position: relative;margin-top: 20px;}
#product_list .info_box h5 a{font-family: "Lato", "Noto Sans TC", sans-serif;font-weight: 400;color: #646464;font-size: 13px;}
#product_list .info_box h5:after {content: '';display: block;position: absolute;width: 7px;height: 7px;border-top: 2px solid #646464;border-right: 2px solid #646464;top: 12px;left: 68px;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#product_list .info_box .line { margin: 10px 0 30px; width: 50px; height: 1px; background: var(--primary); opacity: .7; }
#product_list .info_box article {font-weight: 400;font-size: 15px;overflow: hidden;height: 50px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#product_list .info_box .price { margin-top: 15px; min-height: 30px; }
#product_list .info_box .price font { margin-left: 20px; font-weight: 300; }


/* productinfo */
#productinfo h2.TxT {margin: 0px 0 5px;font-weight: 400;font-size: 28px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px #ddd solid;}
#productinfo h2.TxT font{margin-left: 8px;font-size: 18px;}
#productinfo .txt , .buyBtns {margin-bottom: 0px;}
#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: 50px 0 55px;}
#productTabs ul.tabs li a {padding: 10px 40px;font-size: 16px;font-weight: 400;text-align: center;color: #666;letter-spacing: .1em;border-bottom: 2px solid #ececec;}
#productTabs ul.tabs li.active a {color: var(--primary);border-bottom-color: var(--primary);}
#imglist .img_nav{display: none;}
ul.comlist li{width: 100%;display: flex;margin-right: 15px;}
.comlist{padding: 20px 0 50px;}
.comlist li b {margin-right: 10px;vertical-align: middle;font-weight: 400;width: 120px;}
.comlist li b i{width: 20px;text-align: center;margin-right: 5px;color: #c3c3c3;}
.comlist li span,ul.comlist li a {vertical-align: middle;width: 95%;}
.comlist li span a{color: var(--info);}


@media screen and (max-width: 1366px){
	#product_list li{margin-right: 10px;width: calc(25% - 30px);}

}

@media screen and (min-width: 1281px){
	#productdetail {display: flex;align-items: flex-start;justify-content: space-between;text-align: justify;position: relative;padding-bottom: 30px;}
	#product_list li:hover .info_box .line { width: 100%; }
	#productdetail:after{content:'';position:absolute;width: 100%;height: 95%;background: #f8f8f8;bottom: 0;left: 50px;z-index: -1;}
	#productinfo{margin: 60px 0px 0;}
}
@media screen and (max-width: 1280px){
	#productinfo { margin-top: 5vw; }
	#imglist { width: 100%; }
}


@media screen and (max-width: 1190px){
	#product_list li{width: calc(33% - 30px);margin-right: 10px;}
	#content_wrap {padding: 4vw 0vw 13vw;}
	#product_list .info_box h3{display: flex;line-height: 120%;flex-direction: column;}
	#product_list .info_box h3 font{margin-top: 5px;}
}
@media screen and (max-width: 761px){
	#product_list{margin: auto;width: 100%;}
	#product_list .info_box >div {width: calc(100% - 20px);margin: 10px 0px 0px 10px;}
	#product_list .info_box article { height: 50px; -webkit-line-clamp: 2; }
}
@media screen and (max-width: 780px){
	#product_list li{width: calc(50% - 30px);}
	ul.comlist li b{width: 150px;}
	#productTabs ul.tabs {margin: 20px 0 45px;}
	.comlist{padding: 20px 0 20px;}
	#productTabs ul.tabs li a {padding: 10px 16px;}
	#product_list li .img_cover{height: 390px;}
#content_wrap {padding: 4vw 0vw 22vw;}
}
@media screen and (max-width: 500px){
	#product_list li{width: calc(50% - 10px);margin-right: 5px;margin-left: 5px;margin-top: 10px;margin-bottom: 0px;}
	#product_list li{
    margin-right: 10px;
    width: calc((100% / 1) - 10px);
}
	#product_list li .img_cover{}
	#product_list { width: 100%; }
	#product_list .info_box h3{margin: 10px 0 12px 0;font-size: 18px;}
	#product_list li .img_cover{width: 100%;height: 240px;}

}
@media screen and (max-width: 430px){
    #product_list li .img_cover{height: auto;}

}