/* productdetail */
#productdetail {margin: 3vw 0 4vw;text-align: center;font-size: 0;display: grid;width: 100%;grid-template-columns: 48% 48%;gap: 4%;}
#productdetail .row {margin-bottom: 0;width: 100%;display: inline-block;}
#productdetail #imglist>div a.photo { position: relative; }
#productdetail #imglist>div a.photo img {width: 100%;}
#productdetail #imglist>div a.photo img:first-child { position: absolute; height: 100%; top: 0; left: 0; opacity: 0; z-index: -999; }
#productdetail #productinfo {width: 100%;}
#productdetail #community{width:100%;}
#productdetail #community ul{margin: 10px 0 0;}
#productdetail #productinfo .h1 { color: #6D6D6D; }
#productdetail #productinfo .category { position: relative; }
#productdetail #productinfo .category:after { position: absolute; top: 14px; width: 80%; height: 1px; background: #d6d6d6; content: ""; }
#productdetail #productinfo .category a {color: #b6b6b6;border: 1px solid #cbcbcb;padding: 3px 12px;font-size: 12px;font-weight: 300;line-height: .1em;}
#productdetail #productinfo .price {width: 90%;background: #fbfbfb;margin: 30px 0 15px;}
#productdetail #productinfo .price font { display: inline-block; vertical-align: middle; font-size: 28px; color: #e8a293; }
#productdetail #productinfo .price font.old { font-size: 18px; color: #afafaf; text-decoration: line-through; margin-right: 10px; }
#productdetail #productinfo .proNo {margin: 0px 0 20px;}
#productdetail #productinfo .proNo b { border: 1px solid #ececec; padding: 3px 20px; color: #6D6D6D; }
#productdetail #productinfo article {width: 75%;display: inline-block;color: #6D6D6D;vertical-align: top;margin-bottom: 10px;}
#productdetail #orderfunction { margin-top: 30px; font-size: 0; }
#productdetail #orderfunction label, #productdetail #productinfo .proNo label, #productdetail #productinfo label { margin-right: 40px; }
#productdetail #orderfunction a { padding: 5px 15px; border: 1px #dedede solid; background: #f9f9f9; display: inline-block; color: #656565; vertical-align: middle; }
#productdetail #orderfunction input { padding: 5px 15px; width: 40px; border: #ccc solid; border-width: 1px 0; text-align: center; vertical-align: middle; }
#productdetail #productinfo .btns {margin-top: 20px;}
#productdetail #productinfo .btns a {padding: 10px 20px;display: inline-block;color: #ddad69;font-weight: 300;}
#productdetail #productinfo .btns a.addcar { background: #d7a297; color: #fff; margin-right: 10px; }
#productdetail #productinfo .btns a.ask {border: 1px #ddad69 solid;background: #ffffff;}
#productdetail #productinfo .btns a.ask:hover{background: #ddad69;color: #ffffff;}

/* productTabs */
#productTabs { margin-bottom: 10vw; }
#productTabs ul.tabs {margin: 10px 0 35px;text-align: center;padding: 0 15px;border-bottom: 1px #b1b1b1 solid;font-size: 0;}
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a { padding: 10px 25px; background: #fff; border: #f0d8d3 solid; border-width: 1px 1px 0 0; display: inline-block; color: #d7a297; }
#productTabs ul.tabs li:first-child a { border-left-width: 1px; }
#productTabs ul.tabs li.active a {background: #363636;border-width: 0 1px 1px;border-color: #363636;color: #fff;}

@media screen and (min-width: 1281px) {
	#productTabs ul.tabs li:hover a { background: #d7a297; border: 1px solid #d7a297; color: #fff; }
}
@media screen and (max-width: 1280px) {
	#productdetail .row { width: 80%; }
	#productdetail #productinfo { width: 80%; margin-left: 0; }
}
@media screen and (max-width: 980px) {
	#productlsit .bgTxt.stitle { padding: 6vw 0 0; top: 0; }
	#productdetail {text-align: center;display: flex;flex-direction: column;gap: 30px;}
	#productdetail .row, #productdetail #productinfo { margin-left: 0; width: 100%; }
	#productTabs ul.tabs { padding: 0; border-bottom: 0; }
	#productTabs ul.tabs li a, productTabs ul.tabs li.active a { margin: 5px; border-width: 1px; }
}
@media screen and (max-width: 640px) {
	#productdetail #community ul{padding:0;display: flex;justify-content: center;margin: 30px 0 10px;}
	#productdetail #productinfo h2 { margin-top: 25px; }
	#productdetail #productinfo .btns { text-align: center; }
}