body {


    font-family: 'Inter', sans-serif !important;


}


a {


    cursor: pointer;


    text-decoration: none;


    outline: 0;


    transition-property: background-color, border-color, height, width, color;


    -webkit-transition-property: background-color, border-color, height, width, color;


    -o-transition-property: background-color, border-color, height, width, color;


    transition-duration: .2s;


    -webkit-transition-duration: .2s;


    -o-transition-duration: .2s;


    transition-timing-function: ease-in;


    -webkit-transition-timing-function: ease-in;


    -o-transition-timing-function: ease-in


}


a:hover {


    text-decoration: none


}


a:focus {


    -moz-outline-style: none;


    border: 0;


    outline: 0;


    text-decoration: none


}


.pd-0 {


    padding: 0


}


.bgColor-2 {


    background-color: #f6f6f6


}


.tl-page h1 {


    font-size: 24px;


}


.hdWiget h3 {


    font-size: 18px;


}


.newsother ul {


    padding-left: 15px;


}


.newsother ul a {


    color: #333;


}

.position-relative {
    position: relative;
    /*padding-left: calc(var(--fields-gap, 1rem) / 2);
    padding-right: calc(var(--fields-gap, 1rem) / 2);*/
}

.position-relative .form-control {
    padding-inline-start: var(--inputs-height, 2em);
}

.position-relative i {
    position: absolute;
    z-index: 1;
    top: var(--inputs-border-width, 4px);
    inset-inline-start: var(--inputs-border-width, 5px);
    font-size: var(--inputs-font-size, inherit);
    line-height: var(--inputs-height, 2em);
    width: var(--inputs-height, 2em);
    color: var(--inputs-text-color, inherit);
    text-align: center;
    pointer-events: none;
    transition: color .2s;
}

.invalid-feedback {
    font-size: 0.9em;
    height: 0;
    opacity: 0;
    transition-property: height, padding, opacity;
    transition-duration: 0.3s;
}

.from-group {
    margin-bottom: 15px;
}

.btn-submit-price {
    text-align: center;
    width: 100%;
    padding: 11px;
}

.btn-submit-price i {
    margin-right: 0.5em;
}

.pad-left-0 {
    padding-inline-start: var(--inputs-height, 10px) !important;
}

.row-custom-form {
    margin-left: -15px;
    margin-right: -15px;
}

.form-input-default {
    width: 160px;
    display: inline-block;
}

.form-label-width label {
    min-width: 227px;
}

.fa-badge-check:before {
    content: "\f336";
}

.banner-cube {
    display: block;
    text-align: center;
    padding-top: 75px !important;
}

.banner-cube img {
    margin: auto;
}

.main-cube .container {
    max-width: 1024px;
}

.title-page-register {
    text-align: center;
    font-weight: bold;
}

.desc-page-register {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

.main-hotline-register {
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
}

.main-hotline-register a {
    color: red;
}

#essForm label {
    cursor: pointer;
}

.form-title {
    color: #2f9805;
    font-weight: bold;
}

#slidebanner {
    text-align: center;
}

#slidebanner img {
    margin: auto;
}

.btn-show-form {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    padding: 5px 15px;
    margin: auto;
    border-radius: 4px;
    text-transform: uppercase;
    max-width: 100%;
    text-align: center;
    background: #ff660c;
    border: none;
    height: 40px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
}

.shortcode-form-btn a {
    font-size: 14px;
}

.shortcode-form-btn a:hover {
    color: #fff !important;
    background: #cd5107;
}

.main-content-cate {
    padding: 15px;
}

.code_check {


    height: 217px;


    border: 1px solid #d9d9d9; /*font-family: "microsoft yahei";*/


    font-family: 'Inter', sans-serif;


    color: #696a6e;


    text-decoration: none;


    display: block;


    display: flex;


    align-items: center;


}


.download {


    display: none !important;


}


.code_check_info {


    display: flex;


    align-items: center;


    margin: auto;


}


.image-code-check {


    margin-right: 20px;


}


.title-code-check {


    font-size: 18px;


}


.code_check_info a {


    height: auto !important;


    padding: 0 !important;


    border: none !important;


}


.code_check_info a:hover {


    padding: 0 !important;


    border: none !important;


    box-shadow: none !important;


}


.carousel-indicators .download-album {


    display: none;


}


.product-container .carousel-indicators li {


    margin-bottom: 3px;


}


.download-album {


    position: absolute;


    bottom: 0;


    right: calc(50% - 36px);


    z-index: 99999;


    background: rgb(0 0 0 / 23%);


    padding: 3px 5px;


}


.container-header {


    width: 1470px;


    margin: auto;


    max-width: 100%;


}


.title_sanphamkhac {


    font-size: 16px;


    margin: 13px 0px;


}


.title_sanphamkhac a {


    color: #333;


}


.title_sanphamkhac a:hover {


    color: #fdd000;


}


.title_spcungloai {


    font-size: 21px;


}


#navbar {


    float: right;


}


.search {


    float: right;


    width: 214px;


    padding-top: 16px;


    margin-bottom: 5px;


}


#BtnSearch {


    border: none;


    outline: inherit;


    height: 34px;


    background: #fccc00;


    border-radius: 0 3px 3px 0;


}


#BtnSearch img {


    width: 20px;


}


/* --------------------- Phan trang ------------------*/


.phantrang {


    min-height: 32px;


    margin: 10px 0;


    text-align: center;


}


.phantrang a {


    text-align: center;


    display: inline-block;


    font-size: 12px;


    position: relative;


    padding: 5px 12px;


    margin-right: -1px;


    border: 1px solid #ddd;


    background: #fafafa;


    color: #666;


    cursor: pointer;


    height: 32px;


}


.phantrang span {


    text-align: center;


    display: inline-block;


    padding: 3px 12px;


    font-weight: bold;


    padding-bottom: 5px;


    position: relative;


    margin-right: -1px;


    text-decoration: none;


    border: 1px solid #ddd;


    z-index: 2;


    color: #fff;


    cursor: default;


    background-color: #fabe00;


    border-color: #fabe00;


    height: 32px;


}


.phantrang a:hover {


    color: #fff;


    background-color: #fabe00;


    border-color: #fabe00;


    cursor: pointer;


}


.single_add_to_cart_button {


    display: inline-block;


    font-size: 16px;


    text-decoration: none;


    padding: 5px;


    margin: auto;


    border-radius: 4px;


    text-transform: uppercase;


    width: 159px;


    max-width: 100%;


    text-align: center;


    background: #fec200;


    border: none;


    height: 40px;


    font-weight: bold;


}


.single_add_to_cart_button:hover {


    color: #ff0c0c;


}


.qty {


    width: 60px;


    margin-right: 15px;


    height: 38px;


    border: 1px solid #ccc;


    padding: 7px;


}


.cart {


    display: inline-flex;


    align-items: center;


}


.w-text-h {


    font-weight: bold;


}


.menu-li-list-blogs {


    position: absolute;


    top: 100%;


    left: 0;


    background-color: #fff;


    padding: 20px 0px;


    display: none;


    box-shadow: 0 1px 2px #444;


    padding-top: 0;


    width: 250px; /* padding-left: 25px; */


    list-style: none;


    padding-bottom: 0;


}


.menu-li:hover .menu-li-list-blogs {


    display: block !important;


}


.menu-li-list-blogs > li {


    border-top: 1px solid gainsboro;


    padding: 6px 10px;


}


.menu-li-list-blogs > li > a {


    color: #333;


}


.container-header-bk {

    width: 1350px;

    margin: auto;

    position: relative;

    max-width: 100%;

}


.gsc-control-cse {

    padding: 0 !important;

    background: none !important;

    border: none !important;

}


.gsc-search-button {

    display: none !important;

}


.cart_banner {


    background: #fec200;


    color: #fff;


    text-align: center;


    display: inline-block;


    height: 34px;


    width: 38px;


    line-height: 16px;


    font-size: 18px;


    position: absolute;


    padding-top: 10px;


    top: 0;


    right: 0;


    border-radius: 3px;


}


.search .input-group {


    padding-right: 43px;


}


#total_item_cart {


    position: absolute;


    top: -9px;


    right: -6px;


    font-weight: normal;


}


.hl_content_checkout {


    background: #fff;


}


.title_product_pay {


    font-size: 15px;


    line-height: 19px;


    margin: 0;


}


.title_product_pay a {


    color: #000;


}


.hl_to_cart {


    border-bottom: 1px solid gainsboro;


    padding: 5px 0px;


}


.hl_total_mn {


    font-size: 16px;


    padding: 10px 0;


    font-weight: bold;


}


.hl_total_mn span {


    color: red;


}


.title_h2_pay {


    font-size: 19px;


    border-bottom: 1px solid gainsboro;


    padding-bottom: 6px;


}


@media (min-width: 768px) and (max-width: 1000px) {


    .container {


        width: 100%


    }


    .navbar-nav > li > a {


        padding: 0 5px


    }


}


@media (min-width: 1200px) {


    .container {


        width: 1250px


    }


}


.container-layout {


    padding-top: 68px


}


.p-header {


    position: relative;


    width: 100%


}


.navbar {


    filter: Alpha(opacity=90);


    background-color: #22252a;


    background: rgba(34, 37, 42, 0.9);


    min-height: 44px


}


.navbar-brand {


    height: 44px;


    padding: 15px 15px


}


.navbar-brand > img {


    width: 100px


}


.navbar-toggle {


    padding: 6px 4px


}


.navbar-nav > li > a {


    padding-top: 11px;


    padding-bottom: 11px


}


@media (min-width: 768px) {


    .navbar-brand {


        padding: 25px 15px


    }


    .navbar-toggle {


        padding: 9px 10px;


        margin-top: 15px


    }


    .navbar-nav > li > a {


        padding-top: 24px;


        padding-bottom: 24px


    }


}


@media (min-width: 820px) {


    .navbar {


        min-height: 68px


    }


    .navbar-brand {


        height: 68px;


        padding: 20px 15px


    }


    .navbar-brand > img {


        width: auto


    }


}


.navbar-inverse .navbar-nav > li > a {


    color: #fff


}


.navbar-inverse .navbar-nav > li > a:hover {


    color: #fdd000


}


.navbar-inverse .navbar-nav > li > .active {


    color: #fdd000


}


@media (min-width: 1200px) {


    .navbar-nav > li > a {


        padding: 24px 10px;


    }


}


.nav > li {


    position: relative


}


.nav .menu-li .menu-li-list {


    width: 1220px;


    position: absolute;


    top: 100%;


    left: 0;


    background-color: #fff;


    padding: 20px 0px;


    display: none;


    box-shadow: 0 1px 2px #444;


    padding-top: 0;


    max-height: 92vh;


    overflow-y: scroll;


}


.nav .menu-li:hover > .menu-li-list {


    display: inline-block;


}


.nav .menu-li .link-item {


    padding: 0


}


.nav .menu-li .link-item a {


    display: block;


    line-height: 40px;


    text-align: center;


    text-decoration: none;


    color: #484848


}


.nav .menu-li .link-item a:hover {


    color: #fdd000


}


.navbar .menu-li-list .list-class-pro {


    position: relative;


    width: 100%


}


.navbar .menu-li-list .list-pro {


    margin-bottom: 20px;


    width: 14.28%;


    overflow: hidden;


    float: left


}


.navbar .list-pro .list-pro-img {


    width: 160px;


    overflow: hidden;


    text-align: center;


    margin: 0;


    width: 100%;


    border-right: 1px solid #38528c;


    background: url(../images/subnav_bg2_03.png) repeat-x;


    background-size: auto auto;


    padding: 20px 0px;


    background-size: 100% 100%;


}


.navbar .list-pro .list-pro-img img {


    height: 24px;


    width: auto; /*background: url(../images/subnav_bg2_03.png);    background-size: auto auto;    background-size: 100% 100%;*/ /*width: 100%;*/


}


.name_product_list a {


    color: #fff;


    padding-top: 5px;


}


.name_product_list a:hover {


    color: #fdd000;


}


.navbar .list-pro .list-pro-img:hover {


    background: url(../images/subnav_over_bg.png) no-repeat;


    background-size: 100%;


}


.list-pro-text a {


    color: #333;


    transition: all 0.5s;


}


.list-pro-text a:hover {


    color: #fdd000;


    text-indent: 3px;


}


.navbar .list-pro .list-pro-img a {


    display: block;


    text-align: center


}


.navbar .list-pro .list-pro-text {


    line-height: 15px;


    font-size: 12px;


    overflow: hidden;


    padding: 10px 5px;


    color: #fdd000;


    margin-left: 15px;


}


.navbar .list-pro .list-pro-text > a {


    text-decoration: none;


    display: block;


    padding-bottom: 10px;


    color: #222;


    font-size: 12px;


    white-space: nowrap;


    text-overflow: ellipsis;


    overflow: hidden


}


.navbar .list-pro .list-pro-text > a:hover strong {


    color: #fec200


}


.navbar .list-pro .list-pro-text strong {


    display: block;


    font-size: 16px;


    color: #484848


}


.nav .menu-li > a:hover, .menu .menu-li a.select {


    color: #fdd000


}


.nav .menu-li > a span {


    display: inline-block;


    width: 21px;


    height: 21px;


    line-height: 21px;


    position: relative;


    top: 0;


    left: 5px;


    color: #484848;


    font-size: 12px;


    background-color: #fdd000


}


.navbar .menu-automax-box {


    position: relative


}


.navbar .header-nav-menu {


    position: absolute;


    top: 0;


    left: 0;


    z-index: 24;


    width: 100%;


    height: 229px;


    border-top: 1px solid #e0e0e0;


    background: #fff;


    overflow: hidden;


    _zoom: 1;


    border-bottom: 1px solid #e0e0e0;


    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18);


    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18);


    -webkit-transition: -webkit-box-shadow .2s;


    transition: box-shadow .2s;


    display: none


}


.navbar .header-nav-menu ul {


    margin: 0;


    padding: 0;


    list-style-type: none;


    font-size: 12px


}


.navbar .header-nav-menu ul li {


    position: relative;


    float: left;


    width: 180px;


    padding: 35px 12px 0;


    text-align: center


}


.navbar .menu-automax-box .list-pro {


    width: 16%;


    padding: 20px 12px 0


}


.lay-banner {


    padding: 85px 0 0 0;


    display: none


}


@media (min-width: 500px) {


    .lay-banner {


        padding: 0


    }


}


.lay-banner .carousel-control {


    opacity: 0


}


.lay-banner:hover .carousel-control {


    opacity: 1;


    -webkit-transition: opacity .3s cubic-bezier(.73, .03, .31, 1);


    -moz-transition: opacity .3s cubic-bezier(.73, .03, .31, 1);


    transition: opacity .3s cubic-bezier(.73, .03, .31, 1)


}


.carousel-indicators li {


    background-color: #666;


    border: 0


}


.carousel-indicators .active {


    background-color: #fbcb00


}


.carousel-inner > .item {


    text-align: center


}


.carousel-inner > .item > a {


    display: block;


    text-align: center


}


.carousel-inner > .item > img, .carousel-inner > .item > a > img {


    display: inline-block


}


.banner-small {


    min-height: 130px;


    margin: 0 auto;


    position: relative;


    overflow: hidden;


    background-color: #fabe00;


    padding: 0;


    display: none


}


.banner-small .column {


    padding: 0


}


.banner-small .column a {


    width: 100%;


    height: 100%;


    position: relative;


    text-align: center;


    border-top: 2px solid #fff;


    border-right: 2px solid #fff;


    display: block


}


.banner-small .column img {


    width: 100%


}


.banner-small .column img:hover {


    opacity: 0.95


}


.index-news {


    margin: 0 auto;


    position: relative;


    overflow: hidden;


    padding: 20px 0; /* margin-top: 20px; */


    padding-bottom: 0;


}


.type-name {


    height: 26px;


    line-height: 26px;


    padding: 0;


    margin: 0;


    font-size: 21px;


    display: inline-block;


    vertical-align: middle;


    text-transform: uppercase;


}


.index-news .type-more {


    display: inline-block;


    padding: 3px 20px;


    color: #999;


    text-align: center;


    box-sizing: border-box;


    font-size: 12px;


    margin-left: 15px;


    float: right;


}


.thumbnail {


    margin-bottom: 0;


}


.index-news .type-more:hover {


    text-decoration: none;


    color: #fdd000;


    border-color: #fdd000


}


.index-news .index-news-list {


    margin-top: 25px


}


.index-news .thumbnail {


    border: 0;


    border-radius: 0;


    background-color: #f2f2f2;


    padding: 0;


    height: 282px;


    object-fit: cover;


    overflow: hidden;


}


@media (min-width: 768px) {


    .index-news .thumbnail {


        background-color: #fff; /*padding: 4px;*/


    }


}


.index-news .caption {


    padding-left: 0;


    padding-right: 0;


    background-color: #fff


}


.index-news .caption h4 {


    white-space: nowrap;


    text-overflow: ellipsis;


    width: 90%;


    overflow: hidden


}


.index-news .index-news-list > a {


    color: #000;


    display: block


}


.index-news .index-news-list a:hover, .index-news .index-news-list a:hover h4 {


    color: #fdd000;


    text-decoration: none;


    -webkit-transition: color .3s cubic-bezier(.73, .03, .31, 1);


    -moz-transition: color .3s cubic-bezier(.73, .03, .31, 1);


    transition: color .3s cubic-bezier(.73, .03, .31, 1)


}


.index-news .index-news-list p {


    height: 60px;


    text-overflow: ellipsis;


    overflow: hidden;


}


.index-news .index-news-list p {


    color: #666


}


.footer {


    position: relative


}


.footer .company {


    padding-bottom: 70px;


    color: #4d4d4d;


    padding: 30px 10px 0;


    background-color: #f2f2f2;


    margin-bottom: 0


}


.footer .company dl {


    margin-right: 5px;


    height: auto;


    margin: 0;


    border-bottom: 1px solid #e3e3e3


}


@media (min-width: 768px) {


    .footer {


        margin-top: 30px


    }


    .footer .company {


        background-color: #fff;


        padding: 0


    }


    .footer .company dl {


        width: 100px;


        float: left;


        padding: 0 15px;


        border: 0


    }


}


@media (min-width: 785px) {


    .footer .company dl {


        padding-right: 5px


    }


}


@media (min-width: 1000px) {


    .footer .company dl {


        margin-right: 20px;


        width: 225px


    }


}


.footer .company dt {


    padding: 10px;


    position: relative;


    font-size: 18px;


    font-weight: 500;


    color: #333


}


.footer .company dt > a {


    color: #333;


    display: none;


    font-size: 14px;


    font-weight: 600


}


.footer .company dt > a.collapsed {


    font-weight: 500


}


.footer .company dt > a::after {


    content: '\2715';


    float: right;


    font-weight: normal;


    margin-right: 8px;


    font-size: 12px;


    -webkit-transition: -webkit-transform .3s ease;


    transition: -webkit-transform .3s ease;


    transition: transform .3s ease;


    transition: transform .3s ease, -webkit-transform .3s ease


}


.footer .company dt > a.collapsed::after {


    -webkit-transform: rotate(45deg) scale(1.08);


    -ms-transform: rotate(45deg) scale(1.08);


    transform: rotate(45deg) scale(1.08)


}


.footer .company dd {


    padding: 0 14px


}


.footer .company dd a {


    display: block;


    white-space: nowrap;


    text-overflow: ellipsis;


    overflow: hidden;


    padding: 5px 0;


    font-weight: 500;


    color: #666


}


@media (min-width: 768px) {


    .footer .company dt {


        background-color: #fff;


        padding: 5px 0 0px 0


    }


    .footer .company dd {


        padding: 0;


        display: block


    }


    .footer .company dd a {


        color: #4d4d4d;


        padding: 0 20px 0 0


    }


    .footer .company dd .collapse {


        display: block


    }


}


@media (min-width: 768px) {


    .footer .company .service-sort {


        width: 180px


    }


}


@media (min-width: 768px) {


    .footer .company .shop-link dd a {


        background-image: url(../images/contactus.png);


        background-repeat: no-repeat;


        text-indent: -9999em;


        width: 115px;


        height: 30px;


        display: block;


        margin-bottom: 5px


    }


}


.footer .company .shop-1 {


    background-position: -13px -15px


}


.footer .company .shop-2 {


    background-position: -13px -45px


}


.footer .company .shop-3 {


    background-position: -13px -80px


}


.footer .company .shop-4 {


    background-position: -13px -110px


}


.footer .company .shop-5 {


    background-position: -13px -140px


}


.footer .company dd a {


    text-decoration: none; /*font-size: 14px;*/


    line-height: 28px


}


.footer .company dl a:hover {


    color: #fccc00


}


@media (min-width: 768px) {


    .footer .company .company-tel {


        border-left: 1px solid #eaeaea;


        padding-left: 40px;


        width: 240px


    }


}


@media (min-width: 1200px) {


    .footer .company .company-tel {


        width: 490px


    }


}


.footer .company .company-tel dd {


    padding: 10px


}


@media (min-width: 768px) {


    .footer .company .company-tel dd {


        padding: 5px 0


    }


}


.title_uyquyen {


    font-size: 14px;


    margin-bottom: 15px;


    display: inline-block;


}


.footer .company .company-tel .app-link a {


    display: inline-block;


    width: 32px;


    text-align: center; /*font-size: 12px;*/


    margin-right: 5px;


    overflow: hidden;


    padding-right: 0;


}


.footer .company .company-tel i {


    width: 35px;


    height: 30px;


    display: block;


    background: url(../images/contactus.png) 0 0 no-repeat;


    background-size: 99px;


}


.footer .company .app-link {


    margin-top: 20px


}


.footer .company .app-1 i {


    background-position: 0px -90px;


}


.footer .company .app-2 i {


    background-position: -39px -91px;


}


.footer .company .app-3 i {


    background-position: -72px -91px;


}


.footer .company .app-4 i {


    background-position: 0px -119px;


}


.footer .company .app-5 i {


    background-position: -37px -119px;


}


.footer .copyright {


    background-color: #44454a;


    color: #bebfc2;


    padding: 10px 15px;


    font: 500 12px/24px "microsoft yahei"


}


.footer .copyright-info {


    max-width: 1250px;


    margin: 0 auto


}


.footer .copyright-info .copyright-info-link a {


    text-decoration: none;


    color: #bebfc2


}


.footer .copyright-info .copyright-info-link dt, .footer .copyright-info .copyright-info-link dd {


    float: left


}


.footer .copyright-info .copyright-info-link dd {


    margin-right: 10px


}


.footer .copyright-info .copyright-lt {


    float: left;


    padding: 10px 0


}


.footer .copyright-info .copyright-info-ico {


    width: 300px;


    height: 65px;


    line-height: 65px;


    float: left


}


.footer .copyright-info .lang {


    line-height: 65px;


    float: right


}


.footer .copyright-info .lang a {


    color: #fff;


    text-decoration: none


}


.news-content {


    background-color: #fff


}


.news-content .n-banner {


    margin-bottom: 9px;


    background-color: #fff;


    display: none


}


.news-content .news-banner-box .column {


    padding-right: 0;


    padding-left: 0


}


.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {


    background-color: #fabe00


}


.news-main .n-list {


    background-color: #fff;


    margin-bottom: 30px


}


@media (min-width: 768px) {


    .news-main .n-list {


        padding: 9px


    }


    .news-content .n-banner {


        padding: 9px


    }


    .news-content .news-banner-box .column {


        padding-right: 15px;


        padding-left: 15px


    }


}


.news-main .n-list-class {


    font-size: 12px;


    color: #d9d9d9;


    margin-top: 20px;


    border-bottom: 1px solid #d9d9d9;


}


@media (max-width: 350px) {


    .nav-pills > li {


        float: none


    }


}


.news-main .n-list-class a {


    font-size: 16px;


    text-decoration: none;


    color: #030509


}


.news-main .n-list-count {


    margin: 15px 0;


    padding: 15px 0;


    border-bottom: 1px solid #efefef


}


.news-main .n-list-count .column {


    padding-right: 0;


    padding-left: 0


}


@media (min-width: 768px) {


    .news-main .n-list-count .column {


        padding-right: 15px;


        padding-left: 15px


    }


}


.news-main .list-img {


    text-align: center;


    padding-bottom: 15px


}


.news-main .list-img a {


    display: block


}


.news-main .list-img img {


    max-width: 100%


}


.news-main .list-text {


    overflow: hidden


}


.news-main .list-text h2 {


    margin: 0;


    padding: 0;


    font-size: 18px;


    font-weight: 500


}


.news-main .list-text h2 a {


    text-decoration: none;


    color: #35373a


}


.news-main .list-text h2 a:hover {


    color: #faca00


}


.news-main .list-text p {


    padding-top: 10px


}


.news-main .list-text-i {


    margin-top: 10px;


    font-size: 14px


}


.news-main .list-text p {


    font-size: 13px


}


.new-in-more {


    display: inline-table;


}


.news-top {


    margin-bottom: 30px;


    padding: 0


}


.news-top .n-list-right {


    padding: 0 20px;


    background-color: #fff


}


.news-top .n-select-datetime {


    padding: 15px 0


}


.news-top .head-dtime-bg {


    background: #fccc00 url(../images/news_dtime_bg.jpg) 50% 0 no-repeat;


    height: 82px;


    line-height: 82px;


    text-align: center


}


.news-top .head-dtime-bg span {


    font-size: 34px;


    color: #fccc00;


    font-weight: bold


}


.news-top .n-hot-list h5 {


    font-size: 18px;


    font-weight: 500;


    margin: 0;


    padding: 0;


    padding-top: 0px;


    padding-bottom: 0px;


    padding-top: 28px;


    padding-bottom: 10px;


}


.news-top .n-hot-list-count {


    margin: 18px 0;


    background-color: #f2f2f2;


    padding: 10px


}


.news-top .n-hot-list-count .hot-img {


    text-align: center;


    padding: 0


}


.news-top .n-hot-list-count .hot-img img {


    max-width: 100%;


    border-radius: 10px


}


.news-top .n-hot-list-count .hot-title {


    padding: 10px


}


.news-top .n-hot-list-count .hot-title a {


    text-decoration: none;


    color: #35373a;


    font-size: 12px;


    display: block;


    text-align: center


}


@media (min-width: 992px) {


    .news-top .n-hot-list-count .hot-title a {


        text-align: left


    }


}


.news-top .n-hot-list-count .hot-title a:hover {


    color: #faca00


}


.news-top .ImgCode {


    margin-top: 40px;


    height: 400px;


    position: relative


}


.news-top .ImgCode ul li {


    font-size: 18px;


    text-align: center


}


.news-top .ImgCode ul li a {


    text-decoration: none;


    color: #333


}


.news-top .ImgCode ul li a:hover span {


    display: block


}


.news-top .ImgCode ul li span {


    position: absolute;


    width: 100%;


    height: 258px;


    overflow: hidden;


    top: 100px;


    left: 0;


    display: none;


    text-align: center


}


.news-top .ImgCode p {


    font-size: 18px;


    color: #fccc00


}


.news-top .news-more-link {


    color: #333;


    border-top: 1px #f1f1f1 solid;


    text-align: center;


    padding: 15px 0


}


.news-top .news-more-link a {


    color: #fff;


    display: block;


    font-size: 16px


}


.news-top .news-more-link a:hover {


    text-decoration: none


}


.news-content {


    padding-left: 0;


    padding-right: 0


}


.content-detail {


    margin: 0


}


@media (min-width: 768px) {


    .news-content {


        background-color: #f6f6f6;


        margin-top: 30px


    }


    .news-banner-box {


        margin-bottom: 30px


    }


    .news-top {


        padding-right: 15px;


        padding-left: 15px


    }


    .news-top .n-hot-list-count {


        background-color: #fff;


        padding: 0


    }


}


.news-main .n-list .conl-page {


    border-top: 0


}


@media (min-width: 992px) {


    .news-main .n-list-count {


        border: 0


    }


    .news-main .n-list .conl-page {


        border-top: solid 1px #e9e9e9


    }


}


.news-content h2.C-Title {


    color: #fdd000;


    display: block;


    font-size: 24px;


    margin: 0;


    padding: 0 0 10px;


    font-weight: normal;


    display: none


}


.news-main-show .N-Content-word {


    margin-bottom: 9px;


    padding-bottom: 20px;


    background-color: #fff


}


.news-main-show .N-Content-title {


    text-align: center;


    border-bottom: 1px solid #f1f1f1


}


.news-main-show .N-Content-title h3 {


    color: #333;


    font-size: 24px;


    padding-bottom: 10px;


    margin: 0;


    font-weight: normal


}


.news-main-show .N-Content-title p {


    color: #666;


    font-size: 14px


}


.news-main-show .N-Content-view {


    overflow: hidden;


    color: #666;


    font-size: 14px;


    line-height: 1.5em;


    padding: 15px 0


}


.news-main-show .N-Content-view img {


    max-width: 100%;


    height: auto !important;


    margin-bottom: 15px;


    margin-top: 15px;


}


.news-main-show .N-Content-view p { /*margin: 0;*/


}


.news-main-show .N-Content-more {


    padding: 20px 40px;


    border-top: 1px #f1f1f1 solid


}


@media (min-width: 768px) {


    .news-content h2.C-Title {


        display: block


    }


    .news-main-show .N-Content-word {


        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)


    }


    .news-main-show .N-Content-title {


        padding: 40px 40px 10px


    }


    .news-main-show .N-Content-view {


        margin: 0 15px 0


    }


}


.PageContent {


    margin-bottom: 40px;


    padding: 0


}


.page-dropdownlist {


    margin: 10px 0


}


.PageContent .PageContent-head h2 {


    margin: 0;


    padding: 0;


    position: relative;


    left: 0;


    top: 0;


    overflow: hidden;


    font: 500 16px/58px arial;


    text-indent: 10px;


    color: #444;


    background-color: #fec200


}


.PageContent .PageContent-box {


    overflow: hidden


}


.PageContent .PageContent-box-nav {


    float: left;


    background-color: #fff;


    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);


    margin-left: 1px;


    margin-bottom: -9999px;


    padding-bottom: 9999px


}


.PageContent .PageContent-box-nav ul {


    padding: 0 10px;


    list-style: none


}


.PageContent .PageContent-box-nav ul li {


    height: 60px;


    padding-right: 60px;


    overflow: hidden;


    white-space: nowrap;


    text-overflow: ellipsis


}


.PageContent .PageContent-box-nav ul li + li {


    height: 60px;


    border-top: 1px dotted #d9d9d9


}


.PageContent .PageContent-box-nav ul li.active a {


    color: #faca00


}


.PageContent .PageContent-box-nav ul li a {


    display: block;


    height: 60px;


    line-height: 60px;


    padding: 0 20px;


    text-decoration: none;


    font-size: 16px;


    color: #030509;


    overflow: hidden;


    outline: 0


}


.PageContent .PageContent-box-nav ul li a:hover {


    color: #faca00


}


.PageContent .PageContent-box-view {


    overflow: hidden; /*margin-bottom:-9999px;    padding-bottom:9999px;*/


}


.PageContent .PageContent-box-view img {


    max-width: 100%;


    height: auto;


}


.thumbnail > img, .thumbnail a > img {


    margin-right: auto;


    margin-left: auto;


    height: 282px;


    width: 100%;


    object-fit: cover;


    transition: all 0.5s;


}


.thumbnail > img:hover, .thumbnail a > img:hover {


    transform: scale(1.01);


}


.ul_news_index a:hover {


    color: #fabe00;


}


.page-templ .PageContent .PageContent-box-view {


    padding-left: 0


}


.PageContent .PageContent-box-view > .con {


    color: #333;


    overflow: hidden;


    background-color: #fff;


    padding: 10px


}


@media (min-width: 768px) {


    .PageContent .PageContent-box-view {


        padding-left: 22px;


        margin: 22px;


        line-height: 28px


    }


    .PageContent .PageContent-box-view > .con {


        padding: 30px


    }


}


.icon_timkiemdaily {


    min-height: 199px;


    padding-left: 150px; /* border: 1px solid #d9d9d9; */


    font: 500 18px/217px "microsoft yahei";


    color: #696a6e;


    text-decoration: none;


    display: block;


    padding-top: 93px;


    background: url(../images/icontimdaily.png) left center no-repeat; /* text-align: center; */


    position: relative;


    width: 555px;


    max-width: 100%;


    margin: auto;


}


.table_timkiem {


    margin: auto;


    width: 845px;


    max-width: 100%;


    margin-bottom: 24px;


    border-color: gainsboro !important;


    border: 1px solid;


    font-size: 15px;


}


.table_timkiem tr {


    border-color: gainsboro;


}


.table_timkiem td {


    padding: 6px 20px;


    border-color: gainsboro;


}


.height_noidungtim {


    min-height: 150px;


    display: grid;


    border: none;


}


.PageContent .PageContent-box-view > .con img {


    max-width: 100%


}


.pagempty {


    text-align: center;


    padding: 60px 0


}


.SupportContent .PageContent-head {


    margin-top: 50px


}


.item-thongtindaily img {


    max-width: 100%;


}


.item-thongtindaily h2 a {


    font-size: 18px;


}


.SupportContent .PageContent-head h2 {


    margin: 0;


    padding: 0;


    position: relative;


    left: 0;


    top: 0;


    overflow: hidden;


    font: 500 20px/58px "microsoft yahei";


    text-indent: 10px;


    color: #333;


    background-color: #fccc00


}


.SupportContent .PageContent-t {


    padding: 10px 0


}


.SupportContent .PageContent-nav {


    padding: 0;


    list-style: none


}


.SupportContent .PageContent-nav a {


    height: 217px;


    padding-left: 190px;


    border: 1px solid #d9d9d9; /*    font: 500 18px/217px 'Inter', sans-serif !important;*/


    color: #696a6e;


    text-decoration: none;


    display: block;


}


.SupportContent .PageContent-nav a:hover {


    box-shadow: 0 0 5px #d9d9d9;


    -webkit-box-shadow: 0 0 5px #d9d9d9;


    -moz-box-shadow: 0 0 5px #d9d9d9


}


.SupportContent .PageContent-nav .shop-ico {


    background: url(../images/shop-ico.html) 30% 50% no-repeat


}


.SupportContent .PageContent-nav .pquery-ico {


    background: url(../images/pquery-ico.jpg) 80px 50% no-repeat


}


.icon_timdaily { /*background:url(../images/icontimdaily.png) 30% 50% no-repeat*/


    border: 1px solid #d9d9d9; /*font: 500 18px/217px "microsoft yahei";*/


    color: #696a6e;


    text-decoration: none;


    text-align: center;


}


.SupportContent .PageContent-nav .down-ico {


    background: url(../images/down-ico.jpg) 30% 50% no-repeat


}


.SupportContent .PageContent-nav .map-ico {


    background: url(../images/map-ico.jpg) 30% 50% no-repeat


}


.product-layout {


    background-color: #f6f6f6;


    padding-left: 0;


    padding-right: 0


}


.product-bg {


    position: relative


}


.product-search .product-head {


    color: #000;


    padding: 10px 10px;


}


.product-search .product-head h3 {


    margin: 0;


    padding: 0;


    font-weight: normal


}


.product-search .product-head h3 a {


    color: #444;


    text-decoration: none


}


.product-search .search-key {


    font-size: 12px;


    line-height: 28px


}


.product-search .search-key a {


    text-decoration: none;


    color: #1b1a1a;


    margin: 0 4px


}


.main-timdaily {


    border: 1px solid gainsboro;


    padding: 10px;


}


.search_country {


    float: left;


    display: inline-block;


    width: auto;


}


.form-search-timkiem input {


    width: auto;


    float: left;


}


.form-search-timkiem input, .form-search-timkiem select, .form-search-timkiem button {


    margin-left: 15px;


}


.text-searchdaily {


    float: left;


}


.form-search-timkiem {


    margin: 15px;


    display: inline-block;


    margin-bottom: 0;


}


.product {


    margin-bottom: 40px


}


.product .product-list-drp {


    margin: 10px 0


}


.product .product-menu {


    position: relative;


    top: 0;


    left: 0;


    overflow: hidden;


    width: 250px;


    float: left;


    background-color: #fff;


    margin-right: 15px;


    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)


}


.product .product-menu.m-product-menu {


    float: none;


    position: absolute;


    top: 100%


}


.product .product-menu a {


    outline: 0


}


.product .product-menu a:hover {


    color: #fec200;


    background-color: #fff


}


.product .product-menu .menu_head {


    height: 47px;


    line-height: 47px;


    font-size: 16px;


    color: #717880;


    cursor: pointer;


    position: relative;


    margin: 0


}


.product .product-menu .menu_head a {


    display: block;


    padding-left: 20px;


    color: #444;


    text-decoration: none


}


.product .product-menu .menu_head a:hover {


    color: #fec200;


    background-color: #fff


}


.product .product-menu .menu_body {


    height: auto;


    overflow: hidden;


    line-height: 38px;


    font-size: 12px


}


.product .product-menu .menu_body a {


    display: block; /* height: 38px; */


    line-height: 22px;


    padding-left: 20px;


    color: #535353;


    text-decoration: none;


    margin-bottom: 10px;


    font-size: 13px;


}


.product .product-menu .menu_body_item a {


    font-size: 12px;


}


.active_menu_left {


    color: #fd9a00 !important;


}


.product .product-menu .menu_body a:hover {


    color: #fec200


}


.product .product-list {


    position: relative;


    top: 0;


    left: 0;


    overflow: hidden;


    background-color: #fff;


    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)


}


.product .product-list ul {


    padding: 0;


    margin-left: 13px;


}


.giathitruong {


    text-decoration: line-through;


    color: gray;


}


.product .product-list .listItem li p {


    margin-bottom: 0;


}


.product .product-list .listItem li {


    float: left;


    height: 350px;


    overflow: hidden;


    position: relative;


    text-align: center;


    width: 225px;


    margin: 2px 4px


}


@media (max-width: 1180px) {


    .nav .menu-li .menu-li-list {


        width: 950px;


        left: -528px !important;


    }


    .product .product-list ul {


        width: 500px;


        margin: 0 auto


    }


}


@media (max-width: 550px) {


    .product .product-list ul {


        width: auto;


        text-align: center;


        margin-left: -10px;


        margin-right: -10px;


    }


    .product .product-list .listItem li {


        display: inline-block; /* float: none; */


        width: 50%;


        margin: 0;


        padding: 0px 10px;


    }


}


.product .product-list .listItem li h5 {


    font-weight: normal;


    color: #222;


    padding: 0 20px;


    height: 45px;


    overflow: hidden;


}


.product .product-list .listItem li a {


    display: block;


    color: #686868;


    outline: 0 none;


    text-decoration: none


}


.product .product-list .listItem li i {


    border: 1px solid #fff;


    box-sizing: border-box;


    -moz-box-sizing: border-box;


    -webkit-box-sizing: border-box;


    display: block;


    height: 350px;


    left: 0;


    overflow: hidden;


    position: absolute;


    top: 0;


    transition: all .5s ease 0s;


    -moz-transition: all .5s ease 0s;


    -webkit-transition: all .5s ease 0s;


    width: 100%


}


.product .product-list .listItem li a .pimg {


    height: 240px;


    overflow: hidden;


    position: relative;


    text-align: center;


    background: ghostwhite;


    display: flex;


    align-items: center;


}


.product .product-list .listItem li a .pimg img {


    max-height: 240px;


    max-width: 100%;


    margin: auto;


}


.product .product-list .listItem li a h3 {


    font-size: 18px;


    padding: 5px 30px;


    text-align: center


}


.product .product-list .listItem li a:hover i {


    border: 5px solid #faf7e6


}


.product .product-list .conl-page {


    padding: 20px 0;


    border-top: solid 1px #e9e9e9


}


.product .product-list em {


    font-style: normal


}


.product-container {


    position: relative;


    padding: 10px 0


}


.product-container .product-left {


    min-width: 200px; /*margin: 0 20px;*/


    float: left;


    position: relative;


    padding: 0;


}


@media (min-width: 768px) {


    .product-container .product-left {


        padding-bottom: 70px;


        padding-right: 10px;


        width: 460px;


        z-index: 999;


        max-width: 100%;


    }


}


.product-container .product-right {


    padding-right: 10px;


    position: relative


}


.product-container .product-title {


    padding-bottom: 10px;


    color: #2e2e2e


}


.product-container .top-ptTitle {


    display: none


}


@media (max-width: 992px) {


    .product-container .product-left {


        margin: 0 auto;


        float: none;


        border: 0


    }


    .product-container .product-title {


        display: none;


        text-align: center


    }


    .product-container .top-ptTitle {


        display: block


    }


}


.product-container .product-title h2 {


    /*word-break: break-all;*/


    font-size: 21px;


    line-height: 1.5;


}


.product-attaibute ul li {


    color: #585858;


    height: 100%;


    overflow: hidden;


    padding: 10px 0;


    border-bottom: 1px solid #e2e2e2;


    text-align: left;


}


.add_to_cart {


    margin-top: 10px;


}


.product-attaibute ul li .att_title {


    display: block;


    float: left;


    line-height: 20px;


    padding-right: 15px;


    width: 90px


}


.product-attaibute ul li .att_val {


    display: block;


    float: left;


    line-height: 20px


}


.product-attaibute ul li a {


    outline: 0


}


.product-content {


    margin-top: 20px;


    padding: 0 20px;


    line-height: 22px;


}


.product-content p { /*margin: 0;*/


}


.product-content img {


    vertical-align: bottom;


    max-width: 100% !important;


    height: auto !important


}


.product-container .carousel {


    min-height: 320px;


    background: url(../images/noimg.gif) 50% 50% no-repeat


}


@media (min-width: 768px) {


    .product-container .carousel-indicators {


        top: 100%;


        left: 0;


        width: 100%;


        margin: 0;


        padding-top: 20px


    }


    .product-container .carousel-indicators li {


        width: 80px;


        height: 80px;


        display: inline-block;


        text-indent: 0;


        background: 0;


        padding: 1px;


        background-color: #fff;


        margin: 0 0 0 5px;


        cursor: pointer;


        border: 1px solid #ccc;


        border-radius: initial


    }


    .product-container .carousel-indicators li:first-child {


        margin: 0


    }


    .product-container .carousel-indicators .active {


        width: 80px;


        height: 80px;


        border: 1px solid #fabe00


    }


    .product-container .carousel-indicators li > img {


        width: 76px;


        height: 76px


    }


}


.spec-scroll .items ul li img:hover {


    border: 2px solid #F60;


    padding: 1px


}


.product-container .glyphicon {


    color: #eee


}


.product-container .carousel-control {


    background: transparent


}


.nav-loction .breadcrumb {


    padding: 15px 0;


    background-color: transparent;


    margin: 0


}


.nav-loction .breadcrumb a {


    color: #333


}


.error {


    height: 500px;


    padding-top: 150px


}


.error .error-pic {


    text-align: center


}


.error .error-pic img {


    max-width: 100%


}


.error .error-text {


    text-align: center;


    font-size: 26px


}


.bdsharebuttonbox {


    width: 500px;


    margin: 0 auto


}


.bdsharebuttonbox a {


    text-decoration: none;


    padding-right: 10px


}


.line {


    background-color: #f1f1f1;


    height: 1px;


    overflow: hidden;


    width: 100%;


    margin: 15px 0


}


.top {


    position: fixed;


    bottom: 100px;


    right: 0;


    z-index: 999;


    display: none


}


.top a {


    display: block;


    width: 60px;


    height: 60px;


    line-height: 60px;


    background-color: #fccc00;


    text-align: center;


    color: #666;


    font-weight: 800;


    outline: 0;


    text-decoration: none


}


.top a:hover {


    text-decoration: none


}


.conl-page {


    padding: 20px 0;


    border-top: solid 1px #e9e9e9


}


.loadingbg {


    background-color: #fabe00;


    padding: 100px 0


}


.spinner {


    margin: 0 auto;


    width: 50px;


    height: 60px;


    text-align: center;


    font-size: 10px


}


.spinner > div {


    background-color: #666;


    height: 100%;


    width: 6px;


    display: inline-block;


    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;


    animation: stretchdelay 1.2s infinite ease-in-out


}


.spinner .rect2 {


    -webkit-animation-delay: -1.1s;


    animation-delay: -1.1s


}


.spinner .rect3 {


    -webkit-animation-delay: -1.0s;


    animation-delay: -1.0s


}


.spinner .rect4 {


    -webkit-animation-delay: -0.9s;


    animation-delay: -0.9s


}


.spinner .rect5 {


    -webkit-animation-delay: -0.8s;


    animation-delay: -0.8s


}


@-webkit-keyframes stretchdelay {


    0%, 40%, 100% {


        -webkit-transform: scaleY(0.4)


    }


    20% {


        -webkit-transform: scaleY(1.0)


    }


}


@keyframes stretchdelay {


    0%, 40%, 100% {


        transform: scaleY(0.4);


        -webkit-transform: scaleY(0.4)


    }


    20% {


        transform: scaleY(1.0);


        -webkit-transform: scaleY(1.0)


    }


}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {


    background-color: #fccc00


}


.form-search {


    position: relative;


    float: left;


    padding-right: 132px;


}


.form-search input {


    width: 270px;


    max-width: 100%;


    border-radius: 0;


}


.btn_timkiemdaily {


    position: absolute;


    right: 0;


    top: 0;


    background: #f18e14;


    color: #fff;


    border-radius: 23px;


    padding: 6px 24px;


    outline: initial;


}


.text-timdaily {


    color: #fabd02;


    font-size: 26px;


}


.xemchitiet {


    background: gainsboro;


    padding: 4px 10px !important;


    margin-left: 15px !important;


    float: right;


    height: 40px !important;


    line-height: 32px !important;


    font-size: 14px !important;


}


.xemchitiet:hover {


    background: #333;


    color: #fff;


}


@media (max-width: 768px) {


    .container-layout {


        padding-top: 44px


    }


    .menu-li:hover .menu-li-list-blogs {


        display: none !important;


    }


    .download {


        display: block !important;


    }


    .menu-li-list {


        display: none !important;


    }


    #navbar {


        float: none;


    }


    .icon_timkiemdaily {


        min-height: 199px;


        padding-left: 150px;


        font: 500 18px/217px "microsoft yahei";


        color: #696a6e;


        text-decoration: none;


        display: block;


        padding-top: 93px;


        background: url(../images/icontimdaily.png) top center no-repeat;


        text-align: center;


        position: relative;


        width: 555px;


        max-width: 100%;


        margin: auto;


        margin-top: auto;


        padding-left: 0;


        padding-top: 144px;


        width: 100%;


        margin-top: 16px;


    }


    .form-search {


        position: relative;


        float: left;


        padding-right: 132px;


        max-width: 100%;


        margin: auto;


        float: none;


        text-align: center;


        margin: auto;


        display: inline-flex;


    }


    .search {


        width: 100%;


        padding-top: 0px;


    }


}


.fb_iframe_widget > span > iframe {


    width: 100% !important;


    min-width: 100%;


}


#dynamic_select {


    float: right;


    height: 26px;


}


.btn-main-cart {


    margin: 0;


    padding: 15px;


}


.row-custom {


    display: inline-block;


    background: #eee;


}


.pro-text-item {


    margin-left: 8px !important;


    padding-top: 0 !important;


}


.menu_body_item {


    margin-left: 12px;


}


.app-5 {


    top: -2px;


    position: relative;


}


.type-name-categories {


    margin-top: 35px;


}


.sub-title-categories {


    margin-bottom: 35px;


}


.caption-cate-index {


    color: #000;


    font-size: 14px;


    margin-bottom: 45px;


}


.thumbnail-cate-index img {


    max-width: 100%;


    height: auto;


}


.item-cate-text-main:hover .caption-cate-index {


    color: #fdd000;


}


.info-main-title-cate-index a {


    color: #000;


    font-size: 18px;


    margin-bottom: 15px;


    display: inline-block;


}


.info-main-title-cate-index a:hover {


    color: #fdd000;


}


.line-cate-index {


    margin: 0px 15px;


}


.info-main-title-cate-index {


    max-width: 1024px;


    margin: 15px auto;


    text-align: center;


}


.BrandInfo_chargingWrap__w74St {


    margin-left: auto;


    margin-right: auto;


    max-width: 1208px;


}


.mx-auto {


    margin-left: auto;


    margin-right: auto;


}


.BrandInfo_chargingWrap__w74St h2 {


    text-align: center;


    font-size: 36px;


    font-weight: 600;


}


.BrandInfo_chargingWrap__w74St .BrandInfo_col__bxQtk {


    margin-top: 30px;


    margin-bottom: 10px;


    float: left;


    width: 100%;


}


.BrandInfo_chargingWrap__w74St .BrandInfo_col__bxQtk li {


    margin-right: 30px;


    max-width: 45%;


    flex: 1 1;


    text-align: center;


    --tw-text-opacity: 1;


    color: rgb(50 50 50/var(--tw-text-opacity));


}


.h-\[100px\] {


    height: 100px;


}


.BrandInfo_chargingWrap__w74St .BrandInfo_col__bxQtk img {


    height: 100px;


}


.BrandInfo_chargingWrap__w74St .BrandInfo_col__bxQtk img {


    height: 100px;


}


.BrandInfo_chargingWrap__w74St h3 {


    font-size: 32px;


    font-weight: 600;


    border-bottom: 1px solid #ccc;


    padding-bottom: 10px;


    margin-top: 10px;


    display: inline-block;


    width: 190px;


    max-width: 100%;


}


.BrandInfo_chargingWrap__w74St h3 span {


    font-size: 48px;


}


.BrandInfo_chargingWrap__w74St p {


    margin-top: 10px;


    font-size: 16px;


    font-weight: 500;


}


.text-\[\#323232\] {


    --tw-text-opacity: 1;


    color: rgb(50 50 50/var(--tw-text-opacity));


}


.BrandInfo_chargingWrap__w74St ul {


    list-style: none;


}


.BrandInfo_col__bxQtk {


    text-align: center;


}


.BrandInfo_col__bxQtk > div {


    margin-bottom: 25px;


}


#brandInfo {


    padding-top: 3rem;


    padding-bottom: 2rem;


}


.main-pisen-top {


    padding-top: 30px;


    background: whitesmoke;


}


.adsPisenImageContent {


    padding: 35px 0;


    background: whitesmoke;


}


.BrandInfo_col__bxQtk_image_pisen {


    max-width: 1024px;


    margin: auto;


}


.image-ads-pisen {


    padding: 5px;


}


.image-ads-pisen img {


    max-width: 100%;


    width: 100%;


    height: auto;


}


.section-branch_address {


    padding: 30px 0;


}


.title_newscate_index { /*background: url(../images/trangchu_03.png) no-repeat 0px 0px;*/ /*background-size: 46px auto !important;*/


    line-height: 30px; /*padding-left: 55px;*/


    font-size: 18px;


}


.title_newscate_index_color a {


    color: #000;


}


.ul_news_index {


    list-style: none;


    padding-left: 15px;


}


.ul_news_index li {


    position: relative;


    line-height: 22px;


    font-size: 14px;


    padding-bottom: 7px;


    padding-left: 0;


}


.ul_news_index a {


    color: #000;


}


.ul_news_index span {


    color: gray;


}


.ul_news_index i {


    position: absolute;


    left: -15px;


    top: 5px;


}


.title-giaithuong {


    color: #000;


}


.title-giaithuong:hover {


    color: #fabe00;


}


#PanelFootList-E-4 a {


    width: 100% !important;


    text-align: left !important;


    line-height: normal;


}


#PanelFootList-E-4 p {


    margin-top: 0;


    line-height: 25px;


}


.view_all_news {


    float: right;


    font-size: 14px;


}


.ul_news_index li:nth-child(2n + 1) {


    clear: both;


}


.wpb_wrapper iframe {


    margin: auto;


    display: block;


}


.new-in-more:hover {


    color: red;


}

.hr-product-detail {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}


@media (min-width: 576px) {


    .section-branch_address {


        padding: 10px 0 20px;


    }


}


@media (max-width: 1279px) {


    #brandInfo {


        padding-top: 0px;


        padding-bottom: 8px;


        padding-inline: 0;


    }


}


@media (max-width: 769px) {


    #brandInfo {


        padding-top: 60px;


        padding-bottom: 0;


        padding-inline: 0;


    }


}


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


    .BrandInfo_chargingWrap__w74St h3 {


        font-size: 2.5vw;


    }


}


@media (max-width: 768px) {


    .BrandInfo_chargingWrap__w74St .BrandInfo_col__bxQtk li {


        margin-right: 0;


        margin-bottom: 7vw;


        width: 100%;


        max-width: 100%;


        flex: 1 1 auto;


    }


    .BrandInfo_chargingWrap__w74St .BrandInfo_col__bxQtk {


        margin-top: 20px;


        margin-bottom: 0;


        flex-wrap: wrap;


    }


    .product-content iframe, .news-main iframe, .PageContent-box-view iframe {


        max-width: 100%;


        height: auto;


        min-height: 240px;


    }


    .search .input-group {

        width: 97%;

        padding: 0px 32px 0 15px;

    }


}