* {
    margin: 0;
    padding: 0
}
body {
    min-width: 1024px
}
img {
    border: 0
}
a {
    text-decoration: none
}
ul,
ol {
    list-style: none
}
.clr {
    clear: both
}
p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    text-rendering: geometricPrecision
}
body,
input,
button,
option,
textarea,
label,
legend,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font: 14px/18px Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    color: #333;
    outline: none
}
header {
    position: absolute;
    top: 0;
    min-width: 1024px;
    background: #ebebeb;
    width: 100%;
    height: 55px
}
section {
    max-width: 1200px;
    width: 100%;
    min-width: 980px;
    margin: 0px auto 0
}
footer {
    width: 100%;
    min-width: 980px;
    margin: 15px auto 0 auto;
    background: #fff;
    overflow: hidden;
    border-top: 3px solid #e8e8e8;
    padding-top: 12px;
    clear: both
}
#contentdetail p {
    margin: 15px 0;
}
.wrap-main {
    max-width: 1200px;
    min-width: 1024px;
    width: 100%;
    height: 55px;
    background: #000;
    margin: auto;
    position: relative;
    display: block
}
.logo {
    display: block;
    float: left;
    margin: 12px 10px 10px;
    width: 155px;
}
.logo a {
    display: block;
    overflow: hidden
}
#search-site {
    float: left;
    width: 220px;
    height: 35px;
    margin: 10px 10px 0 0;
    background: #fff;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}
.topinput {
    float: left;
    width: 162px;
    margin-left: 8px;
    padding-top: 3px;
    border: 0;
    position: relative;
    background: #fff;
    height: 30px;
    text-indent: 10px;
    font-size: 13px
}
.btntop {
    float: right;
    width: 40px;
    height: 35px;
    border: 0;
    background: none
}
#search-site:hover .btntop {
    background: #ffd401;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0
}

nav a:hover {
    background-color: #fdd504
}
nav a.mobile {
    width: 70px
}
nav a.tablet {
    width: 60px
}
nav a.laptop {
    width: 60px
}
nav a.phukien {
    width: 60px
}
nav a.simcard {
    width: 60px
}
nav a.ask {
    width: 60px
}
nav a.gameapp {
    width: 60px
}
nav a.actmenu {
    background: #fdd504
}
nav a label {
    position: absolute;
    color: #d0021b;
    text-align: center;
    border: 1px solid #d0021b;
    font-size: 9px;
    border-radius: 2px;
    top: 2px;
    right: 2px;
    line-height: 10px;
    padding: 1px;
    font-weight: 600
}
/*[class^="icontgdd-"],
[class*="icontgdd-"] {
    background-image: url(../../static/css/images/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
}
.icontgdd-svideo {
    background-position: -18px -85px;
    width: 15px;
    height: 12px;
    float: left;
    margin: 4px 5px 0
}
.icontgdd-scamera {
    background-position: 0 -85px;
    width: 15px;
    height: 12px;
    float: left;
    margin: 4px 5px 0
}
.icontgdd-comcyan {
    background-position: -35px -85px;
    width: 12px;
    height: 12px
}
.icontgdd-comred {
    background-position: -50px -85px;
    width: 12px;
    height: 12px
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    [class^="icontgdd-"],
    [class*="icontgdd-"] {
        background-image: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/icontgdd@2x.png);
        background-size: 500px 110px
    }
}
/*[class^="icon-"],
[class*="icon-"] {
    background-image: url(https://cdn3.tgdd.vn/v2015/Content/desktop/images/spritedesktop.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}*/
.registered a {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 5px 7px;
    width: 130px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0%, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #e1e1e1 100%);
    background: -o-linear-gradient(top, #f8f8f8 0%, #e1e1e1 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0%, #e1e1e1 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%, #e1e1e1 100%);
    filter:  DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e1e1e1', GradientType=0)
}
.registered a .maintext {
    text-transform: uppercase;
    color: #288ad6;
    font-size: 14px;
    font-weight: 700
}
.registered a .normal {
    color: #000;
    font-size: 11px;
    font-weight: 300;
    line-height: 1
}
.rowfoot1 {
    display: block;
    overflow: hidden;
    margin: 15px auto;
    width: 1160px;
    min-width: 980px;
    max-width: 98%;
    margin-bottom: 0
}
.colfoot {
    float: left;
    width: 25%;
    margin: 0;
    position: relative
}
.colfoot li {
    float: none;
    position: relative;
    font-size: 13px;
    color: #444
}
.colfoot li.hidden {
    display: none
}
.colfoot li.showmore {
    font-weight: bold
}
.colfoot li h4 {
    font-size: 16px;
    line-height: 1.3em;
    text-transform: uppercase;
    display: block;
    color: #999;
    margin-bottom: 5px
}
.colfoot li a {
    display: inline-block;
    color: #288ad6;
    font-size: 14px;
    line-height: 25px;
    padding-top: 5px
}
.colfoot li a:hover {
    color: #666
}
.colfoot li a span {
    color: #444
}
.colfoot li a.viewmb {
    font-weight: 600
}
.colfoot li .bgcall {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 114px;
    height: 168px;
    background: none
}
.colfoot li p {
    display: block;
    margin-top: 14px;
    line-height: 16px
}
.colfoot li strong {
    display: block;
    margin-top: 2px;
    font-size: 16px
}
.colfoot li b {
    font-size: 16px
}
.answers {
    width: 25%
}
.collast {
    width: 25%
}
.collast li h4 {
    font-size: 28px;
    text-transform: none;
    color: #888;
    font-weight: lighter;
    padding: 10px 10px 0;
    margin-bottom: 0
}
.collast li b {
    font-size: 16px;
    text-align: right;
    display: block;
    color: #888;
    padding: 10px 10px 10px 0
}
.collast li.lione {
    border: 1px solid #e9e9e9;
    display: block;
    overflow: hidden
}
.collast li.lione a {
    float: left;
    border-top: 1px solid #e9e9e9;
    padding: 5px 0;
    text-align: center;
    width: 33%
}
.collast li.lione a.android {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    width: 33.2%
}
.collast li.mkt {
    display: block;
    overflow: hidden
}
.collast li.mkt a {
    display: block;
    overflow: hidden
}
.collast li.mkt a img {
    width: 100%;
    height: auto
}
.collastoff {
    width: 90%;
    border: 1px solid #f89406;
    padding: 4%
}
.collastoff li {
    line-height: 25px
}
.collastoff li s {
    background-image: url(https://cdn1.tgdd.vn/v2015/Content/desktop/images/Icon-dien-thoai.png);
    width: 24px;
    height: 35px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px
}
.collastoff li span {
    color: #f89406;
    font-weight: bold
}
.collastoff li label {
    text-transform: uppercase
}
.colfoot li a.linkfb {
    float: left;
    margin: 8px 0 0 0;
    width: 44%;
    border: 1px solid #e9e9e9;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    text-align: center
}
.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: #fff;
    text-align: center
}
.colfoot li a.linkgp {
    float: right;
    margin: 8px 0 0 0;
    width: 44%;
    border: 1px solid #e9e9e9;
    padding: 5px;
    font-size: 12px;
    color: #fff;
    text-align: center
}
.linkfb {
    background: #3b5998 url("/static/images/facebook_v2.png") no-repeat scroll 0 0 !important;
}
.linkyt {
    background: #cf2200 url("/static/images/youtube_v2.png") no-repeat scroll 0 0 !important;
}
.linkgp {
    background: #e02f2f url("/static/images/google-plus_v2.png") no-repeat scroll 0 0 !important;
}
.colfoot li a.dmx {
    float: right;
    margin: 8px 0 0 0;
    width: 44%;
    border: 1px solid #e9e9e9;
    padding: 5px;
    font-size: 12px;
    color: #999
}
.colfoot li a.likesite {
    width: 135px;
    margin: 6px auto 0 20px;
    float: left;
    overflow: hidden;
    height: 28px;
    position: relative;
    z-index: 2
}
.rowfoot2 {
    width: 100%;
    min-width: 980px;
    margin: 10px auto 0;
    overflow: hidden;
    background: #f0f0f0;
    padding: 15px 0;
    border-top: 1px solid #ddd
}
.rowfoot2 .ctn {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    margin: auto
}
.rowfoot2 p {
    float: left;
    width: 465px;
    margin-left: 10px;
    font-size: 13px;
    line-height: 22px;
    color: #999
}
.rowfoot2 a {
    color: #288ad6
}
.pagepay {
    float: left;
    overflow: hidden;
    margin: 0;
    width: 270px
}
.registered {
    float: left;
    margin: 0 25px 0 40px;
    overflow: hidden;
    text-align: center
}
.ssl {
    float: right;
    width: 180px;
    text-align: center
}
.pagepay span,
.registered span,
.ssl span {
    display: block;
    font-size: 13px;
    line-height: 14px;
    color: #999;
    line-height: 22px
}
.pagepay a {
    float: left;
    margin-right: 10px
}
.rowfoot3 {
    display: block;
    overflow: hidden;
    border-top: 1px solid #ddd;
    padding: 6px 0;
    background: #fff
}
.margincenter {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 1200px;
    min-width: 980px;
    max-width: 98%
}
.margincenter a {
    float: left;
    font-size: 12px;
    margin-right: 10px;
    padding: 10px 0 0;
    color: #888;
    line-height: 16px
}
.margincenter a:hover {
    color: #4a90e5
}
.breadcrumb {
    float: left;
    overflow: hidden;
    margin: 0 auto 8px;
    padding: 6px 0;
    margin-right: 5px
}
.breadcrumb * {
    float: left;
    color: #666;
    font-size: 12px
}
.breadcrumb strong {
    font-size: 16px;
    color: #888;
    margin: 0 6px
}
.breadcrumb a:hover,
.breadcrumb a:hover * {
    color: #0082cc
}
.none,
.hide {
    display: none
}
#dlding {
    background: #000;
    border-radius: 5px 0 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    opacity: .7;
    padding: 10px 15px;
    position: fixed;
    right: 0;
    z-index: 99999999
}
.logo4tram {
    float: left;
    height: 55px;
    background: url('/Content/desktop/images/logo400.png') no-repeat left center;
    width: 170px;
    margin: 0 2px
}
.alink4tram {
    background: url('/Content/desktop/images/footer-400.png') no-repeat left center;
    display: block;
    overflow: hidden;
    width: 712px;
    height: 85px;
    clear: both
}
#show4tram {
    position: absolute;
    left: 0;
    top: 55px;
    background-color: #fff;
    width: 380px;
    padding: 15px;
    box-shadow: 3px 3px 3px #ccc;
    border-radius: 5px;
    border-left: 1px solid #ededed;
    color: #333;
    line-height: 20px
}
#show4tram span {
    font-size: 16px;
    line-height: 24px
}
#show4tram p {
    padding: 7px 0;
    line-height: 24px
}
#show4tram:after {
    bottom: 100%;
    left: 80px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}
#show4tram .showme {
    background: #fdd600;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    color: #333;
    text-align: center
}
#show4tram .hideme {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    color: #4a90e5;
    text-align: center;
    border: 1px solid #4a90e5;
    margin-left: 10px;
    cursor: pointer
}
@media screen and (max-width: 1220px) {
    .wrap-main {
        width: 1024px
    }

    .icontgdd-logo {
        width: 28px
    }
    #search-site {
        width: 200px
    }
    .topinput {
        width: 152px
    }
    nav a {
        font-size: 11px
    }
    .colfoot {
        width: 24%
    }
    .answers {
        width: 28%
    }
    .rowfoot2 p {
        width: 420px;
        margin: 0 25px 0 10px
    }
    .registered {
        margin: 0 10px 0 20px
    }
    .ssl {
        width: 190px;
        margin-right: 10px
    }
    .likesite {
        width: 115px
    }
    .pagepay {
        width: 185px
    }
    .breadcrumb {
        margin-left: 12px
    }
    .logo4tram {
        background: url('https://cdn3.tgdd.vn/v2015/Content/desktop/images/logo400small.png') no-repeat left center;
        width: 66px
    }
    .collast li.lione a {
        width: 32.99%
    }
}
#back-top span:before {
    cursor: pointer;
    background: #fdd504;
    width: 40px;
    position: fixed;
    right: 20px;
    bottom: 45px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -transition: all .2s linear;
    color: #000;
    content: "▲";
    opacity: .7;
    z-index: 8
}
#back-top span:hover:before {
    opacity: 1
}
.game2015banner {
    background: url('../../static/css/images/stickylaptop20.jpg') no-repeat;
    height: 179px;
    width: 53px;
    position: fixed;
    right: 0;
    top: 160px
}
.sepcialrecuit {
    background: url('https://cdn.tgdd.vn/v2015/Content/desktop/images/banner-tuyen-dung-tgdd-bg.gif') repeat-x bottom center;
    height: 49px;
    width: 100%;
    padding-top: 10px;
    clear: both;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    display: block;
    line-height: 49px;
    color: #333
}
.sepcialrecuit .icon-recruit {
    background: url('https://cdn1.tgdd.vn/v2015/Content/desktop/images/banner-tuyen-dung-tgdd.png') no-repeat bottom center;
    height: 49px;
    width: 144px;
    float: left
}
#imgtrack {
    display: none
}
.lazyproduct,
.lazy {
    background: url(https://cdn2.tgdd.vn/v2015/Content/desktop/images/loading.svg) center center no-repeat;
    color: #fff
}
/* http://www.thegioididong.com/commentnew/content/css/commentnew.min.css */

.wrapcomment {
    display: block;
    overflow: hidden;
    width: 98%;
    max-width: 800px;
    margin: 0 auto;
    float: left
}
.wrapcomment .titletext {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #333;
    line-height: 1.3em;
    padding-bottom: 20px
}
.wrapcomment .titletext h2 {
    font-size: 20px;
    color: #333;
    font-weight: 300;
    display: inline-block
}
.wrapcomment .textarea {
    display: block;
    overflow: hidden;
    background: #fff;
    min-height: 100px;
    border: 1px solid #c1bfbf;
    padding: 10px;
    font-size: 16px;
    color: #333;
    max-height: 200px
}
.wrapcomment .textarea a {
    color: #4a90e2
}
.wrapcomment textarea {
    min-height: 50px !important
}
.wrapcomment .textarea .ptr {
    margin: 0 auto;
    width: 80%;
    text-align: center
}
.wrapcomment .textarea .ptr img {
    max-height: 450px;
    max-width: 600px
}
.wrapcomment .textarea .ptr span {
    display: block;
    margin-top: 10px;
    color: #999
}
.wrapcomment .textarea .ptr span a {
    cursor: pointer;
    color: red
}
.wrap-attaddsend {
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #c1bfbf;
    position: relative;
    margin-top: -1px
}
.wrap-attaddsend .attach {
    float: left;
    font-size: 14px;
    color: #666;
    padding: 12px 16px 9px;
    border-right: 1px solid #c1bfbf;
    cursor: pointer
}
.wrap-attaddsend .addicon {
    float: left;
    font-size: 14px;
    color: #666;
    padding: 11px 16px 8px;
    border-right: 1px solid #c1bfbf;
    cursor: pointer
}
.wrap-attaddsend .addicon:hover {
    background: #fbd648
}
.wrap-attaddsend .addicon label {
    background: #f9b84d;
    border: 1px solid #f5a623;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    position: relative;
    right: -10px;
    cursor: pointer
}
.wrap-attaddsend .addlink {
    float: left;
    font-size: 14px;
    color: #666;
    padding: 11px 16px 8px;
    border-right: 1px solid #c1bfbf;
    cursor: pointer
}
.wrap_iconemotion {
    display: block;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #c1bfbf;
    border-bottom: 0;
    margin-top: -1px;
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto
}
.wrap_iconemotion .col1 a {
    float: left;
    width: 36px;
    height: 36px;
    margin: 5px
}
.wrap_iconemotion .col1 a img {
    display: block;
    width: 36px;
    height: 36px
}
.wrap_iconemotion .col2 a {
    float: left;
    width: 42px;
    height: 42px;
    margin: 5px
}
.wrap_iconemotion .col2 a img {
    display: block;
    width: 42px;
    height: 42px
}
.wrap_iconemotion::-webkit-scrollbar {
    width: 9px
}
.wrap_iconemotion::-webkit-scrollbar-track {
    background: #fff;
    border: 1px solid none;
    width: 11px;
    padding: 2px
}
.wrap_iconemotion::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}
.wrap_iconemotion::-webkit-scrollbar-thumb:window-inactive {
    background: #d8d8d8
}
.wrap_iconemotion a:hover>.addicon {
    background: #fbd648
}
.wrap-attaddsend .sendclick {
    float: right;
    font-size: 15px;
    color: #2a2a2a;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    width: 120px;
    padding: 11px 0 10px;
    cursor: pointer;
    background: #fbd648
}
.wrap-attaddsend .userinfo {
    font-size: 14px;
    color: #2a2a2a;
    text-align: center;
    font-weight: 600;
    max-width: 250px;
    padding: 11px 0 10px;
    cursor: pointer;
    background: #fff;
    position: absolute;
    right: 130px;
    padding-right: 64px
}
.wrap-attaddsend .userinfo a {
    color: #4a90e2;
    font-weight: 300;
    float: left;
    position: absolute;
    right: -3px
}
.wrap-attaddsend .userinfo i {
    margin-top: -4px;
    float: left
}
.wrap-attaddsend .avaS {
    margin-top: -4px;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
.wrap-attaddsend .userinfo .uname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
    float: left;
    text-align: left
}
.wrap_loginpost {
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    position: relative;
    margin-top: 25px;
}
.wrap_loginpost .asideleft {
    float: left;
    overflow: hidden;
    width: 55%;
    height: 200px;
    border-right: 1px solid #d8d8d8;
}
.wrap_loginpost .asideleft label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    padding-right: 5px
}
.wrap_loginpost .asideleft a {
    *float: left;
    overflow: hidden;
    margin-right: 10px
}
.infologin {
    display: block;
    position: relative;
    clear: both;
    padding-top: 10px;
    overflow: hidden
}
.infologin .arrow_dw {
    position: absolute;
    right: 110px;
    top: -1px;
    z-index: 9;
    background: #f1f1f1
}
.infologin .arrow_dw:after,
.infologin .arrow_dw:before {
    top: 101%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.infologin .arrow_dw:after {
    border-top-color: #fff;
    border-width: 7px;
    margin-left: -7px
}
.infologin .arrow_dw:before {
    border-top-color: #dadada;
    border-width: 8px;
    margin-left: -8px
}
.wrap_loginpost .infologin .userlogin {
    display: block;
    padding: 8px;
    border: 1px solid #dadada;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    width: 84.5%
}
.wrap_loginpost .infologin .forgetpass {
    float: left;
    padding: 8px 0;
    font-size: 14px;
    color: #4a90e2
}
.wrap_loginpost .infologin .forgetpass:hover {
    text-decoration: underline
}
.wrap_loginpost .infologin .loginpost {
    float: right;
    padding: 8px;
    margin-right: 50px;
    background: #fbd648;
    border: 1px solid #c1bfbf;
    font-size: 14px;
    color: #2a2a2a;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer
}
.wrap_loginpost .noaccount {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #999
}
.wrap_loginpost .noaccount a {
    color: #4a90e2
}
.wrap_loginpost .noaccount a:hover {
    text-decoration: underline
}
.wrap_loginpost .asideright {
    float: right;
    overflow: hidden;
    width: 42%;


}
.wrap_loginpost .asideright label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px
}
.wrap_loginpost .asideright .infoname {
    display: block;
    padding: 8px;
    border: 1px solid #dadada;
    font-size: 14px;
    margin-bottom: 10px;
    width: 90.5%;
    color: #333
}
.wrap_loginpost .asideright .finalpost {
    float: right;
    padding: 8px;
    margin-right: 14px;
    background: #fbd648;
    border: 1px solid #c1bfbf;
    font-size: 14px;
    color: #2a2a2a;
    text-transform: uppercase;
    font-weight: 600
}
.wrapcomment .info_nocomment {
    display: block;
    overflow: hidden;
    width: 80%;
    margin: 20px auto 0;
    text-align: center
}
.info_nocomment .texteveryone {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 20px;
    color: #999;
    font-weight: 600
}
.wrapcomment .sortcomment {
    display: block;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
    margin-right: 3px
}
.sortcomment span {
    float: right;
    font-size: 13px;
    color: #999;
    padding: 6px 12px
}
.sortcomment a {
    float: right;
    font-size: 13px;
    color: #4a90e2;
    padding: 6px 12px;
    cursor: pointer
}
.sortcomment a:hover {
    color: #333
}
.sortcomment a.activedsort {
    background: #ececec;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px
}
.sortcomment .statistical {
    float: left;
    overflow: hidden;
    font-size: 12px;
    color: #565656;
    padding: 6px 18px;
    background: #fff4b7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}
.statistical a {
    color: #4a90e2;
    padding: 0 5px
}
.statistical a:hover {
    color: #4a90e2;
    text-decoration: underline
}
.infocomment {
    display: block;
    overflow: hidden;
    margin-bottom: 20px
}
.comment_ask {
    display: block;
    overflow: visible;
    margin: 10px 0 0
}
.comment_ask strong {
    font-size: 14px;
    color: #333;
    text-transform: capitalize
}
.comment_ask .qtv {
    text-transform: uppercase;
    margin-right: 10px;
    color: #000;
    font-weight: normal;
    font-size: 10px;
    background: #eebc49;
    padding: 2px 6px;
    border-radius: 3px;
    line-height: 18px;
    height: 18px;
    margin-left: 10px
}
.comment_ask .nameadmin {
    color: #4a90e2
}
.comment_ask .admin {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #444;
    padding: 2px 6px;
    background: #fdd504;
    border: 1px solid #c1a201
}
.comment_ask .goodcomment {
    float: right;
    font-size: 12px;
    color: #4a90e2
}
.comment_ask .tgddthank {
    float: right;
    font-size: 12px;
    color: #e99100
}
.comment_ask .relate_infocom {
    margin-left: 30px
}
.infocom_ask,
.infocom_ask_s {
    display: block;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 22px;
    margin-left: 30px
}
.infocom_ask a {
    color: #4a90e2
}
.infocom_ask_s .seeMore,
.infocom_ask .content_s .seeMore {
    color: #4a90e2;
    cursor: pointer;
    white-space: nowrap
}
.infocom_ask_s .seeMore b,
.infocom_ask .content_s .seeMore b {
    font-weight: normal;
    font-style: normal;
    font-size: 16px
}
.infocom_ask .conticon {
    line-height: normal;
    line-height: 22px
}
.infocom_ask .conticon .relate_infocom {
    margin-left: 0
}
.hidecmt {
    overflow: hidden;
    max-height: 190px
}
.relate_infocom {
    display: block;
    overflow: visible;
    height: 18px;
    padding: 5px 0;
    font-size: 12px;
    color: #666
}
.relate_infocom span {
    float: left
}
.relate_infocom span.like {
    float: none
}
.relate_infocom .baoloi {
    cursor: pointer;
    position: relative;
    color: #4a90e2
}
.relate_infocom .baoloi .content_bao_loi {
    display: none;
    position: absolute;
    top: 20px;
    left: -77px;
    width: 200px;
    padding: 5px;
    height: 89px;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
    z-index: 100
}
.relate_infocom .baoloi .content_bao_loi i {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    display: block;
    margin: auto
}
.relate_infocom .baoloi .content_bao_loi b {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 11px;
    height: 11px
}
.relate_infocom .baoloi .content_bao_loi figure {
    display: block;
    font-size: 12px;
    color: #444;
    padding-bottom: 5px
}
.relate_infocom .baoloi .content_bao_loi a {
    display: block;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #333;
    background: #fffab8;
    border: 1px solid #f8e71c
}
.relate_infocom .baoloi .content_bao_loi a:hover {
    background: #f5a623;
    border: 1px solid #be7805;
    color: #fff
}
.relate_infocom .baoloi:hover .content_bao_loi {
    display: block
}
.relate_infocom .numlike {
    color: #999
}
.relate_infocom .date {
    color: #999
}
.relate_infocom .reply {
    cursor: pointer;
    color: #4a90e2
}
.relate_infocom .dot {
    float: left;
    display: inline;
    font-size: 8px;
    vertical-align: middle;
    margin: 2px 5px;
    color: #babbb8
}
.like {
    color: #4a90e2;
    cursor: pointer
}
.disble {
    color: #999 !important;
    cursor: default;
    display: inline !important
}
.relate_infocom .btnreply {
    cursor: pointer;
    color: #4a90e2
}
.relate_infocom .btnreply:hover {
    color: #4a90e2
}
.comment_reply {
    display: block;
    margin-top: 5px;
    position: relative;
    background: #f1f1f1;
    border: 1px solid #e7e7e7;
    padding: 15px 10px;
    font-size: 14px;
    color: #333;
    margin-left: 30px
}
.arrow_box {
    position: relative;
    left: 7px;
    display: block;
    margin-top: -15px;
    z-index: 9;
    background: #f1f1f1
}
.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.arrow_box:after {
    border-bottom-color: #f1f1f1;
    border-width: 11px;
    margin-left: -11px
}
.arrow_box:before {
    border-bottom-color: #e7e7e7;
    border-width: 12px;
    margin-left: -12px
}
.totalcomment-reply {
    display: block;
    padding: 10px 0 0;
    border-top: 1px solid #b4b4b4;
    font-size: 12px;
    color: #4a90e2;
    cursor: pointer;
    margin-top: 7px
}
.totalcomment-reply:hover {
    text-decoration: underline
}
.sizeimgattach {
    display: block;
    width: 98%;
    margin: 0 auto;
    overflow: hidden
}
.sizeimgattach img {
    display: block;
    max-width: 100%;
    max-height: 450px;
    margin: 10px auto 0
}
.deleteimg {
    display: block;
    width: 98%;
    padding: 5px 0;
    font-size: 14px;
    color: red;
    text-align: center;
    cursor: pointer
}
.viewmorecomment {
    display: block;
    height: 1px;
    background: #e6e6e6;
    position: relative;
    margin: 40px 0 30px
}
.viewmorecomment .btnexpand {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    display: block;
    padding: 10px 0;
    width: 140px;
    margin: auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #959595;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}
.viewmorecomment .btnexpand span {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #959595;
    position: relative;
    top: 9px;
    margin-left: 5px
}
.viewmorecomment .btncollapse {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    display: block;
    padding: 10px 0;
    width: 140px;
    margin: auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #959595;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}
.viewmorecomment .btncollapse span {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #959595;
    position: relative;
    bottom: 9px;
    margin-left: 5px
}
.reportinfo {
    display: block;
    padding: 10px;
    border: 1px solid #ebebeb;
    background: #fdf9bc;
    position: relative;
    width: 335px;
    height: 76px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}
.reportinfo i {
    position: relative;
    left: 30px;
    top: -13px;
    z-index: 9;
    background: #f1f1f1
}
.reportinfo i:after,
.reportinfo i:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.reportinfo i:after {
    border-bottom-color: #fdf9bc;
    border-width: 11px;
    margin-left: -11px
}
.reportinfo i:before {
    border-bottom-color: #e7e7e7;
    border-width: 12px;
    margin-left: -12px
}
.reportinfo b {
    position: absolute;
    top: 5px;
    right: 5px
}
.tabicon {
    display: block;
    overflow: hidden;
    text-align: center;
    border: 1px solid #c1bfbf;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 5px
}
.tabicon a {
    padding: 10px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    display: inline-block
}
.tabicon a.acticon,
.tabicon a:hover {
    border-bottom: 2px solid #f5a623
}
.tagcloseicon {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #eee;
    padding: 5px 6px 5px 8px;
    border-radius: 5px
}
.showicon {
    position: relative;
    overflow: hidden
}
[class^="iconcom-"],
[class*="iconcom-"] {
    background-image: url(//s.tgdd.vn/comment/Content/images/bg_comment.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}
.iconcom-arrownocomment {
    background-position: 0 -100px;
    width: 70px;
    height: 140px;
    float: left
}
.iconcom-nocomment {
    background-position: 0 0;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto 28px
}
.iconcom-firstcomment {
    background-position: -85px 0;
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto 28px
}
.iconcom-news {
    background-position: -211px -84px;
    width: 104px;
    height: 20px;
    margin-left: 10px
}
.iconcom-user {
    width: 25px;
    height: 25px;
    background-image: none;
    background-color: #ccc;
    margin-right: 7px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    font-style: normal
}
.comment_ask .avaS {
    width: 25px;
    height: 25px;
    background-image: none;
    background-color: #ccc;
    margin-right: 7px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    font-style: normal;
    vertical-align: middle
}
.iconcom-user1 {
    background-position: -170px 0;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
img.imgU {
    width: 25px;
    height: 25px;
    margin-right: 7px !important;
    vertical-align: middle
}
.iconcom-user2 {
    background-position: -196px 0;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
.iconcom-user3 {
    background-position: -222px 0;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
.iconcom-user4 {
    background-position: -248px 0;
    width: 25px;
    height: 25px;
    margin-right: 7px
}
.iconcom-cup {
    background-position: -280px -30px;
    width: 18px;
    height: 18px;
    margin-right: 5px
}
.iconcom-heart {
    background-position: -170px -50px;
    width: 16px;
    height: 14px;
    margin-right: 5px
}
.iconcom-like {
    background-position: -265px -30px;
    width: 13px;
    height: 13px;
    margin-top: -5px
}
.iconcom-arrup {
    background-position: -170px -30px;
    width: 26px;
    height: 14px;
    position: absolute;
    top: -12px;
    left: 15px;
    z-index: -1
}
.iconcom-comment {
    background-position: -245px -30px;
    width: 16px;
    height: 14px;
    margin-right: 5px
}
.iconcom-picture {
    background-position: -274px 0;
    width: 27px;
    height: 20px;
    margin: -4px 5px 0 0
}
.iconcom-addemotion {
    background-position: -225px -50px;
    width: 24px;
    height: 23px;
    margin: -4px 5px 0 0
}
.iconcom-facebook {
    background-position: -70px -100px;
    width: 110px;
    height: 37px
}
.iconcom-googleplus {
    background-position: -70px -140px;
    width: 110px;
    height: 37px
}
.iconcom-mobileworld {
    background-position: -70px -180px;
    width: 130px;
    height: 37px
}
.iconcom-closeloi {
    background-position: -190px -50px;
    width: 11px;
    height: 11px
}
.iconcom-closereport {
    background-position: -205px -50px;
    width: 11px;
    height: 11px
}
.iconcom-arrupyellow {
    background-position: -200px -30px;
    width: 26px;
    height: 14px
}
.iconcom-closeicon {
    background-position: -190px -50px;
    width: 14px;
    height: 14px
}
#comment .pagcomment {
    display: block;
    padding: 8px;
    overflow: hidden;
    margin: 10px auto;
    clear: both
}
#comment .pagcomment a {
    float: left;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    cursor: pointer
}
#comment .pagcomment a:hover {
    background: #ddd
}
#comment .pagcomment span {
    float: left;
    padding: 4px 10px;
    background: #eee;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    clear: none !important;
    cursor: pointer
}
#comment .pagcomment span.active {
    float: left;
    padding: 4px 10px;
    background: #ccc;
    border-radius: 3px;
    text-align: center;
    color: #333;
    margin-right: 4px;
    font-size: 12px;
    clear: none !important;
    cursor: pointer
}
.hide {
    display: none !important
}
#content .conticon {
    line-height: normal;
    line-height: 18px
}
#content .conticon img {
    width: 24px;
    height: 24px;
    display: inline-flex
}
.clr {
    clear: both
}
.closeIfo {
    position: absolute;
    top: -1px;
    right: -1px;
    border: solid 1px #cdcdcd;
    padding: 5px 10px;
    background-color: #e7e8e7;
    color: #96989a;
    cursor: pointer;
    z-index: 999
}
.wrapcomment .txtEditor {
    width: 97%
}
.comment_ask img {
    max-width: 100%;
    margin: 0 auto;
    max-height: 450px;
    background-image: none !important
}
.conticon img {
    max-width: 100%;
    margin: 0 auto;
    background-image: none !important
}
#cmtmask {
    display: none
}
.form_reply {
    padding-top: 10px
}
.infocom_ask .msgImg {
    display: none
}
#txtEditor2 {
    margin: 10px 0
}
.trCmtNew {
    background: #fffadd
}
.trCmt {
    background: #fff;
    transition: background 3s linear;
    -webkit-transition: background 3s linear;
    -moz-transition: background 3s linear
}
.trCmtChild {
    background: #f1f1f1;
    transition: background 3s linear;
    -webkit-transition: background 3s linear;
    -moz-transition: background 3s linear
}
#comment .CmtPopUp {
    background-color: #fff;
    border: 1px solid #000;
    position: fixed;
    display: none;
    top: 15%;
    width: 500px;
    left: 20%;
    padding: 0;
    height: 165px;
    z-index: 2
}
#comment .CmtPopUpHeader {
    font-size: small;
    height: 30px;
    position: relative;
    background-color: #ffaa01;
    top: 0;
    color: #fff
}
#comment .CmtPopUpContent {
    margin: 10px
}
#comment .CmtPopUpContent .PopupInput {
    margin: 0 10px;
    display: inline-block;
    height: 30px;
    line-height: 30px
}
#comment .CmtPopUpContent .Btn {
    margin-left: 155px
}
#comment .CmtPopUpContent .BtnInsLnk {
    background: #f9b84d;
    border: 1px solid #f5a623;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    right: -10px;
    cursor: pointer;
    margin: 15px auto 0
}
#comment .CmtPopUpContent .PopupInput .lbl {
    width: 80px;
    display: inline-block
}
#comment .CmtPopUpContent .PopupInput .txt {
    width: 350px;
    display: inline-block
}
#comment .CmtPopupClose {
    background: url(//s.tgdd.vn/comment/Content/images/close.png) no-repeat;
    float: right;
    cursor: pointer;
    width: 35px;
    height: 35px;
    right: -15px;
    top: -15px;
    position: absolute
}
#comment .CmtPopupTitle {
    text-align: center;
    float: left;
    width: 90%;
    color: #fff;
    line-height: 30px;
    font-weight: bold
}
#comment .CmtPopLayer {
    height: 100%;
    background-color: #030303;
    filter: alpha(opacity=60);
    opacity: .6;
    border: 1px solid #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 0%
}
.captchacmt {
    max-width: 180px;
    float: left;
    padding-top: 9px
}
.captchacmt input {
    max-width: 90px
}
.captchacmt img {
    max-width: 55px;
    float: left
}
.CmtRate {}.CmtRate span {
    display: block;
    margin: 5px 0 0 30px;
    color: #333
}
.CmtRate b {
    display: inline-block;
    color: #333;
    font-style: normal;
    vertical-align: bottom
}
.CmtRate .spIntro {
    display: block;
    margin-left: 0;
    margin-top: 10px
}
.CmtRate .icon-introYes {
    background-image: url(//s.tgdd.vn/comment/Content/images/happy.png) !important;
    background-position: 0 0;
    width: 27px;
    height: 27px;
    margin: -4px 5px 0 0;
    display: inline-block
}
.CmtRate .icon-introNo {
    background-image: url(//s.tgdd.vn/comment/Content/images/sad.png) !important;
    background-position: 0 0;
    width: 27px;
    height: 27px;
    margin: -4px 5px 0 0;
    display: inline-block
}
.captchacmt i {
    color: red;
    margin-right: 5px
}
@media(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    [class^="iconcom-"], [class*="iconcom-"] {
        background-image: url(//s.tgdd.vn/comment/Content/images/bg_comment@2x.png);
        background-size: 320px 250px
    }
    .iconcom-user,
    .comment_ask .avaS {
        background-image: none;
        background-color: #ccc
    }
}
@media screen and (max-width: 1200px) {
    .left_comment {
        width: 98%
    }
    .wrapcomment .txtEditor {
        width: 96.5%
    }
    .wrapcomment {}.wrap_loginpost .asideleft {
        width: 56%
    }
    .wrap_loginpost .asideleft a {
        margin-right: 0
    }
    .wrap_loginpost .infologin .userlogin {
        width: 92.2%
    }
    .infologin .arrow_dw {
        right: 74px
    }
}
.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
}
@media screen and (max-width: 1220px) {
    .wrap-suggestion {
        left: 5px
    }
}
.stickcompare {
    display: block;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    max-height: 180px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .25)
}
.stickcompare .small {
    position: absolute;
    right: 0;
    top: -39px
}
.stickcompare .small ul {
    float: right;
    width: 200px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    border: 1px solid #ddd;
    border-bottom: 0
}
.stickcompare .small li {
    float: left;
    padding: 10px 6px;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    cursor: pointer
}
.stickcompare .small li i {
    width: 0;
    height: 0;
    border-top: 6px solid #288ad6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: relative;
    top: 6px;
    margin-left: 5px;
    float: right
}
.stickcompare .small li i.v2 {
    border-bottom: 6px solid #288ad6;
    border-top: none
}
.stickcompare .small li:first-child {
    color: #288ad6
}
.stickcompare .small li:last-child {
    color: red
}
.stickcompare .small li span {
    float: left;
    font-size: 12px;
    color: #999;
    margin: 0
}
.stickcompare .comlist {
    *display: block;
    display: table;
    max-width: 1198px;
    width: 100%;
    margin: 0 auto;
    border-left: 1px solid #ddd
}
.stickcompare .comlist li {
    *float: left;
    display: table-cell;
    vertical-align: middle;
    padding: 20px 1% 20px 1%;
    border-right: 1px solid #ddd;
    position: relative
}
.stickcompare .comlist li:last-child {
    border: 0
}
.stickcompare .comlist li img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 10px
}
.stickcompare .comlist li figure {
    overflow: hidden;
    max-width: 220px;
    max-height: 150px
}
.stickcompare .comlist li h3 {
    display: block;
    line-height: 1.3em;
    font-size: 14px;
    color: #444;
    margin-bottom: 3px;
    font-weight: 600;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.stickcompare .comlist li strong {
    float: left;
    font-size: 13px;
    color: #d0021b
}
.stickcompare .comlist li label {
    color: #888;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 5px
}
.stickcompare .comlist li div {
    display: block;
    font-size: 12px;
    color: #666;
    clear: both
}
.stickcompare .comlist li p {
    clear: both
}
.stickcompare .comlist li figure span {
    text-decoration: none;
    font-size: 12px;
    color: #333;
    float: none;
    display: inline-block;
    line-height: 18px
}
.stickcompare .comlist li button {
    position: absolute;
    top: 4px;
    right: 5px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    width: 20px;
    height: 20px
}
.stickcompare .comlist li button sub {
    position: absolute;
    left: -1px;
    top: 0;
    right: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    font-size: 14px;
    color: #999;
    line-height: 1
}
.stickcompare .comlist li form {
    position: relative;
    display: block
}
.stickcompare .comlist li form button {
    width: 35px;
    height: 34px;
    border: 0;
    border-radius: 0;
    position: absolute;
    top: 1px;
    right: 1px
}
.stickcompare .comlist li input[type="search"] {
    display: block;
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #666
}
.stickcompare .comlist li .viewdisable {
    display: block;
    padding: 10px;
    background: #d5d6d7;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    color: #9e9e9e;
    text-align: center;
    width: 60%;
    margin: auto
}
.stickcompare .comlist li .viewfullcomp {
    display: block;
    padding: 10px;
    background: #288ad6;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 80%;
    margin: auto
}
.stickcompare .comlist li .textmin {
    font-size: 12px;
    color: #888;
    display: block;
    line-height: 18px;
    text-align: center;
    margin-top: 5px
}
.stickcompare .search-suggestion-wrapper {
    position: absolute;
    margin-left: 60px;
    margin-top: 2px
}
.stickcompare .search-suggestion-wrapper .search-suggestion-list {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    bottom: 40px;
    left: -59px;
    width: 263px;
    z-index: 1000
}
.stickcompare .search-suggestion-wrapper .search-suggestion-list li {
    height: 30px;
    margin: 0!important;
    padding: 0!important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 355px;
    display: inline-block !important;
    width: 100%
}
.stickcompare .search-suggestion-wrapper .search-suggestion-list a {
    color: #333
}
.stickcompare .search-suggestion-wrapper .search-suggestion-list li.selected,
.stickcompare .search-suggestion-wrapper .search-suggestion-list li:hover {
    background-color: #2889d6;
    color: #fff
}
.stickcompare .search-suggestion-wrapper .search-suggestion-list li a {
    display: inline-block;
    width: 100%;
    padding-left: 5px;
    vertical-align: -webkit-baseline-middle
}
.stickcompare .search-suggestion-wrapper .search-suggestion-list li:hover a,
.stickcompare .search-suggestion-wrapper .search-suggestion-list li.selected a {
    color: #fff;
    vertical-align: -webkit-baseline-middle
}
.icontgdd-scomp {
    background-position: -175px -85px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    right: 10px
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
    float: left
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.owl-theme .owl-controls {
    margin-top: 0;
    text-align: center
}
.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0;
    padding: 6px 10px 9px;
    font-size: 24px;
    background: #869791;
    background: rgba(0, 0, 0, .5)
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
    float: left;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    float: right;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none
}
.owl-carousel .owl-buttons {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    height: 1px
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}
.owl-item.loading {
    background: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/loading.gif) no-repeat center center;
    min-height: 32px
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto
}
.breadcrumb {
    display: block;
    overflow: visible;
    height: 28px;
    float: none;
    margin: 0;
    padding: 0
}
.breadcrumb li {
    float: left;
    overflow: visible
}
.breadcrumb li a {
    float: left;
    white-space: nowrap;
    font-size: 12px;
    color: #288ad6;
    padding: 5px 10px 5px 0
}
.breadcrumb span {
    float: left;
    color: #999;
    padding: 2px 5px 0 0;
    line-height: 1
}
.breadcrumb .next-link {
    float: left;
    font-size: 20px;
    color: #999;
    padding: 2px 5px 0 0;
    line-height: 1
}
.breadcrumb li h1 {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    color: #288ad6;
    font-weight: normal
}
.breadcrumb li h2 {
    float: left;
    line-height: 1;
    font-size: 12px;
    color: #288ad6;
    font-weight: normal;
    padding-top: 1px
}
.breadcrumb li h2 span {
    padding: 2px 5px 0 5px
}
.breadcrumb li h1 a {
    color: #288ad6;
    padding-left: 2px
}
.breadcrumb li h2 a {
    color: #4a90e2;
    padding: 4px
}
.breadcrumb li.brand {
    position: relative;
    float: left;
    width: 120px
}
.breadcrumb li.brand b {
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    float: left;
    display: inline-flex;
    margin: 11px 0 0 -5px
}
.breadcrumb li.brand a {
    color: #288ad4
}
.breadcrumb li.brand .brandlist {
    display: block;
    height: 0;
    overflow: hidden;
    background: none;
    opacity: 0
}
.breadcrumb li.brand:hover .brandlist {
    min-height: 200px;
    height: auto;
    opacity: 1;
    position: absolute;
    top: 27px;
    left: -25px;
    z-index: 9;
    width: 220px;
    border: 1px solid #f2f2f2;
    box-shadow: -1px 2px 5px 3px rgba(185, 185, 185, .5);
    -webkit-box-shadow: -1px 2px 5px 3px rgba(185, 185, 185, .5);
    -moz-box-shadow: -1px 2px 5px 3px rgba(185, 185, 185, .5);
    background: #fff
}
.breadcrumb li.brand .brandlist a {
    display: block;
    float: none;
    padding: 10px 10px 10px 30px;
    font-size: 14px;
    color: #333
}
.breadcrumb li.brand .brandlist a:hover {
    background: #288ad6;
    color: #fff
}
.breadcrumb li.brand .arrtopbrand:after,
.breadcrumb li.brand .arrtopbrand:before {
    bottom: -1px;
    left: 25%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    position: absolute;
    z-index: 10
}
.breadcrumb li.brand .arrtopbrand:after {
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: -9px
}
.breadcrumb li.brand .arrtopbrand:before {
    border-bottom-color: rgba(185, 185, 185, .25);
    border-width: 11px;
    margin-left: -11px
}
.breadcrumb li.brand .arrtopbrand {
    display: none
}
.breadcrumb li.brand:hover .arrtopbrand {
    display: block
}
.rowtop {
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    clear: both
}
.rowtop h1 {
    float: left;
    line-height: 1.3em;
    font-size: 26px;
    color: #333
}
.rowtop span {
    color: gray;
    font-size: 13px;
    margin-left: 4px;
    margin-top: 4px;
}
.rowtop .viewmore {
    float: right;
    margin-top: 10px
}
.rowtop .viewmore label {
    float: left;
    font-size: 13px;
    color: gray
}
.rowtop .viewmore a {
    color: #288ad6;
    font-size: 13px
}
.rowtop .likeshare {
    float: left
}
.stickybar {
    float: left;
    position: relative;
    top: 45px;
    z-index: 9
}
.stickybar li {
    background: #fff;
    display: block;
    width: 73px;
    height: 53px;
    border: 1px solid #ee3338;
    margin-bottom: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    cursor: pointer
}
.stickybar li a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #ee3338
}
.stickybar li label {
    position: absolute;
    top: -5px;
    right: -15px;
    padding: 1px 8px;
    border: 1px solid #ee3338;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    color: #ee3338;
    background: #fff
}

.stickybar.fixed {
    position: fixed
}
.boxright {
    float: right;
    width: 91.667%;
    max-width: 1100px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}
.picture {
    float: left;
    overflow: hidden;
    width: 38.637%
}
.picture img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
    cursor: pointer
}
.picture.laptop img {
    margin-top: 20px
}
.picture .viewcolor {
    display: block;
    overflow: hidden;
    text-align: center
}
.picture .viewcolor b {
    *float: left;
    display: inline-block;
    font-size: 13px;
    color: #545454
}
.picture .viewcolor a {
    *float: left;
    display: inline-block;
    background: #fff;
    border: 1px solid #288ad6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 12px;
    color: #288ad6;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer
}
.picture .viewcolor a:hover {
    background: #288ad6;
    color: #fff
}
.picture .likeshare {
    display: block;
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
    height: 20px
}
.price_sale {
    float: left;
    width: 32.274%
}
.price_sale strong {
    display: block;
    font-size: 22px;
    color: #d0021b;
    margin-bottom: 6px
}
.price_sale .localprice {
    font-size: 14px;
    color: #666;
    font-weight: normal
}
.infopromotion {
    display: block;
    font-size: 16px;
    line-height: 1.3em;
    color: #27ae60;
    font-weight: 600
}
.detailpromotion {
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid #bdc3c7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    margin: 15px 0 10px
}
.detailpromotion li {
    margin-left: 10px
}
.detailpromotion:after,
.detailpromotion:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    position: absolute;
    z-index: 10
}
.detailpromotion:after {
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}
.detailpromotion:before {
    border-bottom-color: #bdc3c7;
    border-width: 11px;
    margin-left: -11px
}
.detailpromotion span {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #2c3e50;
    margin: 5px 10px 5px 10px
}
.detailpromotion span.proimage {
    border-bottom: 1px solid #ddd;
    padding: 0 10px 5px;
    margin: 0
}
.detailpromotion span:before {
    display: inline-block;
    content: "•";
    margin-right: 5px
}
.detailpromotion label {
    color: #999
}
.detailpromotion a {
    color: #288ad6
}
.detailpromotion a:hover {
    color: #e67e22
}
.detailpromotion .promotionother {
    display: block;
    background: #f6f5f5;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    overflow: hidden;
    position: relative
}
.detailpromotion .promotionother span {
    margin: 10px
}
.detailpromotion .promotionother span:last-child {
    margin-bottom: 10px
}
.detailpromotion .promotionother button {
    font-size: 13px;
    font-weight: 600;
    color: #288ad6;
    background: none;
    border: 0;
    float: left;
    margin: 5px 10px;
    cursor: pointer
}
.detailpromotion .promotionother button b {
    width: 0;
    height: 0;
    border-top: 5px solid #288ad6;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    float: right;
    display: inline-flex;
    margin: 6px 0 0 6px
}
.detailpromotion .promotionother button:hover {
    color: #e67e22
}
.detailpromotion .promotionother button:hover b {
    border-top: 5px solid #e67e22
}
.infocomes {
    display: block;
    overflow: hidden
}
.infocomes li {
    display: block;
    overflow: hidden;
    padding: 5px 0 0 20px;
    font-size: 12px;
    color: #545454
}
.infocomes li .icondetail-check {
    margin-left: -21px
}
.infocomes li strong {
    font-size: 13px;
    color: #545454;
    font-weight: bold
}
.infocomes li a {
    color: #288ad6
}
.infocomes li a:hover {
    color: #e67e22
}
.price_sale .buynow {
    display: block;
    margin-top: 15px;
    padding: 9px 0;
    width: 94.37%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #ee3338;

}
.price_sale .shopping-guide {
    display: block;
    margin-top: 15px;
    padding: 18px 0;
    width: 94.37%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #27baff;

}
.price_sale .buynow:hover {
    cursor: pointer;
    background: #a80e0e;

}
.icon-left-show{
    display: none;
}
.price_sale .buynow span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    font-weight: 300
}
.price_sale .buyinstall {
    display: block;
    margin-top: 15px;
    padding: 9px 0;
    width: 94.37%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #288ad6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #288ad6
}
.price_sale .buyinstall:hover {
    background: #137bcc;
    border: 1px solid #137bcc;
    cursor: pointer
}
.price_sale .buyinstall span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    font-weight: 300
}
.price_sale .buycall {
    display: block;
    margin-top: 10px;
    padding: 9px 0;
    width: 338px;
    font-size: 13px;
    color: #333
}
.choosemarket {
    float: right;
    width: 26.819%
}
.choosemarket .boxmaket {
    display: block;
    overflow: hidden;
    padding: 15px 0 0;
    background: #f6f5f5;
    border: 1px solid #dadada;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0
}
.choosemarket .boxmaket strong {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #288ad6;
    margin-bottom: 8px;
    padding-left: 15px
}
.choosemarket .boxmaket span {
    display: block;
    overflow: hidden;
    padding-left: 15px;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    margin-bottom: 8px
}
.choosemarket .boxmaket select {
    display: block;
    padding: 8px;
    width: 90%;
    margin: 0 auto 10px;
    border: 1px solid #dadada;
    outline: none;
    line-height: 20px;
    height: 40px
}
.afterchoose {
    display: block;
    overflow: hidden
}
.afterchoose .location {
    display: block;
    overflow: visible;
    border-bottom: 1px solid #dadada;
    padding: 10px 0;
    position: relative
}
.afterchoose .location .textlocation {
    display: block;
    color: #000;
    font-size: 12px;
    margin-right: 10px
}
.afterchoose .location .textlocation b {
    font-size: 14px;
    color: #e67e22
}
.afterchoose .location a {
    padding-left: 5px;
    font-size: 12px;
    color: #288ad6
}
.afterchoose .location a:hover {
    color: #e67e22
}
.afterchoose .location:after,
.afterchoose .location:before {
    top: 100%;
    left: 23%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.afterchoose .location:after {
    border-top-color: #f6f5f5;
    border-width: 8px;
    margin-left: -8px
}
.afterchoose .location:before {
    border-top-color: #dadada;
    border-width: 9px;
    margin-left: -9px
}
.choosemarket .choosecolor {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    padding: 10px 0
}
.choosemarket .choosecolor b {
    float: right;
    font-size: 12px;
    color: #666;
    width: 80%
}
.choosemarket .choosecolor select {
    display: block;
    padding: 8px;
    width: 50%;
    margin: 0 0 10px 57px;
    border: 1px solid #dadada;
    outline: none;
    border-radius: 4px
}
.choosemarket .choosecolor div {
    float: right;
    width: 80%;
    padding: 5px 0;
    font-size: 12px;
    color: #666;
    font-weight: 600
}
.choosemarket .choosecolor div a {
    color: #288ad6
}
.choosemarket .choosecolor div a:hover {
    color: #e67e22
}
.afterchoose .choosecolor {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    padding: 10px 0
}
.afterchoose .choosecolor b {
    float: right;
    font-size: 12px;
    color: #666;
    width: 80%
}
.afterchoose .choosecolor select {
    display: block;
    padding: 8px;
    width: 60%;
    margin: 0 0 5px 57px;
    border: 1px solid #dadada;
    outline: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
    height: 40px
}
.afterchoose .choosecolor div {
    float: right;
    width: 77%;
    padding: 5px 0 0 0;
    font-size: 12px;
    color: #666;
    font-weight: 600;
    margin-right: 10px
}
.listsieuthi color {
    text-transform: lowercase
}
.listsieuthi store {
    display: block;
    font-size: 9px;
    font-weight: normal;
    line-height: 1
}
.listsieuthi more {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4a90e2;
    position: absolute;
    top: 4px;
    margin-left: 5px;
    cursor: pointer
}
.afterchoose .choosecolor div a {
    color: #288ad6;
    font-size: 12px;
    line-height: 18px
}
.afterchoose .choosecolor div a:hover {
    color: #e67e22
}
.ship {
    display: block;
    overflow: hidden;
    padding: 10px 0
}
.ship div {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #666
}
.ship div.note {
    display: inline
}
.ship div b {
    color: #ee3338
}
.customcan {
    display: block;
    overflow: hidden;
    background: #f6f5f5;
    border: 1px solid #dadada;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    margin-top:10px;
}
.ns-box-product-detail{
    display: block;
    overflow: hidden;
    background: #f6f5f5;
    border: 1px solid #dadada;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    margin-top:10px;
    text-align: center;
}
.ns-box-product-detail a{
    color: #ee3338;
    display: block;
    font-family: arial;
    font-size: 17.5px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.ns-box-product-detail p{
    font-size: 33.4px;
    color:#ee3338;
    font-family: arial;
    display: block;
}
.customcan p {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #666;
    line-height: 18px
}
.oldproduct {
    display: block;
    padding: 10px 0 0;
    font-size: 13px;
    color: #288ad6;
    font-weight: 600
}
.oldproduct:hover {
    color: #e67e22
}
.textother {
    display: block;
    overflow: hidden;
    margin-top: 20px;
    font-size: 13px;
    color: #333;
    line-height: 20px
}
.textother a {
    display: block;
    font-size: 13px;
    color: #288ad6
}
.textother a:hover {
    color: #e67e22
}
.characteristics {
    float: left;
    width: 70.91%;
    overflow: hidden;
    position: relative;
    margin: 20px 0
}
.characteristics h4,
.characteristics h2,
.characteristics h3 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin-bottom: 10px
}
#characteristics .item {
    text-align: center
}
#characteristics .item img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
#characteristics .item p {
    text-align: left
}
#characteristics .owl-pagination {
    position: absolute;
    top: 408px;
    right: 5px
}
#characteristics .owl-buttons {
    display: none
}
#characteristics .owl-next {
    text-indent: -999999em;
    background: url(https://cdn1.tgdd.vn/v2015/Content/desktop/images/icondetail@1x.png) no-repeat;
    background-position: -30px -60px;
    width: 12px;
    height: 61px;
    margin-right: 5px
}
#characteristics .owl-prev {
    text-indent: -999999em;
    background: url(https://cdn2.tgdd.vn/v2015/Content/desktop/images/icondetail@1x.png) no-repeat;
    background-position: 0 -60px;
    width: 11px;
    height: 61px;
    margin-left: 5px
}
#characteristics:hover .owl-buttons {
    display: block;
    top: 35%
}
#characteristics .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #e5e5e5;
    border: none
}
#characteristics .owl-page.active span,
#characteristics .owl-page:hover span {
    background: #ff8400
}
#characteristics .item p {
    display: block;
    overflow: hidden;
    padding: 10px 15px;
    background: #f2f2f2;
    font-size: 15px;
    color: #666
}
.tableparameter {
    float: right;
    width: 27.274%;
    overflow: visible;
    margin: 20px 0
}
.tableparameter h4,
.tableparameter h3,
.tableparameter h2 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin-bottom: 10px
}
.parameter {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff
}
.parameter li {
    display: table;
    *display: block;
    background: #fff;
    width: 100%
}
.parameter li span {
    display: table-cell;
    *float: left;
    width: 35%;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 13px;
    color: #666
}
.parameter li div {
    display: table-cell;
    *float: left;
    width: auto;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 13px;
    color: #333
}
.parameter li div a {
    color: #288ad6
}
.parameter li div a:hover {
    color: #e67e22
}
.viewversion {
    display: block;
    overflow: hidden;
    margin-top: 10px
}
.viewversion strong {
    float: left;
    font-size: 13px;
    color: #545454;
    margin-top: 2px
}
.viewversion a {
    float: left;
    font-size: 13px;
    font-weight: 600;
    color: #2f9dde;
    margin: 2px 0 0 8px
}
.viewversion a:hover {
    text-decoration: underline
}
.viewversion span {
    float: left;
    font-size: 14px;
    color: #999;
    margin-left: 8px
}
.viewparameterfull {
    display: block;
    width: 100%;
    padding: 6px 0;
    margin: 10px 0 0;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #27baff;
    border: 1px solid #288ad6;
    border-radius: 4px
}
.viewparameterfull:hover {
    background: #27baff;
    color: #fff
}
.fixbody {
    overflow: hidden;
    left: 0;
    right: 0
}
.fixparameter {
    display: block;
    overflow: hidden;
    background: rgba(0, 0, 0, .75);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99;
    text-indent: 999999em
}
.fullparameter {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    display: none;
    padding: 0 0 0 55px
}
.fullparameter.display {
    display: block
}
.fullparameter ul {
    padding: 10px 30px 10px 30px;
    width: 450px
}
.fullparameter .scroll {
    height: 100vh;
    width: auto;
    padding: 0 30px 0 30px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff
}
.fullparameter .scroll img {
    display: block;
    margin: 0 auto;
    width: 500px;
    height: auto
}
.fullparameter .scroll h4 {
    display: block;
    font-size: 18px;
    color: #666;
    font-weight: 600;
    margin-top: 15px;
    line-height: 1.3em
}
.fullparameter .closebtn {
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    display: block;
    margin: auto;
    width: 50px;
    height: 100px;
    background: #fff;
    border-radius: 4px 0 0 4px;
    cursor: pointer
}
.fullparameter .scroll .viewarticle {
    float: left;
    padding: 8px;
    width: 200px;
    border: 1px solid #288ad6;
    border-radius: 4px;
    font-size: 13px;
    color: #288ad6;
    font-weight: 600;
    margin: 15px 0 0 30px;
    text-align: center
}
.fullparameter .scroll .viewarticle:hover {
    background: #288ad6;
    color: #fff
}
.fullparameter .scroll .closetable {
    float: left;
    padding: 8px;
    margin: 16px;
    font-size: 13px;
    color: #288ad6;
    position: relative;
    width: auto;
    height: auto
}
.fullparameter .scroll .closetable:hover {
    color: #e67e22
}
.fullparameter .scroll::-webkit-scrollbar {
    width: 9px
}
.fullparameter .scroll::-webkit-scrollbar-track {
    background: #fff;
    width: 11px;
    padding: 2px
}
.fullparameter .scroll::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}
.fullpic360 {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    display: none;
    padding: 0 0 0 55px
}
.fullpic360.display {
    display: block
}
.fullpic360 ul {
    padding: 10px 30px 10px 30px;
    width: 450px
}
.fullpic360 .scroll {
    height: 100vh;
    width: auto;
    padding: 0 30px 0 30px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff
}
.fullpic360 .scroll img {
    display: block;
    margin: 0 auto;
    width: 500px;
    height: auto
}
.fullpic360 .scroll h4 {
    display: block;
    font-size: 18px;
    color: #666;
    font-weight: 600;
    margin-top: 15px;
    line-height: 1.3em
}
.fullpic360 .closebtn {
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    display: block;
    margin: auto;
    width: 50px;
    height: 100px;
    background: #fff;
    border-radius: 4px 0 0 4px;
    cursor: pointer
}
.fullpic360 .scroll .viewarticle {
    float: left;
    padding: 8px;
    width: 200px;
    border: 1px solid #288ad6;
    border-radius: 4px;
    font-size: 13px;
    color: #288ad6;
    font-weight: 600;
    margin: 15px 0 0 30px;
    text-align: center
}
.fullpic360 .scroll .viewarticle:hover {
    background: #288ad6;
    color: #fff
}
.fullpic360 .scroll .closetable {
    float: left;
    padding: 8px;
    margin: 16px;
    font-size: 13px;
    color: #288ad6;
    position: relative;
    width: auto;
    height: auto
}
.fullpic360 .scroll .closetable:hover {
    color: #e67e22
}
.fullpic360 .scroll::-webkit-scrollbar {
    width: 9px
}
.fullpic360 .scroll::-webkit-scrollbar-track {
    background: #fff;
    width: 11px;
    padding: 2px
}
.fullpic360 .scroll::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}
.parameterfull {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff
}
.parameterfull li {
    display: table;
    *display: block;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #dadada
}
.parameterfull li label {
    display: block;
    background: #f2f2f2;
    font-size: 16px;
    font-weight: 600;
    color: #c0392b;
    padding: 8px
}
.parameterfull li span {
    display: table-cell;
    *float: left;
    width: 35%;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 13px;
    color: #666;
    font-weight: 600
}
.parameterfull li div {
    display: table-cell;
    *float: left;
    width: auto;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 13px;
    color: #666
}
.parameterfull li div a {
    color: #288ad6
}
.parameterfull li div a:hover {
    color: #e67e22
}
.boxpara {
    right: 0;
    top: 80px;
    overflow: visible
}
/*section {
    overflow: hidden
}*/
.boxpicture {
    float: right;
    overflow: hidden;
    width: 91.667%;
    max-width: 1100px;
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.boxpicture h4,
.boxpicture h3,
.boxpicture h2 {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin-bottom: 15px
}
.tabs {
    float: right;
    width: 27.274%;
    clear: both
}
.tabs li {
    display: block;
    position: relative;
    margin-bottom: 15px
}
.tabs li a {
    display: block;
    background: #e5e5e5;
    padding: 20px 10px;
    font-size: 18px;
    color: #666
}
.tabs li a span {
    width: 0;
    height: 0;
    border-right: 10px solid #fdd504;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 19px;
    left: -10px;
    display: none
}
.tabs li a:hover {
    background-color: #fdd504;
    color: #333
}
.tabs li a.active {
    background-color: #fdd504;
    color: #333
}
.tabs li a:hover span,
.tabs li a.active span {
    display: block
}
.contenttab {
    background-color: #fff;
    display: block;
    float: left;
    width: 70.91%;
    overflow: hidden;
    position: relative
}
.contenttab .listcolor {
    float: left;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 7
}
.contenttab .listcolor a {
    float: left;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 12px;
    color: #288ad6;
    border: 1px solid #288ad6;
    border-radius: 10px;
    background: #fff
}
.contenttab .listcolor a:hover,
.contenttab .listcolor a.currentcolor {
    background: #288ad6;
    color: #fff
}
.contenttab .btnfullscreen {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: rgba(22, 22, 22, .36)
}
#cameraback,
#takepicture,
#xoay360do {
    display: none
}
.mediabox {
    float: left;
    overflow: hidden;
    width: 70.91%
}
.mediabox h4,
.mediabox h3,
.mediabox h2 {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin: 10px 0 15px
}
.boxmebia {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
.boxmebia li {
    float: left;
    position: relative;
    width: 32.053%;
    height: 130px;
    cursor: pointer;
}
.boxmebia li img {
    width: 100%
}
.boxmebia li a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}
.boxmebia li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.boxmebia li a .yes {
    width: 100%;
    height: 100%
}
.boxmebia li h6 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    font-size: 20px;
    line-height: 1.3em;
    color: #999
}
.boxmebia li h5 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    font-size: 20px;
    line-height: 1.3em;
    color: #fff;
    background: rgba(0, 0, 0, .75);
    background-color: #333;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, .75)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75))
}
.boxmebia li img {
    width: 100%;
    height: auto
}
.boxmebia li.first_li {
    margin-right: 10px;
    width: 100%;
    height: 485px
}
.boxmebia li.first_li img {
    height: 100%;
    width: auto
}
.boxmebia li.second_li {
    margin-bottom: 10px;
    height: 237px;
    background: #e5e5e5
}
.boxmebia li.second_li h5 {
    padding: 12px
}
.boxmebia li.second_li img {
    max-height: 130%;
    width: auto
}
.boxmebia li.third_li {
    background: #e5e5e5
}
.boxmebia li.third_li h5 {
    padding: 12px
}
.boxmebia li.third_li img {
    height: 130px
}
.boxmebia li.fourth_li {
    margin-top: 10px;
    margin-right: 10px;
    width: 250px;
    background: #e5e5e5
}
.boxmebia li.fourth_li h5 {
    padding: 12px
}
.boxmebia li.fourth_li img {
    height: auto
}
.boxmebia li.fifth_li {
    margin-top: 10px;
    margin-right: 10px;
    width: 32.308%;
    background: #e5e5e5
}
.boxmebia li.fifth_li h5 {
    padding: 12px
}
.boxmebia li.fifth_li img {
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.boxmebia li.sixth_li {
    margin-top: 10px;
    background: #e5e5e5
}
.boxmebia li.sixth_li h5 {
    padding: 12px
}
.boxmebia li.sixth_li img {}.userpost {
    float: right;
    width: 27.274%
}
.userpost .empty .donggop {
    color: #288ad6;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #288ad6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    position: relative;
    text-align: center
}
.userpost .empty a {
    color: #288ad6
}
.userpost .empty p {
    font-weight: 600;
    padding-bottom: 10px
}
.full {
    display: block;
    overflow: hidden
}
.full h4 {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin: 10px 0 15px
}
.full input {
    display: block;
    padding: 8px 2%;
    margin-bottom: 5px;
    border: 1px solid #dadada;
    border-radius: 4px;
    width: 95%
}
.full .pagi {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    font-weight: 600;
    text-align: center
}
.full .pagi a {
    display: inline-block;
    margin-left: 30px;
    color: #288ad6
}
.full .pagi a:hover {
    text-decoration: underline
}
.full button {
    display: block;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    color: #288ad6;
    font-weight: 600;
    border: 1px solid #288ad6;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    width: 99%;
    margin: 10px auto
}
.full button:hover {
    color: #fff;
    background: #288ad6
}
.tabpost {
    display: block;
    overflow: hidden
}
.tabpost li {
    float: left;
    position: relative;
    margin-bottom: 15px
}
.tabpost li a {
    display: block;
    background: #fff;
    padding: 10px;
    font-size: 14px;
    color: #288ad6;
    border-bottom: 1px solid #fff;
    font-weight: 600
}
.tabpost li a span {
    display: none
}
.tabpost li a span:after,
.tabpost li a span:before {
    top: 97%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.tabpost li a span:after {
    border-top-color: #fff;
    border-width: 9px;
    margin-left: -9px
}
.tabpost li a span:before {
    border-top-color: #dadada;
    border-width: 10px;
    margin-left: -10px
}
.tabpost li a:hover {
    color: #333
}
.tabpost li a.selected {
    background-color: #fff;
    font-weight: normal;
    border-bottom: 1px solid #dadada
}
.tabpost li a.selected span {
    display: block
}
.contpost {
    background-color: #fff;
    display: block;
    overflow: hidden
}
.contpost li {
    display: block;
    overflow: hidden;
    margin-bottom: 20px
}
.contpost li a {
    vertical-align: top;
    overflow: hidden;
    color: #288ad6;
    font-size: 12px
}
.contpost li a:hover {
    text-decoration: underline
}
.contpost li img {
    float: left;
    width: 75px;
    height: 50px;
    margin-right: 10px
}
.contpost li .user {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    font-size: 12px;
    color: #666
}
.contpost li div {
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #6e6e6e;
    line-height: 18px
}
.contpost li span {
    font-size: 12px;
    color: #b3b3b3;
    display: inline-block;
    margin-right: 6px
}
.contpost li a.baoloi {
    color: #b3b3b3
}
#latest {
    display: none
}
.empty {
    display: block;
    overflow: hidden
}
.empty h4 {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin: 10px 0 15px
}
.empty img {
    margin-top: 50px
}
.textreport {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px
}
.textreport strong {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #000;
    line-height: 1.3em;
    margin-bottom: 10px
}
.textreport span {
    display: inline;
    font-size: 13px;
    color: #666;
    line-height: 1.3em
}
.empty ul {
    display: block;
    overflow: hidden
}
.empty li {
    display: block;
    overflow: hidden;
    background: #ebf5fb;
    border: 1px solid #aed9f4;
    padding: 10px 5px;
    margin-bottom: 15px;
    border-radius: 8px
}
.empty li div {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #666;
    line-height: 1.3em;
    margin-bottom: 10px
}
.empty li button {
    float: left;
    padding: 6px 10px;
    border: 1px solid #aed9f4;
    background: #ebf5fb;
    border-radius: 4px;
    font-size: 13px;
    color: #288ad6;
    margin-right: 10px
}
.empty li button:hover {
    background: #288ad6;
    color: #fff;
    cursor: pointer
}
.empty li span {
    display: block;
    font-size: 13px;
    color: #999;
    padding: 5px
}
.empty li input {
    padding: 8px 0;
    text-indent: 10px;
    border: 1px solid #dadada;
    border-radius: 4px;
    width: 75%;
    float: right;
    margin-right: 10px
}
#sync1 {
    display: block;
    overflow: hidden;
    margin-bottom: 0
}
#sync1 .item {
    background: #fff;
    position: relative;
    text-align: center
}
#sync1 .item img {
    height: auto !important;
    max-height: 500px;
    width: auto !important;
    max-width: 100%;
    display: block !important;
    margin: 0 auto
}
#sync1 .owl-buttons {
    display: none
}
#sync1:hover .owl-buttons {
    display: block
}
#sync1 .owl-prev {
    text-indent: 999999px;
    background: url(https://cdn3.tgdd.vn/v2015/Content/desktop/images/icondetail@2x.png) no-repeat;
    background-size: 420px 240px;
    background-position: -98px -60px;
    width: 30px;
    height: 60px;
    padding: 0;
    margin: 0
}
#sync1 .owl-next {
    text-indent: 999999px;
    background: url(../../static/css/images/icondetail@2x.png) no-repeat;
    background-size: 420px 240px;
    background-position: -65px -60px;
    width: 30px;
    height: 60px;
    padding: 0;
    margin: 0
}
#sync1 .item .caption {
    display: block;
    overflow: hidden;
    padding: 10px 10px 10px 20px;
    background: #f2f2f2;
    font-size: 15px;
    color: #fff;
    text-align: center;
    color: #666
}
#sync1 .item .caption a {
    cursor: default
}
#sync1 .item .caption a img {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    margin: -2px 5px 0 0
}
#sync1 .item .caption a h5 {
    font-size: 13px;
    color: #fdd504;
    display: inline-block;
    margin-right: 5px
}
#sync1 .item .caption .fb {
    float: right
}
.wrap_sync2 {
    width: 93%;
    display: block;
    margin: auto;
    padding: 0 30px;
    background: #f2f2f2;
    position: relative;
    top: -5px
}
#sync2 {
    padding: 5px 0
}
#sync2 .item {
    border: 1px solid transparent;
    margin-right: 3px;
    opacity: .6;
    cursor: pointer;
    overflow: hidden;
    text-align: center
}
#sync2 .item img {
    width: auto;
    height: 48px;
    display: block !important;
    margin: 0 auto
}
#sync2 .synced .item {
    border: 1px solid #666;
    opacity: 1
}
#sync2 .owl-buttons {
    top: 0
}
#sync2 .owl-prev {
    border-radius: 0;
    padding-top: 20px;
    margin-left: -30px;
    background: none;
    color: #666
}
#sync2 .owl-next {
    border-radius: 0;
    padding-top: 20px;
    margin-right: -28px;
    background: none;
    color: #666
}
.boxnews {
    float: right;
    overflow: hidden;
    width: 91.667%;
    max-width: 1100px;
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}
.boxnews h4,
.boxnews h2 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin-top: 10px
}
.boxnews .viewall {
    float: right;
    font-size: 12px;
    color: #288ad6;
    font-weight: 600;
    margin-bottom: 15px
}
.boxnews .viewall:hover {
    text-decoration: underline
}
.boxnews ul {
    display: block;
    overflow: hidden;
    margin: 20px 0 0 0
}
.boxnews li {
    float: left;
    width: 30%;
    overflow: hidden;
    margin: 0 5px 0 0;
    padding: 10px 0
}
.boxnews li:first-child {
    background-color: #fef3a8;
    border: 1px solid #fce86a;
    margin-right: 5%;
    padding: 10px 5px
}
.boxnews li:first-child span {
    color: #288ad6
}
.boxnews li a {
    display: block;
    overflow: hidden
}
.boxnews li img {
    float: left;
    width: 75px;
    height: 50px;
    margin-right: 10px
}
.boxnews li h3 {
    display: block;
    font-size: 13.5px;
    color: #333;
    margin-top: 0
}
.boxnews li span {
    float: left;
    font-size: 12px;
    color: #666;
    margin-right: 5px
}
.boxnews li label {
    display: block;
    font-size: 12px;
    color: #999
}
.boxaccess {
    float: right;
    overflow: hidden;
    width: 91.667%;
    max-width: 1100px;
    background: #fff;
    padding-bottom: 10px
}
.boxaccess h4,
.boxaccess h3,
.boxaccess h2 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin: 10px 0
}
.boxaccess .optview {
    display: block;
    overflow: hidden;
    margin: 15px 0
}
.boxaccess .optview a {
    float: left;
    margin-right: 5px;
    background: #fff;
    font-size: 12px;
    color: #288ad6;
    padding: 0 8px;
    white-space: nowrap;
    border: 1px solid #288ad6;
    border-radius: 10px
}
.boxaccess .optview a:hover,
.boxaccess .optview a.currentopt {
    background: #288ad6;
    color: #fff
}
#access .owl-pagination {
    display: none
}
#access .item {
    background: #fff;
    margin: 0 5px 0 0;
    color: #333;
    overflow: hidden
}
#access .item a {
    display: block;
    overflow: hidden
}
#access .item a img {
    display: block;
    width: 260px;
    margin: 0 auto 10px
}
#access .item a h3 {
    display: block;
    margin: 0 auto;
    width: 95%;
    line-height: 1.3em;
    font-size: 14px;
    color: #333
}
#access .item a .color {
    display: block;
    overflow: hidden;
    padding: 5px 0 5px 5px
}
#access .item a .color sub {
    float: left;
    font-size: 13px;
    color: #666
}
#access .item a .color label {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #333;
    margin: 4px 0 0 5px
}
#access .item a strong {
    float: left;
    font-size: 13px;
    color: #d0021b;
    margin-right: 10px;
    padding-left: 5px
}
#access .item a span {
    display: block;
    font-size: 12px;
    color: #999;
    float: left;
    margin-right: 3px
}
#access .item .together {
    display: block;
    overflow: hidden;
    margin: 5px 0 10px 5px
}
#access .item .together div {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #333;
    padding-left: 5px;
    margin-top: 4px
}
#access .item .together div strong {
    color: #d0021b
}
#access .owl-buttons {
    top: 26%;
    display: none
}
#access .owl-prev {
    text-indent: -999999em;
    background: url(https://cdn.tgdd.vn/v2015/Content/desktop/images/icondetail@1x.png) no-repeat;
    background-position: 0 -60px;
    width: 11px;
    height: 61px;
    margin-left: 5px
}
#access .owl-next {
    text-indent: -999999em;
    background: url(https://cdn1.tgdd.vn/v2015/Content/desktop/images/icondetail@1x.png) no-repeat;
    background-position: -30px -60px;
    width: 12px;
    height: 61px;
    margin-right: 9px
}
#access:hover .owl-buttons {
    display: block
}
.downprice {
    display: inline-block;
    background: #fff21b;
    font-size: 13px;
    color: #1a1a1a;
    margin: 20px 0;
    padding: 2px 5px
}
.checkagain {
    display: block;
    display: table;
    overflow: hidden;
    /*    border: 1px solid #dadada;*/
    /*    background: #f6f5f5*/
}
.checkagain li {
    float: left;
    display: table-cell;
    vertical-align: top;
    width: 33.32%;
    overflow: hidden;
    /*    border-right: 1px solid #dadada*/
}
.checkagain li:last-child {
    border: 0
}
.checkagain li .checking {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    padding: 15px 18px 10px
}
.checkagain li select {
    display: block;
    padding: 8px;
    width: 90%;
    margin: 0 auto 10px;
    border: 1px solid #dadada;
    outline: none;
    line-height: 20px;
    height: 40px
}
.checkagain li .selectcolor .checkagain li {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #999;
    font-weight: 600;
    width: 90%;
    margin: 0 auto 10px
}
.checkagain li a{
    font-size: 13px;
    color: #288ad6;
    margin-bottom: 8px
}
.checkagain li a:hover {
    text-decoration: underline
}
.checkagain li .totalmoney {
    display: block;
    overflow: hidden;
    font-size: 18px;
    color: #999;
    line-height: 30px;
    padding: 15px 10px 0 15px
}
.checkagain li .totalmoney strong {
    font-size: 22px;
    color: #d0021b
}
.checkagain li .infopromotion {
    display: block;
    font-size: 14px;
    color: #d0021b;
    padding-left: 15px
}
.checkagain li .infopromotion a {
    color: #2f9dde;
    text-decoration: underline
}
.checkagain li .choosecolor {
    display: block;
    overflow: hidden;
    border-bottom: none;
    padding: 10px 0
}
.checkagain li .choosecolor b {
    float: left
}
.checkagain li .viewnear {
    padding-left: 55px
}
.checkagain li .icondetail-per {
    float: left
}
.checkagain li .choosecolor div {
    float: left;
    padding: 5px 0 0 55px;
    margin: 0;
    width: 80%
}
.checkagain li .customcan {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: 0;
    border-top: 1px solid #dadada
}
.checkagain li .location {
    display: block;
    overflow: hidden
}
.checkagain li .textlocation {
    display: block;
    color: #e67e22;
    font-size: 12px;
    margin-right: 10px
}
.checkagain li .location a {
    padding: 6px 0;
    font-size: 12px;
    color: #288ad6
}
.checkagain li .location a:hover {
    text-decoration: underline
}
.checkagain l .icondetail-location {
    margin: 5px 16px
}
.checkagain li .buynow {
    display: block;
    margin: 15px auto 15px;
    padding: 9px 0;
    width: 92%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #d97f00;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #f89406;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f76b1c), to(#f89406));
    background: -webkit-linear-gradient(top, #f89406, #f76b1c);
    background: -moz-linear-gradient(top, #f89406, #f76b1c);
    background: -ms-linear-gradient(top, #f89406, #f76b1c);
    background: -o-linear-gradient(top, #f89406, #f76b1c)
}
.checkagain li .buynow:hover {
    cursor: pointer;
    background: #ef8d02;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f05e0b), to(#ef8d02));
    background: -webkit-linear-gradient(top, #ef8d02, #f05e0b);
    background: -moz-linear-gradient(top, #ef8d02, #f05e0b);
    background: -ms-linear-gradient(top, #ef8d02, #f05e0b);
    background: -o-linear-gradient(top, #ef8d02, #f05e0b)
}
.buynow span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    font-weight: 300
}
.checkagain li .buyinstall {
    display: block;
    margin: 0 auto 15px;
    padding: 9px 0;
    width: 92%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #288ad6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #288ad6
}
.checkagain li .buyinstall:hover {
    background: #137bcc;
    border: 1px solid #137bcc;
    cursor: pointer
}
.checkagain li .buyinstall span {
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    font-weight: 300
}
.checkagain li .buycall {
    display: block;
    padding: 9px 0;
    text-align: center;
    font-size: 13px;
    color: #333
}
.boxcompare {
    float: right;
    overflow: hidden;
    width: 91.667%;
    max-width: 1100px;
    background: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}
.boxcompare h4,
.boxcompare h3,
.boxcompare h2 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #666;
    margin: 10px 0 15px
}
.listcompare {
    display: block;
    overflow: hidden;
    margin: 15px auto;
    max-width: 1200px;
    width: 100%
}
.listcompare li {
    float: left;
    position: relative;
    width: 23.65%;
    margin-right: 0.5%;
    padding: 10px 0;
    height: 268px;
    overflow: hidden;
    border: 1px solid #ececec
}
.listcompare li:last-child {
    float: right;
    margin-right: 0
}
.listcompare li a {
    display: block;
    overflow: hidden;
    cursor: pointer
}
.listcompare li a:hover h3 {
    color: #288ad6
}
.listcompare li img {
    float: left;
    height: 60px;
    margin: 0 10px;
    width: 75px;
}
.listcompare li a span{
    float: left;
    height: 60px;
    margin: 0 10px;
    width: 75px;
}
.listcompare li h3 {
    line-height: 1.3em;
    font-size: 15px;
    color: #333;
    margin: 0 10px 5px;
    overflow: hidden;
    float: right;
    width: 55%
}
.listcompare li:hover h3 {
    color: #288ad6
}
.listcompare li strong {
    float: left;
    font-size: 14px;
    color: #d0021b;
    margin: 0 9px 5px
}
.listcompare li span {
    display: block;
    font-size: 14px;
    color: #797979;
    /*    text-decoration: line-through;*/
    margin-bottom: 5px
}
/*.listcompare li div {
        display: block;
    font-size: 13px;
    color: #797979;
    margin: 0 9px;
    clear: both
}*/

.listcompare li div {
    clear: both;
    color: #797979;
    font-size: 13px;
    margin: 10px;
    width: 92%;
}
.listcompare li div b {
    color: #333
}
.listcompare li p {
    font-size: 12px;
    color: #666;
    display: block;
    margin-left: 9px
}
.listcompare li p strong {
    font-size: 14px;
    color: #d0021b;
    margin: 0 9px 5px;
    float: none
}
.listcompare li button {
    display: block;
    position: absolute;
    right: 10px;
    top: 63%;
    z-index: 10;
    cursor: pointer;
    background: #fff;
    border: 1px solid #288ad6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 6px 10px;
    font-size: 14px;
    color: #288ad6
}
.listcompare li button:hover {
    color: #666;
    border-color: #ccc
}
.listcompare li label {
    padding: 5px 0;
    margin-left: 10px;
    font-size: 12px;
    color: #999;
    line-height: 1.3em;
    position: absolute;
    bottom: 0
}
.listcompare li .bginfo {
    color: #666;
    display: block;
    font-size: 12px;
    height: 145px;
    margin-left: 13px;
    margin-top: 15px;
    overflow: hidden;
}
.listcompare li .bginfo div {
    padding: 0 0 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px
}
.listcompare li .bginfo button {
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10;
    cursor: pointer;
    background: #fff;
    border: 1px solid #288ad6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 6px 10px;
    font-size: 14px;
    color: #288ad6
}
.listcompare li .bginfo button:hover {
    color: #666;
    border-color: #ccc
}
.listcompare li .bginfo h3 {
    color: #288ad6;
    margin: 5px 10px 5px
}
.listcompare li .bginfo h3:hover {
    cursor: pointer;
    color: #555
}
.listcompare li .bginfo span {
    display: block;
    color: #666;
    padding: 0 6px;
    text-decoration: none;
    margin: 0 0 0 5px;
    font-size: 13px;
    line-height: 21px
}
.listcompare li .bginfo strong {
    display: block;
    float: none;
    font-size: 13px;
    color: #d0021b
}
.listcompare li .viewdetail {
    float: left;
    margin: 5px 5px 5px 10px;
    padding: 6px 10px;
    border: 1px ;
    background: #27baff;
    font-size: 13px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}
.listcompare li .viewdetail:hover {
    background: #288ad6;
    color: #fff
}
.listcompare li .compare {
    float: left;
    font-size: 12px;
    color: #288ad6;
    padding: 12px 8px
}
.listcompare li .compare:hover {
    color: #333
}
.listcompare li .viewed {
    display: block;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #27baff
}
.listcompare li:first-child {
    background: #fffeef;
    border: 1px solid #fffeef
}
.addsearch {
    display: block;
    width: 75%;
    padding: 8px 10px;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    margin: 50px auto 30px
}
[class^="icondetail-"],
[class*="icondetail-"] {
    background-image: url(https://cdn2.tgdd.vn/v2015/Content/desktop/images/icondetail@1x.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle
}
.icondetail-parameter {
    background-position: 0 0;
    width: 20px;
    height: 20px;
    display: block;
    margin: 8px auto 6px
}
.icondetail-pictures {
    background-position: -25px 0;
    width: 23px;
    height: 23px;
    display: block;
    margin: 8px auto 3px
}
.icondetail-accessories {
    background-position: -50px 0;
    width: 21px;
    height: 21px;
    display: block;
    margin: 8px auto 3px
}
.icondetail-compare {
    background-position: -365px -100px;
    width: 41px;
    height: 21px;
    display: block;
    margin: 8px auto 3px
}
.icondetail-comment {
    background-position: -75px 0;
    width: 21px;
    height: 22px;
    display: block;
    margin: 8px auto 3px
}
.stickybar li.actbox .icondetail-parameter,
.stickybar li:hover .icondetail-parameter {
    background-position: 0 -25px
}
.stickybar li.actbox .icondetail-pictures,
.stickybar li:hover .icondetail-pictures {
    background-position: -25px -25px
}
.stickybar li.actbox .icondetail-accessories,
.stickybar li:hover .icondetail-accessories {
    background-position: -50px -25px
}
.stickybar li.actbox .icondetail-compare,
.stickybar li:hover .icondetail-compare {
    background-position: -365px -125px
}
.stickybar li.actbox .icondetail-comment,
.stickybar li:hover .icondetail-comment {
    background-position: -75px -25px
}
.icondetail-camera {
    background-position: -130px -30px;
    width: 15px;
    height: 13px;
    margin-left: 5px
}
.icondetail-win {
    background-position: -390px -60px;
    width: 23px;
    height: 17px;
    margin-right: 5px
}
.icondetail-icloud {
    background-position: -364px -60px;
    width: 24px;
    height: 17px;
    margin-right: 5px;
    position: relative;
    top: -2px
}
.icondetail-apple {
    background-position: -364px -80px;
    width: 15px;
    height: 17px;
    margin-right: 10px;
    margin-left: 5px;
    position: relative;
    top: -4px
}
.icondetail-check {
    background-position: -100px -30px;
    width: 13px;
    height: 13px;
    margin-right: 8px
}
.icondetail-gift {
    background-position: -280px -60px;
    width: 84px;
    height: 84px;
    position: absolute;
    top: 12px;
    right: -27px
}
.icondetail-handmoney {
    background-position: -100px 0;
    width: 36px;
    height: 30px;
    float: left;
    margin-right: 10px
}
.icondetail-location {
    background-position: -140px 0;
    width: 16px;
    height: 24px;
    float: left;
    margin: 5px 20px
}
.icondetail-per {
    background-position: -159px 0;
    width: 27px;
    height: 27px;
    margin: 0 14px;
    float: left
}
.icondetail-ship {
    background-position: -190px 0;
    width: 33px;
    height: 29px;
    float: left;
    margin: 2px 12px 10px
}
.icondetail-uncheck {
    background-position: -150px -35px;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 3px
}
.icondetail-checked {
    background-position: -175px -35px;
    width: 21px;
    height: 20px;
    float: left;
    margin-top: 3px
}
.icondetail-mobile {
    background-position: 0 -140px;
    width: 52px;
    height: 88px;
    display: block;
    margin: 60px auto auto;
}
.icondetail-laptop {
    background-position: -55px -140px;
    width: 110px;
    height: 60px;
    display: block;
    margin: auto
}
.icondetail-closepara {
    background-position: -240px -59px;
    float: right;
    /*    width: 34px;
        height: 48px;
        display: block;
        margin: 30px auto 0*/
}
.icondetail-fullscreen {
    background-position: -135px -60px;
    width: 20px;
    height: 20px;
    display: block;
    margin: 10px auto 0
}
.icondetail-selfie {
    background-position: -170px -160px;
    width: 70px;
    height: 63px;
    display: block;
    margin: 100px auto 50px
}
.icondetail-sendpicture {
    background-position: -275px -160px;
    width: 22px;
    height: 40px;
    display: block;
    margin: 15px auto
}
.icondetail-sendvideo {
    background-position: -245px -160px;
    width: 27px;
    height: 36px;
    display: block;
    margin: 20px auto
}
.icondetail-takedisplay {
    background-position: -300px -160px;
    width: 34px;
    height: 30px;
    display: block;
    margin: 20px auto
}
.icondetail-rotate {
    background-position: -340px -160px;
    width: 40px;
    height: 35px;
    display: block;
    margin: 20px auto
}
.icondetail-arrdown {
    background-position: -225px 0;
    width: 20px;
    height: 32px;
    position: absolute;
    top: 20px;
    right: 1px
}
.icondetail-selfieblue {
    background-position: -250px 0;
    width: 42px;
    height: 38px;
    float: left;
    margin: 10px 15px
}
.icondetail-takepicture {
    background-position: -295px 0;
    width: 26px;
    height: 46px;
    float: left;
    margin: 2px 15px 15px
}
.icondetail-takedesign {
    background-position: -325px 0;
    width: 52px;
    height: 49px;
    float: left;
    margin: 2px 15px
}
.shipstatus {
    display: none
}
.icondetail-sendvideoright {
    background-position: -380px 0;
    width: 28px;
    height: 36px;
    float: left;
    margin: 2px 15px
}
#topdetail {
    margin-top: 60px
}
#topdetail section {
    margin-top: 30px
}
.wrapbread {
    background: #fff;
    display: block
}
.wrapbread .breadcrumb {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: block
}
.wrapbread .rowtop {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: block
}
#contentdetail {
    margin-top: 0
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    [class^="icondetail-"],
    [class*="icondetail-"] {
        background-image: url(https://cdn3.tgdd.vn/v2015/Content/desktop/images/icondetail@2x.png);
        background-size: 420px 240px
    }
}
@media screen and (max-width: 1200px) {
    section {
        width: 99%
    }
    .stickybar {
        display: none
    }
    .boxright {
        float: none;
        display: block;
        max-width: 1024px;
        width: 100%;
        overflow: hidden
    }
    .boxnews {
        float: none;
        display: block;
        max-width: 1024px;
        width: 100%
    }
    .boxaccess {
        float: none;
        display: block;
        max-width: 1024px;
        width: 100%
    }
    .boxcompare {
        float: none;
        display: block;
        max-width: 1024px;
        width: 100%
    }
    .boxpicture {
        float: none;
        display: block;
        max-width: 1024px;
        width: 100%
    }
    .picture {
        width: 36%
    }
    .price_sale {
        width: 34%
    }
    .choosemarket {
        width: 28%
    }
    #characteristics .owl-pagination {
        top: 355px
    }
    .characteristics {
        width: 67.078%
    }
    .tableparameter {
        width: 31%
    }
    .checkagain li .buycall {
        margin: auto
    }
    .checkagain li .location a {
        margin-left: 55px
    }
    .listcompare li h3 {
        width: 52%
    }
}
.picture .viewcolor a {
    padding: 0 10px
}
.infocomes strong {
    display: inline
}
.listsieuthi store {
    display: block
}
.listsieuthi b {
    float: none !important
}
.sggProd form {
    display: block;
    position: relative
}
.sggProd .search-suggestion-wrapper {
    position: absolute;
    margin-left: 60px;
    margin-top: 2px
}
.sggProd .search-suggestion-wrapper .search-suggestion-list {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: -117px;
    left: -59px;
    width: 251px;
    z-index: 1000
}
.sggProd .search-suggestion-wrapper .search-suggestion-list li {
    height: 30px;
    margin: 0!important;
    padding: 0!important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block !important;
    width: 250px
}
.sggProd .search-suggestion-wrapper .search-suggestion-list a {
    color: #333
}
.sggProd .search-suggestion-wrapper .search-suggestion-list li.selected,
.sggProd .search-suggestion-wrapper .search-suggestion-list li:hover {
    background-color: #2889d6;
    color: #fff
}
.sggProd .search-suggestion-wrapper .search-suggestion-list li a {
    display: inline-block;
    width: 100%;
    padding-left: 5px;
    vertical-align: -webkit-baseline-middle
}
.sggProd .search-suggestion-wrapper .search-suggestion-list li:hover a,
.sggProd .search-suggestion-wrapper .search-suggestion-list li.selected a {
    color: #fff;
    vertical-align: -webkit-baseline-middle
}
.lstcolor {
    display: inline-block
}
.lstcolor li {
    height: 8px;
    width: 8px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    float: left;
    margin-right: 5px;
    border: 1px solid #ccc
}
.wrap_end {
    float: right;
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding-bottom: 10px;
    max-width: 1100px
}
.wrap_end.wrapNotSell {
    width: 100%;
    max-width: 1200px;
    display: block;
    float: none;
    margin: 0 auto
}
.wrap_end h4 {
    display: block;
    font-size: 24px;
    color: #333;
    line-height: 1.3em;
    margin-bottom: 12px
}
.question {
    float: right;
    width: 29%;
    overflow: hidden;
    background: #fff
}
.question h5,
.question h4 {
    display: block;
    padding: 8px;
    font-size: 19px;
    color: #606664;
    line-height: 1.3em
}
.question label {
    display: block;
    border-bottom: 1px solid #dedede;
    padding: 20px 10px;
    font-size: 13px;
    color: #333
}
.question label>p {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #999;
    margin-top: 20px
}
.question label b {
    float: left;
    width: 20px;
    height: 17px;
    padding: 3px 1px;
    text-align: center;
    background: #fdd504;
    font-size: 16px;
    color: #333;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin: 0 8px 0 0
}
.question label select {
    padding: 2px 4px;
    color: #888;
    font-size: 13px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #dedede;
    outline: none
}
.question a {
    display: block;
    padding: 10px;
    overflow: hidden
}
.question a:hover h3 {
    text-decoration: underline
}
.question a h3 {
    display: block;
    font-size: 13px;
    color: #666;
    line-height: 1.3em
}
.question a span {
    display: inline-block;
    font-size: 12px;
    color: #999
}
.question a span.view {
    color: #4a90e2;
    margin-left: 4px
}
.question a span.dot {
    font-size: 9px
}
.question a.viewother {
    display: block;
    text-align: right;
    color: #4a90e2;
    font-size: 13px
}
.question a.viewother:hover {
    text-decoration: underline
}
.left_comment {
    float: left;
    width: 70%
}
.question .sendquestion {
    display: block;
    overflow: hidden;
    margin: 10px;
    position: relative
}
.question .sendquestion input {
    display: block;
    padding: 6px 0;
    width: 100%;
    border: 1px solid #dedede;
    text-indent: 10px;
    font-size: 13px;
    color: #999
}
.question .sendquestion button {
    position: absolute;
    top: 0;
    right: 0;
    background: #cecece;
    font-size: 16px;
    color: #929292;
    text-transform: uppercase;
    padding: 9px 12px 4px;
    border: 0;
    font-weight: 700;
    cursor: pointer
}
.newsrlt {
    float: right;
    width: 29%;
    overflow: hidden;
    background: #fff;
    margin-top: 10px;
    position: relative
}
.newsrlt h5 {
    display: block;
    padding: 8px;
    font-size: 19px;
    color: #606664;
    line-height: 1.3em
}
.newsrlt ul {
    display: block;
    overflow: hidden;
    clear: both;
    margin: -1px 0 20px
}
.newsrlt li {
    display: block;
    overflow: hidden;
    padding-left: 10px
}
.newsrlt .boxnews li {
    float: none;
    padding: 0;
    width: 100%
}
.newsrlt .boxnews li:first-child {
    padding: 10px 5px
}
.newsrlt .boxnews h2 {
    margin-bottom: 10px
}
.newsrlt li a {
    display: block;
    overflow: hidden;
    padding: 10px 0
}
.newsrlt li a img {
    float: left;
    width: 100px;
    height: 60px;
    margin: 3px 10px 10px 0
}
.newsrlt li a h3 {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 1.3em
}
.newsrlt li a span {
    display: block;
    font-size: 12px;
    color: #999
}
#access .item a .color {
    display: block
}
.wrapNotSell {
    float: left;
    margin-top: 18px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}
#sync1 .item img {}#sync1 .item img.OSphone {
    max-width: 290px;
    display: block;
    margin: 0 auto
}
#sync2 .item img.OSphone {
    max-width: 30px;
    display: block;
    margin: 0 auto;
    background-color: #fff
}
#tgdd360-designGallery {
    text-align: center
}
#tgdd360-designGallery div {}#spintgdd {
    margin: 0 auto
}
.item .video {
    width: 100%;
    max-height: 500px;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter:  DXImageTransform.Microsoft.Blur(PixelRadius='3')
}
.play_btn {
    border: 2px solid rgba(0, 0, 0, .7);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    background: rgba(22, 22, 22, .36);
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    position: absolute
}
.play_btn:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2)
}
.play_btn:hover .play_button {
    border-left: 10px solid rgba(0, 0, 0, .5)
}
.play_btn:active,
.play_btn:focus,
.play_button:hover {
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2)
}
.play_button {
    position: relative;
    top: 10px;
    left: 40%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(0, 0, 0, .8)
}
.lstallgalary {
    color: #fff;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 9;
    width: 150px;
    height: 40px;
    cursor: pointer;
    padding: 10px
}
.lstallgalary span {
    color: #ccc
}
.lstallgalary ul {
    color: #ccc;
    position: absolute;
    top: 30px;
    left: -5px;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .7);
    border: solid 1px #4e4c4c;
    border-top: none
}
.lstallgalary ul li {
    padding: 7px 10px;
    color: #fff;
    font-size: 13px
}
.lstallgalary ul li:hover {
    background: #c5c5c5;
    color: #000
}
.lstallgalary:hover ul {
    visibility: visible
}
.icondetail-uncheck {
    cursor: pointer
}
.tabrating {
    display: block;
    height: 38px;
    border: 1px solid #288ad6;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 15px
}
.tabrating li {
    float: left;
    width: 50%
}
.tabrating li a {
    display: block;
    padding: 11px 0;
    text-align: center;
    font-size: 13px;
    color: #288ad6;
    position: relative;
    text-decoration: none
}
.tabrating li a span {
    width: 0;
    height: 0;
    border-top: 8px solid #288ad6;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    display: none;
    margin: auto
}
.tabrating li a.active {
    background: #288ad6;
    color: #fff;
    margin-left: -40px
}
.tabrating li a.active span {
    display: block
}
.wrap_loginpost .asideleft a {
    overflow: hidden;
    margin-right: 2px
}
#sync2 .owl-item.loading {
    display: none
}
.qcpLT {
    margin-bottom: 26px
}
@media screen and (max-width: 1200px) {
    .wrap_end {
        max-width: 1024px;
        float: none
    }
}
.close_wrap_cart {
    display: block;
    overflow: hidden;
    width: 440px;
    padding: 20px 20px 0 20px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    color: #666;
    z-index: 99999
}
.close_wrap_cart h4 {
    display: block;
    padding: 8px 0;
    font-size: 24px;
    color: #666
}
.close_wrap_cart .asideright {
    float: none;
    width: 100%;
    overflow: auto
}
.close_wrap_cart .asideright .listsieuthi {
    max-height: none;
    width: 100%
}
.close_wrap_cart .asideright .listsieuthi textarea {
    padding: 5px
}
.close_wrap_cart .asideright .action {
    width: 60%;
    padding: 10px 20%;
    float: left
}
.close_wrap_cart .asideright .visamaster {
    padding: 6px 15px
}
.wrap_cart {
    display: block;
    overflow: hidden;
    width: 700px;
    padding: 20px 20px 0 20px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    color: #666;
    z-index: 99999
}
.wrap_cart .cart_footer {
    background: #f3f3f3;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 10px 20px;
    margin-left: -20px;
    width: 100%;
    float: left;
    line-height: 25px;
    margin-top: 10px
}
.closepopup {
    position: absolute;
    z-index: 999;
    top: 10px;
    right: 10px;
    font-size: 14px;
    width: 23px;
    height: 20px;
    padding-top: 2px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #929292;
    color: #929292;
    text-align: center;
    cursor: pointer;
    background: #fff
}
.asideleft {
    float: left;
    width: 280px;
    overflow: hidden;
    position: relative
}
.asideleft img {
    display: block;
    margin: 0 auto 10px;
    max-width: 250px;
    max-height: 160px
}
.asideleft h3 {
    font-size: 14px;
    color: #333;
    font-weight: 100;
    padding: 6px 0;
    line-height: 1.3;
    display: block
}
.asideleft .pricesale {
    float: left;
    font-size: 18px;
    color: #f59123;
    margin-right: 16px
}
.asideleft .priceline {
    display: block;
    font-size: 14px;
    color: #888;
    text-decoration: line-through
}
.asideleft .infopromotion {
    display: block;
    padding: 6px 0;
    font-size: 12px;
    color: #666;
    font-weight: 500
}
.listacces {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #666
}
.listacces span {
    display: block;
    padding: 6px 0
}
.listacces h3 {
    float: left;
    font-size: 13px;
    color: #666;
    padding: 0;
    margin-right: 6px
}
.listacces strong {
    float: right;
    color: #666;
    font-weight: 300;
    margin-top: -1px
}
.listacces .checked {
    float: left;
    width: 15px;
    height: 15px;
    margin: 1px 5px 0 0
}
.listacces .rowacces {
    display: block;
    overflow: hidden;
    margin-bottom: 10px
}
.listacces .total {
    display: block;
    overflow: hidden;
    border-top: 1px solid #d5d5d5;
    padding-top: 8px
}
.listacces .total span {
    float: left;
    font-size: 13px;
    font-weight: 700;
    padding: 0
}
.listacces .total strong {
    float: right;
    font-size: 13px;
    font-weight: 700
}
.asideleft .choosepay {
    display: block;
    overflow: hidden;
    padding: 8px 0 0;
    font-size: 12px;
    color: #666
}
.asideright .choosepay {
    display: block;
    margin-bottom: 10px;
    color: #666
}
.asideleft .choosepay .checked {
    float: left;
    width: 15px;
    height: 15px;
    margin: 1px 5px 0 0
}
.asideleft .form {
    display: none;
    overflow: hidden;
    position: relative
}
.asideleft .input {
    display: block;
    padding: 6px;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    color: #777;
    width: 94%;
    margin-top: 8px
}
.asideleft .codetemp {
    float: left;
    width: 60%
}
.asideleft .btnapp {
    float: right;
    background: #e2e2e2;
    border: 0;
    padding: 6px 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    margin-top: 8px;
    cursor: pointer
}
.asideleft .btndelete {
    float: right;
    background: #fff;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    color: #d00
}
.asideright {
    float: right;
    width: 400px;
    overflow: hidden;
    position: relative
}
.color-list {
    display: block;
    overflow: hidden
}
.wrap_cart .color-list span {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
    display: block
}
.color-list .fl {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    white-space: nowrap
}
.color-list .opt {
    margin-top: 3px;
    width: 15px;
    height: 15px;
    float: left
}
.color-list .tagcolor {
    display: inline-block;
    background: none !important;
    border: 1px solid #288ad6 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 12px;
    color: #288ad6 !important;
    text-align: center;
    margin-bottom: 5px;
    padding: 0 10px;
    cursor: pointer
}
.color-list .tagcolor:hover {
    background: #288ad6;
    color: #fff
}
.wrap_cart .color-list .tagcolor:hover {
    cursor: pointer;
    border-color: #222;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
}
.color-list .vang {
    background: #f8e71c;
    color: #333;
    border: 1px solid #f8e71c
}
.color-list .bac {
    background: #e0e0e0;
    color: #333;
    border: 1px solid #e0e0e0
}
.color-list .den {
    background: #333;
    color: #fff;
    border: 1px solid #333
}
.color-list .trang {
    background: #fff;
    color: #333;
    border: 1px solid #ddd
}
.infouser {
    display: block;
    font-size: 16px;
    color: #666;
    padding: 8px 0;
    font-weight: bold
}
.gender {
    float: left;
    font-size: 13px;
    color: #666;
    margin-right: 20px
}
.gender .opt {
    float: left;
    margin: 3px 8px 0 0
}
.asideright .input {
    display: block;
    padding: 6px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    color: #333;
    width: 94%;
    margin-top: 8px
}
.asideright .enteradd {
    display: block;
    margin-top: 8px;
    padding: 6px 0;
    overflow: hidden;
    font-size: 12px;
    color: #4a90e2;
    position: relative;
    cursor: pointer
}
.asideright .form {
    display: none;
    overflow: hidden;
    position: relative
}
.asideright .select {
    float: left;
    padding: 6px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    color: #333;
    width: 47.5%;
    margin: 8px 2% 8px 0
}
.asideright .choosetime {
    display: block;
    overflow: hidden;
    padding: 6px 0 0;
    font-size: 13px;
    color: #666
}
.asideright .xacnhan {
    float: left;
    width: 100%;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 -3px 0 0 #c24d03;
    -webkit-box-shadow: inset 0 -3px 0 0 #c24d03;
    box-shadow: inset 0 -3px 0 0 #c24d03;
    background: #f75400;
    margin-right: 12px;
    cursor: pointer
}
.asideright .visamaster {
    float: left;
    padding: 15px 15px;
    font-weight: bold;
    margin: auto;
    font-size: 16px;
    text-transform: uppercase;
    color: #c24d03;
    border: 1px solid #f75400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none;
    cursor: pointer
}
.asideright .visamaster span {
    font-size: 12px;
    color: #fff;
    display: block;
    text-transform: none
}
.asideright .atmnoidia {
    display: block;
    padding: 6px 15px;
    margin: auto;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #2174d4;
    border: 1px solid #4a90e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    background: none;
    float: right
}
.asideright .atmnoidia span {
    font-size: 11px;
    color: #2174d4;
    display: block;
    text-transform: none
}
.asideright .listsieuthi {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    clear: both;
    margin-bottom: 5px;
    max-height: 70px;
    width: 97%
}
.asideright .listsieuthi i {
    display: block;
    clear: both;
    padding: 6px 0;
    font-size: 12px
}
.asideright .listsieuthi label {
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #333;
    padding: 3px 0
}
.asideright .listsieuthi .opt {
    float: left;
    margin: 3px 8px 0 0
}
.asideright .hoantien {
    display: block;
    font-size: 12px;
    color: #666;
    padding: 12px 0
}
.wrap_cart h6 {
    display: block;
    padding: 8px 0;
    font-size: 24px;
    color: #666
}
.gopy {
    display: block;
    width: 96%;
    padding: 6px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px;
    color: #777;
    width: 60%;
    margin: 8px auto
}
.imgpopup {
    float: left;
    overflow: hidden;
    margin: 10px 10px -10px -10px
}
.btndong {
    float: right;
    margin-right: 20px;
    padding: 6px 16px;
    font-size: 14px;
    text-transform: uppercase;
    color: #494949;
    border: 1px solid #979797;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 -3px 0 0 #a1a1a1;
    background: #fff;
    cursor: pointer
}
.btnsubmit {
    float: right;
    margin-right: 20px;
    padding: 6px 16px;
    font-size: 14px;
    text-transform: uppercase;
    color: #494949;
    border: 1px solid #979797;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 -3px 0 0 #a1a1a1;
    background: #390;
    cursor: pointer
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #4a90e2
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #4a90e2;
    position: absolute;
    top: 10px;
    margin-left: 10px;
    cursor: pointer
}
.arrow-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #4a90e2
}
.arrow-left {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #4a90e2
}
.fancybox-skin {
    background: none !important
}
#payment {
    margin-top: 10px
}
strong.deposit {
    color: red;
    margin-top: 5px;
    display: block
}
.wrap_cart_store {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #fff;
    font-size: 13px;
    color: #666;
    z-index: 99999
}
.wrap_cart_store .asideleft {
    width: 66%;
    height: 90%;
    padding: 2%
}
.wrap_cart_store .asideleft img {
    max-height: 100%;
    max-width: 100%
}
.wrap_cart_store .asideright {
    width: 26%;
    padding: 2%;
    height: 90%
}
.wrap_cart_store .asideright .select {
    width: 48%
}
.wrap_cart_store .asideright .xacnhan {
    width: 100%;
    margin: 20px 0;
    float: none
}
.wrap_cart_store .asideright .xacnhan span {
    text-transform: none;
    font-size: 12px;
    display: block;
    font-weight: 400;
    margin-top: 3px
}
.wrap_cart_store .asideright .listsieuthi {
    max-height: 150px
}
.wrap_cart_store form {
    width: 100%;
    height: 100%
}
.wrap_cart_store #googleMap img {
    max-height: none;
    max-width: none
}
.wrap_cart_store .infouser {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    margin: 5px 0;
    padding: 10px 0
}
.wrap_cart_store .step2 .info {
    display: block;
    line-height: 25px
}
.wrap_cart_store .asideright .pricesale {
    float: left;
    font-size: 18px;
    color: #f59123;
    margin-right: 16px;
    margin-top: 5px
}
.wrap_cart_store .asideright .supports {
    text-align: center
}
.wrap_cart_store .asideright .supports span {
    display: block;
    width: 80%
}
.wrap_cart_store .overlaycontent {
    width: 100%;
    height: 100%;
    position: relative
}
.wrap_cart_store .overlaydiv {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    z-index: 999999;
    top: 0
}
.btnBegin {
    background-color: #417505;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 12px;
    -moz-box-shadow: inset 0 -3px 0 0 #5cac01;
    -webkit-box-shadow: inset 0 -3px 0 0 #5cac01;
    box-shadow: inset 0 -3px 0 0 #5cac01;
    height: 73px;
    border: none;
    width: 83px;
    margin: 0 20px;
    cursor: pointer;
    float: left;
    padding-top: 15px;
    text-align: center
}
.btnLuckyBox {
    width: 124px;
    height: 109px;
    background: transparent url(/Content/desktop/images/game/btn-luckybox.png) no-repeat center center;
    float: left;
    margin-right: 10px;
    cursor: pointer
}
.asideleft .btnBegin {
    margin: 0 10px 0 0
}
.btnBegin span {
    width: 48px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}
.phuctapqua {
    padding: 2px;
    width: 220px;
    margin: auto;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    color: #494949;
    border: 1px solid #979797;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: none;
    cursor: pointer
}
.phuctapqua span {
    font-size: 11px;
    color: #666;
    display: block;
    text-transform: none;
    margin: -2px 0
}
.captcha {
    background: #eaeaea;
    border: 1px solid #d5d5d5;
    padding: 10px;
    float: left;
    margin: 5px 0
}
.captcha .captcha_title {
    width: 45%;
    float: left;
    text-align: right;
    padding-right: 10px
}
.captcha .captcha_title a {
    color: #4a90e2;
    cursor: pointer
}
.captcha .captcha_input {
    width: 50%;
    float: right
}
.captcha .captcha_input img {
    float: left
}
.captcha .captcha_input input {
    width: 70px;
    padding: 5px;
    margin-left: 5px
}
.noteerror {
    background-color: #d2bf1b;
    position: absolute;
    border: 1px solid #d5d5d5;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff
}
.noteerror .contenterror {
    position: relative
}
.noteerror .contenterror .closeerror {
    position: absolute;
    z-index: 999;
    top: -20px;
    right: -20px;
    font-size: 11px;
    width: 20px;
    height: 18px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: red
}
.noteerror .contenterror .arrow-down {
    bottom: -16px;
    top: inherit;
    left: 50%;
    border-top: 6px solid #d2bf1b
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    padding: 0 !important
}
.fancybox-opened {
    z-index: 8030
}
.fancybox-opened .fancybox-skin {}.fancybox-outer,
.fancybox-inner {
    position: relative
}
.fancybox-inner {
    overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}
.fancybox-error {
    color: #444;
    font-size: 14px;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}
.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('https://cdn3.tgdd.vn/v2015/Content/desktop/images/fancybox_sprite.png') !important
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    cursor: pointer;
    z-index: 8060;
    -ms-opacity: .8;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -khtml-opacity: .8
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(https://cdn2.tgdd.vn/v2015/Content/desktop/images/loading.gif) center center no-repeat
}
.fancybox-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 8040
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../../static/css/images/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}
.fancybox-prev {
    left: 0
}
.fancybox-next {
    right: 0
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}
.fancybox-nav:hover span {
    visibility: visible
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}
.fancybox-lock {
    overflow: hidden !important;
    width: auto
}
.fancybox-lock body {
    overflow: hidden !important
}
.fancybox-lock-test {
    overflow-y: hidden !important
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, .5)
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}
.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050
}
.fancybox-opened .fancybox-title {
    visibility: visible
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 10px;
    background: transparent;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-size: 13px
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}
.fancybox-title-inside-wrap {
    padding-top: 10px
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}
.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('fancybox_sprite@2x.png');
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url('fancybox_loading@2x.gif');
        background-size: 24px 24px
    }
}

.scroll {
    background: #ffffff none repeat scroll 0 0;
    max-height: 600px;
    overflow-y: auto;
    z-index: 999;
}
.scroll > h4 {
    border-bottom: 1px solid #eeeded;
    margin-bottom: 10px;
    padding: 10px;
}

.scroll > img {
    border: 1px solid #cdc8c8;
    display: block;
    margin: 0 auto;
}
.scroll .parameterfull > li {
    padding-left: 66px;
}
.product-ns-detail .parameterfull > li{
    padding-left: 0;
}
.bx-wrapper .bx-viewport{
    border: none !important;
    box-shadow: none !important;
    left: 0px !important;
    transform: translateZ(0px);
}
.owl-item{
    width: 275px !important;
}
.product-ns-detail{
    padding:20px;
}
.pro-detail-video-view h5 {
    bottom: 5px;
    color: white;
    left: 10px;
    position: absolute;
    width: 255px;
}
textarea.txtComment {
    padding: 1%;
    width: 97%;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c1bfbf;
    color: #333;
    display: block;
    font-size: 16px;
    max-height: 200px;
    min-height: 100px;
}
.comment{
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    float: right;
    margin-bottom: 10px;
    max-width: 1100px;
    overflow: hidden;
    padding-bottom: 10px;
    width: 91.667%;
}
.view_feed_comment {
    margin-top: 20px;
}
.fed-comment-img > img {
    float: left;
    height: 25px;
    margin-right: 10px;
    width: 25px;
}
.fed-comment-img > span {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.detail-comment-social > span {
    color: #4a4a4a;
    display: block;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
}
.detail-comment-social {
    display: block;
    margin-top: 10px;
    margin-left: 35px;
    line-height: 22px;
}
.detail-comment-social > p {
    color: #666;
    font-size: 12px;
    margin-bottom: 10px;
}
.comment-more-wall > a {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    color: #666;
    cursor: pointer;
    display: block;
    padding: 4px 0;
    text-align: center;
    width: 100px;
}
.comment-more-wall > a:hover{
    background-color: #ebebeb;
    color:black;
}

.comment-reply {
    margin-left: 40px;
    background: #f1f1f1 none repeat;
}
.detail-comment-social i{
    cursor: pointer;
}


.delete-comment {
    cursor: pointer;
    font-size: 11px;
    height: 16px;
    position: absolute;
    right: 17px;
    top: 15px;
    width: 16px;
}
.view_feed_comment li {
    position: relative;
}

.view_feed_comment .qtv {
    background: #eebc49 none repeat scroll 0 0;
    border-radius: 3px;
    color: #000;
    font-size: 10px;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 2px 6px;
    text-transform: uppercase;
}

.sendclick {
    background: #fbd648 none repeat scroll 0 0;
    color: #2a2a2a;
    cursor: pointer;
    float: right;
    font-size: 15px;
    font-weight: 600;
    padding: 11px 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
}
.addthis_button_tweet.at300b {
    margin-top: 4px;
}
.addthis_button_google_plusone.at300b {
    margin-top: 5px;
}

header{
    background:#ee3338;
}
nav a{
    background:#ee3338;
}
.wrap-main{
    background: #fff;
}
nav a p{
    color:white;
}
#search-site{
    margin: 10px 20px 0 0;
    width: 210px;
}
.st_plusone_large > div {
    bottom: 0 !important;
}






.sortcomment {
    display: inline-block;
    margin-top: 10px;
}
.sendclick{
    margin-top:5px;
}

.mediabox .bx-wrapper .bx-controls.bx-has-controls-direction {
    display: none;
}
.show-pro-hot-right {
    float: right;
    width: 23%;
}
.show-pro-hot-right img {
    float: left;
    margin-right: 15px;
}
.show-pro-hot-right span {
    color: black;
    float: left;
    font-size: 12px;
    margin-top: 10px;
    width: 90px;
}
.show-pro-hot-right li{
    overflow: hidden;
    min-height: 100px;
}
.show-pro-hot-right-title > h2 {
    color: #666;
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 10px;
    margin-top: 20px;
}
.price_sale .buycall b{
    color: #ee3338;
}
.show-icon-ns > a {
    float: left;
    text-align: center;
    width: 25%;
}
.threesixty {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.threesixty .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.threesixty .threesixty_images img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
.threesixty .threesixty_images img.previous-image {
    visibility: hidden;
    /*
             Do not put here any other styles.
             It causes massive recalc / repaints and image flickering,
             especially on Firefox.
    */

}
.threesixty .threesixty_images img.current-image {
    visibility: visible;
    /*
             Do not put here any other styles.
             It causes massive recalc / repaints and image flickering,
             especially on Firefox.
    */

}
.threesixty .spinner {
    width: 60px;
    display: block;
    margin: 0 auto !important;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.threesixty .spinner span {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    display: block;
}
.threesixty .nav_bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
}
.threesixty .nav_bar a {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    background: url(/assets/sprites.png) no-repeat;
    text-indent: -99999px;
}
.threesixty .nav_bar a.nav_bar_play {
    background-position: 0 0 !important;
}
.threesixty .nav_bar a.nav_bar_previous {
    background-position: 0 -73px !important;
}
.threesixty .nav_bar a.nav_bar_stop {
    background-position: 0 -37px !important;
}
.threesixty .nav_bar a.nav_bar_next {
    background-position: 0 -104px !important;
}
/* html */
.threesixty:-webkit-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.threesixty:-moz-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}

.ns-icon-left{
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 30px;
    background-size: 100% auto !important;
}
.ns-icon-left-thongso{
    background: url(images/thongso-icon.png) no-repeat;
    height: 26px;
    margin: 5px auto 3px;
    width: 21px;
}
.ns-icon-left-hinhanh{
    background: url(images/hinhanh-icon.png) no-repeat;
    height: 24px;
    margin: 9px auto 0;
    width: 26px;
}
.ns-icon-left-phukien{
    background: url(images/phukien-icon.png) no-repeat;
    height: 26px;
    margin: 7px auto 1px;
    width: 26px;
}
.ns-icon-left-sosanh{
    background: url(images/sosanh-icon.png) no-repeat;
    height: 26px;
    margin: 5px auto 3px;
    width: 28px;
}
.ns-icon-left-binhluan{
    background: url(images/binhluan-icon.png) no-repeat;
    height: 26px;
    margin: 7px auto 0;
    width: 26px;
}