h2.titlenews {
    font-size: 24px;
    margin: 20px 0 10px;
    line-height: 30px
}

p.date {
    margin: 10px 0 15px;
    font-size: 14px;
    color: #888
}

p.date span {
    padding-right: 20px;
}

p.date a {
    color: #0073ca;
    font-size: 16px;
    font-weight: 400;
}


.hinhsp img {
    margin-right: 4px;
    position: relative !important;
}

.hinhsp a:last-child img {
    margin-right: 0;
}


.infosp .ten {
    line-height: 1.3em;
    font-size: 19px;
    color: #333;
    font-weight: 400;
    margin: 10px 10px 5px 0;
    float: left
}

.infosp a.rew {
    display: inline-block;
    margin-top: 5px;
    float: left;
    margin-top: 10px;
    cursor: pointer;
    overflow: hi
}

.infosp a.rew span i {
    width: 15px;
    height: 14px;
    padding-right: 3px
}

.infosp a.rew span {
    color: #288ad6;
    font-size: 14px;
    font-weight: 400
}

.infosp p {
    margin: 6px 0 0
}

.infosp .brand {
    font-weight: 400;
    font-size: 14px
}

.infosp .brand a, .infosp .brand p.code b {
    color: #1f92c8;
    padding-left: 2px;
    font-weight: 400
}

.infosp .brand p {
    display: inline-block
}

.infosp .brand p.code {
    color: #333;
    margin-left: 10px;
    position: relative;
    padding-left: 15px
}

.infosp .brand p.code:before {
    content: "|";
    position: absolute;
    left: 0;
    top: 0
}

.scrollimage {
    margin: 15px 0 0 20px;
    color: #3992c8;
    float: left;
}

.scrollimage a {
    color: #3992c8;
    font-size: 14px;
}

.scrollimage span {
    background: url(images/scroll-down.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: bottom;
    animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

#setPrice {
    float: left;
}

#setPrice p {
    float: left;
    margin-top: 15px
}

.infosp p.price sup {
    color: #d0021b
}

.infosp p.price {
    font-size: 26px;
    color: #d0021b
}

.infosp p.company {
    color: #666;
    font-size: 24px;
    padding-left: 10px;
    text-decoration: line-through
}

.infosp p.discount {
    background-image: linear-gradient(-90deg, #ec1f1f 0, #ff9c00 100%);
    border-radius: 10px;
    padding: 2px 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-left: 10px
}

.infosp .khuyenmai {
    margin-top: 15px;
    clear: both;
    border-top: 1px dashed #ccc;
    padding: 10px 0;
    font-size: 15px;
    line-height: 24px
}

.infosp .khuyenmai ul {
    margin-left: 5px;
    font-size: 16px
}

.infosp .khuyenmai ul li {
    list-style: initial;
    margin: 4px 0 0 15px
}

.infosp .khuyenmai a {
    display: inline-block;
    color: #e11b1e;
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px
}

.infosp .soluongsp input {
    border: 1px solid #dadada;
    padding: 4px 10px;
    float: left
}

.infosp .soluongsp input.soluong {
    width: 60px;
    text-align: center;
    border-radius: 4px;
    padding-right: 0
}

.infosp .downqty, .infosp .upqty {
    width: 34px;
    padding: 4px 6px;
    -webkit-appearance: none;
    box-sizing: border-box;
    float: left;
    margin-left: 5px;
    text-align: center;
    cursor: pointer
}

.infosp .soluongsp span {
    float: left;
    margin-top: 4px;
    font-style: italic
}

.infosp .upqty {
    border-radius: 4px;
    margin-right: 0;
    border: 1px solid #dadada
}

.infosp .downqty:hover, .infosp .upqty:hover {
    background: #ce671b;
    color: #fff
}

.infosp .downqty {
    border-radius: 4px;
    margin-right: 5px;
    border: 1px solid #dadada
}

.infosp .textnote {
    border-top: 1px dashed #555;
    padding-top: 15px;
    margin-top: 0;
    font-size: 16px
}

.infosp .textnote a {
    color: #249fe7;
    font-weight: 400
}

.infosp input.buynow {
    width: 180px;
    margin: 10px 10px 0 0;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    background: #e11b1e;
    background: -webkit-linear-gradient(#f52f32,#e11b1e);
    background: -o-linear-gradient(#f52f32,#e11b1e);
    background: -moz-linear-gradient(#f52f32,#e11b1e);
    background: linear-gradient(#f52f32,#e11b1e);
    border: solid 1px #e11b1e;
    font-weight: 500;
}

.infosp .intocart {
    width: 180px;
    margin: 10px 0 0;
    font-size: 16px;
    color: #38383e;
    border: 1px solid #ffc350;
    border-radius: 4px;
    background: #ffc350;
    font-weight: 500;
}

.infosp .intocart, .infosp input.buynow {
    padding: 11px 0;
    text-align: center;
    cursor: pointer;
    float: left;
    overflow: hidden
}

.thongso {
    margin-bottom: 10px
}

.thongso table {
    border: 1px solid #dee2e6;
    max-width: 100%;
    margin: 0;
    width: 100%
}

.thongso table a {
    color: #1f79b9;
    font-weight: 500
}

.thongso table thead {
    background: #303941
}

.thongso table tbody tr:nth-of-type(odd) {
    background: #f3f4f5
}

.thongso table tbody tr:hover {
    background: #fafafa
}

.thongso table td, .thongso table th {
    border: 1px solid #dee2e6;
    padding: 7px .75rem
}

.thongso table th {
    font-weight: 400;
    color: #fff;
    padding: 10px .75rem
}

.text-center {
    text-align: center
}

.thongso table td.text-left {
    text-align: left
}

.thongso table input.price, .thongso table input.vitricon {
    padding: 4px 0;
    text-align: center;
    display: table-column;
    margin: -2px 3px 0;
    box-shadow: none
}

.thongso table input.vitricon {
    width: 50px
}

.thongso table input.price {
    width: 90px;
    color: red;
    font-weight: 700
}

.thongso table td .red {
    color: red
}

.thongso table td .bold {
    font-weight: 700
}

.choosesize {
    background: #f4f4f4;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 10px
}

.choosesize h5 {
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px
}

.choosesize, ul.ulsize li {
    border: 1px solid #dadada
}

ul.ulsize li {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

ul.ulsize li:hover {
    border-color: red
}

ul.ulsize li.tick {
    background: url(images/sticked.png) right bottom no-repeat #fff;
    border-color: red
}

.contentl {
    float: left;
    width: 75%
}

.contentr {
    float: right;
    width: 23%
}

.contentr .tit {
    background: #38383e;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px;
    text-align: center;
}

.tukhoa li, .tukhoa li a {
    color: #666
}

.listdif {
    margin: 0
}

.listdif li {
    position: relative;
    float: left;
    margin: 5px 0 15px;
    width: 100%;
    padding: 0 0 15px;
    border: 1px solid #ccc
}

.listdif li .images {
    width: 100%;
}

.listdif li img {
    border: 0;
    width: 100%;
}

.listdif li .info {
    padding: 0 10px
}

.tukhoa {
    margin-top: 0
}

.tukhoa li {
    background: #f6f7f7;
    padding: 4px 8px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    cursor: pointer
}

.tukhoa li:hover {
    background: #eee
}

.buybottom {
    background: #f6f7f7;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: hidden
}

.buybottom .left {
    width: 60%;
    float: left;
    border-right: 1px solid #ddd;
    box-sizing: border-box
}

.buybottom .left p {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 14px
}

.buybottom .left p:last-child {
    padding-bottom: 10px;
    border-bottom: 0;
    margin-bottom: 0
}

.buybottom .left img {
    height: 40px;
    margin-right: 8px;
    vertical-align: middle
}

.buybottom .mid {
    width: 40%;
    float: left;
    box-sizing: border-box
}

.buybottom .mid a {
    margin-bottom: 15px;
    display: block;
    background: #bb282a;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 10px 4px;
    transition: all .3s;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer
}

.themvao .closed, .tit_chitiet {
    font-weight: 700;
    text-align: center
}

.buybottom .mid a:hover {
    background: #9f1d1f
}

.buybottom .mid a span {
    font-size: 14px;
    display: block;
    margin-top: 0
}

.buybottom .mid p {
    text-align: left;
    margin-top: 0;
    font-size: 13px
}

.themvao {
    display: none;
    position: fixed;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .4)
}

.themvao .mau-content {
    height: auto;
    min-height: 100px;
    width: 940px;
    margin: auto;
    padding: 0;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-radius: 5px
}

.themvao .closed {
    color: #fff;
    font-size: 14px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    background: #333;
    line-height: 30px;
    z-index: 9999;
    border-radius: 5px
}

.themvao .mau-content::after {
    content: ' ';
    display: block;
    clear: both
}

.themvao .mau-content .mbody {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    overflow: hidden
}

.themvao .mau-content .mbody .mheader {
    padding: 15px 0;
    text-align: center;
    position: relative;
    background: #e77e24;
    border-radius: 5px 5px 0 0
}

.themvao .mau-content .mbody .mheader h4 {
    color: #fff;
    text-transform: uppercase
}

.themvao .modal-body {
    padding: 0;
    max-height: 300px;
    overflow: auto;
    position: relative;
    margin: 0
}

.themvao table {
    border-spacing: 0;
    border-collapse: collapse
}

.themvao table th {
    padding: 10px 0;
    font-size: 15px;
    color: #333;
    font-weight: 600;
    text-align: left
}

.themvao table tr td:first-child, .themvao table tr th:first-child {
    padding-left: 0
}

.themvao table tr:last-child {
    border-bottom: 1px solid #ddd
}

.themvao tr:nth-of-type(odd) {
    background: #f8f8f8
}

.themvao table tr td {
    vertical-align: middle;
    border-top: 1px solid #ddd
}

.themvao table tr td.item-image {
    width: 170px;
    text-align: center;
    height: 70px
}

.themvao table tr td.item-image img {
    max-width: 50px;
    vertical-align: middle
}

.themvao table tr td.item-title {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cssdetail, .fancybox-content, .fb-comments, .fb-comments iframe, .fb-comments span, .loi404 img {
    max-width: 100%
}

.themvao table tr td.item-quantity input {
    width: 64px;
    text-align: center;
    height: 30px;
    border-radius: 3px;
    font-size: 14px;
    color: #333;
    border: 1px solid #ccc;
    outline: 0;
    padding-left: 15px
}

.themvao table tr td.item-price {
    font-size: 16px
}

.themvao table tr td.item-delete {
    width: 40px
}

.themvao table tr td.item-delete a {
    color: #333;
    font-weight: 500;
    cursor: pointer
}

.themvao .modal-foot .total {
    font-size: 20px;
    color: #e77e24;
    line-height: 40px;
    float: right;
    padding: 10px 20px
}

.boxbuymb div, .themvao .modal-foot .payment a.order span {
    font-size: 12px
}

.themvao .modal-foot .total span.mtit {
    color: #777;
    font-weight: 400
}

.themvao .modal-foot .total p {
    color: #d0021b;
    font-weight: 400
}

.themvao .modal-foot .payment {
    text-align: right;
    border-top: 1px solid #ddd;
    background: #f9f9f9;
    padding: 10px 20px;
    overflow: hidden
}

.themvao .modal-foot .payment a.tieptuc {
    display: inline-block;
    padding: 10px;
    color: #777;
    cursor: pointer
}

.themvao .modal-foot .payment a.order {
    display: inline-block;
    padding: 10px;
    width: 150px;
    text-align: center;
    border: 1px solid #d97f00;
    border-radius: 4px;
    background: #ffc350;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f76b1c), to(#ffc350));
    background: -webkit-linear-gradient(top, #ffc350, #f76b1c);
    background: -moz-linear-gradient(top, #ffc350, #f76b1c);
    background: -ms-linear-gradient(top, #ffc350, #f76b1c);
    background: -o-linear-gradient(top, #ffc350, #f76b1c);
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    cursor: pointer
}

.boxbuymb {
    width: 100%;
    bottom: 0;
    left: 0;
    margin: 0;
    position: fixed;
    background: #fff;
    z-index: 10000;
    display: none
}

.boxbuymb div a, .boxbuymb div a span {
    display: block;
    line-height: normal;
    text-align: center
}

.boxbuymb div {
    height: 47px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    text-align: center;
    color: #fff
}

.fancybox-container *, .tabmain {
    box-sizing: border-box
}

.boxbuymb div a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    border: 0;
    width: 100%;
    padding: 7px 0;
    margin: 0;
    color: #fff;
    cursor: pointer;
}

.boxbuymb div a span {
    text-transform: none;
    font-weight: 400
}

.boxbuymb .fbmb {
    width: 11%;
    margin-top: 1%;
    text-align: center;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #07f
}

.boxbuymb .fbmb img {
    height: 28px;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out
}

.boxbuymb .addmb {
    width: 40%;
    margin: 1% .5% 0;
    background: #4266b2
}

.boxbuymb .buymb {
    width: 47%;
    margin: 1% 0 0;
    background: #ff2830
}

.boxbuymb .addmb a, .boxbuymb .buymb a span {
    color: #fff;
    text-decoration: none
}

.boxbuymb .buymb a {
    color: #fff
}

.divrate {
    padding: 5px 15px;
    border-radius: 10px;
    border: 1px solid #ccc
}

.divrate::after {
    content: '';
    display: block;
    clear: both
}

.divrate .crt {
    height: 120px;
    box-sizing: border-box
}

.divrate .star-num {
    float: left;
    width: 20%;
    height: 90%;
    text-align: center;
    box-sizing: border-box;
    margin: 5px 10px 5px 5px;
    padding-top: 25px;
    border-right: 1px solid #ccc
}

.divrate .star-review {
    float: left;
    width: 48%;
    box-sizing: border-box;
    padding: 10px 0;
    border-right: 1px solid #ccc
}

.divrate .star-invite {
    overflow: hidden
}

.divrate .star-invite a {
    display: block;
    width: 200px;
    margin: 41px auto 0;
    padding: 10px;
    color: #fff;
    background-color: #288ad6;
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

.divrate .star-invite a.close-btt {
    background: #eee;
    color: #288ad6;
    border: 1px solid #ddd
}

.star-num b {
    font-size: 46px;
    color: #fd9727;
    line-height: 40px;
    font-weight: 600
}

.star-num b i {
    vertical-align: initial;
    width: 36px;
    height: 36px;
    background: url(images/icon-star.png) no-repeat;
    background-size: 36px 36px;
    display: inline-block;
    margin-left: 8px
}

.star-num p {
    margin-top: 10px;
    font-weight: 400
}

.star-review .r {
    padding: 1px 20px;
    font-size: 16px
}

.star-review .r .t {
    display: inline-block;
    color: #333
}

.star-review .r .t i {
    background: url(images/icon-starnone.png) no-repeat 0 3px;
    width: 14px;
    height: 15px;
    background-size: 12px 12px;
    display: inline-block
}

.star-review .r .p {
    width: 65%;
    background-color: #e9e9e9;
    height: 8px;
    display: inline-block;
    margin: 0 10px;
    border-radius: 5px
}

.star-review .r .p i {
    background-color: #f25800;
    background-image: linear-gradient(90deg, #ff7d26 0, #f25800 97%);
    height: 8px;
    border-radius: 5px 0 0 5px;
    max-width: 100%;
    display: block
}

.star-review .r .e {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.star-review .r .blue {
    color: #288ad6;
    cursor: pointer
}

.star-review .r .e b {
    font-weight: 700
}

.fRatingComment {
    display: none;
    padding: 10px 0;
    overflow: hidden
}

.fRatingComment .cus .ct {
    box-sizing: border-box;
    width: 50%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 5px
}

.fRatingComment .cus textarea {
    font-size: 14px;
    color: #333;
    padding: 5px;
    margin: 5px 0;
    width: 100%;
    height: 78px;
    resize: none;
    border: none;
    box-sizing: border-box
}

.fRatingComment .cus .ct .extCt {
    padding: 5px;
    box-sizing: border-box;
    background: #f7f7f7;
    border-top: 1px solid #ddd
}

.fRatingComment .cus .ct .extCt label {
    margin: 7px;
    font-size: 13px;
    cursor: pointer;
    color: #288ad6;
    display: inline-block;
    font-weight: 400
}

.fRatingComment .cus .ct .extCt label i {
    width: 18px;
    height: 16px;
    margin-right: 5px;
    vertical-align: sub;
    display: inline-block;
    background: url(images/icon-all.png) no-repeat;
    background-position: -80px -25px;
    background-size: 270px 128px
}

.fRatingComment .cus .ct .extCt .ckt {
    float: right;
    margin: 7px;
    font-size: 14px
}

.fRatingComment .cus #SendRate, .fRatingComment .cus input {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    padding: 5px;
    margin: 5px 0 4px;
    height: 40px;
    width: 49%;
    display: inline-block;
    float: left;
    color: #333
}

.fRatingComment .cus input.long {
    width: 100%
}

.fRatingComment .cus input.fr {
    float: right
}

.fRatingComment .cus #SendRate {
    width: 100%;
    background: #288ad6;
    border-color: #288ad6;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    line-height: 30px
}

.fRatingComment .cus .if {
    box-sizing: border-box;
    width: 49%;
    float: right
}

.lbMsgRt {
    display: block;
    margin: 10px 0;
    color: #2ba832;
    font-size: 16px
}

.cmtrate {
    margin: 20px 0
}

.ratingLst li {
    position: relative;
    margin: 5px 0 10px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    overflow: hidden
}

.ratingLst li i {
    font-style: normal
}

.ratingLst li .rh span {
    font-weight: 400;
    margin-bottom: 5px;
    display: inline-block;
    text-transform: capitalize
}

.ratingLst li .rh label {
    cursor: pointer;
    color: #2ba832;
    font-weight: 400;
    font-size: 14px
}

.ratingLst li .rh label i {
    background: url(images/icon-all.png) no-repeat;
    background-position: -220px -82px;
    width: 13px;
    height: 13px;
    margin: -4px 4px 0 7px;
    display: inline-block;
    background-size: 270px 128px
}

.ratingLst li .rc p {
    line-height: 26px
}

.ratingLst li .rc p span {
    margin-right: 5px
}

.ratingLst li .rc p span i {
    margin-top: -3px;
    font-style: normal;
    line-height: 1.5;
    width: 14px;
    height: 14px;
    margin-right: 1px;
}

.ratingLst li .ra {
    color: #999;
    margin-top: 5px;
    font-size: 14px
}

.ratingLst li .ra a {
    color: #288ad6;
    cursor: pointer;
    font-weight: 400
}

.ratingLst li .ra a i {
    background: url(images/icon-all.png) no-repeat;
    background-size: 270px 128px;
    background-position: -130px 0;
    width: 9px;
    height: 16px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle
}

.ratingLst li .album-rate {
    margin-top: 10px;
}

.ratingLst li .album-rate a {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
    border: 2px solid #ccc;
    border-radius: 3px
}

.ratingLst li .album-rate a img {
    max-width: 100%;
    height: auto;
    min-height: 100%
}

.iconcom-star {
    background: url(images/rate-star.png);
    background-size: 14px
}

.iconcom-nostar {
    background: url(images/rate-nostar.png);
    background-size: 14px
}

.iconcom-starhaft {
    background: url(images/rate-haftstar.png);
    background-size: 14px
}

@media screen and (max-width: 1024px) {
    .listdif li {
        width: 100%
    }

    .listdif li .images {
        height: 237px
    }
}

@media screen and (max-width: 768px) {
    .listdif li {
        width: 47%;
        margin: 1%;
    }
    .hinhsp, .infosp {
        width: 99%;
        float: left;
        margin-left: 1%
    }

    .contentl, .contentr {
        width: 99%
    }

    .listdif {
        margin: 10px -10px
    }

    /*.listdif li {*/
    /*    padding-left: 10px;*/
    /*    padding-right: 10px*/
    /*}*/

    .cssdetail .listsp_normal li {
        width: 33.333%
    }

    .boxbuymb {
        display: block;
    }

    .scrollimage {
        margin: 10px 0 0 0;
    }
}

@media screen and (max-width: 640px) {
    ul.ulsize li {
        margin-bottom: 5px
    }

    .themvao .mau-content {
        width: 90%
    }

    .themvao table tr td.item-image {
        width: 80px
    }

    .divrate {
        padding: 5px 10px
    }

    .divrate .crt {
        height: auto
    }

    .divrate .star-num {
        width: 30%;
        border-right: 0;
        margin: 5px 0
    }

    .divrate .star-review {
        width: 69%;
        float: right;
        border-right: 0
    }

    .star-review .r {
        height: 20px;
        position: relative
    }

    .star-review .r .t {
        position: absolute
    }

    .star-review .r .p {
        margin: 6px 50px 0 30px;
        width: auto;
        display: block
    }

    .star-review .r .e {
        position: absolute;
        top: 1px;
        right: 0
    }

    .invi span.tit {
        width: 95px;
        overflow: hidden;
        height: 20px
    }

    .divrate .star-invite {
        float: none;
        clear: both;
        margin-top: 10px
    }

    .divrate .star-invite a {
        margin-top: 10px;
        width: 100%
    }

    .star-num b {
        font-size: 36px
    }

    .star-num b i {
        width: 26px;
        height: 26px;
        background-size: 26px 26px;
        margin-left: 4px
    }

    .fRatingComment .cus .ct, .fRatingComment .cus .if {
        width: 100%
    }

    .fRatingComment .cus .if {
        margin-top: 5px
    }
}

@media screen and (max-width: 480px) {
    .themvao table th {
        padding: 5px 0
    }

    .themvao table th, .themvao table tr td.item-title {
        font-size: 13px
    }

    .themvao table tr td.item-image {
        width: 70px;
        height: 60px
    }

    .themvao table tr td.item-quantity input {
        width: 45px
    }

    .themvao table tr td.item-delete {
        width: 20px
    }

    .themvao table tr td.item-price {
        font-size: 14px
    }

    .buybottom .left, .buybottom .mid {
        width: 99%
    }

    .buybottom .left {
        border-right: 0;
        border-bottom: 1px solid #ddd
    }

    .buybottom .left p {
        font-size: 16px
    }

    .listdif {
        margin: 0 -5px 10px
    }

    .listdif li {
        width: 48%;
        /*border: 0;*/
        /*padding-left: 5px;*/
        /*padding-right: 5px*/
    }

    .listdif li .images {
        height: 190px;
    }

    .listdif li img {
        border: 1px solid #dadada
    }

    .infosp .intocart, .infosp input.buynow {
        width: 48%
    }
    .listsp li .images{
        border: none;
    }
    .listsp li .images > a{
        display: block;
    }
}

@media screen and (max-width: 414px) {
    .listdif li .images {
        height: 174px
    }
}

@media screen and (max-width: 380px) {
    .listdif li .images {
        height: 170px
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
    text-transform: uppercase;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #000;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    /*display: block;*/
    display: none;
}

.fancybox-show-thumbs .fancybox-inner {
    /*right: 212px;*/
}
.fancybox-button--thumbs{
    display: none;
}
.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 3px solid #f8931e;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.fancybox-caption__body a span {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 5px;
    padding: 6px 15px;
    display: inline-block;
    margin-left: 15px;
    text-transform: none;
}

.fancybox-caption__body a span:hover {
    background: #fff;
    color: #333
}
.promotion_wrapper {
    border: #e11b1e solid 1px;
    border-radius: 4px;
    padding: 10px 0 0;
    position: relative;
    overflow: visible;
    margin: 20px 0;
    float: left;
    width: 100%;
}
.promotion_wrapper b {
    background: #e11b1e;
    border-radius: 13px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    top: -13px;
    left: 10px;
    vertical-align: middle;
    line-height: 26px;
    clear: both;
    padding: 0 15px;
    text-transform: uppercase;
}
.khuyenmai-info {
    padding: 10px 10px 8px;
}
.khuyenmai-info ul {
    padding: 0 15px;
}
.khuyenmai-info ul li {
    list-style-type: disc;
    /*color: #e11b1e;*/
    margin: 4px 0 0 0 !important;
}
.khuyenmai-info ul li a{
    color: #e11b1e;
}

.slick-slider {
    margin-bottom: 0;
    position:relative;
}
ul.slickslide {
    padding-left:0;
    max-width:100%;
}
.slick-slider .slick-track {
    min-width:100%;
}
ul.slickslide li img, .slick-dots button img {
    width:100%;
    height:auto;
}
.slick-dots {
    bottom: 0;
    top: 0;
    left: auto;
    right: auto;
    position: absolute;
    line-height: 0;
    background: #fff;
    width: 95px;
    overflow-y: scroll;
    height: 100%;
}

.slick-dots li, .slick-dots li button:before {
    /* width: 100px;
     height:100px; */
    margin:0;
    padding:0;
}
.slick-dots li {
    margin: 5px; border:1px solid #ccc; display:inline-block; width:auto;height:auto;
}

.slick-slider .slick-track {
    min-width:100%;
}
.slick-dots li button {
    margin:0;
    height:auto;
    width:100%;
    padding:0;

}

.slick-dots li button.tab { clear:both;   display:block;}
.slick-dots li button img { width:100%; max-width:80px; height:auto;   }
.slick-dots li button:before {
    content:''; border:1px solid #f00;display:block; width:100%;  max-width:150px; overflow:hidden; float:none;  position:absolute;
    width:100%;
    height:100%}

.slick-thumbs {
    position:absolute;
    left: -9999px;
}
.slick-slider .slick-track, .slick-slider .slick-list{
    max-height: 600px !important;
}
.slick-slide {
    width: 460px;
}
.slick-list.draggable{
    margin-left: 95px;
}