/* productlsit */
#productlist ul {font-size: 0;display: grid;grid-template-columns: repeat(4 , 1fr);}
#productlist ul li {position: relative;width: 100%;display: flex;vertical-align: top;flex-direction: column;align-items: center;}
#productlist ul li a { position: absolute; width: 100%; height: 100%; z-index: 2; }
#productlist ul li .info {padding: 10px;}
#productlist ul li .img {margin-bottom: 0;background: no-repeat 50% / cover;box-shadow: -1px -8px 10px 0 rgb(213 213 213 / 30%);}
#productlist ul li .price font { margin-right: 10px; display: inline-block; font-size: 15px; }
#productlist ul li .price font.old { color: #a3a3a3; }
#productlist ul li h3 { margin-bottom: 10px; height: 34px; font-size: 20px; -webkit-line-clamp: 1; }
#productlist ul li article { height: 50px; font-weight: 400; font-size: 14px; color: #393939; -webkit-line-clamp: 2; }
#productlist ul li .h3 { font-size: 1.5rem; color: #7f1084; font-weight: 600; overflow: hidden; height: 38px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.ino_box{background: #ffffff;padding: 10px 10px;border-bottom: #7f1084 2px solid;}
/* productdetail */
#productdetail {margin-bottom: 30px;font-size: 0;display: none;}
#productdetail .row { margin-bottom: 0; width: 63%; display: inline-block; }
#productdetail #imglist >div a.photo { position: relative; }
#productdetail #imglist >div a.photo img { width: 100%; }
#productdetail #imglist >div a.photo img:first-child { position: absolute; height: 100%; top: 0; left: 0; opacity: 0; z-index: -999; }
#productdetail #productinfo { margin-left: 3%; width: 34%; }
#productdetail #productinfo h2 { margin-bottom: 10px; font-size: 40px; }
#productdetail #productinfo .price { margin-bottom: 20px; }
#productdetail #productinfo .price font { display: inline-block; vertical-align: bottom; line-height: 100%; font-size: 28px; }
#productdetail #productinfo .price font.offer { color: #d21a20; }
#productdetail #productinfo .price font.old { margin-left: 10px; font-size: 15px; opacity: .6; }
#productdetail #productinfo .price font:nth-child(2) { text-decoration: line-through; }
#productdetail #productinfo .txt { overflow: hidden; margin: 5px 0; text-align: right; font-size: 0; }
#productdetail #productinfo .txt label { float: left; display: inline-block; line-height: 33px; font-size: 16px; color: #898989; }
#productdetail #productinfo .txt a , #productdetail #productinfo .txt b { color: #212121; }
#productdetail #productinfo .info { margin: 15px 0; }
#productdetail #productinfo .info .txt { margin: 0; padding: 5px 15px; border-bottom: 1px #e2e2e2 solid; }
#productdetail #productinfo .info .txt label { color: #0f2942; }
#productdetail #productinfo .info .txt a , #productdetail #productinfo .info .txt b { display: inline-block; font-weight: 400; color: #141212; vertical-align: middle; }
#productdetail #productinfo article { font-size: 14px; color: #616161; }
#productdetail #orderfunction a { padding: 5px 15px; border: 1px #222 solid; display: inline-block; color: #000; vertical-align: middle; }
#productdetail #orderfunction input { padding: 5px 15px; width: 40px; border: #262555 solid; border-width: 1px 0; text-align: center; vertical-align: middle; }
#productdetail #productinfo .btns { margin: 20px 0; text-align: right; }
#productdetail #productinfo .btns a { margin: 5px 0 5px 20px; padding: 5px 15px; display: inline-block; color: #0f2942; }
#productdetail #productinfo .btns a.addcar { background: #0f2942; color: #fff; }
#productdetail #productinfo .btns a.ask { border: 1px #0f2942 solid; }

/* productTabs */
#productTabs ul.tabs {margin: 5px 0 0px;padding: 0 15px;border-bottom: 1px #e5e5e5 solid;text-align: center;font-size: 0;display: none;}
#productTabs ul.tabs li {display: inline-block;vertical-align: top;margin-left: 5px;}
#productTabs ul.tabs li a {padding: 10px 25px;border-width: 1px 1px 0 0;display: inline-block;color: #8a8d91;border-radius: 10px 10px 0 0;}
#productTabs ul.tabs li:first-child a { border-left-width: 1px; }
#productTabs ul.tabs li.active a {background: #891f8d;border-width: 0 1px 1px;border-color: #8e2b92;color: #fff;border-radius: 10px 10px 0 0;}

@media screen and (min-width:1281px) {
  #productTabs ul.tabs li:hover a {background: #891f8d;border-color: #8e2b92;color: #fff;}
}
@media screen and (max-width:1280px) {
  #productdetail .row { width: 55%; }
  #productdetail #productinfo { width: 42%; }
}
@media screen and (max-width:980px) {
  #productlist ul { grid-template-columns: repeat(3,1fr); }
  #productTabs ul.tabs { padding: 0; border-bottom: 0; }
  #productTabs ul.tabs li a,productTabs ul.tabs li.active a { margin: 5px; border-width: 1px; }
}
@media screen and (max-width:500px) {
  #productTabs #tabs_container {margin-top: 0rem;}
}
@media screen and (max-width:500px) {
  #productlist ul { text-align: center; }
  #productlist ul { grid-template-columns: repeat(2,1fr); display: flex; flex-direction: column; }
  #productlist ul li .h3 { font-size: 1.25rem; }
  #productlist ul li img { aspect-ratio: 5/4; }
}
@media screen and (max-width:450px) {
  #productlist ul li { width: 100%; }
}