/* product_list */
.product_list ul li { margin: 0 10px 30px; width: calc((100% / 3) - 20px); background: #f8f8f8; display: inline-block; vertical-align: top; }
.product_list ul li .relat_box { margin: 20px; }
.product_list ul li .img_box_cover img { height: 490px; }
.product_list ul li .info_box { margin-top: 15px; }
.product_list ul li .info_box >* { width: 90%; text-align: center; }
.product_list ul li .info_box h4 { margin: 0 auto 5px; height: 40px; font-weight: 400; font-size: 24px; }
.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; }

/* productdetail */
#productdetail { padding-bottom: 60px; 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: 4vw; }
#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: 20px 10px; display: block; text-align: center; font-size: 18px; color: #000; }
#productTabs .tabs li.active a { background: #a8a8a8; color: #fff; }

/* 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; }
}