/* sidenav */
#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 100%;}
#sidenav a#showSide {padding: 10px 20px;background: #e8e8e8;border: 1px #e8e8e8 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 {color: var(--info);font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;padding: 5px 5px 8px;font-size: 30px;line-height: 1;border-bottom: 3px solid #2a59a8;}
#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;color: #303030;padding-top: 15px;padding-left: 42px;padding-bottom: 15px;border-bottom: solid 1px #bfbfbf;position: relative;}
#sidenav ul.cate >li a:after {display: inline-block;content: "";width: 7px;height: 7px;border-top: 1px solid #939393;border-right: 1px solid #939393;transform: translateY(-50%) rotate(45deg);vertical-align: 1px;position: absolute;left: 20px;top: 50%;}
#sidenav ul.cate >li.action >h4 a { background: #f2f2f2; }
#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-left: calc(100% - 44px);width: 35px;height: 41px;display: inline-block;text-align: center;line-height: 41px;top: calc((100% - 41px) / 2);left: 0;cursor: pointer;}
#sidenav ul.slist li { padding: 12px 5px; }
#sidenav ul.slist li a { color: #626262; }
#sidenav ul.subUL li.select_row {padding: .5em 1.5em 0px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#sidenav ul.subUL li.select_send {padding: 1em 1.5em;border-bottom: solid 1px #bfbfbf;}
#sidenav ul.subUL li.select_send button { padding: .5em; width: 100%; background: var(--primary); display: block; color: white; cursor: pointer; }

/* imglist */
#imglist img {margin-bottom: 20px;height: 400px;width: 100%;object-fit: contain;}
#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;color: #2d2d2d;font-weight: bold;border-bottom: 1px #e5e4e4 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;font-weight: 400;font-size: 17px;color: #7e7e7e;}
#productinfo #community { margin-top: 15px; }

/* 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: #2a59a8;}

/* productTabs */
#productTabs{background-color:#fff}
#productTabs ul.tabs {margin: 40px 0 35px;z-index: 2;position: relative;margin-bottom: 30px;border-top: 1px solid #e0e0e080;border-bottom: 1px solid #e0e0e080;text-align: left;}
#productTabs ul.tabs li {padding: 10px;}
#productTabs ul.tabs li.active {color: #2f2f2f;font-weight: 700;}
#productdetail .img_box .slick-slide{background-color: #fff;text-align:center}
#product{margin-top: 100px;}
.titleBox .titleEn{font-weight:700;text-transform:uppercase;line-height:1;font-style:normal;display:block;font-size:36px;text-align:center;margin-top:30px;margin-bottom:30px}
.titleBox .titleEn .red{display:inline-block;color:#2a59a8;font-size:36px;vertical-align:inherit;font-family: 'Montserrat', sans-serif;}
#product .entitle h2{font-family: 'Montserrat', sans-serif;text-align: center;}

/* viewAll */
.viewAll { margin: 1em 0 .5em; text-align: center; }
.viewAll #btn_viewAll { padding: 1em 3em; background: var(--primary); display: inline-block; color: #fff; }

/* multi-select-menu */
.multi-select-menu { max-height: 200px; }
.multi-select-menuitem { padding: .3rem 1rem .3rem 2.5rem; }
.multi-select-menuitem input { padding: 0; width: auto; background: none; border-bottom: 0; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }

.recommendbox{margin-top: 40px;}
.recommendtxt{color:#353535;font-weight:600;line-height:0.95;margin-bottom:40px;font-size: 22px;position:relative;}

@media screen and (max-width: 1660px){
	#wrap:after{width: 24%;}
}
@media screen and (max-width: 1440px){
	#wrap:after{width: 24%;}
}
@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:8%;width:calc(100% - 400px);display:inline-block;vertical-align:top;margin-top:0%}
	#productdetail{display:flex;justify-content:space-between;text-align:justify}

}
@media screen and (max-width: 1280px){
	#wrap:after{display:none}
	#sidenav{margin-bottom: 280px;}
	#content_wrap{padding:30px 10px 50px}
	.producTitle{margin:10px;text-align:center}
	#sidenav h3.sideTitle{display:none}
	#sidenav ul.cate{position:absolute;width:calc(100% - 2px);background:#fff;border:1px #e1e1e1 solid;box-shadow:0 0 3px rgb(0 0 0 / .2);z-index:-1;opacity: 1;-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%}
	#imglist img{height: 280px;}
	.recommendbox {margin-top: 20px;}
	.recommendtxt{margin-bottom: 20px;font-size: 20px;}
}