body{
    max-width: 1340px;
    margin: auto!important;
}
header{
    max-width: 1340px;
}
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
.slick-slide:focus {
    outline: none
}
[dir='rtl'] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
@charset 'UTF-8';
.slick-prev,
.slick-next {
    font-size: 0;
    position: absolute;
    top: calc((100% - 60px)/2);
    z-index: 9;
    display: block;
    width: 30px;
    height: 60px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: #999;
    border: none;
    outline: none;
    background: transparent
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #fff;
    outline: none;
    background: rgba(51, 51, 51, .4);
    border-radius: 4px
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}
.slick-prev:before,
.slick-next:before {
    font-family: "dmx";
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    opacity: .75;
    line-height: 50px
}
.slick-prev {
    left: 0
}
.slick-prev:before {
    content: ''
}
.slick-next {
    right: 0
}
.slick-next:before {
    content: ''
}
.slick-prev.full {
    left: 20px
}
.slick-next.full {
    right: 20px
}
.slick-prev.full,
.slick-next.full {
    height: 80px;
    width: 40px;
    color: #fff;
    background: transparent
}
.slick-prev.full:hover,
.slick-next.full:hover {
    background: transparent
}
.slick-prev.full:before,
.slick-next.full:before {
    font-size: 60px;
    line-height: 80px
}
.ps-container {
    -ms-touch-action: none;
    overflow: hidden !important
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block
}
.ps-container.ps-in-scrolling {
    pointer-events: none
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}
.ps-container>.ps-scrollbar-x-rail {
    display: block;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 3px;
    height: 8px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    bottom: 0;
    height: 8px
}
.ps-container>.ps-scrollbar-y-rail {
    display: block;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: .6;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 3px;
    width: 8px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
    right: 0;
    width: 8px
}
.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}
.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}
.threesixty {
    position: relative;
    overflow: hidden;
    margin: 0 auto
}
.threesixty .imgs {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}
.threesixty .imgs li {
    display: block
}
.threesixty .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: auto;
    display: none
}
.threesixty .imgs img.previous-image {
    visibility: hidden;
    width: 0
}
.threesixty .imgs img.current-image {
    visibility: visible;
    width: 100%
}
.threesixty .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, .7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.threesixty .spinner span {
    font-size: 12px;
    font-weight: bolder;
    color: #fff;
    text-align: center;
    line-height: 30px;
    display: block
}
.threesixty:-webkit-full-screen {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px
}
.threesixty:-moz-full-screen {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px
}
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, .5)
}
.overlay .overlay-close {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 40px;
    outline: none;
    z-index: 10001;
    cursor: pointer;
    -ms-opacity: .9;
    opacity: .9;
    -webkit-font-smoothing: antialiased
}
.overlay .overlay-close:hover {
    -ms-opacity: 1;
    opacity: 1
}
.overlay .overlay-close.mini {
    color: #333;
    font-size: 10px;
    width: 20px;
    height: 20px;
    font-weight: 700
}
.overlay .body {
    border: 1px solid transparent;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}
.overlay-scale {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}
.overlay-scale.shown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s
}
.overlay-hugeinc {
    opacity: 0;
    visibility: hidden
}
.overlay-hugeinc.shown {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}
@media screen and (max-width: 1024px) {
    .overlay .overlay-close {
        top: 0;
        right: 0
    }
}
.wico-delete:before {
    content: ''
}
.wico-cart:before {
    content: ''
}
.wico-bell:before {
    content: ''
}
.wico-chat:before {
    content: ''
}
.wico-present:before {
    content: ''
}
.wico-mail:before {
    content: ''
}
.wico-the-nho:before {
    content: ''
}
.wico-bell-large:before {
    content: ''
}
.wico-cart-large:before {
    content: '';
    display: block;
    font-size: 186px;
    color: #d8d8d8;
    margin-bottom: 10px
}
.wico-collapse:before {
    content: ''
}
.flash {
    -moz-animation: flash 1s 1;
    -o-animation: flash 1s 1;
    -webkit-animation: flash 1s 1;
    -ms-animation: flash 1s 1;
    animation: flash 1s 1
}
@-moz-keyframes flash {
    0% {
        background-color: #ffef5f
    }
    22% {
        background-color: #fff
    }
    77% {
        background-color: #ffef5f
    }
    100% {
        background-color: #fff
    }
}
@-webkit-keyframes flash {
    0% {
        background-color: #ffef5f
    }
    22% {
        background-color: #fff
    }
    77% {
        background-color: #ffef5f
    }
    100% {
        background-color: #fff
    }
}
@keyframes flash {
    0% {
        background-color: #ffef5f
    }
    22% {
        background-color: #fff
    }
    77% {
        background-color: #ffef5f
    }
    100% {
        background-color: #fff
    }
}
#cb-cart li.added {
    -ms-opacity: 0;
    opacity: 0;
    -moz-animation: openspace .2s ease forwards, restored-item-animation .2s .2s cubic-bezier(0, .8, .32, 1.07) forwards;
    -o-animation: openspace .2s ease forwards, restored-item-animation .2s .2s cubic-bezier(0, .8, .32, 1.07) forwards;
    -webkit-animation: openspace .2s ease forwards, restored-item-animation .2s .2s cubic-bezier(0, .8, .32, 1.07) forwards;
    -ms-animation: openspace .2s ease forwards, restored-item-animation .2s .2s cubic-bezier(0, .8, .32, 1.07) forwards;
    animation: openspace .2s ease forwards, restored-item-animation .2s .2s cubic-bezier(0, .8, .32, 1.07) forwards
}
@keyframes openspace {
    to {
        height: auto
    }
}
@-webkit-keyframes openspace {
    to {
        height: auto
    }
}
@-moz-keyframes openspace {
    to {
        height: auto
    }
}
@keyframes restored-item-animation {
    from {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}
@-webkit-keyframes restored-item-animation {
    from {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes restored-item-animation {
    from {
        opacity: 0;
        -moz-transform: scale(0)
    }
    to {
        opacity: 1;
        -moz-transform: scale(1)
    }
}
#core-brain-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    background: rgba(0, 0, 0, .5)
}
#core-brain.full~#core-brain-overlay {
    display: block
}
#core-brain {
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 10%;
    -ms-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    background-image: linear-gradient(-134deg, #00baff 0%, #00b4fd 10%, #0586e8 100%)
}
#core-brain.full {
    bottom: 0;
    height: 100%;
    -ms-border-radius: 0;
    border-radius: 0
}
#core-brain>.modules {
    max-width: 54px;
    height: 100%;
    float: left
}
#core-brain>.modules>li {
    display: block;
    position: relative;
    padding: 14px 4px;
    text-align: center;
    cursor: pointer
}
#core-brain>.modules>li.active,
#core-brain>.modules>li.active:hover {
    background-color: #fff
}
#core-brain>.modules>li.hide {
    display: none
}
#core-brain>.modules>li>[class^="wico-"]:before {
    color: #fff;
    font-size: 18px;
    width: 16px
}
#core-brain>.modules>li.active [class^="wico-"]:before {
    color: #777
}
#core-brain>.modules>li>.wico-mail:before {
    font-size: 17px
}
#core-brain>.modules>li>.wico-to-top:before {
    font-size: 24px
}
#core-brain>.modules>li>.description {
    display: block;
    color: #fff;
    font-size: 11px;
    margin-top: 4px;
    line-height: 14px
}
#core-brain>.modules>li>.cb-badge {
    background-color: #f00;
    border: 1px solid #f00;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 4px
}
#core-brain>.modules>li:hover {
    background-color: #188de7
}
#core-brain>.modules>li.col-exp:hover {
    -ms-border-radius: 8px 0 0 0;
    border-radius: 8px 0 0 0
}
#core-brain>.modules>li:last-child:hover {
    -ms-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px
}
#core-brain.full>.modules>li:last-child:hover {
    -ms-border-radius: 0;
    border-radius: 0
}
#core-brain.full>.modules>li.col-exp {
    display: none
}
#core-brain>.modules>li.col-exp {
    padding-top: 4px;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
    text-align: left
}
#core-brain>.modules>li.col-exp>i:before {
    font-family: "dmx";
    font-style: normal;
    font-weight: normal;
    content: ''
}
#core-brain>.modules.small>li.col-exp {
    text-align: center
}
#core-brain>.modules.small>li.col-exp>i:before {
    content: ''
}
#core-brain>.modules>li.minify {
    display: none
}
#core-brain.full>.modules>li.minify {
    display: block;
    height: calc(100% - 250px)
}
#core-brain>.modules.small>li>.description {
    display: none;
    position: absolute;
    top: calc(50% - 11px);
    right: 42px;
    background-image: linear-gradient(45deg, #00baff 0%, #00b4fd 54%, #0091ff 100%);
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-top: 0;
    padding: 4px;
    height: 16px;
    line-height: 16px;
    -moz-min-width: 60px;
    -ms-min-width: 60px;
    -o-min-width: 60px;
    -webkit-min-width: 60px;
    min-width: 60px
}
#core-brain>.modules.small>li>.description br {
    display: none
}
#core-brain>.modules.small>li:nth-child(4)>.description {
    width: 80px
}
#core-brain>.modules.small>li>.description:after {
    font-family: "dmx";
    font-style: normal;
    font-weight: normal;
    content: '';
    color: #0091ff;
    position: absolute;
    right: -8px
}
#core-brain>.modules.small>li:hover>.description {
    display: block;
    -moz-animation: arrow-bounce 2s 1;
    -webkit-animation: arrow-bounce 2s 1;
    animation: arrow-bounce 2s 1
}
#core-brain>.modules.small>li>.cb-badge {
    right: 2px
}
@-moz-keyframes arrow-bounce {
    20%, 50%, 60%, 80% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
    0% {
        -moz-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    40% {
        -moz-transform: translateX(-4px);
        transform: translateX(-4px)
    }
}
@-webkit-keyframes arrow-bounce {
    20%, 50%, 60%, 80% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    0% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    40% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
}
@keyframes arrow-bounce {
    20%, 50%, 60%, 80% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    0% {
        -moz-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
    40% {
        -moz-transform: translateX(-4px);
        -ms-transform: translateX(-4px);
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
}
#core-brain .panel {
    display: none;
    float: left;
    height: 100%;
    width: 280px;
    background: #f8f8f8
}
#core-brain .panel>div {
    display: none;
    height: 100%
}
#core-brain .panel>div>.head {
    padding: 14px;
    font-size: 18px;
    font-weight: 300;
    color: #666
}
#core-brain .panel>div>.head>[class^="wico-"] {
    float: left
}
#core-brain .panel>div.bg-ico:after {
    font-family: "dmx";
    font-style: normal;
    font-weight: normal;
    height: 180px;
    line-height: 180px;
    font-size: 180px;
    position: absolute;
    top: calc((100% - 180px)/2);
    right: 0;
    left: 0;
    text-align: center;
    color: #f1f1f1
}
#core-brain .panel>div#cb-cart.bg-ico:after {
    content: ''
}
#core-brain .panel>div>.body {
    padding: 10px;
    height: calc(100% - 70px);
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}
#core-brain .panel>div>.body.no-flex {
    display: block
}
.empty {
    display: block;
    color: #9b9b9b;
    font-size: 12px;
    position: relative;
    top: 15%;
    text-align: center
}
.empty.hide {
    display: none
}
#cb-cart ul,
#core-brain .pull-bottom {
    -ms-flex: 1 100%;
    -webkit-flex: 1 100%;
    flex: 1 100%
}
#core-brain .pull-bottom {
    align-self: flex-end
}
#core-brain .pull-bottom.hide {
    display: none
}
#cb-cart ul {
    align-self: flex-start
}
.product-list li {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ededed;
    position: relative
}
.product-list li .del {
    font-size: 8px;
    position: absolute;
    right: 4px;
    top: 4px;
    height: 14px;
    line-height: 14px;
    width: 14px;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: transparent
}
.product-list li .del:hover {
    border: 1px solid #333
}
.product-list li img {
    float: left;
    margin-right: 10px
}
.product-list li .info>a,
.product-list li .info>strong {
    display: block;
    line-height: 20px
}
.product-list li .info>a {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    color: #666;
    width: 168px
}
.product-list li .info>a:hover {
    color: #288ad6;
    text-decoration: underline
}
.product-list li .info>strong {
    color: #f44336
}
.product-list li .quantity {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}
.product-list li .quantity button {
    margin-left: 10px;
    display: inline-block;
    background: transparent
}
.product-list li .quantity .lbl {
    color: #999;
    font-size: 12px;
    margin-left: 0
}
.product-list li .quantity .action {
    display: inline-block;
    color: #ffa40d;
    cursor: pointer;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 14px;
    height: 14px;
    line-height: 12px;
    border: 1px solid transparent
}
.product-list li .quantity .action:hover {
    border: 1px solid #ffa40d
}
.product-list li .quantity .num {
    color: #999;
    margin-left: 10px
}
#core-brain .panel .button {
    display: block;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
    margin-top: 10px;
    border: 0;
    cursor: pointer
}
#core-brain .panel button.button {
    width: 100%
}
#core-brain .panel .button.orange {
    color: #fff;
    background-color: #fd860c
}
#core-brain .panel .button.orange:hover {
    background-color: #ffa40d
}
#core-brain .panel .button.blue {
    color: #fff;
    background-color: #1d8efb
}
#core-brain .panel .button.blue:hover {
    background-color: #349bff
}
#cb-cart .cols {
    display: flex;
    justify-content: space-between;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap
}
#cb-cart-badge.hide {
    display: none
}
#feedback {
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}
#feedback p {
    margin-top: 10px
}
#feedback p>img {
    float: left;
    margin-right: 10px
}
#feedback p>label {
    margin-top: 10px;
    display: block
}
#feedback input,
#feedback textarea {
    display: block;
    border: 1px solid #ededed;
    padding: 6px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-top: 10px;
    -ms-flex: 1 100%;
    -webkit-flex: 1 100%;
    flex: 1 100%;
    max-height: 200px
}
#feedback input {
    width: calc(100% - 12px)
}
#feedback input:invalid,
#feedback textarea:invalid {
    border: 1px solid #f44336
}
#core-brain .msg {
    display: none;
    padding: 10px;
    color: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-top: 10px
}
#core-brain .success {
    background: #4db54d
}
#core-brain .fail {
    background: #ff8787
}
#search {
    display: flex;
    justify-content: space-between;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background: #fff;
    padding: 6px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ededed
}
#keyword {
    border: 0;
    -ms-flex: 1 90%;
    -webkit-flex: 1 90%;
    flex: 1 90%
}
#search [type=submit] {
    -ms-flex: 2 10%;
    -webkit-flex: 2 10%;
    flex: 2 10%;
    background: transparent;
    border: 0
}
#cb-search .keywords {
    margin-top: 10px
}
#cb-search .keywords li {
    display: block;
    padding: 4px 0
}
#cb-search .keywords li a {
    color: #288ad6
}
#cb-search .product-list {
    margin-top: 10px;
    display: none
}
#cb-search .search-all {
    color: #288ad6;
    margin-top: 10px;
    display: block
}
* {
    margin: 0;
    padding: 0
}
ul,
ol {
    list-style: none
}
img {
    border: 0
}
a {
    text-decoration: none
}
.clr {
    clear: both
}
p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    text-rendering: geometricPrecision
}
body,
input,
button,
option,
textarea,
select,
label,
legend,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font: 14px/18px "Helvetica Neue", Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    color: #333;
    outline: none;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
header {
    position: absolute;
    top: 0;
    -moz-min-width: 980px;
    -ms-min-width: 980px;
    -o-min-width: 980px;
    -webkit-min-width: 980px;
    min-width: 980px;
    /*background: #00a4de;*/
    width: 100%;
    height: 89px
}
section {
    width: 100%;
    max-width: 1320px;
    -moz-min-width: 980px;
    -ms-min-width: 980px;
    -o-min-width: 980px;
    -webkit-min-width: 980px;
    min-width: 980px;
    display: block;
    margin: 100px auto 0;
    background: #fff;
    position: relative
}
footer {
    width: 100%;
    -moz-min-width: 980px;
    -ms-min-width: 980px;
    -o-min-width: 980px;
    -webkit-min-width: 980px;
    min-width: 980px;
    margin: 15px auto 0;
    background: #e4eefe;
    overflow: hidden
}
header .provinces-box {
    float: left;
    margin-top: 14px
}
header .provinces-box>span {
    font-size: 13px;
    margin-left: 6px;
    color: #fff;
    background-color: #298dc2;
    padding: 2px;
    padding-left: 8px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    display: block;
    cursor: pointer
}
.provinces-box {
    position: relative;
    display: inline-block;
    height: 24px
}
.provinces-box .close {
    float: right;
    font-size: 10px;
    line-height: 12px;
    cursor: pointer
}
.provinces-box .fake {
    position: absolute;
    width: 120px;
    height: 10px;
    background-color: transparent
}
.provinces-box .balloon {
    display: none;
    margin-top: 10px;
    font-size: 13px;
    padding: 10px;
    color: #333;
    z-index: 999;
    position: absolute;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}
.provinces-box .point {
    position: absolute;
    top: -8px;
    left: 10%
}
.provinces-box .point:before,
.provinces-box .point:after {
    position: absolute;
    content: "\20";
    display: block;
    z-index: 2;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 8px transparent;
    border-top: 0;
    border-bottom-color: #fff
}
.provinces-box .point:before {
    top: -1px;
    z-index: 1;
    border-bottom-color: rgba(0, 0, 0, .14)
}
.provinces-box .tip {
    width: 200px
}
.provinces-box .tip:after {
    clear: right
}
.provinces-box .dd {
    width: 400px
}
.provinces-box .dd ul {
    margin-top: 10px
}
.provinces-box .dd ul>li {
    color: #288ad6;
    display: inline-block;
    width: 32%;
    cursor: pointer;
    padding: 8px 0
}
.provinces-box .dd ul>li:hover {
    text-decoration: underline
}
.provinces-box .wico-down-mini:before {
    margin-left: 0;
    margin-right: .1em
}
.provinces-box:hover .dd,
.provinces-box>span:hover .dd {
    display: block
}
[class^="icon-"],
[class*="icon-"] {
    background-image: url(../img/desktopsprite.v201601210153.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}
.icon-newmodel {
    position: absolute;
    width: 62px;
    height: 63px;
    background-position: 0 -393px;
    left: 5px;
    top: 5px
}
.icon-installment0 {
    background-position: -114px -397px;
    width: 52px;
    height: 55px
}
.icon-installment1 {
    background-position: -169px -397px;
    width: 52px;
    height: 55px;
    position: absolute;
    left: 5px;
    top: 5px
}
.icon-logo {
    float: left;
    width: 268px;
    height: 36px;
    text-indent: -999999em;
    background-size: 268px 36px;
    background-color: rgb(255, 255, 255);
    background-image: url("/templates/dienhmayxanh/img/logo.png");
    padding: 7px 10px 6px;
    background-position: 8px 6px;
    /*margin: 4px 0px 0px 12px;*/
}
.icon-btnsearch {
    float: right;
    height: 25px;
    border: 0;
    background-color: transparent;
    background-position: -165px 0;
    margin: 3px 3px 0 0;
    cursor: pointer;
    padding: 0
}
.wrap-main {
    background: #F5811F;
    /*max-width: 1340px;*/
    min-width: 980px;
    height: 49px;
    display: block;
    margin: auto
}
.callcenter {
    float: left;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin: 16px 16px 0 16%
}
.knhay {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 16px 0 0
}
.knhay span {
    font-size: 18px;
    margin-left: 6px
}
.knhay:hover {
    color: #ff0
}
.headsearch {
    float: right;
    width: 450px;
    height: 32px;
    margin: 8px 10px 4px 0;
    background: #fff;
    box-shadow: 1px 1px 5px gray;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.lnkoldproduct {
    display: none
}
#main-search .topinput {
    float: left;
    width: 80%;
    margin-left: 8px;
    border: 0;
    position: relative;
    background: #fff;
    height: 32px;
    font-size: 13px
}
.wrap_menu {
    display: block;
    /*height: 40px;*/
    min-width: 980px;
    background: #12b2f0;
    position: relative;
}
nav {
    display: table;
    *display: block;
    /*width: 100%;*/
    max-width: 1340px;
    min-width: 400px;
    margin-left: 50px;
    clear: both
}
nav a {
    /*display: table-cell;*/
    display: inline-table;
    position: relative;
    font-size: 12px;
    color: #fff;
    padding: 12px 8px 11px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: bold
}
nav a:first-child {
    padding-left: 5px
}
nav a:hover {
    text-decoration: underline
}
nav a.actmenu {
    background: #fff;
    color: #00a1e6
}
nav div {
    display: table-cell;
    *float: left;
    position: relative;
    font-size: 14px;
    color: #fff;
    padding: 10px 5px 9px 5px;
    text-align: center
}
nav div:hover {
    color: #ff0;
    cursor: pointer
}
nav div.actmenu {
    background: #fff
}
nav div.actmenu a.actmenus {
    color: #00a1e6
}
nav div ul {
    display: none;
    position: absolute;
    top: 40px;
    background: #fff;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .25);
    z-index: 999;
    border-radius: 0 0 5px 5px
}
nav .subgd ul {
    /*right: -160px;*/
    width: 800px
}
nav .tivi ul {
    right: -148px;
    width: 200px
}
nav .pkss ul {
    left: 0;
    width: 200px
}
nav .other ul {
    right: -140px;
    width: 200px
}
nav .subgd ul:before {
    right: 50%
}
nav .other ul:before {
    left: 50px
}
nav div ul li {
    width: 198px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}
nav div ul li a {
    display: block;
    padding-left: 10px !important;
    padding: 10px 12px;
    font-size: 12px;
    color: #444;
    text-align: left
}
nav div ul li a:hover,
nav div ul li a.actmenu {
    color: #5394df
}
nav div:hover ul {
    display: block
}
nav div a {
    display: inline-block;
    padding: 0
}
.wrap_footabout {
    padding: 20px;
    background: #fff
}
.wrap_footabout .ul1 {
    display: table;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #eaeaea
}
.wrap_footabout .ul1 li {
    display: table-cell;
    width: 15%;
    padding-right: 15px;
    vertical-align: top;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 15px
}
.wrap_footabout .ul1 li:last-child {
    padding-right: 0;
    text-align: right;
    padding-top: 25px
}
.wrap_footabout .ul1 li h3 {
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #333;
    font-size: 18px;
    letter-spacing: .5px
}
.wrap_footabout .ul1 li a {
    display: block;
    margin-bottom: 5px;
    color: #333;
    letter-spacing: .5px
}
.wrap_footabout .ul1 li a:hover {
    color: #5394df;
    text-decoration: underline
}
.wrap_footabout .ul1 li label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    letter-spacing: .5px
}
.wrap_footabout .ul1 li label span {
    font-size: 13px;
    color: #666;
    letter-spacing: .5px
}
.wrap_footabout .ul1 li label b {
    font-size: 15px;
    letter-spacing: .5px
}
.wrap_footabout .ul1 li label strong {
    font-size: 13px;
    letter-spacing: .5px
}
.wrap_footabout .ul1 .support {
    width: 20%
}
.wrap_footabout .ul2 .acceptpay {
    text-align: left;
    width: 41%
}
.wrap_footabout .ul2 .acceptpay a {
    display: inline-block;
    margin: 2px;
    width: 40px;
    margin-right: 10px;
    height: 22px
}
.wrap_footabout .ul2 .acceptpay span {
    text-transform: capitalize;
    margin-right: 20px;
    font-size: 14px;
    color: #333;
    letter-spacing: .5px
}
.wrap_footabout .ul2 .acceptpay .icon-1tm {
    color: #6cbe0d;
    text-transform: uppercase;
    font-weight: bold;
    width: 70px;
    font-size: 14px;
    height: auto;
    display: none
}
.wrap_footabout .ul2 .acceptpay .icon-2atm {
    color: #4a90e2;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    height: auto;
    display: none
}
.wrap_footabout .ul2 .acceptpay .icon-3 {
    background-position: -188px -192px;
    background-repeat: no-repeat
}
.wrap_footabout .ul2 .acceptpay .icon-4 {
    background-position: -231px -192px;
    background-repeat: no-repeat
}
#tip {
    background-color: #fdfc93;
    border: 1px solid #fefd85;
    color: #927847;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-box-shadow: 0 2px 8px -1px #aaa;
    -ms-box-shadow: 0 2px 8px -1px #aaa;
    box-shadow: 0 2px 8px -1px #aaa
}
#tip_c {
    padding: 4px 8px
}
#tip_a {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0
}
#tip .n {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #eae4b4;
    border-bottom: 0
}
.wrap_footabout .ul1 li .viewmobile {
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #c6d7e0;
    position: relative;
    margin-top: 10px;
    width: 146px;
    font-size: 12px
}
.wrap_footabout .ul1 li .gotopage {
    display: inline-block;
    padding: 10px 0;
    background: #fff;
    cursor: pointer;
    border: 1px solid #bbb;
    position: relative;
    text-align: left;
    width: 170px;
    margin-bottom: 10px;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.wrap_footabout .ul1 li .gotopage:hover {
    color: #4a90e2
}
.wrap_footabout .ul1 li:last-child a {
    display: inline-block;
    margin-bottom: 0
}
.wrap_footabout .ul2 {
    clear: both;
    display: table;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}
.wrap_footabout .ul2 span,
.wrap_footabout .ul2 a,
.wrap_footabout .ul2 label {
    color: #000
}
.wrap_footabout .ul2 li {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px
}
.wrap_footabout .ul2 .registered {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px
}
.wrap_footabout .ul2 li:last-child {
    padding-right: 0;
    text-align: right
}
.wrap_footabout .ul2 .registered .title {
    color: #a19999
}
.wrap_footabout .ul2 .registered p {
    display: inline-block;
    padding-right: 0;
    position: relative;
    width: 115px;
    vertical-align: middle;
    margin-left: 20px
}
.wrap_footabout .ul2 .registered .securedseal {
    display: inline-block;
    width: 90px;
    height: 52px;
    vertical-align: middle;
    margin-left: 10px;
    padding-top: 0;
    position: relative;
    top: -2px;
    background-image: url(../img/desktopsprite.v201601210153.png);
    background-repeat: no-repeat;
    background-position: -216px -233px
}
.wrap_footabout .ul2 .registered .icon-reg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 26px;
    height: 25px;
    background-position: -276px -192px;
    background-repeat: no-repeat
}
.wrap_footabout .ul2 .registered p a {
    background: url('../img/desktopsprite.v201601210153.png') no-repeat -321px -235px;
    width: 146px;
    height: 45px;
    display: block
}
.wrap_footabout .ul2 .registered p span {
    display: block;
    font-size: 13px;
    color: #999;
    line-height: 17px
}
.wrap_footabout .ul2 .registered p .maintext {
    text-transform: uppercase;
    color: #0121b2;
    font-size: 13px;
    font-weight: 700;
    margin-top: 4px
}
.wrap_footabout .ul2 .registered p .normal {
    color: #000;
    font-size: 10px;
    font-weight: 600
}
.wrap_footabout .ul1 .sharesocial {
    text-align: right
}
.wrap_footabout .ul1 .sharesocial span {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px
}
.wrap_footabout .ul1 .sharesocial a {
    display: inline-block
}
.wrap_footabout .ul1 .sharesocial a .icon-fb {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 5px;
    background-position: -304px -192px;
    background-repeat: no-repeat
}
.wrap_footabout .ul1 .sharesocial a .icon-gg {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 0;
    background-position: -377px -192px;
    background-repeat: no-repeat
}
.wrap_footabout .ul1 .sharesocial a .icon-yt {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 5px;
    background-position: -340px -192px;
    background-repeat: no-repeat
}
.wrap_footabout .ul3 {
    display: table;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    clear: both;
    overflow: hidden
}
.wrap_footabout .ul3 li {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: left
}
.wrap_footabout .ul3 li:first-child {
    padding-right: 20px;
    text-transform: capitalize;
    width: 12%;
    font-size: 14px;
    letter-spacing: .5px;
    color: #333
}
.wrap_footabout .ul3 .bigpartner a {
    margin-bottom: 4px;
    margin-top: 4px;
    display: inline-block;
    height: 50px;
    width: 80px;
    vertical-align: middle;
    margin-right: 12px
}
.wrap_footabout .ul3 .bigpartner a img {
    max-width: 100%;
    max-height: 50px;
    display: inline-block;
    vertical-align: middle
}
.wrap_footsuper {
    padding: 20px;
    padding-top: 10px;
    background: #fff
}
.wrap_footsuper .titlehtst {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: bold
}
.wrap_footsuper .titlehtst h1,
.wrap_footsuper .titlehtst h2 {
    text-transform: capitalize;
    color: #333;
    font-size: 18px;
    letter-spacing: .5px
}
.wrap_footsuper .titlehtst h1:hover,
.wrap_footsuper .titlehtst h2:hover {
    text-decoration: underline
}
.wrap_footsuper .titlehtst h3 {
    text-transform: capitalize;
    color: #333;
    font-size: 18px;
    letter-spacing: .5px
}
.footsoonnewstore {
    display: table;
    clear: both;
    width: 100%;
    margin: 10px 0 0 0
}
.liststore .footsoonnewstore:first-child {
    margin-top: 15px
}
.footsoonnewstore li {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    text-transform: capitalize
}
.footsoonnewstore li:first-child {
    width: 122px;
    letter-spacing: .5px
}
.footsoonnewstore li a {
    padding-left: 1%;
    cursor: pointer;
    margin-bottom: 12px;
    margin-right: 10px;
    display: inline-block
}
.footsoonnewstore li a label {
    color: #4a90e2;
    text-transform: capitalize;
    font-size: 12px;
    letter-spacing: .5px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer
}
.footsoonnewstore li a:hover label {
    text-decoration: underline
}
.footsoonnewstore li a span {
    display: inline-block;
    margin-left: 4px;
    color: #f5ae37;
    border: 1px solid #f5ae37;
    border-radius: 6px;
    font-size: 12px;
    height: 16px;
    padding: 0 2px;
    width: 32px;
    text-align: center;
    cursor: pointer
}
.footokstore {
    display: table;
    width: 100%;
    border-top: 1px solid #eaeaea;
    margin-bottom: 20px;
    margin-top: 5px
}
.footokstore li {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding-right: 1%;
    width: 15.5%
}
.footokstore li:last-child {
    padding-right: 0
}
.footokstore li h3 {
    display: block;
    color: #333;
    cursor: pointer;
    margin-bottom: 10px;
    letter-spacing: .5px;
    text-transform: capitalize
}
.footokstore li h3:hover {
    text-decoration: underline
}
.footokstore li h3:first-child {
    padding-top: 15px
}
.footokstore li h3 span {
    color: #9b9b9b
}
.footokstore li div {
    display: none
}
.footokstore li div a {
    display: block;
    margin-bottom: 10px;
    color: #4a90e2;
    position: relative;
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: capitalize;
    cursor: pointer
}
.footokstore li div a:hover {
    text-decoration: underline
}
.wrap_footsuper .copyrig {
    display: block;
    text-align: left;
    color: #000;
    font-size: 12px
}
@media screen and (max-width: 1280px) {
    .wrap_footabout .ul1 .acceptpay {
        width: 16%
    }
    .wrap_footabout .ul2 .sharesocial {
        width: 16%
    }
    .wrap_footabout .ul3 li:first-child {
        width: 12%
    }
    .wrap_footabout .ul3 .bigpartner a {
        margin-right: 12px
    }
    nav .tivi ul {
        right: -128px
    }
    nav .pkss ul {
        left: 0
    }
    nav div {
        padding: 10px 5px 9px 5px
    }
}
@media screen and (max-width: 1200px) {
    .wrap_footabout .ul2 .acceptpay a {
        margin-right: 8px
    }
    .wrap_footabout .ul1 li a {
        font-size: 13px
    }
    .wrap_footabout .ul1 li label {
        font-size: 13px
    }
    .wrap_footabout .ul1 li label span {
        font-size: 12px
    }
    .wrap_footabout .ul1 li h3 {
        font-size: 14px
    }
    .wrap_footabout .ul2 span,
    .wrap_footabout .ul2 a,
    .wrap_footabout .ul2 label {
        font-size: 12px
    }
    .wrap_footabout .ul1 li {
        padding-right: 8px
    }
    .wrap_footabout .ul2 .registered {
        width: 27%
    }
    .wrap_footabout .ul2 .registered .securedseal {
        margin-left: 5px
    }
    .wrap_footabout .ul2 .registered p {
        width: 115px;
        margin-left: 10px
    }
    .wrap_footabout .ul2 .registered p img {
        width: 100%
    }
    .wrap_footabout .ul2 .registered p span {
        font-size: 10px;
        line-height: 17px
    }
    .wrap_footabout .ul2 .registered p .maintext {
        font-size: 13px;
        margin-top: 3px
    }
    .wrap_footabout .ul2 .registered .icon-reg {
        margin-right: 0
    }
    .wrap_footabout .ul1 li .viewmobile {
        width: 146px;
        padding: 5px
    }
    .wrap_footabout .ul1 li .gotopage {
        padding: 5px
    }
    .wrap_footabout .ul1 li .gotopage strong {
        font-size: 12px;
        padding: 1px
    }
    .wrap_footabout .ul1 li:last-child {
        width: 11%
    }
    .wrap_footabout .ul2 .sharesocial {
        width: 178px
    }
    .wrap_footabout .ul2 .acceptpay {
        width: 35%
    }
    .wrap_footabout .ul2 .acceptpay span {
        margin-right: 10px;
        display: inline-block;
        width: 114px;
        font-size: 14px;
        vertical-align: middle
    }
    .wrap_footabout .ul3 li:first-child {
        width: 14%;
        padding-right: 10px
    }
    .wrap_footabout .ul3 .bigpartner a {
        margin-right: 12px
    }
}
.sswpr {
    width: 449px;
    margin-top: 33px;
    background: #fff;
    position: absolute;
    z-index: 1001;
    display: none;
    border: 1px solid #ededed;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.sswpr .act,
.sswpr .act a,
.sswpr li:hover,
.sswpr li:hover a {
    background-color: #73c7ff !important;
    color: #fff
}
.sswpr li {
    display: block;
    padding: 8px;
    border-bottom: 1px solid #ededed
}
.sswpr li a {
    display: block;
    padding: 6px;
    height: 20px
}
.sswpr li span {
    line-height: 21px;
    float: left;
    color: #288ad6
}
.sswpr li b {
    line-height: 21px;
    float: right;
    color: #eb3d31;
    font-weight: 700
}
.btnclrseach {
    position: absolute;
    top: 4px;
    right: 33px;
    display: none;
    width: 20px;
    height: 20px;
    padding: 0 2px 0 3px;
    background: #b2b2b2;
    color: #fff;
    -ms-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    text-decoration: none;
    font-size: 19px;
    font-weight: 700;
    border: 1px solid #b2b2b2;
    cursor: pointer
}
@media screen and (max-width: 1349px) {
    .wrap-main {
        width: 99%;
        margin: auto
    }
    .headsearch {
        width: 400px;
        margin: 8px 0 4px 0
    }
    nav a {
        font-size: 12px;
        padding: 11px 3px
    }
    nav .other {
        font-size: 14px;
        padding: 12px 13px
    }
    .wrap_foot .contfoot {
        width: 98%
    }
    .wrap_foot .contfoot li.first {
        width: 63%
    }
    .sswpr {
        width: 398px
    }
}
@media screen and (max-width: 1260px) {
    .headsearch {
        width: 220px
    }
    .callcenter {
        font-size: 12px
    }
    .callcenter b {
        font-size: 13px
    }
    .knhay {
        font-size: 12px
    }
    nav a {
        padding: 12px 6px 10px;
        margin-right: 5px;
        font-size: 9px
    }
    nav div {
        padding: 10px 5px 9px 5px
    }
    nav .other {
        padding: 12px 8px 10px;
        font-size: 12px
    }
    nav .other .arrow-down {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        height: 0;
        margin-left: 5px;
        position: relative;
        top: 9px;
        width: 0
    }
    nav .other:hover .arrow-down {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #ff0;
        position: relative;
        top: 9px;
        margin-left: 5px
    }
    .aboutdienmay li h3 {
        font-size: 16px
    }
    .aboutdienmay li .supermarketlist li label {
        font-size: 12px
    }
    .aboutdienmay li.warrantychange {
        width: 30%
    }
    .aboutdienmay li.guide {
        margin-left: 0;
        min-width: 215px
    }
    .aboutdienmay li .supermarketlist li {
        padding-right: 0
    }
    .aboutdienmay li .supermarketlist li a {
        min-width: 121px
    }
    .wrap_foot .contfoot li.first {
        width: 72%;
        min-width: 700px
    }
    .wrap_foot .contfoot li.last {
        width: 24%;
        min-width: 220px
    }
    .wrap_foot .contfoot li a {
        margin-right: 27px
    }
    .sswpr {
        width: 270px
    }
    .sswpr li span {
        width: 64%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}
@media screen and (max-width: 1200px) {
    nav .tivi ul {
        right: -157px
    }
    nav .pkss ul {
        left: 0
    }
}
@media screen and (max-width: 1024px) {
    nav a {
        padding: 12px 5px 10px
    }
    nav .other {
        padding: 12px 0 10px
    }
    .headsearch {
        margin: 8px 2px 4px 0
    }
}
@media screen and (max-width: 480px) {
    nav a {
        padding: 0
    }
}
[class^="badge-"],
[class*="badge-"] {
    padding: 0 6px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    display: block;
    white-space: nowrap
}
.badge-moi {
    background: none repeat scroll 0 0 #8ec63f
}
.badge-sapve {
    background: none repeat scroll 0 0 #3fb1c6
}
.badge-vongquaygiamgia {
    background: none repeat scroll 0 0 #ff832a
}
.badge-khongkd {
    background: none repeat scroll 0 0 #858484;
    margin-bottom: -22px
}
.badge-ngungkd {
    background: none repeat scroll 0 0 #d9b500;
    margin-bottom: -22px
}
.badge-tamhet {
    background: none repeat scroll 0 0 #e54519
}
.badge-gh35 {
    background: none repeat scroll 0 0 #aaa;
    font-size: 9px
}
.badge-gh27 {
    background: none repeat scroll 0 0 #45b7f8
}
img.lazy {
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}
#dlding {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px 10px 5px 10px;
    color: #1d1d1d;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 270px;
    font-size: 13px;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    display: none;
    z-index: 99999999999
}
#dlding p {
    height: 23px;
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
    padding-left: 5px
}
.throbber {
    width: 23px;
    height: 23px;
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left
}
.throbber:after {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-animation: rotate .6s linear infinite;
    -moz-animation: rotate .6s linear infinite;
    -ms-animation: rotate .6s linear infinite;
    -o-animation: rotate .6s linear infinite;
    animation: rotate .6s linear infinite;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border-top: 1px solid #545a6a;
    border-bottom: 1px solid #d4d4db;
    border-left: 1px solid #545a6a;
    border-right: 1px solid #d4d4db;
    content: '';
    opacity: .5
}
@keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }
    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg)
    }
}
@-webkit-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }
    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg)
    }
}
@-moz-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }
    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg)
    }
}
@-o-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
    }
    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
    }
}
#go-back-top-page {
    bottom: 30px;
    position: fixed;
    right: 30px;
    z-index: 1000;
    display: none;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 24px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    line-height: 24px;
    padding: 10px 6px;
    cursor: pointer
}
#livechat-full {
    right: 60px !important
}
#livechat-compact-container {
    right: 60px !important
}
#livechat-eye-catcher {
    right: 55px !important
}
#mfsticky {
    position: fixed;
    bottom: 0;
    z-index: 999;
    -webkit-transition: all 300ms ease 100ms;
    -moz-transition: all 300ms ease 100ms;
    transition: all 300ms ease 100ms
}
#mfsticky .close_sticky_cb {
    display: block;
    position: absolute;
    top: -9px;
    right: -9px;
    font-size: 22px;
    font-weight: bold;
    padding: 4px;
    cursor: pointer;
    opacity: .9
}
.breadcrumb {
    padding: 2px 0 9px;
    float: left;
    margin-right: 30px
}
.breadcrumb>div {
    display: inline
}
.breadcrumb li {
    float: left
}
#breadcrumb_total {
    font-weight: bold;
    color: #4a90e2
}
.breadcrumb span {
    display: inline-block;
    float: left
}
.breadcrumb h2 {
    float: left;
    font-size: 12px;
    color: #666
}
.breadcrumb h1 {
    float: left;
    font-size: 12px;
    color: #666
}
.breadcrumb a {
    float: left;
    color: #5aa3e8;
    font-size: 12px;
    margin-right: 6px
}
.breadcrumb a strong {
    font-size: 16px;
    color: #888;
    margin: -1px 0 0 3px;
    float: right;
    font-weight: 300
}
.breadcrumb a:hover {
    color: #0082cc;
    text-decoration: underline
}
.breadcrumb a h2 {
    float: left;
    font-size: 12px;
    padding-top: 0;
    color: #5aa3e8
}
.breadcrumb a h1 {
    float: left;
    font-size: 12px;
    padding-top: 0;
    color: #5aa3e8
}
.breadcrumb figure {
    float: left;
    font-size: 12px;
    color: #000
}
.breadcrumb figure b {
    font-size: 14px;
    color: #4a90e2;
    display: inline-block
}
.breadcrumb figure h1 {
    color: #000;
    font-size: 12px;
    display: inline-block
}
.icon-saleoff {
    background-position: 0 -76px;
    width: 60px;
    height: 53px;
    display: block;
    margin: 0 auto 5px auto
}
.icon-new {
    background-position: -69px -76px;
    width: 54px;
    height: 60px;
    display: block;
    margin: 0 auto 5px auto
}
.icon-promo {
    background-position: 2px -163px;
    width: 54px;
    height: 54px;
    display: block;
    margin: 0 auto 5px auto
}
.icon-gift {
    background-position: -129px -71px;
    width: 50px;
    height: 60px;
    display: block;
    margin: 0 auto 5px auto
}
.icon-giatot {
    background-position: -176px -127px;
    width: 62px;
    height: 50px;
    display: block;
    margin: 0 auto 5px auto
}
.icon-banchay {
    background-position: -238px -139px;
    width: 55px;
    height: 30px;
    display: block;
    margin: 0 auto 5px auto
}
#imgtrack {
    display: none
}
.wico-to-mobile:before,
.wico-to-top:before {
    font-size: 24px;
    vertical-align: middle
}
@font-face {
    font-family: 'dmx';
    src: url('https://cdn.dmx.vn/dienmay2015/Content/webicons/dmx.eot?1782252');
    src: url('https://cdn.dmx.vn/dienmay2015/Content/webicons/dmx.eot?1782252#iefix') format('embedded-opentype'), url('../font/dmx.woff?1782252') format('woff'), url('https://cdn.dmx.vn/dienmay2015/Content/webicons/dmx.ttf?1782252') format('truetype'), url('https://cdn.dmx.vn/dienmay2015/Content/webicons/dmx.svg?1782252#dmx') format('svg');
    font-weight: normal;
    font-style: normal
}
[class^="wico-"]:before,
[class*=" wico-"]:before {
    font-family: "dmx";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.wico-plus:before {
    content: ''
}
.wico-next:before {
    content: ''
}
.wico-camera:before {
    content: ''
}
.wico-phone:before {
    content: ''
}
.wico-comment:before {
    content: ''
}
.wico-down-mini:before {
    content: ''
}
.wico-eye:before {
    content: ''
}
.wico-check:before {
    content: ''
}
.wico-prev:before {
    content: ''
}
.wico-up-mini:before {
    content: ''
}
.wico-zoom-in:before {
    content: ''
}
.wico-back:before {
    content: ''
}
.wico-caution:before {
    content: ''
}
.wico-search:before {
    content: ''
}
.wico-aim2:before {
    content: ''
}
.wico-arrow411:before {
    content: ''
}
.wico-arrows53:before {
    content: ''
}
.wico-bullet4:before {
    content: ''
}
.wico-list26:before {
    content: ''
}
.wico-home60:before {
    content: ''
}
.wico-play:before {
    content: ''
}
.wico-pause:before {
    content: ''
}
.wico-sms:before {
    content: ''
}
.wico-to-top:before {
    content: ''
}
.wico-to-desktop:before {
    content: ''
}
.wico-to-mobile:before {
    content: ''
}
.pull-left {
    float: left
}
.pull-right {
    float: right
}
.price-color {
    color: #f44336
}
.arneldetail {
    display: block;
    overflow: hidden;
    max-width: 600px;
    width: 100%;
    padding: 45px 0 15px;
    margin-top: 10px;
    background: #c1def4 url(https://cdn4.dmx.vn/dienmay2015/Content/images/bgdetanel.png) no-repeat top center
}
.arneldetail strong {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 14px;
    color: #fff;
    margin: 0 auto 5px;
    text-transform: uppercase;
    width: 95%
}
.arneldetail strong h3 {
    display: inline-block;
    font-size: 14px;
    color: #ff0;
    margin: 0
}
.arneldetail .textnv {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #fff;
    padding: 5px 0;
    width: 95%;
    margin: 0 auto
}
.arneldetail .textnv b {
    color: #ff0
}
.arneldetail form {
    display: block;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 5px
}
.arneldetail input {
    float: left;
    padding: 8px;
    margin-right: 10px;
    border: 1px solid #eee;
    width: 188px;
    height: 18px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none
}
.arneldetail span {
    float: left;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    margin: 0 10px 5px 0
}
.arneldetail label {
    float: left;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    margin-right: 10px
}
.arneldetail label input {
    float: left;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    margin: -1px 5px 0 0
}
.arneldetail button {
    display: block;
    padding: 7px 0 10px;
    height: 36px;
    border: 2px dotted #ff0;
    border-left: 0;
    border-right: 0;
    background: #47ae42;
    font-size: 18px;
    color: #ff0;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    width: 135px;
    text-transform: uppercase;
    outline: none;
    cursor: pointer
}
.arneldetail .viewifct {
    float: left;
    padding: 5px 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
    width: 200px;
    background: #3fab43;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-decoration: none;
    margin: 5px 0 5px 15px
}
.arneldetail .error {
    color: #f00;
    margin: 0
}
.arneldetail .mayngua {
    display: block;
    padding: 8px 10px 7px;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    color: #ff0;
    text-transform: uppercase;
    background: #d91f04;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    margin: 10px 0 5px 15px;
    width: 90px
}
.arneldetail .textstep {
    display: block;
    overflow: hidden;
    clear: both;
    font-size: 13px;
    color: #333;
    width: 95%;
    margin: auto
}
.arneldetail .textstep p {
    display: block;
    clear: both;
    margin: 6px 0 0
}
.arneldetail .success {
    display: block
}
.payment-discount {
    margin-top: 10px;
    padding: 4px;
    border: 1px solid #298dc2;
    background: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.payment-discount img {
    vertical-align: middle;
    margin-right: 10px
}
.payment-discount strong {
    font-size: 16px;
    color: #eb3d31
}
.payment-discount a {
    color: #fff;
    background: #f2ab1e;
    padding: 5px 10px;
    border-radius: 4px
}
.payment-discount a:hover {
    text-decoration: underline
}
.iseasydeal {
    border: 1px solid #298dc2;
    padding: 20px;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.add-cart {
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    color: #298dc2;
    margin-top: 10px;
    display: inline-block;
    padding: 6px
}
.add-cart:hover {
    border: 1px solid #298dc2;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.online-price-box {
    margin-top: 10px;
    padding: 10px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e3dfbc;
    background-color: #fffac0
}
.online-price-box>div .wico-circle-empty {
    margin-left: -16px
}
.online-price-box button {
    margin-top: 4px;
    margin-bottom: 6px
}
.wico-circle-empty:before {
    content: '';
    color: #c3b406;
    font-size: 8px;
    vertical-align: middle
}
.story-ld .online-price-box {
    padding: 0;
    border: 0;
    background-color: transparent
}
.online-price-msg {
    background-color: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 400px;
    padding: 20px
}
.online-price-msg p {
    margin: 10px 0;
    line-height: 25px
}
.online-price-msg p strong {
    color: #eb3d31;
    font-size: 18px
}
.online-price {
    background-color: #f8e71c;
    padding: 2px 4px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    color: #333;
    margin-top: 4px
}
.online-price b {
    color: #d1051b
}
.price-at {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}
.pecom .provinces-box>span {
    font-size: 13px;
    margin-left: 6px;
    color: #298dc2;
    background-color: #fff;
    border: 1px solid #298dc2;
    padding: 2px;
    padding-left: 8px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    display: block;
    cursor: pointer
}
.fb-like {
    height: 36px;
    line-height: 36px
}
.block {
    display: block
}
input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}
input[type=checkbox].css-checkbox+input[type=hidden]+label.checkbox {
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: 1px solid #ededed;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #fff
}
input[type=checkbox].css-checkbox:checked+input[type=hidden]+label.checkbox {
    background: #288ad6
}
input[type=checkbox].css-checkbox:checked+input[type=hidden]+label.checkbox:before {
    font-family: "dmx";
    content: '';
    color: #fff;
    font-size: 12px
}
.deals {
    padding-top: 10px
}
.deals>span {
    font-size: 13px
}
.deals>p {
    padding: 4px 0 4px 40px;
    line-height: 18px;
    font-size: 12px
}
.deals>p:before {
    font-family: "dmx";
    content: '';
    color: #999;
    margin-left: -24px;
    margin-right: 12px;
    font-size: 8px
}
.deals>p a {
    color: #288ad6
}
.deals>p a:hover {
    text-decoration: underline
}
.wico-cloud:before {
    content: ''
}
.wico-shields:before {
    content: ''
}
.popup-discount {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #ffeb3b;
    z-index: 999
}
.popup-discount>.cls {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #074f97;
    color: #fff;
    cursor: pointer
}
.popup-discount>img {
    display: inline-block
}
.popup-discount>.content {
    display: inline-block;
    padding: 20px;
    vertical-align: top
}
.popup-discount>.content p {
    font-size: 18px;
    line-height: 22px
}
.popup-discount input {
    padding: 8px;
    border: 1px solid #ededed;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin: 10px 0;
    width: calc(100% - 22px)
}
.popup-discount button {
    color: #fff;
    border: 0;
    font-size: 18px;
    padding: 8px 12px;
    background: #074f97;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: auto;
    display: block;
    margin-top: 10px
}
.popup-discount button:hover {
    cursor: pointer;
    background: #073797
}
.graytxt {
    color: #999
}
.redtxt {
    color: #eb3d31
}
.greentxt {
    color: #8bc34a
}
.orangetxt {
    color: #ff9800
}
.tealtxt {
    color: #009688
}
.pinktxt {
    color: #ff4081
}
.largetxt {
    font-size: 16px;
    margin-top: 16px;
    line-height: 20px
}
.smalltxt {
    font-size: 13px
}
a:hover {
    text-decoration: underline
}
.wico-phone {
    font-size: 16px;
    vertical-align: text-top
}
.is_stuck.tabs {
    z-index: 900
}
.tabs {
    list-style: none;
    position: relative;
    border-bottom: 1px solid #ededed;
    background: #fff;
    margin-bottom: 20px
}
.tabs li {
    display: inline-block;
    margin-right: 60px
}
.tabs li a {
    text-align: center;
    font-size: 16px;
    padding: 12px;
    display: block;
    text-decoration: none;
    color: #666
}
.tabs li a:hover {
    color: #e91e63
}
.tabs li.active a {
    color: #e91e63;
    font-weight: 700
}
.tabs li a>img {
    position: relative;
    top: -10px
}
.tabs.is_stuck {
    margin-bottom: 0
}
#magic-line {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 1px;
    background: #e91e63
}
.pinfo {
    width: 600px;
    position: relative
}
.pinfo .icon-installment0,
.pinfo .icon-installment1 {
    position: absolute;
    top: 0;
    right: calc((100% - 400px)/2);
    z-index: 9
}
.pecom {
    width: calc(100% - 680px);
    position: relative
}
.pecom .pcolors {
    float: left
}
.pava {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    /*width: auto;*/
    /*height: auto*/
}
.vrp {
    display: block;
    margin: 10px auto;
    text-align: center;
    border: 0;
    background: transparent;
    color: #288ad6;
    font-size: 15px;
    cursor: pointer
}
.vrp:hover {
    text-decoration: underline
}
.osWin {
    margin: 10px 0 5px 0;
    color: #0aadb4;
    display: block;
    background: #b8e2e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px
}
.logoWin {
    background-image: url(https://cdn4.dmx.vn/dienmay2015/Content/images/lg_w.png);
    background-repeat: no-repeat;
    display: block;
    width: 28px;
    height: 30px;
    float: left;
    margin-top: -5px
}
h1 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 16px
}
div[itemprop='offers'] {
    margin-top: 20px
}
.pcolors {
    margin-top: 10px
}
.pcolors>label {
    color: #288ad6;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    line-height: 36px
}
.pcolors>label:hover {
    text-decoration: underline
}
.pcolors figure {
    display: inline-block;
    margin-right: 4px;
    cursor: pointer
}
.pcolors figure>span {
    display: inline-block;
    background: #fff;
    color: #288ad6 !important;
    border: 1px solid #288ad6;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    font-size: 12px;
    color: #288ad6;
    text-align: center;
    cursor: pointer;
    padding: 2px 8px 2px 8px;
    text-transform: capitalize
}
.pcolors figure>span:hover,
.pcolors figure.active span {
    background: #288ad6;
    color: #fff !important
}
.pricesell {
    font-size: 22px;
    color: #f44336;
    margin-right: 10px;
    line-height: 24px
}
.priceline {
    font-size: 14px;
    color: #888;
    text-decoration: line-through;
    margin-top: 3px;
    padding-right: 10px
}
.status {
    display: inline-block;
    font-size: 16px;
    padding-top: 5px
}
.status.block {
    display: block
}
.instock {
    color: #8bc34a
}
.incomming,
.hearsay {
    color: #673ab7
}
.outofstock {
    color: #795548
}
.notsales {
    color: #9e9e9e
}
.show-stores {
    cursor: pointer;
    color: #288ad6;
    background: transparent;
    border: 0;
    display: inline-block
}
.show-stores:hover {
    text-decoration: underline
}
#bonus-products {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    margin-top: -1px;
    padding-top: 10px
}
#bonus-products .wico-camera {
    font-size: 16px;
    color: #288ad6
}
#bonus-products .wapper {
    overflow: hidden;
    position: relative
}
#bonus-products .list {
    height: 80px
}
#bonus-products h6 {
    margin-bottom: 20px
}
#bonus-products h6 span {
    color: #999;
    font-size: 12px;
    padding-left: 26px;
    display: block
}
#bonus-products figure {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    position: relative
}
#bonus-products figure:last-child {
    margin-right: 0
}
#bonus-products figure>figcaption {
    position: absolute;
    color: #fff;
    top: 32px;
    left: 0;
    right: 0;
    font-size: 11px;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}
#bonus-products .onmodal {
    display: none
}
#dmxoverlay .bonus-products {
    height: 600px;
    width: 828px;
    background: #fff
}
#dmxoverlay .bonus-products figure {
    text-align: center;
    height: 600px;
    width: 828px;
    position: relative;
    vertical-align: middle
}
#dmxoverlay .bonus-products figure>span {
    position: absolute;
    top: calc((100% - 80px)/2);
    left: 0;
    right: 0;
    color: #fff;
    font-size: 66px;
    line-height: 66px
}
#dmxoverlay .bonus-products figure img {
    width: auto;
    max-height: 552px;
    display: block;
    margin: auto
}
#dmxoverlay .bonus-products figure img.small {
    padding: 127px
}
#dmxoverlay .bonus-products figcaption {
    color: #fff;
    background: #333;
    padding: 12px;
    height: 24px;
    line-height: 24px;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0
}
#dmxoverlay .bonus-products figcaption a {
    color: #fff;
    text-decoration: underline
}
.infopromotion {
    display: block;
    margin-top: 10px;
    border-top: 1px solid #ededed;
    padding-top: 10px
}
.infopromotion strong {
    color: #eb3d31
}
.infopromotion span {
    font-weight: normal
}
.promotion-list {
    margin-top: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ededed
}
.promotion-list li {
    padding: 0 0 0 20px;
    line-height: 20px;
    list-style: square;
    font-style: italic;
    font-size: 13px
}
.promotion-list>span {
    display: block;
    margin-top: 10px
}
.promotion-list>span:before {
    font-family: 'dmx';
    content: '';
    color: #999;
    margin-right: 14px;
    font-size: 8px
}
.promotion-list>span font {
    color: #333;
    font-size: 14px
}
.promotion-list li a {
    color: #288ad6
}
.promotion-list li a:hover {
    text-decoration: underline
}
.promotion-list .timeout {
    color: #999;
    padding-left: 15px
}
.online-promotions .infopromotion,
.online-promotions .promotion-list {
    display: none;
    border: 0
}
.online-promotions {
    margin-top: 10px;
    padding: 20px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #d1051b;
    color: #fff
}
.online-promotions .banner>span {
    font-size: 18px;
    line-height: 20px;
    display: block;
    color: #fff
}
.online-promotions .banner b {
    color: #ffe664
}
.online-promotions .banner>button {
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    border: 0;
    background-color: transparent;
    cursor: pointer
}
.online-promotions .banner>button:hover {
    text-decoration: underline
}
.online-promotions .timeout {
    color: #dadada
}
.online-promotions .promotion-list>span:before {
    color: #ffe664
}
.icon-showbpglr {
    background-position: -104px -141px;
    width: 19px;
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 5px
}
.policies {
    padding: 10px 0
}
.policies .warpoint {
    font-weight: 400;
    padding-left: 5px
}
.policies .tthelp {
    display: none;
    height: 0;
    width: 0;
    top: 0;
    position: absolute
}
.policies .helpbox {
    left: 30%;
    top: 26px;
    font-style: normal;
    font-weight: 400;
    color: #927847
}
.policies .helpbox strong {
    font-size: 14px
}
.policies a {
    color: #288ad6
}
.policies a:hover .tthelp,
.policies a:hover .helpbox {
    display: block
}
.policies a strong:before {
    content: ' '
}
.policies .cell-line {
    display: block;
    margin-bottom: 10px;
    position: relative;
    line-height: 24px
}
.orderbtn {
    display: inline-block;
    padding: 8px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    -moz-min-width: 180px;
    -ms-min-width: 180px;
    -o-min-width: 180px;
    -webkit-min-width: 180px;
    min-width: 180px
}
.orderbtn:hover {
    text-decoration: none;
    cursor: pointer
}
.orderbtn.orange {
    background: #f89406;
    border: 1px solid #d97f00;
    color: #fff;
    margin-right: 10px
}
.orderbtn.orange:hover {
    background: #eb8d07
}
.orderbtn.bdrblue {
    background: #fff;
    border: 1px solid #288ad6;
    color: #288ad6
}
.orderbtn.bdrblue:hover {
    background: #288ad6;
    color: #fff
}
.orderbtn.blue {
    background: #288ad6;
    border: 1px solid #288ad6;
    color: #fff
}
.orderbtn.blue:hover {
    background: #087cd5
}
.orderbtn b {
    font-size: 16px;
    display: block
}
.orderbtn sub {
    display: block;
    font-size: 12px
}
.orderbtn.hidden {
    display: none
}
.installment-btn {
    display: inline-block;
    width: calc(100% - 246px)
}
.installment-btn p {
    display: inline-block;
    width: calc(100% - 210px);
    color: #288ad6;
    font-size: 12px;
    vertical-align: bottom
}
.installment-btn p:before {
    display: inline-block;
    content: '◀';
    float: left;
    height: 54px;
    line-height: 54px;
    padding-right: 4px
}
.installment-btn p:after {
    content: ' ';
    clear: left
}
.installment-btn p b {
    display: block
}
.installment-btn p a {
    display: block;
    color: #288ad6
}
p.call {
    padding-top: 10px
}
.compact-specs {
    display: table;
    width: 97%;
    margin-top: 10px
}
.compact-specs .row {
    display: table-row
}
.compact-specs .cell {
    display: table-cell;
    padding: 10px 3px;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #ededed;
    border-right: 0;
    min-width: 80px
}
.compact-specs .cell:first-child {
    border-radius: 4px 0 0 4px
}
.compact-specs .cell:last-child {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #ededed
}
.compact-specs .cell strong {
    display: block;
    font-size: 16px;
    padding-top: 5px
}
.compact-specs .tip {
    color: #288ad6;
    cursor: pointer
}
.view-specs {
    color: #288ad6;
    display: inline-block;
    padding-top: 6px;
    text-align: left
}
.view-specs:hover {
    text-decoration: underline
}
.view-specs b {
    font-size: 18px;
    font-weight: 400
}
.features {
    margin-top: 10px
}
.features li {
    padding: 4px 0 4px 24px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px
}
.features li:before {
    font-family: 'dmx';
    content: '';
    font-size: 8px;
    color: #999;
    margin-left: -24px;
    margin-right: 10px
}
.features li strong {
    font-weight: 400
}
.features a {
    color: #288ad6
}
.standardkit {
    padding-top: 20px
}
.standardkit span {
    color: #999
}
.apple {
    color: #666;
    margin-top: 10px;
    border-top: 1px solid #ededed
}
.apple p {
    padding-top: 10px
}
.apple [class^="wico-"],
.apple a {
    color: #288ad6
}
.apple [class^="wico-"]:before {
    font-size: 18px
}
.apple a:hover {
    text-decoration: underline
}
.relative-products {
    margin-top: 20px;
    overflow: hidden;
    height: 444px;
    position: relative
}
.relative-products .slick-prev {
    left: -6px
}
.relative-products h3 {
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
    margin-left: 30px
}
.relative-products .pull-right {
    width: calc(100% - 240px)
}
.relative-products .list {
    margin: 6px auto 0;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #fff 36%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(36%, #fff), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #fff 0%, #fff 36%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #fff 0%, #fff 36%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #fff 0%, #fff 36%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 36%, #f3f3f3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0)
}
.relative-products .list .item {
    position: relative;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 230px;
    padding-top: 10px;
    margin: 0 20px
}
.relative-products .list .item.myself {
    border: 1px solid #ededed;
    width: 228px;
    margin-left: 0;
    margin-right: 10px;
    float: left;
    padding-top: 50px
}
.relative-products .list .item .bg {
    position: relative;
    padding: 10px;
    height: 250px
}
.relative-products .list .item.viewed .bg {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(144, 144, 144, .1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(144, 144, 144, .1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(144, 144, 144, .1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(144, 144, 144, .1) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(144, 144, 144, .1) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0%, rgba(144, 144, 144, .1) 50%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#00ffffff', GradientType=0)
}
.relative-products .list .item.viewed h5 {
    color: #5b009d
}
.relative-products .list .item.viewed .viewedBadge {
    color: #e18c00;
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 12px
}
.relative-products .list .item.myself .viewedBadge {
    color: #288ad6;
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 12px
}
.relative-products .list .item img {
    display: block;
    margin-left: 10px;
    background: #f5f5f5
}
.relative-products .list .item .manu {
    text-transform: uppercase
}
.relative-products .list .item .manu h4 {
    font-size: 15px;
    color: #288ad6;
    font-weight: 700
}
.relative-products .list .item .manu h4 sup {
    margin-left: 4px
}
.relative-products .list .item h5 {
    padding-top: 6px;
    max-height: 36px;
    overflow: hidden
}
.relative-products .list .item strong {
    padding-top: 6px;
    color: #eb3d31;
    display: inline-block
}
.relative-products .list .item span.noprice {
    color: #999;
    font-size: 13px;
    display: block
}
.relative-products .list .item span.line {
    text-decoration: line-through;
    color: #999;
    font-size: 13px;
    display: inline-block;
    margin-left: 10px
}
.relative-products .list .item span.promo {
    color: #999;
    font-size: 13px;
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.relative-products .list .item .icon-saleoff sub {
    padding: 14px 23px 0 0;
    text-align: right;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #f8e61c
}
.relative-products .list .item .info {
    padding-top: 2px
}
.relative-products .list .item .info span {
    display: block;
    padding-top: 4px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.relative-products .list .item .info span:before {
    content: '-';
    padding-right: 4px
}
.relative-products .list .item .directional {
    padding-top: 6px;
    text-align: left;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px)
}
.relative-products .list .item .directional a {
    color: #288ad6
}
.relative-products .list .item .directional b {
    color: #d8d8d8;
    font-weight: 400;
    font-size: 12px;
    padding: 0 4px
}
.relative-products .list .item [class^="icon-"],
.relative-products .list .item [class^="badge-"] {
    position: absolute;
    top: 20px;
    right: 40px
}
.replaced-products h3 {
    font-size: 16px;
    padding: 20px 0 10px
}
.replaced-products .list {
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ededed;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.replaced-products .list .item {
    margin: auto
}
.replaced-products .list .item .pull-left {
    position: relative;
    width: 240px
}
.replaced-products .list .item .pull-right {
    width: 300px
}
.replaced-products .list .item img {
    display: block;
    margin-left: 10px;
    background: #f5f5f5
}
.replaced-products .list .item .manu {
    text-transform: uppercase
}
.replaced-products .list .item .manu h4 {
    font-size: 15px;
    color: #288ad6;
    font-weight: 700
}
.replaced-products .list .item h5 {
    padding-top: 6px
}
.replaced-products .list .item strong {
    padding-top: 6px;
    color: #eb3d31;
    display: inline-block
}
.replaced-products .list .item span.noprice {
    color: #999;
    font-size: 13px;
    display: block
}
.replaced-products .list .item span.line {
    text-decoration: line-through;
    color: #999;
    font-size: 13px;
    display: inline-block;
    margin-left: 10px
}
.replaced-products .list .item span.promo {
    color: #999;
    font-size: 13px;
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.replaced-products .list .item .icon-saleoff sub {
    padding: 14px 23px 0 0;
    text-align: right;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #f8e61c
}
.replaced-products .list .item .info {
    padding-top: 2px
}
.replaced-products .list .item .info span {
    display: block;
    padding-top: 4px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.replaced-products .list .item .info span:before {
    content: '-';
    padding-right: 4px
}
.replaced-products .list .item .directional {
    padding-top: 6px
}
.replaced-products .list .item .directional a {
    color: #288ad6
}
.replaced-products .list .item .directional b {
    color: #d8d8d8;
    font-weight: 400;
    font-size: 12px;
    padding: 0 4px
}
.replaced-products .list .item [class^="icon-"],
.replaced-products .list .item [class^="badge-"] {
    position: absolute;
    top: 0;
    right: 0
}
#suggestcompare {
    display: inline-block;
    margin-left: 20px;
    position: relative
}
#suggestcompare .abs-input {
    border: 1px solid transparent;
    -ms-border-radius: 2px;
    border-radius: 2px
}
#suggestcompare input {
    padding: 6px;
    border: 0;
    width: 0;
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    -ms-transition: width .5s ease;
    transition: width .5s ease
}
#suggestcompare .abs-input.hello {
    border: 1px solid #ededed
}
#suggestcompare .abs-input.hello input {
    width: 240px
}
#suggestcompare button {
    position: absolute;
    top: calc((100% - 18px)/2);
    right: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: #288ad6
}
#psr {
    margin-top: 0
}
#psr li {
    padding: 12px;
    cursor: pointer
}
#psr li p {
    float: right;
    color: #eb3d31
}
#specifications {
    margin-top: 20px
}
#specifications h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 6px
}
.paratable {
    float: left;
    width: 480px
}
.paratable li {
    font-weight: 700;
    display: table;
    width: calc(100% - 20px);
    padding: 10px;
    border-bottom: 1px solid #ededed
}
.paratable li.grp {
    border: 0;
    padding-top: 20px
}
.paratable li .specname,
.paratable li .specval {
    font-weight: 400;
    display: table-cell
}
.paratable li .specname {
    width: 260px
}
.paratable li .specname.tip {
    color: #288ad6
}
.paratable li .specname.tip:hover {
    text-decoration: underline;
    cursor: pointer
}
.paratable li .specval {
    text-align: right
}
.viewmoreparatable button {
    margin-top: 6px;
    display: inline-block;
    padding: 8px;
    border: 1px solid #288ad6;
    font-size: 14px;
    color: #288ad6;
    background: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.viewmoreparatable button:hover {
    background: #288ad6;
    color: #fff;
    cursor: pointer
}
.viewmoreparatable button .wico-up-mini,
.viewmoreparatable button .wico-down-mini {
    font-size: 20px;
    vertical-align: text-bottom
}
.specimg {
    max-width: 800px;
    width: calc(100% - 500px);
    margin-left: 20px;
    height: auto;
    float: right
}
#real-photos {
    margin-top: 20px
}
#real-photos-modal {
    display: none;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 26px
}
#real-photos-modal .pull-left {
    width: calc(100% - 280px)
}
#real-photos-modal .pull-right {
    width: 260px
}
#real-photos-modal .thumbs {
    max-height: 476px
}
#real-photos-modal .thumbs img {
    width: 114px;
    height: auto
}
#real-photos-modal>.pull-left figcaption {
    padding: 4px;
    background: #f5f5f5;
    margin-top: -4px;
    height: 24px;
    line-height: 24px
}
#real-photos-modal>.pull-left figure img {
    width: 810px;
    height: 540px;
}
.real-photos {
    background: #f7f7f7;
    padding: 0 26px
}
.real-photos h4 {
    font-size: 24px;
    line-height: 30px;
    margin: 18px 0;
    text-align: left
}
.real-photos .pull-right {
    width: 340px;
    padding: 10px 0;
    text-align: center
}
.real-photos .pull-left {
    width: calc(100% - 370px);
    position: relative
}
.real-photos .pull-left .left {
    max-width: 100%
}
.real-photos .slick-prev,
.real-photos .slick-next {
    height: 74px;
    width: 40px;
    top: calc((100% - 106px)/2);
    background: rgba(51, 51, 51, .4);
    -ms-border-radius: 0;
    border-radius: 0
}
.real-photos .slick-prev {
    left: 0
}
.real-photos .slick-next {
    right: 0
}
.real-photos .slick-prev:before,
.real-photos .slick-next:before {
    font-size: 64px;
    line-height: 64px;
    color: #fff
}
.real-photos .slick-slide:focus {
    outline: none
}
.real-photos .pcolors {
    margin-top: 0;
    text-align: left;
    position: absolute;
    z-index: 1;
    margin: 10px
}
.real-photos .pcolors label {
    color: #999
}
.real-photos .pcolors label.viewing {
    margin-top: 4px;
    display: block
}
.real-photos .pcolors label.viewing b {
    color: #333
}
.real-photos figure figcaption {
    height: 32px;
    line-height: 32px;
    margin-top: 14px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.real-photos>.pull-left figure img {
    /*width: 100%;*/
    height: auto
}
.real-photos .thumbs {
    margin-top: 55px;
    max-height: 600px;
    height: auto;
    overflow: hidden;
    position: relative;
    text-align: left
}
.real-photos .thumbs img {
    margin: 0 14px 14px 0;
    border-radius: 4px;
    border: 2px solid #ededed;
    /*width: 156px;
    height: 104px*/
}
.real-photos .thumbs img:hover,
.real-photos .thumbs img.active {
    outline: none;
    border: 2px solid #ffc107;
    cursor: pointer
}
.real-photos .thumbs img:nth-child(even) {
    margin-right: 0
}
.btn360 {
    background: #fff;
    border: 1px solid #ededed;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 0;
    text-align: center;
    margin-top: 14px;
    width: 100%
}
.btn360:hover {
    border: 1px solid #ffc107;
    cursor: pointer
}
.btn360 .icon-360 {
    margin-left: 20px
}
.ctnr360 {
    display: none;
    background: #fff;
    border: 1px solid #ededed;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: initial;
    margin-bottom: 18px
}
.ctnr360 img {
    vertical-align: top
}
.controls-360 {
    padding: 12px
}
.controls-360 button {
    background: #f1f1f1;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 8px;
    border: 1px solid #288ad6;
    color: #288ad6;
    font-size: 16px;
    display: none
}
.controls-360 button:hover {
    background: #288ad6;
    color: #fff;
    cursor: pointer
}
.showfullscrn {
    color: #288ad6;
    display: block;
    position: absolute;
    top: 35px;
    right: 0
}
.icon-360 {
    background-position: -1px -217px;
    width: 53px;
    height: 30px
}
#more-products,
#setup-items {
    margin-top: 20px
}
#setup-items .item {
    text-align: left
}
#setup-items .item:last-child {
    width: auto;
    margin-top: 63px;
    text-align: justify
}
#setup-items .item p {
    line-height: 24px
}
#setup-items .item p strong {
    margin-top: 0
}
#setup-items .item.fix {
    width: calc((100%/6) - 90px);
    margin-top: 0
}
#setup-items .item .graytxt {
    display: block;
    margin-top: 4px
}
#setup-items .item .name {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.prdlist h5 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px
}
.prdlist .item {
    margin: 0 40px;
    display: inline-block;
    vertical-align: top;
    color: #333;
    text-align: center;
    width: calc((100%/5) - 90px);
    position: relative
}
.prdlist .item a {
    display: block
}
.prdlist .item .percent {
    background-color: #eb3d31;
    padding: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    top: 10px;
    right: 10px;
    position: absolute
}
.prdlist .item .line {
    text-decoration: line-through;
    color: #999;
    margin-left: 10px;
    font-size: 12px
}
.prdlist .item img {
    max-width: 100%;
    display: block;
    margin: 0 auto 4px
}
.prdlist .item .name,
.prdlist .item .price {
    text-align: center;
    display: block
}
.prdlist .item .name,
.prdlist a:hover,
.prdlist a:active,
.prdlist a:visited {
    color: #333
}
.prdlist .item strong {
    color: #eb3d31;
    font-weight: 700;
    margin-top: 6px;
    display: inline-block
}
.prdlist .item a[data-scroll] {
    color: #288ad6
}
.prdlist .item a[data-scroll] b {
    font-size: 18px;
    font-weight: 400
}
.navigation {
    display: block;
    overflow: hidden
}
.navigation a {
    float: left;
    color: #288ad6;
    font-size: 12px;
    margin-right: 6px
}
.navigation a:hover {
    text-decoration: underline
}
.navigation a h2 {
    color: #5aa3e8;
    font-size: 12px;
    float: left;
    margin-right: 6px
}
.breadcrumb {
    margin-right: 0
}
.breadcrumb div[itemscope] {
    float: left
}
.quickview {
    display: block;
    overflow: hidden;
    float: left;
    height: 20px;
    margin-left: 30px;
    max-width: 800px
}
.quickview li {
    display: inline-block;
    vertical-align: top
}
.quickview li strong {
    font-weight: normal;
    font-size: 12px;
    color: #9b9b9b
}
.quickview li a {
    padding: 0 5px;
    font-size: 12px;
    color: #288ad6;
    margin-right: 0
}
.quickview li a:hover {
    text-decoration: underline
}
#tip {
    background-color: #fdfc93;
    border: 1px solid #fefd85;
    color: #927847;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-box-shadow: 0 2px 8px -1px #aaa;
    -ms-box-shadow: 0 2px 8px -1px #aaa;
    box-shadow: 0 2px 8px -1px #aaa
}
#tip_c {
    padding: 4px 8px
}
#tip_a {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0
}
#tip .n {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #eae4b4;
    border-bottom: 0
}
.tthelp:hover .helpbox {
    display: block
}
.helpbox {
    background-color: #fdfc93;
    border: 1px solid #fefd85;
    display: none;
    margin: auto;
    padding: 5px;
    position: absolute;
    top: 26px;
    right: -80px;
    width: 290px;
    z-index: 99;
    font-size: 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 8px -1px #aaa;
    -ms-box-shadow: 0 2px 8px -1px #aaa;
    box-shadow: 0 2px 8px -1px #aaa
}
.helpbox:before {
    content: ' ';
    top: -10px;
    left: 20%;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: #fefd85 transparent;
    position: absolute
}
.helpbox:after {
    content: ' ';
    -webkit-box-shadow: 0 2px 8px -1px #aaa;
    -ms-box-shadow: 0 2px 8px -1px #aaa;
    box-shadow: 0 2px 8px -1px #aaa
}
.helpbox li {
    background: none !important;
    font-size: 13px !important;
    color: #927847
}
.helpbox li:before {
    content: ".";
    font-size: 16px;
    font-weight: bold;
    margin-right: 6px
}
.helpbox ul {
    display: block
}
.getcoupon {
    background: #faf3ec;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f0ad4e;
    padding: 15px 0;
    margin-top: 10px
}
.getcoupon .msg {
    color: #ea1540;
    padding: 0 60px
}
.getcoupon strong {
    font-size: 30px;
    vertical-align: text-bottom
}
.getcoupon em {
    font-size: 12px;
    color: #999;
    font-weight: normal
}
#frmGetCoupon {
    margin: 0 auto;
    display: block;
    width: 80%;
    position: relative;
    z-index: 9
}
#frmGetCoupon label {
    display: block;
    padding: 0 0 10px 0;
    text-align: left
}
#frmGetCoupon input {
    border: 1px solid #ededed;
    width: 75%;
    display: inline-block;
    margin-right: 10px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 8px
}
#frmGetCoupon button {
    padding: 8px 20px 7px
}
#frmGetCoupon .lblerr {
    margin-top: 10px;
    color: #ea1540
}
#frmGetCoupon .lblerr .wico-caution,
.getcoupon .msg .wico-caution {
    font-size: 18px;
    vertical-align: middle
}
.article-content {
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed
}
.article-content h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 6px
}
.article-content .ecombtns {
    margin-top: 20px
}
.article-content .pull-left {
    width: 840px;
    border-right: 1px solid #ededed
}
.article-content .pull-right {
    width: calc(100% - 900px)
}
article {
    width: 810px;
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 22px
}
.reviewBody {
    width: 780px
}
.reviewBody table,
.reviewBody tbody,
.reviewBody tr,
.reviewBody td {
    display: block
}
.reviewBody img {
    display: block;
    height: auto;
    margin: auto;
    max-width: 780px;
    margin-top: 10px
}
article h3,
article h2 {
    display: block;
    line-height: 1.3em;
    color: #4a4a4a
}
article h3,
article h3 a {
    font-size: 20px;
    padding-top: 10px;
    font-weight: bold
}
article h2,
article h2 a {
    font-size: 24px;
    font-weight: bold
}
article em {
    display: block;
    padding: 6px 0;
    text-align: center;
    font-size: 12px;
    color: #888;
    font-style: italic
}
article p {
    padding-top: 10px
}
article a {
    font-size: 14px;
    color: #288ad6
}
article td p:first-child strong {
    display: block
}
.img-caption {
    font-size: 14px;
    padding: 10px 20px;
    background-color: #eee;
    vertical-align: top;
    line-height: 22px;
    margin: 0 auto
}
.video-frame {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    cursor: pointer
}
.video-frame .btnplay {
    font-size: 30px;
    top: 40%;
    padding: 15px 30px 15px 25px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 9
}
.video-frame .youtube-thumb {
    position: relative;
    width: 100%
}
.video-frame:hover .btnplay {
    background: #cc181e
}
.btnplay {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    margin: auto;
    width: 20px
}
iframe {
    border: 0
}
.is_stuck #news,
.is_stuck #tech-news {
    padding-top: 60px
}
.news-list {
    margin-bottom: 20px
}
.news-list>.item {
    padding-top: 10px;
    color: #999
}
.news-list>.item:first-child {
    padding-top: 10px
}
.news-list>.item .counts {
    padding-top: 6px;
    color: #999;
    font-size: 13px
}
.news-list>.item .counts span {
    margin-right: 6px
}
.news-list>.item img {
    float: left;
    margin-right: 10px;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.news-list a,
.all-post {
    color: #288ad6;
    line-height: 20px
}
.news-list a.block {
    display: block
}
.news-list a:hover {
    text-decoration: underline
}
.news-list a b {
    font-size: 18px
}
.all-post {
    display: block;
    max-width: 340px
}
#news .item {
    padding-top: 20px
}
#news .item>div>span {
    display: inline-block;
    line-height: 20px;
    margin-left: 10px
}
.all-post b {
    font-size: 18px;
    font-weight: 400
}
[class*="rgico-"] {
    display: inline-block;
    overflow: hidden
}
#ld-btn,
#rg-btn {
    margin-top: 10px;
    vertical-align: baseline
}
.ld-guide {
    display: none
}
.ld-guide p {
    margin-top: 6px
}
.story-ld,
.story-rg {
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 14px;
    position: relative
}
.story-ld {
    background: #f2f2f2
}
.story-ld .tt-player {
    margin-left: 0;
    margin-top: 10px
}
.story-rg {
    background: #def8ff
}
.story-rg .rgico-rain,
.story-rg .rgico-sun {
    position: absolute
}
.story-rg .rgico-sun {
    top: 0;
    right: 20px
}
.story-rg .rgico-rain {
    top: 40px;
    right: 0
}
.tt-player {
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    margin-left: 14px;
    color: #288ad6;
    vertical-align: middle
}
.tt-player:hover {
    text-decoration: underline
}
.tt-player .wico-next:before {
    font-size: 12px;
    font-weight: 700
}
.story-des {
    display: block;
    padding-top: 10px;
    position: relative;
    z-index: 9;
    max-width: 400px
}
.story-des strong {
    color: #f44336
}
.icon-minild {
    background-position: -230px -340px;
    width: 172px;
    height: 130px;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 9
}
.icon-minild:hover {
    cursor: pointer
}
button.gg {
    border: 1px solid transparent;
    color: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    padding: 6px 20px;
    font-size: 16px;
    vertical-align: middle
}
button.gg sub {
    display: block;
    font-weight: 400;
    font-size: 12px
}
button.gg.large {
    padding: 10px
}
button.gg:hover {
    cursor: pointer
}
button.gg.white {
    border: 1px solid #288ad6;
    color: #288ad6;
    background-color: #fff
}
button.gg.white:hover {
    background-color: #288ad6;
    color: #fff
}
button.gg.green {
    background-color: #6eb420
}
button.gg.green:hover {
    background-color: #53920e
}
button.gg.blue {
    background-color: #288ad6
}
button.gg.blue:hover {
    background-color: #0a79ce
}
button.gg.gray {
    background-color: #f2f2f2;
    color: #979696;
    border: 1px solid #c3c3c3
}
button.gg.gray:hover {
    background-color: #c3c3c3;
    color: #f2f2f2
}
button.gg.pink {
    background-color: #ff4081;
    color: #f2f2f2;
    border: 1px solid #c70446
}
button.gg.pink:hover {
    background-color: #e0004c;
    color: #f2f2f2
}
.rg-orange {
    -moz-box-shadow: inset 0 1px 0 0 #f9eca0;
    -webkit-box-shadow: inset 0 1px 0 0 #f9eca0;
    box-shadow: inset 0 1px 0 0 #f9eca0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f0c911), color-stop(1, #f2ab1e));
    background: -moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: -webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: -o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: -ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
    background: linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e', GradientType=0);
    background-color: #f0c911;
    border: 1px solid #e65f44;
    cursor: pointer;
    color: #c92200;
    text-shadow: 0 1px 0 #ded17c
}
.rg-orange:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f2ab1e), color-stop(1, #f0c911));
    background: -moz-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
    background: -webkit-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
    background: -o-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
    background: -ms-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
    background: linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911', GradientType=0);
    background-color: #f2ab1e
}
.ecombtns {
    margin-top: 10px
}
#s-and-s {
    display: none
}
#s-and-s .pull-left {
    width: 650px
}
#s-and-s .pull-left img.ava {
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px
}
#s-and-s .pull-right {
    width: calc(100% - 700px)
}
#s-and-s h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
}
#s-and-s .news-list a {
    margin-top: 0
}
#s-and-s .news-item {
    display: inline-block;
    vertical-align: top;
    width: 318px
}
#s-and-s .news-item:first-child {
    margin-right: 10px
}
#s-and-s .news-item img {
    max-width: 100%;
    width: 318px;
    height: auto;
    display: block;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
#s-and-s .news-item .title a {
    color: #333;
    display: block;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px;
    background: #f7f7f7
}
#s-and-s .news-item .counts {
    background: #f7f7f7;
    padding: 0 10px 10px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
#s-and-s .news-item .counts span {
    color: #999;
    font-size: 12px;
    margin-right: 20px
}
#s-and-s ul {
    list-style-position: inside;
    margin-top: 20px;
    margin-left: 24px
}
#s-and-s li {
    margin-top: 10px
}
#s-and-s li:before {
    font-family: "dmx";
    content: '';
    color: #999;
    margin-left: -24px;
    margin-right: 14px;
    font-size: 10px
}
.factor {
    padding: 20px;
    border: 1px solid #ededed;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px
}
.factor>label {
    display: inline-block;
    width: 240px;
    margin-right: 20px;
    vertical-align: middle
}
.factor>select {
    padding: 4px;
    border: 1px solid #ededed;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    margin-right: 6px
}
.factor>span {
    font-size: 16px;
    font-weight: 700
}
.setup-items {
    padding: 0 20px
}
.setup-items>label,
.setup-items>span {
    display: block
}
.setup-items>span {
    color: #999
}
.calctbl {
    margin-top: 10px;
    display: table;
    width: 100%
}
.calctbl .row {
    display: table-row
}
.calctbl .cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    border-bottom: 1px solid #ededed
}
.calctbl .cell:first-child {
    width: 30px;
    vertical-align: middle
}
.calctbl .cell:nth-child(2) {
    width: 64px;
    text-align: center
}
.calctbl .cell:nth-child(3) {
    width: calc(100% - 300px)
}
.calctbl .cell:nth-child(3)>span {
    display: block
}
.calctbl .cell:nth-child(3)>span:nth-child(2) {
    margin-top: 10px
}
.calctbl .cell:nth-child(4) {
    width: 60px;
    text-align: right
}
.calctbl .cell:last-child {
    width: 100px;
    text-align: right
}
#s-and-s .sum {
    margin-top: 10px
}
#s-and-s .sum label {
    display: inline-block;
    width: calc(100% - 120px);
    text-align: right;
    height: 40px;
    line-height: 40px;
    font-weight: 700
}
#s-and-s .sum strong {
    display: inline-block;
    width: 100px;
    padding: 10px;
    text-align: right;
    font-size: 16px;
    line-height: 20px
}
.delivery-policy {
    background: #f7f7f7;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    height: 214px
}
.delivery-policy .left {
    width: 700px
}
.delivery-policy .dpimg {
    position: absolute;
    top: 0;
    right: 0
}
.delivery-policy ul {
    margin-top: 0 !important
}
.countdown {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}
.countdown>span:first-child,
.countdown>.nums>b,
.countdown>.nums>i {
    display: block
}
.countdown>span:first-child {
    font-size: 13px;
    color: #999
}
.countdown>.nums {
    display: inline-block;
    text-align: center;
    padding: 6px;
    background: #f5f5f5;
    color: #727272;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-top: 6px;
    min-width: 30px
}
.countdown>.nums>b {
    font-size: 30px;
    line-height: 30px
}
.countdown>.nums>i {
    font-style: normal
}
.combo {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999
}
.combo-cls {
    background: #56afe9;
    display: inline-block;
    margin-left: calc((100% - 140px)/2);
    padding: 4px 24px 4px 30px;
    color: #fff;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    cursor: pointer
}
.comboappliances {
    background: #56afe9;
    padding: 20px
}
.comboappliances .wapper {
    max-width: 1320px;
    margin: auto
}
.comboappliances ul {
    float: left
}
.comboappliances li {
    float: left;
    padding: 10px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-right: 10px;
    position: relative
}
.comboappliances li.productitem {
    width: 200px;
    background: #fff
}
.comboappliances li.noitem {
    border: dashed 1px #fff;
    height: 58px;
    width: 198px
}
.comboappliances li.noitem p {
    color: #fff;
    line-height: 20px;
    text-align: center;
    padding-top: 10px
}
.comboappliances li img {
    width: 60px;
    float: left;
    margin-right: 10px
}
.comboappliances li .overlay-close {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 5px;
    top: 5px;
    overflow: hidden;
    border: none;
    background: transparent;
    color: #333;
    font-size: 14px;
    outline: none;
    z-index: 10001;
    cursor: pointer;
    -ms-opacity: .9;
    opacity: .9;
    -webkit-font-smoothing: antialiased
}
.comboappliances li span {
    display: block;
    font-size: 15px;
    color: #f00;
    font-weight: 700
}
.comboappliances li h4 {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #4a90e2;
    text-transform: uppercase;
    margin: 3px 0
}
.comboappliances li h4 sup {
    font-size: 11px;
    float: right;
    margin: -8px 0 0 5px
}
.comboappliances li h3 {
    display: block;
    line-height: 1.3em;
    font-size: 13px;
    color: #4a4a4a;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.comboappliances li a {
    color: #1e4d96;
    text-decoration: underline;
    margin-top: 20px;
    display: block
}
.comboappliances .sum {
    background: #f8e71c;
    width: 184px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #f8e71c;
    padding: 5px 10px
}
.comboappliances .sum li {
    display: block;
    border-bottom: solid 1px #4a90e2;
    width: 100%;
    padding: 2px 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-weight: bold
}
.comboappliances .sum li:last-child {
    border: 0
}
.comboappliances .sum li strong {
    color: #f00;
    float: right
}
.comboappliances .btnbuy {
    background: #ff0082;
    padding: 10px 35px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin: 19px 0 0 20px;
    float: right
}
@media screen and (max-width: 1349px) {
    .comboappliances li.productitem {
        width: 190px
    }
    .comboappliances li.noitem {
        width: 188px
    }
    .comboappliances .sum {
        width: 174px
    }
    .comboappliances .btnbuy {
        padding: 10px 18px
    }
}
@media screen and (max-width: 1280px) {
    .tabs li {
        margin-right: 50px
    }
    .comboappliances .btnbuy {
        padding: 10px 35px;
        float: left;
        margin-top: 30px
    }
    .comboappliances .sum {
        float: left;
        margin-top: 10px;
        width: 188px
    }
    section {
        max-width: 1234px
    }
    .pecom {
        width: calc(100% - 600px)
    }
    .relative-products .slick-prev {
        left: -10px
    }
    .relative-products .list .item {
        margin: 0 10px
    }
    #real-photos-modal {
        padding: 0 20px
    }
    #real-photos-modal .thumbs {
        max-height: 476px
    }
    .real-photos {
        padding: 0 10px
    }
    .real-photos .pull-left {
        width: calc(100% - 350px)
    }
    .real-photos .list img {
        width: 100%;
        height: auto
    }
    .real-photos .thumbs {
        max-height: 480px
    }
    .real-photos .thumbs img {
        margin: 0 8px 8px 0
    }
}
@media screen and (max-width: 1200px) {
    .quickview {
        clear: left;
        float: none;
        margin-left: 0
    }
    .installment-btn {
        width: calc(100% - 210px)
    }
    .installment-btn p {
        width: calc(100% - 172px)
    }
    .orderbtn {
        padding: 4px;
        -moz-min-width: initial;
        -ms-min-width: initial;
        -o-min-width: initial;
        -webkit-min-width: initial;
        min-width: initial
    }
    .orderbtn b {
        font-size: 14px
    }
    .orderbtn sub {
        font-size: 11px
    }
    .orderbtn.orange {
        margin-right: 4px
    }
    section {
        max-width: 990px
    }
    .pinfo {
        width: 400px
    }
    .pecom {
        width: calc(100% - 420px)
    }
    .promotion-list li,
    .features li,
    .standardkit,
    .policies {
        font-size: 13px
    }
    .compact-specs {
        display: none
    }
    .relative-products .list .item {
        margin: 0 10px
    }
    #real-photos-modal {
        padding: 0 10px
    }
    #real-photos-modal .thumbs {
        max-height: 440px
    }
    .real-photos .pull-left {
        width: calc(100% - 280px)
    }
    .real-photos .pull-right {
        width: 260px
    }
    .real-photos .thumbs {
        max-height: 400px
    }
    .real-photos .thumbs img {
        width: 114px;
        height: auto;
        margin: 0 14px 14px 0
    }
    .article-content .pull-left {
        width: 100%;
        border-right: 0
    }
    .article-content .pull-left article {
        margin: 0 auto
    }
    .article-content .pull-right {
        display: none
    }
    .tabs li {
        margin-right: 18px
    }
    .article-content .ecombtns {
        width: 810px;
        margin-left: auto;
        margin-right: auto
    }
    #s-and-s .news-item {
        width: 230px
    }
    #s-and-s .news-item .counts span {
        margin-right: 6px
    }
    #s-and-s .pull-left {
        width: 480px
    }
    #s-and-s .pull-left img.ava {
        width: 480px;
        height: auto
    }
    #s-and-s .pull-right {
        width: calc(100% - 500px)
    }
    .delivery-policy .left {
        width: 440px
    }
}
.btncampaign {
    width: 321px;
    height: 45px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #0076a3;
    background-image: -webkit-linear-gradient(bottom, #0076a3, #2889d6);
    background-image: -moz-linear-gradient(bottom, #0076a3, #2889d6);
    background-image: -o-linear-gradient(bottom, #0076a3, #2889d6);
    background-image: -ms-linear-gradient(bottom, #0076a3, #2889d6);
    background-image: linear-gradient(to top, #0076a3, #2889d6);
    color: #fff;
    line-height: 45px;
    text-align: center;
    margin-top: 10px;
    display: block;
    text-decoration: none
}
.icon-goldday {
    background: url(https://cdn4.dmx.vn/dienmay2015/Content/images/label_goldday.png);
    width: 150px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}
/*http://www.dienmayxanh.com/comment/content/css/commentnew.min.css*/

.wrapcomment {
    display: block;
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    float: left
}
#comment {
    display: block;
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    float: left
}
#comment #id-comment-title {
    color: #666;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 15px 0;
    overflow: hidden;
    padding: 8px;
    text-transform: uppercase !important
}
#comment #id-comment-title span {
    font-weight: normal
}
#comment .titletext {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #333;
    line-height: 1.3em;
    padding-bottom: 20px
}
#comment .titletext h2 {
    font-size: 20px;
    color: #333;
    font-weight: 300;
    display: inline-block
}
#comment .textarea {
    display: block;
    overflow: hidden;
    background: #fff;
    min-height: 100px;
    border: 1px solid #c1bfbf;
    padding: 10px;
    font-size: 16px;
    color: #333;
    max-height: 200px
}
#comment textarea {
    min-height: 50px !important
}
#comment .textarea .ptr {
    margin: 0 auto;
    width: 80%;
    text-align: center
}
#comment .textarea .ptr img {
    max-height: 450px;
    max-width: 600px
}
#comment .textarea .ptr span {
    display: block;
    margin-top: 10px;
    color: #999
}
#comment .textarea .ptr span a {
    cursor: pointer;
    color: red
}
.wrap-attaddsend {
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #c1bfbf;
    position: relative;
    margin-top: -1px
}
.wrap-attaddsend .attach {
    float: left;
    font-size: 14px;
    color: #666;
    padding: 12px 16px 9px;
    border-right: 1px solid #c1bfbf;
    cursor: pointer
}
.wrap-attaddsend .addicon {
    float: left;
    font-size: 14px;
    color: #666;
    padding: 11px 16px 8px;
    border-right: 1px solid #c1bfbf;
    cursor: pointer
}
.wrap-attaddsend .addicon:hover {
    background: #fbd648
}
.wrap-attaddsend .addicon label {
    background: #f9b84d;
    border: 1px solid #f5a623;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    position: relative;
    right: -10px;
    cursor: pointer
}
.wrap-attaddsend .addlink {
    float: left;
    font-size: 14px;
    color: #666;
    padding: 11px 16px 11px;
    border-right: 1px solid #c1bfbf;
    cursor: pointer
}
.wrap-attaddsend .addlink a {
    color: #4a90e2;
    cursor: pointer;
    text-decoration: underline
}
.wrap_iconemotion {
    display: block;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #c1bfbf;
    border-bottom: 0;
    margin-top: -1px;
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto
}
.wrap_iconemotion .col1 a {
    float: left;
    width: 36px;
    height: 36px;
    margin: 5px
}
.wrap_iconemotion .col1 a img {
    display: block;
    width: 36px;
    height: 36px
}
.wrap_iconemotion .col2 a {
    float: left;
    width: 42px;
    height: 42px;
    margin: 5px
}
.wrap_iconemotion .col2 a img {
    display: block;
    width: 42px;
    height: 42px
}
.wrap_iconemotion::-webkit-scrollbar {
    width: 9px
}
.wrap_iconemotion::-webkit-scrollbar-track {
    background: #fff;
    border: 1px solid none;
    width: 11px;
    padding: 2px
}
.wrap_iconemotion::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}
.wrap_iconemotion::-webkit-scrollbar-thumb:window-inactive {
    background: #d8d8d8
}
.wrap_iconemotion a:hover>.addicon {
    background: #fbd648
}
.wrap-attaddsend .sendclick {
    float: right;
    font-size: 15px;
    color: #2a2a2a;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    width: 120px;
    padding: 11px 0 10px;
    cursor: pointer;
    background: #fbd648
}
.wrap-attaddsend .userinfo {
    font-size: 14px;
    color: #2a2a2a;
    text-align: center;
    font-weight: 600;
    max-width: 250px;
    padding: 11px 0 10px;
    cursor: pointer;
    background: #fff;
    position: absolute;
    right: 130px;
    padding-right: 64px
}
#userinfoLog {
    right: 80px
}
.form_reply #userinfoLog {
    right: 120px
}
.wrap-attaddsend .userinfo a {
    color: #4a90e2;
    font-weight: 300;
    float: left;
    position: absolute;
    right: -3px
}
.wrap-attaddsend .userinfo i {
    margin-top: -4px;
    float: left
}
.wrap-attaddsend .avaS {
    margin-top: -4px;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
.wrap-attaddsend .userinfo .uname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
    float: left;
    text-align: left
}
.wrap_loginpost {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    position: relative
}
.wrap_loginpost .asideleft {
    float: left;
    overflow: hidden;
    width: 55%;
    border-right: 1px solid #d8d8d8;
    display: none
}
.wrap_loginpost .asideleft label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    padding-right: 5px
}
.wrap_loginpost .asideleft a {
    *float: left;
    overflow: hidden;
    margin-right: 10px
}
.infologin {
    display: block;
    position: relative;
    clear: both;
    padding-top: 10px;
    overflow: hidden
}
.infologin .arrow_dw {
    position: absolute;
    right: 110px;
    top: -1px;
    z-index: 9;
    background: #f1f1f1
}
.infologin .arrow_dw:after,
.infologin .arrow_dw:before {
    top: 101%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.infologin .arrow_dw:after {
    border-top-color: #fff;
    border-width: 7px;
    margin-left: -7px
}
.infologin .arrow_dw:before {
    border-top-color: #dadada;
    border-width: 8px;
    margin-left: -8px
}
.wrap_loginpost .infologin .userlogin {
    display: block;
    padding: 8px;
    border: 1px solid #dadada;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    width: 84.5%
}
.wrap_loginpost .infologin .forgetpass {
    float: left;
    padding: 8px 0;
    font-size: 14px;
    color: #4a90e2;
    display: none
}
.wrap_loginpost .infologin .forgetpass:hover {
    text-decoration: underline
}
.wrap_loginpost .infologin .loginpost {
    float: right;
    padding: 8px;
    margin-right: 50px;
    background: #fbd648;
    border: 1px solid #c1bfbf;
    font-size: 14px;
    color: #2a2a2a;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer
}
.wrap_loginpost .noaccount {
    display: none;
    padding: 10px 0;
    font-size: 14px;
    color: #999
}
.wrap_loginpost .noaccount a {
    color: #4a90e2
}
.wrap_loginpost .noaccount a:hover {
    text-decoration: underline
}
.wrap_loginpost .asideright {
    float: right;
    overflow: hidden;
    width: 100%
}
.wrap_loginpost .asideright label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px
}
.wrap_loginpost .asideright .infoname {
    padding: 8px;
    border: 1px solid #dadada;
    font-size: 14px;
    margin-bottom: 10px;
    width: 35.5%;
    margin-right: 2%;
    color: #333
}
.wrap_loginpost .asideright .finalpost {
    float: right;
    padding: 8px;
    margin-right: 14px;
    background: #fbd648;
    border: 1px solid #c1bfbf;
    font-size: 14px;
    color: #2a2a2a;
    text-transform: uppercase;
    font-weight: 600
}
#comment .info_nocomment {
    display: block;
    overflow: hidden;
    width: 80%;
    margin: 20px auto 0;
    text-align: center
}
.info_nocomment .texteveryone {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 20px;
    color: #999;
    font-weight: 600
}
#comment .sortcomment {
    display: block;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-right: 3px
}
.sortcomment span {
    float: right;
    font-size: 13px;
    color: #999;
    padding: 6px 12px
}
.sortcomment a {
    float: right;
    font-size: 13px;
    color: #4a90e2;
    padding: 6px 12px
}
.sortcomment a:hover {
    color: #333
}
.sortcomment a.activedsort {
    background: #ececec;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px
}
.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
}
.statistical a {
    color: #4a90e2;
    padding: 0 5px
}
.statistical a:hover {
    color: #4a90e2;
    text-decoration: underline
}
.infocomment {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px
}
.comment_ask {
    display: block;
    overflow: visible;
    margin: 10px 0 0
}
.comment_ask strong {
    font-size: 14px;
    color: #333;
    text-transform: capitalize
}
.comment_ask .qtv {
    text-transform: uppercase;
    margin-right: 10px;
    color: #000;
    font-weight: normal;
    font-size: 10px;
    background: #eebc49;
    padding: 2px 6px;
    border-radius: 3px;
    line-height: 18px;
    height: 18px;
    margin-left: 10px
}
.comment_ask .nameadmin {
    color: #4a90e2
}
.comment_ask .admin {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #444;
    padding: 2px 6px;
    background: #fdd504;
    border: 1px solid #c1a201
}
.comment_ask .goodcomment {
    float: right;
    font-size: 12px;
    color: #4a90e2;
    position: absolute;
    top: 10px;
    right: 10px
}
.comment_ask .tgddthank {
    float: right;
    font-size: 12px;
    color: #e99100
}
.comment_ask .relate_infocom {
    margin-left: 30px
}
.bestcomment {
    background: #e6edf7;
    border: 1px solid #c3d9f7;
    margin-top: 15px;
    padding: 10px 10px 5px 10px;
    position: relative
}
.infocom_ask,
.infocom_ask_s {
    display: block;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 22px;
    margin-left: 30px
}
.infocom_ask a {
    color: #4a90e2
}
.infocom_ask_s .seeMore,
.infocom_ask .content_s .seeMore {
    color: #4a90e2;
    cursor: pointer;
    white-space: nowrap;
    font-weight: normal
}
.infocom_ask_s .seeMore b,
.infocom_ask .content_s .seeMore b {
    font-weight: normal;
    font-style: normal;
    font-size: 16px
}
.infocom_ask .conticon {
    line-height: normal;
    line-height: 22px
}
.infocom_ask .conticon .relate_infocom {
    margin-left: 0
}
.hidecmt {
    overflow: hidden;
    max-height: 190px
}
.relate_infocom {
    display: block;
    overflow: visible;
    height: 18px;
    padding: 5px 0;
    font-size: 12px;
    color: #666
}
.relate_infocom span {
    float: left
}
.relate_infocom span.like {
    float: none
}
.relate_infocom span.topcmt {
    float: left
}
.relate_infocom .baoloi {
    cursor: pointer;
    position: relative;
    color: #4a90e2
}
.relate_infocom .baoloi .content_bao_loi {
    display: none;
    position: absolute;
    top: 20px;
    left: -77px;
    width: 200px;
    padding: 5px;
    height: 89px;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
    z-index: 100
}
.relate_infocom .baoloi .content_bao_loi i {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    display: block;
    margin: auto
}
.relate_infocom .baoloi .content_bao_loi b {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 11px;
    height: 11px
}
.relate_infocom .baoloi .content_bao_loi figure {
    display: block;
    font-size: 12px;
    color: #444;
    padding-bottom: 5px
}
.relate_infocom .baoloi .content_bao_loi a {
    display: block;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #333;
    background: #fffab8;
    border: 1px solid #f8e71c
}
.relate_infocom .baoloi .content_bao_loi a:hover {
    background: #f5a623;
    border: 1px solid #be7805;
    color: #fff
}
.relate_infocom .baoloi:hover .content_bao_loi {
    display: block
}
.relate_infocom .numlike {
    color: #999
}
.relate_infocom .date {
    color: #999
}
.relate_infocom .reply {
    cursor: pointer;
    color: #4a90e2
}
.relate_infocom .dot {
    float: left;
    display: inline;
    font-size: 8px;
    vertical-align: middle;
    margin: 2px 5px;
    color: #babbb8
}
.like {
    color: #4a90e2;
    cursor: pointer
}
.disble {
    color: #999 !important;
    cursor: default;
    display: inline !important
}
.relate_infocom .btnreply {
    cursor: pointer;
    color: #4a90e2
}
.relate_infocom .btnreply:hover {
    color: #4a90e2
}
.comment_reply {
    display: block;
    margin-top: 10px;
    position: relative;
    background: #f1f1f1;
    border: 1px solid #e7e7e7;
    padding: 15px 10px;
    font-size: 14px;
    color: #333;
    margin-left: 30px
}
.arrow_box {
    position: relative;
    left: 7px;
    display: block;
    margin-top: -15px;
    z-index: 9;
    background: #f1f1f1
}
.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.arrow_box:after {
    border-bottom-color: #f1f1f1;
    border-width: 11px;
    margin-left: -11px
}
.arrow_box:before {
    border-bottom-color: #e7e7e7;
    border-width: 12px;
    margin-left: -12px
}
.totalcomment-reply {
    display: block;
    padding: 10px 0 0;
    border-top: 1px solid #b4b4b4;
    font-size: 12px;
    color: #4a90e2;
    cursor: pointer;
    margin-top: 7px
}
.totalcomment-reply:hover {
    text-decoration: underline
}
.sizeimgattach {
    display: block;
    width: 98%;
    margin: 0 auto;
    overflow: hidden
}
.sizeimgattach img {
    display: block;
    max-width: 100%;
    max-height: 450px;
    margin: 10px auto 0
}
.deleteimg {
    display: block;
    width: 98%;
    padding: 5px 0;
    font-size: 14px;
    color: red;
    text-align: center;
    cursor: pointer
}
.viewmorecomment {
    display: block;
    height: 1px;
    background: #e6e6e6;
    position: relative;
    margin: 40px 0 30px
}
.viewmorecomment .btnexpand {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    display: block;
    padding: 10px 0;
    width: 140px;
    margin: auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #959595;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}
.viewmorecomment .btnexpand span {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #959595;
    position: relative;
    top: 9px;
    margin-left: 5px
}
.viewmorecomment .btncollapse {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    display: block;
    padding: 10px 0;
    width: 140px;
    margin: auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #959595;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}
.viewmorecomment .btncollapse span {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #959595;
    position: relative;
    bottom: 9px;
    margin-left: 5px
}
.reportinfo {
    display: block;
    padding: 10px;
    border: 1px solid #ebebeb;
    background: #fdf9bc;
    position: relative;
    width: 335px;
    height: 76px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}
.reportinfo i {
    position: relative;
    left: 30px;
    top: -13px;
    z-index: 9;
    background: #f1f1f1
}
.reportinfo i:after,
.reportinfo i:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.reportinfo i:after {
    border-bottom-color: #fdf9bc;
    border-width: 11px;
    margin-left: -11px
}
.reportinfo i:before {
    border-bottom-color: #e7e7e7;
    border-width: 12px;
    margin-left: -12px
}
.reportinfo b {
    position: absolute;
    top: 5px;
    right: 5px
}
.tabicon {
    display: block;
    overflow: hidden;
    text-align: center;
    border: 1px solid #c1bfbf;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 5px
}
.tabicon a {
    padding: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    display: inline-block
}
.tabicon a.acticon,
.tabicon a:hover {
    border-bottom: 2px solid #f5a623
}
.tagcloseicon {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #eee;
    padding: 5px 6px 5px 8px;
    border-radius: 5px
}
.showicon {
    position: relative;
    overflow: hidden
}
[class^="iconcom-"],
[class*="iconcom-"] {
    background-image: url(//cdn.dmx.vn/dienmay2015/comment/Content/images/bg_comment.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}
.iconcom-arrownocomment {
    background-position: 0 -100px;
    width: 70px;
    height: 140px;
    float: left
}
.iconcom-nocomment {
    background-position: 0 0;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto 28px
}
.iconcom-firstcomment {
    background-position: -85px 0;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto 28px
}
.iconcom-news {
    background-position: -211px -84px;
    width: 104px;
    height: 20px;
    margin-left: 10px
}
.iconcom-user {
    width: 25px;
    height: 25px;
    background-image: none !important;
    background-color: #ccc;
    margin-right: 7px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    font-style: normal
}
.comment_ask .avaS {
    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;
    vertical-align: middle
}
.iconcom-user1 {
    background-position: -170px 0;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
img.imgU {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 7px !important;
    vertical-align: middle
}
.iconcom-user2 {
    background-position: -196px 0;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
.iconcom-user3 {
    background-position: -222px 0;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
.iconcom-user4 {
    background-position: -248px 0;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
.iconcom-cup {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAABnlBMVEUAAABHBwfj2vYAADl3PyE9AgebPCxMAwPBfHyVTJUtAADlxHn40InjtYXeuG3IkUrjiin8ynnGgw//2Zm/lwrGayvBoinMkjy+bw/GnUWtXxjZdie3fQzfoGzTijn1tWy9kBbBjV61ThPoiT+uggGeQBLrjknCcjjbfDLFgU+CUwa9clLXdzTzsXG0dDPpnGF0VwR0JwnIfWPysYTQZzaVQh/Zim6dYj3SZlNmCgdAEgfUb0+QMhbyeWt1AAD3l1gAAACbGyRcKVKxN04RAADt7f9VgP/VACv/v3P/oS//syb/3Q//8q7/6JT/1oH/vVj/s1T/pjD//yj/rCj/vCb/yRv/zBj/1Rf/6Qz/+wb//9z/8qT/8KL/75X//4//3Yn/5If/z4fv4Ib+5IX/8IH/x37/3n3/6nr50Xn/5nj/0Hb+13P//3L/2W3/uWv/42r93mj/zWf+w2P/217+tVv/1lT/t0L/rkL/uT///zT/rjT/vzD/nCv/sCn8nCfxmiT+pyH/uCDypyD/wh7/xB3/yxz/2hP/7Qn/8wT37APkB8c4AAAASHRSTlMAGgkEVDYvJxAMDPv38O/v7unp5OTe29nY19bS0s3Ny8jHx8XAtrW1sayln56ampaNiINybWxrYFBLSEcuJiMgHhwZFw8OBgZ5fTQoAAAA2klEQVQY02OAASYmBnRgbIQuYi/My4YmpOvjo8mMImLNExPNzYLgu9tayMb6+pbKmLNxgviuZvryghnJCfF+tQ31AtI6JhwMTNrZKemZaX6JATWenp6BdapODAxc6gX5uVmpHoHBXl5ewUrsIK2OcsWFHh5ljc2hoa0SrBDjbcSL8vxDwsK9I0SsYFbqlfhXh3lHdESqwJ2mEVDR0tYeGVSp4AIVcVMrDwn37gzKiZNkhApxKlc1CWkZiCVF8dlBhZxFpQxZmRkYTRX52aFCHCwOEAaXJVgjJgAAk5sr+vQ+broAAAAASUVORK5CYII=) center center no-repeat;
    position: relative;
    top: -2px
}
.iconcom-heart {
    background-position: -170px -50px;
    width: 16px;
    height: 14px;
    margin-right: 5px
}
.iconcom-like {
    background-position: -265px -30px;
    width: 13px;
    height: 13px;
    margin-top: -5px
}
.iconcom-arrup {
    background-position: -170px -30px;
    width: 26px;
    height: 14px;
    position: absolute;
    top: -12px;
    left: 15px;
    z-index: -1
}
.iconcom-comment {
    background-position: -245px -30px;
    width: 16px;
    height: 14px;
    margin-right: 5px
}
.iconcom-picture {
    background-position: -274px 0;
    width: 27px;
    height: 20px;
    margin: -4px 5px 0 0
}
.iconcom-addemotion {
    background-position: -225px -50px;
    width: 24px;
    height: 23px;
    margin: -4px 5px 0 0
}
.iconcom-facebook {
    background-position: -70px -100px;
    width: 110px;
    height: 37px
}
.iconcom-googleplus {
    background-position: -70px -140px;
    width: 110px;
    height: 37px
}
.iconcom-mobileworld {
    background-position: -70px -180px;
    width: 130px;
    height: 37px
}
.iconcom-closeloi {
    background-position: -190px -50px;
    width: 11px;
    height: 11px
}
.iconcom-closereport {
    background-position: -205px -50px;
    width: 11px;
    height: 11px
}
.iconcom-arrupyellow {
    background-position: -200px -30px;
    width: 26px;
    height: 14px
}
.iconcom-closeicon {
    background-position: -190px -50px;
    width: 14px;
    height: 14px
}
#comment .pagcomment {
    display: block;
    padding: 8px;
    overflow: hidden;
    width: 341px;
    margin: 10px auto;
    clear: both
}
#comment .pagcomment a {
    float: left;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px
}
#comment .pagcomment a:hover {
    background: #ddd
}
#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
}
#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
}
.hide {
    display: none !important
}
#content .conticon {
    line-height: normal;
    line-height: 18px
}
#content .conticon img {
    width: 24px;
    height: 24px;
    display: inline-flex
}
.clr {
    clear: both
}
.closeIfo {
    position: absolute;
    top: -1px;
    right: -1px;
    border: solid 1px #cdcdcd;
    padding: 5px 10px;
    background-color: #e7e8e7;
    color: #96989a;
    cursor: pointer;
    z-index: 999
}
#comment .txtEditor {
    width: 97%
}
.comment_ask img {
    max-width: 100%;
    margin: 0 auto;
    max-height: 450px;
    background-image: none !important;
    opacity: 1
}
.conticon img {
    max-width: 100%;
    margin: 0 auto;
    background-image: none !important
}
#cmtmask {
    display: none
}
.form_reply {
    padding-top: 10px
}
.infocom_ask .msgImg {
    display: none
}
#txtEditor2 {
    margin: 10px 0
}
.trCmtNew {
    background: #fffadd
}
.trCmt {
    background: #fff;
    transition: background 3s linear;
    -webkit-transition: background 3s linear;
    -moz-transition: background 3s linear
}
.trCmtChild {
    background: #f1f1f1;
    transition: background 3s linear;
    -webkit-transition: background 3s linear;
    -moz-transition: background 3s linear
}
#comment .CmtPopUp {
    background-color: #fff;
    border: 1px solid #000;
    position: fixed;
    display: none;
    top: 15%;
    width: 500px;
    left: 20%;
    padding: 0;
    height: 165px;
    z-index: 2
}
#comment .CmtPopUpHeader {
    font-size: small;
    height: 30px;
    position: relative;
    background-color: #037aff;
    top: 0;
    color: #fff
}
#comment .CmtPopUpContent {
    margin: 10px
}
#comment .CmtPopUpContent .PopupInput {
    margin: 0 10px;
    display: inline-block;
    height: 30px;
    line-height: 30px
}
#comment .CmtPopUpContent .Btn {
    margin-left: 155px
}
#comment .CmtPopUpContent .BtnInsLnk {
    background: #037aff;
    border: 1px solid #037aff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    right: -10px;
    cursor: pointer;
    margin: 15px auto 0
}
#comment .CmtPopUpContent .BtnInsLnkExit {
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    right: -10px;
    cursor: pointer;
    margin: 15px auto 0
}
#comment .CmtPopUpContent .PopupInput .lbl {
    width: 80px;
    display: inline-block
}
#comment .CmtPopUpContent .PopupInput .txt {
    width: 350px;
    display: inline-block
}
#comment .CmtPopupClose {
    background: url(//cdn.dmx.vn/dienmay2015/comment/Content/images/close.png) no-repeat;
    float: right;
    cursor: pointer;
    width: 35px;
    height: 35px;
    right: -15px;
    top: -15px;
    position: absolute
}
#comment .CmtPopupTitle {
    text-align: center;
    float: left;
    width: 90%;
    color: #fff;
    line-height: 30px;
    font-weight: bold
}
#comment .CmtPopLayer {
    height: 100%;
    background-color: #030303;
    filter: alpha(opacity=60);
    opacity: .6;
    border: 1px solid #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 0%
}
.sendnow {
    float: right;
    width: 480px;
    padding: 5px 0
}
.sendnow .infoname {
    padding: 5px 8px;
    border: 1px solid #dadada;
    font-size: 14px;
    width: 180px;
    margin-right: 10px;
    color: #333;
    float: right
}
.sendnow .finalpost {
    float: right;
    padding: 5px 8px;
    margin-right: 10px;
    background: #fbd648;
    border: 1px solid #c1bfbf;
    font-size: 14px;
    color: #2a2a2a;
    text-transform: uppercase;
    font-weight: 600
}
.sendnow .finalpost img {
    margin: 3px 5px
}
.captchacmt {
    float: left;
    width: 210px;
    overflow: hidden;
    padding: 5px 0
}
.captchacmt img {
    float: left;
    margin-left: 5px;
    margin-right: 5px
}
.captchacmt input {
    width: 100px;
    padding: 5px
}
@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    [class^="iconcom-"], [class*="iconcom-"] {
        background-image: url(//cdn.dmx.vn/dienmay2015/comment/Content/images/bg_comment@2x.png);
        background-size: 320px 250px
    }
}
@media screen and (max-width: 1200px) {
    .left_comment {
        width: 98%
    }
    #comment .txtEditor {
        width: 96.5%
    }
    .wrap_loginpost .asideleft {
        width: 56%
    }
    .wrap_loginpost .asideleft a {
        margin-right: 0
    }
    .wrap_loginpost .infologin .userlogin {
        width: 92.2%
    }
    .infologin .arrow_dw {
        right: 74px
    }
}
.boxAdvisory {
    float: left;
    padding: 10px 5px;
    cursor: pointer
}
.boxAdvisory input {
    margin-right: 5px
}