/* sidenav */
#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 100%;}
#sidenav a#showSide {padding: 10px 20px;background: #e4e4e4;box-shadow: 0 0 3px rgb(255 255 255 / 20%);display: block;color: #000000;}
#sidenav a#showSide i {margin-right: 10px;}
#sidenav h3.sideTitle {font-size: 24px;text-transform: uppercase;font-weight: 300;margin-bottom: 20px;padding: 5px;border-bottom: solid 1px #696969;}
#sidenav ul.cate >li h4 , #sidenav ul.cate >li ul li .subULHead { position: relative; }
#sidenav ul.cate >li a {padding: 10px 0px 10px 15px;display: block;font-weight: 400;border-bottom: solid 1px #bfbfbf3d;position: relative;}
#sidenav ul.cate >li.action >h4 a {background: rgb(167 167 167 / 16%);}
#sidenav ul.cate >li >ul a:after{left: 25px;transform: translateY(0%) rotate(0deg);border-right: 0px solid #939393;}
#sidenav ul.cate >li ul {display: none;-webkit-transition: none;transition: none;}
#sidenav ul.cate >li.action >ul , #sidenav ul.cate >li >ul >li.action >ul {display: block;}
#sidenav ul.cate >li >ul a {padding-left: 30px;border-left: 2px transparent solid;color: #6e6e6e;}
#sidenav ul.cate >li >ul >li.action >div p a {border-left-color: #c9beb4;color: #b09a86;}
#sidenav ul.cate >li >ul >li >ul li a {padding-left: 60px;color: #7b7b7b;}
#sidenav ul.cate >li >ul >li >ul li.action a { font-style: italic; }
#sidenav ul.cate >li b[data-action="sideOpen"] {position: absolute;padding: 0 10px;right: 10px;width: 35px;height: 40px;display: inline-block;text-align: center;line-height: 41px;top: calc((100% - 41px) / 2);left: auto;cursor: pointer;}
#sidenav ul li b .fa:before{content:"\f107"}
#sidenav ul.slist li { padding: 12px 5px; }
#sidenav ul.slist li a { color: #626262; }
#sidenav ul.cate li.action a{}
#sidenav ul.cate li{ list-style: none;}


/* productdetail */
#productdetail { margin: 3vw 0 5vw; text-align: center; font-size: 0; }
#productdetail .row {margin-bottom: 0;width: 50%;display: inline-block;vertical-align: middle;}
#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 { margin-left: 4%; width: 45%; }
#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: #ccc2b8;border: 1px solid #ccc2b8;padding: 3px 12px;font-size: 12px;font-weight: 300;line-height: .1em;}
#productdetail #productinfo .price { width: 90%; background: #fbfbfb; padding: 10px 0 10px 26px; 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; }
#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: 40px;text-align: left;}
#productdetail #productinfo .btns a {padding: 10px 20px;display: inline-block;background: #474747;font-weight: 300;color: white;}
#productdetail #productinfo .btns a.addcar {background: #8b8b8b;color: #fff;margin-right: 10px;}

/* productTabs */
#productTabs { margin-bottom: 10vw; }
#productTabs ul.tabs {margin: 50px 0 35px;text-align: center;padding: 0 15px;border-bottom: 1px #ccc2b8 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: #ccc2b8;border-width: 0 1px 1px;border-color: #ccc2b8;color: #fff;}



@media screen and (min-width: 1281px){
	#sidenav a#showSide { display: none; }
	#sidenav ul.cate { margin-top: 10px; }
	#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 280px;}
	.producbox{margin-left: 3%;width: calc(100% - 330px);display: inline-block;vertical-align: top;margin-top: 0%;}
	#productTabs ul.tabs li:hover a { background: #d7a297; border: 1px solid #d7a297; color: #fff; }
}
@media screen and (max-width: 1280px) {
	#sidenav{margin-bottom: 30px;}
	#sidenav h3.sideTitle { display: none; }
	#sidenav ul.cate {position: absolute;width: calc(100% - 2px);background: #ffffff;border: 1px #ffffff solid;box-shadow: 0 0 3px rgb(0 0 0 / .2);z-index: -1;opacity: 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px);-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;}
	#sidenav ul.cate[data-type="1"] { z-index: 99; opacity: 1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
	#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; }
	#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 #productinfo h2 { margin-top: 25px; }
	#productdetail #productinfo .btns { text-align: center; }
}