/*San pham lien quan*/
/*  Tablet  */


 .NoiDungChiTiet .anhchinh{height: auto;overflow: hidden;padding-right: 0 !important;}
 .NoiDungChiTiet .anhchinhBox{box-sizing: border-box;width: 100%;overflow: hidden;border: 1px solid #deecd9;}
 .NoiDungChiTiet .anhchinhBox img{height: auto;max-width: 100%;width: auto;margin: 0 auto;}
 .NoiDungChiTiet .anhphu{ margin-top: 10px;}
 .NoiDungChiTiet .anhphu .item{border: 1px solid #deecd9;box-sizing: border-box;margin-bottom: 0px;margin-top: 0px;width: auto;}
 .NoiDungChiTiet .anhchinh{width: 100%;float: left;}
 .NoiDungChiTiet .p-thums{width: 100%;float: left;}

 .p-thums .anhphu{ position: relative;}
 .p-thums .anhphu .owl-carousel .owl-dot{ position: absolute;top: 50%;}
 .p-thums .anhphu  .owl-next,.p-thums .anhphu .owl-prev{ font-size: 0;}
 .p-thums .anhphu .owl-prev:before{
     content: "\f053";
     margin-right:10px;
     font-family: 'fontAwesome';
     font-size: 15px;
     position: absolute;
     top: 35%;
     left: -15px;
 }
 .p-thums .anhphu  .owl-next:after{
     content: "\f054";
     margin-right:10px;
     font-size: 15px;
     font-family: 'fontAwesome';
     top: 35%;
     right: -25px;
     left: auto;
     position: absolute;
     z-index: 999;
 }
 .share-social{text-align:center;margin-top: 15px;}
 .share-social .DivbtLike{float:none;margin-right:auto;margin-left:auto;display: inline-block;position:relative;}

 .motangan { text-align: left;}
 .motangan .title{padding-bottom:10px;border-bottom:1px solid #e5e5e5;}
 .motangan .gia{text-transform: inherit;font-size: 18px;font-family: 'roboto-r';color: #1a1a1a;margin-top: 15px;text-align: justify;line-height: 21px;}
 .motangan .gia span{font-family: 'roboto-b';font-size: 25px;}
 .motangan .price-detail-contact .gia{margin-top: 8px;}
 .motangan .readmore{padding: 8px 25px;border-radius: 17px;background: #ffe90f;color: #1a1a1a;margin-top: 20px;display: block;text-transform: uppercase;width: auto !important;cursor: pointer;}
 .motangan .code {
     font-size: 14px;
     font-family: 'roboto-r';
     color: #1a1a1a;
     margin-top: 15px;
     font-style: italic;
     text-transform: inherit;
 }
 .motangan .tongquan {
     font-size: 14px;
     font-family: 'roboto';
     color: #1a1a1a;
     margin-top: 15px;
     line-height: 22px;
     text-transform: inherit;
     text-align: justify;
 }
 .motangan2{margin-top: 0;padding-top: 10px;border-top: 1px solid #e5e5e5;width: 100%;float: left;}
 /*Tab Menu*/

 .ProductDetail .tab-detail{border: 1px solid #e5e5e5;padding: 0 35px;margin-top: 55px;}
 .ProductDetail .tab-detail tr,.ProductDetail .tab-detail td{border: 1px solid #000 !important;}
 .ProductDetail ul.tab {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
 }
 .ProductDetail ul.tab li {float: left;width: 100%;border-bottom: 1px solid #e5e5e5;}
 .ProductDetail ul.tab li a {
     display: inline-block;
     color: #983094 !important;
     text-align: center;
     padding: 14px 0;
     text-decoration: none;
     transition: 0.3s;
     font-size: 16px;
     background: none;
     text-transform: uppercase;
     border-bottom: 3px solid #983094;
     margin-bottom: -2px;
     font-family: 'roboto-b';
 }
 .ProductDetail ul.tab li a.active,.ProductDetail ul.tab li a:hover {
     border-bottom: 3px solid #983094;
     color: #000;
 }
 .ProductDetail .tabcontent {
     color: #222;
     font-size: 14px;
     font-family: 'roboto';
     line-height: 23px;
     padding-bottom: 35px;
     padding-top: 15px;
     text-align: justify;
 }

 .muahang {
     margin-top: 20px;
 }
 .muahang #numberProduct {
     font-family: 'roboto-b';
     font-size: 14px;
     text-transform: uppercase;
     padding: 10px 25px;
     border-radius: 30px;
     display: inline-block;
     margin-left: auto;
     width: 83px;
     text-align: center;
     border: 1px solid #d6d4d4;
     margin-right: 18px;
     color: #333;
     float: left;
 }
 .muahang #btnThemGioHang {
     color: #fff;
     font-family: 'roboto';
     font-size: 14px;
     text-transform: uppercase;
     padding: 10px 25px;
     border-radius: 22px;
     background: #983094;
     display: inline-block;
     margin-left: auto;
     border: none;
     float: left;
     margin-right: 18px;
 }
 .muahang .huongdan {
     display: inline-block;
     border: 1px dotted #e9252a;
     padding: 3px 12px;
     font-size: 11px;
     text-transform: uppercase;
     color: #e9252a;
     border-radius: 16px;
     float: left;
 }

 .ProductDetail .hotline {
     padding: 20px 0;
     border-top: 1px solid #e5e5e5;
     border-bottom: 1px solid #e5e5e5;
     margin-top: 20px;
 }
 .ProductDetail .hotline a{color: #222222;font-family: 'roboto-b';font-size: 18px;display: block; }
 .ProductDetail .hotline a span{color: #222222;font-family: 'roboto';font-size: 12px;display: block;}
 .ProductDetail .hotline a{ padding-left: 45px;background: url('img/icon_hotline.png') no-repeat left center;}

 .emailProduct{margin-top:20px;}
 .emailProduct .list{float:right; display:inline-block;}
 .emailProduct .cap{display: inline-block;float: left; line-height:40px;}
 .emailProduct .box-semail {
     position: relative;
     height: 40px;
     display: inline-block !important;
     margin-top: 0;
     float: none;
     width: 100%;
 }
 .emailProduct .box-semail input[type='text'] {
     border: 1px solid #e5e5e5;
     line-height: 40px;
     padding: 0 40px 0 15px;
     width: 100%;
     font-size: 14px;
     color: #222;
     font-family: 'roboto';
     border-radius: 20px;
 }
 .emailProduct .box-semail input[type='button'] {
     background: url('img/bg_dknt.jpg') no-repeat center center;
     width: 30px;
     height: 30px;
     position: absolute;
     right: 6px;
     top: 6px;
     z-index: 9999;
     border-radius: 50%;
     border: none;
 }

 .ProductRef {
     margin-top: 50px;
     padding-bottom: 30px;
     margin-bottom: 50px;
     width: 100%;float: left;
 }
 .price-fitter #btnLocGia{margin: 0 auto !important;margin-top: 25px !important;}
 .price-fitter{ text-align: center;}
 .price-fitter .label {color:#333 !important; margin-top:15px; font-size:14px; font-weight:500;}
 .price-fitter .label span{color:#983094; font-weight:700;}

 @media screen and (max-width: 767px) {
     .list .list-archive  .l-product .title{ margin-top: 20px;}
     .muahang .huongdan{ display: none;}
     .emailProduct .list{ width: 100%;float: left !important;}
     .emailProduct .cap{ width: 100%;text-align: center;}
     .ProductDetail .tab-detail{ padding: 5px;}
     .muahang #numberProduct{ margin-right: 2px !important;}
 }


 .ProductRef   .item .image{ width: 100%;float: left;display: block;}
 .ProductRef   .item .image img{margin-left: auto;margin-right: auto;width: auto !important;max-height: 230px;}
 .ProductRef   .item .title{
     width: 100%;
     float: left;
     display: block;
     font-size: 16px;
     font-family: 'roboto-r';
     color: #222;
     text-transform: inherit;
     margin-top: 10px;
 }
 .ProductRef   .item .sub-title {
     width: 100%;
     float: left;
     display: block;
     font-size: 12px;
     font-family: 'roboto-r';
     color: #b5b5b5;
     text-transform: inherit;
     margin-top: 4px;
 }
 .ProductRef  .item  figure  .sales{top: 0;left: 0;position: absolute;width: 45px;height: 19px;background: url('/Styles/img/sales.png') no-repeat;color: #fff;text-align: center;}
 .ProductRef   .item .gia {
     width: 100%;
     float: left;
     display: block;
     text-transform: inherit;
     margin-top: 15px;
     text-align: center;
 }
 .ProductRef   .item .gia span.giamoi {
     color: #e9252a;
     font-size: 20px;
     font-family: 'roboto';
     font-weight: 500;
    
 }
 .ProductRef   .item .gia span.giacu {
     text-decoration: line-through;
     color: #b5b5b5;
     font-family: 'roboto';
     font-size: 14px;
 }

 .ProductRef   .item:hover .gia{ display: none;}
 .ProductRef   .item:hover .btn-add-cart{ display: block;cursor: pointer;}

 .ProductRef .owl-controls .owl-dots{margin: 0 auto;z-index: 999;text-align: center;}
 .ProductRef .owl-controls .owl-dot{background: none;display: inline-block;margin-left:0px;margin-right: 8px;line-height: 16px;font-size: 0;border-radius:50%;line-height: 9px;width: 9px;height: 9px;border: 2px solid #c2bbc6;}
 .ProductRef .owl-controls .owl-dot.active{line-height: 10px;width: 10px;height: 10px;border-radius:50%;background: #983094;border:none;}


.danhsachRef .list .item {
     box-shadow: 0px 0px 10px #e3e4e6;
    background: #fff;
    padding: 10px; margin:5px;
} 
.danhsachRef .list .item:hover {
    /*border: 1px solid #efeff1;*/
    box-shadow: 0px 0px 10px #e3e4e6;
    
}