.wrapper {
    width: 100%;
    min-width: 1024px
}
.container {
    width: 1200px;
    margin: 0 auto
}
.fl {
    float: left
}
.fr {
    float: right
}
.hidden {
    overflow: hidden
}
#dlding {
    background: none repeat scroll 0 0 #000;
    border-radius: 3px;
    bottom: 0;
    color: #fff;
    display: none;
    opacity: .7;
    padding: 10px 15px;
    position: fixed;
    right: 0;
    z-index: 99999999
}
#imgtrack {
    display: none
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y,
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #bf0105
}
.fixed {
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    margin: auto!important;
    z-index: 999
}
.disable-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
/*[class^="icontgdd-"],
[class*="icontgdd-"] {
    background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/general/icontgdd@1x.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}*/
.icontgdd-logo {
    background-position: 0 0;
    width: 156px;
    height: 30px;
    display: block;
    margin: auto
}
.icontgdd-topsearch {
    background-position: -160px 0;
    width: 20px;
    height: 20px;
    display: block;
    margin: 1px auto 0
}
.icontgdd-mobile {
    background-position: -210px 0;
    width: 15px;
    height: 25px;
    display: block;
    margin: 2px auto 3px
}
.icontgdd-tablet {
    background-position: -229px 0;
    display: block;
    margin: 0 auto 5px;
    width: 32px;
    height: 22px
}
.icontgdd-laptop {
    background-position: -265px 0;
    display: block;
    margin: 0 auto 5px;
    width: 39px;
    height: 21px
}
.icontgdd-phukien {
    background-position: -305px 0;
    display: block;
    margin: 0 auto 5px;
    width: 22px;
    height: 22px
}
.icontgdd-maydoitra {
    background-position: -226px -80px;
    display: block;
    margin: 0 auto 4px;
    width: 34px;
    height: 24px
}
.icontgdd-simcard {
    background-position: -355px 0;
    display: block;
    margin: 0 auto 5px;
    width: 17px;
    height: 22px
}
.icontgdd-news {
    background-position: -375px 0;
    display: block;
    margin: 0 auto 2px;
    width: 29px;
    height: 24px
}
.icontgdd-ask {
    background-position: -405px 0;
    display: block;
    margin: 0 auto 3px;
    width: 25px;
    height: 25px
}
.icontgdd-gameapp {
    background-position: -454px 0;
    display: block;
    margin: 0 auto 5px;
    height: 20px;
    width: 32px
}
.icontgdd-promo {
    background-position: -430px 0;
    display: block;
    margin: 0 auto 3px;
    width: 22px;
    height: 24px
}
.icontgdd-mbile {
    background-position: 0 -60px;
    width: 12px;
    height: 22px;
    margin-top: -2px
}
.icontgdd-share1 {
    background-position: -190px -30px;
    width: 9px;
    height: 18px;
    margin-right: 10px
}
.icontgdd-share2 {
    background-position: -205px -30px;
    width: 21px;
    height: 27px;
    margin-right: 5px
}
.icontgdd-share3 {
    background-position: -230px -30px;
    width: 18px;
    height: 18px;
    margin-right: 2px
}
.icontgdd-tienmat {
    background-position: -30px -60px;
    width: 68px;
    height: 17px;
    margin-right: 20px
}
.icontgdd-chuyenkhoan {
    background-position: -105px -60px;
    width: 62px;
    height: 17px
}
.icontgdd-atm {
    background-position: -105px -60px;
    width: 62px;
    height: 17px;
    margin-right: 20px
}
.icontgdd-visa {
    background-position: -170px -60px;
    width: 36px;
    height: 12px;
    margin-top: 5px;
    margin-right: 10px
}
.icontgdd-master {
    background-position: -210px -60px;
    width: 25px;
    height: 15px;
    margin-top: 5px;
    margin-left: 4px
}
.icontgdd-norton {
    background-position: -380px -30px;
    width: 90px;
    height: 48px
}
.icontgdd-ios {
    background-position: 0 -30px;
    width: 43px;
    height: 19px
}
.icontgdd-android {
    background-position: -45px -30px;
    width: 64px;
    height: 20px
}
.icontgdd-windows {
    background-position: -110px -30px;
    width: 73px;
    height: 16px
}
.icontgdd-dmx {
    background-position: -249px -29px;
    width: 104px;
    height: 20px
}
.icontgdd-map {
    background-position: -15px -60px;
    width: 11px;
    height: 16px;
    margin: -1px 5px 0 5px
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    [class^="icontgdd-"],
    [class*="icontgdd-"] {
        background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/general/icontgdd@2x.png);
        background-size: 500px 110px
    }
}

.wrap-suggestion {
    display: block;
    width: 345px;
    margin: 55px auto 0;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 3px 0 #7d7d7d;
    -webkit-box-shadow: 0 1px 3px 0 #7d7d7d;
    -moz-box-shadow: 0 1px 3px 0 #7d7d7d;
    background: #fff;
    position: absolute;
    z-index: 999;
    left: 170px
}
.wrap-suggestion:after,
.wrap-suggestion:before {
    bottom: 100%;
    left: 80px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.wrap-suggestion:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}
.wrap-suggestion:before {
    border-color: rgba(218, 218, 218, 0);
    border-bottom-color: #dadada;
    border-width: 9px;
    margin-left: -9px
}
.wrap-suggestion li {
    display: block;
    background: #fff;
    overflow: hidden;
    list-style: none;
    border-bottom: 1px dotted #ccc;
    float: none
}
.wrap-suggestion li:last-child {
    border-bottom: 0
}
.wrap-suggestion li a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 6px
}
.wrap-suggestion li a img {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 6px 0 0
}
.wrap-suggestion li a h3 {
    display: block;
    width: 72%;
    line-height: 1.3em;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.wrap-suggestion li a span {
    float: left;
    font-size: 13px;
    color: #333
}
.wrap-suggestion li a span.price {
    font-size: 14px;
    margin-top: 8px;
    color: red
}
.wrap-suggestion li a label {
    margin-top: 8px;
    display: block;
    font-size: 12px;
    color: #999;
    text-align: right
}
.wrap-suggestion li a label strong {
    font-size: 12px;
    color: #d0021b
}
.wrap-suggestion li:hover,
.wrap-suggestion li.selected {
    background: #f8f8f8
}
.wrap-suggestion li .banonline {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    color: #0876e6;
    display: table-row
}
.wrap-suggestion li .giaohang2-7 {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    color: #0876e6;
    display: table-row
}
.wrap-suggestion li .ngung-kd {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    color: #b00;
    display: table-row
}
.wrap-suggestion li .uudailon {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    color: #0876e6;
    display: table-row
}
.wrap-suggestion li .dattruoc {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    color: #0876e6;
    display: table-row
}
.wrap-suggestion li .tagmoi {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
    background: #fdd500;
    border: 1px solid #e5c100;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 3px 5px;
    text-align: center;
    color: #4a4a4a;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    height: 12px;
    width: 28px;
    line-height: 12px
}
.wrap-suggestion li .tagkmlon {
    background: #f2784b;
    border: 1px solid #e04208;
    color: #fff;
    width: 68px
}
.wrap-suggestion li .taggiasoc {
    background: #8342bc;
    border: 1px solid #55069a;
    color: #fff;
    width: 58px
}
.wrap-suggestion li .tagdattruoc {
    background: #3498db;
    border: 1px solid #0679c6;
    color: #fff;
    width: 75px
}
.wrap-suggestion li .taghot {
    background: #f64747;
    border: 1px solid #dc0000;
    color: #fff;
    width: 35px
}
.wrap-suggestion li .saleoff {
    background: #f64747;
    border: 1px solid #dc0000;
    color: #fff;
    width: 35px
}
.wrap-suggestion li .tagnone {
    background: #fff;
    display: none
}
.wrap-suggestion li .textkm {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 700;
    color: #0876e6;
    display: block;
    margin-top: 8px;
    text-align: right
}
.comment {
    padding-top: 15px
}
.comment>span {
    display: block;
    overflow: hidden;
    padding-top: 10px
}
.comment>span>b {
    line-height: 20px;
    margin-right: 15px;
    font-size: 21px;
    font-weight: normal;
    font-size: 23px;
    padding-bottom: 5px
}
.comment>span>* {
    height: 20px;
    display: block;
    float: left
}
.comment>div {
    padding: 0;
    overflow: hidden;
    width: auto;
    max-width: none;
    margin-right: 20px
}
.comment>div>div {
    margin-bottom: 15px
}
.comment>div>div>label {
    display: block;
    text-align: center;
    float: left;
    margin-right: 20px
}
.comment>div>div>label>b {
    font-size: 18px
}
.comment>div>div>label>i {
    font-size: 13px
}
.comment .wrapcomment {
    max-width: 100%
}
.wrap_comment .s_comment input {
    height: auto;
    display: none!important
}
.wrap_comment .totalcomment {
    display: none!important
}
/*[class^="icon-"],
[class*="icon-"] {
    background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/general/spritedesktop.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}*/
footer {
    width: 100%;
    min-width: 980px;
    margin: 15px auto 0 auto;
    background: #fff;
    overflow: hidden;
    border-top: 3px solid #e8e8e8;
    clear: both
}
footer .registered a .maintext {
    text-transform: uppercase;
    color: #288ad6;
    font-size: 14px;
    font-weight: 700
}
footer .registered a .normal {
    color: #000;
    font-size: 11px;
    font-weight: 300;
    line-height: 1
}
footer .point500 {
    display: block;
    margin: 0 auto;
    background-color: #fed034
}
footer .point500 img {
    display: block;
    margin: 0 auto
}
footer .rowfoot1 {
    display: block;
    overflow: hidden;
    margin: 15px auto;
    width: 1160px;
    min-width: 980px;
    max-width: 98%;
    margin-bottom: 0
}
footer .colfoot {
    float: left;
    width: 25%;
    margin: 0;
    position: relative
}
footer .colfoot li {
    float: none;
    position: relative;
    font-size: 13px;
    color: #444
}
footer .colfoot li.hidden {
    display: none
}
footer .colfoot li.showmore {
    font-weight: bold
}
footer .colfoot li h4 {
    font-size: 16px;
    line-height: 1.3em;
    text-transform: uppercase;
    display: block;
    color: #999;
    margin-bottom: 5px
}
footer .colfoot li a {
    display: block;
    color: #288ad6;
    font-size: 14px;
    line-height: 25px;
    padding-top: 5px
}
footer .colfoot li a:hover {
    color: #666
}
footer .colfoot li a span {
    color: #444
}
footer .colfoot li a.viewmb {
    font-weight: 600
}
footer .colfoot li .bgcall {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 114px;
    height: 168px;
    background: none
}
footer .colfoot li p {
    display: block;
    margin-top: 14px;
    line-height: 16px
}
footer .colfoot li strong {
    display: block;
    margin-top: 2px;
    font-size: 16px
}
footer .colfoot li b {
    font-size: 16px
}
footer .answers {
    width: 25%
}
footer .collast {
    width: 25%
}
footer .collast li h4 {
    font-size: 28px;
    text-transform: none;
    color: #888;
    font-weight: lighter;
    padding: 10px 10px 0;
    margin-bottom: 0
}
footer .collast li b {
    font-size: 16px;
    text-align: right;
    display: block;
    color: #888;
    padding: 10px 10px 10px 0
}
footer .collast li.lione {
    border: 1px solid #e9e9e9;
    display: block;
    overflow: hidden
}
footer .collast li.lione a {
    float: left;
    border-top: 1px solid #e9e9e9;
    padding: 5px 0;
    text-align: center;
    width: 33%
}
footer .collast li.lione a.android {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    width: 33.2%
}
footer .collast li.mkt {
    display: block;
    overflow: hidden
}
footer .collast li.mkt a {
    display: block;
    overflow: hidden
}
footer .collast li.mkt a img {
    width: 100%;
    height: auto
}
footer .collastoff {
    width: 90%;
    border: 1px solid #f89406;
    padding: 4%
}
footer .collastoff li {
    line-height: 25px
}
footer .collastoff li s {
    background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/Icon-dien-thoai.png);
    width: 24px;
    height: 35px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px
}
footer .collastoff li span {
    color: #f89406;
    font-weight: bold
}
footer .collastoff li label {
    text-transform: uppercase
}
footer .colfoot li a.linkfb {
    float: left;
    margin: 8px 0 0 0;
    width: 44%;
    border: 1px solid #e9e9e9;
    padding: 5px;
    font-size: 12px;
    color: #999;
    text-align: center
}
footer .colfoot li a.linkyt {
    float: right;
    margin: 8px 0 0 0;
    width: 44%;
    border: 1px solid #e9e9e9;
    padding: 5px 5px 3px;
    font-size: 12px;
    color: #999;
    text-align: center
}
footer .colfoot li a.linkgp {
    float: left;
    margin: 8px 0 0 0;
    width: 44%;
    border: 1px solid #e9e9e9;
    padding: 5px;
    font-size: 12px;
    color: #999;
    text-align: center
}
footer .colfoot li a.dmx {
    float: right;
    margin: 8px 0 0 0;
    width: 44%;
    border: 1px solid #e9e9e9;
    padding: 5px;
    font-size: 12px;
    color: #999
}
footer .colfoot li a.likesite {
    width: 135px;
    margin: 6px auto 0 20px;
    float: left;
    overflow: hidden;
    height: 28px;
    position: relative;
    z-index: 2
}
footer .rowfoot2 {
    width: 100%;
    min-width: 980px;
    margin: 10px auto 0;
    overflow: hidden;
    background: #f0f0f0;
    padding: 15px 0;
    border-top: 1px solid #ddd
}
footer .rowfoot2 .ctn {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    margin: auto
}
footer .rowfoot2 p {
    float: left;
    width: 465px;
    margin-left: 10px;
    font-size: 13px;
    line-height: 22px;
    color: #999
}
footer .rowfoot2 a {
    color: #288ad6
}
footer .pagepay {
    float: left;
    overflow: hidden;
    margin: 0;
    width: 270px
}
footer .registered {
    float: left;
    margin: 0 25px 0 40px;
    overflow: hidden;
    text-align: center
}
footer .ssl {
    float: right;
    width: 180px;
    text-align: center
}
footer .pagepay span,
.registered span,
.ssl span {
    display: block;
    font-size: 13px;
    line-height: 14px;
    color: #999;
    line-height: 22px
}
footer .pagepay a {
    float: left;
    margin-right: 10px
}
footer .rowfoot3 {
    display: block;
    overflow: hidden;
    border-top: 1px solid #ddd;
    padding: 6px 0;
    background: #fff
}
footer .margincenter {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 1200px;
    min-width: 980px;
    max-width: 98%
}
footer .margincenter a {
    float: left;
    font-size: 12px;
    margin-right: 10px;
    padding: 10px 0 0;
    color: #888;
    line-height: 16px
}
footer .margincenter a:hover {
    color: #4a90e5
}
#back-top span:before {
    cursor: pointer;
    background: #fdd504;
    width: 40px;
    position: fixed;
    right: 20px;
    bottom: 45px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -transition: all .2s linear;
    color: #000;
    content: "▲";
    opacity: .7;
    z-index: 8
}
@media screen and (max-width: 1220px) {
    .container {
        width: 1024px
    }
    header .wrap-main {
        width: 1024px
    }
    header .logo {
        width: 50px
    }
    header .icontgdd-logo {
        width: 28px
    }
    header #search-site {
        width: 200px
    }
    header .topinput {
        width: 152px
    }
    header nav {
        width: 754px
    }
    .wrap-suggestion {
        left: 5px
    }
    footer .rowfoot1,
    footer .rowfoot2 {
        width: 1024px
    }
    footer .colfoot {
        width: 24%
    }
    footer .answers {
        width: 28%
    }
    footer .rowfoot2 p {
        width: 420px;
        margin: 0 25px 0 10px
    }
    footer .registered {
        margin: 0 10px 0 20px
    }
    footer .ssl {
        width: 190px;
        margin-right: 10px
    }
    footer .likesite {
        width: 115px
    }
    footer .pagepay {
        width: 185px
    }
    footer .collast li.lione a {
        width: 32.99%
    }
}
.close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 999
}
.close:before {
    content: "×";
    font-size: 32px;
    color: #0a4fa0;
    line-height: 28px;
    text-align: center;
    width: 28px;
    height: 28px;
    font-family: Tahoma;
    display: block;
    font-weight: bold
}
.closepopup {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 999;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #000;
    text-align: center;
    color: #333;
    line-height: 29px;
    font-size: 13px
}
#crazylist {
    max-height: 500px;
    background-color: #fff;
    padding-bottom: 10px;
    overflow: hidden;
    margin: auto;
    width: 900px
}
#crazylist .close:before {
    color: #fff
}
#crazylist a {
    text-decoration: none
}
#crazylist .head {
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    padding-top: 10px;
    text-align: center;
    background-color: #0a4fa0
}
#crazylist .head>span,
#crazylist .head>label {
    display: block
}
#crazylist .head>span {
    color: #fff;
    font-size: 21px;
    padding-left: 20px;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: bold
}
#crazylist .head>label {
    line-height: 40px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    border-left: 1px solid #28b7f1;
    margin-top: 5px;
    background-color: #fff
}
#crazylist .search {
    overflow: hidden;
    padding: 10px 30px
}
#crazylist .search h1 {
    font-size: 15px;
    color: #333;
    margin-left: 183px;
    line-height: 1.3;
    font-weight: normal;
    float: left;
    margin-top: 10px
}
#crazylist .search>span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    float: left;
    line-height: 50px
}
#crazylist .search>form>div {
    float: left;
    margin: 11px 0 0 10px;
    width: 255px;
    color: #333
}
#crazylist .search>form>div.clr {
    margin: 0
}
#crazylist .search form button {
    display: inline-block;
    background: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/icon/btn-search.png) no-repeat;
    height: 16px;
    width: 30px;
    border: none;
    cursor: pointer;
    float: left;
    margin: 10px 0 0 -25px
}
#crazylist .search form input[type="text"] {
    width: 280px;
    border: 1px solid #cdcdcd;
    border-radius: 7px;
    float: left;
    margin-left: 10px;
    height: 35px;
    line-height: 35px;
    color: #300;
    padding: 0 10px
}
#crazylist .search form input[type="checkbox"] {
    float: left;
    margin: 2px 5px 0 0
}
#crazylist .search form>div.date {
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0
}
#crazylist .search form>div.date>* {
    display: inline-block;
    margin-right: 5px
}
#crazylist .search form>div.date>input {
    padding: 3px 5px;
    background-color: #ccc;
    color: #fff;
    cursor: pointer;
    border: none;
    margin-bottom: 5px
}
#crazylist .search form>div.date>input.active,
#crazylist .search form>div.date>input:hover {
    background-color: #362d26;
    color: #f8ff00
}
#crazylist .search form>div.date>input.disable {
    background-color: #999;
    color: #fff
}
#crazylist .tablecontainer {
    position: relative;
    max-height: 270px;
    overflow: hidden;
    width: 96%;
    margin: 0 auto
}
#crazylist .tablecontainer table {
    width: 100%;
    font-size: 12px;
    padding-bottom: 20px
}
#crazylist .tablecontainer table th {
    color: #300
}
#crazylist .tablecontainer table th,
#crazylist .tablecontainer table td {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    color: #333
}
#crazylist .tablecontainer table td.check>b {
    color: #63bb02;
    background: transparent url(//cdn2.tgdd.vn/khuyen-mai/Content/images/general/iconcheckout@2x.png) no-repeat left center;
    background-size: 260px 50px;
    background-position: -165px -25px;
    display: inline-block;
    padding-left: 20px;
    height: 16px;
    line-height: 16px
}
#crazylist .tablecontainer table td img {
    width: 30px;
    float: left;
    padding-right: 5px
}
#crazylist .tablecontainer table td a {
    color: #28b7f1;
    text-decoration: none;
    font-weight: bold
}
#crazylist a.showmore {
    color: #fff;
    background: #ffad00;
    padding: 7px 0 5px 0;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto;
    width: 170px;
    text-align: center;
    font-size: 13px
}
#crazylist .kqxs {
    width: 100%!important;
    text-align: center;
    font-size: 16px;
    clear: both;
    line-height: 1.4;
    margin-left: 0!important;
    margin-top: 5px!important
}
#crazylist .kqxs>b {
    font-size: 22px;
    color: red
}
#crazylist.html {}#crazylist.html>div:nth-child(2) {
    max-height: 400px;
    position: relative;
    overflow: hidden;
    padding: 10px 15px 10px 25px
}
#crazylist.html>div:nth-child(2)>* {
    margin-left: 0!important;
    font-size: 16px!important;
    margin-bottom: 10px;
    line-height: 1.6;
    color: #000!important
}
#crazylist.html>div:nth-child(2) table {
    width: 100%;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc
}
#crazylist.html>div:nth-child(2) td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px
}
.btt {
    border-radius: 4px;
    display: block;
    text-align: center;
    padding: 7px 0;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase
}
.btt.blue {
    background: #ee3338;
/*    background: -moz-linear-gradient(90deg, #1591d0 30%, #4ab4e8 70%);
    background: -webkit-linear-gradient(90deg, #1591d0 30%, #4ab4e8 70%);
    background: -o-linear-gradient(90deg, #1591d0 30%, #4ab4e8 70%);
    background: -ms-linear-gradient(90deg, #1591d0 30%, #4ab4e8 70%);
    background: linear-gradient(0deg, #1591d0 30%, #4ab4e8 70%);*/
    color: #fff;
    width: 100px
}
.btt.transparent {
    background: none;
    color: #4a4a4a!important;
    border: 1px solid #1591d0;
    box-shadow: none;
    margin-left: 5px;
    padding-bottom: 6px;
    width: 98px
}
.view-all {
    margin-bottom: 15px;
    overflow: hidden;
    padding-top: 3px
}
.view-all>a {
    float: right;
    font-size: 15px;
    color: #333
}
.breadcrumb {
    overflow: hidden;
    padding: 6px 0;
    position: absolute;
    left: 10px;
    top: 0
}
.breadcrumb>* {
    color: #666;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px
}
.breadcrumb>li>* {
    display: inline-block;
    vertical-align: middle
}
.breadcrumb>li>a {
    white-space: nowrap;
    font-size: 13px;
    color: #666;
    margin-right: 5px;
    padding-top: 2px
}
.breadcrumb>li>span {
    font-size: 19px;
    color: #666;
    line-height: 1
}
.breadcrumb>li>h1 {
    padding-top: 2px
}
.breadcrumb>li>h1>a {
    color: #666;
    font-size: 13px;
    padding-top: 2px
}
.content-1 {}.content-1 .container {
    position: relative
}
.content-1 .c1-banner img {
    max-width: 100%;
    display: block;
    height: auto!important
}
.content-1 .c1-feature {
    margin-top: 10px;
    overflow: hidden
}
.content-1 .c1-feature>a {
    width: 370px;
    display: block
}
.content-1 .c1-feature>a:first-child {
    margin-right: 46px
}
.content-1 .c1-feature>a>img {
    width: 100%
}
.content-2 {}.content-2>div {
    display: table;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #fff
}
.content-2>div>a {
    display: table-cell;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #65667b;
    font-weight: bold;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    padding: 0 25px
}
.content-2>div>a:hover,
.content-2>div>a.active {
    background-color: #039;
    color: #fff
}
.content-2>div>a>i {
    display: inline-block;
    margin-right: 4px;
    background: transparent url(//cdn2.tgdd.vn/khuyen-mai/Content/images/nav.png) no-repeat left top;
    vertical-align: middle;
    margin-right: 7px
}
.content-2>div>a>b {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase
}
.content-2>div>a>i.i1 {
    width: 21px;
    height: 20px;
    background-position: 0 -30px;
    margin: -7px 5px 0 0
}
.content-2>div>a:hover>i.i1,
.content-2>div>a.active>i.i1 {
    background-position: 0 0
}
.content-2>div>a>i.i2 {
    width: 12px;
    height: 23px;
    background-position: -28px -30px
}
.content-2>div>a:hover>i.i2,
.content-2>div>a.active>i.i2 {
    background-position: -28px 0
}
.content-2>div>a>i.i3 {
    width: 27px;
    height: 20px;
    background-position: -50px -30px
}
.content-2>div>a:hover>i.i3,
.content-2>div>a.active>i.i3 {
    background-position: -50px 0
}
.content-2>div>a>i.i4 {
    width: 30px;
    height: 20px;
    background-position: -86px -30px
}
.content-2>div>a:hover>i.i4,
.content-2>div>a.active>i.i4 {
    background-position: -86px 0
}
.content-2>div>a>i.i5 {
    width: 20px;
    height: 22px;
    background-position: -125px -30px;
    margin-top: -5px
}
.content-2>div>a:hover>i.i5,
.content-2>div>a.active>i.i5 {
    background-position: -125px 0
}
.content-2>div>a>i.i6 {
    width: 23px;
    height: 23px;
    background-position: -199px -30px;
    margin-top: -3px
}
.content-2>div>a:hover>i.i6,
.content-2>div>a.active>i.i6 {
    background-position: -199px 0
}
.content-3 {
    padding-top: 20px;
    overflow: hidden
}
.content-3 .c3-feature {
    margin-bottom: 25px;
    overflow: hidden
}
.content-3 .c3-feature>div {
    display: inline-block;
    width: 48%;
    position: relative;
    height: 300px;
    overflow: hidden;
    padding-right: 1%
}
.content-3 .c3-feature>div:first-child {}.content-3 .c3-feature>div:first-child>h2:first-child {
    display: none
}
.content-3 .c3-feature>div img {
    max-width: 100%
}
.content-3 .c3-feature>div table {
    width: 100%!important
}
.content-3 .c3-feature>div td {
    padding: 10px 5px
}
.content-3 .c3-feature>div p {
    line-height: 1.4;
    margin-bottom: 5px
}
.content-4 {
    padding: 15px 0 0 0;
    margin-bottom: -7px
}
.content-4 a {
    display: inline-block
}
.block-title {
    margin-bottom: 15px
}
.block-title>* {
    display: inline-block;
    vertical-align: middle
}
.block-title>img {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #bf0105
}
.block-title>a {
    color: #039;
    background-color: #fff;
    font-size: 17px;
    padding: 14px 25px 11px 25px;
    border-radius: 50px;
    text-transform: uppercase;
    line-height: 1.3;
    border: 1px solid #ee3338;
    font-weight: bold
}
.block-title>a.ml {
    margin-left: -30px;
    padding-left: 35px
}
.product-item {
    padding: 1px 0 0 1px;
    margin-bottom: 15px;
    overflow: hidden
}
.product-item>li {
    position: relative;
    padding: 14px 10px 8px 10px;
    border: 1px #ccc dashed;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    float: left;
    background-color: #fff;
    height: 300px
}
.product-item>li>.pi-discount {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 5px;
    top: 5px
}
.product-item>li>.pi-img {
    float: left;
    width: 120px;
    margin-right: 10px
}
.product-item>li>.pi-img>img {
    max-width: 100%;
    display: block;
    margin: auto
}
.product-item>li>.pi-info {
    width: 245px;
    float: left
}
.product-item>li>.pi-info>* {
    display: block;
    margin-bottom: 5px
}

.product-item > li > .pi-info > a:first-child {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 1.3;
    margin-bottom: 0;
    overflow: hidden;
}
.product-item>li>.pi-info>a:first-child:hover {
    color: #2c6dbb
}
.product-item>li>.pi-info>span {
    display: inline-block;
    vertical-align: bottom
}
.product-item>li>.pi-info>span.price {
    font-size: 18px;
    color: #cf1111;
    margin-right: 3px;
    font-weight: bold
}
.product-item>li>.pi-info>span.price>i {
    font-style: normal;
    font-size: 14px;
    color: #555;
    font-weight: normal;
    display: inline-block;
    vertical-align: top
}
.product-item>li>.pi-info>span.hisprice {
    color: #999;
    text-decoration: line-through;
    font-size: 13px
}
.product-item>li>.pi-info>a.btt {
    display: inline-block
}
.product-item>li>.pi-info>ul {
    background-color: #ebebeb;
    padding: 8px 10px 2px 5px;
    border-radius: 4px;
    position: relative;
    margin-top: 22px;
        
}
.product-item>li>.pi-info>ul:before {
    content: "Khuyến mãi";
    position: absolute;
    width: 100%;
    height: 31px;
    top: -30px;
    left: 0;
    border-radius: 4px;
    line-height: 31px;
    font-size: 14px;
    color: #cf1111;
    font-weight: bold;
    background: transparent url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201604/ico-gift1.png) no-repeat left center;
    padding-left: 23px;
    background-size: 20px 20px;
    padding-top: 2px
}
.product-item > li > .pi-info > ul > li {
    color: #4a4a4a;
    font-size: 13px;
    height: 37px;
    margin-bottom: 2px;
    overflow: hidden;
    padding-left: 20px;
    position: relative;
}
.product-item>li>.pi-info>ul>li.sub:before {
    background: none;
    content: "+";
    padding-left: 0;
    margin-left: 10px
}
.product-item>li>.pi-info>ul>li:before {
    content: "";
    width: 17px;
    height: 15px;
    background: transparent url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201512/icon1.png) no-repeat left top;
    background-size: contain;
    left: 0;
    top: 0;
    position: absolute
}
.product-item>li>.pi-info>ul>li a {
    color: #2c6dbb;
    font-size: 12px
}
.product-item>li>b.discount-percent {
    text-decoration: none;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 5px 1px 5px;
    background-color: #f01;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    font-size: 13px;
    position: absolute;
    top: 8px;
    right: 10px
}
.product-item.grid-2>li {
    width: 578px;
    min-height: 200px
}
.product-item.grid-2>li>.pi-img {
    width: 200px
}
.product-item.grid-2>li>.pi-info {
    width: 350px
}
.product-item.grid-3>li {
    width: 378px
}
.product-item.grid-4>li {
    width: 278px
}
.product-item.grid-4>li>.pi-img {
    width: 100%;
    float: none;
    margin-right: 0
}
.product-item.grid-4>li>.pi-img>img {
    height: 200px;
    margin-bottom: 10px
}
.product-item.grid-4>li>.pi-info {
    width: auto;
    float: none
}
.banner {
    margin-bottom: 20px
}
.banner>a {
    display: inline-block;
    width: 595px;
    margin-right: 5px
}
.banner>a>img {
    width: 100%;
    display: block;
    height: auto!important
}
.news {
    margin-top: 30px
}
.news .icontgdd-comcyan {
    background-position: -35px -85px;
    width: 12px;
    height: 12px
}
.news>b {
    display: block;
    font-size: 23px;
    font-weight: normal;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc
}
.news>a {
    display: inline-block;
    width: 19%;
    vertical-align: top;
    margin-right: 8px;
    color: #333
}
.news>a>* {
    display: block
}
.news>a>img {
    width: 100%;
    height: 137px;
    margin-bottom: 5px
}
.news>a>b {
    font-weight: normal
}
.news>a>i {
    font-size: 11px;
    color: #999
}
#tabComment>div>div.fl {
    width: 850px
}
#tabComment>div>div.fr {
    width: 350px;
    position: relative;
    padding-top: 33px
}
#tabComment>div>div.fr blockquote>a {
    color: #333
}
#tabComment>div>div.fr form {
    padding: 15px 17px 5px 17px;
    margin-bottom: 15px;
    background-color: #f0f0f0
}
#tabComment>div>div.fr form>* {
    display: block;
    margin-bottom: 6px
}
#tabComment>div>div.fr form>b {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3
}
#tabComment>div>div.fr form>input {
    width: 250px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    padding: 0 10px;
    border-radius: 4px
}
#tabComment>div>div.fr form>button {
    border-radius: 4px;
    height: 35px;
    line-height: 35px;
    background: #f59123;
    -moz-box-shadow: inset 0 -2px 0 0 #c27806;
    box-shadow: inset 0 -2px 0 0 #c27806;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: none;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 15px
}
#tabComment>div>div.fr form>i {
    color: #333;
    font-style: normal
}
@media screen and (max-width: 1220px) {
    .content-1 .c1-feature>a {
        width: 335px
    }
    .content-1 .c1-feature>a:first-child {
        margin-right: 10px
    }
    .content-2>div>a {
        padding-left: 13px;
        padding-right: 13px
    }
    .block-title>a.ml {
        max-width: 910px
    }
    .product-item.grid-2>li {
        width: 490px
    }
    .product-item.grid-2>li>.pi-info {
        width: 270px
    }
    .product-item.grid-3>li {
        width: 320px
    }
    .product-item.grid-3>li>.pi-img {
        width: auto;
        float: none
    }
    .product-item.grid-3>li>.pi-img>img {
        height: 200px
    }
    .product-item.grid-3>li>.pi-info {
        width: auto;
        float: none
    }
    .product-item.grid-4>li {
        width: 234px
    }
    .banner>a {
        width: 506px
    }
    .news>a {
        margin-right: 7px
    }
    .news>a>img {
        height: 115px
    }
    #tabComment>div>div.fl {
        width: 673px
    }
}
.market500 {
    min-height: 170px;
    margin-top: 10px
}
.market500.second {
    background: transparent url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201604/office-ban-quyen.png) no-repeat center top
}
.market500 .m5-code {
    position: relative;
    height: 75px;
    overflow: hidden;
    padding: 95px 0 12px 0
}
.market500 .m5-code>div {
    padding-left: 431px
}
.market500 .m5-code>div>input {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 290px;
    margin-right: 5px
}
.market500 .m5-code>div>button {
    height: 30px;
    padding: 0 15px;
    background-color: #fed034;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: #333
}
.market500 .m5-code>div>a {
    display: inline-block;
    text-align: center;
    padding: 5px 0 0 10px;
    color: #fff;
    vertical-align: middle
}
.market500 .m5-code>div>i {
    display: inline-block;
    color: #fff;
    margin-left: 7px;
    vertical-align: bottom
}
#crazypopup {
    width: 600px;
    position: relative;
    background: #fed034 url(//cdn2.tgdd.vn/khuyen-mai/Content/images/500market/tay_small.jpg) repeat-x left bottom;
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 70px
}
#crazypopup>a {
    background: none;
    text-align: center;
    font-size: 40px;
    color: #fbeff1;
    font-weight: normal;
    line-height: 34px
}
#crazypopup>a.close {
    top: 5px
}
#crazypopup>a.close:before {
    color: #fff
}
#crazypopup>div.cp-verify,
#crazypopup>div.cp-info {
    text-align: center
}
#crazypopup>div>* {
    display: block
}
#crazypopup>div>b {
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #fff;
    padding-left: 15px;
    background: #e52153 url(//cdn2.tgdd.vn/khuyen-mai/Content/images/500market/navigate.png) no-repeat 80% top;
    font-weight: normal;
    margin-bottom: 30px;
    text-align: left
}
#crazypopup>div>span {
    padding: 0 10px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #000
}
#crazypopup>div>input {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
    width: 200px;
    vertical-align: top
}
#crazypopup>div>button,
#crazypopup>div>a {
    display: inline-block;
    height: 36px;
    line-height: 38px;
    border: none;
    border-radius: 4px;
    padding: 0 20px;
    background-color: #e52153;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    vertical-align: top
}
#crazypopup>div>a {
    margin: 0 0 10px 10px
}
#crazypopup>div>i {
    font-style: normal;
    margin-top: 10px;
    color: #e52153;
    font-size: 15px
}
#crazypopup>div>em {
    font-style: normal;
    color: #000;
    margin-top: 10px
}
#crazypopup>div>select {
    display: inline-block;
    height: 37px;
    line-height: 37px;
    padding: 0 3px 0 7px;
    border-radius: 4px;
    border: 1px solid #ccc;
    vertical-align: top
}
#crazypopup>div>span>b {
    color: #e52153
}
#crazypopup>div.cp-result {
    background: transparent url(//cdn2.tgdd.vn/khuyen-mai/Content/images/500market/gioqua.png) no-repeat right 50px
}
#crazypopup>div.cp-result>em {
    margin-left: 10px
}
#crazypopup>div.cp-result>span {
    padding-right: 160px;
    line-height: 1.5;
    margin-bottom: 3px
}
#crazypopup>div.cp-result>a {
    margin-top: 10px
}
.promotion {
    overflow: hidden;
    padding-top: 30px
}
.promotion div.fl {
    width: 60%
}
.promotion div.fl>* {
    display: inline-block;
    vertical-align: middle
}
.promotion div.fl>img {
    margin-right: 15px
}
.promotion div.fl>span {
    width: 450px;
    line-height: 1.3
}
.promotion div.fl>span>* {
    display: block;
    text-align: center
}
.promotion div.fl>span>b {
    font-size: 37px
}
.promotion div.fl>span>span {
    font-size: 22px;
    line-height: 1.8
}
.promotion div.fl>span>a {
    color: #10b2ef;
    text-decoration: underline;
    font-size: 16px
}
.promotion div.fr {
    width: 39%
}
.promotion div.fr>b {
    text-transform: uppercase;
    display: block;
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px
}
.promotion div.fr>p {
    font-size: 17px;
    text-align: center
}
.promotion div.fr>span {
    display: block;
    margin-bottom: 15px;
    overflow: hidden
}
.promotion div.fr>span>b {
    width: 180px;
    float: left
}
.promotion div.fr>span>i {
    width: 100px;
    font-style: normal;
    float: left
}
.promotion div.fr>span>em {
    font-style: normal;
    width: 180px;
    float: right;
    white-space: nowrap
}
.promotion div.fr>span:nth-child(2)>* {
    text-transform: uppercase;
    font-size: 13px;
    color: #10b2ef;
    font-weight: bold
}
.promotion div.fr>a {
    color: #0cf;
    text-align: center;
    display: block
}
.content-1.noel {
    background: #bf0105 url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201512/snow1.png) repeat left top!important;
    position: relative;
    padding-bottom: 140px
}
.content-1.noel:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 118px;
    background: transparent url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201512/snowb1.png) repeat-x left top;
    bottom: 0;
    left: 0
}
.content-1.iphone {
    background: #f0f0f0 url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201512/bg-sf2.png) repeat left top!important;
    position: relative;
    background-size: contain!important;
    padding-bottom: 55px
}
.content-1.iphone .breadcrumb a,
.content-1.iphone .breadcrumb span {
    color: #333!important
}
.content-2.iphone {
    margin-top: -28px;
    z-index: 999;
    position: relative
}
.content-1.tet {
    background: transparent url(//cdn2.tgdd.vn/khuyen-mai/Content/images/tet/hoa-van.jpg) repeat left top!important;
    position: relative
}
.content-1.tet .c1-banner {
    margin-top: -33px
}
.content-1.tet .breadcrumb {
    position: relative;
    z-index: 10
}
.content-1.tet .market500 {
    margin-top: -60px;
    padding-bottom: 75px;
    position: relative;
    z-index: 3
}
.content-1.tet.ta {
    background: #7f0105!important;
    position: relative
}
.content-2.tet {
    margin-top: -58px;
    position: relative;
    z-index: 4
}
.content-2.tet>div {
    border-left: 1px solid #9a0501;
    border-top: 1px solid #9a0501;
    box-shadow: 0 5px 8px 0 rgba(50, 50, 50, .4)
}
.content-2.tet>div>a {
    border-bottom-color: transparent
}
.content-2.tet>div>a:last-child {
    border-right: 1px solid #9a0501
}
.content-2.tet>div>a:hover,
.content-2.tet>div>a.active {
    background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/tet/hoa-mai.png);
    background-position: right bottom;
    background-repeat: no-repeat
}
.content-3.tet .block-title>a {
    box-shadow: 4px 4px 8px 0 rgba(50, 50, 50, .4)
}
.content-3.tet .product-item>li>.pi-info>ul:before {
    background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/tet/bao-li-xi.png);
    background-size: 25px 25px;
    padding-left: 27px;
    line-height: 26px
}
.content-3.tet .block-title>img {
    width: 67px;
    height: 72px;
    border-radius: 0;
    background-color: transparent;
    border: none
}
.content-3.tet.ta .block-title>img {
    height: 62px
}
#firework {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 9999
}
#firework>a {
    position: absolute;
    right: 10px;
    top: 50px;
    font-size: 45px;
    color: #fff;
    z-index: 999
}
#firework>div {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 400px
}
#firework>div>* {
    color: #fff;
    font-style: normal;
    display: inline-block
}
#firework>div>b {
    font-size: 120px;
    margin-bottom: 10px
}
#firework>div>i {
    font-size: 28px;
    margin-bottom: 15px
}
#firework>canvas {
    cursor: crosshair;
    display: block;
    position: relative;
    z-index: 1
}
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.content-3.march .product-item>li>.pi-info>ul:before {
    background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201604/ico-gift.png)
}
.content-3.march .block-title>img {
    border-radius: unset;
    border: none;
    background-color: transparent;
    width: auto;
    height: auto
}
.content-3.march .block-title>a {
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 60px
}
.content-3.march .block-title>a.ml {
    margin-left: -70px
}
.content-1.may {
    position: relative
}
.content-1.may.group1,
.content-1.may.group4,
.content-1.may.group5 {
    padding-bottom: 58px
}
.content-1.may .breadcrumb>li>a {
    color: #fff
}
.content-1.may .breadcrumb>li>span {
    color: #fff
}
.content-1.may .breadcrumb>li>h1>a {
    color: #fff
}
.content-2.may {
    margin-top: -58px;
    position: relative;
    z-index: 4
}
.content-2.may>div>a:hover,
.content-2.may>div>a.active {
    background-color: #0181c8
}
.content-3.may .block-title>a {
    border: 1px solid #0080c7;
    color: #404040
}
.content-3.may .product-item>li>.pi-info>ul:before {
    background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201604/ico-gift.png)
}
.content-2.july {
    margin-top: 0;
    position: relative;
    z-index: 4
}
.content-2.july>div>a:hover,
.content-2.july>div>a.active {
    background-color: #ee3338
}
.content-3.july .block-title>a {
    border: 1px solid #0080c7;
    color: #404040
}
.content-3.july .product-item>li>.pi-info>ul:before {
    background-image: url(//cdn2.tgdd.vn/khuyen-mai/Content/images/201604/ico-gift.png)
}
@media screen and (max-width: 1220px) {
    .promotion div.fl>span {
        width: 395px
    }
}

.km-description {
    height: 110px;
    overflow: hidden;
}
.content-3.bg{
    background-color: #f0f0f0;
}