body{width:100%}
.product-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pd-specSummary-group{margin-bottom:15px;width:100%;float:left;overflow:hidden}
.pd-specSummary-group .title{margin:0;line-height:1.3;font-size:20px;font-weight:700}
.pd-specSummary-group .pd-specSummary-holder{padding:15px 0}
#fancybox-spec table,.pd-specSummary-group .pd-specSummary-holder table{border-collapse:collapse;font-size:14px;width:100%}
.pd-specSummary-group .pd-specSummary-holder tr:nth-child(odd){background-color:#f5f5f5}
#fancybox-spec td,.pd-specSummary-group .pd-specSummary-holder td{padding:10px;vertical-align:baseline;word-wrap:break-word!important;word-break:break-word!important}
.pd-specSummary-group .pd-specSummary-holder td:first-child{width:130px}
.pd-specSummary-group .box-btn-spec{border:1px solid #2f80ed;border-radius:5px;color:#2f80ed;display:block;margin:0 auto;max-width:340px;padding:10px 5px;text-align:center}
.pd-specSummary-group .box-btn-spec span{position:relative}
#fancybox-spec{margin:0;max-height:calc(100vh - 40px);max-width:1000px}
#fancybox-spec .spec-header{background-color:#eee;font-size:16px;font-weight:700;border:0;color:red;text-transform:uppercase}
#fancybox-spec td{border-bottom:.5px solid #f1f1f1}
#fancybox-spec td:first-child{width:24%;font-weight:700}
#fancybox-spec a{color:#4a90e2}
img.tt_block{opacity:1}
.box-category-list a{background:rgba(242,244,247,1);border:1px solid #e0e0e0;border-radius:8px;color:#000;font-size:14px;line-height:16px;padding:12px 15px 12px 12px;margin:0;cursor:pointer;position:relative;display:block;float:left;margin-bottom:10px;margin-right:10px}
.box-category-list a.current{background:#2842b3;color:#fff}
#partner-footer b{float:left;margin-top:13px;width:100%;text-align:center;margin-bottom:20px;font-size:20px}
.bg_product{background:url(/template/2019//images/bg_sp.png) no-repeat!important;background-size:contain!important}
.p-name,.p-name .h-title{margin-top:15px}
.product-filter-container .has-image img{max-height:45px!important}
.product-filter-container .filter-list .has-image{min-width:107px;padding:7px 10px}
.title-box-pro-home .h-title:after{right:-67px}
.name_product_detail{line-height:27px!important}
.bg_product #sync1 .item{margin:75px!important}
.p-icon_new{top:35px!important}
.you-content-detail-product{width:100%;float:left;text-align:center;background:#fff!important;margin-bottom:15px}
.you-content-detail-product a{height:350px!important}
.you-content-detail-product a img{width:560px}
.view_artiscer{width:100%;float:left;font-style:italic}
.pro-offer{padding-top:0; border-radius: 5px;}
.pro-offer .title{padding-top:0;margin-bottom:15px;background-color:#d1d5db;font-size:16px;padding:10px;width:100%;text-transform:uppercase}
.js-home-news2{height:470px!important}
#main-menu ul li a.root{line-height:21px!important}
#main-menu ul li:nth-child(20){display:none}
.icon-cat-88984{background-position:-561px -380px}
.product-list-not-full li{min-height:395px!important}
.product-list li{min-height:405px!important}
.article-detail .product-list li{min-height:250px!important;padding:10px}
.article-detail1 .product-list li{min-height:250px!important;padding:10px}
.article-detail1 .box-pro-home .product-list li{padding:10px!important}
.article-detail1 .box-pro-home .product-list li .p-oldprice {font-size: 13px;}
.pac_ulkm li{min-height:200px!important}
.product-list li:hover .p-hover{top:0;height:67%}
.p-img img{max-width:100%!important}
.bg_product .p-img img,.bg_product10 .p-img img,.bg_product12 .p-img img,.bg_product14 .p-img img,.bg_product16 .p-img img,.bg_product18 .p-img img,.bg_product2 .p-img img,.bg_product20 .p-img img,.bg_product22 .p-img img,.bg_product24 .p-img img,.bg_product26 .p-img img,.bg_product28 .p-img img,.bg_product30 .p-img img,.bg_product32 .p-img img,.bg_product34 .p-img img,.bg_product36 .p-img img,.bg_product38 .p-img img,.bg_product40 .p-img img,.bg_product42 .p-img img,.bg_product44 .p-img img,.bg_product4 .p-img img,.bg_product6 .p-img img,.bg_product8 .p-img img{max-width:90%!important;width:75%!important}
.p-hover{overflow:auto;height:100%!important;z-index:9!important;background:#eee}
.pac-caption h4{height:55px}
.icon-cat-148{background:url(/upload/img/maychieu.png) no-repeat}
.icon-cat-89615{background:url(/media/category/cat_0fad4d2e1bf2f8a10c2da7025b1d7325.png?1763111554) no-repeat}
#partner-footer{float:left}
.partner-km{width:100%;float:left}
.partner-km a{width:10%;float:left;padding:5px}
.partner-km a img{border:1px solid #ccc;border-radius:5px;padding:5px!important}
.list-news-main{width:100%;float:left}
.list-news-main li{width:100%;float:left;margin-bottom:15px;margin-top:15px}
.list-news-main li a img{width:25%;float:left;margin-right:15px}
#tab5 li:hover .p-hover{height:100%}
#product-deal-info{height:40px;line-height:40px;border-radius:4px}
#product-deal-info .p-order-status{margin-right:2px}
.p-order-status{height:34px!important;line-height:34px!important;border-radius:4px}
.p-order-status .text{line-height:32px!important;font-size:13px!important}
.icon-order-status-deal{bottom:4px}
#product-deal-info>.title{font-size:18px}
#product-deal-info .time .title{font-size:15px}
.h-title3{margin-left:21px;margin-top:15px;font-size:16px}
.btn-buy span{margin-bottom:0!important}
.product-category-child .h-title a{float:left;color:#2842b3;margin-top:10px;margin-left:25px;font-weight:700;line-height:10px;font-size:15px}
.product-category-child .h-title a:hover{color:#de0b00}
.list-sub-hover1{display:none!important}
.d-inline-block1:hover .list-sub-hover1{display:block!important}
.you-content{margin-bottom:7px}
.pac_fix_a p{max-height:220px}
#tuyendung img{width:100%}
.home-banner-group .home-banner-slider{/*min-height:370px*/}
.category-pro-list .product-list1 li{width:20%!important}
#col-right{display:none}
#content-left{width:100%}
.title-block-news .h-title,.title-block-news .h-title:after{background:#2842b3}
.title-block-news{border-bottom:solid 2px #2842b3}
.box-category-list a:hover,.product-filter-container .filter-list a:hover{border:1px solid #2842b3;color:#2842b3;-webkit-transition:.1s;-o-transition:.1s;transition:.1s;font-weight:400!important;background:#dae1fc}
.product-filter-container .filter-list a.current{border:1px solid #2842b3;color:#2842b3;-webkit-transition:.1s;-o-transition:.1s;transition:.1s;font-weight:400!important;background:#dae1fc;-webkit-box-shadow:0 0 0 0 #365899!important;box-shadow:0 0 0 0 #365899!important}
.product-filter-container .filter-btn-group a{background:#2842b3}
#tab-pro-hot .title-tab{float:left}
.box-category-list{width:100%!importan;float:left!important}
#main-menu ul li a.root .name{padding:4px 0}
#main-menu .sub-menu table{margin-left:10px;margin-top:10px}
.apple-page .apple-cate-list{border-radius:10px;background:#333;padding:10px}
.apple-page .cat-list-holder span{display:block;font-weight:700;font-size:15px;color:#c2c2c2;line-height:45px}
.apple-page .cat-list-holder a{margin:5px 0;width:auto;padding:0 35px}
.apple-page .cat-list-holder img{width:130px}
.apple-page .cat-list-holder a:hover{background:#fff;color:#121212}
.apple-page .cat-list-holder a:hover span{color:#121212}
#banner-category-left .owl-carousel .owl-item img,#banner-category-right .owl-carousel .owl-item img{border-radius:10px}
.product-list .p-bottom{font-weight:400;width:100%;float:left}
#overview-left .p-btn-compare::before{content:'\f055';font-family:FontAwesome;margin-right:4px;font-size:12px}
#top_banner{background:url('https://www.phucanh.vn/upload/img_home/bg-top.jpg') fixed;background-size:revert;width:100%;height:47px}
#top_banner .container{background:0 0}
#top_banner a img{width:100%;margin-top:0}
@media (min-width:992px) and (max-width:1199px){
  .product-filter-container .filter-large-item .filter-large{height:350px}
  .product-filter-container .filter-large-holder{height:calc(100% - 50px)}
}
@media (min-width:992px) and (max-width:1366px){
  .list-nav-right li a,.list-nav-right li span{font-size:12px}
  .list-nav-right li{margin-left:5px}
  #hotline-header #mr-sep1{font-size:13px;padding:0 15px}
  #nav-deal{font-size:15px}
  #top_banner a img{margin-top:4px}
}
@media (min-width:1400px){
  .top-deal{width:500px;height:744px}
  #main-menu ul{width:270px}
  .sub-menu{left:268px}
  #top_banner a img{margin-top:3px}
}
@media (min-width:1650px){
  .home-banner-right .banner-under{margin-top:12px!important}
  #text_search{height:30px}
  .title-box-pro-home .h-title{line-height:35px}
  .title-box-pro-home .h-title:after{right:-66px}
  .js-home-news2{height:520px!important}
  #home-section2 .news li .name{margin-bottom:10px;line-height:20px}
  #main-menu ul li a.root{line-height:24px!important}
  .sub-menu{left:268px}
  .apple-page .cat-list-holder span{line-height:60px}
  #top_banner a img{margin-top:0}
}
@media (min-width:1920px){
  .nd{max-width:100%}
}
.warranty-page{padding-top:20px;padding-bottom:20px}
.warranty-page .page-title{font-size:24px;text-align:center;text-transform:uppercase;font-weight:700;padding-bottom:10px;position:relative}
.warranty-page .page-title::after{content:'';height:1px;width:100%;max-width:500px;background:#e1e1e1;position:absolute;bottom:-1px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.warranty-page .form-check-warranty{max-width:600px;margin:30px auto}
.warranty-page .form-check-warranty p{font-size:16px;font-weight:700}
.warranty-page .form-check-warranty input{height:36px;border-radius:4px;border:1px solid #ccc;padding:0 10px;width:100%;max-width:calc(100% - 114px)}
.warranty-page .form-check-warranty button{color:#fff;background:#2842b3;border:0;text-align:center;line-height:36px;border-radius:4px;font-weight:600;font-size:14px;cursor:pointer;width:110px;margin:0;padding:0}
.warranty-page .warranty-result table{font-size:14px}
.warranty-page .warranty-result td,.warranty-page .warranty-result th{padding:10px 8px;border:1px solid #ccc}
.warranty-page .warranty-result tr:first-child{background:#f9f9f9}
.pd-compare-group .p-item{display:-webkit-box;display:-ms-flexbox;display:flex;border:0;border-radius:0;border-bottom:1px solid #e1e1e1;padding:16px 0}
.pd-compare-group .p-item:last-child{border:0}
.pd-compare-group .p-item .p-img{width:40%;padding-bottom:40%;margin:0 12px 0 0}
.pd-compare-group .p-item .p-img img{bottom:0!important}
.pd-compare-group .p-item .p-text{width:calc(100% - 40% - 12px)}
.pd-compare-group .p-item .icon-star,.pd-compare-group .p-item .p-btn-cart,.pd-compare-group .p-item .p-icon-bestsale{display:none}
.pd-compare-group .p-item .p-icon-new{left:0;right:unset}
.pd-compare-group .p-item .p-old-price{line-height:18px}
.pd-compare-group .pd-compare-search{position:relative;border-radius:3px;-webkit-box-shadow:0 0 0 1px #e1e1e1;box-shadow:0 0 0 1px #e1e1e1;background:#fff;padding:0 36px 0 13px;margin:10px 0 15px}
.pd-compare-group .pd-compare-search::after{content:'';width:25px;height:25px;position:absolute;top:9px;right:8px;background-position:-157px -5px;-webkit-filter:brightness(100%) contrast(74%);filter:brightness(100%) contrast(74%)}
.pd-compare-group .pd-compare-search input{width:100%;display:block;margin:0;padding:0;border:0;height:44px}
.global-compare-group{background:#fff;position:fixed;bottom:0;left:0;width:900px;-webkit-box-shadow:3px -2px 11px 1px rgba(0,0,0,.25);box-shadow:3px -2px 11px 1px rgba(0,0,0,.25);z-index:99;display:none}
.global-compare-group.active{display:block}
.global-compare-group .title{background:#2842b3;padding:10px 12px;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;font-weight:600}
.global-compare-group p{margin:0}
.global-compare-group .pro-compare-holder{padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.global-compare-group .compare-pro-holder{width:calc(100% - 160px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.global-compare-group .compare-pro-holder .item{display:block;width:200px;margin-right:20px;float:left;border:1px dashed #bbb;padding:10px;border-radius:7px}
.global-compare-group .compare-pro-holder .item:nth-child(3n){margin:0}
.global-compare-group .btn-compare{width:160px;line-height:40px;background:#2842b3;color:#fff;font-weight:600;font-size:18px;border-radius:4px;text-align:center;display:block;cursor:pointer}
.global-compare-group .btn-compare:hover{background:#4457bb}
.global-compare-group .close-compare{display:block;text-align:center;cursor:pointer;color:#fff;margin-top:10px;background:#e00;line-height:36px;border-radius:4px;font-weight:700;font-size:14px}
.global-compare-group .compare-pro-holder .addCompare{color:#222;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}
.global-compare-group .compare-pro-holder .icImageCompareNew{width:45px;height:45px;background:url(/template/2019/images/icon_add_desktop.png) no-repeat;background-size:45px 45px;display:block;margin:auto auto 10px}
.global-compare-group .compare-pro-holder p{margin:0;width:100%;text-align:center}
.popup-compare-button{position:fixed;bottom:110px;left:10px;z-index:13;background:#fff;border-radius:30px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);color:#2842b3;padding:10px;font-weight:600; cursor: pointer;}
.pd-compare-group .compare-pro-holder .remove-compare{color:#222;position:absolute;right:10px;top:10px;font-size:12px;cursor:pointer;font-weight:700}
.pd-compare-group .compare-pro-holder .remove-compare::before{content:'\2573';display:block}
.global-compare-group .compare-pro-holder .item img{height:90px;margin:auto;display:block}
.global-compare-group .compare-pro-holder .item .compare-name{color:#000;font-size:12px;text-align:center;line-height:18px;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.popup-search-container{display:none}
.popup-search-container .popup-search-group{background:#fff;position:fixed;left:0;right:0;margin:auto;z-index:10002;top:10vh;border-radius:5px 0 5px 5px;padding:15px 10px;max-width:800px;height:calc(100vh - 20vh)}
.popup-search-container .close-popup{color:#222;background:#fff;position:absolute;line-height:33px;top:-33px;right:0;padding:0 12px;border-radius:5px 5px 0 0;cursor:pointer}
.popup-search-container .item{width:40%;border:1px solid #e5e5e5;margin:auto auto 10px;border-radius:8px;overflow:hidden;padding:10px}
.popup-search-container .item img{max-height:100px}
.popup-search-container .item .img{margin-bottom:10px}
.popup-search-container .item .name{font-size:13px;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.popup-search-container .item p{margin:0 0 7px;font-size:13px}
.popup-search-container .popup-form-holder .text-search{display:block;overflow:hidden;width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:0}
.popup-search-container .popup-form-holder{border:1px solid #d0d0d0;border-radius:4px;overflow:hidden}
.popup-search-container .search-item{border:1px solid #e1e1e1;overflow:hidden;padding:10px;position:relative;border-top:0}
.popup-search-container .search-suggestions{margin-top:10px}
.popup-search-container .search-item:first-child{border-radius:5px 5px 0 0;border-top:1px solid #e1e1e1}
.popup-search-container .search-item:last-child{border-radius:0 0 5px 5px}
.popup-search-container .search-item .search-img{width:60px;margin-right:10px;float:left}
.popup-search-container .search-item .search-text{float:left;width:calc(100% - 70px)}
.popup-search-container .search-item .price{display:block;color:#ee2e24;font-weight:600}
.popup-search-container .search-item a{position:absolute;bottom:5px;right:10px;font-weight:300;color:#e00;font-size:14px}
.popup-search-container .search-item .selected{color:#ee2e24}
.popup-search-container .search-item .selected::before{content:'\f058';font-family:FontAwesome;margin-right:5px}
.product-compare-page{margin-bottom:20px}
.product-compare-page .title{font-weight:700;margin-top:15px}
.product-compare-page .page_sub7{background:#fff}
.product-compare-page .page_sub7 td:first-child{font-weight:500;vertical-align:middle}
.product-compare-page .page_sub7 td{padding:12px}
.product-compare-page{background:#fff}
.product-compare-page a{display:block;color:#000}
.product-compare-page td{padding:10px}
.product-compare-page td:first-child{font-weight:500}
.product-compare-page .item-image{display:block;margin:auto;max-width:120px}
.product-compare-page .item-name{font-weight:600;text-align:center}
.product-compare-page .item-name:hover{color:#d91605}
.product-compare-page .item-price{font-weight:700;font-size:18px;color:#d91605;margin:0 0 10px;text-align:center}
.product-compare-page .item-btn{background:#d91605;color:#fff;text-align:center;font-weight:700;font-size:16px;text-transform:uppercase;line-height:38px;border-radius:5px}
.product-compare-page .item-btn:hover{background:#b3180a}
.product-compare-page .item-summary{vertical-align:baseline;white-space:pre-line}
.product-compare-page .item-summary *{font-weight:400;margin:0}
.product-compare-page .item-summary ul{margin:0;padding:0 0 0 21px}
.global-compare-group .title .close-compare::before{content:'\2573';display:block}
.global-compare-group .compare-alert{color:#e00;width:100%;font-size:18px;font-weight:600;text-align:center;margin-bottom:10px}
.global-compare-group .clearfix::after{content:'';display:block;clear:both}
.global-compare-group .title .close-compare{line-height:inherit;margin:0;background:0}
.popup-search-container .bg-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10001;cursor:pointer}
.popup-search-container .h-100.overflow-auto.pr-2{height:100%;overflow:auto}
.popup-search-container .item-holder>p:first-child{margin:0 0 11px;font-weight:700;font-size:15px}
.popup-search-container .item .red.text-16{font-weight:700;font-size:16px}
.overflow-hidden{overflow:hidden!important}
.global-compare-group .compare-pro-holder .compare-holder{display:-webkit-box;display:-ms-flexbox;display:flex}
.stop-buy{font-size:15px}
.bottom-footer{text-align:left}
.top-deal .p-btn-compare{position:relative;bottom:0;right:10px}
.pay-qrcode-bank ul li{width:18%}
.km_shopping li{text-decoration:none;list-style:none}
.km_shopping li a{color:#2842b3;font-weight:700}
.km_shopping li .itemCart-promotion{display:none;position:absolute;z-index:9}
.km_shopping li:hover .itemCart-promotion{display:block;position:absolute;z-index:9}
#footerorder,#noidungorder,#noidungorder p,#noidungorder td{font-size:14px}
#banner-category-left,#banner-category-right{ max-height:300px; min-height:150px;    overflow: hidden;}
#js-filter-container, .box-category-list, .product-title-group{min-height:40px;}
/*.product-list-group { min-height: 1200px;}*/
.product-list-group.loading::before {  content: ""; display: block;  height: 1200px;}
.product-item img { aspect-ratio: 4 / 3;  width: 100%;  height: auto;}
.js-filter-title + ul {  min-height: 200px;}
body{font-display: swap;}
.popup,.hotline { position: fixed;}

@-webkit-keyframes blinker{
  50%{color:#ffc107}
}
@keyframes blinker{
  50%{color:#ffc107}
}
@-webkit-keyframes blinker1{
  50%{color:#2842b3}
}
@keyframes blinker1{
  50%{color:#2842b3}
}
.sap-khai-truong{font-size:10px;top:4px;margin-left:8px}
.sap-khai-truong{font-size:11px;position:absolute;background:#ed1b24;color:#fff;padding:0 5px;margin-left:14px;text-transform:uppercase;font-weight:700;line-height:16px;top:3px;border-radius:3px}
.sap-khai-truong{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes sap-khai-truong{
  0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
  10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
  30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
  40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
  100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes sap-khai-truong{
  0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
  10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
  30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
  40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
  100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.sap-khai-truong{-webkit-animation-name:sap-khai-truong;animation-name:sap-khai-truong}
.sub-menu a.cat1,.sub-menu a.cat2,.sub-menu a.cat3{position:relative}
@media (max-width:1649px){
  .sap-khai-truong{width:33px}
  .sap-khai-truong-bestsl{width:auto!important}
}
@media (min-width:1300px){
  #overview-left{width:470px}
  #overview-right{width:315px;float:right}
}
@media (min-width:1366px){
  #overview-left{width:465px}
  #overview-right{width:320px;float:right}
}
@media (min-width:1400px){
  #overview-left{width:480px}
  #overview-right{width:350px;float:right}
  .comboset-product-list{max-height:420px!important}
}
@media (min-width:1650px){
  #overview-left{width:580px}
  #overview-right{width:405px;float:right}
  .comboset-product-list{max-height:425px!important}
}
@media (min-width:1972px){
  #overview-left{width:530px}
  #overview-right{width:455px;float:right}
  .content-tab-left{width:1180px}
  .content-tab-right{width:449px}
  .comboset-product-list{max-height:425px!important}
}
.icon-cat-89142{background:url(/upload/img/service-2.png) no-repeat}
.service_product a{margin-top:10px;height:75px!important}
.service_product a h3{text-transform:uppercase;font-weight:500;font-size:15px;line-height:20px;color:#444;margin-bottom:0;margin-top:5px;height:73px!important}
.service_product a:hover h3{color:#2842b3}
.service_product .price_service{font-size:20px;font-weight:600;margin-top:0;margin-bottom:0}
.service_product .phone_service{margin-top:0;height:17px}
.service_product .phone_service a{color:#e00;font-size:15px;font-style:italic}
.service_product .p-bottom .btn-cart-stop,.service_product.service_product .p-bottom{font-size:14px}
.service_product .btn-cart-stop{background:url(/template/2017/images/icon_addcart_new.jpg) left 4px no-repeat}
.ctr-km{font-size:15px;font-weight:400;color:#333;margin:15px 0 0;padding:15px;margin-top:0;line-height:26px}
.ctr-km a font{font-style:italic}
.ctr-km i{color:#4caf50;padding-right:5px}
.ctr-km strong{color:red}
.article-col-main .info .author,.list-news .info .author{font-style:italic;width:100%;float:left;margin-top:5px;margin-bottom:10px}
.article-col-main .info .author span,.list-news .info .author font{font-weight:700;color:#2842b3}
.article-col-main .author{/*font-style:italic;*/width:100%;float:left;margin-top:5px;margin-bottom:10px}
.article-col-main .author font{font-weight:700;color:#2842b3}
.p-hover{top:470px}
.title-footer{background-color:#2842b3}
.support_content1{display:none;width:1250px;height:auto;z-index:99999;position:absolute;top:34px;left:0}
.product-filter-container .filter-list .has-image{width:calc(100% / 7 - 6px)}
.product-filter-container .filter-list .item .has-image:nth-child(5n){margin-right:6px}
.product-filter-container .filter-list .item .has-image:nth-child(7n){margin-right:0}
#top-saleoff{width:100%!important}
.news_home{width:100%}
.news_home .title{position:relative}
.news_home .title .h-title{display:inline-block;font-weight:700;font-size:22px;border-bottom:2px solid #333;padding:16px 0 4px;margin-bottom:20px}
.news_home .title a{position:absolute;top:50%;right:4px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-weight:600;color:rgb(0 0 255)}
.news_home ul li{width:25%;float:left;padding:15px}
.news_home ul li a img{width:100%;float:left;height:190px;margin-bottom:15px}
.news_home ul li a h4{font-size:14px;margin-bottom:10px}
.news_home ul li a .time{font-style:italic}
#top-saleoff .product-list{width:100%}
#top-saleoff .product-list li,.product-list li,.product-list1 li,.product-page .product-list-group li{width:calc(20% - 10px)}
@media (min-width:1400px){
  #top-saleoff .product-list li:nth-child(n+5){display:block!important}
  #top-saleoff .product-list li:nth-child(n+11){display:none!important}
  #top-saleoff .product-list li,.product-list li,.product-list1 li,.product-page .product-list-group li{width:calc(20% - 10px)}
}
@media (min-width:1650px){
  #top-saleoff .product-list li:nth-child(n+7){display:block!important}
  #top-saleoff .product-list li:nth-child(n+13){display:none!important}
  #top-saleoff .product-list li,.product-list li,.product-list1 li,.product-page .product-list-group li{width:calc(16.667% - 10px)}
  .pro-list-nobdr li{width:calc(25% - 10px)!important}
}
#top-saleoff .product-list,.product-list{border:none}
#top-saleoff .product-list li,.product-list li{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-radius:15px;-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);text-align:left;margin:10px;margin-right:5px;margin-left:5px}
#tab-pro-hot .content-tab{-webkit-box-shadow:none!important;box-shadow:none!important}
.title_tab a.a_tab{font-weight:700}
.apple-product{width:100%}
.article-detail li{background-color:#fff!important}
.clear{clear:both}
#comment,.comment-action-list{width:100%;padding:15px;background:#f7f7f7;border-radius:5px}
.search-comment{margin-right:-15px}
#review-statistic{width:100%!important}
.content-tab-right .title-left{margin-bottom:15px;border-radius: 5px;}
.p-bottom{height:22px}
@media (min-width:1400px){
  #main-menu ul{height:605px}
}
@media (min-width:1650px){
  #main-menu ul a.root .img{padding-top:3px}
  #main-menu ul{height:615px}
}
@media (min-width:1920px){
  #main-menu ul{height:630px}
}
@media (min-width:2000px){
  #main-menu ul{height:675px}
}
@media (min-width:2500px){
  #main-menu ul{height:690px}
}
.article-col-main{margin-right:0}
.article-col-main .list-news{width:100%;float:left}
.article-col-main .list-news a{width:calc(33.333367% - 30px);float:left;margin:15px;background:#f2f2f2;border-radius:8px;-webkit-box-shadow:1px 3px 5px #ccc;box-shadow:1px 3px 5px #ccc}
.article-col-main .list-news .img-side{width:100%}
.article-col-main .list-news .info{margin-left:0;padding-left:0;float:left;margin:15px;height:160px;overflow:hidden}
.other-news .list-news .item{width:calc(25% - 30px);padding:10px;margin:5px}
.article-col-main .other-news .list-news .info{height:65px}
@media (min-width:1400px){
  .article-col-main .list-news-home a:nth-child(n+7){display:none}
  .left_tet,.right_tet{width:115px!important}
}
@media (min-width:1650px){
  .article-col-main .list-news-home a:nth-child(n+7){display:block}
  .article-col-main .list-news a{width:calc(25% - 30px)}
  .article-col-main .list-news .info{height:160px}
  .nd{max-width:1200px}
  .list-news .item .name{font-size:15px}
  .left_tet,.right_tet{width:80px!important}
}
@media (min-width:1800px){
  .left_tet,.right_tet{width:150px!important}
}
@media (min-width:1972px){
  .left_tet,.right_tet{width:160px!important}
}
.regist_left1{max-width:800px;margin:30px auto;border:1px solid #ccc;padding:15px 30px;border-radius:10px;background:#f7f7f7}
.regist_left1 h1{text-align:center;text-transform:uppercase;color:#de0b00}
.regist_left1 table tr td .inputText,.regist_left1 table tr td select{margin-bottom:5px}
.login-mxh{width:100%;text-align:center}
.login-mxh h3{padding-bottom:5px;border-bottom:1px solid #eee}
.login-mxh img{margin:0 10px}
.login-mxh p{font-size:14px}
.login-mxh p a{font-weight:700;color:#2842b3}
.infor_login h3{text-transform:uppercase;color:#de0b00}
.regist_left2{margin:0 auto;width:800px}
.regist_left3{max-width:800px;margin:30px auto;border:1px solid #ccc;padding:15px 30px;border-radius:10px;background:#f7f7f7;float:left}
.regist_left3 h3{text-transform:uppercase;font-size:18px;color:#de0b00;border-bottom:1px solid #ddd}
.regist_left3 #shopping-cart-1{border:1px solid #eee!important;border-radius:5px;background:#fff}
.regist_left3 #shopping-cart-1 tr:nth-child(odd){background:#fff}
.regist_left3 #shopping-cart-1 td{border:1px solid #ccc!important;border-bottom:1px solid #ccc!important;padding:5px}
.regist_left3 #shopping-cart-1 td.no-wrapper{white-space:nowrap}
.regist_left3 #shopping-cart-1 .txt0{font-size:16px;font-weight:700;text-align:left}
.regist_left3 #shopping-cart-1 .txt_right{font-weight:700;font-size:18px;color:#de0b00;text-align:right}
.regist_left3 .pay-qrcode-bank ul li{width:25%;padding-bottom:0}
.regist_left3 .pay-qrcode-bank ul li h3{border:none}
#deal-home .time-group span{background:-webkit-gradient(linear,left top,right top,from(#ed3236),to(#fd5707));background:-o-linear-gradient(left,#ed3236 0,#fd5707 100%);background:linear-gradient(to right,#ed3236 0,#fd5707 100%)}
.zalo_chat img{border-radius:5px}
.pro-left-deal{border:1px solid #ccc;border-radius:0 0 10px 10px;margin-top:-10px}
@media (max-width:1366px){
  #top li>a{font-size:13px;text-transform:none!important}
  #main-menu ul li a.root .name{padding:1px 0;font-size:12px}
  #main-menu ul a.root .img{padding-top:2px}
  #top-saleoff .product-list li:nth-child(n+5){display:block}
  #top-saleoff .product-list li:nth-child(n+11){display:none}
  .list-nav-right li a{font-size:13px!important}
  #main-menu ul{width:250px;height:594px}
  .article-col-right{margin-left:30px}
  .left_tet,.right_tet{width:80px!important;top:15px!important}
}
@media (max-width:1200px){
  .container{width:1180px}
  .contact-box-bottom{right:38px!important}
  #main-menu ul li a.root .name{padding:1px 0;font-size:12px}
  #main-menu ul a.root .img{padding-top:1px}
  #main-menu ul{width:250px;height:570px}
  #top-saleoff .product-list li:nth-child(n+5){display:block}
  #top-saleoff .product-list li:nth-child(n+11){display:none}
  #main-menu ul{top:0}
  #main-menu ul{width:250px;height:562px}
  .home-banner-group{width:calc(100% - 260px);min-height:565px;margin-bottom:10px}
  .home-banner-group .home-banner-slider{width:621px}
  .home-banner-group .home-banner-right{width:calc(100% - 633px);float:left}
  #tuyendung img{min-height:168px}
  #tuyendung .owl-carousel{display:none}
  #tuyendung .you-content{display:block}
  #tuyendung .you-content{margin-bottom:0;height:179px;overflow:hidden}
  #main-menu ul li a.root .name{padding:3px 0}
  #search{width:350px}
  #text_search{width:295px}
  #hotline-header #mr-sep1{padding:0 10px}
  #hotline-header{margin-left:10px}
  #top li>a{font-size:12px!important}
  #tuyendung .you-content{display:block!important}
  #tuyendung img{min-height:160px!important}
  .cart-right{width:345px}
}
@media (max-width:1160px){
  .container{width:1140px}
  #tuyendung img{min-height:160px!important}
  #tuyendung .you-content{display:block!important}
  #top li{margin-right:7px!important}
  .cart-right{width:300px}
  #overview{width:730px}
  #overview-left{width:410px}
  .content-tab-right{width:320px}
}
@media (max-width:1100px){
  .container{width:1080px}
  #hotline-header #mr-sep1{font-size:12px;padding:0 3px}
  #top li{margin-right:7px!important}
  #top li>a{font-size:12px!important}
  #tuyendung img{min-height:160px!important}
  #tuyendung .you-content{display:block!important}
  .contact-box-bottom{right:38px!important}
  .p-bottom{min-height:50px!important}
  .cart-left{width:760px}
  #overview{width:700px}
  #overview-left{width:380px}
  .content-tab-right{width:300px}
}
@media (max-width:1024px){
  .container{width:1000px}
  .list-nav-right li a{font-size:11px}
  #top li>a{text-transform:none!important}
  #logo{width:130px;margin-top:30px}
  #tuyendung img{min-height:95px!important}
  #main-menu ul li a.root .name{padding:1px 0!important;font-size:11px!important}
  .cart-left{width:665px}
  #overview{width:600px}
  #overview-left{width:280px}
  .content-tab-right{width:200px}
  .list-nav-right{display:none}
  .list-nav-right li a{font-size:11px!important}
  .right{display:none}
  #header{display:block;width:100%!important;float:left}
}
@media (max-width:912px){
  .container{width:900px}
  #top li{margin-right:3px!important}
  #hotline-header #mr-sep1{font-size:11px;text-transform:none}
  #search{margin-left:20px}
  .home-banner-group .home-banner-right{display:none}
  .bar{overflow:hidden}
  .list-nav-right i.icons{width:30px!important;height:30px!important;margin-left:5px!important}
  .list-nav-right li a{font-weight:400!important}
  #top_banner{height:30px}
  #overview{width:500px}
  #overview-right{width:200px}
  .list-nav-right{display:none}
  .content-tab-left{width:680px}
  #header{display:block;width:100%!important;float:left}
}
.doi-1{float:right;width:100px!important;margin-right:0!important;margin-top:0!important;z-index:7}
.tragop-1{float:right;width:100px!important;margin-right:0!important;margin-bottom:0!important;z-index:7}
.giare-1{float:right;width:100%!important;margin-right: 0 !important;margin-bottom: -9px !important; z-index: 9999;min-height: 35px;}
.giare-1-m{width: 100% !important;margin-bottom: -9px !important;z-index: 9999;min-height: 35px;position: absolute;bottom: 41%;} 
.asus-1{float:right;width:120px!important;margin-right:-3px!important;margin-top: 67% !important; z-index: 9;}
.asus-1-d{width: 200px !important;position: absolute; z-index: 9; right: 0px;top: 15px;}
.g-recaptcha{margin-left:15px}
#product-deal-info .p-order-status{width:110px}
.article-detail li .btn.jobapply,.b24-web-form-popup-btn-3{color:#fff!important;border-color:red!important;margin-top:10px!important;min-width:130px!important;background:red!important;text-transform:uppercase!important;font-weight:700!important;font-size:14px}
@media (min-width:2000px){
  #header{display:block;width:100%!important;float:left}
  nav#nav{clear:both}
}
#header{display:block;width:100%!important}
nav#nav{clear:both}
.cart_trong{width:100%;text-align:center}
.cart_trong img{max-width:100%}
.cart_trong p{font-weight:700;margin-bottom:25px}
.cart_trong .btn-backhome{background:#2842b3;padding:10px 145px;color:#fff;border-radius:10px;font-size:15px;font-weight:700;-webkit-box-shadow:1px 2px 3px #666;box-shadow:1px 2px 3px #666}
.cart_trong .note-help{margin-top:25px!important;font-weight:400}
.cart-right{border-radius:5px;-webkit-box-shadow:0 1px 3px #303030;box-shadow:0 1px 3px #303030;border:none}
.payment_method p{font-size:16px;font-weight:700}
.item-pay{border-top:1px solid #f1f1f1;padding-top:10px!important}
.item-pay input{float:left}
.item-pay img{margin-top:-10px;float:left}
.cart-left table.tbl-cart td{font-size:14px}
#cart-page p,.btn-buy-order span{font-size:14px}
.cart-right .title{text-transform:uppercase;font-weight:700}
.btn-buy-order .submit{font-weight:700}
.list-news .item .name{color:#2842b3}
.itemCart3{background-image:-webkit-gradient(linear,left top,right top,from(#ed1b24),to(#2842b3))!important;background-image:-o-linear-gradient(left,#ed1b24,#2842b3)!important;background-image:linear-gradient(to right,#ed1b24,#2842b3)!important;color:#fff!important}
.itemCart3 td,.itemCart3 td span{color:#fff!important}
.autocomplete-suggestions{z-index:999999999999999999!important}
a{cursor:pointer!important}
.icon-gift-combo{width:25px}
#search{margin-left:50px}
#logo{margin-top:17px}
@media (max-width:1649px){
  .box-pro-home .product-list li:nth-child(n+6){display:none}
}
.p-oldprice2{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;font-size:14px;color:#666!important;float:left;margin-right:20px}
.p-price2{font-size:20px!important}
.discount1{    float: left;    color: #fff;    font-weight: 400; background: url(/upload/img_home/giam.png) no-repeat !important; padding: 0px 10px;  background-size: cover !important;  font-size: 12px;    line-height: 20px; margin-top: -2px;}
.pd-price-group{margin:0 0;border:1px dashed #d8d8d8;border-radius:10px;padding:5px 5px;font-size:14px;font-weight:500;line-height:1.5}
.pd-price-group .pd-special-price{border-radius:10px;color:#e00;padding:0 10px;margin:0 0 0;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;float:left;width:100%}
.pd-price-group .pd-price,pd-price-group .pd-price-plus{font-size:26px;font-weight:700;float:left;line-height:28px}
.pd-price-group p{margin:5px!important}
.pd-price-group .pd-special-price p{margin:0!important}
del.pd-market-price{font-size:20px;color:#303030;padding:0 15px;float:left}
.vat{margin-left:12px}
.pd-price-group p.tietkiem,.pd-price-group p.tietkiem span{font-weight:700}
@media (max-width:1649px){
  .pd-price-group .pd-price,pd-price-group .pd-price-plus{font-size:24px!important}
  del.pd-market-price{font-size:16px!important}
  .pd-price-group p.tietkiem,.pd-price-group p.tietkiem span{font-size:18px!important;font-weight:700}
}
#new-config-2 .info-option{margin:10px 0}
#new-config-2 .info-option .content-option{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr 10px 1fr;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 0}
#new-config-2 .info-option .content-option .item-option{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;padding:10px;text-align:center;color:#222;font-weight:350;border-radius:5px;border:1px dashed #999}
#new-config-2 .info-option .content-option .item-option.active,#new-config-2 .info-option .content-option .item-option:hover{border:1px dashed #2842b3;background:#f1f1f1;}
#new-config-2 .info-option .content-option .item-name{display:block;font-weight:400;padding-bottom:5px}
#new-config-2 .info-option .content-option .variant-price{width:100%;font-size:16px;line-height:16px; color:#188038;}
#new-config-2 .info-option .content-option .variant-price-unit{font-size:10px;vertical-align:text-top;margin-left:2px}
#new-config-2 .info-option .content-option .variant-image{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:55px;max-height:55px}
#new-config-2 .info-option .content-option .checkbox-option{width:12px;height:12px;border-radius:50%;display:inline-block;background:#fff;-webkit-box-shadow:0 0 0 1px;box-shadow:0 0 0 1px;position:relative}
#new-config-2 .info-option .content-option .checked{background:#2842b3;-webkit-box-shadow:0 0 0 1px #2842b3;box-shadow:0 0 0 1px #2842b3}
#new-config-2 .info-option .content-option .checked::before{content:"\2714";font-size:9px;color:#fff;position:absolute;left:0;right:0;top:-1px;bottom:0}
.scroll-mt{scroll-margin-top:102px}
.archor-text-group{display:block}
.archor-text-title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:18px;font-weight:700}
.archor-text-close{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.archor-text-nav{font-size:15px;line-height:20px;margin-top:10px}
.archor-text-nav ol{list-style-type:none;counter-reset:item;padding-left:0!important;margin-bottom:0;margin-top:10px}
.archor-text-nav li{display:table;counter-increment:item}
.archor-text-nav li:not(:last-child){margin-bottom:10px}
.archor-text-nav li:before{content:counters(item, ".") ". ";display:table-cell;min-width:14px;padding-right:4px;white-space:nowrap}
.archor-text-nav a{color:#444}
.archor-text-nav a:hover{color:#2842b3}
.article-detail-page .adp-toc{display:inline-block;padding:12px;background:#f9f9f9;border:1px solid #aaa;border-radius:4px}
.article-detail-page .adp-toc-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;font-size:18px;line-height:22px;margin-bottom:0}
.article-detail-page .adp-toc-heading-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:35px;height:30px;padding:0;outline:0;border:1px solid #999191;border-radius:5px;cursor:pointer}
.article-detail-page .adp-toc-sticky{display:none;position:fixed;top:38px;width:840px;padding:0;background:#fff;border:0;border-radius:0;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.3);box-shadow:0 1px 6px rgba(0,0,0,.3);z-index:100}
.article-detail-page .adp-toc-sticky .adp-toc-heading{padding:12px 10px}
.article-detail-page .adp-toc-sticky .archor-text-group{max-height:calc(100vh - 89px);overflow:auto}
.article-detail-page .adp-toc-sticky .archor-text-nav{margin:0;padding:6px 10px 16px;margin-top:0;background:#f3f2f7}
.article-detail-page .adp-toc-sticky-title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:17px;font-weight:700;color:#2842b3}
.article-detail-page .adp-toc-sticky-btn{width:auto;height:auto;font-size:13px;padding:2px 8px;background:#eee;color:#2842b3;border:0;border-radius:0;cursor:pointer}
.product-list .p-attribute-summary{background:#f2f4f7;padding:4px;margin:6px 0 0;clear:both}
.product-list .p-attribute-summary *{all:revert}
.product-list .p-attribute-summary ul{font-size:12px;list-style:disc;padding-left:16px;color:#667085;list-style:disc}
.product-list .p-attribute-summary li{all:revert!important;width:100%!important;min-height:auto!important}
@media(min-width: 1400px){
  #top-saleoff .product-list .p-attribute-summary li:nth-child(n+5){display:list-item!important}
}
/**/
.list-sub{max-width:80%;max-height:20px;overflow:hidden}
.amain-right{width:70%;float:left}
.list-news-main li a.amain-name{font-weight:700;width:100%;font-size:18px;float:left;margin-bottom:15px}
.amain-right .amain-summary{font-size:16px}
#news-left{width:70%;float:left}
#news-right{width:30%;float:left}
#news-right .amain-right a h3{font-size:16px}
#header.fixed #cart-header{left:66%;margin-left:0}
#hotline-fixed{left:63%}
#header.fixed #search{width:650px}
/*
#header.fixed #cart-header{left:70%;margin-left:0}
#hotline-fixed{left:63%}
#header.fixed #search{width:650px}
@media (min-width:1200px){
  #header.fixed #cart-header{left:70%;margin-left:0}
  #hotline-fixed{left:57%}
  #header.fixed #search{width:295px}
}
*/
@media (max-width:4000px){
  #header.fixed #cart-header{left:60%;margin-left:0}
  #hotline-fixed{left:63%}
  #header.fixed #search{width:650px}
}
@media (max-width:3000px){
  #header.fixed #cart-header{left:66%;margin-left:0}
  #hotline-fixed{left:63%}
  #header.fixed #search{width:650px}
}
@media (max-width:2400px){
  #header.fixed #cart-header{left:68%;margin-left:0}
  #hotline-fixed{left:65%}
  #header.fixed #search{width:650px}
}
@media (max-width:1972px){
  #header.fixed #cart-header{left:70%;margin-left:0}
  #hotline-fixed{left:63%}
  #header.fixed #search{width:650px}
}
@media (max-width:1566px){
  #header.fixed #cart-header{left:70%;margin-left:0}
  #hotline-fixed{left:62%}
  #header.fixed #search{width:390px}
}
@media (max-width:1466px){
  #hotline-fixed{left:60%}
}
@media (max-width:1366px){
  #header.fixed #cart-header{left:70%;margin-left:0}
  #hotline-fixed{left:57%}
  #header.fixed #search{width:295px}
}
@media (max-width:1200px){
  #header.fixed #cart-header{left:70%;margin-left:0}
  #hotline-fixed{left:56%}
  #header.fixed #search{width:270px}
}
@media (min-width:950px){
  .article-detail-page .adp-toc-sticky{width:755px}
}
@media (min-width:1200px){
  .article-detail-page .adp-toc-sticky{width:840px}
}
@media (min-width:1400px){
  .article-detail-page .adp-toc-sticky{width:951px}
}
@media (min-width:1600px){
  .article-detail-page .adp-toc-sticky{width:1154px}
}
#uudai ul li span{font-size:13px}

.article-detail1 ul{font-size: 16px;    list-style: disc;    padding-left: 16px;    color: #121212;    list-style: disc; margin-left:10px;}
.article-detail1 li{padding: 3px 0px!important; width: 100% !important;border:none!important; margin-bottom: 0px !important;}
.btn-buy,.stock-info, .comboset-content.border{border-radius: 5px;}
.tuvanngay{padding: 6px 10px;border-radius: 5px;}
.tuvanngay img{    width: 35px; float: left; text-align: center; margin-left: 34%; margin-right: 5px;}
.tuvanngay span{    text-align: left; line-height: 35px; font-size: 18px;}
.tuyendung ul { font-size: 14px; list-style: none!important; padding: 10px; margin: 0px;}
.tuyendung li { background-color: #f1f1f1; margin-bottom: 15px; border-bottom: 1px solid #f3f3f3; padding: 10px 20px;}
.tuyendung li .name-job { font-size: 18px; font-family: 'GothamB', sans-serif; margin-bottom: 15px;}
.tuyendung li .name-job .name-job-text { vertical-align: middle;line-height: 30px;}
.tuyendung li .name-job a {cursor: pointer; color: #141414; text-decoration: none; overflow: auto; display: flex;}
.tuyendung li .worktype {border-left: 1px solid #f0f0f0; padding-left: 15px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tuyendung li .deadline { border-left: 1px solid #f0f0f0; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tuyendung li .treatment { border-left: 1px solid #f0f0f0; padding-left: 15px; margin-bottom: 10px; font-size: 14px;font-family: 'GothamR', sans-serif; color: #141414;}
.tuyendung li .quantity {border-left: 1px solid #f0f0f0;padding-left: 15px; font-size: 14px; font-family: 'GothamR', sans-serif;color: #121212;}
.product_new{position: absolute; top: 15px; height: 20px;  left: 10px;    z-index: 8;}
.product_hot{position: absolute; top: 15px; height: 20px; right: 7px;    z-index: 8;}
.product_sale{position: absolute; top: 240px;height: 25px; left: 7px; z-index: 8;    width: auto !important;}
@media (max-width:1380px){
 .product_sale{top: 204px; height:22px;}
}
@media (max-width:1280px){
.product_sale{top: 208px; height:22px;}
}
@media (max-width:1110px){
.product_sale{top: 190px; height:18px;}
}
@media (max-width:1000px){
.product_sale{top: 170px; height:18px;}
}
@media (max-width:1300px){
  .product_hot{position: absolute; top: 20px; height: 18px; right: 7px;}
}
/*#deal-home .head{background: url('https://www.phucanh.vn/upload/img_home/phucanh.gif') no-repeat #de0b00!important; background-position: 420px top!important;}*/
#tab-pro-hot {clear: both;}
#category221, #category89462, #category842, #category742, #category69, #category12, #category13, #category290, #category743{display:none;}
.box-pro-home{ margin-bottom:20px;}
.filter-list-view-brand{display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.filter-list-view-brand a{    width: calc(100% / 12 - 10px);  min-width: 107px;   padding: 5px 20px;border-radius: 5px;  background-color: rgba(242,244,247,1); border: 1px solid #e0e0e0; margin-top:10px;margin-right: 10px;}
.filter-list-view-brand a:hover, .filter-list-view-brand a.current{border: 1px solid #2842b3; color: #2842b3; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; font-weight: 400 !important;    background: #dae1fc;  -webkit-box-shadow: 0 0 0 0 #365899 !important;  box-shadow: 0 0 0 0 #365899 !important;}
.filter-list-view-brand a img{width:100%;max-height: 30px !important;float: left;} 
.viewmore{font-weight: bold;font-size: 15px;color: #ff0000;font-style: italic; margin-top: 5px;width: 100%;float: left;}
#adv-popup .banner img {height: 600px;}
#deal-home{ width:100%;}
.nd table td {text-align: none!important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #111!important;}
.follow-website{ margin-top: 10px;width: 165px;}
/*.filter-list-view-brand .owl-item{border:none;}
.filter-list-view-brand .owl-item a{ padding: 5px 20px;border-radius: 5px;  background: #fff; border: 1px solid #e0e0e0;    width: 100%; float: left; background-color: rgba(242,244,247,1);}
.filter-list-view-brand .owl-item a:hover, .filter-list-view-brand .owl-item .current{border: 1px solid #2842b3; color: #2842b3; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; font-weight: 400 !important;    background-color: #dae1fc;  -webkit-box-shadow: 0 0 0 0 #365899 !important;  box-shadow: 0 0 0 0 #365899 !important;}
.filter-list-view-brand a img{width:100%;max-height: 30px !important;float: left;}*/
.left_tet, .right_tet{ display:none} 
.name-job .noti{width: 90px!important;line-height: 20px!important;}
.pd-price-buildpc .price_buildpc {  font-size: 24px;}
.article-detail-page{width:100%; float:left;}
@media (min-width:1450px){
  @keyframes hoadao-sway{0%,to{transform:rotate(0deg) translate(0)}25%{transform:rotate(2deg) translateY(5px)}50%{transform:rotate(-2deg) translateY(-5px)}75%{transform:rotate(-2deg) translateY(5px)}}.animate-hoadao-sway{animation:hoadao-sway 5s linear infinite}
  .left_tet, .right_tet{ display:block!important;animation:hoadao-sway 5s linear infinite}@keyframes indeterminate-bar{0%{transform:translateX(-50%) scaleX(.2)}to{transform:translateX(100%) scaleX(1)}  
}

.support_online{ display:none!important;}
@media (max-width: 768px){ 
.support_online{ display:block!important;} 
  }
/**** Style video product ****/
#sync1 .product-video-item {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #fff !important;
    overflow: hidden;
    border-radius: 10px;
    /* Căn video chính giữa */
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* =========================================================
   2. KHUNG YOUTUBE
   ========================================================= */

/*
 * Video Youtube giữ nguyên tỷ lệ 16:9.
 *
 * width: 90%
 * => video không chiếm toàn bộ khung sản phẩm
 * => có khoảng trắng xung quanh
 * => nằm chính giữa.
 */
#sync1 .product-video-item .youtube-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 16;
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 auto;
    flex-shrink: 0;
    box-sizing: border-box;}


/* =========================================================
   3. IFRAME YOUTUBE
   ========================================================= */

#sync1 .product-video-item .youtube-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
  	background:#fff!important;
}
/* =========================================================
   4. NGĂN OWL CAROUSEL LÀM VIDEO BỊ LỆCH
   ========================================================= */

#sync1 .owl-item .product-video-item {
    box-sizing: border-box;
}

/*
 * Đảm bảo item video không có khoảng trắng mặc định
 */
#sync1 .owl-item .product-video-item,
#sync1 .owl-item .product-video-item * {
    box-sizing: border-box;
}
/* =========================================================
   5. SLIDE ẢNH CHÍNH
   ========================================================= */

/*
 * Đảm bảo ảnh sản phẩm không làm giao diện bị lệch.
 */
#sync1 > .item {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
/*
 * Ảnh sản phẩm
 */
#sync1 > .item img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}


/* =========================================================
   6. THUMBNAIL VIDEO
   ========================================================= */

#sync2 .video-thumb {
    cursor: pointer;
    box-sizing: border-box;
}

/*
 * Khung thumbnail video
 */

#sync2 .video-thumb-inner {
    position: relative;
    width: 100%;
    height: 96px;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
/*
 * Ảnh thumbnail Youtube
 */
#sync2 .video-thumb-inner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    padding: 0;
}
/* =========================================================
   7. NÚT PLAY TRÊN THUMBNAIL
   ========================================================= */
#sync2 .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    padding: 0 0 0 3px;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 2;
}
/*
 * Hiệu ứng nhẹ khi rê chuột
 */
#sync2 .video-thumb:hover .video-play-icon {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.08);
}
/* =========================================================
   8. THUMBNAIL ĐANG ĐƯỢC CHỌN
   ========================================================= */
#sync2 .owl-item.current .item {
    border: 2px solid #e60012;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}
/*
 * Video thumbnail đang được chọn
 */
#sync2 .owl-item.current .video-thumb-inner {
    border-radius: 6px;
}
/* =========================================================
   9. THUMBNAIL ẢNH
   ========================================================= */
#sync2 .item img {
    display: block;
    max-width: 100%;
    height: 96px;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    box-sizing: border-box;
}
/* =========================================================
   10. KHÔNG CHO THUMBNAIL BỊ TRÀN
   ========================================================= */
#sync2 .owl-item {
    box-sizing: border-box;
}
#sync2 .owl-item .item {
    box-sizing: border-box;
    overflow: hidden;
}
/* =========================================================
   11. CONTAINER THUMBNAIL
   ========================================================= */
#sync2 {
    box-sizing: border-box;
}
/*
 * Không để thumbnail bị ảnh hưởng bởi padding mặc định
 */
#sync2 .owl-stage-outer {
    overflow: hidden;
}
/* =========================================================
   12. RESPONSIVE - TABLET
   ========================================================= */
@media (max-width: 991px) {
    #sync1 .product-video-item .youtube-wrapper {
        width: 90%;
    }
    #sync2 .video-thumb-inner {
        height: 90px;
    }
    #sync2 .item img {
        height: 90px;
    }
}
/* =========================================================
   13. RESPONSIVE - MOBILE
   ========================================================= */
@media (max-width: 767px) {
    /*
     * Video nhỏ hơn một chút trên mobile
     */
    #sync1 .product-video-item .youtube-wrapper {
        width: 92%;
    }
    /*
     * Thumbnail nhỏ hơn
     */
    #sync2 .video-thumb-inner {
        height: 75px;
        border-radius: 6px;
    }
    #sync2 .item img {
        height: 75px;
    }
    /*
     * Nút play nhỏ hơn
     */
    #sync2 .video-play-icon {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }
}
/* =========================================================
   14. MOBILE NHỎ
   ========================================================= */
@media (max-width: 480px) {
    #sync1 .product-video-item .youtube-wrapper {
        width: 94%;
    }
    #sync2 .video-thumb-inner {
        height: 65px;
    }
    #sync2 .item img {
        height: 65px;
    }
    #sync2 .video-play-icon {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
}
/* =========================================================
   15. FIX MAGICZOOM / OWL CAROUSEL
   ========================================================= */
#sync1 .MagicZoom {
    display: block;
    width: 100%;
    text-align: center;
}
#sync1 .MagicZoom img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
/* =========================================================
   16. CHỐNG TRÀN KHUNG
   ========================================================= */
#sync1,
#sync2 {
    width: 100%;
    box-sizing: border-box;
}
#sync1 .owl-stage,
#sync2 .owl-stage {
    display: flex;
}
#sync1 .owl-item,
#sync2 .owl-item {
    box-sizing: border-box;
}
/* =========================================================
   17. VIDEO LUÔN Ở TRUNG TÂM
   ========================================================= */
#sync1 .product-video-item {
    text-align: center;
}
#sync1 .product-video-item .youtube-wrapper {
    left: auto;
    right: auto;
}
/* =========================================================
   END
   ========================================================= */  
/* =========================================================
   VIDEO THUMB - YOUTUBE STYLE
   ========================================================= */

.fancybox-thumbs ul li:has(
    img[src*="img.youtube.com/vi/"]
),
.fancybox-thumbs ul li:has(
    img[data-src*="img.youtube.com/vi/"]
) {
    position: relative !important;
}

/* Nút tròn */
.fancybox-thumbs ul li:has(
    img[src*="img.youtube.com/vi/"]
)::after,
.fancybox-thumbs ul li:has(
    img[data-src*="img.youtube.com/vi/"]
)::after {
    content: "▶";
    position: absolute !important;
    width: 30px !important;
    height: 30px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 0, 0, 0.92) !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 15px !important;
    padding-left: 3px !important;
    box-sizing: border-box !important;
    z-index: 99999 !important;
    pointer-events: none !important;
    box-shadow:
        0 2px 6px rgba(0, 0, 0, .4) !important;
    transition: transform .2s ease !important;
}

/* Hover */
.fancybox-thumbs ul li:has(
    img[src*="img.youtube.com/vi/"]
):hover::after,
.fancybox-thumbs ul li:has(
    img[data-src*="img.youtube.com/vi/"]
):hover::after {
    transform: translate(-50%, -50%) scale(1.1) !important;
}  
  
/*---- td---*/
.title-block-news .h-title1:after {background: #fe0000;}
  .pro-left li:nth-child(2n+1) {background: #f3f3f3 !important;}  
  #collection-deal li{ padding:5px 10px;}
  .pright-name {font-weight: bold;} 

  .banner_td{width:100%; margin-top:10px; margin-bottom:20px;}
  /*.list-news-td{width:100%; float:left; margin-top:52px;}*/
  .list-news-td img{width:100%; margin-bottom:15px;} 
  .article-col-right-td{ width:25%!important;}
  .jobs_list_container {display: flex;flex-wrap: wrap;max-width: 1200px;margin-bottom: 40px;margin-top: 20px;width: 100%;}
  .job_box{width: calc(50% - 10px);background: rgba(255, 255, 255, .8);box-shadow: 0 0 16px rgba(0, 0, 0, .3);backdrop-filter: blur(8px);border-radius: 8px;display: flex;flex-wrap: nowrap;align-items: center;			padding: 20px;justify-content: space-between;margin-bottom: 20px;}
  .job_box1{ background:#f1f1f1;}
  .job_box:nth-child(2n+1) {margin-right: 20px;}
  .title_detail .title h3 {font-weight: 700;font-size: 15px;line-height: 18px; color: #333;width: calc(100% - 50px); text-align: left;}
  .general_info {width:85%; float:left;}
  .general_info .title_detail a h3{ width:100%; float:left; font-size:20px; margin-bottom:15px; color:#121212; line-height: 25px;}
  .general_info .title_detail a:hover h3{ color:#ff0000;}
  .general_info .title_detail a .sap-khai-truong {top: 15px;}
  .general_info .detail_list{ list-style:none; padding-left:0px; width:100%; float: left; padding:0px;margin-bottom: 0px;}
  .general_info .detail_list li.info_box{ font-size:16px;}
  .deadline_apply { float:left; margin-top:7%;}
  .deadline_apply a{background: #de0b00; padding:5px 10px; width:100%; border-radius:10px; color:#fff; float:left; text-align:center; margin-bottom:10px;}
  .deadline_apply a:hover{ background:#2842b3; color:#fff;}
  .title_td{ width:100%; float:left; margin-bottom:15px;}
  .title_td h2{ text-transform:uppercase; font-size:28px; color:#de0b00; font-weight:bold;}  
.icon-cat-89746{
    background: url(/upload/img_home/ai.png) no-repeat;
}  
.icon-cat-1144{
    background: url(/upload/img_home/icon_apple.png) no-repeat;
}  