#content_wrap{padding-bottom:4vw;padding-top: 4vw;}

/* 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 {font-weight: 900;font-size: 30px;color: var(--primary);font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;padding: 5px;border-bottom: solid 1px #3c3c3c;}
#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: 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; }

/* sidenav */
#sidenav{position: relative;margin-left: 0;margin-bottom: 30px;display: inline-block;vertical-align: top;width: 100%;display: none;}
#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 {font-weight: 900;font-size: 30px;color: var(--primary);font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;padding: 5px;border-bottom: solid 1px #3c3c3c;}
#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: #2196F3; }
#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;padding-left: calc(100% - 40px);width: 35px;height: 40px;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; }


/* imglist */
#imglist img {height: auto;object-fit: contain;}
#imglist .img_nav{
    display: none;
}
#imglist .img_nav img {margin: 0 10px 0 0;width: 140px;height: 80px;}

/* productinfo */
#imglist h2 {font-size: 25px;color: #2d2d2d;font-weight: bold;border-bottom: 1px #e5e4e4 solid;padding-bottom: 1.7vw;text-align: center;}
#imglist .txt , .buyBtns {margin-bottom: 10px;text-align: center;}
.buyBtns{margin-top: 20px;}
#productinfo .txt label { margin-right: 15px; width: 50px; }
#productinfo .price font { font-size: 18px; }
#productinfo article {font-weight: 400;margin-bottom: 1.7vw;font-size: .875rem;line-height: 1.6em;color: #898989;display: none;}
#productinfo #community { margin-top: 15px; }
#tabSp .info { margin: 15px 0; }
#tabSp .info .txt {margin: 0;padding: 12px 0px;border-bottom: 1px #e5e4e4 solid;display: flex;justify-content: space-between;}
#tabSp .info .txt label {color: #0f2942;width: 150px;}
#tabSp .info .txt a , #tabSp .info .txt b {display: inline-block;vertical-align: middle;font-weight: bold;line-height: 1.125em;font-size: 20px;color: #191f23;font-family: 'Montserrat', sans-serif;}


/* 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: var(--primary);}

/* productTabs */
#productTabs ul.tabs {margin: 40px 0 35px;z-index: 2;position: relative;margin-bottom: 40px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;text-align: center;}
#productTabs ul.tabs li a { padding: 10px 40px; }
#productTabs ul.tabs li.active a { color: var(--primary); }

#tabs_container .tab_content{}
#tabs_container .tab_content img{width:100%;}
table{width:100%;border-collapse:collapse}
td, th{padding: 4px;border:1px solid #a2a9b1;text-align: center;}
td p{text-align: center;}
#tabs_container .tab_content td img{width:auto;}
#tabs_container .tab_content span{font-size:18px;line-height:170%}
	table{overflow-x: auto;white-space: nowrap;padding-bottom: 10px;}
    table::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f9f9f9;}
    table::-webkit-scrollbar{height:6px;background-color:black;}
    table::-webkit-scrollbar-thumb{background-color:#a2a1a1;border-radius:50px;}


@media screen and (min-width: 1281px){
	#sidenav a#showSide { display: none; }
	#sidenav ul.cate { margin-top: 10px; }
	#productdetail {display: flex;align-items: center;justify-content: space-between;text-align: justify;flex-direction: column;}
	#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 280px;display: none;}
	.producbox{width: calc(100% - 0px);display: inline-block;vertical-align: top;margin-top: 0%;}
}
@media screen and (max-width: 1280px){
	#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: 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;width: 100%;}
	#imglist { width: 100%; }
}
@media screen and (max-width: 1024px){
	#tabs_container .tab_content{padding:0;margin-top: 30px;}
	#imglist img{height: auto;}
    #tabs_container .tab_content{padding:0;margin-top: 30px;}
	#content_wrap{padding-bottom: 10vw;}
}