/* productdetail */
#productdetail { margin: 0vw 0 0; text-align: center; font-size: 0; background: #eeeeee; padding: 15px 20px; }
#productdetail .row { margin-bottom: 0; display: block; }
#productdetail .row#community { width: 100%; }
#productdetail .img_nav { display: flex; width: 100%; display: none; }
#productdetail .img_nav .slick-list { width: 100%; }
#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 h1 { color: #6D6D6D; }
#productdetail #productinfo .category { position: relative; }
#productdetail #productinfo .category:after { position: absolute; top: 14px; width: 80%; height: 1px; background: #d6d6d6; content: ""; }
#productdetail #productinfo .category a { color: #d7a297; border: 1px solid #d7a297; padding: 3px 12px; font-size: 12px; font-weight: 300; line-height: .1em; }
#productdetail #productinfo .price { width: 90%; background: #fbfbfb; padding: 10px 0 10px 26px; margin: 30px 0 15px; }
#productdetail #productinfo .price font { display: inline-block; vertical-align: middle; font-size: 28px; color: #e8a293; }
#productdetail #productinfo .price font.old { font-size: 18px; color: #afafaf; text-decoration: line-through; margin-right: 10px; }
#productdetail #productinfo .proNo { margin: 0px 0 20px; }
#productdetail #productinfo .proNo b { border: 1px solid #ececec; padding: 3px 20px; color: #6D6D6D; }
#productdetail #productinfo article { width: 100%; display: inline-block; color: #6D6D6D; vertical-align: top; font-weight: 400; margin: 25px 0; line-height: 180%; }
#productdetail #orderfunction { margin-top: 30px; font-size: 0; }
#productdetail #orderfunction label,#productdetail #productinfo .proNo label,#productdetail #productinfo label { margin-right: 21px; }
#productdetail #orderfunction a { padding: 5px 15px; border: 1px #dedede solid; background: #f9f9f9; display: inline-block; color: #656565; vertical-align: middle; }
#productdetail #orderfunction input { padding: 5px 15px; width: 40px; border: #ccc solid; border-width: 1px 0; text-align: center; vertical-align: middle; }
#productdetail #productinfo .btns { margin-top: 40px; text-align: center; }
#productdetail #productinfo .btns a { padding: 10px 50px; display: inline-flex; color: #fff; font-weight: 300; background: linear-gradient(to top,#ca2423,#caa923); align-items: center; }
#productdetail #productinfo .btns a svg { width: 20px; height: 20px; fill: #fff; margin-left: 10px; }
#productdetail #productinfo .btns a.addcar { background: #d7a297; color: #fff; margin-right: 10px; }
#productdetail .super-show { display: flex; flex-direction: column; padding-bottom: 45px; }
#productdetail .super-show .littleimg { background-size: cover; margin: 6px 2px; }
/* productTabs */
#productTabs {   }
#productTabs ul.tabs { margin: 50px 0 35px; text-align: center; padding: 0 15px; border-bottom: 1px #f0d8d3 solid; font-size: 0; }
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a { padding: 10px 25px; background: #fff; border: #f0d8d3 solid; border-width: 1px 1px 0 0; display: inline-block; color: #d7a297; }
#productTabs ul.tabs li:first-child a { border-left-width: 1px; }
#productTabs ul.tabs li.active a { background: #d7a297; border-width: 0 1px 1px; border-color: #d7a297; color: #fff; }
@media screen and (min-width:1281px) {
  #productTabs ul.tabs li:hover a { background: #d7a297; border: 1px solid #d7a297; color: #fff; }
}
@media screen and (max-width:1280px) {
  #productdetail .row { width: 80%; }
  #productdetail #productinfo { width: 80%; margin-left: 0; }
}
@media screen and (max-width:980px) {
  #productlsit .bgTxt.stitle { padding: 6vw 0 0; top: 0; }
  #productdetail { text-align: center; }
  #productdetail .row,#productdetail #productinfo { margin-left: 0; width: 100%; }
  #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:640px) {
  #productdetail #productinfo h2 { margin-top: 25px; }
  #productdetail #productinfo .btns { text-align: center }
}
