* {
    margin: 0;
    padding: 0
}

body {
    min-width: 1024px;
    overflow-x: hidden
}

img {
    border: 0
}

a {
    text-decoration: none
}

ul,ol {
    list-style: none
}

.clr {
    clear: both
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    text-rendering: geometricPrecision
}

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

body,input,button,option,textarea,label,legend,h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    font: 14px/18px Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
    color: #333;
    outline: none;
    zoom:1}

header {
    position: absolute;
    top: 0;
    min-width: 1200px;
    background: #fed700;
    width: 100%;
    height: 55px;
    z-index: 3
}

section {
    max-width: 1200px;
    width: 100%;
    min-width: 980px;
    margin: 55px auto 0;
    position: relative
}

footer {
    width: 100%;
    min-width: 1024px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    clear: both
}

.wrap-main {
    width: 1200px;
    height: 55px;
    background: #000;
    margin: auto;
    position: relative;
    display: block
}

.logo {
    float: left;
    width: 165px;
    display: block;
    padding: 14px 0 11px 5px
}

.logo a {
    display: block;
    overflow: hidden
}

#search-site {
    float: left;
    width: 230px;
    height: 35px;
    margin: 10px 10px 0 10px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.topinput {
    float: left;
    width: 162px;
    margin-left: 8px;
    padding-top: 3px;
    border: 0;
    position: relative;
    background: #fff;
    height: 30px;
    text-indent: 10px;
    font-size: 13px
}

.btntop {
    float: right;
    width: 40px;
    height: 35px;
    border: 0;
    background: none
}

nav {
    width: 780px;
    background: #fed700;
    margin: 0;
    padding: 0;
    display: table;
    *display: block;
    *float: none
}

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

nav a:hover,nav a.actmenu {
    background-color: #f5f5f5
}

nav a.mobile {
    width: 80px
}

nav a.tablet {
    width: 80px
}

nav a.laptop {
    width: 74px
}

nav a.phukien {
    width: 70px
}

nav a.simcard {
    width: 60px
}

nav a.ask {
    width: 70px
}

nav a.maydoitra {
    width: 80px
}

nav a.gameapp {
    width: 80px;
    height: 43px
}

nav a span {
    display: block;
    position: absolute;
    top: 9px;
    width: 23px;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 11px
}

nav a.cardsim,nav a.utility {
    text-transform: none;
    font-size: 13px;
    padding: 0;
    vertical-align: middle;
    line-height: 19px;
    padding-top: 6px
}

nav a.utility {
    width: 100px
}

[class^="icontgdd-"],[class*="icontgdd-"],[class^="iconmobile-"],[class*="iconmobile-"] {
    background-image: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/icondesktop2022@1x_edit.png?v=004);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    [class^="icontgdd-"],[class*="icontgdd-"],[class^="iconmobile-"],[class*="iconmobile-"] {
        background-image:url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/icondesktop2022@2x_edit.png?v=003);
        background-size: 500px 100px
    }
}

.icontgdd-logo {
    background-position: 0 0;
    width: 156px;
    height: 30px;
    display: block;
    margin: auto
}

.icontgdd-topsearch {
    background-position: -160px 0;
    width: 20px;
    height: 20px;
    display: block;
    margin: 1px auto 0
}

.icontgdd-mobile {
    background-position: -190px 0;
    width: 16px;
    height: 25px;
    display: block;
    margin: 2px auto 3px
}

.icontgdd-tablet {
    background-position: -209px 0;
    display: block;
    margin: 0 auto 5px;
    width: 33px;
    height: 22px
}

.icontgdd-laptop {
    background-position: -245px 0;
    display: block;
    margin: 0 auto 5px;
    width: 39px;
    height: 21px
}

.icontgdd-phukien {
    background-position: -288px 0;
    display: block;
    margin: 0 auto 5px;
    width: 22px;
    height: 22px
}

.icontgdd-maydoitra {
    background-position: -315px 0;
    display: block;
    margin: 0 auto 4px;
    width: 34px;
    height: 26px
}

.icontgdd-simcard {
    background-position: -355px 0;
    display: block;
    margin: 0 auto 5px;
    width: 18px;
    height: 23px
}

.icontgdd-news {
    display: block;
    margin: 0 auto 2px;
    background-position: -428px -50px;
    width: 28px;
    height: 25px
}

.icontgdd-ask {
    background-position: -410px 0;
    display: block;
    margin: 0 auto 3px;
    width: 25px;
    height: 25px
}

.icontgdd-gameapp {
    background-position: -462px -52px;
    display: block;
    margin: 0 auto 5px;
    height: 20px;
    width: 32px
}

.icontgdd-promo {
    background-position: -475px 0;
    display: block;
    margin: 0 auto 3px;
    width: 22px;
    height: 24px
}

.icontgdd-watch {
    background-position: -362px -50px;
    display: block;
    margin: 0 auto 0;
    width: 16px;
    height: 27px
}

.rowfoot1 {
    display: block;
    overflow: hidden;
    width: 100%;
    min-width: 1024px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0
}

.colfoot {
    float: left;
    width: 28%;
    margin: 0;
    position: relative
}

.collast {
    width: 11%;
    float: right
}

.colfoot li {
    float: none;
    position: relative;
    font-size: 13px;
    color: #444
}

.colfoot li a {
    display: block;
    color: #288ad6;
    font-size: 14px;
    line-height: 25px;
    padding-top: 5px
}

.colfoot li a:hover {
    color: #666
}

.colfoot li a.bct,.colfoot li a.dmca-badge {
    display: inline-block
}

.colfoot li p {
    display: block;
    padding-top: 5px;
    line-height: 25px;
    font-size: 14px;
    color: #666
}

.colfoot li p a {
    display: inline;
    font-weight: 600;
    color: #333;
    padding: 0 5px
}

.colfoot li.showmore {
    font-weight: bold
}

.colfoot li.showmore a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid #288ad6;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin: 0 0 0 5px;
    position: relative;
    top: -2px
}

.colfoot li.showmore a:hover:after {
    border-top: 5px solid #666
}

.colfoot li.hidden {
    display: none
}

.colfoot li a.linkfb {
    float: left;
    padding: 0 10px 0 0;
    margin: 9px 0 2px;
    border-right: 1px solid #e9e9e9;
    font-size: 12px;
    line-height: 1;
    color: #288ad6
}

.colfoot li a.linkyt {
    float: left;
    padding: 0 0 0 10px;
    margin: 9px 0 2px;
    font-size: 12px;
    color: #288ad6;
    line-height: 1
}

.colfoot li a.dmx {
    display: block;
    overflow: hidden;
    clear: both;
    padding: 5px 0
}

.rowfoot2 {
    width: 100%;
    min-width: 980px;
    overflow: hidden;
    background: #f8f8f8;
    padding: 10px 0
}

.rowfoot2 p {
    display: block;
    width: 100%;
    margin: auto;
    font-size: 10px;
    color: #999;
    text-align: center
}

.rowfoot2 a {
    color: #999
}

.icontgdd-share1 {
    background-position: 0 -30px;
    width: 13px;
    height: 13px;
    margin-right: 3px
}

.icontgdd-share3 {
    background-position: -16px -30px;
    width: 17px;
    height: 13px;
    margin-right: 3px
}

.icontgdd-dmx {
    background-position: -36px -30px;
    width: 100px;
    height: 19px
}

.icontgdd-bct {
    background-position: 0 -50px;
    width: 110px;
    height: 38px
}

.icontgdd-hg {
    background-position: -384px -49px;
    width: 45px;
    height: 38px
}

.stickcart {
    position: fixed;
    right: 70px;
    bottom: 42px;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    font-size: 14px;
    color: #288ad6;
    padding: 0 10px 0 0;
    width: 130px;
    z-index: 99
}

.stickcart div {
    float: left;
    width: 38px;
    height: 38px;
    border-radius: 40px;
    background: #ffde31;
    margin: 2px 5px 2px 2px
}

.stickcart span {
    display: block;
    padding: 4px 0 0;
    white-space: nowrap
}

.stickcart strong {
    display: block;
    white-space: nowrap
}

.icontgdd-cartstick {
    background-position: -265px -30px;
    width: 22px;
    height: 18px;
    display: block;
    margin: 11px 0 0 6px
}

[class^="iconlogo-"],[class*="iconlogo-"] {
    background-image: url(../images/logosprite@1x.png?v=3);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}

@media(-webkit-min-device-pixel-ratio: 1.5) {
    [class^="iconlogo-"],[class*="iconlogo-"] {
        background-image:url(../images/logosprite@2x.png?v=3);
        background-size: 517px 20px
    }
}

.iconlogo-bhx {
    background-position: -220px 0;
    width: 90px;
    height: 19px
}

.iconlogo-dmx {
    background-position: -109px 0;
    width: 111px;
    height: 19px
}

.iconlogo-ma {
    background-position: -313px 0;
    width: 100px;
    height: 19px
}

.iconlogo-ta {
    background-position: -409px 0;
    width: 100px;
    height: 19px
}

.group {
    display: block;
    overflow: hidden;
    clear: both
}

.group label {
    display: block;
    font-size: 12px;
    color: #888;
    margin-top: 10px
}

.group a {
    display: block;
    vertical-align: top;
    padding-top: 0 !important
}

.breadcrumb {
    display: block;
    overflow: hidden;
    margin: 0;
    background: #fff;
    line-height: 32px;
    padding-top: 5px
}

.breadcrumb a {
    font-size: 12px;
    color: #288ad6
}

.breadcrumb strong {
    color: #999
}

.breadcrumb li {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.breadcrumb li a {
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    color: #288ad6;
    padding: 0 10px 0 0
}

.breadcrumb li a span {
    font-size: 14px;
    padding: 0;
    color: #288ad6
}

.breadcrumb span {
    display: inline-block;
    font-size: 20px;
    color: #999;
    padding: 2px 5px 0 0;
    line-height: 1
}

.breadcrumb li h1,.breadcrumb li h2 {
    display: inline-block;
    font-size: 14px;
    color: #288ad6;
    font-weight: normal;
    line-height: 32px
}

.breadcrumb li h1 a {
    color: #288ad6
}

.breadcrumb li h2 a {
    padding-left: 2px;
    color: #288ad6
}

#back-top {
    display: none;
    z-index: 99
}

#back-top span:before {
    cursor: pointer;
    background: #fdd504;
    width: 40px;
    position: fixed;
    right: 20px;
    bottom: 45px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -transition: all .2s linear;
    color: #000;
    content: "▲";
    opacity: .7;
    z-index: 8;
    border-radius: 5px
}

#back-top span:hover:before {
    opacity: 1
}

#dlding,#imgtrack,.none {
    display: none
}

.wrap-suggestion {
    display: block;
    border: 1px solid #e2e2e2;
    background: #fff;
    position: absolute;
    left: 0;
    width: 345px;
    top: 45px;
    z-index: 9
}

.wrap-suggestion:after,.wrap-suggestion:before {
    bottom: 100%;
    left: 80px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.wrap-suggestion:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.wrap-suggestion:before {
    border-color: rgba(218,218,218,0);
    border-bottom-color: #dadada;
    border-width: 9px;
    margin-left: -9px
}

.wrap-suggestion li {
    display: block;
    background: #fff;
    overflow: hidden;
    list-style: none;
    border-bottom: 1px dotted #ccc
}

.wrap-suggestion li.link {
    border: none;
    padding-left: 10px;
    padding-right: 10px
}

.wrap-suggestion li.link:first-child {
    margin-top: 6px
}

.wrap-suggestion li.link.last {
    margin-bottom: 6px
}

.wrap-suggestion li.link a {
    font-size: 14px;
    color: #3b7adb
}

.wrap-suggestion li.text {
    background-color: #f5f5f5;
    color: #666;
    font-size: 13px;
    border: none;
    padding: 7px 10px
}

.wrap-suggestion li:last-child {
    border-bottom: 0
}

.wrap-suggestion li:hover,.wrapp-producthome .wrap-suggestion li.selected,.wrap-main .wrap-suggestion li.selected {
    background: #f8f8f8
}

.wrap-suggestion li a {
    display: block;
    overflow: hidden;
    padding: 6px;
    color: #333;
    font-size: 12px
}

.wrap-suggestion li a img {
    float: left;
    width: 60px;
    height: auto;
    margin: 0 6px 0 0
}

.wrap-suggestion li a h3 {
    display: block;
    width: auto;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wrap-suggestion li a h6 {
    font-size: 12px;
    color: #e02020
}

.wrap-suggestion li a span {
    float: left;
    font-size: 13px;
    color: #666
}

.wrap-suggestion li a cite {
    font-size: 12px
}

.wrap-suggestion li a i {
    font-size: 12px;
    color: #e02020;
    display: inline-block;
    padding-left: 1px;
    font-style: normal
}

.wrap-suggestion li a span.price {
    font-size: 14px;
    color: #d0021b;
    float: none;
    font-weight: bold;
    display: inline-block;
    padding: 2px 2px 0 0
}

.wrap-suggestion li a label {
    display: block;
    font-size: 12px;
    color: #999;
    padding-left: 56px
}

.wrap-suggestion li a label strong {
    font-size: 12px;
    color: #d0021b
}

.wrap-suggestion li.samsung img {
    display: inline-block;
    vertical-align: middle;
    width: 80px
}

.wrap-suggestion li.samsung b {
    display: inline-block;
    vertical-align: middle;
    color: #333
}

.wrap-suggestion li a .cheappriceonline {
    color: #e67e22;
    font-size: 12px
}

.wrap-suggestion li a .cheappriceonline cite {
    color: #333
}

.wrap-suggestion li a .promo img {
    display: none
}

.wrap_rts {
    overflow: hidden;
    position: fixed;
    z-index: 11;
    bottom: 0;
    right: 10%
}

.wrap_rts .pop {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: auto;
    background: #fff;
    margin-top: 20%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc
}

.wrap_rts .pop .hdpop {
    padding: 10px 0 10px 10px;
    border-bottom: solid 1px #ccc;
    font-size: 15px;
    background: #f89406;
    color: #fff
}

.wrap_rts .pop .hdpop .closehd {
    float: right;
    color: #fff;
    border: solid 1px #fff;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    box-sizing: border-box;
    padding-top: 3px
}

.wrap_rts .pop .if {
    display: block;
    padding: 10px 10px 0
}

.wrap_rts .pop .if .price {
    color: #d0021b
}

.wrap_rts .pop .ivt {
    display: block;
    padding: 10px 10px 0;
    text-align: center
}

.wrap_rts .pop ul.ol {
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.wrap_rts .pop ul.ol li .iprn {
    color: #288ad6
}

.wrap_rts .pop ul.ol li .iprn:before {
    content: '•';
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #999;
    margin-right: 5px
}

.wrap_rts .pop ul.ol li .iprp {
    color: #d0021b;
    float: right
}

.wrap_rts .pop ul.rtt {
    padding: 10px;
    overflow: hidden
}

.wrap_rts .pop ul.rtt li {
    text-align: center;
    float: left;
    width: 33%;
    color: #288ad6;
    cursor: pointer
}

.wrap_rts .pop ul.rtt li img {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px
}

.wrap_rts .pop .chsRtUstf {
    border-radius: 5px;
    border: solid 1px #ccc;
    overflow: hidden;
    margin: 10px;
    padding: 10px
}

.wrap_rts .pop .chsRtUstf span {
    display: block;
    text-align: center;
    margin: 0 0 10px
}

.wrap_rts .pop .chsRtUstf a.chbUt {
    display: block;
    width: 50%;
    float: left;
    color: #288ad6;
    padding: 10px 0
}

.wrap_rts .pop .chsRtUstf a.chbUt i {
    margin: 0 8px
}

.wrap_rts .pop .chsRtUstf a.chbUt span {
    display: inline
}

.wrap_rts .pop .chsRtUstf a.btnRsUs {
    padding: 8px;
    background: #288ad6;
    color: #fff;
    border-radius: 5px;
    text-align: -webkit-center;
    width: 75px;
    margin: 10px auto 0;
    display: -webkit-box
}

.wrap_rts .pop .msg {
    margin: 10px 0 20px
}

.wrap_rts .pop .btnRs {
    padding: 8px;
    background: #fff;
    color: #288ad6;
    border: solid 1px #288ad6;
    border-radius: 5px;
    text-align: -webkit-center;
    width: 75px;
    margin: 10px auto 0;
    display: -webkit-box
}

.wrap_rts .iconmobile-uncheckbox {
    background-position: -145px -30px;
    width: 16px;
    height: 16px;
    vertical-align: sub
}

.wrap_rts .iconmobile-checkbox {
    background-position: -165px -30px;
    width: 16px;
    height: 16px;
    vertical-align: sub
}

.hide {
    display: none !important
}

@media screen and (max-width: 1220px) {
    .colfoot li a {
        padding:0 0 0 5px;
        line-height: 30px
    }

    .colfoot {
        width: 26.5%
    }

    .collast {
        width: 13%
    }

    .colfoot li a.bct {
        padding: 0
    }

    .breadcrumb {
        margin: 0 10px
    }
}

#search-site .wrap-suggestion-b2b {
    display: none
}

.wrap-suggestion li a h6.textOLOL {
    color: #d0021b
}

.mix-menu {
    position: absolute;
    right: 0;
    display: none;
    width: 100%;
    margin-top: 3px
}

.mix-menu a {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 0 4px;
    color: #000;
    background: #fed700;
    font-size: 13px;
    text-align: center;
    position: relative;
    border-top: 1px solid rgba(0,0,0,.1);
    text-transform: none
}

.mix-menu a.cardsim {
    line-height: 44px
}

.mix-menu a:hover {
    border-top: 1px solid rgba(0,0,0,.1);
    background-color: #eee
}

#utility-cardsim {
    width: 100px;
    height: 36px;
    padding: 15px 5px 4px;
    color: #000;
    background: #fed700;
    background-color: #fed700;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    border-left: 1px solid rgba(0,0,0,.1);
    position: relative
}

#utility-cardsim:hover .mix-menu {
    display: block
}

#utility-cardsim:hover #utility-cardsim {
    background-color: #fed700
}

#utility-cardsim:hover {
    background-color: #f5f5f5
}

nav a.promo {
    width: 85px
}

#dot {
    width: 10px;
    height: 10px;
    background-color: #f33;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: block
}

#dot .ping {
    border: 1px solid #f33;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: rgba(238,46,36,.2);
    border-radius: 100%;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-name: sonar;
    animation-name: sonar;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: block;
    margin: -1px 0 0 -1px
}

video.videoUploadCms {
    width: 100%;
    height: auto
}

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

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

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

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

/* 09:50:20 06/04/2021 */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -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-theme .owl-controls {
    margin-top: 0;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 4px;
    height: 4px;
    margin: 0 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #d8d8d8
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ef8a32
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

/* 09:56:28 06/04/2021 */
section {
    padding-top: 10px
}

.lazy {
    opacity: 0;
    transition: all 300ms ease
}

.lazy.lazyOwl {
    opacity: 1
}

.lazyload,.lazyloading {
    opacity: 0;
    transition: all 300ms ease-in
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms
}

.homebanner {
    float: left;
    width: 65.834%;
    height: 354px;
    overflow: hidden;
    position: relative;
    background: #f0f0f0;
    margin-bottom: 15px
}

#sync1 .item {
    background: #f8f8f8;
    text-align: center;
    height: 300px;
    color: #fff
}

#sync1>.item {
    display: none
}

#sync1>.item:first-child {
    display: block
}

#sync2 {
    display: block;
    width: 100%;
    background: #fff;
    height: 55px
}

#sync2 .owl-item {
    height: 55px;
    position: relative
}

#sync2 .owl-item:after {
    content: '';
    float: right;
    height: 30px;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 13px;
    right: 0
}

#sync2 .owl-item:last-child:after {
    border: 0
}

#sync2 .item {
    display: table;
    width: 98%;
    vertical-align: middle;
    position: relative;
    background: #fff;
    color: #666;
    text-align: center;
    cursor: pointer;
    height: 55px;
    font-size: 12px;
    padding: 0 1%
}

#sync2 .item h3 {
    font-size: 12px;
    line-height: 1.3em;
    display: inline-block;
    vertical-align: middle;
    display: table-cell
}

#sync2 .synced .item h3 {
    font-weight: 600
}

.homebanner .owl-buttons {
    position: absolute;
    top: 38%;
    height: 0;
    width: 100%;
    display: none
}

.homebanner:hover .owl-buttons {
    display: block
}

.homebanner .owl-prev {
    position: absolute;
    left: 10px;
    padding: 12px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,.3);
    width: 48px;
    height: 40px;
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-family: -webkit-body
}

.homebanner .owl-next {
    position: absolute;
    right: 10px;
    padding: 12px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,.3);
    width: 48px;
    height: 40px;
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-family: -webkit-body
}

.homenews {
    float: right;
    width: 33.2%;
    height: 354px;
    overflow: hidden
}

.homenews figure {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #efefef;
    background: #fff
}

.homenews h2 {
    float: left;
    padding: 10px 20px 10px 10px;
    background: #fdd504;
    line-height: 1.3em;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    text-align: center;
    position: relative
}

.homenews h2:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 12px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.homenews h2 a {
    font-weight: 600
}

.homenews ul {
    display: block;
    overflow: hidden
}

.homenews li {
    display: block;
    padding: 10px 10px 5px;
    border-bottom: 1px solid #ededed;
    background: #fff
}

.homenews li img {
    float: left;
    width: 100px;
    height: 57px;
    margin: 0 10px 0 0
}

.homenews li a {
    display: block;
    overflow: hidden
}

.homenews li h3 {
    display: block;
    overflow: hidden;
    height: 36px;
    line-height: 1.3em;
    font-size: 14px;
    color: #333;
    margin-bottom: 5px
}

.homenews li:hover h3 {
    color: #288ad6
}

.homenews li span {
    float: left;
    font-size: 12px;
    color: #999;
    margin-right: 10px
}

.homenews li .cyan {
    display: inline-block;
    font-size: 14px;
    color: #999
}

.homenews li .red {
    display: inline-block;
    font-size: 14px;
    color: #f89406
}

.twobanner {
    display: block;
    overflow: hidden
}

.twobanner a {
    display: block;
    overflow: hidden;
    margin-top: 6px
}

.twobanner.addone a {
    margin-bottom: 10px;
    margin-top: 0
}

.twobanner a img {
    width: 100%;
    height: 110px;
    display: block
}

.homepromo {
    clear: both;
    display: block;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%;
    border-top: 1px solid #eee;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    height: 351px;
    overflow: hidden
}

.homepromo .item {
    position: relative;
    overflow: hidden;
    max-height: 412px
}

.homepromo>.item {
    width: calc(100%/5)
}

.homepromo>.item:nth-child(n+6) {
    display: none
}

.homepromo a {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 10px 0
}

.homepromo a:hover h3 {
    color: #288ad6
}

.homepromo a:hover>img {
    margin: 6px auto 24px
}

.homepromo img {
    display: block;
    width: 180px;
    height: 180px;
    margin: 15px auto;
    transition: all ease 300ms
}

.homepromo .laptop img {
    height: auto;
    margin: 45px auto
}

.homepromo .laptop:hover>img {
    margin: 38px auto 52px
}

.homepromo h3 {
    display: block;
    line-height: 1.3em;
    font-size: 14px;
    color: #333;
    margin: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.homepromo h6 {
    font-size: 12px;
    color: #d0021b;
    margin: 0 9px 0
}

.homepromo .price {
    display: block;
    overflow: hidden;
    padding: 5px 10px 10px 10px
}

.homepromo strong {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 14px;
    color: #bf081f;
    line-height: 15px
}

.homepromo span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 5px;
    color: #333
}

.homepromo .price i {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 5px;
    color: #bf081f;
    font-style: normal
}

.homepromo span.lbcppkch {
    color: #4eae10;
    text-decoration: none
}

.homepromo span.lbcppkch img {
    width: 15px;
    height: 16px;
    display: inline;
    margin: 0;
    vertical-align: top;
    margin-left: 5px
}

.homepromo label {
    display: inline-block;
    position: absolute;
    top: 187px;
    left: 10px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background: #3fb846;
    border-radius: 2px;
    padding: 0 5px;
    height: 18px
}

.homepromo label.installment {
    background: #f28902
}

.homepromo label.preorder {
    background: #e91e63
}

.homepromo label.new {
    background: #1191f8
}

.homepromo label.cheap {
    background: #3fb846
}

.homepromo label.per {
    background: #ee170b
}

.homepromo label.discount {
    background-image: linear-gradient(-90deg,#ec1f1f 0%,#ff9c00 100%);
    border-radius: 10px;
    padding: 1px 7px;
    padding-left: 0;
    padding-right: 10px
}

.homepromo label.discount:before {
    content: ' ';
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAaCAYAAAC+aNwHAAAABGdBTUEAALGPC/xhBQAAAVpJREFUOBGVki1LBFEUhueuH0FQTAuimxVE2KZBgxj8AxaLglj8AYLJZLOYtFpFwWQ2iMUkiyBqNCloEFEQYXzuzl7mzP0Y7z3w7j0f73PuDDtZFhl5njfRI5qJREobUB+6RL9otJxEZkD7SMd1JFLagFa6aPGzW04iMpgp9CEWzEZghQVoGN0L+I28kbLgVMA6PUmBty1YlxtRCzAuIv132THx7wKIcfRik9R3IbjfDDANkp+hpumJ8535pqhN+mySDMMhSo1OdwHUWiqJ/wu19c3tXsGRFOvm9k4SVpiPzLsr6mWKlmmIc568uEU0SW/QglLqp9q2KhYfe57slZ7vsiqNqYHs70F/XEtVZ6DCOIfs2AnY3TbknkWfUyvXGehgvhULHshHAla3jbkl4E/yaddV0wHYEgtWa6z+EfBFb8GB31HTBRxC3+gKDdRY/SOgSfSExvwOt/sHwv9i4NYIgYYAAAAASUVORK5CYII=');
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px
}

.homepromo label.discount2020 {
    background-image: linear-gradient(-90deg,#ec1f1f 0%,#ff9c00 100%);
    border-radius: 10px;
    padding: 1px 7px;
    padding-left: 0;
    padding-right: 10px
}

.homepromo label.discount2020:before {
    content: ' ';
    display: inline-block;
    background-size: 100%;
    width: 44px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
    background-image: url('data:image/png;base64,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')
}

.homepromo .promo {
    display: block;
    padding: 0 10px;
    margin: 0 10px 0 0;
    white-space: nowrap
}

.homepromo .promo:after {
    content: "";
    display: table;
    clear: both
}

.homepromo .promo img {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0;
    float: left
}

.homepromo .promo p {
    font-size: 12px;
    color: #333;
    white-space: normal;
    line-height: 1.4;
    width: 155px;
    float: left;
    margin-left: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.promo p.time {
    color: #e10c00 !important
}

.promo p.time .c {
    color: #333;
    display: block;
    margin-top: 5px
}

.homepromo .promo.noimage p {
    margin-left: 0;
    width: auto
}

.homepromo .owl-buttons {
    position: absolute;
    top: 24%;
    height: 0;
    width: 100%;
    display: block
}

.homepromo:hover .owl-buttons {
    display: block
}

.homepromo .owl-prev {
    position: absolute;
    left: 0;
    padding: 20px 0 0;
    margin: 0;
    border-radius: 0 5px 5px 0;
    background: #fff;
    width: 34px;
    height: 50px;
    text-align: center;
    font-size: 46px;
    color: #999;
    font-family: -webkit-body;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.15)
}

.homepromo .owl-next {
    position: absolute;
    right: 0;
    padding: 20px 0 0;
    margin: 0;
    border-radius: 5px 0 0 5px;
    background: #fff;
    width: 34px;
    height: 50px;
    text-align: center;
    font-size: 46px;
    color: #999;
    font-family: -webkit-body;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.15)
}

.homepromo.weekend {
    border: 1px solid #ff4d00;
    margin-top: 30px;
    overflow: visible;
    padding-top: 20px
}

.homepromo.weekend:before {
    content: ' ';
    display: block;
    background: url(/Content/desktop/images/gsct.png) no-repeat center center;
    background-size: 309px 38px;
    width: 309px;
    height: 38px;
    position: absolute;
    left: 50%;
    top: -19px;
    margin-left: -154px;
    z-index: 9
}

.homepromo.acc {
    height: auto
}

.homeproduct {
    clear: both;
    display: block;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%;
    border-top: 1px solid #eee;
    margin-bottom: 15px
}

.homeproduct li {
    float: left;
    position: relative;
    width: 19.917%;
    overflow: hidden;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.homeproduct li:nth-child(4),.homeproduct li:nth-child(8) {
    border-right: none !important
}

.homeproduct li:nth-child(2n+6) {
    border-right: 1px solid #eee
}

.homeproduct.phukien li:nth-child(4) {
    border-right: 1px solid #eee !important
}

.homeproduct.phukien li:nth-child(5) {
    border-right: none
}

.homeproduct li a {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 10px 0
}

.homeproduct li a:hover h3 {
    color: #288ad6
}

.homeproduct li img {
    display: block;
    width: 180px;
    height: 180px;
    margin: 15px auto
}

.homeproduct a>img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.homeproduct a:hover>img {
    margin: 5px auto 25px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.homeproduct li .laptop img {
    margin: 45px auto;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.homeproduct li .laptop:hover>img {
    margin: 38px auto 52px
}

.homeproduct li h3 {
    display: block;
    line-height: 1.3em;
    font-size: 14px;
    padding: 0 10px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.homeproduct li h6 {
    font-size: 12px;
    color: #d0021b;
    margin: 0 9px 0
}

.homeproduct li .price {
    display: block;
    overflow: hidden;
    padding: 5px 10px 10px 10px
}

.homeproduct li strong {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 14px;
    color: #bf081f;
    line-height: 15px
}

.homeproduct li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 5px;
    color: #333
}

.homeproduct li .price i {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 5px;
    color: #bf081f;
    font-style: normal
}

.homeproduct li label {
    display: inline-block;
    position: absolute;
    top: 187px;
    left: 10px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background: #3fb846;
    border-radius: 2px;
    padding: 0 5px;
    height: 18px
}

.homeproduct li label.installment {
    background: #f28902
}

.homeproduct li label.preorder {
    background: #e91e63
}

.homeproduct li label.new {
    background: #1191f8
}

.homeproduct li label.cheap {
    background: #3fb846
}

.homeproduct li label.per {
    background: #ee170b
}

.homeproduct li label.discount {
    background-image: linear-gradient(-90deg,#ec1f1f 0%,#ff9c00 100%);
    border-radius: 10px;
    padding: 1px 7px;
    padding-left: 0;
    padding-right: 10px
}

.homeproduct li label.discount:before {
    content: ' ';
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAaCAYAAAC+aNwHAAAABGdBTUEAALGPC/xhBQAAAVpJREFUOBGVki1LBFEUhueuH0FQTAuimxVE2KZBgxj8AxaLglj8AYLJZLOYtFpFwWQ2iMUkiyBqNCloEFEQYXzuzl7mzP0Y7z3w7j0f73PuDDtZFhl5njfRI5qJREobUB+6RL9otJxEZkD7SMd1JFLagFa6aPGzW04iMpgp9CEWzEZghQVoGN0L+I28kbLgVMA6PUmBty1YlxtRCzAuIv132THx7wKIcfRik9R3IbjfDDANkp+hpumJ8535pqhN+mySDMMhSo1OdwHUWiqJ/wu19c3tXsGRFOvm9k4SVpiPzLsr6mWKlmmIc568uEU0SW/QglLqp9q2KhYfe57slZ7vsiqNqYHs70F/XEtVZ6DCOIfs2AnY3TbknkWfUyvXGehgvhULHshHAla3jbkl4E/yaddV0wHYEgtWa6z+EfBFb8GB31HTBRxC3+gKDdRY/SOgSfSExvwOt/sHwv9i4NYIgYYAAAAASUVORK5CYII=');
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px
}

.homeproduct li label.discount2020 {
    background-image: linear-gradient(-90deg,#ec1f1f 0%,#ff9c00 100%);
    border-radius: 10px;
    padding: 1px 7px;
    padding-left: 0;
    padding-right: 10px
}

.homeproduct li label.discount2020:before {
    content: ' ';
    display: inline-block;
    background-size: 100%;
    width: 44px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
    background-image: url('data:image/png;base64,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')
}

.homeproduct li.feature label.discount2020:before {
    top: -2px
}

.homeproduct li .promo {
    display: block;
    padding: 0 10px;
    margin: 0 10px 0 0;
    margin: 0
}

.homeproduct li .promo:after {
    content: "";
    display: table;
    clear: both
}

.homeproduct li .promo img {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    margin: 0
}

.homeproduct li .promo p {
    font-size: 12px;
    color: #333;
    line-height: 1.4;
    width: 165px;
    float: left;
    margin-left: 10px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.homeproduct li .promo.noimage p {
    margin-left: 0;
    width: auto
}

.homeproduct li.feature {
    width: 39.917%
}

.homeproduct li.feature a {
    padding: 0
}

.homeproduct li.feature img {
    width: 480px;
    height: 222px;
    margin: 0 0 14px
}

.homeproduct li.feature label {
    left: auto;
    right: 10px;
    top: auto;
    bottom: 53px
}

.homeproduct li.feature .version {
    padding: 5px 10px 0 10px
}

.homeproduct li.feature .version a {
    display: block;
    padding: 5px 8px;
    margin-right: 10px;
    border: 1px solid #dedede;
    border-radius: 2px;
    text-align: center;
    width: 24%;
    height: auto;
    float: left
}

.homeproduct li.feature .version a:first-child {
    border-color: #288ad6;
    border: 1px solid #f89008;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15)
}

.homeproduct li.feature .version a:hover {
    border-color: #288ad6
}

.homeproduct li.feature .version a span {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 15px;
    text-decoration: none;
    margin: 0
}

.homeproduct li.feature .version a span span {
    display: inline-block;
    font-size: 11px;
    font-weight: normal
}

.homeproduct li.feature .version a strong {
    display: block;
    font-size: 14px;
    color: #e10c00;
    margin-top: 3px
}

.homeproduct li.feature .version:after {
    content: " ";
    display: block;
    clear: both
}

.navigat {
    display: block;
    overflow: hidden;
    background: #fff
}

.navigat h2 {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    padding: 14px 10px;
    text-transform: uppercase
}

.navigat div {
    float: right;
    overflow: hidden
}

.navigat a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #288ad6;
    padding: 14px 10px
}

.navigat a:hover {
    text-decoration: underline;
    color: #288ad6
}

.navigat.weekend {
    background: url(/Content/desktop/images/gsct.png) no-repeat center center;
    background-size: 309px 50%;
    height: 40px
}

.acchome {
    display: block;
    overflow: hidden;
    background: #fff
}

.liveevent {
    position: relative;
    color: #f33;
    font-size: 12px;
    padding-left: 20px;
    display: inline-block;
    width: 220px;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    float: right
}

.liveevent:hover .text {
    color: #288ad6
}

.liveevent .text {
    line-height: 1.4;
    display: inline-block;
    vertical-align: middle
}

.liveevent.bhxevent {
    color: #008848
}

.liveevent.bhxevent:hover .text {
    color: #008848
}

.liveevent.bhxevent #dot {
    background-color: #008848
}

.liveevent.bhxevent #dot .ping {
    border: 1px solid #008848;
    background-color: rgba(238,46,36,.2)
}

.bgtet {
    background: url(/Content/desktop/images/bg_tet_home_2018.png) top center no-repeat;
    height: 71px;
    background-size: contain
}

.bgtet h2 {
    float: none;
    text-align: center;
    color: #fff;
    padding: 25px 10px
}

.promotebanner a {
    display: block;
    position: relative;
    top: -5px;
    height: 80px
}

.promotebanner.b2 a {
    display: inline-block
}

.promotebanner.b2 img {
    width: 595px;
    height: auto
}

.promotebanner.b2 a:first-child img {
    margin-right: 10px
}

.otherpromotebanner {
    background: #fff;
    padding: 10px;
    margin-bottom: 15px
}

.otherpromotebanner h2 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    padding: 5px 0 10px;
    text-transform: uppercase
}

.otherpromotebanner a {
    margin-right: 20px
}

.otherpromotebanner a:last-child {
    margin-right: 0
}

#cross-owl .owl-buttons {
    position: absolute;
    top: 30%;
    height: 0;
    width: 100%;
    display: none
}

#cross-owl:hover .owl-buttons {
    display: block
}

#cross-owl .owl-prev {
    position: absolute;
    left: 10px;
    padding: 12px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,.3);
    width: 48px;
    height: 40px;
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-family: -webkit-body
}

#cross-owl .owl-next {
    position: absolute;
    right: 10px;
    padding: 12px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,.3);
    width: 48px;
    height: 40px;
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-family: -webkit-body
}

.noel2018 {
    border: 5px solid transparent;
    border-image: url(/Content/desktop/images/V4/game/khung-noel.png) 5 round;
    margin-bottom: 15px
}

.noel2018 .homepromo {
    margin-bottom: 0;
    border: none
}

.noel2018 .navigat {
    overflow: visible
}

.noel2018 .navigat img {
    margin-top: -30px;
    margin-left: -40px
}

body.birthday15year_ {
    background-color: #fff3ba
}

body.birthday15year_ footer {
    margin-top: 120px
}

@media screen and (max-width: 1200px) {
    .homebanner img {
        width:100%
    }

    .navigat a {
        padding: 14px 5px
    }

    .liveevent {
        width: 190px
    }

    .homepromo img {
        width: 160px;
        height: 160px
    }

    .homepromo label {
        top: 167px
    }

    .homeproduct li .promo p,.homepromo .promo p {
        width: 145px
    }

    .homeproduct li {
        width: 19.9%
    }

    .homeproduct li.feature {
        width: 39.9%
    }

    .homeproduct li.feature img {
        width: 100%;
        height: auto
    }

    .otherpromotebanner a {
        width: 32.6%;
        display: inline-block;
        margin-right: 1%
    }

    .otherpromotebanner a img {
        width: 100%;
        height: auto
    }

    .promotebanner {
        top: 0
    }

    .promotebanner a img {
        width: 100%
    }

    .noel2018 .navigat {
        overflow: hidden
    }
}

@media screen and (max-width: 1024px) {
    .noel2018 .navigat img {
        margin-left:-15%
    }

    .homenews h2 a {
        font-size: 12px
    }
}

small.ololsell {
    color: #d0021b;
    font-size: 12px;
    padding-top: -4px;
    display: block;
    margin: -7px 0 10px 10px
}

.homeproduct li img.icon-imgNew {
    position: absolute;
    top: 85px;
    left: 69%;
    width: 45px;
    height: auto
}

.homepromo img.icon-imgNew.cate522 {
    top: 147px
}

.homeproduct li img.icon-imgNew.cate42 {
    top: 144px
}

.homepromo img.icon-imgNew {
    top: 108px;
    position: absolute;
    left: 69%;
    width: 45px;
    height: auto
}

.homepromo img.icon-imgNew.cate7077 {
    top: 145px;
    left: 80%
}

.homeproduct li img.icon-imgNew.cate522 {
    top: 145px;
    left: 72%
}

.homepromo img.icon-imgNew.cate42 {
    top: 145px;
    left: 64%
}

.homepromo img.icon-imgNew.cate7264 {
    top: 0;
    left: 5%;
    width: 50px
}

.pop-overload {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.75);
    z-index: 99
}

.pop-overload .ov-close {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABlSURBVHgBtZQxCsAwDANFP1r/zP5pa2gHD4miYCLQ4hwH8WDgS2Rv6LGs10Fkn7+KyArvo+FKRFlFpDAUkgQM3hLMRNsCJpoKLhyKofkdQ3OxDJZECkQZRbBkQxSMRF4fAo1T8AJL9V3g94zGdAAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 8px 8px;
    width: 24px;
    height: 24px;
    border: 1px solid #a6a6a6;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 10px
}

.pop-overload .ov-content {
    width: 550px;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 4px;
    margin: 5% auto;
    position: relative
}

.pop-overload .ov-content>* {
    display: block;
    margin-bottom: 10px
}

.pop-overload .ov-content>b {
    text-transform: uppercase;
    text-align: center
}

.pop-overload .ov-content>b:nth-child(2) {
    font-size: 16px;
    padding-top: 10px
}

.pop-overload .ov-content>p {
    padding: 10px 15px;
    background-color: #fff1ef;
    border: 1px dashed #fd5e49;
    border-radius: 4px;
    line-height: 1.5;
    margin-bottom: 15px
}

.pop-overload .ov-content>strong {
    font-size: 15px;
    padding-top: 5px
}

.pop-overload .ov-content>strong.near {
    color: #4a90e2
}

.pop-overload .ov-content>strong.near:before {
    content: "";
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAMAAACl6XjsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEFUExURQAAAABAnwBArwA4pwBApwA6pQA6qgA8pwA9pgA9qQA+rAA6pwA9pwA7qAA+qwA8pwA9qQA8qAA9qAA9qgA9pwA8qQA9qQA8qAA9qgA8qQA+qQA9qAA9qQA9qQA9qQ5IrhBJrhxTsxxTtB9VsyBVsyBVtClfuSpeuSpfuTdqvjhqvkBuv0V1w0Z1w1OAyFOAyVSAyWCGyWGLzmGLz2KLz2KMzm+W02+W1G+X03CW03CW1H2h2H2h2X2i2ICe1Ius3out3o+q2ZCq2Zm445m45J+235+336fD6KfD6a/D5bXO7r/O6b/P6sPa88Pa9M/a7s/b79Hl+d/n9N/n9d/w/u/z+v///+0ZaT8AAAAedFJOUwAQECAgMDBAUFBfYGBwf4CPkJ+foK+vv7/Pz9/f75/m14MAAAH5SURBVBgZhcEBe5JQGAbQz6FjKxhNrTEHXLE0Ry5YOmuLNVYuiIK69cb//yldyMfHi1rnkKxxZFqOY5maQrs1O8yPcs7TaOJ0FNrh0J5xLGW+1aKtHrEEa0K7RVvssxSSyFZokxWiJjRpg+ahwsMgiHJUxhrVWQlKt+zy8/3lYIHSwqQadYBSNPxRCN/7CQTOGiTTJyi5D0Xl3kPJe0yy4zmEeFj89bvPIbw2SNa9g7B4VSw9TyHMDZJ15xDSYbHUTyG8MUim+xA4+1pUHgYoeQckU8cohcNfhfDzRYQSa5Fsz+EovR1+/PblQ/8GpdSmOvMOldQfjaYJKu/bVKd72PDygOr2bI6a1KJN3WvUBG3apDIOSeYotIV5DUnQpm1UxrEmcxTa6tk11gRt2q5p51jJLIV2MDysuBrtsmctsHRr0W4q46hkTKFdlJbWu0DF6x2qDdqg6J2ezdyJ7y4gvBv45yPHNp9oCq00jyw2CZMcQsJyIHNyCHkyP2e9I4VKTZNNE6xMPXD3BiuJ73QUon17xrHOu7rysS7zLYWsELKMDXLIpibZOWqSHDVxj/RBjv+IXZ3IcIIc/xAHtk5Cs2uNZzHHFjyeubbRoCW1e+qML+ZhHGdZBmRZFn+KZheuc3qskqSh6sbTk9Mzp2SfnZ20DW2/QUt/AMKx78kMBgH7AAAAAElFTkSuQmCC) no-repeat center top;
    width: 19px;
    height: 20px;
    background-size: 19px 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.pop-overload .ov-near>* {
    display: block
}

.pop-overload .ov-near>a {
    max-width: 320px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    background-color: #4a90e2;
    width: 100%;
    margin: auto;
    text-transform: uppercase;
    color: #fff
}

.pop-overload .ov-near>a:before {
    content: "";
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAMAAACl6XjsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEFUExURQAAAABAnwBArwA4pwBApwA6pQA6qgA8pwA9pgA9qQA+rAA6pwA9pwA7qAA+qwA8pwA9qQA8qAA9qAA9qgA9pwA8qQA9qQA8qAA9qgA8qQA+qQA9qAA9qQA9qQA9qQ5IrhBJrhxTsxxTtB9VsyBVsyBVtClfuSpeuSpfuTdqvjhqvkBuv0V1w0Z1w1OAyFOAyVSAyWCGyWGLzmGLz2KLz2KMzm+W02+W1G+X03CW03CW1H2h2H2h2X2i2ICe1Ius3out3o+q2ZCq2Zm445m45J+235+336fD6KfD6a/D5bXO7r/O6b/P6sPa88Pa9M/a7s/b79Hl+d/n9N/n9d/w/u/z+v///+0ZaT8AAAAedFJOUwAQECAgMDBAUFBfYGBwf4CPkJ+foK+vv7/Pz9/f75/m14MAAAH5SURBVBgZhcEBe5JQGAbQz6FjKxhNrTEHXLE0Ry5YOmuLNVYuiIK69cb//yldyMfHi1rnkKxxZFqOY5maQrs1O8yPcs7TaOJ0FNrh0J5xLGW+1aKtHrEEa0K7RVvssxSSyFZokxWiJjRpg+ahwsMgiHJUxhrVWQlKt+zy8/3lYIHSwqQadYBSNPxRCN/7CQTOGiTTJyi5D0Xl3kPJe0yy4zmEeFj89bvPIbw2SNa9g7B4VSw9TyHMDZJ15xDSYbHUTyG8MUim+xA4+1pUHgYoeQckU8cohcNfhfDzRYQSa5Fsz+EovR1+/PblQ/8GpdSmOvMOldQfjaYJKu/bVKd72PDygOr2bI6a1KJN3WvUBG3apDIOSeYotIV5DUnQpm1UxrEmcxTa6tk11gRt2q5p51jJLIV2MDysuBrtsmctsHRr0W4q46hkTKFdlJbWu0DF6x2qDdqg6J2ezdyJ7y4gvBv45yPHNp9oCq00jyw2CZMcQsJyIHNyCHkyP2e9I4VKTZNNE6xMPXD3BiuJ73QUon17xrHOu7rysS7zLYWsELKMDXLIpibZOWqSHDVxj/RBjv+IXZ3IcIIc/xAHtk5Cs2uNZzHHFjyeubbRoCW1e+qML+ZhHGdZBmRZFn+KZheuc3qskqSh6sbTk9Mzp2SfnZ20DW2/QUt/AMKx78kMBgH7AAAAAElFTkSuQmCC) no-repeat center top;
    width: 19px;
    height: 20px;
    background-size: 19px 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.pop-overload .ov-near>label {
    font-size: 12px;
    color: #e61c00;
    text-align: center;
    padding-top: 10px;
    max-width: 320px;
    width: 100%;
    margin: auto
}

.pop-overload .ov-inline {
    width: 48.5%;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 2
}

.pop-overload .ov-inline>span {
    color: #288ad6;
    padding: 0 15px 0 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    display: block;
    height: 38px;
    line-height: 38px;
    position: relative;
    cursor: pointer;
    border-radius: 3px
}

.pop-overload .ov-inline>span:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: 17px 10px 0 0;
    float: right;
    position: absolute
}

.pop-overload .ov-select {
    position: absolute;
    width: 300px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    top: 50px;
    display: none;
    z-index: 9
}

.pop-overload .ov-select:before,.pop-overload .ov-select: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
}

.pop-overload .ov-select:after {
    border-width: 9px;
    margin-left: 1px;
    border-bottom-color: #fff
}

.pop-overload .ov-province {
    float: left
}

.pop-overload .ov-district {
    float: right
}

.pop-overload .ov-district>div.ov-select {
    right: 0
}

.pop-overload .ov-district>div.ov-select:before,.pop-overload .ov-district>div.ov-select:after {
    left: 220px
}

.pop-overload .ov-select>* {
    display: block
}

.pop-overload .ov-select>.ov-search {
    position: relative
}

.pop-overload .ov-select>.ov-search>* {
    display: inline-block;
    vertical-align: middle
}

.pop-overload .ov-select>.ov-search>input {
    height: 30px;
    line-height: 30px;
    padding: 0 40px 0 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 248px
}

.pop-overload .ov-select>.ov-search>button {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAMAAACOj/wDAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACKUExURQAAAECP31CP30qU5kiP31CP30WP30qP30mS40iP30yP40eR4kmP4kiR4UiR5EuR5EiP30iP4kqP4keR4UmR40yR40mP4UuP4UiR4UqR40qP4UmQ4UmQ4kuQ4kqP4UqQ4kmP4UmQ4kqQ4kqQ40mQ4kuQ40mQ4UuQ40mQ4kqQ4UqQ4kqQ4kuQ4kqQ4oAhsnMAAAAtdFJOUwAQEB8gIDAwP0BAT1BfX19gYGBvb29wcH9/gI+Pj5CfoK+vr7+/z8/f39/v75ue9ZwAAADwSURBVCjPhZLbVoMwEEUnCLa29VKsF2o0UkBTYP//7/lASnOpep4ya8/KycmMiJMqddM1eqMk0arjJJOHSH3ga++zvAewendXHSyAiVi7dNXWBtQAr17vAXh2RRkyEfkE3Kv6wENEJLNQTyHObbNuAOUc6yT2CPciIt9wm8B30K7pOoFP7jrgKoEltP/CHtaXPGsRkcZ5B+pg57yHeIb5KXs2QhVBA1/TqSIOs2fOnlk4+vTFn9kimP60FW9z6wPAUa+KotjoMV6VhQ12qLUBzc0ZDY+Sh1TybTsA1qyVSEKjb7DeIl2kg/xBW/mdLtUPcMwqnPvxPaYAAAAASUVORK5CYII=) no-repeat center center;
    border: none;
    width: 30px;
    height: 32px;
    margin-left: -30px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 14px 15px
}

.pop-overload .ov-select>.ov-list {
    position: relative;
    max-height: 150px;
    overflow: hidden;
    overflow-y: scroll;
    margin-top: 10px
}

.pop-overload .ov-select>.ov-list>div.ov-item {
    width: 47%;
    float: left
}

.pop-overload .ov-select>.ov-list>div.ov-item:first-child {
    margin-right: 10px
}

.pop-overload .ov-select>.ov-list>div.ov-item>a {
    display: block;
    padding: 0 0 10px 0;
    color: #288ad6
}

.pop-overload .ov-select>.ov-list .ps-scrollbar-y-rail {
    right: 0 !important
}

.pop-overload .ov-store {
    max-height: 190px;
    overflow: hidden;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained
}

.pop-overload .ov-store>div:not(:last-child) {
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 7px;
    padding-bottom: 7px
}

.pop-overload .ov-store>div>* {
    display: block;
    font-size: 12px
}

.pop-overload .ov-store>div>a {
    color: #499ee4;
    margin-bottom: 2px
}

.pop-overload .ov-store>div>a>span {
    color: #333
}

.pop-overload .ov-store>div>span>* {
    display: inline-block;
    vertical-align: middle
}

.pop-overload .ov-store>div>span>i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUUExURQAAAECf31Cf30iX30if50ad6Uqa5Eif40ac4kmc4kic5Eed5Emd5Eid5Uif5Uqd40md5Eif5Uie5Eme5Emf5Eme5Eqe5Eme5Eme5Ume5Eqe5Eme5CEIPI0AAAAbdFJOUwAQECAgLzBAUFBfcHB/f4CPn7+/v8/P39/v7/Rz4RMAAAB3SURBVBjTbdBbEoAgCAVQyrKnVpZZsf99NmJNSvJ5BoYLACA3NwAreSEi1wN9icQ6MtQJasx0BlTwHzdsT+mXrzwSzQ+51lMwHX2rK5jOXi3Tcs8qnWoFPad9tSJ1zZQkCRrqSxLr95xI62ideqxPQlSLxctIgBsdXQ4ayOSsVwAAAABJRU5ErkJggg==) no-repeat center top;
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
    margin: 4px 1px 0 0;
    vertical-align: top
}

.pop-overload .ov-store>div>span>a {
    font-weight: bold;
    color: #4a90e2
}

.pop-overload .ov-store>div>b {
    display: inline-block;
    vertical-align: top;
    font-size: 14px
}

.pop-overload .ov-address {
    display: block;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: both
}

.pop-overload .ov-address>input {
    height: 38px;
    line-height: 38px;
    padding: 0 50px 0 10px;
    width: calc(100% - 62px);
    border: none;
    border-radius: 4px
}

.pop-overload .ov-address>i {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAMAAACOj/wDAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACKUExURQAAAECP31CP30qU5kiP31CP30WP30qP30mS40iP30yP40eR4kmP4kiR4UiR5EuR5EiP30iP4kqP4keR4UmR40yR40mP4UuP4UiR4UqR40qP4UmQ4UmQ4kuQ4kqP4UqQ4kmP4UmQ4kqQ4kqQ40mQ4kuQ40mQ4UuQ40mQ4kqQ4UqQ4kqQ4kuQ4kqQ4oAhsnMAAAAtdFJOUwAQEB8gIDAwP0BAT1BfX19gYGBvb29wcH9/gI+Pj5CfoK+vr7+/z8/f39/v75ue9ZwAAADwSURBVCjPhZLbVoMwEEUnCLa29VKsF2o0UkBTYP//7/lASnOpep4ya8/KycmMiJMqddM1eqMk0arjJJOHSH3ga++zvAewendXHSyAiVi7dNXWBtQAr17vAXh2RRkyEfkE3Kv6wENEJLNQTyHObbNuAOUc6yT2CPciIt9wm8B30K7pOoFP7jrgKoEltP/CHtaXPGsRkcZ5B+pg57yHeIb5KXs2QhVBA1/TqSIOs2fOnlk4+vTFn9kimP60FW9z6wPAUa+KotjoMV6VhQ12qLUBzc0ZDY+Sh1TybTsA1qyVSEKjb7DeIl2kg/xBW/mdLtUPcMwqnPvxPaYAAAAASUVORK5CYII=) no-repeat center center;
    border: none;
    background-size: 14px 14px;
    border-left: 1px solid #ccc;
    cursor: pointer
}

.pop-overload .ov-address>a {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABlSURBVHgBtZQxCsAwDANFP1r/zP5pa2gHD4miYCLQ4hwH8WDgS2Rv6LGs10Fkn7+KyArvo+FKRFlFpDAUkgQM3hLMRNsCJpoKLhyKofkdQ3OxDJZECkQZRbBkQxSMRF4fAo1T8AJL9V3g94zGdAAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 15px;
    right: 55px;
    display: none
}

.pop-overload .ov-address .ov-wrapsuggest {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    top: 47px;
    left: 0;
    display: none;
    width: calc(100% - 22px);
    overflow: visible
}

.pop-overload .ov-address .ov-wrapsuggest:before,.pop-overload .ov-address .ov-wrapsuggest: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
}

.pop-overload .ov-address .ov-wrapsuggest:after {
    border-width: 9px;
    margin-left: 1px;
    border-bottom-color: #fff
}

.pop-overload div.overlay {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255,255,.6);
    width: 100%;
    height: 100%;
    z-index: 9
}

.pop-overload div.overlay>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.pop-overload div.overlay .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)
}

.pop-overload div.overlay .csdot:nth-child(2) {
    -webkit-animation: fx 1000ms ease infinite 300ms;
    animation: fx 1000ms ease infinite 300ms
}

.pop-overload div.overlay .csdot:nth-child(3) {
    -webkit-animation: fx 1000ms ease infinite 600ms;
    animation: fx 1000ms ease infinite 600ms
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

#owl-promo-old {
    height: 290px
}

#owl-promo-old .item {
    position: relative
}

#owl-promo-old .item .count-product {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 40%;
    font-weight: normal;
    background: #eee;
    padding: 2px;
    border-radius: 3px;
    color: #333;
    font-size: 11px
}

#owl-promo-old .item div.div-extend {
    margin: 0;
    position: absolute;
    top: 150px;
    left: 5px;
    width: 40%;
    white-space: nowrap
}

#owl-promo-old .div-extend .quantity {
    background: #f4f4f4;
    padding: 0 5px;
    font-size: 11px;
    border-radius: 2px;
    margin-left: 5px;
    color: #8d8d8d;
    display: inline-block;
    text-decoration: none
}

#owl-promo-old .item .oldprice {
    display: block;
    font-size: 14px;
    color: #d0021b;
    font-weight: 600;
    margin: 5px 5px 0 5px;
    text-align: left
}

#owl-promo-old .item .price-line {
    text-decoration: line-through;
    font-size: 12px
}

#owl-promo-old span,#owl-promo-old label,#owl-promo-old .item .newprice {
    text-decoration: none;
    background: none;
    color: #999;
    font-weight: normal;
    margin-right: 4px;
    font-size: 12px;
    text-align: left;
    top: auto;
    position: inherit !important;
    margin-left: 5px
}

#owl-promo-old span.quantity,#owl-promo-old span.labelshock-top {
    position: absolute !important
}

#owl-promo-old .item .newprice {
    color: #999;
    margin-left: 10px
}

#owl-promo-old .item .newprice span {
    color: #5c5c5c
}

#owl-promo-old .item .labelshock-top {
    vertical-align: middle;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 5px;
    color: #fff;
    font-weight: 600;
    background: #f51212;
    border-radius: 3px;
    padding: 3px 8px;
    margin: 1px 10px 0 5px;
    height: 18px;
    text-decoration: none;
    font-size: 11px
}

#owl-promo-old .item .labelshock-top:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #f00 transparent transparent transparent;
    position: absolute;
    bottom: -4px;
    left: 0
}

#owl-promo-old .item .img-laptop {
    height: 130px;
    width: auto
}

#owl-promo-old .item img {
    display: block;
    width: 130px;
    height: 130px;
    margin: 15px auto 20px
}

#owl-promo-old .item label.newprice {
    display: block;
    padding: 5px 5px 0;
    font-size: 13px;
    color: #999
}

#owl-promo-old .item img.icon-imgNew {
    width: 35px;
    height: auto;
    position: absolute;
    left: 152px;
    top: 105px;
    z-index: 10
}

#owl-promo-old .item img.cateAcc-New {
    width: 35px;
    height: auto;
    position: absolute;
    left: 152px;
    top: 105px;
    z-index: 10
}

.homeproduct.homepromo li.feature,.homeproduct.homepromo li:not(.empty-item) {
    width: auto;
    border-bottom: 0
}

.homeproduct.homepromo li:not(.empty-item) {
    border-left: 1px solid #eee;
    border-right: 0;
    height: 100%
}

.homeproduct.homepromo li.feature {
    border: 0
}

.homeproduct.homepromo.owl-carousel .owl-wrapper {
    display: flex !important
}

/* 09:56:32 06/04/2021 */
.item2020 {
    height: auto !important
}

.item2020 a.vertion2020 {
    padding: 10px 0
}

.item2020 a.vertion2020 h6.textkm {
    margin: 5px 10px 0;
    font-size: 12px;
    color: #d0021b
}

.item2020 a.vertion2020 label {
    position: static;
    margin: 0 10px 5px;
    display: inline-block;
    font-weight: unset
}

.item2020 a.vertion2020 .heightlabel {
    overflow: hidden;
    height: 23px
}

.item2020 a.vertion2020 .heightlabel>label b {
    font-weight: bold
}

.item2020 a.vertion2020 .heightlabel>label.installment {
    background: #fbda00;
    font-size: 11px;
    color: #333
}

.item2020 a.vertion2020 .ratingresult {
    padding: 0;
    margin: 5px 10px 0
}

.item2020 a.vertion2020 .ratingresult i {
    margin: 0;
    color: #f3d514;
}

.item2020 a.vertion2020 .ratingresult i.icontgdd-ystar {
    background-position: -295px -30px;
    width: 12px;
    height: 12px
}

.item2020 a.vertion2020 .ratingresult i.icontgdd-gstar {
    background-position: -310px -30px;
    width: 12px;
    height: 12px
}

.item2020 a.vertion2020 .ratingresult i.icontgdd-hstar {
    background-position: -423px -30px;
    width: 12px;
    height: 12px
}

.item2020 a.vertion2020 .ratingresult span {
    color: #777;
    text-decoration: none;
    position: relative;
    top: 1px
}

.item2020 a.vertion2020 .price {
    padding: 0;
    margin: 5px 10px 0
}

.item2020 a.vertion2020 h3 {
    margin: 0 10px;
    padding: 0
}

.item2020 a.vertion2020 .price i {
    font-size: 12px;
    color: #d0021b;
    margin: 0 5px 0;
    display: inline-block;
    vertical-align: middle;
    font-style: normal
}

.item2020 a.vertion2020 .promo {
    padding: 0;
    margin: 5px 10px 0
}

.item2020 a.vertion2020 .props {
    margin: 0 10px;
    padding: 0;
    white-space: unset
}

.item2020 a.vertion2020 .props span {
    font-size: 11px;
    text-decoration: none;
    color: #777;
    border-radius: 5px;
    position: relative;
    margin: 5px 0 0;
    border: 1px solid #eee;
    padding: 0 5px !important
}

.item2020 a.vertion2020 .props span.lower {
    text-transform: none
}

.item2020 a.vertion2020 .props span:nth-child(2):after {
    display: none
}

.item2020 a.vertion2020 img.icon-imgNew {
    top: 107px
}

.item2020 a.vertion2020 img.cateAcc-New {
    top: 162px
}

.item2020 a.vertion2020 img.icon-imgNew.cate7077,.item2020 a.vertion2020 img.icon-imgNew.cate42 {
    top: 167px;
    left: 170px
}

.item2020 a.vertion2020 img.icon-imgNew.cate7264 {
    left: 165px;
    top: 170px
}

.item2020 a.vertion2020 img.icon-imgNew.cate44 {
    margin: auto;
    right: 10px;
    top: 10px
}

.item2020 a.vertion2020 img.icon-imgNew.cate522 {
    top: 162px
}

.item2020 a.vertion2020 .result-label {
    display: inline-block;
    position: relative;
    border-radius: 15px;
    margin: 0 10px 5px;
    overflow: hidden;
    padding: 0 6px 0 0;
    max-height: 20px
}

.item2020 a.vertion2020 .result-label.temp1 {
    background: linear-gradient(90deg,#ef3006 4.5%,#c60004 90.3%)
}

.item2020 a.vertion2020 .result-label.temp2 {
    background: linear-gradient(270deg,#034bac 0%,#2374e1 100%,#2374e1 100%)
}

.item2020 a.vertion2020 .result-label.temp3 {
    background: #e91e63
}

.item2020 a.vertion2020 .result-label.temp4 {
    background: linear-gradient(270deg,#156fc8 4.6%,#3eb6f6 94.58%)
}

.item2020 a.vertion2020 .result-label.temp5 {
    background: linear-gradient(90deg,#ffc300 4.5%,#dd220d 90.3%)
}

.item2020 a.vertion2020 .result-label.temp6 {
    background: linear-gradient(243.82deg,#3023ae 16.81%,#c86dd7 83.85%)
}

.item2020 a.vertion2020 .result-label>img.imgresult {
    display: inline-block;
    width: auto;
    height: 20px;
    margin: 0;
    vertical-align: middle
}

.item2020 a.vertion2020 .result-label span {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    color: #fff;
    font-size: 11px;
    font-family: Arial;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    margin-left: 3px
}

.cate7264.filtered a.vertion2020 img.icon-imgNew.cate7264 {
    left: 165px;
    top: 215px
}

.item2020 .vertion2020 .clr {
    margin-bottom: 10px
}

.item2020 li.feature a.vertion2020 img {
    width: 480px;
    height: 222px;
    margin: 0 0 10px
}

.item2020 li.feature a.vertion2020 .heightlabel {
    margin-left: 10px
}

.item2020 li.feature a.vertion2020 .heightlabel>label {
    margin: 0 10px 5px 0;
    vertical-align: middle
}

.item2020 li.feature a.vertion2020 .heightlabel .result-label {
    vertical-align: middle;
    margin: 0 5px 5px 0
}

.item2020 li.feature a.vertion2020 .heightlabel .result-label>img {
    display: inline-block;
    width: auto;
    height: 20px;
    margin: 0;
    vertical-align: middle
}

.listsearch li a.vertion2020 h3 {
    clear: both;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: normal
}

.listsearch li a.vertion2020 .price strong {
    margin: 0 0 3px !important
}

.boxwatches ul.item2020,.product-clock ul.item2020,.tab-content.watchchain {
    max-height: unset
}

.boxwatches .item2020 .vertion2020 img.icon-imgNew.cate7264,.product-clock .item2020 .vertion2020 img.icon-imgNew.cate7264 {
    top: 220px
}

.boxwatches ul.item2020 li,.product-clock ul.item2020 li {
    min-height: unset;
    height: 100%
}

.boxwatches ul.item2020 .owl-wrapper,.product-clock ul.item2020 .owl-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%
}

.zoom2020 li.item {
    padding-bottom: 0
}

.zoom2020 a.vertion2020 .heightlabel {
    overflow: hidden;
    height: 23px
}

.zoom2020 a.vertion2020 label {
    position: static;
    margin: 5px 10px;
    display: inline-block;
    font-weight: unset
}

.zoom2020 a.vertion2020 .heightlabel>label b {
    font-weight: bold
}

.zoom2020 a.vertion2020 .heightlabel>label.installment {
    background: #fbda00;
    font-size: 11px;
    color: #333
}

.zoom2020 a.vertion2020 .props span {
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    color: #777;
    border-radius: 5px;
    position: relative;
    margin: 5px 0 0;
    border: 1px solid #eee;
    padding: 0 10px !important
}

.zoom2020 a.vertion2020 .props span.lower {
    text-transform: none
}

.zoom2020 a.vertion2020 .props span:nth-child(2):after {
    display: none
}

.zoom2020 a.vertion2020 h6.textkm {
    margin-top: 10px
}

.zoom2020 li.item a.vertion2020 img.icon-imgNew.cate44 {
    top: -20px
}

.zoom2020 li.item a.vertion2020 img.icon-imgNew.cate42 {
    top: 190px
}

.zoom2020 li.item a.vertion2020 img.icon-imgNew.cate7077 {
    top: 170px
}

.zoom2020 li.item a.vertion2020 img.icon-imgNew.cate7264 {
    top: 210px;
    left: 70%
}

.zoom2020 li.item a.vertion2020 .promo {
    border-bottom: unset;
    padding: 0 0 5px 0;
    margin: 0 10px
}

.zoom2020 li.item a.vertion2020 .bginfo {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    margin: 5px 10px 0 10px
}

.zoom2020 li.item a.vertion2020 .bginfo span {
    margin-left: 0
}

.zoom2020 li.item a.vertion2020 .result-label {
    display: inline-block;
    position: relative;
    border-radius: 15px;
    margin: 0 10px 5px;
    overflow: hidden;
    padding: 0 6px 0 0
}

.zoom2020 li.item a.vertion2020 .result-label.temp1 {
    background: linear-gradient(90deg,#ef3006 4.5%,#c60004 90.3%)
}

.zoom2020 li.item a.vertion2020 .result-label.temp2 {
    background: linear-gradient(270deg,#034bac 0%,#2374e1 100%,#2374e1 100%)
}

.zoom2020 li.item a.vertion2020 .result-label.temp3 {
    background: #e91e63
}

.zoom2020 li.item a.vertion2020 .result-label.temp4 {
    background: linear-gradient(270deg,#156fc8 4.6%,#3eb6f6 94.58%)
}

.zoom2020 li.item a.vertion2020 .result-label.temp5 {
    background: linear-gradient(90deg,#ffc300 4.5%,#dd220d 90.3%)
}

.zoom2020 li.item a.vertion2020 .result-label.temp6 {
    background: linear-gradient(243.82deg,#3023ae 16.81%,#c86dd7 83.85%)
}

.zoom2020 li.item a.vertion2020 .result-label>img {
    display: inline-block;
    width: auto;
    height: 18px;
    margin: 0;
    vertical-align: middle
}

.zoom2020 li.item a.vertion2020 .result-label span {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    color: #fff;
    font-size: 11px;
    font-family: Arial;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    margin-left: 3px
}

header.tgdd {
    overflow: visible;
}

header.tgdd .choose-province {
    display: none !important;
}

header .menu-info {
    width: 673px !important;
}

.wrap-suggestion {
    z-index: 13;
}

.navigation, .over {
    z-index: 14;
}

.subnav {
    z-index: 15;
}

header .menu {
    z-index: 16;
}

header .menu.index {
    z-index: 11;
}

section.sf {
    margin-top: 83px;
}

.h-province>div {
    position: relative;
    width: auto;
    padding: 0;
}

.h-province>div>b {
    color: #FFE500;
    font-size: 11px;
}

.h-province>div>b:after {
    content: '';
    border-top: 5px solid #FFE500;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 2px;
}

.h-province>div>b.active:after {
    border-bottom: 5px solid #FFE500;
    border-top: none;
}

.h-province>div>b.gray {
    color: #ddd;
}

.h-province>div>b.gray:after {
    border-top-color: #ddd;
}

.h-province>div>div {
    background-color: #fff;
    position: absolute;
    left: -20px;
    z-index: 9;
    width: 270px;
    padding: 10px;
    top: 22px;
}

.h-province>div>div:after, .h-province>div>div:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 35px;
    border-bottom: 5px solid #d9d9d9;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.h-province>div>div:after {
    border-width: 4px;
    border-bottom-color: #fff;
    margin-left: 1px;
}

.h-province>div>div>* {
    display: block;
    margin-bottom: 5px;
}

.h-province>div>div>span {
    position: relative;
}

.h-province>div>div>span>input {
    height: 30px;
    line-height: 30px;
    padding: 0 40px 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: calc(100% - 52px);
}

.h-province>div>div>span>i {
    position: absolute;
    right: 10px;
    top: 5px;
}

.h-province>div>div>div {
    padding-top: 10px;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.h-province>div>div>div>div {
    width: 49%;
    float: left;
}

.h-province>div>div.choose-province {
    padding-top: 15px;
    text-align: center;
}

.h-province>div>div.choose-province>span {
    padding-left: 20px;
    position: relative;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: left;
}

.h-province>div>div.choose-province>span:before {
    content: '';
    width: 12px;
    height: 15px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIuSURBVHgBrVZNbuowEJ44sETNW8IqvUEkQOKtXnqCPk7Q9gbtCZreoD0B9ARtT9B0h8RfegN3AyzZI6DfpDEKiNiG8kmRB2f8fZOxZ4xDGjQajRDD5Xq9DjDy4/E8fieO40iYr5VK5S2O43kRh1NEDJJ7mCGZISH2PBgMIisBkEcZ+aGQ5XL5otfryUKBer3exXBFx0MKIdr9fj9RE0IZHPkvyRn+arV6abVa/pZALuengL9YLDpbAiDv0GkRZieQRGb4phUIYo5H8kgWUBkRyNmlhfMj/M5HoxE/f2BzSqVhWRgEgccpCg3kEUjvkiTZRD4ejz8gcgFT+zWlUumfQJH4OicQPe2bhyCnq0v64NIv8DQOMh/5HnySXsBnAatNK8CZ4f1c6DaL06eOW8H7/6QBN0X+gtjg1MlXpkJW+aFh7aeTVfE76SE5EPh9YDzLIg8N5F2cvpu02aHJvZNda7YG1wof57RVIKIHOiF4X5mc7VQAl0VMhr04UOBa2Zt2faqv4Nyr6BmuMiaTiaxWqx6EWnQkODXI/c1sNtvUlsg74OWDRRMrBIKLuIXk57YEuC24rtumI8CpGQ6Hz7vzYneC71M439Fh5JyavXvo7pucTqe9Wq12Tj//hUzkc5D/3U2NgihauFwub7mXkBlREblWgPcDkbV1m55dRk+kgUMGNJvNAELcSrwd8ke+6UzrjQI5kXGOPG1kNmtdGycU4QxF+AUzwFlPQG59lL8BtFlKpL8GShQAAAAASUVORK5CYII=) no-repeat center top;
    background-size: 12px 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

.h-province>div>div.choose-province>a {
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    color: #333;
}

.h-province>div>div.choose-province>a:nth-child(2) {
    margin: 0 5px 0 0;
    background-color: #f3f3f3;
}

.h-province>div>div.choose-province>a:nth-child(3) {
    background-color: #F97E0F;
    color: #fff;
    border-color: #FB6E2E;
}

.h-overlay {
    display: none;
    overflow: hidden;
    z-index: 11;
    background: rgba(0,0,0,.75);
    width: 100%;
    max-width: 640px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.h-loading {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255,255,255,.6);
    width: 100%;
    height: 100%;
    z-index: 13;
}

.h-loading>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.h-loading .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: dot 1000ms ease infinite 0ms;
    animation: dot 1000ms ease infinite 0ms;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
}

.h-loading .csdot:nth-child(2) {
    -webkit-animation: dot 1000ms ease infinite 300ms;
    animation: dot 1000ms ease infinite 300ms;
}

.h-loading .csdot:nth-child(3) {
    -webkit-animation: dot 1000ms ease infinite 600ms;
    animation: dot 1000ms ease infinite 600ms;
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes dot {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.h-province.dt {
    width: 120px;
    float: left;
    margin-left: 10px;
    padding: 0;
    clear: none;
    overflow: visible;
}

.h-province.dt>span {
    color: #fff;
    font-size: 11px;
    display: block;
    margin-bottom: -3px;
    padding-top: 3px;
}

.h-province.dt>div>div {
    z-index: 10;
}

.h-province.dt>div>b {
    cursor: pointer;
}

.h-province>div>div>div {
    width: auto;
    float: none;
}

.h-province.dt>div>div>div>div>a {
    margin-bottom: 10px;
    color: #288ad6;
    display: block;
}

.h-province.dt>div>div.choose-province {
    box-shadow: 0 0px 5px 0 rgba(90, 90, 90, 0.5)
}

.h-province.mb {
    cursor: pointer;
    background-color: #FFEF94;
    height: 35px;
    position: relative;
    z-index: 12;
    clear: both;
}

.h-province.mb>* {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
}

.h-province.mb>span {
    font-size: 13px;
    padding-left: 10px;
    color: #333;
}

.h-province.mb>span:before {
    content: '';
    width: 12px;
    height: 15px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEcSURBVHgBtZVhEYMwDIXfYWBIQAIOqINJAAfMAThAQnEwCUjgpoA5YA5YytiO43pNWrrv7v1q+tK0IQBuFKkjDaSZtGwaSXdSSUoRgNpMF4EmUgsPWqGxLVHGmfeB5vskOSKfXFSJimT+1XBMMEVOsGyH9jr9vB1k9q2iEwSbmH2/F5BVve4ZmaAGdjJBNVcIglxfKld9mTAGT9LLsf6AmyxhDDguzPrqzb2BchgMzN7CBHH3OME+Y1oIu0gJAk0STapINWSTVvuUGqJin0BFNp9gIWYVhS2BimSu4UAyl0I67keKc6O7hIA80FzDg5unOXs1Nnqh+RxibjDvwc0poxonyOB+9AYRMI9u+yl1iMixszT+QIXPdQ0+m972AJzRNNjYpgAAAABJRU5ErkJggg==) no-repeat center top;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
}

.h-province.mb>div {
    position: static;
}

.h-province.mb>div>b {
    color: #4A90E2;
    font-size: 14px;
}

.h-province.mb>div>b:after {
    border-top-color: #4A90E2;
}

.h-province.mb>div>b.gray {
    color: #333;
}

.h-province.mb>div>b.gray:after {
    border-top-color: #333;
}

.h-province.mb>div>b.active:after {
    border-bottom: 5px solid #4A90E2;
}

.h-province.mb>div>div {
    left: 0;
    z-index: 9;
    padding: 0 10px 20px 10px;
    top: 35px;
    right: 0;
    width: auto;
}

.h-province.mb>div>div:after, .h-province.mb>div>div:before {
    display: none;
}

.h-province.mb>div>div>b {
    padding-top: 10px;
    line-height: 1.5;
}

.h-province.mb>div>div>div {
    padding-top: 0;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained;
}

.h-province.mb>div>div>span>i {
    top: 9px;
}

.h-province.mb>div>div>div>div>a {
    color: #288ad6;
    display: block;
    height: 30px;
    line-height: 30px;
}

.h-province.mb>div>div.choose-province {
    padding: 10px;
    background-color: #FFEF94;
    text-align: center;
    border-top: 1px solid #333;
}

.h-province.mb>div>div.choose-province>span {
    padding-left: 0;
    text-align: left;
    margin-bottom: 10px;
}

.h-province.mb>div>div.choose-province>span:before {
    display: none;
}

@media screen and (max-width: 640px) {
    header {
        height:83px;
    }

    #wrap_cart .area_price strong {
        font-size: 17px;
    }
}

@media screen and (max-width: 360px) {
    .h-province>span, .h-province>div>b {
        font-size:13px;
    }
}

@media screen and (max-width: 320px) {
    .h-province>span, .h-province>div>b {
        font-size:12px;
    }
}

[class^="icontgdd-"], [class*="icontgdd-"], [class^="iconmobile-"], [class*="iconmobile-"] {
    background-image: url(https://www.thegioididong.com/Content/desktop/images/V5/icondesktop20200728@1x.png?v=2);
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    [class^="icontgdd-"], [class*="icontgdd-"], [class^="iconmobile-"], [class*="iconmobile-"] {
        background-image: url(https://www.thegioididong.com/Content/desktop/images/V5/icondesktop20200728@2x.png?v=2);
        background-size: 500px 115px;
    }
}

.icontgdd-cart {
    width: 20px;
    height: 18px;
    background-position: -144px -91px;
}

.icontgdd-mobile {
    width: 13px;
    height: 20px;
    background-position: 0 -91px;
}

.icontgdd-laptop {
    width: 24px;
    height: 20px;
    background-position: -16px -91px;
}

.icontgdd-tablet {
    width: 16px;
    height: 20px;
    background-position: -43px -91px;
}

.icontgdd-phukien {
    width: 22px;
    height: 20px;
    background-position: -60px -91px;
}

.icontgdd-watch {
    width: 14px;
    height: 20px;
    background-position: -83px -91px;
}

.icontgdd-fashionwatch {
    width: 14px;
    height: 20px;
    background-position: -102px -91px;
}

.icontgdd-pc {
    width: 23px;
    height: 20px;
    background-position: -118px -91px;
}

section, .home-menu section, body > .topbanner:first-child, body > div.banner:nth-child(2) {
    margin-top: 80px;
}

section.cate:nth-child(2) {
    margin-top: 55px;
}

.compare-title {
    margin-top: 100px;
}

header {
    background-color: #000;
    height: 80px;
}

header .wrap-main {
    height: 40px;
}

header #search-site {
    height: 30px;
    margin-top: 5px;
    width: 200px;
}

header #search-site .topinput {
    height: 24px;
}

header #search-site .btntop {
    height: 30px;
    width: 30px;
}

header .wrap-suggestion {
    top: 35px;
}

header .logo {
    padding: 6px 0 4px 5px;
}

header .menu-info {
    width: 810px;
    float: right;
}

header .menu-info > * {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
}

header .menu-info > a.a1 {
    width: 97px;
    border: 1px solid #8F8F8F;
    border-radius: 4px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 4px 0;
}

header .menu-info > a.a1:hover, header .menu-info > a.a1.actmenu {
    background: rgba(255,255,255,.4);
}

header .menu-info > a.a1 > * {
    display: inline-block;
    vertical-align: middle;
}

header .menu-info > a.a1 > i {
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
    text-indent: -9999px;
}

header .menu-info > a.a1.actmenu > i {
    background-color: #FF0000;
    border-radius: 50%;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-indent: 0;
    background-image: none;
}

header .menu-info > a.a2 {
    padding: 2px 10px 0 10px;
    line-height: 1.3;
    width: 75px;
    text-align: center;
}

header .menu-info > a.a3 {
    text-transform: uppercase;
    color: #FFE66B;
}

header .menu-info > a.liveevent {
    float: none;
    color: #FFE66B;
    max-width: 200px;
    border-left: 1px solid #232323;
    position: relative;
    padding: 0 0 0 40px;
    margin-bottom: 0;
    margin-left: 0;
}

header .menu-info > a.liveevent .text {
    white-space: normal;
    overflow: visible;
    max-height: 34px;
    display: inline-block;
    text-decoration: none;
    color: #FFE66B;
    line-height: 1.3;
}

header .menu-info > a.liveevent:hover .text {
    color: #FFE66B;
}

header .menu-info > a.liveevent #dot {
    background-color: #FFE66B;
    left: 15px;
}

header .menu-info > a.liveevent #dot .ping {
    border-color: #FFE66B;
    background-color: rgba(255,230,107,.2);
}

header .menu-info > div {
    float: right;
}

header .menu-info > div > a, header .menu-info > div > div {
    padding: 0 10px;
    border-left: 1px solid #232323;
    color: #fff;
    height: 40px;
    line-height: 40px;
    float: left;
}

header .menu-info > div > a.mn-new {
    line-height: 1.2;
    text-align: center;
    padding-top: 6px;
    height: 34px;
}

header .menu-info > div > div {
    position: relative;
}

header .menu-info > div > div > span {
    color: #fff;
}

header .menu-info > div > div > div {
    background-color: #fff;
    position: absolute;
    width: 150px;
    left: 0;
    padding: 5px 0;
    display: none;
    z-index: 9;
}

header .menu-info > div > div > div > a {
    display: block;
    padding: 10px 15px;
    white-space: normal;
    text-transform: uppercase;
    color: #333;
    line-height: 1;
}

header .menu-info > div > a:hover, header .menu-info > div > a.actmenu {
    background-color: #fff;
    color: #333;
}

header .menu-info > div > div:hover {
    background-color: #fff;
}

header .menu-info > div > div:hover > span {
    color: #333;
}

header .menu-info > div > div:hover > div {
    display: block;
}

header .wrap-nav {
    background-color: #FED101;
    height: 40px;
    overflow: hidden;
}

header .wrap-nav {
    background-color: #FED101;
    height: 40px;
    overflow: hidden;
}

header .wrap-nav > nav {
    max-width: 1200px;
    margin: auto;
    min-width: 1024px;
    width: 100%;
}

header .wrap-nav > nav > a {
    padding: 0 12px;
    display: table-cell !important;
    vertical-align: middle;
    height: 40px;
    white-space: nowrap;
    color: #000;
    text-transform: none;
    font-size: 14px;
}

header .wrap-nav > nav > div > a {
    padding: 0 12px;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    white-space: nowrap;
    color: #000;
    text-transform: none;
    font-size: 14px;
}

header .wrap-nav > nav > a > * {
    display: inline-block;
    vertical-align: middle;
}

header .wrap-nav > nav > div > a > * {
    display: inline-block;
    vertical-align: middle;
}

header .wrap-nav > nav > a > i {
    margin: 0 5px 0 0;
}

header .wrap-nav > nav > div > a > i {
    margin: 0 5px 0 0;
}

header .wrap-nav > nav > a > b {
    font-weight: normal;
}

header .wrap-nav > nav > div > a > b {
    font-weight: normal;
}

header .wrap-nav > nav > div > a > b::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;
}

header .wrap-nav > nav > .actmenu > a > b::after {
    border-bottom: none;
    transform: rotate(-180deg);
    margin-bottom: -2px;
}

.navaccessories2020 {
    display: none;
    position: absolute;
    background: #fff;
    top: 75px;
    width: 725px;
    border-radius: 4px;
    padding: 10px;
    z-index: 10;
    border: 1px solid #eee;
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 10%);
}

.admin-bar .navaccessories2020 {
    top: 104px;
}

.phukien {
    cursor: pointer;
}

.phukien:hover {
    background-color: #fff;
}

.phukien:hover .navaccessories2020 {
    display: block;
}

@media screen and (max-width: 1492) {
    .navaccessories2020 {
        left: 460px;
    }

    .navaccessories2020::before, .navaccessories2020::after {
        left: 40px;
    }
}

.navaccessories2020 div {
    width: 33%;
    float: left;
    margin-bottom: 10px;
}

.navaccessories2020 .TBLT {
    width: 150px;
    margin-bottom: 10px;
    padding-top: 10px;
}

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

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

.navaccessories2020 a:hover {
    background-color: #fff;
}

.navaccessories2020 a h3:hover {
    color: #2589ff;
}

.navaccessories2020 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;
}

.navaccessories2020::before, .navaccessories2020::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
}

@media screen and (max-width: 1220px) {
    header .menu-info > a.a2 {
        padding: 0 5px;
    }

    header .wrap-nav > nav > a {
        padding: 0 12px;
    }

    header .wrap-nav > nav > a > i {
        display: none;
    }

    header .menu-info > div > a {
        padding: 0 12px;
    }
}

.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fotorama--fullscreen,.fotorama__img {
    max-width: 99999px!important;
    max-height: 99999px!important;
    min-width: 0!important;
    min-height: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    padding: 0!important
}

.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.fotorama__spinner {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important
}

.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame {
    outline: 0
}

.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after {
    content: '';
    border-radius: inherit;
    background-color: rgba(0,175,234,.5)
}

.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none!important;
    transform: none!important
}

.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border {
    transition-property: -webkit-transform,width;
    transition-property: transform,width;
    transition-timing-function: cubic-bezier(.1,0,.25,1);
    transition-duration: 0ms
}

.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fotorama__nav,.fotorama__nav__frame {
    margin: auto;
    padding: 0
}

.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom:1}

.fotorama__nav__frame,.fotorama__thumb-border {
    box-sizing: content-box
}

.fotorama__caption__wrap {
    box-sizing: border-box
}

.fotorama--hidden,.fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1
}

.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play {
    -webkit-tap-highlight-color: transparent
}

.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play {
    background: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/fotorama/fotorama.png) no-repeat
}

@media(-webkit-min-device-pixel-ratio: 1.5),(min-resolution:2dppx) {
    .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play {
        background:url(https://cdn.tgdd.vn/v2015/Content/desktop/images/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat
    }
}

.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127,127,127,.2)
}

@media print {
    .fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play {
        background: none!important
    }
}

.fotorama {
    min-width: 1px;
    overflow: hidden
}

.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child) {
    display: none
}

.fullscreen {
    width: 100%!important;
    height: 100%!important;
    max-width: 100%!important;
    max-height: 100%!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    background: #000
}

.fotorama--fullscreen {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    float: none!important;
    z-index: 99999!important;
    background: #000;
    width: 100%!important;
    height: 100%!important;
    margin: 0!important
}

.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage {
    background: #000
}

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl
}

.fotorama__nav,.fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y
}

.fotorama__wrap .fotorama__pointer {
    cursor: pointer
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1!important
}

.fotorama__stage__frame {
    overflow: hidden
}

.fotorama__stage__frame.fotorama__active {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__stage__frame {
    display: none
}

.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display: block;
    left: 0;
    top: 0
}

.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index: 9
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none
}

.fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: none!important
}

.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full {
    display: none
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block
}

.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px!important
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility: visible
}

.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5
}

.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left
}

.fotorama__nav__frame {
    position: relative;
    cursor: pointer
}

.fotorama__nav--dots {
    display: block
}

.fotorama__nav--dots .fotorama__nav__frame {
    width: 18px;
    height: 30px
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border {
    display: none
}

.fotorama__nav--thumbs {
    display: block
}

.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left: 0!important
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right: 0!important
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display: none
}

.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #7f7f7f
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 3px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding: 3px;
    top: -3px;
    left: -3px
}

.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2
}

.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,.75)
}

.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0,0,0,.5)
}

.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51,51,51,.5)
}

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {
    padding: 5px 10px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear
}

.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: .3s
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.fotorama__select {
    cursor: auto
}

.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10
}

@-moz-document url-prefix() {
    .fotorama__active; {
        box-shadow: 0 0 0 transparent;
    }
}

.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play {
    position: absolute;
    z-index: 11;
    cursor: pointer
}

.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px
}

.fotorama__arr--prev {
    left: 2px;
    background-position: 0 0
}

.fotorama__arr--next {
    right: 2px;
    background-position: -32px 0
}

.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1
}

.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    background-position: 0 -32px;
    z-index: 20
}

.fotorama__arr:focus,.fotorama__fullscreen-icon:focus {
    border-radius: 50%
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px
}

.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none
}

.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block
}

.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px
}

.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-close {
    display: none
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px,-32px,0);
    transform: translate3d(32px,-32px,0)
}

.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity: 1
}

.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0!important
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display: block
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none!important
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px,-32px,0);
    transform: translate3d(32px,-32px,0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px,0,0);
    transform: translate3d(-48px,0,0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px,0,0);
    transform: translate3d(48px,0,0)
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px,-32px,0)!important;
    transform: translate3d(32px,-32px,0)!important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px,0,0)!important;
    transform: translate3d(-48px,0,0)!important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px,0,0)!important;
    transform: translate3d(48px,0,0)!important
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    transition-duration: .3s
}

.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%,5px 100%
}

.fotorama__nav:before,.fotorama__stage:before {
    background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);
    background-position: 0 0,0 0;
    left: -10px
}

.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before {
    left: 0
}

.fotorama__nav:after,.fotorama__stage:after {
    background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);
    background-position: 100% 0,100% 0;
    right: -10px
}

.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after {
    right: 0
}

.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none
}

/* 10:00:42 06/04/2021 */
.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0 0 12px rgba(51,51,51,.5);
    -moz-box-shadow: 0 0 12px rgba(51,51,51,.5);
    box-shadow: 0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

.twentytwenty-before-label,.twentytwenty-after-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.twentytwenty-before-label:before,.twentytwenty-after-label:before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em
}

.twentytwenty-before-label:before,.twentytwenty-after-label:before {
    position: absolute;
    background: rgba(255,255,255,.2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-before-label:before,.twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-before-label:before,.twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow,.twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow,.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-up-arrow,.twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0,0,0,0)
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label:before {
    content: "Before"
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label:before {
    content: "After"
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0,0,0,0);
    z-index: 25
}

.twentytwenty-overlay:hover {
    background: rgba(0,0,0,.5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgba(51,51,51,.5);
    -moz-box-shadow: 0 0 12px rgba(51,51,51,.5);
    box-shadow: 0 0 12px rgba(51,51,51,.5);
    z-index: 40;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white,0 0 12px rgba(51,51,51,.5);
    -moz-box-shadow: 0 3px 0 white,0 0 12px rgba(51,51,51,.5);
    box-shadow: 0 3px 0 white,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white,0 0 12px rgba(51,51,51,.5);
    -moz-box-shadow: 0 -3px 0 white,0 0 12px rgba(51,51,51,.5);
    box-shadow: 0 -3px 0 white,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white,0 0 12px rgba(51,51,51,.5);
    -moz-box-shadow: 3px 0 0 white,0 0 12px rgba(51,51,51,.5);
    box-shadow: 3px 0 0 white,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 white,0 0 12px rgba(51,51,51,.5);
    -moz-box-shadow: -3px 0 0 white,0 0 12px rgba(51,51,51,.5);
    box-shadow: -3px 0 0 white,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

/* 09:56:31 06/04/2021 */
* {
    margin: 0;
    padding: 0
}

body {
    min-width: 1024px;
    overflow-x: hidden
}

img {
    border: 0
}

a {
    text-decoration: none
}

ul,ol {
    list-style: none
}

.clr {
    clear: both
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    text-rendering: geometricPrecision
}

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

body,input,button,option,textarea,label,legend,h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    font: 14px/18px Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
    color: #333;
    outline: none;
    zoom:1}

header {
    position: absolute;
    top: 0;
    min-width: 1200px;
    background: #fed700;
    width: 100%;
    height: 55px;
    z-index: 3
}

section {
    max-width: 1200px;
    width: 100%;
    min-width: 980px;
    margin: 55px auto 0;
    position: relative
}

footer {
    width: 100%;
    min-width: 1024px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    clear: both
}

.wrap-main {
    width: 1200px;
    height: 55px;
    background: #000;
    margin: auto;
    position: relative;
    display: block
}

.logo {
    float: left;
    width: auto;
    display: block;
    padding: 14px 0 11px 5px
}

.logo a {
    display: block;
    overflow: hidden
}

#search-site {
    float: left;
    width: 230px;
    height: 35px;
    margin: 10px 10px 0 10px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.topinput {
    float: left;
    width: 162px;
    margin-left: 8px;
    padding: 3px 0 0;
    border: 0;
    position: relative;
    background: #fff;
    height: 30px;
    text-indent: 10px;
    font-size: 13px;
	margin-top: 0;
}

.btntop {
    float: right;
    width: 40px;
    height: 35px;
    border: 0;
    background: none
}

nav {
    width: 780px;
    background: #fed700;
    margin: 0;
    padding: 0;
    display: table;
    *display: block;
    *float: none
}

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

nav a:hover,nav a.actmenu {
    background-color: #f5f5f5
}

nav a.mobile {
    width: 80px
}

nav a.tablet {
    width: 80px
}

nav a.laptop {
    width: 74px
}

nav a.phukien {
    width: 70px
}

nav a.simcard {
    width: 60px
}

nav a.ask {
    width: 70px
}

nav a.maydoitra {
    width: 80px
}

nav a.gameapp {
    width: 80px;
    height: 43px
}

nav a span {
    display: block;
    position: absolute;
    top: 9px;
    width: 23px;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 11px
}

nav a.cardsim,nav a.utility {
    text-transform: none;
    font-size: 13px;
    padding: 0;
    vertical-align: middle;
    line-height: 19px;
    padding-top: 6px
}

nav a.utility {
    width: 100px
}

[class^="icontgdd-"],[class*="icontgdd-"],[class^="iconmobile-"],[class*="iconmobile-"] {
    background-image: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/icondesktop2022@1x_edit.png?v=004);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    [class^="icontgdd-"],[class*="icontgdd-"],[class^="iconmobile-"],[class*="iconmobile-"] {
        background-image:url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/icondesktop2022@2x_edit.png?v=003);
        background-size: 500px 100px
    }
}

.icontgdd-logo {
    background-position: 0 0;
    width: 156px;
    height: 30px;
    display: block;
    margin: auto
}

.icontgdd-topsearch {
    background-position: -160px 0;
    width: 20px;
    height: 20px;
    display: block;
    margin: 1px auto 0
}

.icontgdd-mobile {
    background-position: -190px 0;
    width: 16px;
    height: 25px;
    display: block;
    margin: 2px auto 3px
}

.icontgdd-tablet {
    background-position: -209px 0;
    display: block;
    margin: 0 auto 5px;
    width: 33px;
    height: 22px
}

.icontgdd-laptop {
    background-position: -245px 0;
    display: block;
    margin: 0 auto 5px;
    width: 39px;
    height: 21px
}

.icontgdd-phukien {
    background-position: -288px 0;
    display: block;
    margin: 0 auto 5px;
    width: 22px;
    height: 22px
}

.icontgdd-maydoitra {
    background-position: -315px 0;
    display: block;
    margin: 0 auto 4px;
    width: 34px;
    height: 26px
}

.icontgdd-simcard {
    background-position: -355px 0;
    display: block;
    margin: 0 auto 5px;
    width: 18px;
    height: 23px
}

.icontgdd-news {
    display: block;
    margin: 0 auto 2px;
    background-position: -428px -50px;
    width: 28px;
    height: 25px
}

.icontgdd-ask {
    background-position: -410px 0;
    display: block;
    margin: 0 auto 3px;
    width: 25px;
    height: 25px
}

.icontgdd-gameapp {
    background-position: -462px -52px;
    display: block;
    margin: 0 auto 5px;
    height: 20px;
    width: 32px
}

.icontgdd-promo {
    background-position: -475px 0;
    display: block;
    margin: 0 auto 3px;
    width: 22px;
    height: 24px
}

.icontgdd-watch {
    background-position: -362px -50px;
    display: block;
    margin: 0 auto 0;
    width: 16px;
    height: 27px
}

.rowfoot1 {
    display: block;
    overflow: hidden;
    width: 100%;
    min-width: 1024px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0
}

.colfoot {
    float: left;
    width: 28%;
    margin: 0;
    position: relative
}

.collast {
    width: 11%;
    float: right
}

.colfoot li {
    float: none;
    position: relative;
    font-size: 13px;
    color: #444
}

.colfoot li a {
    display: block;
    color: #288ad6;
    font-size: 14px;
    line-height: 25px;
    padding-top: 5px
}

.colfoot li a:hover {
    color: #666
}

.colfoot li a.bct,.colfoot li a.dmca-badge {
    display: inline-block
}

.colfoot li p {
    display: block;
    padding-top: 5px;
    line-height: 25px;
    font-size: 14px;
    color: #666
}

.colfoot li p a {
    display: inline;
    font-weight: 600;
    color: #333;
    padding: 0 5px
}

.colfoot li.showmore {
    font-weight: bold
}

.colfoot li.showmore a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid #288ad6;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin: 0 0 0 5px;
    position: relative;
    top: -2px
}

.colfoot li.showmore a:hover:after {
    border-top: 5px solid #666
}

.colfoot li.hidden {
    display: none
}

.colfoot li a.linkfb {
    float: left;
    padding: 0 10px 0 0;
    margin: 9px 0 2px;
    border-right: 1px solid #e9e9e9;
    font-size: 12px;
    line-height: 1;
    color: #288ad6
}

.colfoot li a.linkyt {
    float: left;
    padding: 0 0 0 10px;
    margin: 9px 0 2px;
    font-size: 12px;
    color: #288ad6;
    line-height: 1
}

.colfoot li a.dmx {
    display: block;
    overflow: hidden;
    clear: both;
    padding: 5px 0
}

.rowfoot2 {
    width: 100%;
    min-width: 980px;
    overflow: hidden;
    background: #f8f8f8;
    padding: 10px 0
}

.rowfoot2 p {
    display: block;
    width: 100%;
    margin: auto;
    font-size: 10px;
    color: #999;
    text-align: center
}

.rowfoot2 a {
    color: #999
}

.icontgdd-share1 {
    background-position: 0 -30px;
    width: 13px;
    height: 13px;
    margin-right: 3px
}

.icontgdd-share3 {
    background-position: -16px -30px;
    width: 17px;
    height: 13px;
    margin-right: 3px
}

.icontgdd-dmx {
    background-position: -36px -30px;
    width: 100px;
    height: 19px
}

.icontgdd-bct {
    background-position: 0 -50px;
    width: 110px;
    height: 38px
}

.icontgdd-hg {
    background-position: -384px -49px;
    width: 45px;
    height: 38px
}

.stickcart {
    position: fixed;
    right: 70px;
    bottom: 42px;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    font-size: 14px;
    color: #288ad6;
    padding: 0 10px 0 0;
    width: 130px;
    z-index: 99
}

.stickcart div {
    float: left;
    width: 38px;
    height: 38px;
    border-radius: 40px;
    background: #ffde31;
    margin: 2px 5px 2px 2px
}

.stickcart span {
    display: block;
    padding: 4px 0 0;
    white-space: nowrap
}

.stickcart strong {
    display: block;
    white-space: nowrap
}

.icontgdd-cartstick {
    background-position: -265px -30px;
    width: 22px;
    height: 18px;
    display: block;
    margin: 11px 0 0 6px
}

[class^="iconlogo-"],[class*="iconlogo-"] {
    background-image: url(../images/logosprite@1x.png?v=3);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}

@media(-webkit-min-device-pixel-ratio: 1.5) {
    [class^="iconlogo-"],[class*="iconlogo-"] {
        background-image:url(/Content/desktop/images/V4/logosprite@2x.png?v=3);
        background-size: 517px 20px
    }
}

.iconlogo-bhx {
    background-position: -220px 0;
    width: 90px;
    height: 19px
}

.iconlogo-dmx {
    background-position: -109px 0;
    width: 111px;
    height: 19px
}

.iconlogo-ma {
    background-position: -313px 0;
    width: 100px;
    height: 19px
}

.iconlogo-ta {
    background-position: -409px 0;
    width: 100px;
    height: 19px
}

.group {
    display: block;
    overflow: hidden;
    clear: both
}

.group label {
    display: block;
    font-size: 12px;
    color: #888;
    margin-top: 10px
}

.group a {
    display: block;
    vertical-align: top;
    padding-top: 0 !important
}

.breadcrumb {
    display: block;
    overflow: hidden;
    margin: 0;
    background: #fff;
    line-height: 32px;
    padding-top: 5px
}

.breadcrumb a {
    font-size: 12px;
    color: #288ad6
}

.breadcrumb strong {
    color: #999
}

.breadcrumb li {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.breadcrumb li a {
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    color: #288ad6;
    padding: 0 10px 0 0
}

.breadcrumb li a span {
    font-size: 14px;
    padding: 0;
    color: #288ad6
}

.breadcrumb span {
    display: inline-block;
    font-size: 20px;
    color: #999;
    padding: 2px 5px 0 0;
    line-height: 1
}

.breadcrumb li h1,.breadcrumb li h2 {
    display: inline-block;
    font-size: 14px;
    color: #288ad6;
    font-weight: normal;
    line-height: 32px
}

.breadcrumb li h1 a {
    color: #288ad6
}

.breadcrumb li h2 a {
    padding-left: 2px;
    color: #288ad6
}

#back-top {
    display: none;
    z-index: 99
}

#back-top span:before {
    cursor: pointer;
    background: #fdd504;
    width: 40px;
    position: fixed;
    right: 20px;
    bottom: 45px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -transition: all .2s linear;
    color: #000;
    content: "▲";
    opacity: .7;
    z-index: 8;
    border-radius: 5px
}

#back-top span:hover:before {
    opacity: 1
}

#dlding,#imgtrack,.none {
    display: none
}

.wrap-suggestion {
    display: block;
    border: 1px solid #e2e2e2;
    background: #fff;
    position: absolute;
    left: 0;
    width: 345px;
    top: 45px;
    z-index: 9
}

.wrap-suggestion:after,.wrap-suggestion:before {
    bottom: 100%;
    left: 80px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute
}

.wrap-suggestion:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.wrap-suggestion:before {
    border-color: rgba(218,218,218,0);
    border-bottom-color: #dadada;
    border-width: 9px;
    margin-left: -9px
}

.wrap-suggestion li {
    display: block;
    background: #fff;
    overflow: hidden;
    list-style: none;
    border-bottom: 1px dotted #ccc
}

.wrap-suggestion li.link {
    border: none;
    padding-left: 10px;
    padding-right: 10px
}

.wrap-suggestion li.link:first-child {
    margin-top: 6px
}

.wrap-suggestion li.link.last {
    margin-bottom: 6px
}

.wrap-suggestion li.link a {
    font-size: 14px;
    color: #3b7adb
}

.wrap-suggestion li.text {
    background-color: #f5f5f5;
    color: #666;
    font-size: 13px;
    border: none;
    padding: 7px 10px
}

.wrap-suggestion li:last-child {
    border-bottom: 0
}

.wrap-suggestion li:hover,.wrapp-producthome .wrap-suggestion li.selected,.wrap-main .wrap-suggestion li.selected {
    background: #f8f8f8
}

.wrap-suggestion li a {
    display: block;
    overflow: hidden;
    padding: 6px;
    color: #333;
    font-size: 12px
}

.wrap-suggestion li a img {
    float: left;
    width: 60px;
    height: auto;
    margin: 0 6px 0 0
}

.wrap-suggestion li a h3 {
    display: block;
    width: auto;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wrap-suggestion li a h6 {
    font-size: 12px;
    color: #e02020
}

.wrap-suggestion li a span {
    float: left;
    font-size: 13px;
    color: #666
}

.wrap-suggestion li a cite {
    font-size: 12px
}

.wrap-suggestion li a i {
    font-size: 12px;
    color: #e02020;
    display: inline-block;
    padding-left: 1px;
    font-style: normal
}

.wrap-suggestion li a span.price {
    font-size: 14px;
    color: #d0021b;
    float: none;
    font-weight: bold;
    display: inline-block;
    padding: 2px 2px 0 0
}

.wrap-suggestion li a label {
    display: block;
    font-size: 12px;
    color: #999;
    padding-left: 56px
}

.wrap-suggestion li a label strong {
    font-size: 12px;
    color: #d0021b
}

.wrap-suggestion li.samsung img {
    display: inline-block;
    vertical-align: middle;
    width: 80px
}

.wrap-suggestion li.samsung b {
    display: inline-block;
    vertical-align: middle;
    color: #333
}

.wrap-suggestion li a .cheappriceonline {
    color: #e67e22;
    font-size: 12px
}

.wrap-suggestion li a .cheappriceonline cite {
    color: #333
}

.wrap-suggestion li a .promo img {
    display: none
}

.wrap_rts {
    overflow: hidden;
    position: fixed;
    z-index: 11;
    bottom: 0;
    right: 10%
}

.wrap_rts .pop {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: auto;
    background: #fff;
    margin-top: 20%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #ccc
}

.wrap_rts .pop .hdpop {
    padding: 10px 0 10px 10px;
    border-bottom: solid 1px #ccc;
    font-size: 15px;
    background: #f89406;
    color: #fff
}

.wrap_rts .pop .hdpop .closehd {
    float: right;
    color: #fff;
    border: solid 1px #fff;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    box-sizing: border-box;
    padding-top: 3px
}

.wrap_rts .pop .if {
    display: block;
    padding: 10px 10px 0
}

.wrap_rts .pop .if .price {
    color: #d0021b
}

.wrap_rts .pop .ivt {
    display: block;
    padding: 10px 10px 0;
    text-align: center
}

.wrap_rts .pop ul.ol {
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.wrap_rts .pop ul.ol li .iprn {
    color: #288ad6
}

.wrap_rts .pop ul.ol li .iprn:before {
    content: '•';
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #999;
    margin-right: 5px
}

.wrap_rts .pop ul.ol li .iprp {
    color: #d0021b;
    float: right
}

.wrap_rts .pop ul.rtt {
    padding: 10px;
    overflow: hidden
}

.wrap_rts .pop ul.rtt li {
    text-align: center;
    float: left;
    width: 33%;
    color: #288ad6;
    cursor: pointer
}

.wrap_rts .pop ul.rtt li img {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px
}

.wrap_rts .pop .chsRtUstf {
    border-radius: 5px;
    border: solid 1px #ccc;
    overflow: hidden;
    margin: 10px;
    padding: 10px
}

.wrap_rts .pop .chsRtUstf span {
    display: block;
    text-align: center;
    margin: 0 0 10px
}

.wrap_rts .pop .chsRtUstf a.chbUt {
    display: block;
    width: 50%;
    float: left;
    color: #288ad6;
    padding: 10px 0
}

.wrap_rts .pop .chsRtUstf a.chbUt i {
    margin: 0 8px
}

.wrap_rts .pop .chsRtUstf a.chbUt span {
    display: inline
}

.wrap_rts .pop .chsRtUstf a.btnRsUs {
    padding: 8px;
    background: #288ad6;
    color: #fff;
    border-radius: 5px;
    text-align: -webkit-center;
    width: 75px;
    margin: 10px auto 0;
    display: -webkit-box
}

.wrap_rts .pop .msg {
    margin: 10px 0 20px
}

.wrap_rts .pop .btnRs {
    padding: 8px;
    background: #fff;
    color: #288ad6;
    border: solid 1px #288ad6;
    border-radius: 5px;
    text-align: -webkit-center;
    width: 75px;
    margin: 10px auto 0;
    display: -webkit-box
}

.wrap_rts .iconmobile-uncheckbox {
    background-position: -145px -30px;
    width: 16px;
    height: 16px;
    vertical-align: sub
}

.wrap_rts .iconmobile-checkbox {
    background-position: -165px -30px;
    width: 16px;
    height: 16px;
    vertical-align: sub
}

.hide {
    display: none !important
}

@media screen and (max-width: 1220px) {
    .colfoot li a {
        padding:0 0 0 5px;
        line-height: 30px
    }

    .colfoot {
        width: 26.5%
    }

    .collast {
        width: 13%
    }

    .colfoot li a.bct {
        padding: 0
    }

    .breadcrumb {
        margin: 0 10px
    }
}

#search-site .wrap-suggestion-b2b {
    display: none
}

.wrap-suggestion li a h6.textOLOL {
    color: #d0021b
}

.mix-menu {
    position: absolute;
    right: 0;
    display: none;
    width: 100%;
    margin-top: 3px
}

.mix-menu a {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 0 4px;
    color: #000;
    background: #fed700;
    font-size: 13px;
    text-align: center;
    position: relative;
    border-top: 1px solid rgba(0,0,0,.1);
    text-transform: none
}

.mix-menu a.cardsim {
    line-height: 44px
}

.mix-menu a:hover {
    border-top: 1px solid rgba(0,0,0,.1);
    background-color: #eee
}

#utility-cardsim {
    width: 100px;
    height: 36px;
    padding: 15px 5px 4px;
    color: #000;
    background: #fed700;
    background-color: #fed700;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    border-left: 1px solid rgba(0,0,0,.1);
    position: relative
}

#utility-cardsim:hover .mix-menu {
    display: block
}

#utility-cardsim:hover #utility-cardsim {
    background-color: #fed700
}

#utility-cardsim:hover {
    background-color: #f5f5f5
}

nav a.promo {
    width: 85px
}

#dot {
    width: 10px;
    height: 10px;
    background-color: #f33;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: block
}

#dot .ping {
    border: 1px solid #f33;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: rgba(238,46,36,.2);
    border-radius: 100%;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-name: sonar;
    animation-name: sonar;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: block;
    margin: -1px 0 0 -1px
}

video.videoUploadCms {
    width: 100%;
    height: auto
}

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

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

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

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

/* 09:50:20 06/04/2021 */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -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-theme .owl-controls {
    margin-top: 0;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 4px;
    height: 4px;
    margin: 0 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #d8d8d8
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ef8a32
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

/* 09:50:20 06/04/2021 */
.fullparameter {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    display: none;
    padding: 0 0 0 55px;
    width: 630px;
    margin: 0 auto
}

.fullparameter.display {
    display: block
}

.fullparameter ul {
    padding: 10px 30px 10px 30px;
    width: 450px
}

.fullparameter .scroll {
    height: 100vh;
    width: auto;
    padding: 0 30px 0 30px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff
}

.fullparameter .scroll img {
    display: block;
    margin: 0 auto;
    width: 500px;
    height: auto
}

.fullparameter .scroll h4,.fullparameter .scroll h3 {
    display: block;
    font-size: 18px;
    color: #666;
    font-weight: 600;
    margin-top: 15px;
    line-height: 1.3em
}

.tableparameter .closebtn {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99
}

.fullparameter .closebtn {
    float: right;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.fullparameter .scroll .viewarticle {
    float: left;
    padding: 8px;
    width: 200px;
    border: 1px solid #288ad6;
    border-radius: 4px;
    font-size: 13px;
    color: #288ad6;
    font-weight: 600;
    margin: 15px 0 0 30px;
    text-align: center
}

.fullparameter .scroll .viewarticle:hover {
    background: #288ad6;
    color: #fff
}

.fullparameter .scroll .closetable {
    float: left;
    padding: 8px;
    margin: 16px;
    font-size: 13px;
    color: #288ad6;
    position: relative;
    width: auto;
    height: auto
}

.fullparameter .scroll .closetable:hover {
    color: #e67e22
}

.fullparameter .scroll::-webkit-scrollbar {
    width: 9px
}

.fullparameter .scroll::-webkit-scrollbar-track {
    background: #fff;
    width: 11px;
    padding: 2px
}

.fullparameter .scroll::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.parameterfull {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff
}

.parameterfull li {
    display: table;
    *display: block;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #dadada
}

.parameterfull li label {
    display: block;
    background: #f2f2f2;
    font-size: 16px;
    font-weight: 600;
    color: #c0392b;
    padding: 8px
}

.parameterfull li span {
    display: table-cell;
    *float: left;
    width: 35%;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 13px;
    color: #666;
    font-weight: 600
}

.parameterfull li span div.ph {
    padding: 0
}

.parameterfull li div {
    display: table-cell;
    *float: left;
    width: auto;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 13px;
    color: #666
}

.parameterfull li div a {
    color: #288ad6
}

.parameterfull li.line div label {
    display: block;
    font-size: 13px;
    color: #666;
    font-weight: normal;
    background: none;
    padding: unset
}

.parameterfull li div label {
    display: contents;
    font-size: 13px;
    color: #666;
    font-weight: normal;
    background: none;
    padding: unset
}

.parameterfull li.line div label::before {
    content: "•";
    color: #b7b7b7;
    vertical-align: middle;
    margin-right: 2px
}

.parameterfull li.line div a {
    display: block
}

.parameterfull li.line div a::before {
    content: "•";
    color: #b7b7b7;
    vertical-align: middle;
    margin-right: 2px
}

.parameterfull li div a:hover {
    color: #e67e22
}

.specWear {
    padding: 0 !important;
    margin-top: 15px;
    width: 100% !important
}

.fixbody {
    overflow: hidden;
    left: 0;
    right: 0
}

.fixparameter {
    display: block;
    overflow: hidden;
    background: rgba(0,0,0,.75);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99;
    text-indent: 999999em
}

.icondetail-closepara {
    background-image: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/icondetail@1x.png);
    background-position: -160px -60px;
    width: 75px;
    height: 75px;
    cursor: pointer;
    display: block
}

.parameterfull li span a {
    color: #288ad6
}

.parameterfull li span a div {
    color: #288ad6
}

/* http://www.thegioididong.com/commentnew/content/css/comment-desktop.min.css */
[class^="iconcom-"],[class*="iconcom-"] {
    background-image: url(//s.tgdd.vn/comment/Content/images/commentmobile@2x.png);
    background-size: 270px 128px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}

.wrap_comment [class^="i1-"],.wrap_comment [class*="i1-"] {
    display: inline !important;
    width: auto !important
}

.wrap_comment [class^="i2-"],.wrap_comment [class*="i2-"] {
    display: inline !important;
    width: auto !important
}

.wrap_comment {
    display: block;
    overflow: hidden;
    position: relative;
    width: 96%;
    max-width: 800px;
    padding: 10px 2%
}

.wrap_comment .edtCmt {
    border-radius: 4px;
    border: 1px solid #dadada
}

.wrap_comment .edtCmt textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #dadada;
    border-radius: 4px 4px 0 0;
    padding: 10px;
    box-sizing: border-box;
    line-height: 20px
}

.wrap_comment .totalcomment {
    float: left;
    padding: 12px 0 10px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    font-weight: bold;
    text-transform: capitalize
}

.wrap_comment .s_comment {
    float: right;
    padding: 10px 0;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    position: relative
}

.wrap_comment .s_comment b {
    float: right;
    margin: 8px 0 8px 8px;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.wrap_comment .s_comment input {
    float: left;
    position: relative;
    padding: 10px 8px 10px 35px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #999;
    width: 240px;
    height: auto
}

.wrap_comment .s_comment i {
    position: absolute;
    top: 20px;
    left: 10px;
    width: 20px;
    height: 20px
}

.wrap_comment .fts_comment {
    display: block;
    float: left;
    padding: 15px 0 0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    width: 100%
}

.wrap_comment .fts_comment .c_lbl {
    margin-right: 15px
}

.wrap_comment .fts_comment .c_ods {
    display: inline-block;
    cursor: pointer;
    margin-right: 10px
}

.wrap_comment .fts_comment span i {
    padding-bottom: 5px;
    margin-right: 3px
}

.wrap_comment .arrowup b {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.wrap_comment .iconcom-search {
    background-position: 0 0;
    width: 16px;
    height: 16px;
    vertical-align: baseline
}

.wrap_comment .iconcom-radcheck {
    background-position: -20px 0;
    width: 16px;
    height: 16px
}

.wrap_comment .iconcom-avactv {
    background-position: -1px -79px;
    width: 23px;
    height: 23px
}

.wrap_comment .iconcom-raduncheck {
    background-position: -40px 0;
    width: 16px;
    height: 16px
}

.wrap_comment .iconcom-zalo {
    background-position: 0 -47px;
    width: 23px;
    height: 23px
}

.wrap_comment .iconcom-success {
    background-position: -25px -45px;
    width: 27px;
    height: 27px;
    display: block;
    margin: 10px auto
}

.wrap_comment .wrap_seasort {
    display: none;
    overflow: visible;
    position: absolute;
    top: 50px;
    left: 6px;
    right: 6px;
    z-index: 10;
    background: #f1f1f1;
    border-radius: 2px;
    padding: 10px
}

.wrap_comment .wrap_seasort:before {
    content: ' ';
    position: absolute;
    bottom: 100%;
    right: 7%;
    width: 0;
    height: 0;
    border-bottom: 10px solid #f1f1f1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.wrap_comment .wrap_seasort form {
    display: block;
    overflow: hidden;
    margin: 10px 0
}

.wrap_comment .wrap_seasort input {
    float: left;
    padding: 10px;
    width: 70%;
    border: 1px solid #dadada;
    height: 20px;
    border-radius: 4px;
    font-size: 14px;
    color: #9b9b9b
}

.wrap_comment .wrap_seasort button {
    float: right;
    padding: 10px 0;
    width: 20%;
    text-align: center;
    height: 42px;
    border: 1px solid #337fd8;
    border-radius: 4px;
    background: #4a90e2;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.wrap_comment .wrap_seasort span {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333
}

.wrap_comment .wrap_seasort div {
    display: block;
    overflow: hidden
}

.wrap_comment .wrap_seasort div a {
    display: inline-block;
    padding: 5px 0;
    margin-right: 10px;
    font-size: 14px;
    color: #333
}

.wrap_comment .iconcom-opt {
    background-position: -40px 0;
    width: 16px;
    height: 16px;
    vertical-align: sub
}

.wrap_comment .wrap_seasort div a.choosed .iconcom-opt {
    background-position: -20px 0
}

.wrap_comment .txtEditor,.wrap_comment .textarea {
    display: block;
    overflow: hidden;
    width: 96.5%;
    background: #fff;
    min-height: 100px !important;
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 10px 1.5%;
    font-size: 14px;
    color: #333;
    outline: none
}

.wrap_comment .boxemotion {
    overflow: visible;
    position: relative
}

.wrap_comment .motionsend {
    display: block;
    overflow: hidden;
    padding: 5px
}

.wrap_comment .cmt_right {
    float: right
}

.wrap_comment .motionsend a {
    padding: 0 12px 0 5px;
    height: 20px;
    color: #4a90e2;
    font-size: 14px;
    border-right: 1px solid #dadada;
    display: inline-block;
    line-height: 20px
}

.wrap_comment .motionsend button,.wrap_comment .motionsend a.btnSend {
    padding: 5px 25px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #288ad6;
    border-radius: 4px;
    background: #288ad6;
    margin: 0
}

.wrap_comment .motionsend .qd {
    border: none;
    color: #4a90e2;
    padding-top: 6px;
    box-sizing: border-box;
    height: 30px;
    display: inline-block
}

.wrap_comment .motionsend .loading {
    color: #333;
    float: right;
    margin: 3px 10px 0 0
}

.wrap_comment .form_reply .motionsend .loading {
    margin: 5px
}

.wrap_comment .iconcom-pict {
    background-position: -80px -25px;
    width: 18px;
    height: 16px;
    margin: 5px
}

.wrap_comment .iconcom-emot {
    background-position: -100px -25px;
    width: 16px;
    height: 16px;
    display: block;
    margin: 7px auto
}

.wrap_comment .chooseemot,.choosepic {
    background: #4a90e2
}

.wrap_comment .choosepic .iconcom-pict {
    background-position: -135px -55px
}

.wrap_comment .chooseemot .iconcom-emot {
    background-position: -155px -46px
}

.wrap_comment .wrap_emotion {
    overflow: hidden;
    border: 1px solid #dadada;
    border-radius: 4px;
    background: #fff;
    margin: 10px 0;
    position: relative;
    left: 0;
    right: 0;
    z-index: 0
}

.wrap_comment .form_reply .wrap_emotion {
    position: relative;
    top: 0
}

.wrap_comment .closeemotion {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 10px;
    font-size: 12px;
    color: #666
}

.wrap_comment .wrap_emotion ul {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    height: 40px
}

.wrap_comment .wrap_emotion li {
    float: left;
    overflow: hidden
}

.wrap_comment .wrap_emotion li:first-child {
    margin-left: 5px
}

.wrap_comment .wrap_emotion li a {
    display: block;
    padding: 0 10px;
    height: 40px
}

.wrap_comment .wrap_emotion li a.active {
    background: #efefef
}

.wrap_comment .iconcom-emotmbw {
    background-position: -120px -20px;
    width: 17px;
    height: 24px;
    margin: 8px 0
}

.wrap_comment .iconcom-emotyho {
    background-position: -140px -20px;
    width: 24px;
    height: 24px;
    margin: 8px 0
}

.wrap_comment .iconcom-emotthr {
    background-position: -165px -25px;
    width: 20px;
    height: 20px;
    margin: 10px 0
}

.wrap_comment .listemotion {
    background: #fff;
    padding: 10px
}

.wrap_comment #content_2,.wrap_comment #content_3 {
    display: none
}

.wrap_comment .boxviews {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #fbd600;
    border-radius: 4px;
    background: #fffde3;
    font-size: 14px;
    color: #666
}

.wrap_comment .boxviews a {
    color: #4a90e2
}

.wrap_comment .boxviews b {
    color: #333
}

.wrap_comment .iconcom-heart {
    background-position: -190px 0;
    width: 75px;
    height: 72px;
    position: absolute;
    top: 2px;
    right: 5px
}

.wrap_comment .boxfilter {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #fbd600;
    border-radius: 4px;
    background: #fffde3;
    font-size: 14px;
    color: #333
}

.wrap_comment .boxfilter a {
    color: #4a90e2
}

.wrap_comment .boxfilter b {
    color: #333
}

.wrap_comment .iconcom-combg {
    background-position: -50px -55px;
    width: 65px;
    height: 54px;
    position: absolute;
    top: 2px;
    right: 5px
}

.wrap_comment .boxreport {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 10px 0;
    padding: 10px;
    border: 2px solid #f79232;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    color: #333
}

.wrap_comment .boxreport a {
    color: #4a90e2
}

.wrap_comment .boxreport b {
    color: #333
}

.wrap_comment .statistical .notifyChat img {
    float: left;
    width: 45px;
    height: 45px;
    display: inline-block
}

.wrap_comment .statistical .notifyChat .ctNotify {
    margin-left: 10px;
    display: inline-block
}

.wrap_comment .statistical .notifyChat .ctNotify p {
    margin-bottom: 10px
}

.wrap_comment .notifyChat .seeCmt {
    margin-left: 10px;
    padding: 8px 12px !important
}

.wrap_comment .notifyChat .btnRqChat {
    padding: 5px 15px !important;
    height: 20px;
    font-size: 14px;
    color: #fff !important;
    border: 1px solid #d97f00;
    border-radius: 4px;
    background: #f89406;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f76b1c),to(#f89406));
    background: -webkit-linear-gradient(top,#f89406,#f76b1c);
    background: -moz-linear-gradient(top,#f89406,#f76b1c);
    background: -ms-linear-gradient(top,#f89406,#f76b1c);
    background: -o-linear-gradient(top,#f89406,#f76b1c);
    margin: 0;
    float: left
}

.wrap_comment .fixedChat {
    position: fixed;
    bottom: 0;
    right: 70px;
    z-index: 2
}

.wrap_comment .boxnotifi {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 10px 0;
    padding: 10px 10px 10px 35px;
    border: 2px solid #4a90e2;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    color: #333
}

.wrap_comment .iconcom-send {
    background-position: 0 -25px;
    width: 31px;
    height: 13px;
    float: left;
    margin: 4px 10px 15px -28px
}

.wrap_comment .listcomment {
    display: block;
    overflow: visible;
    background: #fff;
    margin: 20px 0;
    border-top: 1px solid #dadada;
    padding-top: 20px
}

.wrap_comment .listcomment li {
    display: block;
    overflow: visible;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px
}

.wrap_comment .listcomment li.special {
    background: #fffbea;
    border-top: 1px dashed #edd468;
    border-bottom: 1px dashed #edd468;
    padding: 10px 10px 5px;
    margin: 0 -10px 10px
}

.wrap_comment .listcomment li .inputreply {
    display: block;
    overflow: hidden;
    margin: 10px 0 0 0
}

.wrap_comment .listcomment .imgCmt {
    cursor: pointer
}

.wrap_comment .rowuser {
    float: left;
    overflow: visible
}

.wrap_comment .rowuser a {
    float: left;
    overflow: visible;
    font-size: 16px;
    color: #333;
    position: relative;
    cursor: default
}

.wrap_comment .rowuser a strong {
    float: left;
    overflow: hidden;
    line-height: 22px;
    margin-top: 2px;
    text-transform: capitalize
}

.wrap_comment .rowuser a img {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.wrap_comment .rowuser a div {
    float: left;
    width: 25px;
    height: 25px;
    background: #ddd;
    margin-right: 7px;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    font-weight: 600;
    text-shadow: 1px 1px 0 rgba(255,255,255,.2)
}

.wrap_comment .rowuser a div.c {
    background: none
}

.wrap_comment .rowuser label {
    float: left;
    font-size: 14px;
    color: #888;
    line-height: 20px;
    padding-top: 2px
}

.wrap_comment .iconcom-adm {
    background-position: -120px -55px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 15px;
    left: 15px
}

.wrap_comment .iconcom-checkbuy {
    background-position: -60px 0;
    width: 12px;
    height: 12px;
    margin: -2px 0 0 10px
}

.wrap_comment .contentconfirm {
    display: none;
    overflow: visible;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    top: 18px;
    left: 8px;
    right: 8px;
    z-index: 10;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    margin: 10px 0 15px;
    background: #fff
}

.wrap_comment .contentconfirm p {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    line-height: 21px;
    margin-bottom: 15px
}

.wrap_comment .contentconfirm strong {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 16px;
    color: #4a4a4a
}

.wrap_comment .contentconfirm a {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #4a90e2
}

.wrap_comment .iconcom-email {
    background-position: -75px 0;
    width: 21px;
    height: 14px
}

.wrap_comment .iconcom-mcheck {
    background-position: -100px 0;
    width: 24px;
    height: 16px
}

.wrap_comment .contentconfirm:after,.wrap_comment .contentconfirm:before {
    bottom: 100%;
    left: 19%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.wrap_comment .contentconfirm:after {
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.wrap_comment .contentconfirm:before {
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px
}

.wrap_comment .question {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    clear: both;
    float: none;
    width: auto
}

.wrap_comment .question a {
    color: #4a90e2
}

.wrap_comment .question .msgImg {
    display: none
}

.wrap_comment .imguserpost {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 10px 0 0
}

.wrap_comment .question img {
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
    background: none;
    max-height: 500px
}

.wrap_comment .iconcom-zoom {
    background-position: 0 -55px;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    bottom: 0
}

.wrap_comment .actionuser {
    display: block;
    height: 34px;
    position: relative;
    margin: -5px 10px 0 0;
    font-size: 14px;
    color: #333;
    line-height: 24px
}

.wrap_comment .actionuser .respondent {
    float: left;
    padding: 5px 10px 0 0;
    font-size: 13px;
    color: #288ad9
}

.wrap_comment .actionuser .favor {
    float: left;
    padding: 5px 10px 0 0;
    font-size: 13px;
    color: #288ad9
}

.wrap_comment .actionuser .favor:before {
    float: left;
    content: '-';
    color: #999;
    font-size: 14px;
    margin-right: 5px
}

.wrap_comment .actionuser .favor span {
    font-size: 14px;
    color: #95a5a6
}

.wrap_comment .actionuser .time {
    float: left;
    padding: 5px 0;
    font-size: 13px;
    color: #999;
    position: relative
}

.listreply:after,.listreply:before {
    top: -20px;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.listreply:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #dfdfdf;
    border-width: 10px;
    margin-left: -10px
}

.listreply:before {
    border-color: rgba(238,238,238,0);
    border-bottom-color: #f8f8f8;
    border-width: 11px;
    margin-left: -11px;
    z-index: 1
}

.wrap_comment .actionuser .time:before {
    float: left;
    content: '-';
    color: #999;
    font-size: 14px;
    margin-right: 5px
}

.wrap_comment .actionuser .time b {
    float: right;
    position: absolute;
    top: 16px;
    right: -10px
}

.wrap_comment .actionuser .time b:after,.wrap_comment .actionuser .time b:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.wrap_comment .actionuser .time b:after {
    border-top-color: #fff;
    border-width: 3px;
    margin-left: -3px
}

.wrap_comment .actionuser .time b:before {
    border-top-color: #999;
    border-width: 5px;
    margin-left: -5px
}

.wrap_comment .iconcom-like {
    background-position: -130px 0;
    width: 9px;
    height: 12px;
    vertical-align: inherit;
    margin: 0 5px 0 3px
}

.wrap_comment .iconcom-unlike {
    background-position: -112px -115px;
    width: 9px;
    height: 12px;
    vertical-align: inherit;
    margin: 0 5px 0 3px
}

.wrap_comment .iconcom-likeAct {
    background-position: -183px -83px;
    width: 9px;
    height: 12px;
    vertical-align: inherit;
    margin: 0 5px 0 3px
}

.wrap_comment .iconcom-unlikeAct {
    background-position: -97px -115px;
    width: 9px;
    height: 12px;
    vertical-align: inherit;
    margin: 0 5px 0 3px
}

.wrap_comment .iconcom-edit {
    background-position: -145px 0;
    width: 12px;
    height: 12px;
    vertical-align: inherit;
    margin: 0 3px
}

.wrap_comment .wrapexport {
    display: none;
    overflow: visible;
    position: absolute;
    left: 9%;
    top: 40px;
    z-index: 91;
    width: 190px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px;
    margin: auto
}

.wrap_comment .wrapexport:after,.wrap_comment .wrapexport:before {
    bottom: 100%;
    left: 65.5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.wrap_comment .wrapexport:after {
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.wrap_comment .wrapexport:before {
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px
}

.wrap_comment .wrapexport h4 {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #4a90e2;
    line-height: 1.3em;
    padding: 0 0 10px 3px
}

.wrap_comment .wrapexport h4.wrong {
    color: #4a90e2;
    padding: 0
}

.wrap_comment .wrapexport div {
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    margin-bottom: 5px
}

.wrap_comment .wrapexport div span {
    display: inline-block;
    vertical-align: middle
}

.wrap_comment .wrapexport div p {
    display: inline-block;
    color: #4a90e2
}

.wrap_comment .wrapsatis {
    display: none;
    overflow: visible;
    position: absolute;
    left: 9%;
    top: 40px;
    z-index: 91;
    width: 485px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
    margin: auto
}

.wrap_comment .wrapsatis:after,.wrap_comment .wrapsatis:before {
    bottom: 100%;
    left: 40.5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.wrap_comment .wrapsatis:after {
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -100px
}

.wrap_comment .wrapsatis:before {
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -101px
}

.wrap_comment .wrapsatis span {
    margin-bottom: 7px;
    display: block;
    width: 95%
}

.wrap_comment .wrapsatis input {
    padding: 10px 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #333;
    width: 191px;
    margin-right: 10px
}

.wrap_comment .wrapsatis .ustCt {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #333;
    width: 460px;
    height: 80px;
    margin: 0 0 10px;
    padding: 5px
}

.wrap_comment .wrapsatis a {
    padding: 10px 15px !important;
    background-color: #288ad6;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.wrap_comment .wrapsatis .wrsct {
    position: relative
}

.wrap_comment .wrapsatis .wrsct i {
    width: 11px;
    height: 11px;
    background-position: -201px -83px;
    top: 0;
    right: 0;
    position: absolute;
    cursor: pointer
}

.wrap_comment .actionuser .mwrs {
    color: #d97f00;
    font-weight: bold;
    float: right;
    padding: 5px 5px 0 0
}

.wrap_comment .iconcom-mbile {
    background-position: -175px 0;
    width: 9px;
    height: 18px;
    margin: 0 3px
}

.wrap_comment .listreply {
    display: block;
    position: relative;
    margin: 5px 0 0 0;
    padding: 10px 15px 0 12px;
    clear: both;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    background: #f8f8f8;
    border: 1px solid #dfdfdf
}

.wrap_comment .reply {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    margin-bottom: 7px;
    border-bottom: 1px solid #dfdfdf
}

.wrap_comment .reply:last-child {
    border: none;
    margin: 0
}

.wrap_comment .reply .rowuser {
    margin-bottom: 2px
}

.wrap_comment .reply .adm {
    background: #f1c40f;
    border-radius: 2px;
    padding: 0 5px;
    margin: 4px 0 4px 10px;
    line-height: normal;
    border: 1px solid #f1c40f;
    font-size: 12px;
    color: #333
}

.wrap_comment .reply .cont {
    display: block;
    overflow: hidden;
    margin: 0;
    clear: both
}

.wrap_comment .reply .cont a {
    color: #4a90e2
}

.wrap_comment .reply .actionuser a {
    padding: 5px 5px 0 0
}

.wrap_comment .reply .actionuser {
    margin: 0
}

.wrap_comment .reply .actionuser .time b:after {
    border-top-color: #f1f1f1
}

.wrap_comment .reply .cont_n {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px
}

.wrap_comment .inputreply {
    display: none;
    overflow: hidden;
    margin: 0
}

.wrap_comment .inputreply .txtEditor {
    margin: 0 0 10px 0;
    min-height: auto;
    height: 20px
}

.wrap_comment .fullcomment {
    display: block;
    overflow: hidden;
    padding: 8px 5px;
    margin: -3px 0 0 -5px;
    background: transparent;
    font-size: 14px;
    color: #4a90e2
}

.wrap_comment .iconcom-comblue {
    background-position: -160px 0;
    width: 10px;
    height: 10px
}

.wrap_comment .extant {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 5px 0;
    width: 100px;
    margin: 10px auto;
    font-size: 14px;
    color: #4a90e2;
    text-align: center;
    border: 1px solid #4a90e2;
    border-radius: 4px;
    background: #fffbea
}

.wrap_comment .extant b {
    width: 0;
    height: 0;
    border-top: 5px solid #4a90e2;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    float: right;
    margin: 6px 10px 0 0
}

.wrap_comment .ajaxcomment {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    background: rgba(0,0,0,.5);
    z-index: 9
}

.wrap_comment .fixcom {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0
}

.wrap_comment .wrap_popup {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 520px;
    margin: auto;
    background: #fff;
    margin-top: 5%;
    border-radius: 5px
}

.wrap_comment .titlebar {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 17px;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
    font-weight: bold
}

.wrap_comment .closedpopup {
    float: right;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 5px
}

.wrap_comment .iconcom-closedpopup {
    background-position: -60px -25px;
    width: 16px;
    height: 16px;
    display: block;
    margin: 7px auto 0
}

.wrap_comment .wrap_popup .listcomment {
    margin: 10px;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden
}

.wrap_comment .areainput {
    display: none;
    overflow: visible;
    padding: 10px 2%;
    background: #f2f2f2;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 96%;
    max-width: 586px
}

.wrap_comment .areainput .wrap_emotion {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    width: 96%;
    max-width: 600px;
    margin: auto
}

.wrap_comment .areainput .motionsend {
    display: block;
    margin: 10px 0 0
}

.wrap_comment .usermember {
    margin: 10px 0
}

.wrap_comment .usermember span {
    font-weight: bold;
    margin-right: 10px;
    text-transform: capitalize
}

.wrap_comment .usermember div {
    background: #ccc;
    margin-right: 7px;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    font-weight: 600;
    float: left;
    width: 25px;
    height: 25px;
    background: #ccc;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.wrap_comment .usermember a {
    display: inline-block;
    padding: 4px 0 0;
    border: 0;
    font-size: 14px;
    color: #4a90e2;
    margin: 0
}

.wrap_comment .cmt_right span {
    display: inline-block;
    float: left;
    padding: 4px 0 0;
    border: 0;
    font-size: 14px;
    margin: 0 5px
}

.wrap_comment .cmt_right a {
    display: inline-block;
    padding: 4px 0 0;
    border: 0;
    font-size: 14px;
    color: #4a90e2;
    margin: 0
}

.wrap_comment .areainput .txtEditor {
    min-height: auto;
    height: 20px
}

.wrap_comment .attachimg {
    display: block;
    overflow: hidden;
    margin: 5px 0
}

.wrap_comment .attachimg img {
    display: inline-block;
    width: 45%;
    max-width: 150px;
    height: 135px;
    vertical-align: middle
}

.wrap_comment .attachimg div {
    display: inline-block;
    font-size: 14px;
    color: #999;
    vertical-align: middle;
    text-align: center;
    width: 45%
}

.wrap_comment .attachimg div a {
    display: block;
    overflow: hidden;
    text-align: center;
    padding: 5px 0;
    font-size: 14px;
    color: #d0021b
}

.wrap_comment .iconcom-back {
    background-position: -35px -25px;
    width: 15px;
    height: 15px;
    display: block;
    margin: 7px auto
}

.wrap_comment .iconcom-close {
    background-position: -58px -25px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 7px auto
}

.wrap_comment .back {
    float: right;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 5px
}

.wrap_comment .forminfo {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 10px
}

.wrap_comment .forminfo input {
    display: block;
    padding: 8px;
    width: 100%;
    margin: 10px 0;
    height: 35px;
    border: 1px solid #dadada;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box
}

.wrap_comment .forminfo a {
    color: #4a90e2;
    margin: 5px 0 12px;
    display: inline-block
}

.wrap_comment .forminfo .lbMsgPopCmt {
    display: block;
    color: #d0021b;
    margin: 5px 0
}

.wrap_comment .forminfo 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: #4a90e2;
    cursor: pointer
}

.wrap_comment .textsort {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
    color: #999
}

.wrap_comment .listedit {
    display: block;
    overflow: hidden;
    padding: 10px
}

.wrap_comment .listedit li {
    display: block;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #dadada;
    background: #fff
}

.wrap_comment .listedit li .imgedit {
    float: left;
    overflow: visible;
    position: relative;
    width: 30px;
    height: 30px
}

.wrap_comment .listedit li .imgedit img {
    float: left;
    width: 24px;
    height: 24px;
    margin-top: 2px
}

.wrap_comment .listedit li .usertime {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #666
}

.wrap_comment .listedit li .infopost {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333
}

.wrap_comment .listedit li a {
    color: #4a90e2
}

.wrap_comment .hide {
    display: none !important
}

.wrap_comment .qtv {
    background: #f1c40f;
    border-radius: 2px;
    padding: 0 5px;
    margin: 4px 0 4px 10px;
    line-height: normal;
    border: 1px solid #f1c40f;
    font-size: 11px;
    color: #333;
    font-weight: normal;
    display: inline-block;
    margin: 5px 0 0 10px
}

.wrap_comment .seeMore,.wrap_comment .content_s .seeMore {
    color: #4a90e2;
    cursor: pointer;
    white-space: nowrap
}

.wrap_comment .trCmtNew {
    background: #fffadd
}

.wrap_comment .trCmt {
    background: #fff;
    transition: background 3s linear;
    -webkit-transition: background 3s linear;
    -moz-transition: background 3s linear
}

.wrap_comment .trCmtChild {
    transition: background 3s linear;
    -webkit-transition: background 3s linear;
    -moz-transition: background 3s linear
}

.wrap_comment .textarea .ptr {
    margin: 0 auto;
    width: 80%;
    text-align: center
}

.wrap_comment .textarea .ptr img {
    max-height: 80%;
    max-width: 80%
}

.wrap_comment .textarea .ptr span {
    display: block;
    margin-top: 10px;
    color: #999
}

.wrap_comment .textarea .ptr span a {
    cursor: pointer;
    color: #f00
}

.wrap_comment .captchacmt {
    margin: 3px 5px 5px;
    float: left
}

.wrap_comment .captchacmt img {
    max-width: 55px;
    float: left
}

.wrap_comment .captchacmt img.imgcaptcha {
    width: auto;
    height: 25px;
    border: 1px solid #ddd;
    margin-right: 10px
}

.wrap_comment .captchacmt input {
    max-width: 90px;
    height: 27px;
    border: 1px solid #ddd;
    text-align: center
}

.wrap_comment .captchacmt i {
    color: #f00;
    margin-right: 5px;
    padding: 3px 10px;
    background: #000
}

.wrap_comment .captchacmt span {
    color: #f00;
    font-weight: bold;
    padding: 4px 6px 0
}

.wrap_comment .pagcomment {
    display: block;
    padding: 0;
    overflow: hidden;
    margin: 10px auto;
    clear: both
}

.wrap_comment .pagcomment a {
    float: left;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    cursor: pointer
}

.wrap_comment .pagcomment a:hover {
    background: #ddd
}

.wrap_comment .pagcomment span {
    float: left;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    clear: none !important;
    cursor: pointer
}

.wrap_comment .pagcomment span.active {
    float: left;
    padding: 4px 10px;
    background: #ccc;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    clear: none !important;
    cursor: pointer
}

.wrap_comment .iconcom-user {
    width: 25px;
    height: 25px;
    background-image: none;
    background-color: #ccc;
    margin-right: 7px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    font-style: normal
}

.wrap_comment .avaS {
    float: left;
    width: 25px;
    height: 25px
}

.wrap_comment .sortcomment {
    display: block;
    overflow: hidden;
    margin-right: 3px
}

.wrap_comment .sortcomment span {
    float: right;
    font-size: 13px;
    color: #999;
    padding: 6px 12px
}

.wrap_comment .sortcomment a {
    float: right;
    font-size: 13px;
    color: #4a90e2;
    padding: 6px 12px
}

.wrap_comment .sortcomment a:hover {
    color: #333
}

.wrap_comment .sortcomment a.activedsort {
    background: #ececec;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px
}

.wrap_comment .sortcomment .statistical {
    float: left;
    overflow: hidden;
    font-size: 12px;
    color: #565656;
    padding: 6px 18px;
    background: #fff4b7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 5px
}

.wrap_comment .sortcomment .statistical a {
    color: #4a90e2;
    padding: 0 5px
}

.wrap_comment .replyLate {
    display: block;
    overflow: visible;
    position: relative;
    margin: 0 0 10px 0;
    padding: 8px;
    clear: both;
    font-size: 13px;
    color: #333;
    line-height: 24px;
    border: dashed #ccc 1px
}

.wrap_comment .replyLate:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 14px;
    border-top: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
    transform: rotate(36deg) skew(-20deg);
    width: 10px;
    height: 10px;
    background-color: #fff
}

.wrap_comment .iconcom-arrownocomment {
    background-image: url(//s.tgdd.vn/comment/Content/images/bg_comment.png);
    background-position: 0 -100px;
    width: 70px;
    height: 140px;
    float: left;
    background-size: auto
}

.wrap_comment .iconcom-nocomment {
    background-image: url(//s.tgdd.vn/comment/Content/images/bg_comment.png);
    background-position: 0 0;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto 28px;
    background-size: auto
}

.wrap_comment .info_nocomment {
    display: block;
    overflow: hidden;
    width: 80%;
    margin: 20px auto 0;
    text-align: center
}

.iconcom-txtstar {
    background-position: -241px -70px;
    width: 12px;
    height: 12px
}

.iconcom-txtunstar {
    background-position: -258px -70px;
    width: 12px;
    height: 12px
}

.iconcom-star {
    background-position: -152px -67px;
    width: 22px;
    height: 22px
}

.iconcom-unstar {
    background-position: -122px -67px;
    width: 22px;
    height: 22px
}

.iconcom-likeR {
    background-position: -180px -70px;
    width: 12px;
    height: 12px
}

.iconcom-uncheck {
    width: 17px;
    height: 16px;
    background-position: 0 -112px
}

.iconcom-check {
    background-position: -20px -112px;
    width: 17px;
    height: 16px
}

.iconcom-prev {
    background-position: -44px -92px;
    width: 12px;
    height: 18px
}

.iconcom-next {
    background-position: -59px -92px;
    width: 12px;
    height: 18px
}

.wrap_comment .midcmt {
    overflow: hidden
}

.wrap_comment .midcmt .tech {
    font-weight: normal;
    cursor: pointer;
    font-size: 14px
}

.wrap_comment .midcmt .iconcom-uncheck,.wrap_comment .midcmt .iconcom-check {
    margin: 0 5px 5px 15px
}

.wrap_comment .forminfo .cgd {
    margin: 0 0 10px
}

.wrap_comment .forminfo .ed {
    margin-top: 10px
}

.wrap_comment .forminfo .cgd span {
    margin-right: 10px;
    cursor: pointer
}

.wrap_comment .seeAllCmt {
    width: 100%;
    display: inline-block;
    padding: 5px;
    text-align: center;
    color: #4a90e2;
    border: solid 1px #dadada;
    border-radius: 4px;
    margin: 0 0 5px;
    box-sizing: border-box
}

.wrap_comment .resCmtImg {
    display: inline-block;
    position: relative;
    margin: 20px 0 0
}

.wrap_comment .resCmtImg li {
    float: left;
    margin-right: 20px;
    position: relative
}

.wrap_comment .resCmtImg img {
    max-width: 150px
}

.wrap_comment .resCmtImg i {
    border: solid 1px #4d4d4d;
    background: #4d4d4d;
    height: 25px;
    width: 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 2px;
    padding-left: 1px;
    cursor: pointer;
    font-style: normal;
    box-sizing: border-box;
    right: -10px;
    top: -10px
}

.wrap_comment .lbMsgCmt {
    display: block;
    margin: 10px 0;
    color: #d0021b
}

.wrap_comment .borderWn {
    border-color: #d0021b !important
}

.wrap_comment .listcomment .imgCmt img {
    max-height: 150px;
    float: left
}

.wrap_comment .wrap_popup_success {
    display: block;
    overflow: hidden;
    position: relative;
    width: 210px;
    max-width: 640px;
    margin: 10% auto 0;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 5px
}

/* 10:00:35 06/04/2021 */
.boxRatingCmt {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px
}

.boxRatingCmt .toprt {
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px 15px;
    margin-bottom: 20px
}

.boxRatingCmt .hrt {
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 15px
}

.boxRatingCmt .crt {
    height: 120px;
    box-sizing: border-box
}

.boxRatingCmt .crt .lcrt {
    width: 17%;
    float: left;
    border-right: solid 1px #eee;
    padding-top: 31px;
    height: 90%;
    text-align: center;
    box-sizing: border-box;
    margin: 5px 10px 5px 5px
}

.boxRatingCmt .crt .lcrt b {
    font-size: 40px;
    color: #fd9727;
    line-height: 40px
}

.boxRatingCmt .crt .lcrt b i {
    vertical-align: initial;
    width: 32px;
    height: 32px;
    background: url('data:image/png;base64,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');
    background-size: 32px 32px
}

.boxRatingCmt .crt .lcrt span {
    display: block;
    color: #999;
    font-size: 13px;
    margin-top: 8px
}

.boxRatingCmt .crt .rcrt {
    font-size: 13px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 0;
    width: 45%;
    float: left;
    border-right: solid 1px #eee
}

.boxRatingCmt .crt .rcrt span.t {
    display: inline-block;
    color: #333
}

.boxRatingCmt .crt .rcrt span.t i {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAj1JREFUSA21ljuLE1EUxzOTDRMYtpg0phdsAoIirlss4naCIllIgmDARbPNEj+AVTo7EWJjsIiEsHl0sh9g++CrSLWWrpAUu4UPlGwSf0dmwp0XM8h44HDPPed//ufcx+RGS8WUer1uTCaToyWSz+dvNZvN33FS9TggwUyn0yLcNzA3KbQTNy92gcViUVNIVVtx+03N7/J7KpXKRQocE3HwS+xLw+Hwsx/t9sRaAeSPFXJhkEKPxIiSyAKNRmMNkodeIk3Tdu2YN+SaRxYYj8d3yci7sphw4BfsmDfkmjt7mqpWq+ZsNsvRmUVybj6fWyBz6B563ZVlT8COwL5ieqqqZVlnrVbrp8C0crn8hvE+wIw4EhT5Tg7WIL6JkTS59Gmg23o6nS5inIgnSWH7vuq6XtR7vd4HiDdQGZOSj5lMZqPf77//e4v4YE6y2ewW7G8TqHAIx1a32/0iXKtr2ul0fhQKBdmu5xL4F2FbXsBxj4a/O/mra+o4ZORm7XP4L1VflM1+P2FLml7cagVqgE7eqfOY9igIF1jAvrpB+FBfWM5/L+A7g1KplKbNM3Q9tN3gwDfcFgc8V8O+FXBYVwEEkS85m9eixOU98Mo6H+0Vr9NXIGQvj0neHgwGNVGxIZIHyCW8G/Kz45KoAud0/Mw0zct88UdOptjikxi+c8fP6Csgj4lLSMqyihTjCK1xtz+5APak3W7/wnzKc9qnc9m2a+SZXmzQCqqAbgPeDCNXSWyM/Nu4YxjGAzUm9h+0KskbKVc12wAAAABJRU5ErkJggg==');
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    display: inline-block
}

.boxRatingCmt .crt .rcrt span.c {
    display: inline-block;
    color: #288ad6;
    cursor: pointer
}

.boxRatingCmt .crt .rcrt span.c:hover {
    color: #0c72c1
}

.boxRatingCmt .crt .rcrt span.n {
    color: #333;
    text-decoration: unset !important;
    cursor: unset !important
}

.boxRatingCmt .crt .bcrt a.close-btt {
    background: #fff;
    color: #288ad6;
    border: 1px solid #ddd
}

.boxRatingCmt .crt .rcrt .bgb {
    width: 55%;
    background-color: #e9e9e9;
    height: 5px;
    display: inline-block;
    margin: 0 10px;
    border-radius: 5px
}

.boxRatingCmt .crt .rcrt .bgb .bgb-in {
    background-color: #f25800;
    background-image: linear-gradient(90deg,#ff7d26 0%,#f25800 97%);
    height: 5px;
    border-radius: 5px 0 0 5px;
    max-width: 100%
}

.boxRatingCmt .crt .rcrt .r {
    padding: 1px 20px
}

.boxRatingCmt .crt .bcrt {
    overflow: hidden
}

.boxRatingCmt .crt .bcrt a {
    display: block;
    width: 200px;
    margin: 41px auto 0;
    padding: 10px;
    color: #fff;
    background-color: #288ad6;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box
}

.boxRatingCmt .rtpLnk {
    display: inline-block;
    padding: 7px 20px;
    color: #288ad6;
    border: solid 1px #288ad6;
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box;
    margin: 0 0 20px
}

.boxRatingCmt .rtpLnk span {
    margin-left: 10px;
    font-size: 18px
}

.boxRatingCmt .tltRt {
    float: left;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-right: 15px
}

.boxRatingCmt .tltRt h3 {
    display: inline-block;
    line-height: 1.3em;
    font-size: 20px;
    color: #333
}

.boxRatingCmt .tltRt a {
    color: #288ad6;
    font-size: 13px
}

.boxRatingCmt .tltRt form {
    float: right;
    display: inline-block;
    padding: 0;
    position: relative
}

.boxRatingCmt .tltRt form input {
    padding: 10px 8px 10px 35px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #999;
    width: 240px;
    height: 36px;
    box-sizing: border-box;
    margin: 0
}

.boxRatingCmt .tltRt form i {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px
}

.boxRatingCmt .first {
    max-width: none
}

.boxRatingCmt .sRt {
    overflow: hidden;
    padding: 5px 0;
    width: auto;
    border-left: solid 1px #ddd;
    padding-left: 20px;
    vertical-align: middle;
    box-sizing: border-box;
    float: left
}

.boxRatingCmt .sRt a {
    padding: 6px 10px;
    border: 1px solid #288ad6;
    background: #288ad6;
    font-size: 13px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 34px;
    text-align: center;
    width: 190px
}

.boxRatingCmt .sRt span {
    cursor: pointer
}

.boxRatingCmt .sRt i {
    margin-right: 8px;
    display: inline-block;
    width: 11px;
    height: 11px;
    background-position: -201px -83px;
    text-indent: -999999px;
    margin-top: -3px
}

.boxRatingCmt form {
    display: block;
    overflow: hidden;
    padding: 10px 0
}

.boxRatingCmt form .ips {
    margin: 0 0 10px;
    height: 25px
}

.boxRatingCmt form .ips span:first-child {
    display: inline-block;
    margin-top: 2px;
    float: left;
    margin-right: 5px
}

.boxRatingCmt form .ips span.rsStar {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    background: #52b858;
    color: #fff;
    padding: 2px 8px;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 2px
}

.boxRatingCmt form .ips span.rsStar:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(82,184,88,0);
    border-right-color: #52b858;
    border-width: 6px;
    margin-top: -6px
}

.boxRatingCmt form .lStar {
    cursor: pointer;
    margin-left: 5px;
    display: block;
    float: left
}

.boxRatingCmt form .lStar i {
    display: inline-block
}

.boxRatingCmt form .ct {
    box-sizing: border-box;
    width: 50%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 5px
}

.boxRatingCmt form .if {
    box-sizing: border-box;
    width: 49%;
    float: right
}

.boxRatingCmt form .shr {
    margin: 25px 0 0;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box
}

.boxRatingCmt form .shr i {
    vertical-align: text-bottom;
    margin-right: 5px
}

.boxRatingCmt form textarea {
    font-size: 14px;
    color: #999;
    padding: 5px;
    margin: 5px 0;
    width: 100%;
    height: 78px;
    resize: none;
    border: none;
    box-sizing: border-box
}

.boxRatingCmt form textarea:focus {
    color: #333
}

.boxRatingCmt form input {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #999;
    padding: 5px;
    margin: 5px 0;
    height: 28px;
    width: 43%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    color: #333
}

.boxRatingCmt form a {
    background: #288ad6;
    border: 1px solid #288ad6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #fff;
    padding: 9px 0;
    margin: 5px 0;
    width: 46%;
    box-sizing: border-box;
    display: inline-block;
    text-align: center
}

.boxRatingCmt .pgrc {
    display: none;
    overflow: hidden;
    clear: both
}

.boxRatingCmt .pgrc .pagcomment {
    margin: 5px 0
}

.boxRatingCmt .pgrc a {
    float: left;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    cursor: pointer
}

.boxRatingCmt .pgrc a:hover {
    background: #ddd
}

.boxRatingCmt .pgrc span {
    float: left;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    clear: none !important;
    cursor: pointer
}

.boxRatingCmt .pgrc span.active {
    float: left;
    padding: 4px 10px;
    background: #ccc;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    clear: none !important;
    cursor: pointer
}

.boxRatingCmt .ratingLst li.reply {
    margin-left: 18px
}

.boxRatingCmt .ratingLst li.reply input {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #999;
    padding: 8px;
    width: 385px;
    margin-right: 8px
}

.boxRatingCmt .ratingLst li.reply input:focus {
    color: #333
}

.boxRatingCmt .ratingLst .rrSend {
    padding: 9px 10px;
    border: 1px solid #288ad6;
    background: #fff;
    font-size: 13px;
    color: #288ad6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    height: 36px;
    display: inline-block
}

.boxRatingCmt .ratingLst .ifrl {
    margin: 10px 0;
    color: #ccc
}

.boxRatingCmt .ratingLst .ifrl span {
    color: #333
}

.boxRatingCmt .ratingLst .ifrl a {
    color: #288ad6
}

.boxRatingCmt .rtQRp {
    font-size: 13px;
    margin-bottom: 15px
}

.boxRatingCmt .rtQRp .c {
    border-right: solid 1px #ddd;
    padding-right: 10px;
    margin-right: 10px
}

.boxRatingCmt .rtQRp .a {
    color: #288ad6;
    cursor: pointer
}

.iconcom-checkbuy {
    background-position: -220px -82px;
    width: 13px;
    height: 13px;
    margin: -4px 4px 0 7px
}

.iconcom-selfRt {
    background-position: -227px -112px;
    width: 17px;
    height: 16px;
    margin: -4px 4px 0 7px
}

.iconcom-like {
    background-position: -130px 0;
    width: 9px;
    height: 12px;
    margin: 0 5px
}

.iconcom-rtusr {
    background-position: -126px -112px;
    width: 15px;
    height: 24px;
    margin: 0 5px
}

.iconcom-rtadr {
    background-position: -141px -112px;
    width: 15px;
    height: 23px;
    margin: 0 5px;
    float: left
}

.iconcom-rttime {
    background-position: -159px -112px;
    width: 15px;
    height: 24px;
    margin: 0 5px
}

.iconcom-share {
    background-position: -200px -100px;
    width: 14px;
    height: 12px;
    vertical-align: unset
}

.iconcom-sup {
    background-position: -60px -49px;
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: 5px
}

.boxRatingCmt .ratingLst li {
    position: relative;
    margin: 5px 0 15px
}

.boxRatingCmt .ratingLst li .rh span {
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
    text-transform: capitalize
}

.boxRatingCmt .ratingLst li .rh label {
    cursor: pointer;
    color: #2ba832;
    font-size: 13px
}

.boxRatingCmt .ratingLst li .rh label.qtv {
    background: #f1c40f;
    color: #333;
    font-size: 11px;
    padding: 3px;
    margin-left: 10px
}

.boxRatingCmt .ratingLst li .rc {
    margin: 0 0 5px 0
}

.boxRatingCmt .ratingLst li .rc i {
    margin-top: -3px;
    font-style: normal;
    line-height: 1.5
}

.boxRatingCmt .ratingLst li .rc .rat img {
    max-height: 150px;
    cursor: pointer
}

.boxRatingCmt .ratingLst li .rc i u {
    display: none
}

.boxRatingCmt .ratingLst li .rc p span {
    margin-right: 10px
}

.boxRatingCmt .ratingLst li .rcf {
    display: none;
    overflow: visible;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    top: 18px;
    left: 8px;
    right: 8px;
    z-index: 10;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    margin: 10px 0 15px;
    background: #fff;
    width: 370px
}

.boxRatingCmt .ratingLst li .rcf label {
    font-size: 13px
}

.boxRatingCmt .ratingLst li .rcf p {
    line-height: 1.6;
    font-size: 13px
}

.boxRatingCmt .ratingLst li .rcf p>i {
    text-transform: capitalize;
    font-style: normal;
    font-weight: bold
}

.boxRatingCmt .ratingLst li .rcf p label {
    display: block;
    font-size: 13px
}

.boxRatingCmt .ratingLst li .rcf p label .name {
    text-transform: capitalize
}

.boxRatingCmt .ratingLst li .rcf:after,.boxRatingCmt .ratingLst li .rcf:before {
    bottom: 100%;
    left: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.boxRatingCmt .ratingLst li .rcf:after {
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.boxRatingCmt .ratingLst li .rcf:before {
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -11px
}

.boxRatingCmt .ratingLst li .rsp {
    display: block;
    position: relative;
    margin: 10px 0 10px 0;
    padding: 10px 15px 10px 12px;
    clear: both;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    background: #fffdf3;
    border: 1px solid #dfdfdf
}

.boxRatingCmt .ratingLst li .rsp:before,.boxRatingCmt .ratingLst li .rsp:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 15px;
    border-bottom: 10px solid #d9d9d9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.boxRatingCmt .ratingLst li .rsp:after {
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: 1px
}

.boxRatingCmt .ratingLst li .rshr {
    margin-bottom: 5px
}

.boxRatingCmt .ratingLst li .ra a {
    color: #288ad6
}

.boxRatingCmt .ratingLst li .ra {
    color: #999
}

.boxRatingCmt .ratingLst li .ra a.cmtd {
    color: #999
}

.boxRatingCmt .ratingLst li.child {
    margin-left: 18px;
    border-left: 4px solid #efefef;
    padding-left: 10px
}

.boxRatingCmt .ratingLst li.rtSelf {
    background-color: #f5faff;
    padding: 10px;
    box-sizing: border-box
}

.boxRatingCmt .ratingLst li.rtSelf .lblSelf {
    display: inline-block;
    float: right;
    color: #999;
    font-weight: normal;
    font-size: 12px
}

.iconcom-like,.iconcom-likeR {
    background-position: -130px 0;
    width: 9px;
    height: 16px;
    margin: 0 5px
}

.iconcom-txtstar {
    width: 13px;
    height: 12px;
    background-position: -241px -83px
}

.iconcom-txtunstar {
    width: 13px;
    height: 12px;
    background-position: -257px -83px
}

.iconcom-unstar {
    width: 22px;
    height: 20px;
    background-position: -121px -80px
}

.iconcom-star {
    width: 22px;
    height: 20px;
    background-position: -152px -80px
}

.iconcom-uncheck {
    background-size: 275px 128px;
    width: 17px;
    height: 16px;
    background-position: 0 -112px
}

.iconcom-check {
    background-position: -20px -112px;
    width: 17px;
    height: 16px
}

.iconcom-search {
    background-position: 0 0;
    width: 16px;
    height: 16px
}

.wrap_comment .s_comment input {
    height: 36px;
    box-sizing: border-box
}

.wrap_comment .s_comment input:focus {
    color: #333
}

.wrap_comment .s_comment {
    padding: 10px 0 0 0
}

.wrap_comment .totalcomment {
    padding: 20px 0 0 0
}

.boxRatingCmt .iconcom-pict {
    background-position: -80px -25px;
    width: 18px;
    height: 16px;
    margin-right: 5px;
    vertical-align: sub
}

.boxRatingCmt form .ct .extCt {
    padding: 5px;
    box-sizing: border-box;
    background: #f7f7f7;
    border-top: 1px solid #ddd
}

.boxRatingCmt form .ct .extCt label {
    margin: 7px;
    font-size: 13px;
    cursor: pointer
}

.boxRatingCmt form .ct .extCt .ckt {
    float: right;
    margin: 7px;
    font-size: 12px
}

.boxRatingCmt .resImg {
    display: inline-block;
    position: relative;
    margin: 20px 0 0
}

.boxRatingCmt .resImg li {
    float: left;
    margin-right: 20px;
    position: relative
}

.boxRatingCmt .resImg img {
    max-width: 150px
}

.boxRatingCmt .resImg i {
    border: solid 1px #4d4d4d;
    background: #4d4d4d;
    height: 25px;
    width: 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 2px;
    padding-left: 1px;
    cursor: pointer;
    font-style: normal;
    box-sizing: border-box;
    right: -10px;
    top: -10px
}

.boxRatingCmt .lbMsgRt {
    display: block;
    margin: 10px 0;
    color: #d0021b
}

.boxRatingCmt .rtHis {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    cursor: pointer
}

.boxRatingCmt .rtHis .rtHisDot {
    font-weight: 900;
    color: #288ad6
}

.boxRatingCmt .rtHis .rtHislbl {
    position: absolute;
    left: 0;
    top: 20px;
    border: solid 1px #ccc;
    color: #288ad6;
    padding: 5px 10px;
    text-align: center;
    border-radius: 3px;
    width: 160px;
    cursor: pointer;
    display: block;
    z-index: 20;
    background: #fff
}

.boxRatingCmt .rtHis:hover .rtHislbl {
    display: block
}

.borderWn {
    border-color: #d0021b !important
}

@media screen and (max-width: 1200px) {
    .boxRatingCmt .crt .rcrt .bgb {
        max-width:45%
    }
}

#hdFileFeedbackUpload {
    display: none
}

.iconcom-mail {
    background-position: -179px -112px;
    width: 19px;
    height: 24px;
    margin: 0 5px
}

.iconcom-img {
    background-position: -204px -112px;
    width: 19px;
    height: 20px;
    margin: 0 5px
}

.iconcom-close {
    background-position: -60px -25px;
    width: 18px;
    height: 18px;
    display: block
}

.lnkFbk {
    float: right;
    display: block;
    color: #288ad6;
    margin-top: 5px
}

.lnksimg {
    color: #288ad6;
    margin-top: 10px;
    display: inline-block
}

.lnksfb {
    float: right;
    padding: 6px 10px;
    border: 1px solid #ffc801;
    background: #ffc801;
    font-size: 13px;
    color: #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    margin-right: 7px;
    display: inline-block;
    width: 70px
}

.lnksfbI {
    margin-top: 25px
}

.wrap_fdback {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 115vh;
    background: rgba(0,0,0,.5);
    z-index: 9
}

.wrap_fdback .pop {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
    background: #fff;
    margin-top: 15%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wrap_fdback .pop .hdpop {
    padding: 10px 0 10px 10px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: solid 1px #ccc
}

.wrap_fdback .pop .hdpop .closehd {
    float: right;
    margin-right: 10px
}

.wrap_fdback .pop .ctpop {
    padding: 10px;
    line-height: 25px
}

.wrap_fdback .pop .ctpop i {
    font-weight: bold;
    text-decoration: underline;
    margin-top: 10px;
    display: block
}

.wrap_fdback .pop .ctpop span {
    display: block
}

.wrap_fdback .pop .ctpop textarea {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    padding: 5px;
    width: 95%;
    margin: 5px 0;
    height: 120px
}

.wrap_fdback .pop .ctpop input {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    padding: 5px;
    width: 45%;
    float: left;
    margin-right: 5px;
    margin: 5px 5px 5px 0
}

.wrap_fdback .pop .ctpop .sfback {
    margin: 7px 0;
    cursor: pointer
}

.wrap_fdback .pop .ctpop .sfback .resImg {
    display: inline-block;
    position: relative
}

.wrap_fdback .pop .ctpop .sfback .resImg img {
    width: 50px
}

.wrap_fdback .pop .ctpop .sfback .resImg i {
    position: absolute;
    font-style: normal;
    right: -8px;
    top: -8px;
    font-size: 12px
}

.wrap_fdback .pop .ctpop a {
    color: #288ad6
}

.hide {
    display: none !important
}

.boxRtAtc .likeshare {
    float: left
}

.boxRtAtc .likewied .messenger {
    color: #288ad6;
    padding: 1px 10px;
    border-radius: 2px;
    display: inline-block;
    font-size: 11px;
    border: 1px solid #eee;
    margin: 5px 0 0 15px;
    cursor: pointer;
    height: 20px;
    box-sizing: border-box
}

.boxRtAtc .likewied .act {
    color: #fff;
    background-color: #288ad6;
    border: 1px solid #288ad6
}

.iconcom-likeAtc {
    background-position: -178px -52px;
    width: 12px;
    height: 16px;
    margin: 0 5px
}

.iconcom-unlikeAtc {
    background-position: -196px -52px;
    width: 12px;
    height: 16px;
    margin: 0 5px
}

.bifRtCt {
    text-align: left;
    background: #eee;
    padding: 10px;
    position: relative;
    margin: 15px 0
}

.bifRtCt:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 27%;
    width: 0;
    height: 0;
    border-bottom: 10px solid #eee;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.bifRtCt textarea {
    display: block;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-top: 10px;
    width: 95%;
    padding: 10px 2%
}

.bifRtCt span {
    display: block;
    margin: 10px 0 0
}

.bifRtCt label {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    color: #666;
    margin: 10px 15px 0 0;
    cursor: pointer
}

.bifRtCt label i {
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 20px;
    position: relative;
    margin-right: 3px
}

.bifRtCt label.choosed i:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #fa8926;
    border: 1px solid #fa8926;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    border-radius: 20px
}

.bifRtCt input {
    display: inline-block;
    padding: 10px 0;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    height: 20px;
    text-indent: 10px;
    width: 49%;
    margin-top: 10px;
    clear: both;
    vertical-align: middle
}

.bifRtCt button {
    display: inline-block;
    overflow: hidden;
    padding: 2px 0;
    border: 1px solid #288ad6;
    border-radius: 4px;
    background: #288ad6;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 49%;
    margin-top: 10px;
    font-weight: 600;
    vertical-align: middle;
    cursor: pointer
}

.bifRtCt button span {
    text-transform: none;
    font-weight: normal;
    margin: 0
}

.bifRtCt label.alert {
    color: #f00;
    line-height: 28px;
    margin: 10px auto;
    display: block;
    text-align: center
}

.lastSlide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #000;
    background-color: #fff;
    display: inline-block;
    width: 80%;
    height: 80%;
    margin: auto;
    z-index: 99
}

.boxRatingGlr {
    position: relative;
    width: 100%;
    height: 100%
}

.boxRatingGlr .hd {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 600px;
    height: 200px;
    margin: auto
}

.boxRatingGlr .hd span {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 24px
}

.boxRatingGlr .hd b {
    font-style: normal;
    margin-top: 15px;
    color: #05a245;
    display: inline-block;
    font-size: 16px
}

.boxRatingGlr .hd .rate-btn {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 198px;
    display: inline-block;
    padding: 12px 0 8px 0;
    font-size: 20px;
    color: #288ad6;
    background: #fff;
    margin-left: 10px
}

.keyRtTlt {
    display: block;
    margin: 0 0 10px
}

.iconcom-likeGlr {
    background-position: -220px 0;
    width: 20px;
    height: 22px;
    margin: 0 5px
}

.iconcom-unlikeGlr {
    background-position: -191px -23px;
    width: 20px;
    height: 22px;
    margin: 0 5px
}

.wrap_rtglr {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 115vh;
    background: rgba(0,0,0,.5);
    z-index: 999999
}

.wrap_rtglr .pop {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    background: #fff;
    margin-top: 15%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wrap_rtglr .pop .hdpop {
    background-color: #ffc801;
    text-align: center;
    padding: 10px 0;
    font-weight: bold
}

.wrap_rtglr .pop .hdpop .closehd {
    float: right;
    margin-right: 10px
}

.wrap_rtglr .bifRtCt {
    background-color: #fff;
    margin: 0
}

.wrap_rtglr .bifRtCt:before {
    display: none
}

.wrap_His {
    z-index: 25 !important
}

.wrap_His .hdpop {
    border: unset !important;
    background: unset !important
}

.wrap_His .pop {
    height: auto;
    max-height: 600px;
    padding: 0 10px;
    box-sizing: border-box
}

.wrap_His .pop .ctW {
    text-align: left
}

.wrap_His .pop .ctW strong {
    font-size: 16px;
    margin-bottom: 10px
}

.wrap_His .ratingLst {
    text-align: initial;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px
}

.wrap_His .ratingLst::-webkit-scrollbar {
    width: 9px;
    background-color: #fff
}

.wrap_His .ratingLst li .rh span.t {
    color: #999;
    margin-left: 10px;
    font-weight: normal
}

.wrap_His .closeHis {
    display: block;
    width: 125px;
    text-align: center;
    color: #288ad6;
    border: solid 1px #288ad6;
    border-radius: 4px;
    margin: 10px auto 20px;
    padding: 10px 0
}

.rtSuccess {
    color: #05a245 !important
}

.notFound {
    margin: 10px 0 20px
}

.liveevent {
    position: relative;
    display: block;
    padding: 10px;
    padding-left: 35px;
    color: #f33;
    border-radius: 3px 3px 0 0;
    max-width: 50%;
    margin-left: 10px;
    margin-bottom: 15px
}

#dot {
    width: 10px;
    height: 10px;
    background-color: #f33;
    border-radius: 100%;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -5px;
    display: block
}

#dot .ping {
    border: 1px solid #f33;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: rgba(238,46,36,.2);
    border-radius: 100%;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-name: sonar;
    animation-name: sonar;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: block;
    margin: -1px 0 0 -1px
}

.liveevent .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    color: #f33;
    text-decoration: underline
}

.iconcom-4g {
    width: 13px;
    height: 32px;
    background-position: -249px -33px
}

@-webkit-keyframes travel {
    0% {
        -webkit-transform: translateX(-900px);
        transform: translateX(-900px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes travel {
    0% {
        -webkit-transform: translateX(-900px);
        transform: translateX(-900px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-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
    }
}

/* 09:56:28 06/04/2021 */
.cpNoel {
    background: url(/Content/desktop/images/V4/game/noel/teaser.png?v=5);
    text-align: center;
    margin: 0 10px 10px;
    height: 80px;
    position: relative;
    background-repeat: no-repeat
}

.cpNoelKm {
    background: url(/Content/desktop/images/V4/game/noel/teaser2.png?v=5) no-repeat;
    margin: 10px auto;
    max-width: 600px
}

.cpNoel .time {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 14px
}

.cpNoel .xct {
    color: #fcef02;
    position: absolute;
    bottom: 12px;
    right: 5px;
    text-decoration: underline
}

.cpNoel .xct2 {
    color: #288ad6;
    position: absolute;
    bottom: 2px;
    left: 93px;
    text-decoration: underline;
    font-size: 13px
}

.cpNoelKm .xct2 {
    color: #288ad6;
    position: absolute;
    top: 18px;
    right: 47px;
    bottom: unset;
    left: unset;
    text-decoration: underline;
    font-size: 13px
}

#loading-ncd {
    position: absolute;
    z-index: 999;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

#loading-ncd span {
    color: #fff;
    height: 40px;
    line-height: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center
}

.cpit {
    background: url(/Content/desktop/images/V4/game/noel/bnpk.png?v=5);
    background-repeat: no-repeat;
    background-size: contain
}

.cpit.cpNoelKm {
    background: url(/Content/desktop/images/V4/game/noel/bnpk.png?v=5)
}

.cpit a.xctF {
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    display: block
}

@media screen and (max-width: 640px) {
    .cpNoel,.cpNoelKm {
        background:url(/Content/desktop/images/V4/game/noel/teasermb.png?v=5);
        background-size: 100%;
        box-sizing: border-box;
        background-repeat: no-repeat;
        margin: 5px 0 10px;
        height: 140px
    }

    .cpNoel .xct2 {
        color: #288ad6;
        position: absolute;
        bottom: unset;
        left: unset;
        right: 5px;
        top: 18px;
        text-decoration: underline;
        font-size: 13px
    }

    .cpit,.cpit.cpNoelKm {
        background: url(/Content/desktop/images/V4/game/noel/tsxtmb.png?v=5);
        width: 100%;
        background-repeat: no-repeat;
        background-size: 100%
    }
}

@media screen and (max-width: 414px) {
    .cpNoel,.cpNoelKm {
        height:80px;
        font-size: 14px
    }

    .cpNoel .time {
        font-size: 14px
    }
}

@media screen and (max-width: 384px) {
    .cpNoel,.cpNoelKm {
        height:80px
    }

    .cpNoel .xct2 {
        font-size: 11px;
        bottom: 0
    }

    .cpit,.cpit.cpNoelKm {
    }
}

@media screen and (max-width: 375px) {
    .cpNoel,.cpNoelKm {
        height:75px
    }
}

@media screen and (max-width: 360px) {
    .cpNoel,.cpNoelKm {
        height:70px;
        font-size: 12.5px
    }

    .cpNoel .time {
        font-size: 12.5px
    }
}

@media screen and (max-width: 320px) {
    .cpNoel,.cpNoelKm {
        height:60px;
        font-size: 12px
    }

    .cpNoel .time {
        font-size: 12.5px
    }

    .cpNoel .xct2 {
        font-size: 10px
    }
}

/* 09:50:20 06/04/2021 */
h1 {
    float: left;
    overflow: hidden;
    font-size: 24px;
    color: #333;
    line-height: 40px
}

.ratingresult {
    float: left;
    font-size: 14px;
    color: #288ad6;
    padding: 10px 10px 0 11px
}

.ratingresult span {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle
}

.ratingresult a {
    color: #288ad6;
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
    margin-left: 8px
}

.icontgdd-star {
    background-position: -310px -30px;
    width: 12px;
    height: 12px
}

.icontgdd-hstar {
    background-position: -423px -30px;
    width: 12px;
    height: 12px
}

.ratingresult span.star .icontgdd-star {
    background-position: -295px -30px
}

.likeshare {
    float: right;
    font-size: 14px;
    margin: 10px 0 0 0
}

.likeshare span {
    float: right
}

.rowdetail {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 15px 0;
    margin-top: 5px;
    clear: both;
    position: relative
}

.picture {
    float: left;
    overflow: hidden;
    width: 42%;
    position: relative;
    margin-bottom: 20px
}

.picture img {
    display: block;
    height: auto;
    margin: auto;
    cursor: pointer;
    max-width: 100%
}

.picture .icon-position {
    position: relative
}

.picture img.icon-imgNew {
    position: absolute;
    right: 51px;
    bottom: 0;
    width: 100px;
    height: auto
}

.picture img.cate44 {
    right: 10px;
    bottom: 10px
}

.picture img.cate7077 {
    bottom: 10px
}

.picture>label:first-child {
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #f9f9f9;
    padding: 10px 20px;
    z-index: 2
}

.colorandpic {
    display: block;
    position: relative;
    padding: 0 24px;
    margin: 15px 0 0 0
}

.colorandpic ul {
    display: block;
    overflow: visible;
    margin: auto;
    text-align: center;
    max-height: 98px
}

.colorandpic li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    overflow: hidden;
    font-size: 11px;
    color: #333;
    padding-bottom: 5px;
    line-height: normal;
    width: 60px
}

.colorandpic li div {
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    padding: 6px;
    background: #fff;
    margin-bottom: 5px;
    cursor: pointer
}

.colorandpic li img {
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 4px;
    margin-top: 3px
}

.colorandpic li img.lapglrimg {
    height: auto;
    margin-top: 10px
}

.colorandpic li.choosed div {
    border-color: #f89008;
    border-width: 2px
}

.icontgdd-box {
    background-position: -215px -50px;
    width: 30px;
    height: 30px;
    display: block;
    margin: 8px auto
}

.icontgdd-camera {
    background-position: -250px -50px;
    width: 25px;
    height: 23px;
    display: block;
    margin: 12px auto
}

.icontgdd-360 {
    background-position: -280px -50px;
    width: 39px;
    height: 22px;
    display: block;
    margin: 14px auto
}

.icontgdd-video {
    background-position: -325px -50px;
    width: 30px;
    height: 24px;
    display: block;
    margin: 11px auto
}

.wrap_thumb {
    display: block;
    position: relative;
    overflow: hidden
}

.colorandpic .prev,.colorandpic .next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    background: #fff;
    cursor: pointer
}

.colorandpic .prev {
    left: 0;
    padding-top: 20px
}

.colorandpic .next {
    right: 0;
    padding-top: 20px
}

.ftAcc ul {
    max-height: 79px
}

.ftAcc li {
    margin: 5px 10px 0 0
}

.ftAcc li div {
    border: none;
    border-radius: 0;
    width: 60px;
    height: auto;
    padding: 0
}

.ftAcc li div.xtc {
    color: #288ad6;
    box-sizing: border-box;
    border: solid 1px #288ad6;
    width: auto;
    text-align: center;
    padding: 4px
}

.ftAcc li div.xtc span {
    vertical-align: -webkit-baseline-middle
}

.ftAcc li div img {
    width: auto;
    border-radius: 3px
}

.ftAccN li:nth-child(n+7) {
    display: none
}

.icontgdd-prevthumd {
    background-position: -180px -50px;
    width: 12px;
    height: 21px;
    margin-left: 5px
}

.icontgdd-nextthumd {
    background-position: -195px -50px;
    width: 12px;
    height: 21px;
    float: right
}

.price_sale {
    float: left;
    position: relative;
    width: 33%;
    margin: 0 1% 0 1%
}

.price_sale.notold {
    width: 40%;
    margin: 0 1% 0 5%
}

.price_sale.fashion {
    width: 38%;
    margin: 0;
    float: right
}

.price_sale p.text {
    padding: 0 10px
}

label.installment {
    background: #d0021b;
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px 0 8px;
    margin: 0 0 5px 5px;
    height: 18px
}

.area_price {
    display: block;
    overflow: hidden;
    line-height: 20px;
    padding: 0 10px 10px
}

.area_price h1 {
    float: none
}

.area_price strong {
    display: inline-block;
    overflow: hidden;
    font-size: 20px;
    color: #bf081f;
    vertical-align: middle;
    margin-right: 5px;
    position: relative
}

.area_price i {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    color: #bf081f;
    vertical-align: middle;
    font-style: normal;
    margin-right: 5px
}

.area_price label {
    display: inline-block;
    position: relative;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background: #fff;
    border-radius: 3px;
    padding: 0 5px 0 8px;
    margin: 0 0 5px 5px;
    height: 18px
}

.area_price label.installment {
    background: #f28902;
    margin: 0 0 0 5px
}

.area_price label.new {
    background: #3fb846
}

.area_price label.new:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 7px solid #3fb846;
    position: absolute;
    top: 0;
    left: -6px
}

.area_price label.new::after {
    content: "•";
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 16px;
    position: absolute;
    top: 1px;
    right: 85%
}

.area_price span {
    display: inline-block;
    font-size: 14px;
    color: #c1000c;
    vertical-align: middle
}

.area_price span.hisprice {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    text-decoration: line-through;
    margin-right: 5px
}

.area_promotion {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    margin: 5px 10px 12px;
    background: #fff;
    padding-bottom: 10px
}

.area_promotion>strong {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding: 10px 15px 8px 15px;
    text-transform: uppercase;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}

.area_promotion strong i {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #666;
    display: block;
    text-transform: none;
    padding-top: 1px
}

.area_promotion.once.group strong {
    display: none
}

.area_promotion.onlyonlinepromo {
    border: none;
    margin: 0;
    padding-bottom: 0
}

.area_promotion.onlyonlinepromo strong {
    display: none
}

.area_promotion.once.zero.onlyonlinepromo {
    margin-bottom: 10px
}

.area_promotion span .sao {
    color: #d0021b;
    display: none
}

.area_promotion.zero span .sao {
    display: inline;
    font-weight: bold
}

.area_promotion .infopr span {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 0 15px 5px 30px
}

.area_promotion .infopr span b:first-child {
    color: #d52320;
    font-weight: normal
}

.area_promotion .infopr span:before {
    content: '';
    margin-left: -20px;
    background: url(/Content/desktop/images/V4/game/check@2x.png);
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px
}

.area_promotion .infopr span label {
    color: #e10c00
}

.area_promotion .onlinepromo {
    border: #d0021b solid 1px;
    border-radius: 4px;
    padding: 20px 0 10px;
    position: relative;
    overflow: visible;
    margin: 20px 10px 0
}

.area_promotion .onlinepromo b {
    background: #ec1933;
    border-radius: 13px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: -13px;
    left: 10px;
    vertical-align: middle;
    line-height: 26px;
    clear: both;
    padding: 0 15px 0 30px
}

.area_promotion .onlinepromo b:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/icon-qua-tang@2x.png);
    width: 16px;
    height: 15px;
    background-size: 16px 15px;
    float: left;
    margin: 4px 5px 0 -15px
}

.not-repay {
    padding: 0 10px;
    color: #333;
    font-size: 13px
}

.not-repay i {
    font-style: normal;
    color: #bf081f
}

.area_promotion a {
    color: #288ad6
}

.area_promotion a:hover {
    text-decoration: underline
}

.area_promotion .pro-title {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding: 10px 0 0 0;
    border-top: solid 1px #eee;
    margin: 10px
}

.area_promotion.once .pro-title {
    margin: 0 10px 10px 10px;
    border-top: 0
}

.area_promotion .pro-title.border {
    border: none;
    margin-top: 0;
    padding-top: 0;
    font-size: 13px;
    padding-left: 5px
}

.area_promotion aside.box-AllImageSlide {
    display: block;
    overflow: hidden;
    margin-top: 10px
}

.area_promotion aside.box-AllImageSlide p {
    font-size: 12px;
    color: #666;
    padding-top: 10px;
    border-top: 1px dashed #c8c8c8;
    margin: 0 10px
}

.area_promotion aside.box-AllImageSlide .pro-img {
    display: block;
    overflow: hidden;
    width: calc(100% - 20px);
    white-space: nowrap;
    padding: 10px 10px 0
}

.area_promotion aside.box-AllImageSlide li {
    display: inline-block;
    margin-right: 10px;
    width: calc(25% - 12px);
    float: left;
    margin-bottom: 0 !important
}

.area_promotion aside.box-AllImageSlide .pro-img a {
    display: inline-block;
    margin: 0 10px 10px 0;
    width: calc(45%);
    float: left;
    cursor: pointer
}

.area_promotion aside.box-AllImageSlide .pro-img.isthree a {
    width: calc(30%)
}

.area_promotion aside.box-AllImageSlide .pro-img a img {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    float: left;
    margin-right: 5px
}

.area_promotion aside.box-AllImageSlide .pro-img a h3 {
    overflow: hidden;
    font-size: 11px;
    color: #288ad6;
    white-space: pre-line;
    text-overflow: ellipsis;
    line-height: 13px;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 40px
}

.area_promotion aside.box-AllImageSlide .pro-img.isthree a h3 {
    white-space: normal
}

.policy {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    padding-top: 10px
}

.policy li {
    display: block;
    overflow: hidden;
    padding: 7px 0 7px 28px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin: 0 10px;
    border-bottom: solid 1px #f0f0f0;
    position: relative
}

.policy li:first-child {
    padding-top: 0;
    min-height: 30px
}

.policy li a {
    color: #288ad6
}

.policy li a:hover {
    text-decoration: underline
}

.policy li b,.policy li strong {
    font-weight: normal
}

.policy li:last-child,.policy li.ctwoprice {
    border-bottom: none
}

.policy.nobefore li:last-child:before {
    display: none
}

.policy li.timeship {
    display: none
}

.policy li .icon-poltick {
    content: '';
    background: url(/Content/desktop/images/V4/game/1-doi-1@2x.png) 0 0 no-repeat;
    width: 16px;
    height: 18px;
    background-size: 16px 18px;
    position: absolute;
    display: block;
    top: 8px;
    left: 3px
}

.policy .inpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/trong-hop-co@2x.png) 0 0 no-repeat;
    width: 19px;
    height: 16px;
    background-size: 19px 16px;
    position: absolute;
    display: block;
    top: 4px;
    left: 0
}

.policy .wrpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/bao-hanh-chinh-hang@2x.png) 2px 0 no-repeat;
    width: 19px;
    height: 23px;
    background-size: 16px 23px;
    position: absolute;
    display: block;
    top: 4px;
    left: 0
}

.policy .shpr:before {
    content: '';
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    width: 22px;
    height: 17px;
    background-size: 22px auto;
    position: absolute;
    display: block;
    top: 8px;
    left: 0
}

.policy .shpr span strong {
    color: #e10c00;
    font-weight: bold
}

.policy .shpr span strong.f {
    color: #e10c00;
    font-weight: normal
}

.policy .chpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/1-doi-1@2x.png) 0 0 no-repeat;
    width: 18px;
    height: 20px;
    background-size: 18px 20px;
    position: absolute;
    display: block;
    top: 6px;
    left: 0
}

.policy .ghOLpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/giao-hang-online@2x.png) 0 0 no-repeat;
    width: 30px;
    height: 20px;
    background-size: 25px 15px;
    position: absolute;
    display: block;
    top: 8px;
    left: -2px
}

.policy .ghOLpr span strong {
    font-weight: bold
}

.policy .tnpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/trai-nghiem@2x.png) 0 0 no-repeat;
    width: 30px;
    height: 20px;
    background-size: 23px 17px;
    position: absolute;
    display: block;
    top: 8px;
    left: 0
}

.policy li.csw {
    padding: 5px
}

.policy li.csw p {
    border-bottom: solid 1px #f0f0f0;
    padding: 10px 0
}

.policy li.csw p:first-child {
    padding: 0 0 10px
}

.policy li.csw p:last-child {
    border-bottom: none;
    padding: 10px 0 0
}

.policy li.csw:before {
    background: unset;
    content: unset
}

.plcAcc {
    display: block;
    overflow: hidden;
    margin: 10px;
    border-top: 1px solid #eee
}

.plcAcc li {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0 22px;
    font-size: 14px;
    color: #333
}

.plcAcc li::before {
    content: "•";
    color: #b7b7b7;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 6px;
    margin-left: -12px
}

.plcAcc li a {
    color: #288ad6
}

.olol li.timeship {
    display: none
}

.area_order {
    display: block;
    overflow: hidden;
    margin: 10px;
    position: relative
}

.area_order .buy_now {
    display: block;
    overflow: hidden;
    padding: 7px 0;
    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)
}

.area_order .buy_now.near2020 {
    padding: 15px 0
}

.area_order span {
    display: block;
    font-size: 13px;
    color: #fff;
    text-transform: none;
    padding-top: 3px
}

.area_order .buy_ins {
    line-height: normal;
    display: block;
    padding: 9px 0;
    text-align: center;
    margin: 10px 0 0;
    background: #288ad6;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    text-transform: uppercase
}

.area_order .buy_repay {
    line-height: normal;
    display: block;
    padding: 7px 0;
    text-align: center;
    margin: 10px 0 0;
    background: #288ad6;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    text-transform: uppercase;
    width: 48.5%;
    float: left
}

.area_order .buy_repay.full {
    width: 100%
}

.area_order .buy_repay.s {
    float: right
}

.area_order .btnTet {
    width: 100%
}

.area_order .promoStore {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #faebd7;
    margin-bottom: 10px
}

.area_order .promoStore h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    font-weight: 600
}

.area_order .promoStore p {
    font-size: 14px;
    line-height: 22px
}

.area_order .promoStore strong {
    color: #e10c00;
    font-size: 16px
}

.area_order .promoStore .xemtl {
    color: #288ad6
}

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

.area_order .promoStore .box-Xemtl li {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0 22px;
    font-size: 14px;
    color: #333
}

.area_order .promoStore .box-Xemtl {
    display: none
}

.area_order .promoStore .box-Xemtl li::before {
    content: "•";
    color: #b7b7b7;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 6px;
    margin-left: -12px
}

.area_order .promoStore .buy_promo {
    margin: 8px 0;
    display: block;
    overflow: hidden;
    padding: 16px 0;
    border-radius: 4px;
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background-image: linear-gradient(-180deg,#e52025 2%,#d81116 96%)
}

.detailpay {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eee;
    margin: 10px
}

.detailpay a {
    color: #288ad6
}

.detailpay .pitm {
    color: #e10c00
}

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

.detailpay ul li {
    padding: 6px 0 0 0;
    list-style: none;
    display: block
}

.detailpay ul li:before {
    content: "•";
    color: #c3c3c3;
    padding-right: 6px;
    font-size: 15px
}

.callorder {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    margin-top: -10px
}

.callorder .ct {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 8px;
    text-align: center
}

.callorder span {
    display: inline-block;
    padding: 5px 0 0
}

.callorder a {
    color: #288ad6
}

.iconshop-local {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAADQ4S5JAAAABGdBTUEAALGPC/xhBQAAAhhJREFUKBV9UV1Ik2EUPufdpmmFmlAm2Shx7XVFiwiCCIx+yLopqDCoLosgioZbtxIE4ZSoKBDqJgic3kQ33gjSRdpFga3m943oZ91IREIu3ZZzp+d8sOoiOi8v73vOeZ7zy/SX2OTMUag9QmxJcAy9ZfE9duKh8SqM9RO99bGxVC6mROQQEReJKcskK0FsJxEG6EmA15xJx1sWzMkR8ZWWCk9F6AA8N5qbea0bt1En3tnhN4EgwCkhOrZEc6MIyBwecM5TRYaYzDUnEe6vptZXg42e4mWU+ggBzyLgabZJZ5JINmwN2k3qrBJ23HVbC0UZa/Kt2j1PVFcp52cRf8IgXRTtTVbBO4ck0DUh/mKhMgzy8FSsrZCJtc2hrwyLRA2MuKwvdd95V7v43Xn95aWbgpp3esM31a6CAdThGgWmiWVvZERqxi53lMTPFzGZLca/GjUzCiCK3H6/EYwQJpc2SPUADbVIzu1Tpxuzz9btslGvDOh9IqZS+nkPOTws6yTe5NxxRO3CFB6amtrrmSvtn5UcGcxuryxXktjhQd2Fk+g87i1u2/1cU/nHwnPktwpET19RTQCZGz2N+EV9Q8P+VxdaFz2CGu3AhyBJaQrLWa/6H+Es1dMe95L9pjZvOvpxejfnjPiOIHpedRU0PbsiQIerYLX9JqiSSYSm8ZxA2jLQ88aY7umr9pP6/iu2f+ZcZNDd9y/QL1dj15KTio7AAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    background-position: 0 0;
    width: 13px;
    height: 16px;
    margin-right: 5px;
    margin-top: -3px
}

.checkexist {
    background: #fff;
    position: relative
}

.checkexist .layerstore {
    position: absolute;
    display: none;
    width: 280px;
    left: -31px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 11;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.3)
}

.checkexist .layerstore:after,.checkexist .layerstore:before {
    top: -20px;
    left: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.checkexist .layerstore:before {
    border-color: rgba(238,238,238,0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
    z-index: 1
}

.checkexist .layerstore:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #dfdfdf;
    border-width: 10px;
    margin-left: -10px
}

.checkexist strong {
    display: block;
    font-size: 14px;
    color: #288ad6;
    padding: 5px 0 12px 0;
    font-weight: normal;
    cursor: pointer
}

.checkexist .listmarket strong {
    color: #333
}

.checkexist .scroll {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 160px
}

.checkexist aside {
    float: left;
    width: 50%
}

.listmarket li h3.offStoreCorona b {
    color: #d0021b
}

.listmarket li h3.offStoreCorona label {
    display: none
}

.listcity .scroll {
    max-height: 250px
}

.listdist .scroll {
    max-height: 200px
}

.scroll::-webkit-scrollbar-track {
    background-color: #fff
}

.scroll::-webkit-scrollbar {
    width: 3px;
    background-color: #fff
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #f0f0f0
}

.city {
    display: block;
    position: relative;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    padding: 0 0 0 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.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
}

.listcity {
    display: none;
    overflow: visible;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px
}

.listcity:before,.listcity:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 40px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.listcity:after {
    border-width: 9px;
    margin-left: 1px;
    border-bottom-color: #fff
}

.listcity a {
    display: block;
    padding: 10px 10px 0;
    font-size: 14px;
    color: #288ad6;
    cursor: pointer
}

.dist {
    display: block;
    position: relative;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    padding: 0 0 0 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.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
}

.listdist {
    display: none;
    overflow: visible;
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 10px
}

.listdist:before,.listdist: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
}

.listdist:after {
    border-width: 9px;
    margin-left: 1px;
    border-bottom-color: #fff
}

.listdist a {
    display: block;
    padding: 10px 0 0 10px;
    font-size: 14px;
    color: #288ad6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.searchlocal {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0
}

.searchlocal form {
    display: block;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #fff;
    height: 34px;
    position: relative
}

.searchlocal input {
    display: block;
    border: 0;
    background: #fff;
    padding: 5px;
    height: 24px;
    border-radius: 4px;
    width: 90%
}

.searchlocal .submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 10px;
    background: #fff;
    height: 16px;
    border-radius: 0 3px 3px 0;
    border: 0;
    height: 34px
}

.resultcheck {
    display: block;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    clear: both;
    padding-top: 10px
}

.listmarket {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.listmarket .listst {
    max-height: 380px;
    overflow-x: hidden;
    overflow-y: auto
}

.listmarket li {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 0 0 10px 0
}

.listmarket li.newstore {
    color: #139f1a;
    padding-top: 10px;
    border-top: 1px solid #ddd
}

.listmarket li.oldstore {
    color: #d0021b
}

.listmarket li i {
    display: none
}

.listmarket li.none {
    display: none
}

.listmarket li a {
    color: #288ad6
}

.listmarket li span {
    color: #288ad6;
    font-size: 12px;
    cursor: pointer
}

.listmarket li span.km {
    color: #333
}

.listmarket li .two-7date b {
    color: #d0021b
}

.viewmarket {
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 30px;
    font-size: 14px;
    color: #288ad6;
    cursor: pointer
}

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

.icontgdd-search,.iconmobile-search {
    background-position: -355px -30px;
    width: 16px;
    height: 16px
}

.option-repay,.option-shiper {
    margin: 10px;
    cursor: pointer
}

.active .iconmobile-uncheck {
    background-position: -165px -30px
}

.opacity01 {
    opacity: .1;
    pointer-events: none
}

.iconmobile-uncheck {
    background-position: -145px -30px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px
}

.choosecolor {
    display: block;
    position: relative;
    border: 1px solid #dfdfdf;
    background: #fff;
    border-radius: 3px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    padding: 0 0 0 10px;
    margin: 10px 0;
    cursor: pointer
}

.choosecolor span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.choosecolor: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: 13px 5px 0 0;
    float: right;
    position: absolute;
    top: 0
}

.listcolor {
    display: none;
    overflow: visible;
    position: absolute;
    top: 43px;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.1)
}

.listcolor:before,.listcolor: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
}

.listcolor:after {
    border-width: 9px;
    margin-left: 1px;
    border-bottom-color: #fff
}

.listcolor a {
    display: block;
    overflow: hidden;
    color: #333;
    padding: 5px;
    cursor: pointer
}

.listcolor a div {
    width: 48px;
    height: 48px;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative
}

.listcolor a img {
    width: 90%;
    height: auto;
    margin: auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.listcolor a:hover {
    background: #f8f8f8
}

.viewold {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #288ad6;
    border-radius: 3px
}

.viewold div {
    display: block;
    overflow: hidden;
    color: #333;
    margin-top: 3px
}

.viewold div span {
    display: block;
    line-height: 22px
}

.viewold div span strong {
    color: #e10c00
}

.viewold div label.installment {
    position: absolute;
    right: 10px;
    bottom: 5px
}

.characteristics {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
    cursor: pointer
}

.characteristics h4,.characteristics h3,.characteristics h2 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px
}

.owl-detail {
    display: block;
    overflow: hidden;
    top: 1px
}

#owl-detail {
    margin-bottom: 0
}

#owl-detail .item img {
    display: block;
    width: 100%;
    height: auto
}

#owl-detail .item img.iYt {
    position: absolute;
    width: auto;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#owl-detail .item video {
    display: block;
    width: 100%;
    height: 433px
}

#owl-detail .owl-controls {
    display: block;
    z-index: 10
}

#owl-detail .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
    border: 1px solid #bfbfbf;
    background: none
}

#owl-detail .owl-controls .owl-page.active span {
    background: #f28c31;
    border: 1px solid #f28c31
}

#owl-detail .item {
    display: none;
    position: relative
}

#owl-detail .item:first-child {
    display: block
}

#owl-detail .item a.slLnk {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #288ad6;
    padding: 4px 8px;
    background: rgba(255,255,255,.9);
    border-radius: 3px
}

#owl-detail.owl-theme .item:first-child {
    display: block
}

#owl-detail .owl-pagination {
    margin-top: 5px
}

#owl-detail .owl-buttons {
    opacity: 0
}

#owl-detail .owl-buttons .owl-prev {
    float: left;
    background: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/icondesktop@1x.png) no-repeat;
    background-position: -130px -50px;
    width: 22px;
    height: 40px;
    margin-left: 5px;
    position: absolute;
    top: 45%;
    left: 0
}

#owl-detail .owl-buttons .owl-next {
    float: right;
    background: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/icondesktop@1x.png) no-repeat;
    background-position: -155px -50px;
    width: 22px;
    height: 40px;
    margin-right: 5px;
    position: absolute;
    top: 45%;
    right: 0
}

.box_content {
    display: block;
    overflow: hidden;
    border-top: 1px solid #e4e4e4;
    margin-top: 15px
}

.left_content {
    float: left;
    width: 65%;
    overflow: hidden;
    position: relative;
    margin: 20px 0
}

article {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    margin-top: 15px;
    max-width: 750px;
    overflow: hidden
}

article.area_articleFull {
    overflow: visible
}

article ul {
    list-style: disc;
    margin: 10px 0 0 25px
}

article h4 {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
    font-weight: lighter
}

article img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 10px auto
}

article p {
    display: block;
    margin: 10px 0
}

article p i {
    margin-bottom: 20px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666
}

article p i a {
    display: inline
}

article div.video {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

article em {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #666;
    text-align: center
}

article h2,article h3 {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.3em;
    font-weight: bold
}

article h3 {
    margin-top: 30px;
    font-size: 20px
}

article h2 a,article h3 a {
    font-weight: bold;
    font-size: 20px
}

article a {
    color: #50a8e3
}

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

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

.info_sp {
    display: block;
    vertical-align: middle;
    float: left;
    width: 35%
}

.info_sp>div {
    display: inline-block;
    width: 180px;
    vertical-align: top
}

.info_sp img {
    display: inline-block;
    width: 70px;
    height: auto;
    margin: 0 10px 0 0
}

.info_sp h3 {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3
}

.info_sp strong {
    display: block;
    color: #d0021b;
    font-size: 16px;
    text-align: left
}

.info_sp span {
    display: block;
    overflow: hidden;
    color: #c1000c;
    text-align: left
}

.info_acc .info_sp {
    width: 60%
}

.info_acc .info_sp h3 {
    font-size: 16px;
    margin-bottom: 6px
}

.bottom_order {
    padding-bottom: 15px;
    overflow: hidden
}

.bottom_order .area_order {
    display: block;
    vertical-align: middle;
    margin: 0;
    float: right;
    width: 64%;
    text-align: right
}

.bottom_order .area_order .buy_now {
    display: inline-block;
    vertical-align: top;
    padding: 15px 10px;
    margin-right: 20px;
    float: left;
    min-width: 135px !important;
    font-size: 12px
}

.bottom_order .area_order .buy_repay {
    padding: 15px 10px;
    width: 140px;
    float: left;
    margin-top: 0;
    margin-right: 10px;
    font-size: 12px
}

.bottom_order .area_order .buy_repay.s {
    margin-right: 0
}

.bottom_order .area_order .buy_now span,.bottom_order .area_order .buy_repay span {
    display: none
}

.bottom_order .area_order .b0pc {
    margin: 10px 10px 0 0
}

.bottom_order.info_acc .area_order {
    width: 39%
}

.compare {
    clear: both;
    display: block;
    overflow: hidden;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0 20px
}

.compare.dhtt {
    border-bottom: unset
}

.compare h4 {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 20px;
    color: #333;
    padding: 10px 0
}

.compare div h3 {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 20px;
    color: #333
}

.compare div a {
    display: inline-block;
    vertical-align: middle;
    color: #288ad6;
    margin-left: 10px
}

.compare div a:hover {
    text-decoration: underline
}

.compare .tcpr {
    padding: 10px 0;
    position: relative
}

.compare div.sggProd {
    display: inline-block;
    width: 300px;
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 9
}

.compare ul {
    display: block;
    overflow: hidden;
    margin-top: 10px
}

.compare li {
    float: left;
    overflow: hidden;
    width: 25%;
    padding: 0 5px;
    box-sizing: border-box
}

.compare li h3 {
    display: block;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 10px;
    font-weight: bold
}

.compare li .desc {
    color: #333;
    line-height: 1.5;
    padding: 10px 10px 0 0
}

.compare li .desc span {
    display: block
}

.compare li a {
    display: block;
    overflow: hidden;
    color: #288ad6
}

.compare li a img {
    width: 150px
}

.compare li a.compdetail {
    padding-top: 10px
}

.compare li a span.bdx {
    display: block;
    color: #333;
    padding-top: 10px;
    height: 12px
}

.compare li strong {
    display: block;
    color: #d0021b;
    padding: 10px 0 2px 0;
    font-size: 15px
}

.compare li strong.gs {
    float: left;
    margin-left: 10px
}

.compare li strong.gg {
    color: #666;
    text-decoration: line-through;
    font-weight: normal;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.compare li i {
    display: inline-block;
    vertical-align: middle;
    color: #d0021b;
    font-style: normal;
    font-size: 12px
}

.compare li span.rtp {
    margin: 5px 0 0;
    display: block
}

.compare li .buyacc {
    width: 70px;
    padding: 6px 0;
    margin: 10px auto;
    border-radius: 4px;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    color: #f76b1c;
    text-transform: uppercase;
    border: 1px solid #f76b1c;
    background: #fff;
    opacity: 1;
    display: none
}

.compare li:hover .buyacc {
    border: 1px solid #d97f00;
    color: #fff;
    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)
}

.right_content {
    float: right;
    width: 30%;
    overflow: visible;
    margin: 20px 0
}

.productstatus {
    display: block;
    line-height: 1.3em;
    font-size: 22px;
    color: #d0021b;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px
}

.tableparameter {
    display: block;
    overflow: visible
}

.tableparameter h4,.tableparameter h3,.tableparameter h2 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #333;
    margin-bottom: 0
}

.parameter {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding-top: 10px
}

.parameter li {
    display: table;
    background: #fff;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 5px 0
}

.parameter:not(.tableparameter_acc) li:nth-child(n+11) {
    display: none
}

.parameter li:last-child {
    border-bottom: 0
}

.parameter li:nth-child(n+10) {
    border-bottom: 0
}

.parameter li span {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding: 5px 0;
    font-size: 14px;
    color: #666
}

.parameter li i {
    font-style: normal;
    display: inline
}

.parameter li i:last-child:after {
    content: none
}

.parameter li i:after {
    content: ', '
}

.parameter li div {
    display: table-cell;
    width: auto;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 14px;
    color: #333
}

.parameter li div a {
    color: #288ad6
}

.parameter li div.isim {
    display: block;
    border-bottom: 1px solid #eee
}

.parameter li div.ibsim {
    display: block
}

.parameter li div.ibsim b.h {
    background: #e91935;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 10px;
    margin-right: 5px
}

.parameter li div.ibsim b.p {
    color: #d0021b
}

.viewparameterfull {
    display: block;
    width: 100%;
    padding: 6px 0;
    margin: 10px 0 0;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    background-color: #288ad6;
    color: #fff;
    border: 1px solid #288ad6;
    border-radius: 4px
}

.viewparameterfull:hover {
    color: #288ad6;
    background-color: #fff;
    border: 1px solid #288ad6
}

.newslist {
    display: block;
    overflow: hidden;
    margin: 20px 0 0
}

.newslist h4 {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #333;
    line-height: 1.3em;
    padding-top: 20px;
    padding-bottom: 5px
}

.newslist li {
    display: block;
    overflow: hidden;
    padding: 8px 0
}

.newslist li img {
    float: left;
    width: 100px;
    height: 60px;
    margin-right: 10px
}

.newslist li a {
    display: block;
    overflow: hidden
}

.newslist li h3 {
    display: block;
    overflow: hidden;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.newslist li span {
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #888
}

.newslist .viewall {
    padding: 8px 0 0 0;
    color: #288ad6;
    display: block
}

.accessories {
    display: block;
    overflow: hidden;
    margin: 30px 0 0
}

.accessories h3 {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #333;
    line-height: 1.3em
}

.accessories li {
    display: block;
    overflow: hidden;
    padding: 10px 0
}

.accessories li img {
    float: left;
    width: 100px;
    height: AUTO;
    margin-right: 10px
}

.accessories li.laptop img {
    margin-bottom: 35px
}

.accessories li a {
    display: block;
    overflow: hidden
}

.accessories li a.buyacc {
    display: none
}

.accessories li h3 {
    display: block;
    overflow: hidden;
    color: #333;
    line-height: 1.3em;
    font-weight: bold;
    font-size: 14px
}

.accessories li strong {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 14px;
    color: #bf081f;
    padding: 3px 0
}

.accessories li strong.gs {
    margin-right: 10px
}

.accessories li strong.gg {
    color: #333;
    text-decoration: line-through;
    font-weight: normal
}

.accessories li i {
    font-style: normal;
    color: #bf081f;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.accessories li span {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #666;
    line-height: 1.5
}

.accessories li .compdetail {
    display: block;
    color: #288ad6;
    padding: 5px 0;
    width: 100px;
    margin-left: 110px
}

.accessories li .compdetail:hover {
    text-decoration: underline
}

.accessories .viewall {
    padding: 8px 0 0 0;
    color: #288ad6;
    display: block
}

.accessories li label {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background: #3fb846;
    border-radius: 2px;
    padding: 0 5px;
    height: 18px
}

.accessories li label.per {
    background: #ee170b
}

.compare form {
    display: block;
    height: 36px;
    position: relative;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

.compare input {
    display: block;
    text-indent: 10px;
    width: 100%;
    border: 0;
    border-radius: 4px;
    padding: 8px 0;
    height: 20px
}

.compare button {
    position: absolute;
    top: 0;
    right: 2px;
    width: 36px;
    height: 35px;
    border: 0;
    background: #fff
}

.icontgdd-com {
    background-position: -325px -30px;
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.hide,.none {
    display: none
}

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

.boxArticle .area_order .buy_now {
    margin-bottom: 0;
    min-width: 240px;
    box-sizing: border-box;
    margin-right: 10px
}

.boxArticle h3 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #333;
    margin-bottom: 0
}

.boxArticle .atcKit {
    width: 100%
}

.boxArticle article.area_article>table {
    border-collapse: collapse;
    width: 100% !important
}

.boxArticle article.area_article>table>thead {
    background-color: #ffad60
}

.boxArticle video.videoUploadCms {
    width: 100%;
    height: auto
}

.wrap_comment {
    padding: 0;
    width: 100%
}

.sggProd .search-suggestion-wrapper .search-suggestion-list {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 18px;
    top: -117px;
    left: -59px;
    z-index: 1000
}

.sggProd .search-suggestion-wrapper .search-suggestion-list li {
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block !important;
    width: 250px
}

.sggProd .search-suggestion-wrapper .search-suggestion-list a {
    color: #333
}

.sggProd .search-suggestion-wrapper .search-suggestion-list li.selected,.sggProd .search-suggestion-wrapper .search-suggestion-list li:hover {
    background-color: #2889d6;
    color: #fff;
    width: 100%;
    text-decoration: unset
}

.sggProd .search-suggestion-wrapper .search-suggestion-list li a {
    display: inline-block;
    width: 100%;
    padding-left: 5px;
    vertical-align: -webkit-baseline-middle
}

.sggProd .search-suggestion-wrapper .search-suggestion-list li:hover a,.sggProd .search-suggestion-wrapper .search-suggestion-list li.selected a {
    color: #fff;
    vertical-align: -webkit-baseline-middle
}

.comdetail {
    margin-top: 25px;
    width: 100%
}

article .imgCprW {
    max-width: 640px;
    height: auto;
    margin: 0 auto
}

article .imgCprH {
    max-width: 437px
}

article div.video iframe {
    width: 100%;
    min-height: 422px
}

.twentytwenty-overlay {
    display: none
}

.caption_ps {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,.75);
    margin: 0 auto;
    min-width: 330px
}

.caption_ps.gender {
    bottom: inherit;
    top: 0;
    background: none;
    text-align: right
}

.caption_ps.gender label {
    display: inline-block;
    padding: 7px 20px;
    background-color: #eee;
    margin-right: 1px
}

#owl-detail .item p {
    display: block;
    overflow: hidden;
    padding: 10px 15px;
    background: #f2f2f2;
    font-size: 15px;
    color: #666
}

.wrap_comment .txtEditor,.wrap_comment .textarea {
    min-height: 70px
}

#owl-detail:hover .owl-buttons {
    display: block !important;
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -transition: all .2s linear
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -68px 4px
}

.fotorama--fullscreen iframe {
    border: none
}

.giaohangnhanh {
    border: 1px dashed #f6a623;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    display: block;
    overflow: hidden;
    margin: 10px 0
}

.giaohangnhanh span {
    display: block;
    padding: 5px 0 0 10px
}

.giaohangnhanh span:before {
    content: "•";
    color: #b7b7b7;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 6px;
    margin-left: -12px
}

.giaohangnhanh span strong {
    color: #d0021b
}

.notechoose {
    background: #fff46a;
    padding: 10px;
    margin: 10px;
    display: none;
    font-size: 12px;
    color: #333;
    text-align: left
}

.ratingbox .item {
    max-width: 550px;
    margin: 0 auto;
    text-align: center
}

.ratingbox .item p {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    line-height: 34px
}

.ratingbox .item p>b {
    color: #ccc;
    margin-right: 5px;
    font-size: 30px;
    display: inline-block;
    vertical-align: top
}

.ratingbox .item .line {
    display: block;
    margin: 10px auto;
    width: 60px;
    height: 3px;
    background: #e06944
}

.ratingbox .item .info {
    color: #666;
    font-size: 12px;
    font-style: italic;
    display: block;
    text-align: left;
    margin-left: 31%
}

.ratingbox .item .info img {
    border: 1px solid #e06944;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    float: left;
    margin: 0 5px
}

.ratingbox .item .sttB {
    font-size: 12px;
    color: #4abb4d;
    display: block
}

.ratingbox .item .sttB i {
    display: inline-block;
    margin-left: 0 !important
}

.ratingbox .owl-page span {
    width: 7px !important;
    height: 7px !important
}

.slideArt {
    margin: 0 0 10px;
    position: relative;
    cursor: pointer
}

.slideArt .owl-buttons {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-indent: -999999em;
    display: none !important;
    opacity: 0
}

.slideArt:hover .owl-buttons {
    display: block !important;
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -transition: all .2s linear
}

.slideArt .owl-buttons .owl-prev {
    float: left;
    background: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/icondesktop@1x.png) no-repeat;
    background-position: -130px -50px;
    width: 22px;
    height: 40px;
    margin-left: 5px
}

.slideArt .owl-buttons .owl-next {
    float: right;
    background: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/icondesktop@1x.png) no-repeat;
    background-position: -155px -50px;
    width: 22px;
    height: 40px;
    margin-right: 5px
}

.slideArt .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
    border: 1px solid #bfbfbf;
    background: none
}

.slideArt .item {
    text-align: center
}

.s_promotion {
    border: 1px dashed #f6a623;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0
}

.s_promotion a {
    color: #288ad6
}

.rightInfo {
    float: right;
    width: 22.5%;
    overflow: visible;
    background: #fff;
    position: relative
}

.productOld {
    border: solid 1px #ddd;
    padding: 10px 12px 10px 12px;
    margin-bottom: 10px;
    border-radius: 3px;
    position: relative
}

.bannerdt img {
    width: 100%;
    border-radius: 3px;
    border: none;
    height: auto
}

.bannerdtp {
    padding: 10px 10px 5px
}

.bannerdtp img {
    width: 100%;
    border-radius: 3px;
    border: none;
    height: auto
}

.promote {
    margin: 20px 0 10px;
    padding: 20px 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    position: relative
}

.promote b {
    display: block;
    padding: 2px 8px;
    position: absolute;
    background: #fff9b4;
    border: solid 1px #e8dd58;
    text-align: center;
    top: -10px;
    left: 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    border-radius: 2px
}

.promote a {
    display: inline-block;
    color: #288ad6
}

.promote strong {
    color: #d0021b
}

.promote span {
    display: block;
    line-height: 20px;
    padding: 0 10px 0 20px;
    margin-bottom: 5px
}

.promote span:last-child {
    margin: 0
}

.promote span:before {
    content: '';
    margin-left: -20px;
    background: url(/Content/desktop/images/V4/game/check@2x.png);
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px
}

.boxProChoose .pro-chosse {
    display: block;
    width: 100%;
    height: 50px;
    margin-bottom: 10px
}

.boxProChoose .pro-chosse img {
    display: block;
    width: 50px;
    float: left;
    padding: 0;
    box-sizing: border-box;
    margin: 0 10px 0 15px
}

.boxProChoose .pro-chosse .dscp {
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    padding-right: 15px
}

.boxProChoose .pro-chosse .dscp u {
    text-decoration: unset;
    width: 80%
}

.proChooseNoImg .pro-chosse {
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    cursor: pointer;
    display: block
}

.proChooseNoImg .pro-chosse i {
    display: inline-block;
    vertical-align: top
}

.proChooseNoImg .pro-chosse b.dscp {
    font-weight: normal;
    display: inline-block;
    width: calc(100% - 50px)
}

.proChooseNoImg .pro-chosse b.dscp u {
    text-decoration: unset
}

.proChooseNoImg .pro-chosse b.dscp label.newsao {
    color: #bf081f
}

i.iconmobile-opt {
    background-position: -380px -30px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px
}

.active i.iconmobile-opt {
    background-position: -400px -30px
}

.tsh {
    background-color: #ecf7ed;
    border-radius: 3px;
    border: solid 1px #c4ddc8;
    margin: 5px 10px 10px;
    padding: 0 10px;
    font-weight: bold;
    line-height: 30px
}

.tsh span {
    line-height: 30px;
    padding-left: 10px;
    border-left: 1px solid #c4ddc8;
    display: block;
    margin-left: 28px
}

.tsh span a {
    color: #30a43b
}

.tsh:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/nhan-hang-1-gio@2x.png);
    width: 19px;
    height: 21px;
    background-size: 19px 21px;
    margin-right: 10px;
    float: left;
    margin-top: 4px
}

.buylimit {
    border: 1px dashed #f6a623;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px
}

.buylimit p {
    line-height: 22px
}

.buylimit p select {
    border: 1px solid #d9d9d9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    margin-right: 5px;
    text-align: center;
    padding: 7px;
    color: #288ad6
}

label.lspro span {
    display: block;
    margin: 10px 0
}

label.lspro a {
    color: #288ad6
}

label.lspro b {
    width: 48%;
    float: left;
    margin-bottom: 5px;
    margin-right: 2%;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd
}

label.lspro b.more {
    display: none
}

.slideMemory-carousel {
    display: flex;
    flex-flow: row wrap;
    flex: 1 100%
}

.memory {
    padding: 0 10px;
    float: left;
    width: 95%
}

.memory.no_crsel {
    float: left;
    width: 100%;
    padding: 12px 12px 5px 6px
}

.memory .m_default .installment {
    display: none
}

.memory .slideMemory-carousel .item {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 10px 10px 30px 10px;
    margin: 9px 5px;
    cursor: pointer;
    display: inline-block;
    width: 156px
}

.memory.no_crsel .slideMemory-carousel .item {
    width: 42%
}

.memory.no_crsel.notfsw .slideMemory-carousel .item {
    width: 40%
}

.memory .slideMemory-carousel .item:nth-child(n+3) {
    display: none
}

.memory .item.active {
    border: 1px solid #f89008
}

.memory .item.active:before,.memory .item.active:after {
    bottom: -22px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    display: none
}

.memory .item.active:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
    z-index: 10
}

.memory .item.active:before {
    border-color: rgba(238,238,238,0);
    border-bottom-color: #ddd;
    border-width: 11px;
    margin-left: -11px;
    z-index: 1
}

.memory .item.active.ishidebefore:before {
    display: none
}

.boxdefault .memory .item.active:before,.boxdefault .memory .item.active:after {
    border-width: 0
}

.memory .item span {
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.memory .item.active span {
    font-weight: bold
}

.memory.normal .item.active span {
    font-weight: normal
}

.memory .item.i3 {
    margin-right: 0
}

.memory i.iconmobile-opt {
    background-position: -380px -30px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px
}

.memory .item.active i.iconmobile-opt {
    background: url(../images/check.png);
    width: 14px;
    height: 14px
}

.memory .item strong {
    font-size: 16px;
    display: block;
    margin-top: 5px;
    color: #e10c00;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0
}

.memory.normal .item strong {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    bottom: 8px
}

.memory.clsDisKM .item.active:before,.memory.clsDisKM .item.active::after {
    display: none
}

.memory.memory4 .item.i3 {
    margin-right: 10px
}

.pro-img ul li {
    margin-bottom: 10px
}

.pro-img ul li label {
    display: block;
    width: 100%
}

.pro-img ul li label:after {
    content: "";
    display: table;
    clear: both
}

.pro-img ul li label img {
    display: block;
    width: 50px;
    float: left;
    padding: 0;
    box-sizing: border-box;
    margin: 0 10px 0 15px;
    cursor: pointer
}

.pro-img ul li label h3 {
    display: flex;
    align-items: center;
    height: auto;
    min-height: 50px;
    font-size: 14px;
    padding-right: 15px;
    line-height: 20px;
    float: left;
    width: calc(100% - 100px)
}

.pro-img ul li label h3 a {
    display: inline;
    font-size: 13px
}

.wrap_wrtp {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 115vh;
    background: rgba(0,0,0,.5);
    z-index: 11
}

.wrap_wrtp .pop {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: auto;
    background: #fff;
    margin-top: 2%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.wrap_wrtp .pop .hdpop {
    padding: 10px 0 10px 10px;
    border-bottom: solid 1px #ccc;
    font-size: 15px;
    background: #ffd901;
    color: #333;
    font-weight: bold
}

.wrap_wrtp .pop .hdpop .closehd {
    float: right;
    color: #333;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 8px;
    right: 7px;
    font-size: 23px;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    box-sizing: border-box;
    padding-top: 3px
}

.wrap_wrtp .pop .ctW {
    line-height: 20px;
    font-size: 13px
}

.wrap_wrtp .pop .ctW table td {
    padding: 5px
}

.wrap_wrtp .pop .ctW .bh {
    padding: 10px 3%
}

.wrap_wrtp .pop .ctW .bh a {
    color: #288ad6;
    display: block;
    position: relative
}

.wrap_wrtp .pop .ctW .bh a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid #4a90e2;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
    margin: 4px 0 0 5px
}

.wrap_wrtp .pop .ctW .bh .tlt {
    display: block;
    font-weight: bold;
    margin: 0 0 5px
}

.wrap_wrtp .pop .ctW .cs {
    margin-top: 5px;
    padding: 10px 3%;
    background: #f3f3f3;
    overflow-y: scroll;
    max-height: 70vh
}

.wrap_wrtp .pop .ctW .cs .tlt {
    margin: 0 0 10px;
    font-weight: bold;
    display: block
}

.wrap_wrtp .pop .ctW .cs .tlt .nt {
    color: #f7812a;
    display: block;
    font-weight: normal
}

.wrap_wrtp .pop .ctW .cs h2 {
    background-color: #fff;
    padding: 10px;
    font-weight: bold;
    color: #288ad6;
    border-bottom: solid 1px #f3f3f3;
    cursor: pointer;
    position: relative
}

.wrap_wrtp .pop .ctW .cs h2::after {
    content: "";
    width: 0;
    right: 15px;
    top: 15px;
    border-left: 5px solid transparent;
    border-top: 5px solid #288ad6;
    border-right: 5px solid transparent;
    position: absolute;
    transform: rotate(180deg)
}

.wrap_wrtp .pop .ctW .cs h2.down::after {
    transform: rotate(0)
}

.wrap_wrtp .pop .ctW .cs div {
    padding: 10px;
    background-color: #fff;
    display: none
}

.wrap_wrtp .pop .ctW .cs div ul {
    list-style: disc;
    margin-left: 30px
}

.wrap_wrtp .pop .xct {
    display: block;
    padding: 10px 0
}

.wrap_wrtp .pop .xct a {
    color: #288ad6;
    position: relative;
    padding-right: 20px
}

.wrap_wrtp .pop .xct a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid #4a90e2;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
    margin: 4px 0 0 8px
}

.zalopay {
    background: #f3fbff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 10px;
    margin: 5px 10px 12px
}

.zalopay img {
    display: inline-block;
    vertical-align: middle
}

.zalopay b {
    color: #c10017
}

.zalopay a {
    color: #288ad6
}

.boxshock {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 10px
}

.boxshockheader {
    background-color: #e21d22;
    padding: 10px;
    text-align: left;
    position: relative;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.boxshockheader .bgleft {
    background-image: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/game/shock/element_left.png);
    width: 38px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

.boxshockheader .bgright {
    background-image: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/game/shock/element_right.png);
    width: 38px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0
}

.boxshockheader>img {
    width: 74px;
    height: 42px;
    display: inline-block;
    border-right: 1px solid #fff;
    padding-right: 10px;
    padding-top: 0;
    margin-right: 10px
}

.boxshockheader>div {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px
}

.boxshockheader div.NotCms {
    margin-top: 15px
}

.boxshockheader label {
    display: block;
    text-align: left;
    color: #fff;
    font-weight: bold
}

.boxshockheader label strong {
    font-size: 22px;
    color: #f8e81c;
    text-align: left
}

.boxshockheader label strong.priceline {
    font-weight: normal;
    text-decoration: line-through;
    color: #fff;
    font-size: 16px
}

.boxshockheader span {
    font-size: 13px;
    color: #fff
}

.boxshock .bgbottom {
    background-image: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/game/shock/bg2.png);
    background-color: #fff4de;
    background-repeat: repeat-x;
    background-position: bottom;
    height: 7px
}

.boxshockcontent {
    background-color: #fff4de;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.boxshock .area_promotion {
    display: block;
    overflow: hidden;
    border: none;
    -moz-border-radius: unset;
    -webkit-border-radius: unset;
    border-radius: unset;
    position: relative;
    margin: 0;
    background: #fff;
    padding-bottom: 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.boxshock .area_promotion.rule {
    background: #fff4de;
    margin: -10px -10px 5px -10px;
    padding: 0 10px 5px 10px
}

.boxshock .area_promotion strong {
    padding: 0;
    text-transform: none;
    background: none;
    border-bottom: none;
    font-weight: bold
}

.boxshock .area_promotion span {
    padding: 8px 10px 0 15px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333
}

.boxshock .area_promotion span:before {
    content: "•";
    margin-left: -15px;
    background: none;
    color: #999;
    margin-top: 0;
    font-size: 20px;
    float: left
}

.boxshock a.buy_now {
    display: block;
    overflow: hidden;
    padding: 9px 0;
    background-image: linear-gradient(-180deg,#e52025 2%,#d81116 96%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.boxshock a.buy_now strong {
    color: #fff
}

.boxshock a.buy_now span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none
}

.boxshock .buy_ins {
    line-height: normal;
    display: block;
    padding: 9px 0;
    text-align: center;
    margin: 10px 0 0;
    background-image: linear-gradient(-180deg,#288ad6 0%,#0e74c3 100%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase
}

.boxshock .buy_ins span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none
}

.boxshock a.danhsach {
    text-align: center;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    color: #4a90e2;
    cursor: pointer
}

.hr {
    padding: 15px 0;
    box-sizing: border-box;
    display: block;
    margin: 6px 9px 0
}

.hr label {
    border-top: 1px solid #ddd;
    width: 30%;
    float: left
}

.hr span {
    width: 40%;
    float: left;
    margin-top: -8px;
    text-align: center
}

@media screen and (max-width: 1536px) {
    .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
        width:auto !important;
        height: auto !important;
        max-height: 90% !important;
        position: absolute !important;
        margin: auto !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important
    }
}

@media screen and (max-width: 1200px) {
    .price_sale {
        margin:0
    }

    #owl-detail .owl-buttons {
        top: 42%
    }

    .box_content {
        margin: 0 10px
    }

    .info_sp {
        margin: 0 0 10px 0
    }

    h1 {
        margin: 0 0 0 10px
    }

    .checkexist,.likeshare {
        margin-right: 10px
    }
}

@media screen and (max-width: 1366px) {
    .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
        width:auto !important;
        height: auto !important;
        max-height: 90% !important;
        position: absolute !important;
        margin: auto !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important
    }
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .icontgdd-hstar {
        background-position:-421px -30px;
        width: 12px;
        height: 12px
    }
}

.order-review {
    border: 1px solid #ddd;
    background: #eee;
    padding: 10px 0;
    margin: 20px auto;
    max-width: 600px
}

.order-review .left {
    float: left;
    width: calc(50%);
    padding: 30px 0 30px 30px
}

.order-review .left p {
    margin: 0
}

.order-review .left .before-apprise {
    font-size: 12px;
    display: none
}

.order-review .left .before-apprise b {
    color: #288ad6;
    font-size: 16px
}

.order-review .right {
    float: right;
    width: 45%
}

.order-review .right a {
    display: inline-block;
    text-align: center;
    width: 125px;
    color: #333
}

.order-review .right a.replay-icon {
    float: right;
    margin-right: 22px
}

.order-review .right a.good:hover,.order-review .right a.good.act {
    font-weight: bold;
    color: #4b64a7;
    background-color: #eee;
    border: none
}

.order-review .right a.bad:hover,.order-review .right a.bad.act {
    font-weight: bold;
    color: #dc6d84;
    background-color: #eee;
    border: none
}

.order-review .right a i {
    display: block;
    margin: 10px auto
}

.order-review .reason {
    display: none;
    position: relative;
    margin-bottom: 10px
}

.order-review .reason textarea {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    width: 85%;
    height: 80px;
    margin: 0 auto;
    padding: 15px
}

.order-review .reason p {
    width: 89%;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px 0
}

.order-review .reason div.dropdown {
    display: inline-block;
    vertical-align: top;
    width: 145px;
    position: relative;
    margin-right: 10px
}

.order-review .reason div.dropdown:nth-child(3) {
    margin-left: 32px
}

.order-review .reason div.dropdown span {
    color: #288ad6;
    border: 1px solid #288ad6;
    border-radius: 4px;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer
}

.order-review .reason div.dropdown span:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    float: right;
    margin-top: 8px
}

.order-review .reason div.dropdown div {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
    padding-bottom: 10px;
    position: absolute;
    left: 0;
    top: 42px;
    z-index: 11;
    width: 98.8%;
    display: none
}

.order-review .reason div.dropdown div:before,.order-review .reason div.dropdown div:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 20%;
    border-bottom: 10px solid #d9d9d9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.order-review .reason div.dropdown div:after {
    border-width: 9px;
    border-bottom-color: #fff;
    margin-left: 1px
}

.order-review .reason div.dropdown div a {
    display: block;
    font-size: 14px;
    padding: 10px 10px 0 10px
}

.order-review .reason:before,.order-review .reason:after {
    content: '';
    position: absolute;
    bottom: 99%;
    right: 270px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ddd;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.order-review .reason.bd:before,.order-review .reason.bd:after {
    right: 75px
}

.order-review .reason:after {
    border-width: 9px;
    margin-right: 1px;
    border-bottom-color: #fff
}

.order-review .reason a.submit {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    background: #288ad6;
    text-align: center;
    width: 100px;
    height: 33px;
    line-height: 33px;
    border-radius: 4px
}

.order-review .reason a.closeform {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    background: #288ad6;
    text-align: center;
    width: 100px;
    height: 33px;
    line-height: 33px;
    border-radius: 4px
}

.order-review .thank {
    display: none;
    padding: 30px 0;
    background: #eee;
    overflow: auto
}

.order-review .thank .left-thank {
    float: left;
    width: calc(55%);
    padding: 0 30px
}

.order-review .thank .left-thank b {
    color: #4b64a7
}

.order-review .thank .left-thank span {
    font-size: 14px
}

.order-review .thank .right-thank .replay-icon-thank {
    font-weight: bold;
    color: #4b64a7;
    background-color: #eee;
    border: none;
    float: right;
    margin-right: 60px;
    margin-top: -15px
}

.order-review .thank .right-thank .replay-icon-thank i {
    display: block;
    margin: 10px auto
}

[class^="icondmx-"],[class*="icondmx-"] {
    background: url(https://cdn.tgdd.vn/dmx2016/Content/images/V2/cart/iconcartmobile@2x.v201904141540.png) no-repeat;
    background-size: 173px 110px;
    vertical-align: middle;
    display: inline-block
}

.icondmx-good {
    background-size: 346px 220px;
    background-position: -52px -180px;
    width: 40px;
    height: 40px
}

.icondmx-bad {
    background-size: 346px 220px;
    background-position: 0 -180px;
    width: 40px;
    height: 40px
}

.order-review p.er-content {
    text-align: center;
    color: #f00;
    font-size: 14px;
    display: none
}

ul.printer>li[data-stock='0'] {
    display: none
}

.listmarket ul.printer>li span {
    display: none
}

.boxshockcontentpromo {
    background-color: #fff4de;
    border: 1px solid #ddd;
    border-top: none;
    overflow: auto
}

.boxshockcontentpromo a {
    color: #288ad6
}

.boxshockcontentpromo strong {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding: 15px 15px 10px 10px;
    text-transform: uppercase
}

.boxshockcontentpromo .infopr span {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 0 15px 5px 30px
}

.boxshockcontentpromo .infopr span:before {
    content: '';
    margin-left: -20px;
    background: url(/Content/desktop/images/V4/game/check@2x.png);
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px
}

.boxshockcontentpromo .choose-promoSock .pro-title-Shock {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #333;
    padding: 10px 0 0 0;
    text-transform: uppercase;
    margin: 5px 10px
}

.boxshockcontentpromo .choose-promoSock span {
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
    cursor: pointer;
    display: block
}

.boxshockcontentpromo .choose-promoSock b.dscp {
    font-weight: normal;
    display: inline-block;
    width: calc(100% - 50px)
}

.boxshockcontentpromo .choose-promoSock b.dscp u {
    text-decoration: unset
}

.boxshockcontentpromo .choose-promoSock span i {
    display: inline-block;
    vertical-align: top
}

.boxshockcontent .notechooseShockPrice {
    background: #fff46a;
    padding: 10px;
    margin: 10px 0;
    display: none;
    font-size: 12px;
    color: #333;
    text-align: left
}

.boxshockcontentpromo.once strong {
    display: none
}

.boxshockcontentpromo.once .choose-promoSock .pro-title-Shock {
    margin: 0 10px 10px 10px;
    border-top: 0
}

.tableparameter.couple .tabparameter {
    height: 38px;
    margin-top: 10px;
    margin-bottom: 1px;
    position: relative;
    z-index: 2
}

.tableparameter.couple .tabparameter a {
    display: inline-block;
    vertical-align: top;
    line-height: 38px;
    background-color: #f4f4f4;
    padding: 0 50px;
    color: #333;
    font-size: 15px;
    border: 1px solid #eee;
    margin-right: -5px;
    position: relative
}

.tableparameter.couple .tabparameter a.active {
    background-color: #fff;
    border-bottom-color: #fff
}

.tableparameter.couple .tabparameter a.active:before {
    content: "";
    height: 3px;
    width: calc(100% + 2px);
    background-color: #4a90e2;
    left: -1px;
    top: 0;
    position: absolute
}

.tableparameter.couple .parameter {
    padding-top: 0
}

.tableparameter.couple .parameter li.show {
    display: table !important
}

.laptop-same-line {
    clear: both;
    display: block;
    overflow: hidden;
    padding: 10px 0
}

.laptop-same-line .title {
    padding: 10px 0;
    position: relative
}

.laptop-same-line .title h4 {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 20px;
    color: #333;
    padding: 10px 0
}

#owl-laptop-line {
    width: 80%;
    float: right
}

.laptop-same-first {
    width: 19.9%
}

#owl-laptop-line .item,.laptop-same-first {
    float: left;
    overflow: hidden;
    padding: 0 5px 20px;
    box-sizing: border-box;
    border: 1px solid #eee;
    min-height: 367px;
    width: -webkit-fill-available;
    max-width: 240px
}

#owl-laptop-line .first,.laptop-same-first {
    border: 1px solid #f28902
}

#owl-laptop-line .item a,.laptop-same-first a {
    display: block;
    overflow: hidden;
    color: #288ad6
}

#owl-laptop-line .item a.strLaptopline,.laptop-same-first a.strLaptopline {
    padding-top: 10px
}

#owl-laptop-line .item a img,.laptop-same-first a img {
    width: 180px;
    margin: 5px auto;
    margin-left: 23px
}

#owl-laptop-line .item p,.laptop-same-first p {
    margin-top: 10px;
    text-align: center;
    height: 20px;
    color: #f28902;
    font-size: 13px
}

#owl-laptop-line .item .price-laptop-line,.laptop-same-first .price-laptop-line {
    display: block;
    overflow: hidden
}

#owl-laptop-line .item .price-laptop-line strong,.laptop-same-first .price-laptop-line strong {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 14px;
    color: #bf081f;
    line-height: 15px
}

#owl-laptop-line .item .price-laptop-line span,.laptop-same-first .price-laptop-line span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 5px;
    color: #333
}

#owl-laptop-line .item .price-laptop-line i,.laptop-same-first .price-laptop-line i {
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    color: #bf081f;
    vertical-align: middle;
    font-style: normal;
    margin-left: 5px
}

#owl-laptop-line .item a .line-tooltip,.laptop-same-first a .line-tooltip {
    color: #333;
    line-height: 1.5;
    padding: 10px 10px 0 0
}

#owl-laptop-line .item a .line-tooltip span,.laptop-same-first a .line-tooltip span {
    display: block;
    margin-left: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #666
}

#owl-laptop-line .item a .line-tooltip span:before,.laptop-same-first a .line-tooltip span:before {
    content: "•";
    color: #b7b7b7;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 6px;
    margin-left: -10px
}

#owl-laptop-line .owl-prev {
    position: absolute;
    left: 0;
    padding: 10px 0 0;
    margin: 0;
    background: rgba(0,0,0,.4);
    width: 25px;
    height: 35px;
    text-align: center;
    font-size: 38px;
    color: #fff;
    font-family: -webkit-body;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.15);
    top: 115px
}

#owl-laptop-line .owl-next {
    position: absolute;
    right: 0;
    padding: 10px 0 0;
    margin: 0;
    background: rgba(0,0,0,.4);
    width: 25px;
    height: 35px;
    text-align: center;
    font-size: 38px;
    color: #fff;
    font-family: -webkit-body;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.15);
    top: 115px
}

#owl-laptop-line .last div {
    position: sticky;
    top: 50%;
    padding: 0 30px;
    text-align: center;
    overflow: hidden;
    display: inherit
}

#owl-laptop-line .last div h3 {
    margin: 0 20px 5px;
    font-size: 14px
}

.wrap_wrtp .pop.laptopcenter {
    border-radius: 4px;
    min-height: 350px
}

.wrap_wrtp .pop .hdpop.bgwhite {
    background: #fff;
    border-bottom: none
}

.citydis.laptopcenter {
    height: 40px;
    margin-bottom: 10px;
    position: relative
}

.citydis.laptopcenter .title {
    float: left;
    margin: 10px 10px 0 0
}

.citydis.laptopcenter .city {
    float: left;
    position: relative;
    width: 41%;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #288ad6
}

.citydis.laptopcenter .dist {
    float: right;
    position: relative;
    width: 42%;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #288ad6
}

.citydis.laptopcenter .listcity {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 15;
    top: 43px;
    left: 12%;
    width: 287px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px
}

.citydis.laptopcenter .listdist {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 15;
    top: 43px;
    right: 0;
    left: auto;
    width: 290px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px
}

.citydis.laptopcenter .scroll {
    float: left;
    width: 100%;
    max-height: 170px;
    overflow: auto
}

.citydis.laptopcenter .listcity aside,.citydis.laptopcenter .listdist aside {
    float: left;
    width: 50%
}

.wrap_wrtp .pop.laptopcenter .ctW .bh a:after {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    display: none
}

.citydis.laptopcenter .searchlocal div {
    display: block;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #fff;
    height: 34px;
    position: relative
}

.listmarket.laptopcenter {
    border-bottom: none;
    border-top: 1px solid #d9d9d9;
    max-height: 350px;
    overflow: auto;
    padding-top: 5px
}

.listmarket.laptopcenter .titleCenter {
    display: block;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 600
}

.listmarket.laptopcenter li {
    border-bottom: none;
    min-height: unset;
    margin: 0
}

.listmarket.laptopcenter li span.yes {
    color: #14b61b
}

.listmarket.laptopcenter li span.two-7date {
    color: #e67e22
}

.listmarket.laptopcenter li label:before {
    content: '•';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 20px;
    color: #999;
    margin: 0 3px 0 0
}

.loading-laptopcenter {
    display: block;
    margin: 10px auto;
    text-align: center
}

#listlaptopcenter li h3.name {
    display: block;
    clear: both;
    margin: 10px;
    text-align: center
}

a.linkcart {
    display: inline-block !important;
    padding-left: 10px;
    font-size: 12px
}

a.linkcart:hover {
    color: #333
}

.citydis.ScreenWarranty {
    height: 40px;
    margin-bottom: 10px;
    position: relative
}

.citydis.ScreenWarranty .title {
    float: left;
    width: 44%;
    font-weight: bold;
    font-size: 15px
}

.citydis.ScreenWarranty .city {
    float: left;
    position: relative;
    width: 25%;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #288ad6
}

.citydis.ScreenWarranty .dist {
    float: right;
    position: relative;
    width: 25%;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #288ad6
}

.citydis.ScreenWarranty .listcity {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 15;
    top: 43px;
    left: 45%;
    width: 287px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px
}

.citydis.ScreenWarranty .listdist {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 15;
    top: 43px;
    right: 0;
    left: auto;
    width: 290px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px
}

.citydis.ScreenWarranty .scroll {
    float: left;
    width: 100%;
    max-height: 170px;
    overflow: auto
}

.citydis.ScreenWarranty .listcity aside,.citydis.ScreenWarranty .listdist aside {
    float: left;
    width: 50%
}

.wrap_wrtp .pop.ScreenWarranty .ctW .bh a:after {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    display: none
}

.citydis.ScreenWarranty .searchlocal div {
    display: block;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #fff;
    height: 34px;
    position: relative
}

.citydis.ScreenWarranty .listdist:before,.citydis.ScreenWarranty .listdist:after {
    left: 200px
}

.text-viewimage {
    color: #666;
    font-size: 14px;
    display: block;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px
}

.pop-rate {
    position: fixed;
    right: 66px;
    bottom: 118px;
    text-align: center;
    background: rgba(255,255,255,.9);
    z-index: 999999;
    border-radius: 4px;
    overflow: hidden;
    display: none
}

.pop-rate b {
    display: block;
    font-weight: normal;
    padding: 10px;
    border-bottom: 1px solid #ccc
}

.pop-rate a {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 10px 0;
    color: #288ad6;
    outline: none
}

.pop-rate a:last-child {
    border-left: 1px solid #ccc
}

.pop-rate b.d2 {
    font-weight: bold;
    border-bottom: none;
    color: #76a549;
    padding: 10px 20px
}

.pop-rate.end {
    width: 500px;
    height: 80px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.pop-rate.end b.d2 {
    line-height: 60px
}

.pop-rate-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.85);
    left: 0;
    top: 0;
    z-index: 999998;
    display: none
}

.ytp-pause-overlay {
    display: none
}

@font-face {
    font-family: 'UTM HABANO';
    src: url('/Content/fonts/UTM_Habano.ttf')
}

.boxshock.lunar {
    background: #a10f0f url(/Content/desktop/images/tet2020/bg-detail.png) no-repeat center top;
    background-size: 100% auto
}

.boxshock.lunar .boxshockheader {
    background-color: transparent;
    text-align: center;
    padding: 33px 0 10px 0
}

.boxshock.lunar .boxshockheader h3 {
    font-family: 'UTM HABANO';
    text-align: center;
    font-size: 28px;
    background: linear-gradient(-180deg,#ffd96a 37%,#ffeaab 57%,#f7ef3d 76%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline;
    padding: 0 5px;
    font-weight: bold
}

.boxshock.lunar .boxshockheader>b {
    display: inline-block;
    padding: 7px 40px;
    margin: 10px 0;
    background: rgba(0,0,0,.2);
    border-radius: 20px;
    font-size: 20px;
    color: #fff001
}

.boxshock.lunar .boxshockheader>b>b {
    color: #fff;
    font-size: 16px;
    text-decoration: line-through;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    font-weight: normal
}

.boxshock.lunar .boxshockcontent {
    background: none;
    border: none
}

.boxshock.lunar .boxshockcontent .promotion {
    color: #fff;
    border-bottom: 1px solid #df4344;
    margin-bottom: 10px
}

.boxshock.lunar .boxshockcontent .promotion .title {
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block
}

.boxshock.lunar .boxshockcontent .promotion .title label {
    color: #fff;
    font-weight: 600
}

.boxshock.lunar .boxshockcontent .promotion span {
    display: block;
    overflow: hidden;
    font-size: 14px;
    padding: 0 15px 5px 20px
}

.boxshock.lunar .boxshockcontent .promotion span:before {
    content: '';
    margin-left: -20px;
    background: url(/Content/desktop/images/V4/game/check@2x.png);
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px
}

.boxshock.lunar .area_promotion.rule {
    background: none
}

.boxshock.lunar .area_promotion span {
    color: #fff
}

.boxshock.lunar .area_promotion a {
    color: #fff001
}

.boxshock.lunar .area_promotion span:before {
    color: #fff001
}

.boxshock.lunar a.buy_now {
    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)
}

.boxshock.lunar .area_promotion strong {
    display: inline;
    color: #fff001
}

.lunar>img {
    display: block;
    max-width: calc(100% - 20px);
    margin: 0 auto 10px auto
}

.productgallery-container {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100000;
    display: none
}

.productgallery-container .productgallery-inside {
    width: 100%;
    max-width: 900px;
    margin: 5px auto;
    min-height: 55px
}

.productgallery-container .productgallery-inside .div-img {
    float: left;
    margin-right: 10px;
    display: inline-block
}

.productgallery-container .productgallery-inside .div-img img {
    display: block;
    width: 40px;
    height: auto
}

.productgallery-container .productgallery-inside .pro-info {
    float: left;
    display: inline-block
}

.productgallery-container .productgallery-inside .pro-info h3 {
    display: block;
    font-weight: 600;
    line-height: 1.5;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.productgallery-container .productgallery-inside .pro-info span.line-price {
    display: inline-block;
    text-decoration: line-through;
    color: #333;
    font-size: 13px
}

.productgallery-container .productgallery-inside .pro-info strong {
    color: #bf081f
}

.productgallery-container .productgallery-inside .pro-info i {
    color: #bf081f;
    font-style: normal;
    font-size: 13px
}

.productgallery-container .productgallery-inside .button-container {
    float: right;
    width: auto
}

.productgallery-container .productgallery-inside .button-container .buy_now {
    display: inline-block;
    min-width: 140px;
    margin-right: 5px;
    padding: 10px 5px;
    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);
    font-size: 12px;
    margin-top: 5px
}

.productgallery-container .productgallery-inside .button-container .buy_now.repayment {
    background: #288ad6
}

.productgallery-container .productgallery-inside .button-container .buy_now.repayment.padding {
    padding: 10px 5px
}

.parameter li span a {
    color: #288ad6
}

.boxshockheader>div.noccountdown {
    margin-top: 15px
}

.slideMemory-carousel .owl-next {
    position: absolute;
    right: -15px;
    padding: 20px 0 0;
    margin: 0;
    border-radius: 0 5px 5px 0;
    background: #fff;
    width: 15px;
    height: 50px;
    text-align: center;
    font-size: 46px;
    color: #999;
    font-family: -webkit-body
}

.slideMemory-carousel .owl-prev {
    position: absolute;
    left: -19px;
    padding: 20px 0 0;
    margin: 0;
    border-radius: 0 5px 5px 0;
    background: #fff;
    width: 15px;
    height: 50px;
    text-align: center;
    font-size: 46px;
    color: #999;
    font-family: -webkit-body
}

.slideMemory-carousel .owl-buttons {
    position: absolute;
    top: 10%;
    height: 0;
    width: 100%;
    display: block
}

.icondetail-prevthumd {
    background-image: url('https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/previcon1x.png')
}

.icondetail-nextthumd {
    background-image: url('https://cdn.tgdd.vn/v2015/Content/desktop/images/V4/nexticon1x.png')
}

.icondetail-prevthumd,.icondetail-nextthumd {
    background-position: center top;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat
}

.policy .bhp {
    padding: 10px 0 5px 28px
}

.policy .bhp:before {
    content: '';
    background: url(/Content/desktop/images/V5/baohanhpin.png) 0 0 no-repeat;
    width: 18px;
    height: 13px;
    background-size: 18px 13px;
    position: absolute;
    display: block;
    top: 13px;
    left: 0
}

.rowdetail .icon_baohanhpin {
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px
}

.rowdetail .icon_baohanhpin img {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.compare.dhtt ul li {
    width: 16.66%;
    position: relative
}

.compare.dhtt label.installment {
    background: #f28902;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    left: unset;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    padding: 0 5px;
    height: 18px
}

.compare.dhtt li a img {
    padding-top: 10px;
    transition: box-shadow .3s ease-out,transform .3s ease-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 20px auto 5px
}

.compare.dhtt li:hover img {
    margin: 5px auto 20px auto
}

.compare.dhtt li label {
    display: inline-block;
    position: absolute;
    top: 187px;
    left: 10px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background: #3fb846;
    border-radius: 2px;
    padding: 0 5px;
    height: 18px
}

.compare.dhtt li label.discount {
    background-image: linear-gradient(-90deg,#ec1f1f 0%,#ff9c00 100%);
    border-radius: 10px;
    padding: 1px 7px;
    padding-left: 0;
    padding-right: 10px
}

.compare.dhtt li label.discount:before {
    content: ' ';
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAaCAYAAAC+aNwHAAAABGdBTUEAALGPC/xhBQAAAVpJREFUOBGVki1LBFEUhueuH0FQTAuimxVE2KZBgxj8AxaLglj8AYLJZLOYtFpFwWQ2iMUkiyBqNCloEFEQYXzuzl7mzP0Y7z3w7j0f73PuDDtZFhl5njfRI5qJREobUB+6RL9otJxEZkD7SMd1JFLagFa6aPGzW04iMpgp9CEWzEZghQVoGN0L+I28kbLgVMA6PUmBty1YlxtRCzAuIv132THx7wKIcfRik9R3IbjfDDANkp+hpumJ8535pqhN+mySDMMhSo1OdwHUWiqJ/wu19c3tXsGRFOvm9k4SVpiPzLsr6mWKlmmIc568uEU0SW/QglLqp9q2KhYfe57slZ7vsiqNqYHs70F/XEtVZ6DCOIfs2AnY3TbknkWfUyvXGehgvhULHshHAla3jbkl4E/yaddV0wHYEgtWa6z+EfBFb8GB31HTBRxC3+gKDdRY/SOgSfSExvwOt/sHwv9i4NYIgYYAAAAASUVORK5CYII=');
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px
}

.box-online {
    margin: 0 10px 10px
}

.box-online>* {
    display: block;
    text-align: center
}

.box-online>b {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    background-image: -ms-linear-gradient(left,#e75a23 0,#bf081f 100%);
    background-image: -moz-linear-gradient(left,#e75a23 0,#bf081f 100%);
    background-image: -o-linear-gradient(left,#e75a23 0,#bf081f 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#e75a23),color-stop(100,#bf081f));
    background-image: -webkit-linear-gradient(left,#e75a23 0,#bf081f 100%);
    background-image: linear-gradient(to right,#e75a23 0,#bf081f 100%);
    border-radius: 4px 4px 0 0;
    padding: 8px 0 6px
}

.box-online>b>b {
    color: #f8e81c
}

.box-online>div {
    padding: 10px 0;
    background: #f1f1f1;
    border-radius: 0 0 4px 4px
}

.box-online>div>* {
    display: inline-block;
    vertical-align: middle
}

.box-online>div>strong {
    font-size: 24px;
    color: #bf081f
}

.box-online>div>div {
    padding-left: 5px;
    min-width: 110px;
    text-align: left
}

.specCamera .titleSpecCamera {
    display: block;
    margin-top: 10px
}

.specCamera .plcAcc.plCamera {
    border: 0;
    margin-top: 0;
    height: 125px
}

.specCamera .plcAcc.plCamera.showFullSpec {
    height: auto
}

.specCamera p.show-moreSpec a.viewmoreSpec {
    display: block;
    position: relative;
    line-height: 20px;
    font-size: 14px;
    color: #288ad6;
    cursor: pointer
}

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

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

.policy .fipr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/lap-dat@2x.png) 2px 0 no-repeat;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    position: absolute;
    display: block;
    top: 0;
    left: -3px
}

.policy .wrpr.camera:before {
    top: 0
}

.policy .inpr.pk:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/trong-hop-co@2x.png) 0 0 no-repeat;
    width: 19px;
    height: 16px;
    background-size: 19px 16px;
    position: absolute;
    display: block;
    top: 10px;
    left: 0
}

.area_price.notapply strong,.box-online.notapply strong {
    padding-right: 15px
}

.area_price.notapply strong:before,.box-online.notapply strong:before {
    content: "*";
    color: #bf081f;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0
}

.area_price.notapply label.installment {
    display: none
}

.compare .item2020 {
    margin-top: 0;
    position: relative
}

.compare .item2020 a.vertion2020 .heightlabel {
    overflow: hidden;
    height: 28px
}

.compare .item2020 a.vertion2020 .heightlabel>label.installment {
    background: #fbda00;
    font-size: 11px;
    color: #333
}

.compare .item2020 a.vertion2020 h6.textkm {
    margin-top: 5px;
    font-size: 12px;
    color: #d0021b
}

.compare .item2020 a.vertion2020 .price {
    margin-top: 5px
}

.compare .item2020 a.vertion2020 .price strong {
    padding: 0;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 5px
}

.compare .item2020 a.vertion2020 .price span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: line-through;
    color: #333
}

.compare .item2020 a.vertion2020 .promo {
    margin-top: 5px
}

.compare .item2020 a.vertion2020 .promo p {
    font-size: 12px;
    color: #333;
    white-space: normal;
    line-height: 1.4;
    width: 155px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.compare .item2020 a.vertion2020 .desc {
    border-top: 1px dashed #ccc;
    margin-top: 6px;
    padding: 6px 0 0
}

.compare .item2020 a.vertion2020 .desc span {
    display: block;
    color: #666;
    text-decoration: none;
    line-height: normal;
    font-size: 12px;
    line-height: 20px
}

.compare .item2020 a.vertion2020 a.compdetail {
    position: absolute;
    padding: 0
}

.lstproduct-compare {
    clear: both;
    display: block;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    flex: 1 100%;
    border: 1px solid #eee;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    height: auto;
    overflow: hidden
}

.lstproduct-compare.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.lstproduct-compare.owl-carousel .owl-wrapper {
    display: flex !important
}

.lstproduct-compare.owl-carousel .owl-item {
    float: left
}

.lstproduct-compare .item {
    position: relative;
    overflow: hidden;
    border-left: 1px solid #eee;
    height: 100%
}

.lstproduct-compare a {
    padding: 10px 0;
    display: block;
    overflow: hidden;
    background: #fff
}

.lstproduct-compare a .heightlabel {
    overflow: hidden;
    height: 23px
}

.lstproduct-compare img {
    display: block;
    width: 180px;
    height: auto;
    margin: 15px auto;
    transition: all ease 300ms
}

.lstproduct-compare h3 {
    display: block;
    line-height: 1.3em;
    font-size: 14px;
    color: #333;
    margin: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.lstproduct-compare a .props {
    margin: 0 10px;
    padding: 0;
    white-space: unset
}

.lstproduct-compare h6 {
    font-size: 12px;
    color: #d0021b;
    margin: 0 9px 0
}

.lstproduct-compare a h6.textkm {
    margin: 5px 10px 0
}

.lstproduct-compare .price {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 5px 10px 0
}

.lstproduct-compare a .ratingresult i {
    margin: 0
}

.lstproduct-compare a .ratingresult i.icontgdd-ystar {
    background-position: -295px -30px;
    width: 12px;
    height: 12px
}

.lstproduct-compare a .ratingresult i.icontgdd-gstar {
    background-position: -310px -30px;
    width: 12px;
    height: 12px
}

.lstproduct-compare img.icon-imgNew {
    top: 108px;
    position: absolute;
    left: 69%;
    width: 45px;
    height: auto
}

.lstproduct-compare a img.icon-imgNew.cate7077,.lstproduct-compare a img.icon-imgNew.cate42 {
    top: 167px;
    left: 170px
}

.lstproduct-compare a label {
    position: static;
    margin: 0 10px 5px;
    display: inline-block;
    font-weight: unset;
    border-radius: 2px;
    padding: 0 5px;
    height: 18px;
    top: 187px;
    left: 10px
}

.lstproduct-compare a .heightlabel>label.installment {
    background: #fbda00;
    font-size: 11px;
    color: #333
}

.lstproduct-compare strong {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 14px;
    color: #bf081f;
    line-height: 15px
}

.lstproduct-compare span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 5px;
    color: #333
}

.lstproduct-compare a .price i {
    font-size: 12px;
    color: #d0021b;
    margin: 0 5px 0;
    display: inline-block;
    vertical-align: middle;
    font-style: normal
}

.lstproduct-compare a .ratingresult {
    padding: 0;
    margin: 5px 10px 0
}

.lstproduct-compare a .ratingresult span {
    color: #777;
    text-decoration: none;
    position: relative;
    top: 1px
}

.lstproduct-compare a .promo {
    padding: 0;
    margin: 5px 10px 0;
    display: block;
    white-space: nowrap
}

.lstproduct-compare .promo.noimage p {
    margin-left: 0;
    width: auto;
    font-size: 12px;
    color: #333;
    white-space: normal;
    line-height: 1.4;
    float: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.lstproduct-compare .promo:after {
    content: "";
    display: table;
    clear: both
}

.lstproduct-compare .owl-buttons {
    position: absolute;
    top: 24%;
    height: 0;
    width: 100%;
    display: block
}

.lstproduct-compare .owl-prev {
    position: absolute;
    left: 0;
    padding: 20px 0 0;
    margin: 0;
    border-radius: 0 5px 5px 0;
    background: #fff;
    width: 34px;
    height: 50px;
    text-align: center;
    font-size: 46px;
    color: #999;
    font-family: -webkit-body;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.15)
}

.lstproduct-compare .owl-next {
    position: absolute;
    right: 0;
    padding: 20px 0 0;
    margin: 0;
    border-radius: 5px 0 0 5px;
    background: #fff;
    width: 34px;
    height: 50px;
    text-align: center;
    font-size: 46px;
    color: #999;
    font-family: -webkit-body;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.15)
}

.lstproduct-compare.owl-carousel .owl-item:first-child .item {
    border: 0
}

.title-suggest {
    display: block;
    clear: both;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 15px 0
}

.title-suggest strong {
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 16px
}

.title-suggest a {
    color: #4d90e0
}

.warpper-compare {
    margin-left: 10px;
    padding-bottom: 10px
}

.warpper-compare a.link-compare {
    padding: 0;
    color: #4d90e0
}

.tableparameter.tableparameter2020 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.productsubnew .contact {
    margin-bottom: 10px
}

.price_sale .contact a,.contact a {
    color: #288ad6
}

.lstproduct-compare.owl-carousel .item a .props span {
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    color: #777;
    border-radius: 5px;
    position: relative;
    margin: 5px 0 0;
    border: 1px solid #eee;
    padding: 0 5px
}

.lstproduct-compare.owl-carousel .item .desc {
    border-top: 1px solid #eee;
    padding: 5px 0;
    color: #333;
    line-height: 1.5;
    display: block;
    width: auto;
    margin-left: 5px;
    margin-right: 5px
}

.lstproduct-compare.owl-carousel .item .desc span {
    display: block;
    color: #666;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    padding-left: 10px;
    line-height: 20px
}

.lstproduct-compare.owl-carousel .item .desc span:after {
    content: "";
    border-radius: 50%;
    width: 2px;
    height: 2px;
    border: 1px solid #ccc;
    position: absolute;
    color: #ccc;
    left: 0;
    top: 9px;
    background: #ccc
}

.lstproduct-compare.owl-carousel .item a .result-label {
    display: inline-block;
    position: relative;
    border-radius: 15px;
    margin: 0 10px 5px;
    overflow: hidden;
    padding: 0 6px 0 0
}

.lstproduct-compare.owl-carousel .item a .result-label.temp1 {
    background: linear-gradient(90deg,#ef3006 4.5%,#c60004 90.3%)
}

.lstproduct-compare.owl-carousel .item a .result-label.temp2 {
    background: linear-gradient(270deg,#034bac 0%,#2374e1 100%,#2374e1 100%)
}

.lstproduct-compare.owl-carousel .item a .result-label.temp3 {
    background: #e91e63
}

.lstproduct-compare.owl-carousel .item a .result-label.temp4 {
    background: linear-gradient(270deg,#156fc8 4.6%,#3eb6f6 94.58%)
}

.lstproduct-compare.owl-carousel .item a.result-label.temp5 {
    background: linear-gradient(90deg,#ffc300 4.5%,#dd220d 90.3%)
}

.lstproduct-compare.owl-carousel .item a .result-label.temp6 {
    background: linear-gradient(243.82deg,#3023ae 16.81%,#c86dd7 83.85%)
}

.lstproduct-compare.owl-carousel .item a .result-label>img {
    display: inline-block;
    width: auto;
    height: 18px;
    margin: 0;
    vertical-align: middle
}

.lstproduct-compare.owl-carousel .item a .result-label span {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    color: #fff;
    font-size: 11px;
    font-family: Arial;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    margin-left: 3px
}

.bigcontain {
    overflow: hidden;
    clear: both
}

.bigcontain>a {
    width: calc(50% - 2px);
    text-align: center;
    background-color: #f1f1f1;
    border-top: 2px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
	height: 60px;
}

.bigcontain .not-repay {
    padding-top: 8px;
    border-top: 1px dashed #ddd
}

.bigcontain .noteDefault,.bigcontain .noteTwoprice {
    background: #fff46a;
    padding: 10px;
    margin: 7px 10px;
    display: none;
    font-size: 12px;
    color: #333;
    text-align: left;
    border-radius: 4px
}

.bigcontain .box-default {
    border: 1px solid #4a90e2;
    overflow: hidden;
    clear: both;
    border-top: none;
    padding: 10px 0 0
}

.bigcontain .box-default .box-online.notapply strong {
    position: relative
}

.bigcontain .box-sock {
    border: 1px solid #e16171;
    overflow: hidden;
    clear: both;
    border-top: none;
    padding: 10px 0 0;
    display: none
}

.bigcontain .area_promotion {
    margin-bottom: 10px;
    margin-top: 0
}

.bigcontain .b-sock {
    display: none
}

.bigcontain .b-sock>a.buy_now {
    background-image: linear-gradient(-180deg,#e52025 2%,#d81116 96%)
}

.bigcontain .box-sock .s-poly {
    display: block;
    overflow: hidden;
    position: relative;
    background: #fdf2f4;
    padding: 10px 10px 10px;
    margin: 0 10px 5px
}

.bigcontain .box-sock .s-poly h3 {
    overflow: hidden;
    color: #bf081f;
    font-weight: bold
}

.bigcontain .box-sock .s-poly span {
    padding: 5px 10px 0 15px;
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333
}

.bigcontain .box-sock .s-poly span:before {
    content: "•";
    margin-left: -15px;
    background: none;
    color: #999;
    margin-top: 0;
    font-size: 20px;
    float: left
}

.bigcontain .box-sock .s-poly span a {
    color: #288ad6
}

.bigcontain .box-sock .s-price {
    background: #fdf2f4;
    padding: 10px 10px 0;
    margin: 0 10px 0;
    color: #bf081f;
    overflow: hidden
}

.bigcontain .box-sock .s-price span {
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 2px;
    color: #333
}

.bigcontain .box-sock .s-price i {
    font-size: 12px;
    color: #000;
    font-style: normal
}

.bigcontain>a>h3 {
    font-weight: bold;
    color: #bf081f;
    padding: 20px 0;
    font-size: 16px
}

.bigcontain>a.tab-sock>div>h3 {
    color: #333;
    padding-top: 3px;
    font-size: 12px
}

.bigcontain>a>div>strong {
    overflow: hidden;
    font-size: 16px;
    color: #000
}

.bigcontain>a>div>span {
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 2px;
    color: #333
}

.bigcontain>a>div>i {
    font-size: 12px;
    color: #000;
    font-style: normal
}

.bigcontain a.active>div>strong {
    color: #bf081f
}

.bigcontain>a.tab-default {
    float: left
}

.bigcontain>a.tab-default.active {
    border-top: 2px solid #4a90e2;
    border-left: 1px solid #4a90e2;
    border-right: 1px solid #4a90e2;
    border-bottom: 1px solid #fff;
    background-color: #fff
}

.bigcontain>a.tab-default.ck {
    border-bottom: 1px solid #e16171
}

.bigcontain>a.tab-default>div {
    padding: 10px 0;
    margin-top: 1px
}

.bigcontain>a.tab-default>div.priceonce {
    padding: 20px 0;
    margin-top: 0
}

.bigcontain>a.tab-default>div>strong.notapply:before {
    content: "*";
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0
}

.bigcontain>a.tab-default>div>strong.notapply {
    position: relative;
    padding-right: 10px
}

.bigcontain>a.tab-sock {
    float: right;
    border-bottom: 1px solid #4a90e2
}

.bigcontain>a.tab-sock.active {
    border-top: 2px solid #e16171;
    border-left: 1px solid #e16171;
    border-right: 1px solid #e16171;
    border-bottom: 1px solid #fff;
    background-color: #fff
}

#app .bg-promo {
    z-index: 11
}

#app .alert-promo {
    z-index: 12
}

.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 {
    display: block;
    text-align: center;
    height: 20px;
    position: relative;
    clear: both
}

.csslder .csswrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.cssdot {
    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) {
    -webkit-animation: fx 1000ms ease infinite 300ms;
    animation: fx 1000ms ease infinite 300ms
}

.cssdot:nth-child(3) {
    -webkit-animation: fx 1000ms ease infinite 600ms;
    animation: fx 1000ms ease infinite 600ms
}

.loadingcover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.75);
    display: none;
    z-index: 2
}

.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;
    border: 1px solid #ddd;
    margin: 10px;
    padding: 12px 12px 5px 12px;
    border-radius: 4px
}

.promo_BHX .l1 {
    float: left
}

.promo_BHX .l1 img {
    width: 16px
}

.promo_BHX .l2 {
    float: right;
    width: calc(100% - 25px)
}

.promo_BHX .l2 div p strong {
    color: #e10c00
}

.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
}

.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
}

.area_promotion .promo_BHX {
    margin-left: 0;
    margin-right: 0;
    border-left: none;
    border-right: none;
    border-top-style: dashed;
    border-bottom-style: dashed;
    padding-top: 8px
}

.area_promotion .promo_BHX:nth-last-child(-n+2) {
    border-bottom: none;
    margin-bottom: 0
}

/* 09:42:15 06/04/2021 */
.iconmobile-checkbox {
    background-position: -145px -30px;
    width: 16px;
    height: 16px;
    vertical-align: sub
}

.check .iconmobile-checkbox {
    background-position: -165px -30px
}

.notemoreproduct {
    cursor: pointer;
    position: relative
}

.notemoreproduct .t {
    display: block;
    padding: 2px 8px;
    position: absolute;
    background: #fff9b4;
    border: solid 1px #e8dd58;
    text-align: center;
    top: -10px;
    left: 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.notemoreproduct .last {
    display: none;
    padding: 10px;
    margin-top: 10px;
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px
}

.notemoreproduct .last:before,.notemoreproduct .last:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 29px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.notemoreproduct .last:before {
    border-bottom: 10px solid #ccc
}

.notemoreproduct .last:after {
    border-width: 9px;
    margin-left: 1px;
    border-bottom-color: #fff
}

.notemoreproduct .last .addmore i {
    display: block;
    font-size: 12px;
    padding-top: 2px;
    font-style: normal
}

ul.listmorecolor {
    display: block;
    overflow: hidden;
    margin-top: 10px
}

ul.listmorecolor li {
    float: left;
    overflow: hidden;
    padding-bottom: 3px;
    margin: 0 15px 0 0;
    text-align: center;
    font-size: 11px;
    color: #333;
    min-height: 0;
    border-bottom: none
}

ul.listmorecolor li img {
    width: auto;
    height: 40px;
    margin: 0;
    display: block
}

ul.listmorecolor li.choosed div {
    border-color: #f89008
}

ul.listmorecolor li div {
    display: block;
    height: 40px;
    position: relative;
    border: 1px solid #dfdfdf;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 6px;
    background: #fff;
    margin: auto;
    margin-bottom: 3px
}

ul.listmorecolor li.choosed .iconmobile-radiosim {
    border-color: #2dc535;
    background-color: #2dc535
}

ul.listmorecolor li.choosed .iconmobile-radiosim:after {
    content: '';
    display: block;
    width: 2px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(50deg);
    background: none;
    margin: -2px 0 0 1px;
    border-radius: 0
}

ul.listmorecolor .iconmobile-radiosim {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    padding: 3px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 2px auto;
    display: block
}

.last .i {
    border-top: 1px solid #eee;
    padding: 10px 0 0 0;
    margin-top: 5px
}

.vipservice {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 12px 12px 5px 12px;
    margin: 0 10px 10px
}

.vipservice>* {
    margin-bottom: 10px
}

.vipservice>b {
    display: block
}

.vipservice>b>b {
    color: #f01
}

.vipservice>div>a {
    color: #333
}

.vipservice>div>a:hover {
    text-decoration: none
}

.vipservice>div i.iconmobile-checkbox {
    margin-right: 5px
}

.vipservice>div>div.form {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 10px;
    position: relative;
    display: none;
    margin-bottom: 20px
}

.vipservice>div>div.form:before,.vipservice>div>div.form: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
}

.vipservice>div>div.form:after {
    border-width: 9px;
    margin-left: 1px;
    border-bottom-color: #fff
}

.vipservice>div>div.form>i {
    position: absolute;
    left: 0;
    bottom: -20px;
    font-size: 11px;
    font-style: normal
}

.vipservice>div>div>input {
    display: block;
    width: 96%;
    height: 35px;
    line-height: 35px;
    border: none;
    padding: 0 2%
}

.price_sale .vipservice ul.listmorecolor li.choosed div {
    border-color: #f89008
}

.area_promotion .vipservice {
    border: none;
    margin: 10px 12px 0 12px;
    border-top: 1px solid #ccc;
    padding: 12px 0 0 0;
    border-radius: 0
}

.area_address .vipservice {
    margin: 0;
    padding: 0;
    border: none
}

.area_address .vipservice>* {
    margin: 10px 0 0 0
}

.area_address .vipservice>b {
    display: none
}

.area_address .vipservice>div.o3 {
    margin-bottom: 0
}

.colinfo .notemoreproduct {
    margin-top: 5px
}

.notemoreproduct .iconmobile-checkbox {
    margin-right: 5px
}

.htkt {
    margin-top: 10px
}

.error-color {
    padding: 7px 10px;
    margin: 20px 30px 0 30px;
    display: block;
    border: 1px solid #c10017;
    background-color: #ffedec;
    color: #c10017;
    line-height: 1.5;
    border-radius: 4px
}

@media screen and (max-width: 720px) {
    .error-color {
        margin:10px;
        font-size: 13px
    }

    .colinfo .notemoreproduct {
        margin: -15px 10px 0 0
    }

    ul .listmorecolor li {
        margin-right: 10px
    }

    .iconmobile-checkbox {
        background-position: -160px -55px
    }

    .check .iconmobile-checkbox {
        background-position: -160px -75px
    }

    .vipservice.desk .iconmobile-checkbox {
        background-position: -145px -30px;
        width: 16px;
        height: 16px;
        vertical-align: sub
    }

    .vipservice.desk .check .iconmobile-checkbox {
        background-position: -165px -30px
    }

    .vipservice>div>a {
        display: block;
        position: relative;
        padding-left: 20px
    }

    .vipservice>div a i.iconmobile-checkbox {
        position: absolute;
        left: 0;
        top: 1px
    }
}

@media screen and (max-width: 384px) {
    .notemoreproduct .last {
        padding-bottom:5px;
        padding-top: 8px
    }

    .notemoreproduct .last .addmore>div {
        font-size: 12px;
        white-space: nowrap
    }

    ul.listmorecolor {
        margin-top: 0
    }
}

/* 09:42:15 06/04/2021 */
.rightInfo {
    float: left
}

.rightInfo.phone {
    float: right;
    width: 22.5%;
    overflow: visible;
    background: #fff;
    position: relative
}

.checkexist {
    background: #fff;
    position: relative
}

.checkexist .layerstore {
    position: absolute;
    display: none;
    width: 280px;
    left: -31px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 11;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.3)
}

.checkexist .layerstore:after,.checkexist .layerstore:before {
    top: -20px;
    left: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.checkexist .layerstore:before {
    border-color: rgba(238,238,238,0);
    border-bottom-color: #fff;
    border-width: 11px;
    margin-left: -11px;
    z-index: 1
}

.checkexist .layerstore:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #dfdfdf;
    border-width: 10px;
    margin-left: -10px
}

.checkexist strong {
    display: block;
    font-size: 14px;
    color: #288ad6;
    padding: 5px 0 12px 0;
    font-weight: normal;
    cursor: pointer
}

.checkexist .listmarket strong {
    color: #333
}

.checkexist .scroll {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 160px
}

.checkexist aside {
    float: left;
    width: 50%
}

.checkexist,.likeshare {
    margin-right: 10px
}

.rightInfo.phone .policy {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
    padding-top: 10px
}

.rightInfo.phone .policy li {
    display: block;
    overflow: hidden;
    padding: 5px 0 5px 28px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin: 0 10px;
    border-bottom: solid 1px #f0f0f0;
    position: relative
}

.rightInfo.phone .policy li:first-child {
    padding-top: 0;
    min-height: 30px
}

.rightInfo.phone .policy li::before {
    margin-left: 0
}

.rightInfo.phone .policy li a {
    color: #288ad6
}

.rightInfo.phone .policy li a:hover {
    text-decoration: underline
}

.rightInfo.phone .policy li b,.rightInfo.phone .policy li strong {
    font-weight: normal
}

.rightInfo.phone .policy li:last-child {
    border-bottom: none
}

.rightInfo.phone .policy.nobefore li:last-child:before {
    display: none
}

.rightInfo.phone .policy li.timeship {
    display: none
}

.rightInfo.phone .policy li .icon-poltick {
    content: '';
    background: url(/Content/desktop/images/V4/game/1-doi-1@2x.png) 0 0 no-repeat;
    width: 16px;
    height: 18px;
    background-size: 16px 18px;
    position: absolute;
    display: block;
    top: 8px;
    left: 3px
}

.rightInfo.phone .policy .inpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/trong-hop-co@2x.png) 0 0 no-repeat;
    width: 19px;
    height: 16px;
    background-size: 19px 16px;
    position: absolute;
    display: block;
    top: 4px;
    left: 0
}

.rightInfo.phone .policy .wrpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/bao-hanh-chinh-hang@2x.png) 2px 0 no-repeat;
    width: 19px;
    height: 23px;
    background-size: 16px 23px;
    position: absolute;
    display: block;
    top: 4px;
    left: 0
}

.rightInfo.phone .policy .shpr span strong {
    color: #e10c00;
    font-weight: bold
}

.rightInfo.phone .policy .shpr span strong.f {
    color: #e10c00;
    font-weight: normal
}

.rightInfo.phone .policy .chpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/1-doi-1@2x.png) 0 0 no-repeat;
    width: 18px;
    height: 20px;
    background-size: 18px 20px;
    position: absolute;
    display: block;
    top: 8px;
    left: 0
}

.rightInfo.phone .policy .ghOLpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/giao-hang-online@2x.png) 0 0 no-repeat;
    width: 30px;
    height: 20px;
    background-size: 25px 15px;
    position: absolute;
    display: block;
    top: 8px;
    left: -2px
}

.rightInfo.phone .policy .ghOLpr span strong {
    font-weight: bold
}

.rightInfo.phone .policy .tnpr:before {
    content: '';
    background: url(/Content/desktop/images/V4/game/trai-nghiem@2x.png) 0 0 no-repeat;
    width: 30px;
    height: 20px;
    background-size: 23px 17px;
    position: absolute;
    display: block;
    top: 8px;
    left: 0
}

.rightInfo.phone .policy li.csw {
    padding: 5px
}

.rightInfo.phone .policy li.csw p {
    border-bottom: solid 1px #f0f0f0;
    padding: 10px 0
}

.rightInfo.phone .policy li.csw p:first-child {
    padding: 0 0 10px
}

.rightInfo.phone .policy li.csw p:last-child {
    border-bottom: none;
    padding: 10px 0 0
}

.rightInfo.phone .policy li.csw:before {
    background: unset;
    content: unset
}

.promote {
    margin: 20px 0 10px;
    padding: 20px 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    position: relative
}

.promote b {
    display: block;
    padding: 2px 8px;
    position: absolute;
    background: #fff9b4;
    border: solid 1px #e8dd58;
    text-align: center;
    top: -10px;
    left: 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    border-radius: 2px
}

.promote a {
    display: inline-block;
    color: #288ad6
}

.promote strong {
    color: #d0021b
}

.promote span {
    display: block;
    line-height: 20px;
    padding: 0 10px 0 20px;
    margin-bottom: 5px
}

.promote span:last-child {
    margin: 0
}

.promote span:before {
    content: '';
    margin-left: -20px;
    background: url(/Content/desktop/images/V4/game/check@2x.png);
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px
}

.productOld {
    border: solid 1px #ddd;
    padding: 10px 12px 10px 12px;
    margin-bottom: 10px;
    border-radius: 3px;
    position: relative
}

.productOld .viewold {
    margin-top: 0
}

.productOld .viewold div {
    display: block;
    overflow: hidden;
    color: #333;
    margin-top: 3px
}

.productOld .viewold div span {
    display: block;
    line-height: 22px;
    color: #333
}

.productOld .viewold div span strong {
    color: #e10c00
}

.productOld .viewold div label.installment {
    position: absolute;
    right: 10px;
    bottom: 5px
}

.boxFlashSales {
    padding: 10px;
    border-top: none;
    overflow: hidden
}

.boxFlashSales .box-flash-head strong {
    display: inline-block;
    overflow: hidden;
    font-size: 24px;
    color: #e10c00;
    vertical-align: middle;
    margin-right: 10px
}

.boxFlashSales .box-flash-head {
    margin: -10px 0 10px 0;
    overflow: hidden
}

.boxFlashSales .box-flash-head span.hisprice-flash {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    margin-right: 10px
}

.boxFlashSales .box-promo-flash {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    margin: 5px 10px 12px;
    background: #fff;
    padding-bottom: 10px;
    margin-top: 20px
}

.boxFlashSales .box-promo-flash strong {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding: 15px 15px 10px 15px;
    text-transform: uppercase
}

.boxFlashSales .box-promo-flash .infopr span {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 0 15px 5px 40px
}

.boxFlashSales .box-promo-flash .infopr span:before {
    content: '';
    margin-left: -20px;
    background: url(/Content/desktop/images/V4/game/check@2x.png);
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px
}

.boxFlashSales .box-button-flash {
    margin: 5px 10px 12px
}

.boxFlashSales .box-button-flash a {
    padding: 15px 10px;
    background: #d0021b;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    display: block;
    position: relative;
    top: 2px;
    right: 0
}

.boxFlashSales .box-button-flash a i {
    font-style: normal;
    font-size: 14px;
    display: block;
    bottom: 3px;
    font-weight: normal;
    left: 0;
    right: 0
}

.boxFlashSales .box-fullOrder {
    padding: 10px;
    background: #ffd9d7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #f00;
    position: relative;
    overflow: hidden
}

.boxFlashSales .box-fullOrder span {
    margin-left: 25px;
    float: right
}

.boxFlashSales .box-fullOrder i:before {
    content: '';
    width: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    height: 30px;
    top: 35%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA8CAYAAAB1odqiAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALaSURBVHgBtVjRcdpAEH0SykxmzAdpIJY6iDsgJaSCmAoyqSC4giQVxB24hOAKTCqAjBvgA2YyY9BlV0gYpNu7PXG8HxvppMe+27e7R4KIWIwwGmzxYAzy8g1uihVW7TUpIiJ9wXcDjJEgxxYfrGsQCYsr3BLR7eFChjkuRbh4i5xe9O3o0twmZzTCdEBkLGONEngU1+JMdKRkJJjhEoQWKfd4se/f2YRtKWvMi39Yis+gJ56v8KUjJSExcnS9CVnKMsFUuP2I2IRphgf6M7Ld2yFyhM/DKkmsVQQGy2ITkbCSEqKUIJn/wIMgQsrK384FRvZfMGElZdcCbcw89+kVClQGz7DwLFtdr/HOs0YXoVdKuOtnEKFSStX+eQkXQ4xdWXmCxG2H12USGY0L1MGfVNERaP9U+SBGyOOClsxAJ6dIaO1xbkJVwlgJxR7nxky7sEMo9Dg3Ml3CdAhDpWTw/kkDkw2HzKqkZIOHRqcFdRIq7pNDhL2kDMH+3eMqQh4XiP0HLgmOcIePSV2YnyB08FigWWfyfoP71DUuxAKVx59Mxv+nFOpFyVhKss20+ZixrnQhVzyYpwl+IRCcmce2yeqhdel7sPJoKBlJWaxPq5B6xBgk+IwQtKRsoGopjL9DLip6lFsUtpFfFSE3YgSApLyTzhe6mcYEyMnD8FqeErR7OFauQ5X1DngJuRJpa6xLygYZfBgoo9ufK6a+Zd4ItXbwSakmNIr900jZwOlDtgN9I98BZnm9QQElnBFq7KCVUkUIj5whUjaQJ2//iWlO0/YNAiFH6LbDimrlJ/SASOiyQ2nCpWwgSip1B55D83VYohzDWmnE7kAWMDtMcAaskkp2SNBfSichLHagMe++mbyiElq7A0m52+EOEdCN0GKHGFKKhG07xJLy8L72hRM71OeBWNExTs+HLTvElNJKeGyH2FJaCSmk/c+SEbPSSVj/fLUqU3yNLWWD/02l9svoZnwJAAAAAElFTkSuQmCC)
}

.box-fullOrder a {
    color: #288ad6
}

.area_order .buy_now.red {
    background: #e10c00;
    position: relative
}

.area_order .buy_now.blue-install {
    background: #288ad6;
    margin-top: 10px;
    position: relative
}

.area_order .buy_now.red * {
    padding-left: 14px
}

.area_order .buy_now.red:before,.area_order .buy_now.blue-install:before {
    content: '';
    width: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 31%;
    height: 30px;
    top: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA8CAYAAAB1odqiAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMKSURBVHgBtZhfTttAEMa/MW4TWirRN0KjKtwAbpAeoScoOUHVExBO0PYE5QYcoeYEpCfAUhOFR6RSESrs6W6MSeTsn9mw+b0ksdfzZT7PZMchRISvdnfv2zvnAPVasz9HdHBz01yTICL/Xr3+ql76Sro3a+8cmtZEE7ybvjvmko7rz+3Z7QibEryb7vUIycnTAeKRyc5ogkmydaJtfDrwQBfWtXgmTSs1BRUZNiG4YmUdNOERNiG4YqVG3b/tznVuvQZrMrt+/7lpZaWHkeu6tQS1lUA5NJ0rC1wgtmDC6TkYu6ZzBdwZpgjkfto9YeDQfJbzne4knqXaSiU2tJ0vmX7BQ5Ag4cVPdzDOEEtQW7nSAg0eSmTwQBBQNXh65QxEuGntjd/CgyhDn5WaonS3g1hQYmUVyH//qnUO7n53+66qXIaJRpJ11ntYjQtvLiXZadqdsagerBlW44JMTJEJ15kFTXucCxYWjFHQtsd5omTypc0Dpj3Og21g8gqGWvlIZhuYTNBCTFupGzwsOzmUM3jwlOE6VoahYpfozzPU44IqtW/YKKwyLD7Q3EpKL207eDS5ggfb3clZ4hoX4qnhuxbTbxMm3qyYsrJ1fzusP6XaV/XSE1yoqph+IBAGDZbbJn0cWnPfhbpHEYq2cn+cLR8ST20qu08IQlv5d7gaR8hs2mUEwHg4MI38ohFDb8QIQH2zU9vzhUgweckBdnK+3RkPrbEgCVEmfQipqt6OV7B6cJH9xrqsrBFU6VYfIrSVk6FvlTdDaTv4rBQLYv6/i0/Mb2WNsw91O1AKz9TNebszOYAQZ4aSdpBaKRL0tUOIlTVWS31PTMQ8au1PjhCIoy0c7aAezUoUH7EGiT2mox1KDrZyEdeCY3fI1INLUKEsY7TUvjvMJ68BnoHRUls7cIG1rXQKmtqBwGf15BVV0Lw7cK6q8hQRMGS42g4xrKxZKZpmO2gr2xGsrDHdw/7ibTwrjYLNdohppVFwuR1iVaVTkAt6/FsyvpVGwRLq3wj1w0xl+SW2lTX/Afb1Uo5ghIiiAAAAAElFTkSuQmCC)
}

.area_order .buy_now.blue-install:before {
    left: 18%
}

.box-flash-count {
    height: 20px;
    background: #f9d1bd;
    border-radius: 30px;
    position: relative;
    margin: 5px 10px 12px
}

.box-flash-count .flash_count {
    height: 20px;
    background: #f9d1bd;
    border-radius: 30px;
    position: relative;
    margin-left: 10px;
    overflow: hidden
}

.box-flash-count i:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #e10c00 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFWSURBVHgBrVWBcYMwDDRdoN6gHoERPAIb1N0gnSBsUHeCsEFGSDZIOwHdgHYCVQJxMY6RIeHvdNiW/i0sgZXKAAAc2l5tDRTdwYAjmlZbAcU8XHFBM2oLoNAJprhskjmKdHCLg3oEKFDCPBzHrM+eMhOE6U00F7eKuU8ZbSv4KFOH9otGCZRJYd5dB3MiGZXf2PAm6XbERYtWB/MW8qCYUzD/SAkf6Nx4vIf7YWLhlh1WIDWQhw9FXeDoBNILWg0y+m5Zc569MMf7TJwbi5bLoEfUQa3A8dRur0rGOz/P40JRFNS7bwLHkHApBHyhSMPj79CB62c1fBwpPOeEP/n5g9YI/hh/Sjin4xgVjkMI9dlJHWGYrGHm507rs1xIt87i/+0sl3eNP4rqTuFu8nZwvTBH2IWiOuK5VFC9NmOYFs9JgRUMxfQLhT3H2yXBZoUwHWHyzvsH6WilcWhbn1sAAAAASUVORK5CYII=);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: 2;
    background-size: 11px 13px
}

.box-flash-count .flash_count div {
    position: absolute;
    height: 20px;
    left: 0;
    top: 0;
    background: linear-gradient(90deg,#ff9c00 0%,#ec1f1f 100%);
    border-radius: 30px 0 0 30px
}

.flash_count span {
    display: block;
    position: relative;
    z-index: 2;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #000
}

@media screen and (max-width: 900px) {
    .area_order .buy_now.red:before {
        left:28%
    }

    .area_order .buy_now.blue-install:before {
        left: 13%
    }

    .box-flash-count {
        margin: 0
    }

    .boxFlashSales {
        padding: 10px 10px 0 10px
    }

    .boxFlashSales .box-promo-flash {
        margin: 5px 0 12px;
        margin-top: 12px
    }

    .boxFlashSales .box-fullOrder {
        margin-bottom: 10px
    }

    .area_order {
        margin: 10px 0 0 0
    }
}

.rowdetail.fs .picture {
    width: 42%
}

.rowdetail.fs .picture img {
    max-width: 100%;
    width: auto
}

.rowdetail.fs .price_sale {
    margin: 0 1%;
    width: 33%
}

.rowdetail.fs .boxFlashSales {
    padding: 10px 0;
    overflow: visible
}

.rowdetail.fs .boxFlashSales .box-flash-head,.rowdetail.fs .boxFlashSales .box-fullOrder {
    margin-left: 10px;
    margin-right: 10px
}

.rowdetail.fs .option-shiper {
    margin: 10px
}

.buy_repay.fs {
    position: relative
}

.buy_repay.fs * {
    padding-left: 14px
}

.buy_repay.fs:before {
    content: '';
    width: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 26%;
    height: 30px;
    top: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA8CAYAAAB1odqiAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMKSURBVHgBtZhfTttAEMa/MW4TWirRN0KjKtwAbpAeoScoOUHVExBO0PYE5QYcoeYEpCfAUhOFR6RSESrs6W6MSeTsn9mw+b0ksdfzZT7PZMchRISvdnfv2zvnAPVasz9HdHBz01yTICL/Xr3+ql76Sro3a+8cmtZEE7ybvjvmko7rz+3Z7QibEryb7vUIycnTAeKRyc5ogkmydaJtfDrwQBfWtXgmTSs1BRUZNiG4YmUdNOERNiG4YqVG3b/tznVuvQZrMrt+/7lpZaWHkeu6tQS1lUA5NJ0rC1wgtmDC6TkYu6ZzBdwZpgjkfto9YeDQfJbzne4knqXaSiU2tJ0vmX7BQ5Ag4cVPdzDOEEtQW7nSAg0eSmTwQBBQNXh65QxEuGntjd/CgyhDn5WaonS3g1hQYmUVyH//qnUO7n53+66qXIaJRpJ11ntYjQtvLiXZadqdsagerBlW44JMTJEJ15kFTXucCxYWjFHQtsd5omTypc0Dpj3Og21g8gqGWvlIZhuYTNBCTFupGzwsOzmUM3jwlOE6VoahYpfozzPU44IqtW/YKKwyLD7Q3EpKL207eDS5ggfb3clZ4hoX4qnhuxbTbxMm3qyYsrJ1fzusP6XaV/XSE1yoqph+IBAGDZbbJn0cWnPfhbpHEYq2cn+cLR8ST20qu08IQlv5d7gaR8hs2mUEwHg4MI38ohFDb8QIQH2zU9vzhUgweckBdnK+3RkPrbEgCVEmfQipqt6OV7B6cJH9xrqsrBFU6VYfIrSVk6FvlTdDaTv4rBQLYv6/i0/Mb2WNsw91O1AKz9TNebszOYAQZ4aSdpBaKRL0tUOIlTVWS31PTMQ8au1PjhCIoy0c7aAezUoUH7EGiT2mox1KDrZyEdeCY3fI1INLUKEsY7TUvjvMJ68BnoHRUls7cIG1rXQKmtqBwGf15BVV0Lw7cK6q8hQRMGS42g4xrKxZKZpmO2gr2xGsrDHdw/7ibTwrjYLNdohppVFwuR1iVaVTkAt6/FsyvpVGwRLq3wj1w0xl+SW2lTX/Afb1Uo5ghIiiAAAAAElFTkSuQmCC)
}

section.fsmb .promote {
    margin-left: 10px;
    margin-right: 10px
}

section.fsmb .area_order {
    margin-left: 10px;
    margin-right: 10px
}

.h-province.detail {
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.h-province.detail>* {
    display: inline-block;
}

.h-province.detail>div {
    position: static;
}

.h-province.detail>div>b {
    font-size: 14px;
    color: #4A90E2;
}

.h-province.detail>div>b:after {
    border-top: 1px solid #4A90E2 !important;
    border-right: 1px solid #4A90E2;
    transform: rotate(140deg) skew(12deg);
    width: 6px;
    height: 6px;
    margin-bottom: 6px;
    border-left: none;
}

.h-province.detail>div>b.active:after {
    border-bottom: none;
    transform: rotate(-38deg) skew(12deg);
    margin-bottom: -2px;
}

.h-province.detail>div>b:before {
    content: ":";
    display: inline-block;
    vertical-align: middle;
    float: right;
    padding-left: 5px;
    color: #333;
}

.h-province.detail>div>div {
    border: 1px solid #ccc;
    left: 44px;
    z-index: 9;
    padding: 10px 10px 20px 10px;
    top: 27px;
}

.h-province.detail>div>div.choose-province {
    display: none !important;
}

.area_price {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0;
    padding-bottom: 5px;
}

.area_price span {
    display: inline-block;
}

.area_promotion {
    margin-top: 10px;
}

.h-province.dt.detail {
    float: none;
    width: auto;
}

.h-province.dt.detail>span {
    display: inline-block;
    color: #333;
    font-size: 14px;
}

.rightInfo.fashion h1 {
    padding-left: 10px;
}

.h-province.mb.detail {
    background-color: transparent;
    margin-right: -5px;
    height: auto;
    z-index: 2;
}

.h-province.mb.detail>* {
    line-height: 1;
}

.h-province.mb.detail>span {
    color: #333;
    font-size: 14px;
}

.h-province.mb.detail>span:before {
    display: none;
}

.h-province.mb.detail>div>b.active:after {
    border-bottom: none;
}

.h-province.mb.detail>div>div {
    width: 280px;
    top: 24px;
    left: 10px;
}

.h-province.mb.detail>div>div:after, .h-province.mb.detail>div>div:before {
    display: block;
    left: 65px;
}

.h-province.detail.scenario300 {
    margin-left: 0;
}

.h-province.dt.detail.scenario300>div {
    position: relative;
}

.h-province.dt.detail.scenario300>div>div {
    left: -20px;
}

.h-province.mb.detail.scenario300 {
    margin-left: 10px;
}

.h-province.mb.detail.scenario300>span {
    padding-left: 0;
}

.h-province.mb.detail.scenario300>div>div {
    left: 0;
}

.h-province.mb.detail.scenario300>div>div:after, .h-province.mb.detail.scenario300>div>div:before {
    left: 160px;
}

.productsubnew .pricesell {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}

.productsubnew .labelstatus {
    display: block;
}

.tableparameter2020 .h-province.mb.detail.scenario300 {
    margin-left: 0;
}

.boxFlashSales .box-fullOrder.tesaerflashsale span {
    float: none;
}

.boxFlashSales .box-fullOrder.tesaerflashsale span a {
    color: #333;
}

.boxFlashSales .box-fullOrder.tesaerflashsale i:before {
    top: 15%;
}

.promotion-bonus {
    border: 1px solid #ddd;
    border-radius: 4px;
    clear: both;
    margin-bottom: 10px;
}

.promotion-bonus>b {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding: 10px 15px 8px 15px;
    text-transform: uppercase;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
}

.promotion-bonus>b>i {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #666;
    display: block;
    text-transform: none;
    padding-top: 1px;
}

.promotion-bonus>ul {
    padding: 10px;
}

.promotion-bonus>ul>li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.promotion-bonus>ul>li:last-child {
    margin-bottom: 0;
}

.promotion-bonus>ul>li>i {
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #4A90E2;
    line-height: 19px;
    color: #fff;
    text-align: center;
    left: 0;
    top: 0;
    font-style: normal;
    border-radius: 50%;
    font-size: 11px;
}

.promotion-bonus>b>i {
    display: inline-block;
    vertical-align: bottom;
}

.promotion-bonus>ul>li>span {
    line-height: 1.4;
    display: block;
}

.promotion-bonus>ul>li.last {
    color: #4A90E2;
    cursor: pointer;
    text-align: center;
    padding-left: 0;
}

.promotion-bonus>ul>li.last:after {
    content: '';
    border-top: 1px solid #4A90E2 !important;
    border-right: 1px solid #4A90E2;
    transform: rotate(140deg) skew(12deg);
    width: 6px;
    height: 6px;
    margin-bottom: 6px;
    border-left: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.promotion-bonus>ul>li>div.promo_BHX {
    border: none;
    margin: 0;
    padding: 0;
}

.promotion-bonus>ul>li>.promo_BHX .l1 {
    display: none;
}

.promotion-bonus>ul>li>.promo_BHX .l2 {
    width: auto;
    float: left;
}

.promotion-bonus>ul>li>i {
    background: url(/Content/desktop/images/V4/game/check@2x.png);
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    text-indent: -9999px;
    top: 3px;
}

.rightInfo.fashion .promotion-bonus {
    margin-left: 15px;
    margin-right: 5px;
}

@media screen and (max-width: 640px) {
    .promotion-bonus {
        margin:10px 10px 0 10px;
    }

    .promotion-bonus>b>i {
        margin-left: 5px;
    }
}

header.tgdd {
    overflow: visible;
}

header.tgdd .choose-province {
    display: none !important;
}

header .menu-info {
    width: 673px !important;
	margin-top: 13px;
}

.wrap-suggestion {
    z-index: 13;
}

.navigation, .over {
    z-index: 14;
}

.subnav {
    z-index: 15;
}

header .menu {
    z-index: 16;
}

header .menu.index {
    z-index: 11;
}

section.sf {
    margin-top: 83px;
}

.h-province>div {
    position: relative;
    width: auto;
    padding: 0;
}

.h-province>div>b {
    color: #FFE500;
    font-size: 11px;
}

.h-province>div>b:after {
    content: '';
    border-top: 5px solid #FFE500;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 2px;
}

.h-province>div>b.active:after {
    border-bottom: 5px solid #FFE500;
    border-top: none;
}

.h-province>div>b.gray {
    color: #ddd;
}

.h-province>div>b.gray:after {
    border-top-color: #ddd;
}

.h-province>div>div {
    background-color: #fff;
    position: absolute;
    left: -20px;
    z-index: 9;
    width: 270px;
    padding: 10px;
    top: 22px;
}

.h-province>div>div:after, .h-province>div>div:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 35px;
    border-bottom: 5px solid #d9d9d9;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.h-province>div>div:after {
    border-width: 4px;
    border-bottom-color: #fff;
    margin-left: 1px;
}

.h-province>div>div>* {
    display: block;
    margin-bottom: 5px;
}

.h-province>div>div>span {
    position: relative;
}

.h-province>div>div>span>input {
    height: 30px;
    line-height: 30px;
    padding: 0 40px 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: calc(100% - 52px);
}

.h-province>div>div>span>i {
    position: absolute;
    right: 10px;
    top: 5px;
}

.h-province>div>div>div {
    padding-top: 10px;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.h-province>div>div>div>div {
    width: 49%;
    float: left;
}

.h-province>div>div.choose-province {
    padding-top: 15px;
    text-align: center;
}

.h-province>div>div.choose-province>span {
    padding-left: 20px;
    position: relative;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: left;
}

.h-province>div>div.choose-province>span:before {
    content: '';
    width: 12px;
    height: 15px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIuSURBVHgBrVZNbuowEJ44sETNW8IqvUEkQOKtXnqCPk7Q9gbtCZreoD0B9ARtT9B0h8RfegN3AyzZI6DfpDEKiNiG8kmRB2f8fZOxZ4xDGjQajRDD5Xq9DjDy4/E8fieO40iYr5VK5S2O43kRh1NEDJJ7mCGZISH2PBgMIisBkEcZ+aGQ5XL5otfryUKBer3exXBFx0MKIdr9fj9RE0IZHPkvyRn+arV6abVa/pZALuengL9YLDpbAiDv0GkRZieQRGb4phUIYo5H8kgWUBkRyNmlhfMj/M5HoxE/f2BzSqVhWRgEgccpCg3kEUjvkiTZRD4ejz8gcgFT+zWlUumfQJH4OicQPe2bhyCnq0v64NIv8DQOMh/5HnySXsBnAatNK8CZ4f1c6DaL06eOW8H7/6QBN0X+gtjg1MlXpkJW+aFh7aeTVfE76SE5EPh9YDzLIg8N5F2cvpu02aHJvZNda7YG1wof57RVIKIHOiF4X5mc7VQAl0VMhr04UOBa2Zt2faqv4Nyr6BmuMiaTiaxWqx6EWnQkODXI/c1sNtvUlsg74OWDRRMrBIKLuIXk57YEuC24rtumI8CpGQ6Hz7vzYneC71M439Fh5JyavXvo7pucTqe9Wq12Tj//hUzkc5D/3U2NgihauFwub7mXkBlREblWgPcDkbV1m55dRk+kgUMGNJvNAELcSrwd8ke+6UzrjQI5kXGOPG1kNmtdGycU4QxF+AUzwFlPQG59lL8BtFlKpL8GShQAAAAASUVORK5CYII=) no-repeat center top;
    background-size: 12px 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

.h-province>div>div.choose-province>a {
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    color: #333;
}

.h-province>div>div.choose-province>a:nth-child(2) {
    margin: 0 5px 0 0;
    background-color: #f3f3f3;
}

.h-province>div>div.choose-province>a:nth-child(3) {
    background-color: #F97E0F;
    color: #fff;
    border-color: #FB6E2E;
}

.h-overlay {
    display: none;
    overflow: hidden;
    z-index: 11;
    background: rgba(0,0,0,.75);
    width: 100%;
    max-width: 640px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.h-loading {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255,255,255,.6);
    width: 100%;
    height: 100%;
    z-index: 13;
}

.h-loading>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.h-loading .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: dot 1000ms ease infinite 0ms;
    animation: dot 1000ms ease infinite 0ms;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
}

.h-loading .csdot:nth-child(2) {
    -webkit-animation: dot 1000ms ease infinite 300ms;
    animation: dot 1000ms ease infinite 300ms;
}

.h-loading .csdot:nth-child(3) {
    -webkit-animation: dot 1000ms ease infinite 600ms;
    animation: dot 1000ms ease infinite 600ms;
}

@-webkit-keyframes dot {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes dot {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.h-province.dt {
    width: 120px;
    float: left;
    margin-left: 10px;
    padding: 0;
    clear: none;
    overflow: visible;
}

.h-province.dt>span {
    color: #fff;
    font-size: 11px;
    display: block;
    margin-bottom: -3px;
    padding-top: 3px;
}

.h-province.dt>div>div {
    z-index: 10;
}

.h-province.dt>div>b {
    cursor: pointer;
}

.h-province>div>div>div {
    width: auto;
    float: none;
}

.h-province.dt>div>div>div>div>a {
    margin-bottom: 10px;
    color: #288ad6;
    display: block;
}

.h-province.dt>div>div.choose-province {
    box-shadow: 0 0px 5px 0 rgba(90, 90, 90, 0.5)
}

.h-province.mb {
    cursor: pointer;
    background-color: #FFEF94;
    height: 35px;
    position: relative;
    z-index: 12;
    clear: both;
}

.h-province.mb>* {
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
}

.h-province.mb>span {
    font-size: 13px;
    padding-left: 10px;
    color: #333;
}

.h-province.mb>span:before {
    content: '';
    width: 12px;
    height: 15px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEcSURBVHgBtZVhEYMwDIXfYWBIQAIOqINJAAfMAThAQnEwCUjgpoA5YA5YytiO43pNWrrv7v1q+tK0IQBuFKkjDaSZtGwaSXdSSUoRgNpMF4EmUgsPWqGxLVHGmfeB5vskOSKfXFSJimT+1XBMMEVOsGyH9jr9vB1k9q2iEwSbmH2/F5BVve4ZmaAGdjJBNVcIglxfKld9mTAGT9LLsf6AmyxhDDguzPrqzb2BchgMzN7CBHH3OME+Y1oIu0gJAk0STapINWSTVvuUGqJin0BFNp9gIWYVhS2BimSu4UAyl0I67keKc6O7hIA80FzDg5unOXs1Nnqh+RxibjDvwc0poxonyOB+9AYRMI9u+yl1iMixszT+QIXPdQ0+m972AJzRNNjYpgAAAABJRU5ErkJggg==) no-repeat center top;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
}

.h-province.mb>div {
    position: static;
}

.h-province.mb>div>b {
    color: #4A90E2;
    font-size: 14px;
}

.h-province.mb>div>b:after {
    border-top-color: #4A90E2;
}

.h-province.mb>div>b.gray {
    color: #333;
}

.h-province.mb>div>b.gray:after {
    border-top-color: #333;
}

.h-province.mb>div>b.active:after {
    border-bottom: 5px solid #4A90E2;
}

.h-province.mb>div>div {
    left: 0;
    z-index: 9;
    padding: 0 10px 20px 10px;
    top: 35px;
    right: 0;
    width: auto;
}

.h-province.mb>div>div:after, .h-province.mb>div>div:before {
    display: none;
}

.h-province.mb>div>div>b {
    padding-top: 10px;
    line-height: 1.5;
}

.h-province.mb>div>div>div {
    padding-top: 0;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained;
}

.h-province.mb>div>div>span>i {
    top: 9px;
}

.h-province.mb>div>div>div>div>a {
    color: #288ad6;
    display: block;
    height: 30px;
    line-height: 30px;
}

.h-province.mb>div>div.choose-province {
    padding: 10px;
    background-color: #FFEF94;
    text-align: center;
    border-top: 1px solid #333;
}

.h-province.mb>div>div.choose-province>span {
    padding-left: 0;
    text-align: left;
    margin-bottom: 10px;
}

.h-province.mb>div>div.choose-province>span:before {
    display: none;
}

@media screen and (max-width: 640px) {
    header {
        height:83px;
    }

    #wrap_cart .area_price strong {
        font-size: 17px;
    }
}

@media screen and (max-width: 360px) {
    .h-province>span, .h-province>div>b {
        font-size:13px;
    }
}

@media screen and (max-width: 320px) {
    .h-province>span, .h-province>div>b {
        font-size:12px;
    }
}

[class^="icontgdd-"], [class*="icontgdd-"], [class^="iconmobile-"], [class*="iconmobile-"] {
    background-image: url(https://www.thegioididong.com/Content/desktop/images/V5/icondesktop20200728@1x.png?v=2);
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    [class^="icontgdd-"], [class*="icontgdd-"], [class^="iconmobile-"], [class*="iconmobile-"] {
        background-image: url(https://www.thegioididong.com/Content/desktop/images/V5/icondesktop20200728@2x.png?v=2);
        background-size: 500px 115px;
    }
}

.icontgdd-cart {
    width: 20px;
    height: 18px;
    background-position: -144px -91px;
}

.icontgdd-mobile {
    width: 13px;
    height: 20px;
    background-position: 0 -91px;
}

.icontgdd-laptop {
    width: 24px;
    height: 20px;
    background-position: -16px -91px;
}

.icontgdd-tablet {
    width: 16px;
    height: 20px;
    background-position: -43px -91px;
}

.icontgdd-phukien {
    width: 22px;
    height: 20px;
    background-position: -60px -91px;
}

.icontgdd-watch {
    width: 14px;
    height: 20px;
    background-position: -83px -91px;
}

.icontgdd-fashionwatch {
    width: 14px;
    height: 20px;
    background-position: -102px -91px;
}

.icontgdd-pc {
    width: 23px;
    height: 20px;
    background-position: -118px -91px;
}

/*section, .home-menu section, body > .topbanner:first-child, body > div.banner:nth-child(2) {
    margin-top: 80px;
}*/

section.cate:nth-child(2) {
    margin-top: 55px;
}

.compare-title {
    margin-top: 100px;
}

header {
    background-color: #000;
    height: 80px;
}

header .wrap-main {
    height: 40px;
}

header #search-site {
    height: 30px;
    margin-top: 18px;
    width: 200px;
}
/*.left_content .anh_wtm_m img {
	width: 100%;
	height: auto;
}*/
header #search-site .topinput {
    height: 24px;
}

header #search-site .btntop {
    height: 30px;
    width: 30px;
}

header .wrap-suggestion {
    top: 35px;
}

header .logo {
    padding: 6px 0 4px 5px;
}

header .menu-info {
    width: 810px;
    float: right;
}

header .menu-info > * {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
}

header .menu-info > a.a1 {
    width: 97px;
    border: 1px solid #8F8F8F;
    border-radius: 4px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 4px 0;
}

header .menu-info > a.a1:hover, header .menu-info > a.a1.actmenu {
    background: rgba(255,255,255,.4);
}

header .menu-info > a.a1 > * {
    display: inline-block;
    vertical-align: middle;
}

header .menu-info > a.a1 > i {
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
    text-indent: -9999px;
}

header .menu-info > a.a1.actmenu > i {
    background-color: #FF0000;
    border-radius: 50%;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-indent: 0;
    background-image: none;
}

header .menu-info > a.a2 {
    padding: 2px 10px 0 10px;
    line-height: 1.3;
    width: 75px;
    text-align: center;
}

header .menu-info > a.a3 {
    text-transform: uppercase;
    color: #FFE66B;
}

header .menu-info > a.liveevent {
    float: none;
    color: #FFE66B;
    max-width: 200px;
    border-left: 1px solid #232323;
    position: relative;
    padding: 0 0 0 40px;
    margin-bottom: 0;
    margin-left: 0;
}

header .menu-info > a.liveevent .text {
    white-space: normal;
    overflow: visible;
    max-height: 34px;
    display: inline-block;
    text-decoration: none;
    color: #FFE66B;
    line-height: 1.3;
}

header .menu-info > a.liveevent:hover .text {
    color: #FFE66B;
}

header .menu-info > a.liveevent #dot {
    background-color: #FFE66B;
    left: 15px;
}

header .menu-info > a.liveevent #dot .ping {
    border-color: #FFE66B;
    background-color: rgba(255,230,107,.2);
}

header .menu-info > div {
    float: right;
}

header .menu-info > div > a, header .menu-info > div > div {
    padding: 0 10px;
    border-left: 1px solid #232323;
    color: #fff;
    height: 40px;
    line-height: 40px;
    float: left;
}

header .menu-info > div > a.mn-new {
    line-height: 1.2;
    text-align: center;
    padding-top: 6px;
    height: 34px;
}

header .menu-info > div > div {
    position: relative;
}

header .menu-info > div > div > span {
    color: #fff;
}

header .menu-info > div > div > div {
    background-color: #fff;
    position: absolute;
    width: 150px;
    left: 0;
    padding: 5px 0;
    display: none;
    z-index: 9;
}

header .menu-info > div > div > div > a {
    display: block;
    padding: 10px 15px;
    white-space: normal;
    text-transform: uppercase;
    color: #333;
    line-height: 1;
}

header .menu-info > div > a:hover, header .menu-info > div > a.actmenu {
    background-color: #fff;
    color: #333;
}

header .menu-info > div > div:hover {
    background-color: #fff;
}

header .menu-info > div > div:hover > span {
    color: #333;
}

header .menu-info > div > div:hover > div {
    display: block;
}

header .wrap-nav {
    background-color: #FED101;
    height: 40px;
    overflow: hidden;
}

header .wrap-nav {
    background-color: #FED101;
    height: 40px;
    overflow: hidden;
}

header .wrap-nav > nav {
    max-width: 1200px;
    margin: auto;
    min-width: 1024px;
    width: 100%;
}

header .wrap-nav > nav > a {
    padding: 0 12px;
    display: table-cell !important;
    vertical-align: middle;
    height: 40px;
    white-space: nowrap;
    color: #000;
    text-transform: none;
    font-size: 14px;
}
header .wrap-nav > ul {
    max-width: 1200px;
    margin: auto;
    min-width: 1024px;
    width: 100%;
}
header .wrap-nav > ul > li {
    width: auto;
    float: left;
}
header .wrap-nav > ul > li > a {
    padding: 0 12px;
    display: table-cell !important;
    vertical-align: middle;
    height: 40px;
    white-space: nowrap;
    color: #000;
    text-transform: none;
    font-size: 14px;
}
header .wrap-nav > ul > li > a:hover {
    background: #fff;
}
header .wrap-nav > nav > div > a {
    padding: 0 12px;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    white-space: nowrap;
    color: #000;
    text-transform: none;
    font-size: 14px;
}

header .wrap-nav > nav > a > * {
    display: inline-block;
    vertical-align: middle;
}

header .wrap-nav > nav > div > a > * {
    display: inline-block;
    vertical-align: middle;
}

header .wrap-nav > nav > a > i {
    margin: 0 5px 0 0;
}

header .wrap-nav > nav > div > a > i {
    margin: 0 5px 0 0;
}

header .wrap-nav > nav > a > b {
    font-weight: normal;
}

header .wrap-nav > nav > div > a > b {
    font-weight: normal;
}

header .wrap-nav > nav > div > a > b::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;
}

header .wrap-nav > nav > .actmenu > a > b::after {
    border-bottom: none;
    transform: rotate(-180deg);
    margin-bottom: -2px;
}

.phukien {
    cursor: pointer;
}

.phukien:hover {
    background-color: #fff;
}

.phukien:hover .navaccessories2020 {
    display: block;
}

@media screen and (max-width: 1492) {
    .navaccessories2020 {
        left: 460px;
    }

    .navaccessories2020::before, .navaccessories2020::after {
        left: 40px;
    }
}

.navaccessories2020 div {
    width: 33%;
    float: left;
    margin-bottom: 10px;
}

.navaccessories2020 .TBLT {
    width: 150px;
    margin-bottom: 10px;
    padding-top: 10px;
}

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

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

.navaccessories2020 a:hover {
    background-color: #fff;
}

.navaccessories2020 a h3:hover {
    color: #2589ff;
}

.navaccessories2020 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;
}

.navaccessories2020::before, .navaccessories2020::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
}

@media screen and (max-width: 1220px) {
    header .menu-info > a.a2 {
        padding: 0 5px;
    }

    header .wrap-nav > nav > a {
        padding: 0 12px;
    }

    header .wrap-nav > nav > a > i {
        display: none;
    }

    header .menu-info > div > a {
        padding: 0 12px;
    }
}

input#name_field,input#mail_field,input#phone_field,textarea#comment_field {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-width: 1px;
	margin-bottom:10px;
}

.page-template-contact fieldset {
    border: none;
}

.admin-bar header {
    top: 0px;
}

span.breadcrumb_last {
    display: none;
}

.likeshare {
    width: 70px;
    overflow: hidden;
}
section {
	margin-top: 0;
	padding-top: 110px;
}

@media (max-width: 1600px) {
}

@media (max-width: 1366px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    section,header,body,footer,header .wrap-nav > nav {
        min-width:unset!important;
    }

    .homebanner,.homenews,.wrap-main,.rowfoot1,.rowfoot1 {
        width: 100%;
    }

    .menu-info {
        display: none;
    }

    .admin-bar header {
        top: 46px;
    }

    header .wrap-nav {
        height: 80px;
        line-height: 40px;
    }

    .wrap-nav nav {
        display: flex!important;
        flex-wrap: wrap;
    }
}

@media (max-width: 650px) {
}

@media (max-width: 375px) {
    .admin-bar header {
        top: 46px!important;
    }

    .menu-info {
        display: none;
    }
}

@media (max-width: 350px) {
}