@charset "utf-8";

body {
    color: #222;
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 1.45;
}

.product-list li {
    width: calc(16.67% - 11px) !important;
}

.pro-offer p {
    margin: 0px !important;
}

#overview-left {
    position: relative;
    /* Cần thiết để absolute positioning hoạt động */
    overflow: hidden;
    /* Đảm bảo loading không tràn ra ngoài */
}

#tab-pro-hot {
    width: 100%;
}

.cam-ket-duoi-nut-mua {
    margin-top: 10px;
}

.product-list-full>li {
    width: calc(16.667% - 16px) !important;
}

.product-list-full {
    display: flex;
}

.sort_des h3 {
    margin: 0px !important;
}

#tab22 .p-item-group {
    width: calc(100% - 11px) !important;
}

.product-gallery-wrapper .item {
    border: solid 1px #ddd;
}

#list-showroom .container {
    background: #4471c2;
}

.product-thumbnail-slider {
    margin-top: 10px;
}

#tab2 img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

#col-right {
    background-color: #fff;
}

.sticky333 {
    position: fixed !important;
    top: 0 !important;
    margin-left: 50px !important;
}

#search {
    background-color: #fff;
}

.content {
    background-color: #fff;
    padding: 5px;
}

.comboset-content.border {
    border: solid 3px #de0b00;
}

#gotoTop {
    display: inline-block;
    background-color: #CF2200;
    width: 33px;
    height: 33px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    margin-top: 30px;
    right: 10px;
    z-index: 1000;
    bottom: 50px;
}

#gotoTop::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1.2em;
    line-height: 30px;
    color: #fff;
}

span.ping {
    border: 1px solid #ffffff;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: rgba(238, 46, 36, .2);
    border-radius: 100%;
    -moz-animation: sonar 1.25s linear infinite;
    -o-animation: sonar 1.25s linear infinite;
    -webkit-animation: sonar 1.25s linear infinite;
    animation: sonar 1.25s linear infinite;
    display: block;
    margin: 12px 0 0 7px;
    position: absolute;
}

@keyframes sonar {
    from {
        opacity: 1;
    }

    to {
        transform: scale(4);
        opacity: 0;
    }
}

#nav-news li .sub a {
    color: #000 !important;
    line-height: 30px;
    height: 30px;
    display: block;
    margin: 0 10px;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    background: #fff !important;
    text-align: left;
    text-transform: none;
}

.news_tab_item .sub {
    position: absolute;
    background: #f7f7f7;
    z-index: 99;
    border: solid 1px #ccc;
    top: 35px;
    width: 260px;
    display: none;
    left: 0;
}

#ul_news_menu li:hover .sub {
    display: block;
}

.rowtop h1 {
    float: left;
    overflow: hidden;
    font-size: 24px;
    color: #333;
    line-height: 40px;
    font-weight: 500;
    margin: 0px;
}

.rowtop p {
    float: left;
    margin: 0 0 10px 0;
}

#tab1 .show-more-tskt::before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), color-stop(.2, #fff), to(rgba(255, 255, 255, 0)));
    display: block;
}

.readmoretskt {
    width: 90px;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #288ad6;
    margin: 10px auto;
    cursor: pointer;
}

.readmoretskt:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.readmore {
    width: 90px;
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 40px;
    font-size: 14px;
    color: #288ad6;
    margin: 10px auto;
    cursor: pointer;
}

.readmore:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

#tab2 .show-more::before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), color-stop(.2, #fff), to(rgba(255, 255, 255, 0)));
    display: block;
}

ul {
    margin: 0;
    padding: 0;
}

p.product-benefit2 {
    margin: 0px;
}

.ngungkinhdoanh {
    display: block;
    top: 50%;
    text-align: center;
    margin: 0 auto;
    background: #365899;
    color: white;
    width: 100%;
    padding: 5px 10px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 14px;
}

img.tt_block {
    opacity: 0.4;
}

.cssText {
    float: left;
}

#microsoft a {
    font-size: 12px;
}

.icon-cat-385 {
    background-position: -559px -193px;
}

.p-oldprice2 i,
.p-price2 i {
    font-size: 12px;
    font-weight: normal;
}

.p-oldprice2 {
    font-weight: 600;
    color: #333;
    line-height: 16px;
    white-space: nowrap;
    display: block;
    height: 16px;
}

.p-price2 {
    color: #d42333;
    white-space: nowrap;
    font-weight: 600;
    display: block;
}

.detail-product-best-price {
    color: #e00;
    font-weight: 600;
    white-space: nowrap;
    font-weight: bold;
    font-size: 25px;
}

.detail-product-best-price .price_old {
    text-decoration: line-through;
    font-style: italic;
    font-size: 16px;
    color: #666;
}

.vnpay-price {
    color: #d42333;
    font-weight: 600;
    white-space: nowrap;
    font-weight: bold;
    font-size: 25px;
}

.detail-product-old-price {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 42px;
    margin-top: -8px;
    white-space: nowrap;
    /*text-decoration:line-through;*/
}

.item-filter ul li.sub-right {
    float: none !important;
}

.btn-cart-stop {
    color: #d42333;
    background: url(../template/2017/images/icon_addcart_new.jpg) left 1px no-repeat;
    padding-left: 17px;
    font-size: 13px;
    float: right;
}

i.icons.icon-bh {
    background-image: url(../template/2017/images/system-search.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 8px;
    margin-right: 3px;
}

i.icons.icon-hd {
    background-image: url(../template/2017/images/invoice-icon.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 8px;
    margin-right: 3px;
    background-size: 100%
}

i.icons.icon-login {
    background-image: url(../template/2017/images/LOGIN-icon.png);
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 8px;
    margin-right: 3px;
}

i.icons.icon-xd {
    background-image: url(../template/2017/images/icon-bao-hanh-top-99.png);
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 8px;
    margin-right: 3px;
    background-size: 100%
}

i.icons.icon-cat-main.icon-cat-642 {
    background-image: url(/media/category/cat_556960af8df2c825ba8143782f8695a9.png);
}

.item-filter ul {
    width: 500px !important;
}

#social-right-fixed a i.icon-xaydungpc {
    width: 40px;
    height: 40px;
    background-image: url(../template/2017/images/icon-xaydungchpc.png);
}

#social-right-fixed a i.icon-tannhiet {
    width: 40px;
    height: 40px;
    background-image: url(../template/2017/images/icon-tannhietpc.png);
}

a {
    color: #333;
    text-decoration: none;
}

.blue {
    color: #056bad;
}

.ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.nopad-r {
    padding-right: 0 !important;
}

.nopad-l {
    padding-left: 0 !important;
}

.nomar-r {
    margin-right: 0 !important;
}

.nomar-l {
    margin-left: 0 !important;
}

.nomar-t {
    margin-top: 0 !important;
}

.nobdr {
    border: none !important;
}

.nobdr-l {
    border-left: none !important;
}

.nobdr-r {
    border-right: none !important;
}

.nobg {
    background: none !important;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font24 {
    font-size: 24px;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

.clear {
    clear: both;
}

.line-through {
    text-decoration: line-through;
}

.underline {
    text-decoration: underline;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.space5 {
    height: 5px;
    clear: both;
    display: block;
}

.space10 {
    height: 10px;
    clear: both;
    display: block;
}

.space20 {
    height: 20px;
    clear: both;
    display: block;
}

.h-title {
    margin: 0;
    padding: 0;
}

.line5 {
    clear: both;
    margin: 5px 0;
    border-top: solid 1px #ddd;
}

.red {
    color: #e00;
}

.fs-24 {
    font-size: 24px;
}

.yellow {
    color: #ffed00 !important;
}

.inputText,
select,
textarea {
    width: 100%;
    height: 34px;
    border-radius: 3px;
    border: solid 1px #ccc;
    padding: 0 5px;
    outline: none;
    max-width: 100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

i.icons.icon-new {
    background-image: none;
    width: 25px;
    height: 23px;
    float: left;
    margin-top: 4px;
}

.grey {
    color: #888;
}

.nd .icons {
    background: none;
}

.nd table {
    border-collapse: collapse;
    width: 100% !important;
}

.container {
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
}

#top {
    height: 34px;
    background: #365899;
    color: #fff;
    line-height: 34px;
}

#top li {
    float: left;
    margin-right: 16px;
}

#top li>a {
    color: #fff;
}

#top li.border {
    width: 1px;
    background: #98b2e4;
    height: 14px;
    margin-top: 10px;
}

#header {
    height: 90px;
}

#logo {
    float: left;
    margin-top: 21px;
}

#nav .container {
    height: 38px;
    background: #365899;
    border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    line-height: 38px;
}

#main-menu .title {
    text-transform: uppercase;
    font-size: 16px;
    padding-left: 10px;
    font-weight: bold;
}

#main-menu .title .icon-menu i {
    width: 22px;
    height: 3px;
    background: #fff;
    display: block;
    margin: 3px 0;
}

#main-menu .title .icon-menu {
    float: left;
    margin-top: 8px;
    margin-right: 8px;
}

#main-menu {
    float: left;
    position: relative;
    padding-right: 20px;
}

.list-nav-right {
    float: left;
    margin-left: 45px;
    position: relative;
    z-index: 99;
}

.list-nav-right li a,
.list-nav-right li span {
    color: #f5f200;
    font-size: 14px;
    font-weight: 500;
}

.list-nav-right li {
    float: left;
    margin-left: 15px;
}

#nav-deal {
    float: right;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #ffff01;
    padding: 0 20px;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    position: relative;
    padding-left: 41px;
    background: #ff3838;
    background: -moz-linear-gradient(top, #ff3838 0%, #a80002 100%);
    background: -webkit-linear-gradient(top, #ff3838 0%, #a80002 100%);
    background: linear-gradient(to bottom, #ff3838 0%, #a80002 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3838', endColorstr='#a80002', GradientType=0);
}

#nav-deal:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border: solid 38px transparent;
    border-bottom-color: #365899;
    position: absolute;
    left: -38px;
    top: -38px;
}

#search {
    float: left;
    width: 525px;
    border: solid 1px #de0b00;
    height: 34px;
    margin-top: 28px;
    margin-left: 60px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
}

#submit_search {
    float: right;
    width: 36px;
    background-position: -48px 0px;
    background-color: #de0b00;
    font-size: 0;
    border: none;
    height: 32px;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: : 0 3px 3px 0;
    cursor: pointer;
}

#text_search {
    float: left;
    height: 32px;
    width: 472px;
    border: none;
    padding-left: 6px;
    outline: none;
}

#hotline-header {
    float: left;
    font-size: 16px;
    color: #e00;
    margin-top: 28px;
    margin-left: 30px;
}

#hotline-header b {
    font-size: 26px;
}

#cart-header {
    float: right;
    display: block;
    height: 34px;
    background: #d00;
    line-height: 34px;
    color: #fff;
    padding: 0 5px;
    margin-top: 28px;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    transition: none;
}

@media only screen and (min-width: 780px) {
    i.icons.icon-cart {
        width: 28px;
        height: 25px;
        background-position: -55px -48px;
        float: left;
        margin: 3px;
    }

    .icons {
        display: inline-block;
        background-image: url(../template/2017/images/sprite.png);
        background-repeat: no-repeat;
    }
}

#count_shopping_cart_store {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    color: #e00;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
}

#nav {
    margin-bottom: 10px;
}

.linkPro {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

#main-menu ul {
    position: absolute;
    top: 48px;
    border: solid 1px #d00;
    width: 220px;
    background: #fff;
    height: 525px;
    z-index: 9999;
}

#slider {
    margin-left: 230px;
    width: 610px;
    float: left;
}

#main-menu ul a.root .img {
    display: block;
    float: left;
    width: 35px;
    text-align: center;
    padding-top: 3px;
}

#main-menu ul a.root .img img {
    height: auto !important;
    height: 20px !important;
    width: 20px;
}

#main-menu li:hover .sub-menu {
    display: block;
}

.sub_danh_ba_menu {
    display: none;
}

.sub_danh_ba_menu p {
    margin: 0px !important;
}

.icon-cat-538 {
    background-position: -558px -112px;
}

.icon-cat-752 {
    background-position: -558px -112px;
}

.icon-cat-753 {
    background-position: -532px -480px;
}

.icon-cat-1112 {
    background-position: -558px -112px;
}

#main-menu ul li a.root {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
}

#main-menu ul li {
    border-top: solid 1px #ddd;
    padding: 1px 0px;
}

#main-menu ul li a.root .name {
    display: block;
    padding: 5px 0;
    color: rgb(0 0 255);
}

#main-menu ul li:first-child {
    border: none;
}

#slider #sync2 .item {
    width: 100%;
    height: 64px;
    float: left;
    padding: 7px 8px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    text-align: center;
    font-size: 13px;
    font-family: tahoma;
    border-right: solid 1px #d00;
}

#slider {
    overflow: hidden;
    background: #fff;
    margin-bottom: 15px;
}

#slider #sync2 {
    border: solid 1px #d00;
    box-sizing: border-box;
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 17px;
    height: 66px;
    background: #d00;
    overflow: hidden;
}

#slider #sync2 .owl-item.current:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: solid 8px transparent;
    border-bottom-color: #dd0000;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
}

#slider #sync2 * {
    overflow: visible !important;
}

#slider #sync1 {
    max-height: 460px;
    overflow: hidden;
}

#slider #sync2 .owl-item {
    background: #fff;
}

#slider #sync2 .owl-item.current {
    color: #fff;
    background: #d00;
    font-weight: bold;
}

#slider #sync2 .owl-item:last-child .item {
    border-right: none;
}

#right-top-home {
    width: 350px;
    float: right;
}

#right-top-home .video {
    height: auto;
    margin-bottom: 5px;
}

#right-top-home .banner img {
    display: block;
    height: auto;
    width: 100%;
}

#right-top-home .banner {
    height: auto;
    margin-bottom: 4px;
}

#right-top-home .banner-tragop img {
    height: 59px;
    display: block;
    width: 100%;
}

#top-saleoff {
    float: left;
    width: 840px;
}

#home-section2 .news {
    float: right;
    width: 350px;
}

.top-deal {
    width: 415px;
    float: left;
    height: 633px;
    border: solid 1px #ddd;
    position: relative;
}

.banner-saleoff-home img {
    display: block;
    width: 100%;
}

.banner-saleoff-home {
    margin-bottom: 25px;
}

#top-saleoff .product-list {
    float: left;
    width: 425px;
    border-top: solid 1px #ddd;
    margin-top: 0;
}

#top-saleoff .product-list li {
    float: left;
    width: 50%;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

.product-list li .p-container {
    padding: 8px;
}

#top-saleoff .product-list li .p-container .p-img {
    display: block;
    height: 170px;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}

.p-img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100% !important;
}

.home #nav.fixed #main-menu ul {
    top: 37px !important;
}

#top-saleoff .product-list li .p-container .p-img img {
    max-height: 300px;
}

.p-price {
    font-weight: bold;
    color: #d00;
    font-size: 14px;
}

.p-bottom .p-btn-compare,
.top-deal .p-btn-compare {
    color: blue;
}

.p-bottom .p-btn-compare::before,
.top-deal .p-btn-compare::before {
    content: '\f055';
    font-family: 'FontAwesome';
    margin-right: 4px;
    font-size: 12px;
}

.p-bottom .p-btn-compare.selected,
.top-deal .p-btn-compare.selected {
    color: #e00;
}

.p-bottom .p-btn-compare.selected::before,
.top-deal .p-btn-compare.selected::before {
    content: "\f058";
}

.top-deal .p-btn-compare {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.p-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    overflow: hidden;
    height: 18px;
}

.p-name,
.p-name .h-title {
    display: block;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin-top: 5px;
    color: #000;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 3px;
    text-align: left;
}

.p-name .h-title {
    margin: 0;
}

.p-oldprice {
    color: #999;
    text-decoration: line-through;
    display: block;
    height: 16px;
}

.discount {
    width: 45px;
    height: 45px;
    background: url(../template/2017/images/sprite.png) -239px -62px no-repeat;
    display: block;
    position: absolute;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 45px;
    text-align: center;
    left: 5px;
    top: 5px;
    z-index: 9;
}

.product-list li {
    position: relative;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    float: left;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

.p-icon_new {
    font-size: 12px;
    top: 30px;
    z-index: 9;
    right: 10px;
    position: absolute;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #0a62ac;
    color: #fff;
}

.p-icon_sale {
    font-size: 12px;
    top: 30px;
    z-index: 10;
    right: 10px;
    top: 10px;
    position: absolute;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #0a62ac;
    color: #fff;
}

#home-section2 .news .title {
    background: #365899;
    height: 38px;
    line-height: 38px;
    color: #fff;
    padding: 0 8px;
}

#home-section2 .news .title .h-title {
    float: left;
    font-size: 17px;
}

#home-section2 .news .title a {
    float: right;
    color: #fff;
    font-size: 14px;
}

#home-section2 .news li {
    padding: 10px 0;
    border-top: solid 1px #eee;
    overflow: hidden;
}

#home-section2 .news li:last-child {
    padding-bottom: 0;
}

#home-section2 .news li:first-child {
    border: none;
}

#home-section2 .news li img {
    max-width: 90px;
    float: left;
    max-height: 60px;
}

#home-section2 .news li .a-right {
    display: block;
    margin-left: 100px;
}

#home-section2 .news li .name {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: normal;
}

#home-section2 .news li .time {
    color: #999;
}

.top-deal .d-img {
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding-top: 100%;
}

.top-deal .d-img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.top-deal .countdown {
    position: absolute;
    top: 260px;
    border: solid 1px #e00;
    font-size: 14px;
    width: 300px;
    left: 53px;
    padding: 10px;
    text-align: center;
    background: rgba(255, 255, 255, 0.75);
}

.top-deal .countdown span {
    font-weight: bold;
    font-size: 20px;
}

.top-deal .d-name {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.top-deal .p-container {
    padding: 10px;
}

.top-deal .d-price {
    color: #b00;
    font-weight: bold;
    font-size: 20px;
}

.d-oldprice {
    text-decoration: line-through;
    color: #888;
    font-size: 14px;
}

.d-summary {
    display: block;
    margin-top: 10px;
    white-space: pre-line;
    line-height: 20px;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
}

.d-summary-home {
    margin-top: 0px;
}

.large-discount {
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(../template/2017/images/sprite.png) -106px -3px no-repeat;
    display: block;
    text-align: center;
    font-size: 29px;
    color: #fff;
    font-weight: 500;
    line-height: 90px;
    left: 10px;
    top: 10px;
}

.title-box-pro-home .h-title {
    float: left;
    background: #e00;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    padding: 0 15px;
    position: relative;
    padding-right: 8px;
}

.title-box-pro-home .h-title:after {
    content: '';
    display: block;
    position: absolute;
    border: solid 34px transparent;
    border-left-color: #e00;
    right: -68px;
    top: 0;
}

.title-box-pro-home {
    overflow: hidden;
    margin-bottom: 5px;
    border-bottom: solid 2px #333;
    height: 36px;
    background: #4471c2
}

.box-pro-home .banner {
    float: left;
    width: 20%;
}

.box-pro-home .product-list.has-banner li {
    width: 25%;
}

.p-detail {
    background: #d00;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    display: block;
    margin: 5px auto;
    width: 110px;
    text-align: center;
    cursor: pointer;
}

.p-detail:hover {
    background-color: #e00;
}

.p-img {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 100%;
}

.box-pro-home .product-list li .p-img img {
    max-height: 290px;
    width: auto;
}

.p-hover {
    position: absolute;
    top: 420px;
    left: 0;
    width: 100%;
    padding: 10px;
    z-index: 90;
    height: 100%;
    background: rgb(255, 255, 255);
    color: #000;
    transition: all 0.3s ease;
    box-shadow: 0 0 0px 1px #F44336 inset;
    display: table-cell;
    vertical-align: middle;
}

.p-warranty {
    color: #0069a9;
    display: block;
}

.p-summary {
    white-space: pre-line;
    display: inline-block;
    max-height: 106px;
    overflow: hidden;
    text-overflow: clip;
}

.product-list li:hover .p-hover {
    top: 0;
}

.title-box-pro-home .list-sub {
    float: left;
    margin-top: 11px;
    margin-left: 30px;
    font-weight: bold;
    width: 75%;
}

.title-box-pro-home .list-sub a:last-child {
    color: white;
}

.title-box-pro-home .list-sub a {
    border-left: solid 1px #ccc;
    padding: 0 8px;
    color: white;
}

.title-box-pro-home .list-sub a:first-child {
    border: none;
}

.box-pro-home {
    margin-top: 20px;
}

.box-pro-home:first-child {
    margin-top: 0;
}

.box-pro-home .banner img {
    display: block;
    width: auto;
}

.product-list {
    overflow: hidden;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
}

.double-line {
    border-bottom: solid 3px #5275be;
    height: 6px;
    border-top: solid 1px #5275be;
    margin: 5px 0;
}

i.icons.icon-subscrible {
    width: 73px;
    height: 20px;
    background-position: -156px -233px;
    vertical-align: bottom;
}

#footer table {
    width: 100%;
}

#footer table td {
    vertical-align: top;
}

i.icons.icon-bct {
    width: 160px;
    height: 57px;
    background-position: -53px -100px;
}

#news_letter {
    width: 296px;
    float: right;
}

#news_letter p {
    font-weight: 500;
    font-size: 14px;
}

#news_letter p .btn-blue {
    background: #056bad;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 14px;
    padding: 3px 10px !important;
}

#email_newsletter {
    width: 200px;
    height: 33px;
    padding: 0 5px;
    border-radius: 3px;
    border: solid 1px #ccc;
    float: left;
}

.btn {
    cursor: pointer;
    display: inline-block;
    border: none;
}

#news_letter .button {
    background: #056bad;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    height: 33px;
    padding: 0 12px;
    text-align: center;
    line-height: 34px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    float: right;
}

.center {
    text-align: center;
}

.list_info b.title {
    color: #e00;
    display: block;
    margin-bottom: 5px;
}

.list_info a {
    display: block;
    padding: 6px 0;
    font-size: 13px;
}

#footer-bottom {
    font-size: 14px;
    padding-top: 15px;
}

#partner-footer {
    padding: 10px;
    border: solid 1px #ddd;
    margin-top: 10px;
}

#partner-footer img {
    display: inline-block;
    padding: 0px 10px;
    height: 40px;
    width: auto;
}

#partner-footer b {
    float: left;
    margin-top: 13px;
}

.uppercase {
    text-transform: uppercase;
}

#list-showroom b.font18 {
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
}

#list-showroom {
    line-height: 1.5;
    background: #4471c2;
    color: #fff;
    margin-top: 10px;
}

#list-showroom a {
    color: #fff;
}

.tbl-common {
    width: 100%;
}

#list-showroom td {
    padding: 12px;
    padding-left: 0;
}

#category-fixed {
    position: fixed;
    left: 5px;
    top: 50px;
    width: 45px;
    background: #eee;
    z-index: 992;
    padding: 0;
    display: none;
}

#category-fixed img {
    display: block;
    margin: auto;
    width: auto;
}

#category-fixed a {
    display: block;
    padding: 8px 0;
    text-align: center;
    width: 45px;
    transition: all 0.8s ease;
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

#category-fixed a:hover span {
    opacity: 1;
    visibility: visible;
}

#category-fixed a span {
    visibility: hidden;
    display: block;
    position: absolute;
    background: #fff;
    border: solid 1px #ddd;
    left: 53px;
    z-index: 99;
    white-space: nowrap;
    top: 0px;
    padding: 7px 9px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    opacity: 0;
    transition: all 0.5s ease;
    color: #000;
    background: #0a62ac;
    color: #fff;
}

#category-fixed a span:before {
    content: '';
    display: block;
    width: 0;
    border: solid 5px transparent;
    border-right-color: #0a62ac;
    position: absolute;
    left: -10px;
    top: 7px;
}

#category-fixed a span:after {
    content: '';
    display: block;
    width: 0;
    border: solid 5px transparent;
    border-right-color: #0a62ac;
    position: absolute;
    left: -10px;
    top: 7px;
}

#category-fixed a:hover,
#category-fixed a.active {
    background: #0a62ac;
}

#banner-promotion-footer {
    position: fixed;
    z-index: 99991;
    bottom: 0;
    left: 75px;
    border-left: solid 3px #365899;
    border-right: solid 3px #365899;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    display: none;
}

#banner-promotion-footer img {
    display: block;
}

#banner-promotion-footer .title {
    background: #365899;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    padding: 6px 10px;
}

#banner-promotion-footer .title .close {
    font-style: normal;
    font-weight: bold;
    float: right;
    cursor: pointer;
    padding: 0 10px;
    margin-right: -10px;
}

.popup-common {
    position: fixed;
    z-index: 9999999;
    width: 500px;
    top: 50px;
    left: 50%;
    margin-left: -225px;
    background: #fff;
    border: solid 3px #056bad;
    border-radius: 8px;
    display: none;
}

#bg-opacity {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

#contact_name {
    background: url(../template/2017/images/icon_name_contact.png) left center no-repeat;
    ;
}

#contact_email {
    background: url(../template/2017/images/icon_email_contact.png) left center no-repeat;
    ;
}

#contact_tel {
    background: url(../template/2017/images/icon_tel_contact.png) left center no-repeat;
    ;
}

.title-popup span {
    font-size: 18px;
}

.title-popup .close {
    float: right;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    cursor: pointer;
}

.title-popup {
    height: 40px;
    line-height: 40px;
    border-bottom: solid 1px #ddd;
    padding: 0 15px;
}

.content-popup {
    padding: 20px;
}

#popup-lien-he td b {
    font-weight: normal;
    text-align: right;
    display: block;
    font-size: 14px;
    padding-right: 10px;
    width: 90px;
}

#popup-lien-he td {
    padding: 3px 0;
}

.content-popup .inputText {
    width: 350px;
    padding-left: 40px;
}

.content-popup textarea {
    width: 350px !important;
    height: 70px;
    padding-left: 40px;
    background: url(../template/2017/images/icon_content_contact.png) left center no-repeat;
}

.tbl-common td {
    vertical-align: top;
    padding: 5px;
}

.btn.btn-blue {
    background: rgb(53, 155, 217);
    background: -moz-linear-gradient(top, rgba(67, 164, 239, 1) 0%, rgba(69, 187, 247, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(67, 164, 239, 1) 0%, rgba(69, 187, 247, 1) 100%);
    background: linear-gradient(to bottom, rgb(21, 141, 214) 0%, rgb(60, 176, 234) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#43a4ef', endColorstr='#45bbf7', GradientType=0);
    color: #fff;
    padding: 9px 18px !important;
    font-size: 16px;
    border-radius: 2px;
    border: solid 1px #0f84ca;
}

.btn.btn-default {
    background: -moz-linear-gradient(top, rgba(214, 214, 214, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(214, 214, 214, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(214, 214, 214, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6d6d6d6', endColorstr='#00000000', GradientType=0);
    padding: 9px 18px !important;
    font-size: 16px;
    border-radius: 2px;
    border: solid 1px #d0d0d0;
}

#social-right-fixed a:hover span {
    opacity: 1;
    display: block;
}

#social-right-fixed {
    position: fixed;
    right: 5px;
    top: 50%;
    margin-top: -90px;
    z-index: 99;
    width: 38px;
}

#social-right-fixed a {
    display: block;
}

#social-right-fixed a i.icons {
    width: 33px;
    height: 33px;
    border-radius: 3px;
}

#social-right-fixed span {
    display: none;
    position: absolute;
    top: 60px;
    left: -191px;
    padding: 5px 10px;
    border-radius: 10px;
    font: 13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #fff;
    background: #0757ab;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: opacity .6s linear;
    transition: opacity .3s linear;
    opacity: 0;
    box-shadow: 1px 1px 5px #666;
}

span#mxh_ytb {
    top: 100px;
    left: -107px;
}

span#mxh_lh {
    top: 137px;
    left: -114px;
}

span#mxh_dt {
    top: 175px;
    left: -118px;
}

span#mxh_xdpc {
    top: 215px;
    left: -193px;
}

span#mxh_xdtn {
    top: 292px;
    left: -142px;
}

span#mxh_mobile {
    top: 252px;
    left: -172px;
}

i.icons.icon-sright-fb {
    background-position: -3px -6px;
}

i.icons.icon-sright-yo {
    background-position: -3px -42px;
}

i.icons.icon-sright-mail {
    background-position: -3px -78px;
}

i.icons.icon-sright-tel {
    background-position: -3px -115px;
}

i.icons.icon-sright-up {
    background-position: -2px -147px;
    width: 38px !important;
}

#banner-category-left {
    width: 59%;
    float: left;
}

#banner-category-right {
    width: 40%;
    float: right;
}

#breadcrumb div {
    float: left;
    line-height: 18px;
    margin-right: 5px;
}

#breadcrumb {
    overflow: hidden;
    padding: 5px 0;
    margin-top: -5px;
    margin-bottom: 5px;
}

#breadcrumb h1 {
    display: inline;
    margin: 0;
    font-size: 13px;
}

#column-left {
    float: left;
    width: 240px;
}

#content {
    width: 940px;
}

.box-left .title-left {
    background: #e00;
    color: #fff;
    font-weight: 500;
    padding: 9px 10px;
}

.pro-left .pright-img {
    float: left;
    width: 80px;
}

.pro-left li {
    overflow: hidden;
    padding: 5px 0;
    border: solid 1px #fff;
    border-top: solid 1px #eee;
    transition: all 0.5s ease;
}

.pro-left li:hover {
    border: solid 1px #e00 !important;
}

.pro-left li:first-child {
    border-color: #fff;
}

.pright-name {
    line-height: 17px;
    height: 51px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.pright-right {
    margin-left: 90px;
}

.box-left {
    margin-bottom: 15px;
}

.owl-item li {
    width: 100% !important;
}

.deal-list li:hover {
    border-color: #d00;
}

#list-brand-category {
    float: left;
    width: 740px;
    height: 44px;
    overflow: hidden;
    padding: 0 30px;
}

#list-brand-category .item img {
    border: solid 1px #ddd;
    height: 44px;
}

#list-brand-category .owl-prev {
    width: 21px;
    height: 26px;
    background: url(../template/2017/images/sprite.png) -242px -186px no-repeat;
    opacity: 1;
    top: 17px;
    left: -31px;
    padding: 5px;
}

#list-brand-category .owl-next {
    width: 21px;
    height: 26px;
    background: url(../template/2017/images/sprite.png) -266px -186px no-repeat;
    opacity: 1;
    top: 17px;
    right: -30px;
    padding: 5px;
}

#list-brand-category .owl-prev:before,
#list-brand-category .owl-next:before {
    content: '';
}

#list-brand-category .owl-prev:hover,
#list-brand-category .owl-next:hover {
    background-color: #ddd;
}

.paging {
    text-align: center;
    overflow: hidden;
    clear: both;
    margin: 20px 0;
}

.paging a {
    display: inline-block;
    padding: 5px 12px;
    border: solid 1px #ccc;
    line-height: 20px;
    margin: 0 1px;
    border-radius: 5px;
    background: #eee;
    font-size: 14px;
    font-weight: 500;
}

.paging a:hover,
.paging a.current {
    background: #1a2174;
    border-color: #aaa;
    color: #fff;
}

td.pagingViewed {
    text-align: center;
    padding: 5px 12px;
    border: solid 1px #ccc;
    line-height: 20px;
    margin: 0 1px;
    border-radius: 5px;
    background: #1a2174;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: block;
}

.pagingIntact a {
    display: block;
    padding: 4px 12px;
    border: solid 1px #ddd;
}

.pagingSpace {
    width: 5px;
}

.pagingViewed {
    padding: 0 5px;
}

.paging table {
    margin: auto;
}

.pagingIntact a:hover {
    background: #eee;
}

#product-image {
    float: left;
    width: 380px;
}

#product-image #sync1 {
    margin-bottom: 10px;
}

#product-image #sync2 .item {
    border: solid 1px #ddd;
    margin: 0 3px;
    padding: 3px;
}

#product-image #sync2 .owl-item.active.current .item {
    border-color: #d00;
}

#product-image #sync1 .item img {
    display: block;
    padding: 5px;
}

#product-image #sync2 .owl-buttons div:before {
    color: #000;
    opacity: 1;
}

#product-image #sync2 .owl-buttons div {
    background: transparent;
    opacity: 0.6;
}

#product-image #sync2 .owl-buttons .owl-prev {
    left: -50px;
}

#product-image #sync2 .owl-buttons .owl-next {
    right: -50px;
}

#overview {
    float: right;
    width: 800px;
    font-size: 14px;
}

#overview h1 {
    font-size: 19px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

.icons.icon-star {
    width: 92px;
    height: 17px;
    vertical-align: sub;
}

.star0 {
    background-position: -354px -116px;
}

.star1 {
    background-position: -354px -96px;
}

.star2 {
    background-position: -354px -74px;
}

.star3 {
    background-position: -354px -51px;
}

.star4 {
    background-position: -354px -30px;
}

.star5 {
    background-position: -354px -8px;
}

#overview-left {
    width: 480px;
    float: left;
}

#overview-right {
    width: 300px;
    float: right;
}

#overview p {
    margin: 15px 0;
}

.line {
    border-top: solid 1px #ddd;
    margin: 5px 0;
}

.pro-price {
    font-size: 28px;
    color: #d00;
    font-weight: bold;
    letter-spacing: -2px;
}

.pro-summary li i.before,
.icon-list-item {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../template/2017/images/sprite.png) -358px -143px no-repeat;
    float: left;
    margin-right: 5px;
}

.pro-summary li span h3 {
    margin-left: 22px;
    display: block;
    color: #222;
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 1.45;
    font-weight: normal;
}

.pro-summary li {
    padding: 4px 0;
    overflow: hidden;
}

.pro-summary {
    margin-bottom: 15px;
    margin-top: 12px;
}

.discount-prodetail {
    width: 65px;
    height: 65px;
    background: url(../template/2017/images/discount_prodetail.png);
    position: absolute;
    text-align: center;
    line-height: 65px;
    font-size: 21px;
    color: yellow;
    right: 0;
    top: -37px;
}

.pro-offer {
    color: #e80c00;
    float: left;
    width: 100%;
    border: 2px dashed #ccc;
    margin-top: 10px;
    padding-top: 10px;
    background: #f1f1f1;
    padding-bottom: 15px;
}

.pro-offer .content.collapse {
    height: auto;
    width: 100%;
}

.pro-offer .title {
    font-size: 17px;
    margin-bottom: 5px;
    display: block;
    padding-left: 10px;
}

.pro-offer .content {
    line-height: 25px;
    overflow: hidden;
    color: #303030;
    padding: 0px 10px;
    background: #f1f1f1;
}

.pro-oldprice {
    color: #888;
    text-decoration: line-through;
}

.pro-oldprice {
    color: #888;
    text-decoration: line-through;
}

.icon-list-item {}

#overview-right #uudai {
    border: solid 1px #ccc;
    padding: 12px 15px;
    /*border-radius:5px;*/
    margin-top: 15px;
}

#overview-right #uudai .title {
    font-size: 15px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    color: #e00;
}

.product-categories-container .title-box-pro-home a {
    float: left;
}

.product-categories-container .title-box-pro-home {
    position: relative;
}

.product-categories-container .view-right {
    position: absolute;
    right: 0px;
}

#overview-right #uudai li span {
    display: block;
    margin-left: 30px;
    line-height: 20px;
}

#overview-right #uudai li {
    margin: 12px 0;
}

.sort_des h3 {
    font-size: 13px;
}

#overview-right #uudai li .icon-list-item {
    margin-top: 2px;
}

#breadcrumbs span span:last-child a {
    color: #e92b2b;
    font-weight: bold;
}

.button-buy-detail a:hover {
    opacity: 0.8;
}

.btn-buy {
    display: block;
    text-align: center;
    background: #0757ab;
    color: #fff;
    margin: 6px 0;
    padding: 8px 10px;
    transition: all 0.3s ease;
    background: #3481bc;
    background: -moz-linear-gradient(top, #3481bc 0%, #003cb5 100%);
    background: -webkit-linear-gradient(top, #3481bc 0%, #003cb5 100%);
    background: linear-gradient(to bottom, #3481bc 0%, #003cb5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3481bc', endColorstr='#003cb5', GradientType=0);
}

.btn-buy span {
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
}

.btn-buy.btn-buy-red {
    background: #ff3838;
    background: -moz-linear-gradient(top, #ff3838 0%, #a80002 100%);
    background: -webkit-linear-gradient(top, #ff3838 0%, #a80002 100%);
    background: linear-gradient(to bottom, #ff3838 0%, #a80002 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3838', endColorstr='#a80002', GradientType=0);
    width: 100%;
    float: left;
    margin-right: 2%;
}

.btn-buy-white {
    width: 49%;
    float: left;
}

.btn-buy-blue {
    width: 49%;
    float: left;
}

.btn-buy-blue-right {
    width: 49%;
    float: right;
}

.button-buy-bottom .btn-buy-red {
    width: 100% !important;
}

.button-buy-bottom .btn-buy-blue {
    width: 49%;
    float: left
}

.button-buy-bottom .btn-buy-blue-right {
    width: 49%;
    float: right
}

.btn-buy.btn-buy-red1 {
    background: #ff3838;
    background: -moz-linear-gradient(top, #ff3838 0%, #a80002 100%);
    background: -webkit-linear-gradient(top, #ff3838 0%, #a80002 100%);
    background: linear-gradient(to bottom, #ff3838 0%, #a80002 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3838', endColorstr='#a80002', GradientType=0);
    width: 49%;
    float: left;
    margin-right: 2%;
}

.btn-buy-blue1 {
    width: 49%;
    float: left;
}

.button-buy-bottom .btn-buy-red1,
.button-buy-bottom .btn-buy-blue1 {
    width: 100% !important;
}

.btn-buy.btn-buy-red1:hover {
    background: -moz-linear-gradient(top, #a80002 100%, #ff3838 0%);
    background: -webkit-linear-gradient(top, #ea0003 100%, #ff3838 0%);
    background: linear-gradient(to bottom, #e40003 100%, #ff3838 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a80002', endColorstr='#ff3838', GradientType=0);
}

.btn-buy-blue1:hover {
    background: -moz-linear-gradient(top, #003cb5 100%, #3481bc 0%);
    background: -webkit-linear-gradient(top, #003cb5 100%, #3481bc 0%);
    background: linear-gradient(to bottom, #003cb5 100%, #3481bc 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#003cb5', endColorstr='#3481bc', GradientType=0);
}

a.btn-buy.btn-buy-red1 span {}

.btn-buy.btn-buy-red:hover {
    background: -moz-linear-gradient(top, #a80002 100%, #ff3838 0%);
    background: -webkit-linear-gradient(top, #ea0003 100%, #ff3838 0%);
    background: linear-gradient(to bottom, #e40003 100%, #ff3838 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a80002', endColorstr='#ff3838', GradientType=0);
}

.btn-buy-blue:hover {
    background: -moz-linear-gradient(top, #003cb5 100%, #3481bc 0%);
    background: -webkit-linear-gradient(top, #003cb5 100%, #3481bc 0%);
    background: linear-gradient(to bottom, #003cb5 100%, #3481bc 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#003cb5', endColorstr='#3481bc', GradientType=0);
}

.btn-buy-blue-right:hover {
    background: -moz-linear-gradient(top, #003cb5 100%, #3481bc 0%);
    background: -webkit-linear-gradient(top, #003cb5 100%, #3481bc 0%);
    background: linear-gradient(to bottom, #003cb5 100%, #3481bc 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#003cb5', endColorstr='#3481bc', GradientType=0);
}

a.btn-buy.btn-buy-red span {}

.btn-buy.btn-buy-yellow {
    background: #f7ad00;
    background: -moz-linear-gradient(top, #f4c24b 0%, #f7ad00 99%);
    background: -webkit-linear-gradient(top, #f4c24b 0%, #f7ad00 99%);
    background: linear-gradient(to bottom, #f4c24b 0%, #f7ad00 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4c24b', endColorstr='#f7ad00', GradientType=0);
}

.btn-buy.btn-buy-yellow:hover {
    background: -moz-linear-gradient(top, #f7ad00 99%, #f4c24b 0%);
    background: -webkit-linear-gradient(top, #f7ad00 99%, #f4c24b 0%);
    background: linear-gradient(to bottom, #ffb300 99%, #f4c24b 0%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7ad00', endColorstr='#f4c24b', GradientType=0);
}

#pro-info-tab .title-tab {
    background: #eee;
    overflow: hidden;
}

#pro-info-tab .title-tab a {
    display: block;
    float: left;
    font-weight: 500;
    padding: 10px 14px;
    font-size: 14px;
}

#pro-info-tab .title-tab a.active {
    color: #d00;
}

#pro-info-tab .h-title {
    font-size: 17px;
    margin: 11px 0;
    border-bottom: solid 1px #ddd;
    padding-bottom: 6px;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
    padding-top: 10px;
}

#tabtem {
    margin-top: 10px;
}

#tabtem a {
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
}

.content-tab-left {
    width: 780px;
    float: left;
}

.content-tab-right {
    float: right;
    width: 400px;
    margin-top: 15px;
}

.content-tab-right .box-left {
    margin-top: 11px;
}

.content-tab-right .pro-left .pright-img {
    width: 120px;
}

.content-tab-right .pro-left .pright-right {
    margin-left: 130px;
}

.content-tab-right .pro-left .pright-name {
    margin-top: 5px;
    height: auto;
    font-size: 14px;
    line-height: 19px;
}

.content-tab-right .pro-left .p-price {
    font-size: 18px;
}

.content-tab-right .title-left {
    padding: 10px;
}

.pro-list-nobdr li {
    border: none !important;
    width: calc(25% - 10px) !important;
    margin-bottom: 15px;
}

.pro-list-nobdr ul {
    border: none !important;
}

#overview-bottom {
    padding: 10px 0px;
    background: #f3f3f3;
    width: 400px !important;
}

#overview-bottom .product_name_right {
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.button-buy-bottom {
    padding: 0 0px;
    width: 100% !important;
}

#comment {
    width: 780px;
    float: left;
}

#comment .comment-form .img-avatar {
    float: left;
}

#comment .comment-form form {
    margin-left: 50px;
}

#comment .comment-form textarea {
    height: 80px;
    padding: 5px 10px;
}

.comment-action-list {
    height: 40px;
    line-height: 40px;
    background: #eee;
    padding: 0 10px;
    margin-bottom: 15px;
}

.comment-action-list .sort a.current {
    color: #d00;
}

.comment-action-list .sort {
    float: left;
}

.search-comment {
    float: right;
    width: 400px;
    margin-top: 4px;
    border: solid 1px #ddd;
    background: #fff;
    margin-right: -5px;
}

.search-comment input[type="text"] {
    float: left;
    width: 250px;
    border: none;
}

.search-comment select {
    float: right;
    width: 100px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../template/2017/images/icon_drop_black.png) no-repeat right center;
    margin-right: 15px;
    border-left: solid 1px #ddd;
    border-radius: 0;
    -moz-border-radius: 0;
}

.search-comment .inputText,
.search-comment select {
    height: 30px;
}

#tbl-hotline-footer p .title {
    background: url(../template/2017/images/icon_tel_support.png) left 1px no-repeat;
    padding-left: 24px;
    display: block;
    line-height: 19px;
    font-size: 14px;
    color: rgb(0 0 255);
}

#tbl-hotline-footer p .red {
    margin-left: 25px;
}

.btn-red {
    background: #d00;
    color: #fff;
    padding: 7px 20px;
    font-size: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: solid 1px #ce0101;
}

.relative {
    position: relative;
}

#comment .form-input {
    border: solid 1px #ddd;
    background: #fff;
    width: 100%;
    z-index: 99;
    padding: 10px;
    top: 81px;
    display: none;
}

#comment .form-input .close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #888;
}

.rating-input {
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 0 0 -16px;
    opacity: 0;
}

.rating-star:hover {
    background-position: 0 0;
}

.rating-star {
    position: relative;
    float: right;
    display: block;
    width: 26px;
    height: 26px;
    background: url('../template/2017/images/star.png') 0 0px;
    margin: 0 1px;
}

.rating-star:hover,
.rating-star:hover~.rating-star {
    background-position: 0 0;
}

.rating-star:hover,
.rating-star:hover~.rating-star,
.rating-input:checked~.rating-star {
    background-position: 0 0;
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star,
.rating-input:checked~.rating-star {
    background-position: 0 0;
}

.rating-star,
.rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 26px;
    height: 26px;
    background: url('../template/2017/images/star.png') 0 -28px;
}

.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover~.rating-star {
    background-position: 0px -56px !important;
}

.item_comment .comment_left {
    float: left;
    width: 50px;
}

.item_comment .comment_right {
    margin-left: 50px;
}

.item_comment .comment_right1 {
    margin-left: 60px;
}

.item_comment p {
    margin: 5px 0;
}

.item_comment {
    padding: 15px 0;
    border-top: solid 1px #ddd;
    line-height: 1.45;
}

.item_comment.first {
    border: none;
}

.item_reply {
    padding: 8px;
    background: #f5f5f5;
    margin-top: 5px;
    overflow: hidden;
}

.item_comment .comment-name {
    font-weight: bold;
    font-size: 14px;
}

.item_comment .comment-name .note {
    color: #e80000;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
}

#review-statistic {
    float: right;
    width: 400px;
}

#ratingOveriew {
    cursor: pointer;
}

#select-rate-pro label {
    width: 21px;
}

#select-rate-pro {
    margin-left: -5px;
    float: left;
}

#review-statistic ul li .icon-bigStar {
    float: left;
}

#review-statistic ul li {
    overflow: hidden;
    margin-bottom: 15px;
}

#review-statistic ul li .line-rating {
    float: left;
    width: 260px;
    height: 13px;
    background: #eee;
    margin-top: 3px;
    margin-right: 6px;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

#review-statistic ul li .line-rating .percent {
    display: block;
    background: #faa738;
    height: 100%;
}

#review-statistic ul li .count {
    color: #888;
}

#review-statistic ul li span.blue {
    float: left;
    margin-right: 10px;
}

#review-statistic ul {
    padding-left: 5px;
}

#pro-info-tab .title-tab.fixed {
    position: fixed;
    top: 38px;
    width: 1200px;
    z-index: 991;
}

.cart-left table.tbl-cart {
    width: 100%;
}

.cart-left table.tbl-cart td {
    vertical-align: top;
    padding: 10px 5px;
}

.cart-left table.tbl-cart tr {
    background: #f9f9f9;
}

.cart-left table.tbl-cart {
    border-collapse: collapse;
}

.itemCart-name {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 12px;
    display: block;
}

.itemCart-price {
    font-size: 18px;
    color: #e00;
}

.itemCartOldPrice {
    font-size: 14px;
    text-decoration: line-through;
    color: #888;
}

#cart-page p {
    margin: 5px;
    line-height: 18px;
}

.itemCart {
    border-bottom: solid 10px #fff;
}

.cart-left {
    float: left;
    width: 820px;
}

.itemCart-del {
    font-weight: bold;
    font-size: 20px;
    color: #888;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
}

.itemCart-promotion {
    border: solid 1px #f3e18d;
    padding: 10px;
    background: #fffcf3;
    line-height: 20px;
}

.cart-right {
    width: 370px;
    float: right;
    border: solid 1px #e00;
}

.cart-right .title {
    line-height: 40px;
    background: #de0b00;
    color: #fff;
    font-size: 20px;
    padding: 0 10px;
}

.cart-right p {
    padding: 5px 10px;
}

.cart-right label {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
}

.cart-right input[type="text"] {
    width: 100%;
    height: 30px;
    padding: 0 5px;
}

.cart-right textarea {
    height: 45px;
}

.rd-shipping-method input {
    vertical-align: top;
}

.rd-shipping-method.active {
    color: #e00;
}

#showroom-info {
    padding: 0 15px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.ship-info select {
    width: 48%;
    float: left;
}

.ship-info select#district {
    float: right;
}

#store-list {
    overflow: hidden;
    clear: both;
    padding: 10px 0;
}

#store-list label {
    font-size: 13px;
    font-weight: normal;
}

#store-list label.active {}

#store-list label input {
    vertical-align: sub;
}

#store-list .store-status p {
    font-size: 12px;
    padding: 0 22px;
    margin: 0;
    color: #555;
}

#store-list .store-status {
    margin-bottom: 10px;
    display: none;
}

#store-list .store-status p span {
    color: #0abd00;
    margin-left: 5px;
}

#store-list label span {
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px;
}

#store-list label span.instock {
    color: #13c300;
}

#store-list label span.outstock {
    color: #ffb300;
}

.btn-buy-order {
    background: #de0b00;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
}

.btn-buy-order .submit {
    border: none;
    background: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 23px;
    width: 100%;
    cursor: pointer;
    outline: none;
    padding-bottom: 8px;
}

.regist_left {
    width: 800px;
    float: left;
    padding-left: 100px;
}

.regist_left table td {
    padding: 5px 0;
}

.regist_right {
    width: 360px;
    float: right;
    padding-left: 50px;
    padding-top: 178px;
}

.regist_right {
    background: url(../template/2017/images/img_or_register.jpg) left top no-repeat;
    height: 459px;
}

#nav-news {
    line-height: 38px;
    margin-bottom: 10px;
}

#nav-news li {
    position: relative;
    float: left;
    margin-right: 0px;
    padding-right: 15px;
    height: 34px;
    margin-bottom: 5px;
}

#nav-news li:after {
    content: '';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    right: 7px;
    top: 0;
    background: #eee;
    border-radius: 4px 4px 0 0;
    transform: skew(20deg, 0);
}

#nav-news li:hover a,
#nav-news li.current a {
    background: #fe0000;
    color: #fff;
}

#nav-news li:hover:after,
#nav-news li.current:after {
    background: #fe0000;
}

#nav-news li a {
    float: left;
    background: #eee;
    text-align: center;
    margin-bottom: 5px;
    border-radius: 4px 4px 0 0;
    position: relative;
    z-index: 99;
    font-size: 12px;
    padding: 0 8px;
    display: block;
    line-height: 34px;
    text-transform: uppercase;
}

#nav-news li:nth-child(5) {
    margin-right: 0;
}

#nav-news li:nth-child(6) {
    line-height: 20px;
}

.nd {
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

#form-support-project input[type="text"] {
    background: none;
}

#project-left {
    float: left;
    width: 320px;
    padding-right: 20px;
}

#form-support-project table label {
    width: 95px;
    display: block;
}

#form-support-project input[type="text"] {
    width: 100%;
    border: solid 1px #aaa;
    height: 25px;
}

#form-support-project table td {
    padding: 3px 0;
    vertical-align: top;
}

#form-support-project textarea {
    border: solid 1px #aaa;
    border-radius: 0;
}

#form-support-project .h-title {
    background: #ddd;
    font-size: 15px;
    text-align: center;
    padding: 6px;
    text-transform: uppercase;
}

#project-right {
    width: 880px;
    float: right;
    border-left: solid 1px #ddd;
    padding-left: 20px;
}

#bestsale-deallist li {
    border-bottom: solid 1px #ddd;
    border-top: none;
}

.sub-menu {
    position: absolute;
    visibility: hidden;
    left: 218px;
    top: -1px;
    width: 981px;
    background: #f7f7f7;
    border: solid 1px #dedede;
    min-height: 600px;
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transition: all 0.45s ease-out 0s;
    -moz-transition: all 0.45s ease-out 0s;
    -o-transition: all 0.45s ease-out 0s;
    transition: all 0.45s ease-out 0s;
    -moz-transform: translate(20px, 0);
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}

.sub-menu a {
    display: block;
    line-height: 20px;
}

.box-sub-nav {
    float: left;
    width: 200px;
}

.box-sub-nav a {
    padding: 5px 10px;
}

.sub-menu a.cat1 {
    font-weight: 600;
    font-size: 16px;
    color: #e00;
}

#main-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, sub-menu0);
    transform: translate(0, 0);
}

#nav.fixed #main-menu ul {
    top: 0px !important;
}

#main-menu ul li:hover {
    background: #f7f7f7;
}

.sub-menu a.cat2:hover {
    color: red;
}

.sub-menu a.cat2 {
    padding: 2px 0px 2px 0px;
}

.sub-menu a.cat3:hover {
    color: red;
}

.sub-menu a.cat3 {
    padding: 2px 0px 2px 0px;
}

.title-support-top.active,
#top li a.active {
    color: #ff0 !important;
    font-weight: bold;
}

.support_content {
    display: none;
    width: 1250px;
    height: auto;
    z-index: 99999;
    position: absolute;
    top: 34px;
    left: 0;
}

.support_content .support_box {
    float: left;
    width: 100%;
    clear: both
}

.support_content .support_box .box_title {
    color: red;
    font-weight: bold;
    float: left;
}

.support_content .support_box h3.box_title {
    color: red;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    height: 12px;
    padding: 5px;
    font-size: 12px;
}

.support_content .support_box .box_title b {
    color: #888;
    text-transform: uppercase
}

.support_content .box_content .css_box {
    float: left;
    padding-right: 5px;
    min-width: 200px;
    width: auto;
}

.support_content .box_content .css_box:last-child {
    padding-right: 0;
    border: 0
}

.support_content .box_content .css_box .cssNick {
    float: left
}

.support_content .box_content .css_box .cssNick a,
.cssText a {
    padding-right: 5px !important;
    border: none !important;
    line-height: 24px !important;
    float: left;
    color: #000 !important;
}

.cssNick a {
    margin-top: 2px;
    float: left
}

#boxid1 {
    width: 260px;
    float: left;
    padding: 10px;
    padding-top: 0px;
}

#boxid2 {
    width: 180px;
    float: left;
    padding: 10px;
}

#BHTT {
    width: 260px;
    height: 450px;
    float: left;
    border-right: 1px dotted #000;
}

#tuvan3 {
    float: left;
    width: 250px;
    border-right: 1px solid #eee;
}

#tuvan3 #tieudebhtt {
    padding-left: 5px
}

#tuvan2 {
    float: left;
    width: 270px;
    padding-left: 15px;
}

#tuvan2 .nvtuvan {
    float: left;
    width: 270px;
}

#tuvan1 {
    float: left;
    width: 460px;
    padding-left: 15px;
}

#tuvan1 .nvtuvan {
    float: left;
    width: 540px;
}

#tieudebhtt {
    font-weight: bold;
    height: 50px;
}

.tieudetuvan {
    font-weight: bold;
}

.nvtuvan {
    width: 335px;
}

.box_title_div {
    font-style: italic;
    color: red;
    font-weight: bold;
    text-align: center;
}

.autocomplete-suggestions {
    border: 1px solid #ccc;
    background: #FFF;
    cursor: default;
    overflow: auto;
    width: 488px;
    display: none;
    z-index: 99999;
    position: absolute;
    top: 34px;
    max-height: 350px;
    left: -1px;
}

.autocomplete-suggestion {
    padding: 3px 5px;
    overflow: hidden;
}

.autocomplete-suggestion.selected,
.autocomplete-suggestion:hover {
    background: #B0D5F6;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-suggestions a {
    text-decoration: none;
    color: #333;
}

.autocomplete-suggestions a:hover {
    color: #d00 !important;
}

#load_fiter {
    padding: 10px 5px;
    border: 1px solid #ddd;
    width: 179px;
    margin-top: -5px;
    margin-left: 1px;
}

#filter_content .att_name_filter {
    background: url(../template/2017/images/expand_on.gif) no-repeat left center;
    padding-left: 15px;
    font-weight: bold;
    color: #666
}

#filter_content a {
    color: #666
}

#filter_content a:hover {
    text-decoration: underline
}

#tb_pro_list tr {
    padding: 5px 0;
    border: 1px solid #ddd
}

#hotDeal {
    position: relative;
    height: 300px;
}

#list-itemTopDeal {
    position: absolute;
    width: 590px;
    height: 250px;
    right: 24px;
    top: 25px;
}

.itd-img {
    width: 280px;
    height: 170px;
    float: left;
    margin-left: 10px;
    margin-top: 60px;
    position: relative;
}

.itd-img img {
    max-height: 170px;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.itd-right {
    margin-left: 300px;
    padding-top: 30px;
}

.itd-name {
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}

.itd-price {
    font-size: 22px;
    color: #c00;
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.itd-oldprice {
    font-size: 15px;
    color: #666;
}

.count-buy {
    float: left;
    width: 50%;
}

.count-buy img {
    float: left;
}

.count-time {
    float: right;
    width: 50%;
}

.count-buy-right {
    margin-left: 30px;
}

.count-buy-right b {
    display: block;
}

.deal-list li {
    margin-left: 20px;
    width: 285px !important;
    margin-bottom: 20px;
    transition: all 0.5s ease;
}

.deal-list .product-list {
    margin-left: -20px;
}

.deal-list .p-img {
    height: 250px !important;
}

.deal-list .p-img img {
    max-height: 225px !important;
}

.deal-list .itd-name {
    font-size: 15px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 8px;
}

.deal-discount {
    background: #d00;
    color: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    vertical-align: text-top;
    font-weight: bold;
}

.deal-list .deal-discount {
    font-size: 13px !important;
}

.deal-list .count-buy img {
    height: 14px;
}

.deal-list .count-buy-right {
    margin-left: 19px;
}

.deal-list .count-buy-right b {
    font-weight: normal;
}

.box-time-deal {
    border: solid 1px #ddd;
    font-weight: normal;
    overflow: hidden;
    padding: 15px;
    margin-top: 10px;
    width: 367px;
}

.box-time-deal b {
    font-weight: normal;
    font-size: 15px;
}

.box-time-deal .count-time {
    border-left: solid 1px #ddd;
    padding-left: 17px;
    width: 60% !important;
}

.box-time-deal .count-buy {
    width: 40%;
}

.box-time-bestdeal img {
    height: 14px !important;
}

.box-time-bestdeal .count-buy-right {
    margin-left: 22px;
}

.box-time-bestdeal b {
    font-weight: normal;
}

.box-time-bestdeal .count-buy {
    width: 100px;
}

.box-time-bestdeal .count-time {
    width: 150px;
}

.box-time-bestdeal {
    margin-top: 10px;
    overflow: hidden;
    border: solid 1px #eee;
    padding: 5px;
    background: #f5f5f5;
}

i.icons.icon-hotro {
    width: 25px;
    height: 23px;
    float: left;
    background-image: url(../template/2017/images/phone-support.png);
    margin-top: 5px;
}

i.icons.icon-tragop {
    width: 23px;
    height: 23px;
    background-position: -232px -269px;
    float: left;
    margin-top: 4px;
}

i.icons.icon-km {
    width: 25px;
    height: 23px;
    float: left;
    background-position: -153px -270px;
    margin-top: 4px;
}

.MagicZoom,
.MagicZoom:hover {
    outline: 0 !important;
    margin: auto;
    display: block !important;
}

.MagicZoom img {
    border: 0 !important;
    outline: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.MagicZoomHint {
    color: #444;
    font-size: 8pt;
    font-family: sans-serif;
    line-height: 24px;
    min-height: 24px;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 2px 2px 2px 20px !important
}

.MagicZoomExternalTitle {
    display: none
}

.MagicZoomBigImageCont {
    background: #fff;
    border: 1px solid #999
}

.MagicZoomBigImageCont * {
    display: inline
}

.MagicZoomBigImageCont img {
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    width: auto !important
}

.MagicZoomHeader {
    background: #666;
    color: #fff;
    font-size: 10pt !important;
    line-height: normal !important;
    text-align: center !important
}

.MagicZoomPup {
    background: #fff;
    border: 1px solid #aaa;
    cursor: move
}

.MagicZoomLoading {
    background: #fff;
    border: 1px solid #ccc;
    color: #444;
    font-family: sans-serif;
    font-size: 8pt;
    line-height: 1.5em;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 4px 4px 4px 24px !important
}

.MagicBoxShadow {
    -moz-box-shadow: 3px 3px 4px #888888;
    -webkit-box-shadow: 3px 3px 4px #888888;
    box-shadow: 3px 3px 4px #888888;
    border-collapse: separate;
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;
}

.MagicBoxGlow {
    -moz-box-shadow: 0px 0px 4px 4px #888888;
    -webkit-box-shadow: 0px 0px 4px 4px #888888;
    box-shadow: 0px 0px 4px 4px #888888;
    border-collapse: separate;
    filter: progid: DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;
}

#nav.fixed {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    background: #4471c2;
    height: 38px;
}

#nav.fixed #main-menu ul {
    display: none;
}

#nav.fixed #main-menu:hover ul {
    display: block !important;
    top: 38px;
}

#nav.fixed .list-nav-right {
    display: none;
}

.icon-home {
    width: 30px;
    height: 26px;
    background-position: -469px -7px;
    margin-top: 5px;
}

#nav.fixed .container {
    background: none;
    position: relative;
}

#nav.fixed #main-menu {
    background: #365899;
}

#home-fixed {
    float: left;
    height: 100%;
    padding: 0 30px;
    display: none;
}

.icon-hotlinefixed {
    width: 27px;
    height: 27px;
    background-position: -473px -44px;
    margin-top: 5px;
    float: left;
}

#hotline-fixed {
    float: left;
    height: 100%;
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 742px;
    display: none;
}

#nav.fixed #home-fixed,
#nav.fixed #hotline-fixed {
    display: block;
}

#header.fixed #search {
    position: fixed;
    z-index: 9999;
    top: 2px;
    border: none;
    width: 380px;
    background: #fff;
    border-radius: 0;
    height: 33px;
    margin-top: 0;
    margin-left: 330px;
}

#header.fixed #search #text_search {
    width: 200px;
}

#header.fixed #search #submit_search {
    height: 33px;
    border-radius: 0;
}

#header.fixed #search .autocomplete-suggestions {
    width: 100%;
}

#header.fixed #cart-header {
    position: fixed;
    z-index: 9999;
    top: 1px;
    margin-top: 0;
    margin-left: 895px;
    background: none;
}

#header.fixed #cart-header span {
    display: none;
}

.list-nav-right i.icons {
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

.icon-ck1 {
    background-position: -351px -175px;
}

.icon-ck2 {
    background-position: -389px -175px;
}

.icon-ck3 {
    background-position: -434px -175px;
    width: 35px !important;
}

.icon-ck4 {
    background-position: -481px -175px;
}

.icons.icon-payment {
    width: 123px;
    height: 123px;
    background-position: 0px -222px;
}

#chinhsach-footer .tr-title b {
    color: #d00;
}

.banner-pro-list-top .item {
    width: 590px !important;
    float: left;
    margin-left: 12px;
}

.banner-pro-list-top img {
    display: block;
    float: left;
    width: 590px;
}

.banner-pro-list-top {
    margin-left: -12px;
}

.tbl-technical td {
    border: solid 1px #ddd;
    padding: 5px;
}

.tbl-technical table {
    border-collapse: collapse;
    max-width: 100%;
}

.tbl-technical table {
    width: 100%
}

.tbl-technical table tr {
    line-height: 22px
}

.tbl-technical table tr th {
    padding: 0px 10px;
}

.tbl-technical table tr:nth-child(1) {
    background: #f1f1f1 !important;
    font-weight: bold
}

.tbl-technical table tr:nth-child(2) {
    background: #fff !important
}

.tbl-technical table tr:nth-child(2n+1) {
    background: #f3f3f3
}

.tbl-technical table td {
    padding: 7px !important;
    padding-left: 10px !important;
    text-align: left;
    border: 1px solid #ccc
}

.tbl-technical table tr td p {
    margin: 0 0 0 0 !important
}

#overview-bottom.scroll-to-fixed-fixed {
    width: 400px !important;
    z-index: 99 !important;
}

.nd {
    word-wrap: break-word;
    max-width: 965px;
    margin: 0 auto;
}

.nd td {
    max-width: 300px;
    padding: 0px;
}

i.icons.icon-news {
    width: 23px;
    height: 17px;
    float: left;
    background-position: -155px -304px;
    margin-top: 10px;
    margin-right: 5px;
}

@charset "utf-8";

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s;
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {

    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {

    from,
    to {
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {

    from,
    11.1%,
    to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(10%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

a.icons.icon-pay-tienmat {
    width: 76px;
    height: 29px;
    background-position: 0 -222px;
}

a.icons.icon-pay-visa {
    width: 51px;
    height: 29px;
    background-position: -85px -222px;
}

a.icons.icon-pay-master {
    width: 42px;
    height: 29px;
    background-position: -84px -262px;
}

a.icons.icon-pay-chuyenkhoan {
    width: 76px;
    height: 29px;
    background-position: 0 -261px;
}

a.icons.icon-pay-banking {
    width: 76px;
    height: 29px;
    background-position: 0 -302px;
}

#uudai li {
    background: url(/wp-content/uploads/2025/05/icon_star_list2.png) left 0px no-repeat;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
}

.box-cat {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    ;
    float: left;
    width: 25%;
}

.btn-contact-shop span:after {
    display: block;
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-top-color: #333;
    content: '';
    position: absolute;
    right: -19px;
    top: 6px;
}

.btn-contact-shop span {
    position: relative;
    display: inline;
}

.static-html .content.collapse {
    max-height: 250px;
    overflow: hidden;
}

.viewmore-static_html {
    text-align: center;
    display: block;
    text-transform: uppercase;
    padding-top: 8px;
    border-top: solid 1px #ddd;
    color: #4471c2;
    font-weight: bold;
}

.list-showroom-top {
    position: absolute;
    z-index: 99999;
    width: 1360px;
    height: 300px;
    padding: 0px 0px 0px 0px;
    display: none;
}

#ttlh p {
    margin: 0;
    padding: 0;
}

.pac_content_ttlh {
    border: 1px solid #ddd;
}

.pac_title_ttlh {
    width: 514px;
    height: 30px;
    line-height: 30px;
    background-color: rgb(2, 32, 152);
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    float: left;
}

.pac_content_ttlh {
    width: 514px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    height: 260px;
}

.pac_content_ttlh2 {
    width: 514px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    height: 180px;
}

.pac_content_ttlh3 {
    width: 514px;
    float: left;
    height: 595px;
}

.pac_content_ttlh5 {
    width: 514px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
}

.pac_content_ttlh6 {
    width: 514px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    height: 120px;
}

.cot {
    width: 524px;
    overflow: hidden;
    float: left;
}

.pac_content_ttlh .font5 {
    font-weight: bold;
}

.pac_content_ttlh2 .font5 {
    font-weight: bold;
}

.pac_content_ttlh3 .font5 {
    font-weight: bold;
}

.pac_content_ttlh5 .font5 {
    font-weight: bold;
}

.pac_content_ttlh6 .font5 {
    font-weight: bold;
}

#ttlh {
    width: 1028px;
    margin: auto;
}

#ttlh #header {
    height: auto;
}

.tag a {
    display: inline-block;
    background: #f6f6f6;
    padding: 4px 10px;
}

.tag a:hover {
    background: #ddd;
    color: #e00;
}

#overview-bottom .pro-price {
    font-size: 22px;
}

#overview-bottom .line {
    margin: 8px 0;
}

#overview-bottom .pro-offer {
    padding-top: 10px;
}

.filter-pro .item-filter.sub-right ul {
    left: auto;
    right: 0;
}

.rating-form {
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 3px;
    width: 400px;
    display: none;
    position: absolute;
    background: #fff;
    z-index: 9;
}

.rating-form .inputText {
    height: 30px;
}

.rating-form table {
    width: 100%;
}

.rating-form table tr td:first-child {
    width: 65px;
}

.rating-form:before {
    content: '';
    border: solid 9px transparent;
    display: block;
    height: 0;
    width: 0;
    border-bottom-color: #ccc;
    position: absolute;
    top: -18px;
    left: 37px;
}

.rating-form td {
    padding: 3px 0;
}

.rating-form textarea {
    height: 45px;
    padding: 5px;
}

.col_content.product_box {
    width: 1200px;
    display: block;
    margin: 0 auto;
}

.col_content.product_box strong {
    font-weight: bold
}

.col_content.product_box .filter_nav {
    min-height: 30px;
    height: auto;
    display: block;
    float: left;
    width: 1200px;
    border: 1px solid #d3d3d3;
    margin-bottom: 5px;
    background-color: #6e6566;
}

#tieudebhtt {
    font-weight: bold;
    height: 50px;
}

.tieudetuvan {
    font-weight: bold;
}

.nvtuvan {
    width: 335px;
}

.box_title_div {
    font-style: italic;
    color: red;
    font-weight: bold;
    text-align: center;
}

.type-discount_chitietSP {
    float: left;
    color: #0a62ac;
    font-size: 14px;
    font-weight: normal;
}

#treeMenu123 a.submenutreeMenu:hover {
    color: red;
}

#home123 a:hover {
    color: red;
}

#NavChitietSP a:hover {
    color: red;
}

.att_name_filter {
    color: red;
}

.PAC-list-km {
    float: left;
    width: 400px;
    margin: 0px;
    text-align: center;
    border: 1px solid #ddd;
    display: block;
    padding: 10px;
    overflow: hidden;
    height: auto;
    position: relative;
}

.PAC-list-km:hover {
    border: 1px solid red;
}

.pac-img-list-km img {
    width: 320px;
    aspect-ratio: 320 / 213;
    object-fit: cover;
    overflow: hidden;
    padding: 0px 0px 0px 0px !important;
}

.pac-caption {
    color: #333;
    margin: 0;
    padding: 10px 0;
}

.pac-market_time {
    color: #e00;
    font-style: italic;
}

.pac-caption h4 {
    font-size: 14px;
    padding-top: 0px;
    height: 40px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 5px;
}

.pac-caption h4 a {
    color: #004B91;
    font-weight: 600;
    overflow: hidden;
}

.pac-caption h4 a:hover {
    color: #00AEFF;
    text-decoration: underline;
}

#pac-top-km-name {
    width: 100%;
    border-bottom: 3px solid #cf0101;
    height: 28px;
    margin: 20px 0px 5px 5px;
    line-height: 28px;
}

#pac-top-km-name h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
}

#pac-top-km-time {
    margin: 10px 0px 20px 5px;
    height: 28px;
}

#pac-top-km-time h3 {
    float: left;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    line-height: 28px;
    color: #000;
}

#pac-top-km-time h3 i {
    color: red;
}

#pac-bottom-km {
    overflow: hidden;
    padding: 5px;
    text-align: center;
    display: block;
    background-color: #0a62ac;
    line-height: 15px;
    height: 15px;
    width: 220px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

#pac-bottom-km a:hover {
    text-decoration: underline;
}


/******** COMMENT ********/

.itemcomment {
    border: solid 1px #CCC;
    padding: 5px;
}

.pac-bottom-km h3 {
    color: #0b2173;
    font-size: 16px;
    font-weight: bold;
}

.pac-bottom-km {
    padding: 10px 0;
}

.pac-bottom-km a {
    color: #1e7ec8;
    text-decoration: none;
}

.pac_ulkm li {
    float: left;
    width: 230px;
    border: 1px solid #ddd;
    padding: 5px;
    overflow: hidden;
    height: 260px;
    margin: 4.9px;
    position: relative;
}

.product-img {
    height: 170px;
    border-bottom: 1px solid #eee;
    display: table-cell;
    vertical-align: middle;
}

a.product-image {
    display: block;
    width: 218px;
}

.product-img img {
    max-width: 170px;
    max-height: 160px;
    display: block;
    margin: 0 auto;
}

.product-price a {
    float: right;
}

.product-price .product-benefit {
    color: #2D01CD;
    padding-bottom: 3px;
    font-size: 11px;
    font-family: sans-serif;
}

.product-price span.price {
    font-size: 18px;
    font-family: "Roboto-Medium", sans-serif;
    color: #ff0000;
    float: left;
    margin-right: 4px;
}

span.market_price {
    position: relative;
    color: #666 !important;
    text-decoration: line-through;
    float: left;
    margin-right: 4px;
    letter-spacing: -.2px;
}

span.product-benefit-off {
    color: #fff;
    font-family: "Roboto-Medium";
    background: #d60c0c;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 2px;
    margin-left: 8px;
    float: left;
}

.product-info {
    padding-top: 5px;
}

.product-info a.product-name {
    font-size: 14px;
    height: 3.0em;
    overflow: hidden;
    position: absolute;
    color: #000;
    text-decoration: none;
    line-height: 1.4em;
    z-index: 3;
    cursor: pointer;
}

.product-info span.product-name-span {
    height: 30px;
    display: block;
}

.product-km {
    left: 0px;
    top: 0px;
    background: #000;
    width: 230px;
    height: 240px;
    padding: 10px;
    z-index: 20;
    display: none;
    position: absolute;
    background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    background: -ms-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(top, #000, #FFF);
    background: -moz-linear-gradient(top, #000, #FFF);
    background: linear-gradient(top, #000, #FFF);
}

.product-km a {
    color: #ddd;
    overflow: hidden;
}

.pac_fix_a i {
    color: #ff0000;
    font-weight: bold;
}

.product-buy-box {
    overflow: hidden;
    padding-top: 14px;
}

.product-buy-box .product-price {
    height: 18px;
    line-height: 18px;
    letter-spacing: -.8px;
}

.product-buy-box a {
    padding: 5px 10px;
    float: right;
    background-color: red;
    color: #ddd;
    border-radius: 3px;
    font-weight: bold;
}

.pac_block-title {
    padding: 25px 5px 10px 5px;
    overflow: hidden;
    min-width: 500px;
}

.pac_block-title a {
    padding: 5px;
    background-color: rgb(0, 48, 171);
    color: #ddd;
    border-radius: 5px;
    font-size: initial;
    font-weight: bold;
    line-height: 25px;
}

.pac_fix_a {
    height: 310px;
    overflow: hidden;
}

.pac_fix_a p {
    max-height: 140px;
    overflow: hidden;
    font-size: 13px;
    margin: 0;
}

.b-wrapper {
    padding-top: 39px;
    height: 560px;
}

.banner1 {
    margin: 0 auto;
    display: block;
    width: 1150px;
    height: 520px;
}

ul.b-menu-km {
    width: 1150px;
    margin: 0 auto;
}

.b-menu-km li {
    float: left;
    width: 215px;
    background-color: #6e6566;
    padding: 5px;
    margin-left: 3px;
    border-radius: 3px;
    height: 33px;
    line-height: 33px;
}

.b-menu-km li.active {
    background-color: red;
}

.b-menu-km li:hover {
    background-color: red;
}

.b-menu-km li span {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.b-menu-km li a {
    display: block;
}

.ico {
    width: 35px;
    float: left;
    padding-right: 5px;
}

.pac_fix_a span.pac_BH {
    color: #22FFC4;
}

.comment_left img {
    width: 50px;
}

.col-relative-prod {
    width: 220px;
    float: right;
}

.prod-box {
    border: 1px solid #ddd;
}

.prod-box .title {
    background-color: #6e6566;
    height: 30px;
    color: white;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
}

.prod-box li {
    width: 209px;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

.prod-box li img {
    max-height: 170px;
    max-width: 160px;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.prod-box li span.name {
    font-size: 12px;
    padding-top: 5px;
    height: 2.2em;
    overflow: hidden;
    float: left;
    color: #4c4849;
    text-decoration: none;
    line-height: 1.1em;
    z-index: 3;
    cursor: pointer;
}

.prod-box li span.price {
    text-transform: uppercase;
    color: #d4232b;
    font-weight: bold;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

#tskt td {
    border: 1px solid #ddd;
    padding: 5px;
}

.pac_content_ttlh {
    border: 1px solid #ddd;
}

.pac_title_ttlh {
    width: 514px;
    padding: 5px;
    height: 30px;
    line-height: 30px;
    background-color: rgb(2, 32, 152);
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    float: left;
}

.pac_content_ttlh {
    width: 512px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    height: 260px;
}

.pac_content_ttlh2 {
    width: 512px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    height: 180px;
}

.pac_content_ttlh3 {
    width: 524px;
    float: left;
    height: 595px;
}

.pac_content_ttlh5 {
    width: 512px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    height: 584px;
}

.pac_content_ttlh6 {
    width: 512px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    height: 120px;
}

.cot {
    width: 524px;
    overflow: hidden;
    float: left;
}

.pac_content_ttlh .font5 {
    font-weight: bold;
}

.pac_content_ttlh2 .font5 {
    font-weight: bold;
}

.pac_content_ttlh3 .font5 {
    font-weight: bold;
}

.pac_content_ttlh5 .font5 {
    font-weight: bold;
}

.pac_content_ttlh6 .font5 {
    font-weight: bold;
}

#cart_page #header h1 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}

#cart_page #gioi_thieu p {
    padding: 5px;
}

ul.pac_ulkm {
    float: left;
}

.share_social {
    padding: 10px 0px;
    margin: 10px 0px;
}

a#fade_a {}

.quotes {
    display: none;
}

@media all and (min-width:320px) {
    div#mainbh {}

    body {
        min-width: 320px;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100%;
    }

    .col_bh2 {
        padding-left: 0.5em;
        ;
    }

    div#footer1 {
        display: none;
    }

    div#list-showroom {
        display: none;
    }

    div#footer {
        display: block;
    }

    nav#nav {
        display: none;
    }

    #header {
        display: none;
    }

    #top {
        display: none;
    }
}

@media all and (min-width:600px) {
    div#mainbh {
        max-width: 900px;
        min-width: 600px;
    }

    .ctbh_02 {
        min-width: 250px;
        max-width: 260px;
    }

    .col_bh2 {
        float: left;
        padding-left: 0.5em;
    }

    div#footer1 {
        display: block;
    }

    div#footer {
        display: none;
    }

    div#list-showroom {
        display: block;
    }

    nav#nav {
        display: block;
    }

    #header {
        display: block;
    }

    #top {
        display: block;
    }
}

@media all and (min-width:1024px) {
    div#mainbh {
        max-width: 1024px;
        min-width: 1000px;
    }

    div#footer1 {
        display: block;
    }

    div#footer {
        display: none;
    }

    div#list-showroom {
        display: block;
    }

    nav#nav {
        display: block;
    }

    #header {
        display: block;
    }

    #top {
        display: block;
    }
}

@media all and (min-width:1280px) {
    div#mainbh {
        min-width: 1000px;
        max-width: 1280px;
    }

    div#list-showroom {
        display: block;
    }

    div#footer1 {
        display: block;
    }

    div#footer {
        display: none;
    }

    .addresBH {
        margin-left: 40px;
    }

    nav#nav {
        display: block;
    }

    #header {
        display: block;
    }

    #top {
        display: block;
    }
}

.lazy img {
    width: 100%;
    height: 100%;
}

.addresBH {
    overflow: hidden;
}

.addresBH ul li {
    width: 140px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}

.imgLogoBH {
    border: solid 1px #FF0000;
    width: 128px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.imgLogoBH img {
    max-width: 125px;
    height: 25px;
}

.addresBH p {
    color: #333;
    text-align: center;
    width: 100%;
    font-size: 1.2em;
    font-weight: 700;
}

.resultaddresBH {
    border: solid 1px #A60606;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 25px;
    background: #fff;
    margin: 25px 0;
    padding: 10px;
}

.tblWarrCenterBH thead {
    background-color: #95F9E5;
    border-color: #ebebeb;
    font-weight: bold;
    color: #333;
}

tr.trclolorBH {
    color: #333;
}

.tblWarrCenterBH thead th {
    border-right: 2px solid #fff;
}

span.titleWarrCenterBH {
    font: normal 15px Tahoma, sans-serif;
    color: #333;
    display: inline-block;
    padding: 10px;
}

ul.ullistbrandBH {
    height: 130px;
    overflow: hidden;
}

p.viewbrandBH {
    color: #FF06BE;
    cursor: pointer;
    font-size: 12px;
}

h3.spantitleBH {
    padding: 0px 20px 20px 20px;
    font-size: 1.1em;
    font-family: Helvetica, Arial;
    font-weight: bold;
    color: #333;
}

.doitrabh {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 25px;
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    margin-top: 20px;
    color: #333;
}

.doitrabh span {
    font-size: 1.3em;
}

.doitrabh a {
    color: #FF06BE;
}

#tblWarrCenterBH tr.trclolorBH:nth-child(even) {
    background-color: #CCEFE8;
}

.cuonaddressBH {
    max-height: 250px;
    overflow-y: auto;
}

#pac_fixheader {
    position: fixed;
    background-color: #fff;
    z-index: 999;
    width: 1200px;
    margin-top: 38px;
}

#product_category_left2 {
    border-top: 1px solid #ddd;
    width: 1200px;
    margin-bottom: 5px;
    box-shadow: -1px 5px 7px 0px rgba(50, 50, 50, 0.32);
    border-bottom: 2px solid #ed1c24;
}

#product_category_left2 ul li.relative2 {
    float: left;
    width: 79px;
    max-height: 66px;
    display: block;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    height: 66px;
    padding-top: 5px;
}

li.relative2 .submenu02-content {
    float: left;
    height: 12px;
    text-align: left;
    padding: 10px 0 3px 10px;
    line-height: 12px;
}

li.relative2 a.submenu02:hover {
    text-decoration: underline;
}

#product_category_left2 .result {
    position: absolute;
    left: -105px;
    min-width: 430px;
    border-top: 0;
    background-color: #f3f3f3;
    z-index: 999;
}

#product_category_left2 .result a {
    float: left;
    display: block;
    width: 195px;
    color: #000;
    margin-right: 10px;
    padding-bottom: 3px;
}

#product_category_left2 ul li a {
    color: #000;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

#product_category_left2 ul li a img {
    margin-bottom: 2px;
    max-height: 20px;
}

.darkHeader {
    position: fixed;
    margin-top: 0px !important;
    z-index: 999;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .2);
}

.darkHeader .fixheader_right {
    display: none
}

.darkHeader .sp_title_header {
    display: none
}

.darkHeader .relative2 {
    width: auto !important;
    padding: 0 3px;
}

.darkHeader #product_category_left2 {
    width: 36%;
    height: 60px;
    line-height: 60px;
    border-bottom: none;
    box-shadow: none
}

.darkHeader .header_top {
    width: 64%;
}

.darkHeader .relative2 .result {
    visibility: hidden
}

@-webkit-keyframes rotate {
    0% {
        transform: rotateY(0)
    }

    100% {
        transform: rotateY(-180deg)
    }
}

@-moz-keyframes rotate {
    0% {
        transform: rotateY(0)
    }

    100% {
        transform: rotateY(-180deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotateY(0)
    }

    100% {
        transform: rotateY(-180deg)
    }
}

.relative2:hover img {
    -webkit-animation: rotate 0.5s linear 0s;
}

.saleoff-heading {
    background: #d4eaf7 url('/wp-content/uploads/2025/05/san-khuyen-mai.jpg') left top no-repeat;
    height: 39px;
    line-height: 39px;
    color: #004890;
    font-style: italic;
    padding-left: 225px;
    font-size: 13px;
    margin: 8px 0 10px;
}

td.pagingSpace {
    width: 5px;
}

td.pagingpt {
    padding: 5px 7px;
    border: 1px solid #ddd;
}

.product_box .banner_category_ol {
    float: left;
    display: block;
    width: 1200px !important;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
}

div#phukien {
    width: 980px;
}

#phukien li.pro_item.relative:hover {
    border: 1px solid red;
}

#phukien li.pro_item.relative {
    border: 1px solid #fff;
    margin: 1px;
    padding: 3px;
    width: 220px;
}

.product_box .product_list {
    float: left;
    margin-left: 0px
}

.product_box .product_list .pro_item {
    width: 238px
}

.product_box .product_list .banner_product_list {
    float: left;
    height: 254px;
    width: 428px
}

.product_box .product_list .banner_product_list img {
    width: 426px;
    height: 253px
}

.product_box .product_list .pro_item.double {
    width: 477px !important
}

.product_box .product_list .pro_item.double .image {
    width: 425px !important
}

.product_box .product_list .pro_item.double .image img {
    max-width: 425px
}

.product_box .product_list .pro_item.double .pro_sum {
    width: 440px !important
}

.icon-cat-main {
    width: 20px;
    height: 20px;
}

.icon-cat-228 {
    background-position: -560px -8px;
}

.icon-cat-152 {
    background-position: -560px -40px;
}

.icon-cat-218 {
    background-position: -560px -77px;
}

.icon-cat-751 {
    background-position: -560px -77px;
}

.icon-cat-207 {
    background-position: -558px -112px;
}

.icon-cat-151 {
    background-position: -559px -149px;
}

.icon-cat-6 {
    background-position: -559px -149px;
}

.icon-cat-385,
.icon-cat-242,
.icon-cat-239 {
    background-position: -559px -193px;
}

.icon-cat-17 {
    background-position: -559px -230px;
}

.icon-cat-16 {
    background-position: -562px -271px;
}

.icon-cat-145 {
    background-position: -561px -309px;
}

.icon-cat-188 {
    background-position: -532px -449px;
}

.icon-cat-1113 {
    background-position: -532px -419px;
}

.icon-cat-1144 {
    background-image: url('https://api.iconify.design/ion-logo-apple.svg?width=17&height=17');
    margin-top: 2px;
}

.icon-cat-180 {
    background-position: -561px -380px;
}

.icon-cat-3 {
    background-position: -560px -415px;
}

.icon-cat-333 {
    background-position: -560px -448px;
}

.icon-cat-458 {
    background-position: -563px -478px;
}

.icon-cat-26 {
    background-position: -563px -509px;
}

.icon-cat-35 {
    background-position: -532px -509px;
}

.icon-login-google {
    width: 160px;
    height: 32px;
    background-position: -351px -219px;
}

.icon-login-facebook {
    width: 160px;
    height: 32px;
    background-position: -351px -261px;
}

.icon-skype-support {
    width: 20px;
    height: 10px;
    background-image: url(../template/2017/images/zalo.png);
}

.icon-news-top {
    width: 29px;
    height: 28px;
    background-position: -264px -268px;
    float: left;
    margin-top: 4px;
}

.stock-info select {
    width: 48%;
    float: left;
    margin: 0 2px;
    height: 25px;
}

#stock-list {
    overflow: hidden;
    clear: both;
    padding: 10px 0;
}

#stock-list label {
    width: 100%;
    float: left;
    font-size: 13px;
    padding-left: 10px;
    line-height: 23px;
}

#stock-list span.outstock {
    color: red;
    padding-left: 15px;
}

#stock-list span.instock {
    color: #13c300;
    padding-left: 15px;
}

#stock-list a:hover {
    color: #0000FF
}

.stock-info {
    padding: 5px 1px !important;
    border: 1px solid #fde303;
}

.stock-info span#ktstocksr {
    padding: 5px;
    margin: 5px;
    float: left;
    color: red;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.stock-info span#stock_link {
    padding: 0px;
    margin: 0px;
    float: left;
    color: blue;
    font-weight: 500;
    width: 100%;
    text-align: center;
    font-style: italic;
}

.title_tab a.a_tab {
    color: black;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    padding: 0 18px;
    line-height: 35px;
    display: block;
    float: left;
    font-size: 14px;
    /*width:100%*/
}

a.a_tab.current {
    color: white !important;
    background: #d00306;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.title_tab {
    height: 35px;
    line-height: 35px;
    _background: url(../images/bg_gradient_black.png) repeat-x;
    margin-bottom: 6px;
    padding: 0 6px;
    border-radius: 3px 3px 0 0;
    padding-left: 0;
    border-bottom: 2px solid #000;
}

.cf {
    display: none;
}

.voucher input[type="text"] {
    height: 29px;
    padding: 0 10px;
}

.voucher .button {
    background-color: #d00;
    color: #fff;
}

.price-number-small-0,
.price-number-small-1,
.price-number-small-2,
.price-number-small-3,
.price-number-small-4,
.price-number-small-5,
.price-number-small-6,
.price-number-small-7,
.price-number-small-8,
.price-number-small-9,
.price-number-small-dot,
.price-number-small-dash {
    float: left;
    height: 42px;
    width: 18px;
}

.price-number-small-0 {
    background: url("../template/2017/images/0x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-1 {
    width: 16px;
    background: url("../template/2017/images/1x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-2 {
    background: url("../template/2017/images/2x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-3 {
    background: url("../template/2017/images/3x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-4 {
    background: url("../template/2017/images/4x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-5 {
    background: url("../template/2017/images/5x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-6 {
    background: url("../template/2017/images/6x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-7 {
    width: 20px;
    background: url("../template/2017/images/7x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-8 {
    background: url("../template/2017/images/8x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-9 {
    width: 23px;
    background: url("../template/2017/images/9x42.png") no-repeat scroll center transparent;
    background-size: auto 35px;
}

.price-number-small-dot {
    width: 6px;
    background: url(../template/2017/images/x42.png) no-repeat scroll left 12px transparent;
    background-size: 7px auto;
}

.price-number-small-dash {
    background: url("../template/2017/images/.-x42.png") no-repeat scroll left bottom transparent;
    width: 20px;
}

.img_price {
    position: absolute;
    margin-top: -103px;
    display: block;
    width: 100%;
}

.img_price_full {
    display: block;
    margin: auto;
}

.img_price_full .price-number-small-dot {
    width: 11px !important;
    background-position: center bottom;
}

.img_price_full span {
    background-size: auto !important
}

.img_price_full .price-number-small-0,
.img_price_full .price-number-small-1,
.img_price_full .price-number-small-2,
.img_price_full .price-number-small-3,
.img_price_full .price-number-small-4,
.img_price_full .price-number-small-5,
.img_price_full .price-number-small-6,
.img_price_full .price-number-small-7,
.img_price_full .price-number-small-8,
.img_price_full .price-number-small-9,
.img_price_full .price-number-small-dot {
    width: 22px;
}

.hover-content-pro {
    display: none;
}

#tooltip {
    display: none;
    position: absolute;
    z-index: 99999;
    background: white;
    border: solid 1px #0a62ac;
    width: 377px;
    box-shadow: 0 0 7px #000;
    padding-bottom: 10px;
    border-radius: 5px !important;
}

#tooltip .hover-name {
    display: block;
    float: left;
    width: 99%;
    padding: 5px 10px;
    font-size: 15px;
    overflow: hidden;
    line-height: 18px;
    font-weight: bold;
    padding-right: 0px;
    border-radius: 5px 5px 0px 0px !important;
    margin: 2px;
    background: linear-gradient(45deg, #fe0000, #2c337f);
    color: #fff;
}

#tooltip .hover-brand {
    float: right;
    padding-right: 5px;
    padding-top: 40px;
    position: absolute;
    right: 0;
    display: none;
}

#tooltip .hover-brand img {
    max-width: 75px;
    max-height: 18px;
}

#tooltip .hori-line {
    clear: both;
    height: 0px;
    border-top: solid 1px #ccc;
    margin: 5px 0;
}

#tooltip .hover-content-pro table td {
    padding: 2px 0px;
}

#tooltip .hover-content-pro table {
    padding: 0 10px;
    margin-top: 8px;
}

#tooltip .hover-offer {
    padding: 0 10px;
    line-height: 17px;
}

#tooltip .hover-offer b.title_b {
    color: #e00;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    float: left;
}

#tooltip table {
    width: 100%;
}

#histats_counter-- {
    display: none !important;
}

#search-type {
    position: absolute;
    width: 100px;
    border: none;
    right: 43px;
    height: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../template/2017/images/select_arrow.png) right center no-repeat;
    outline: none;
}

.content-main li .name-job {
    font-size: 18px;
    font-family: 'GothamB', sans-serif;
    margin-bottom: 15px;
}

.content-main li {
    background-color: #ffffff;
    margin-bottom: 15px;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 20px;
}

h5.name-job-text {
    float: left;
}

.content-main li .name-job a {
    cursor: pointer;
    color: #141414;
    text-decoration: none;
    overflow: auto;
    display: flex;
}

.content-main li .name-job .name-job-text {
    vertical-align: middle;
}

.name-job .noti {
    border-radius: 3px;
    width: 46px;
    height: 20px;
    background-color: #ff9e34;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
}

.content-main li .worktype {
    border-left: 1px solid #f0f0f0;
    padding-left: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-main li .deadline {
    border-left: 1px solid #f0f0f0;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-main li .worktype i {
    color: #141414;
    width: 12px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-clock-o:before {
    content: "\f017";
}

.content-main li .deadline i {
    width: 12px;
}

.fa-calendar:before {
    content: "\f073";
}

.content-main li .treatment {
    border-left: 1px solid #f0f0f0;
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'GothamR', sans-serif;
    color: #141414;
}

.content-main li .treatment i {
    color: #1c9ad6;
    width: 12px;
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.content-main li .quantity {
    border-left: 1px solid #f0f0f0;
    padding-left: 15px;
    font-size: 14px;
    font-family: 'GothamR', sans-serif;
    color: #141414;
}

.content-main li .quantity i {
    color: #1c9ad6;
    width: 12px;
}

.content-main li .btn.jobapply {
    padding: 10px;
    background: transparent;
    color: #1c9ad6;
    border-color: #1c9ad6;
    margin-top: 10px;
    min-width: 130px;
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
}

.fa-arrow-right:before {
    content: "\f061";
}

.article-col-right {
    float: right;
    width: 380px;
}

.article-col-main {
    margin-right: 395px;
    overflow: hidden;
}

.item-news-hot {
    position: relative;
    display: block;
    overflow: hidden;
}

.img-container {
    position: relative;
    padding-top: 60%;
    text-align: center;
    overflow: hidden;
}

.img-container img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    min-height: 100%;
}

.item-news-hot .info {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    padding: 15px;
    padding-top: 100%;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.item-news-hot .info b {
    display: block;
    font-size: 18px;
}

.item-news-hot .info .time {
    display: block;
    margin: 10px 0;
}

.article-col-right .item-news-hot {
    margin-bottom: 15px;
}

.article-col-right .item-news-hot .img-container {
    height: 100%;
    padding: 0;
}

.article-col-right .item-news-hot b {
    font-size: 14px;
}

.title-block-news {
    border-bottom: solid 2px #365899;
    overflow: hidden;
    margin-bottom: 10px;
    height: 38px;
}

.title-block-news .h-title {
    margin: 0;
    font-size: 16px;
    background: #365899;
    color: #fff;
    float: left;
    line-height: 38px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding: 0 5px 0 15px;
    border-radius: 4px 0 0 0;
}

.title-block-news .h-title:after {
    content: '';
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    right: -21px;
    top: 0;
    background: #365899;
    border-radius: 4px 4px 0 0;
    transform: skew(20deg, 0);
}

.title-block-news .h-title span {
    position: relative;
    z-index: 8;
}

.article-col-main .block-news {
    margin-bottom: 20px;
    overflow: hidden;
}

.list-news .img-side {
    float: left;
    width: 35%;
}

.list-news .item {
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}

.list-news.home .item.first {
    width: 45%;
    float: left;
}

.list-news .item.first .img-side {
    width: 100%;
    margin-bottom: 10px;
}

.list-news .item.first .info {
    margin-left: 0;
    padding: 0;
}

.list-news .item.first .info .name {
    font-size: 16px;
}

.list-news .item .name {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

.list-news .item .time {
    color: #999;
    font-style: italic;
    display: block;
    margin-bottom: 5px;
}

.list-news .item .summary {
    font-size: 14px;
}

.list-news.home .list-right {
    margin-left: 45%;
    padding-left: 15px;
}

.list-news .info {
    margin-left: 35%;
    padding-left: 10px;
    text-align: justify;
}

.bottom-footer {
    text-align: center;
    margin-bottom: 5px !important;
}

.list-news.most-view .item {
    padding: 10px 0;
    margin: 0;
    border-bottom: solid 1px #eee;
}

.list-news.most-view .item:last-child {
    border: none;
}

.other-news .list-news {
    margin: 0;
}

.other-news .list-news .item {
    width: 25%;
    float: left;
    padding: 0 10px;
}

.other-news .list-news .item .name {
    font-size: 14px !important;
}

#col-right {
    float: right;
    width: 280px;
}

.filter-left .title {
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.filter-left .list a.item {
    display: block;
    margin-bottom: 5px;
}

.filter-left {
    padding: 10px 5px 10px 10px;
}

.filter-left .list {
    max-height: 320px;
    overflow: auto;
}

.filter-left .list label {
    display: inline-block;
    margin-bottom: .5rem;
    color: #3996ce;
}

.checkbox,
.radio {
    display: inline-block;
    vertical-align: middle;
}

.checkbox .icon,
.radio .icon {
    height: 13px;
    width: 13px;
    background: #fff;
    border: solid 2px #ddd;
    display: inline-block;
    border-radius: 2px;
    margin-right: 4px;
    position: relative;
}

.checkbox .icon {
    width: 15px;
    height: 15px;
}

.radio input:checked~.icon {
    border-color: #d9282f;
}

.checkbox input:checked~.icon {
    font-family: "FontAwesome";
    background: #d9282f;
    border-color: #d9282f;
}

.checkbox input:checked~.icon:before {
    content: "\f00c";
}

.radio .icon {
    border-radius: 50% !important;
    background: #ffffff;
    border: solid 2px #bbb;
    overflow: hidden;
}

.checkbox input:checked~.icon:before,
.radio input:checked~.icon:before {
    display: inline-block;
    line-height: 13px;
    height: 13px;
    font-size: 13px;
    color: #ffffff;
    position: absolute;
}

.radio input:checked~.icon:before {
    background-color: #d9282f;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    left: 2px;
    top: 2px;
}

.checkbox input,
.radio input {
    display: none;
}

.border {
    border: solid 1px #ddd;
}

.filter-left .list.two-col .item {
    float: left;
    width: 50%;
}

#col-right::-webkit-scrollbar {
    width: 6px;
}

#col-right::-webkit-scrollbar-track {
    background: #fff;
}

#col-right::-webkit-scrollbar-thumb {
    background: #d7d7d7;
    border-radius: 10px;
}

#col-right::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

#content-left {
    float: left;
    width: 905px;
}

#tab-pro-hot .content-tab {
    padding: 5px;
    box-shadow: 0px 0px 5px 0px #ccc;
    overflow: hidden;
    float: left;
    width: 100%;
    background: #fff;
}

#tab-pro-hot .title-tab {
    height: 55px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    padding-top: 5px;
    padding-left: 5px;
    margin-left: -5px;
}

#tab-pro-hot .title-tab a {
    font-size: 18px;
    color: #365899;
    background: #e1e1e1;
    display: block;
    float: left;
    padding: 0 20px;
}

#tab-pro-hot .title-tab a.current {
    color: #f00;
    background: #fff;
    box-shadow: 0px 0px 5px 0px #ccc;
}

#tab-pro-hot {
    margin-bottom: 15px;
    margin-top: -5px;
}

.owl-nav {
    margin: 0 !important;
}

.owl-nav button {
    position: absolute;
    color: #999 !important;
    margin: 0 !important;
    top: 50%;
    transition: all 0.2s ease;
    outline: none;
    z-index: 99999;
    opacity: .5;
    transform: translate(0, -50%);
}

.owl-nav button span {
    font-size: 50px;
    margin: 0 !important;
    padding: 0 2px !important;
    background: rgba(0, 0, 0, 0.16);
    height: 50px;
    display: block;
    line-height: 41px;
}

.owl-nav .owl-prev {
    left: 0;
    border-radius: 0 4px 4px 0;
}

.owl-nav button.disabled {
    display: none !important;
}

.owl-nav .owl-next {
    right: 0;
}

.owl-nav button:hover {
    opacity: 1;
    background: none !important;
}

#adv-popup .background {
    display: none;
    position: fixed;
    height: 100% !important;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 9999999;
    opacity: .8;
}

#adv-popup .banner {
    display: none;
    position: fixed;
    z-index: 99999991;
}

#adv-popup .close {
    font-size: 25px;
    right: 0;
    top: 0;
    color: #f00;
    font-weight: bold;
    position: absolute;
    opacity: 1;
    text-shadow: none;
    cursor: pointer;
}

#adv-popup .banner img {
    max-height: 600px;
    display: block;
    margin: auto;
}

.product-category-child .banner {
    float: left;
}

.product-category-child .banner img {
    display: block;
    width: 300px;
    height: 329px;
}

.product-category-child .product-list.has-banner li {
    width: 25%;
}

.product-category-child .product-list.has-banner li:nth-child(n+5) {
    display: none;
}

.product-category-child .h-title h2 {
    margin: 0;
    text-transform: uppercase;
    float: left;
    margin-bottom: 10px;
}

.product-category-child .h-title {
    overflow: hidden;
}

.product-category-child .h-title a {
    float: right;
    color: #0a62ac;
    margin-top: 10px;
}

.product-category-child {
    margin-bottom: 30px;
}

#list-brand-filter {
    border: solid 1px #ddd;
    text-align: center;
    background-color: #e0e0e0;
}

#list-brand-filter h2 {
    text-transform: uppercase;
}

#list-brand-filter .list {
    padding: 20px 30px;
    display: block !important;
    overflow: hidden;
    text-align: center;
    transition: all .3s ease;
}

#list-brand-filter .item a {
    align-items: center;
    border-radius: 34px;
    background-color: #fff;
    justify-content: center;
    display: flex;
    height: 35px;
    padding: 2px 14px;
    border: 2px solid #fff;
}

#list-brand-filter .item img {
    height: 28px;
    width: auto;
    display: block;
    margin: auto;
}

#list-brand-filter .item {
    text-align: center;
    display: inline-block;
    margin: 0 10px;
    width: 10%;
}

.category-pro-list .h-title {
    font-size: 16px;
    margin: 0;
    float: left;
}

.category-pro-list select {
    float: right;
    width: 145px;
    border-radius: 0;
    height: 28px;
}

.blog-related h3 {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #333;
    line-height: 1.3em;
    padding-bottom: 5px;
    font-weight: 400;
}

.blog-related li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.blog-related li img {
    max-width: 80px;
    margin-right: 10px;
}

.blog-related #list_hide {
    padding: 8px 0 0 0;
    color: #288ad6;
    display: block;
}

.unit-detail-amount-control {
    position: relative;
    width: 126px;
    height: 32px;
    line-height: 32px;
    zoom: 1;
}

.unit-detail-amount-control a {
    cursor: pointer;
    float: left;
    width: 32px;
    height: 30px;
    border: 1px solid #ddd;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    color: #333;
    background: #fff;
}

.unit-detail-amount-control input {
    float: left;
    width: 35px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-left: none;
    border-right: 0;
}

.unit-detail-amount-control a:hover {
    background: #ddd;
}

#config-group .item {
    border: solid 1px #cecece;
    float: left;
    text-align: left;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 5px;
    border-radius: 2px;
    width: 32%;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
}

#config-group .item:nth-child(3n+3) {
    margin-right: 0 !important;
}

#config-group .item:nth-child(3n+1) {
    clear: both;
}

#config-group .item:hover,
#config-group .item.selected {}

#config-group .item .name {
    margin-bottom: 0px;
    margin-left: 20px;
    font-size: 13px;
    line-height: 1.45;
}

#config-group .item .price {
    color: #d50000;
    font-weight: bold;
    margin-left: 20px;
}

#config-group .summary {
    margin-bottom: 5px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    margin-top: -5px;
}

#config-group .item .radio {
    float: left;
}

#deal-home {
    border: solid 1px #ec3237;
    border-radius: 10px;
    padding-bottom: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}

#deal-home .head {
    height: 45px;
    background: #ec3237;
    color: #fff;
    padding: 0 20px;
}

#deal-home .head .h-title {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 45px;
    margin: 0;
    font-weight: bold;
    float: left;
}

#deal-home .head .h-title .icons {
    width: 25px;
    height: 39px;
    background-position: -140px 0;
    float: left;
    margin: 3px 5px 0 -10px;
}

#deal-home .time-group {
    font-weight: bold;
    float: left;
    margin-left: 30px;
}

#deal-home .time-group span {
    display: block;
    float: left;
    background: #d9282f;
    height: 34px;
    line-height: 34px;
    padding: 0 8px;
    border-radius: 9px;
    margin: 5px 2px;
    font-size: 16px;
}

#deal-home .time-step {
    float: right;
    margin-right: -20px;
}

#deal-home .time-step .item {
    float: left;
    padding: 3px 60px;
    text-align: center;
    font-size: 13px;
    height: 45px;
    cursor: pointer;
    opacity: .5;
}

#deal-home .time-step b {
    display: block;
    font-size: 18px;
    line-height: 20px;
}

#deal-home .time-step .item.current {
    background: #d9282f;
    opacity: 1;
}

#deal-home .time-step .item.current b {}

.viewall-dealhome {
    margin-top: -83px;
    position: relative;
    padding: 8px 40px;
    font-size: 16px !important;
}

.btn-round {
    border: solid 1px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
}

.icons.icon-deal-yellow {
    width: 16px;
    height: 26px;
    background-position: -238px -9px;
    float: left;
    margin: 0 10px 0 8px;
}

.p-order-status {
    height: 16px;
    line-height: 16px;
    border: solid 1px #ffb401;
    border-radius: 30px;
    margin-top: 8px;
    position: relative;
    background: #ed3236;
    background: -moz-linear-gradient(left, #ed3236 0%, #fd5707 100%);
    background: -webkit-linear-gradient(left, #ed3236 0%, #fd5707 100%);
    background: linear-gradient(to right, #ed3236 0%, #fd5707 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ed3236', endColorstr='#fd5707', GradientType=1);
}

.p-order-status .text {
    padding-left: 10px;
    font-size: 10px;
    position: absolute;
    color: #fff;
    margin-left: 10px;
    text-transform: uppercase;
    line-height: 16px;
}

.p-total-offer-2019 {
    margin-top: 15px;
    display: block;
    height: 14px;
}

.p-order-status .bg-count-left {
    display: block;
    float: left;
    background: #ffb401;
    width: 30%;
    height: 100%;
    border-radius: 30px 0 0 30px;
}

.owl-item .p-item {
    width: 100% !important;
}

.p-item {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    margin: 10px 0;
    transition: all .3s ease;
}

.p-container {
    padding: 15px;
    overflow: hidden;
}

.text-center {
    text-align: center;
}

.d-icons {
    background-image: url(../template/2017/images/sprite_deal.png?v=5);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 310px auto;
}

#deal-home .head .h-title .d-icons {
    width: 25px;
    height: 39px;
    background-position: -140px 0;
    float: left;
    margin: 3px 5px 0 -10px;
}

.icon-order-status-deal {
    background-position: -214px -7px;
    width: 12px;
    height: 16px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 3px;
}

.p-discount {
    width: 45px;
    height: 27px;
    background-position: -174px -52px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 27px;
    text-align: center;
    padding-left: 5px;
    color: #fff;
    font-weight: bold;
    z-index: 5;
}

.p-old-price {
    text-decoration: line-through;
    color: #999;
}

#product-deal-info {
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    border: solid 1px #d9282f;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
}

#product-deal-info>.title {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    float: left;
    background: #d9282f;
    font-style: italic;
    padding-right: 10px;
    margin-right: 20px;
    position: relative;
}

#product-deal-info>.title:after {
    content: '';
    display: block;
    height: 40px;
    width: 21px;
    background: #d9282f;
    -ms-transform: skewY(20deg);
    -webkit-transform: skewY(20deg);
    transform: skewY(78deg);
    position: absolute;
    right: -12px;
    top: 8px;
}

#product-deal-info .p-order-status {
    float: right;
    border: none;
    width: 135px;
    margin-top: 6px;
    margin-right: 6px;
}

#product-deal-info .time {
    float: left;
}

#product-deal-info .time .count-down {
    float: left;
}

#product-deal-info .time .title {
    font-size: 13px;
    float: left;
    margin-right: 5px;
}

#product-deal-info .count-down span {
    display: inline-block;
    color: #d9282f;
    font-weight: bold;
    border-radius: 7px;
    margin: 0 3px;
}

#product-deal-info .p-order-status .icon-order-status-deal {
    bottom: 2px;
}

.d-icons.icon-deal-yellow {
    width: 16px;
    height: 26px;
    background-position: -238px -9px;
    float: left;
    margin: 0 10px 0 8px;
}

#js-list-deal.deal-right .col-deal {
    width: 50%;
    float: left;
}

#js-list-deal.deal-right {
    border: solid 1px #ccc;
    margin-bottom: 10px;
}

#new-config {
    color: #999;
}

#new-config .name b {
    font-weight: 400;
    color: #000;
}

#new-config .item {
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    background: #b2b2b2;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    transition: all .3s ease;
}

#new-config .item a {
    display: block;
    padding: 6px;
    color: #fff;
}

#new-config .item.current,
#new-config .item:hover {
    border-color: #888;
    background: #4b4e56;
}

#new-config .config-attribute {
    padding: 10px 0;
    border-top: dotted 1px #bbb;
    position: relative
}

#new-config .config-attribute:first-child {
    border-top: 0
}

#new-config .config-attribute .name {
    margin-bottom: 10px;
}

#new-config .item.color {
    background: none;
    border: 2px solid #b2b2b2;
    border-radius: 50%;
    overflow: hidden;
    width: 60px;
    height: 60px;
}

#new-config .item.color {
    margin-right: 5px;
}

#new-config .item.color:hover {
    border-color: #ca1010;
}

#new-config .item img {
    max-height: 45px;
    max-width: 45px;
}

.icon-gift-combo {
    position: absolute;
    width: 40px;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    right: auto !important;
}

.position-relative {
    position: relative !important;
}

.position-relative:hover .list-sub-hover {
    display: block;
}

.list-sub-hover {
    position: absolute;
    display: none;
    top: -8px;
    left: 100%;
    width: 210px;
    background: #fff;
    box-shadow: 0 0 4px 0 #b5b5b5;
    margin-left: 0;
    padding: 5px 10px;
    z-index: 9;
    border-radius: 3px;
}

.d-inline-block {
    display: inline-block !important;
}

.new-sub-cat {
    line-height: 20px;
}

.col-deal.out-stock {
    opacity: 1 !important;
    pointer-events: none;
}

.col-deal .p-item {
    width: 20%;
}

.view-right {
    float: right;
    line-height: 35px;
    margin-right: 15px;
    color: #fff;
    font-weight: 600;
}

.article-detail img {
    margin-top: 15px;
    margin-bottom: 15px;
}

.nd table {
    width: 100% !important;
    margin-left: 0px !important;
}

.nd table tr {
    line-height: 22px !important;
}

.nd table tr th {
    padding: 0px 10px !important;
}

#tab1 .nd table tr td {
    width: 20% !important;
}

.nd table tr td ul {
    width: 100%;
    float: left;
    padding: 15px;
}

#tab1 .nd table tr:nth-child(1) {
    background: #f1f1f1 !important;
    font-weight: bold
}

.nd table tr:nth-child(2) {
    background: #fff !important
}

.nd table tr:nth-child(2n+1) {
    background: #f3f3f3 !important;
}

.nd table td {
    padding: 7px !important;
    padding-left: 10px !important;
    text-align: left !important;
    border: 1px solid #ccc !important
}

.nd table tr td,
.nd table tr td p,
.nd table tr td p {
    margin: 0 0 0 0 !important;
}

.nd table tr td p strong {
    font-weight: 600;
}

@media (min-width:1650px) {
    .col-deal .p-item {
        width: 16.6666667%;
    }
}

.guidebanner.full {
    height: auto;
}

.guidebanner.full .gb-more {
    display: none;
}

.guidebanner {
    display: block;
    margin: 10px 0 15px 0;
    height: 265px;
    overflow: hidden;
    position: relative;
}

.guidebanner .gb-title {
    padding: 20px 10px;
    border: solid 1px #eee;
}

.guidebanner .gb-title h3 {
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin: 0;
}

.guidebanner .gb-title a {
    color: #288ad6;
    float: right;
}

.guidebanner .gb-title a b {
    font-weight: normal;
}

.guidebanner.full .gb-title a i {
    display: inline-block;
}

.guidebanner.full .gb-title a b {
    display: none;
}

.guidebanner .gb-title a i {
    font-style: normal;
    display: none;
}

.guidebanner .gb-title a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.guidebanner .gb-img {
    position: relative;
}

.guidebanner .gb-img img {
    display: block;
    width: 100%;
}

.guidebanner .gb-img a:last-child {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 40px;
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: auto;
}

.guidebanner .gb-more {
    display: block;
    position: absolute;
    top: 255px;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}

.guidebanner .gb-more:before {
    height: 55px;
    margin-top: -45px;
    content: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), color-stop(.2, #fff), to(rgba(255, 255, 255, 0)));
    display: block;
}

.guidebanner .gb-more a {
    color: #288ad6;
    display: block;
    margin-top: -18px;
}

.guidebanner .gb-more a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.square-trade-content {
    width: 100%;
}

.fa-user-headset:before {
    content: "\f82d";
}

@keyframes gradient {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -200% 0
    }
}

.ribbon {
    position: absolute;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    top: -2px;
    left: -2px;
    border-radius: 8px 2px 19px;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .25);
    background: repeating-linear-gradient(to right, red 0, #00f 50%, red 100%);
    background-size: 200% auto;
    background-position: 0 100%;
    animation: gradient 2s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

#form-tan-nuoc-custom {
    position: relative;
    border: 1px solid #ececec;
    border-radius: 16px 8px 8px;
    padding: 15px 10px;
}

.number-footer {
    color: #fff;
    background-color: #ed1b24;
    font-size: 16px;
    padding: 5px 6px
}

.title-footer {
    text-align: center;
    background-color: #243a76;
    padding: 5px 10px;
    color: #fff;
    border-radius: 0 25px 25px 0;
    font-weight: bold;
    font-size: 16px !important
}

.contact-table {
    width: 100%;
    border: 3px dotted #4471c2;
}

.banner-footer-left-container {
    max-width: 375px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.banner-footer-left-container .hasBanner {
    bottom: 0 !important;
    transition: .3s ease-in-out;
}

.banner-footer-left-container .banner-on {
    position: fixed;
    bottom: -145px;
    transition: .3s ease-in-out;
}

.banner-footer-left-container .js-close-banner {
    border: solid 1px #dfdfdf;
    font-size: 20px;
    color: #365899;
    cursor: pointer;
    position: absolute;
    width: 30px;
    text-align: center;
    background: #fff;
    height: 30px;
    right: 0;
    line-height: 30px;
    top: 0px;
    z-index: 20;
    text-decoration: none;
    transition: .4s all;
}

.banner-footer-left-container .banner-off {
    background: #365899;
    border-radius: 9px 9px 0 0;
    text-align: center;
    transition: .3s ease-in-out;
    position: fixed;
    bottom: -100px;
}

.banner-footer-left-container .noBanner {
    bottom: 0 !important;
    transition: .3s ease-in-out;
    display: block !important;
}

.banner-footer-left-container .banner-off a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px;
}

.youtube-video-place::after {
    content: '\f0da';
    font-family: fontawesome;
    transform: translate(-50%, -50%);
    z-index: 100;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    -moz-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    z-index: 63;
    font-size: 40px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    border-radius: 11px;
    transition: .15s all;
}

.youtube-video-place {
    position: relative;
    cursor: pointer
}

.youtube-video-place img {
    max-height: 215px;
    display: block;
    margin: auto;
    width: 100%;
}

.youtube-video-place.played::after {
    display: none
}

.youtube-video-place:hover::after {
    background: #f00;
    transition: .15s all;
}

.you-content {
    background: #000;
    margin-bottom: 5px;
}

@media(max-width:1399px) {
    #home-section2 .news li:last-child {}
}

@media(max-width:1649px) {
    #top-saleoff .product-list li:nth-child(n+5) {
        display: none;
    }

    .box-pro-home .product-list li:nth-child(n+11) {
        display: none;
    }

    .product-category-child .product-list li:nth-child(n+6) {
        display: none;
    }
}

@media(min-width:1400px) {
    .product-list-not-full li {
        /* width: 25% !important; */
        min-height: 375px;
    }

    .container {
        width: 1360px;
    }

    #main-menu ul {
        width: 250px;
        height: 586px;
    }

    .sub-menu {
        left: 248px;
    }

    #main-menu ul li a.root {
        line-height: 23px;
    }

    #slider {
        width: 695px;
        margin-left: 260px;
    }

    #slider #sync1 {
        height: 520px;
        max-height: 520px;
    }

    #slider #sync2 {
        height: 76px;
    }

    #slider #sync2 .item {
        height: 76px;
        display: table-cell;
        vertical-align: middle;
    }

    #right-top-home {
        width: 395px;
    }

    #right-top-home .video {
        height: 408px;
    }

    #right-top-home .banner img {
        height: 183px;
    }

    #top-saleoff {
        width: 1000px;
    }

    .banner-saleoff-home img {
        width: 100%;
    }

    .top-deal {
        width: 500px;
        height: 724px;
    }

    #top-saleoff .product-list {
        width: 500px;
    }

    #footer-bottom table td {
        width: 300px;
    }

    #content-left {
        width: 1065px;
    }

    #product-image {
        width: 500px;
    }

    #overview {
        width: 845px;
    }

    #overview-left {
        width: 530px;
    }

    .content-tab-left {
        width: 945px;
    }

    #pro-info-tab .title-tab.fixed {
        width: 1360px;
    }

    #comment {
        width: 945px;
    }

    .cart-right {
        width: 450px;
    }

    .cart-left {
        width: 895px;
    }
}

@media(min-width:1280px) {
    .list-nav-right li {
        margin-left: 40px
    }
}

@media(min-width:1000px) {
    .list-nav-right li {
        margin-left: 10px
    }
}

@media(min-width:1650px) {
    .container {
        width: 1650px;
    }

    #search {
        width: 910px;
    }

    #main-menu ul {
        width: 300px;
        height: 724px;
    }

    .sub-menu {
        left: 298px;
        min-height: calc(100% + 2px);
    }

    #main-menu ul li a.root {
        line-height: 29px;
    }

    #main-menu ul a.root .img {
        padding-top: 9px;
    }

    #slider {
        width: 850px;
        margin-left: 310px;
    }

    #slider #sync1 {
        height: 630px;
        max-height: 630px;
    }

    #slider #sync2 {
        height: 94px;
    }

    #slider #sync2 .item {
        height: 94px;
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

    #right-top-home {
        width: 480px;
    }

    #right-top-home .video {
        height: 470px;
    }

    #right-top-home .banner img {
        height: 250px;
    }

    #right-top-home .video img {
        height: 250px;
    }

    #home-section2 .news {
        width: 400px;
    }

    #top-saleoff {
        width: 1240px;
    }

    #top-saleoff .product-list li {
        width: 33.33%;
    }

    #top-saleoff .product-list {
        width: 740px;
    }

    .top-deal {
        height: 703px;
    }

    #content-left {
        width: 1355px;
    }

    #product-image {
        width: 630px;
    }

    #overview {
        width: 1000px;
    }

    #overview-left {
        width: 680px;
    }

    .content-tab-left {
        width: 1235px;
    }

    .product-list-not-full li {
        /* width: 20% !important; */
        min-height: 375px;
    }

    #pro-info-tab .title-tab.fixed,
    #comment {
        width: 1650px;
    }

    .product-list-full li {
        width: 16.667%;
    }

    .cart-right {
        width: 500px;
    }

    .cart-left {
        width: 1130px;
    }

    .td-fanpage {
        width: 500px !important;
    }
}

.wait-order-group p {
    margin: 0 0 12px 0 !impportant;
    font-weight: bold;
    font-size: 16px;
}

.wait-order-group .infoInput {
    margin: 0 12px 12px 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: calc(100% / 2 - 6px);
    padding-left: 10px;
    line-height: 38px;
    outline: none;
}

.button-buy-bottom .wait-order-group .infoInput {
    margin: 0 8px 8px 0;
    width: calc(100% / 2 - 4px);
}

.wait-order-group .infoInput:nth-child(2n) {
    margin-right: 0;
}

.wait-order-group a {
    padding: 0;
    text-align: center;
    font-weight: bold;
    color: #ffff;
    background: #d00;
    border-color: #365899 !important;
}

.button-buy-bottom {
    float: left;
}

.button-buy-bottom .wait-order-group a {
    padding: 0;
    font-size: 12px;
}

.item_comment .comment_right .cmt-imgs a {
    display: inline-block;
    margin: 6px 10px 0 0;
    position: relative;
    width: 80px;
    height: 80px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

.item_comment .comment_right .cmt-imgs img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: block;
}

.signUpInformationCustomersBottom p {
    text-transform: uppercase;
    font-weight: 500;
    color: #0484bb;
    font-size: 24px;
    margin-bottom: 10px;
}

.signUpInformationCustomersBottom input {
    width: 98%;
    height: 43px;
    font-size: 18px;
    padding-left: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

#signUpInformationCustomers table tr {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

#signUpInformationCustomers table th {
    font-size: 16px;
    background-color: #f5f5f5;
}

#signUpInformationCustomers table {
    border-collapse: collapse;
    width: 100%;
}

#signUpInformationCustomers th,
#signUpInformationCustomers td {
    text-align: left;
    padding: 14px 10px;
}

#signUpInformationCustomers tr:hover {
    background-color: #ddd;
    cursor: pointer;
}

.content-tab-right #signUpInformationCustomers {
    display: none;
}

.content-tab-group .content-pro-group {
    display: none;
}

.content-tab-group .content-pro-group.active {
    display: block;
}

.apple-page .apple-cate-list {
    padding: 20px;
    background: #f3f3f3;
    margin: 20px 0;
}

.apple-page .apple-cate-list p {
    margin-top: 0;
}

.apple-page .cat-list-holder {
    display: flex;
    flex-wrap: wrap;
}

.apple-page .cat-list-holder a {
    width: calc(100% / 8);
    text-align: center;
    margin: 20px 0;
    color: #666666;
    border-radius: 4px;
    padding: 0 10px;
}

.apple-page .cat-list-holder .cat-img {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.apple-page .cat-list-holder span {
    display: block;
}

.apple-page .cat-list-holder a:hover {
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}

.apple-page .apple-filter-group {
    margin: 20px 0 10px 0;
    position: relative
}

.apple-page .apple-filter-group::after {
    content: '';
    display: block;
    clear: both;
}

.apple-page .apple-filter-group select {
    float: right;
    width: 135px;
    height: 40px;
    border-radius: 5px;
    margin: 0
}

.apple-product .icon-apple {
    width: 80px;
    height: 30px;
    background: url(../images/apple-icon.png);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.apple-product .p-icon_new {
    top: 43px;
}

.apple-page .apple-filter-group .item {
    float: left;
    margin-bottom: 10px;
}

.apple-page .apple-filter-group .filter-list-holder {
    background: #ffff;
    display: none;
    position: absolute;
    left: 0;
    width: 1200px;
    z-index: 10;
    padding: 15px;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}

.apple-page .apple-filter-group .filter-title {
    line-height: 38px;
    border-radius: 5px;
    margin: 0 10px 0 0;
    border: solid 1px #e1e1e1;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}

.apple-page .apple-filter-group .filter-title i {
    margin-left: 10px;
}

.apple-page .apple-filter-group .filter-title::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    padding: 5px;
}

.apple-page .apple-filter-group .filter-list-holder label {
    display: inline-block;
    margin: 0 0 15px 0;
    font-size: 14px;
    width: calc(100% / 5 - 3px);
}

.apple-page .apple-filter-group .item:hover .filter-list-holder {
    display: block;
}

.apple-page .apple-filter-group .apple-filter-left {
    width: calc(100% - 135px);
    float: left;
}

.apple-page .apple-filter-group .apple-filter-left::after {
    content: '';
    display: block;
    clear: both;
}

.home-banner-group {
    width: calc(100% - 230px);
    margin: auto 0 auto auto;
}

.home-banner-group .home-banner-slider {
    margin-right: 10px;
    width: 657px;
    float: left;
}

.home-banner-group .home-banner-right {
    width: calc(100% - 667px);
    float: left;
}

.custom-dots-2021 .owl-dots {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.custom-dots-2021 .owl-dots .owl-dot:hover span {
    background: #365899 !important;
}

.custom-dots-2021 .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background: #b7b7b7;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.custom-dots-2021 .owl-dots .owl-dot.active span {
    width: 29px;
    background: #365899 !important;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.youtube-video-place {
    padding-bottom: 166px;
    margin-bottom: 5px;
}

.home-banner-right .owl-carousel .item a {
    display: block;
    padding-bottom: 160px;
    position: relative;
}

.youtube-video-place img,
.home-banner-right .owl-carousel .item a img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    height: 100%;
}

.fixed>.ul {
    top: 0px;
}

.home-banner-right .banner-under {
    margin-top: 6px;
}

#product-info-price table {
    padding-bottom: 10px !important;
}

.h1-title {
    margin-top: 15px;
}


/* === style 10/2022 ==*/

.product-page .product-list-group {
    margin: 18px 0
}

.product-page .product-list-group li.no-products {
    width: 100% !important;
    border: none;
    box-shadow: none;
    border-radius: 0px !important;
}

.product-page .product-title-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.product-page .product-title-group select {
    width: auto;
    height: 40px;
    min-width: 130px
}

.product-filter-container {
    position: relative;
}

.product-filter-container::after {
    content: '';
    display: block;
    clear: both
}

.product-filter-container .filter-item {
    margin: 0 8px 8px 0;
    float: left;
}

.product-filter-container .filter-item.active .filter-sub {
    display: block;
}

.product-filter-container .filter-item .item-title {
    background: #FFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 15px 12px 12px;
    margin: 0;
    cursor: pointer;
    position: relative;
    display: block
}

.product-filter-container .item-title i {
    margin-left: 5px;
    min-width: 8px
}

.product-filter-container .filter-item .filter-sub {
    display: none;
    background: #fff;
    background-color: #fff;
    max-width: 600px;
    min-width: 382px;
    position: absolute;
    padding: 16px;
    width: max-content;
    white-space: normal;
    z-index: 11;
    margin-top: 13px;
    border-radius: 8px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
}

.product-filter-container .filter-sub .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px;
    position: relative;
}

.product-filter-container .filter-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 16px
}

.product-filter-container .filter-list a {
    margin: 7px 7px 0 0;
    border-radius: 5px;
    background: #fff;
    /*box-shadow:0 0 0 1px #E0E0E0;*/
    padding: 12px;
    border: 1px solid #E0E0E0
}

.product-filter-container .filter-list a.current {
    box-shadow: 0px 0px 0px 1px #365899;
}

.product-filter-container .filter-list .has-image {
    padding: 8px 12px;
    width: calc(100% / 5 - 6px)
}

.product-filter-container .filter-list .has-image:nth-child(5n) {
    margin-right: 0
}

.product-filter-container .has-image img {
    display: block;
    margin: auto;
    max-height: 24px
}

.product-filter-container .filter-item.active .item-title::after {
    content: "";
    position: absolute;
    z-index: 11;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(0 0 0 / 6%);
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}

.product-filter-container .filter-item.active .item-title::before {
    content: "";
    position: absolute;
    box-shadow: -2px -2px 6px -5px;
    z-index: 12;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%)
}

.product-filter-container .filter-large-item.active .item-title,
.product-filter-container .filter-large-item.active .filter-sub {
    z-index: 10000
}

.product-filter-container .filter-large-item .filter-large {
    width: 950px;
    height: 530px;
    max-width: 950px;
    padding: 0;
    overflow: hidden
}

.product-filter-container .filter-large-holder {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    padding-bottom: 75px;
    height: calc(100% - 55px);
    width: 100%
}

.product-filter-container .filter-large-holder .item {
    padding: 20px 16px;
    border-bottom: 1px solid #E0E0E0;
    width: calc(100% / 3)
}

.product-filter-container .filter-large-holder .item:last-child {
    border: 0
}

.product-filter-container .filter-sub-close {
    line-height: 30px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #E0E0E0;
    top: 7px;
    right: 16px;
    color: #333;
    padding: 0 11px;
    background: #fff;
    width: 66px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6px 16px -36px auto;
    z-index: 1
}

.product-filter-container .filter-sub-close:hover {
    background: #333;
    color: #fff
}

.product-filter-container .filter-btn-group {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25)
}

.product-filter-container .filter-btn-group a {
    background: #365899;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    min-width: calc(50% - 5px);
}

.product-filter-container .filter-btn-group a:first-child {
    background: #fff;
    color: #D42333;
    box-shadow: 0px 0px 0px 1px #D42333;
}

@media(min-width: 1400px) {
    .home-banner-group {
        width: calc(100% - 260px);
        min-height: 590px;
        margin-bottom: 10px
    }

    .home-banner-group .home-banner-right {
        width: 330px;
    }

    .home-banner-group .home-banner-slider {
        margin-right: 12px;
        width: calc(100% - 342px);
    }

    .home-banner-right .owl-carousel .item a,
    .youtube-video-place {
        padding-bottom: 194px;
    }
}

@media(min-width: 1650px) {
    .home-banner-group {
        width: calc(100% - 310px);
        min-height: 714px;
    }

    .home-banner-group .home-banner-slider {
        width: 906px;
        margin-right: 10px;
    }

    .home-banner-group .home-banner-right {
        width: calc(100% - 916px);
    }

    .home-banner-right .owl-carousel .item a,
    .youtube-video-place {
        padding-bottom: 219px;
    }

    .youtube-video-place {
        margin-bottom: 12px;
    }

    #main-menu ul {
        height: 700px
    }
}

.detail-icon-apple {
    width: 130px;
    height: 45px;
    background: url(../images/rsz_apple-authorized-reseller.png);
    position: absolute;
    right: 10px;
    z-index: 2;
}

#snow {
    position: relative;
    width: 100%;
    height: 100%;
}

.owl-nav i {
    font-size: 40px;
    color: #000 !important;
    font-weight: bold;
}

@media (max-width: 1300px) {
    #main-menu ul li a.root {
        font-size: 12px;
    }
}

.box-pro-home .product-list .p-name {
    margin-top: 25px;
}

::-webkit-scrollbar {
    width: 8px !important;
}


/* Track */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
}


/* Handle */

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 8px !important;
    background: #4471c2 !important;
    /*rgba(255,0,0,0.8);*/
    -webkit-box-shadow: inset 0 0 6px rgb(54, 88, 153) !important;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #4471c2 !important;
    /*rgba(255,0,0,0.4); */
}

.h-title1 {
    font-size: 22px;
    font-weight: 600;
    color: #121212;
}

.pluginSkinLight,
.pluginFontHelvetica {
    display: none !important;
}

.stop-buy {
    margin: 0px !important;
    color: #444b52;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 4px;
    border: solid 1px #e9ecef;
    background: #f8f9fa;
}

.facebook_chat {
    width: 33px;
    height: 33px;
    background: #ddd;
    border-radius: 3px;
    margin-top: 5px;
}

.facebook_chat img {
    width: 33px;
    height: 33px;
    padding: 3px;
}

.zalo_chat {
    width: 33px;
    height: 33px;
    background: #fff;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.zalo_chat img {
    width: 33px;
    height: 33px;
}

.zalo_chat #mxh_zalo {
    top: 22px;
    left: -80px !important;
}

.bocongthuong img {
    width: 40%;
    float: left;
    margin-left: 10%;
}

.bocongthuong .dmca-badge img {
    width: 29%;
    margin-top: 9px;
}

.pay-qrcode-bank {
    width: 100%;
    float: left
}

.pay-qrcode-bank ul {
    width: 100%;
    float: left;
}

.pay-qrcode-bank ul li {
    width: 25%;
    padding: 30px;
    float: left;
    text-decoration: none;
    list-style: none;
}

.pay-qrcode-bank ul li img {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.pay-qrcode-bank ul li h3 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #1a2174;
}

.content .red {
    color: red;
}

.content .blue {
    color: blue;
}

.content .green {
    color: green;
}

.view_product {
    margin-top: 10px !important;
    width: 100%;
    float: left;
    margin-bottom: 0px !important;
}

.bh_product {
    width: 100%;
    float: left;
    margin-top: 0px !Important;
    margin-bottom: 10px !important;
}

.tbl-technical a {
    color: blue;
}


/*.zalo-chat-widget {right: 5px!important; bottom: 120px!important;}  
#root .logo img{ width:33px!important;}
*/

.autocomplete-suggestions {
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    max-height: 400px;
    overflow-y: auto;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.autocomplete-suggestion {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    transition: background-color 0.3s;
}

.autocomplete-suggestion:hover {
    background-color: #f5f5f5;
}

.autocomplete-suggestion:last-child {
    border-bottom: none;
}

.suggest_link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.suggest_link:hover {
    color: red;
}

.loading-search,
.no-results,
.search-error {
    padding: 15px;
    text-align: center;
    color: #666;
}

.search-error {
    color: red;
}


/* Responsive */

@media (max-width: 768px) {
    .autocomplete-suggestions {
        max-height: 300px;
    }

    .autocomplete-suggestion img {
        width: 40px !important;
    }
}


/* Popup Overlay */

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    animation: fadeIn 0.3s ease;
}

.popup-overlay.active {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Popup Container */

.popup-container {
    background: white;
    width: 90%;
    max-width: 500px;
    border-radius: 16px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    animation: slideUp 0.4s ease;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
}


/* Close button */

.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    background: #f3f4f6;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
}

.close-btn:hover {
    background: #e5e7eb;
    transform: rotate(90deg);
}

.close-btn svg {
    width: 16px;
    height: 16px;
    fill: #6b7280;
}


/* Form Header */

.form-header {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    padding: 30px;
    border-radius: 16px 16px 0 0;
    text-align: center;
}

.form-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}

.form-header p {
    font-size: 14px;
    opacity: 0.9;
}


/* Form Body */

.form-body {
    padding: 30px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #374151;
    font-size: 14px;
}

.form-group label .required {
    color: #ef4444;
    margin-left: 2px;
}

.form-control {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    background-color: #f9fafb;
}

.form-control:focus {
    outline: none;
    border-color: #3b82f6;
    background-color: white;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

textarea.form-control {
    resize: vertical;
    min-height: 100px;
    font-family: inherit;
}


/* Submit Button */

.submit-btn {
    width: 100%;
    padding: 14px 24px;
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 6px rgba(220, 38, 38, 0.25);
}

.submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(220, 38, 38, 0.35);
}

.submit-btn:active {
    transform: translateY(0);
}

.submit-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}


/* Success Message */

.success-message {
    display: none;
    padding: 30px;
    text-align: center;
}

.success-icon {
    width: 64px;
    height: 64px;
    background: #10b981;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.success-icon svg {
    width: 32px;
    height: 32px;
    fill: white;
}

.success-message h3 {
    font-size: 20px;
    color: #111827;
    margin-bottom: 8px;
}

.success-message p {
    color: #6b7280;
    font-size: 14px;
}


/* Loading State */

.loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin 0.8s ease infinite;
}


/* Animations */

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


/* Responsive */

@media (max-width: 640px) {
    .popup-container {
        width: 95%;
        max-height: 95vh;
    }

    .form-header {
        padding: 25px 20px;
    }

    .form-body {
        padding: 20px;
    }

    .form-header h2 {
        font-size: 20px;
    }
}


/* Error State */

.form-control.error {
    border-color: #ef4444;
}

.error-message {
    color: #ef4444;
    font-size: 12px;
    margin-top: 4px;
    display: none;
}

.error-message.show {
    display: block;
}

.sort_des h3 {
    font-weight: 500;
}

.h-title::before {
    content: "";
    display: table;
    clear: both;
}

.h-title {
    display: block;
    width: 100%;
}

.box-category-list {
    margin-bottom: 30px;
}

.breadcrumb_last {
    color: #ec2b2c;
    font-weight: bold;
}

.product-list {
    flex-wrap: wrap;
}

@media (max-width: 1300px) {
    .product-list li {
        width: calc(25% - 11px) !important;
    }
}

@media (max-width: 640px) {
    .title-product {
        margin-top: 15px;
    }

    .bao-hanh {
        padding: 10px;
    }

    /* .product-thumbnail-slider {
        display: none !important;
    } */
    /* .product-gallery-wrapper .item {
        border: none !important;
    } */
    .mb_add_to_cart {
        background: #fff !important;
        border: 1px solid #ed1b24 !important;
        border-radius: 5px;
        color: #121212;
        margin-right: 10px;
        margin-left: 0px;
        width: 20% !important;
    }

    .btn-buy span {
        text-transform: none;
        font-size: 11px;
        margin-bottom: 0px;
        font-weight: normal;
        color: #ed1b24;
    }

    .buy_now_script {
        width: calc(80% - 10px) !important;
        border-radius: 5px !important;
        box-shadow: 0px 1px 3px #303030;
        margin-right: 0px !important;
    }

    .buy_now_script span {
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }

    .full-w-color {
        width: 100%;
        padding: 12px;
    }

    .full-w-color span {
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 15px;
    }

    #js-copy-html-to-bottom {
        margin-top: 49px;
    }

    .content-tab-right {
        margin-top: 0px;
    }

    .c-pro-name span {
        margin-left: 10px;
    }
}