@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{color:#000;font-family:"Roboto",sans-serif;margin:0 auto;background:#fff;font-weight:400;font-size:14px;min-width:1200px}
html{font-size:100%;font-family:"Roboto",sans-serif}
.clearfix{content:"";clear:both}
.d-flex{display:flex!important}
.d-block{display:block}
.flex-wrap{flex-wrap:wrap!important}
.text-center{text-align:center!important}
.align-items{align-items:center!important}
.space-between{justify-content:space-between!important}
.space-center{justify-content:center!important}
.d-block{display:block!important}
.flex-direction{flex-direction:column}
.icon_2024{display:block;background:url(../images/icon_2024_new_update.png?v=1.2) no-repeat;background-size:400px 310px}
.icon_2024.phone{background-position:0 3px;width:25px;height:35px}
.icon_2024.setting{background-position:-27px -3px;width:23px;height:23px}
.icon_2024.yeucau{background-position:-62px -3px;width:23px;height:23px}
.icon_2024.buildpc{background-position:-96px 1px;width:30px;height:30px}
.icon_2024.cart{background-position:-140px 1px;width:30px;height:30px}
.icon_2024.account{background-position:-180px 1px;width:30px;height:30px}
.icon_2024.support{width:30px;height:27px;background-position:0 -51px}
.icon_2024.add-cart{width:30px;height:27px;background-position:-212px -3px}
.icon_2024.ship{width:38px;height:27px;background-position:-48px -51px}
.icon_2024.return{width:38px;height:32px;background-position:-100px -51px}
.icon_2024.pay{width:42px;height:32px;background-position:-151px -47px}
.icon_2024.facebook{width:45px;height:40px;background-position:-197px -44px}
.icon_2024.youtobe{width: 45px;height: 41px;background-position: -245px -44px;}
.icon_2024.list_pay{width:290px;height:40px;background-position:0 -98px}
.icon_2024.hot{width:30px;height:24px;background-position:-250px -3px}
.icon_2024.article{width:30px;height:24px;background-position:-277px -3px}
.icon_2024.chinhang{width:60px;height:60px;background-position:0 -250px}
.icon_2024.tietkiem{width:60px;height:60px;background-position:-90px -250px}
.icon_2024.doingu{width:50px;height:60px;background-position:-175px -250px}
.icon_2024.giaohang{width:75px;height:60px;background-position:-250px -250px}
.icon_2024.khuyenmai{width:47px;height:60px;background-position:-348px -248px}
.icon_2024.start{width:50px;height:50px;background-position:-292px -38px}
.icon_2024.zalo{width:23px;height:24px;background-position:-312px -5px}
.icon_2024.bct {width: 150px;height: 50px;background-position: 0px -165px;}
.icon_2024.messs {width: 54px;height: 54px;background-position: -150px -165px;}
.icon_2024.skype {width: 54px;height: 54px;background-position: -205px -168px;}
.icon_2024.phone-fix {width: 54px;height: 54px;background-position: -268px -168px;}
.icon_2024.zalo-fix {width: 54px;height: 54px;background-position: -333px -168px;}
.icon_2024.down {width: 28px;height: 28px;background-position: -348px -50px;}
.icon-star{background:url(../images/star_sprite_pc.png?v=2) no-repeat;width:96px;height:19px;vertical-align:text-bottom;display:inline-block}
.icon-star.star0{background-position:0 -108px}
.icon-star.star1{background-position:0 -86px}
.icon-star.star2{background-position:0 -65px}
.icon-star.star3{background-position:0 -40px}
.icon-star.star4{background-position:0 -20px}
.icon-star.star5{background-position:0 0}
.custom-nav .owl-nav{margin:0!important}
.custom-nav .owl-nav button{margin:0!important;background:#fff!important;color:#222!important;width:30px;height:55px;font-size:25px!important;text-align:left;position:absolute;top:50%;transform:translateY(-50%);opacity:.6;box-shadow:0 1px 5px 0 rgba(0,0,0,0.2509803922)}
.custom-nav .owl-nav button:hover{color:#fff!important;background:#cacaca!important;opacity:1}
.custom-nav .owl-nav .owl-prev{left:0;border-radius:0 50px 50px 0!important}
.custom-nav .owl-nav .owl-next{right:0;border-radius:50px 0 0 50px!important}
.custom-nav .owl-nav i{margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;color:#777;font-size:20px}
.custom-nav .owl-nav .owl-prev i{padding-right:3px}
.custom-nav .owl-nav .owl-next i{padding-left:3px}
.owl-dots{position:absolute;left:50%;bottom:10px;transform:translate(-50%,0)}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{width:46px!important;background:var(--color-global)!important}
.owl-dots span{width:6px!important;height:6px!important;background:#fff!important;margin:5px!important}
.box-partner{margin-top:35px}
.box-partner .title{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:15px}
.box-partner .title:hover{color:var(--color-global)}
.footer .box-partner .item{border:1px solid #ddd;height:45px;display:flex;align-items: center;border-radius:50px;width:calc(9.0909090909% - 10px);margin-right:10px;margin-bottom:10px}
.box-partner .item img{width:85px;height:35px;display:block;-o-object-fit:contain;object-fit:contain;margin:0 auto}
.box-partner .item:hover{border:1px solid var(--color-global)}
.footer .box-hot-tags{margin-top:35px}
.footer .box-hot-tags .title{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:15px}
.footer .box-hot-tags .title:hover{color:var(--color-global)}
.footer .box-hot-tags .item{margin-right:15px;margin-bottom:10px}
.footer .box-hot-tags .item:hover{color:var(--color-global)}
.footer .form-news-letter{padding:30px 0;background:#1660c1;position:relative}
.footer .form-news-letter::before{position:absolute;content:"";right:0;top:0;width:305px;height:100%;background:#00578d;-webkit-clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%)}
.footer .form-news-letter .content-form{width:1065px;margin:0 auto}
.footer .form-news-letter .title{color:#fff;font-size:24px;text-transform:uppercase;width:55%}
.footer .form-news-letter .form-right{width:45%;z-index:1}
.footer .form-news-letter .form-right input{width:476px;height:45px;padding:15px;border-radius:40px;outline:0;border:0}
.footer .form-news-letter .form-right input:focus-within{border:1px solid #00578d}
.footer .form-news-letter .form-right .send-newsletter{width:90px;height:45px;line-height:45px;text-align:center;margin-left:10px;background:#ffc500;border-radius:40px;color:#fff;font-weight:700}
.footer .form-news-letter .form-right .send-newsletter:hover{color:#fff;background:var(--color-global)}
.footer .content-main-footer{padding:40px 0;}
.footer .content-main-footer .item-footer{width:calc(25% - 10px);margin-right:10px}
.footer .content-main-footer .item-footer a{display:block;margin-bottom:10px;font-size:14px}
.footer .content-main-footer .item-footer a:hover{color:var(--color-global)}
.footer .content-main-footer .item-footer .title{margin-bottom:20px;position:relative;color:var(--color-global);font-weight:700;text-transform:uppercase;font-size:16px}
.footer .content-main-footer .item-footer .title::before{position:absolute;content:"";left:0;bottom:-7px;width:83px;height:2px;background:var(--color-global)}
.footer .content-main-footer .item-footer b{color:var(--color-global);font-size:15px;text-transform:uppercase}
.footer .box-showroom{padding:40px 0}
.footer .box-showroom .list-showroom{margin-right:-20px}
.footer .box-showroom .item{width:calc(50% - 20px);margin-right:20px}
.footer .box-showroom .title{margin-bottom:20px;position:relative;color:var(--color-global);font-weight:700;text-transform:uppercase;font-size:15px}
.footer .box-showroom .title::before{position:absolute;content:"";left:0;bottom:-8px;width:75px;height:2px;background:var(--color-global)}
.footer .box-showroom p{padding-bottom:10px}
.footer .box-showroom i{color:#515151;margin-right:5px}
.footer .box-showroom iframe{width:100%;height:240px;border-radius:10px}
.footer .box-showroom .phone{display:inline-block;font-weight:700;margin:0;color:var(--color-global)}
.footer .footer-bottom{padding:10px 0;text-align:center;background:#ddd;font-size:12px}
.footer .social-media{}
.breadcrumb ol{width:100%;float:left;padding:0;margin:0;background:none}
.breadcrumb ol li{float:left;list-style:none}
.breadcrumb ol li a span{font-size:14px;line-height:45px;float:left;display:flex;align-items:center;color:#000;font-weight: 700;}
.breadcrumb ol li a span:hover{color:var(--color-hover)}
.breadcrumb ol li a:last-child{color:#222}
.breadcrumb ol li h1{font-size:15px;line-height:40px;float:left;font-weight:400;margin:0}
.breadcrumb ol li i{margin:0 10px;float:left;line-height:45px}
.breadcrumb ol li:last-child i{display:none}
.breadcrumb i{color:#333;font-size:15px}
/* homepage */
.homepage .product-collection{min-height:645px;margin-top:15px;border-radius:12px;padding:115px 10px 10px 10px;}
.homepage .product-collection .title{background:url(../image/title-product-saleoff.png) no-repeat;display:block;padding:25px 0;height:110px;width:900px;margin:0 auto;background-size:cover}
.homepage .product-collection .list-bst{margin-right:-10px;margin-top:20px;margin-bottom:15px}
.homepage .product-collection .list-bst .items{width:calc(25% - 10px);margin-right:10px;background:#fff;padding:15px 10px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.homepage .product-collection .list-bst .items.active .txt,.homepage .product-collection .list-bst .items:hover .txt{color:#ff6b00}
/*
.homepage .product-collection .list-bst .items.active .box-icon,.homepage .product-collection .list-bst .items:hover .box-icon{background:linear-gradient(180deg,#f90 0%,#ff2e00 100%)}
.homepage .product-collection .list-bst .items:nth-child(2) .box-icon{background: #00578D;}
.homepage .product-collection .list-bst .items:nth-child(3) .box-icon{background: #008FE7;}
.homepage .product-collection .list-bst .items:nth-child(4) .box-icon{background: #038200;}
*/
.homepage .product-collection .list-bst .box-icon{width:45px;height:45px;margin-right:10px;/*background:#8c8c8c;*/border-radius:50%;display:flex;align-items:center;justify-content:center}
.homepage .product-collection .list-bst .txt{font-size:18px;font-weight:500;color:#242424}
.homepage .product-collection .more-all{display:flex;align-items:center;justify-content:center;width:115px;height:35px;background:#fff;text-align:center;color:#71029e;border-radius:15px;font-weight:700;margin:15px auto 0;}
.homepage .product-collection .more-all:hover{background:#250138;color:#ffffff}
.homepage .product-collection .product-item{width:100%;margin-bottom:0}
.homepage .product-collection .product-list{min-height: 327px;position: relative;}
.homepage .product-category-home{margin-top:35px}
.homepage .product-category-home .title{font-size:24px;font-weight:700;color:#242424;text-transform:uppercase;margin-bottom:35px}
.homepage .product-category-home .title:hover{color:var(--color-global)}
.homepage .product-category-home .list-category{margin-right: -50px;}
.homepage .product-category-home .items{width:calc(100% / 9 - 50px);margin-right:50px;margin-bottom: 15px;}
.homepage .product-category-home .items:hover .box{background:var(--color-global)}
.homepage .product-category-home .items:hover .txt{color:var(--color-global)}
.homepage .product-category-home .box{width:80px;height:80px;background:#eee;border-radius:50%;margin-bottom:10px;display:flex;align-items:center;justify-content:center;margin: 10px auto;}
.homepage .product-category-home .box img{display:block;width:60px;height:50px;-o-object-fit:contain;object-fit:contain}
.homepage .product-category-home .txt{text-align:center;font-weight:700;font-size:15px;color:#444}
.homepage .box-category{margin-top:40px}
.homepage .box-category .main-title{margin-bottom:15px}
.homepage .box-category .title{font-size:24px;font-weight:700;text-transform:uppercase;color:#242424}
.homepage .box-category .title:hover a{color:var(--color-global)}
.homepage .box-category .list-cate .item{padding: 0 10px;margin-right: 10px;border: 1px solid #0071B7;background: #F3F4F6;color: #00578D;border-radius: 8px;height: 32px;line-height: 32px;font-weight: 500;text-align: center;}
.homepage .box-category .list-cate .item:hover{background:var(--color-global);color:#fff}
.homepage .box-category .more-all{padding:0 15px;background:#00578D;color:#fff;border-radius:8px;font-weight:700;white-space: nowrap;height: 32px;line-height: 32px;}
.homepage .box-category .more-all:hover{background:var(--color-global);color:#fff}
.homepage .box-category .product-list{margin:-6px;min-height: 327px;position: relative;}
.homepage .box-category .product-item{width:95%;margin:6px;box-shadow:0 0 5.4000000954px 0 rgba(103,103,103,0.2509803922)}
.homepage .box-category .custom-nav .owl-prev{left:6px}
.homepage .box-category .custom-nav .owl-next{right:6px}
.homepage .box-article-home{margin-top:35px;padding:25px 10px 10px;background:#fafafa;border-radius:12px}
.homepage .box-article-home .title{font-size:24px;font-weight:700;text-transform:uppercase}
.homepage .box-article-home .title:hover{color:var(--color-global)}
.homepage .box-article-home .more-all{color:var(--color-global);font-weight:700}
.homepage .box-article-home .list-article{margin-top:15px}
.homepage .box-article-home .item-article{width:100%;margin:0}
.homepage .box-article-home .custom-nav .owl-nav button{top:35%}
.list-reasons{margin-top:25px;padding:20px 10px;background:#fbfdff;border-radius:12px}
.list-reasons .title{display:block;text-align:center;font-size:24px;font-weight:700;color:#00578d;padding:30px 0;text-transform:uppercase}
.list-reasons .items{width:calc(20% - 40px);margin-right:40px;padding-bottom:10px}
.list-reasons .items:last-child{margin-right:0}
.list-reasons .items:nth-child(1) b{color:#06c458}
.list-reasons .items:nth-child(2) b{color:#04c400}
.list-reasons .items:nth-child(3) b{color:#008293}
.list-reasons .items:nth-child(4) b{color:#da6900}
.list-reasons .items:nth-child(5) b{color:#ed0000}
.list-reasons .icon_2024{margin:0 auto}
.list-reasons .text{height:110px;margin-top:15px;text-align:center;}
.list-reasons .text b{font-size:16px;text-align:center;margin-bottom:10px;display:block}
.list-reasons .text p{text-align:center}
.product-item{width:calc(25% - 10px);background:#fff;border-radius:8px;position:relative;margin-right:10px;box-shadow:0 0 5px 0 rgba(103,103,103,0.2509803922)}
.product-item .product-image{display:block;width:100%;height:200px;margin:0 auto;overflow:hidden}
.product-item .product-image img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(1);transition:.4s}
.product-item .product-image:hover img{transform:scale(1.05);transition:.4s}
.product-item .tag-icon{position:absolute;right:0;top:10px;display:block;width:80px;height:25px}
.product-item .tag-icon.saleoff{background:url(../images/icon-saleoff.png) no-repeat;background-size:contain}
.product-item .tag-icon.saleoff::before{position:absolute;content:"Bán chạy";font-size:13px;color:#fff;font-style:normal;width:100%;text-align:center;line-height:19px;font-weight:500}
.product-item .tag-icon.new{background:url(../images/icon-new.png) no-repeat;background-size:contain}
.product-item .tag-icon.new::before{position:absolute;content:"Hàng mới";font-size:13px;color:#fff;font-style:normal;width:100%;text-align:center;line-height:19px;font-weight:500}
.product-item .tag-icon.hot{background:url(../images/icon-hot-new.png) no-repeat;background-size:contain}
.product-item .tag-icon.hot::before{position:absolute;content:"HOT";font-size:13px;color:#fff;font-style:normal;width:100%;text-align:center;line-height:19px;font-weight:500}
.product-item .product-info{padding: 10px;}
.product-item .product-info .brand{color:#242424;font-weight:600;display:flex;margin-bottom:5px;height: 24px;    align-items: center;justify-content: flex-start;}
.product-item .product-info .brand img{height: 100%; width: auto;display: block;}
.product-item .product-info .brand:hover{color:var(--color-global)}
.product-item .product-info .product-name{margin-bottom:5px;line-height:21px;height:40px;}
.product-item .product-info .product-name:hover{color:var(--color-global)}
.product-item .product-price{font-size:17px;font-weight:700;color:#242424}
.product-item .price-saleoff{background:url(../images/bg-saleoff.png) no-repeat;width:40px;height:20px;background-size:contain;margin-left:10px;color:#fff;font-size:12px;text-align:center;line-height:20px;font-weight:700}
.product-item .old-price{color:#a3a3a3;margin-top:3px;display:block;font-weight:700;height: 16px;}
.product-item .static{display:block;font-size:13px;margin-top:3px;}
.product-item .static.conhang{color:#038200}
.product-item .static.hethang{color:#e20000}
.product-item .right{margin-top: 10px;}
.product-item .box-cart{width:30px;height:30px;display:flex;align-items:center;border-radius:50%;background:linear-gradient(180deg,#008de5 0%,#0067a7 100%)}
.item-article{width:calc(25% - 10px);margin-right:10px}
.item-article .image-article{width:100%;height:160px;display:block;overflow:hidden;border-radius:12px}
.item-article .image-article img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;transform:scale(1);transition:.4s}
.item-article .image-article:hover img{transform:scale(1.03);transition:.4s}
.item-article .info-article{margin-top:10px}
.item-article .name-aritcle{font-size:13px;font-weight:700;margin-bottom:5px;height: 38px;}
.item-article .name-aritcle:hover{color:var(--color-global)}
.item-article .time{color:#878787;margin-right:13px;font-size: 14px;}
.item-article .view{color:#878787;font-size: 14px;}
/* goiy */
.autocomplete-suggestions{border:1px solid #ccc;background:#FFF;width:400px;display:none;z-index:9999;position:absolute;top:44px;left:-1px;}
.autocomplete-suggestions .content-suggestions {padding: 0 12px;max-height:405px;overflow:auto;}
.content-suggestions .item img {width: 60px;display: block;}
.content-suggestions .item .info{width: calc(100% - 108px);margin-right: 48px;}
.content-suggestions .item {padding: 8px 0;border-bottom: 1px solid #EDEDED;}
.content-suggestions .item .name{font-weight: 600;line-height: 20px;}
.content-suggestions .item .price{font-weight: 600;color:  #FB4E4E;line-height: 20px;}
.autocomplete-suggestions .more-all {height: 40px;display: block;text-align: center;line-height: 40px;}
.autocomplete-suggestions .more-all .hover-txt:before {background: var(--color-global);}
/* success */
 .success-checkmark{margin:0 auto;width:100%;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}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid #cc0001}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:100px 0 0 100px}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;border-radius:0 100px 100px 0;-webkit-animation:rotate-circle 4.25s ease-in;animation:rotate-circle 4.25s ease-in}
.success-checkmark .check-icon::after,.success-checkmark .check-icon::before{content:'';height:100px;position:absolute;background:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.success-checkmark .check-icon .icon-line{height:5px;background-color: var(--color-global);display:block;border-radius:2px;position:absolute;z-index:10}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:icon-line-tip .75s;animation:icon-line-tip .75s}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:icon-line-long .75s;animation:icon-line-long .75s}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid var(--color-global)}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#fff}
@-webkit-keyframes rotate-circle{
0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
}
@keyframes rotate-circle{
0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
}
@-webkit-keyframes icon-line-tip{
0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes icon-line-tip{
0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@-webkit-keyframes icon-line-long{
0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@keyframes icon-line-long{
0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
.success-cart{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.5);display:block}
.content-container{background:#fff;max-width:calc(100% - 40px);height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:260px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;border-radius:12px;width:100%}
.content-text{font-weight:600;line-height:1.6}
.success-cart .content-container{max-width:500px;min-height:300px}
.text-30{font-size:30px}
.content-text{font-weight:600;line-height:1.6}
.text-center{text-align:center!important}
/* loading */
.lds-spinner{display:inline-block;width:100px;height:100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.lds-spinner div{transform-origin:50px 50px;animation:lds-spinner 1.2s linear infinite}
.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:49px;width:4px;height:17px;border-radius:20%;background: var(--color-global)}
.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}
.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}
.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}
.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}
.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}
.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}
.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}
.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}
.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}
.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}
.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}
.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0}
@keyframes lds-spinner {
0%{opacity:1}
100%{opacity:0}
}

/* category */
.page-product-category .banner-slider{margin-top:10px}
.page-product-category .content-product-category{margin-top:20px}
.page-product-category .content-left{width:290px;margin-right:10px}
.page-product-category .content-right{width:calc(100% - 300px)}
.page-product-category .box-list-cate .title{padding:15px 10px;font-size:15px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #ddd}
.page-product-category .box-list-cate .list{padding:10px}
.page-product-category .box-list-cate .item{display:flex;align-items:center;width:100%;margin-bottom:10px}
.page-product-category .box-list-cate .item i{font-size:10px;margin-top:4px}
.page-product-category .box-list-cate .item span{font-size:15px;font-weight:500;margin-left:7px}
.page-product-category .box-list-cate .item:hover{color:var(--color-global)}
.page-product-category .item-filter{margin-bottom:0;}
.page-product-category .item-filter .title{padding:15px 10px;font-size:15px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #ddd}
.page-product-category .item-filter:last-child{padding-bottom:20px}
.page-product-category .content-filter{padding:15px 10px}
.page-product-category .item-attr{display:flex;align-items:center;margin-bottom:12px}
.page-product-category .item-attr .icon-check{width:16px;height:16px;margin-right:10px;border:1px solid #a3a3a3;position:relative;z-index:9;border-radius:3px}
.page-product-category .item-attr .icon-check::before{position:absolute;content:"\f00c";left:50%;top:45%;font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px;color:#fff;display:none;transform:translate(-45%,-50%)}
.page-product-category .item-attr .icon-check.checkered{background:var(--color-global);border:none}
.page-product-category .item-attr .icon-check.checkered::before{display:block;color:#fff}
.page-product-category .item-attr .name-attr{color:#242424}
.page-product-category .item-attr:hover .icon-check{background:var(--color-global);border:none}
.page-product-category .item-attr:hover .icon-check::before{display:block;color:#fff}
.page-product-category .item-attr:hover .name-attr{color:var(--color-global)}
.page-product-category .item-attr:last-child{margin-bottom:0}
.page-product-category .main-title{padding:12px}
.page-product-category .main-title .title{font-size:15px;margin-right:10px;text-transform:uppercase}
.page-product-category .main-title span{font-size:14px}
.page-product-category .box-sort{padding:12px}
.page-product-category .box-sort .item{margin-right:10px;padding:10px;border:1px solid #ddd;display:flex;align-items:center;border-radius:10px}
.page-product-category .box-sort .item:last-child{margin-right:0}
.page-product-category .box-sort .item i{margin-right:5px;color:#444}
.page-product-category .box-sort .item:first-child i{margin-right:0;margin-left:5px;color:#000}
.page-product-category .box-sort .item:hover,.page-product-category .box-sort .item.active{background:var(--color-global);color:#fff;border:1px solid var(--color-global)}

.page-product-category .box-sort .item:hover i,.page-product-category .box-sort .item.active i{color:#fff}
.page-product-category .product-list{margin-right:-12px;padding:12px}
.page-product-category .product-list .product-item{width:calc(20% - 12px);margin-right:12px;margin-bottom:12px}
.page-product-category .box-static{margin:20px 0 40px}
.page-product-category .box-static .content-static{padding:12px}
.page-product-category .box-static .title{padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:10px;font-size:15px;text-transform:uppercase}
.page-product-category .box-static .content{width:100%;display:block;overflow:hidden;position:relative}
.page-product-category .box-static .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:linear-gradient(transparent,#fff)}
.page-product-category .box-static .content.active{height:auto!important}
.page-product-category .box-static .content.active::after{display:none}
.page-product-category .more-all{display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--color-global)}
.page-product-category .more-all i{margin-left:5px}
.background-white {box-shadow: 0px 0px 5px 0px rgba(103, 103, 103, 0.2509803922);background: #fff;border-radius: 12px;}
.paging{padding:20px 0}
.paging .item{background:#e9e9e9;margin-right:10px;border-radius:4px}
.paging .item.active,.paging .item:hover{background:#00578d;color:#fff}
.nd *{line-height:23px;font-size: 14px;}
#js-outp ol{counter-reset:item;list-style:none;padding-left:0}
#js-outp li{counter-increment:item;margin-bottom:6px}
#js-outp li::before{content:counters(item, ".") ". ";font-weight:700}
#js-outp ol ol{padding-left:20px}
#js-outp ol ol li a {font-weight: 400;}
#js-outp ol ol li::before{font-weight: 400;}
/* product-detail */
.page-product-detail{background:#fafafa;padding-bottom:20px}
.page-product-detail .main-product-detail{padding:15px 12px}
.page-product-detail .product-detail-name{font-size:20px;border-bottom:1px solid #ddd;padding-bottom:10px;display:block}
.page-product-detail .content-main-product{margin-top:15px}
.page-product-detail .product-images-detail{width:380px;margin-right:12px}
.page-product-detail .product-images-detail .image-big{width:100%;height:380px;overflow:hidden;margin-bottom:10px;position:relative}
.page-product-detail .product-images-detail .image-big img{display:block;border:1px solid #ddd;border-radius:8px}
.page-product-detail .product-images-detail .image-thumb{margin-right:-10px}
.page-product-detail .product-images-detail .image-thumb .item{width:calc(25% - 10px);margin-right:10px;margin-bottom:10px;border:1px solid #ddd;overflow:hidden;border-radius:8px}
.page-product-detail .product-images-detail .image-thumb .item.active,.page-product-detail .product-images-detail .image-thumb .item:hover{border:1px solid var(--color-global)}
.page-product-detail .product-images-detail .image-thumb .item img{display:block;width:100%;height:85px;margin:0 auto;object-fit: contain;}
.page-product-detail .product-info-detail{width:calc(100% - 380px - 305px - 24px)}
.page-product-detail .product-info-detail .status-warranty{margin-bottom:10px}
.page-product-detail .product-info-detail .status-warranty .item{padding-right:10px;margin-right:10px;border-right:1px solid #ddd}
.page-product-detail .summary-info .title{font-size:16px;display:block;margin-bottom:10px}
.page-product-detail .summary-info ul{}
.page-product-detail .summary-info .item{margin-bottom:7px;padding-left: 25px;position: relative;}
.page-product-detail .summary-info .item::before {position: absolute;content: '\f00c';left: 0;top: 0;background: green;width: 15px;height: 15px;border-radius: 50%;color: #fff;font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: var(--fa-style, 900);font-style: normal;font-size: 10px;display: flex;align-items: center;justify-content: center;}
.page-product-detail .summary-info .item.hide{display:none}
.page-product-detail .summary-info .btn_show_summary{width:105px;text-align:center;padding:10px 0;background:#f7f7f7;border-radius:4px;margin-top:10px;display:block}
.page-product-detail .summary-info .btn_show_summary i{margin-left:5px}
.page-product-detail .summary-info .btn_show_summary:hover{background:var(--color-global);color:#fff}
.page-product-detail .group-price{margin-top:10px;padding:20px 15px;border-radius:8px;border:1px dashed #ed0000}
.page-product-detail .group-price .main-price{font-size:29px;font-weight:700;margin-right:15px}
.page-product-detail .group-price .old-price{color:#a3a3a3;margin-right:10px}
.page-product-detail .group-price .saleoff{color:#ed0000;}
.page-product-detail .btn-phone{margin-top:15px;display:flex;align-items:center;justify-content:center;width:calc(100% / 2 - 10px);border:1px solid #FF6B00;border-radius:8px;color:#fff;height:50px;line-height:50px;background: #FF6B00;margin-right: 10px;}
.page-product-detail .btn-phone i{font-size:23px}
.page-product-detail .btn-phone span{font-size:13px;margin-left:10px;text-transform:uppercase;font-weight:700}
.page-product-detail .btn-phone:hover{background:#fff;color:#FF6B00}
.page-product-detail .info-specialOffer{}
.page-product-detail .info-specialOffer .title{width:100%;background:#ff4820;height:40px;line-height:40px;padding:0 10px;border-radius:8px 8px 0 0;color:#fff;position:relative;z-index:1}
.page-product-detail .info-specialOffer .title i{margin-right:5px}
.page-product-detail .info-specialOffer .title span{font-weight:600}
.page-product-detail .info-specialOffer .box-background{background:url(../images/background-specialOffer.png?v=1) no-repeat;background-size:100% 100%;padding:0 5px 5px;border-radius:0 0 8px 8px;margin-top:-8px}
.page-product-detail .info-specialOffer .bg-white{background:#fff;padding:23px 15px 15px;border-radius:0 0 8px 8px}
.page-product-detail .info-specialOffer .item{margin-bottom:20px}
.page-product-detail .info-specialOffer .item b{color:#ed0000;margin-bottom:5px;display:block}
.page-product-detail .info-specialOffer .item li{list-style:outside;margin-bottom:10px;margin-left:25px}
.page-product-detail .info-specialOffer .item:last-child{margin-bottom:0}
.page-product-detail .info-specialOffer .item.hide{display:none}
.page-product-detail .info-specialOffer .btn_show_specialOffer{width:105px;text-align:center;padding:8px 0;background:#f7f7f7;border-radius:4px;margin-top:10px;display:block}
.page-product-detail .info-specialOffer .btn_show_specialOffer i{margin-left:5px}
.page-product-detail .info-specialOffer .btn_show_specialOffer:hover{background:var(--color-global);color:#fff}
.page-product-detail .group-quantity-buy{margin-top:20px}
.page-product-detail .unit-detail-amount-control{width:175px;height:50px;line-height:50px;border-radius:8px;overflow:hidden}
.page-product-detail .unit-detail-amount-control a{width:65px;text-align:center;border:1px solid #a3a3a3;border-radius:8px 0 0 8px;border-right:0}
.page-product-detail .unit-detail-amount-control a:last-child{border-radius:0 8px 8px 0;border-left:0;border-right:1px solid #a3a3a3}
.page-product-detail .unit-detail-amount-control input{width:65px;text-align:center;border:1px solid #a3a3a3;font-weight:700;font-size:18px}
.page-product-detail .btn-buy{margin-top:15px;width:calc(100% / 2 - 10px);height:50px;line-height:50px;background:#ed0000;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;color:#fff;text-align:center;display:block;margin-right: 10px;}
.page-product-detail .btn-buy:hover{background:#fff;color:#ed0000;border:1px solid #ed0000}
.page-product-detail .btn-buy:hover a{color:#ed0000}
.page-product-detail .product-info-right{width:305px;margin-left:12px}
.page-product-detail .product-info-right .btn-service-reviews{display:flex;align-items:center;background:#ff9800;border-radius:50px;height:45px;position:relative}
.page-product-detail .product-info-right .btn-service-reviews span{color:#fff;font-weight:600;text-transform:uppercase;padding-left:25px}
.page-product-detail .product-info-right .btn-service-reviews i{position:absolute;right:0;top:-4px}
.page-product-detail .box-reasons{margin-top:15px}
.page-product-detail .box-reasons .title{padding:10px;border-radius:12px 12px 0 0;background:#0071b7;font-size:14px;color:#fff;text-transform:uppercase;font-weight:600}
.page-product-detail .box-reasons .content{border:1px solid #0071b7;padding:12px;border-radius:0 0 12px 12px}
.page-product-detail .box-reasons li{margin-bottom:10px}
.page-product-detail .box-reasons li:last-child{margin-bottom:0}
.page-product-detail .box-reasons a{color:#0071b7}
.page-product-detail .box-support{margin-top:15px}
.page-product-detail .box-support .title{padding:10px;border-radius:12px 12px 0 0;background:#0071b7;font-size:14px;color:#fff;text-transform:uppercase;font-weight:600;text-align:center}
.page-product-detail .box-support .content{border:1px solid #0071b7;padding:12px;border-radius:0 0 12px 12px}
.page-product-detail .box-support li{margin-bottom:10px}
.page-product-detail .box-support li:last-child{margin-bottom:0}
.page-product-detail .box-support li p{margin:0 5px}
.page-product-detail .box-support li a{color:#008fe7;font-weight:700}
.page-product-detail .content-product-detail{margin-top:15px}
.page-product-detail .content-product-detail .content-left{width:calc(100% - 405px)}
.page-product-detail .content-product-detail .content-right{width:390px;margin-left:15px}
.page-product-detail .content-product-detail .title{font-size:16px;font-weight:700;position:relative;margin-bottom:10px;padding:15px 12px;overflow:hidden;text-transform:uppercase;border-bottom:1px solid #ddd}
.page-product-detail .box-desciption{padding-bottom:12px}
.page-product-detail .box-desciption .content{position:relative;overflow:hidden;padding:12px}
.page-product-detail .box-desciption .content::after{position:absolute;left:0;bottom:0;content:"";width:100%;height:40px;background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 100%);z-index:99}
.page-product-detail .box-desciption .content.active{height:100%!important}
.page-product-detail .box-desciption .content.active::after{display:none}
.page-product-detail .js-viewmore-content,.page-product-detail .more-specifications{display:flex;align-items:center;justify-content:center;margin:0 auto;width:110px;text-align:center;height:35px;line-height:35px;background:#f3f4f6;border-radius:4px}
.page-product-detail .js-viewmore-content i,.page-product-detail .more-specifications i{margin-left:5px}
.page-product-detail .js-viewmore-content:hover,.page-product-detail .more-specifications:hover{background:var(--color-global);color:#fff}
.page-product-detail .box-specifications{padding-bottom:12px}
.page-product-detail .box-specifications .content{height:283px;overflow:hidden;padding:12px;position:relative}
.page-product-detail .box-specifications .content::after{position:absolute;left:0;bottom:0;content:"";width:100%;height:40px;background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 100%);z-index:99}
.page-product-detail .related-articles{}
.page-product-detail .box-download {padding: 10px;border: 1px solid #DDDDDD;margin-top: 15px;border-radius: 8px;}
.page-product-detail .box-download b {margin-bottom: 10px;display: block;}
.page-product-detail .box-download .info-down {color: #0071B7;}
.page-product-detail .box-download #js-href {margin-top: 7px;}
.page-product-detail table td,#full-spec table td{padding:12px}
.page-product-detail .tab-pro-detail .list-item {margin: 10px 5px;}
table td:first-child{font-weight:600}
.page-product-detail table tr:nth-child(2n),#full-spec table tr:nth-child(2n){background:#fafafa}
.page-product-detail .box-specifications table{width: 100% !important;}
.page-product-detail .box-specifications .title{font-size:16px;font-weight:700;position:relative;margin-bottom:10px;padding:15px 12px;overflow:hidden;text-transform:uppercase;border-bottom:1px solid #ddd}
.box-review{}
.box-review .content-form-review{padding-bottom:15px}
.box-review .review-info{padding:15px;margin:15px;border:1px solid #ddd;border-radius:8px}
.box-review .box-avgRate{width:165px;height:115px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #ddd}
.box-review .box-avgRate .total{margin-top:10px;text-align:center;}
.box-review .avgRate{display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#ff9800}
.box-review .avgRate i{margin-left:10px;margin-bottom:5px}
.box-review .button-review{width:185px;height:115px;border-left:1px solid #ddd;display:flex}
.box-review .box-avg-rate-count{width:calc(100% - 185px - 165px);margin:0 25px}
.box-review .btn-review{width:148px;height:35px;line-height:35px;border-radius:8px;color:#fff;background:#0071b7;display:block;margin:auto 0 auto auto;text-align:center;font-weight:700;text-transform:uppercase}
.box-review .btn-review:hover{background:#fff;color:var(--color-global);border:1px solid var(--color-global)}
.box-review .avg-rate-item{width:100%;display:flex;align-items:center;margin-bottom:10px;justify-content:space-between}
.box-review .avg-rate-item .rate-number{width:30px;color:#222}
.box-review .avg-rate-item .rate-number i{color:#ff9800}
.box-review .avg-rate-item .box-percent{width:calc(90% - 77px);height:8px;background:#d9d9d9;border-radius:3px;position:relative;overflow:hidden}
.box-review .avg-rate-item .total-avg-rate{width:77px;text-align:right;color:#0071b7}
.box-review .avg-rate-item .percent{position:absolute;left:0;top:0;height:8px;background:#ff9800}
.box-review .wrap-form{padding:0 12px 12px}
.mt-3,.my-3{margin-top:1rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;font-size:14px;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.rating-form table td{padding:5px 0}
.rating-form table tr:nth-child(2n){background:#fff}
.rating-selection .rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0}
.rating-selection .rating-star:hover{background-position:0 0}
.rating-selection .rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url(../images/star_sprite_pc.png) 0 0;margin:0 1px}
.rating-selection .rating-star:hover,.rating-star:hover ~ .rating-star{background-position:0 0}
.rating-selection .rating-star:hover,.rating-star:hover ~ .rating-star,.rating-input:checked ~ .rating-star{background-position:0 0}
.rating-selection .rating:hover .rating-star:hover,.rating:hover .rating-star:hover ~ .rating-star,.rating-input:checked ~ .rating-star{background-position:0 0}
.rating-selection .rating-star,.rating:hover .rating-star{position:relative;float:right;display:block;width:26px;height:26px;background:url(../images/star.png) 0 -28px}
.rating-selection .rating:hover .rating-star:hover,.rating:hover .rating-star:hover ~ .rating-star{background-position:0 -56px!important}
.rating-selection{display:inline;float:left;margin-top:-8px}
.rating-selection::after{content:"";display:block;clear:both}
.btn-red{margin-top:16px;background:#d00;color:#fff;padding:7px 20px;font-size:14px;border-radius:3px;-moz-border-radius:3px;border:solid 1px #ce0101;display:inline-block;margin-right:10px}
.form-input{margin-bottom:12px}
.form-input .label{font-size:14px;font-weight:600;line-height:30px;color:#000;display:block}
.form-input input{width:100%;border:1px solid #ccc;padding:10px;border-radius: 4px;}
.form-input input::-moz-placeholder{color:#ccc}
.form-input input::placeholder{color:#ccc}
.form-input input:focus-within,.form-input textarea:focus-within{box-shadow:inset 0 0 0 .5px var(--color-global);outline:none;border:1px solid var(--color-global)}
.form-input.error .label{color:var(--color-red)}
.form-input.error .note-error{color:var(--color-red);margin-top:3px}
.form-input.error input{color:var(--color-red);border:1px solid var(--color-red)}
.form-input.content{margin-top:30px}
.form-input.content input{height:90px}
.form-input.w-5{width:50%;margin-right:16px}
.form-input.w-5:last-child{margin-right:0}
.list-review .item-review{padding:16px;border-bottom:1px solid #EDEDED}
.item-review .name-info{margin-bottom:5px}
.item-review .name-info b{margin-right:10px}
.item-review .content-info .action-reply{margin-top:5px}
.item-review .content-info .action-reply .click-reply{color:var(--color-global);font-weight:600;padding-right:10px;border-right:2px solid #c4c4c4}
.item-review .content-info .action-reply .time{color:#CCC;font-weight:600}
/* comment */
.comment{width:100%;}
.comment-form .img-avatar{float:left;width:40px}
.comment-form form{padding-bottom:15px}
.comment-form-input{border:1px solid #ddd;background:#f8f8f8;padding:10px;position:absolute;width:97%;display:none}
.comment-list .item{padding:12px;border-top:1px solid #eee}
.comment .relative{position:relative;z-index:9;padding: 12px;}
.comment-list .item .comment-left img{width:40px;float:left}
.comment-list .item .reply-comment{display:none}
.info-feeback .time{color:#999}
.info-feeback .right{float:right}
.info-feeback{overflow:hidden;padding:10px 0;font-size:12px}
.comment-list .item .comment-name span{font-weight:700;margin-right:2px}
.comment form textarea{height:80px;outline: 0;border: 1px solid #ddd;border-radius: 4px;}
.comment-list .item .comment-name .note{color:#fff;font-size:.7em;background:#ec3237;font-style:normal;padding:2px 5px}
.comment-list .comment-right p{padding-top: 10px;} 
.comment form .form-control{margin-bottom:5px}
.comment .title-n {font-size: 16px;font-weight: 700;position: relative;margin-bottom: 10px;padding: 15px 12px;overflow: hidden;text-transform: uppercase;border-bottom: 1px solid #ddd;}
.comment .close {float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5;}
.row [class*="col-"] {padding-left: 10px;padding-right: 10px;}
.col-sm-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.comment .form-control {margin-bottom: 5px;outline: none;}
.comment .form-control:focus-within{border: 1px solid var(--color-global);}
.comment .form-group{margin-top: 20px;margin-bottom: 10px;}
.comment .btn-primary {color: #fff;background-color: #007bff;border-color: #007bff;padding: 10px;border-radius: 4px;outline: none;border: 1px;margin-left: 11px;}
.comment-list .item_reply{background:#f5f5f5;padding:10px;position:relative}
.comment-list .item_reply p{margin-bottom:5px}
.comment-list .item_reply::before{content:"";display:block;width:0;border-width:10px;border-style:solid;border-color:transparent transparent #f5f5f5;border-image:initial;position:absolute;top:-20px;left:3px;z-index:2}
.comment-list .item_reply::after{content:"";display:block;width:0;border-width:10px;border-style:solid;border-color:transparent transparent #cecece;border-image:initial;position:absolute;top:-20px;left:3px;z-index:1}
.comment-list .avatar-user{background:#eee;color:#999;width:27px;height:27px;display:inline-block;line-height:27px;text-align:center}
.comment-list .avatar-admin{width:27px;height:27px}
.comment-list .item_reply .comment-name{padding-bottom: 10px;}
.related-articles .item-article {width: 100%;display: flex;margin-right: 0;margin-bottom: 10px;}
.related-articles .image-article{width: 150px;height: 80px;margin-right: 10px;}
.related-articles .info-article{width: calc(100% - 160px);}
.related-articles .name-aritcle{margin-bottom: 10px;}
.related-articles .list-article{padding: 12px;}
.tab-pro-detail{margin-top: 15px;}
.tab-pro-detail .title-tab-dt{width:100%;padding-left:10px}
.tab-pro-detail .title-tab-ct{width:100%;margin-bottom:10px;border-bottom:solid 1px #acacac}
.tab-pro-detail .title-tab-ct li{margin-right:30px}
.tab-pro-detail .title-tab-ct li a{font-size:16px;line-height:53px;border-bottom:solid 3px rgba(0,0,0,0);margin-bottom:-1px;color:#222;font-weight:500;padding-bottom: 15px;}
.tab-pro-detail .title-tab-ct li.active a{border-bottom:solid 3px #2b8ae0}
.tab-pro-detail .product-list{padding: 12px;position: relative;}
.tab-pro-detail .tab-list{margin: -10px;min-height: 327px;}
.tab-pro-detail .product-list .product-item{width: 100%;margin: 0 0 10px;}
.tab-pro-detail .product-list .item{margin: 6px 0;}
.tab-pro-detail .product-list .tab-list{display:none;}
.tab-pro-detail .product-list .tab-list.active{display:block}
.tab-pro-detail .product-list .tab-list .item{width:100%;padding-left:6px} 
.tab-pro-detail .product-list .custom-nav .owl-prev{left:5px}
.tab-pro-detail .product-list .custom-nav .owl-next{right:5px}
.tab-pro-detail .note-error{font-weight: 700;color: gray;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 25px;}
/* cart*/
.page-cart{background:#f0f0f0;padding:20px 0 40px}
.page-cart .container-cart{max-width:796px;padding:0 12px;margin:0 auto;background:#fff}
.page-cart .cart-header-title{margin:0 auto 12px;padding:12px;font-size:15px;line-height:18px;font-weight:500}
.page-cart .cart-header-title .back-homepage:hover{color:var(--swiper-theme-color)}
.page-cart .box-info-cart{padding:12px 0;margin-bottom:44px}
.page-cart .box-delete-all{margin:0 12px 12px}
.page-cart .delete-cart-all{border-radius:3px;border:1px solid #d6d6d6;padding:4px 10px;cursor:pointer}
.page-cart .delete-cart-all:hover{color:var(--swiper-theme-color);border:1px solid var(--swiper-theme-color)}
.page-cart .cart-item-info{padding:16px 12px 12px;border-bottom:1px solid #ebebeb}
.page-cart .cart-item-info .cart-item-left{width:60%}
.page-cart .cart-item-info .cart-item-img{width:120px;margin-right:10px}
.page-cart .cart-item-info .cart-item-img .icon-deal-cart{width:30px;position:absolute;left:-10px;top:0}
.page-cart .cart-item-info .box-change-quantity{width:100px;height:32px}
.page-cart .cart-item-info .quantity-change{border:1px solid #d6d6d6;padding:10px 8px;height:32px;cursor:pointer;color:#b8b8b8}
.page-cart .cart-item-info .quantity-change:hover{color:var(--swiper-theme-color)}
.page-cart .cart-item-info .box-change-quantity input{width:50px;height:32px;padding:0;text-align:center;outline:0;font-size:16px;border:none;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6}
.page-cart .cart-item-info .price-cart-item .price{color:#e31223;margin-bottom:6px}
.page-cart .cart-item-info .price-cart-item .marketPrice{font-size:13px;color:#9e9e9e;text-decoration:line-through}
.page-cart .cart-item-info .delete-item-cart{text-align:right;width:24px;height:24px;border-radius:50%;background:#f1f1f1}
.page-cart .title-section-cart{font-size:16px;line-height:22px;text-transform:uppercase;color:var(--swiper-theme-color);margin-bottom:12px}
.page-cart .box-cart-info-customer{margin:20px 12px 16px}
.page-cart .box-cart-info-customer .list-info-customer input,.page-cart .box-cart-info-customer .list-info-customer select,.page-cart .box-cart-info-customer .list-info-customer textarea{width:100%;border:1px solid #d6d6d6;padding:13px 12px;border-radius:5px;color:#000;margin-bottom:12px;outline:0}
.page-cart .box-cart-info-customer .list-info-customer select{color:#b8b8b8}
.page-cart .box-cart-info-customer .list-info-customer input::-webkit-input-placeholder,.page-cart .box-cart-info-customer .list-info-customer textarea::-webkit-input-placeholder{color:#b8b8b8}
.page-cart .box-cart-info-customer .list-info-customer input::-moz-placeholder,.page-cart .box-cart-info-customer .list-info-customer textarea::-moz-placeholder{color:#b8b8b8}
.page-cart .box-cart-info-customer .list-info-customer input:-ms-input-placeholder,.page-cart .box-cart-info-customer .list-info-customer textarea:-ms-input-placeholder{color:#b8b8b8}
.page-cart .box-cart-info-customer .list-info-customer input::-ms-input-placeholder,.page-cart .box-cart-info-customer .list-info-customer textarea::-ms-input-placeholder{color:#b8b8b8}
.page-cart .box-cart-info-customer .list-info-customer input::placeholder,.page-cart .box-cart-info-customer .list-info-customer textarea::placeholder{color:#b8b8b8}
.page-cart .box-cart-info-customer .list-info-customer textarea{height:80px}
.page-cart .box-cart-info-customer .list-info-customer .tax-title{margin-bottom:14px;font-size:13px}
.page-cart .box-cart-info-customer .list-info-customer .tax-title input{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-bottom:0}
.page-cart .box-payment{padding:0 12px}
.page-cart .box-payment .list-method-payment{margin-bottom:16px}
.page-cart .box-payment .list-price{font-size:16px}
.page-cart .box-payment .list-price .price-total2{margin-top:10px}
.page-cart .box-payment .has-vat{width:100%;float:left;font-size:16px;text-align:right;margin-top:10px;margin-bottom:16px}
.page-cart .box-payment .content-pay{display: none;}
.page-cart .box-payment .content-pay.active{display:block;}
.page-cart .list-btn-cart .js-send-cart:hover{background:#ff0015}
.page-cart .list-btn-cart .btn-tra-gop:hover{background:#c97e01!important}
.page-cart .list-btn-cart .btn-tra-gop,.page-cart .list-btn-cart .list-print-cart a,.page-cart .list-btn-cart button{width:100%;background:#e31223;border:none;outline:0;color:#fff;text-transform:uppercase;font-size:18px;line-height:22px;padding:11px 0;border-radius:5px;margin-bottom:12px;display:block;text-align:center;cursor:pointer}
.page-cart .list-btn-cart .list-print-cart a{background:#fff;border:1px solid #0a76e4;color:#0a76e4}
.page-cart .list-btn-cart .list-print-cart a:hover{background:#0a76e4;color:#fff}
.page-cart .not-cart{margin:0 auto;text-align:center;padding:30px 0;padding:0 8px;max-width:1216px;display:-webkit-box;display:-ms-flexbox;display:flex;-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;padding-bottom:50px}
.page-cart .not-cart img{max-width:100%;width:unset}
.page-cart .not-cart p{padding:20px 0;font-weight:500}
.page-cart .not-cart a{margin:10px 0;padding:10px;background:#e10034;display:block;width:15%;margin:0 auto;color:#fff;border-radius:8px;text-transform:uppercase}
.page-cart .item-offer .title{font-size:12px;color:#e31223;cursor:pointer;margin-bottom:4px}
.page-cart .item-offer .title span{color:var(--swiper-theme-color);margin-left:4px}
.page-cart .item-offer .item-offer-content{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #0d699e;-webkit-box-shadow:0 0 11px 0 rgba(13,105,158,.2);box-shadow:0 0 11px 0 rgba(13,105,158,.2);padding:12px;position:absolute;top:100%;z-index:1;width:420px;display:none}
.item-offer-content span,.page-cart .item-offer .item-offer-content p{display:block;position:relative;line-height:1.9;margin:0}
.page-cart .item-offer:hover .item-offer-content{display:block}
.position-relative{position: relative;}
.send-cart-error,.send-cart-success{max-width:824px;margin:auto;background:#fff;margin-top:20px}
.send-cart-title{padding:30px 10px;text-align:center}
.send-cart-title-name{font-weight:600;color:var(--swiper-theme-color);font-size:28px;margin-bottom:8px}
.send-cart-title-descreption{font-weight:300;font-size:14px;line-height:20px;text-align:center}
.red-text{color:var(--color-global)}
.send-cart-title-descreption a{font-weight:700;text-decoration:none}
.send-cart-info{padding:20px 15px;margin-top:12px;background:#f2f2f2;font-weight:300}
.send-cart-info p{margin-bottom:16px;width:100%}
.send-cart-info b{font-weight:700;width:200px;display:inline-block}
.send-cart-info span{width:calc(100% - 200px)}
.send-cart-detail-product{margin-top:15px;-webkit-box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);box-shadow:0 0 5px 0 rgb(0 0 0 / 20%);border:1px solid #dee2e6!important}
.send-cart-product-title{padding:20px 15px;font-size:18px;font-weight:600;text-transform:uppercase;border-bottom:1px solid #dee2e6}
.send-cart-product-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;width:100%;border-bottom:1px solid #dee2e6}
.send-cart-item-left{width:82px;margin-right:8px;text-align:center}
.send-cart-item-left img{width:100%;height:100%}
.send-cart-item-center a{font-size:14px;font-weight:600;color:#222;text-decoration:none}
.send-cart-item-center{width:362px}
.send-cart-item-right{width:calc(100% - 362px - 82px);text-align:right;line-height:20px}
.new-price,.total-price{font-size:18px;color:var(--swiper-theme-color);font-weight:800}
.new-price{color:#000!important}
.old-price{font-size:14px;color:#888;text-decoration:line-through}
.number-item{font-weight:700;font-size:12px}
.total-item{color:var(--swiper-theme-color);font-size:16px;font-weight:800}
.send-cart-total{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;padding:15px}
.send-cart-total p:first-child{font-size:16px;font-weight:700}
.again-cart{display:block;text-decoration:none;padding:22px 0 100px;text-align:center;color:var(--color-global);font-weight:600;font-size:22px;text-transform:uppercase}
.send-cart-item-center a:hover{color:#d60000}
.send-cart-error-descreption{text-align:center}
.send-cart-error-title{color:var(--color-global);font-size:28px;font-weight:700;margin:15px 0}
.send-cart-error-descreption p:nth-child(3){font-size:15px;margin-bottom:15px}
.send-cart-error-descreption p:last-child{font-size:15px;margin-bottom:48px}
.sprite-send-cart-face{background-position:-103px -96.5px!important;width:30px;height:30px;background-size:155px 131.5px!important;margin:0 auto}
.col-left-article{width:66.5%}
.page-product-category.not-category .product-item{width: calc(100% / 5 - 12px);}
/* brand */
.brand-page{padding:20px 0px;background:#fff;}
.brand-page .featured-brand{width:100%;float:left;margin-bottom:30px;}
.brand-page .featured-brand .title-n{width:100%;float:left;font-size:18px;text-transform:uppercase;font-weight:700;margin-bottom:20px;}
.brand-page .featured-brand .list-n{width:100%;float:left;display:flex;flex-wrap:wrap;align-items:center;}
.brand-page .featured-brand .list-n li{width:12.5%;float:left;text-align:center;margin-bottom:10px;}
.brand-page .featured-brand .list-n li img{max-height:25px;}
.brand-page .brand-list{margin-bottom:30px;padding-top: 20px;}
.brand-page .brand-list .first-letter{float:left;margin-right:30px;}
.brand-page .brand-list .first-letter .title-n{float:left;font-size:18px;text-transform:uppercase;font-weight:700;line-height:25px;}
.brand-page .brand-list .list-letter{float:left;}
.brand-page .brand-list .list-letter li{float:left;margin-right:25px;font-size:16px;line-height:25px;}
.brand-page .brand-item{margin-bottom:20px;}
.brand-page .brand-item .smallTitle{font-size:18px;font-weight:700;margin-bottom:10px !important;line-height:30px;border-bottom:solid 1px #ccc;}
.brand-page .brand-item .list-unstyled{display:flex;flex-wrap:wrap;align-items:center;}
.brand-page .brand-item .list-unstyled li{text-align:center;padding:0px 10px;margin-bottom:20px;text-transform: capitalize;}
.brand-page .brand-item .list-unstyled li img{max-height:25px;width:auto;}
.brand-page a {color: #222}
/* tin tuc */
.box-cat-article .list-cat-ar{width:100%;margin-bottom:30px;display: flex;flex-wrap: wrap;}
.box-cat-article .list-cat-ar a{margin-right:30px;font-size:15px;text-transform:uppercase;font-weight:500;color:#222;line-height: 50px;height: 50px;display: inline-block;}
.box-cat-article .list-cat-ar a.current,.box-cat-article .list-cat-ar a:hover{color:#005aab}
.box-cat-article .list-cat-ar a:last-child{margin-right:0}
.box-cat-article {background: #e8e8e8;}
.box-article{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0;background:#fff}
.col-md-8{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}
.col-md-4{width:35%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.box-top-article{width:100%;margin-bottom:50px}
.box-top-article .first-item{width:100%;position:relative;margin-bottom:12px}
.box-top-article .first-item .n-img{width:100%;padding-top:60.5%;margin-right:0;display:block;}
.box-top-article .first-item .n-img img{width:100%!important}
.box-top-article .first-item .n-info{width:100%;padding:20px;position:absolute;z-index:1;bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5))}
.box-top-article .first-item .n-info .n-name{font-size:30px;color:#fff}
.box-top-article .first-item .n-info .tine-cmt-view span{color:#fff}
.box-top-article .other-item{display:flex;}
.box-top-article .other-item .item{width:calc(33.3333% - 8px);}
.box-top-article .other-item .item:nth-child(3n+2){margin-left:12px;margin-right:12px}
.box-top-article .other-item .item .n-img{width:100%;padding-top:61%;margin-right:0;margin-bottom:10px}
.box-top-article .other-item .item .n-info{width:100%}
.header-all-cat-article{width:100%;margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:700;text-transform:uppercase;color:#0473BA;border-bottom:solid 1px #f0eded;position:relative}
.box-new-article .item{width:100%;margin-bottom:25px}
.box-new-article .item .n-img{width:150px;padding-top:87px;margin-right:0;margin-left:20px}
.box-new-article .item .n-info{width:calc(100% - 170px);}
.box-new-article .item .n-summary{width:100%;margin-top:10px;color:#222;}
.n-img{width:190px;margin-right:20px;padding-top:115px;position:relative;overflow:hidden;display:block;}
.n-img img{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;display:block;object-fit: cover;}
.n-info{width:calc(100% - 210px);}
.n-info .n-name{width:100%;margin-bottom:10px;font-size:16px;font-weight:700;color:#222;}
.n-info .n-name:hover{color:#f12027}
.n-info .tine-cmt-view{width:100%;margin-bottom:5px}
.n-info .tine-cmt-view span{margin-right:20px;color:#999}
.n-info .tine-cmt -view .ar-admin{text-transform:uppercase}
.n-info .tine-cmt-view .ar-admin span{margin-right:0;font-weight:700;color:#999999}
.n-info .n-summary{width:100%;color:#222}
.n-info .n-cat{padding:0 8px;line-height:32px;margin-bottom:10px;font-size:13px;text-transform:uppercase;color:#fff;background:#fdb813}
.box-article-home-list .item {display: flex;margin-bottom: 10px;}
.box-article-home-list-vm{width:100%;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}
.box-article-home-list-vm a{width:248px;float:left;line-height:34px;border:solid 1px #f0eded;font-size:14px;font-weight:300;text-transform:uppercase;color:#888;text-align:center}
.box-article-home-list-vm a:hover{color:#f12027;border-color:#f12027}
.box-article-home-list-vm::before{content:'';width:calc(50% - 154px);height:1px;float:left;background:#f0eded;position:absolute;top:50%;left:0}
.box-article-home-list-vm::after{content:'';width:calc(50% - 154px);height:1px;float:left;background:#f0eded;position:absolute;top:50%;right:0}
.box-article-deal .article-list .item{width:calc(33.3333% - 8px);margin-bottom:20px}
.box-article-deal .article-list .item:nth-child(3n+2){margin-left:12px;margin-right:12px}
.box-article-deal .article-list .item .n-img{width:100%;margin-bottom:10px;margin-right:0;padding-top:61%}
.box-article-deal .article-list .item .n-info{width:100%}
.box-article-detail{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0;background:#fff}
.box-article-detail .article-name{width:100%;margin-bottom:10px;font-size:30px;font-weight:700;color:#222}
.box-article-detail .rage-date{width:100%;margin-bottom:10px;font-size:16px;color:#888}
.box-article-detail .ar-admin{width:100%;margin-bottom:20px}
.box-article-detail .ar-admin img{margin-right:20px}
.box-article-detail .ar-admin span{font-size:12px;color:#888}
.box-article-detail .ar-admin span span{font-weight:700;color:#005aab}
.box-hot-article{width:100%;margin-bottom:50px}
.box-hot-article .first-item{width:100%;margin-bottom:15px;padding-bottom:15px;border-bottom:solid 1px #f0eded}
.box-hot-article .first-item .n-img{width:100%;margin-bottom:10px;padding-top:61%;margin-right:0}
.box-hot-article .first-item .n-info{width:100%}
.box-hot-article .first-item .n-info .num{width:80px;line-height:75px;text-align:center;font-style:italic;font-size:50px;font-weight:700;color:#cacaca;border-right:solid 1px #cacaca}
.box-hot-article .first-item .n-info .n-info-ct{width:calc(100% - 80px);padding-left:20px}
.box-hot-article .other-item .item{width:100%;margin-bottom:20px}
.box-hot-article .other-item .item .num{width:40px;height:40px;border-radius:50%;background:#f0eded;margin-right:20px;text-align:center;line-height:40px;position:relative}
.box-hot-article .other-item .item .otn-info{width:calc(100% - 60px)}
.box-hot-article .other-item .item .otn-info .n-name{color:#222;display:block}
.box-hot-article .other-item .item:nth-child(1) .num::before{content:'02';width:40px;height:40px;line-height:40px;position:absolute;top:0;left:0;z-index:1;font-style:italic;font-size:16px;font-weight:700;color:#222;text-align:center}
.box-hot-article .other-item .item:nth-child(2) .num::before{content:'03';width:40px;height:40px;line-height:40px;position:absolute;top:0;left:0;z-index:1;font-style:italic;font-size:16px;font-weight:700;color:#222;text-align:center}
.box-hot-article .other-item .item:nth-child(3) .num::before{content:'04';width:40px;height:40px;line-height:40px;position:absolute;top:0;left:0;z-index:1;font-style:italic;font-size:16px;font-weight:700;color:#222;text-align:center}
.blog-detail {background: #fff;padding: 10px;}
.nd p {margin: 10px 0;}.col-ms-4{-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%;}
.blog-detail{padding:20px 0}
.blog-detail .title-blog-detail{font-weight:700;font-size:22px;margin:12px 0 17px;padding-bottom:12px;border-bottom:1px solid #e1e1e1}
.blog-detail .time-blog-detail{color:#888}
.blog-detail .content-blog-detail{line-height:1.5}
.blog-detail .content-blog-detail *{font-family:inherit!important}
.blog-detail .box-blog-relay .title{border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:12px;color:#d70018;font-size:20px;font-weight: 700;text-transform: uppercase;}

/* tooltip */
.global-tooltip,.tippy-box{display: none;position:absolute;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25);background-color:#fff;color:#000;border-radius:10px;width:395px;z-index:999;overflow:hidden;}
.tooltip-name{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25);border-radius:10px 10px 0 0;padding:12px;background:var(--color-global);}
.tooltip-name p{color:#fff;font-size:16px;font-weight: 700;-webkit-box-orient:vertical}
.tooltip-descreption{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 8px}
.tooltip-descreption-price{padding:0 12px 6px}
.tooltip-descreption-info{margin-left:80px;color:red}
.tooltip-input{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25);background-color:var(--color-global);padding-left:10px;margin:0 12px;font-size:14px;color:#fff;border-radius:8px}
.tooltip-input span{padding:10px 0}
.box-tooltip-gift{border:1px solid var(--color-global);margin:0 10px 10px}
.tooltip-gift{background:#fff;-webkit-box-shadow:unset;box-shadow:unset;border-radius:unset}
.tooltip-gift .icon-gift{background:var(--color-global);color:#fff;font-weight:700;font-size:16px;line-height:40px;position:relative;margin:6px 0 11px -30px;max-width:170px;width:100%;padding-left:40px}
.tooltip-gift .icon-gift::before{content:"";border-top:8px solid #2c14c3;border-left:8px solid transparent;position:absolute;left:0;top:100%}
.tooltip-gift .icon-gift i{width:18px;height:18px;background-position:-59px -98px;position:absolute;top:12px;left:16px}
.tooltip-gift .icon-gift::after{content:"";width:28px;height:28px;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:6px;right:-13px}
.icon-database{margin-right:12px;padding:10px;border:1px solid var(--color-global);border-radius:10px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25)}
.tooltip-list{padding: 0 20px;margin: 5px 0;line-height: 20px;}
.tooltip-list ul{font-size:14px;line-height:18px;}
.tooltip-list ul li:nth-child(n + 6) {display: none;}
.tooltip-descreption-info .card-price-origin-line-through{position:absolute;top:50%;left:0;width:100%;border-bottom:1px solid #000}
.box-cart-header,.box-filter-attribute,.box-header-top,.box-menu-header,.cart-header,.cart-voucher-form,.header-menu,.header-menu .sub-item2 .sub-item-02,.header-nav-menu .sub-item .sub-item-2,.password-input,.product-detail-page .info-box-right,.product-detail-page .info-description,.product-detail-page .product-subtitle-item{position:relative}
.tooltip-list-gift-category{margin:-50px 0 -36px!important}
.tooltip-descreption-info,.tooltip-descreption-price p{font-weight:600;font-size:14px;line-height:24px}

/* taikhoan */
.login{background:#fff;margin:10px auto;padding:20px;width:600px;border-radius:15px}
.login .btn-register{margin-left:30px;color:#f12026;border:1px solid #f12026;padding:8px 20px;border-radius:7px}
.login .btn-register:hover{background:#f12026;color:#fff}
.login .title{padding:10px 0}
.login .inputform{position:relative;margin-bottom:10px}
.login .inputform i{position:absolute;top:8px;right:12px;font-size:20px;color:#c2c2c2}
.login .btn-login{width:100%;height:35px;background:#f12026;border:none;color:#fff;font-size:14px;border-radius:5px;margin:10px 0}
.login .login-bottom p{text-align:center;padding:10px 0}
.login .login-bottom .login-with-social{margin:10px auto}
.login .login-bottom .login-with-social a{margin-right:20px;width:10%}
.login .login-bottom .login-with-social img{width:100%}
.login .login-bottom .login-rules{text-align:center;font-size:13px}
.login .login-bottom .login-rules a{text-decoration:underline}
.register{background:#fff;margin:10px auto;padding:20px;width:600px;border-radius:15px}
.register .title{padding:10px 0}
.register .inputform{position:relative;margin-bottom:15px}
.register .inputform i{position:absolute;top:8px;right:12px;font-size:20px;color:#c2c2c2}
.register .btn-register{margin-left:30px;color:#f12026;border:1px solid #f12026;padding:8px 20px;border-radius:7px}
.register .btn-register:hover{background:#f12026;color:#fff}
.register .input_birthday{width:calc(100% / 3 - 20px);margin-right:10px;border:1px solid #e1e1e1;height:calc(1.5em + 0.75rem + 2px);padding:0 5px;border-radius:.25rem;color:#979797}
.register .birthday{margin-right:-30px;padding-bottom:10px}
.register .xacnhan,.register .confirm{margin:7px 0}
.register .xacnhan p{padding-left:10px;padding-top:4px}
.register #btn_reg{width:100%;height:30px;background:#f12026;border:none;color:#fff;font-size:14px;border-radius:5px;margin-bottom:10px}
.register .click-login{color:#f12026}
.register .register-bottom p{text-align:center;padding:10px 0}
.register .register-bottom .login-with-social{margin:10px auto}
.register .register-bottom .login-with-social a{margin-right:20px;width:10%}
.register .register-bottom .login-with-social img{width:100%}
.register .register-bottom .login-rules{text-align:center;font-size:13px}
.register .register-bottom .login-rules a{text-decoration:underline}
.input_radio{position:relative;padding-left:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:20px}
.input_radio input{position:absolute;opacity:0;cursor:pointer}
.input_radio input:checked ~ .checkmark{background-color:#f12026}
.input_radio .checkmark:after{top: 3px;left: 3px;width: 14px;height: 14px;border-radius:50%;background:#fff}
.input_radio input:checked ~ .checkmark:after{display:block}
.input_radio .title-gioitinh{margin-top:3px;display:block}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border-radius:50%}
.checkmark:after{content:"";position:absolute;display:none}
.btn-primary {color: #fff;background-color: var(--color-global);border-color: #007bff;padding: 10px;border-radius: 4px;outline: none;border: 1px;margin-left: 11px;}
.yeucau .btn-primary{padding: 10px 20px;display: block;margin: 0 auto;text-align: center;width: 130px;}
.yeucau td {display: flex;align-items: center;}
.yeucau b {width: 150px;}

.global-fixed-right{position: fixed;right: 55px;bottom: 110px;z-index: 999;}
.global-fixed-right .item{margin-bottom: 10px;display: flex;align-items: center;justify-content: end;}
.global-fixed-right .item.zalo {position: relative;z-index: 999;transition: .4s;border-radius: 0 30px 30px 0;}
.global-fixed-right .item.zalo .cnt-hover {position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;z-index: 9999;flex-direction: column;align-items: start;justify-content: center;box-shadow: -3px 0px 5.4px 0px #67676740;border-radius: 30px 0 0 30px;display: none;transition: 1s;}
.global-fixed-right .item.zalo .cnt-hover b {display: block;}
.global-fixed-right .item.zalo:hover{background: #fff;}
.global-fixed-right .item.zalo:hover .cnt-hover{display: flex;left: -103px;transition: 1s;width: 190px;text-align: left;}
.global-fixed-right .item.zalo:hover .cnt-hover a {text-align: center;display: block;margin-bottom: 0px;margin-left: 24px;line-height: 22px;}
.global-fixed-right .cnt-hover a:hover {font-weight: 700;color: var(--color-global);}
#promotion-page .title-page .h-title{margin:0;float:left;background:#f52031;color:#fff;font-weight:400;font-size:18px;font-style:italic;line-height:40px;padding:0 15px;position:relative;margin-right:30px}
#promotion-page .title-page .h-title b{color:#fff62a;font-size:19px}
#promotion-page .title-page .h-title:after{content:'';display:block;width:0;border:solid 20px transparent;border-left-color:#f52031;position:absolute;top:0;right:-40px}
#promotion-page .title-page{line-height:40px;font-style:italic;font-size:14px;border:dashed 1px #ccc;margin-bottom:10px}
.page-program h1{margin: 20px 0;}
.page-program .red{color: red;}
.page-program .product-item{width: calc(20% - 10px);}

#promotion-page .title-page{line-height:40px;font-style:italic;font-size:14px;border:dashed 1px #ccc;margin-bottom:10px}
#promotion-page .list .item{width:380px;float:left;margin-left:30px;display:block;margin-bottom:20px;border-bottom:solid 1px #ddd;padding-bottom:15px;transition:all .2s ease}
#promotion-page .list{margin-left:-30px}
#promotion-page .list .item .img{width:100%;height:180px}
#promotion-page .list .item .title{font-size:16px;font-weight:700;display:block;margin:8px 0;color:#1a4388;text-align:center;line-height:22px;height:44px;overflow:hidden}
#promotion-page .list .item .time{color:#888;font-size:14px;text-align:center;display:block;font-style:italic}
#promotion-page .list .item:hover{opacity:.8}
#promotion-page .list .item .status{font-weight:400;color:#e00;display:block;text-align:center;margin-top:4px}
#list-zalo {border-radius: 10px;}
#list-zalo li {margin-bottom: 10px;}
#list-zalo li p {margin-right: 10px;}
#list-zalo li i{margin-right: 3px;}
.btn-back {padding: 10px;margin: 10px 0;background: var(--color-global);color: #fff;display: block;width: 150px;text-align: center;border-radius: 5px;}
.box-blog-relay .n-container {display: flex;}
.box-blog-relay .item{margin-bottom: 10px;}
.nd a{color: var(--color-global);}

.content-blog-detail table td{padding:12px;border: 1px solid #dedede;}
.nd ul li{list-style: inside;margin-left: 20px;}
.list-tag .item {padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;background: #dddd;border-radius: 5px;}
.box-question{background:#fff;padding:14px 12px;margin:12px 0;}
.boder-radius-10{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.box-question .title-question{font-size:20px;line-height:24px;color:#0a76e4;text-align:center;text-transform:uppercase;margin-bottom:8px}
.font-weight-500{font-weight:500}
.box-question .item-question{margin-bottom:10px;padding:10px 15px;border:1px solid #b8b8b8;color:#484848}
.font-weight-600{font-weight:600}
.box-question .content-question{font-size:14px;line-height:18px;margin-top:10px;display:none}
.box-question .content-question li{list-style:disc;margin-left:12px}
.blog-detail .content-blog-detail .product-name{color: #000;}

/* author */
.article-author-page .author-box{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:20px;margin-top:29px;margin-bottom:69px;padding:27px 40px 26px 80px;border-width:2px;border-style:solid;border-color:transparent;-o-border-image:-o-linear-gradient(0.62deg,#0038ff -3.69%,#27f2d5 96.93%);border-image:linear-gradient(89.38deg,#0038ff -3.69%,#27f2d5 96.93%);border-image-slice:2;-webkit-box-shadow:0 4px 14px rgba(0,0,0,.1);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.article-author-page .author-box:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-o-border-image:-o-linear-gradient(0.62deg,#27f2d5 -3.69%,#0038ff 96.93%);border-image:linear-gradient(89.38deg,#27f2d5 -3.69%,#0038ff 96.93%);border-image-slice:2}
.article-author-page .author-box:last-child{margin-bottom:0}
.article-author-page .author-box img{display:-webkit-box;display:-ms-flexbox;display:flex}
.article-author-page .author-avatar{width:190px;height:190px;margin:0 auto;border-radius:50%}
.article-author-page .author-info{margin-top:-56px}
.article-author-page .author-name{font-size:24px;line-height:32px;font-weight:600;text-align:center;color:#0676da;margin:16px 0 0}
.article-author-page .author-lorem{font-size:16px;line-height:20px;font-weight:400;text-align:justify;color:#717171;max-width:700px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.article-author-page .author-socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}
.article-author-page .author-paging .paging{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:10px 0 0;display:flex;}
.article-author-page .author-heading .a-routting{background:url(../images/author-bg-2.png) no-repeat;background-size:cover;background-position:left;height:304px}
.article-author-page .author-heading .a-routting-text{font-size:16px;line-height:20px;padding-top:24px;color:#fff}
.article-author-page .author-heading .a-routting-text a{color:#fff}
.article-author-page .author-heading .a-routting-text a:hover,.article-author-page .author-heading .a-routting-text a:last-child{color:#fff}
.article-author-page .author-heading .a-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-top:-160px;margin-bottom:53px}
.article-author-page .author-heading .a-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.article-author-page .author-heading .a-avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:250px;height:250px;border-radius:50%;margin-right:14px;object-fit: cover;}
.article-author-page .author-heading .a-name{display:inline-block;font-size:40px;line-height:30px;font-weight:600;color:#0676da;margin-bottom:0}
.article-author-page .author-heading .a-socials{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}
.article-author-page .author-heading .a-socials img{display:-webkit-box;display:-ms-flexbox;display:flex}
.article-author-page .author-heading .a-lorem{font-size:16px;line-height:20px;text-align:justify;color:#717171}
.article-author-page .author-heading .a-line{height:2px;margin:80px 0;background:-o-linear-gradient(.62deg,#27f2d5 -3.69%,#0038ff 96.93%);background:-o-linear-gradient(.62deg,#27f2d5 -3.69%,#0038ff 96.93%);background:-o-linear-gradient(.62deg,#27f2d5 -3.69%,#0038ff 96.93%);background:linear-gradient(89.38deg,#27f2d5 -3.69%,#0038ff 96.93%)}
.article-author-page .author-title{font-size:32px;line-height:38px;font-weight:600;color:#1988ec;margin-bottom:24px}
.article-page .article-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.article-author-page .art-item{height:312px!important}
.article-page .art-item{margin:0 30px 30px 0;width:calc(100% / 3 - 30px)}
.art-item{background:#f7f7f7;position:relative;overflow:hidden;height:312px}
.art-item .art-text{padding:12px 24px;position:relative;bottom:0;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
.article-page .art-time{display:block;margin-bottom:12px;font-size:14px;line-height:17px;color:#a3a3a3;font-weight:300}
.art-item .art-title{color:#000;font-weight:500;font-size:16px;line-height:19px;height:38px;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.art-item:hover .art-text{position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;background:-webkit-gradient(linear,left top,left bottom,from(#ffffffe6),to(#fff));background:-o-linear-gradient(#ffffffe6,#fff);background:linear-gradient(#ffffffe6,#fff);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-pack:end;-ms-flex-pack:end;justify-content:end;padding:24px;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
.art-item:hover .art-title{color:#005bad}
.art-item:hover .art-time{display:none}
.art-item .art-img{display:block;position:relative;padding-bottom:58%}
.art-item .art-img::before{content:'';position:absolute;left:0;bottom:0;right:0;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);z-index:1}
.art-item .art-img img{height: 100%;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;display: block;}
.art-item .art-cat{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.8);border-radius:20px;color:#005bad;font-size:12px;line-height:24px;padding:0 16px;z-index:1}
.art-item .art-hover {display: none;}
.art-item:hover .art-hover{display:block}
.art-item .art-summary{margin:10px 0 16px;color:gray;font-size:14px;line-height:18px;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.art-item .art-btn{color:#1988ec;font-weight:500;font-size:16px;line-height:19px;margin-top:16px;display:inline-block}
.article-page .paging a.current,.article-page .paging a:hover{background:#005bad;color:#fff;border-color:transparent}
.article-page .paging a{height:32px;line-height:32px;background:#fafafa;border:1px solid #cacaca;border-radius:6px;color:#a3a3a3;font-weight:600;display:block;text-align:center;}
.paging a.current,.paging a:hover{color:#fff;background:#1988ec;border-color:#1988ec;}
.paging a{width: 45px;height:40px;border-radius:8px;border:1px solid #bdc6d3;color:#212a36;background:#fff;margin:0 0 0 8px;font-size:16px;font-weight:700;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;text-align: center;line-height: 40px;}
.art-detail-info{background:#fafafa;margin-top:50px;padding:25px 40px}
.art-detail-info .art-info-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}
.art-detail-info .art-info-title .info-img{width:40px;height:40px;margin-right:16px}
.art-detail-info .art-info-title .info-title{margin:0;width:calc(100% - 56px);line-height:17px;color:#6b6b6b}
.art-detail-info .art-info-title .info-title b{display:block;font-weight:500;font-size:16px;line-height:19px;margin-bottom:3px}
.art-detail-info .art-info-title .info-title *{display:block}
.art-detail-info .info-content{margin:0;font-size:16px;line-height:19px}
.page-product-category .box-list-cate.new .item {margin-right: 5px;margin-bottom: 10px;padding: 10px;background: #dddd;border-radius: 5px;width: unset;}
.page-product-category .box-list-cate.new .list{padding: 0 10px;}
.page-product-category .box-list-cate.new .title{border: 0;}

.product-filter-group{margin:17px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-filter-group .group-title{width:100%}
.product-filter-group .filter-item{position:relative;margin:0 6px 6px 0}
.product-filter-group .current .box-title{background:#fef2f2;border-color:#EE1B25}
.product-filter-group .current .icon-down{background-position:-96px -124px}
.product-filter-group .current .icon-filter{background-position:-45px -81px}
.product-filter-group .current .filter-list-group{opacity:1;visibility:visible;z-index:5}
.product-filter-group .filter-list-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;left:-55px;background:#fff;border:1px solid #eee;border-radius:8px;-webkit-box-shadow:0 2px 20px rgba(0,0,0,0.3);box-shadow:0 2px 20px rgba(0,0,0,0.3);padding:10px;width:400px;-webkit-transition:.2s;transition:.2s;opacity:0;visibility:hidden;z-index:-10;margin-top:15px}
.product-filter-group .filter-list-group::after{content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;top:-10px;left:66px}
.product-filter-group .filter-list-group a{line-height:34px;color:#444;border:1px solid #e5e7eb;border-radius:10px;background:#f3f4f6;padding:0 10px;margin:0 8px 10px 0;font-size:12px;display:inline-block;white-space:nowrap}
.product-filter-group .filter-list-group a:hover,.product-filter-group .filter-list-group a.active{background:#fef2f2;border-color:#EE1B25}
.product-filter-group .filter-list-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:400px;overflow:auto}
.product-filter-group .filter-attr-group{width:800px}
.product-filter-group .filter-attr-group::after{left:80px}
.product-filter-group .box-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin:0;background:#F3F3F3;border:1px solid #DEDEDE;border-radius:8px;padding:0 10px;line-height:38px}
.product-filter-group .icon-down{margin-left:5px;width:9px;height:8px;background-position:-67px -124px;background-size:195px}
.product-filter-group .icon-filter{width:18px;height:38px;margin-right:6px;background-position:-45px -36px}
.product-filter-group .item{width:33.333%;margin-bottom:20px}
.product-filter-group .item .title{font-weight:700;margin-bottom:5px}
.filter-selected-group{margin:17px 0}
.filter-selected-group a{margin:0;background:#fef2f2;border:1px solid #EE1B25;border-radius:8px;padding:0 10px;line-height:38px;margin:0 6px 6px 0;font-size:12px;position:relative}
.filter-selected-group a::before{content:'\f057';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:3px}
.filter-selected-group .remove-filter::before{content:none}
.product-filter-group .group-title,.filter-selected-group .group-title {font-weight: 700;font-size: 15px;line-height: 18px;margin-bottom: 13px;text-transform: uppercase;
}
.product-filter-group .box-title i{margin-left: 5px;}
.filter-selected-group{margin:17px 10px}
.filter-selected-group a{margin:0;background:#fef2f2;border:1px solid #EE1B25;border-radius:8px;padding:0 10px;line-height:38px;margin:0 6px 6px 0;font-size:12px;position:relative;color: #EE1B25;}
.filter-selected-group a::before{content:'\f057';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:3px}
.filter-selected-group .remove-filter::before{content:none}
.product-filter-group.fixed{position:fixed;background:#fff;left:0;top:125px;width:100%;z-index:999;margin:0;box-shadow:0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);padding:10px 10px 2px}
.product-filter-group.fixed .group-title{display:none}
.product-filter-group.fixed .container-filter{width:1200px;margin:0 auto}
.blog-detail .content-blog-detail table td:first-child{font-weight: unset;}
.page-product-detail .group-btn{margin-right: -10px;}

.page-product-detail .item-option .boxcheck {display: block;border: 1px solid #D6D6D6;width: 18px;height: 18px;border-radius: 3px;margin-right: 10px;position: relative;margin-top: 1px;}
.page-product-detail .item-option .boxcheck::before{position: absolute;content: '\f00c';left: 2px;top: -3px;font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: var(--fa-style, 900);font-style: normal;display: none;color: #fff;font-size: 14px;}
.page-product-detail .item-option {width: calc(50% - 10px);margin-right: 10px;margin-bottom: 10px;padding: 10px;border: 1px solid #DDDDDD;border-radius: 8px;display:flex;}
.page-product-detail .item-option .info{width: calc(100% - 28px);}
.page-product-detail .item-option .info .name{font-size: 14px;font-weight: 400;margin-bottom: 7px;}
.page-product-detail .item-option.selected .boxcheck::before{display:block;}
.page-product-detail .item-option.selected .boxcheck{background: #0071B7;border: 1px solid #0071b7;}
.page-product-detail .item-option.selected,.page-product-detail .item-option:hover {outline: 1px solid #0071b7;border: 1px solid #0071b7;}
.page-product-detail .item-option .price-config{font-size: 16px;font-weight: 700;color: #ED0000;}
.page-product-detail .item-option.selected .name{font-weight: 700;}
.page-product-detail .item-option:hover .name{font-weight: 700;}


.page-product-detail .box-info-product {background: #fff;margin-top: 15px;padding: 10px;border-radius: 12px;box-shadow: 0px 0px 5px 0px rgba(103, 103, 103, 0.2509803922);}
.page-product-detail .box-info-product .top{margin-bottom: 5px;}
.page-product-detail .box-info-product .top .image{width: 70px;height: 70px;margin-right: 10px;}
.page-product-detail .box-info-product .name-pro{width: calc(100% - 80px);font-weight: 700;}
.page-product-detail .box-info-product .name-pro:hover{color: var(--color-global)}
.page-product-detail .box-info-product .group-gia .price{font-size: 20px;font-weight: 700; display: block;}
.page-product-detail .box-info-product .group-gia .old-price{font-size: 14px;font-weight: 400;margin-right: 5px;}
.page-product-detail .box-info-product .js-buyNow{background:#ed0000;color:#fff;height:35px;width:90px;display:block;text-align:center;line-height:35px;font-size:14px;border-radius:5px}
.page-product-detail .box-info-product .box-cart{width:35px;height:35px;margin-right:10px;border-radius:5px;border:1px solid #ed0000;color:#ed0000;display:flex;align-items:center;justify-content:center}
.page-product-detail .box-info-product .box-cart i{margin-top:3px}
.page-product-detail .box-info-product .box-cart:hover{background: red;color: #fff;}
.page-product-detail .box-info-product .giamgia{color: red;font-size: 13px;}

.blog-detail .archor-text-group{border:1px solid #b9b9b9;border-radius:5px;background:#fff;margin:15px 0 25px 0;width:60%}
.blog-detail .archor-text-group ul,.toc_container ol{margin:0;padding:0;list-style:none}
.blog-detail .archor-text-group ol{padding-left:0;list-style:decimal!important}
.blog-detail .archor-text-group .toc_title{font-size:19px;font-weight:700;padding:10px;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;position:relative;margin:10px;border-radius:5px;background:var(--color-global);color:#fff;text-transform:uppercase;cursor:pointer}
.blog-detail .archor-text-group .toc-content{padding:0 0 10px 0;font-size:13px;display:none}
.blog-detail .archor-text-group .toc-content ul>li{margin-left:20px;}
.blog-detail .archor-text-group .toc-content li{position:relative;list-style: none;}
.blog-detail .archor-text-group .toc-content ol li{position:relative;}
.blog-detail .archor-text-group .toc-content li a{font-weight:400}
.blog-detail .archor-text-group .toc-content ol li a{font-weight:400}
.blog-detail .archor-text-group .arrow-icon{border:1.3px solid #666;width:11px;height:11px;display:inline-block;border-left:0;border-bottom:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);cursor:pointer;opacity:.5}
.blog-detail .archor-text-group .toc_title .arrow-icon{position:relative;top:-4px;right:5px;border-width:2px}
.blog-detail .archor-text-group .arrow-icon:hover{opacity:1}
.blog-detail .archor-text-group .toc-content .arrow-icon{position:absolute;left:11px;top:10px;width:7px;height:7px}
.blog-detail .archor-text-group .arrow-icon::after{content:'';position:absolute;width:20px;height:20px;bottom:-6px;left:-6px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.blog-detail .archor-text-group .arrow-icon.right{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.blog-detail .archor-text-group .icon-bar{display:block;width:19px;height:17px;border:3px solid #222;border-left:0;border-right:0;position:absolute;left:10px}
.blog-detail .archor-text-group .icon-bar::before{content:'';position:absolute;left:0;right:0;height:3px;background:#222;top:4px}
.blog-detail .archor-text-group .toc-content ol li strong {font-weight: 400;}

/* tin tuc new */
.article-detail{}
.article-detail .time-view-article {padding-bottom: 10px;border-bottom: 1px solid #F5F5F5;margin-bottom: 15px;}
.article-detail .time-view-article .time {margin-right: 15px;color: #A3A3A3;}
.article-detail .time-view-article .view{color: #A3A3A3;}
.article-detail .time-view-article i{margin-right: 5px;}
.article-detail .article-left{}
.article-detail .article-left .box-anchor{box-shadow:0 4px 5.4px 0 rgba(103,103,103,0.2509803922);padding:15px;background:#fafafa;border-radius:10px;margin-top: 10px;width: 566px;}
.article-detail .article-left .nd *{line-height:23px}
.article-detail .article-left .nd table td{padding: 10px;border: 1px solid #ddd;}
.article-detail .article-right{}
.article-detail .list-banner-sale{margin-bottom:25px}
.article-detail .list-banner-sale img{display:block;border-radius:10px}
.article-detail .box-product-related .title{font-size:18px;font-weight:700;padding-bottom:10px;text-align:center;border-bottom:1px solid #eaeaea;text-transform:uppercase;margin-bottom: 10px;}
.article-detail .tag-share{margin-top:15px}
.article-detail .tag-share .tag a{display:block;padding:5px 10px;background:var(--color-global);color: #fff;border-radius:3px;margin-left:10px;margin-bottom: 7px;font-weight: 700;}
.article-detail .tag-share .share{width:126px;overflow:hidden}
.article-detail .box-author{margin-top:20px;padding:16px 18px;border-radius:10px;box-shadow:0 0 4px 2px rgba(0,113,183,0.1215686275)}
.article-detail .box-author .contact-author{margin-bottom:15px}
.article-detail .box-author .info-author{display:flex;align-items:center}
.article-detail .box-author .info-author img{width:40px;height:40px;display:block;-o-object-fit:contain;object-fit:contain;border-radius:50%;box-shadow:0 0 4px 2px rgba(0,113,183,0.1215686275)}
.article-detail .box-author .info-author .info{margin-left:7px}
.article-detail .box-author .info-author .name{font-size:15px;font-weight:700;text-transform:capitalize;margin-bottom:3px;display:block}
.article-detail .box-author .info-author .job-position{color:var(--color-global);margin-right:5px}
.article-detail .box-author .info-author .company{color:var(--color-global);margin-left:5px}
.article-detail .box-author .social-author p{margin-right:10px}
.article-detail .box-author .social-author a{margin-left:20px}
.article-detail .box-author .social-author i{color:#535665}
.article-detail .box-author .social-author i:hover{color:var(--color-global)}
.article-detail .box-author .desc-author{line-height:20px;font-size:15px}
.article-detail .box-article-related{margin-top:40px}
.article-detail .box-article-related .title{font-size:24px;font-weight:700;text-transform:uppercase}
.article-detail .tag-share .list {width: calc(100% - 50px);}
.article-detail .tag-share .tag {width: calc(100% - 140px);}
.article-detail .archor-text-group a,.article-detail .archor-text-group ol,.article-detail .archor-text-group span{color: #000 !important;font-size: 15px !important;}
.article-detail .archor-text-group ol{padding-left:15px;margin:0;font-weight:400}
.article-detail .archor-text-group ol:first-child{padding-left:0}
.article-detail #js-archor a.active{font-weight:700;color:var(--color-global)}
.article-detail .archor-text-group ul{margin-left:20px}
.article-detail .archor-text-group li{margin:10px 0;padding-bottom:0;line-height:20px}
.article-detail .archor-text-group li a:hover{font-weight:700}
.article-detail .archor-text-group .toc_title{font-size:18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;text-transform:uppercase}
.article-detail .archor-text-group .toc_title a{padding-left:15px}
.article-detail .archor-text-group li strong {font-weight: unset;}
#scroll-progress-container{position:fixed;top:86.5px;left:0;width:100%;height:3px;z-index:9999;}
#scroll-progress-bar{width:0;height:100%;background: linear-gradient(90deg, #005a92, #3d9cd6);transition:width .25s ease-out;}
.article-detail .box-product-related .product-item {width: 100%;margin-bottom: 10px;margin-right: 0;}
.article-detail .box-product-related .product-item .product-image{height: 155px;}
.article-detail .nd .list .product-item {width: 100%;margin-bottom: 10px;}
.article-detail .box-article-related .item-article {width: calc(100% / 3 - 15px);margin-right: 15px;}
.article-detail .box-article-related .item-article .name-aritcle {margin-bottom: 10px;font-size: 14px;}
.article-detail .box-article-related .item-article .image-article{height: 120px;}
.article-detail .box-article-related .image-article img{object-fit: cover;}
.article-detail .box-article-related .list{margin-top: 15px;}
.article-detail .box-product-related .product-name{font-size: 13px;}
.article-detail .item-article .time{font-size: 13px;}
.article-detail .article-mid .nd p{margin: 1em 0;}

/* feedback */
.customer_feedback{margin-top: 30px;}
.customer_feedback .left{width: 25%;margin-right: 10px;border-radius: 10px;}
.customer_feedback .left img {height: 100%;width: 100%;object-fit: contain;display: block;border-radius: 10px;}
.customer_feedback .right{width: 75%;background: url('../images/feedback-right.png') no-repeat;padding: 35px 12px;border-radius: 10px;background-size: cover;}
.customer_feedback .right .customer-title{font-size: 28px;text-align: center;font-weight: 600;color: #fff;padding: 10px 0 20px;text-transform: uppercase;}
.customer_feedback .list-image-customer .item{position: relative;display: inline-block;background-color: rgb(255, 255, 255);border-radius: 12px;width: 100%;height: 319px;}
.customer_feedback .list-image-customer .item img {width: 100%;height: 100%;border-radius: 10px;object-fit: cover;}
.hover-img{position:relative;overflow:hidden;display:block;}
.hover-img::before{content:"";position:absolute;top:0;left:-30%;bottom:0;width:0;height:100%;background-color:rgba(255, 255, 255, 0.5);-webkit-transition:none;transition:none;-webkit-transform:skewX(-25deg);transform:skewX(-25deg);}
.hover-img:hover::before{width:160%;background-color:rgba(255, 255, 255, 0);-webkit-transition:all .45s ease-out;transition:all .45s ease-out;z-index:2;}
.customer_feedback  .custom-nav .owl-nav button{opacity: .9;}
.page-product-detail .product-config-group{margin-top: 15px;}
.article-detail .article-mid .nd table td:first-child {font-weight: normal;}
.page-product-category{margin-bottom: 20px;}
.page-product-detail .item-option .info .name { cursor:pointer;}
.page-product-detail .item-option .info .name:hover::after {content: attr(title);position: absolute;background: #fff;height: fit-content;width: max-content;z-index: 1;padding: 10px;border-radius: 5px;box-shadow: 0 0 8px 0px #00000024;);inset: 50px;font-size: 14px;font-weight: 400;max-width: 20em;top: -50px;left: 0;border: 1px solid var(--color-global);}
.page-product-detail .item-option{}
.article-detail .article-mid .nd table td {padding: 0 10px;text-align: left;}
.article-detail .article-mid .nd h2 {text-transform: uppercase;font-size: 16px;font-weight: 700;margin: 1rem 0;}
.box-game-article .item{width: 100%;margin-right: 0;margin-bottom: 15px;display:flex;}
.box-game-article .n-info .tine-cmt-view{flex-direction: column;display: flex;gap: 5px;}
.box-game-article .n-info .n-name{display: -webkit-box;}
.box-game-article .n-info .cmt,.box-game-article .n-info .view{display:none;}
.box-article-list .article-list .item{margin-bottom: 15px;}
.product-item .p-attribute-summary{border-radius:6px;padding:8px;font-size:11px;flex-wrap:wrap;gap: 10px;min-height:50px;background:#ececec;margin-top: 10px;}
.product-item .p-attribute-summary.d-flex{display:flex}
.product-item .p-attribute-summary img{position:relative;width:14px;display:inline-block;margin-right:4px;border-radius:0}
.product-item .p-attribute-summary span{display:flex;align-items:center;line-height:1.2;color:#3a3a3a;height:fit-content}
.product-item .p-attribute-summary .attr-item{position:relative;cursor:help;cursor:pointer}
.product-item .p-attribute-summary .attr-item:before{content:attr(data-info);position:absolute;z-index:2;bottom:calc(100% + 5px);left: 0;background:#333;padding:3px 5px;border-radius:4px;white-space:nowrap;color:#cecece;transform:translateX(-20%);-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;opacity:0;visibility:hidden}
.product-item .p-attribute-summary .attr-item:after{content:"";position:absolute;bottom:calc(100% - 5px);left:20%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#333 transparent transparent;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;opacity:0;visibility:hidden}
.product-item .p-attribute-summary .attr-item:hover:after,.product-item .p-attribute-summary .attr-item:hover:before{opacity:1;visibility:visible}
.footer .social-media .item-youtube iframe{width: 100%;}
.article-detail .archor-text-group ol li a {font-weight: 700;}
.header .menu_holder .item-cate::after{position: absolute;content: '';left: -22px;bottom: -33px;width: 36px;height: 100px;display: none;}
.header .menu_holder .item-cate:hover::after{display: block;}
.header .menu-hover .item-holder .box-holder-last a:hover{color: var(--color-global);}
.page-product-category .product-item .tooltip-list{white-space: unset;margin: 20px 0;}
.page-product-category .product-item .tooltip-list ul{line-height: 23px;}
.article-detail .nd table{margin-top: 10px;}
.article-detail .nd table th {padding: 10px;border: 1px solid #ddd;}

/*** 1600 ***/
@media (min-width: 1600px) {
  body{font-size: 16px;}
  .page-cart .container-cart{max-width: 1000px;}
  .page-product-category .product-list .product-item{width: calc(100% / 6 - 12px);}
  .homepage .box-services .items{height: 85px;}
  .homepage .box-services .txt b{font-size: 16px;}
  .homepage .box-services .txt p{font-size: 15px;}
  .page-product-detail .product-images-detail{width: 510px;margin-right: 15px;}
  .page-product-detail .product-info-detail{width: calc(100% - 510px - 390px)}
  .page-product-detail .product-images-detail .image-big{height: 455px;}
  .page-product-detail .btn-buy{font-size: 20px;height: 65px;line-height: 65px;}
  .page-product-detail .btn-phone{height: 65px;line-height: 65px;}
  .page-product-detail .product-info-right{width: 390px;margin-left: 15px;}
  .customer_feedback .list-image-customer .item{height: 445px;}
  .box-review .avg-rate-item .rate-number{width: 35px;}
  .article-detail .article-left{width:1190px;}
  .article-detail .article-right{width: calc(100% - 1190px - 20px);}
  .article-detail .box-product-related .product-item .product-image{height: 250px;}
  .product-item .product-image{height: 250px;}
  .page-product-detail .item-option .boxcheck::before{top: -3px;left: 1px;}
  .page-product-detail .product-images-detail .image-thumb .item img{height: 110px;}
  .n-info .n-name{font-size: 20px;}
  .article-author-page .art-item{height: 390px!important;}
  .page-product-detail .product-images-detail .image-big img{height: 455px;object-fit: contain;}
  .product-item .p-attribute-summary{gap: 15px;}
  .item-article .name-aritcle{height: 38px;}
  .article-detail .box-article-related .list{grid-template-columns: repeat(4, minmax(0, 1fr));}
  .item-phongban .right-phongban{height: 350px}
  .article-detail .archor-text-group ol li a,#js-outp li::before{font-size: 18px !important;}
  #js-outp ol ol li a,#js-outp li::before{font-size: 16px !important;}
  
}