/* product_list */
.product_list ul li{margin:0 10px 30px;width:calc((100% / 4) - 20px);display:inline-block;vertical-align:top}
.product_list ul li .relat_box{margin:10px;background:#f8f8f8}
.product_list ul li .mamoretext{display:flex;padding:10px}
.product_list ul li .mamoretext p{font-size:0.95em;color:#757575}
.product_list ul li .img_box_cover img{height:290px}
.product_list ul li .info_box{padding: 15px 0 0;}
.product_list ul li .info_box>*{width:90%;text-align:center}
.product_list ul li .info_box h4{font-weight:400;font-size:24px;color: #000;text-align: center;height: 40px;width: 100%;}
.product_list ul li .info_box h4 a{font-weight:400;font-size:24px;color: #000;text-align: center;}
.product_list ul li .info_box .price{margin:0 auto;min-height:28px}
.product_list ul li .info_box .price font{display:inline-block;color:#494949}
.product_list ul li .info_box .price font.old{margin-left:10px;padding:0 1px;text-decoration:line-through;font-family:'Noto Sans TC','Noto Sans SC',sans-serif;font-weight:300;font-size:13px;color:#676767}
.product_list .relat_box a{width:100%;height:100%}

/* productdetail */
#productdetail{padding-bottom:10px;text-align:center}
#productdetail .row{width:40%;display:inline-block}

/* productdetail imglist */
#productdetail #imglist{position:relative;margin-right:50px;padding:0 50px;width:calc(60% - 150px)}
#imglist a{display:block}
#imglist a img{width:100%;height:500px}
#imglist .btn a{position:absolute;width:26px;height:26px;border:solid #444;display:block;top:calc((100% - 26px) / 2)}
#imglist .btn a#product_prev{border-width:1px 0 0 1px;transform:rotate(-45deg);left:0}
#imglist .btn a#product_next{border-width:1px 1px 0 0;transform:rotate(45deg);right:0}
#imglist .slick-dots li button:before{width:12px;height:12px;background:transparent;border:1px #000 solid;border-radius:50%;text-align:center;opacity:1;content:""}
#imglist .slick-dots li.slick-active button:before{background:#000}

/* productdetail productinfo */
#productinfo h2{margin-bottom:15px;font-size:28px}
#productinfo .txt,.buyBtns{margin-bottom:15px}
#productinfo .txt>*{display:inline-block;vertical-align:unset}
#productinfo .txt label{margin-right:15px;width:50px}
#productinfo .txt font a{display:inline-block;color:#00a0ca}
#productinfo .price.txt font span{display:inline-block;font-size:18px;vertical-align:unset}
#productinfo .price.txt font span:first-child{margin-right:10px;font-size:13px}
#productinfo .sell_box.txt font span{font-weight:600;font-size:25px;color:#2e2b2b}
#productinfo article{margin-bottom:15px;padding-bottom:15px;border-bottom:1px #ddd solid;font-weight:300;font-size:14px;color:#7e7e7e}

/* orderfunction */
#productinfo #orderfunction{margin-bottom:25px}
#orderfunction a{position:relative;width:25px;height:25px;border:1px #c2c2c2 solid;display:inline-block}
#orderfunction a:before{position:absolute;width:15px;height:1px;background:#4b4b4b;display:block;top:calc((100% - 1px) / 2);left:5px;content:""}
#orderfunction a[data-type="2"]:after{position:absolute;width:1px;height:15px;background:#4b4b4b;display:block;top:5px;left:calc((100% - 1px) / 2);content:""}
#orderfunction input{width:50px;display:inline-block;text-align:center}
/* buyBtns */
.buyBtns a{padding:15px 50px;border:1px #444 solid;color:#444}
.buyBtns a.ask{background:#444;color:#fff}

/* productTabs */
#productTabs{padding-top:0}
#productTabs .tabs{margin:0 0 40px}
#productTabs .tabs li{width:calc((100% - 5px) / 4);border:#ddd solid;border-width:1px 0 1px 1px;display:inline-block}
#productTabs .tabs li:last-child{border-width:1px}
#productTabs .tabs li a{padding:15px 5px;display:block;text-align:center;font-size:18px;color:#000}
#productTabs .tabs li.active a{background:#a8a8a8;color:#fff}
#productTabs .yomuvideo{display:flex;flex-direction:column;align-items:center}
#productTabs .yomuvideo iframe{width:550px;max-width:100%;aspect-ratio:5 / 3}

/* community */
#community ul{margin:5px 0 0}

@media screen and (min-width:1281px){
	#side_box ul.cate>li:hover>.subUL{display:block}
}
@media screen and (max-width:1024px){
	.product_list ul li{margin:0 0 30px;width:calc(100% / 3);background:none}
	.product_list ul li .relat_box{margin:10px}
	.product_list ul li .img_box_cover img{height:35vw}
	#productdetail .row{width:45%}
	#productdetail #imglist{margin-right:40px;padding:0;width:calc(55% - 40px)}
	#imglist .btn{display:none}
	.buyBtns a{padding:15px 10px;width:calc(50% - 22px);text-align:center}
}
@media screen and (max-width:980px){
	#productdetail .row{width:100%}
	#productdetail #imglist{margin:0 0 60px;width:100%}
	#imglist a img{height:350px}
}
@media screen and (max-width:768px){
	.product_list ul li{width:50%}
	.product_list ul li .img_box_cover img{height:50vw}
	#productTabs .tabs{text-align:center}
	#productTabs .tabs li,#productTabs .tabs li:last-child{margin:3px 5px;width:auto;border-width:0}
	#productTabs .tabs li a{padding:15px}
}
@media screen and (max-width:550px){
	.product_list ul li{width:100%}
	.product_list ul li .img_box_cover img{height:250px}
}