.sec-product { padding:50px 20px; }
.sec-product > .wrapper { max-width:1200px;margin:0px auto;overflow:auto;position:relative; }
.sec-product .menu-area { width:250px;position:absolute;top:0px;left:0px; }
.sec-product .menu-area h1 { font-size:28px;line-height:1.2;margin-bottom:20px;text-align:left; }
.sec-product .menu-area hr { margin:20px 0px; }
.sec-product .menu-area .menu { margin-bottom:5px;font-size:14px; }
.sec-product .menu-area .menu > a.grp { font-size:16px;font-weight:bold;display:block;color:#515151 }
.sec-product .menu-area .menu > .sub-grp { margin:5px 0px 10px 2px; padding-left:15px; border-left:2px #eeeeee solid; }
.sec-product .menu-area .menu > .sub-grp a { display:block;color:#515151;margin:3px 0px; }


.sec-product .content-area { margin-left:280px; }
.sec-product .content-area h1.title { display:none; }

.sec-product .search-area { overflow:hidden;border:1px #cccccc solid;border-radius:10px;padding:8px 20px;margin:10px 20px; }
.sec-product .search-area  input[type="text"] { border:none;font-size:16px;color:#515151;padding:0px;width:100%;outline:none; }
.sec-product .search-area  input[type="submit"] { position:absolute;top:-100px; }

.prod-area { overflow:auto;margin-bottom:60px; }
.prod-area > .col { width:33.33%;float:left; }
.prod-area .prod-info { margin:20px; }
.prod-area .prod-info > .img-area { height:250px;overflow:hidden;background-color:#ffffff;text-align:center; }
.prod-area .prod-info > .img-area img { max-width:90%;max-height:80%;vertical-align:middle;display:inline-block; }
.prod-area .prod-info > .img-area a { display:block;height:100%;width:100%; }
.prod-area .prod-info > .img-area a:before { content:'';height:100%;vertical-align:middle;display:inline-block; }

.prod-area .prod-info > .desc-area { margin:15px 5px;height:90px;line-height:1.5 }
.prod-area .prod-info > .desc-area a { display:block;font-size:15px;font-weight:bold;color:#515151;line-height:1.2;padding-bottom:10px; }
.prod-area .prod-info > .desc-area p { margin:0px;font-size:14px;color:#777777; }


.paging-area { margin:20px;text-align:center;font-size:18px; }
.paging-area a { display:inline-block;padding:0px 8px;color:#515151; }
.paging-area a.active { font-weight:bold;border-bottom:1px #515151 solid;}



.prod-detail { margin:50px 0px; }
.prod-detail > .row { overflow:auto; }
.prod-detail > .row > .col { width:50%;float:left; }
.prod-detail .prod-img { max-width:80%;margin:50px 0px; }

.prod-detail .desc-area h1 { font-size:28px;margin:0px; }
.prod-detail .desc-area p { line-height:1.6 }
.prod-detail .action-area img { height:30px; }
.prod-detail .tab-btn { margin:40px 0px 20px 0px; }
.prod-detail .tab-btn a { color:#ffffff;font-size:16px; width:48%;box-sizing:border-box;display:inline-block;background-color:#bbbbbb;padding:7px;text-align:center; }
.prod-detail .tab-btn a.active { background-color:#292929 }
.prod-detail .features-area { font-size:16px; }
.prod-detail .specifications-area { font-size:16px; }
.prod-detail .tab-conn { display:none; }
.prod-detail .tab-conn.show { display:block; }

.empty-prod { padding:200px 0px; text-align:center; }

.swiper-img { width:90%;margin:0px auto; }
.swiper-img .swiper-slide { text-align:center; }
.swiper-img .swiper-pagination { text-align:center;width:100%;position:relative; }


@media screen and (max-width:1200px) {
  .sec-product .content-area { margin-left:250px; }

  .prod-area .prod-info > .img-area { height:210px; }

}

@media screen and (max-width:1100px) {
  .prod-area .prod-info > .img-area { height:190px; }
}

@media screen and (max-width:800px) {
  .sec-product .menu-area { width:200px; }
  .sec-product .content-area { margin-left:220px; }
  .prod-area > .col { width:50%; }


  .prod-detail > .row > .col { width:auto;float:none; }
}

@media screen and (max-width:700px) {
  .sec-product .menu-area { width:auto;float:none;position:relative;border:1px #cccccc solid;border-radius:15px; margin-top:40px;padding:20px  }
  .sec-product .menu-area h1 { text-align:center;font-size:26px; }
  .sec-product .menu-area h1 br { display:none; }
  .sec-product .content-area { margin-left:0px; }

  .sec-product .content-area h1.title { display:block;font-size:24px;text-align:center;margin-bottom:20px;color:#515151; }

  .sec-product .search-area { margin:10px; }

  .prod-area .prod-info { margin:5px; }
  .prod-area .prod-info > .img-area { height:160px; }

  .paging-area { margin-bottom:40px }

  .prod-detail .prod-img { margin:20px 0px; }
}

@media screen and (max-width:400px) {

  .prod-area .prod-info > .img-area { height:140px; }

  .prod-area .prod-info > .desc-area a { font-size:14px }
  .prod-area .prod-info > .desc-area p { font-size:13px }

}

@media screen and (max-width:350px) {
  .sec-product .menu-area { margin:20px;width:auto; }
  .sec-product { padding:20px 10px; }
  .prod-area .prod-info > .img-area { height:120px; }

  .paging-area { font-size:14px }
  .paging-area a { padding:5px; }

  .prod-detail { padding:10px; }
}