#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: #000;
    opacity: .9;
    filter: alpha(opacity=90)
}

#colorbox {
    outline: 0
}

#cboxContent {
    overflow: visible;
    background: #fff
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    background: #fff
}

#cboxLoadingGraphic {
    background: url(../images/colorbox/loading.gif) no-repeat center center
}

#cboxLoadingOverlay {
    background: #fff
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(../images/colorbox/controls.png) no-repeat 0 0
}

    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
        outline: 0
    }

#cboxPrevious {
    background-position: 0 0;
    right: 44px
}

    #cboxPrevious:hover {
        background-position: 0 -25px
    }

#cboxNext {
    background-position: -25px 0;
    right: 22px
}

    #cboxNext:hover {
        background-position: -25px -25px
    }

#cboxClose {
    background-position: -50px 0;
    right: 0
}

    #cboxClose:hover {
        background-position: -50px -25px
    }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
    right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px
}

    .cboxSlideshow_on #cboxSlideshow:hover {
        background-position: -100px -25px
    }

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0;
    right: 44px
}

    .cboxSlideshow_off #cboxSlideshow:hover {
        background-position: -75px -25px
    }

.cls {
    position: absolute;
    right: 10px;
    top: 11px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 999
}

    .cls:before {
        content: "×";
        font-size: 32px;
        color: #fff;
        line-height: 20px;
        text-align: center;
        width: 100%;
        height: 100%;
        font-family: Tahoma;
        display: block
    }

#popupbox {
    width: 800px;
    position: relative;
    background-color: #fff
}

    #popupbox * {
        box-sizing: inherit
    }

    #popupbox > b {
        text-align: center;
        font-size: 20px;
        padding: 15px 0 12px 0;
        display: block;
        background-color: #333;
        margin-bottom: 15px;
        color: #fff
    }

    #popupbox > label {
        padding: 15px 0;
        display: block;
        text-align: center
    }

    #popupbox.login {
        width: 500px
    }

        #popupbox.login > div {
            padding: 0 15px;
            text-align: center
        }

            #popupbox.login > div > * {
                display: block
            }

            #popupbox.login > div > span {
                margin-bottom: 10px;
                line-height: 1.4
            }

            #popupbox.login > div > button {
                display: inline-block;
                vertical-align: top
            }

    #popupbox.verify {
        width: 500px;
        text-align: center
    }

        #popupbox.verify > p {
            padding: 0 10px;
            text-align: center;
            line-height: 1.4
        }

        #popupbox.verify > div.info {
            padding: 10px 15px;
            background-color: #f1f1f1;
            text-align: center;
            margin: 10px 0
        }

            #popupbox.verify > div.info > * {
                display: inline-block;
                vertical-align: middle
            }

            #popupbox.verify > div.info > img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                margin-right: 7px
            }

            #popupbox.verify > div.info > span {
                text-align: left;
                line-height: 1.4
            }

        #popupbox.verify > form {
            padding: 0 10px;
            text-align: center
        }

            #popupbox.verify > form > * {
                display: block
            }

            #popupbox.verify > form > b {
                text-align: center;
                font-weight: normal;
                font-size: 16px
            }

            #popupbox.verify > form > input {
                height: 30px;
                line-height: 30px;
                border: 1px solid #ccc;
                width: 68%;
                padding: 0 2%;
                border-radius: 4px;
                margin: 5px auto
            }

            #popupbox.verify > form > button {
                display: inline-block
            }

            #popupbox.verify > form > a {
                padding-top: 10px;
                color: #0521ff
            }

            #popupbox.verify > form > p {
                padding: 0 10px;
                line-height: 1.5
            }

    #popupbox.user-list > form {
        text-align: center
    }

        #popupbox.user-list > form > * {
            display: inline-block;
            vertical-align: middle
        }

        #popupbox.user-list > form > span {
            text-align: right;
            width: 180px
        }

            #popupbox.user-list > form > span > b {
                display: block;
                font-size: 16px
            }

        #popupbox.user-list > form > div > * {
            display: inline-block;
            vertical-align: middle
        }

        #popupbox.user-list > form > div.ul-key {
            margin: 0 10px;
            position: relative
        }

            #popupbox.user-list > form > div.ul-key > input {
                width: 200px;
                height: 30px;
                line-height: 30px;
                border: 1px solid #ccc;
                border-radius: 4px;
                padding: 0 30px 0 10px;
                display: block
            }

            #popupbox.user-list > form > div.ul-key > button {
                position: absolute;
                width: 16px;
                height: 16px;
                background: transparent url(/ContentMwg/images/campaigns/icon/btn-search.png) no-repeat center top;
                right: 9px;
                top: 8px;
                border: 0;
                cursor: pointer
            }

    #popupbox.user-list > div {
        padding: 0 10px;
        position: relative;
        max-height: 295px;
        overflow: hidden;
        margin: 15px 0;
        overflow-y: auto
    }

        #popupbox.user-list > div > table {
            width: 100%
        }

            #popupbox.user-list > div > table th {
                padding: 7px 10px;
                background-color: #f1f1f1;
                font-size: 13px;
                text-align: left
            }

                #popupbox.user-list > div > table th.tc {
                    text-align: center
                }

            #popupbox.user-list > div > table td {
                padding: 10px;
                border-bottom: 1px solid #ccc
            }

                #popupbox.user-list > div > table td > a {
                    color: #0091fb
                }

                    #popupbox.user-list > div > table td > a > b {
                        font-weight: normal
                    }

                #popupbox.user-list > div > table td.check > b {
                    color: #63bb02;
                    background: transparent url(../images/general/iconcheckout@2x.png) no-repeat left center;
                    background-size: 260px 50px;
                    background-position: -165px -25px;
                    display: inline-block;
                    padding-left: 20px;
                    height: 16px;
                    line-height: 16px;
                    font-weight: normal;
                    font-size: 13px
                }

                #popupbox.user-list > div > table td.tc {
                    text-align: center
                }

    #popupbox.user-list > a.showmore {
        width: 150px;
        display: block;
        margin: 0 auto 15px auto;
        background-color: #333;
        color: #fff;
        text-align: center;
        height: 30px;
        line-height: 32px;
        font-size: 13px
    }

    #popupbox.user-list > div > p {
        padding: 15px 0 35px 0;
        font-size: 17px;
        text-align: center
    }

    #popupbox.history {
        width: 500px
    }

        #popupbox.history .his-profile {
            margin: -5px 0 10px 0
        }

            #popupbox.history .his-profile > * {
                display: inline-block;
                vertical-align: middle
            }

            #popupbox.history .his-profile > img {
                width: 50px;
                height: 50px;
                border: 1px solid #ccc;
                margin-right: 5px;
                border-radius: 50%
            }

            #popupbox.history .his-profile > span > * {
                display: block
            }

            #popupbox.history .his-profile > span > a {
                color: #09f;
                font-size: 16px
            }

                #popupbox.history .his-profile > span > a > i {
                    font-size: 13px;
                    font-style: normal
                }

            #popupbox.history .his-profile > span > span {
                padding-top: 3px
            }

    #popupbox .content {
        position: relative;
        overflow: hidden;
        padding: 5px 15px;
        max-height: 350px
    }

        #popupbox .content.scrollbar {
            overflow-y: auto
        }

        #popupbox .content > * {
            font-size: 15px;
            line-height: 1.5 !important;
            margin-bottom: 10px
        }

        #popupbox .content a {
            color: #09f
        }

.scroll {
    overflow: hidden;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained
}

@media screen and (max-width: 640px) {
    #popupbox {
        width: 460px !important
    }

        #popupbox.user-list > form > * {
            display: block;
            margin-bottom: 5px
        }

        #popupbox.user-list > form > span {
            text-align: center;
            width: auto
        }

            #popupbox.user-list > form > span > b {
                display: inline-block;
                margin-right: 5px
            }

        #popupbox.user-list > form > div.ul-key {
            width: 262px;
            margin: 0 auto 5px auto
        }

            #popupbox.user-list > form > div.ul-key > input {
                width: 220px
            }

        #popupbox.user-list > div > table th:first-child, #popupbox.user-list > div > table td:first-child {
            text-align: left
        }

        #popupbox.user-list > div > table th:last-child {
            width: 110px
        }

        #popupbox.user-list > div {
            padding: 0 5px
        }
}

@media screen and (max-width: 480px) {
    #popupbox > b {
        font-size: 16px;
        font-weight: normal
    }
}

@media screen and (max-width: 414px) {
    #popupbox {
        width: 394px !important
    }
}

@media screen and (max-width: 384px) {
    #popupbox {
        width: 364px !important
    }
}

@media screen and (max-width: 375px) {
    #popupbox {
        width: 355px !important
    }
}

@media screen and (max-width: 360px) {
    #popupbox {
        width: 340px !important
    }
}

@media screen and (max-width: 320px) {
    #popupbox {
        width: 300px !important
    }
}

.stKCp {
    max-width: 1200px
}

.promote {
    background-color: #c60004;
    margin-bottom: 30px;
    padding: 10px
}

.promote-top {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 30px
}

.promote__title {
    align-items: center;
    display: flex;
    justify-content: center
}

    .promote__title p {
        color: #fff;
        font-size: 12px;
        margin-left: 10px
    }

        .promote__title p span {
            color: #fbe77e;
            font-size: 15px;
            font-weight: bold
        }

        .promote__title p em {
            font-style: normal
        }

.promote-main {
    display: flex;
    margin-top: 15px
}

.promote__form {
    background-color: #fefcec;
    border-radius: 8px;
    padding: 15px 10px;
    width: 190px
}

.promote__banner {
    column-gap: 8px;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(5,minmax(0,1fr));
    padding-left: 10px;
    width: calc(100% - 190px)
}

    .promote__banner img {
        border-radius: 8px;
        display: block;
        max-width: 100%;
        width: 100%
    }

.promote .form-noti {
    color: #c60004;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px
}

.couponform .item-input {
    margin-top: 10px
}

    .couponform .item-input input {
        border: 1px solid #d6d6d6;
        border-radius: 8px;
        height: 38px;
        padding: 10px;
        width: 100%
    }

        .couponform .item-input input:focus {
            border-color: #c60004
        }

.couponform button {
    background-color: #bdbdbd;
    border-radius: 8px;
    border: unset;
    color: #fff;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    position: relative
}

    .couponform button.hasvalue {
        background-color: #c60004
    }

.form-note {
    color: #555;
    font-size: 11px;
    line-height: 17px;
    margin-top: 15px
}

.promote .required {
    color: #f00;
    font-size: 11px;
    margin: 10px 0 0
}

.promote__more {
    color: #fff;
    font-size: 12px;
    line-height: 15px
}

    .promote__more span {
        border: 2px solid #fff;
        border-radius: 50%;
        height: 24px;
        display: inline-block;
        position: relative;
        width: 24px
    }

        .promote__more span::before, .promote__more span::after {
            content: '';
            position: absolute
        }

        .promote__more span::before {
            background-color: #fff;
            height: 2px;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 10px
        }

        .promote__more span::after {
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            border-radius: 2px;
            height: 6px;
            right: 5px;
            top: calc(50% - 3.5px);
            transform: rotate(45deg);
            width: 6px
        }

    .promote__more p {
        display: inline-block;
        margin-right: 5px
    }

.promote-animation {
    height: 10px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 10px
}

    .promote-animation::before {
        content: "";
        position: relative;
        display: block;
        width: 300%;
        height: 300%;
        box-sizing: border-box;
        margin-left: -100%;
        margin-top: -100%;
        border-radius: 45px;
        background-color: #fbeda3;
        -webkit-animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite
    }

    .promote-animation::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fbe77e;
        border-radius: 15px;
        box-shadow: 0 0 8px rgba(0,0,0,.3);
        -webkit-animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;
        animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite
    }

.promote-done {
    margin-top: 10px;
    text-align: center
}

    .promote-done img {
        max-width: 44px
    }

    .promote-done b {
        color: #c60004;
        display: block;
        font-weight: bold;
        margin-top: 10px
    }

    .promote-done p {
        color: #333;
        margin-top: 10px;
        position: relative;
        padding-left: 15px;
        text-align: left;
        font-size: 13px
    }

        .promote-done p::before {
            background-color: #333;
            border-radius: 50%;
            content: '';
            height: 4px;
            left: 2px;
            position: absolute;
            top: 6px;
            width: 4px
        }

.stage-twoKids {
    background-color: #da8403;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 4px;
    display: none
}

.load {
    display: block;
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    border-top: 5px solid transparent;
    -webkit-animation: load-animate infinite linear 1s;
    animation: load-animate infinite linear 1s;
    border-radius: 100%
}

.showLding {
    display: flex
}

.PMHCommon .formcode {
    margin-top: 15px
}

    .PMHCommon .formcode button {
        opacity: .3
    }

        .PMHCommon .formcode button.hasvalue {
            opacity: 1;
            background-color: #2a83e9
        }

.bg-code.PMHCommon {
    background-color: #555c
}

.PMHCommon .code-form::after {
    border: 0
}

.PMHCommon .code-form-main p {
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #475467
}

.PMHCommon .input-item p {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #475467;
    font-weight: bold
}

.PMHCommon .code-title {
    text-align: left;
    color: #1d2939 !important;
    margin-top: 0 !important;
    font-size: 18px !important
}

.PMHCommon .checkbox-icon {
    width: 16px;
    height: 16px;
    background-color: #e8f0fe;
    border-radius: 4px;
    border: 1px solid #2a83e9;
    display: flex;
    align-items: center;
    justify-content: center
}

    .PMHCommon .checkbox-icon svg {
        width: 16px;
        height: 16px;
        stroke: #1a73e8;
        stroke-width: 3;
        fill: none
    }

.PMHCommon .result {
    text-align: left;
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.PMHCommon .code-note {
    display: flex;
    gap: 8px;
    margin-top: 25px
}

.PMHCommon .code-btnclose {
    right: 10px;
    top: 10px;
    background-color: unset;
    border: 0
}

.PMHCommon button.code-btnclose, .code-btnconfirm {
    margin: auto;
    border-radius: 9px;
    display: block;
    position: unset;
    background-color: unset;
    border: 0;
    background: #2a83e9;
    color: #fff;
    padding: 8px 19px;
    text-align: center;
    width: 100%
}

    .PMHCommon button.code-btnclose::before, .PMHCommon button.code-btnclose::after {
        position: unset
    }

.PMHCommon .code-form-img {
    text-align: left
}

    .PMHCommon .code-form-img span {
        margin-top: 20px
    }

.code-form.PMHCommon {
    background-color: #fff !important;
    max-width: 360px;
    max-height: 338px
}

.PMHCommon.code-form::after, .PMHCommon.code-form::before {
    border: 0
}

.PMHCommon .code-form-img b {
    color: #1d2939;
    font-weight: 600;
    font-size: 18px
}

.PMHCommon .stage-twoKids {
    background-color: #2a83e9
}

.PMHAir .formcode {
    margin-top: 15px
}

.formcode {
    margin-top: 10px
}

    .formcode .input-item {
        margin-bottom: 10px
    }

    .formcode input {
        border-radius: 8px;
        border: 1px solid #d6d6d6;
        height: 38px;
        padding: 10px;
        width: 100%
    }

        .formcode input:focus {
            border: 1px solid #c60004
        }

    .formcode button {
        background-color: #bdbdbd;
        border-radius: 9px;
        border: unset;
        color: #fff;
        cursor: pointer;
        padding: 10px;
        pointer-events: none;
        width: 100%;
        position: relative
    }

.PMHAir .formcode button {
    opacity: .3
}

.formcode button.hasvalue {
    background-color: #da8403;
    pointer-events: unset
}

.PMHAir .formcode button.hasvalue {
    opacity: 1
}

.bg-code {
    background-color: rgba(0,0,0,.9);
    bottom: 0;
    display: none;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99
}

    .bg-code.PMHAir {
        background-color: #555c
    }

.code-form {
    background-color: #fffbe5;
    border-radius: 12px;
    display: none;
    max-width: 340px;
    left: 50%;
    padding: 25px 20px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 100
}

    .code-form::before {
        border: 2px solid #da8403;
        border-radius: 12px;
        content: '';
        height: calc(100% - 9px);
        left: 3px;
        position: absolute;
        top: 3px;
        width: calc(100% - 9px);
        z-index: -1
    }

    .code-form::after {
        border: 1px solid #da8403;
        border-radius: 10px;
        content: '';
        height: calc(100% - 14px);
        left: 6px;
        position: absolute;
        top: 6px;
        width: calc(100% - 14px);
        z-index: -1
    }

.PMHAir .code-form::after {
    border: 0
}

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

    .code-title span {
        color: #c60004
    }

.PMHAir .code-form-main p {
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #475467
}

.PMHAir .input-item p {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #475467;
    font-weight: bold
}

.PMHAir .code-title {
    text-align: left;
    color: #1d2939 !important;
    margin-top: 0 !important;
    font-size: 18px !important
}

.PMHAir .checkbox-icon {
    width: 16px;
    height: 16px;
    background-color: #e8f0fe;
    border-radius: 4px;
    border: 1px solid #2a83e9;
    display: flex;
    align-items: center;
    justify-content: center
}

    .PMHAir .checkbox-icon svg {
        width: 16px;
        height: 16px;
        stroke: #1a73e8;
        stroke-width: 3;
        fill: none
    }

.PMHAir .result {
    text-align: left;
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.code-note {
    margin-top: 25px
}

.PMHAir .code-note {
    display: flex;
    gap: 8px;
    margin-top: 25px
}

.code-note p {
    font-size: 11px
}

    .code-note p.required {
        color: #f00
    }

.code-btnclose {
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    position: absolute;
    padding: 7px 30px 7px 15px;
    right: 0;
    top: -40px
}

.PMHAir .code-btnclose {
    right: 10px;
    top: 10px;
    background-color: unset;
    border: 0
}

.PMHAir button.code-btnclose, .code-btnconfirm {
    margin: auto;
    border-radius: 9px;
    display: block;
    position: unset;
    background-color: unset;
    border: 0;
    background: #2a83e9;
    color: #fff;
    padding: 8px 19px;
    text-align: center;
    width: 100%
}

    .PMHAir button.code-btnclose::before, .PMHAir button.code-btnclose::after {
        position: unset
    }

.code-btnclose::before, .code-btnclose::after {
    background-color: #626262;
    content: '';
    height: 16px;
    position: absolute;
    right: 15px;
    top: 8px;
    width: 1px
}

.code-btnclose::before {
    transform: rotate(45deg)
}

.code-btnclose::after {
    transform: rotate(-45deg)
}

.code-form-img {
    text-align: center
}

.PMHAir .code-form-img {
    text-align: left
}

.code-form-img span {
    color: #333;
    display: block;
    font-weight: bold;
    margin-top: 10px
}

.PMHAir .code-form-img span {
    text-align: center
}

.code-form-img b {
    color: #da8403
}

.code-form-list .sfcpPhone {
    font-weight: bold
}

.code-form-list li {
    color: #333;
    margin-top: 10px;
    padding-left: 20px;
    position: relative
}

    .code-form-list li::before {
        background-color: #333;
        border-radius: 50%;
        content: '';
        height: 4px;
        left: 7px;
        position: absolute;
        top: 6px;
        width: 4px
    }

.bannerFirstCp {
    max-width: 1200px;
    margin: 0 auto 20px;
    cursor: pointer
}

    .bannerFirstCp img {
        width: 100%
    }

.lnkFS {
    text-align: center;
    width: 144px;
    display: block;
    margin: 20px auto 5px;
    border-radius: 30px;
    border: solid 1px #bc7103;
    padding: 10px;
    font-weight: bold;
    color: #bc000c;
    background-color: #f9cb70
}

.popupPMHDmx .code-form {
    background-color: #f3f8fe
}

.code-form.PMHAir {
    background-color: #fff !important;
    max-width: 360px;
    max-height: 338px
}

.popupPMHDmx .code-form::before, .popupPMHDmx .code-form::after {
    border-color: #1b65c5
}

.PMHAir.code-form::after, .PMHAir.code-form::before {
    border: 0
}

.popupPMHDmx .lnkFS {
    border: solid 1px #4b83c6;
    background-color: #0358bc;
    color: #fff
}

.popupPMHDmx .code-form-img b {
    color: #1b65c5
}

.PMHAir .code-form-img b {
    color: #1d2939;
    font-weight: 600;
    font-size: 18px
}

.popupPMHDmx .formcode button.hasvalue, .popupPMHDmx .stage-twoKids {
    background-color: #2377e8
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33)
    }

    80%,100% {
        opacity: 0
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

.hide {
    display: none
}

.banner-pmh {
    bottom: 60px;
    cursor: pointer;
    left: 15px;
    position: fixed;
    width: 60px;
    z-index: 9
}

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

    .banner-pmh span {
        background-color: #98a2b3;
        border-radius: 50%;
        cursor: pointer;
        height: 18px;
        position: absolute;
        right: -9px;
        top: -9px;
        width: 18px
    }

        .banner-pmh span:before, .banner-pmh span::after {
            background-color: #fff;
            border-radius: 2px;
            content: '';
            height: 2px;
            left: 3px;
            position: absolute;
            top: 8px;
            width: 12px
        }

        .banner-pmh span:before {
            transform: rotate(45deg)
        }

        .banner-pmh span:after {
            transform: rotate(-45deg)
        }

.PMHWatch {
    background-color: #fff !important;
    padding: 0 0 15px;
    text-align: left;
    z-index: 100000000
}

    .PMHWatch::before, .PMHWatch::after {
        display: none
    }

    .PMHWatch .code-title {
        color: #1d2939;
        font-size: 18px;
        line-height: 28px;
        margin-top: 8px;
        text-align: left
    }

.code-form-top {
    padding: 20px 0 10px
}

code-form-top p {
    color: #475467
}

.PMHWatch .forminput {
    padding: 16px 0
}

.listgift li {
    align-items: center;
    border: 2px solid #f1f1f1;
    border-radius: 8px;
    display: flex;
    margin-bottom: 8px;
    min-height: 90px;
    position: relative
}

    .listgift li::before, .listgift li::after {
        background-color: #fff;
        border: 2px solid #f1f1f1;
        content: '';
        position: absolute;
        width: 8px;
        height: 4px;
        left: 78px
    }

    .listgift li::before {
        top: -2px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top: 0
    }

    .listgift li::after {
        bottom: -2px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom: 0
    }

.listgift .icongift {
    align-items: center;
    border-right: 2px dashed #f1f1f1;
    display: flex;
    justify-content: center;
    width: 85px
}

    .listgift .icongift img {
        max-width: 65px
    }

.listgift .content-gift {
    padding: 12px 16px;
    width: calc(100% - 85px)
}

    .listgift .content-gift h4 {
        color: #333;
        font-size: 14px;
        font-weight: bold
    }

    .listgift .content-gift p {
        color: #666;
        font-size: 10px;
        line-height: 13px;
        margin-top: 4px
    }

.forminput h4 {
    font-weight: bold
}

.inputgender {
    display: flex;
    margin: 15px 0
}

    .inputgender > div {
        align-items: center;
        cursor: pointer;
        display: flex;
        margin-right: 20px
    }

        .inputgender > div label {
            cursor: pointer
        }

        .inputgender > div input {
            cursor: pointer
        }

.formcode .inputgender input {
    border-color: #d0d5dd;
    height: 16px;
    width: 16px
}

.forminput input[type="radio"]:checked, .forminput input[type="radio"]:not(:checked) {
    left: -9999px;
    position: absolute
}

    .forminput input[type="radio"]:checked + label, .forminput input[type="radio"]:not(:checked) + label {
        cursor: pointer;
        color: #666;
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
        position: relative;
        padding-left: 25px
    }

        .forminput input[type="radio"]:checked + label:before, .forminput input[type="radio"]:not(:checked) + label:before {
            border: 1px solid #d0d5dd;
            border-radius: 100%;
            background: #fff;
            content: '';
            height: 16px;
            left: 0;
            position: absolute;
            top: 0;
            width: 16px
        }

        .forminput input[type="radio"]:checked + label:before {
            background-color: #e3f1fe;
            border-color: #2a83e9
        }

        .forminput input[type="radio"]:checked + label:after, .forminput input[type="radio"]:not(:checked) + label:after {
            border-radius: 100%;
            background: #2a83e9;
            content: '';
            height: 6px;
            left: 6px;
            position: absolute;
            top: calc(50% - 3px);
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            width: 6px
        }

        .forminput input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        .forminput input[type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

.formcode .inputtext input {
    border-color: #eaecf0;
    height: 40px;
    padding: 11px 12px
}

.inputtext {
    margin-bottom: 10px;
    position: relative
}

    .inputtext input:focus {
        outline: 0
    }

    .inputtext label {
        color: #999;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        left: 12px;
        position: absolute;
        pointer-events: none;
        top: 50%;
        transition: all .3s ease;
        transform: translateY(-50%)
    }

    .inputtext input:focus ~ label, .inputtext input:valid ~ label {
        background-color: #fff;
        color: #98a2b3;
        font-size: 10px;
        line-height: 16px;
        padding: 0 4px;
        top: 1px
    }

.tick-agree {
    color: #101828;
    font-size: 12px;
    display: flex;
    line-height: 18px
}

    .tick-agree input[type='checkbox'] {
        display: none;
        height: 0;
        width: 0
    }

        .tick-agree input[type='checkbox'] + label {
            display: flex;
            margin-right: 10px;
            transition: color 250ms cubic-bezier(.4,0,.23,1)
        }

        .tick-agree input[type='checkbox']:checked + label > span {
            background-color: #e3f1fe;
            border: 1px solid #2a83e9;
            animation: shrink-bounce 200ms cubic-bezier(.4,0,.23,1)
        }

        .tick-agree input[type='checkbox'] + label > span {
            background-color: transparent;
            border: 1px solid #d0d5dd;
            border-radius: 3px;
            cursor: pointer;
            height: 16px;
            position: relative;
            transition: all 250ms cubic-bezier(.4,0,.23,1);
            width: 16px
        }

        .tick-agree input[type='checkbox']:checked + label > span:before {
            animation: checkbox-check 125ms 250ms cubic-bezier(.4,0,.23,1) forwards;
            border-right: 2px solid transparent;
            border-bottom: 2px solid transparent;
            content: "";
            left: 7px;
            position: absolute;
            top: 8px;
            transform: rotate(45deg);
            transform-origin: 110% 20%
        }

.PMHWatch .formcode button {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px
}

.PMHWatch .code-btnclose {
    border: 0;
    height: 30px;
    padding: 0;
    right: 10px;
    top: 20px;
    width: 30px
}

    .PMHWatch .code-btnclose::before, .PMHWatch .code-btnclose::after {
        border: 1px solid #98a2b3
    }

.PMHWatch .code-form-img, .PMHWatch .code-form-img {
    padding: 35px 25px 20px;
    text-align: left
}

.PMHWatch .error-title, .PMHWatch .result-title, .PMHWatch .done-title {
    display: block;
    font-size: 16px;
    margin: 15px 0
}

.PMHWatch .done-title {
    color: #1d2939
}

.PMHWatch .code-form-img .code-btnclose {
    background-color: #2a83e9;
    color: #fff;
    height: 38px;
    left: 0;
    position: relative;
    right: 0;
    width: 100%
}

    .PMHWatch .code-form-img .code-btnclose::before, .PMHWatch .code-form-img .code-btnclose::after {
        display: none
    }

.PMHWatch .code-form-img svg {
    margin: 0 !important
}

.PMHWatch .code-btnconfirm {
    margin-top: 15px;
    padding: 10px 19px
}

.PMHWatch .result-done {
    color: #475467;
    margin-bottom: 10px
}

.PMHWatch .bg-code {
    z-index: 100000000
}

.PMHWatch .formcode {
    padding: 0 16px
}

    .PMHWatch .formcode .dcap {
        margin: 0 -16px
    }

    .PMHWatch .formcode button.hasvalue {
        background-color: #2a83e9
    }

    .PMHWatch .formcode .inputtext input:focus {
        background-color: #fff
    }

    .PMHWatch .formcode .inputtext input:-webkit-autofill {
        background-color: #fff !important;
        -webkit-box-shadow: 0 0 0 1000px white inset !important;
        -webkit-text-fill-color: #000 !important
    }

.PMHWatch .stage-twoKids {
    background-color: #2a83e9
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #2a83e9;
        transform: translate3d(0,0,0) rotate(45deg)
    }

    100% {
        width: 3px;
        height: 9px;
        border-color: #2a83e9;
        transform: translate3d(0,-4px,0) rotate(45deg)
    }
}

* {
    box-sizing: border-box
}

body.not-found {
    background-color: #fff
}

input[type=text], input[type=tel], textarea {
    -webkit-appearance: none
}

[class^="iconfeed-"], [class*="iconfeed-"] {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon_global.webp);
    background-repeat: no-repeat;
    display: inline-block;
    width: 75px;
    height: 108px;
    vertical-align: middle;
    background-size: 100px 145px
}

.iconfeed-dmx {
    background-position: -2px -57px;
    width: 53px;
    height: 53px
}

.iconfeed-tgdd {
    background-position: 0 -2px;
    width: 53px;
    height: 53px
}

.iconfeed-radio {
    background-position: -57px -32px;
    width: 19px;
    height: 19px
}

    .iconfeed-radio.active {
        background-position: -57px -57px;
        width: 19px;
        height: 19px
    }

[class^="iconratingnew-"], [class*="iconratingnew-"] {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon-comment.webp);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 152px 58px
}

.iconratingnew-redstar {
    background-position: -72px 0;
    width: 20px;
    height: 19px
}

.iconratingnew-redstar--big {
    background-position: -124px -30px;
    width: 28px;
    height: 27px
}

.iconratingnew-circlestar {
    background-position: -100px 0;
    width: 16px;
    height: 16px
}

.iconratingnew-circlestar--big {
    background-position: -5px -32px;
    width: 18px;
    height: 18px
}

.iconratingnew-star--big {
    background-position: -125px -1px;
    width: 27px;
    height: 27px
}

    .iconratingnew-star--big.active {
        background-position: -1px -1px;
        width: 27px;
        height: 27px
    }

.iconratingnew-star--medium {
    background-position: -38px 0;
    width: 23px;
    height: 23px
}

    .iconratingnew-star--medium.active {
        background-position: -38px -27px;
        width: 23px;
        height: 23px
    }

.iconratingnew-star--small {
    background-position: -72px -32px;
    width: 16px;
    height: 16px
}

    .iconratingnew-star--small.active {
        background-position: -93px -32px;
        width: 16px;
        height: 16px
    }

[class^="iconlogo-"], [class*="iconlogo-"] {
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 80px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 250px 200px
}

    [class^="iconlogo-"].visible, [class*="iconlogo-"].visible {
        background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/DMX/Global/Desktop/Logo-webmoi-min.png)
    }

.iconlogo-fashion {
    background-position: -85px -29px
}

.iconlogo-ji {
    background-position: -170px -58px
}

.iconlogo-bachhoaxanh {
    background-position: -170px 0
}

.iconlogo-cycle {
    background-position: -85px -58px
}

.iconlogo-thegioididong {
    background-position: 0 0
}

.iconlogo-dienmayxanh {
    background-position: -85px 0
}

.iconlogo-kids {
    background-position: -85px -120px
}

.iconlogo-topzone {
    background-position: 0 -58px
}

.iconlogo-sport {
    background-position: 0 -29px
}

.iconlogo-tantam {
    background-position: -170px -90px
}

.iconlogo-ankhang {
    background-position: -85px -90px
}

.iconlogo-4kfarm {
    background-position: 0 -90px
}

.iconlogo-vieclam {
    background-position: 0 -120px
}

.iconlogo-erablue {
    background-position: -170px -120px
}


#gb-top-page {
    bottom: 15px;
    position: fixed;
    right: 15px;
    display: none;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 18px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    cursor: pointer;
    z-index: 99
}

.over-flow {
    overflow: hidden !important
}

.relative {
    position: relative !important
}

.hide {
    display: none !important
}

.disabled {
    pointer-events: none !important
}

.preloader.preall {
    position: fixed
}

#dldingtext {
    background: rgba(0,0,0,.9);
    border-radius: 5px 5px 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    padding: 10px 15px;
    position: fixed;
    right: 0;
    z-index: 99999
}

.locationbox__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    background: rgba(0,0,0,.75);
    display: none;
    margin: auto
}

.locationbox {
    background: #fff;
    position: fixed;
    z-index: 13;
    max-width: 476px;
    align-items: center;
    margin: auto;
    display: none;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    border-radius: 8px
}

.locationbox__item {
    display: inline-block;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 45px)
}

    .locationbox__item span {
        text-transform: capitalize
    }

    .locationbox__item.locationbox__item--right {
        width: 100%;
        border-bottom: 1px solid #e0e0e0;
        padding: 17px 10px;
        position: relative;
        text-align: center;
        color: #333
    }

        .locationbox__item.locationbox__item--right p {
            text-align: center;
            font-weight: bold
        }

        .locationbox__item.locationbox__item--right > a:not(.cls-location) {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            color: #333;
            cursor: pointer;
            line-height: 21px;
            padding: 7px;
            text-align: right;
            width: 67px
        }

            .locationbox__item.locationbox__item--right > a:not(.cls-location):before, .locationbox__item.locationbox__item--right > a:not(.cls-location):after {
                background-color: #333;
                content: '';
                left: 13px;
                height: 14px;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .locationbox__item.locationbox__item--right > a:not(.cls-location):before {
                transform: rotate(45deg)
            }

            .locationbox__item.locationbox__item--right > a:not(.cls-location):after {
                transform: rotate(-45deg)
            }

.locationbox__popup.new-popup {
    position: relative;
    top: 0;
    width: 100%
}

.locationbox__popup .locationbox__popup--cnt {
    position: relative;
    overflow: visible;
    background-color: #fff;
    padding: 15px 45px;
    line-height: 25px;
    border-radius: 4px
}

    .locationbox__popup .locationbox__popup--cnt.locationbox__popup--suggestion {
        padding: 10px 5px;
        max-width: 330px;
        margin: 0 auto;
        position: absolute;
        left: -150%;
        right: 0;
        top: -30px
    }

        .locationbox__popup .locationbox__popup--cnt.locationbox__popup--suggestion:before, .locationbox__popup .locationbox__popup--cnt.locationbox__popup--suggestion:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 9px 8px;
            position: absolute;
            top: -8px;
            border-color: transparent transparent #4a90e2 transparent;
            left: 46%
        }

        .locationbox__popup .locationbox__popup--cnt.locationbox__popup--suggestion > div p {
            padding-left: 0
        }

        .locationbox__popup .locationbox__popup--cnt.locationbox__popup--suggestion .btn-block {
            display: block;
            overflow: hidden;
            line-height: normal;
            margin: 6px auto 2px;
            text-align: center
        }

            .locationbox__popup .locationbox__popup--cnt.locationbox__popup--suggestion .btn-block .btn-location {
                background: #f97e0f;
                border-radius: 4px;
                padding: 10px;
                color: #fff;
                display: inline-block;
                width: 112px;
                text-align: center
            }

                .locationbox__popup .locationbox__popup--cnt.locationbox__popup--suggestion .btn-block .btn-location.gray {
                    background: #999
                }

.locationbox__popup .accept {
    position: relative;
    display: block;
    padding: 12px 0 7px;
    text-align: center
}

    .locationbox__popup .accept .btnConfirm {
        display: inline-block;
        overflow: hidden;
        padding: 13px 10px;
        border-radius: 4px;
        font-size: 14px;
        width: 90%;
        line-height: normal;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background: #fd6e1d;
        background: -webkit-gradient(linear,0% 0,0% 100%,from(#fd6e1d),to(#f59000));
        background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
        background: -moz-linear-gradient(top,#f59000,#fd6e1d);
        background: -ms-linear-gradient(top,#f59000,#fd6e1d);
        background: -o-linear-gradient(top,#f59000,#fd6e1d)
    }

        .locationbox__popup .accept .btnConfirm.disabled {
            background: #ddd;
            color: #333
        }

.locationbox__showfull {
    display: block;
    color: #000;
    padding-bottom: 10px
}

.locationbox__btnchangeLC {
    color: #4b90e0;
    margin: 5px 0;
    padding: 5px 0;
    display: block
}

#lc_detail-dis strong, #lc_detail-ward strong {
    text-transform: capitalize
}

.locationbox__popup_notify {
    top: -40px;
    z-index: 9;
    max-width: 500px;
    margin: auto;
    position: relative;
    display: none
}

    .locationbox__popup_notify .locationbox__popup--cnt.locationbox__popup--suggestion {
        top: -1px;
        background-color: #f1f1f1;
        padding-right: 25px;
        padding-left: 10px;
        box-shadow: inset 0 0 1px #333
    }

        .locationbox__popup_notify .locationbox__popup--cnt.locationbox__popup--suggestion:before, .locationbox__popup_notify .locationbox__popup--cnt.locationbox__popup--suggestion:after {
            border-color: transparent transparent #f1f1f1 transparent !important
        }

    .locationbox__popup_notify .close-notify {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 18px;
        height: 18px;
        cursor: pointer;
        z-index: 2;
        background: #666;
        border-radius: 50%;
        opacity: .7;
        line-height: 18px
    }

        .locationbox__popup_notify .close-notify:before {
            content: "×";
            font-size: 15px;
            color: #fff;
            text-align: center;
            width: 18px;
            display: block
        }

.form-group h3 {
    color: #000;
    font-weight: 600;
    padding: 0 0 5px;
    font-size: 14px
}

.form-group .boxprov {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

    .form-group .boxprov > input {
        display: block;
        padding: 7px 0;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        text-indent: 10px;
        width: calc(100% - 2px);
        height: 45px
    }

.form-group .boxprov__listTT {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    position: relative;
    margin: 0;
    flex: 1
}

    .form-group .boxprov__listTT span {
        color: #000;
        display: block;
        padding: 10px;
        cursor: pointer
    }

        .form-group .boxprov__listTT span:after {
            content: "";
            width: 0;
            right: 0;
            border-top: 6px solid #999;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            display: inline-block;
            vertical-align: middle;
            margin: 8px 5px 0 0;
            float: right
        }

        .form-group .boxprov__listTT span.disabled {
            pointer-events: none;
            color: #999
        }

    .form-group .boxprov__listTT > div {
        display: none;
        position: absolute;
        background: #fff;
        padding: 0 0 5px;
        left: 0;
        right: 0;
        top: 45px;
        border-radius: 4px;
        border: 1px solid #ccc;
        z-index: 9;
        margin: 0 -1px
    }

        .form-group .boxprov__listTT > div:before, .form-group .boxprov__listTT > div:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 8px;
            border-color: transparent transparent #6b6b6b transparent;
            position: absolute;
            top: -7px;
            left: 5vh
        }

        .form-group .boxprov__listTT > div:after {
            border-color: transparent transparent #fff transparent
        }

        .form-group .boxprov__listTT > div .scroll-box {
            overflow-x: hidden;
            max-height: 220px
        }

    .form-group .boxprov__listTT .province-box {
        position: absolute;
        background: #fff;
        padding: 0 0 5px;
        left: 0;
        right: 0;
        top: 45px;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 220px;
        border-radius: 4px;
        border: 1px solid #ccc;
        z-index: 9
    }

    .form-group .boxprov__listTT .boxprov__listTT--bordertop {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        height: 5px;
        background-color: #fff
    }

    .form-group .boxprov__listTT .scroll-box .search-container {
        position: sticky;
        top: 5px;
        left: 0;
        right: 0
    }

    .form-group .boxprov__listTT .scroll-box input {
        display: block;
        padding: 7px 20px;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        text-indent: 10px;
        width: calc(100% - 15px);
        margin: 0 10px
    }

    .form-group .boxprov__listTT .scroll-box .btn-search-location {
        top: 0
    }

    .form-group .boxprov__listTT .scroll-box > ul {
        column-count: 2;
        column-fill: balance;
        overflow: hidden;
        display: block;
        column-gap: 0
    }

        .form-group .boxprov__listTT .scroll-box > ul li {
            display: inline-block;
            width: 100%;
            flex: 1 0 50%
        }

            .form-group .boxprov__listTT .scroll-box > ul li a {
                text-overflow: ellipsis;
                padding: 10px 10px 0;
                font-size: 14px;
                color: #288ad6;
                overflow: hidden;
                line-height: normal;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2
            }

                .form-group .boxprov__listTT .scroll-box > ul li a.active {
                    font-weight: bold
                }

.boxprov__listTT--scroll .warning-text {
    display: none;
    padding: 10px;
    background: rgba(45,156,219,.1);
    border-radius: 4px;
    font-size: 10px;
    border-left: 2.35px solid #2d9cdb;
    margin: 10px;
    line-height: 15px
}

#search-result {
    position: absolute;
    top: 33px;
    z-index: 11;
    width: 400px;
    left: 0;
    display: none
}

    #search-result .suggest_search {
        background: #fff;
        border: 1px solid #eee;
        top: -24px;
        z-index: 100000;
        left: 2px;
        right: 2px;
        border-radius: 6px;
        box-shadow: 0 1px 8px rgba(0,0,0,.3)
    }

        #search-result .suggest_search li {
            display: block;
            overflow: hidden;
            padding: 10px
        }

            #search-result .suggest_search li.keyword-history {
                color: #333;
                transition: .3s;
                line-height: 20px;
                padding: 4px 8px;
                background-color: #f1f3f9;
                border-radius: 14px;
                margin-left: 8px;
                margin-top: 6px;
                display: inline-block
            }

                #search-result .suggest_search li.keyword-history a {
                    color: #333
                }

                    #search-result .suggest_search li.keyword-history a:hover {
                        color: #288ad6
                    }

            #search-result .suggest_search li.ttitle {
                position: relative
            }

                #search-result .suggest_search li.ttitle:not(:first-child) {
                    border-top: 1px solid #eee
                }

                #search-result .suggest_search li.ttitle .btnClosePop {
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    border: 1px solid #c2c2c2;
                    position: absolute;
                    right: 5px;
                    top: 0;
                    bottom: 0;
                    z-index: 10;
                    color: #c2c2c2;
                    line-height: 19px;
                    text-align: center;
                    font-size: 18px;
                    margin: auto;
                    float: unset;
                    padding: unset
                }

            #search-result .suggest_search li a {
                color: #3b7adb;
                font-size: 12px;
                margin: 0 5px 0;
                display: block
            }

            #search-result .suggest_search li .viewed {
                font-size: 13px;
                color: #666;
                font-weight: 400;
                padding: 10px;
                margin: -15px -10px
            }

            #search-result .suggest_search li.product_suggest a .item-img {
                float: left;
                width: 60px;
                height: auto;
                margin: 0 6px 0 0
            }

                #search-result .suggest_search li.product_suggest a .item-img img {
                    width: 100%
                }

            #search-result .suggest_search li.product_suggest a .item-info {
                float: left;
                width: calc(100% - 66px)
            }

                #search-result .suggest_search li.product_suggest a .item-info .item-txt-online {
                    line-height: 1.4
                }

            #search-result .suggest_search li.product_suggest a h3 {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                color: #333;
                font-size: 14px;
                overflow: hidden
            }

            #search-result .suggest_search li.product_suggest a .price {
                font-size: 14px;
                color: #e83a45;
                float: none;
                font-weight: bold;
                display: inline-block;
                vertical-align: middle
            }

                #search-result .suggest_search li.product_suggest a .price.twoprice {
                    display: block;
                    font-weight: normal;
                    font-size: 13px;
                    padding-top: 3px;
                    color: #222
                }

            #search-result .suggest_search li.product_suggest .b_flex {
                display: flex;
                gap: 10px
            }

                #search-result .suggest_search li.product_suggest .b_flex strong.multiprice {
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 18px;
                    color: #10984b
                }

                #search-result .suggest_search li.product_suggest .b_flex p.per_twoprice {
                    font-size: 10px;
                    font-weight: 400;
                    line-height: 16px;
                    color: #10984b;
                    background-color: #f2fcf5;
                    padding: 2px 5px
                }

            #search-result .suggest_search li.product_suggest a .price.twoprice:before {
                content: '';
                width: 15px;
                height: 15px;
                background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRDA1QTlFQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRDA1QTlGQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMDVBOUNDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMDVBOURDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rTY90AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFR3BM0QAczwIc0AId0AEc0AEc0AEczwEc0AEc0AEb0AEbzwAgzwAQ0AEc0QIczwEa0QEc0QIe0AId1gAh0QEb0QIdzwAg0AIbzwAbzwUb0gAd0AIcLM/rQgAAABt0Uk5TAH+A31+/QCDv388QEK9/UG9vnx+PjzCfMDBPXpRnnQAAASVJREFUKM+Nk8uWgzAMQ0VJiAOkPPqcuf//n7OABGhZTFb4WPKRZSHtXxdCp/PXTSkCWHLhu3kxwOKCeHwAmhr8eJOkp/NQD/vuBXyzlaGFy6FbHadVu/4A7lOLg3VcqDduXW/8upck3WkLCcqn5ypJwchrPA3qLLHBekkOnwUbbcRCoY+SUtF15SW9lpmSJpIk473WM05y3PMw4kHNRBuk3z7XRi8Ri+8RbN7sjtz2bYWXkdctbSvsQQot42ZCv2IkSY9F2pxdwCSlAr8yS3NZzJEkTXtb6nZvi5PUGcXHCPYuay/Aa6EfTtKu/nRxO32MW0RiyLc5jcNwFp2zeFXQ7rLb+I/wDRG8+5GkMHmIzXFaeBhAjAZY1X/9J8GlBZHGXv98fzV0E9m7ufBbAAAAAElFTkSuQmCC) no-repeat left center;
                background-size: 15px 15px;
                margin: 1px 5px 0 0;
                display: inline-block;
                vertical-align: top
            }

            #search-result .suggest_search li.product_suggest a .price.fightprice:before, #search-result .suggest_search li.product_suggest a .price.fightpricesetup:before {
                background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANESURBVHgBzVfNUhNBEO7ZRF3Ew/gEhiqVo7wB6w0JKG9AOAEnwtET4cYtcAqcCE8gh4TSk+PNm3Cj1CryBq5VUG6EZOz5WTY7O9mQjSJf1Sa76e3+enr6ZwLwn0EgI+i+R+H3mAdd7uNjy19934IMcCAD6O7cGgTjZ8Cdd0ByH/E6o3uzG5ABORgSmmgLY+fiN8OrhVcBg+m5888gaHz7BEMgdQtkmAN3Sj44hOLHNHAoy2dONv3VRkU5VSzj71WtVgfeOegxk7o9pC9x+yEaJKU+Wuv+cnM7plObLQEh+2BHHR5crPtLzDcFeevr7XGxmhKuykey40jAT3DfD/2VBjNV/NWjOq3NMCAORoi86BF50lZ7XNwvQWItBtBIQSSV4utMZM3umD3IfUEmilF4bEbBVgUF/c1GJReQNsIoBo+mTHmmMvybuF0HeIfCQAdIblG/fWKKsNyqdLfIZcabMtxrlJ2JC5LMypaDZZzmgG4yJaXT3U7Y6WoZIdMmueyIUf4Y/M6hviubHdOJkXNSUQqiyVgSkBNRRqLRbPYhb6HspamGDYuJ3qFtVOjeq3Iok2VIqwsUxi5/ROSqww2CjTytcmhtrgKEbyCrD/cvJkRJqgi4QVge7F+RC2jbDBschV84SSHcAp6nMASykCdAcn7kQDvPZNvFtjlorI5Crm176ulK6shxHHw4DdzXz9t4O6PG6tOfQeP752HIhcydn6yiLkHdUyt5LMmPDqMIIOR0Q4F6waliwniJJaSuXBovocl9q+Mx8ijPYn1ACciOstddADv6hJ0wRcAPEhpyQkrUzSRPjuMuZqkDa8ZIVQ6uNCegD8Q4FgR2qbbFScI5Syu+8uEWcQenYeCq2U1gSh0mRoO24aknVXq9sJ8Ja8U6SvRUlCffCJhker9tZB44uTfYU6KDh7gXpyGRgCvNxJHMfiYM7pXBvQTthBeTESKa1RN/+WgzRr5XXEQyHFSGLSKdOAD3Yt1GlX4sl+HLF3p+8uQwkZq8EjpxTS7Bd6DrMDlwBNzzY9tp+EYO2J3SE02BXTsmuW8+SUMM/c8oaH5lbnGSoOseqK5YkHPEgbe4x1swJLL/OQ23R4zWsXOWFuY7jT+8rHcsxxjMYAAAAABJRU5ErkJggg==') no-repeat left center;
                background-size: 16px 16px
            }

            #search-result .suggest_search li.product_suggest a .box-p {
                display: inline-block;
                vertical-align: middle
            }

                #search-result .suggest_search li.product_suggest a .box-p .price-old {
                    display: inline-block;
                    text-decoration: line-through;
                    color: #333
                }

                #search-result .suggest_search li.product_suggest a .box-p .percent {
                    color: #333
                }

            #search-result .suggest_search li.product_suggest a .item-gift {
                color: #333
            }

        #search-result .suggest_search:before, #search-result .suggest_search:after {
            content: '';
            width: 0;
            height: 0;
            position: absolute;
            bottom: 100%;
            left: 30%;
            border-bottom: 10px solid #eee;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent
        }

        #search-result .suggest_search:after {
            border-width: 8px;
            border-bottom-color: #f5f5f5;
            margin-left: 2px
        }

        #search-result .suggest_search a.spc-item {
            display: flex;
            overflow: hidden;
            background: #fff8bf;
            color: #101828;
            border-radius: 8px;
            padding: 0 0;
            margin: 0 10px 10px;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 2px;
            text-decoration: none;
            max-width: 100%
        }

            #search-result .suggest_search a.spc-item h3 {
                background: #fce400;
                color: #101828;
                padding: 5px 10px;
                border-radius: 8px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            #search-result .suggest_search a.spc-item span {
                padding: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-left: auto
            }

.dmx #search-result .suggest_search a.spc-item {
    background: #bbddfd;
    color: #101828
}

    .dmx #search-result .suggest_search a.spc-item h3 {
        background: #2a91f8;
        color: #fff
    }

.title-layout {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 20px
}

.layout-col3 {
    display: flex;
    margin: 0 -5px
}

    .layout-col3 li {
        padding: 0 5px;
        width: 33.333%
    }

        .layout-col3 li img {
            width: 100%;
            border-radius: 4px
        }

.trademark, .product-news {
    margin: 40px 0 30px
}

.trademark-slider, .product-news-slider {
    margin: 0 -5px;
    width: calc(100% + 10px)
}

    .trademark-slider a, .product-news-slider a {
        display: block
    }

        .trademark-slider a img, .product-news-slider a img {
            width: 100%;
            border-radius: 4px
        }

.application {
    display: flex;
    margin-top: 40px
}

    .application a {
        color: #333
    }

    .application img {
        border-radius: 4px;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .application .col1 {
        padding-right: 15px;
        width: 67%
    }

    .application .col1__ct {
        display: flex
    }

    .application .col1-big {
        width: 61%
    }

    .application .col1-big-img {
        position: relative;
        height: 270px
    }

    .application .col1-simple {
        margin-left: 10px;
        width: calc(39% - 10px)
    }

    .application .col1-title {
        font-size: 18px;
        font-weight: bold;
        line-height: 27px;
        margin-top: 10px
    }

    .application .col1-hour {
        color: #999;
        line-height: 21px;
        margin-top: 5px
    }

    .application .spl-item {
        align-items: center;
        display: flex;
        margin-bottom: 10px
    }

    .application .spl-item__img {
        position: relative;
        width: 120px;
        height: 70px
    }

    .application .spl-item-title {
        font-size: 12px;
        line-height: 17px;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .application .spl-item-hour {
        color: #999;
        font-size: 10px;
        line-height: 15px
    }

    .application .spl-item__content {
        padding-left: 10px;
        width: calc(100% - 120px)
    }

    .application .ytbclick {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .application .ttl-main {
        margin-bottom: 10px
    }

    .application .title-layout, .application .readmore-txt {
        display: inline-block;
        vertical-align: middle
    }

    .application .title-layout {
        font-weight: bold;
        margin-right: 20px;
        margin-bottom: 0
    }

    .application .col2 {
        width: 33%
    }

.game__item img {
    width: 100%
}

.game-box-wrap {
    display: flex;
    margin-top: 10px
}

.game-box-main {
    padding-left: 10px;
    width: calc(100% - 60px)
}

.game-box-img {
    width: 60px
}

.game-title {
    font-weight: bold;
    line-height: 21px
}

.game-label span, .game-label p {
    display: inline-block;
    vertical-align: middle
}

.game-label span {
    background-color: #07a358;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 0 4px
}

.game-label p {
    font-size: 13px;
    line-height: 16px
}

.game-box-list a {
    color: #2f80ed;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
    padding-left: 15px;
    position: relative
}

    .game-box-list a::before {
        background-color: #2f80ed;
        border-radius: 50%;
        content: '';
        height: 5px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 5px
    }

.game-slider .owl-nav button {
    top: 32%
}

.col2__ct .cook-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 5px 0;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.col2__ct .cook-time {
    color: #666;
    font-size: 13px
}

.col2__ct a:first-child .cook-img {
    width: 294px;
    height: 260px
}

.col2__ct a:last-child .cook-img {
    width: 80px;
    height: 80px
}

.col2__ct a:last-child .cook-main {
    padding-left: 10px;
    width: calc(100% - 110px)
}

.item-txt-online {
    color: #333;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px
}

    .item-txt-online > i {
        width: 15px;
        height: 15px;
        background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRDA1QTlFQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRDA1QTlGQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMDVBOUNDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMDVBOURDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rTY90AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFR3BM0QAczwIc0AId0AEc0AEc0AEczwEc0AEc0AEb0AEbzwAgzwAQ0AEc0QIczwEa0QEc0QIe0AId1gAh0QEb0QIdzwAg0AIbzwAbzwUb0gAd0AIcLM/rQgAAABt0Uk5TAH+A31+/QCDv388QEK9/UG9vnx+PjzCfMDBPXpRnnQAAASVJREFUKM+Nk8uWgzAMQ0VJiAOkPPqcuf//n7OABGhZTFb4WPKRZSHtXxdCp/PXTSkCWHLhu3kxwOKCeHwAmhr8eJOkp/NQD/vuBXyzlaGFy6FbHadVu/4A7lOLg3VcqDduXW/8upck3WkLCcqn5ypJwchrPA3qLLHBekkOnwUbbcRCoY+SUtF15SW9lpmSJpIk473WM05y3PMw4kHNRBuk3z7XRi8Ri+8RbN7sjtz2bYWXkdctbSvsQQot42ZCv2IkSY9F2pxdwCSlAr8yS3NZzJEkTXtb6nZvi5PUGcXHCPYuay/Aa6EfTtKu/nRxO32MW0RiyLc5jcNwFp2zeFXQ7rLb+I/wDRG8+5GkMHmIzXFaeBhAjAZY1X/9J8GlBZHGXv98fzV0E9m7ufBbAAAAAElFTkSuQmCC) no-repeat left center;
        background-size: 15px 15px;
        margin: -2px 5px 0 0;
        display: inline-block;
        vertical-align: middle
    }

.zone-bhx {
    margin: auto;
    max-width: 1200px;
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    clear: both
}

    .zone-bhx span.note {
        font-style: italic;
        font-size: 12px;
        color: #fff;
        display: inline-block;
        vertical-align: middle
    }

.zone-new-bhx {
    margin: auto;
    max-width: 1200px;
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    clear: both
}

    .zone-new-bhx span.note {
        font-style: italic;
        font-size: 12px;
        color: #fff;
        display: inline-block;
        vertical-align: middle
    }

.productbox-bhx {
    background-color: #f1f1f1;
    border: 6px solid #008847;
    border-top: 0
}

    .productbox-bhx div.title {
        display: block;
        color: #fff;
        position: relative;
        font-size: 16px;
        background: #008847;
        padding: 10px 0
    }

        .productbox-bhx div.title a {
            margin-left: 2px;
            padding-left: 30px
        }

        .productbox-bhx div.title img {
            display: inline-block;
            vertical-align: middle;
            width: auto
        }

        .productbox-bhx div.title span:first-child {
            color: #fff200
        }

        .productbox-bhx div.title span.close {
            position: absolute;
            margin: auto;
            right: 5px;
            cursor: pointer;
            top: 50%;
            -ms-transform: translate(-50%,-50%);
            transform: translate(0,-50%);
            font-size: 12px;
            color: #fff;
            font-weight: normal
        }

    .productbox-bhx div._product {
        display: flex
    }

        .productbox-bhx div._product .productbox-bhx-item {
            padding-bottom: 45px;
            position: relative;
            background-color: #fff;
            width: calc(100%/10);
            text-align: center
        }

            .productbox-bhx div._product .productbox-bhx-item a:first-child {
                padding: 5px;
                position: relative;
                display: block
            }

            .productbox-bhx div._product .productbox-bhx-item:not(:last-child) {
                border-right: 1px solid #eee
            }

    .productbox-bhx div > a > span {
        position: relative;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 36px;
        margin: 0;
        width: 100%;
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #333;
        line-height: 18px
    }

    .productbox-bhx div > a .productbox-bhx-item-img {
        height: auto;
        width: 100px;
        margin: auto
    }

        .productbox-bhx div > a .productbox-bhx-item-img img {
            width: 100%;
            height: auto;
            margin: 10px auto
        }

    .productbox-bhx div > a .zone-price {
        font-size: 14px
    }

        .productbox-bhx div > a .zone-price .after-price {
            color: #d12c1f;
            display: block;
            font-size: 16px
        }

        .productbox-bhx div > a .zone-price .before-price {
            color: #666;
            display: inline-block;
            text-decoration: line-through;
            font-weight: normal
        }

        .productbox-bhx div > a .zone-price .percent-price {
            color: #dd1c1a;
            display: inline-block
        }

    .productbox-bhx div .zone-buy {
        position: absolute;
        color: #007e3c;
        padding: 4px 19px;
        border: 1px solid #008847;
        border-radius: 4px;
        margin: 5px;
        left: 0;
        right: 0;
        bottom: 5px;
        text-align: center
    }

.owl-carousel .owl-item img.lbliconimg, .lbliconimg {
    width: auto !important;
    height: 40px;
    position: absolute;
    top: unset;
    left: 0;
    bottom: 0
}

    .owl-carousel .owl-item img.lbliconimg.lbliconimg_44, .lbliconimg.lbliconimg_44 {
        left: unset;
        bottom: unset;
        right: 0;
        top: 0
    }

    .owl-carousel .owl-item img.lbliconimg.tgdd, .lbliconimg.tgdd {
        height: 45px !important
    }

.feedback_global > * {
    display: block;
    position: fixed;
    bottom: 50px;
    z-index: 2
}

.feedback_global #global_form {
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 465px;
    top: 50%;
    z-index: 13;
    padding: 20px 30px;
    background: #fff;
    border-radius: 8px;
    transform: translateY(-50%);
    bottom: initial
}

    .feedback_global #global_form.form_success {
        max-width: 280px;
        padding: 75px 55px 45px
    }

        .feedback_global #global_form.form_success a {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            color: #333;
            cursor: pointer;
            float: right;
            line-height: 21px;
            padding: 7px;
            text-align: right;
            width: 67px
        }

            .feedback_global #global_form.form_success a:before, .feedback_global #global_form.form_success a:after {
                background-color: #333;
                content: '';
                left: 13px;
                height: 14px;
                position: absolute;
                top: 10px;
                width: 1px
            }

            .feedback_global #global_form.form_success a:before {
                transform: rotate(45deg)
            }

            .feedback_global #global_form.form_success a:after {
                transform: rotate(-45deg)
            }

    .feedback_global #global_form > * {
        display: block
    }

    .feedback_global #global_form h3 {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px
    }

    .feedback_global #global_form > span {
        font-size: 14px;
        line-height: 1.4;
        text-align: center;
        display: block;
        color: #666
    }

        .feedback_global #global_form > span.form_more {
            color: #333;
            text-align: left;
            padding-bottom: 20px;
            cursor: pointer;
            position: relative;
            width: max-content;
            cursor: pointer
        }

            .feedback_global #global_form > span.form_more:after {
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #333;
                content: '';
                position: absolute;
                top: 8px;
                right: -15px
            }

    .feedback_global #global_form textarea, .feedback_global #global_form input {
        resize: none;
        width: 410px;
        background: #fff;
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        border-radius: 4px;
        margin-bottom: 10px;
        padding: 15px 10px;
        line-height: 15px;
        height: 48px
    }

    .feedback_global #global_form #Description {
        margin-top: 20px;
        height: 74px;
        margin-bottom: 20px
    }

    .feedback_global #global_form .check-option {
        margin-bottom: 10px
    }

        .feedback_global #global_form .check-option > div {
            display: inline-block;
            margin-right: 20px
        }

            .feedback_global #global_form .check-option > div i {
                cursor: pointer
            }

    .feedback_global #global_form .zone-button {
        text-align: center
    }

        .feedback_global #global_form .zone-button .close-feed {
            padding: 12px 40px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            color: #2f80ed;
            border: 0;
            margin-right: 2%;
            border: 1px solid #2f80ed
        }

        .feedback_global #global_form .zone-button > * {
            display: inline-block;
            max-width: 46%;
            width: 46%
        }

    .feedback_global #global_form button {
        padding: 13px 40px;
        background: #2f80ed;
        border-radius: 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        border: 0;
        width: 100%;
        cursor: pointer
    }

.feedback_global > div img {
    display: block;
    transform: scale(.5);
    cursor: pointer
}

#notifychatmsg .notifyChat2 {
    width: 93px !important;
    height: 37px !important
}

.banner-texttop._offtemp {
    background-color: #ffd103
}

    .banner-texttop._offtemp ._left {
        width: 100%;
        text-align: center
    }

        .banner-texttop._offtemp ._right, .banner-texttop._offtemp ._left:after {
            display: none
        }

    .banner-texttop._offtemp:before, .banner-texttop._offtemp:after {
        background-color: #2d67c4
    }

.banner-texttop {
    overflow-y: hidden;
    width: 1200px;
    max-height: 44px;
    margin: auto;
    background-color: #2d67c4
}

    .banner-texttop * {
        box-sizing: border-box
    }

    .banner-texttop:before, .banner-texttop:after {
        content: '';
        position: absolute;
        width: 360px;
        height: 44px
    }

    .banner-texttop:before {
        left: calc((100% - 1200px)/2 - 359px);
        background-color: #2d67c4
    }

    .banner-texttop:after {
        right: 0;
        width: calc((100% - 1200px)/2 + 10px);
        background-color: #ffd103
    }

    .banner-texttop > div {
        display: inline-block;
        padding: 10px 0;
        position: relative
    }

    .banner-texttop ._left {
        width: 63%;
        text-align: right;
        background-color: #2d67c4;
        color: #fff
    }

        .banner-texttop ._left:after {
            content: '';
            position: absolute;
            top: -27px;
            right: -20px;
            border-top: 77px solid #2d67c4;
            border-right: 54px solid #ffd103;
            width: 9px
        }

        .banner-texttop ._left a {
            font-size: 20px;
            line-height: 24px;
            text-transform: uppercase;
            font-style: italic;
            font-weight: bold;
            color: #fff;
            z-index: 1;
            position: relative;
            padding-right: 90px
        }

            .banner-texttop ._left a:after {
                content: '';
                padding: 6px;
                box-shadow: 3px -3px 0 0 #fff inset;
                transform: rotate(225deg);
                right: 70px;
                display: inline-block;
                top: 2px;
                position: absolute
            }

            .banner-texttop ._left a:not(:first-child) {
                display: none
            }

            .banner-texttop ._left a span b {
                color: #ffd400;
                font-size: 26px;
                line-height: 20px
            }

    .banner-texttop ._right {
        width: calc(37% - 4px);
        text-align: left;
        background-color: #ffd103
    }

        .banner-texttop ._right span {
            font-size: 16px;
            line-height: 19px;
            color: #222
        }

            .banner-texttop ._right span a {
                color: #222
            }

                .banner-texttop ._right span a b {
                    font-size: 20px;
                    line-height: 24px
                }

@media screen and (max-width: 1300px) {
    .feedback_global > * {
        bottom: 110px;
        z-index: 10
    }
}

.sticky-sidebar a {
    position: fixed;
    top: 195px;
    width: 89px;
    z-index: 999
}

    .sticky-sidebar a img {
        display: block;
        max-width: 100%;
        height: auto
    }

.sticky-sidebar .banner-left {
    left: calc(((100vw - 1200px)/2) - 105px)
}

.sticky-sidebar .banner-right {
    right: calc(((100vw - 1200px)/2) - 105px)
}

@media screen and (max-width: 1366px) {
    .sticky-sidebar a {
        width: 69px
    }

    .sticky-sidebar .banner-left {
        left: calc(((100vw - 1200px)/2) - 80px)
    }

    .sticky-sidebar .banner-right {
        right: calc(((100vw - 1200px)/2) - 80px)
    }
}

.banner-media img {
    display: block;
    margin: auto;
    max-width: 100%
}

    .banner-media img.lazyload {
        height: 0
    }

.banner-media .owl-carousel .owl-item .owl-lazy {
    opacity: 1
}

.media-slider {
    width: 1200px !important;
    margin: 0 auto;
    max-width: 100%
}

    .media-slider .owl-nav button {
        height: 44px;
        background: none !important
    }

        .media-slider .owl-nav button span::before {
            top: 13px;
            height: 16px;
            width: 16px;
            border-top: 3px solid #fff;
            border-right: 3px solid #fff
        }

    .media-slider .owl-next, .media-slider .owl-prev {
        box-shadow: none
    }

.media-slider {
    height: 44px;
    position: relative
}

.media-slider {
    display: block
}

    .media-slider .item {
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }

        .media-slider .item.visible {
            display: block
        }

    .media-slider .nav .prev, .media-slider .nav .next {
        position: absolute;
        z-index: 2;
        top: 0;
        width: 40px;
        height: 100%;
        cursor: pointer
    }

    .media-slider .nav .prev {
        left: 0
    }

    .media-slider .nav .next {
        right: 0
    }

        .media-slider .nav .prev .arrow-left, .media-slider .nav .next .arrow-right {
            height: 20px;
            width: 20px;
            border-top: 3px solid #666;
            border-right: 3px solid #666;
            position: absolute;
            top: 50%;
            left: 50%
        }

        .media-slider .nav .prev:hover .arrow-left, .media-slider .nav .next:hover .arrow-right {
            border-top: 3px solid #fff;
            border-right: 3px solid #fff
        }

        .media-slider .nav .prev .arrow-left, .media-slider .nav .next .arrow-right {
            height: 20px;
            width: 20px;
            border-top: 3px solid #666;
            border-right: 3px solid #666;
            position: absolute;
            top: 50%;
            left: 50%
        }

    .media-slider .nav .prev .arrow-left {
        -webkit-transform: translate(-20%,-50%) rotate(225deg);
        -ms-transform: translate(-20%,-50%) rotate(225deg);
        -o-transform: translate(-20%,-50%) rotate(225deg);
        transform: translate(-20%,-50%) rotate(225deg)
    }

    .media-slider .nav .next .arrow-right {
        -webkit-transform: translate(-70%,-50%) rotate(45deg);
        -ms-transform: translate(-70%,-50%) rotate(45deg);
        -o-transform: translate(-70%,-50%) rotate(45deg);
        transform: translate(-70%,-50%) rotate(45deg)
    }

.prmotebanner-bhx {
    max-width: 1200px;
    display: block;
    margin: 5px auto
}

.popup {
    display: none
}

.popup__background, .popup__container {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.popup__background {
    background: rgba(0,0,0,.45)
}

.popup__container img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 400px;
    height: auto
}

.popup__close {
    border-radius: 50%;
    padding: .5em;
    border: 2px solid #fff;
    color: #fff;
    position: absolute;
    right: calc(50% - 242px);
    top: calc(50% - 214px);
    transform: translate(-50%,-50%);
    width: 28px;
    height: 28px;
    cursor: pointer
}

    .popup__close::before {
        content: " ";
        position: absolute;
        display: block;
        background-color: #fff;
        width: 2px;
        left: 12px;
        top: 5px;
        bottom: 5px;
        transform: rotate(45deg)
    }

    .popup__close::after {
        content: " ";
        position: absolute;
        display: block;
        background-color: #fff;
        height: 2px;
        top: 12px;
        left: 5px;
        right: 5px;
        transform: rotate(45deg)
    }

.fastdeli i.thunder-icon {
    width: 10px;
    height: auto
}

    .fastdeli i.thunder-icon img {
        width: 10px;
        display: inline-block;
        height: auto;
        vertical-align: text-top
    }

.locationbox-v2 {
    background: #fff;
    position: fixed;
    z-index: 13;
    max-width: 476px;
    max-height: 80vh;
    align-items: center;
    margin: auto;
    display: none;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    border-radius: 8px;
    overflow: hidden
}

    .locationbox-v2 p {
        font-weight: normal !important;
        max-width: 380px;
        color: #fff
    }

    .locationbox-v2 .locationbox__item {
        background: #2f80ed;
        white-space: normal;
        padding: 10px;
        box-sizing: border-box;
        border: 0
    }

    .locationbox-v2 .top-location p {
        font-size: 13px;
        text-align: left
    }

.location-search, .location-suggestaddress {
    position: relative;
    margin-top: 10px
}

    .location-search > i, .location-suggestaddress > i {
        position: absolute;
        left: 7px;
        top: 9px
    }

    .location-search input, .location-suggestaddress input {
        width: 100%;
        padding: 8px 28px 8px 28px;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 8px
    }

.clear-searchbox {
    right: 8px;
    top: 27%;
    background: #000;
    position: absolute;
    border-radius: 50%;
    background: #d9d9d9;
    padding: 8px;
    cursor: pointer;
    display: none
}

    .clear-searchbox span.box-relative {
        position: relative
    }

    .clear-searchbox .close-symbol {
        top: -5px;
        left: 0
    }

.listing-location {
    padding: 10px;
    max-height: 40vh;
    margin-bottom: 10px;
    overflow: hidden
}

.listing-locale ul {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(1,minmax(0,1fr));
    max-height: 39vh;
    overflow: auto
}

    .listing-locale ul li a {
        padding: 10px;
        display: block;
        color: #333;
        width: 80%
    }

        .listing-locale ul li a.active, .listing-locale ul li a:hover, .listing-locale ul li:has(>a.active), .listing-locale ul li:has(>a:hover) {
            background: #e9f4fb
        }

.listing-locale li {
    border-bottom: 1px solid #f1f1f1
}

.locationbox-v2 .locationbox__item.locationbox__item--right a.cls-location {
    background-color: #2f80ed;
    border: 1px solid #e9f4fb;
    color: #fff;
    position: relative;
    top: 0;
    left: 0
}

.locationbox-v2 .locationbox__item span {
    text-transform: none
}

.top-location {
    background: #2f80ed;
    padding: 0 0 10px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: space-between
}

.locationbox-v2 a.cls-location {
    color: #fff;
    padding: 7px 10px 7px 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    position: relative;
    line-height: 1.3
}

.close-symbol {
    background-color: #fff;
    left: 10px;
    height: 10px;
    position: absolute;
    top: 11px;
    width: 1px;
    transform: rotate(-45deg)
}

    .close-symbol::before {
        content: "";
        background-color: #fff;
        left: 0;
        height: 10px;
        position: absolute;
        top: 0;
        width: 1px;
        transform: rotate(90deg)
    }

.locationbox__item.locationbox__item--right p.default-title {
    max-width: 380px;
    text-align: left
}

.locationbox__item.locationbox__item--right p.location-title {
    text-align: center;
    max-width: 65%;
    margin: 6px auto 15px;
    line-height: 1.5
}

a.back-ic {
    cursor: pointer;
    height: 10px;
    width: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: relative;
    top: 6px;
    left: 6px;
    -webkit-transform: translate(-20%,-50%) rotate(225deg);
    -ms-transform: translate(-20%,-50%) rotate(225deg);
    -o-transform: translate(-20%,-50%) rotate(225deg);
    transform: translate(-20%,-50%) rotate(225deg)
}

div#suggest-location, div#suggest-address {
    height: 39vh;
    overflow: hidden;
    display: none
}

ul.suggest-location {
    display: flex;
    flex-flow: column;
    overflow: hidden;
    overflow-y: auto;
    max-height: 100%
}

    ul.suggest-location li {
        position: relative;
        padding-right: 30px
    }

        ul.suggest-location li::before {
            border-top: 1px solid #000;
            border-right: 1px solid #000;
            content: '';
            height: 6px;
            position: absolute;
            top: calc(50% - 3px);
            transform: rotate(45deg);
            right: 15px;
            width: 6px
        }

        ul.suggest-location li a {
            display: block;
            padding: 15px 0;
            overflow: hidden;
            color: #000
        }

            ul.suggest-location li a::after {
                content: "";
                border-bottom: 1px solid #e0e0e0;
                position: absolute;
                bottom: 0;
                width: calc(100% + 20px);
                left: -10px
            }

            ul.suggest-location li a span {
                margin-right: 10px
            }

strong.choose-province, strong.choose-province__diffence {
    display: block;
    margin: 5px auto;
    color: #000;
    text-align: center;
    font-size: 14px
}

.location-title {
    color: #fff;
    padding: 0 0 10px;
    margin: 0 auto;
    line-height: 1.5;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: space-between
}

.location-title-text {
    max-width: 50%;
    margin: 0 auto;
    text-align: center
}

.imgzalo img {
    max-width: 18px;
    margin-top: -5px;
    vertical-align: middle
}

.view-cart {
    position: fixed;
    width: 182px;
    padding: 0 8px 8px 8px;
    background-color: #fff;
    border-radius: 8px;
    right: -192px;
    bottom: 96px;
    z-index: 99999;
    text-align: center;
    border: 1px solid #d0d5dd
}

    .view-cart:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        height: 0;
        position: absolute;
        top: -6px;
        right: 17px;
        width: 0
    }

    .view-cart span {
        font-size: 14px;
        color: #333;
        white-space: nowrap
    }

        .view-cart span:before {
            content: '';
            width: 26px;
            height: 26px;
            background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAFTUExURUdwTOz98u398+/69Or67+r69Oz98+v78+z+8+398u//7+3+9O399Oz+8u399O3+8u3+8+z88+f37+//9+/39+f/7+z98u398+z89O//8+399O///+z989//7+398uz88uz89O/98+v98+398+v98uz98ur89O/89Oz99Or88uz989H63wOYVRykZh2kZrfuzrftzdL64Nj75OT87eP87dT64d/86d776d376NP64NP74EO2gIPVq4TVq8T01tf65NX74uj88On98dn75eX87uv98hCeXcT018Tz1jawd3fPojexeCmqb+L87OH86uD869n65eD76tz76N/76tf749b74+H769X649r75er98ur88h2lZrjuzjaweKrnxUO3gGrJmWnImWrJmtX74eP77db64tT64tb646roxTexd6roxrftzoTWq0O3gZ7ivZ3hvZ3hvKF0uEcAAAAqdFJOUwDfbzAwMO9Av48Q39/fj9/PvyAgICDv718/nxCQEN9gn2/Pz4+fYF+fYLEo/qIAAALYSURBVEjHlZbXQyIxEIcDKoK9nHq2s1/5kqWrKKiAvetZzt6u9/v/n+5hdyFZqr83Jvsxk8lMMkKUqmnibVcnQGewY6JJ1KHmjgEMtQ3V4pqDlFHXm2cjAG0vKiDDI84XV4nU0WxMytjXlVTiyjF2tJRjelvt1bWVmNR1lKjsrMHe/6dZWaLZcwACJQl5DUBuRZbV5xwALz1+ADiJyQpaOAbA8NU7ADAvq2geIKDta7i1JuNQbcUcjtTBOFRHITiAE1lTxwDNDtQK5GK1oYUcELSZMYAPsg7Fi666gHNzdWsnbSm1cbsUNe0J11UDgFEHW48bylF42awN19UQkNRXopZSu79upPyWud+VUkatcGFtDQg5aVg1mfAfz29jVwE7ukvdkaX2Nj1MpJjAdaBR+D3RPapwZcZOhV+EgPfaR0pFqjAyBYyLIKA1REb9rsbIC2BSdJonu62WqjHyC+ATADE9DT+klNIKR4vMdlorJQABoP2TUg4bjhb8ODZbVaCIpcKF2MpDRng3LuUyd9rhOuF1mpWXdhMRsdwcZNRucf0U8Ikus4p21K23IdJ6QuNAtxgyD3d5Q/01GfO4U0CopIwePO2wZamnkjJqAC61TCxbak+jtvb0NEhpF6wIAHHNHLFUuNCw/zw1cQH4hBAhYE2alEov3Un5M7OtPHWUAGaEEM0AWWPvD263q40nvU9kFjs6IYLefpcykvl+rdT1/c6mad8HJu33D8+uKupUezqCQL6Oy3Ix76Sh4OqwNnQA0ONe5iGAuVrMHM79ZaulvQ5qDsA3Wnyg+gI1qTmA/h5jsgHgsGI2Fg8oHFFRYwDkzyo8F/lyD7UQTQEA9rOlSNaeJPobSweJvnZ7yEiumoHF12y7r6fcyNISciaa9WQqfrYo5eLH1VRy3TGGRitMR66zUnUPVpnD3k09GxFCiMYZj7v+6cF6hstG/3T3K4BXU+P+MikT/wHeIHSkkfRw5wAAAABJRU5ErkJggg==) no-repeat center top;
            background-size: 100% auto;
            display: inline-block;
            vertical-align: middle;
            margin-right: 2px
        }

    .view-cart b {
        height: 36px;
        line-height: 36px;
        text-align: center;
        border-radius: 8px;
        color: #2871d5;
        background-color: #e3f1fe;
        font-size: 14px;
        display: block;
        font-weight: 600
    }

.locationbox-v2 {
    max-width: 600px;
    width: 90%;
    background-color: #fff;
    top: 55%;
    min-height: 50vh
}

    .locationbox-v2 .close-symbol {
        background-color: #98a2b3;
        top: 0;
        height: 16px
    }

        .locationbox-v2 .close-symbol:before {
            background-color: #98a2b3;
            height: 16px
        }

    .locationbox-v2 .clear-searchbox {
        padding: 0;
        width: 16px;
        height: 16px;
        background-color: #fff
    }

    .locationbox-v2 .location-title {
        color: #98a2b3
    }

    .locationbox-v2 .locationbox__item {
        background-color: #fff;
        padding: 10px 15px 0 15px
    }

        .locationbox-v2 .locationbox__item.locationbox__item--right a.cls-location {
            position: absolute;
            left: initial;
            right: 0;
            background-color: #fff;
            border: 0;
            color: #98a2b3;
            padding: 0;
            width: 20px;
            height: 20px
        }

    .locationbox-v2 .top-location {
        display: block;
        text-align: left;
        background-color: #fff;
        position: relative
    }

    .locationbox-v2 .locationbox__item .top-location.no-address {
        z-index: 3
    }

    .locationbox-v2 .top-location > b {
        display: block;
        font-size: 18px;
        margin: 10px 0;
        border-bottom: 1px solid #d0d5dd;
        padding-bottom: 10px
    }

    .locationbox-v2 .top-location > p {
        color: #98a2b3;
        max-width: 100%;
        font-size: 14px
    }

        .locationbox-v2 .top-location > p > a {
            text-decoration: underline
        }

        .locationbox-v2 .top-location > p > span.fulladdress-v2 {
            color: #344054
        }

    .locationbox-v2 .location-search {
        margin-top: 0
    }

        .locationbox-v2 .location-search input {
            border: 1px solid #d0d5dd
        }

        .locationbox-v2 .location-search > i {
            filter: grayscale(1)
        }

    .locationbox-v2 .location-suggestaddress {
        margin-top: 0
    }

        .locationbox-v2 .location-suggestaddress.no-address {
            z-index: 3
        }

        .locationbox-v2 .location-suggestaddress input {
            border: 1px solid #d0d5dd;
            padding-left: 10px;
            padding-right: 42px
        }

        .locationbox-v2 .location-suggestaddress > i {
            filter: grayscale(1);
            left: inherit;
            right: 8px
        }

        .locationbox-v2 .location-suggestaddress .close-symbol {
            left: -41px
        }

        .locationbox-v2 .location-suggestaddress .clear-suggestaddress {
            position: relative;
            display: none
        }

    .locationbox-v2 .locationbox__img {
        position: relative;
        height: 40vh;
        z-index: 3;
        background-color: #fff
    }

        .locationbox-v2 .locationbox__img img {
            display: block;
            max-width: 100%;
            max-height: 80%;
            margin: auto;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0
        }

    .locationbox-v2 .choose-province, .locationbox-v2 .choose-province__diffence {
        height: 1px;
        background-color: #eaecf0;
        margin: 20px 15px;
        position: relative
    }

    .locationbox-v2 .choose-province__diffence {
        margin: 20px 0
    }

    .locationbox-v2 .choose-province-text {
        height: 1px;
        background-color: #eaecf0;
        margin: 20px 0;
        position: relative
    }

    .locationbox-v2 .choose-province > span, .locationbox-v2 .choose-province__diffence > span {
        color: #667085;
        width: 100px;
        height: 25px;
        line-height: 25px;
        background-color: #fff;
        margin: auto;
        left: 0;
        right: 0;
        top: -10px;
        position: absolute;
        font-weight: normal
    }

    .locationbox-v2 .choose-province__diffence > span {
        margin: auto 0;
        width: 160px;
        text-align: left
    }

    .locationbox-v2 .lst-location > a {
        padding: 10px 0 10px 20px;
        position: relative;
        display: none;
        margin-left: 20px
    }

        .locationbox-v2 .lst-location > a:before {
            border-top: 1px solid #2a83e9;
            border-right: 1px solid #2a83e9;
            content: '';
            height: 6px;
            position: absolute;
            top: calc(50% - 3px);
            transform: rotate(225deg);
            right: 30px;
            width: 6px;
            left: 0
        }

    .locationbox-v2 .listing-location {
        padding-top: 0
    }

        .locationbox-v2 .listing-location .lst-tab {
            display: flex;
            border-bottom: 1px solid #eaecf0;
            margin-bottom: 15px
        }

            .locationbox-v2 .listing-location .lst-tab > a {
                width: calc(100%/3);
                text-align: center;
                padding: 10px 0;
                margin-bottom: -1px;
                color: #344054;
                border-bottom: 3px solid transparent
            }

            .locationbox-v2 .listing-location .lst-tab.location-v4 > a {
                width: calc(100%/2)
            }

            .locationbox-v2 .listing-location .lst-tab > a.active {
                border-color: #2377e8;
                background-color: #f1f8fe;
                color: #2377e8;
                font-weight: bold
            }

            .locationbox-v2 .listing-location .lst-tab > a.disable {
                color: #d0d5dd;
                pointer-events: none
            }

    .locationbox-v2 .lst-location .listing-locale ul {
        height: 34vh
    }

        .locationbox-v2 .lst-location .listing-locale ul li a {
            width: 100%
        }

        .locationbox-v2 .lst-location .listing-locale ul li:nth-child(2n+1) a {
            width: calc(100% - 10px)
        }

    .locationbox-v2 .province-name-old {
        display: block;
        color: #98a2b3;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        padding-top: 4px
    }

    .locationbox-v2 #lst-address {
        height: 40vh
    }

        .locationbox-v2 #lst-address > input {
            height: 40px;
            border-radius: 8px;
            border: 1px solid #d0d5dd;
            width: 100%;
            margin-bottom: 10px;
            padding: 0 10px
        }

        .locationbox-v2 #lst-address > span {
            color: #98a2b3;
            display: block
        }

        .locationbox-v2 #lst-address > label {
            color: #dd2f2c;
            display: none
        }

        .locationbox-v2 #lst-address.error > input {
            border-color: #dd2f2c
        }

        .locationbox-v2 #lst-address.error > span {
            display: none
        }

        .locationbox-v2 #lst-address.error > label {
            display: block
        }

    .locationbox-v2 .location-none {
        margin: 0 15px 15px 15px;
        padding-left: 25px;
        position: relative;
        cursor: pointer
    }

        .locationbox-v2 .location-none > i {
            width: 16px;
            height: 16px;
            margin-right: 2px;
            border-radius: 4px;
            border: 1px solid #d0d5dd;
            position: absolute;
            left: 0;
            top: 1px
        }

            .locationbox-v2 .location-none > i.active {
                border-color: #2a83e9
            }

                .locationbox-v2 .location-none > i.active:after {
                    content: '';
                    display: block;
                    width: 3px;
                    height: 7px;
                    border: solid #2a83e9;
                    border-width: 0 2px 2px 0;
                    transform: rotate(45deg);
                    margin: 1px 0 0 5px
                }

    .locationbox-v2 .location-confirm {
        padding: 10px 0;
        margin: 0 15px;
        border-top: 1px solid #d0d5dd
    }

        .locationbox-v2 .location-confirm > a {
            display: block;
            height: 40px;
            line-height: 40px;
            color: #fff;
            background-color: #2a83e9;
            border-radius: 8px;
            text-align: center
        }

    .locationbox-v2 div#suggest-location {
        height: 40vh
    }

    .locationbox-v2 div#suggest-address {
        height: 40vh;
        position: relative;
        z-index: 3
    }

        .locationbox-v2 div#suggest-address ul.suggest-location {
            max-height: calc(100% - 100px);
            padding: 0
        }

            .locationbox-v2 div#suggest-address ul.suggest-location li {
                padding-left: 5px
            }

                .locationbox-v2 div#suggest-address ul.suggest-location li a {
                    position: relative;
                    padding-left: 25px
                }

                    .locationbox-v2 div#suggest-address ul.suggest-location li a span {
                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        height: 21px
                    }

        .locationbox-v2 div#suggest-address .suggest-address-notfound {
            display: block;
            position: relative;
            padding: 10px 5px;
            color: #288ad6
        }

            .locationbox-v2 div#suggest-address .suggest-address-notfound:before {
                border-top: 1px solid #2a83e9;
                border-right: 1px solid #2a83e9;
                content: '';
                height: 6px;
                position: absolute;
                top: calc(50% - 3px);
                transform: rotate(45deg);
                right: 30px;
                width: 6px
            }

            .locationbox-v2 div#suggest-address .suggest-address-notfound > span {
                display: block;
                color: #98a2b3;
                font-size: 10px
            }

        .locationbox-v2 div#suggest-address .suggest-location > .not-found-province {
            color: #f00;
            padding: 10px
        }

    .locationbox-v2 .top-location .cls-back {
        display: none
    }

    .locationbox-v2 .top-location.edit > b {
        text-align: center
    }

    .locationbox-v2 .top-location.edit .cls-back {
        display: block;
        position: absolute;
        width: 16px;
        height: 12px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYBAMAAABpfeIHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAVUExURRAYKEdwTBAYKBAYKBAYKBAYKBAYKGNB7h4AAAAGdFJOU38AgF9g3236w9EAAABlSURBVBjTZdExDoAgEETRsaHmEy9gQ88lPIeRuPc/gpUJO0758wgJCIB98E0A9JlDCws9thRaXKSwAmQAGUAGkAHU4tGyoTPS5j9UP0KJI99S487BiDAijAgjwogAqj8hxcPyDS/smSzF8VmrzgAAAABJRU5ErkJggg==');
        background-size: 100% auto;
        left: 0;
        top: 18%
    }

.locationbox__address {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    padding: 20px;
    display: none;
    box-sizing: border-box;
    z-index: 4
}

    .locationbox__address > a:first-child {
        position: absolute;
        right: 30px;
        top: 10px
    }

    .locationbox__address > b {
        font-size: 16px;
        text-align: center;
        margin-bottom: 15px;
        display: block;
        border-bottom: 1px solid #d0d5dd;
        padding-bottom: 15px
    }

    .locationbox__address > ul.scroll {
        max-height: 370px;
        margin-bottom: 10px
    }

    .locationbox__address > ul > li {
        margin-bottom: 15px;
        line-height: 1.6;
        color: #1d2939;
        padding-left: 25px;
        position: relative;
        cursor: pointer
    }

        .locationbox__address > ul > li:before {
            content: '';
            width: 14px;
            height: 14px;
            position: absolute;
            left: 0;
            top: 3px;
            border: 1px solid #d0d5dd;
            border-radius: 50%
        }

        .locationbox__address > ul > li > a {
            color: #475467;
            font-size: 10px;
            font-weight: 500;
            opacity: .7;
            margin-right: 10px;
            pointer-events: none;
            background-color: transparent !important;
            border: 0 !important
        }

            .locationbox__address > ul > li > a.btn-edit:before {
                content: '';
                width: 12px;
                height: 12px;
                display: inline-block;
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAEtQTFRFAAAARlNmSFBoSFRmR1RnR1NnR1VnUFBwR1RnR1RnRlRmRVVlSFRoR1RmSFNpR1RmRlRnRlRmR1VnSlVlRVVlR1NnRlRmSFhoRlRmwwZQFgAAABl0Uk5TAFAgoP/f3xDPv+8wQK9f74+gnzBgn68gf3CDAT8AAACXSURBVHicjdFxC4IwEIfh/VhahASWUN//45WEEWKQDu/mFO52Qftn8j5zgw1ODjiE9CGGJ5hCDh5AWASqTwXGYlBA+5Toqw++Emj9YSh3RJ0A3ifUb+dOT3F47O7ySn2D1Mc+9RWyniDvCxg9gtUZzM636a1O0HT1I+8Rzu3R6x6BZ90J9vxkle76Bf+Bq0133FoTmp9/zB5XSjVwVYUTAAAAAElFTkSuQmCC');
                margin-right: 3px;
                background-size: 100% auto;
                vertical-align: middle
            }

            .locationbox__address > ul > li > a.btn-delete:before {
                content: '';
                width: 10px;
                height: 11px;
                display: inline-block;
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAMAAAD3n0w0AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAE5QTFRFAAAASFhoR1RnR1VnSFBoR1RnUFBwRldnQlJrRVVlQFBwSFRoSFVlR1NnR1NnR1NnRlNmSlJrRlRmRlRmR1VnRlNmRVVlR1RmRlRmRVVlPwOGLQAAABp0Uk5TACC/3yD/EC8fMBBAYJDfn1Aff69vX2CPzz+OwE3GAAAAmklEQVR4nM2RUQrCMBBEZ5NWSGJBYtH7n65CoWgLabGt0azGpJ7A/ZnMIyzsDCEMEbF6sbBlIyTesz6+cOchwoMWlI6hIdCk+AdGoVcUV6ICv7Mn2AE6Iw5V91pVYg5OI6xjl6A0/RaSdWOSD7RD1SX5C1jfDm2SeJEac2HIIZ58m50ppO3nGJKajpcAzX2TZt1wHbE2ru7cAE+JoWUool6YegAAAABJRU5ErkJggg==');
                margin-right: 3px;
                background-size: 100% auto;
                vertical-align: middle
            }

        .locationbox__address > ul > li > i {
            font-style: normal;
            color: #fc7600
        }

    .locationbox__address > span.check {
        background-color: #222;
        border-radius: 4px;
        color: #fff;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        position: absolute;
        left: 20px;
        bottom: 80px;
        width: calc(100% - 40px);
        display: none;
        box-sizing: border-box
    }

        .locationbox__address > span.check > i {
            background-color: #14b659;
            width: 18px;
            height: 18px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 50%;
            position: relative;
            margin-right: 5px
        }

            .locationbox__address > span.check > i:before {
                height: 6px;
                transform: rotate(-40deg);
                bottom: 4px;
                left: 5px;
                background-color: #222;
                content: '';
                position: absolute;
                width: 2px
            }

            .locationbox__address > span.check > i:after {
                height: 9px;
                transform: rotate(40deg);
                bottom: 5px;
                left: 10px;
                background-color: #222;
                content: '';
                position: absolute;
                width: 2px
            }

    .locationbox__address > ul > li.active:before {
        border: 1px solid #2a83e9;
        background: #e3f1fe
    }

    .locationbox__address > ul > li.active:after {
        content: '';
        width: 6px;
        height: 6px;
        background-color: #2a83e9;
        border-radius: 50%;
        left: 5px;
        top: 8px;
        position: absolute;
        z-index: 1
    }

    .locationbox__address > ul > li.active > a {
        opacity: 1;
        pointer-events: auto
    }

    .locationbox__address > a.btn-add {
        border: 1px dashed #2a83e9;
        background: #f1f8fe;
        height: 40px;
        border-radius: 8px;
        display: block;
        line-height: 40px;
        font-size: 12px;
        padding: 0 20px 0 35px;
        position: relative
    }

.listing-location > #suggest-address > a.btn-add {
    border: 1px dashed #2a83e9;
    background: #f1f8fe;
    height: 40px;
    border-radius: 8px;
    display: block;
    line-height: 40px;
    font-size: 12px;
    padding: 0 20px 0 35px;
    position: relative
}

.locationbox__address > a.btn-add:before {
    content: '';
    width: 8px;
    height: 2px;
    background-color: #2a83e9;
    position: absolute;
    left: 17px;
    top: 0;
    bottom: 0;
    margin: auto
}

.listing-location > #suggest-address > a.btn-add:before {
    content: '';
    width: 8px;
    height: 2px;
    background-color: #2a83e9;
    position: absolute;
    left: 17px;
    top: 0;
    bottom: 0;
    margin: auto
}

.locationbox__address > a.btn-add:after {
    content: '';
    width: 2px;
    height: 8px;
    background-color: #2a83e9;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto
}

.listing-location > #suggest-address > a.btn-add::after {
    content: '';
    width: 2px;
    height: 8px;
    background-color: #2a83e9;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto
}

.locationbox__address > a.btn-confirm {
    display: block;
    height: 40px;
    border-radius: 8px;
    background: #2a83e9;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px)
}

.locationbox__address > div.la-delete {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    display: none
}

    .locationbox__address > div.la-delete > div {
        width: 320px;
        position: absolute;
        height: max-content;
        margin: auto;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: #fff;
        border-radius: 12px;
        right: 0;
        padding: 15px;
        text-align: center
    }

        .locationbox__address > div.la-delete > div > * {
            display: block;
            margin-bottom: 10px
        }

        .locationbox__address > div.la-delete > div > img {
            width: 56px;
            margin: 0 auto 10px auto
        }

        .locationbox__address > div.la-delete > div > b {
            font-size: 18px
        }

        .locationbox__address > div.la-delete > div > a {
            display: inline-block;
            vertical-align: middle;
            width: 48%;
            float: left;
            border: 1px solid #d0d5dd;
            color: #344054;
            height: 42px;
            line-height: 42px;
            border-radius: 8px;
            font-weight: bold
        }

            .locationbox__address > div.la-delete > div > a:last-child {
                float: right;
                border-color: #d92d20;
                background: #d92d20;
                color: #fff
            }

.locationbox-v2.has-suggest-address .lst-location > a {
    display: block;
    color: #288ad6
}

.locationbox-v2.has-suggest-address .lst-location .listing-locale ul {
    height: calc(34vh - 50px)
}

@media screen and (max-height: 850px) {
    .locationbox__address > ul {
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: calc(100% - 100px)
    }
}

* {
    margin: 0;
    padding: 0
}

img {
    border: 0
}

    img.lazyload-after {
        opacity: 0
    }

a {
    text-decoration: none;
    transition: .2s;
    color: #288ad6
}

ul, ol {
    list-style: none
}

.clr {
    clear: both
}

.clearfix {
    display: block
}

    .clearfix:after {
        content: "";
        display: block;
        clear: both
    }




input[type=text], input[type=tel], textarea {
    -webkit-appearance: none
}

.main-menu .navmwg {
    display: none;
    position: absolute;
    background: #fff;
    top: 43px;
    width: max-content;
    border-radius: 4px;
    padding: 10px;
    z-index: 10;
    border: 1px solid #eee;
    left: 0;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,auto)
}

    .main-menu .navmwg .item-child:first-child {
        grid-row: 1/4
    }

.main-menu li.has-list:hover .navmwg {
    display: grid
}

.main-menu .navmwg.limit-width {
    width: 160px
}

.main-menu .has-list.show-left .navmwg:not(.limit-width) {
    left: unset;
    right: 0
}

.main-menu li.has-list:hover .navmwg.limit-width {
    display: block
}

.main-menu .navmwg::before, .navmwg::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 40px;
    border-bottom: 10px solid #d9d9d9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom-color: #fff
}

.main-menu .has-list.show-left .navmwg:not(.limit-width)::before, .main-menu .has-list.show-left .navmwg:not(.limit-width)::after {
    left: unset;
    right: 40px
}

.main-menu a span.has-child:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.main-menu .navmwg div {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 10px
}

.main-menu .navmwg .no-child-final {
    margin: 0;
    width: auto;
    float: none
}

    .main-menu .navmwg .no-child-final a {
        display: block
    }

.main-menu .navmwg strong {
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    padding-bottom: 5px;
    color: #333
}

.main-menu .navmwg div a:hover h3 {
    font-weight: bold
}

.main-menu .navmwg a {
    display: block;
    padding: 10px 5px 0 0;
    color: #000;
    font-size: 11px;
    position: relative
}

.main-menu .navmwg div a {
    display: block;
    padding: 10px 5px 0 0;
    color: #000;
    font-size: 11px;
    position: relative
}

.main-menu .navmwg strong a {
    display: initial;
    text-transform: initial;
    color: #4a90e2
}

    .main-menu .navmwg strong a::after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid #4a90e2;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        display: inline-block;
        margin-left: 5px
    }

.hc-samsungsis img {
    width: 100%;
    height: auto
}

.sticky-sidebar {
    display: none
}

    .sticky-sidebar.active {
        display: block
    }

[class^="icon-"], [class*="icon-"] {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/DMX/Global/Desktop/icon_common.22122021@2x.webp);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 300px 280px
}

.icon-close {
    background-position: -241px -231px;
    height: 14px;
    width: 14px
}

.icon-youtube {
    background-position: -200px 0;
    height: 18px;
    width: 18px
}

.icon-tgdd {
    background-position: 0 -30px;
    height: 18px;
    width: 103px
}

.icon-bhx {
    background-position: -110px -30px;
    height: 18px;
    width: 81px
}

.icon-maiam {
    background-position: 0 -60px;
    height: 18px;
    width: 71px
}

.icon-congthuong {
    background-position: -200px -30px;
    height: 24px;
    width: 79px
}

.icon-khieunai {
    background-position: -250px 0;
    height: 25px;
    width: 25px
}

.icon-position {
    background-position: -162px -255px;
    width: 16px;
    height: 21px
}

.icon-protected {
    background-position: -80px -60px;
    height: 24px;
    width: 122px
}

.icon-ncsc {
    background-position: -93px -252px;
    width: 57px;
    height: 23px
}

.icon-star {
    background-position: -205px -60px;
    height: 12px;
    width: 13px
}

.icon-star-dark {
    background-position: -225px -60px;
    height: 12px;
    width: 13px
}

.icon-star-half {
    background-position: -280px -1px;
    height: 12px;
    width: 14px
}

.icon-ytb-big {
    background-position: 0 -90px;
    height: 31px;
    width: 43px
}

.icon-ytb-simple {
    background-position: -45px -90px;
    height: 22px;
    width: 30px
}

.icon-tivi {
    background-position: -85px -90px;
    height: 16px;
    width: 20px
}

.icon-tulanh {
    background-position: -110px -90px;
    height: 21px;
    width: 13px
}

.icon-maygiat {
    background-position: -130px -90px;
    height: 20px;
    width: 18px
}

.icon-maylanh {
    background-position: -155px -90px;
    height: 20px;
    width: 22px
}

.icon-diengiadung {
    background-position: -185px -90px;
    height: 20px;
    width: 20px
}

.icon-nhabep {
    background-position: -210px -90px;
    height: 17px;
    width: 20px
}

.icon-locnuoc {
    background-position: -235px -90px;
    height: 22px;
    width: 22px
}

.icon-dienthoai {
    background-position: -265px -90px;
    height: 20px;
    width: 13px
}

.icon-xedap {
    background-position: -30px -250px;
    height: 24px;
    width: 24px
}

.icon-maybo {
    background-position: 0 -130px;
    width: 22px;
    height: 16px
}

.icon-phukien {
    background-position: -30px -130px;
    height: 18px;
    width: 22px
}

.icon-simso {
    background-position: -60px -130px;
    height: 15px;
    width: 21px
}

.icon-maycu {
    background-position: -90px -130px;
    height: 16px;
    width: 21px
}

.icon-dichvu {
    background-position: 0 -250px;
    height: 24px;
    width: 24px
}

.icon-moreall {
    background-position: -250px -60px;
    height: 5px;
    width: 21px
}

.icon-filter {
    background-position: -280px -60px;
    height: 14px;
    width: 11px
}

.icon-ngandatren {
    background-position: -60px -170px;
    height: 56px;
    width: 31px
}

.icon-ngandaduoi {
    background-position: -95px -170px;
    height: 56px;
    width: 31px
}

.icon-mini {
    background-position: -130px -170px;
    height: 38px;
    width: 31px
}

.icon-tulon {
    background-position: -165px -170px;
    height: 56px;
    width: 34px
}

.icon-multidoor {
    background-position: -205px -170px;
    height: 56px;
    width: 35px
}

.icon-maylanh1 {
    background-position: -120px -130px;
    height: 31px;
    width: 38px
}

.icon-maylanh2 {
    background-position: -165px -130px;
    height: 31px;
    width: 38px
}

.icon-maylanh3 {
    background-position: -210px -130px;
    height: 32px;
    width: 38px
}

.icon-maylanh4 {
    background-position: 0 -170px;
    height: 31px;
    width: 48px
}

.icon-maylanhlon {
    background-position: -260px -130px;
    height: 52px;
    width: 23px
}

.icon-cuatruoc {
    background-position: -255px -190px;
    height: 36px;
    width: 31px
}

.icon-cuatren {
    background-position: 0 -210px;
    height: 37px;
    width: 35px
}

.icon-info {
    background-position: -40px -230px;
    height: 16px;
    width: 16px
}

.icon-compare {
    background-position: -66px -253px;
    height: 16px;
    width: 16px
}

.icon-check {
    background-position: -255px -75px;
    height: 7px;
    width: 10px
}

.icon-sticky-search {
    background-position: -65px -230px;
    height: 15px;
    width: 15px
}

.icon-sticky-chat {
    background-position: -90px -228px;
    height: 20px;
    width: 24px
}

.icon-sticky-cart {
    background-position: -120px -228px;
    height: 21px;
    width: 23px
}

.icon-sticky-ss {
    background-position: -150px -228px;
    height: 20px;
    width: 22px
}

.icon-deletess {
    background-position: -240px -230px;
    height: 16px;
    width: 16px
}

.icon-tickbox {
    background-position: -190px -230px;
    height: 18px;
    width: 18px
}

.icon-findcp {
    background-position: -265px -230px;
    height: 19px;
    width: 19px
}

.icon-location {
    background-position: -284px -34px;
    width: 12px;
    height: 16px
}

.icon-logo {
    background-position: 0 0;
    height: 24px;
    width: 141px
}

.icon-search {
    background-position: -150px 0;
    height: 17px;
    width: 17px
}

.icon-cart {
    background-position: -175px 0;
    height: 18px;
    width: 20px
}

.icon-facebook {
    background-position: -225px 0;
    height: 18px;
    width: 18px
}

.icon-youtube {
    background-position: -200px 0;
    height: 18px;
    width: 18px
}

.icon-dmx {
    background-position: 0 -30px;
    height: 18px;
    width: 103px
}

.icon-bhx {
    background-position: -110px -30px;
    height: 18px;
    width: 81px
}

.icon-maiam {
    background-position: 0 -60px;
    height: 18px;
    width: 71px
}

.icon-congthuong {
    background-position: -200px -30px;
    height: 24px;
    width: 79px
}

.icon-khieunai {
    background-position: -250px 0;
    height: 25px;
    width: 25px
}

.icon-protected {
    background-position: -80px -60px;
    height: 24px;
    width: 122px
}

.icon-star {
    background-position: -205px -60px;
    height: 12px;
    width: 13px
}

.icon-star-dark {
    background-position: -225px -60px;
    height: 12px;
    width: 13px
}

.icon-ytb-big {
    background-position: 0 -90px;
    height: 31px;
    width: 43px
}

.icon-ytb-simple {
    background-position: -45px -90px;
    height: 22px;
    width: 30px
}

.icon-laptop {
    background-position: -105px -90px;
    height: 20px;
    width: 25px
}

.icon-tablet {
    background-position: -140px -90px;
    height: 20px;
    width: 16px
}

.icon-dhthongminh {
    background-position: -195px -90px;
    height: 22px;
    width: 17px
}

.icon-dhthoitrang {
    background-position: -220px -90px;
    height: 23px;
    width: 15px
}

.icon-pcmayin {
    background-position: -240px -90px;
    height: 16px;
    width: 23px
}

.icon-check {
    background-position: -245px -60px;
    height: 7px;
    width: 10px
}

.icon-info {
    background-position: -265px -60px;
    height: 16px;
    width: 16px
}

.icon-sticky-search {
    background-position: 0 -125px;
    height: 15px;
    width: 15px
}

.icon-sticky-chat {
    background-position: -25px -125px;
    height: 20px;
    width: 24px
}

.icon-sticky-cart {
    background-position: -55px -125px;
    height: 21px;
    width: 23px
}

.icon-sticky-ss {
    background-position: -85px -125px;
    height: 20px;
    width: 22px
}

.icon-suckhoe {
    background-position: -206px -255px;
    width: 23px;
    height: 20px
}

.icon-suachua {
    background-position: -183px -256px;
    width: 19px;
    height: 18px
}

.icon-search-allCate {
    background-position: -267px -232px;
    height: 14px;
    width: 14px
}

[class^="iconnewglobal-"], [class*="iconnewglobal-"] {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/iconnew-min.png?v=6);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 310px 257px
}

.iconnewglobal-logo {
    background-position: 0 -176px;
    width: 228px;
    height: 40px
}

.iconnewglobal-logoheaddmx {
    background-position: 0 -130px;
    width: 229px;
    height: 41px
}

.iconnewglobal-location {
    background-position: -35px 0;
    width: 8px;
    height: 10px
}

.iconnewglobal-cart {
    background-position: -48px 0;
    width: 25px;
    height: 24px
}

.iconnewglobal-menu {
    background-position: -77px 0;
    width: 26px;
    height: 26px
}

.iconnewglobal-search {
    background-position: -107px 0;
    width: 18px;
    height: 18px
}

.iconnewglobal-vote {
    background-position: -129px 0;
    width: 12px;
    height: 15px
}

.iconnewglobal-service {
    background-position: -273px -133px;
    width: 38px;
    height: 38px
}

.iconnewglobal-game {
    background-position: -272px -175px;
    width: 38px;
    height: 38px
}

.iconnewglobal-ticket {
    background-position: -273px -219px;
    width: 38px;
    height: 38px
}

.iconnewglobal-card {
    background-position: -273px -89px;
    width: 38px;
    height: 38px
}

.iconnewglobal-logodmx {
    background-position: 0 -35px;
    width: 74px;
    height: 22px
}

.iconnewglobal-logotopzone {
    background-position: -78px -35px;
    width: 74px;
    height: 22px
}

.iconnewglobal-logobhx {
    background-position: -158px -35px;
    width: 74px;
    height: 22px
}

.iconnewglobal-avakids {
    background-position: 0 -62px;
    width: 74px;
    height: 22px
}

.iconnewglobal-avasport {
    background-position: -78px -62px;
    width: 74px;
    height: 22px
}

.iconnewglobal-avafashion {
    background-position: -158px -62px;
    width: 74px;
    height: 22px
}

.iconnewglobal-avaji {
    background-position: -236px -62px;
    width: 74px;
    height: 22px
}

.iconnewglobal-boxarrow {
    background-position: -206px 0;
    width: 18px;
    height: 18px
}

.iconnewglobal-menusubdmx {
    background-position: -252px 0;
    width: 18px;
    height: 18px
}

.iconnewglobal-whitecart {
    background-position: -275px 0;
    width: 24px;
    height: 24px
}

.iconnewglobal-whitemenu {
    background-position: -236px -33px;
    width: 27px;
    height: 16px
}

.iconnewglobal-logodmx {
    background-position: -41px -89px;
    width: 91px;
    height: 30px
}

.taC {
    text-align: center
}

@-webkit-keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

.bordercol {
    background-color: #72b2fd;
    height: 32px;
    width: 1px
}

.btn-readmore {
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 18px;
    max-width: 340px;
    margin: 0 auto;
    padding: 8px 5px;
    text-align: center;
    width: 100%
}

    .btn-readmore.blue {
        border: 1px solid #288ad6;
        color: #288ad6
    }

    .btn-readmore span {
        position: relative;
        padding-right: 15px
    }

        .btn-readmore span::before {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #333;
            content: "";
            position: absolute;
            right: -3px;
            top: 5px
        }

    .btn-readmore.blue span::before {
        border-top: 5px solid #288ad6
    }


.show-menu {
    background-color: #fff;
    height: 100%;
    overflow: scroll;
    max-width: 640px;
    padding: 60px 10px 100px;
    position: fixed;
    top: 0;
    transition: .3s;
    right: -100%;
    width: 100%;
    z-index: 99
}

    .show-menu.active {
        left: 0;
        margin: auto;
        right: 0
    }

.box-fixed {
    background-color: #fff;
    display: none;
    left: 0;
    max-width: 640px;
    margin: auto;
    position: fixed;
    padding: 10px 10px;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1
}

    .box-fixed.active {
        display: block
    }

.btn-closemenu {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #333;
    float: right;
    line-height: 21px;
    padding: 7px 5px 7px 0;
    position: relative;
    text-align: right;
    width: 65px
}

    .btn-closemenu::before, .btn-closemenu::after {
        background-color: #333;
        content: "";
        left: 15px;
        height: 10px;
        position: absolute;
        top: 12px;
        width: 1px
    }

    .btn-closemenu::before {
        transform: rotate(45deg)
    }

    .btn-closemenu::after {
        transform: rotate(-45deg)
    }

.show-menu__link {
    margin: 10px 0 5px
}

    .show-menu__link .link-item {
        float: left;
        width: calc(50% - 5px)
    }

        .show-menu__link .link-item:first-child {
            margin-right: 10px
        }

    .show-menu__link ul li:last-child {
        border-bottom: 0
    }

    .show-menu__link .link-item p {
        font-weight: bold;
        line-height: 16px;
        margin-bottom: 5px
    }

    .show-menu__link .link-item li {
        border-bottom: 1px solid #e0e0e0;
        padding: 6px 0
    }

    .show-menu__link .link-item a {
        color: #333;
        font-size: 12px;
        line-height: 16px
    }

.show-menu .nav-list a {
    box-shadow: none
}

.txt-history {
    color: #2f80ed;
    display: inline-block;
    margin: 15px 0
}

.txt-tel {
    margin-bottom: 15px
}

    .txt-tel a {
        color: #2f80ed
    }

.btn-readmore {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #333;
    display: block;
    line-height: 18px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: calc(100% - 20px)
}

    .btn-readmore span {
        padding-right: 15px;
        position: relative
    }

        .btn-readmore span::before {
            content: "";
            height: 0;
            position: absolute;
            right: 0;
            width: 0
        }

    .btn-readmore.arrowUp span::before {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #333;
        top: 6px
    }

    .btn-readmore.arrowRight span::before {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #333;
        top: 4px
    }

.txt-readmore {
    color: #2f80ed;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    padding-right: 8px
}

    .txt-readmore.alright {
        position: absolute;
        top: 0;
        right: 0
    }

    .txt-readmore::before {
        border-top: 1px solid #2f80ed;
        border-right: 1px solid #2f80ed;
        content: "";
        height: 4px;
        position: absolute;
        transform: rotate(45deg);
        top: 6px;
        right: 0;
        width: 4px
    }

.breadcrumb {
    background-color: #fff;
    margin-top: 10px
}

    .breadcrumb.heighter {
        margin-top: 0;
        padding: 10px 0
    }

    .breadcrumb li {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        padding-right: 20px;
        position: relative
    }

        .breadcrumb li::before {
            border-top: 1px solid #666;
            border-right: 1px solid #666;
            content: "";
            height: 6px;
            position: absolute;
            right: 5px;
            transform: rotate(45deg);
            top: 7px;
            width: 6px
        }

        .breadcrumb li:last-child::before {
            display: none
        }

        .breadcrumb li a {
            color: #4a90e2
        }

.box-scroll {
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    -ms-scroll-snap-type: mandatory;
    -webkit-overflow-scrolling: touch
}

.c-btnclose {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    line-height: 21px;
    padding: 4px 7px;
    position: absolute;
    text-align: right;
    width: 66px
}

    .c-btnclose::before, .c-btnclose::after {
        background-color: #333;
        content: "";
        left: 14px;
        height: 10px;
        position: absolute;
        top: 9px;
        width: 1px
    }

    .c-btnclose::before {
        transform: rotate(45deg)
    }

    .c-btnclose::after {
        transform: rotate(-45deg)
    }

.c-checkitem {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

    .c-checkitem:last-child {
        margin-right: 0
    }

    .c-checkitem .tick-checkbox {
        border: 1px solid #a6a6a6;
        border-radius: 3px;
        margin-right: 2px;
        height: 16px;
        width: 16px
    }

    .c-checkitem .tick-checkbox, .c-checkitem p {
        display: inline-block;
        vertical-align: middle
    }

    .c-checkitem.act-check {
        position: relative
    }

        .c-checkitem.act-check::before, .c-checkitem.act-check::after {
            background-color: #fff;
            bottom: 3px;
            border-radius: 20px;
            content: "";
            position: absolute;
            width: 2px
        }

        .c-checkitem.act-check::before {
            height: 8px;
            left: 4px;
            transform: rotate(-35deg)
        }

        .c-checkitem.act-check::after {
            height: 12px;
            left: 9px;
            transform: rotate(35deg)
        }

        .c-checkitem.act-check .tick-checkbox {
            background-color: #4a90e2;
            border: 0
        }

.scrolling_inner {
    position: relative
}

    .scrolling_inner.scroll-left::before {
        background: linear-gradient(to left,rgba(255 255 255/0),rgba(255 255 255/1));
        content: "";
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 40px;
        z-index: 1
    }

    .scrolling_inner.scroll-right::after {
        background: linear-gradient(to right,rgba(255 255 255/0),rgba(255 255 255/1));
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px
    }

.owl-carousel .owl-item .owl-lazy.lazyloaded {
    opacity: 1
}

.bar-top-left {
    border: 1px solid #ebebeb;
    background-color: #fff;
    width: 250px;
    position: absolute;
    z-index: 5;
    top: 41px;
    left: 10px;
    display: none
}

.main-menu {
    position: relative
}

    .main-menu li {
        padding: 0 7px;
        height: 30px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ebebeb;
        overflow: hidden
    }

        .main-menu li .dropdown {
            width: 100%;
            position: relative
        }

            .main-menu li .dropdown::before {
                border-top: 1px solid #999;
                border-right: 1px solid #999;
                content: "";
                height: 6px;
                position: absolute;
                top: calc(50% - 3px);
                transform: rotate(45deg);
                right: 0;
                width: 6px
            }

        .main-menu li .dropdown--none::before {
            display: none
        }

        .main-menu li:last-child .dropdown {
            border-bottom: 0
        }

        .main-menu li span, .main-menu a, .main-menu .submenu__name {
            display: inline-block;
            vertical-align: middle
        }

        .main-menu li span {
            text-align: center;
            width: 25px
        }

        .main-menu li.luxury-item .dropdown span span.img-container img {
            max-width: 100%
        }

        .main-menu li.luxury-item .dropdown span span.img-container {
            width: 22px;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .main-menu li:hover .dropdown a, .main-menu li:hover .dropdown .submenu__name {
            font-weight: bold
        }

    .main-menu a, .main-menu .submenu__name {
        color: #333;
        font-size: 14px;
        line-height: 16px
    }

        .main-menu a:hover {
            color: #2f80ed
        }

        .main-menu a.no-link {
            pointer-events: none
        }

    .main-menu .many-cate a, .main-menu .merged-menus, .main-menu .merged-menus a {
        display: inline-block
    }

        .main-menu .merged-menus a:not(:last-child)::after {
            content: ","
        }

    .main-menu .menuitem .merged-menus {
        display: block
    }

    .main-menu .dropdown {
        white-space: nowrap
    }

.label-news .menuitem_label, .label-new.menuitem_label {
    display: inline;
    font-size: 11px;
    background-color: #fbdddd;
    color: #eb5757;
    padding: 2px 5px;
    border-radius: 8px;
    margin-left: 5px
}

.submenu {
    background-color: #fff;
    display: none;
    height: calc(100% + 1.5px);
    left: 249px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: -1px;
    z-index: 5
}

    .submenu aside {
        margin-right: 20px;
        width: 215px
    }

        .submenu aside.w355 {
            width: 355px
        }

        .submenu aside.w140 {
            width: 140px
        }

        .submenu aside.w160 {
            width: 155px
        }

        .submenu aside.w175 {
            width: 175px
        }

        .submenu aside.w190 {
            width: 190px
        }

        .submenu aside.w220 {
            width: 220px
        }

    .submenu .menuitem {
        margin-bottom: 15px
    }

    .submenu .menuitem__title {
        border-bottom: 1px solid #ebebeb;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        margin-bottom: 10px;
        white-space: nowrap;
        text-transform: uppercase
    }

        .submenu .menuitem__title a {
            color: #2f80ed;
            display: inline-block;
            font-size: 12px;
            line-height: 20px;
            margin-left: 5px;
            padding: 0;
            position: relative;
            vertical-align: top;
            text-transform: initial
        }

            .submenu .menuitem__title a::before {
                border-top: 4px solid transparent;
                border-bottom: 4px solid transparent;
                border-left: 4px solid #2f80ed;
                content: "";
                position: absolute;
                top: 6px;
                right: -10px
            }

            .submenu .menuitem__title a.aLinkMainCate {
                color: #333
            }

                .submenu .menuitem__title a.aLinkMainCate:before {
                    display: none
                }

    .submenu .menuitem__wrap {
        display: flex
    }

        .submenu .menuitem__wrap .item-small {
            margin-right: 10px;
            width: calc(50% - 5px)
        }

    .submenu a {
        display: block;
        margin-bottom: 8px
    }

    .submenu .menuitem__label {
        display: inline;
        font-size: 11px;
        background-color: #fbdddd;
        color: #eb5757;
        padding: 2px 5px;
        border-radius: 8px;
        margin-left: 5px
    }

.zone-new-bhx .productbox-bhxapi {
    background-color: #f1f1f1;
    border: 6px solid #008847;
    border-top: 0;
    background: #008847
}

    .zone-new-bhx .productbox-bhxapi * {
        box-sizing: border-box
    }

    .zone-new-bhx .productbox-bhxapi .hidden {
        display: none !important
    }

    .zone-new-bhx .productbox-bhxapi div.title {
        display: block;
        color: #fff;
        position: relative;
        font-size: 16px;
        background: #008847;
        padding: 10px 170px 10px 35px
    }

        .zone-new-bhx .productbox-bhxapi div.title span.text {
            color: #fff200
        }

            .zone-new-bhx .productbox-bhxapi div.title span.text span::before {
                content: "•";
                margin: 0 5px
            }

        .zone-new-bhx .productbox-bhxapi div.title span.note {
            display: inline-block
        }

    .zone-new-bhx .productbox-bhxapi .dotnew {
        background-color: #ffe66b;
        border-radius: 100%;
        display: block;
        left: 10px;
        height: 8px;
        margin-top: -5px;
        position: absolute;
        top: 50%;
        width: 8px
    }

        .zone-new-bhx .productbox-bhxapi .dotnew .animation {
            border: 1px solid #ffe66b;
            background-color: rgba(255,230,107,.2);
            border-radius: 100%;
            display: block;
            height: 8px;
            opacity: 1;
            -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;
            width: 8px
        }

    .zone-new-bhx .productbox-bhxapi div.title a {
        margin-left: 2px
    }

    .zone-new-bhx .productbox-bhxapi div.title img {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }

    .zone-new-bhx .productbox-bhxapi div.title span.close {
        position: absolute;
        margin: auto;
        right: 5px;
        cursor: pointer;
        top: 50%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(0,-50%);
        font-size: 12px;
        color: #fff;
        font-weight: normal
    }

        .zone-new-bhx .productbox-bhxapi div.title span.close a {
            color: #fff;
            display: flex;
            align-items: center
        }

            .zone-new-bhx .productbox-bhxapi div.title span.close a .showtext {
                margin-right: 5px;
                text-align: center
            }

    .zone-new-bhx .productbox-bhxapi div.title img {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }

    .zone-new-bhx .productbox-bhxapi .zone-bhx span.note {
        font-style: italic;
        font-size: 12px;
        color: #fff;
        display: inline-block;
        vertical-align: middle
    }

    .zone-new-bhx .productbox-bhxapi .zone-new-bhx span.note {
        font-style: italic;
        font-size: 12px;
        color: #fff;
        display: inline-block;
        vertical-align: middle
    }

    .zone-new-bhx .productbox-bhxapi div.voucherproduct-bhx {
        display: flex;
        background-color: #008847
    }

    .zone-new-bhx .productbox-bhxapi div._voucher {
        background: #fefcea;
        padding: 5px 5px 38px 10px;
        max-width: 190px;
        position: relative;
        margin: 5px 0 5px 5px;
        border-radius: 3px
    }

        .zone-new-bhx .productbox-bhxapi div._voucher .voucher-title {
            color: #3b864d;
            font-weight: 600;
            width: 170px
        }

        .zone-new-bhx .productbox-bhxapi div._voucher .voucher-content {
            margin-bottom: 5px
        }

        .zone-new-bhx .productbox-bhxapi div._voucher .voucher-error {
            color: #f00;
            font-size: 13px
        }

        .zone-new-bhx .productbox-bhxapi div._voucher .voucher-note {
            color: #afafaf;
            font-size: 12px;
            line-height: 14px;
            text-align: justify;
            position: absolute;
            left: 10px;
            right: 10px;
            bottom: 5px
        }

        .zone-new-bhx .productbox-bhxapi div._voucher input {
            padding: 7px 20px;
            border-radius: 4px;
            border: 1px solid #008848;
            width: 100%;
            margin-top: 9px;
            clear: both;
            box-sizing: border-box;
            height: 34px;
            text-indent: initial;
            padding-left: 15px
        }

            .zone-new-bhx .productbox-bhxapi div._voucher input.input-warning {
                border: 1px solid #f00
            }

        .zone-new-bhx .productbox-bhxapi div._voucher button {
            width: 100%;
            height: 34px;
            border: 1px solid #bdbdbd;
            border-radius: 5px;
            background: #bdbdbd;
            color: #fff;
            margin-top: 9px;
            cursor: pointer
        }

            .zone-new-bhx .productbox-bhxapi div._voucher button:not([disabled]) {
                background: #008848;
                border: #008848
            }

    .zone-new-bhx .productbox-bhxapi div.voucher-success {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff
    }

        .zone-new-bhx .productbox-bhxapi div.voucher-success .s-img {
            text-align: center;
            margin-top: 50px;
            margin-bottom: 10px
        }

            .zone-new-bhx .productbox-bhxapi div.voucher-success .s-img img {
                display: inline-block
            }

        .zone-new-bhx .productbox-bhxapi div.voucher-success .s-title {
            text-align: center;
            margin-bottom: 10px
        }

        .zone-new-bhx .productbox-bhxapi div.voucher-success .s-pm {
            position: relative;
            padding-left: 20px;
            margin-bottom: 10px;
            word-wrap: break-word
        }

            .zone-new-bhx .productbox-bhxapi div.voucher-success .s-pm:before {
                content: "";
                width: 3px;
                height: 3px;
                border-radius: 50%;
                position: absolute;
                left: 10px;
                top: 7px;
                background: #000
            }

    .zone-new-bhx .productbox-bhxapi div._product {
        display: flex;
        width: calc(100% - 195px);
        padding: 0 5px
    }

        .zone-new-bhx .productbox-bhxapi div._product .productbox-bhxapi-item {
            position: relative;
            text-align: center;
            width: 195px;
            height: 316px
        }

            .zone-new-bhx .productbox-bhxapi div._product .productbox-bhxapi-item a:first-child {
                padding: 5px;
                position: relative;
                display: block;
                height: 100%
            }

    .zone-new-bhx .productbox-bhxapi div._product, .zone-new-bhx .productbox-bhxapi-item a img {
        width: 100%;
        height: 100%;
        border-radius: 3px
    }

    .zone-new-bhx .productbox-bhxapi div > a > span {
        position: relative;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 36px;
        margin: 0;
        width: 100%;
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #333;
        line-height: 18px
    }

    .zone-new-bhx .productbox-bhxapi div._product .productbox-bhxapi-item.viewmore-bhx a > span {
        font-size: 13px
    }

    .zone-new-bhx .productbox-bhxapi div > a .productbox-bhxapi-item-img {
        height: auto;
        width: 100px;
        margin: auto
    }

        .zone-new-bhx .productbox-bhxapi div > a .productbox-bhxapi-item-img img {
            width: 100%;
            height: auto;
            margin: 10px auto
        }

    .zone-new-bhx .productbox-bhxapi div > a .zone-price {
        font-size: 14px;
        margin-top: 5px
    }

        .zone-new-bhx .productbox-bhxapi div > a .zone-price .after-price {
            color: #d12c1f;
            display: block;
            font-size: 16px
        }

        .zone-new-bhx .productbox-bhxapi div > a .zone-price .before-price {
            color: #666;
            display: inline-block;
            text-decoration: line-through;
            font-weight: normal
        }

        .zone-new-bhx .productbox-bhxapi div > a .zone-price .percent-price {
            color: #dd1c1a;
            display: inline-block
        }

    .zone-new-bhx .productbox-bhxapi div .zone-buy {
        position: absolute;
        color: #007e3c;
        padding: 4px 19px;
        border: 1px solid #008847;
        border-radius: 4px;
        margin: 5px;
        left: 0;
        right: 0;
        bottom: 5px;
        text-align: center
    }

.imgzalo img {
    max-width: 18px;
    margin-top: -5px;
    vertical-align: middle
}

a.imgzalo {
    margin-right: 0
}

#status-icon:before {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/chat.webp);
    background-size: 38px 38px;
    content: "";
    position: absolute
}

.survey-wrap {
    max-width: 480px;
    margin: 40px auto 0
}

    .survey-wrap .question-name {
        white-space: normal
    }

    .survey-wrap .surver-text-hasIcon.svelte-13ainzo.svelte-13ainzo {
        white-space: normal
    }

    .survey-wrap .survey-system-question-form-AVAKids .crmsurvey-btnanswer-icon span {
        font-weight: normal
    }

.zalo-chat-widget {
    bottom: 36px !important;
    right: 16px !important;
    z-index: 1 !important
}

.slide-promote img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}


.back-to-old {
    padding: 10px 18px;
    border-radius: 8px;
    border: 1px solid #d0d5dd;
    background-color: #fff;
    position: fixed;
    left: 10px;
    bottom: 65px;
    font-size: 16px;
    color: #344054;
    font-weight: 600;
    z-index: 5;
    cursor: pointer
}

.logo-thodmx img {
    border-radius: 5px
}

.theme-xmas .iconnewglobal-logoheaddmx {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/noel/2024/dmx/logo-dt.png);
    height: 53px;
    width: 240px;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    background-size: 240px 53px;
    background-position: unset
}



.suggestSearchUsed {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 8px rgba(0,0,0,.3);
    position: relative;
    overflow: hidden
}

    .suggestSearchUsed::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        left: 30%;
        border-bottom: 10px solid #eee;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent
    }

    .suggestSearchUsed .title {
        background: #f5f5f5;
        font-size: 13px;
        color: #666;
        font-weight: 400;
        padding: 10px
    }

    .suggestSearchUsed li {
        padding: 10px;
        border-bottom: 1px solid #eee
    }

        .suggestSearchUsed li a {
            display: flex;
            color: #333
        }

        .suggestSearchUsed li .thumb {
            margin: 0 20px 0 0
        }

            .suggestSearchUsed li .thumb img {
                width: 60px;
                height: 60px;
                object-fit: contain
            }

        .suggestSearchUsed li .info .name {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: #333;
            font-size: 14px;
            overflow: hidden
        }

        .suggestSearchUsed li .info .price-percent, .suggestSearchUsed li .info .new-price {
            margin-top: 4px
        }

            .suggestSearchUsed li .info .price-percent .price strong {
                color: #e83a45
            }

            .suggestSearchUsed li .info .price-percent .discount-percent {
                margin-left: 18px;
                padding: 2px 6px;
                background: #fff0e9;
                font-size: 12px;
                color: #eb5757;
                display: inline-block;
                position: relative
            }

                .suggestSearchUsed li .info .price-percent .discount-percent:before {
                    border-color: transparent transparent #fff0e9;
                    border-style: solid;
                    border-width: 0 10px 9px 11px;
                    content: "";
                    height: 0;
                    position: absolute;
                    width: 0;
                    transform: rotate(270deg);
                    top: 6px;
                    left: -15px
                }

.dot-stretching {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #288ad6;
    color: #288ad6;
    transform: scale(1.25,1.25);
    animation: dotStretching 2s infinite ease-in;
    text-align: left
}

    .dot-stretching::before {
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #288ad6;
        color: #288ad6;
        animation: dotStretchingBefore 2s infinite ease-in
    }

    .dot-stretching::after {
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #288ad6;
        color: #288ad6;
        animation: dotStretchingAfter 2s infinite ease-in
    }

    .dot-stretching::before, .dot-stretching::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0
    }

#preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
    background: rgba(255,255,255,.75)
}

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
    background: rgba(255,255,255,.75)
}

.load {
    display: block;
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    border-top: 5px solid transparent;
    -webkit-animation: load-animate infinite linear 1s;
    animation: load-animate infinite linear 1s;
    border-radius: 100%
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99;
    background: rgba(255,255,255,.75)
}

#loader {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80px;
    height: 80px
}

    #loader:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        background: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/logo.png) no-repeat center;
        background-size: 45%;
        border-radius: 50%;
        margin: 0;
        background-color: #f8c5468c
    }

    #loader:before {
        content: "";
        display: block;
        position: absolute;
        left: -3px;
        top: -3px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f8c546;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        z-index: 1
    }

body.dmx-site #loader:after {
    background-color: #288ad68f
}

body.dmx-site #loader:before {
    border-top-color: #288ad6
}

.desktop #loader {
    top: 15%
}

.loaderweb {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -75px 0 0 -50px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #000;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

    .loaderweb:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #8e8e8e;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite
    }

    .loaderweb:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #000;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite
    }

.desktop .loaderweb {
    top: 15%
}

#progressTop {
    position: fixed;
    z-index: 99;
    top: 0;
    left: -6px;
    width: 1%;
    height: 5px;
    background-color: #288ad6;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: width 3000ms ease-out,opacity 500ms linear;
    -ms-transition: width 3000ms ease-out,opacity 500ms linear;
    -o-transition: width 3000ms ease-out,opacity 500ms linear;
    -webkit-transition: width 600ms ease-out,opacity 500ms linear;
    transition: width 5000ms ease-out,opacity 500ms linear
}

    #progressTop b, #progressTop i {
        position: absolute;
        top: 0;
        height: 3px;
        -moz-box-shadow: #777 1px 0 6px 1px;
        -ms-box-shadow: #777 1px 0 6px 1px;
        -webkit-box-shadow: #777 1px 0 6px 1px;
        box-shadow: #777 1px 0 6px 1px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }

.bubblingG {
    text-align: center;
    width: 99%;
    height: 40px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,.75);
    z-index: 1
}

    .bubblingG span {
        display: inline-block;
        vertical-align: middle;
        width: 7px;
        height: 7px;
        margin: 25px 3px;
        background: #fff;
        border-radius: 49px;
        -o-border-radius: 49px;
        -ms-border-radius: 49px;
        -webkit-border-radius: 49px;
        -moz-border-radius: 49px;
        animation: bubblingG 1.5s infinite alternate;
        -o-animation: bubblingG 1.5s infinite alternate;
        -ms-animation: bubblingG 1.5s infinite alternate;
        -webkit-animation: bubblingG 1.5s infinite alternate;
        -moz-animation: bubblingG 1.5s infinite alternate
    }

.view-more .bubblingG span {
    animation: bubblingG-black 1.5s infinite alternate;
    -o-animation: bubblingG-black 1.5s infinite alternate;
    -ms-animation: bubblingG-black 1.5s infinite alternate;
    -webkit-animation: bubblingG-black 1.5s infinite alternate;
    -moz-animation: bubblingG-black 1.5s infinite alternate
}

#bubblingG_1 {
    animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s
}

#bubblingG_2 {
    animation-delay: .45s;
    -o-animation-delay: .45s;
    -ms-animation-delay: .45s;
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s
}

#bubblingG_3 {
    animation-delay: .9s;
    -o-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s
}

.loaderLocation {
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    border-top: 2px solid #222;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 14px;
    left: 20%
}

.lds-ellipsis {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto
}

    .lds-ellipsis div {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #1aa1db;
        animation-timing-function: cubic-bezier(0,1,1,0)
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 .6s infinite
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 .6s infinite
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 .6s infinite
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 .6s infinite
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(24px,0)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        transform: translateY(0)
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #288ad6;
        transform: translateY(-20px)
    }
}

@-o-keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -o-transform: translateY(0);
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #288ad6;
        -o-transform: translateY(-20px);
    }
}

@-ms-keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -ms-transform: translateY(0)
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #288ad6;
        -ms-transform: translateY(-20px)
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0)
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #288ad6;
        -webkit-transform: translateY(-20px)
    }
}

@-moz-keyframes bubblingG {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -moz-transform: translateY(0)
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #288ad6;
        -moz-transform: translateY(-20px)
    }
}

@keyframes bubblingG-black {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        transform: translateY(0)
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #333;
        transform: translateY(-20px)
    }
}

@-o-keyframes bubblingG-black {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -o-transform: translateY(0);
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #333;
        -o-transform: translateY(-20px);
    }
}

@-ms-keyframes bubblingG-black {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -ms-transform: translateY(0)
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #333;
        -ms-transform: translateY(-20px)
    }
}

@-webkit-keyframes bubblingG-black {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0)
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #333;
        -webkit-transform: translateY(-20px)
    }
}

@-moz-keyframes bubblingG-black {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -moz-transform: translateY(0)
    }

    100% {
        width: 17px;
        height: 17px;
        background-color: #333;
        -moz-transform: translateY(-20px)
    }
}

@-webkit-keyframes bounce {
    0% {
        transform: scale(0)
    }

    14% {
        transform: scale(1.15)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.15)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes bounce {
    0% {
        transform: scale(0)
    }

    14% {
        transform: scale(1.15)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.15)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes load-animate {
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(180deg);
        opacity: .35
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes dotStretching {
    0% {
        transform: scale(1.25,1.25)
    }

    50%,60% {
        transform: scale(.8,.8)
    }

    100% {
        transform: scale(1.25,1.25)
    }
}

@keyframes dotStretchingBefore {
    0% {
        transform: translate(0) scale(.7,.7)
    }

    50%,60% {
        transform: translate(-20px) scale(1,1)
    }

    100% {
        transform: translate(0) scale(.7,.7)
    }
}

@keyframes dotStretchingAfter {
    0% {
        transform: translate(0) scale(.7,.7)
    }

    50%,60% {
        transform: translate(20px) scale(1,1)
    }

    100% {
        transform: translate(0) scale(.7,.7)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0
    }
}

@keyframes load-effect {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes shutdown {
    8%,46% {
        transform: scale(1,1);
        opacity: 1
    }

    50% {
        transform: scale(1,.02);
        opacity: .8
    }

    55%,100% {
        transform: scale(0,0);
        opacity: .3
    }
}

.falling-container {
    display: block
}

.falling-item {
    color: #fff;
    font-size: 1em;
    font-family: Arial
}

.falling-item {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration: 10s,3s;
    -webkit-animation-timing-function: linear,ease-in-out;
    -webkit-animation-iteration-count: infinite,infinite;
    -webkit-animation-play-state: running,running;
    animation-name: snowflakes-fall,snowflakes-shake;
    animation-duration: 10s,3s;
    animation-timing-function: linear,ease-in-out;
    animation-iteration-count: infinite,infinite;
    animation-play-state: running,running
}

    .falling-item:nth-of-type(0) {
        left: 1%;
        -webkit-animation-delay: 0s,0s;
        animation-delay: 0s,0s
    }

    .falling-item:nth-of-type(1) {
        left: 10%;
        -webkit-animation-delay: 1s,1s;
        animation-delay: 1s,1s
    }

    .falling-item:nth-of-type(2) {
        left: 20%;
        -webkit-animation-delay: 6s,.5s;
        animation-delay: 6s,.5s
    }

    .falling-item:nth-of-type(3) {
        left: 30%;
        -webkit-animation-delay: 4s,2s;
        animation-delay: 4s,2s
    }

    .falling-item:nth-of-type(4) {
        left: 40%;
        -webkit-animation-delay: 2s,2s;
        animation-delay: 2s,2s
    }

    .falling-item:nth-of-type(5) {
        left: 50%;
        -webkit-animation-delay: 8s,3s;
        animation-delay: 8s,3s
    }

    .falling-item:nth-of-type(6) {
        left: 60%;
        -webkit-animation-delay: 6s,2s;
        animation-delay: 6s,2s
    }

    .falling-item:nth-of-type(7) {
        left: 70%;
        -webkit-animation-delay: 2.5s,1s;
        animation-delay: 2.5s,1s
    }

    .falling-item:nth-of-type(8) {
        left: 80%;
        -webkit-animation-delay: 1s,0s;
        animation-delay: 1s,0s
    }

    .falling-item:nth-of-type(9) {
        left: 90%;
        -webkit-animation-delay: 3s,1.5s;
        animation-delay: 3s,1.5s
    }

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(80px)
    }

    100% {
        transform: translateX(0)
    }
}

.falling-item {
    background-size: 100%;
    background-repeat: no-repeat
}

    .falling-item:nth-of-type(1) {
        left: 10%;
        -webkit-animation-delay: 6s,.5s;
        animation-delay: 6s,.5s;
        font-size: 2.5em
    }

    .falling-item:nth-of-type(2) {
        left: 20%;
        -webkit-animation-delay: 5s,5.5s;
        animation-delay: 5s,5.5s;
        font-size: 1.9em
    }

    .falling-item:nth-of-type(3) {
        left: 40%;
        -webkit-animation-delay: 4s,2s;
        animation-delay: 4s,2s;
        font-size: 2.4em
    }

    .falling-item:nth-of-type(4) {
        left: 50%;
        -webkit-animation-delay: 3s,1.5s;
        animation-delay: 3s,1.5s;
        font-size: 2.1em
    }

    .falling-item:nth-of-type(5) {
        left: 80%;
        -webkit-animation-delay: 2s,2s;
        animation-delay: 2s,2s;
        font-size: 2.3em
    }

    .falling-item:nth-of-type(6) {
        left: 90%;
        -webkit-animation-delay: 1s,0s;
        animation-delay: 1s,0s;
        font-size: 2.2em
    }

@keyframes flickerAnimation {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation .5s infinite;
    -moz-animation: flickerAnimation .5s infinite;
    -o-animation: flickerAnimation .5s infinite;
    animation: flickerAnimation .5s infinite
}

@keyframes lighting {
    0% {
        content: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/noel/light-pine-tree.png)
    }

    100% {
        content: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/noel/pine-tree.png)
    }
}

.theme-xmas .pine-tree img {
    width: 10%;
    position: fixed;
    z-index: -1
}

.theme-xmas .pine-tree-left {
    bottom: 0;
    cursor: pointer;
    z-index: -1;
    animation: lighting 1s infinite;
    transform: matrix(-.99,-.14,-.14,.99,0,0);
    right: 93.5vw
}

.theme-xmas .pine-tree-right {
    bottom: 0;
    left: 93.5vw;
    cursor: pointer;
    z-index: -1;
    animation: lighting 1s infinite;
    transform: rotate(-8.21deg)
}

.theme-xmas .pine-tree .santa-left {
    bottom: 0;
    left: 1vw;
    cursor: pointer;
    z-index: -1;
    width: 6vw
}

.theme-xmas .pine-tree .santa-right {
    bottom: 0;
    right: 0;
    cursor: pointer;
    z-index: -1;
    width: 3vw
}

.theme-xmas .snowfall {
    position: fixed;
    pointer-events: none;
    z-index: 2
}

/*  11:42:28 04/08/2025 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

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

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-bottom: 10px;
            background: #fff
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }

.marker, .zoomHolder img {
    display: block
}

.fullscreenToggle, .zoomIn, .zoomOut {
    background: url(../../lib/pinch-zoomer/minified/assets/pz_sheet.png) no-repeat;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: relative;
    display: block;
    cursor: pointer;
    z-index: 100;
    margin: 5px 0
}

.zoomIn {
    background-position: 0 0
}

.zoomOut {
    background-position: -30px 0
}

.fullscreenToggle {
    background-position: -60px 0;
    cursor: pointer
}

.zoomIn.on, .zoomOut.on {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    cursor: pointer
}

.zoomIn.off, .zoomOut.off {
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    cursor: auto
}

.controlHolder {
    border-radius: 5px;
    background: rgba(0,0,0,.4);
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 5px;
    z-index: 100
}

.fullscreenDiv, .marker {
    left: 0 !important;
    top: 0 !important
}

.fullscreenToggle.on {
    background-position: -90px 0
}

.fullscreenToggle.off {
    background-position: -60px 0
}

.fullscreenDiv {
    width: auto !important;
    height: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    position: absolute !important;
    background: #fff;
    z-index: 999999;
    oveflow: hidden
}

.zoomHolder {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden
}

.marker {
    position: absolute !important;
    bottom: auto !important;
    right: auto !important
}

#cmtmask {
    display: none
}

.box-border {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px 15px 20px
}

.frames-detail {
    border: 1px solid #e0e0e0;
    display: flex;
    margin-bottom: 40px;
    padding: 25px
}

.rating__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px
}

.rating-star {
    align-items: flex-start;
    display: flex;
    margin: 25px 0 20px
}

    .rating-star .point {
        color: #fe8c23;
        font-weight: bold;
        font-size: 22px;
        line-height: 27px;
        margin-top: 2px
    }

.rating-img {
    padding: 0 0 20px
}

.rating-left {
    border-right: 1px solid #f1f1f1;
    position: relative;
    padding: 0 20px 10px 10px;
    text-align: center;
    width: 38.2%
}

.rating-top {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
    margin-top: -10px
}

.rating-total {
    color: #333;
    font-size: 14px;
    line-height: 17px;
    margin-top: 4px
}

.list-star {
    margin: 0 8px
}

.rating-list li {
    align-items: center;
    display: flex;
    margin-bottom: 7px
}

    .rating-list li:last-child {
        margin-bottom: 0
    }

.rating-list .number-star {
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    width: 25px
}

    .rating-list .number-star i {
        margin-top: -4px
    }

.rating-list .number-percent {
    color: #2f80ed;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    padding-left: 10px;
    text-align: left;
    width: 35px;
    cursor: pointer
}

    .rating-list .number-percent.dsp {
        color: #666
    }

.rating-list .timeline-star {
    background-color: #eee;
    height: 4px;
    position: relative;
    width: calc(100% - 60px)
}

.rating-list .timing {
    background-color: #fe8c23;
    left: 0;
    height: 4px;
    position: absolute;
    top: 0
}

.rating-list .timing67 {
    width: 67%
}

.rating-list .timing23 {
    width: 23%
}

.rating-list .timing7 {
    width: 7%
}

.rating-list .timing1 {
    width: 1%
}

.rating-list .timing2 {
    width: 2%
}

.rating-img-list {
    display: flex;
    position: relative
}

    .rating-img-list li {
        cursor: pointer;
        line-height: 0;
        margin-right: 5px
    }

        .rating-img-list li:first-child {
            margin-left: 0
        }

        .rating-img-list li:last-child {
            position: relative
        }

    .rating-img-list img {
        width: 109px;
        height: 109px;
        border-radius: 5px;
        object-fit: cover
    }

.rating-img-ttl {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 20px
}

.rating-img-rd {
    align-items: center;
    background-color: rgba(0 0 0/.76);
    color: #fff;
    display: flex;
    font-size: 13px;
    justify-content: center;
    height: 100%;
    line-height: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    border-radius: 5px;
    padding: 0 5px
}

.rating-circle {
    padding: 0 18px;
    width: 61.8%
}

.rating-circle-ttl {
    line-height: 17px;
    margin-bottom: 15px
}

    .rating-circle-ttl em {
        font-style: normal;
        font-weight: bold
    }

.rating-circle-card {
    border-radius: 4px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: .3s
}

    .rating-circle-card .item-cart {
        position: relative;
        width: 20%
    }

    .rating-circle-card svg {
        height: 50px;
        position: relative;
        transform: rotate(-87deg);
        width: 50px;
        z-index: 1
    }

    .rating-circle-card circle {
        fill: none;
        height: 100%;
        transform: translate(5px,5px);
        stroke: #eee;
        stroke-width: 5;
        z-index: 1;
        width: 100%
    }

    .rating-circle-card svg circle:nth-child(2) {
        animation: progress 2s ease-out forwards;
        -webkit-animation: progress 2s ease-out forwards;
        stroke-dasharray: 125;
        stroke-dashoffset: 125
    }

    .rating-circle-card .number {
        border-radius: 50%;
        font-size: 12px;
        line-height: 14px;
        left: 1px;
        position: absolute;
        top: 18px;
        width: 100%
    }

    .rating-circle-card .txt {
        font-size: 12px;
        line-height: 14px
    }

.rating-search {
    margin-top: 15px;
    position: relative;
    width: 260px
}

    .rating-search i {
        position: absolute;
        top: 7px;
        left: 10px
    }

    .rating-search input {
        border: 1px solid #ddd;
        border-radius: 5px;
        color: #666;
        height: 32px;
        padding: 8px 10px 8px 35px;
        width: 100%
    }

.rating-viewall {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    display: block;
    margin: 0;
    width: 30%
}

    .rating-viewall .rating-left {
        align-items: center;
        border: none;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        width: 60%
    }

        .rating-viewall .rating-left .point {
            margin-right: 15px
        }

        .rating-viewall .rating-left::before {
            display: none
        }

    .rating-viewall .rating-right {
        margin: 0 auto;
        padding: 0;
        width: 55%
    }

    .rating-viewall .rating-circle {
        width: 39.5%
    }

.rating-circle-viewall {
    padding-left: 30px
}

    .rating-circle-viewall .item-cart {
        margin: 0 6px;
        padding: 0;
        width: 80px
    }

    .rating-circle-viewall .rating-circle-card {
        justify-content: flex-start
    }

.frames-detail .comment-btn__item {
    margin: 15px auto 0;
    padding: 8px 5px
}

.rating-img-viewall .rating-img-list li {
    max-width: 125px;
    margin-right: 10px
}

.comment__item .click-use.act .info-buying {
    display: block
}

.comment__item .click-use:hover .info-buying {
    display: block
}

.comment__item .click-use.act .info-buying {
    display: none
}

.comment__item .click-use.act:hover .info-buying {
    display: none
}

.info-buying {
    background-color: #ebebeb;
    bottom: 27px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    border-radius: 4px;
    color: #333;
    display: none;
    padding: 20px 15px 15px;
    position: absolute;
    right: -5px;
    width: 290px
}

    .info-buying::before {
        border-style: solid;
        bottom: -17px;
        border-color: #ebebeb transparent transparent transparent;
        border-width: 9px;
        content: '';
        position: absolute;
        right: 6px
    }

.info-buying-txt {
    display: flex;
    justify-content: center
}

.info-buying .txtitem {
    text-align: center
}

    .info-buying .txtitem:first-child {
        margin-right: 80px
    }

.txtitem .txt01, .txtitem .txtdate {
    font-size: 12px;
    line-height: 16px
}

.txtitem .txt01 {
    color: #666
}

.txtitem .txtdate {
    font-weight: bold
}

.info-buying .timeline-txt {
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    text-align: center
}

    .info-buying .timeline-txt span {
        font-weight: bold
    }

.length-using {
    background-color: #c4c4c4;
    height: 1px;
    margin: 10px auto 0;
    position: relative;
    width: 190px
}

.length-percent {
    background-color: #999;
    height: 3px;
    position: relative;
    top: -1px
}

.length-using::before {
    border-top: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    content: '';
    height: 6px;
    position: absolute;
    transform: rotate(45deg);
    top: -3px;
    right: 0;
    width: 6px
}

.length-percent::before, .length-percent::after {
    background-color: #53b859;
    border-radius: 50%;
    content: '';
    height: 8px;
    position: absolute;
    top: -3px;
    width: 8px
}

.length-percent::before {
    left: 0
}

.length-percent::after {
    right: 0
}

.info-buying-list {
    margin-top: 15px
}

    .info-buying-list li {
        color: #666;
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 5px
    }

        .info-buying-list li span {
            background-color: #666;
            border-radius: 50%;
            display: inline-block;
            height: 4px;
            margin: 6px 6px 0 0;
            vertical-align: top;
            width: 4px
        }

.info-buying-close {
    background-color: #333;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px
}

    .info-buying-close::before, .info-buying-close:after {
        background-color: #fff;
        content: '';
        height: 13px;
        left: 9px;
        position: absolute;
        top: 4px;
        width: 2px
    }

    .info-buying-close::before {
        transform: rotate(45deg)
    }

    .info-buying-close::after {
        transform: rotate(-45deg)
    }

.comment__item {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0
}

    .comment__item .txtname, .comment__item .tickbuy {
        display: inline-block;
        vertical-align: middle
    }

    .comment__item .txtname {
        font-weight: bold;
        margin-right: 8px;
        text-transform: capitalize
    }

    .comment__item .tickbuy {
        color: #2ba832;
        font-size: 12px;
        line-height: 14px
    }

    .comment__item .item-rate {
        margin-top: 5px
    }

.childC__item {
    border-top: none;
    border-left: 4px solid #efefef;
    margin-left: 10px;
    padding-left: 10px;
    box-sizing: border-box
}

.comment .txtname, .comment .tickbuy {
    display: inline-block;
    vertical-align: middle
}

.comment .txtname {
    font-weight: bold;
    margin-right: 8px;
    text-transform: capitalize
}

.comment .tickbuy {
    color: #2ba832;
    font-size: 12px;
    line-height: 14px
}

.comment .item-rate {
    margin-top: 5px
}

.comment-star, .intro-future {
    display: inline-block;
    vertical-align: middle
}

.intro-future {
    font-size: 13px;
    margin-left: 15px;
    padding-top: 5px
}

    .intro-future i {
        margin: -1px 2px 0 0
    }

.comment-content {
    margin-top: 10px
}

    .comment-content .cmt-txt {
        font-size: 14px;
        line-height: 20px
    }

    .comment-content .cmt-img {
        cursor: pointer;
        display: inline-block;
        margin-right: 8px;
        margin-top: 10px;
        vertical-align: top
    }

        .comment-content .cmt-img img {
            width: 125px;
            height: 125px;
            object-fit: cover;
            border-radius: 5px
        }

    .comment-content.noimg .cmt-txt {
        padding-right: 0;
        width: 100%;
        white-space: pre-line
    }

    .comment-content .hideRtCt {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
        text-overflow: ellipsis
    }

.comment__item .qtv {
    background: #f1c40f;
    color: #333;
    font-size: 11px;
    padding: 3px;
    margin-left: 10px
}

.comment .item-click {
    margin-top: 10px
}

.comment .click-like, .comment .click-cmt {
    color: #2f80ed;
    font-size: 13px;
    margin-right: 5px
}

.comment .click-use {
    border-left: 1px solid #e0e0e0;
    color: #999;
    font-size: 12px;
    padding-left: 5px;
    position: relative
}

.comment .support {
    background-color: #e8f1fb;
    font-size: 12px;
    line-height: 25px;
    margin-top: 5px;
    padding: 4px 5px;
    position: relative
}

    .comment .support::before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 14px solid #e8f1fb;
        content: '';
        left: 5px;
        position: absolute;
        top: -6px;
        z-index: -1
    }

.comment__item .support {
    background-color: #e8f1fb;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    margin-top: 5px;
    padding: 8px 10px;
    position: relative
}

    .comment__item .support::before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 14px solid #e8f1fb;
        content: '';
        left: 5px;
        position: absolute;
        top: -6px;
        z-index: -1
    }

.comment-btn {
    display: flex;
    padding: 15px 10px
}

.comment-btn__item {
    border: 1px solid #2f80ed;
    border-radius: 4px;
    color: #2f80ed;
    display: block;
    line-height: 17px;
    margin-left: 3%;
    padding: 11px 5px;
    text-align: center;
    width: 48.5%
}

    .comment-btn__item:first-child {
        margin-left: 0
    }

    .comment-btn__item.blue {
        background-color: #2f80ed;
        color: #fff
    }

.selStr {
    margin: 10px 0 5px;
    cursor: pointer
}

    .selStr span {
        margin-right: 10px;
        vertical-align: middle
    }

.lbMsgRt {
    color: #f00;
    display: block;
    margin: 10px 0
}

.ratingLst .reply {
    margin-top: 12px;
    width: 100%
}

    .ratingLst .reply input {
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        font-size: 14px;
        color: #999;
        padding: 5px;
        width: 75%
    }

    .ratingLst .reply .rrSend {
        padding: 6px 10px;
        border: 1px solid #288ad6;
        background: #fff;
        font-size: 13px;
        color: #288ad6;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

.ratingLst .ifrl {
    margin: 10px 0 0;
    color: #ccc;
    width: 100%
}

    .ratingLst .ifrl span {
        color: #333
    }

    .ratingLst .ifrl a {
        color: #288ad6
    }

.read-assess {
    background-color: #fff;
    border-radius: 8px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 13;
    overflow-y: auto;
    max-height: 90vh;
    width: 530px
}

    .read-assess.showR {
        display: block
    }

.read-assess__top {
    border-bottom: 1px solid #e0e0e0;
    padding: 25px 20px 15px 45px
}

.read-assess-main {
    padding: 0 45px
}

.read-assess__title {
    font-weight: bold;
    line-height: 20px
}

.read-assess-close {
    position: absolute;
    top: 16px;
    right: 20px
}

.read-assess .txt01 {
    width: 270px;
    display: none
}

.read-assess .ul-star {
    display: flex;
    justify-content: center;
    width: 270px
}

    .read-assess .ul-star li {
        cursor: pointer;
        margin: 0 6px;
        text-align: center;
        width: 45px
    }

    .read-assess .ul-star p {
        font-size: 12px;
        line-height: 14px;
        margin-top: 8px
    }

        .read-assess .ul-star p.active-slt {
            color: #fe8c23;
            font-weight: bold
        }

input[name="fRName"].input-assess {
    color: #323232
}

.read-assess .textarea {
    border: 1px solid #bdbdbd;
    border-radius: 4px
}

.read-assess .textarea-bottom {
    border-top: 1px solid #bdbdbd;
    font-size: 0;
    padding: 11px 10px
}

.read-assess-form {
    margin-top: 10px
}

    .read-assess-form textarea {
        background-color: #fff;
        border-radius: 4px 4px 0 0;
        resize: none;
        border: none;
        color: #323232;
        height: 67px;
        padding: 10px;
        width: 100%
    }

.read-assess .send-img, .read-assess .mintext {
    display: inline-block;
    vertical-align: middle
}

.read-assess .send-img {
    color: #2f80ed;
    font-size: 14px;
    line-height: 20px
}

    .read-assess .send-img i {
        margin: -3px 4px 0 0
    }

    .read-assess .send-img span {
        color: #323232;
        margin-left: 5px
    }

.read-assess .resRtImg {
    background-color: #efefef;
    padding: 10px;
    margin: 5px -10px -7px
}

    .read-assess .resRtImg li {
        display: inline-block;
        margin-right: 10px
    }

        .read-assess .resRtImg li img {
            width: 60px;
            height: 60px;
            display: block;
            border-radius: 5px;
            object-fit: cover
        }

        .read-assess .resRtImg li span {
            width: 100%;
            text-align: center;
            font-size: 12px;
            background-color: #fff;
            display: block;
            color: #288ad6;
            cursor: pointer
        }

            .read-assess .resRtImg li span.disabled {
                color: #ddd;
                cursor: none
            }

.read-assess .mintext {
    color: #666;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    width: 35%
}

.read-assess .txt-agree {
    cursor: pointer;
    line-height: 20px;
    margin: 15px 0;
    position: relative;
    padding-left: 22px
}

.read-assess-form__txt-protected {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

    .read-assess-form__txt-protected p {
        margin-left: 5px
    }

.read-assess .txt-agree.selected span::before, .read-assess .txt-agree.selected span::after {
    background-color: #2f80ed;
    border-radius: 30px;
    bottom: 1px;
    content: '';
    position: absolute;
    width: 2px
}

.read-assess .txt-agree.selected span::before {
    height: 7px;
    left: 3px;
    transform: rotate(-35deg)
}

.read-assess .txt-agree.selected span::after {
    height: 12px;
    left: 8px;
    transform: rotate(38deg)
}

.read-assess .txt-agree span {
    border: 1px solid #666;
    border-radius: 3px;
    display: inline-block;
    left: 0;
    height: 16px;
    position: absolute;
    top: 2px;
    width: 16px
}

.ul-orslt li {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0
}

    .ul-orslt li:last-child {
        border: none
    }

.ul-orslt .li-left {
    color: #000;
    font-weight: 500;
    float: left;
    line-height: 20px;
    padding-right: 15px;
    width: calc(100% - 142px)
}

.ul-orslt .li-right {
    font-size: 0;
    float: right
}

.list-input {
    font-size: 0;
    margin-bottom: 10px;
    display: flex
}

.input-assess {
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    color: #666;
    height: 40px;
    line-height: 20px;
    margin-right: 12px;
    padding: 10px;
    flex: auto
}

    .input-assess:last-child {
        margin-right: 0
    }

.btn-assess {
    border: 1px solid #bdbdbd;
    border-radius: 16px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 5px;
    text-align: center;
    width: 68px
}

    .btn-assess:last-child {
        margin-left: 6px
    }

    .btn-assess.checkact {
        background-color: #e8f1fb;
        border: 1px solid #2f80ed;
        color: #2f80ed
    }

.submit-assess {
    background-color: #2f80ed;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding: 11px 10px;
    width: 215px;
    text-align: center
}

    .submit-assess.disabled {
        pointer-events: none !important;
        user-select: none !important;
        opacity: .5
    }

.assess-txtbt {
    font-size: 12px;
    padding: 15px 0;
    text-align: center
}

    .assess-txtbt a {
        color: #2f80ed;
        font-size: 13px
    }

    .assess-txtbt.version a:first-child {
        border-right: 1px solid #d8d8d8;
        margin-right: 5px;
        padding-right: 5px
    }

.select-star {
    display: flex;
    margin: 20px 0 0;
    justify-content: center
}

.owl-nav button {
    background: rgba(255,255,255,.9) !important;
    height: 60px;
    width: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

    .owl-nav button span {
        display: block;
        text-indent: -9999px
    }

        .owl-nav button span::before {
            content: "";
            border-top: 3px solid #666;
            border-right: 3px solid #666;
            content: '';
            height: 22px;
            position: absolute;
            top: 18px;
            width: 22px
        }

    .owl-nav button.owl-prev span::before {
        left: 10px;
        transform: rotate(-135deg)
    }

    .owl-nav button.owl-next span::before {
        transform: rotate(45deg);
        right: 8px
    }

.owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled {
    display: none
}

.gallery {
    background-color: #fff;
    display: none;
    height: 650px;
    left: 50%;
    max-width: 760px;
    margin: 0 auto;
    overflow-y: scroll;
    position: relative;
    top: 50%;
    transition: .3s;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 13
}

    .gallery.showGlr {
        display: block;
        position: fixed
    }

.gallery__top {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 45px;
    position: relative
}

.gallery__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px
}

.gallery-close {
    position: absolute;
    top: 12px;
    right: 20px
}

.gallery__tab {
    border-radius: 2px;
    display: flex;
    margin: 15px 45px 25px
}

    .gallery__tab a {
        background-color: #fff;
        border-left: 1px solid #2f80ed;
        border-top: 1px solid #2f80ed;
        border-bottom: 1px solid #2f80ed;
        color: #2f80ed;
        font-size: 12px;
        line-height: 16px;
        padding: 9px 0;
        text-align: center;
        width: 60px
    }

        .gallery__tab a:first-child {
            border-radius: 2px 0 0 2px
        }

        .gallery__tab a:last-child {
            border-right: 1px solid #2f80ed;
            border-radius: 0 2px 2px 0
        }

        .gallery__tab a.act {
            background-color: #2f80ed;
            color: #fff
        }

.gallery__content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 40px
}

    .gallery__content li {
        height: auto;
        margin-bottom: 20px;
        opacity: 1;
        padding: 0 5px;
        transition: all .2s;
        width: 20%
    }

        .gallery__content li img {
            max-width: 100%;
            min-width: 125px;
            height: 125px;
            object-fit: cover;
            border-radius: 5px
        }

        .gallery__content li.hide {
            opacity: 0;
            padding: 0;
            transition: all .1s;
            width: 0%
        }

        .gallery__content li .gallery-rating {
            height: unset !important
        }

.gallery-rating {
    text-align: center
}

.content-wrap {
    padding: 0 20px;
    width: 840px
}

.comment-close {
    position: absolute;
    top: 15px;
    right: 25px
}

.show-comment {
    background-color: #fff;
    border-radius: 8px;
    display: none;
    left: 50%;
    position: fixed;
    padding-bottom: 50px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1000px;
    z-index: 13
}

.show-comment-title {
    color: #2f80ed;
    cursor: pointer
}

    .show-comment-title i {
        margin-right: 8px
    }

.show-comment-top {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    padding: 20px
}

.show-comment.blockshow {
    display: block
}

.show-comment .comment__item {
    border: none
}

.show-comment .comment-label span {
    background-color: #f1f1f1
}

.show-comment .click-like, .show-comment .click-cmt {
    color: #2f80ed
}

.show-comment-main {
    align-items: center;
    display: flex
}

.show-comment .cmt-img {
    margin: 0 auto;
    text-align: center;
    width: 80%
}

    .show-comment .cmt-img img {
        height: 500px;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        object-fit: contain
    }

.show-comment .owl-carousel .owl-buttons div {
    background: rgba(0,0,0,.4) !important;
    box-shadow: none
}

    .show-comment .owl-carousel .owl-buttons div::before {
        border-color: #fff
    }

.cmt-item-left {
    width: 56%
}

.cmt-item-right {
    padding: 0 50px 0 35px;
    width: 44%
}

.comment-label {
    font-size: 0;
    margin-top: 10px
}

    .comment-label span {
        background-color: #f1f1f1;
        border-radius: 30px;
        display: inline-block;
        font-size: 12px;
        line-height: 16px;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 2px 8px
    }

.sRtXt {
    color: #2f80ed;
    margin: 5px 0 10px;
    display: block;
    font-size: 14px;
    cursor: pointer
}

.rRepPopup {
    background-color: #fff;
    height: 320px;
    left: 0;
    max-width: 640px;
    position: fixed;
    top: 0;
    transition: .3s;
    right: 0;
    width: 100%;
    z-index: 13;
    bottom: 0;
    margin: auto
}

    .rRepPopup.blockshow {
        right: 0
    }

.rRepPopup__top {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 85px 15px 10px
}

.rRepPopup__title {
    font-weight: bold;
    line-height: 20px
}

.rRepPopup-close {
    top: 10px;
    right: 10px
}

.rRepPopup .rCfmInfo {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 10px
}

    .rRepPopup .rCfmInfo .cgd {
        margin: 10px 0
    }

        .rRepPopup .rCfmInfo .cgd .c_female {
            margin-left: 10px
        }

    .rRepPopup .rCfmInfo span {
        cursor: pointer
    }

    .rRepPopup .rCfmInfo input {
        display: block;
        padding: 8px;
        width: 100%;
        margin: 0 auto 10px;
        height: 40px;
        border: 1px solid #dadada;
        background: #fff;
        border-radius: 4px;
        font-size: 14px;
        box-sizing: border-box
    }

    .rRepPopup .rCfmInfo button {
        display: block;
        width: 100%;
        margin: 0 auto 10px;
        padding: 8px;
        height: 40px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        border: 1px solid #4a90e2;
        border-radius: 4px;
        background-color: #4a90e2
    }

    .rRepPopup .rCfmInfo a {
        color: #4a90e2;
        margin: 5px 0 12px;
        display: inline-block
    }

    .rRepPopup .rCfmInfo .lbMsgPopCmt {
        display: block;
        color: #d0021b;
        margin: 5px 0
    }

.close-history {
    position: absolute;
    top: 10px;
    right: 15px
}

.close-history-href {
    border: 1px solid #4a90e2;
    border-radius: 4px;
    color: #4a90e2;
    display: block;
    line-height: 16px;
    max-width: 105px;
    margin: 0 auto;
    padding: 12px 5px;
    text-align: center
}

.box-history {
    cursor: pointer;
    margin-left: 15px;
    position: relative;
    display: inline-block
}

    .box-history .txt-dots {
        background-color: #fff;
        box-shadow: 0 4px 20px rgba(0,0,0,.2);
        border-radius: 4px;
        display: none;
        font-size: 12px;
        left: -3px;
        line-height: 17px;
        padding: 8px 12px;
        position: absolute;
        top: 20px;
        width: 140px;
        z-index: 1
    }

.show-history {
    background-color: #fff;
    border-radius: 5px;
    display: none;
    left: 50%;
    position: fixed;
    padding-bottom: 40px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 660px;
    z-index: 13
}

.show-history-wrap {
    padding: 20px
}

.show-history-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px
}

.show-history .hsr-name {
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    vertical-align: middle
}

.show-history .hsr-time, .show-history span, .show-history .hsr-date {
    color: #999;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    vertical-align: middle
}

.show-history .hsr-txtp {
    line-height: 20px;
    margin-top: 10px
}

.show-history .litop {
    margin-bottom: 5px
}

.show-history-main {
    height: 370px;
    margin-top: 10px;
    overflow: auto
}

    .show-history-main li {
        border-bottom: 1px solid #ddd;
        padding: 15px 0 20px
    }

        .show-history-main li:last-child {
            border-bottom: none
        }

.c-btnclose {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    line-height: 21px;
    padding: 4px 7px;
    position: absolute;
    text-align: right;
    width: 66px;
    cursor: pointer
}

    .c-btnclose::before, .c-btnclose::after {
        background-color: #333;
        content: '';
        left: 14px;
        height: 10px;
        position: absolute;
        top: 9px;
        width: 1px
    }

    .c-btnclose::before {
        transform: rotate(45deg)
    }

    .c-btnclose::after {
        transform: rotate(-45deg)
    }

.gallery {
    background-color: #fff;
    display: none;
    height: 637px;
    left: 50%;
    max-width: 760px;
    margin: 0 auto;
    overflow-y: scroll;
    position: fixed;
    top: 50%;
    transition: .3s;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 13
}

    .gallery.showGlr {
        display: block
    }

.gallery__top {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 45px;
    position: relative
}

.gallery__title {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px
}

.gallery-close {
    position: absolute;
    top: 12px;
    right: 20px
}

.gallery__tab {
    border-radius: 2px;
    display: flex;
    margin: 15px 45px 25px
}

    .gallery__tab a {
        background-color: #fff;
        border-left: 1px solid #2f80ed;
        border-top: 1px solid #2f80ed;
        border-bottom: 1px solid #2f80ed;
        color: #2f80ed;
        font-size: 12px;
        line-height: 16px;
        padding: 9px 0;
        text-align: center;
        width: 60px
    }

        .gallery__tab a:first-child {
            border-radius: 2px 0 0 2px
        }

        .gallery__tab a:last-child {
            border-right: 1px solid #2f80ed;
            border-radius: 0 2px 2px 0
        }

        .gallery__tab a.act {
            background-color: #2f80ed;
            color: #fff
        }

.gallery__content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 40px
}

    .gallery__content li {
        height: auto;
        margin-bottom: 20px;
        opacity: 1;
        padding: 0 5px;
        transition: all .2s;
        width: 20%
    }

        .gallery__content li img {
            max-width: 100%;
            min-width: 125px;
            height: 125px;
            object-fit: cover;
            border-radius: 5px
        }

        .gallery__content li.hide {
            opacity: 0;
            padding: 0;
            transition: all .1s;
            width: 0%
        }

.gallery-rating {
    text-align: center
}

.icondetail-protected {
    background-position: -183px -148px;
    height: 14px;
    min-width: 14px;
    width: 14px
}

.icondetail-radcheck {
    background-position: -150px -95px;
    width: 18px;
    height: 18px
}

.icondetail-rad {
    background-position: -120px -95px;
    width: 18px;
    height: 18px
}

.icondetail-window {
    background-position: -260px -115px;
    height: 15px;
    width: 15px
}

.icondetail-likewhite {
    background-position: -155px -135px;
    height: 16px;
    width: 16px
}

.icondetail-logoyl {
    background-position: -205px -55px;
    height: 15px;
    width: 15px
}

#comment {
    margin-top: 20px !important;
    width: 100%
}

.rating {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1
}

.rating-star.left {
    float: left;
    width: 38.2%
}

    .rating-star.left .rating-left {
        width: auto
    }

.rating-img.right {
    float: right;
    padding: 0 0 0 18px;
    width: 61.8%;
    margin: 25px 0 20px;
    border: none
}

    .rating-img.right .rating-img-list {
        display: block
    }

        .rating-img.right .rating-img-list li {
            display: inline-block;
            vertical-align: top;
            margin-bottom: 7px
        }

        .rating-img.right .rating-img-list img {
            width: 72px;
            height: 72px
        }

.first-rating {
    border-bottom: none
}

.first-rating__title, .first-rating__title--success {
    display: flex
}

    .first-rating__title i, .first-rating__title--success i {
        margin-right: 15px
    }

.first-rating__title--success {
    display: none
}

    .first-rating__title--success strong {
        font-size: 16px;
        line-height: 22px
    }

.first-rating__rating {
    display: flex;
    align-items: center;
    margin: 5px 0 0 44px
}

    .first-rating__rating .rating-product__star, .first-rating__rating--success .rating-product__star {
        display: inline-block;
        margin-left: 15px
    }

        .first-rating__rating .rating-product__star li, .first-rating__rating--success .rating-product__star li {
            display: inline-block;
            vertical-align: middle;
            margin: 0 6px;
            cursor: pointer
        }

.first-rating__rating--success {
    display: none
}

    .first-rating__rating--success p {
        margin-top: 10px
    }

        .first-rating__rating--success p:first-child {
            color: #666;
            font-weight: bold;
            font-size: 16px;
            line-height: 22px
        }

    .first-rating__rating--success .rating-product__star__container {
        display: flex;
        align-items: center;
        margin-top: 15px
    }

    .first-rating__rating--success .rating-product__star {
        display: inline-block;
        margin: 0
    }

        .first-rating__rating--success .rating-product__star li {
            cursor: default
        }

            .first-rating__rating--success .rating-product__star li:first-child {
                margin: 0 6px 0 0
            }

    .first-rating__rating--success span {
        font-size: 16px
    }

        .first-rating__rating--success span::before {
            content: "•";
            margin-right: 10px
        }

.comment-btn__item i {
    margin-right: 10px
}

.comment-btn__item.right-arrow span::before {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #2f80ed;
    content: '';
    position: absolute;
    top: 3px;
    right: -15px
}

.comment-btn__item.right-arrow span {
    position: relative
}

.box-cmt-popup {
    display: block;
    overflow: hidden;
    padding: 12px 0
}

    .box-cmt-popup .info-pro {
        display: flex;
        overflow: hidden;
        align-items: center
    }

        .box-cmt-popup .info-pro .img-cmt {
            width: 65px;
            height: 65px;
            margin: 0 19px 0 0;
            display: flex;
            align-items: center
        }

            .box-cmt-popup .info-pro .img-cmt img {
                width: 100%
            }

        .box-cmt-popup .info-pro .text-pro {
            display: block;
            overflow: hidden;
            width: calc(100% - 84px)
        }

            .box-cmt-popup .info-pro .text-pro h3 {
                color: #000;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2
            }

            .box-cmt-popup .info-pro .text-pro small {
                display: block;
                overflow: hidden;
                padding: 3px 0 0;
                font-size: 13px;
                line-height: 17px;
                color: #666
            }

    .box-cmt-popup ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px 0 0;
        width: 7%
    }

        .box-cmt-popup ul li span {
            display: block;
            overflow: hidden;
            font-size: 11px;
            line-height: 13px;
            color: #666;
            padding: 5px 0 0
        }

.ul-orslt, .read-assess-form {
    display: none
}

.rt-success-popup {
    background-color: #fff;
    border-radius: 8px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 13;
    text-align: center;
    padding: 20px 15px;
    width: 365px
}

.rt-success-popup__title {
    font-weight: bold
}

.rt-success-popup__content {
    margin-top: 20px
}

.rt-success-popup__close {
    margin-top: 20px;
    border: 1px solid #333;
    background: unset;
    border-radius: 8px;
    padding: 10px 60px;
    cursor: pointer
}

.rt-success-popup__refer {
    margin-top: 20px;
    font-size: 11px;
    color: #878787
}

    .rt-success-popup__refer a {
        color: #4195eb
    }

.inputrating__group {
    position: relative;
    margin-bottom: 15px
}

.txtcount__box {
    right: 10px;
    position: absolute;
    bottom: 7px;
    color: #666;
    bottom: -13px
}

.stickcompare {
    display: none;
    width: 100%;
    max-width: 400px;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    border-radius: 10px;
    top: 10%;
    z-index: 100;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0,0,0,.12)
}

.bg-black .stickcompare {
    z-index: 1
}

.stickcompare .cp-top {
    padding: 16px 10px 9px;
    text-align: center;
    position: relative
}

.cp-top a.clearall {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 5px 5px 5px 25px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    color: #000
}

    .cp-top a.clearall i {
        position: absolute;
        left: 7px;
        top: 8px
    }

.cp-top h3 {
    font-weight: bold;
    color: #000
}

ul.listcompare {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(1,minmax(0,1fr));
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.listcompare li {
    overflow: visible;
    position: relative;
    padding-top: 7px;
    width: 80%;
    display: block;
    margin: 0 auto
}

    .listcompare li img {
        width: 70px;
        height: auto;
        max-height: 80px;
        margin: 5px;
        object-fit: contain
    }

.listcompare h3 {
    overflow: hidden;
    line-height: 1.6em;
    color: #333;
    font-weight: normal;
    font-size: 13px;
    height: 33px;
    margin: 5px 0 5px 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.3em;
    text-align: center
}

.listcompare a {
    display: flex;
    overflow: hidden;
    padding: 10px 0 5px;
    align-content: center
}

.listcompare li.formsg {
    margin: 10px 40px;
    border: dashed 2px #bdbdbd;
    border-radius: 10px;
    padding: 5px 0
}

.listcompare span {
    position: absolute;
    top: 20px;
    right: -20px;
    width: 14px;
    height: 20px;
    cursor: pointer
}

.listcompare .cp-plus {
    display: block;
    width: 55px;
    height: auto;
    padding: 10px;
    text-align: center;
    font-size: 30px;
    color: #666;
    background: #fff;
    border-radius: 5px;
    cursor: default;
    margin: 0 auto
}

    .listcompare .cp-plus > i {
        display: block;
        margin: 0 auto;
        background: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/ic-image.png) no-repeat;
        background-size: 100% auto;
        width: 100%;
        height: 26px
    }

.overlay.v2 {
    background: rgba(0,0,0,.75)
}

.listcompare li.formsg > label {
    display: block;
    padding: 5px;
    text-align: center;
    color: #666
}

.closecompare {
    overflow: hidden;
    position: relative
}

    .closecompare a {
        display: block;
        text-align: center;
        margin: 10px auto;
        width: 50%;
        padding: 12px 0;
        border-radius: 10px;
        font-size: 14px;
        color: #2f80ed
    }

        .closecompare a.onlyone {
            width: 100%
        }

        .closecompare a.doss {
            background: #2f80ed;
            color: #fff;
            font-size: 14px
        }

            .closecompare a.doss.prevent {
                color: #ddd;
                opacity: .3;
                -moz-opacity: .3;
                -khtml-opacity: .3
            }

#suggestss {
    position: relative
}

    #suggestss .addcompare {
        position: fixed;
        width: 90%;
        height: 230px;
        display: block;
        bottom: 0;
        top: 0;
        margin: auto;
        left: 0;
        right: 0;
        background: #fff;
        border-radius: 4px;
        z-index: 21000;
        overflow: hidden;
        -webkit-overflow-scrolling: touch
    }

label.error {
    color: #d0021c;
    font-size: 13px;
    line-height: 21px;
    display: block;
    margin: 10px 12px 0;
    opacity: .1;
    text-align: center
}

.addcompare #kcc {
    display: block;
    margin: 10px auto;
    width: 95%;
    background: rgba(142,142,147,.12);
    border: 0;
    border-radius: 8px;
    padding: 10px 27px 10px 32px
}

input[type=text], input[type=tel], textarea {
    -webkit-appearance: none
}

.addcompare .closeacp {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
    color: #666
}

.addcompare .autocomplete {
    padding: 10px;
    height: 152px;
    overflow: auto;
    width: 100% !important;
    background: #fff;
    position: absolute;
    z-index: 100
}

    .addcompare .autocomplete li {
        font-size: 14px;
        margin-bottom: 5px;
        cursor: pointer
    }

        .addcompare .autocomplete li span {
            display: block;
            overflow: hidden;
            color: #333;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 1.5
        }

        .addcompare .autocomplete li p {
            color: #d0021b;
            display: inline-block;
            vertical-align: middle
        }

        .addcompare .autocomplete li .oldprice {
            text-decoration: line-through
        }

.close-comppare {
    position: absolute;
    right: 7px;
    top: -30px
}

    .close-comppare span {
        background: #fff;
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 5px 15px
    }

.input-text {
    position: relative
}

    .input-text i {
        position: absolute
    }

        .input-text i.iconcate-closess {
            right: 17px;
            top: 13px;
            display: none;
            cursor: pointer
        }

        .input-text i.iconcate-search {
            left: 20px;
            top: 11px;
            display: block
        }

.iconcate-closess {
    background-position: -40px -75px;
    height: 12px !important;
    width: 12px !important
}

.iconcate-search {
    background-position: -145px 0;
    width: 16px !important;
    height: 16px !important;
    vertical-align: text-bottom;
    margin-right: 2px
}

.popup-button {
    position: fixed;
    bottom: 25px;
    left: 15px;
    z-index: 2
}

.bg-black .popup-button {
    z-index: 0
}

a#ss-now {
    padding: 10px 10px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 0 15px #999;
    display: none
}

#ss-now .stage {
    width: 90%
}

a#ss-now span label {
    color: #288ad6
}

#loading-compare {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.75);
    z-index: 1000
}

    #loading-compare .csslder {
        top: 23%
    }

.stickcompare .iconcate-closess {
    background-position: -40px -75px;
    height: 12px !important;
    width: 12px !important
}

.stickcompare .iconcate-search {
    background-position: -145px 0;
    width: 16px !important;
    height: 16px !important;
    vertical-align: text-bottom;
    margin-right: 2px
}

#ss-now {
    color: #288ad6
}

.popup-button .iconcate-ss {
    background-position: -242px -97px;
    width: 16px !important;
    height: 15px !important;
    vertical-align: text-bottom !important;
    margin-right: 2px
}

.stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(255,255,255,.75)
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.stickcompare.stickcompare_new {
    max-width: 1178px;
    top: unset;
    bottom: 0;
    border-radius: 0;
    border-top: 1px solid #e5e5e5
}

    .stickcompare.stickcompare_new a.clearall {
        position: absolute;
        right: 0;
        top: -39px;
        padding: 10px 30px 10px 10px;
        border-radius: 8px 8px 0 0;
        color: #000;
        background: #fff;
        box-shadow: 0 -2px 10px #0000001f
    }

        .stickcompare.stickcompare_new a.clearall i {
            background: unset;
            left: unset;
            right: 25px;
            top: 19px;
            bottom: 0;
            margin: auto;
            width: unset !important;
            height: unset !important;
            position: absolute
        }

            .stickcompare.stickcompare_new a.clearall i:after, .stickcompare.stickcompare_new a.clearall i:before {
                content: "";
                width: 10px;
                height: 1px;
                background: #333;
                margin-right: 5px;
                transform: rotate(45deg);
                position: absolute
            }

            .stickcompare.stickcompare_new a.clearall i:after {
                transform: rotate(-45deg);
                left: 7px
            }

    .stickcompare.stickcompare_new ul.listcompare {
        display: inline-flex;
        width: calc(100% - 25%);
        border: unset
    }

    .stickcompare.stickcompare_new .listcompare li {
        width: 100%;
        border-right: 1px solid #e0e0e0;
        padding-top: 0
    }

        .stickcompare.stickcompare_new .listcompare li img {
            width: 60px
        }

    .stickcompare.stickcompare_new .listcompare a {
        justify-content: center;
        flex-flow: column;
        align-items: center;
        width: unset;
        cursor: pointer
    }

    .stickcompare.stickcompare_new .listcompare span {
        right: 10px;
        top: 10px
    }

    .stickcompare.stickcompare_new .listcompare h3 {
        margin: 5px;
        text-align: center
    }

    .stickcompare.stickcompare_new .closecompare {
        display: inline-block;
        vertical-align: middle;
        width: 25%;
        margin-top: 21px
    }

        .stickcompare.stickcompare_new .closecompare a.txtremoveall {
            margin: auto;
            width: unset;
            padding: 0
        }

        .stickcompare.stickcompare_new .closecompare a.doss {
            border-radius: 0;
            margin: 0 auto 10px
        }

            .stickcompare.stickcompare_new .closecompare a.doss.prevent {
                background: #bdbdbd;
                color: #fff;
                opacity: 1
            }

    .stickcompare.stickcompare_new .listcompare li.formsg {
        margin: initial;
        border-left: unset;
        border-top: unset;
        border-bottom: unset;
        border-right: 1px solid #e0e0e0;
        border-radius: 0;
        padding: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

        .stickcompare.stickcompare_new .listcompare li.formsg p {
            display: block;
            font-size: 12px;
            text-align: center;
            margin: 7px auto 0
        }

    .stickcompare.stickcompare_new .listcompare .cp-plus > i.icImageCompareNew {
        background: url('//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/iconcompare/icon_add_desktop.png') no-repeat top center;
        background-size: 45px 45px;
        width: 45px;
        height: 45px
    }

    .stickcompare.stickcompare_new label.error {
        top: 0;
        z-index: 9;
        background: #000000e3;
        color: #fff !important;
        padding: 10px;
        width: 90%;
        height: max-content;
        margin: 0 5%;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 400px;
        display: none;
        margin: auto
    }

.popup-addsp {
    display: none
}

    .popup-addsp.active {
        display: block
    }

    .popup-addsp .bg-popup {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000;
        opacity: .75;
        z-index: 999
    }

    .popup-addsp .close-popup {
        position: fixed;
        top: 5vh;
        right: 50px;
        z-index: 999;
        cursor: pointer;
        width: 640px;
        left: 50px;
        margin: auto
    }

        .popup-addsp .close-popup aside {
            background: #fff;
            padding: 7px 8px;
            border-radius: 4px;
            width: max-content;
            float: right
        }

        .popup-addsp .close-popup i {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            padding: 0
        }

            .popup-addsp .close-popup i:after, .popup-addsp .close-popup i:before {
                content: "";
                width: 12px;
                height: 1px;
                background: #333;
                margin-right: 5px;
                transform: rotate(45deg) !important;
                position: absolute;
                border-radius: unset;
                top: unset;
                left: unset;
                right: unset;
                margin: unset
            }

            .popup-addsp .close-popup i:after {
                transform: rotate(-45deg) !important
            }

        .popup-addsp .close-popup span {
            display: inline-block;
            vertical-align: middle
        }

.compare-popup {
    background: #fff;
    position: fixed;
    top: 10vh;
    left: 10px;
    right: 10px;
    border-radius: 5px;
    padding: 15px 10px 50px;
    z-index: 999;
    max-width: 640px;
    margin: auto;
    height: calc(100vh - 20vh);
    overflow-y: scroll
}

    .compare-popup h4 {
        display: block;
        overflow: hidden;
        text-align: center;
        padding: 10px
    }

    .compare-popup .pro-compare {
        display: flex;
        overflow: hidden;
        border: unset;
        justify-content: center
    }

        .compare-popup .pro-compare li {
            float: left;
            width: 33.33%;
            border: 1px solid #e5e5e5;
            border-right: 0;
            text-align: center;
            padding: 15px 4px 20px 4px;
            margin: 0 0 20px;
            position: relative
        }

            .compare-popup .pro-compare li h3 {
                overflow: hidden;
                font-size: 14px;
                padding: 0 0 3px 15px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis
            }

            .compare-popup .pro-compare li:last-child {
                border-right: 1px solid #e5e5e5
            }

            .compare-popup .pro-compare li img {
                display: block;
                width: 100% !important;
                max-width: 86px;
                margin: 0 auto 5px;
                height: auto;
                position: relative
            }

            .compare-popup .pro-compare li .box-p {
                display: flex;
                justify-content: left;
                align-items: center;
                padding: 0 0 3px 15px
            }

        .compare-popup .pro-compare.pro-compare_viewed li .box-p {
            justify-content: center
        }

        .compare-popup .pro-compare li .box-p p.price-old {
            text-decoration: line-through;
            color: #999
        }

        .compare-popup .pro-compare li .box-p p, .compare-popup .pro-compare li .box-p span {
            display: block;
            overflow: hidden;
            font-size: 14px;
            margin-right: 5px;
            color: #333
        }

        .compare-popup .pro-compare li .item-gift {
            font-size: 12px;
            display: block;
            width: 100%;
            padding: 0 10px 3px 15px;
            color: #333
        }

            .compare-popup .pro-compare li .item-gift b {
                font-weight: normal
            }

        .compare-popup .pro-compare li .item-img {
            position: relative
        }

            .compare-popup .pro-compare li .item-img img.lbliconimg {
                width: 36px !important;
                margin: unset;
                max-width: unset;
                left: 10px;
                bottom: 0;
                position: absolute
            }

                .compare-popup .pro-compare li .item-img img.lbliconimg.lbliconimg_44 {
                    left: 150px;
                    bottom: 0;
                    top: 0
                }

                .compare-popup .pro-compare li .item-img img.lbliconimg.lbliconimg_2002 {
                    height: 30px;
                    bottom: 0
                }

        .compare-popup .pro-compare li strong.price {
            font-size: 12px;
            color: #000;
            padding: 0 0 4px 0
        }

            .compare-popup .pro-compare li strong.price.twoprice {
                background: none;
                display: block
            }

        .compare-popup .pro-compare li strong.multiprice {
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 18px;
            color: #000;
            display: inline-block;
            margin-right: 5px;
            vertical-align: middle
        }

        .compare-popup .pro-compare li .per_twoprice {
            font-size: 9px;
            font-weight: 400;
            line-height: 16px;
            color: #000;
            display: inline-block;
            padding: 2px 5px;
            margin-left: -2px;
            vertical-align: middle
        }

        .compare-popup .pro-compare li p.item-txt-online, .compare-popup .pro-compare li p.item-txt-online {
            padding: 0 0 3px 0
        }

        .compare-popup .pro-compare .pro-nrview {
            display: block;
            overflow: hidden;
            font-size: 12px;
            color: #2f80ed;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 6px;
            margin: auto
        }

    .compare-popup #searchproductcompare {
        display: block
    }

        .compare-popup #searchproductcompare .find-sp {
            display: block;
            position: relative;
            overflow: hidden
        }

            .compare-popup #searchproductcompare .find-sp input {
                display: block;
                overflow: hidden;
                width: 100%;
                border: 1px solid #d0d0d0;
                border-radius: 4px;
                padding: 10px 0 10px 30px;
                box-sizing: border-box
            }

            .compare-popup #searchproductcompare .find-sp i {
                position: absolute;
                top: 12px;
                left: 8px
            }

        .compare-popup #searchproductcompare ul li {
            float: unset;
            display: block;
            width: 100%;
            margin: auto;
            text-align: left;
            border-left: unset;
            border-right: unset
        }

            .compare-popup #searchproductcompare ul li:last-child {
                border-bottom: 0
            }

            .compare-popup #searchproductcompare ul li .pro-nrview {
                left: unset;
                right: 5px;
                bottom: calc(50% - 9px);
                padding: 0 5px 0 5px
            }

        .compare-popup #searchproductcompare .pro-compare li strong.price {
            display: inline-flex;
            vertical-align: middle;
            padding: 0 0 3px 15px
        }

        .compare-popup #searchproductcompare li img {
            float: left;
            width: 100%;
            max-width: 45px;
            margin-right: 10px
        }

        .compare-popup #searchproductcompare ul {
            display: none;
            overflow: hidden;
            border: 1px solid #d0d0d0;
            border-radius: 4px;
            margin: 2px 0
        }

            .compare-popup #searchproductcompare ul li {
                display: block;
                overflow: hidden;
                border-top: 0;
                padding: 10px;
                border-top: 1px solid #d0d0d0;
                border-bottom: unset;
                max-width: unset;
                box-sizing: border-box
            }

                .compare-popup #searchproductcompare ul li:first-child {
                    border-top: 0
                }

                .compare-popup #searchproductcompare ul li .item-img {
                    height: 50px;
                    float: left;
                    width: 60px
                }

                    .compare-popup #searchproductcompare ul li .item-img img {
                        float: left;
                        width: 80%;
                        margin-right: 10px;
                        height: auto
                    }

                .compare-popup #searchproductcompare ul li img {
                    float: left;
                    width: 100%;
                    max-width: 45px;
                    margin-right: 10px
                }

                .compare-popup #searchproductcompare ul li .text-sr {
                    display: block;
                    overflow: hidden
                }

        .compare-popup #searchproductcompare li .text-sr span {
            display: block;
            overflow: hidden;
            font-size: 12px
        }

        .compare-popup #searchproductcompare li .text-sr p {
            display: block;
            overflow: hidden;
            padding: 3px 0 0
        }

        .compare-popup #searchproductcompare .text-sr p strong {
            float: left;
            color: #d0021c
        }

        .compare-popup #searchproductcompare .text-sr p a {
            float: right;
            font-size: 12px;
            color: #2f80ed
        }

        .compare-popup .pro-compare li .item-rating, .compare-popup .pro-compare li .item-label, .compare-popup .pro-compare li .item-txt-online, .compare-popup .pro-compare li .item-compare, .compare-popup .pro-compare li .result-label, .compare-popup .pro-compare li .item-bottom, .compare-popup #searchproductcompare .pro-compare li strong.price.twoprice, .compare-popup #searchproductcompare .pro-compare li strong.multiprice, .compare-popup #searchproductcompare .pro-compare li .per_twoprice, .compare-popup #searchproductcompare .pro-compare li .box-p, .compare-popup #searchproductcompare .pro-compare li .item-gift {
            display: none
        }

.errorcompare {
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 9;
    background: #000000e3;
    color: #fff;
    padding: 10px;
    height: max-content;
    width: 90%;
    margin: auto;
    text-align: center;
    border-radius: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    max-width: 400px;
    font-size: 13px
}

 .popup-addsp .close-popup {
    top: 8vh
}

 .compare-popup {
    top: 12vh
}

.icondetail-pin {
    background-position: 0 -120px;
    height: 32px;
    width: 32px
}

.icondetail-hutchankhong {
    background-position: -40px -120px;
    height: 32px;
    width: 32px
}

.icondetail-giaohang {
    background-position: -80px -120px;
    height: 32px;
    width: 32px
}

.icondetail-other {
    background-position: -121px -154px;
    height: 26px !important;
    width: 26px !important
}

.icondetail-pin {
    background-position: 0 -120px;
    height: 32px;
    width: 32px
}

.icondetail-trainghiem {
    background-position: -149px -155px;
    height: 25px !important;
    width: 25px !important;
    margin-top: 10px
}

.icondetail-1doi1 {
    background-position: -93px -150px;
    height: 30px !important;
    width: 26px !important
}

.icondetail-cuttingmachine {
    height: 26px !important;
    width: 26px !important;
    margin-top: 5px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAMAAADUMSJqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAALEsAACxLAaU9lqkAAADJUExURUdwTC6B7C2C7y+A7DCA7zCA7y+A7S+A7S+A7S6B7S6A7SmE7y6B7y6B7S+A7S+A7C+A7i+A7DGE9y+A7i2B7zCA6yuC7yiA5y6B7y6A6yCA3zCA5zCA6jCA7C+A7i+A7iqA6i2A7C2B7DCA7C+A7evz/Y259d/s/NTl+zuH7keO73ar81KV8NPk+0aO77zW+TqH7sjd+oGy9F6c8ZnA9qTH98fd+l6d8aXI93Wq8+Ds/Gqj8rDP+JjA9rDO+IKy9FOV8Mje+mmj8tyJNRIAAAAkdFJOUwBfP78gEM/f73+PH19vn5+/rx/fT0AvIG+PECAwYK/PMGBPUOv+w2oAAAP2SURBVGjezdnpdqIwFADgFKoguFVrt+l0toRFqqhorV1n5v0fakwIChiyoefM/WWLfOcaLuEmAJDFVc+Cdu8KnCI6MI3WCewWhCfT9/ZOdw3DPZ49i1E8pbph2viT1XOPZD8hhCZEd8z977g9mp3p+Wg2jmXn9FmSzGrrRRuhmIhJjD+vpvX065IdjPE/PPqX/1hL7/HsujouuVWlXaXfue6dBI5P5dgM3WilN4FtdlyJzGOOXdYNM1+n5k8ujr87Djh2Qb82y7cB9x42YKZX2TndsClpD4eZbhkc3aH6gT0Pyjqdlvtfv+AT79v99O8zjt4lely2F4cVmdKj/annTTkdlmyfVe/b6LDmahm9MN4hU++Uz21L6sVrOQ/l7lWhfsGqk1Rf1tUv2TVI9BDV1HHiCaO+sT5FNXV8aL4jXnJ6kjyhevp3mE9wk80GiHevsnS7agZY5x9EmrolxP9ATd2ymcNyXigKT0o3m9Z2ErMt86J16UrP6UI9juBB93Fr8G/QR7+ovzLlF++gr6ET75nLm9MjVNDXTDqElWG1XM6cXtCnk0N7uaOTxWoebH+qH8SrRbLPnok3rJLOiGBNO7HXN790iVev2SOVmfy5UKdpzzyfdXRCr0VFOQr0BY9Oec7aga9vyIl/J7xxm6Rf6qnqv0naSySIdx2dpDR9QsJI+28lnYzmdIKQrK4w7kt5O9OlayYIFWyq27L1jpulmbRNn7wmkNKXxRZAIt6Z/Q1LJx3kBikFnmzshoQeKQ04HfawepWf1wPlQclqtyL1vP4Mi52LXPic1HP6uLAcU0q9CQQ6WfBO1HHSfxsCPVIvlX3BOICv4/jQwVdVPVJJ17HTcWkI9bUWTsblEoh0Tw9fiHbLiP6hh+NB73LbvGahzVOKmFfpux6yuiP1wvCzen7hl0t5R4PZbHi8crH1cdIkhZWH8dH/FCfDstAfFu4F9TdwtqhxQa3CElK5FPtcHC9+n/Xwt+2pD1zc4Y1qzdsf/DjdxEXXkL72lDsAwisa6w55U7DpqD3oEfcxt19D6owLaXdGMju9Go+LZ+EtlG2+aaSO2522EG9opY57ImsATpJ6EEq+biKpR+qlIpM43fJUmmDIcqENpAI/pcNAcVAsORtc2fydo7KNK8UeSOLgBhb3esR2xYqIu8MubSu9mDRl9Tmxu0qvexpkDz4U1ky6J9NXfJnUINvUMOIm/5LuF3WBcpBxh+Pq5LPNNQdoxA2kfMCj7Q7QimypEUblZ9NLHNF9u/4A6EZrt05ae2/pi55gvvpcZzuCumnT5LvVe5bQbtV65Yv5jnUqmsSoe+APnRE4Wtz/cvrfyGu64fDBSV+mseIfyQLHnG9FgRoAAAAASUVORK5CYII=') !important;
    background-size: 100% auto !important
}

.policy_intuitive h4 {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #459b43;
    max-width: 95%;
    margin: 7px auto;
    line-height: 1.5
}

.policy {
    padding: 0 10px
}

.policy__list > li {
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    display: flex
}

.policy__list li .iconl {
    width: 32px
}

.policy__list li:last-child {
    border-bottom: none
}

.policy__list li p {
    line-height: 20px;
    padding-left: 10px;
    margin:0
}

    .policy__list li p label {
        display: block
    }

.policy__list li a {
    color: #2f80ed;
    display: inline
}

.policy__list li em {
    font-style: normal;
    font-weight: bold
}

.icondetailV3-gh1h {
    background-position: -117px -117px;
    width: 19px;
    height: 21px;
    float: left;
    margin: 4px 0 0
}

.tsh {
    background-color: #ecf7ed;
    border-radius: 3px;
    border: solid 1px #c4ddc8;
    margin: 5px 10px 10px;
    padding: 0 10px;
    font-weight: bold;
    line-height: 30px;
    clear: both
}

    .tsh span {
        line-height: 30px;
        padding-left: 10px;
        border-left: 1px solid #c4ddc8;
        display: block;
        margin-left: 28px
    }

        .tsh span a {
            color: #30a43b
        }

.wrap_wrtp {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 115vh;
    background: rgba(0,0,0,.5);
    z-index: 1000
}

    .wrap_wrtp .pop {
        display: block;
        overflow: hidden;
        position: relative;
        width: 95%;
        max-width: 640px;
        margin: 5vh auto;
        max-height: 80vh;
        background: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        top: 3vh
    }

        .wrap_wrtp .pop strong {
            font-size: 12px;
            color: #000
        }

        .wrap_wrtp .pop .hdpop {
            padding: 10px 30px 10px 5px;
            border-bottom: solid 1px #ccc;
            font-size: 15px;
            background: #ffd901;
            color: #333;
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 3
        }

        .wrap_wrtp .pop .ctW {
            padding: 0 10px 10px;
            line-height: 20px;
            font-size: 13px;
            overflow-y: scroll;
            overflow-x: hidden;
            max-height: calc(74vh - 10px);
            margin-top: 38px
        }

        .wrap_wrtp .pop .xct {
            width: 160px;
            text-align: center;
            margin: 10px auto;
            border: solid 1px #288ad6;
            border-radius: 5px;
            color: #288ad6;
            display: block;
            padding: 5px;
            font-weight: bold
        }

        .wrap_wrtp .pop .ctW .tlt {
            display: block;
            font-weight: bold
        }

        .wrap_wrtp .pop .ctW .cs {
            margin-top: 15px
        }

        .wrap_wrtp .pop .ctW table {
            display: flex;
            width: 100% !important
        }

            .wrap_wrtp .pop .ctW table td {
                padding: 5px;
                font-size: 12px
            }

        .wrap_wrtp .pop .ctW tr td {
            flex: 1
        }

            .wrap_wrtp .pop .ctW tr td:first-child {
                flex: 2
            }

        .wrap_wrtp .pop .hdpop .closehd {
            float: right;
            color: #333;
            height: 25px;
            width: 25px;
            position: absolute;
            top: 8px;
            right: 4px;
            font-size: 23px;
            text-align: center;
            cursor: pointer;
            font-style: normal;
            box-sizing: border-box;
            padding-top: 3px
        }

.dmx-site .wrap_wrtp .pop .hdpop .closehd {
    color: #fff;
    font-size: 18px
}

.wrap_wrtp.dmx-popup .pop::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.wrap_wrtp.dmx-popup {
    display: none
}

    .wrap_wrtp.dmx-popup .pop {
        top: 0
    }

.dmx-site .wrap_wrtp .hdpop {
    background: #4a90e2;
    color: #fff;
    font-weight: bold;
    font-size: 13px
}

.wrap_wrtp.dmx-popup strong {
    font-weight: bold;
    font-size: 13px
}

.wrap_wrtp.dmx-popup .overscroll {
    overflow: scroll;
    max-height: 74vh
}

.dmx-popup .title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    margin: 4px 0 8px
}

    .dmx-popup .title > span {
        display: block;
        font-size: 13px;
        font-weight: normal;
        text-transform: initial;
        padding: 4px 0;
        color: #f7812a;
        position: relative;
        border-radius: 2px
    }

.warranty-box {
    padding: 50px 5% 10px 5%
}

    .warranty-box ul {
        margin: 0 15px;
        list-style: disc;
        font-size: 12px
    }

    .warranty-box > p {
        margin: 5px 0
    }

    .warranty-box a {
        font-size: 13px;
        color: #288ad6
    }

        .warranty-box a:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 5px solid #288ad6;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            display: inline-block;
            margin-left: 5px;
            position: relative;
            top: 1px
        }

.change-box {
    padding: 10px 10px 20px;
    background: #f3f3f3
}

.block-change {
    background: #fff;
    padding: 0 5px 0;
    border-radius: 4px;
    margin-top: 10px
}

    .block-change p {
        font-size: 13px
    }

    .block-change h3 {
        padding: 10px 15px 10px 10px;
        color: #288ad6;
        position: relative;
        border-bottom: 1px solid #f3f3f3;
        cursor: pointer
    }

        .block-change h3::after {
            content: "";
            width: 0;
            right: 0;
            border-left: 5px solid transparent;
            border-top: 5px solid #288ad6;
            border-right: 5px solid transparent;
            position: absolute;
            right: 0;
            top: 44%;
            transform: rotate(180deg)
        }

        .block-change h3.down::after {
            transform: rotate(0)
        }

.view-full {
    margin: 10px 3px 0
}

    .view-full a {
        position: relative;
        color: #288ad6
    }

        .view-full a::before {
            content: '';
            width: 0;
            height: 0;
            border-left: 5px solid #288ad6;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            position: absolute;
            right: -10px;
            top: 3px
        }

.content-insider {
    padding: 10px;
    display: none
}

    .content-insider.show {
        display: block
    }

    .content-insider > p {
        margin: 10px 0
    }

    .content-insider ul {
        list-style: disc;
        padding-left: 20px
    }

        .content-insider ul li {
            font-size: 13px;
            font-weight: normal
        }

#hubOLOL {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center
}

    #hubOLOL .hubContainer {
        background-color: #fff;
        width: 100%;
        padding: 10px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%
    }

    #hubOLOL .hubTitle {
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: flex;
        align-items: center
    }

        #hubOLOL .hubTitle > span {
            flex: 1;
            font-weight: 700
        }

        #hubOLOL .hubTitle > a {
            flex: 1;
            max-width: 66px;
            text-align: center;
            border: 1px solid #f1f1f1;
            padding: 8px 3px
        }

            #hubOLOL .hubTitle > a:hover {
                text-decoration: none
            }

            #hubOLOL .hubTitle > a > span {
                margin-right: 7px
            }

    #hubOLOL ul {
        padding-left: 15px;
        list-style: disc
    }

    #hubOLOL li {
        margin-bottom: 10px;
        display: list-item;
        overflow: visible;
        padding: 0 0 5px;
        font-size: 14px;
        line-height: 1.5;
        color: #333
    }

        #hubOLOL li > a {
            white-space: nowrap
        }

.box-available {
    width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 30000;
    background: #fff;
    position: fixed;
    margin: auto;
    padding: 15px;
    overflow: hidden;
    display: none
}

    .box-available .box-province {
        padding-bottom: 15px
    }

        .box-available .box-province aside {
            width: 50%;
            float: left
        }

        .box-available .box-province .scroll {
            display: block;
            overflow-y: auto;
            overflow-x: hidden;
            max-height: 220px
        }

    .box-available .title {
        width: 100%;
        display: block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        margin-top: 25px
    }

    .box-available .boxprov {
        width: 100%;
        display: block;
        vertical-align: middle;
        margin: 0;
        position: relative
    }

        .box-available .boxprov .listcity {
            width: 100%;
            top: 55px;
            left: 0
        }

            .box-available .boxprov .listcity:before, .box-available .boxprov .listcity::after {
                left: 100px
            }

        .box-available .boxprov .listdist {
            top: 55px;
            left: 0;
            width: 100%
        }

            .box-available .boxprov .listdist:before, .box-available .boxprov .listdist::after {
                right: 80px
            }

    .box-available .city {
        width: calc(50% - 10px);
        margin: 10px 0;
        padding: 0 10px;
        cursor: pointer
    }

        .box-available .city span {
            width: 80%;
            color: #000
        }

        .box-available .city:after {
            border-top: 6px solid #1f77ef
        }

    .box-available .dist {
        width: calc(50% - 5px);
        margin: 10px 0;
        padding: 0 10px;
        cursor: pointer
    }

        .box-available .dist span {
            width: 80%
        }

        .box-available .dist:after {
            border-top: 6px solid #1f77ef
        }

    .box-available .box-store {
        padding-top: 10px
    }

        .box-available .box-store span {
            font-size: 13px;
            padding-bottom: 10px;
            display: block;
            text-transform: uppercase;
            font-weight: bold
        }

        .box-available .box-store ul {
            height: 70vh;
            overflow: hidden;
            overflow-y: auto
        }

            .box-available .box-store ul li {
                padding: 5px 15px 5px 20px;
                font-size: 13px;
                position: relative
            }

                .box-available .box-store ul li:before {
                    content: "●";
                    font-size: 12px;
                    color: #c4c4c4;
                    position: absolute;
                    left: 4px;
                    top: 4px
                }

    .box-available .istock-close {
        position: absolute;
        top: 15px;
        right: 13px;
        color: #999;
        z-index: 999999;
        font-size: 25px
    }

    .box-available .scroll {
        max-height: 250px;
        overflow: hidden;
        overflow-y: auto
    }

.boxcontainer-store {
    position: relative;
    border-top: 1px solid #d1d1d1;
    display: inline-block;
    width: 100%
}

.box-available .overlayloading {
    background: rgba(241,241,241,.28);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 990;
    clear: both;
    text-align: center;
    overflow: hidden;
    display: none
}

    .box-available .overlayloading p {
        position: absolute;
        top: 44%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .box-available .overlayloading .cswrap {
        position: absolute;
        top: 55%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .box-available .overlayloading .cswrap .csdot {
            width: 8px;
            height: 8px;
            border: 1px solid #288ad6;
            background: #288ad6;
            border-radius: 50%;
            float: left;
            margin: 0 2px;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-animation: fx 1000ms ease infinite 0ms;
            animation: fx 1000ms ease infinite 0ms;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)
        }

            .box-available .overlayloading .cswrap .csdot:nth-child(2) {
                -webkit-animation: fx 1000ms ease infinite 300ms;
                animation: fx 1000ms ease infinite 300ms
            }

            .box-available .overlayloading .cswrap .csdot:nth-child(3) {
                -webkit-animation: fx 1000ms ease infinite 600ms;
                animation: fx 1000ms ease infinite 600ms
            }

@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.key-selling {
    padding: 0 10px 10px
}

.border-line {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 5px solid #dedede
}

.border-line-pm {
    border-top: 5px solid #dedede
}

.key-selling .title_text {
    padding: 5px 0
}

.key-selling li {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding: 0;
    border: none
}

    .key-selling li:before {
        content: '•';
        color: #999;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        font-size: 14px
    }

.key-selling > span {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    padding: 0;
    display: block
}

    .key-selling > span:before {
        content: '•';
        color: #999;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        font-size: 14px
    }

.key-selling a {
    width: auto;
    color: #2f80ed
}

.box-available .city {
    float: left;
    position: relative;
    width: calc(50% - 5px);
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    padding: 0 1.5%;
    max-height: 38px
}

    .box-available .city span {
        display: inline-block;
        width: 86%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .box-available .city:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #999;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: 16px 5px 0 0;
        float: right
    }

.box-available .listcity {
    display: none;
    overflow: visible;
    position: absolute;
    top: 55px;
    left: 10px;
    right: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px;
    z-index: 2
}

    .box-available .listcity aside {
        float: left;
        width: 50%
    }

    .box-available .listcity:before, .box-available .listcity:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent
    }

    .box-available .listcity:after {
        border-width: 9px;
        margin-left: 1px;
        border-bottom-color: #fff
    }

    .box-available .listcity a {
        display: block;
        padding: 10px 10px 0;
        font-size: 14px;
        cursor: pointer
    }

        .box-available .listcity a.act {
            font-weight: bold
        }

.box-available .dist {
    float: right;
    position: relative;
    width: calc(50% - 5px);
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    padding: 0 1.5%;
    max-height: 38px
}

    .box-available .dist span {
        display: inline-block;
        width: 86%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .box-available .dist:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #999;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: 16px 5px 0 0;
        float: right
    }

.box-available .listdist {
    display: none;
    overflow: visible;
    position: absolute;
    top: 55px;
    left: 10px;
    right: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px;
    z-index: 2
}

    .box-available .listdist:before, .box-available .listdist:after {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 70px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent
    }

    .box-available .listdist:after {
        border-width: 9px;
        margin-right: 1px;
        border-bottom-color: #fff
    }

    .box-available .listdist a {
        display: block;
        padding: 10px 10px 0;
        font-size: 14px;
        cursor: pointer
    }

        .box-available .listdist a.act {
            font-weight: bold
        }

    .box-available .listdist aside {
        float: left;
        width: 50%
    }

.box-available .searchlocal {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0
}

    .box-available .searchlocal .icondmx-topsearch {
        top: 10px
    }

    .box-available .searchlocal form {
        display: block;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        background: #fff;
        height: 34px;
        position: relative
    }

    .box-available .searchlocal input {
        display: block;
        border: 0;
        background: #fff;
        padding: 5px;
        height: 32px;
        border-radius: 4px;
        width: 90%
    }

    .box-available .searchlocal .submit {
        position: absolute;
        top: 0;
        right: 0;
        padding: 8px 10px;
        background: #fff;
        height: 16px;
        border-radius: 0 3px 3px 0;
        border: 0;
        height: 30px
    }

    .box-available .searchlocal .reset {
        display: block;
        position: absolute;
        top: 0;
        right: 34px;
        width: 30px;
        height: 34px;
        border: 0;
        background: #fff;
        border: 0
    }

#popup-oldpolicy {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.85)
}

    #popup-oldpolicy div {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #fff;
        border-radius: 4px;
        padding: 20px 30px;
        width: 300px;
        height: 120px
    }

        #popup-oldpolicy div p {
            line-height: 1.5;
            margin-bottom: 10px;
            text-align: center;
            font-size: 16px
        }

            #popup-oldpolicy div p:last-child {
                margin-bottom: 0
            }

        #popup-oldpolicy div a {
            display: block;
            border: 1px solid #288ad6;
            padding: 10px 0;
            text-align: center;
            border-radius: 4px
        }

.xtoydays {
    border-radius: 5px;
    padding: 0;
    margin-bottom: 10px
}

    .xtoydays.applianciesOLOL {
        margin: 10px 10px 10px
    }

    .xtoydays .shcode {
        color: #333;
        line-height: 1.5;
        padding-top: 5px
    }

        .xtoydays .shcode > b {
            color: #d0021b
        }

#status-delivery .lddl, #status-delivery-2price .lddl, .delivery-multi .lddl, td.delivery .lddl {
    min-height: 60px;
    border-radius: 4px;
    background: #f9f9f9;
    position: relative;
    margin-bottom: 10px
}

.xtoydays .shcode .detail-fee {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #468ee5;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin: 0;
    font-style: normal;
    border: 1px solid #468ee5;
    border-top: 0;
    padding-bottom: 1px;
    font-size: 11px;
    line-height: 1.8;
    margin-left: 5px;
    vertical-align: text-bottom;
    cursor: pointer
}

.boxgh-fee {
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #dadada;
    margin-top: 10px;
    z-index: 8;
    left: 0
}

#price02 .boxgh-fee {
    margin-left: -10px
}

.boxgh-fee.box2 {
    width: calc(100% - 34px)
}

.boxgh-fee .row-fee, .boxgh-fee .row-fee-after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 37.2%;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.boxgh-fee .row-fee-after {
    border-width: 9px;
    border-bottom-color: #fff;
    margin-left: 1px
}

.boxgh-fee.box2:before, .boxgh-fee.box2:after {
    left: 40.4%
}

.boxgh-fee ul {
    padding: 10px
}

    .boxgh-fee ul li {
        padding-top: 10px
    }

        .boxgh-fee ul li hr {
            border-width: 0;
            height: 1px;
            background: #ccc
        }

        .boxgh-fee ul li span:first-child {
            text-align: left;
            display: inline-block
        }

        .boxgh-fee ul li span:nth-child(2) {
            text-align: right;
            display: inline-block;
            float: right
        }

        .boxgh-fee ul li:last-child span:first-child {
            font-weight: bold
        }

        .boxgh-fee ul li:last-child span:last-child {
            font-weight: bold;
            color: #dd1c1a
        }

.lddl .xxx {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

    .lddl .xxx .ball {
        width: 8px;
        height: 8px;
        border: 1px solid #288ad6;
        background: #288ad6;
        border-radius: 50%;
        float: left;
        margin: 0 2px;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation: fx 1000ms ease infinite 0ms;
        animation: fx 1000ms ease infinite 0ms;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)
    }

        .lddl .xxx .ball:nth-child(2) {
            -webkit-animation: fx 1000ms ease infinite 300ms;
            animation: fx 1000ms ease infinite 300ms
        }

        .lddl .xxx .ball:nth-child(3) {
            -webkit-animation: fx 1000ms ease infinite 600ms;
            animation: fx 1000ms ease infinite 600ms
        }

.quickdelivery {
    position: relative
}

.deliverytime > span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

    .deliverytime > span > span {
        font-weight: 400
    }

    .deliverytime > span.orange {
        color: #fb6e2e;
        font-weight: normal;
        text-transform: none;
        margin-bottom: 5px
    }

.deliverytime > em {
    font-size: 13px;
    color: #fb946b;
    line-height: 1.5;
    font-style: normal
}

div.appliances.olol {
    padding: 0 10px 4px
}

span.con_hang {
    color: #219653;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px
}

    span.con_hang.only {
        margin-bottom: 10px;
        display: block
    }

    span.con_hang.olol {
        text-transform: uppercase;
        font-weight: bold
    }

    span.con_hang u {
        color: #ccc;
        text-decoration: none
    }

    span.con_hang i {
        color: #fe890b;
        font-style: normal
    }

span.chuyen_hang.olol {
    color: #fe890b;
    font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold
}

.xtoydays .cantdeli {
    color: #d0011b;
    font-weight: 400;
    text-transform: none
}

    .xtoydays .cantdeli a {
        color: #4a90e2
    }

    .xtoydays .cantdeli.black {
        color: #d0021c
    }

span.cantdeli {
    color: #d0011b
}

span.con_hang.normal {
    font-weight: 400;
    text-transform: unset;
    font-size: 14px
}

.normal.pad {
    margin-bottom: 5px;
    display: block
}

span.five-7ngay {
    display: block;
    color: #219653;
    font-size: 14px;
    padding: 5px 0;
    font-weight: bold
}

    span.five-7ngay i {
        color: #fe890b;
        font-style: normal
    }

    span.five-7ngay u {
        color: #ccc;
        text-decoration: none
    }

span.online-only {
    display: block;
    color: #f2994a;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase
}

span.dr-warning {
    display: block;
    color: #f2994a;
    font-size: 14px;
    padding: 5px 0;
    font-weight: bold;
    text-transform: uppercase
}

span.five-7ngay.cant-deli {
    padding: 5px 0 5px
}

span.five-7ngay.normal {
    font-size: 14px;
    padding: 5px 0 5px 0
}

.iconlgh-dark {
    background-position: 0 0;
    margin-right: 3px
}

.quickdelivery .onoffdelibox {
    color: #2f80ed;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    line-height: 1;
    margin-top: 5px;
    text-decoration: underline
}

    .quickdelivery .onoffdelibox.unline {
        text-decoration: none
    }

.deliverytime > p {
    line-height: 1.5;
    margin-bottom: 5px
}

    .deliverytime > p > span {
        color: #999
    }

    .deliverytime > p .phone {
        font-weight: 600
    }

    .deliverytime > p.paycod {
        font-size: 12px;
        color: #fb6e2e
    }

.rslt.none .address-deli {
    display: none
}

.address-deli.fromxtoy {
    position: relative;
    margin-top: 10px;
    border: 1px solid #f97d10;
    padding: 15px 5px 10px 15px;
    background: #fff4de;
    border-radius: 4px
}

    .address-deli.fromxtoy:after {
        content: '';
        display: block;
        clear: both
    }

.quickdelivery .address-deli.fromxtoy {
    position: unset;
    margin-top: unset;
    border: unset;
    padding: unset;
    background: unset;
    border-radius: unset
}

.address-deli.fromxtoy > h2 {
    padding: 5px 0;
    font-size: 14px
}

.address-deli.fromxtoy .place {
    position: relative;
    padding: 5px;
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
    background: #fff;
    cursor: pointer;
    border-radius: 4px
}

    .address-deli.fromxtoy .place.dl-border {
        border: 1px solid #d0021b
    }

.address-deli.fromxtoy .province.place {
    width: 100%
}

.address-deli.fromxtoy .district {
    margin-right: 10px
}

    .address-deli.fromxtoy.district.dl-border, .address-deli.fromxtoy.ward.dl-border {
        border: 1px solid #d9021b
    }

.address-deli.fromxtoy .place p {
    font-size: 14px;
    color: #4a90e2;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
    font-weight: 400;
    width: 90%
}

.address-deli.fromxtoy .place > strong {
    line-height: 24px;
    font-weight: 400;
    color: #4a90e2
}

.address-deli.fromxtoy .place:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #4a90e2;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    right: 7px;
    top: 46%
}

.address-deli.fromxtoy .place span {
    font-size: 12px;
    display: block;
    color: #999;
    font-weight: 400
}

.address-deli.fromxtoy .lstprovince, .address-deli.fromxtoy .lstward, .address-deli.fromxtoy .lstdistrict {
    overflow: visible;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    padding: 5px 10px;
    position: absolute;
    width: calc(200% - 13px);
    top: 53px;
    z-index: 9
}

.address-deli.fromxtoy .place span {
    font-size: 12px;
    display: block;
    color: #999;
    font-weight: 400
}

.address-deli.fromxtoy .lstprovince, .address-deli.fromxtoy .lstward, .address-deli.fromxtoy .lstdistrict {
    overflow: visible;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    padding: 5px 10px;
    position: absolute;
    width: calc(200% - 13px);
    top: 53px;
    z-index: 9
}

.province-box {
    position: relative
}

.district-box, .ward-box {
    position: relative;
    width: 49%
}

.district-box {
    float: left
}

.ward-box {
    float: right
}

.address-deli.fromxtoy .lstprovince {
    top: 43px;
    z-index: 9;
    right: 0;
    width: 100%;
    display: none
}

.address-deli.fromxtoy .lstdistrict {
    top: 30px;
    z-index: 9;
    display: none
}

.address-deli.fromxtoy .lstward {
    top: 30px;
    z-index: 9;
    display: none;
    right: 0;
    width: calc(200% + 13px)
}

.address-deli.fromxtoy .scroll {
    max-height: 260px;
    overflow-y: auto;
    margin-top: 5px;
    overflow-x: hidden
}

    .address-deli.fromxtoy .scroll aside {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: unset
    }

#price02 .address-deli.fromxtoy .scroll {
    max-height: 117px
}

.address-deli.fromxtoy a {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    color: #4a90e2;
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    cursor: pointer
}

    .address-deli.fromxtoy a.active {
        font-weight: 600
    }

.address-deli.fromxtoy .search-container {
    position: relative
}

.address-deli.fromxtoy .warning-text {
    display: none !important;
    padding: 10px;
    background: rgba(45,156,219,.1);
    border-radius: 4px;
    font-size: 10px;
    border-left: 2.35px solid #2d9cdb;
    margin: 5px 0 0 0;
    line-height: 15px
}

.address-deli.fromxtoy input[type=text] {
    display: block;
    padding: 7px 0 7px 20px;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    text-indent: 10px;
    width: 99.8%;
    margin-top: 10px
}

    .address-deli.fromxtoy input[type=text]::-webkit-input-placeholder {
        color: #999
    }

.address-deli.fromxtoy .lst:before, .address-deli.fromxtoy .lst:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 59%;
    border-bottom: 10px solid #d9d9d9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.address-deli.fromxtoy .lst:after {
    border-width: 9px;
    border-bottom-color: #fff;
    margin-left: 1px
}

.address-deli.fromxtoy .lstdistrict:before, .address-deli.fromxtoy .lstdistrict:after {
    left: 35%
}

.address-deli.fromxtoy .lstprovince:before, .address-deli.fromxtoy .lstprovince:after {
    left: 47%
}

.address-deli.fromxtoy .submitdeli {
    width: calc(50% - 18px);
    position: relative;
    padding: 5px;
    margin: 0 0 10px 0;
    height: 37px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d)
}

.address-deli.fromxtoy .ChooseProText {
    display: block;
    padding: 0 0 5px
}

    .address-deli.fromxtoy .ChooseProText .hcv_text {
        font-weight: bold;
        display: block;
        font-size: 16px;
        color: #f78a06;
        margin-bottom: 5px
    }

.quickdelivery.fromxtoy {
    position: relative;
    margin-top: 10px;
    border: 1px solid #f97d10;
    padding: 10px;
    background: #fff4de;
    border-radius: 4px
}

.applianciesOLOL .quickdelivery.fromxtoy {
    margin-top: 5px
}

.applianciesOLOL .deliverytime > div {
    margin-top: 10px
}

.quickdelivery.fromxtoy.dl-border {
    border: 1px solid #d0021b
}

.quickdelivery .address-deli.fromxtoy .icon-search {
    position: absolute;
    top: 7px;
    left: 8px
}

#mustcheck {
    color: #d0021b;
    text-align: center
}

#error-mes {
    top: 30%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 50%;
    background-color: #fff;
    padding: 10px;
    padding-bottom: 0;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    line-height: 25px;
    z-index: 99999;
    max-width: 640px;
    border-radius: 4px;
    margin: 0 auto;
    display: none;
    width: 60%
}

    #error-mes p {
        color: #d0021b;
        font-size: 14px;
        margin-bottom: 5px;
        padding: 0 10px;
        text-align: center
    }

.deliverytype {
    position: relative
}

    .deliverytype p {
        line-height: 1.5
    }

    .deliverytype i {
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        background-color: #999;
        display: inline-block;
        vertical-align: top;
        border-radius: 50%;
        font-style: normal;
        color: #fff;
        font-size: 10px;
        cursor: pointer;
        position: relative
    }

        .deliverytype i.act {
            background-color: #2f80ed
        }

            .deliverytype i.act:before {
                content: "";
                position: absolute;
                width: 12px;
                height: 12px;
                background: #e0e0e0;
                transform: rotate(45deg);
                top: 15px;
                right: 2px;
                box-shadow: -2px -2px 5px -4px
            }

    .deliverytype div {
        position: absolute;
        right: 0;
        top: 42px;
        padding: 10px;
        border-radius: 4px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        z-index: 5;
        white-space: normal;
        line-height: 1.5;
        box-shadow: 0 0 8px #ccc
    }

        .deliverytype div.small {
            top: 21px
        }

        .deliverytype div > * {
            display: block;
            margin-bottom: 5px
        }

        .deliverytype div span {
            padding-left: 12px;
            position: relative
        }

            .deliverytype div span:before {
                content: '';
                position: absolute;
                left: 0;
                top: 7px;
                width: 6px;
                height: 6px;
                background-color: #999;
                border-radius: 50%
            }

            .deliverytype div span:last-child {
                margin-bottom: 0
            }

.delivery-store {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-top: 10px;
    overflow: hidden
}

    .delivery-store > * {
        display: block;
        line-height: 1.6
    }

    .delivery-store span b {
        color: #00974c
    }

    .delivery-store a.button {
        border-radius: 4px;
        font-size: 15px;
        text-align: center;
        font-weight: bold;
        margin-top: 10px
    }

        .delivery-store a.button.blue {
            background-color: #0082f4;
            color: #fff;
            height: 47px;
            text-transform: uppercase;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            line-height: 1.4
        }

            .delivery-store a.button.blue > i {
                text-transform: none;
                font-size: 12px;
                font-style: normal;
                font-weight: normal
            }

        .delivery-store a.button.white {
            width: 49%;
            background-color: #fff;
            color: #0082f4;
            border: 1px solid #0082f4;
            line-height: 1.3;
            padding: 4px 0
        }

            .delivery-store a.button.white.tc {
                float: left
            }

            .delivery-store a.button.white.nl {
                float: right
            }

            .delivery-store a.button.white.full {
                width: auto;
                float: none
            }

            .delivery-store a.button.white span {
                font-weight: normal;
                font-size: 12px;
                display: block
            }

@media screen and (max-width: 640px) {
    #price02 .address-deli.fromxtoy .scroll {
        max-height: 260px
    }

    .deliverytype div {
        top: 21px
    }

        .deliverytype div.large {
            top: 42px
        }

    .address-deli.fromxtoy .district {
        margin-right: 0
    }
}

@media screen and (max-width: 480px) {
    .deliverytype div {
        top: 42px
    }
}

@media screen and (max-width: 414px) {
    .deliverytype.type181 {
        font-size: 13px
    }

        .deliverytype.type181 div.large {
            top: 38px
        }
}

@media screen and (max-width: 393px) {
    .deliverytype.type181 {
        font-size: 14px
    }

        .deliverytype.type181 div.large {
            top: 62px
        }

    .delivery-store a.button {
        font-size: 13px
    }

        .delivery-store a.button.white {
            padding: 7px 0
        }

            .delivery-store a.button.white span {
                font-size: 11px
            }
}

@media screen and (max-width: 360px) {
    .delivery-store a.button.white {
        font-size: 12px
    }
}

@media screen and (max-width: 320px) {
    .delivery-store a.button.white {
        font-size: 11px
    }

        .delivery-store a.button.white span {
            font-size: 10px
        }
}

#popup-materialsfee .pop {
    width: 98%;
    max-width: 640px;
    margin: auto;
    max-height: 100vh;
    top: 5vh
}

.wrap_wrtp .pop .hdpop.hd-meterial {
    background: #fff;
    border-bottom: solid 1px #ededed;
    padding: 10px 0 0 10px;
    margin-bottom: 10px
}

.items-setup {
    padding: 0 10px 10px 10px;
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(90vh - 110px);
    margin-top: 85px
}

    .items-setup .items {
        max-height: calc(80vh - 200px);
        overflow: auto
    }

.title-meterial {
    color: #000;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ededed;
    font-size: 16px
}

#popup-materialsfee .closehd {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #333
}

    #popup-materialsfee .closehd span {
        color: #333
    }

.items-setup .ava {
    display: none
}

.items-setup h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    font-weight: 700
}

.items-setup .news-list a {
    margin-top: 0
}

.items-setup .news-item {
    margin-top: 10px
}

    .items-setup .news-item img {
        width: 100%;
        height: auto;
        display: block;
        -ms-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

    .items-setup .news-item .title a {
        color: #333;
        display: block;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 10px;
        background: #f7f7f7
    }

    .items-setup .news-item .counts {
        background: #f7f7f7;
        padding: 0 10px 10px;
        -ms-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px
    }

        .items-setup .news-item .counts span {
            color: #999;
            font-size: 12px;
            margin-right: 20px
        }

.items-setup ul {
    background: #fffabf;
    padding: 5px 5px 10px 5px
}

.items-setup li {
    margin-top: 5px;
    padding-left: 15px;
    font-size: 12px
}

    .items-setup li:before {
        content: '•';
        color: #333;
        margin-left: -15px;
        margin-right: 10px;
        font-size: 14px
    }

    .items-setup li a {
        color: #2f80ed
    }

.factor > label {
    display: inline-block;
    margin-bottom: 8px
}

.factor > select {
    padding: 4px;
    border: 1px solid #4a90e2;
    color: #4a90e2;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    margin-left: 6px;
    max-width: 90px
}

.factor > span {
    font-size: 16px;
    font-weight: 700
}

.items > label, .items > span {
    display: block
}

.items > span {
    color: #999
}

.calctbl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ededed
}

    .calctbl .row {
        display: table-row;
        margin: 0 5px
    }

        .calctbl .row:first-child .cell {
            text-align: left
        }

    .calctbl .cell {
        display: table-cell;
        vertical-align: middle;
        padding: 4px 4px 10px 4px;
        font-size: 12px;
        border-bottom: 1px solid #ededed
    }

        .calctbl .cell > label {
            font-size: 12px
        }

        .calctbl .cell:nth-child(3) {
            width: calc(100% - 140px)
        }

            .calctbl .cell:nth-child(3) > span {
                display: block
            }

        .calctbl .cell:nth-child(2) {
            width: 46px
        }

        .calctbl .cell:last-child {
            width: 80px;
            text-align: right
        }

        .calctbl .cell input[type=checkbox] {
            -webkit-appearance: checkbox
        }

        .calctbl .cell .quantity {
            font-weight: bold;
            display: block
        }

            .calctbl .cell .quantity label {
                font-size: 12px;
                color: #999
            }

        .calctbl .cell .total {
            color: #c10017
        }

    .calctbl > p {
        display: table-row
    }

        .calctbl > p span {
            display: table-cell;
            width: 100%;
            padding-top: 10px
        }

    .calctbl .row.cb-hc .cell:nth-child(3) {
        white-space: nowrap
    }

        .calctbl .row.cb-hc .cell:nth-child(3) span {
            margin-left: -70px
        }

    .calctbl .row.cb > .cell > input {
        margin-left: 10px
    }

        .calctbl .row.cb > .cell > input.css-radio {
            position: relative;
            width: 15px;
            height: 15px
        }

            .calctbl .row.cb > .cell > input.css-radio:before {
                content: '';
                width: 14px;
                height: 14px;
                background: #fff;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                display: block;
                margin: auto;
                border-radius: 20px;
                border: 1px solid #999
            }

            .calctbl .row.cb > .cell > input.css-radio:checked:before, .calctbl .row.cb > .cell > input.css-radio:checked:after {
                content: '';
                width: 14px;
                height: 14px;
                background: #fff;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                display: block;
                margin: auto;
                border-radius: 20px;
                border: 1px solid #fa8926
            }

            .calctbl .row.cb > .cell > input.css-radio:checked:after {
                width: 6px;
                height: 6px;
                background: #fa8926;
                top: 0;
                right: -1px
            }

.items-setup .sum label {
    display: inline-block;
    text-align: left;
    height: 40px;
    line-height: 40px;
    font-weight: 700
}

.items-setup .sum strong {
    display: inline-block;
    float: right;
    width: calc(100% - 214px);
    padding: 10px 5px;
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    color: #d0021b
}

.graytxt {
    color: #999
}

.item-color {
    color: #333
}

@media screen and (max-width: 640px) {
    #popup-materialsfee .pop {
        top: 3vh
    }

    .items-setup .items {
        max-height: initial
    }

    .factor > select {
        vertical-align: top
    }

    .wrap_wrtp .pop .hdpop.hd-meterial {
        padding-left: 10px
    }

    .items-setup {
        padding: 0;
        max-height: calc(85vh - 110px);
        margin-top: 101px
    }

    .title-meterial {
        color: #000;
        margin-bottom: 10px
    }

    .factor > label {
        width: 70%
    }

    .items-setup .sum label {
        margin-left: 10px
    }
}

@media screen and (max-width: 320px) {
    .calctbl .row.cb-hc .cell:nth-child(3) {
        left: -55px
    }

    .item-color {
        display: block
    }
}


.result-label {
    border-radius: 20px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    max-width: 100%;
    padding-right: 8px
}

    .result-label span {
        color: #fff;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-size: 10px;
        line-height: 13px;
        margin-left: 3px;
        overflow: hidden;
        padding: 4px 0 0 3px;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 2;
        text-transform: uppercase
    }

    .result-label img {
        float: left;
        max-width: 20px
    }

    .result-label.temp1 {
        background: linear-gradient(to right,#ef3006,#c60004)
    }

    .result-label.temp2 {
        background: linear-gradient(to right,#0358d6,#054bab)
    }

    .result-label.temp3 {
        background: linear-gradient(to right,#e91f63,#db2663)
    }

    .result-label.temp4 {
        background: linear-gradient(to right,#3bacf0,#1b6dc1)
    }

    .result-label.temp5 {
        background: linear-gradient(to right,#faab08,#d42611)
    }

    .result-label.temp6 {
        background: linear-gradient(to right,#af63cf,#3327a7)
    }

.item-label {
    font-size: 0;
    height: 22px;
    white-space: nowrap
}

    .item-label span {
        border-radius: 2px;
        font-size: 11px;
        line-height: 12px;
        display: inline-block;
        margin-right: 4px;
        padding: 3px
    }

.ln-banchay {
    background-color: #fbdddd;
    color: #eb5757
}

.lb-tragop {
    background-color: #f1f1f1;
    color: #333
}

.item-txt-online {
    color: #333;
    font-size: 12px;
    line-height: 16px;
    margin-top: 0 !important;
    margin-bottom: 5px
}

    .item-txt-online > i {
        width: 15px;
        height: 15px;
        background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRDA1QTlFQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRDA1QTlGQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMDVBOUNDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMDVBOURDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rTY90AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFR3BM0QAczwIc0AId0AEc0AEc0AEczwEc0AEc0AEb0AEbzwAgzwAQ0AEc0QIczwEa0QEc0QIe0AId1gAh0QEb0QIdzwAg0AIbzwAbzwUb0gAd0AIcLM/rQgAAABt0Uk5TAH+A31+/QCDv388QEK9/UG9vnx+PjzCfMDBPXpRnnQAAASVJREFUKM+Nk8uWgzAMQ0VJiAOkPPqcuf//n7OABGhZTFb4WPKRZSHtXxdCp/PXTSkCWHLhu3kxwOKCeHwAmhr8eJOkp/NQD/vuBXyzlaGFy6FbHadVu/4A7lOLg3VcqDduXW/8upck3WkLCcqn5ypJwchrPA3qLLHBekkOnwUbbcRCoY+SUtF15SW9lpmSJpIk473WM05y3PMw4kHNRBuk3z7XRi8Ri+8RbN7sjtz2bYWXkdctbSvsQQot42ZCv2IkSY9F2pxdwCSlAr8yS3NZzJEkTXtb6nZvi5PUGcXHCPYuay/Aa6EfTtKu/nRxO32MW0RiyLc5jcNwFp2zeFXQ7rLb+I/wDRG8+5GkMHmIzXFaeBhAjAZY1X/9J8GlBZHGXv98fzV0E9m7ufBbAAAAAElFTkSuQmCC') no-repeat left center;
        background-size: 15px 15px;
        margin: -2px 5px 0 0;
        display: inline-block;
        vertical-align: middle
    }


.utility {
    margin-top: 7px
}

    .utility p {
        color: #333;
        font-size: 12px;
        line-height: 19px;
        display: flex
    }

        .utility p:before {
            content: '●';
            margin-right: 4px;
            margin-bottom: 2px;
            margin-top: -1px;
            color: #333;
            font-size: 10px
        }

.item-bottom {
    font-size: 12px;
    margin-bottom: 5px
}

.item-ss {
    color: #2f80ed;
    font-size: 12px;
    line-height: 16px;
    margin-top: 7px
}

    .item-ss i {
        background: url('//cdn.tgdd.vn/mwgcart/mwg-site/ContentMwg/images/iconcompare/icon_plus.png') no-repeat center;
        background-size: 100%;
        height: 16px;
        width: 16px;
        display: inline-block;
        vertical-align: text-bottom
    }

    .item-ss.active i {
        background: url('//cdn.tgdd.vn/mwgcart/mwg-site/ContentMwg/images/iconcompare/icon_checked.png') no-repeat center;
        background-size: 100%
    }

.btn-buyslt {
    border: 1px solid #fb6e2e;
    border-radius: 3px;
    color: #fb6e2e;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    padding: 8px 5px;
    text-align: center
}

.watched .owl-carousel .owl-stage, .watched .owl-carousel .owl-stage .owl-item {
    display: flex;
    flex-wrap: wrap
}



span.rq_count.upcomming {
    display: block;
    overflow: hidden;
    text-align: center;
    color: #000;
    padding: 3px 10px;
    border-radius: 25px;
    background: #efefef;
    font-size: 12px;
    font-weight: lighter
}

span.rq_count.fscount.just-sale {
    padding: 0
}


.loading-border {
    position: relative
}

    .loading-border .bubblingG {
        height: 100%;
        top: 0;
        padding-top: 50%
    }

.prods-group ul {
    display: flex;
    margin-bottom: 5px;
    justify-content: flex-start;
    flex-wrap: wrap
}

    .prods-group ul li {
        padding: 5px 8px !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 2px;
        color: #333;
        display: inline-flex !important;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 5px;
        margin-right: 4px
    }

        .prods-group ul li.act, .prods-group ul li:hover {
            border-color: #2f80ed !important;
            color: #2f80ed !important
        }



.owl-carousel button {
    opacity: .3
}

.owl-carousel:hover button {
    opacity: 1
}

.lst-iclabel {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    display: flex;
    gap: 5px;
    height: 40px
}

    .lst-iclabel img {
        width: auto !important;
        height: 100% !important;
        margin-top: 0 !important
    }



 .item-label .ln-new {
    color: #dd2f2c;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    border-radius: 2px;
    background: #ffebee;
    padding: 2px 4px
}


 .item-txt-online {
    color: #475467
}

     .item-txt-online span {
        font-weight: 700;
        color: #fd853a !important;
        font-size: 12px !important
    }

     .item-txt-online > i {
        display: none
    }



 .utility {
    background-color: #f2f4f7;
    padding: 4px;
    border-radius: 2px
}

     .utility p {
        list-style-type: none;
        color: #667085;
        line-height: 1.4
    }

         .utility p:before {
            color: #475467;
            margin-top: 1px
        }

 .rating_Compare {
    display: flex;
    overflow: hidden;
    justify-items: center;
    margin-top: 0;
    align-items: center
}

     .rating_Compare > span {
        width: 50%;
        font-size: 12px;
        color: #667085;
        white-space: nowrap
    }

 .vote-txt .iconnewglobal-vote {
    background-image: url("https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/homev2/desk/iconnew-min.png?v=6");
    margin: -4px 0 0 0;
    background-position: -136px -20px
}

 .prt-watch .rating_Compare {
    justify-content: center
}

 .pro-compare_viewed .rating_Compare {
    display: none
}

 .rating_Compare .vote-txt {
    color: #667085;
    font-size: 12px;
    line-height: 13px;
    white-space: nowrap;
    padding-right: 3px
}



 .compare-popup .pro-compare .pro-nrview {
    display: block;
    position: unset;
    margin-top: 5px
}

 .rating_Compare .vote-txt .iconnewglobal-vote {
    margin: -4px 0 0 0;
    background-position: -136px -19px;
    width: 14px;
    height: 14px
}

 .rating_Compare .vote-txt b {
    font-weight: normal;
    margin-right: 2px;
    color: unset;
    vertical-align: unset
}



 .rating_Compare a.item-ss {
    width: 37%;
    margin-top: 1px;
    text-align: right;
    color: #2a83e9
}

     .rating_Compare a.item-ss:first-child {
        width: 100%
    }

     .rating_Compare a.item-ss:nth-child(2) {
        width: 80%
    }

 .lbliconimg_44 {
    left: 0 !important;
    bottom: 0 !important;
    right: unset !important;
    top: unset !important
}

[class^="iconmobile-"], [class*="iconmobile-"] {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/iconmobile@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 285px 140px
}

.icondetail-radcheck {
    background-position: -149px -95px;
    width: 19px !important;
    height: 18px !important
}

.icondetail-radUncheck {
    background-position: -119px -95px;
    width: 19px !important;
    height: 18px !important
}

.area_comboAcc {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    background: #fff;
    padding-bottom: 10px;
    box-shadow: none;
    margin-bottom: 10px
}

    .area_comboAcc .tltC {
        text-align: center;
        display: block;
        overflow: hidden;
        font-size: 14px;
        color: #333;
        padding: 10px 15px 8px 15px;
        text-transform: uppercase;
        background-color: #f6f6f6;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px
    }

    .area_comboAcc strong {
        text-align: center
    }

    .area_comboAcc .prm {
        padding: 0 10px;
        cursor: pointer
    }

        .area_comboAcc .prm i {
            display: inline-block;
            margin-right: 6px
        }

            .area_comboAcc .prm i.icontgdd-radcheck {
                background-size: 500px 115px;
                width: 16px;
                height: 16px;
                background-position: -400px -30px
            }

            .area_comboAcc .prm i.icontgdd-radUncheck {
                background-size: 500px 115px;
                width: 16px;
                height: 16px;
                background-position: -380px -30px
            }

            .area_comboAcc .prm i.iconmobile-radcheck {
                width: 16px;
                height: 16px;
                background-position: -140px -75px
            }

            .area_comboAcc .prm i.iconmobile-radUncheck {
                width: 16px;
                height: 16px;
                background-position: -140px -55px
            }

        .area_comboAcc .prm div {
            display: inline-block;
            vertical-align: text-top;
            line-height: 20px
        }

            .area_comboAcc .prm div > span {
                display: block
            }

            .area_comboAcc .prm div > strong {
                display: block;
                color: #d0021b;
                float: left;
                margin-right: 6px
            }

            .area_comboAcc .prm div > .line {
                color: #666;
                font-size: 12px;
                text-decoration: line-through;
                float: left
            }

            .area_comboAcc .prm div > .pc {
                color: #dd1c1a;
                font-size: 14px;
                margin-left: 6px;
                display: inline-block
            }

    .area_comboAcc .btnBuyComboAcc {
        border-top: 1px solid #ddd;
        margin-top: 10px
    }

        .area_comboAcc .btnBuyComboAcc .buy_now {
            display: block;
            overflow: hidden;
            padding: 7px 0;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            font-size: 16px;
            line-height: normal;
            text-transform: uppercase;
            color: #fff;
            text-align: center;
            background: #fd6e1d;
            background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
            background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
            background: -moz-linear-gradient(top,#f59000,#fd6e1d);
            background: -ms-linear-gradient(top,#f59000,#fd6e1d);
            background: -o-linear-gradient(top,#f59000,#fd6e1d);
            background-image: linear-gradient(-180deg,#e52025 2%,#d81116 96%);
            text-decoration: none;
            width: 95%;
            margin: 10px auto 0
        }

            .area_comboAcc .btnBuyComboAcc .buy_now b {
                font-size: 16px
            }

            .area_comboAcc .btnBuyComboAcc .buy_now span {
                display: block;
                font-size: 13px;
                color: #fff;
                text-transform: none;
                padding: 3px 0
            }

.h2game {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    font-weight: bold
}

.gamecombo {
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 0;
    padding: 10px
}

    .gamecombo ul {
        display: block;
        overflow: hidden;
        margin-top: 10px
    }

    .gamecombo li {
        float: left;
        overflow: hidden;
        width: 100%;
        margin: 2% 0
    }

        .gamecombo li a {
            overflow: hidden;
            color: #288ad6;
            text-align: left;
            margin-right: 10px
        }

            .gamecombo li a.botbtn {
                display: none
            }

        .gamecombo li div {
            color: #288ad6;
            text-align: left
        }

    .gamecombo ul.list li div {
        display: flex
    }

    .gamecombo .list li .augment {
        display: none
    }

    .gamecombo .list li .info {
        display: inline-block;
        width: 68%;
        vertical-align: top
    }

        .gamecombo .list li .info.first {
            vertical-align: top
        }

    .gamecombo li div img {
        width: auto;
        float: left;
        height: 100px;
        padding: 0 5px
    }

    .gamecombo li h3 {
        color: #333;
        font-weight: bold;
        cursor: pointer
    }

    .gamecombo li strong {
        display: inline-block;
        color: #d0021b;
        padding: 2% 0 0 0
    }

    .gamecombo li span {
        color: #666;
        margin-left: 5px
    }

        .gamecombo li span.line {
            text-decoration: line-through;
            font-size: 12px
        }

    .gamecombo li a.compdetail {
        display: block;
        padding-top: 2%
    }

    .gamecombo .bb {
        padding: 10px 0;
        border-top: solid 1px #f0f0f0
    }

        .gamecombo .bb label {
            font-size: 16px
        }

    .gamecombo .buy_now {
        display: block;
        overflow: hidden;
        padding: 7px 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 16px;
        line-height: normal;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background: #fd6e1d;
        background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
        background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
        background: -moz-linear-gradient(top,#f59000,#fd6e1d);
        background: -ms-linear-gradient(top,#f59000,#fd6e1d);
        background: -o-linear-gradient(top,#f59000,#fd6e1d)
    }

        .gamecombo .buy_now span {
            display: block;
            font-size: 13px;
            color: #fff;
            text-transform: none;
            padding-top: 3px
        }

    .gamecombo li .area_price {
        padding: 0;
        display: inline-block;
        overflow: inherit
    }

        .gamecombo li .area_price strong {
            display: inline-block;
            font-size: 20px;
            padding: 0;
            margin: 0
        }

            .gamecombo li .area_price strong.line {
                display: inline-block;
                vertical-align: middle;
                font-size: 16px;
                color: #999;
                text-decoration: line-through;
                margin: 0
            }

    .gamecombo .wrapcp {
        overflow: hidden;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 999
    }

        .gamecombo .wrapcp .wrapPop .titlebar b {
            font-size: 16px;
            padding: 10px 0 10px 15px;
            display: block;
            text-align: left;
            background-color: #fff;
            color: #000;
            margin: 0
        }

        .gamecombo .wrapcp .wrapPop .titlebar .back {
            position: absolute;
            right: 10px;
            top: 10px
        }

            .gamecombo .wrapcp .wrapPop .titlebar .back:before {
                display: none
            }

        .gamecombo .wrapcp .wrapPop {
            display: block;
            overflow: hidden;
            position: absolute;
            width: 900px;
            max-height: 445px;
            height: auto;
            margin: auto;
            background: #fff;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto
        }

    .gamecombo .comboBuy--label__scenario {
        display: block;
        margin: 5px 0 0 0;
        text-transform: uppercase;
        font-weight: 700;
        color: #fd853a
    }

    .gamecombo .wrapcp .wrapPop .ct {
        padding: 0 2%
    }

    .gamecombo .wrapcp .wrapPop .gamecombo {
        border: none;
        height: calc(100% - 50px)
    }

        .gamecombo .wrapcp .wrapPop .gamecombo .scroll {
            max-height: 100%
        }

.iconmobile-closefil {
    width: 20px;
    height: 20px;
    background-position: -205px -100px
}

.overflownew {
    overflow: hidden
}

#popup {
    position: relative;
    background-color: #fff
}

    #popup b {
        padding: 58px 10px 10px;
        display: block
    }

a.cls.back {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 999
}

#popup .content {
    position: relative;
    overflow: hidden;
    max-height: 400px
}

#popup .gamecombo {
    border: none;
    margin: 0;
    padding: 0
}

.gamecombo.gameforcamera {
    overflow: hidden
}

    .gamecombo.gameforcamera .buy_now {
        background-image: linear-gradient(-180deg,#e52025 2%,#d81116 96%)
    }

        .gamecombo.gameforcamera .buy_now > i {
            display: block;
            font-size: 12px;
            font-style: normal;
            text-transform: none;
            padding-top: 3px
        }

    .gamecombo.gameforcamera .oneproduct {
        background: #c6c6c6 !important
    }

    .gamecombo.gameforcamera li .area_price span {
        display: inline-block;
        color: #333
    }

    .gamecombo.gameforcamera li .area_price strong.line {
        font-weight: normal;
        vertical-align: baseline;
        margin-left: 5px
    }

    .gamecombo.gameforcamera li {
        position: relative
    }

        .gamecombo.gameforcamera li span.label-discount-camera {
            position: absolute;
            bottom: 0;
            left: 19px;
            font-size: 11px;
            color: #fff;
            font-weight: 600;
            border-radius: 2px;
            padding: 0 5px;
            background: #f28902
        }

        .gamecombo.gameforcamera li h3 {
            font-weight: normal
        }

    .gamecombo.gameforcamera strong.titleBundleCamera {
        border-bottom: 1px solid #ddd;
        text-align: center;
        display: block;
        padding: 10px 0;
        font-size: 16px;
        text-transform: uppercase;
        color: #f01
    }

        .gamecombo.gameforcamera strong.titleBundleCamera span {
            color: #333
        }

        .gamecombo.gameforcamera strong.titleBundleCamera .tltExt {
            color: #333;
            text-transform: initial;
            font-weight: normal;
            font-size: 13px
        }

    .gamecombo.gameforcamera .bb {
        text-align: center;
        justify-content: center
    }

.comboPopup {
    background-color: #fff;
    height: 100vh;
    left: 0;
    max-width: 640px;
    margin: 0 auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transition: .3s;
    right: -200%;
    width: 100%;
    z-index: 5
}

    .comboPopup.blockshow {
        right: 0
    }

.comboPopup__top {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 85px 15px 10px
}

.comboPopup__title {
    font-weight: bold;
    line-height: 20px
}

.comboPopup-close {
    top: 10px;
    right: 10px
}

.gamecombo .cates {
    overflow: hidden;
    margin: 0 auto 10px auto;
    width: 100%;
    display: flex;
    -ms-flex: 1 100%;
    -webkit-flex: 1 100%;
    flex: 1 100%;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0;
    border: none;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit
}

    .gamecombo .cates li {
        float: left;
        position: relative;
        width: 200px;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #ececec;
        margin: 0 5px;
        margin-bottom: 15px;
        padding-bottom: 10px;
        box-sizing: border-box
    }

        .gamecombo .cates li a {
            display: block;
            overflow: hidden;
            padding: 0 0 8px
        }

        .gamecombo .cates li .info {
            padding: 0 10px
        }

            .gamecombo .cates li .info h3 {
                font-weight: bold;
                margin-bottom: 5px
            }

        .gamecombo .cates li .iconmobile-uncheck {
            display: none
        }

        .gamecombo .cates li img {
            display: block;
            height: 100px;
            width: auto;
            margin: 10px auto 0 auto;
            float: none
        }

        .gamecombo .cates li strong {
            display: block;
            overflow: hidden;
            font-size: 16px;
            color: #c10017;
            padding: 0
        }

        .gamecombo .cates li span {
            display: inline-block;
            overflow: hidden;
            font-size: 12px;
            color: #666;
            margin: 0
        }

            .gamecombo .cates li span.line {
                text-decoration: line-through
            }

        .gamecombo .cates li .info i {
            display: inline-block;
            overflow: hidden;
            font-size: 12px;
            color: #666;
            margin: 0;
            font-style: normal
        }

        .gamecombo .cates li .botbtn {
            width: 80px;
            display: block;
            color: #f89406;
            border: 1px solid #f89406;
            padding: 5px;
            text-align: center;
            margin: 5px auto 0;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 12px
        }

        .gamecombo .cates li .disable {
            border: 1px solid #666;
            color: #666
        }

        .gamecombo .cates li .compdetail {
            display: none
        }

        .gamecombo .cates li span.label-discount-camera {
            display: none
        }

.sggCb {
    display: inline-block;
    width: 300px;
    position: absolute;
    top: 10px;
    right: 50px;
    z-index: 9
}

    .sggCb form {
        display: block;
        height: 36px;
        position: relative;
        border: 1px solid #e4e4e4;
        border-radius: 4px
    }

    .sggCb input {
        display: block;
        text-indent: 10px;
        width: 100%;
        border: 0;
        border-radius: 4px;
        padding: 8px 0
    }

    .sggCb button {
        position: absolute;
        top: 0;
        right: 2px;
        width: 36px;
        height: 32px;
        border: 0;
        background: #fff
    }

.cbEmpty {
    width: 200px;
    text-align: center;
    margin: 40px auto;
    display: block
}

.checkBox {
    line-height: 20px;
    position: relative;
    padding-left: 22px
}

    .checkBox.selected i::before, .checkBox.selected i::after {
        background-color: #2f80ed;
        border-radius: 30px;
        bottom: 1px;
        content: '';
        position: absolute;
        width: 2px
    }

    .checkBox.selected i::before {
        height: 7px;
        left: 3px;
        transform: rotate(-35deg)
    }

    .checkBox.selected i::after {
        height: 12px;
        left: 8px;
        transform: rotate(38deg)
    }

    .checkBox i {
        border: 1px solid #666;
        border-radius: 3px;
        display: inline-block;
        left: 0;
        height: 16px;
        position: absolute;
        top: 2px;
        width: 16px
    }

@media screen and (max-width: 640px) {
    #popup {
        width: 460px !important
    }
}

@media screen and (max-width: 414px) {
    #popup {
        width: 394px !important
    }
}

@media screen and (max-width: 384px) {
    #popup {
        width: 364px !important
    }
}

@media screen and (max-width: 375px) {
    #popup {
        width: 355px !important
    }
}

@media screen and (max-width: 360px) {
    #popup {
        width: 340px !important
    }
}

@media screen and (max-width: 320px) {
    #popup {
        width: 300px !important
    }
}

.kmml21 {
    overflow: hidden;
    margin-bottom: 10px;
    display: flex
}

    .kmml21 a {
        color: #2f80ed
    }

    .kmml21 .kmbox {
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        padding: 0 10px 6px 10px;
        position: relative
    }

        .kmml21 .kmbox:first-child {
            float: left;
            width: 59%
        }

        .kmml21 .kmbox:last-child {
            float: right;
            width: 38%;
            margin-left: 10px
        }

        .kmml21 .kmbox.active {
            background: rgba(251,110,46,.05)
        }

        .kmml21 .kmbox > b {
            color: #fff;
            display: block;
            width: calc(100% + 20px);
            margin-left: -10px;
            padding: 0 10px;
            margin-bottom: 10px;
            height: 35px;
            line-height: 37px;
            font-size: 16px;
            font-weight: bold
        }

        .kmml21 .kmbox.kb1 > b {
            padding-left: 30px;
            background: #d0021c url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGsSURBVHgBpZXBTcMwGIWfkyBx5ERB4tBuwAjpBLABZQImoHXpALBBWaETNBvQDdobUhGipx4Q9Y+dtEnj2o6TPClR8jt5sd8X20AD0Sfv0vplSkt+obcFaKIoeJXnAc7QbW1IX5MRCPfyWLEbvmhlSGs+ABFPbxgS0zPehio3sHSo+4KYNTZMzcJgLodZQNi26WEGoVsUWMJ6fNPIMIdwLEEz2/NOwxKEY/2JxPYOs5qp3KLgo5Rb2iB/l86whzo9NEIoupDAIfOQw3AKnM6C7GvCmp/RMIUAiq1vbN09LGVI35Mn7OgNbq2sLYRFbmiFUEdEY5abKQi23Lwkf/bL536WoQuCV89kDLvdo7oMKiFUawMh+uyar9RNJI9buIJGmqk9V4HxwUyJoUK0nsytI1AQOiN+XHIa7mEtza0ZBL0awaUQsflLMiKRQdBVsXyFD4ZiCYK3If2oLdKQnQbB2xC/YXz6FQnhauicmvYMGd1phUSugxwVckGJ8ysHBF22BTZGMRWdELwMEbJiU6qA4GcIluXnAeHkTb1QzA7zTKjfw3OoDfz9sBzV1T+hSLF8CCX6FgAAAABJRU5ErkJggg==) no-repeat 10px center;
            background-size: 10px 16px
        }

        .kmml21 .kmbox.kb2 > b {
            background-color: #2f80ed
        }

        .kmml21 .kmbox.kb1.active {
            border: 1px solid #d0021c
        }

        .kmml21 .kmbox.kb2.active {
            border: 1px solid #2f80ed
        }

        .kmml21 .kmbox.active:before {
            content: '';
            width: 0;
            height: 0;
            border-top: 30px solid #fb6e2e;
            border-left: 30px solid transparent;
            position: absolute;
            right: -1px;
            top: -1px
        }

        .kmml21 .kmbox.active:after {
            content: '';
            width: 4px;
            height: 8px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            background: none;
            margin: -2px 0 0 2px;
            border-radius: 0;
            position: absolute;
            right: 5px;
            top: 3px
        }

        .kmml21 .kmbox strong {
            display: block;
            cursor: pointer;
            font-size: 20px;
            color: #d0021b;
            margin-bottom: 5px
        }

        .kmml21 .kmbox p {
            margin-top: 10px;
            position: relative;
            line-height: 1.4;
            padding-left: 20px
        }

            .kmml21 .kmbox p i {
                position: absolute;
                left: 0;
                top: 3px
            }

        .kmml21 .kmbox span {
            display: block;
            position: relative;
            margin-top: 10px;
            line-height: 1.4;
            padding-left: 12px
        }

            .kmml21 .kmbox span:before {
                content: '';
                position: absolute;
                left: 0;
                top: 6px;
                background-color: #999;
                width: 6px;
                height: 6px;
                border-radius: 50%
            }

        .kmml21 .kmbox del {
            margin-right: 5px;
            color: #666;
            font-weight: normal
        }

        .kmml21 .kmbox label {
            background: none;
            color: initial;
            font-size: 13px;
            font-weight: normal;
            vertical-align: initial;
            padding: 0
        }

        .kmml21 .kmbox div p {
            margin-top: 5px;
            line-height: 1.4
        }

@media screen and (max-width: 640px) {
    .kmml21 {
        padding: 0 5px 0 10px
    }

        .kmml21 .kmbox:last-child {
            margin-left: 2%;
            min-width: 148px
        }
}

@media screen and (max-width: 360px) {
    .kmml21 .kmbox {
        padding-left: 5px;
        padding-right: 5px
    }

        .kmml21 .kmbox span {
            padding-left: 12px
        }

        .kmml21 .kmbox strong {
            font-size: 18px;
            margin-bottom: 3px
        }

        .kmml21 .kmbox del {
            font-size: 12px
        }

        .kmml21 .kmbox label {
            font-size: 11px
        }

        .kmml21 .kmbox > b {
            width: calc(100% + 10px);
            margin-left: -5px
        }
}

[class^="icondetail-"], [class*="icondetail-"] {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/TGDD/Mobile/icon_chitiet_update@2x-min.png?v=6);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 300px 180px
}


.icondetail-star {
    background-position: -140px -40px;
    height: 11px;
    width: 12px
}

.icondetail-haft-star {
    background-position: -140px -55px;
    height: 11px;
    width: 12px
}

.icondetail-star-dark {
    background-position: -155px -40px;
    height: 11px;
    width: 12px
}

.icondetail-sosanh {
    background-position: -259px -19px;
    height: 15px;
    width: 15px
}

.icondetail-address {
    background-position: -190px 0;
    height: 16px;
    width: 16px
}

.icondetail-store {
    background-position: -170px 0;
    height: 15px;
    width: 15px
}

.icondetail-tick {
    background-position: -275px -20px;
    height: 14p6;
    min-width: 14px;
    width: 14px
}

.icondetail-question {
    background-position: -169px -39px;
    height: 14px;
    width: 14px
}

.icondetail-caidat {
    background-position: -35px -35px;
    height: 32px;
    width: 32px
}

.icondetail-doimoi {
    background-position: 0 -35px;
    height: 32px;
    width: 32px
}

.icondetail-baohanh {
    background-position: -105px -35px;
    height: 32px;
    width: 32px
}

.icondetail-sachhd {
    background-position: -70px -35px;
    height: 32px;
    width: 32px
}

.icondetail-document {
    background-position: -210px 0;
    height: 16px;
    width: 16px
}

.icondetail-ratestar {
    background-position: -230px 0;
    height: 15px;
    width: 16px
}

.icondetail-haftstar {
    background-position: -249px 0;
    height: 17px;
    width: 18px
}

.icondetail-darkstar {
    background-position: -269px 0;
    height: 17px;
    width: 18px
}

.icondetail-blackstar {
    background-position: -290px 0;
    height: 8px;
    width: 8px
}

.icondetail-tickbuy {
    background-position: -170px -20px;
    height: 13px;
    width: 13px
}

.icondetail-heart {
    background-position: -190px -40px;
    height: 12px;
    width: 12px
}

.icondetail-like {
    background-position: -185px -20px;
    height: 16px;
    width: 16px
}

.icondetail-comment {
    background-position: -205px -20px;
    height: 16px;
    width: 16px
}

.icondetail-logoblue {
    background-position: -225px -20px;
    height: 15px;
    width: 15px
}

.icondetail-play {
    background-position: -209px -39px;
    height: 11px;
    width: 10px
}

.icondetail-videoop {
    background-position: -225px -40px;
    height: 31px;
    width: 43px
}

.icondetail-addss-detail {
    background-position: 0 -70px;
    height: 44px;
    width: 44px
}

.icondetail-xbtn {
    background-position: -270px -40px;
    height: 12px;
    width: 12px
}

.icondetail-closess {
    background-position: -150px -25px;
    height: 10px;
    width: 10px
}

.icondetail-book {
    background-position: -50px -70px;
    height: 18px;
    width: 19px
}

.icondetail-complete {
    background-position: -75px -70px;
    height: 36px;
    width: 36px
}

.icondetail-dots {
    background-position: -275px -60px;
    height: 3px;
    width: 16px
}

.icondetail-close-history {
    background-position: -120px -70px;
    height: 16px;
    width: 16px
}

.icondetail-search {
    background-position: -160px -70px;
    height: 14px;
    width: 14px
}

.icondetail-sltstar {
    background-position: -185px -75px;
    height: 28px;
    width: 29px
}

    .icondetail-sltstar.active {
        background-position: -225px -75px;
        height: 28px;
        width: 29px
    }

.icondetail-camera {
    background-position: -265px -75px;
    height: 16px;
    width: 20px
}

.icondetail-box {
    background-position: -45px -89px;
    height: 30px;
    width: 30px
}

.icondetail-graycamera {
    background-position: -254px -131px;
    height: 30px;
    width: 30px
}

.icondetail-bigstar {
    width: 12px;
    height: 12px;
    background-position: -85px -110px
}

.icondetail-spec {
    width: 16px;
    height: 16px;
    background-position: -181px -166px
}

 .icondetail-sosanh {
    background-position: -221px -165px;
    width: 16px;
    height: 16px
}

.icondetail-shipgray {
    width: 16px;
    height: 16px;
    background-position: -278px -97px
}

.icondetail-shipgreen {
    width: 16px;
    height: 16px;
    background-position: -259px -97px
}

.icondetail-addtocart {
    width: 18px;
    height: 16px;
    background-position: -200px -164px
}

.icondetail-hotline {
    width: 15px;
    height: 15px;
    background-position: -280px -116px
}

.icondetail-instc {
    width: 22px;
    height: 20px;
    background-position: -226px -141px
}

.icondetail-insnl {
    width: 22px;
    height: 17px;
    background-position: -200px -144px
}

.icondetail-giaohang {
    background-position: -80px -120px;
    height: 32px;
    width: 32px
}

img.lazyload {
    opacity: 0
}

[class^="iconcate-"], [class*="iconcate-"] {
    background-image: url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon_commonDMX@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 300px 260px
}

.tooltip-inner p {
    height: 40px
}

.mg-bot10 {
    margin-bottom: 10px
}

.breadcrumb {
    display: block;
    overflow: hidden;
    margin: 0;
    background: #fff;
    line-height: 32px;
    margin-bottom: 10px
}

    .breadcrumb span {
        display: inline-block;
        font-size: 20px;
        color: #999;
        padding: 2px 5px 0 0;
        line-height: 1
    }

    .breadcrumb.heighter {
        margin-top: 0;
        padding: 10px 0
    }

    .breadcrumb li {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        padding-right: 0;
        line-height: unset
    }

        .breadcrumb li:last-child::before {
            display: none
        }

        .breadcrumb li a {
            display: inline-block;
            white-space: nowrap;
            font-size: 14px;
            color: #288ad6;
            padding: 0 10px 0 0
        }

        .breadcrumb li::before {
            content: none !important
        }

.border7 {
    background-color: #f1f1f1;
    height: 7px;
    display: none
}

.border20 {
    background-color: #f2f4f7;
    display: none;
    position: relative;
    height: 40px
}

    .border20.show {
        display: block !important
    }

    .border20::before {
        position: absolute;
        content: "";
        width: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        height: 10px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

    .border20::after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0;
        left: 0;
        background-color: #fff;
        height: 10px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
    }

.border8 {
    background-color: #f1f1f1;
    height: 1px;
    position: relative;
    margin: 20px 0 15px 0
}

    .border8 span {
        position: absolute;
        left: 0;
        right: 0;
        top: -10px;
        width: 160px;
        text-align: center;
        margin: auto;
        background-color: #fff
    }



.block-button {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden
}

.button-disabled {
    pointer-events: none
}

    .button-disabled a {
        background-color: #808080
    }

a.button-disabled {
    display: none
}

.btn-buynow {
    background-color: #fb6e2e;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 14px 10px;
    text-align: center
}

    .btn-buynow.red {
        background-color: #d0021c;
        font-weight: bold;
        padding: 6px 10px
    }

    .btn-buynow span {
        display: block;
        font-size: 12px;
        font-weight: normal
    }

.btn-ins {
    background-color: #2f80ed;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    padding: 7px 0;
    text-align: center
}

    .btn-ins span {
        display: block;
        font-size: 12px;
        line-height: 14px;
        margin-top: 2px
    }

.btn-buynowfull {
    background-color: #fb6e2e;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 16px;
    padding: 7px 5px;
    text-align: center;
    margin-bottom: 10px
}

    .btn-buynowfull span {
        display: block;
        font-size: 12px;
        line-height: 14px;
        margin-top: 2px
    }

.block-button .btn-buynow {
    margin-bottom: 8px;
    display: block;
    padding-left: 0;
    padding-right: 0
}

    .block-button .btn-buynow.one {
        height: 46px;
        line-height: 35px
    }

    .block-button .btn-buynow.twoprice {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 48px
    }

.block-button .btn-ins {
    width: 49%
}

    .block-button .btn-ins.full {
        width: 100%;
        margin-right: 0;
        display: block
    }

.block-button .btn-left {
    float: left
}

.block-button .btn-right {
    float: right
}

.owl-carousel {
    display: block
}

.owl-detail .slider-item {
    display: none
}

    .owl-detail .slider-item img {
        max-width: 100%
    }

    .owl-detail .slider-item:first-child {
        display: block
    }

.label {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    margin-right: 10px;
    padding: 3px 8px;
    vertical-align: top
}

.label-red {
    color: #d0021c
}

.label--orange {
    background-color: #fff3ec;
    color: #fb6e2e
}

.label--red {
    background-color: #ffeded;
    color: #eb5757
}

.label--black {
    background-color: #f1f1f1;
    color: #333
}

.box01 {
    margin-bottom: 15px
}

    .box01 .show-tab {
        display: none;
        position: relative;
        text-align: center
    }

        .box01 .show-tab #loader {
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0
        }

    .box01 .show-tab--images .detail-slider {
        padding: 0 30px
    }

    .box01 .show-tab.active {
        display: block
    }

.counter {
    line-height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.scrolling_inner {
    position: relative
}

    .scrolling_inner::-webkit-scrollbar {
        height: 2px
    }

    .scrolling_inner > span {
        display: block;
        margin-bottom: 10px
    }

    .scrolling_inner.scroll-left::before {
        background: linear-gradient(to left,rgba(255 255 255/0),rgba(255 255 255/1));
        content: "";
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 40px;
        z-index: 1
    }

    .scrolling_inner.scroll-right::after {
        background: linear-gradient(to right,rgba(255 255 255/0),rgba(255 255 255/1));
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px
    }

.review-video {
    background-color: #f1f1f1;
    color: #2f80ed;
    font-size: 12px;
    line-height: 16px;
    margin-top: -4px;
    padding: 8px 5px
}

    .review-video i {
        margin-right: 5px
    }

.content-t .iconvideo {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.icondetail-book {
    background-position: -50px -70px;
    height: 18px;
    width: 19px
}

.box-reserve {
    background: linear-gradient(to right,rgba(52 126 255/1),rgba(34 71 202/1));
    margin-bottom: 10px;
    padding: 10px
}

.box-reserve__main p {
    color: #fff;
    line-height: 20px
}

    .box-reserve__main p span {
        font-weight: bold;
        font-size: 18px;
        line-height: 25px
    }

.box-reserve i {
    float: left
}

.box-reserve__main {
    padding-left: 35px
}

.box02 {
    font-size: 0;
    padding: 0 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-height: 16px;
    min-width: 100px
}

.detail-rate {
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    margin-bottom: 1px
}

    .detail-rate i {
        margin-right: 2px
    }

    .detail-rate p {
        display: inline-block;
        vertical-align: bottom
    }

.detail-rate-total {
    color: #2f80ed;
    font-size: 13px;
    line-height: 17px;
    margin: 0 0 0 3px
}

.box02__left {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

    .box02__left .label {
        margin-top: 1px
    }

.box02__right {
    color: #2f80ed;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    top: -1px
}

    .box02__right .icondetail-sosanh {
        margin-top: -2px
    }

    .box02__right.active .icondetail-sosanh {
        background: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/iconcompare/icon_checked.png") no-repeat center;
        background-size: 100%;
        height: 16px;
        width: 16px
    }

.box03::-webkit-scrollbar {
    display: none
}

.box03 {
    margin-bottom: 10px
}

.box03--nopadd {
    padding: 0;
    white-space: nowrap;
    overflow-x: scroll;
    cursor: pointer
}

.box03__item {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: 13px;
    min-width: 67px;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 2px;
    vertical-align: top;
    height: 36px;
    line-height: 36px;
    position: relative
}

    .box03__item.addradius {
        border-radius: 20px
    }

        .box03__item.addradius:hover {
            border: 1px solid #2f80ed;
            color: #2f80ed
        }

        .box03__item.addradius img {
            max-height: 20px;
            display: block;
            margin-top: 8px
        }

    .box03__item.act {
        border-color: #2f80ed;
        color: #2f80ed
    }

.box03.size .box03__item {
    min-width: 36px;
    padding-left: 5px;
    padding-right: 5px
}

.owl-item .box03__item {
    display: block;
    margin-right: 5px
}

.box04 {
    margin-top: 10px
}

.box04__txt {
    line-height: 16px;
    margin-bottom: 10px
}

    .box04__txt a {
        color: #2f80ed;
        position: relative;
        padding-right: 20px
    }

        .box04__txt a::before {
            border-bottom: 1px solid #2f80ed;
            border-right: 1px solid #2f80ed;
            content: "";
            height: 7px;
            position: absolute;
            transform: rotate(45deg);
            top: 2px;
            right: 5px;
            width: 7px
        }

.banner-detail {
    display: flex;
    margin: 10px 0 10px 0
}

    .banner-detail img {
        max-width: 100%;
        height: auto
    }

    .banner-detail a {
        cursor: default
    }

.hssv-container {
    position: relative
}

.hssv-banner {
    display: block;
    margin-bottom: 10px
}

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

.hssv-buy-button {
    position: absolute;
    width: 114px;
    height: 28px;
    bottom: 10px;
    left: 83px
}

.box-price-present, .box-price-old, .box-price-percent {
    display: inline-block;
    vertical-align: top
}

.box-price-present {
    color: #d0021c;
    font-size: 20px;
    font-weight: bold
}

    .box-price-present.black {
        color: #333;
        font-weight: normal;
        font-size: 17px
    }

.box-price-old {
    color: #666;
    font-size: 16px;
    text-decoration-line: line-through
}

.box-price-percent {
    color: #d0021c;
    font-size: 16px
}

.box-price-online {
    font-size: 12px
}

    .box-price-online:before {
        content: "";
        width: 15px;
        height: 15px;
        background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwRDA1QTlFQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwRDA1QTlGQzc2NTExRUI5RUFEQUQ5QzM0RTRFREY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDBEMDVBOUNDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDBEMDVBOURDNzY1MTFFQjlFQURBRDlDMzRFNEVERjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rTY90AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFRQTFRFR3BM0QAczwIc0AId0AEc0AEc0AEczwEc0AEc0AEb0AEbzwAgzwAQ0AEc0QIczwEa0QEc0QIe0AId1gAh0QEb0QIdzwAg0AIbzwAbzwUb0gAd0AIcLM/rQgAAABt0Uk5TAH+A31+/QCDv388QEK9/UG9vnx+PjzCfMDBPXpRnnQAAASVJREFUKM+Nk8uWgzAMQ0VJiAOkPPqcuf//n7OABGhZTFb4WPKRZSHtXxdCp/PXTSkCWHLhu3kxwOKCeHwAmhr8eJOkp/NQD/vuBXyzlaGFy6FbHadVu/4A7lOLg3VcqDduXW/8upck3WkLCcqn5ypJwchrPA3qLLHBekkOnwUbbcRCoY+SUtF15SW9lpmSJpIk473WM05y3PMw4kHNRBuk3z7XRi8Ri+8RbN7sjtz2bYWXkdctbSvsQQot42ZCv2IkSY9F2pxdwCSlAr8yS3NZzJEkTXtb6nZvi5PUGcXHCPYuay/Aa6EfTtKu/nRxO32MW0RiyLc5jcNwFp2zeFXQ7rLb+I/wDRG8+5GkMHmIzXFaeBhAjAZY1X/9J8GlBZHGXv98fzV0E9m7ufBbAAAAAElFTkSuQmCC) no-repeat left center;
        background-size: 100% auto;
        margin: 1px 5px 0 0;
        display: inline-block;
        vertical-align: top
    }

.price-two.fight .box-price-online:before {
    display: none
}

.block-button .btn-buynow.fight.disabled, .block-button .btn-ins.fight.disabled {
    background-color: #f1f1f1;
    color: #999
}

.box04__main .pr-item i {
    display: inline-block;
    margin-right: -4px;
    font-style: normal
}

.pr-item .divb-right i {
    padding-left: 3px
}

.box04__main .block {
    padding: 10px
}

.price-one {
    margin-bottom: 10px
}

.price-two {
    display: flex;
    margin-top: 10px
}

    .price-two .box-price {
        padding: 12px 10px;
        text-align: center;
        width: 50%;
        border-top: 4px solid transparent;
        cursor: pointer
    }

    .price-two.fight .box-price {
        border-top: 8px solid #fff
    }

    .price-two .box-price:nth-child(2) {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .price-two.fight .box-price:nth-child(2) {
        padding-top: 12px
    }

    .price-two .box-price.large {
        padding: 22px 10px
    }

    .price-two .box-price-present {
        color: #333;
        font-size: 16px;
        display: block
    }

    .price-two .box-price-old {
        font-size: 12px
    }

    .price-two .box-price-percent {
        color: #333;
        font-size: 12px
    }

.box-price.gray {
    background-color: #f1f1f1;
    border-bottom: 1px solid #d0021c
}

.box-price.red {
    align-items: center;
    background-color: #f1f1f1;
    border-bottom: 1px solid #4a90e2;
    justify-content: center;
    padding-top: 3px;
    padding-bottom: 3px
}

.box-price.purple {
    align-items: center;
    background-color: #f1f1f1;
    justify-content: center;
    padding-top: 3px;
    padding-bottom: 3px
}

.box-price.gray.active {
    border-top: 4px solid #4a90e2;
    border-left: 1px solid #4a90e2;
    border-right: 1px solid #4a90e2;
    border-bottom: none;
    background-color: #fff
}

    .box-price.gray.active .box-price-present, .box-price.red.active .box-price-present, .box-price.green.active .box-price-present, .box-price.purple.active .box-price-present {
        color: #d0021c
    }

    .box-price.gray.active .box-price-percent, .box-price.red.active .box-price-percent, .box-price.green.active .box-price-percent, .box-price.purple.active .box-price-percent {
        color: #d0021c
    }

    .box-price.gray.active .box-price-old {
        color: #333
    }

.price-two.fight .box-price.green {
    border-bottom: 1px solid #4a90e2;
    background-color: #f1f1f1;
    border-radius: 8px 8px 0 0
}

.price-two.fight .box-price.gray {
    border-bottom: 1px solid #10984b;
    border-radius: 8px 8px 0 0
}

    .price-two.fight .box-price.gray.active {
        border-top: 8px solid #4a90e2;
        border-bottom: 0
    }

.price-two.fight .box-price-present span {
    color: #333;
    font-size: 12px;
    font-weight: normal
}

.box-price.red.active {
    border-top: 4px solid #d0021c;
    border-left: 1px solid #d0021c;
    border-right: 1px solid #d0021c;
    border-bottom: none;
    background-color: #fff
}

.box-price.green.active {
    border-top: 8px solid #10984b;
    border-left: 1px solid #10984b;
    border-right: 1px solid #10984b;
    border-bottom: none !important;
    background-color: #fff !important
}

.box-price .lb-b2p1 {
    margin: 0 auto 0 10px;
    font-weight: normal;
    background-color: #fec200;
    padding: 2px 4px;
    color: #222
}

.price-two.v2 .box-price.red {
    width: 100%;
    border-radius: 8px 8px 0 0;
    text-align: left;
    cursor: default
}

.price-two.v2 .box-price.gray {
    display: none
}

.price-two.v2 .box-price-online {
    padding: 5px 0;
    font-weight: bold;
    font-size: 14px
}

.price-two.v2 .box-price-old, .price-two.v2 .box-price-percent {
    font-size: 14px
}

.price-two.v2 .box-price-present {
    display: inline-block;
    font-size: 20px
}

.buyol {
    background-color: rgba(208 2 28/.05);
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 10px 10px 5px
}

.buyol__ttl {
    margin: 5px 0
}

.buyol__list li {
    list-style: none;
    line-height: 20px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px
}

    .buyol__list li.w0 {
        display: none
    }

    .buyol__list li::before {
        background-color: #999;
        border-radius: 50%;
        content: "";
        height: 6px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 6px
    }

    .buyol__list li a {
        color: #4a90e2
    }

.buyol__price .t01 {
    color: #d0021c;
    font-weight: bold
}

.buyol__price .t02 {
    text-decoration-line: line-through
}

.block-price2 {
    display: none;
    padding-top: 10px
}

    .block-price2.active {
        display: block
    }

    .block-price2.blue.active {
        border: 1px solid #4a90e2;
        border-top: none
    }

    .block-price2.red.active {
        border: 1px solid #d0021c;
        border-top: none
    }

    .block-price2.green.active {
        border: 1px solid #10984b;
        border-top: none
    }

    .block-price2 .border7:last-child {
        display: none
    }

.fstore {
    margin-bottom: 10px;
    height: 26px;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1
}

    .fstore span {
        display: block;
        margin-bottom: 7px;
        position: relative
    }

        .fstore span b {
            color: #e83a45;
            font-size: 15px
        }

            .fstore span b.green {
                color: #10984b;
                font-size: 12px;
                font-weight: normal
            }

            .fstore span b.orange {
                color: #ffa500;
                font-size: 12px;
                font-weight: normal
            }

        .fstore span em {
            color: #288ad6;
            position: absolute;
            top: 1px;
            right: 0;
            font-size: 13px;
            font-style: normal;
            cursor: pointer;
            text-align: right;
            padding-right: 15px
        }

            .fstore span em:before {
                border-bottom: 1px solid #288ad6;
                border-right: 1px solid #288ad6;
                content: "";
                height: 5px;
                position: absolute;
                transform: rotate(45deg);
                top: 4px;
                right: 2px;
                width: 5px
            }

    .fstore div {
        text-align: center
    }

        .fstore div.scroll {
            max-height: 450px
        }

        .fstore div span {
            text-align: left;
            position: relative;
            padding-left: 22px;
            cursor: pointer;
            font-size: 13px
        }

            .fstore div span:first-child {
                padding-left: 0;
                padding-top: 7px;
                border-top: 1px solid #f1f1f1
            }

            .fstore div span i {
                position: absolute;
                left: 0;
                top: 1px;
                border: 1px solid #ccc;
                padding: 3px;
                border-radius: 50%;
                width: 16px;
                height: 16px
            }

            .fstore div span.active i {
                border-color: #ff6117
            }

                .fstore div span.active i:before {
                    content: "";
                    background-color: #ff6117;
                    border-radius: 50%;
                    display: block;
                    height: 100%
                }

            .fstore div span a {
                color: #333;
                pointer-events: none;
                padding-right: 0
            }

                .fstore div span a:before {
                    display: none
                }

    .fstore.v2 div span {
        pointer-events: none;
        padding-left: 12px
    }

        .fstore.v2 div span i {
            width: 6px;
            height: 6px;
            background-color: #ccc;
            border: none;
            top: 5px
        }

    .fstore div a {
        position: relative;
        padding-right: 15px
    }

        .fstore div a:before {
            border-bottom: 1px solid #288ad6;
            border-right: 1px solid #288ad6;
            content: "";
            height: 6px;
            position: absolute;
            transform: rotate(45deg);
            top: 3px;
            right: 0;
            width: 6px
        }

    .fstore.expand {
        height: auto;
        border-bottom: none;
        padding-bottom: 0
    }

        .fstore.expand span em {
            display: none
        }

.block__promo {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 10px
}

.pr-top {
    background-color: #f6f6f6;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 10px
}

.pr-txtb {
    font-weight: bold
}

.pr-top .pr-txt {
    color: #666;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 5px;
    font-style: normal
}

.pr-item .pr-txt {
    font-style: normal
}

.pr-content .pr-item {
    padding: 15px 10px 10px 10px
}

    .pr-content .pr-item.img {
        border-top: 1px dashed #e0e0e0;
        padding-top: 10px;
        border-bottom: none
    }

    .pr-content .pr-item:last-child {
        border: none
    }

    .pr-content .pr-item p {
        line-height: 1.5
    }

.divb {
    margin-bottom: 10px
}

    .divb:last-child {
        margin-bottom: 0
    }

    .divb .nb {
        background-color: #4a90e2;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 11px;
        float: left;
        height: 16px;
        line-height: 16px;
        margin-top: 2px;
        text-align: center;
        width: 16px
    }

.divb-right {
    padding-left: 26px
}

    .divb-right p {
        line-height: 20px
    }

        .divb-right p span {
            font-size: 13px;
            color: #999
        }

    .divb-right a {
        color: #4a90e2
    }

    .divb-right .red, .divb-right i {
        color: #d0021b;
        font-style: normal
    }

.pr-item.text {
    padding-top: 8px;
    margin-top: 5px;
    border-top: 1px dashed #e0e0e0 !important
}

.pr-item .note {
    color: #bf081f
}

.divb-right .rd-more {
    color: #4a90e2;
    font-size: 13px;
    display: inline-block;
    margin-top: 5px;
    position: relative
}

    .divb-right .rd-more::before {
        border-bottom: 1px solid #4a90e2;
        border-right: 1px solid #4a90e2;
        content: "";
        height: 4px;
        position: absolute;
        top: 5px;
        transform: rotate(45deg);
        right: -11px;
        width: 4px
    }

.divb .circle {
    margin-top: 5px;
    padding-left: 13px;
    position: relative
}

    .divb .circle::before {
        background-color: #bebebe;
        border-radius: 50%;
        content: "";
        height: 5px;
        left: 0;
        position: absolute;
        top: 7px;
        width: 5px
    }

.pr-item .gift {
    margin-top: 5px;
    white-space: nowrap
}

    .pr-item .gift .title-lh {
        color: #333;
        display: inline-block;
        font-size: 12px;
        line-height: 17px;
        overflow: hidden;
        vertical-align: middle;
        width: calc(100% - 43px);
        margin-left: 3px
    }

        .pr-item .gift .title-lh p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal
        }

    .pr-item .gift div.item {
        border: 1px solid #e0e0e0;
        border-radius: 2px;
        font-size: 0;
        width: 138px;
        padding: 3px;
        display: inline-block;
        vertical-align: top
    }

        .pr-item .gift div.item figure {
            width: 40px;
            height: 40px;
            position: relative;
            display: inline-block;
            vertical-align: middle
        }

            .pr-item .gift div.item figure img {
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

    .pr-item .gift .owl-nav button span::before {
        border-top: 1px solid #666;
        border-right: 1px solid #666;
        height: 10px;
        width: 10px;
        right: 3px;
        top: 8px
    }

    .pr-item .gift .owl-nav button.owl-prev span::before {
        left: 3px;
        right: unset
    }

    .pr-item .gift .owl-nav button {
        height: 30px;
        width: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

    .pr-item .gift .owl-item div.item {
        display: block;
        width: auto;
        margin-right: 5px
    }

.check-product {
    font-weight: bold;
    margin-top: 15px
}

.check-product--conhang {
    color: #219653
}

.check-product--chuyenve {
    color: #f2994a
}

.check-product .banonline {
    border-left: 1px solid #e0e0e0;
    color: #f2994a;
    margin-left: 3px;
    padding-left: 5px
}

.check-product--khongkd {
    color: #d0011b
}

.giamsoc-ol {
    margin-bottom: 10px;
    text-align: center
}

.giamsoc-ol__top {
    background: linear-gradient(to right,rgba(215 98 54/1),rgba(176 38 41/1));
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 5px
}

    .giamsoc-ol__top span {
        color: #f4e853
    }

.giamsoc-ol__bottom {
    background-color: #f1f1f1;
    border-radius: 0 0 4px 4px;
    padding: 8px 5px
}

.giamsoc-ol-price, .giamsoc-ol-time {
    display: inline-block;
    vertical-align: middle
}

.giamsoc-ol-price {
    color: #d0021c;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px
}

.giamsoc-ol .clock {
    display: inline-block;
    vertical-align: middle;
    min-width: 100px;
    margin-left: 5px
}

.online-ontop {
    background: linear-gradient(102.13deg,#fe8c00 12.43%,#ff5a2c 55.45%,#f83600 93.37%);
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 12px 10px 12px;
    margin-bottom: 10px;
    border-radius: 8px;
    z-index: 1
}

    .online-ontop:before {
        content: "";
        background: transparent url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/bg-online-ontop-dt-min.png) no-repeat center top;
        background-size: 100% 100%;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .online-ontop .oo-left {
        width: 50%;
        position: relative;
        z-index: 2
    }

        .online-ontop .oo-left * {
            color: #fff
        }

        .online-ontop .oo-left em {
            margin-bottom: 5px;
            display: block
        }

            .online-ontop .oo-left em b {
                color: #fce300;
                font-size: 15px
            }

        .online-ontop .oo-left strong {
            font-size: 24px
        }

    .online-ontop .oo-right {
        width: 50%;
        position: relative;
        z-index: 2;
        text-align: right
    }

        .online-ontop .oo-right span {
            color: #fff;
            margin-bottom: 5px;
            display: block
        }

        .online-ontop .oo-right .clockv2 {
            height: 24px
        }

            .online-ontop .oo-right .clockv2 * {
                display: inline-block;
                vertical-align: middle
            }

            .online-ontop .oo-right .clockv2 b {
                width: 30px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                color: #fa410d;
                background-color: #fff;
                border-radius: 4px;
                font-size: 15px
            }

            .online-ontop .oo-right .clockv2 i {
                padding: 0 2px;
                color: #fff;
                font-style: normal
            }

.deliver {
    margin-top: 10px
}

    .deliver p {
        line-height: 17px;
        padding-left: 20px
    }

    .deliver a {
        color: #2f80ed;
        text-decoration: underline
    }

        .deliver a.underline {
            text-decoration: none
        }

    .deliver i {
        float: left
    }

    .deliver .time {
        color: #219653;
        line-height: 20px;
        margin-top: 8px
    }

.txt-fees {
    margin-top: 5px
}

    .txt-fees span {
        color: #d0021c
    }

    .txt-fees i {
        float: none
    }

.deliver .canpay {
    color: #fb6e2e;
    margin-top: 5px
}

.store {
    color: #2f80ed;
    display: inline-block;
    margin-bottom: 10px
}

    .store i {
        float: left;
        margin-right: 5px
    }

.callorder {
    line-height: 17px;
    text-align: center;
    margin-bottom: 10px
}

    .callorder.ns {
        text-align: left;
        border-top: 1px solid #e0e0e0;
        margin-top: 10px;
        padding-top: 10px
    }

    .callorder a {
        color: #2a83e9
    }

.promoadd {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding-bottom: 10px;
    text-align: center
}

.promoadd__ttl {
    background-color: #f6f6f6;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    line-height: 16px;
    padding: 12px;
    text-align: left
}

    .promoadd__ttl em {
        font-weight: bold;
        font-style: normal;
        font-size: 14px;
        line-height: 17px
    }

.promoadd__list {
    padding: 10px;
    text-align: center
}

    .promoadd__list li {
        display: flex;
        margin-bottom: 10px;
        text-align: left
    }

        .promoadd__list li:last-child {
            margin-bottom: 0
        }

        .promoadd__list li img {
            max-width: 40px
        }

        .promoadd__list li i {
            margin-top: 3px
        }

        .promoadd__list li p {
            padding: 0 16px 0 8px;
            width: calc(100% - 55px);
            line-height: 1.5
        }

        .promoadd__list li a {
            color: #2f80ed
        }

        .promoadd__list li.bhx i {
            background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGVSURBVHgB7VbRTcMwFDyHfvCB2oyQDegIZQM2gE5QOgFlAroB3QCYoGWClAnIBkSCD5Cg5vyS0tR1HAuRH+hJjq28892Lo1wLOKC7uNQ9PMvgGjVgbVThXSMEpbjWMSZcz2TdxYWHN5VR8CbNBj2kJN5UhKbSYYzk+x7X6yYsXmrrRQ6PHApxhTGRe3pjipUcW6byrY57wrOg7Bvs6rwUu+P8WLKOeT3lfIIPrg4w53XB+oMIK/Q5D2g8VC+YeQ0qJmdcJlY7Y15j1kYyb7Ck+L0tLlsoFrOrPkLQwZLHkusjdhsA9YqF4ot52um0Du/kHfI5tOwJwSIKFv8ZBhFaxl8wULhCW2hTe+OBIlv4LSRORkciIXOVGvbl3LcsiOvU3B2pfIg1MDXhuPaWgel7yZnJHvPl1hGkZvIJ7if0GeyIS0SbjouRhJq4DVYYV89dBDUT9E0i2YTd3DLJ8IlhuEGEW/MjsyW+HSlJ1cSceRnhgQYFzFH0HeK2iTeJO74iBVL4kTRx9mH3bwyiMpR+V1n+8nwB+DO/44jWMeQAAAAASUVORK5CYII=") no-repeat center top;
            background-size: 12px 14px
        }

.promoadd-more {
    color: #2f80ed;
    position: relative;
    display: inline-block;
    vertical-align: top
}

    .promoadd-more::before {
        border-bottom: 1px solid #4a90e2;
        border-right: 1px solid #4a90e2;
        content: "";
        height: 5px;
        position: absolute;
        top: 5px;
        transform: rotate(45deg);
        right: -11px;
        width: 5px
    }

.policy_intuitive {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 25px
}

.policy {
    margin: 20px 16px 0 16px;
    padding: 12px 0
}

    .policy > b {
        padding-top: 15px;
        color: #101828;
        font-size: 16px;
        display: none;
        margin-bottom: 15px
    }

.policy__list {
    display: flex;
    flex-wrap: wrap
}

    .policy__list > li {
        border-bottom: 1px solid #f1f1f1;
        position: relative;
        padding: 12px 0 12px 0;
        width: 50%
    }

        .policy__list > li:nth-child(2n+1) {
            padding-right: 20px
        }

    .policy__list li > div.iconl {
        margin-right: 5px
    }

    .policy__list li p {
        line-height: 20px;
        padding-left: 5px
    }

    .policy__list li a {
        color: #2a83e9
    }

    .policy__list li em {
        font-style: normal;
        font-weight: bold
    }

.scenarioComboSpeakerProduct .policy {
    margin-top: 0
}

#hubOLOL .hubContainer {
    background-color: #fff;
    width: 700px;
    padding: 15px;
    border-radius: 4px;
    height: auto
}

#hubOLOL .hubItems {
    max-height: 320px;
    overflow: hidden;
    overflow-y: auto
}

.box-available {
    width: 700px;
    max-height: 500px
}

    .box-available .box-store ul {
        height: 300px
    }

    .box-available .istock-close {
        top: 15px;
        right: 10px
    }

    .box-available .title {
        width: 40%;
        display: block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        margin-top: 25px;
        float: left
    }

    .box-available .boxprov {
        width: 59%;
        display: block;
        vertical-align: middle;
        margin: 0;
        position: relative;
        float: right;
        margin-top: 15px
    }


.related {
    padding: 30px 0 0 0;
    clear: both
}

.related__ttl {
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 15px
}

    .related__ttl a {
        float: right;
        font-weight: normal;
        font-size: 14px
    }
 
.related.needbuy {
    border: 1px solid #f1f1f1;
    padding: 10px 0;
    border-radius: 4px
}

    .related.needbuy .related__ttl > * {
        display: inline-block;
        vertical-align: middle
    }

    .related.needbuy .related__ttl > span {
        font-size: 14px;
        padding-left: 10px
    }

    .related.needbuy .related__ttl > div {
        position: relative
    }

        .related.needbuy .related__ttl > div i {
            font-style: normal;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            color: #fff;
            background-color: #999;
            display: block;
            cursor: pointer;
            font-size: 10px;
            line-height: 14px;
            text-align: center
        }

            .related.needbuy .related__ttl > div i.active:before {
                content: "";
                position: absolute;
                width: 12px;
                height: 12px;
                background: #f1f1f1;
                transform: rotate(45deg);
                top: 14px;
                right: 2px;
                box-shadow: -2px -2px 5px -4px
            }

        .related.needbuy .related__ttl > div span {
            position: absolute;
            width: 300px;
            padding: 7px 10px;
            border: 1px solid #f1f1f1;
            border-radius: 4px;
            left: -100px;
            top: 17px;
            z-index: 3;
            background-color: #fff;
            font-size: 14px;
            font-weight: normal;
            display: none
        }

        .related.needbuy .related__ttl > div a {
            display: inline-block;
            vertical-align: middle;
            border-radius: 16px;
            height: 32px;
            line-height: 32px;
            padding: 0 10px;
            border: 1px solid #2f80ed;
            color: #2f80ed;
            margin-right: 5px
        }
.p-slide .owl-carousel .owl-stage, .p-slide .owl-carousel .owl-stage .owl-item {
    display: flex;
    flex-wrap: wrap
}

.related .txt01 {
    font-size: 12px;
    line-height: 12px;
    margin: 15px 0 10px;
    color: #333
}

.show-buynow {
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    bottom: -100%;
    left: 0;
    max-width: 640px;
    margin: 0 auto;
    padding: 15px 10px;
    position: fixed;
    transition: .4s;
    right: 0;
    width: 100%;
    z-index: 9
}

    .show-buynow.showopacity {
        bottom: 0
    }

.show-buynow__title {
    line-height: 20px;
    padding-right: 40px
}

.show-buynow__price {
    border-bottom: 1px solid #d7d7d7;
    color: #d0021c;
    padding: 5px 0
}

.show-buynow .checkboxcolor {
    font-weight: bold;
    margin: 10px 0
}

.show-buynow__color {
    display: flex
}

.show-buynow .color-item {
    margin-right: 10px;
    text-align: center;
    width: 55px
}

.color-item .color-item-img {
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    height: 55px;
    cursor: pointer
}

    .color-item .color-item-img img {
        max-width: 40px
    }

.color-item .color-item-txt {
    font-size: 12px;
    line-height: 14px
}

.color-item.act .color-item-img {
    border: 1px solid #fb6e2e
}

.show-buynow__number {
    border-bottom: 1px solid #d7d7d7;
    padding: 15px 0
}

.color-item .radiobox {
    border: 1px solid #bababa;
    border-radius: 50%;
    height: 13px;
    margin: 5px auto;
    position: relative;
    width: 13px
}

    .color-item .radiobox::before {
        background-color: #fb6e2e;
        border-radius: 50%;
        content: "";
        left: 2px;
        height: 7px;
        opacity: 0;
        position: absolute;
        top: 2px;
        transition: .2s;
        width: 7px
    }

.color-item.act .radiobox {
    border: 1px solid #fb6e2e
}

    .color-item.act .radiobox::before {
        opacity: 1
    }

.show-buynow__number {
    align-items: center;
    display: flex
}

    .show-buynow__number .txt-nb {
        font-weight: bold;
        margin-right: 10px
    }

.show-buynow .btnnumber {
    position: relative
}

.show-buynow .btnnumber-dec::after {
    background-color: #a0a0a0;
    content: "";
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 2px
}

.show-buynow .btnnumber::before {
    background-color: #a0a0a0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 12px
}

.show-buynow .btnnumber-inc, .show-buynow .btnnumber-dec {
    background-color: transparent;
    border: 1px solid #dedede;
    height: 38px;
    width: 38px
}

.show-buynow .btnnumber-inc {
    border-radius: 4px 0 0 4px
}

.show-buynow .btnnumber-dec {
    border-radius: 0 4px 4px 0
}

.show-buynow .shownumber {
    border: none;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    line-height: 38px;
    height: 38px;
    text-align: center;
    width: 38px
}

.show-buynow__rdm {
    color: #2f80ed;
    display: inline-block;
    line-height: 17px;
    margin-top: 15px
}

.show-buynow__addcart {
    background: linear-gradient(to bottom,rgba(247 148 41/1),rgba(247 113 46/1));
    border-radius: 4px;
    color: #fff;
    display: block;
    margin-top: 20px;
    padding: 10px 5px;
    text-align: center
}

.show-buynow__gocart {
    color: #2f80ed;
    display: inline-block;
    margin-top: 10px
}

.show-buynow .talcenter {
    text-align: center
}

.show-buynow__close {
    position: absolute;
    top: 10px;
    right: 15px
}

    .show-buynow__close::before, .show-buynow__close::after {
        background-color: #747474;
        content: "";
        height: 16px;
        position: absolute;
        width: 2px
    }

    .show-buynow__close::before {
        transform: rotate(45deg)
    }

    .show-buynow__close::after {
        transform: rotate(-45deg)
    }

.bgback {
    background-color: rgba(0 0 0/.68);
    display: none;
    height: 100%;
    left: 0;
    max-width: 640px;
    margin: auto;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 2
}

    .bgback.showbg {
        display: block
    }

.input-radio, .label-radio {
    vertical-align: middle
}

.radio-block {
    margin-top: 8px;
    cursor: pointer
}

.label-radio {
    padding-left: 22px;
    position: relative;
    display: block
}

    .label-radio:before {
        border: 1px solid #a6a6a6;
        background-color: #fff;
        border-radius: 50%;
        content: "";
        height: 14px;
        left: 0;
        top: 0;
        position: absolute;
        width: 14px
    }

    .label-radio.active:before {
        border-color: #fc9639
    }

    .label-radio.active:after {
        background: #fc9639;
        border-radius: 50%;
        content: "";
        height: 8px;
        left: 4px;
        position: absolute;
        top: 4px;
        width: 8px
    }

.cslder {
    display: block;
    text-align: center;
    height: 20px;
    position: relative;
    display: none;
    clear: both
}

    .cslder .cswrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.csdot {
    width: 5px;
    height: 5px;
    border: 1px solid #288ad6;
    background: #288ad6;
    border-radius: 50%;
    float: left;
    margin: 0 2px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: fx 1000ms ease infinite 0ms;
    animation: fx 1000ms ease infinite 0ms
}

    .csdot:nth-child(2) {
        -webkit-animation: fx 1000ms ease infinite 300ms;
        animation: fx 1000ms ease infinite 300ms
    }

    .csdot:nth-child(3) {
        -webkit-animation: fx 1000ms ease infinite 600ms;
        animation: fx 1000ms ease infinite 600ms
    }

.csslder, .ccsslder {
    display: block;
    text-align: center;
    height: 20px;
    position: relative;
    clear: both
}

    .csslder .csswrap, .ccsslder .ccsswrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.cssdot, .ccssdot {
    width: 6px;
    height: 6px;
    border: 1px solid #288ad6;
    background: #288ad6;
    border-radius: 50%;
    float: left;
    margin: 0 5px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: fx 1000ms ease infinite 0ms;
    animation: fx 1000ms ease infinite 0ms
}

    .cssdot:nth-child(2), .ccssdot:nth-child(2) {
        -webkit-animation: fx 1000ms ease infinite 300ms;
        animation: fx 1000ms ease infinite 300ms
    }

    .cssdot:nth-child(3), .ccssdot:nth-child(3) {
        -webkit-animation: fx 1000ms ease infinite 600ms;
        animation: fx 1000ms ease infinite 600ms
    }

.loadingcover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.75);
    display: none;
    z-index: 100;
    height: 100vh;
    width: 100%
}

    .loadingcover .csslder {
        top: 50%
    }

@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.promo_BHX {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    display: block;
    overflow: hidden;
    margin-left: 5px;
    width: calc(100% - 20px)
}

    .promo_BHX .l1 {
        float: left
    }

        .promo_BHX .l1 img {
            width: 16px
        }

    .promo_BHX .l2 a {
        color: #288ad6
    }

    .promo_BHX .l2 div.content {
        margin: 5px 0
    }

    .promo_BHX .l2 p {
        font-size: 14px;
        position: relative;
        padding-left: 10px;
        overflow: hidden;
        width: auto
    }

        .promo_BHX .l2 p:after {
            position: absolute;
            content: "";
            width: 4px;
            height: 4px;
            left: 0;
            top: 8px;
            background: #000;
            border-radius: 50%
        }

        .promo_BHX .l2 p.first-pap {
            margin-bottom: 5px
        }

.box_saving {
    margin-bottom: 10px;
    position: relative
}

    .box_saving .bs_title {
        padding: 10px;
        border-radius: 4px 4px 0 0;
        background-color: #e21d22;
        overflow: hidden
    }

        .box_saving .bs_title > img {
            width: 74px;
            float: left
        }

        .box_saving .bs_title div.bs_info {
            float: left;
            margin-left: 5px;
            border-left: 1px solid #fff;
            padding-left: 10px;
            max-width: calc(100% - 80px)
        }

            .box_saving .bs_title div.bs_info > * {
                display: inline-block;
                vertical-align: middle
            }

            .box_saving .bs_title div.bs_info > strong {
                font-size: 18px;
                color: #f8e81c
            }

            .box_saving .bs_title div.bs_info > em {
                color: #fff;
                text-decoration: line-through;
                font-style: normal;
                margin-left: 3px;
                font-size: 13px
            }

            .box_saving .bs_title div.bs_info > i {
                color: #fff;
                font-style: normal;
                margin-left: 3px;
                font-size: 12px
            }

            .box_saving .bs_title div.bs_info span {
                display: block;
                color: #fff;
                padding-top: 3px;
                font-size: 12px
            }

    .box_saving .bs_content {
        background-color: #fff4de;
        border: 1px solid #fde8d5;
        padding: 10px 0
    }

        .box_saving .bs_content .block__promo {
            border: none;
            border-bottom: 1px dashed #f2994a;
            margin-bottom: 10px;
            padding: 7px 7px 10px 7px;
            border-radius: 0
        }

        .box_saving .bs_content .pr-top {
            padding: 0;
            border: none;
            background: none
        }

        .box_saving .bs_content .pr-item.mg-bot10 {
            padding: 0 10px;
            line-height: 1.5
        }

        .box_saving .bs_content .pr-item.text {
            margin-top: 0;
            border-top: none !important;
            border-bottom: 1px dashed #e0e0e0 !important;
            padding: 0 10px 10px;
            margin-bottom: 10px
        }

        .box_saving .bs_content .pr-content .pr-item {
            padding: 7px 0 10px 0
        }

            .box_saving .bs_content .pr-content .pr-item.text {
                padding-bottom: 0
            }

    .box_saving .bs_rule {
        padding: 0 7px;
        margin: 10px 0
    }

        .box_saving .bs_rule p, .box_saving .bs_rule li {
            margin-bottom: 2px;
            line-height: 1.6;
            padding-left: 12px;
            position: relative
        }

            .box_saving .bs_rule p:before, .box_saving .bs_rule li:before {
                content: "";
                position: absolute;
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background-color: #333;
                left: 0;
                top: 9px
            }

    .box_saving .block-button {
        padding: 0 10px;
        margin-top: 10px
    }

    .box_saving .showpromo-radio {
        background: rgba(255,153,80,.15);
        margin: 0 10px 10px 10px
    }

    .box_saving.choosed .bs_rule {
        padding-bottom: 32px
    }

    .box_saving.choosed .showpromo-radio {
        position: absolute;
        bottom: 76px;
        left: 10px;
        width: calc(100% - 20px);
        margin: 0
    }

    .box_saving.box_onlineol .bs_content .block__promo, .box_saving.box_onlineol #status-delivery {
        padding: 0 10px
    }

    .box_saving.box_onlineol .bs_rule {
        border-bottom: 1px dashed #f2994a;
        padding: 0 10px 10px 10px
    }

    .box_saving.box_onlineol .bs_content .pr-item.text, .box_saving.box_onlineol .bs_content .block__promo {
        border-bottom: 0 !important
    }

    .box_saving.v2 {
        background-color: #e2252d;
        padding-bottom: 1px;
        border-radius: 10px
    }

        .box_saving.v2 .bs_title {
            display: flex;
            align-items: center;
            background-color: #e2252d;
            background-image: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/bg-oltk-dt-min.png);
            background-repeat: no-repeat;
            background-position: top right;
            background-size: auto 100%;
            padding-top: 15px;
            padding-bottom: 15px;
            border-radius: 10px 10px 0 0
        }

                .box_saving.v2 .bs_title div.bs_price > * {
                    margin-bottom: 7px;
                    color: #fff
                }

                .box_saving.v2 .bs_title div.bs_price > b {
                    display: block;
                    font-size: 16px;
                    font-weight: normal
                }

                .box_saving.v2 .bs_title div.bs_price > strong {
                    display: block;
                    color: #ffd028;
                    font-size: 24px
                }

                .box_saving.v2 .bs_title div.bs_price > em {
                    font-style: normal;
                    text-decoration-line: line-through
                }

                .box_saving.v2 .bs_title div.bs_price > i {
                    font-style: normal
                }

            .box_saving.v2 .bs_title div.bs_time {
                width: 50%;
                text-align: right
            }

                .box_saving.v2 .bs_title div.bs_time span {
                    color: #fff;
                    display: block;
                    margin-bottom: 5px
                }

                    .box_saving.v2 .bs_title div.bs_time span:last-child {
                        margin-bottom: 0
                    }

                .box_saving.v2 .bs_title div.bs_time .clockv2 {
                    margin-bottom: 5px;
                    height: 24px
                }

                    .box_saving.v2 .bs_title div.bs_time .clockv2 * {
                        display: inline-block;
                        vertical-align: middle
                    }

                    .box_saving.v2 .bs_title div.bs_time .clockv2 b {
                        width: 30px;
                        height: 20px;
                        line-height: 20px;
                        text-align: center;
                        color: #d7070c;
                        background-color: #fff;
                        border-radius: 4px;
                        font-size: 15px
                    }

                    .box_saving.v2 .bs_title div.bs_time .clockv2 i {
                        padding: 0 2px;
                        color: #fff;
                        font-style: normal
                    }

                .box_saving.v2 .bs_title div.bs_time .bs_count {
                    width: 120px;
                    position: relative;
                    display: inline-block
                }

                    .box_saving.v2 .bs_title div.bs_time .bs_count img {
                        width: 15px;
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        z-index: 2
                    }

                    .box_saving.v2 .bs_title div.bs_time .bs_count span {
                        background: #f1f1f1;
                        border-radius: 25px;
                        height: 14px;
                        position: relative;
                        overflow: hidden
                    }

                        .box_saving.v2 .bs_title div.bs_time .bs_count span i {
                            position: absolute;
                            left: 0;
                            background: linear-gradient(88.98deg,#fcb500 18.95%,#fecb11 106.13%);
                            border-radius: 25px 0 0 25px;
                            height: 100%;
                            z-index: 0
                        }

                        .box_saving.v2 .bs_title div.bs_time .bs_count span b {
                            font-weight: normal;
                            font-size: 10px;
                            color: #333;
                            text-align: center;
                            height: 14px;
                            line-height: 15px;
                            display: block;
                            padding-left: 15px;
                            position: relative;
                            z-index: 1
                        }

        .box_saving.v2 .bs_content {
            background-color: #fff;
            margin: 0 5px 5px 5px;
            padding-bottom: 0;
            border-radius: 4px
        }

            .box_saving.v2 .bs_content .pr-item.text {
                border-bottom: none !important
            }

        .box_saving.v2.olgr {
            background: linear-gradient(272.75deg,#f38c25 38.99%,#fb6848 76.29%)
        }

            .box_saving.v2.olgr .bs_title {
                background-color: transparent;
                background-image: url(https://cdn.tgdd.vn/2023/07/campaign/bg-olgr-min-562x204.png)
            }

                .box_saving.v2.olgr .bs_title div.bs_price > strong {
                    color: #fff
                }

            .box_saving.v2.olgr #status-delivery {
                margin: 0 10px
            }

.box_teaserweekend {
    margin: 10px 0;
    background-color: #fff9e9;
    border: 1px solid #e4cb93;
    border-radius: 4px;
    padding: 10px 10px 2px 10px
}

    .box_teaserweekend span, .box_teaserweekend label {
        display: block;
        margin-top: 5px
    }

    .box_teaserweekend label {
        padding-left: 10px;
        position: relative
    }

        .box_teaserweekend label:before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #d8d8d8;
            left: 0;
            top: 6px;
            position: absolute
        }

        .box_teaserweekend label strong {
            color: #d0021c
        }

    .box_teaserweekend .block-button {
        margin-top: 10px
    }

.box_cleanstock .bc_title {
    position: relative
}

    .box_cleanstock .bc_title > img {
        display: block;
        max-width: 100%
    }

    .box_cleanstock .bc_title > div {
        position: absolute;
        left: 0;
        top: 44%;
        padding-left: 16%;
        width: 100%
    }

    .box_cleanstock .bc_title div > * {
        display: inline-block;
        vertical-align: middle
    }

    .box_cleanstock .bc_title div > strong {
        font-size: 18px;
        color: #d0021c
    }

    .box_cleanstock .bc_title div > em {
        color: #222;
        text-decoration: line-through;
        font-style: normal;
        margin-left: 3px
    }

    .box_cleanstock .bc_title div > i {
        color: #222;
        font-style: normal;
        margin-left: 3px
    }

    .box_cleanstock .bc_title div > div {
        display: block
    }

    .box_cleanstock .bc_title div span {
        display: block;
        font-size: 12px
    }

        .box_cleanstock .bc_title div span i {
            font-style: normal;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            display: inline-block;
            vertical-align: top;
            background-color: #999;
            color: #fff;
            font-size: 9px;
            text-align: center;
            line-height: 14px;
            position: relative;
            cursor: pointer;
            margin-top: 2px
        }

            .box_cleanstock .bc_title div span i.act {
                background-color: #2f80ed
            }

                .box_cleanstock .bc_title div span i.act:before {
                    content: "";
                    position: absolute;
                    width: 12px;
                    height: 12px;
                    background: #e0e0e0;
                    transform: rotate(45deg);
                    top: 14px;
                    right: 2px;
                    box-shadow: -2px -2px 5px -4px
                }

    .box_cleanstock .bc_title div div div {
        position: absolute;
        right: 0;
        top: 40px;
        padding: 10px;
        border-radius: 4px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        z-index: 5;
        white-space: normal;
        line-height: 1.5;
        box-shadow: 0 0 8px #ccc;
        display: none
    }

.box_cleanstock .bc_content {
    background-color: #eff9ff;
    padding: 5px 10px 1px 10px
}

    .box_cleanstock .bc_content .block__promo {
        border: none;
        border-bottom: 1px dashed #e0e0e0;
        margin-bottom: 10px;
        padding: 7px 7px 10px 7px;
        border-radius: 0
    }

    .box_cleanstock .bc_content .pr-top {
        padding: 0;
        border: none;
        background: none
    }

    .box_cleanstock .bc_content .pr-item.mg-bot10 {
        padding: 0 10px;
        line-height: 1.5
    }

    .box_cleanstock .bc_content .pr-item.text {
        margin-top: 0;
        border-top: none !important;
        padding: 0 10px 10px
    }

        .box_cleanstock .bc_content .pr-item.text:first-child {
            margin-top: 5px
        }

    .box_cleanstock .bc_content .pr-content .pr-item {
        padding: 7px 0 10px 0
    }

        .box_cleanstock .bc_content .pr-content .pr-item.text {
            padding-bottom: 0
        }

.box_cleanstock .block-button.cleanstock {
    display: block !important
}

.showpromo-radio {
    background-color: #ffeee1;
    border-radius: 4px;
    color: #d0021c;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
    padding: 7px 10px;
    margin-bottom: 10px
}

    .showpromo-radio span *:not(.must-show) {
        display: none
    }

    .showpromo-radio.new span .must-show {
        display: block
    }

        .showpromo-radio.new span .must-show::before {
            content: "• ";
            color: #dc6803;
            margin-right: 5px
        }

.productstatus {
    display: block;
    line-height: 1.3em;
    font-size: 16px;
    color: #d0021b;
    text-transform: uppercase;
    margin-bottom: 10px
}

    .productstatus.orange {
        color: #fc9639
    }

    .productstatus.nopdb {
        padding-left: 0;
        padding-top: 0
    }

.block-sign {
    padding: 10px 0 20px 0;
    text-align: center
}

    .block-sign .bs-btn {
        height: 40px;
        line-height: 40px;
        color: #fff;
        background-color: #fc7600;
        border-radius: 8px;
        text-align: center;
        display: block;
        cursor: pointer
    }

    .block-sign a.link {
        display: inline-block;
        color: #4a90e2;
        padding-top: 10px
    }

    .block-sign .bs-form {
        padding-bottom: 10px;
        border: 1px solid #e0e0e0;
        border-radius: 4px
    }

        .block-sign .bs-form strong {
            height: 37px;
            border-bottom: 1px solid #e0e0e0;
            line-height: 37px;
            background-color: #f1f1f1;
            text-align: center;
            display: block
        }

        .block-sign .bs-form label {
            display: block;
            margin-bottom: 5px;
            text-align: left;
            padding: 0 12px;
            color: #344054
        }

    .block-sign .bs-gender {
        text-align: left;
        padding: 10px
    }

        .block-sign .bs-gender.no {
            padding: 0
        }

        .block-sign .bs-gender span {
            display: inline-block;
            vertical-align: top;
            margin-right: 15px
        }

            .block-sign .bs-gender span * {
                display: inline-block;
                vertical-align: middle
            }

            .block-sign .bs-gender span i {
                height: 16px;
                width: 16px;
                padding: 2px;
                border: 1px solid #e0e0e0;
                border-radius: 50%;
                margin-right: 5px
            }

            .block-sign .bs-gender span.active i {
                border-color: #2f80ed
            }

                .block-sign .bs-gender span.active i:after {
                    content: "";
                    display: block;
                    height: 100%;
                    background-color: #2f80ed;
                    border-radius: 50%
                }

            .block-sign .bs-gender span b {
                font-weight: normal
            }

    .block-sign .bs-form input {
        height: 40px;
        line-height: 40px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        width: calc(100% - 22px);
        padding: 0 10px;
        margin-bottom: 10px
    }

    .block-sign .bs-form button {
        border: none;
        width: calc(100% - 20px);
        margin: 0 10px
    }

    .block-sign .bs-form p {
        padding: 0 12px;
        position: relative;
        padding-left: 30px;
        text-align: left;
        margin-bottom: 10px
    }

        .block-sign .bs-form p i {
            width: 16px;
            height: 16px;
            margin-right: 2px;
            border-radius: 4px;
            border: 1px solid #d0d5dd;
            position: absolute;
            left: 11px;
            top: 2px;
            cursor: pointer
        }

            .block-sign .bs-form p i.active {
                border-color: #2a83e9
            }

                .block-sign .bs-form p i.active:after {
                    content: "";
                    display: block;
                    width: 3px;
                    height: 7px;
                    border: solid #2a83e9;
                    border-width: 0 2px 2px 0;
                    transform: rotate(45deg);
                    background: none;
                    margin: 1px 0 0 5px;
                    border-radius: 0
                }

    .block-sign .bs-result {
        padding: 10px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        line-height: 1.8
    }

        .block-sign .bs-result i {
            display: block;
            margin: 10px;
            height: 1px;
            background-color: #e0e0e0
        }

        .block-sign .bs-result span {
            display: block
        }

            .block-sign .bs-result span a {
                padding: 0
            }

.popup-sign {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    display: none
}

    .popup-sign > div {
        width: 90%;
        max-width: 350px;
        background-color: #fff;
        height: max-content;
        padding: 20px;
        border-radius: 8px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

        .popup-sign > div > * {
            display: block;
            margin-bottom: 10px;
            line-height: 1.4
        }

        .popup-sign > div > a.close {
            position: absolute;
            right: 7px;
            top: 0;
            font-size: 22px;
            color: #666
        }

        .popup-sign > div > a.accept {
            height: 40px;
            border-radius: 8px;
            background-color: #2a83e9;
            color: #fff;
            line-height: 40px;
            text-align: center;
            margin-bottom: 0
        }

#popup-customer-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.85);
    z-index: 98
}

#popup-customer {
    position: fixed;
    width: 600px;
    max-height: 80vh;
    left: 0;
    top: 10vh;
    background-color: #fff;
    z-index: 99;
    right: 0;
    margin: auto;
    border-radius: 6px
}

    #popup-customer > a {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 20px;
        color: #333;
        border-radius: 50%;
        border: 1px solid #333;
        text-align: center
    }

    #popup-customer form {
        padding: 30px 20px 20px;
        overflow: hidden
    }

        #popup-customer form input[type="tel"] {
            height: 35px;
            line-height: 35px;
            padding: 0 10px;
            border-radius: 4px;
            border: 1px solid #bdbdbd;
            width: calc(100% - 70px);
            float: left
        }

        #popup-customer form button {
            width: 60px;
            height: 35px;
            line-height: 35px;
            background-color: #2f80ed;
            border-radius: 4px;
            text-align: center;
            border: none;
            float: right;
            color: #fff
        }

        #popup-customer form span {
            display: block;
            clear: both;
            padding-top: 10px
        }

    #popup-customer .pc-content {
        padding: 0 20px;
        position: relative;
        max-height: 81%
    }

        #popup-customer .pc-content .fl {
            float: left
        }

        #popup-customer .pc-content .fr {
            float: right
        }

        #popup-customer .pc-content div b {
            padding: 10px 0;
            width: 50%
        }

    #popup-customer .pc-list {
        overflow: hidden;
        max-height: calc(80vh - 210px);
        clear: both;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained;
        position: relative;
        margin-bottom: 10px
    }

    #popup-customer .pc-content > p {
        padding-top: 20px;
        line-height: 1.5;
        clear: both;
        text-align: center
    }

    #popup-customer .pc-content div p {
        overflow: hidden;
        padding-bottom: 10px
    }

    #popup-customer .pc-content div span {
        width: 49%
    }

        #popup-customer .pc-content div span * {
            display: block;
            font-style: normal;
            font-size: 13px
        }

        #popup-customer .pc-content div span i {
            color: #666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

    #popup-customer .pc-content a {
        width: 70%;
        display: block;
        margin: auto;
        text-align: center;
        border: 1px solid #2f80ed;
        height: 35px;
        line-height: 35px;
        border-radius: 4px;
        color: #2f80ed;
        margin-bottom: 10px
    }

.box_oldproduct {
    padding: 10px 0;
    display: flex;
    border-radius: 5px;
    margin-bottom: 15px
}

.box_oldproductV2 {
    border: 1px solid #e0e0e0
}

.box_oldproduct a {
    color: #2f80ed
}

    .box_oldproduct a b {
        color: #d0021c;
        font-weight: normal
    }

.box_oldproduct .thumnail-oldProduct img {
    width: 128px;
    margin: 0 10px
}

.information-oldProduct {
    margin: auto 0
}

.box_oldproduct a i {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 5px 0 5px;
    background-color: #e8e8e8;
    font-size: 12px;
    color: #333;
    font-style: normal;
    position: relative
}

.information-oldProduct p {
    font-size: 14px;
    line-height: 1.8;
    color: #000;
    font-weight: 400
}

p.viewmore-oldProduct {
    font-weight: 600;
    color: #333
}

.box_oldproduct a i:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 10px solid #e8e8e8;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: -10px;
    top: 0
}

.box_oldproduct span {
    padding: 2px 0
}

.price-discount-warranty span.percent-oldProduct {
    color: #eb5757;
    background: #fff0e9;
    padding-right: 5px;
    position: relative;
    margin-right: 5px;
    font-size: 12px
}

    .price-discount-warranty span.percent-oldProduct::after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff0e9;
        content: "";
        position: absolute;
        top: 5px;
        left: -15px;
        transform: rotate(90deg)
    }

.information-oldProduct .price-discount-warranty {
    color: #000;
    line-height: 1.8
}

.price-discount-warranty .from-price {
    color: #d0021c;
    font-weight: 700;
    padding-right: 10px
}

.information-oldProduct .productName {
    color: #2f80ed
}


.box_main {
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
    overflow: hidden;
    margin-top: 15px;
    clear: both;
    margin-bottom: 50px;
}

.box_info {
    padding-top: 20px;
    overflow: hidden
}

.bicycle .box_main {
    overflow: visible
}

.bicycle .box_info {
    clear: both
}

.box_left {
    width: calc(100% - 490px);
    float: left
}

    .box_left .owl-carousel .owl-nav button {
        opacity: .3
    }

    .box_left .detail-slider.owl-carousel:hover button {
        opacity: 1
    }

.box_right {
    width: 460px;
    float: right;
    margin-left: 30px
}

    .box_right .warranty {
        line-height: 1.5
    }

    .box_right .related__ttl {
        font-size: 15px
    }

    .box_right .p-slide .owl-nav button span::before {
        width: 14px;
        height: 14px;
        top: 11px
    }

    .box_right .p-slide .owl-nav button {
        top: 32%;
        width: 20px;
        height: 40px
    }

        .box_right .p-slide .owl-nav button.owl-next span::before {
            right: 6px
        }

        .box_right .p-slide .owl-nav button.owl-prev span::before {
            left: 6px
        }

.box_main .box04 {
    margin-top: 0
}



.wrap_comment {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

    .wrap_comment .txtEditor, .wrap_comment .textarea {
        width: 100% !important
    }

    .wrap_comment .motionsend button, .wrap_comment .motionsend a.btnSend {
        height: auto
    }

.scenarioTwoPriceDetail {
    display: none
}



.content-t__list__item__desc {
    margin-left: 0;
    margin-right: 0
}

.box01__show {
    margin-bottom: 15px;
    min-height: 422px
}

#popup-promotionimage {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 99999
}

    #popup-promotionimage > a {
        font-size: 40px;
        color: #666;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 20px;
        top: 20px;
        line-height: 50px;
        text-align: center
    }

    #popup-promotionimage .owl-promotionimage {
        width: 100%;
        height: 70%;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

        #popup-promotionimage .owl-promotionimage .item img {
            display: block;
            max-width: 100%;
            max-height: 400px;
            margin: auto;
            width: auto
        }

        #popup-promotionimage .owl-promotionimage .item span {
            display: block;
            text-align: center;
            padding: 10px;
            line-height: 1.5;
            color: #333
        }

            #popup-promotionimage .owl-promotionimage .item span i {
                font-style: normal
            }

            #popup-promotionimage .owl-promotionimage .item span a {
                color: #4a90e2
            }

    #popup-promotionimage .owl-nav button {
        height: 60px;
        width: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }

        #popup-promotionimage .owl-nav button:before {
            border-top: 3px solid #666;
            border-right: 3px solid #666;
            content: "";
            height: 22px;
            position: absolute;
            top: 18px;
            width: 22px
        }

.sticky-bar {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    z-index: 5
}

.sticky-bar__item {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    display: block;
    height: 56px;
    margin: 10px 0;
    position: relative;
    text-align: center;
    width: 56px
}

    .sticky-bar__item p {
        color: #2f80ed;
        font-size: 11px;
        line-height: 12px;
        margin-top: 8px
    }

.sticky-bar-search .jsSearch {
    height: 56px;
    padding-top: 10px
}

.sticky-bar-chat {
    padding-top: 9px
}

.sticky-bar-cart {
    padding-top: 10px
}

    .sticky-bar-cart p {
        margin-top: 5px
    }

.sticky-bar-ss {
    padding-top: 8px
}

.sticky-bar-number {
    background-color: #eb5757;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    height: 16px;
    position: absolute;
    top: -7px;
    right: -7px;
    width: 16px
}

.sticky-bar-input {
    position: absolute;
    top: -1px;
    transition: .2s;
    right: 53px;
    width: 0
}

    .sticky-bar-input.active {
        width: 190px
    }

    .sticky-bar-input input {
        border: none;
        border-radius: 4px 0 0 4px;
        color: #666;
        height: 56px;
        width: 100%
    }

    .sticky-bar-input.active input {
        border: 1px solid #e0e0e0;
        padding: 2px 15px
    }

.spmarket {
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 30000;
    background: #fff;
    position: fixed;
    margin: auto;
    border-radius: 5px;
    padding: 15px;
    width: 500px;
    height: 650px;
    max-height: 96vh
}

    .spmarket .jsnearstore {
        display: block;
        text-align: center;
        height: 35px;
        line-height: 35px;
        border-radius: 4px;
        border: 1px solid #288ad6;
        margin: 0 40px 0 23px
    }

        .spmarket .jsnearstore i {
            display: inline-block;
            margin-right: 5px
        }

    .spmarket.dpblock {
        right: 0
    }

    .spmarket .spmarket__title {
        overflow: hidden;
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 3px solid #f1f1f1
    }

        .spmarket .spmarket__title .spmarket-close {
            position: unset;
            float: right
        }

            .spmarket .spmarket__title .spmarket-close:after, .spmarket .spmarket__title .spmarket-close:before {
                display: none !important
            }

        .spmarket .spmarket__title .txtp {
            font-size: 14px;
            font-weight: bold;
            line-height: 21px;
            float: left
        }

    .spmarket .spmarket__code {
        margin-top: 10px;
        overflow: hidden
    }

        .spmarket .spmarket__code > span {
            font-size: 13px;
            font-weight: bold;
            margin-bottom: 5px;
            display: block
        }

        .spmarket .spmarket__code .color-item {
            display: inline-block;
            text-align: center;
            vertical-align: top;
            width: 55px;
            cursor: pointer
        }

            .spmarket .spmarket__code .color-item .color-item-img {
                align-items: center;
                border: 1px solid #e0e0e0;
                border-radius: 4px;
                display: flex;
                justify-content: center;
                height: 55px
            }

                .spmarket .spmarket__code .color-item .color-item-img > img {
                    max-width: 40px
                }

        .spmarket .spmarket__code.size .color-item {
            width: auto
        }

            .spmarket .spmarket__code.size .color-item > * {
                display: inline-block;
                vertical-align: middle
            }

            .spmarket .spmarket__code.size .color-item p {
                padding: 0 15px 0 3px
            }

    .spmarket .spmarket__address {
        padding-bottom: 15px
    }

        .spmarket .spmarket__address aside {
            width: 50%;
            float: left
        }

        .spmarket .spmarket__address .scroll {
            display: block;
            overflow-y: auto;
            overflow-x: hidden;
            max-height: 220px
        }

    .spmarket .title {
        width: 100%;
        display: block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        margin-top: 40px
    }

    .spmarket .spmarket__address {
        width: 100%;
        display: block;
        vertical-align: middle;
        margin: 0;
        position: relative
    }

    .spmarket .city {
        width: calc(50% - 10px);
        margin: 10px 0;
        padding: 0 10px;
        cursor: pointer
    }

        .spmarket .city span {
            width: 80%
        }

        .spmarket .city:after {
            border-top: 6px solid #1f77ef
        }

    .spmarket .dist {
        width: calc(50% - 5px);
        margin: 10px 0;
        padding: 0 10px;
        cursor: pointer
    }

        .spmarket .dist span {
            width: 80%
        }

        .spmarket .dist:after {
            border-top: 6px solid #1f77ef
        }

    .spmarket .city {
        float: left;
        position: relative;
        width: calc(50% - 5px);
        border: 1px solid #d9d9d9;
        background: #fff;
        border-radius: 3px;
        line-height: 38px;
        font-size: 14px;
        color: #333;
        padding: 0 1.5%;
        max-height: 38px
    }

        .spmarket .city span {
            display: inline-block;
            width: 86%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .spmarket .city:after {
            content: "";
            width: 0;
            right: 0;
            border-top: 6px solid #999;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            display: inline-block;
            vertical-align: middle;
            margin: 16px 5px 0 0;
            float: right
        }

    .spmarket .listcity {
        display: none;
        overflow: visible;
        position: absolute;
        top: 55px;
        left: 0;
        width: 65%;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding-bottom: 10px;
        z-index: 2
    }

        .spmarket .listcity.is-location-two-level {
            width: 80%
        }

        .spmarket .listcity aside {
            float: left;
            width: 50%
        }

        .spmarket .listcity.is-location-two-level aside {
            width: 100%
        }

        .spmarket .listcity:before, .spmarket .listcity:after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50px;
            width: 0;
            height: 0;
            border-bottom: 10px solid #ccc;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent
        }

        .spmarket .listcity:after {
            border-width: 9px;
            margin-left: 1px;
            border-bottom-color: #fff
        }

        .spmarket .listcity a {
            display: block;
            padding: 10px 10px 0;
            font-size: 14px;
            cursor: pointer
        }

            .spmarket .listcity a.active-pro {
                font-weight: bold
            }

    .spmarket .dist {
        float: right;
        position: relative;
        width: calc(50% - 5px);
        border: 1px solid #d9d9d9;
        background: #fff;
        border-radius: 3px;
        line-height: 38px;
        font-size: 14px;
        color: #333;
        padding: 0 1.5%;
        max-height: 38px
    }

        .spmarket .dist span {
            display: inline-block;
            width: 86%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .spmarket .dist:after {
            content: "";
            width: 0;
            right: 0;
            border-top: 6px solid #999;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            display: inline-block;
            vertical-align: middle;
            margin: 16px 5px 0 0;
            float: right
        }

    .spmarket .listdist {
        display: none;
        overflow: visible;
        position: absolute;
        top: 55px;
        right: 0;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding-bottom: 10px;
        z-index: 2;
        width: 65%
    }

        .spmarket .listdist.is-location-two-level {
            width: 80%
        }

        .spmarket .listdist:before, .spmarket .listdist:after {
            content: "";
            position: absolute;
            bottom: 100%;
            right: 70px;
            width: 0;
            height: 0;
            border-bottom: 10px solid #ccc;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent
        }

        .spmarket .listdist:after {
            border-width: 9px;
            margin-right: 1px;
            border-bottom-color: #fff
        }

        .spmarket .listdist a {
            display: block;
            padding: 10px 10px 0;
            font-size: 14px;
            cursor: pointer
        }

            .spmarket .listdist a.active-dist {
                font-weight: bold
            }

        .spmarket .listdist aside {
            float: left;
            width: 50%
        }

        .spmarket .listdist.is-location-two-level aside {
            width: 100%
        }

    .spmarket .warning-text {
        display: none;
        padding: 10px;
        background: rgba(45,156,219,.1);
        border-radius: 4px;
        font-size: 10px;
        border-left: 2.35px solid #2d9cdb;
        margin: 10px 10px 0;
        line-height: 15px
    }

    .spmarket .searchlocal {
        display: block;
        overflow: hidden;
        padding: 10px 10px 0
    }

        .spmarket .searchlocal .icondmx-topsearch {
            top: 10px
        }

        .spmarket .searchlocal form {
            display: block;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            background: #fff;
            height: 34px;
            position: relative
        }

        .spmarket .searchlocal input {
            display: block;
            border: 0;
            background: #fff;
            padding: 5px;
            height: 32px;
            border-radius: 4px;
            width: 90%
        }

        .spmarket .searchlocal .submit {
            position: absolute;
            top: 0;
            right: 0;
            padding: 8px 10px;
            background: #fff;
            height: 16px;
            border-radius: 0 3px 3px 0;
            border: 0;
            height: 30px
        }

    .spmarket .spmarket__main {
        position: relative;
        display: block;
        border-top: 1px solid #d1d1d1;
        padding-top: 10px;
        width: 100%;
        margin-bottom: 10px;
        clear: both
    }

        .spmarket .spmarket__main > span {
            font-size: 13px;
            font-weight: bold;
            margin-bottom: 5px;
            display: block
        }

        .spmarket .spmarket__main .overlayloading {
            background: rgba(241,241,241,.28);
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            z-index: 990;
            clear: both;
            text-align: center;
            overflow: hidden;
            display: none
        }

            .spmarket .spmarket__main .overlayloading p {
                position: absolute;
                top: 44%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .spmarket .spmarket__main .overlayloading .cswrap {
                position: absolute;
                top: 55%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

                .spmarket .spmarket__main .overlayloading .cswrap .csdot {
                    width: 8px;
                    height: 8px;
                    border: 1px solid #288ad6;
                    background: #288ad6;
                    border-radius: 50%;
                    float: left;
                    margin: 0 2px;
                    -webkit-transform: scale(0);
                    transform: scale(0);
                    -webkit-animation: fx 1000ms ease infinite 0ms;
                    animation: fx 1000ms ease infinite 0ms;
                    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1)
                }

                    .spmarket .spmarket__main .overlayloading .cswrap .csdot:nth-child(2) {
                        -webkit-animation: fx 1000ms ease infinite 300ms;
                        animation: fx 1000ms ease infinite 300ms
                    }

                    .spmarket .spmarket__main .overlayloading .cswrap .csdot:nth-child(3) {
                        -webkit-animation: fx 1000ms ease infinite 600ms;
                        animation: fx 1000ms ease infinite 600ms
                    }

    .spmarket .list-address {
        max-height: 30vh;
        overflow: hidden;
        overflow-y: auto
    }

        .spmarket .list-address p {
            line-height: 20px;
            margin-bottom: 12px;
            font-size: 13px
        }

            .spmarket .list-address p a {
                color: #2f80ed
            }

        .spmarket .list-address .hide-s {
            display: none
        }

        .spmarket .list-address label {
            color: #bf081f;
            font-size: 12px;
            font-weight: bold
        }

        .spmarket .list-address .viewStore {
            clear: both;
            width: 100%;
            margin-bottom: 15px
        }

            .spmarket .list-address .viewStore a {
                display: block;
                overflow: hidden;
                position: relative;
                font-size: 14px;
                color: #333;
                text-align: center;
                border-radius: 4px;
                margin: auto;
                width: 90%;
                background-color: #fff;
                border: 1px solid #e0e0e0;
                padding: 10px
            }

    .spmarket .add-circle {
        position: relative;
        padding-left: 20px
    }

        .spmarket .add-circle::before {
            background-color: #c4c4c4;
            border-radius: 50%;
            content: "";
            height: 4px;
            left: 5px;
            position: absolute;
            top: 8px;
            width: 4px
        }

    .spmarket .province-name-old {
        display: flex;
        align-items: center;
        padding: 4px 10px
    }

        .spmarket .province-name-old span {
            padding-left: 5px
        }

    .spmarket .province-name a {
        color: unset
    }

        .spmarket .province-name a span {
            display: block;
            padding: 5px 0;
            color: #98a2b3;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px
        }

.watched {
    padding: 0;
    display: none
}

    .watched .watched__ttl {
        font-size: 20px;
        font-weight: bold;
        line-height: 21px;
        margin-bottom: 15px
    }

.p-slide .owl-nav button {
    background: rgba(255,255,255,.9) !important;
    height: 60px;
    width: 30px;
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    z-index: 2
}

    .p-slide .owl-nav button span {
        display: block;
        text-indent: -9999px
    }

        .p-slide .owl-nav button span::before {
            content: "";
            border-top: 3px solid #666;
            border-right: 3px solid #666;
            content: "";
            height: 22px;
            position: absolute;
            top: 18px;
            width: 22px
        }

    .p-slide .owl-nav button.owl-prev span::before {
        left: 10px;
        transform: rotate(-135deg)
    }

    .p-slide .owl-nav button.owl-next span::before {
        transform: rotate(45deg);
        right: 8px
    }

.p-slide .owl-nav .owl-prev.disabled, .watched .owl-nav .owl-next.disabled {
    display: none
}

.parameter__title {
    margin-bottom: 0;
    line-height: 1.3;
    font-size: 20px
}

.rating__title {
    line-height: 1.4;
    font-size: 20px
}

.box_multi > span {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background: transparent url(//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/pre_bg.png) no-repeat left top;
    background-size: cover;
    display: block;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 10px;
    font-weight: bold;
    margin-bottom: 10px
}

.box_multi .bm-pro {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px
}

    .box_multi .bm-pro > b {
        padding: 10px;
        display: block;
        line-height: 1.5;
        border-bottom: 1px solid #d8d8d8;
        background: #f6f6f6;
        font-size: 15px
    }

        .box_multi .bm-pro > b > a {
            display: block;
            font-size: 12px;
            color: #4a90e2;
            font-weight: normal
        }

    .box_multi .bm-pro > a {
        display: block;
        margin: 10px;
        display: flex;
        overflow: hidden
    }

        .box_multi .bm-pro > a .item-img {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 70px
        }

            .box_multi .bm-pro > a .item-img img {
                width: 100%;
                height: auto
            }

        .box_multi .bm-pro > a .item-info {
            float: left;
            width: 100%;
            margin-left: 10px
        }

            .box_multi .bm-pro > a .item-info h3 {
                margin-bottom: 2px
            }

            .box_multi .bm-pro > a .item-info .item-txt-online {
                display: none
            }

            .box_multi .bm-pro > a .item-info .price {
                display: inline-block;
                vertical-align: middle;
                font-size: 15px;
                color: #d0021b
            }

            .box_multi .bm-pro > a .item-info .box-p {
                display: inline-block;
                vertical-align: middle
            }

                .box_multi .bm-pro > a .item-info .box-p > * {
                    display: inline-block;
                    vertical-align: middle
                }

            .box_multi .bm-pro > a .item-info .price-old {
                color: #666;
                text-decoration: line-through;
                font-size: 13px;
                margin-left: 5px
            }

            .box_multi .bm-pro > a .item-info .percent {
                color: #d0021c;
                font-size: 13px
            }

            .box_multi .bm-pro > a .item-info .item-gift {
                color: #333;
                font-size: 12px
            }

.box_multi .btn-buynow {
    margin-bottom: 0
}

.box_multi .callorder {
    padding-top: 0
}

.box-combo .box_multi .bm-pro > b {
    background: linear-gradient(101.27deg,#2d73ff -21.71%,#1e3fc4 100.69%);
    color: #fff;
    width: calc(100% + 2px);
    display: block;
    top: -1px;
    left: -1px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.box-combo .box_multi .bm-pro a {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 5px
}

span.con_hang {
    display: inline-block
}

.group.desk .owl-nav button span::before {
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    height: 10px;
    width: 10px;
    right: 3px;
    top: 8px
}

.group.desk .owl-nav button.owl-prev span::before {
    left: 3px;
    right: unset
}

.group.desk .owl-nav button {
    height: 30px;
    width: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.box_right .related {
    padding-top: 0;
    padding-top: 10px;
    border-top: 1px solid #f1f1f1
}

.box_right .parameter__title {
    margin-top: 15px
}

.ins-policyMNN {
    padding: 10px;
    border-radius: 4px;
    line-height: 22px;
    background: #f3f3f3;
    margin-bottom: 10px
}

    .ins-policyMNN.xmd {
        margin: auto
    }

        .ins-policyMNN.xmd > b {
            text-transform: uppercase
        }

    .ins-policyMNN ul {
        margin-left: 20px
    }

        .ins-policyMNN ul li {
            list-style: disc
        }

    .ins-policyMNN.xmd ul li {
        list-style: none
    }

    .ins-policyMNN.xmd ul {
        margin-left: 10px
    }

    .ins-policyMNN ul li a {
        color: #2f80ed
    }

.like-fanpage {
    float: right;
    height: 20px
}


.detail-slider.owl-carousel {
    white-space: nowrap;
    overflow: hidden;
    min-height: 394px
}

.detail-slider a.slider-item {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 394px;
    position: relative
}

.detail-slider > a.slider-item:nth-child(n+2) {
    display: none
}



.policy__list > li:nth-child(2n+1):nth-last-child(2) {
    border: none
}

.covid-text {
    background-color: #fffbf9;
    padding: 10px;
    border-radius: 4px;
    color: #e34e00;
    border: 1px solid #ed6261;
    line-height: 1.5;
    margin-bottom: 10px
}

.box_saving .covid-text {
    margin: 0 10px
}

@media screen and (max-width: 1366px) {
    .close-tab {
        top: 62px
    }
}

.Intro-des {
    padding: 10px 7px
}

    .Intro-des h2 {
        font-size: 20px;
        font-weight: bold;
        line-height: 28px;
        margin-bottom: 15px
    }

    .Intro-des h3 {
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px
    }

    .Intro-des p {
        margin-bottom: 5px
    }

    .Intro-des i {
        font-style: normal
    }

    .Intro-des h3 span {
        color: #080808 !important
    }

    .Intro-des h2 span {
        color: #080808 !important
    }

.product__coupon {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 13;
    left: 0;
    right: 0;
    width: 340px;
    margin: auto;
    display: none
}

    .product__coupon img {
        display: block;
        width: 100%;
        height: auto
    }

    .product__coupon .b1 img {
        cursor: initial !important
    }

    .product__coupon > a {
        position: absolute;
        right: 0;
        top: -40px;
        border: 1px solid #e0e0e0;
        width: 67px;
        text-align: right;
        padding: 7px;
        color: #333;
        background: #fff;
        border-radius: 4px;
        cursor: pointer
    }

        .product__coupon > a:before, .product__coupon > a:after {
            background-color: #333;
            content: "";
            left: 13px;
            height: 14px;
            position: absolute;
            top: 10px;
            width: 1px
        }

        .product__coupon > a:before {
            transform: rotate(45deg)
        }

        .product__coupon > a:after {
            transform: rotate(-45deg)
        }

    .product__coupon form {
        padding: 0 10px;
        background: #fff
    }

        .product__coupon form span {
            font-size: 14px;
            line-height: 17px;
            display: block;
            padding: 12px 0
        }

            .product__coupon form span.error {
                display: none;
                color: #d0021c !important;
                border-bottom: 1px solid #e0e0e0
            }

                .product__coupon form span.error.outCoupon {
                    display: block !important
                }

        .product__coupon form input {
            background: #fff;
            border: 1px solid #ddd;
            box-sizing: border-box;
            border-radius: 3px;
            padding: 13px 14px;
            font-weight: bold;
            width: calc(100% - 115px)
        }

        .product__coupon form button {
            background: #2f80ed;
            border-radius: 3px;
            padding: 12px 21px;
            color: #fff;
            text-transform: uppercase;
            border: 0;
            border: 1px solid #2f80ed;
            cursor: pointer
        }

            .product__coupon form button.disabled {
                background: #ddd;
                color: #333;
                border-color: #ddd
            }

        .product__coupon form > div {
            padding: 10px 0 20px
        }

            .product__coupon form > div h3 {
                font-size: 14px;
                line-height: 23px
            }

            .product__coupon form > div strong {
                color: #d0021c;
                font-size: 16px
            }

            .product__coupon form > div ul li {
                list-style: disc;
                margin-left: 25px;
                font-size: 14px;
                line-height: 23px
            }

    .product__coupon.product__coupon__44 {
        width: 460px
    }

        .product__coupon.product__coupon__44 form {
            padding: 20px 20px 0;
            background: #f1f1f1;
            border-radius: 0 0 10px 10px;
            text-align: center
        }

            .product__coupon.product__coupon__44 form > div {
                text-align: left
            }

                .product__coupon.product__coupon__44 form > div > a {
                    background: linear-gradient(94.55deg,#0989ff .42%,#027cec 96.99%);
                    color: #fff;
                    border-radius: 50px;
                    border: 0;
                    font-size: 18px;
                    line-height: 22px;
                    padding: 11px 30px;
                    display: block;
                    width: max-content;
                    margin: 10px auto 0;
                    margin: 10px auto 0
                }

            .product__coupon.product__coupon__44 form input {
                border-radius: 50px;
                font-weight: 300;
                width: calc(100% - 164px)
            }

            .product__coupon.product__coupon__44 form button {
                background: linear-gradient(94.55deg,#0989ff .42%,#027cec 96.99%);
                color: #fff;
                border-radius: 50px;
                border: 0;
                font-weight: 600;
                font-size: 18px;
                line-height: 22px;
                padding: 11px 30px
            }

            .product__coupon.product__coupon__44 form span {
                text-align: center;
                text-decoration: underline
            }

                .product__coupon.product__coupon__44 form span._\5ftitle {
                    text-decoration: initial
                }

                .product__coupon.product__coupon__44 form span.error {
                    text-decoration: initial
                }

                .product__coupon.product__coupon__44 form span span {
                    text-decoration: initial;
                    color: #333
                }

    .product__coupon.product__coupon__iphone.product__coupon__10 form > div > a, .product__coupon.product__coupon__iphone.product__coupon__18 form > div > a {
        background: linear-gradient(267.63deg,#fd2448 0%,#fd7b42 100%);
        color: #fff;
        border-radius: 50px;
        border: 0;
        font-size: 18px;
        line-height: 22px;
        padding: 11px 30px;
        display: block;
        width: max-content;
        margin: 10px auto 0;
        margin: 10px auto 0
    }

    .product__coupon.product__coupon__iphone.product__coupon__10 form button, .product__coupon.product__coupon__iphone.product__coupon__18 form button {
        background: linear-gradient(267.63deg,#fd2448 0%,#fd7b42 100%);
        color: #fff;
        border-radius: 50px;
        border: 0;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        padding: 11px 30px
    }

    .product__coupon.product__coupon__iphone {
        width: 460px
    }

        .product__coupon.product__coupon__iphone form {
            padding: 20px 20px 0;
            background: #f1f1f1;
            border-radius: 0 0 10px 10px;
            text-align: center
        }

            .product__coupon.product__coupon__iphone form > a {
                color: #999;
                display: block;
                padding: 10px
            }

            .product__coupon.product__coupon__iphone form > div {
                text-align: left
            }

                .product__coupon.product__coupon__iphone form > div > a {
                    background: linear-gradient(90deg,#ffdd98 0%,#ffd691 52.48%,#e9af4d 100%);
                    color: #c8000d;
                    border-radius: 50px;
                    font-size: 18px;
                    line-height: 22px;
                    padding: 11px 30px;
                    display: block;
                    width: max-content;
                    margin: 10px auto 0;
                    font-weight: 600;
                    border: 1px solid #c38210
                }

            .product__coupon.product__coupon__iphone form input {
                border-radius: 50px;
                font-weight: 300;
                width: calc(100% - 164px)
            }

            .product__coupon.product__coupon__iphone form button {
                background: linear-gradient(90deg,#ffdd98 0%,#ffd691 52.48%,#e9af4d 100%);
                border-radius: 50px;
                color: #c8000d;
                font-size: 18px;
                line-height: 22px;
                padding: 11px 30px;
                font-weight: 600;
                border: 1px solid #c38210
            }

            .product__coupon.product__coupon__iphone form span {
                text-align: center
            }

                .product__coupon.product__coupon__iphone form span._\5ftitle {
                    width: 80%;
                    margin: auto
                }

                .product__coupon.product__coupon__iphone form span a {
                    text-decoration: underline
                }

                .product__coupon.product__coupon__iphone form span span {
                    color: #333
                }

        .product__coupon.product__coupon__iphone.product__coupon__15 form button, .product__coupon.product__coupon__iphone.product__coupon__15 form div a {
            background: #ffda2b;
            color: #0858ba
        }

.lbl-imported {
    display: inline-block;
    position: relative;
    padding: 3px 10px;
    font-size: 13px;
    background: #ebebeb;
    margin-right: 6px;
    vertical-align: middle;
    border-radius: 2px
}

.detail-rate .lbl-imported {
    top: 3px
}

.sizechart {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #444;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYBAMAAABzQQKJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAwUExURUdwTGZmZmVlZWdnZ2hoaGVlZWZmZmtra2dnZ2BgYGRkZGVlZWdnZ2ZmZmZmZmZmZvJnxa0AAAAPdFJOUwB/YJ8gv18fvxBAb2/fz9pY+VUAAABnSURBVCjPY2DADgSxAob/WAFO4Wdp57+mxf/O+R+W+n8bmJmWCxQOYPD/zGD/neW/AfP/AjCTgYMewtMLgMKc5RAmQpiBASgMJMFMsoSnZQGZnGkLgCSYCRXGAAMkfEkJA+j9Jy0uAT0GzUOrbiWvAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 22px 12px;
    background-position: left center;
    padding-left: 27px;
    text-decoration: underline
}

.popup-sizechart {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100vh;
    z-index: 999;
    display: none
}

    .popup-sizechart > div {
        width: 800px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-height: 80vh
    }

        .popup-sizechart > div > a {
            position: absolute;
            right: 25px;
            top: 15px;
            color: #444;
            font-size: 44px
        }

        .popup-sizechart > div > div {
            max-height: 100%;
            overflow-y: scroll
        }

        .popup-sizechart > div img {
            display: block;
            max-width: 100%;
            height: auto !important
        }

.parameter__list .liright .circle span.iconL, .useNote span.iconL {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    width: 100%
}

    .parameter__list .liright .circle span.iconL img {
        max-width: 30px
    }

    .parameter__list .liright .circle span.iconL b, .useNote span.iconL b {
        padding-left: 5px;
        font-weight: normal
    }

    .useNote span.iconL img {
        margin: 0;
        max-width: 25px
    }

.box01.limit-height {
    min-height: 500px;
    display: block;
    overflow: visible
}

.limit-height .box01__show {
    min-height: unset
}

.limit-height .detail-slider.owl-carousel {
    min-height: unset
}

.box01.limit-height .detail-slider a.slider-item {
    height: calc(60vh - 100px)
}

a.checkingfs-btn {
    position: fixed;
    top: 0;
    right: 0;
    color: #fff;
    padding: 10px;
    background: #4cb200;
    border-bottom-left-radius: 14px
}

.overlay.checking {
    background: rgba(0,0,0,.75)
}

.checkingfs-screen.manu-info-popup__content {
    height: 400px;
    max-height: 80vh;
    border-radius: 0;
    background: #000;
    padding-top: 45px;
    top: 50%
}

.checkingfs-screen span {
    color: #333
}

.checkingfs-screen p {
    margin-bottom: 20px
}

.checkingfs-screen .error {
    background: #dd4b39 !important
}

.checkingfs-screen .success {
    background: #049500
}

.go-back {
    background: #288ad6
}

    .go-back a {
        color: #fff
    }

.watched__label {
    display: flex
}

.clean-watch {
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 0 auto;
    padding-right: 20px;
    cursor: pointer;
    height: 100%
}

.clean-watch {
    position: relative
}

    .clean-watch:hover {
        opacity: 1
    }

    .clean-watch:before, .clean-watch:after {
        position: absolute;
        right: 5px;
        content: " ";
        height: 12px;
        width: 1px;
        top: 3px;
        background-color: #333
    }

    .clean-watch:before {
        transform: rotate(45deg)
    }

    .clean-watch:after {
        transform: rotate(-45deg)
    }

._\5ftheletemp {
    display: block;
    width: max-content;
    margin: 5px auto;
    padding: 1px 35px 1px 30px;
    border: 1px solid;
    border-radius: 30px;
    font-size: 12px;
    position: relative
}

    ._\5ftheletemp:after {
        border-bottom: 1px solid #2f80ed;
        border-right: 1px solid #2f80ed;
        content: "";
        height: 6px;
        position: absolute;
        transform: rotate(45deg);
        top: 4px;
        right: 21px;
        width: 6px
    }

.pr-loyalty {
    display: flex;
    padding: 10px;
    border-radius: 4px;
    background-color: #f6f6f6;
    margin-top: 10px;
    justify-content: space-between
}

.qr-download {
    text-align: center
}

    .qr-download p {
        font-style: italic;
        font-size: 11px;
        line-height: 13px;
        white-space: nowrap;
        color: #666
    }

.text-area {
    text-align: center
}

.text-area__title {
    display: flex;
    align-items: center;
    justify-content: center
}

    .text-area__title span {
        margin-left: 5px;
        font-size: 18px;
        line-height: 24px;
        color: #333
    }

.text-area__content {
    font-size: 14px;
    line-height: 17px;
    color: #333;
    margin-top: 5px
}

.text-area__note {
    font-style: italic;
    font-size: 11px;
    line-height: 13px;
    color: #666;
    margin-top: 5px
}

.download-link {
    width: 136px
}

    .download-link a img {
        display: block
    }

    .download-link a:not(:first-child) img {
        margin-top: 9px
    }

.loyalty {
    position: relative;
    margin-bottom: 10px
}

.box_saving .bs_content .loyalty {
    border-bottom: 1px dashed #f2994a;
    padding: 0 0 10px 5px
}

.box_cleanstock .bc_content .loyalty {
    margin: 10px 0 5px 0
}

.loyalty__main {
    display: flex;
    align-items: center;
    background-color: #fffbe5;
    border-radius: 100px;
    padding: 5px;
    width: fit-content;
    position: relative
}

    .loyalty__main:before {
        display: none;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 9px solid #fff;
        content: "";
        position: absolute;
        bottom: -5px;
        right: 5px;
        z-index: 2
    }

.loyalty.show-tooltip .loyalty__main:before {
    display: block
}

.loyalty__main__point {
    margin-left: 8px
}

.loyalty__main__ic-tooltip {
    margin-left: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #667085;
    color: #667085;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    font-style: normal;
    font-size: 10px;
    cursor: pointer
}

.loyalty__tooltip {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    border-radius: 4px;
    max-width: 640px;
    left: 0;
    margin-top: 5px;
    z-index: 3;
    width: 99.5%
}

    .loyalty__tooltip li {
        list-style: disc;
        margin-left: 25px
    }

        .loyalty__tooltip li a {
            color: #4a90e2
        }

.loyalty.show-tooltip .loyalty__tooltip {
    display: block
}

.box_saving.has-loyalty-point .bs_content .block__promo {
    margin-bottom: 0;
    border-bottom: none;
    padding: 7px 7px 0 7px
}

.box_saving.box_onlineol.has-loyalty-point .bs_rule {
    border-top: none;
    padding-top: 0
}

.campaign.dt > div::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.campaign.dt > div::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0,0,0,.1)
}

.campaign.dt > div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,.2)
}

    .campaign.dt > div::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.4)
    }

    .campaign.dt > div::-webkit-scrollbar-thumb:active {
        background: rgba(0,0,0,.9)
    }

.campaign {
    margin-bottom: 10px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
    white-space: nowrap;
    position: relative
}

    .campaign > div.sliderX {
        display: flex;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained;
        padding-bottom: 5px
    }

    .campaign > b {
        display: block;
        margin-bottom: 10px;
        font-size: 16px
    }

    .campaign > div > div {
        min-width: calc(40% - 3px);
        display: inline-block;
        vertical-align: top;
        padding: 10px 10px 8px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        position: relative;
        margin-right: 5px;
        cursor: pointer;
        overflow: hidden
    }

        .campaign > div > div:last-of-type {
            margin-right: 0
        }

        .campaign > div > div > * {
            display: block;
            margin-bottom: 2px
        }

        .campaign > div > div > figure {
            height: 16px;
            position: relative;
            margin-bottom: 6px
        }

            .campaign > div > div > figure > img {
                max-height: 100%;
                top: 0;
                bottom: 0;
                left: 0;
                margin: auto
            }

            .campaign > div > div > figure.jcb > img {
                height: 15px
            }

            .campaign > div > div > figure.tpbank > img {
                height: 13px
            }

            .campaign > div > div > figure.fecredit > img {
                height: 8px
            }

            .campaign > div > div > figure.vnpayqr > img {
                height: 10px
            }

            .campaign > div > div > figure.fundiin > img {
                height: 15px
            }

        .campaign > div > div > b {
            color: #000;
            font-weight: 400
        }

            .campaign > div > div > b > span {
                font-size: 12px;
                color: #666
            }

        .campaign > div > div > span {
            font-size: 12px;
            color: #666
        }

    .campaign.c1 .campaign-option.kredivoPayment > b > span {
        display: block
    }

    .campaign > div > div > a {
        font-weight: 400;
        color: #fb6e2e;
        margin-bottom: 0
    }

    .campaign > div > div > div {
        width: 16px;
        height: 16px;
        position: absolute;
        right: 20px;
        top: 10px
    }

        .campaign > div > div > div > i {
            font-style: normal;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            display: block;
            background-color: #999;
            color: #fff;
            font-size: 10px;
            text-align: center;
            line-height: 16px;
            position: relative;
            cursor: pointer
        }

            .campaign > div > div > div > i.act {
                background-color: #2f80ed
            }

                .campaign > div > div > div > i.act:before {
                    content: "";
                    position: absolute;
                    width: 12px;
                    height: 12px;
                    background: #e0e0e0;
                    transform: rotate(45deg);
                    top: 15px;
                    right: 2px;
                    box-shadow: -2px -2px 5px -4px
                }

        .campaign > div > div > div > div {
            display: none
        }

    .campaign div.crule {
        position: absolute;
        right: 0;
        top: 70px;
        padding: 10px;
        border-radius: 4px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        z-index: 5;
        white-space: normal;
        line-height: 1.5;
        box-shadow: 0 0 8px #ccc;
        z-index: 3
    }

        .campaign div.crule > * {
            margin-bottom: 10px;
            color: #333;
            white-space: normal
        }

    .campaign.c1 .crule.kredivoPayment {
        top: 80px
    }

    .campaign div.crule div ul {
        list-style: disc;
        padding: 10px;
        padding-left: 30px
    }

    .campaign .cpopup {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,.85);
        z-index: 10
    }

        .campaign .cpopup > div {
            width: 320px;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            background-color: #fff;
            border-radius: 4px;
            padding: 20px;
            line-height: 1.5;
            text-align: center;
            height: 105px;
            display: block;
            white-space: normal
        }

            .campaign .cpopup > div:before {
                content: "×";
                position: absolute;
                right: 7px;
                top: -5px;
                font-size: 26px
            }

    .campaign.dt.c1 > div > div > a {
        float: right
    }

    .campaign.mb > div {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained
    }

        .campaign.mb > div > div {
            min-width: calc(43% - 3px)
        }

    .campaign.mb.c1 > div > div > a {
        display: block;
        padding-top: 2px
    }

    .campaign.c1 > div > div {
        width: calc(100% - 3px)
    }

        .campaign.c1 > div > div > * {
            display: block;
            vertical-align: middle;
            margin-right: 2px
        }

        .campaign.c1 > div > div > div {
            position: relative;
            left: 0;
            top: 0
        }

        .campaign.c1 > div > div > figure > * {
            display: block;
            vertical-align: middle
        }

        .campaign.c1 > div > div > figure.fecredit {
            height: 20px
        }

        .campaign.c1 > div > div > figure > img {
            position: relative
        }

    .campaign.c2 > div > div {
        width: calc((100%/2) - 3px)
    }

    .campaign.c2 .crule div {
        width: initial
    }

    .campaign.c2 .sliderX::-webkit-scrollbar, .campaign.c1 .sliderX::-webkit-scrollbar {
        display: none
    }

    .campaign.c2 .sliderX {
        justify-content: center
    }

    .campaign:not(.c1) .sliderX > div > b > span:last-of-type {
        display: block;
        white-space: pre-wrap;
        max-width: 180px
    }

    .campaign.c2 .sliderX > div > b > span:last-of-type {
        white-space: pre-wrap;
        max-width: unset
    }

.campaign-option > figure > i {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #fb6e2e;
    display: inline-block;
    font-size: 16px;
    cursor: pointer
}

.campaign-option.active {
    border: 1px solid #fb6e2e
}

    .campaign-option.active > figure > i::before {
        content: "";
        display: block;
        height: 100%;
        background-color: #fb6e2e;
        border-radius: 50%
    }

    .campaign-option.active:after {
        content: "";
        width: 4px;
        height: 8px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        background: none;
        margin: -2px 0 0 2px;
        border-radius: 0;
        position: absolute;
        right: 5px;
        top: 3px
    }

    .campaign-option.active:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 30px solid #fb6e2e;
        border-left: 30px solid transparent;
        position: absolute;
        right: -1px;
        top: -1px
    }

.block-button .btn-camp {
    border-radius: 4px;
    display: block;
    font-size: 15px;
    padding: 14px 10px;
    text-align: center;
    margin-bottom: 8px;
    display: block;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
    color: #fff
}

    .block-button .btn-camp span {
        display: block;
        font-size: 12px;
        font-weight: normal
    }

.block-button.normal .btn-camp {
    background-color: #fb6e2e
}

.block-button.saving .btn-camp {
    background-color: #d0021c;
    font-weight: bold
}

.block-button.twoprice .btn-camp, .block-button.twopriceolol .btn-camp {
    background-color: #d0021c;
    padding: 6px 0;
    text-transform: inherit;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 48px
}

.box_saving .bs_content .campaign {
    padding-left: 10px;
    padding-right: 7px
}

    .box_saving .bs_content .campaign > div.sliderX {
        padding-bottom: 0
    }

.box_twoprice .campaign > div.sliderX {
    padding-bottom: 0
}

.campaign.c2 > div > div.homepaylater > span, .campaign.c3 > div > div.homepaylater > span {
    white-space: normal
}

.survey-wrap-slider {
    align-items: center;
    display: none;
    margin-top: 0
}

    .survey-wrap-slider .crm-survey-render {
        min-width: 100%
    }

.survey-wrap-popup {
    align-items: center;
    display: flex;
    margin-top: 0
}

    .survey-wrap-popup .crm-survey-render {
        min-width: 100%
    }

.box01 .owl-carousel.detail-slider-productimg .owl-item:last-child {
    display: flex
}

    .box01 .owl-carousel.detail-slider-productimg .owl-item:last-child img:not(.monopoly-label) {
        min-height: unset
    }

.survey-wrap .crm-survey-render p, .survey-wrap .crm-survey-render div {
    line-height: unset;
    margin-bottom: 0;
    font-size: 14px !important
}

.survey-wrap .main-form .answer-input {
    margin-bottom: 6px
}

.detail-slider .survey-wrap-slider button, .slider-tab .survey-wrap-popup button {
    opacity: 1
}

.product__coupon.product__coupon__999 form button {
    background: unset !important;
    border: unset;
    color: unset;
    padding: unset;
    font-weight: unset;
    line-height: unset;
    font-size: unset;
    float: right
}

.product__coupon__999 .img_coupon_getcode {
    height: 46px !important;
    width: auto
}

.product__coupon.product__coupon__999 form > div > a {
    background: unset;
    border: unset;
    padding: unset;
    font-weight: unset;
    color: unset
}

.product__coupon form > a.otp_ccm {
    pointer-events: none
}

.product__coupon form > a.colorccm {
    color: #288ad6;
    pointer-events: auto !important
}

.multi.block-price2 {
    position: relative;
    z-index: 1
}

    .multi.block-price2.active.idx {
        z-index: 3
    }

    .multi.block-price2.green.active {
        border: 1px solid #10984b
    }

    .multi.block-price2.red.active {
        border: 1px solid #d92d20
    }

    .multi.block-price2.purple.active {
        border: 1px solid #6938ef
    }

.price-two.fight.multi .box-price {
    border-top: 8px solid #fff;
    border-radius: 8px 8px 0 0;
    margin-bottom: -1px;
    position: relative;
    padding: 0 0 10px 0
}

    .price-two.fight.multi .box-price.active {
        border-bottom: 0;
        z-index: 2
    }

    .price-two.fight.multi .box-price.green {
        border-bottom: none
    }

        .price-two.fight.multi .box-price.green.active {
            border-top: 8px solid #10984b
        }

    .price-two.fight.multi .box-price.red {
        border-bottom: none
    }

        .price-two.fight.multi .box-price.red.active {
            border-top: 8px solid #d92d20
        }

    .price-two.fight.multi .box-price.purple.active {
        border-top: 8px solid #6938ef;
        border-left: 1px solid #6938ef;
        border-right: 1px solid #6938ef;
        border-bottom: 0;
        background-color: #fff
    }

    .price-two.fight.multi .box-price .box-price-online {
        font-size: 15px;
        font-weight: bold;
        padding: 10px 0 0 0
    }

    .price-two.fight.multi .box-price.active .box-price-online {
        padding: 0;
        background-color: #10984b;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 5px;
        color: #fff;
        margin-bottom: 5px
    }

    .price-two.fight.multi .box-price.red.active .box-price-online {
        background-color: #d92d20
    }

    .price-two.fight.multi .box-price.purple.active .box-price-online {
        background-color: #6938ef
    }

    .price-two.fight.multi .box-price.red .box-price-online:after {
        content: "Phổ biến";
        padding: 0 4px;
        background-color: #fff3e9;
        border: 1px solid #ffcfb5;
        color: #e55511;
        display: inline-block;
        vertical-align: bottom;
        font-size: 10px;
        border-radius: 8px;
        margin-left: 3px;
        height: 18px;
        line-height: 20px
    }

.price-two.fight.multi .box-price-present {
    font-weight: normal;
    font-size: 14px;
    padding: 4px 0 0 0
}

.price-two.fight.multi .box-price.active .box-price-present {
    font-weight: bold;
    color: #e83a45;
    font-size: 16px
}

.policy-multi > b {
    display: block;
    font-size: 16px;
    margin-bottom: 10px
}

    .policy-multi > b > a {
        font-size: 14px;
        float: right;
        color: #2377e8;
        font-weight: normal
    }

.policy-multi ul {
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px
}

    .policy-multi ul li {
        margin-bottom: 10px;
        padding-left: 20px;
        background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFqSURBVHgB7ZdBTsJAFIb/N9XIko0hrAR14THwBh6hngBddQks0Q2cALwBN1BPIEsXaroj7LpyAWGe71EgRK0tJURN5k+aTjPTed/MdPEVcPnlUNqA02DUZJg6wEVsEAZCA757aZebyAtwEox7MpWPrUL913bpMrE3qUNWXmPQva7EWs8Pbw8fsUHOglFlCvOkO0fgc9mJh+/GmaQJrEVlTsgYblpc89wuh3IbaJvZO0oaZ5ASJoqww6QC7DoOwAE4AAfgABzA/wZQadELW2QPObKwpYbYUk2fj4Nx38K2wlhCdgcQaxb1loXFl0RWOBLl8j2QnwckE8DC7xrTlaBSxIyOnbx3CweF4gRenWCvPoNkmTsVQKz1Qlbtz0Ub6nfU1MJhp7pUNb1fC2RXIdWilyCLvh+T4SOM/wfkzPszcPXtptRaK76KSqjq976MURVffzcXgDEI4xYN5oVl8ixn+xWEohnxEC5/NR9p0prGL5uuSQAAAABJRU5ErkJggg==) no-repeat left 2px;
        background-size: 16px 16px
    }

        .policy-multi ul li:last-child {
            margin-bottom: 0
        }

        .policy-multi ul li b {
            display: flex;
            font-size: 13px;
            margin-bottom: 5px
        }

        .policy-multi ul li p {
            line-height: 1.5;
            margin: 2px 0 0 10px
        }

            .policy-multi ul li p::before {
                content: "●";
                margin-right: 10px;
                margin-bottom: 2px;
                margin-top: -1px;
                color: #333;
                font-size: 8px
            }

.popup-multi {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.75);
    left: 0;
    top: 0;
    z-index: 9999
}

    .popup-multi div {
        position: absolute;
        left: 0;
        right: 0;
        width: 90%;
        max-height: 80vh;
        max-width: 560px;
        margin: auto;
        top: 50%;
        transform: translateY(-50%)
    }

        .popup-multi div table {
            width: 100%;
            background-color: #fff;
            border-radius: 8px;
            overflow-y: auto;
            display: block;
            max-height: 84vh
        }

            .popup-multi div table thead, .popup-multi div table tfoot {
                display: block
            }

            .popup-multi div table tbody {
                display: block;
                overflow-y: auto;
                max-height: 50vh
            }

                .popup-multi div table tbody::-webkit-scrollbar {
                    width: 5px
                }

                .popup-multi div table tbody::-webkit-scrollbar-thumb {
                    background-color: #ccc;
                    border-radius: 4px;
                    height: 100px
                }

            .popup-multi div table tr {
                display: grid;
                grid-auto-rows: minmax(min-content,max-content);
                grid-template-columns: repeat(3,minmax(0,1fr));
                justify-content: space-around
            }

            .popup-multi div table.two tr {
                display: grid;
                grid-auto-rows: minmax(min-content,max-content);
                grid-template-columns: repeat(2,minmax(0,1fr));
                justify-content: space-around
            }

        .popup-multi div > a {
            width: 42px;
            height: 42px;
            margin: 15px auto 0 auto;
            display: block;
            background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAX3SURBVHgB7Z3dVdtIFMevRXjggYOpAKeCZTswFSRUAKlgoQJEBWErWG8FoYM4FeCtYJUKMLzwwDHs/St32MHWx0iaKw1Cv3MSybawrR93PjRzNYwoAG5vbye8mUZRdDAajbA/eX5+nsjLk7XDl/jHxyXY8nGLp6enf3g/2d/fX1DHjKgDWOCY5Z2wlCkLmfJTY/IDRM95e71arX6w4IRapjWhlsTPIlEdkTtrU666UBY53draOmGJn8lfJFaG5ULspbZYNaEi8qKtaHRFW6x3oWhgWORXichg0RLrVejd3V3Mmz+ow6Jdg8u9vb2YPOFFKKKSG5xvvHtIb5OEu15HPqI1ooZwVJ6xzBt6uzIBAuKGA+OMGtIoQlnmFf0q4n2iURVQSyj6lNzwfAutBfcF+q/cYB1zFbCs+KPVhfagvnQFl7THVevVSkJF5nfavL7uK5UbK2ehcukImX2PzHUWItWp+Du38qgz6f3JBIdy7k44CUWHva8NkAs49/v7+68ux5YWefQzeeP0Zn2Hi/45F/2romMKhUojhE77W7qU1GTJUn8vaqQKi7w0QoPM/xlLlzGXXKEy0DGhgXUO2c1F3ouZRV6K+r80kEdu0c+MUAwM00ARuPTObKg3InSITnekwz+3n9uI0CE63cly9SpCh+isznqUvopQ5ejEtXCMaWT+El/46mNOSuC9+XNOOTim/HBGimBG1378EqHa0Smt4qvMDul+xOSXmAeIL+0n+NwOFfvUaPE/msETO0KnpMcsK01GTjwmf2zIBPLZV6RDmsBhHrwIXQ9dn/AHzvJe8yg1U6ZB8p9UQDVm9lOhKO6ao0lW4lcmHqQWyhTULqHhDuPF2DcROiVdTssOaCDVRaZqCQSm2EfyYZ9IEfwGZWygkBpSnWS2MZ5r3j+yHyhz4Vmqs0x8NimD1ExsI3QpqL0hOl9Sg5IpjB8eHg4QoRNql6ZSQ5SZ8vj4iCzs6Ddqn7pSg5UJ0Jv5wGX/kHeoAyCVytJeIBDHmX0qoSuZwmTEs3nfO57R9JZO2LHMdAwhKut0t4BT8S+ja5kAd7CgUQphEq6R1BBkGkb8ZTqpQHOoXPxDkgkaJ9x6plKkhiYThCYUVCkxIZWulNCEOvUzDQrjqY2B0ITCoJJMQ2BSl6FEaC2ZhoCkLiO5q7dLGsk0hCCV+/QJOvYJdYfztbnSeKpvlh+ouzq08kBHxWv/mFqGS/si4smrn9Q+dUeNLkKO1FQob+fULk2H4IKVulqtfqaJDvwFb6mda3qf45lOl6lKyRRZLPn77KfdJln5QBvfg8NBRapJLYrsB5ofpjQ47CxVO2h45uM63eI/bpj+JkWKMkcMDQY6nKRy/aZ6jljXBNtUKBKdlH+DhXeheRg1cpGakBIogSY9PLKevCYl+L1z78DzOARXKLWt3C07nXEs6YxaKX9HGemMMfkfz9xo/SWd8YaUkHTGBPsj+wU+wb/IIQ+pLrJwCuqyiSw9NCUFrPWa7lgkSofmOigz/gV+efls+xUsDSSJqQOO2NEJXg3fIVe8pT5pX5it36u0MR6KtYxowAmOzg1XG0IlStVa/B4xc76TjqP0nEr6ju+drOgEmULFvFaSfx+I827xHhX9FHej3voCVxok3E36mPdi4SQdltmhoejbpBcoRQcUCkVY59UV75S4bMmh0mlkWWNjqE9/jef+WXbQiBwJII+0MzCaNB6Pj1yOdU50wFpwvOl8Fe4OWLDQY9eDnSMUDEu1lVMpFUcaKYT+e4jURZ1FWitFqKHvy12izkQxb2W5S5sWp2jb5Ipb83OqSaPsO8wmYvky6kfnH+dw1kQmaBShhh40VrUWX83Ci1DDG6wCEJVXPtIpDV6FAolWiD2lgMEsL/87D/oPA9iEKhYtOPdQ4t3d3R+kgJpQQyBiUbSvMX+uJdKgLtRg/ggVT6+cmJv1tZH1m66RalSnT1mH1oTaWHI/iVxvf6BKJM7blGjTidB1kNnB9doBUnYkbQeCJyxmTGuyrXsCErnhIt1ub2/Pd3Z2usjGfsV/h2FYW7fnXnkAAAAASUVORK5CYII=") no-repeat left top;
            background-size: 100% 100%
        }

        .popup-multi div table th {
            padding: 10px;
            color: #fff;
            text-align: center
        }

            .popup-multi div table th.green {
                background-color: #10984b
            }

            .popup-multi div table th.red {
                background-color: #d92d20
            }

                .popup-multi div table th.red::after {
                    content: "Phổ biến";
                    padding: 0 4px;
                    background-color: #fff3e9;
                    border: 1px solid #ffcfb5;
                    color: #e55511;
                    display: inline-block;
                    vertical-align: bottom;
                    font-size: 10px;
                    border-radius: 8px;
                    margin-left: 3px;
                    height: 18px;
                    line-height: 20px
                }

            .popup-multi div table th.purple {
                background-color: #6938ef
            }

        .popup-multi div table td {
            padding: 9px 10px;
            border-bottom: 1px solid #ccc;
            line-height: 1.5;
            vertical-align: top;
            position: relative
        }

            .popup-multi div table td.active {
                background-color: #f8f8f8
            }

            .popup-multi div table td > b {
                color: #e83a45;
                font-size: 16px;
                display: block
            }

            .popup-multi div table td > i {
                color: #6e6e6e;
                font-style: normal;
                font-size: 13px;
                text-decoration: line-through
            }

            .popup-multi div table td em {
                color: #e83a45;
                font-style: normal;
                font-size: 13px
            }

            .popup-multi div table td p, .popup-multi div table td .address-deli.fromxtoy {
                display: none
            }

            .popup-multi div table td span {
                display: block
            }

                .popup-multi div table td span:first-child {
                    color: #333
                }

            .popup-multi div table td strong {
                font-size: 13px
            }

            .popup-multi div table td span.dot {
                padding-left: 10px;
                position: relative;
                margin-bottom: 5px
            }

                .popup-multi div table td span.dot:before {
                    content: "";
                    width: 4px;
                    height: 4px;
                    border-radius: 50%;
                    background-color: #ccc;
                    position: absolute;
                    left: 0;
                    top: 8px
                }

            .popup-multi div table td a {
                display: none;
                height: 25px;
                line-height: 23px;
                border-radius: 4px;
                margin: auto;
                text-align: center
            }

            .popup-multi div table td span.dot a {
                display: unset;
                line-height: unset;
                border-radius: unset;
                margin: unset;
                text-align: unset
            }

            .popup-multi div table td a.gray {
                border: 1px solid #c7c7c7;
                color: #a4a4a4;
                display: none;
                width: 100px
            }

            .popup-multi div table td a.blue {
                display: block;
                border: 1px solid #2377e8;
                color: #fff;
                background-color: #2377e8;
                width: 80px
            }

            .popup-multi div table td.active a.gray {
                display: block
            }

            .popup-multi div table td.active a.blue {
                display: none
            }

.price-two.fight.multi .box-price .box-price-old, .price-two.fight.multi .box-price .box-price-percent {
    opacity: 0
}

.price-two.fight.multi .box-price.active .box-price-old, .price-two.fight.multi .box-price.active .box-price-percent {
    opacity: 1
}

.block__promo.promoskip p.pr-txtb {
    font-weight: bold;
    padding: 10px 10px 5px
}

.block__promo.promoskip .radio-block {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px
}

    .block__promo.promoskip .radio-block:last-child {
        border-bottom: unset;
        padding-bottom: unset
    }

.block__promo.promoskip .divb-right {
    padding-left: unset !important
}

.block__promo.promoskip .pr-content .pr-item {
    padding-top: 0
}

.block__promo.promoskip span.skipspan {
    display: block;
    position: relative;
    margin-top: 10px;
    line-height: 1.4;
    padding-left: 12px
}

    .block__promo.promoskip span.skipspan:before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        background-color: #333;
        width: 4px;
        height: 4px;
        border-radius: 50%
    }

    .block__promo.promoskip span.skipspan p.red {
        display: inline-flex;
        margin-right: 5px;
        font-size: 13px
    }

.box_saving .bs_content .block__promo.promoskip {
    border: 1px solid #e0e0e0;
    margin: 0 5px 10px;
    border-radius: 5px
}

.note_promotion_air {
    background-color: #fff3c2;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    padding: 5px 10px;
    margin-bottom: 10px
}

.box_saving .note_promotion_air {
    margin: 0 5px 10px
}

.note_promotion_air span, .note_promotion_air b {
    color: #e83a45;
    font-size: 14px;
    line-height: 20px
}

.policy-vs {
    background-color: #fff;
    border-radius: 12px;
    margin: 0 0 25px;
    padding: 25px 12px 12px
}

    .policy-vs h2 {
        color: #2f80ed;
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-left: 22px;
        margin-top: 10px;
    }

.policy__list .pl-icon {
    width: 32px
}

    .policy__list .pl-icon img {
        display: block;
        width: 100%
    }

.policy__list .pl-txt {
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
    width: calc(100% - 32px)
}

 {
    background-color: #f2f4f7;
    color: #344054
}

     .box_main {
        border-top: none;
        padding-top: 5px;
        margin-top: 10px
    }

         .box_main .box_left {
            width: calc(100% - 480px)
        }

         .box_main .box_right {
            margin-left: 0;
            padding: 15px;
            background-color: #fff;
            border-radius: 12px
        }

             .box_main .box_right .border20 {
                width: calc(100% + 30px);
                margin-left: -15px
            }

     .breadcrumb {
        background-color: transparent;
        line-height: 1;
        margin-bottom: 15px;
        margin-top: 15px
    }

         .breadcrumb li {
            padding-right: 10px;
            height: 20px;
            line-height: 20px
        }

             .breadcrumb li a {
                color: #98a2b3;
                padding: 0 0 0 10px
            }

             .breadcrumb li:first-child a {
                padding-left: 0
            }

             .breadcrumb li:last-child a {
                color: #344054;
                padding-left: 5px
            }

         .breadcrumb span {
            vertical-align: top;
            line-height: .7
        }

     .box02 {
        min-width: auto;
        min-height: 19px
    }

         .box02 > * {
            display: inline-block;
            vertical-align: middle
        }

         .box02 .box02__right {
            float: right;
            margin-right: 10px;
            font-size: 14px;
            top: 0
        }

         .box02 .tab-spec {
            float: right;
            margin-right: 10px;
            font-size: 14px
        }

#slider-detail {
    width: 100%;
    position: relative;
    height: 490px;
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 20px
}

    #slider-detail > img.monopoly {
        position: absolute;
        left: 20px;
        top: 77.5%;
        z-index: 11;
        border-radius: 6px;
        width: auto;
        height: 20px
    }

.thubmail-slide {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 380px
}

    .thubmail-slide .item-img img {
        height: 100%;
        max-width: 100%;
        width: auto
    }

    .thubmail-slide .owl-carousel {
        display: block
    }

        .thubmail-slide .owl-carousel .owl-dots {
            overflow-x: scroll;
            white-space: nowrap;
            width: 100%;
            margin: 10px 0 0;
            text-align: center
        }

            .thubmail-slide .owl-carousel .owl-dots .topzone-playvideo {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

            .thubmail-slide .owl-carousel .owl-dots.show {
                display: block !important
            }

    .thubmail-slide.full .owl-carousel .owl-dots {
        width: 100%
    }

    .thubmail-slide .owl-carousel .owl-dot {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        border-radius: 8px;
        background: #fff;
        height: 50px !important;
        width: 50px;
        padding: 4px !important;
        border: 1px solid transparent;
        position: relative
    }

        .thubmail-slide .owl-carousel .owl-dot:first-child {
            margin-left: 5px
        }

    .thubmail-slide .owl-carousel .owl-dots button {
        opacity: 1
    }

        .thubmail-slide .owl-carousel .owl-dots button.feature {
            padding: 0 !important;
            background: transparent url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon-feature-min.png?v=1") no-repeat center center;
            background-size: 49px 49px;
            border-radius: 0
        }

            .thubmail-slide .owl-carousel .owl-dots button.feature img {
                display: none
            }

    .thubmail-slide .owl-carousel .owl-dot:last-child {
        margin-right: 0
    }

    .thubmail-slide .owl-dot img {
        max-width: 100%;
        display: block;
        max-height: 100%;
        margin: auto
    }

    .thubmail-slide .owl-dot.active {
        border: 1px solid #fb6e2e
    }

    .thubmail-slide .owl-dot.unactive {
        border: 1px solid transparent !important
    }

    .thubmail-slide .owl-carousel .owl-dots::-webkit-scrollbar {
        display: none
    }

    .thubmail-slide .owl-carousel .owl-item img {
        height: 380px;
        max-height: 100%;
        max-width: 100%;
        object-fit: cover;
        width: auto
    }

    .thubmail-slide .owl-carousel .item-img, .thubmail-slide .owl-carousel .item-video {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 380px
    }

    .thubmail-slide .owl-carousel .item-video {
        position: relative
    }

        .thubmail-slide .owl-carousel .item-video > i {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            z-index: 3;
            cursor: pointer
        }

        .thubmail-slide .owl-carousel .item-video img {
            width: auto;
            height: auto
        }

    .thubmail-slide .owl-carousel .owl-nav {
        position: absolute;
        top: calc(50% - 25px);
        width: 100%
    }

    .thubmail-slide .owl-stage-outer:hover ~ .owl-nav button.owl-next, .thubmail-slide .owl-stage-outer:hover ~ .owl-nav button.owl-prev {
        display: block;
        transition: 1s
    }

    .thubmail-slide .owl-carousel .owl-nav button::after, .thubmail-slide .owl-carousel .owl-nav button::before {
        display: none
    }

    .thubmail-slide .owl-carousel .owl-nav button.owl-next, .thubmail-slide .owl-carousel .owl-nav button.owl-prev {
        font-size: 40px;
        position: absolute;
        top: 0;
        color: #101828
    }

    .thubmail-slide .owl-carousel .owl-nav button.owl-next {
        right: 0
    }

    .thubmail-slide .owl-carousel .owl-nav button.owl-prev {
        left: 0
    }

    .thubmail-slide .next:after {
        content: "";
        width: 8px;
        height: 8px;
        border-top: 2px solid #475467;
        border-right: 2px solid #475467;
        transform: rotate(45deg);
        position: absolute;
        bottom: -37px;
        right: 19px;
        background-position: unset;
        background: unset;
        z-index: 2;
        cursor: pointer
    }

    .thubmail-slide .next.disabled {
        opacity: 0
    }

    .thubmail-slide .next:before {
        content: "";
        background: rgba(255,255,255,.7);
        width: 44px;
        height: 44px;
        z-index: 2;
        bottom: -54px;
        right: 0;
        position: absolute;
        cursor: pointer;
        border-radius: 50%;
        box-shadow: 0 0 7px 0 rgba(0,0,0,.15)
    }

    .thubmail-slide .prev.disabled {
        opacity: 0
    }

    .thubmail-slide .prev:after {
        content: "";
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #475467;
        border-left: 2px solid #475467;
        transform: rotate(45deg);
        position: absolute;
        bottom: -37px;
        left: 19px;
        background-position: unset;
        background: unset;
        z-index: 2;
        cursor: pointer
    }

    .thubmail-slide .prev:before {
        content: "";
        background: rgba(255,255,255,.7);
        width: 44px;
        height: 44px;
        z-index: 9;
        bottom: -54px;
        left: 0;
        position: absolute;
        transform: rotate(-180deg);
        z-index: 2;
        cursor: pointer;
        border-radius: 50%;
        box-shadow: 0 0 7px 0 rgba(0,0,0,.15)
    }

.slider-img > .item-img:nth-child(n+2) {
    display: none
}

.video-sp {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    height: 380px;
    background: #000;
    z-index: 9;
    display: none
}

    .video-sp iframe, .video-sp video {
        width: 100%;
        height: 100.6%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .video-sp.active {
        display: block
    }

    .video-sp img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: auto
    }

    .video-sp i {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        font-style: normal;
        background-color: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 12px;
        font-weight: bold
    }

.gallery-count, .feature-count {
    position: absolute;
    right: 10px;
    bottom: 80px;
    padding: 2px 10px;
    border-radius: 8px;
    background-color: #eaecf0;
    color: #344054;
    font-size: 12px;
    font-style: normal;
    z-index: 9
}

.gallery-count {
    bottom: 110px
}

.gallery-img {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 8;
    width: calc(100% - 40px)
}

.feature-img {
    position: absolute;
    left: 20px;
    top: 20px;
    width: calc(100% - 40px);
    z-index: 9;
    overflow: hidden
}

    .feature-img .thubmail-slide {
        height: 380px;
        background-color: #fff
    }

    .feature-img .owl-carousel .owl-stage-outer {
        background-color: #fff
    }

    .feature-img .owl-carousel .owl-dots {
        display: none
    }

    .feature-img .feature-count {
        bottom: 10px
    }

.popup-error {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    background: rgba(0,0,0,.5)
}

    .popup-error a.pe-close {
        color: #98a2b3;
        font-size: 29px;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 2
    }

    .popup-error div {
        position: relative;
        width: 350px
    }

        .popup-error div div {
            background-color: #fff;
            padding: 20px 30px 60px 30px;
            border-radius: 8px;
            font-size: 15px;
            text-align: center;
            line-height: 1.5
        }

    .popup-error a.pe-btn {
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 8px;
        color: #fff;
        background-color: #0071e3;
        text-align: center;
        font-size: 15px;
        display: block;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: auto;
        width: 275px
    }

#slider-detail.show {
    height: calc(380px + 100px)
}

    #slider-detail.show .thubmail-slide {
        height: calc(380px + 100px)
    }

        #slider-detail.show .thubmail-slide .owl-carousel .item-img, #slider-detail.show .thubmail-slide .owl-carousel .item-video {
            height: 380px
        }

    #slider-detail.show > img.monopoly {
        top: 81.5%
    }

    #slider-detail.show .thubmail-slide .next:after {
        bottom: 60px
    }

    #slider-detail.show .thubmail-slide .next:before {
        bottom: 43px
    }

    #slider-detail.show .thubmail-slide .prev:after {
        bottom: 60px
    }

    #slider-detail.show .thubmail-slide .prev:before {
        bottom: 43px
    }

#slider-detail.thumb {
    height: auto
}

    #slider-detail.thumb > img {
        max-width: 100%;
        width: auto;
        display: block;
        margin: auto;
        height: auto
    }

.tabs {
    display: block;
    text-align: center;
    padding: 20px 0 15px 0;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 12px 12px 0 0
}

    .tabs .tab-link {
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #e5e5e5;
        color: #3a3a3a;
        padding: 10px 0;
        margin: 0 15px 0 0;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        width: 245px;
        font-size: 16px
    }

        .tabs .tab-link:last-child {
            margin-right: 0
        }

        .tabs .tab-link.current {
            border: 1px solid #bbddfd;
            background-color: #f1f8fe;
            color: #2a83e9
        }

.tab-content {
    display: none
}

    .tab-content.current {
        display: inherit
    }

.description {
    display: none;
    overflow: hidden
}

    .description .list-img-detail {
        display: block;
        overflow: hidden;
        max-width: 980px;
        width: 100%;
        margin: auto
    }

        .description .list-img-detail .img-dt {
            display: block;
            overflow: hidden;
            width: 980px
        }

            .description .list-img-detail .img-dt img {
                display: block;
                width: 100%
            }

    .description .text-detail, .product-review .text-review {
        display: block;
        overflow: hidden;
        position: relative;
        padding: 0 10px;
        background-color: #fff
    }

        .description .text-detail ul {
            list-style: inside
        }

        .description .text-detail.expand {
            max-height: 100%
        }

        .description .text-detail video, .product-review .text-review video {
            display: block;
            width: 100%;
            height: auto
        }

    .description.short .text-detail, .product-review.short .text-review {
        height: 300px;
        overflow: hidden
    }

.text-detail > * {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    color: #101010;
    margin-bottom: 15px
}

.text-detail > h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    margin: 20px 0 15px 0
}

    .text-detail > h3 > * {
        font-size: 20px
    }

.text-detail iframe {
    width: 100%;
    height: 400px
}

.text-review > * {
    font-size: 15px;
    line-height: 1.5
}

.text-detail a {
    color: #2997ff
}

.text-detail img, .text-review img {
    display: block;
    width: calc(100% + 20px) !important;
    margin-left: -10px;
    height: auto !important
}

.text-detail .btn-detail, .text-review .btn-review {
    border-radius: 5px;
    color: #2f80ed;
    display: block;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px 5px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    border: none
}

.text-review .readmore-btn {
    border-radius: 5px;
    color: #2f80ed;
    display: block;
    margin: 0 auto;
    max-width: 340px;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none
}

.text-review span {
    width: auto !important;
    height: auto !important
}

.text-review table {
    width: fit-content !important;
    display: flex;
    overflow: auto
}

.text-review ul, ol {
    list-style: outside;
    font-size: 15px;
    line-height: 24px
}

.text-detail .btn-detail span, .text-review .btn-review span, .text-review .readmore-btn span {
    position: relative
}

    .text-detail .btn-detail span::before, .text-review .btn-review span::before {
        content: "";
        position: absolute;
        top: 3px;
        right: -15px;
        border-right: 1px solid #2f80ed;
        border-bottom: 1px solid #2f80ed;
        transform: rotate(45deg);
        width: 6px;
        height: 6px;
        border-left: none;
        border-top: none
    }

    .text-review .readmore-btn span::before {
        content: "";
        position: absolute;
        top: 8px;
        right: -15px;
        border-right: 1px solid #2f80ed;
        border-bottom: 1px solid #2f80ed;
        transform: rotate(225deg);
        width: 6px;
        height: 6px
    }

.text-detail table {
    width: 100% !important;
    height: auto !important
}


.specifications {
    padding: 0 15px 15px 15px;
    background-color: #fff;
    border-radius: 0 0 12px 12px
}

    .specifications .box-specifi {
        display: block;
        overflow: hidden;
        margin: 0 0 10px
    }

.box-specifi > a {
    display: block;
    overflow: hidden;
    background: #f2f4f7;
    padding: 15px 10px;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    position: relative;
    border-radius: 8px;
    margin-top: 10px;
}

    .box-specifi > a:after {
        content: "";
        width: 8px;
        height: 8px;
        border-right: 2px solid #101828;
        border-bottom: 2px solid #101828;
        transform: rotate(45deg);
        position: absolute;
        right: 14px;
        top: 38%
    }

    .box-specifi > a.active:after {
        transform: rotate(-135deg);
        top: 48% 
    }

    .box-specifi > a h3 {
        color: #2f80ed;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        margin: 6px;
    }

.box-specifi .text-specifi {
    display: none;
    overflow: hidden
}

    .box-specifi .text-specifi.active {
        display: block
    }

    .box-specifi .text-specifi a.tzLink {
        display: block;
        color: #2997ff;
        line-height: 20px
    }

.text-specifi li {
    display: block;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #eaecf0
}

    .text-specifi li:last-child {
        border-bottom: 0;
        padding: 10px 10px 0
    }

    .text-specifi li aside:first-child {
        float: left;
        width: 200px;
        max-width: 30%;
        margin-right: 30px
    }

    .text-specifi li aside:last-child {
        display: block;
        overflow: hidden
    }

    .text-specifi li aside strong {
        display: block;
        overflow: hidden;
        line-height: 20px;
        font-weight: 600;
        color: #344054
    }

    .text-specifi li aside span {
        display: block;
        overflow: hidden;
        line-height: 20px;
        color: #344054;
        font-weight: 400
    }

        .text-specifi li aside span.circle {
            line-height: 25px
        }

        .text-specifi li aside span a {
            color: #2997ff
        }

            .text-specifi li aside span a.circle {
                display: block;
                margin-bottom: 5px;
                color: #2997ff
            }

        .text-specifi li aside span.parameter__manu {
            display: inline;
            color: #2a83e9;
            cursor: pointer
        }

    .text-specifi li aside small {
        display: block;
        overflow: hidden;
        font-size: 15px;
        line-height: 23px;
        color: #101010;
        font-weight: 400
    }

        .text-specifi li aside small:before {
            content: "●";
            font-size: 8px;
            color: #101010;
            display: inline-block;
            vertical-align: middle;
            margin: 0 2px 0 0
        }

.specification-tab {
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(2,minmax(0,1fr));
    justify-content: space-around;
    margin-bottom: 15px;
    background-color: #fcfcfd
}

    .specification-tab.col3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .specification-tab.col4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .specification-tab.col5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .specification-tab > a {
        text-align: center;
        border-bottom: 2px solid #f2f2f2;
        color: #1d2939;
        font-size: 12px;
        padding: 10px
    }

        .specification-tab > a.active {
            border-bottom-color: #2a83e9;
            background-color: #f1f8fe;
            color: #2a83e9;
            font-weight: bold
        }

.specification-manu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    left: 0;
    top: 0;
    z-index: 9999;
    display: none
}

    .specification-manu > div {
        width: 90%;
        max-width: 450px;
        max-height: 80vh;
        top: 10%;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #fff;
        border-radius: 12px;
        padding: 15px;
        overflow-y: scroll;
        overflow-x: hidden
    }

        .specification-manu > div > * {
            display: block;
            margin-bottom: 10px;
            line-height: 1.5;
            font-size: 14px
        }

        .specification-manu > div > i {
            background-color: #98a2b3;
            height: 16px;
            right: 20px;
            left: initial;
            cursor: pointer
        }

            .specification-manu > div > i:before {
                background-color: #98a2b3;
                height: 16px
            }

        .specification-manu > div > img {
            max-width: 80%;
            margin: 0 auto 20px auto
        }

 .policy {
    margin-top: 0
}

 .policy_intuitive {
    border: none;
    background-color: #fff;
    border-radius: 12px
}

 .product-name {
    display: block;
    position: relative;
    /*padding-right: 155px*/
}

     .product-name > * {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 5px
    }

    .product-name > h1 {
        padding: 0;
        font-size: 28px;
        line-height: 1.4;
        margin-right: 20px;
        font-weight: bold;
    }

     .product-name > img {
        border-radius: 8px
    }

     .product-name > span {
        border-radius: 16px;
        padding: 2px 8px
    }

         .product-name > span.lb-b2p1 {
            background-color: #fffaeb;
            color: #dc6803
        }

         .product-name > span.lbl-imported {
            position: unset;
            background-color: #f2f4f7;
            color: #344054
        }

         .product-name > span.label--orange {
            background-color: #fef3f2;
            color: #d92d20;
            font-size: 14px;
            line-height: 1
        }

     .product-name .box02 {
        padding: 0
    }

 .quantity-sale {
    color: #98a2b3;
    font-size: 14px;
    float: left;
    margin-right: 12px
}

 .detail-rate i {
    margin-bottom: 2px
}

 .detail-rate p,  .detail-rate-total {
    color: #98a2b3;
    margin-top: 0;
    font-size: 14px
}

 .sale-method {
    font-size: 16px;
    text-transform: uppercase;
    color: #dc6803;
    padding: 0 10px 10px 0;
    font-weight: bold
}

 .like-fanpage {
    position: absolute;
    right: 0;
    bottom: 3px
}

 .banner-detail {
    margin: 0 0 10px 0;
    overflow: hidden
}

     .banner-detail img {
        display: block
    }

 .box03.group .box03__item {
    border-radius: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
    line-height: 1;
    border-color: #eaecf0;
    font-size: 14px
}

     .box03.group .box03__item.act {
        border-color: #bbddfd;
        color: #2a83e9;
        background-color: #f1f8fe
    }

     .box03.group .box03__item.muti_color {
        display: -webkit-inline-box
    }

 .box03.group.color .box03__item {
    border-radius: 32px;
    padding: 6px 12px 6px 8px;
    font-size: 14px
}

     .box03.group.color .box03__item i {
        border: 1px solid #eaecf0;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin: 0 1px 1px 0
    }

 .muti_color_left {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    overflow: hidden
}

 p.muti_color_right {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    height: 100%
}

 .muti_color_name {
    margin-left: 5px
}

 .box-price-present {
    font-size: 20px;
    color: #d92d20
}

 .box-price-old {
    color: #98a2b3
}

 .box-price-percent {
    color: #d92d20
}

 .label--black {
    background-color: #f2f4f7;
    font-size: 10px;
    color: #344054;
    border-radius: 16px
}

 .block {
    padding: 0;
    border-radius: 0;
    border: none
}

 .block__promo {
    border-radius: 8px
}

     .block__promo .pr-top {
        background-color: #f9fafb;
        border-bottom-color: #eaecf0;
        border-radius: 8px 8px 0 0
    }

         .block__promo .pr-top .pr-txtb {
            color: #101828
        }

         .block__promo .pr-top .pr-txt {
            color: #667085
        }

     .block__promo .radio-block .label-radio {
        color: #344054
    }

     .block__promo.promoskip {
        margin: 0 0 10px 0;
        border: none;
        border-radius: 0
    }

         .block__promo.promoskip .divb {
            margin-bottom: 0
        }

         .block__promo.promoskip p.pr-txtb {
            padding: 0
        }

         .block__promo.promoskip .radio-block {
            border-bottom: none;
            padding-bottom: 0
        }

             .block__promo.promoskip .radio-block .label-radio {
                padding: 10px 10px 10px 32px;
                border: 1px solid #eaecf0;
                border-radius: 8px
            }

                 .block__promo.promoskip .radio-block .label-radio:before {
                    top: 11px;
                    left: 10px
                }

                 .block__promo.promoskip .radio-block .label-radio.active {
                    border-color: #bbddfd;
                    background-color: #f1f8fe;
                    color: #2a83e9
                }

                     .block__promo.promoskip .radio-block .label-radio.active:after {
                        left: 14px;
                        top: 15px
                    }

         .block__promo.promoskip span.skipspan {
            margin-top: 0;
            padding-left: 0
        }

             .block__promo.promoskip span.skipspan:before {
                display: none
            }

         .block__promo.promoskip .pr-content .pr-item {
            margin: 0;
            border-bottom: none;
            padding: 0
        }

 .divb .nb {
    background-color: #44a1fa
}

 .divb-right a {
    text-decoration: underline
}

.pr-content .pr-item p {
    color: #344054;
    text-align: justify;
}

 .pr-content .pr-item .divb.t1 {
    margin-bottom: 7px
}

 .pr-content .pr-item.text {
    border-top: none !important;
    padding: 10px;
    margin: 0;
    background-color: #fffaeb;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

     .pr-content .pr-item.text p {
        color: #dc6803;
        position: relative;
        padding-left: 17px
    }

         .pr-content .pr-item.text p:before {
            content: "";
            width: 5px;
            height: 5px;
            border-radius: 50px;
            background-color: #dc6803;
            left: 5px;
            top: 8px;
            position: absolute
        }

         .pr-content .pr-item.text p .note {
            color: #dc6803
        }

 .pr-content .pr-item.img {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0 12px 0;
    margin: 0 10px
}

 .pr-content .pr-item .gift div.item {
    border-radius: 8px;
    padding: 8px
}

 .showpromo-radio {
    background-color: #fffaeb;
    color: #dc6803;
    font-size: 14px
}

 .note_promotion_air {
    margin: 0 0 10px 0;
    background-color: #fffaeb;
    border-radius: 0
}

     .note_promotion_air > p,  .note_promotion_air > p > span,  .note_promotion_air > p > b {
        color: #dc6803
    }

 .box-combo .box_multi {
    border-top: 1px solid #f2f4f7;
    border-bottom: 1px solid #f2f4f7;
    padding: 10px 0 0 0;
    margin: 10px 0
}

     .box-combo .box_multi .bm-pro {
        border-radius: 8px;
        border-color: #e0e0e0
    }

         .box-combo .box_multi .bm-pro > b {
            background: #e0e0e0;
            text-align: center;
            color: #333;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-color: #e0e0e0
        }

 #status-delivery {
    border-bottom: 1px solid #eaecf0;
    margin: 0 0 10px 0
}

     #status-delivery:nth-child(2) {
        border-top: 1px solid #eaecf0;
        margin: 10px 0;
        padding-top: 10px
    }

     #status-delivery .lddl,  #status-delivery-2price .lddl,  .delivery-multi .lddl,  td.delivery .lddl {
        background-color: #fff
    }

 .quickdelivery > b {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    color: #101828;
    font-weight: 600
}

 .quickdelivery .deliverytime > span {
    text-transform: none;
    color: #344054
}

     .quickdelivery .deliverytime > span.ship > i {
        margin-bottom: 2px
    }

     .quickdelivery .deliverytime > span.time {
        font-weight: normal;
        padding-top: 2px
    }

         .quickdelivery .deliverytime > span.time > em {
            font-style: normal
        }

         .quickdelivery .deliverytime > span.time.green > em {
            color: #039855
        }

     .quickdelivery .deliverytime > span.thh {
        background-color: #fef3f2;
        color: #d92d20;
        padding: 10px;
        border-radius: 8px;
        font-weight: normal
    }

 .quickdelivery .deliverytime > p {
    margin-bottom: 5px
}

     .quickdelivery .deliverytime > p.blue {
        color: #2a83e9
    }

 .quickdelivery .deliverytime > ul {
    padding-top: 2px
}

     .quickdelivery .deliverytime > ul > li {
        padding: 0 85px 0 16px;
        position: relative
    }

         .quickdelivery .deliverytime > ul > li:before {
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #344054;
            position: absolute;
            left: 7px;
            top: 6px
        }

         .quickdelivery .deliverytime > ul > li > b {
            font-weight: normal;
            position: absolute;
            right: 0;
            top: 0
        }

         .quickdelivery .deliverytime > ul > li > p {
            color: #dc6803;
            display: inline
        }

 .delivery-store {
    border-color: #eaecf0;
    border-radius: 8px
}

     .delivery-store a.button.blue {
        background-color: #fc7600;
        border-radius: 8px;
        text-transform: none;
        font-weight: normal
    }

     .delivery-store a.button.white {
        background-color: #2a83e9;
        border-radius: 8px;
        color: #fff;
        border-color: #2a83e9
    }

         .delivery-store a.button.white span {
            color: #bbddfd
        }

 .callorder {
    text-align: left
}

     .callorder > i {
        vertical-align: top
    }

     .callorder.ns {
        padding-top: 10px
    }

     .callorder > img {
        width: 20px;
        display: inline-block;
        vertical-align: middle
    }

 .loyalty__main {
    background-color: #fff;
    padding: 0
}

     .loyalty__main > img:first-child {
        display: none
    }

     .loyalty__main .loyalty__main__point {
        margin-left: 0
    }

 .policy > b {
    display: block
}

 .gamecombo.gameforcamera {
    margin: 20px 0 10px 0;
    border-color: #eaecf0;
    border-radius: 8px;
    position: relative;
    overflow: visible;
    padding-left: 0;
    padding-right: 0
}

     .gamecombo.gameforcamera strong.titleBundleCamera {
        position: absolute;
        padding: 10px;
        background-color: #fff;
        left: 0;
        right: 0;
        top: -20px;
        margin: auto;
        width: 220px;
        font-size: 16px;
        text-transform: none;
        border-bottom: none
    }

     .gamecombo.gameforcamera li {
        padding: 0 10px 0 30px
    }

         .gamecombo.gameforcamera li b.first {
            color: #344054;
            font-weight: normal;
            display: block
        }

         .gamecombo.gameforcamera li b strong {
            padding-right: 5px
        }

         .gamecombo.gameforcamera li span.label-discount-camera {
            background-color: #ecfdf3;
            color: #039855;
            font-weight: normal;
            margin: 0 auto;
            display: block;
            width: 75px;
            text-align: center;
            border-radius: 4px;
            left: 25px
        }

         .gamecombo.gameforcamera li:first-child {
            padding-bottom: 25px;
            border-bottom: 1px solid #eaecf0;
            overflow: visible
        }

             .gamecombo.gameforcamera li:first-child:before {
                content: "+";
                position: absolute;
                left: 9%;
                bottom: -11px;
                font-size: 30px;
                color: #1d2939;
                width: 50px;
                background-color: #fff;
                text-align: center
            }

         .gamecombo.gameforcamera li:last-child {
            padding-left: 0;
            border-top: 1px solid #eaecf0
        }

     .gamecombo.gameforcamera .bb {
        text-align: left;
        font-weight: bold;
        justify-content: left;
        border: none
    }

     .gamecombo.gameforcamera .buy_now {
        background: #fc7600;
        text-transform: none;
        font-size: 14px;
        border-radius: 8px;
        margin: 0 0 0 10px
    }

         .gamecombo.gameforcamera .buy_now > b {
            font-weight: normal
        }

         .gamecombo.gameforcamera .buy_now > i {
            color: #ffead5
        }

 .gamecombo li div.checkBox {
    position: unset;
    padding-left: 0
}

     .gamecombo li div.checkBox i {
        width: 18px;
        height: 18px;
        left: 10px
    }

     .gamecombo li div.checkBox.selected i {
        border-color: #2a83e9
    }

         .gamecombo li div.checkBox.selected i::before {
            height: 6px;
            transform: rotate(-40deg);
            bottom: 3px;
            left: 4px;
            background-color: #2a83e9
        }

         .gamecombo li div.checkBox.selected i::after {
            height: 10px;
            transform: rotate(40deg);
            bottom: 3px;
            left: 9px;
            background-color: #2a83e9
        }

 .gamecombo li a {
    margin-right: 2%
}

 .gamecombo li > div > a {
    width: 68px;
    height: 92px;
    padding-bottom: 24px
}

 .gamecombo li:first-child > div > a {
    padding-bottom: 0;
    height: 68px
}

 .gamecombo li > div > a > img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 0
}

 .gamecombo li > div > div > a {
    color: #2a83e9
}

 .gamecombo li .info {
    width: 66%
}

 .gamecombo li strong {
    color: #344054
}

 .gamecombo li span.line {
    color: #98a2b3
}

 .gamecombo li .area_price {
    padding: 0 10px
}

     .gamecombo li .area_price > * {
        vertical-align: bottom
    }

     .gamecombo li .area_price span {
        padding-right: 5px
    }

     .gamecombo li .area_price strong.tt {
        color: #d92d20;
        font-size: 16px
    }

     .gamecombo li .area_price strong.line {
        color: #98a2b3
    }

 .gamecombo .cates li {
    padding: 0 0 10px 0
}

     .gamecombo .cates li:first-child:before {
        display: none
    }

     .gamecombo .cates li .info {
        width: auto
    }

     .gamecombo .cates li img {
        height: 150px;
        width: auto;
        max-width: 100%;
        padding-bottom: 0 !important
    }

 .gamecombo .wrapcp .wrapPop {
    width: max-content;
    overflow: hidden;
    max-height: max-content
}

     .gamecombo .wrapcp .wrapPop .titlebar b {
        padding-top: 15px
    }

     .gamecombo .wrapcp .wrapPop .gamecombo {
        height: max-content;
        margin-top: 0
    }

         .gamecombo .wrapcp .wrapPop .gamecombo .scroll {
            overflow: hidden !important
        }

         .gamecombo .wrapcp .wrapPop .gamecombo .cates {
            margin: 0
        }

             .gamecombo .wrapcp .wrapPop .gamecombo .cates li {
                margin-bottom: 0
            }

 .wrapcp .gamecombo li > div > a {
    height: auto;
    margin-right: 0;
    width: auto;
    padding-bottom: 15px
}

 .wrapcp .gamecombo li > div > div > h3 {
    height: 36px;
    text-overflow: ellipsis;
    overflow: hidden
}

 .oldproduct {
    background-color: #fff;
    padding: 20px 15px 15px;
    border-radius: 12px;
    margin-bottom: 20px
}

 .box_oldproduct {
    border-color: #eaecf0
}

     .box_oldproduct a {
        display: block;
        margin-bottom: 5px
    }

     .box_oldproduct span {
        color: #344054
    }

 .box_oldproduct_promote strong {
    font-size: 16px;
    margin-bottom: 20px;
    color: #101828;
    display: block
}

 .box_oldproduct_promote .slide-promote {
    border: none;
    margin: 0 0 5px 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden
}

 .box_oldproduct {
    border-radius: 8px;
    margin-bottom: 0
}

     .box_oldproduct .thumnail-oldProduct {
        width: 74px;
        height: 64px;
        padding: 0;
        margin: 5px 10px
    }

         .box_oldproduct .thumnail-oldProduct img {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
            display: block
        }

     .box_oldproduct .information-oldProduct .productName {
        color: #101828;
        font-weight: bold
    }

     .box_oldproduct .information-oldProduct p {
        line-height: 1.4
    }

     .box_oldproduct .information-oldProduct .price-discount-warranty {
        line-height: 1.4
    }

         .box_oldproduct .information-oldProduct .price-discount-warranty .from-price {
            color: #d92d20;
            padding-right: 5px;
            font-weight: bold
        }

         .box_oldproduct .information-oldProduct .price-discount-warranty span.percent-oldProduct {
            background-color: #fff;
            color: #d92d20;
            font-size: 14px
        }

             .box_oldproduct .information-oldProduct .price-discount-warranty span.percent-oldProduct::after {
                display: none
            }

     .box_oldproduct .information-oldProduct .warranty-oldProduct {
        display: block
    }

 .short-article {
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 20px
}

 .short-article__title {
    margin-bottom: 12px;
    padding-bottom: 0;
    color: #101828;
    font-size: 16px;
    font-weight: bold
}

 
 .parameter {
    padding: 0 0 10px 0
}

 .parameter__title {
    border-top: 7px solid #f1f1f1
}

 .parameter__link__list-files__item {
    margin: 0
}

 .img-main img {
    margin-bottom: 10px;
    display: block;
    max-width: 100%
}

 .icondetail-store,  .quickdelivery .icondetail-address {
    filter: grayscale(1)
}

 .wrap_border {
    margin-top: 20px;
    border: none;
    background-color: #fff
}

 .box_saving.v2 {
    border-radius: 8px;
    background: #dd0300
}

     .box_saving.v2 .sale-method {
        padding: 10px 10px 0 10px
    }

     .box_saving.v2 .bs_rule {
        border-bottom: 1px solid #eaecf0;
        padding: 0 0 5px 0;
        margin: 10px
    }

         .box_saving.v2 .bs_rule:before {
            content: "Lưu ý:";
            display: block;
            margin-bottom: 10px;
            font-weight: 600;
            color: #344054
        }

         .box_saving.v2 .bs_rule p,  .box_saving.v2 .bs_rule li {
            padding-left: 10px;
            margin-left: 7px
        }

             .box_saving.v2 .bs_rule p:before,  .box_saving.v2 .bs_rule li:before {
                top: 7px
            }

         .box_saving.v2 .bs_rule.other {
            margin-top: -15px;
            background-color: #fffaeb;
            border-left: 1px solid #eaecf0;
            border-right: 1px solid #eaecf0;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            padding-top: 5px
        }

             .box_saving.v2 .bs_rule.other:first-child {
                margin-top: 10px;
                border-top: 1px solid #eaecf0;
                border-radius: 8px
            }

             .box_saving.v2 .bs_rule.other.olol:nth-child(2) {
                margin-top: 10px;
                border-top: 1px solid #eaecf0;
                border-radius: 8px
            }

             .box_saving.v2 .bs_rule.other:before {
                display: none
            }

             .box_saving.v2 .bs_rule.other p,  .box_saving.v2 .bs_rule.other li {
                color: #dc6803;
                padding-left: 20px
            }

                 .box_saving.v2 .bs_rule.other p:before,  .box_saving.v2 .bs_rule.other li:before {
                    width: 5px;
                    height: 5px;
                    background-color: #dc6803;
                    left: 8px;
                    top: 8px
                }

     .box_saving.v2 .bs_title {
        padding-top: 15px;
        padding-bottom: 16px;
        background: linear-gradient(75.08deg,#a10300 10.52%,#e80400 66.91%,#ff000c 104.5%);
        position: relative
    }

         .box_saving.v2 .bs_title:before {
            content: "";
            width: 100%;
            height: 100%;
            background: transparent url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/scenario/oltk-dt-min.png") no-repeat left top;
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            top: 0
        }

         .box_saving.v2 .bs_title > * {
            position: relative;
            z-index: 1
        }

         .box_saving.v2 .bs_title div.bs_price > * {
            margin-bottom: 7px
        }

         .box_saving.v2 .bs_title div.bs_price > b {
            font-size: 14px;
            font-weight: bold
        }

             .box_saving.v2 .bs_title div.bs_price > b:before {
                content: "";
                width: 13px;
                height: 17px;
                background: transparent url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/scenario/lightning.png") no-repeat center top;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: bottom;
                margin: 0 3px 2px 0
            }

         .box_saving.v2 .bs_title div.bs_price > strong {
            color: #fff200;
            margin-bottom: 7px
        }

         .box_saving.v2 .bs_title div.bs_time {
            width: 60%;
            line-height: 1.4
        }

             .box_saving.v2 .bs_title div.bs_time > * {
                display: inline-block;
                vertical-align: middle
            }

             .box_saving.v2 .bs_title div.bs_time > span {
                margin-bottom: 5px;
                font-size: 18px
            }

                 .box_saving.v2 .bs_title div.bs_time > span:nth-child(2) {
                    display: block;
                    font-size: 16px;
                    font-weight: 500
                }

             .box_saving.v2 .bs_title div.bs_time .clockv2 {
                margin-bottom: 0
            }

                 .box_saving.v2 .bs_title div.bs_time .clockv2 b {
                    background-color: #be202b;
                    color: #fff;
                    font-size: 16px;
                    height: 24px;
                    line-height: 24px
                }

                 .box_saving.v2 .bs_title div.bs_time .clockv2 i {
                    color: #be202b
                }

             .box_saving.v2 .bs_title div.bs_time .bs_count {
                display: block;
                width: auto;
                padding-bottom: 20px
            }

                 .box_saving.v2 .bs_title div.bs_time .bs_count img {
                    display: none
                }

                 .box_saving.v2 .bs_title div.bs_time .bs_count span {
                    height: 7px;
                    overflow: visible;
                    margin-top: 3px
                }

                     .box_saving.v2 .bs_title div.bs_time .bs_count span b {
                        position: absolute;
                        right: 0;
                        bottom: -20px;
                        color: #fff;
                        font-size: 18px
                    }

                     .box_saving.v2 .bs_title div.bs_time .bs_count span i {
                        background: linear-gradient(90deg,#ffecb3 0%,#ffb200 100%);
                        border-radius: 25px
                    }

     .box_saving.v2 .bs_content {
        border-radius: 8px;
        padding-top: 0
    }

         .box_saving.v2 .bs_content .pr-content {
            padding: 0 10px
        }

             .box_saving.v2 .bs_content .pr-content .pr-item.img {
                margin: 0
            }

         .box_saving.v2 .bs_content .pr-item.text {
            padding-top: 10px;
            padding-bottom: 10px;
            border-top: 1px solid #eaecf0 !important;
            margin: 0 0 0 -10px;
            width: calc(100% + 20px)
        }

         .box_saving.v2 .bs_content .block__promo {
            padding: 0;
            margin: 10px;
            border: 1px solid #eaecf0;
            border-radius: 8px
        }

             .box_saving.v2 .bs_content .block__promo .pr-top {
                padding: 10px;
                margin-bottom: 10px;
                border-radius: 8px 8px 0 0
            }

         .box_saving.v2 .bs_content .pr-item.mg-bot10 {
            padding-top: 10px;
            margin: 10px 10px 12px 10px;
            background-color: #fffaeb;
            border: 1px solid #eaecf0;
            border-bottom: none;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px
        }

             .box_saving.v2 .bs_content .pr-item.mg-bot10 p {
                color: #dc6803;
                position: relative;
                padding-left: 17px
            }

                 .box_saving.v2 .bs_content .pr-item.mg-bot10 p:before {
                    content: "";
                    width: 5px;
                    height: 5px;
                    border-radius: 50px;
                    background-color: #dc6803;
                    left: 5px;
                    top: 8px;
                    position: absolute
                }

         .box_saving.v2 .bs_content .loyalty {
            padding: 0 10px;
            border-bottom: 0
        }

         .box_saving.v2 .bs_content .block__promo.promoskip {
            border: none;
            margin: 10px 0 0 0
        }

         .box_saving.v2 .bs_content .campaign {
            margin: 0 10px 10px 10px;
            padding: 0 0 10px 0
        }

     .box_saving.v2 .callorder {
        margin: 10px
    }

     .box_saving.v2 .store {
        margin: 0 10px 10px;
        color: #2a83e9
    }

     .box_saving.v2 .bs_rule p,  .box_saving.v2 .bs_rule li {
        color: #344054
    }

     .box_saving.v2 .block__promo.promoskip p.pr-txtb {
        padding: 0 10px
    }

     .box_saving.v2 .note_promotion_air {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

     .box_saving.v2 #status-delivery {
        margin-left: 10px;
        margin-right: 10px
    }

     .box_saving.v2.olgr {
        background: #f75b00
    }

         .box_saving.v2.olgr .bs_title {
            background: linear-gradient(75.08deg,#ff4f04 10.52%,#ff6b00 66.91%,#ff7a1a 104.5%)
        }

             .box_saving.v2.olgr .bs_title:before {
                background-image: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/scenario/olgr-dt-min.png")
            }

             .box_saving.v2.olgr .bs_title div.bs_time .clockv2 b {
                background-color: #b54708
            }

             .box_saving.v2.olgr .bs_title div.bs_time .clockv2 i {
                color: #b54708
            }

         .box_saving.v2.olgr #status-delivery {
            border-bottom: 1px solid #eaecf0;
            margin-bottom: 10px
        }

     .box_saving.v2.onlineontop {
        background-color: #f75b00
    }

         .box_saving.v2.onlineontop .bs_title {
            background: linear-gradient(75.08deg,#d30401 10.52%,#d30401 66.91%,#d30401 104.5%)
        }

             .box_saving.v2.onlineontop .bs_title:before {
                background-image: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/scenario/olot-dt-min.png")
            }

     .box_saving.v2.soldout {
        filter: grayscale(1);
        background-color: #fff;
        margin-bottom: 5px
    }

         .box_saving.v2.soldout .bs_title {
            border-radius: 0;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block
        }

             .box_saving.v2.soldout .bs_title > img {
                width: auto;
                max-width: 40%;
                float: right
            }

             .box_saving.v2.soldout .bs_title div.bs_price {
                float: left
            }

         .box_saving.v2.soldout > span {
            display: block;
            padding: 10px 0 0 0
        }

     .box_saving.v2.cleanstock {
        background-color: #ffd500
    }

         .box_saving.v2.cleanstock .bs_title {
            background: linear-gradient(0deg,#124093 0%,#124093 22.5%,rgba(18,64,147,0) 100%)
        }

             .box_saving.v2.cleanstock .bs_title:before {
                background-image: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/scenario/cleanstock-dt-min.png");
                background-color: #124093
            }

             .box_saving.v2.cleanstock .bs_title div.bs_price > b {
                white-space: nowrap
            }

                 .box_saving.v2.cleanstock .bs_title div.bs_price > b:before {
                    background-image: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/scenario/cleanstock-price.png");
                    width: 18px;
                    height: 18px
                }

             .box_saving.v2.cleanstock .bs_title div.bs_time > span {
                display: block;
                font-weight: 400
            }

                 .box_saving.v2.cleanstock .bs_title div.bs_time > span:first-child {
                    font-size: 14px
                }

                 .box_saving.v2.cleanstock .bs_title div.bs_time > span:nth-child(2) {
                    font-weight: 700
                }

             .box_saving.v2.cleanstock .bs_title div.bs_price > i {
                font-size: 18px
            }

             .box_saving.v2.cleanstock .bs_title div.bs_price > em {
                font-size: 18px
            }

         .box_saving.v2.cleanstock .cs_rule {
            position: relative
        }

             .box_saving.v2.cleanstock .cs_rule > span {
                display: block;
                padding: 5px 10px;
                color: #344054
            }

                 .box_saving.v2.cleanstock .cs_rule > span i {
                    font-style: normal;
                    width: 14px;
                    height: 14px;
                    border-radius: 50%;
                    display: inline-block;
                    vertical-align: top;
                    color: #344054;
                    font-size: 9px;
                    text-align: center;
                    line-height: 14px;
                    position: relative;
                    cursor: pointer;
                    border: 1px solid #344054;
                    margin-top: 2px
                }

                     .box_saving.v2.cleanstock .cs_rule > span i.act {
                        background-color: #344054;
                        color: #fff;
                        border-color: #fff;
                        font-size: 8px
                    }

                         .box_saving.v2.cleanstock .cs_rule > span i.act:before {
                            content: "";
                            position: absolute;
                            width: 12px;
                            height: 12px;
                            background: #fff;
                            transform: rotate(45deg);
                            top: 15px;
                            right: 0;
                            box-shadow: -2px -2px 5px -4px
                        }

             .box_saving.v2.cleanstock .cs_rule > div {
                position: absolute;
                left: 5px;
                top: 100%;
                line-height: 1.4;
                width: calc(100% - 10px);
                display: none;
                padding: 10px;
                background-color: #fff;
                z-index: 3;
                border-radius: 8px;
                box-shadow: 0 0 8px #999
            }

                 .box_saving.v2.cleanstock .cs_rule > div > * {
                    margin-bottom: 5px;
                    font-size: 13px
                }

     .box_saving.v2.box_onlineol .bs_content .block__promo {
        border-bottom: 1px solid #eaecf0 !important
    }

.box_saving.v2.service-pack .bs_title div.bs_price > *:not(b) {
    display: none !important
}

.box_saving.v2.service-pack .bs_title div.bs_price > b {
    font-size: 16px
}

 .price-one.soldout {
    padding-bottom: 10px;
    margin-bottom: 0
}

     .price-one.soldout.is-service-pack {
        display: none
    }

 .box-reserve {
    border-radius: 8px
}

 .campaign {
    border-top: 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px
}

     .campaign > b {
        font-size: 16px;
        color: #101828
    }

         .campaign > b > i {
            font-style: normal;
            color: #98a2b3;
            font-weight: normal
        }

     .campaign div.crule {
        top: 55px
    }

 .campaign-option {
    border-radius: 8px;
    border-color: #eaecf0;
    position: relative;
    padding: 5px 10px 4px 36px;
    min-width: 60%;
    min-height: 55px
}

     .campaign-option.disable {
        pointer-events: none;
        opacity: .6
    }

     .campaign-option > b {
        line-height: 1.3;
        padding-top: 2px;
        color: #344054;
        margin-left: -25px
    }

         .campaign-option > b > span {
            padding-top: 2px;
            font-size: 11px;
            display: block
        }

     .campaign-option > span {
        font-size: 11px;
        color: #98a2b3;
        margin-left: -25px
    }

         .campaign-option > span > a {
            display: none
        }

     .campaign-option > figure {
        width: 55px;
        height: 32px;
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 4px;
        position: relative
    }

         .campaign-option > figure > img {
            max-width: 55px;
            position: absolute !important;
            right: 0;
            max-height: 100%
        }

         .campaign-option > figure > i {
            display: none !important
        }

     .campaign-option > div:not(.cpopup) {
        position: absolute;
        left: initial;
        right: 10px;
        top: 10px
    }

         .campaign-option > div:not(.cpopup) > i {
            border: 1px solid #344054;
            background-color: #fff;
            color: #344054
        }

             .campaign-option > div:not(.cpopup) > i.act {
                border-color: #2a83e9;
                color: #2a83e9
            }

                 .campaign-option > div:not(.cpopup) > i.act:before {
                    background-color: #fff
                }

     .campaign-option:before {
        border: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        right: initial;
        top: 14px;
        left: 10px;
        content: "";
        position: absolute;
        border: 1px solid #d0d5dd
    }

     .campaign-option.active {
        border-color: #bbddfd;
        background-color: #f1f8fe
    }

         .campaign-option.active:before {
            background-color: #2a83e9
        }

         .campaign-option.active:after {
            width: 3px;
            height: 6px;
            right: initial;
            top: 20px;
            left: 14px
        }

         .campaign-option.active > b {
            color: #2a83e9
        }

             .campaign-option.active > b > span {
                color: #2a83e9
            }

 .c2 .campaign-option {
    min-width: 70%
}

 .c3 .campaign-option {
    min-width: 65%
}

 .campaign.c2 .sliderX {
    justify-content: left
}

 .campaign.c1 .crule.kredivoPayment {
    top: 63px
}

 .campaign.c1 > div > div > span {
    display: block;
    margin-top: -3px
}

 .block-button .btn-camp {
    width: 100%;
    background-color: #fc7600;
    border-radius: 8px;
    padding: 15px 10px;
    border: 1px solid #fc7600;
    text-transform: none
}

 .block-button .btn-buynow {
    width: 48.5%;
    background-color: #fc7600;
    border-radius: 8px;
    padding: 15px 10px;
    border: 1px solid #fc7600;
    float: right
}

     .block-button .btn-buynow.full {
        width: 100%;
        float: none
    }

     .block-button .btn-buynow.white {
        border-color: #2a83e9;
        background-color: #fff;
        color: #2a83e9;
        padding: 7px 10px;
        float: left
    }

         .block-button .btn-buynow.white > i {
            display: block;
            margin: auto
        }

 .block-button .btn-ins {
    border-radius: 8px;
    padding: 9px 10px
}

     .block-button .btn-ins span {
        color: #bbddfd
    }

 .block-button .btn-buynow.disabled {
    pointer-events: none !important;
    filter: grayscale(1)
}

 .block-button.buy:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer
}

 .block-button.buy.allowbuy:before {
    display: none
}

 .box_teaserweekend {
    border-radius: 8px;
    border-color: #fedf89
}

     .box_teaserweekend .block-button .btn-buynow {
        width: 100%;
        background-color: #d92d20;
        padding: 6px 10px
    }

         .box_teaserweekend .block-button .btn-buynow > span {
            margin-top: 0
        }

 .zalo-chat-widget.top {
    bottom: 240px !important
}

 #popup-promotionimage > a {
    top: 45px
}

 .box_right .related {
    border-top: none;
    padding-top: 15px
}

 .related.needbuy {
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 25px;
    padding-right: 10px;
    border: none;
    margin-top: 0;
    padding-top: 15px
}

     .related.needbuy .related__ttl > span {
        font-size: 16px
    }

     .related.needbuy .owl-carousel .owl-nav button.owl-prev {
        left: 10px
    }

 .viewed-historyv3 {
    padding: 20px 0 0 0
}

     .viewed-historyv3 h2 {
        font-size: 16px
    }

     .viewed-historyv3 .btn-clear-history {
        top: 10px
    }

     .viewed-historyv3 .list-viewed-products {
        margin-top: 15px
    }

 .thubmail-slide .owl-dot.active {
    border: 1px solid #bbddfd
}

 .thubmail-slide .owl-dot.feature.active {
    border: none;
    background-image: url("//cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon-feature-active-min.png?v=1")
}

.dmx .block__promo .radio-block .label-radio.active:before {
    border-color: #2a83e9
}

.dmx .block__promo .radio-block .label-radio.active:after {
    background-color: #2a83e9
}

 .detail .compare-popup .pro-compare .pro-nrview {
    position: absolute
}

 .wrap_rating .boxrate__title {
    font-size: 16px
}

 .related {
    padding: 15px;
    background-color: #fff;
    border-radius: 12px;
    margin: -20px 0 20px 0
}

     .related .related__ttl {
        font-size: 16px
    }

     .related .box-scroll {
        border-radius: 12px
    }

     .related .p-slide .owl-carousel .owl-stage .owl-item {
        border: none
    }

.fullScreen-gallery {
    bottom: 0;
    background-color: #fff;
    height: 100vh;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 80vw;
    z-index: 10000000
}

.bgfullScreen-gallery {
    bottom: 0;
    background-color: rgba(0,0,0,.8);
    display: none;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.fullScreen-gallery .feature-img, .fullScreen-gallery .gallery-img {
    height: calc(95vh - 60px);
    top: 20px;
    left: 20px;
    right: 20px;
    margin: 0 auto;
    width: calc(100% - 150px)
}

.closefullScreen-gallery {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    position: fixed;
    padding: 8px 5px 8px 25px;
    right: 30px;
    top: 12px;
    width: 67px
}

    .closefullScreen-gallery::before, .closefullScreen-gallery::after {
        background-color: #344054;
        content: "";
        height: 16px;
        left: 11px;
        position: absolute;
        top: 9px;
        width: 1px
    }

    .closefullScreen-gallery::before {
        transform: rotate(45deg)
    }

    .closefullScreen-gallery::after {
        transform: rotate(-45deg)
    }

.fullScreen-gallery .thubmail-slide .owl-carousel .item-img, .fullScreen-gallery .thubmail-slide .owl-carousel .item-video {
    height: calc(95vh - 100px)
}

#slider-detail.show .fullScreen-gallery .thubmail-slide .owl-carousel .item-img, #slider-detail.show .fullScreen-gallery .thubmail-slide .owl-carousel .item-video {
    height: calc(95vh - 100px)
}

.fullScreen-gallery .video-sp {
    height: calc(95vh - 100px)
}

.fullScreen-gallery .gallery-count, .fullScreen-gallery .feature-count {
    bottom: 5px;
    left: 50%;
    right: auto;
    transform: translateX(-50%)
}

.fullScreen-gallery .feature-img .thubmail-slide {
    height: calc(95vh - 100px)
}

#slider-detail.show .fullScreen-gallery .thubmail-slide {
    height: 100%
}

.fullScreen-gallery .owl-nav button {
    border-radius: 50%;
    box-shadow: 0 0 7px 0 #475467;
    height: 44px;
    width: 44px
}

.fullScreen-gallery .thubmail-slide.full .owl-carousel .owl-dots {
    bottom: -100px;
    position: absolute
}

.fullScreen-gallery .owl-nav button span::before {
    border-color: #475467;
    border-radius: 2px;
    height: 12px;
    top: 15px;
    width: 12px
}

.fullScreen-gallery .owl-nav button.owl-prev span::before {
    left: 18px
}

.fullScreen-gallery .owl-nav button.owl-next span::before {
    right: 16px
}

.fullScreen-gallery .thubmail-slide .owl-carousel .owl-dot {
    height: 60px !important;
    width: 60px
}

#slider-detail.show .fullScreen-gallery .thubmail-slide .prev:before, #slider-detail.show .fullScreen-gallery .thubmail-slide .next:before {
    bottom: 10px
}

#slider-detail.show .fullScreen-gallery .thubmail-slide .prev:before {
    left: 40px
}

#slider-detail.show .fullScreen-gallery .thubmail-slide .next:before {
    right: 40px
}

#slider-detail.show .fullScreen-gallery .thubmail-slide .prev:after, #slider-detail.show .fullScreen-gallery .thubmail-slide .next:after {
    bottom: 27px
}

#slider-detail.show .fullScreen-gallery .thubmail-slide .prev:after {
    left: 60px
}

#slider-detail.show .fullScreen-gallery .thubmail-slide .next:after {
    right: 60px
}

.zoomHolder {
    height: 100% !important
}

    .zoomHolder > img {
        inset: 0 !important;
        margin: auto
    }

.lln > h2 {
    font-size: 16px;
    color: #101828;
    font-weight: 600;
    margin-bottom: 5px
}

.lln > div {
    margin-bottom: 10px
}

.lln .lln-tab {
    display: flex;
    border-bottom: 1px solid #eaecf0;
    margin-bottom: 15px
}

    .lln .lln-tab > a {
        width: 50%;
        text-align: center;
        padding: 7px 0;
        border-bottom: 2px solid transparent;
        margin-bottom: -1px;
        color: #344054
    }

        .lln .lln-tab > a.active {
            color: #2a83e9;
            border-bottom: 2px solid #2a83e9
        }

.lln .lln-check > * {
    display: block;
    margin-bottom: 10px
}

.lln .lln-check > div {
    display: flex
}

    .lln .lln-check > div > input {
        width: 75%;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
        border: 1px solid #eaecf0;
        box-shadow: 0 1px 2px 0 #1018280d;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        background-color: #fff
    }

        .lln .lln-check > div > input.error {
            border-color: #f04438
        }

        .lln .lln-check > div > input.disable {
            pointer-events: none;
            background-color: #f9fafb
        }

    .lln .lln-check > div > button {
        width: 25%;
        height: 48px;
        line-height: 48px;
        border: none;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        cursor: pointer;
        background: #2a83e9
    }

        .lln .lln-check > div > button.disable {
            background: #90c8fc;
            pointer-events: none
        }

.lln .lln-check > label {
    color: #f04438;
    width: 100%
}

.lln .lln-check > span {
    background: #fffaeb;
    display: block;
    border-radius: 4px;
    padding: 10px;
    color: #dc6803;
    width: 100%
}

.lln .lln-verify {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none
}

    .lln .lln-verify > div {
        width: 90%;
        position: absolute;
        height: max-content;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-width: 350px;
        background-color: #fff;
        padding: 15px 10px 5px 10px;
        border-radius: 8px
    }

        .lln .lln-verify > div > * {
            margin-bottom: 10px;
            display: block
        }

        .lln .lln-verify > div > a.lln-close {
            position: absolute;
            right: 25px;
            top: 0
        }

            .lln .lln-verify > div > a.lln-close .close-symbol, .lln .lln-verify > div > a.lln-close .close-symbol::before {
                background-color: #98a2b3;
                height: 15px
            }

        .lln .lln-verify > div > b {
            font-size: 18px;
            color: #1d2939
        }

        .lln .lln-verify > div > span {
            color: #475467;
            line-height: 1.6
        }

            .lln .lln-verify > div > span > a {
                color: #2a83e9
            }

        .lln .lln-verify > div > div {
            display: flex
        }

            .lln .lln-verify > div > div > input {
                width: 70%;
                height: 40px;
                line-height: 40px;
                padding: 0 10px;
                border: 1px solid #eaecf0;
                box-shadow: 0 1px 2px 0 #1018280d;
                border-top-left-radius: 8px;
                border-bottom-left-radius: 8px
            }

                .lln .lln-verify > div > div > input.error {
                    border-color: #f04438
                }

            .lln .lln-verify > div > div > button {
                width: 30%;
                height: 40px;
                line-height: 40px;
                border: none;
                color: #fff;
                font-weight: bold;
                border-top-right-radius: 8px;
                border-bottom-right-radius: 8px;
                cursor: pointer;
                background: #2a83e9
            }

                .lln .lln-verify > div > div > button.disable {
                    background: #90c8fc;
                    pointer-events: none
                }

        .lln .lln-verify > div > label {
            color: #d92d20;
            font-size: 12px
        }

.lln .lln-search {
    display: none
}

    .lln .lln-search > * {
        margin-bottom: 15px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        border-radius: 8px;
        position: relative;
        cursor: pointer
    }

    .lln .lln-search > div {
        border: 1px solid #eaecf0
    }

        .lln .lln-search > div:before {
            border-top: 1px solid #98a2b3;
            border-left: 1px solid #98a2b3;
            height: 6px;
            width: 6px;
            border-right: none;
            transform: rotate(225deg);
            content: "";
            position: absolute;
            right: 15px;
            top: 0;
            bottom: 3px;
            margin: auto
        }

        .lln .lln-search > div > span {
            display: block;
            color: #98a2b3
        }

        .lln .lln-search > div > label {
            display: none;
            padding: 2px;
            font-size: 12px;
            position: absolute;
            left: 10px;
            top: -13px;
            height: 20px;
            line-height: 20px;
            background-color: #fff;
            color: #2a83e9
        }

        .lln .lln-search > div.focus {
            border-color: #64b2fa
        }

            .lln .lln-search > div.focus > label {
                display: block
            }

            .lln .lln-search > div.focus > span {
                color: #fff
            }

        .lln .lln-search > div.active > label {
            display: block;
            color: #98a2b3
        }

        .lln .lln-search > div.active > span {
            color: #344054
        }

        .lln .lln-search > div > ul {
            position: absolute;
            left: 0;
            top: 45px;
            padding: 0 0 10px 10px;
            border: 1px solid #eaecf0;
            border-radius: 8px;
            width: 100%;
            background-color: #fff;
            box-shadow: 0 2px 4px -2px #1018280f;
            display: flex;
            flex-wrap: wrap;
            z-index: 3
        }

            .lln .lln-search > div > ul > li {
                width: calc(25% - 10px);
                padding: 5px 10px;
                border: 1px solid #eaecf0;
                margin: 10px 10px 0 0;
                border-radius: 4px;
                overflow: hidden
            }

                .lln .lln-search > div > ul > li:hover {
                    border-color: #64b2fa
                }

                .lln .lln-search > div > ul > li > img {
                    display: block;
                    max-width: 100%;
                    max-height: 28px;
                    margin: auto
                }

        .lln .lln-search > div > input {
            width: 100%;
            color: #344054;
            border: none
        }

            .lln .lln-search > div > input::placeholder {
                color: #98a2b3
            }

    .lln .lln-search > button {
        background-color: #2a83e9;
        border: none;
        width: 100%;
        color: #fff
    }

        .lln .lln-search > button.disable {
            background-color: #90c8fc;
            pointer-events: none
        }

    .lln .lln-search > div.lln-model:before {
        display: none
    }

    .lln .lln-search > div.lln-model > ul {
        display: block;
        padding: 0
    }

        .lln .lln-search > div.lln-model > ul > li {
            width: auto;
            border: none;
            margin: 0;
            padding: 0 10px
        }

            .lln .lln-search > div.lln-model > ul > li:hover {
                background-color: #f9fafb
            }

.lln .lln-products > div {
    padding: 10px;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px
}

    .lln .lln-products > div > i {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid #eaecf0
    }

    .lln .lln-products > div > img {
        float: left;
        max-width: 68px;
        margin: 0 10px 10px 20px
    }

    .lln .lln-products > div > a {
        color: #344054;
        display: block;
        line-height: 1.4;
        max-height: 40px;
        text-overflow: ellipsis;
        margin-bottom: 4px
    }

    .lln .lln-products > div > span {
        display: block;
        color: #98a2b3;
        font-size: 10px;
        text-align: right
    }

    .lln .lln-products > div > em {
        clear: both;
        display: block
    }

    .lln .lln-products > div > label {
        background: #fffaeb;
        display: block;
        border-radius: 4px;
        padding: 10px;
        color: #dc6803;
        line-height: 1.4
    }

    .lln .lln-products > div > div {
        padding-top: 15px;
        position: relative;
        border: 1px solid #eaecf0;
        background: #fcfcfd;
        border-radius: 4px;
        display: none
    }

        .lln .lln-products > div > div > b {
            position: absolute;
            top: -10px;
            font-size: 12px;
            left: 30px;
            border: 1px solid #eaecf0;
            padding: 2px 10px;
            background-color: #fff;
            border-radius: 4px;
            font-weight: normal
        }

        .lln .lln-products > div > div > div {
            border-bottom: 1px solid #eaecf0;
            padding: 10px;
            position: relative
        }

            .lln .lln-products > div > div > div:last-child {
                border-bottom: none
            }

            .lln .lln-products > div > div > div > * {
                display: block;
                line-height: 1.4
            }

            .lln .lln-products > div > div > div > i {
                position: absolute;
                left: 10px;
                top: 12px;
                width: 16px;
                height: 16px;
                border-radius: 4px;
                border: 1px solid #d0d5dd;
                background-color: #fff
            }

            .lln .lln-products > div > div > div > a {
                color: #344054;
                padding-left: 25px
            }

            .lln .lln-products > div > div > div > span {
                font-size: 12px;
                color: #98a2b3;
                padding: 5px 0 0 25px;
                line-height: 1
            }

            .lln .lln-products > div > div > div > em {
                position: absolute;
                right: 10px;
                bottom: 40px;
                border: 1.25px solid #667085;
                color: #667085;
                width: 12px;
                height: 12px;
                text-align: center;
                line-height: 12px;
                border-radius: 50%;
                font-size: 8px;
                font-style: normal
            }

            .lln .lln-products > div > div > div > div {
                display: flex;
                padding: 5px 0 0 25px
            }

                .lln .lln-products > div > div > div > div > * {
                    margin-right: 5px
                }

                .lln .lln-products > div > div > div > div > strong {
                    color: #344054;
                    font-size: 16px
                }

                .lln .lln-products > div > div > div > div > em {
                    color: #98a2b3;
                    text-decoration: line-through;
                    font-style: normal
                }

                .lln .lln-products > div > div > div > div > i {
                    color: #d92d20;
                    font-style: normal
                }

            .lln .lln-products > div > div > div > p {
                width: calc(100% - 20px);
                padding: 10px;
                border-radius: 8px;
                position: absolute;
                left: 10px;
                bottom: -45px;
                background-color: #fff;
                display: none;
                border: 1px solid #d0d5dd;
                z-index: 1;
                font-size: 12px
            }

    .lln .lln-products > div > p {
        margin-top: 10px;
        display: none
    }

        .lln .lln-products > div > p > span {
            color: #344054
        }

        .lln .lln-products > div > p > strong {
            font-size: 20px;
            font-weight: 700;
            color: #d92d20
        }

        .lln .lln-products > div > p > em {
            font-style: normal;
            color: #98a2b3;
            text-decoration: line-through
        }

        .lln .lln-products > div > p > i {
            font-style: normal;
            color: #d92d20
        }

    .lln .lln-products > div > div > div.active > i {
        border-color: #2a83e9;
        background-color: #e3f1fe
    }

        .lln .lln-products > div > div > div.active > i:before {
            content: "";
            position: absolute;
            width: 2px;
            height: 5px;
            transform: rotate(-40deg);
            bottom: 3px;
            left: 4px;
            background-color: #2a83e9
        }

        .lln .lln-products > div > div > div.active > i:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 9px;
            transform: rotate(40deg);
            bottom: 2px;
            left: 8px;
            background-color: #2a83e9
        }

    .lln .lln-products > div.active {
        border-color: #2a83e9
    }

        .lln .lln-products > div.active > i {
            border-color: #2a83e9;
            background-color: #e3f1fe
        }

            .lln .lln-products > div.active > i:after {
                content: "";
                width: 6px;
                height: 6px;
                background: #2a83e9;
                border-radius: 50%;
                margin: 4px 0 0 4px;
                display: block
            }

        .lln .lln-products > div.active > div {
            display: block
        }

        .lln .lln-products > div.active > img {
            margin-bottom: 20px
        }

        .lln .lln-products > div.active > p {
            display: flex
        }

            .lln .lln-products > div.active > p > * {
                margin-right: 5px
            }

.lln .lln-products > a {
    display: block;
    width: max-content;
    margin: auto;
    position: relative
}

    .lln .lln-products > a:before {
        content: "";
        position: absolute;
        top: 3px;
        right: -15px;
        border-right: 1px solid #2f80ed;
        border-bottom: 1px solid #2f80ed;
        transform: rotate(45deg);
        width: 6px;
        height: 6px;
        border-left: 0;
        border-top: 0
    }

    .lln .lln-products > a.lln-less:before {
        top: 8px;
        transform: rotate(-135deg)
    }

.lln .lln-search > div.focus > label.not-found {
    color: #f00
}

.lln .lln-search > div.lln-model.not-found {
    border: 1px solid #f00
}

.lln .lln-search > div.lln-model > ul.scroll-item {
    overflow-y: auto;
    max-height: 450px
}

.err-search {
    color: #f00;
    pointer-events: none
}

.lln .lln-search > div.lln-model.disable {
    pointer-events: none
}

.lln .lln-search > div.lln-model .close-symbol {
    background-color: #98a2b3;
    height: 14px;
    right: unset;
    left: 11px;
    position: absolute;
    top: unset;
    width: 1px;
    transform: rotate(-45deg)
}

    .lln .lln-search > div.lln-model .close-symbol::before {
        content: "";
        left: 0;
        position: absolute;
        width: 1px;
        transform: rotate(90deg);
        background-color: #98a2b3;
        top: 0;
        height: 14px
    }

.reset-text-search {
    position: absolute;
    left: initial;
    right: 10px;
    background-color: #fff;
    border: 0;
    color: #98a2b3;
    padding: 0;
    width: 20px;
    height: 20px;
    top: 11px
}

.lln .lln-search > button.lln-instruct {
    color: #2a83e9;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: unset
}

.instruct div .instruct-title {
    font-size: 16px
}

.instruct {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999
}

    .instruct > div {
        width: 90%;
        position: absolute;
        height: max-content;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-width: 440px;
        background-color: #fff;
        padding: 15px 10px 5px 10px;
        border-radius: 8px
    }

.lnn .instruct span {
    color: #475467;
    margin-bottom: 10px;
    display: block
}

.lln .instruct a.lln-close {
    position: absolute;
    right: 30px;
    top: 5px
}

    .lln .instruct a.lln-close .close-symbol, .lln .instruct a.lln-close .close-symbol::before {
        background-color: #98a2b3;
        height: 15px
    }

.lln .instruct .instruct-img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 10px auto 10px auto;
    min-height: 200px
}

.lln .instruct .instruct-content {
    padding-top: 10px;
    font-size: 16px
}

    .lln .instruct .instruct-content span {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none
    }

.lln .instruct a.news-link {
    text-decoration-line: underline
}

.owl-carousel button {
    opacity: 1
}

.instruct-img.owl-theme .owl-nav.disabled + .owl-dots {
    margin-bottom: unset
}

.instruct-img .owl-dots .owl-dot:hover span, .instruct-img .owl-dots .owl-dot span {
    width: 8px !important;
    height: 8px !important;
    background: #bbddfd !important;
    opacity: 1 !important
}

.instruct-img .owl-dots .owl-dot.active span {
    background: #2871d5 !important;
    opacity: 1 !important
}

#easychatgpt-widget {
    z-index: 999;
    position: fixed
}

.lln-check.lln-form input::-webkit-inner-spin-button, .lln-check.lln-form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.lln-check.lln-form input[type="number"] {
    -moz-appearance: textfield
}

.feature-img .zoomHolder > img {
    transform: matrix(1,0,0,1,0,0) !important
}

.feature-img .thubmail-slide.full .zoomHolder > img {
    transform: unset !important;
    width: auto;
    height: 100%
}

.gallery-img .thubmail-slide .zoomHolder > img {
    width: auto;
    height: auto
}

.box_servicepack > * {
    margin-bottom: 10px
}

.box_servicepack > b {
    display: block;
    font-size: 15px
}

.box_servicepack > div {
    border: 1px solid #eaecf0;
    border-radius: 8px;
    padding: 10px 10px 10px 35px;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

    .box_servicepack > div:before {
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 1px solid #d0d5dd;
        position: absolute;
        left: 10px;
        top: 10px
    }

    .box_servicepack > div > span {
        display: block;
        overflow: hidden
    }

        .box_servicepack > div > span > strong {
            font-size: 15px
        }

        .box_servicepack > div > span > b {
            color: #d92d20;
            float: right;
            font-size: 15px
        }

        .box_servicepack > div > span > em {
            color: #98a2b3;
            float: right;
            text-decoration: line-through;
            font-size: 12px;
            margin-right: 5px;
            font-style: normal
        }

    .box_servicepack > div > ul {
        margin: 0px
    }

        .box_servicepack > div > ul > li {
            margin-bottom: 5px;
            position: relative;
            padding-left: 20px
        }

            .box_servicepack > div > ul > li:before {
                width: 12px;
                height: 12px;
                border-radius: 50%;
                top: 2px;
                left: 0;
                content: "";
                position: absolute;
                border: 1px solid #039855
            }

            .box_servicepack > div > ul > li:after {
                content: "";
                width: 3px;
                height: 5px;
                border: solid #039855;
                border-width: 0 1px 1px 0;
                transform: rotate(45deg);
                margin: -2px 0 0 2px;
                border-radius: 0;
                position: absolute;
                left: 3px;
                top: 7px
            }

            .box_servicepack > div > ul > li.vip {
                color: #dc6803
            }

                .box_servicepack > div > ul > li.vip:before {
                    border: none;
                    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAXCAYAAADz/ZRUAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFoSURBVHgB1ZbLTcNAEIa/DSgcgQowRwQH0kFKSAeECggV4A4IFUAHSSrAVJAgAhyTDsgRCcXLrJf4HckWeCU+abxrz9i/Z2b9gP+KfqFrDNfoV3wx/WM+rtBz+ilha+9cUBNFTUTEI2Qq04Oca0WLjjphSUVa1EBPRVDzWCJMdEx8UUxFduOLthnIyfvscLf17tvcSoy39WrGZ2LgstQ951xq3ZOUF3wyicouPbuXoR9HKQKxhyigI+W0Mb4MN1RBc63OGMaJ7UXroSfHu6kofyM+ipxFjPCYNROpyIg6yA3I9kiS6FPWJk1gxd+4kp0hLlEM7IJb84x7ZvGjJqX/gOor9Zes1CmH6UctwB2B2STiyqG4KopPcEXIk5VM4ajvS+n3sZnkX69jmme2mWTFVeJoDJ0kmBdvvu9ftt9WLof0fSGDRzPE/TYUP6mq0b4H6Z2ieNjoqzaTWLHs9ttu/lQ8/pZMyQ3fVLF63l6Zmz4AAAAASUVORK5CYII=') no-repeat left top;
                    background-size: 100% auto;
                    width: 15px
                }

                .box_servicepack > div > ul > li.vip:after {
                    display: none
                }

    .box_servicepack > div > a {
        float: right;
        color: #2a83e9;
        position: relative;
        padding-right: 12px;
        margin-right: 10px;
        display: none
    }

        .box_servicepack > div > a:after {
            content: "";
            width: 6px;
            height: 6px;
            border-right: 1px solid #2a83e9;
            border-bottom: 1px solid #2a83e9;
            transform: rotate(-45deg);
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

    .box_servicepack > div.active {
        border-color: #64b2fa;
        background: #f1f8fe
    }

        .box_servicepack > div.active:before {
            border-color: #2a83e9
        }

        .box_servicepack > div.active:after {
            content: '';
            width: 6px;
            height: 6px;
            background-color: #2a83e9;
            border-radius: 50%;
            position: absolute;
            left: 15px;
            top: 15px
        }

        .box_servicepack > div.active > a {
            display: block
        }

.popup_servicepack, .popup_service_pack_2 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    left: 0;
    top: 0;
    z-index: 9999;
    display: none
}

    .popup_servicepack > div, .popup_service_pack_2 > div {
        position: absolute;
        padding: 15px;
        border-radius: 8px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 500px;
        height: max-content;
        margin: auto;
        background-color: #fff
    }

        .popup_servicepack > div > b, .popup_service_pack_2 > div > b {
            display: block;
            font-size: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #eaecf0;
            padding-bottom: 10px
        }

        .popup_servicepack > div > a, .popup_service_pack_2 > div > a {
            position: absolute;
            right: 10px;
            top: 10px;
            font-size: 16px
        }

            .popup_servicepack > div > a > i, .popup_service_pack_2 > div > a > i {
                background-color: #98a2b3;
                left: -10px;
                width: 2px;
                height: 14px;
                top: 6px
            }

                .popup_servicepack > div > a > i.close-symbol::before, .popup_service_pack_2 > div > a > i.close-symbol::before {
                    background-color: #98a2b3;
                    width: 2px;
                    height: 14px
                }

        .popup_servicepack > div > ul > li, .popup_service_pack_2 > div > ul > li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 25px;
            cursor: pointer;
            display: flex;
            flex-wrap: wrap
        }

            .popup_servicepack > div > ul > li:before, .popup_service_pack_2 > div > ul > li:before {
                content: '';
                width: 16px;
                height: 16px;
                border-radius: 4px;
                border: 1px solid #d0d5dd;
                position: absolute;
                left: 0;
                top: 0
            }

            .popup_servicepack > div > ul > li > span, .popup_service_pack_2 > div > ul > li > span {
                float: left;
                width: calc(100% - 85px)
            }

            .popup_servicepack > div > ul > li > b, .popup_service_pack_2 > div > ul > li > b {
                float: right;
                text-align: right;
                width: 85px
            }

                .popup_servicepack > div > ul > li > b > i, .popup_service_pack_2 > div > ul > li > b > i {
                    display: block;
                    font-style: normal;
                    color: #98a2b3;
                    text-decoration: line-through;
                    font-weight: normal;
                    font-size: 13px
                }

            .popup_servicepack > div > ul > li.active, .popup_service_pack_2 > div > ul > li.active {
                border-color: #64b2fa
            }

                .popup_servicepack > div > ul > li.active:before, .popup_service_pack_2 > div > ul > li.active:before {
                    border-color: #2a83e9;
                    background: #e3f1fe
                }

                .popup_servicepack > div > ul > li.active:after, .popup_service_pack_2 > div > ul > li.active:after {
                    content: "";
                    width: 3px;
                    height: 8px;
                    border: solid #2a83e9;
                    border-width: 0 2px 2px 0;
                    transform: rotate(45deg);
                    margin: -2px 0 0 2px;
                    border-radius: 0;
                    position: absolute;
                    left: 5px;
                    top: 5px
                }

                .popup_servicepack > div > ul > li.active.disable, .popup_service_pack_2 > div > ul > li.active.disable {
                    pointer-events: none;
                    filter: grayscale(1)
                }

                    .popup_servicepack > div > ul > li.active.disable > span, .popup_service_pack_2 > div > ul > li.active.disable > span {
                        color: #98a2b3
                    }

            .popup_servicepack > div > ul > li > p, .popup_service_pack_2 > div > ul > li > p {
                margin-bottom: 10px
            }

            .popup_servicepack > div > ul > li > div, .popup_service_pack_2 > div > ul > li > div {
                margin-top: 5px;
                padding: 10px;
                border: 1px solid #eaecf0;
                border-radius: 8px;
                opacity: .7;
                display: flex;
                flex-wrap: wrap
            }

                .popup_servicepack > div > ul > li > div > span, .popup_service_pack_2 > div > ul > li > div > span {
                    width: calc(100% - 85px)
                }

                .popup_servicepack > div > ul > li > div > b, .popup_service_pack_2 > div > ul > li > div > b {
                    text-align: right;
                    width: 85px
                }

                    .popup_servicepack > div > ul > li > div > b > i, .popup_service_pack_2 > div > ul > li > div > b > i {
                        display: block;
                        font-style: normal;
                        color: #98a2b3;
                        text-decoration: line-through;
                        font-weight: normal;
                        font-size: 13px
                    }

                .popup_servicepack > div > ul > li > div > ul, .popup_service_pack_2 > div > ul > li > div > ul {
                    display: none;
                    width: 100%
                }

                    .popup_servicepack > div > ul > li > div > ul > li, .popup_service_pack_2 > div > ul > li > div > ul > li {
                        position: relative;
                        padding: 5px 0 0 12px;
                        display: flex;
                        align-items: baseline
                    }

                        .popup_servicepack > div > ul > li > div > ul > li:before, .popup_service_pack_2 > div > ul > li > div > ul > li:before {
                            content: '-';
                            position: absolute;
                            left: 0;
                            top: 4px
                        }

                        .popup_servicepack > div > ul > li > div > ul > li > div, .popup_service_pack_2 > div > ul > li > div > ul > li > div {
                            width: calc(100% - 85px);
                            display: flex;
                            align-items: center
                        }

                            .popup_servicepack > div > ul > li > div > ul > li > div > div, .popup_service_pack_2 > div > ul > li > div > ul > li > div > div {
                                display: inline;
                                position: relative;
                                padding-left: 5px
                            }

                                .popup_servicepack > div > ul > li > div > ul > li > div > div:before, .popup_servicepack > div > ul > li > div > ul > li > div > div:after, .popup_service_pack_2 > div > ul > li > div > ul > li > div > div:before, .popup_service_pack_2 > div > ul > li > div > ul > li > div > div:after {
                                    content: '';
                                    width: 0;
                                    height: 0;
                                    position: absolute;
                                    bottom: -6px;
                                    left: 3px;
                                    border-bottom: 8px solid #d9d9d9;
                                    border-left: 8px solid transparent;
                                    border-right: 8px solid transparent;
                                    border-bottom-color: #fff;
                                    z-index: 12;
                                    display: none
                                }

                                .popup_servicepack > div > ul > li > div > ul > li > div > div > i, .popup_service_pack_2 > div > ul > li > div > ul > li > div > div > i {
                                    border: 1px solid #98a2b3;
                                    border-radius: 50%;
                                    font-style: normal;
                                    font-size: 10px;
                                    color: #98a2b3;
                                    display: block;
                                    width: 12px;
                                    height: 12px;
                                    text-align: center;
                                    line-height: 12px
                                }

                                .popup_servicepack > div > ul > li > div > ul > li > div > div > div, .popup_service_pack_2 > div > ul > li > div > ul > li > div > div > div {
                                    display: none;
                                    position: absolute;
                                    width: 470px;
                                    max-height: max-content;
                                    padding: 10px;
                                    border-radius: 8px;
                                    border: 1px solid #eaecf0;
                                    background-color: #fff;
                                    z-index: 3;
                                    left: -357px;
                                    top: 16px;
                                    line-height: 1.4
                                }

                                .popup_servicepack > div > ul > li > div > ul > li > div > div:hover > div, .popup_service_pack_2 > div > ul > li > div > ul > li > div > div:hover > div {
                                    display: block
                                }

                                .popup_servicepack > div > ul > li > div > ul > li > div > div:hover:before, .popup_servicepack > div > ul > li > div > ul > li > div > div:hover:after, .popup_service_pack_2 > div > ul > li > div > ul > li > div > div:hover:before, .popup_service_pack_2 > div > ul > li > div > ul > li > div > div:hover:after {
                                    display: block
                                }

                        .popup_servicepack > div > ul > li > div > ul > li > b, .popup_service_pack_2 > div > ul > li > div > ul > li > b {
                            float: right;
                            text-align: right;
                            width: 85px
                        }

                            .popup_servicepack > div > ul > li > div > ul > li > b > i, .popup_service_pack_2 > div > ul > li > div > ul > li > b > i {
                                display: block;
                                font-style: normal;
                                color: #98a2b3;
                                text-decoration: line-through;
                                font-weight: normal;
                                font-size: 13px
                            }

            .popup_servicepack > div > ul > li.active > div, .popup_service_pack_2 > div > ul > li.active > div {
                opacity: 1
            }

            .popup_servicepack > div > ul > li > div.active, .popup_service_pack_2 > div > ul > li > div.active {
                border-color: #64b2fa;
                background: #f1f8fe
            }

                .popup_servicepack > div > ul > li > div.active > ul, .popup_service_pack_2 > div > ul > li > div.active > ul {
                    display: block
                }

        .popup_servicepack > div > label, .popup_service_pack_2 > div > label {
            color: #d92d20;
            display: block;
            text-align: center;
            padding-top: 10px
        }

        .popup_servicepack > div > p, .popup_service_pack_2 > div > p {
            padding-top: 10px;
            margin: 15px 0 10px 0;
            border-top: 1px solid #eaecf0;
            overflow: hidden
        }

            .popup_servicepack > div > p > b, .popup_service_pack_2 > div > p > b {
                float: right;
                font-size: 16px;
                color: #d92d20
            }

        .popup_servicepack > div > button, .popup_service_pack_2 > div > button {
            height: 40px;
            border: none;
            background-color: #2a83e9;
            text-align: center;
            color: #fff;
            line-height: 40px;
            cursor: pointer;
            width: 100%;
            border-radius: 8px
        }

            .popup_servicepack > div > button.disable, .popup_service_pack_2 > div > button.disable {
                pointer-events: none;
                filter: grayscale(1)
            }

 .box_saving.v2 .box_servicepack {
    padding: 10px 10px 0 10px
}

 .block-promote__platform {
    display: flex;
    padding: 12px 15px 15px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 12px
}

     .block-promote__platform .thumnail-promote__platform img {
        border-radius: 12px;
        margin-right: 12px;
        width: 70%
    }

     .block-promote__platform .information-promote__platform {
        margin: auto 0
    }

         .block-promote__platform .information-promote__platform h2 {
            font-weight: 600;
            font-size: 16px;
            color: #101828
        }

.installment-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    font-family: Arial,sans-serif
}

.installment-popup--active {
    display: block
}

.installment-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.4);
    backdrop-filter: blur(2px)
}

.installment-popup__box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 16px;
    width: 90%;
    max-width: 400px;
    padding: 20px;
    animation: fadeInZoom .3s ease-out;
    box-shadow: 0 8px 24px rgba(0,0,0,.2)
}

@keyframes fadeInZoom {
    from {
        opacity: 0;
        transform: translate(-50%,-40%) scale(.95)
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }
}

.installment-popup__title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    text-align: center;
    display: flex;
    justify-content: space-between
}

.installment-popup__item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid #eee;
    text-decoration: none;
    color: #000
}

    .installment-popup__item:first-of-type {
        border-top: none
    }

.installment-popup__icon {
    width: 24px;
    margin-right: 12px;
    flex-shrink: 0
}

.installment-popup__info {
    display: flex;
    flex-direction: column
}

.installment-popup__main {
    font-size: 14px;
    font-weight: 600
}

.installment-popup__sub {
    font-size: 12px;
    color: #888;
    margin-top: 2px
}

.installment-popup__box a.installment-popup__item::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(-45deg);
    position: absolute;
    right: 14px
}

.icondetail-kredivo {
    background-position: -254px -160px;
    width: 24px;
    margin-right: 12px
}

.iconcate-closess:hover {
    cursor: pointer
}

.btn-ins.show-arrow::before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    right: 144px;
    top: 66%
}

.warranty-icon-extend {
    background-position: -56px -7px;
    width: 16px;
    height: 17px
}

.warranty-extend__brand {
    width: 60px;
    height: auto;
    margin-right: 16px;
    align-self: center
}

.warranty-extend__link-icon {
    background-position: -2px -34px;
    width: 13px;
    height: 13px
}

.warranty-extend__item--brand {
    display: flex;
    flex-direction: column;
    font-weight: 700;
    align-items: center;
    width: 48px;
    height: fit-content
}

.warranty-extend {
    padding: 12px 0
}

.warranty-extend__header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-weight: bold
}

.warranty-extend__checkbox {
    margin-right: 8px
}

.warranty-extend__title {
    margin-left: 7px
}

.warranty-extend__highlight {
    color: #f00
}

.warranty-extend__subtext {
    font-size: 12px;
    color: #999;
    margin-bottom: 12px
}

.warranty-extend__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.warranty-extend__item {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 18px 10px 10px 10px;
    flex: 1 1 calc(33% - 12px);
    min-width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    position: relative
}

.warranty-extend__item--active {
    border: 2px solid #007aff
}

    .warranty-extend__item--active:before {
        content: "✔";
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 16px;
        background-color: #007aff;
        text-align: center;
        color: #fff;
        border-radius: 0 0 6px 0;
        font-size: 12px
    }

.warranty-extend__item-header {
    display: flex;
    gap: 8px;
    margin-bottom: 6px
}

.warranty-extend__logo {
    width: 24px;
    height: 24px
}

.warranty-extend__tag {
    font-size: 10px;
    color: #666;
    margin: 6px 0
}

.warranty-extend__price {
    font-weight: bold;
    margin-bottom: 8px
}

.warranty-extend__price-old {
    font-weight: normal;
    text-decoration: line-through;
    font-size: 12px;
    color: #999;
    margin-left: 6px
}

.warranty-extend__price-discount {
    background-color: #d4f5e9;
    color: #008000;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 4px;
    margin-left: 6px
}

.warranty-extend__link {
    font-size: 12px;
    color: #007aff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px
}

.warranty-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

    .warranty-popup.warranty-popup--active {
        display: flex
    }

.warranty-popup__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    backdrop-filter: blur(2px)
}

.warranty-popup__content {
    position: absolute;
    width: 500px;
    max-height: 90vh;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: fadeInZoom .3s ease-out
}

.warranty-popup__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #eee
}

.warranty-popup__title {
    font-size: 16px;
    font-weight: bold;
    flex: 1;
    text-align: center
}

.iconcate-closess {
    font-size: 24px;
    cursor: pointer
}

.warranty-popup__benefit {
    padding: 24px;
    font-size: 14px
}

    .warranty-popup__benefit p {
        margin-bottom: 12px;
        font-weight: normal
    }

    .warranty-popup__benefit ul {
        padding-left: 20px;
        margin-bottom: 16px
    }

    .warranty-popup__benefit li {
        margin-bottom: 8px
    }

.warranty-popup__link {
    color: #007aff;
    text-decoration: none;
    font-weight: bold
}

.warranty-popup__options {
    padding: 0 24px;
    margin-bottom: 16px;
    overflow-y: auto;
    max-height: 300px
}

.warranty-popup__option {
    display: flex;
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    cursor: pointer;
    transition: border-color .3s
}

    .warranty-popup__option:hover, .warranty-popup__option--active {
        border-color: #007aff
    }

    .warranty-popup__option input[type="radio"] {
        margin-right: 16px;
        cursor: pointer;
        accent-color: #2a83e9
    }

.warranty-extend__icon {
    width: 32px;
    height: 32px;
    background-size: contain;
    margin-right: 16px
}

.warranty-popup__option-content {
    flex: 1
}

.warranty-popup__option-header span {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.warranty-popup__prices {
    display: flex;
    align-items: center
}

.warranty-popup__price--wrapper {
    display: flex;
    flex-direction: column
}

.warranty-popup__old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
    padding: 5px 0
}

.warranty-popup__discount {
    background: #e6f4ea;
    color: #28a745;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 14px;
    align-self: flex-start
}

.warranty-popup__current-price {
    font-weight: bold;
    font-size: 16px
}

.warranty-popup__actions {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px;
    border-top: 1px solid #eee
}

.warranty-popup__button {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    min-width: 120px;
    width: 100%
}

.warranty-popup__button--secondary {
    background: #f0f0f0;
    color: #333
}

.warranty-popup__button--primary {
    background: #007aff;
    color: #fff
}

.warranty-popup__button--secondary:hover {
    background: #e0e0e0
}

.warranty-popup__button--primary:hover {
    background: #06c
}

.warranty-popup__button--primary:disabled {
    background-color: #ccc;
    color: #999;
    cursor: not-allowed;
    opacity: .7;
    pointer-events: none
}

.warranty-options {
    border-radius: 8px;
    background: #fff;
    font-family: Arial,sans-serif
}

    .warranty-options > .option.hidden {
        display: none !important
    }

    .warranty-options > .option > label {
        display: flex
    }

    .warranty-options > .option > .option-container > .option-content {
        width: 100%
    }

    .warranty-options > .option.active > .option-container > .option-content > a {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

.option {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    transition: border .3s
}

    .option > .option-container {
        display: flex;
        width: 100%;
        justify-content: flex-start
    }

        .option > .option-container > .option-content > .option-title-wrap {
            display: flex;
            justify-content: space-between
        }

    .option.active {
        border: 1px solid #1a73e8;
        background: #e6f0fa
    }

    .option input {
        margin-right: 12px;
        margin-top: 3px;
        align-self: flex-start;
        accent-color: #2a83e9
    }

.option-title {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
    min-width: 250px;
    padding-right: 10px
}

.option-price {
    color: #e53935;
    font-weight: bold;
    font-size: 14px
}

    .option-price del {
        color: #999;
        font-size: 14px;
        margin-left: 8px;
        display: flex;
        font-weight: 400
    }

.option-desc {
    font-size: 14px;
    color: #344054;
    margin-top: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.4em*2);
    line-height: 18px;
    font-weight: 500;
    font-style: normal
}

.option-link {
    display: none;
    font-size: 14px;
    color: #1a73e8;
    margin-top: 6px
}

.more-link {
    text-align: center;
    font-size: 14px;
    padding-bottom: 10px
}

    .more-link a {
        color: #1a73e8;
        text-decoration: none;
        position: relative
    }

.show-expand::after {
    border-bottom: 1px solid #2f80ed;
    border-right: 1px solid #2f80ed;
    content: "";
    height: 7px;
    position: absolute;
    transform: rotate(45deg);
    width: 7px;
    top: 2px;
    right: -10%
}

.expanded::after {
    transform: rotate(225deg);
    right: -15px;
    top: 7px
}

.box_normal.has-extend-warranty > .price-one {
    display: none !important
}

.popup-box {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999
}

.popup-box--active {
    display: block
}

.popup-modal {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 16px;
    width: 90%;
    max-width: 400px;
    animation: fadeInZoom .3s ease-out;
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
    z-index: 10
}

.popup-detail__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.4);
    backdrop-filter: blur(2px)
}

.popup-modal-body {
    border-radius: 16px
}

.popup-modal-body-2 {
    background: #fff
}

.popup-modal-body-1 {
    background: #fffef5
}



.popup-modal-box {
    background: #fff;
    border-radius: 16px;
    width: 360px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
    position: relative;
    padding-top: 40px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center
}

.popup-modal-icon {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%)
}

    .popup-modal-icon img {
        width: 140px
    }

.popup-modal-content {
    position: relative;
    top: 3rem;
    padding: 0 20px;
    background: #fff;
    border-radius: 16px 16px 0 0
}

    .popup-modal-content h2 {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #000;
        margin-bottom: 16px
    }

    .popup-modal-content p {
        font-size: 14px;
        color: #4f5e71;
        margin: 8px 0
    }

.primary-btn {
    background-color: #007bff;
    color: #fff;
    padding: 12px;
    border-radius: 8px;
    border: none;
    width: 100%;
    margin-top: 16px;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.secondary-btn {
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 8px;
    width: 100%;
    margin-top: 8px;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}



.viewed-historyv3 {
    display: none;
    padding: 20px;
    position: relative;
    overflow: hidden
}

    .viewed-historyv3 .owl-nav {
        display: none
    }

    .viewed-historyv3 .navigation-prev, .viewed-historyv3 .navigation-next {
        text-indent: -9999px;
        position: absolute;
        background-color: rgba(249,250,251,25%);
        background-image: url('https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon_angle-left.png');
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0 0 5px 0 rgba(102,102,102,.45);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        top: calc(50% + 10px);
        z-index: 2;
        transform: rotate(135deg);
        cursor: pointer;
        transition: all ease-in-out .2s
    }

    .viewed-historyv3 .navigation-prev {
        left: 2px;
        transform: rotate(0deg)
    }

        .viewed-historyv3 .navigation-prev:hover, .viewed-historyv3 .navigation-next:hover {
            background-color: rgba(249,250,251,70%)
        }

    .viewed-historyv3 .navigation-next {
        right: 2px;
        transform: rotate(180deg)
    }

.btn-clear-history {
    position: absolute;
    content: "";
    top: 20px;
    right: 0;
    color: #98a2b3;
    cursor: pointer
}

.viewed-historyv3 h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0px
}

.list-viewed-products {
    margin-top: 20px
}

.viewed-product {
    display: flex;
    border: 1px solid #eaecf0;
    /*border-radius: 8px;*/
    overflow: hidden;
    padding: 10px 5px
}

    .viewed-product > a {
        width: 100%
    }

.viewed-product-content {
    display: flex;
    cursor: pointer;
    width: 100%
}

.viewed-product-info {
    display: block;
    padding-left: 5px
}

.viewed-product-title {
    min-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(16,24,40,1);
    line-height: 20px
}

.viewed-product-price {
    margin-top: 5px;
    color: #dd2f2c;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.owl-carousel .owl-item .viewed-product img {
    width: 66px;
    height: auto;
    padding: 0 3px;
    margin: auto 0;
    border-radius: unset
}

.owl-carousel .owl-item .viewed-product .close-itemv3 {
    position: absolute;
    content: "";
    top: 6px;
    right: 6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #98a2b3;
    z-index: 2;
    cursor: pointer
}

    .owl-carousel .owl-item .viewed-product .close-itemv3:before, .owl-carousel .owl-item .viewed-product .close-itemv3::after {
        position: absolute;
        content: "";
        top: 9px;
        right: 4px;
        width: 10px;
        border-radius: 8px;
        height: 1px;
        transform: rotate(45deg);
        background-color: #fff
    }

    .owl-carousel .owl-item .viewed-product .close-itemv3::after {
        transform: rotate(-45deg)
    }
.list-viewed-products .owl-stage {
    transform: translate3d(0px, 0px, 0px);
    transition: all;
    width: 410px;
}
    .list-viewed-products .owl-stage .owl-item {
        width: 190px;
    }
@media (min-width:481px) {
    .box_right {
        width: 100%;
        margin-top: 10px;
    }
    .box_main .box_left {
        width: 100%;
    }
    .border20 {display:none !important}
    .box_right .home-viewed-products {
        display: none !important
    }
    .tabs .tab-link {
        width: 164px;
        font-size: 13px;
    }

    .policy-vs h2 {
        font-size: 22px
    }

    .policy__list .pl-txt {
        font-size: 12px;
        text-align: justify;
    }
    .owl-stage-outer {display:block}
}
@media (max-width:481px) {
    .box_right {
        width: 100%;
        margin-top: 10px;
    }

    .box_main .box_left {
        width: 100%;
    }

    .border20 {
        display: none !important
    }

    .box_right .home-viewed-products {
        display: none !important
    }
    .tabs .tab-link {
        width: 164px;
        font-size: 13px;
    }

    .policy-vs h2 {
        font-size: 22px
    }

    .policy__list .pl-txt {
        font-size: 12px;
        text-align: justify;
    }
    .owl-stage-outer {
        display: block
    }
}
@media (min-width:768px) {
    .box_main .box_left {
        width: calc(100% - 318px);
    }

    .box_right {
        width: 303px;
        float: right;
    }
    .list-viewed-products .owl-stage {
        width: 366px;
    }
    .tabs .tab-link {
        width: 164px;
        font-size: 13px;
    }
    .policy-vs h2{font-size:22px}
    .policy__list .pl-txt{
        font-size: 12px;
        text-align: justify;
    }
    .policy__list{margin:0}
    .list-viewed-products .owl-stage .owl-item {
        width: 232px;
    }
    .pr-content .pr-item p {
        font-size: 12px;
    }
}
@media (min-width:991px) {
    .box_main .box_left {
        width: calc(100% - 529px);
    }

    .box_right {
        width: 519px;
        float: right;
        margin-top:0 !important
    }
    .border20 {
        display: block !important
    }

    .box_right .home-viewed-products {
        display: block !important
    }
    .list-viewed-products .owl-stage {
        width: 464px;
    }
    .tabs .tab-link {
        width: 315px;
        font-size: 20px;
    }
}