/* sidenav */
#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 100%;}
#sidenav a#showSide {padding: 10px 20px;background: #e6dfcf;border: 1px #e6dfcf 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: 'Cormorant', sans-serif;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;padding: 5px;border-bottom: solid 1px #cdcac1;}
#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 #cdcac1;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:#f4eedf}
#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 a{border-radius:50%;overflow:hidden;border-style:solid;border-color:#ffffff;border-width:10px;box-shadow:0 2px 32px rgba(43,111,154,.2);margin:20px}
#imglist img{aspect-ratio:1/ 1}
#imglist .img_nav img{margin:0 10px 0 0;width:100px;height:100px;object-fit:contain}
#imglist .img_nav{display:none}

/* productinfo */
#productinfo .Txt p font{color:var(--complement);font-size:1.1rem;font-weight:500;letter-spacing:.5px}
#productinfo .Txt .classTitleBox{color:var(--primary);padding-bottom: 20px;margin-bottom:25px;margin-top: 5px;border-bottom:solid 1px #a8bec6;display:flex;justify-content:flex-start;align-items:baseline;flex-direction:row;flex-wrap:nowrap;gap:10px}
#productinfo .Txt .classTitle{color:var(--primary);font-size:2.4rem;font-weight:700;line-height: 130%;letter-spacing:calc(30 * 60 / 1000 * 1px);font-family:'Outfit',sans-serif;height:auto}
#productinfo .Txt .number{font-size:1.4rem;letter-spacing: 1px;}
#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: var(--primary);}

/* productTabs */
#productTabs ul.tabs{margin:40px 0 35px;z-index:2;position:relative;margin-bottom:10px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:center;background-color:var(--triadic1)}
#productTabs ul.tabs li a{padding:10px 40px}
#productTabs ul.tabs li.active a{color:var(--info)}
#productdetail .img_box .slick-slide{text-align:center}
.producTitle{margin:40px;text-align:center}
#tabSp{margin:50px 0}

@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;display: grid;grid-template-columns: 320px 1fr;gap: 60px;}
	#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 280px;}
	.producbox{margin: auto;width: calc(100% - 240px);background: #fff;border-radius: 10px 40px 10px 40px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);padding: 70px 120px 70px;}
}
@media screen and (max-width: 1280px){
	#sidenav{margin-bottom:30px}
	#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: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)}
	#imglist{width:100%}
	#productinfo .Txt .classTitleBox{display:flex;flex-direction:column;align-items:flex-start;gap:0}
	#productinfo .Txt p font{font-size:1rem}
	#productinfo .Txt .classTitle{font-size:2rem}
	#productinfo .Txt .number{font-size:1.2rem}
}