
/* sidenav */
#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 100%;}
#sidenav a#showSide {padding: 10px 20px;background: #bf9e5e;border: 1px #bf9e5e solid;box-shadow: 0 0 3px rgb(0 0 0 / .2);display: block;color: #080808;}
#sidenav a#showSide i {margin-right: 10px;color: #080808;}
#sidenav h3.sideTitle {font-weight: 900;font-size: 30px;color: var(--complement);font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;padding: 5px;border-bottom: solid 1px #bf9e5e;}
#sidenav ul.cate >li h4 , #sidenav ul.cate >li ul li .subULHead { position: relative; }
#sidenav ul.cate >li a {padding: 12px 20px 12px 30px;display: block;font-weight: 400;padding-top: 15px;padding-left: 42px;padding-bottom: 15px;border-bottom: solid 1px #d2c4a53b;position: relative;}
#sidenav ul.cate >li a:after {display: inline-block;content: "";width: 7px;height: 7px;border-top: 1px solid #d2c4a5;border-right: 1px solid #d2c4a5;transform: translateY(-50%) rotate(45deg);vertical-align: 1px;position: absolute;left: 20px;top: 50%;}
#sidenav ul.cate >li.action >h4 a {background: #70707029;color: #bf9e5e;}
#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: 50px;border-left: 2px transparent solid;}
#sidenav ul.cate >li >ul >li.action >div p a {border-left-color: var(--primary);color: var(--primary);}
#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: 20px;width: 35px;height: 40px;display: inline-block;text-align: center;line-height: 41px;top: calc((100% - 41px) / 2);left: auto;cursor: pointer;}
#sidenav ul.slist li { padding: 12px 5px; }
#sidenav ul.slist li a { color: #626262; }



/* imglist */
#imglist img { margin-bottom: 20px; height: 400px; }
#imglist .img_nav img {margin: 0 10px 0 0;width: 100px;height: 100px;object-fit: contain;}

/* productinfo */
#productinfo h2 { margin: 5px 0 15px; font-weight: 400; font-size: 22px; }
#productinfo .txt , .buyBtns { margin-bottom: 10px; }
#productinfo h2 {padding-top: 0.2em;font-size: 25px;font-weight: bold;border-bottom: 1px #626262 solid;padding-bottom: 0.7vw;}

#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: 400;font-size: 17px;color: #7e7e7e;}
#productinfo #community { margin-top: 15px; }
#productinfo #community ul{
    display: flex;
}
/* 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;background: #3a4856;}

/* productTabs */
#productTabs ul.tabs {margin: 40px 0 35px;z-index: 2;position: relative;margin-bottom: 10px;border-top: 1px solid #d2c4a540;border-bottom: 1px solid #d2c4a540;text-align: center;}
#productTabs ul.tabs li a { padding: 10px 40px; }
#productTabs ul.tabs li.active a {color: #ffffff;}
#productdetail .img_box .slick-slide{text-align:center}
.producTitle{margin:40px;text-align:center}
article table{border-collapse:collapse;-webkit-box-shadow:none;box-shadow:none;margin:30px 0;border:1px solid #3a3a3a;overflow-x:auto}
article table tr:hover td,article table tr:nth-child(2n) td{background:#ffffff00}
article table tr:last-child td{border-bottom:none}
article table th{padding:10px 5px;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;background:#3a4856;text-align:center;color:#ffffff;letter-spacing:2px;font-weight:400}
article table th:last-child{border-right:none}
article table td{padding:10px 5px;text-align:center;background:#ffffff14;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a;color:#3a4856;font-size:15px}
article table td:nth-child(1){width:110px}
article table tr td p{text-align:center}
article table td strong{font-size:16px;color:#3a4856;letter-spacing:2px;font-weight:400}
article table td strong b{padding-left:5px;font-size:13px;color:#747475;font-weight:normal}
article table td:last-child{border-right:none}
#product .entitle{display:flex;flex-direction:column;align-items:center;margin:50px 0 60px 0}
#product .entitle h2{text-transform:uppercase;line-height:130%;letter-spacing:4px;font-weight:500;font-size: 34px;word-spacing:100vw;background:linear-gradient(to right,#bf9e5e 0%,#eedfa6,#bf9645 90%);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;position:relative;padding-bottom:20px}
#product .entitle h2:before{content:"";position:absolute;bottom:-10px;width:50px;height:2px;background:#c09746;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#wrap::before{content:"";width:100%;height:100%;display:block;background-image: url(/images/39/img-pb-bg.jpg);background-size: cover;background-repeat:no-repeat;background-position: 50% 10%;overflow:hidden;position:absolute;top:0;z-index: -1;opacity: 0.6;}
@media screen and (min-width: 1281px){
    
	#sidenav a#showSide { display: none; }
	#sidenav ul.cate { margin-top: 10px; }
	#productdetail {display: flex;align-items: flex-start;justify-content: space-between;text-align: justify;}
	#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%;}
	#productdetail { display: flex; align-items: center; justify-content: space-between; text-align: justify; }
}
@media screen and (max-width: 1280px){
	#sidenav{margin-bottom:30px}
	#content_wrap{padding: 30px 0px 50px;}
	.producTitle{margin:10px;text-align:center}
	#sidenav h3.sideTitle { display: none; }
	#sidenav ul.cate {position: absolute;width: calc(100% - 2px);background: #222222f7;border: 1px #000000 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); }
	#productinfo { margin-top: 5vw; }
	#imglist,#productinfo { width: 100%; }
	#wrap::before{
    background-size: auto;
    background-position: 65% -30%;
}
}