﻿#ProductDetail { background: #fff;box-sizing: border-box;position: relative;width: 94%;margin: 0px auto;margin-top: 20px}
#ProductDetail #imgSlide{ border: 1px solid #e1e1e1;box-sizing: border-box;overflow: hidden;width: 300px;height: 300px;position: relative;margin: 0px auto}
#ProductDetail #imgSlide .owl-item{ width: 300px;height: 300px}
#ProductDetail #imgSlide .items{ width: 100%;height: 100%}
#ProductDetail #imgSlide img{ width: 100%;height: 100%;object-fit: contain}
#ProductDetail .owl-buttons div{ position: absolute;width: 28.5px;height: 43px;color: transparent;top: 130px}
#ProductDetail .owl-buttons div.owl-prev{ background: url(btnPrev.png) no-repeat center;background-size: 100% 100%}
#ProductDetail .owl-buttons div.owl-next{ background: url(btnNext.png) no-repeat center;background-size: 100% 100%;right: 0}

#ProductDetail .title{ color: #ea0234;font: 20px RobotoBold;margin-top: 15px}
#ProductDetail .ctsp-thongtin-right ul{ margin: 0;padding: 0;list-style-type: none}
#ProductDetail .ctsp-thongtin-right ul li span{ font-size: 14px;line-height: 25px}
#ProductDetail .ctsp-thongtin-right ul li span:first-child{font-weight: bold}
#ProductDetail .ctsp-thongtin-right ul li span.spthongtin-lienhe{ color: #e10b15;font: 25px RobotoBold}
#ProductDetail .motasp-dt{ border: 1px solid #f5f3f0;background: #f5f3f0;padding: 10px;position: relative;margin-top: 15px;font: 15px/22px Roboto}
#ProductDetail .motasp-dt:before{ background: url(mt.png) no-repeat;width: 9.5px;height: 6px;content: '';position: absolute;top: -5px;left: 10px;background-size: 100%}
#ProductDetail .ctsp-lienhe{ background: #a7a7a7;width: 100%;height: 40px;color: #fff;text-align: center;margin-top: 17px;font: 15px/40px Roboto;border-radius: 5px}
#ProductDetail .ctsp-lienhe span{font: 17.5px RobotoBold}
#ProductDetail .dathang1{ width: 100%;height: 43.5px;background: url(buy.png) no-repeat;background-size: 100% 100%;display: block;margin-top: 15px;color: transparent;margin-bottom: 15px}
#ProductDetail .ctsp-noidung{position: relative}
#ProductDetail #tabcurent{ display: inline-block;border: 1px solid #dbdbdb;border-top: 2px solid #ea0335;background: url(tabcr.png) no-repeat left 10px center;background-size: 12.5px 14px;height: 37px;padding-left: 37px;padding-right: 10px;font: 15px/37px RobotoBold;border-radius: 0 0 3px 3px}
#ProductDetail .icmenu{ background: url(icmn.png) no-repeat;width: 44.5px ;height: 40px;background-size: 100% 100%;position: absolute;top: 0;right: 0;cursor: pointer}
#ProductDetail .tabnav{ margin: 0;padding: 0;position: absolute;width: 193px;right: 0;top: 41px;display: none;z-index: 10;list-style-type: none}
#ProductDetail .tabnav li{ background: rgba(234, 2, 52, 0.9);height: 37px;border-bottom: 1px solid #f1607f;color: #fff;font: 15px/37px RobotoBold;text-align: right;padding-right: 10px}
#ProductDetail .tabnav li:hover{background: rgba(234, 2, 52, 0.8)}
#ProductDetail .tabcontent{ display: none;margin-top: 15px;margin-bottom: 15px}
#ProductDetail .tabcont .active{display: block}

#ProductDetail .noidung img{ max-width: 100% !important;height: auto!important}

.spkhac { position: relative;overflow: hidden;padding-top: 20px}
.spkhac .ttOrther{ border-bottom: 2px solid #e3e3e3;padding-bottom: 10px;font: 15px RobotoBold;text-transform: uppercase;margin-bottom: 15px;position: relative}
.spkhac .ttOrther:before{ background: #ea0234;height: 4px;width: 32.5px;content: '';position: absolute;bottom: -2px;left: 0}

.spkhac .sanpham1 .dmsp2-sp .dmsp2-spkhac{width: 100%}
.spkhac .sanpham1 .dmsp2-sp{display: block}

#ProductDetail .spkhac .owl-buttons div{ position: absolute;width: 29.5px;height: 29px;color: transparent;top: -50px}
#ProductDetail .spkhac .owl-buttons div.owl-prev{ background: url(btnPrev2.png) no-repeat center;background-size: 100% 100%;right: 35px}
#ProductDetail .spkhac .owl-buttons div.owl-next{ background: url(btnNext2.png) no-repeat center;background-size: 100% 100%;right: 0}
#ProductDetail .spkhac .owl-buttons div.owl-prev:hover{ background: url(prev2-hv.png) no-repeat center;background-size: 100% 100%}
#ProductDetail .spkhac .owl-buttons div.owl-next:hover{ background: url(next2-hv.png) no-repeat center;background-size: 100% 100%}

#ProductDetail .spkhac .sanpham2 .container-nd1:last-child .dmsp2-spkhac{border-right: 0!important}
#ortherProduct{ border-right: 1px solid #e1e1e1!important}

#ProductDetail .fbtt{ display: block;font: 15px RobotoBold;text-transform: uppercase;margin-top: 15px}

  #textModel{ border: 1px solid #d4d4d4;height: 37px;width: 100%;box-sizing: border-box;padding: 0 10px}
  .timkiemModel ul{ margin: 0;padding: 0;list-style-type: none;border: 1px solid #d4d4d4;box-sizing: border-box;margin-top: 24px}
  .timkiemModel ul li a{ padding: 0 10px;font: 14px/36px Roboto;border-bottom: 1px solid #d4d4d4;display: block;width: 100%;box-sizing: border-box}


  .listVideoDt{text-align: center}


  .listFileDt table{ width: 100%;border: 1px solid #d4d4d4;border-collapse:collapse;}
  .listFileDt table .Tendichvu{ text-align: left;padding-left: 10px}
  .listFileDt table .taive{width:55px}
  .listFileDt table .taive a.view{ width: 14.5px;height: 8.5px;background: url(icView.png) no-repeat top center;display: block;background-size: contain;margin: 0px auto}
  .listFileDt table .taive a.taive{ width: 9.5px;height: 8px;background: url(icDown.png) no-repeat top center;display: block;background-size: contain;margin: 0px auto}

  .listFileDt th, td
{
border-bottom: 1px solid #d4d4d4;
    color: #333333;border-right: 0;border-left: 0px
} 
  .listFileDt .tieude{ text-align: left;padding-left: 10px}
  .listFileDt th{ background: #dd1b23;height: 40px;color: #fff;font: 15px RobotoBold}
  .listFileDt td{ height: 40px;color: #333;font: 15px Roboto}

  .listFileDt .taive1 a{ width: 100%;height: 100%;background: url(download.png) no-repeat center;background-size: 16px 16px;display: block}