/* imglist */
#imglist img { margin-bottom: 20px; aspect-ratio: 1/1; object-fit: contain; }
#imglist .img_nav img { margin: 0 2px; width: 85px; height: 100px; }
/* productinfo */
#productinfo .h2 { margin: 5px 0 15px; font-weight: 400; font-size: max(1.8 * (1vw + 1vh)/2,22px); font-weight: 500; color: #2a2728; }
#productinfo .txt,.buyBtns { margin-bottom: 10px; }
#productinfo .txt.cat { padding: 10px; display: flex; justify-content: flex-end; display: none; }
#productinfo .txt.cat label { border-right: #c9c9c9 1px solid; font-size: max(0.8 * (1vw + 1vh)/2,13px); font-weight: 500; color: #565656; }
#productinfo .txt.cat a { font-size: max(0.8 * (1vw + 1vh)/2,13px); font-weight: 500; }
#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: 300; font-size: 14px; 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; }
#productinfo .buyBtns { display: flex; justify-content: flex-end; }
#productinfo .buyBtns a:first-child { background: #4bb35d; }
#productinfo .buyBtns a { display: flex; align-items: center; padding: 7px 18px; background: #3758b5; margin: 0 9px; border-radius: 8px; color: white; font-size: max(0.8 * (1vw + 1vh)/2,15px); }
#productinfo .buyBtns svg { width: 27px; aspect-ratio: 1/1; fill: white; margin-right: 7px; padding: 5px; border: rgb(255 255 255/57%) 1px solid; border-radius: 666px; }
/* productTabs */
#productTabs ul.tabs { margin: 70px 0 35px; }
#productTabs ul.tabs li a { padding: 10px 40px; }
#productTabs ul.tabs li.active a { color: var(--primary); }
#productdetail #imglist { display: flex; flex-direction: column; width: 30%; align-items: center; margin: 0 auto; }
#productdetail #imglist .img_box { width: 100%; }
#productdetail #productinfo { display: flex; flex-direction: column; width: 65%; }
.paJJbox { display: flex; justify-content: space-between; }
.paJJbox * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.paJJbox .paJleftbox { position: relative; display: flex; flex-direction: column; width: 27%; margin-right: 2%; left: -5%; padding: 12px 16px; border-right: rgb(207 207 207/40%) 1px solid; }
.paJJbox #sidenav { display: flex; flex-direction: column; width: 95%; }
.paJJbox .paJrightbox { display: flex; flex-direction: column; width: 68%; }
/* sidenav */
#sidenav a#showSide { padding: 10px 20px; background: #2a2728; border: 1px #1a1e23 solid; box-shadow: 0 0 3px rgb(0 0 0/.2); display: block; color: #fff; }
#sidenav a#showSide i { margin-right: 10px; color: #8d8d8d; }
#sidenav .h3.sideTitle { font-weight: 900; font-size: max(2 * (1vw + 1vh)/2,24px); color: #d9d9d9; border-bottom: rgb(231 231 231/40%) 1px solid; padding: 5px 5px; }
#sidenav ul.cate >li h4,#sidenav ul.cate >li ul li .subULHead { position: relative; }
#sidenav ul.cate >li a { padding: 12px 50px 12px 20px; display: block; font-weight: 400; color: #afafaf; }
#sidenav ul.cate >li a:hover { color: #e1621a }
#sidenav ul.cate >li.action >h4 a { background: #f2f2f2; }
#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: 40px; border-left: 2px transparent solid; }
#sidenav ul.cate >li >ul >li.action >div p a { background: #e3e3e3; border-left-color: #000; }
#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; top: 12px; right: 20px; }
#sidenav ul.slist li { padding: 12px 5px; }
#sidenav ul.slist li a { color: #626262; }
@media screen and (min-width:1281px) {
  #productdetail { display: flex; align-items: center; justify-content: space-between; text-align: justify; margin-bottom: 10px; border-radius: 15px; }
  #sidenav a#showSide { display: none; }
  #sidenav ul.cate { margin-top: 10px; }
}
@media screen and (max-width:1600px) {
  .paJJbox .paJleftbox { left: 0%; }
}
@media screen and (max-width:1280px) {
  .paJJbox { display: flex; flex-direction: column; }
  .paJJbox .paJleftbox { width: 100%; padding: 8px 0; margin-bottom: 15px; margin-right: 0; border-right: unset; }
  .paJJbox .paJrightbox { width: 100%; }
  .paJJbox #sidenav { width: 100%; margin-right: 0; margin-left: 0; }
  #productinfo { margin-top: 5vw; }
  #imglist { width: 100%; }
  #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(1) translateY(-21px); -ms-transform: scale(1) translateY(-21px); transform: scale(1) 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(35px); }
}
@media screen and (max-width:980px) {
  #productdetail #imglist { width: 400px; max-width: 100%; margin: 0 auto; }
  #productdetail #imglist .img_box { margin-bottom: 10px; }
  #productdetail #productinfo { width: 100%; }
  #productinfo .buyBtns { display: flex; justify-content: center; }
  #productinfo .buyBtns a{
    padding: 7px 10px;
}
}