::-webkit-scrollbar{
    background:#fff;
    width:10px;
    height:11px
}
::-webkit-scrollbar-thumb{
    background:#bbb
}
*{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    outline:0
}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{
    min-width:100%!important
}
.fb-comments,.fb-comments iframe[style],.fb-like-box,.fb-like-box iframe[style]{
    width:100%!important
}
.fb-comments iframe span[style],.fb-comments span,.fb-like-box iframe span[style],.fb-like-box span{
    width:100%!important
}
.video_popup{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden
}
.video_popup embed,.video_popup iframe,.video_popup object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#clickvideo{
    width:100%;
    padding:4px 0;
    margin:3px 0;
    border:1px solid #ddd;
    box-sizing:border-box
}
.addthis_native_toolbox{
    margin:10px 0;
    width:100%;
    clear:both;
    border:1px solid #ededed;
    padding:10px 10px;
    margin-bottom:10px;
    background:#f7f6f6;
    box-sizing:border-box;
    position: relative;
}
.addthis_native_toolbox .zalo-share-button{
    position: absolute;
    right: 10px;
    z-index: 9;
}
.addthis_native_toolbox b{
    float:left;
    font-size:14px;
    text-transform:uppercase;
    margin-right:10px
}
.clear{
    clear:both
}
.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:22px;left:26px;position:absolute;background-color:rgba(230,8,8,.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#e4212a;width:33px;height:33px;top:33px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:100%;height:100%;}

.hotline-bar{position:absolute;background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#e4212a);height:40px;width:200px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);border-radius:50px !important;border:2px solid #fff;left:33px;bottom:37px}.hotline-bar>a{color:#fff;text-decoration:none;font-size:18px;font-weight:900;text-indent:50px;display:block;letter-spacing:1px;line-height:38px;font-family:Arial}.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}}@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@media (max-width:768px){.hotline-bar{display:none}}

.hotline-phone-ring-img-circle .pps-btn-img, .hotline-phone-ring-img-circle .pps-btn-img i {
    color: #fff;
    font-size: 18px;
}
img {
    border: none;
}


.hotline-phone-ring-wrap {
    position: fixed !important;
    bottom: 0px;
    left: 0;
    z-index: 1111111;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}


.float-icon-hotline {
    display: block;
    width: 40px;
    position: fixed;
    bottom: 145px;
    left: 33px;
    z-index: 999999;
}
	

.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.float-icon-hotline ul li a#messengerButton {
    padding: 0px !important;
    background: transparent !important;
    border: 0px !important;
}
@media only screen and (min-width: 960px)
{
	.float-icon-hotline ul li .fa {
		background-size: contain !important;
	}
}
.float-icon-hotline ul li .fa-phone {
    background-color: #ed1c24;
}
.float-icon-hotline ul li .fa {
    background-color: #ed1c24;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
}
img{
    max-width:100%!important;
    height:auto
}
div.bando img{
    max-width:none!important
}
.clearfix:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden
}
* html>body .clearfix{
    display:block;
    width:100%
}
* html .clearfix{
    height:1%
}
body{
    font-family:Tahoma,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.5
}
@font-face{
    font-family:myFont;
    src:url(font/Roboto-Regular.ttf)
}
div#wapper{
    margin:auto;
    background:#fff;
}
.wrap_1200{
    width:1200px;
    margin:auto
}
div#header{
    position:relative;
    margin:auto;
    background:#ddffc6;
    padding:15px 0
}
div#header a.logo{
    display:block;
    line-height:0
}
div#header img.logo_mobi{
    display:none
}
div#header a.logo img{
    width:100%
}
.banner{
    width:40%;
    float:left
}
.tt_cty{
    width:40%;
    float:left;
    text-align:center;
    font-size:15px;
    font-weight:700;
    text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
    font-family:Tahoma
}
.tt_cty span{
    color:red
}
.tt_cty a{
    text-decoration:none;
    color:red
}
.tt_cty a:hover{
    color:#89d321
}
.menu_login{
    list-style:none;
    position:absolute;
    top:5px;
    right:70px
}
.menu_login li{
    display:inline-block
}
.menu_login li a{
    text-decoration:none;
    color:#fff;
    border-right:1px solid #fff;
    padding:0 5px
}
div#lang{
    position:absolute;
    top:5px;
    right:10px
}
div#lang a img{
    border:1px solid #fff;
    margin-left:3px
}
.sang_header{
    top:30%;
    left:5%
}
div.header{
    display:none
}
.box2{
    float:right;
    width:35px;
    height:35px;
    background:#fff;
    border-radius:50%;
    text-align:center;
    color:#78b43d;
    font-size:18px;
    cursor:pointer;
    margin-top:8px;
    line-height:35px
}
div.wap_menu{
    position:relative;
    background:#ea3d16;
    height:50px;
    line-height:50px;
    margin:auto;
    width:100%;
    z-index:999
}
div.menu{
    position:relative;
    max-width:1200px;
    margin:auto
}
div.menu ul{
    list-style:none;
    position:relative
}
div.menu ul li{
    float:left;
    z-index:50
}
div.menu ul li img{
    vertical-align:middle
}
div.menu ul li.line{
    background:url(../../../images/line.png) center no-repeat;
    height:50px;
    width:1px
}
div.menu ul li a{
    color:#fff;
    font-size:14px;
    padding:0 12px;
    text-decoration:none;
    text-transform:uppercase;
    display:block;
    font-family:Tahoma;
    font-weight:700;
    text-shadow:0 0 10px #909090;
}
div.menu ul li a.tenc1 {
    line-height: 1.5;
}
div.menu ul li a.active,div.menu ul li a.active2,div.menu ul li a:hover{
    color:#000
}
div.menu ul li ul,div.menu ul li:hover ul li ul{
    position:absolute;
    margin-left:0;
    display:none;
    min-width:250px;
    background:#8dda22;
    line-height:1.5
}
div.menu ul li ul li{
    float:none
}
div.menu ul li ul li a{
    padding:6px 10px;
    text-transform:none;
    display:block;
    border-bottom:1px solid #fff
}
div.menu ul li ul li ul{
    left:100%;
    top:0
}
div.menu ul li .hover-menu{
    display:none;
    position:absolute;
    top:50px;
    left:0;
    z-index:100;
    transition:all .5s;
    background-color:#fff;
    width:100%;
    float:left;
    border-radius:0 0 5px 5px;
    padding-left:.2%;
    padding-bottom:.2%;
    padding-right:.2%;
    box-shadow:0 0 10px #78b43d
}
.box-menu{
    line-height:20px
}
.menuc1{
    width:17.7%;
    display:inline-block;
    vertical-align:top;
    margin:0 1%;
    text-align:left;
    margin-top:7px
}
.menuc1 a.tenc1{
    font-size:20px!important;
    text-transform:none!important;
    color:#000!important;
    background:#8dda22;
    padding:8px 10px!important;
    font-size:14px!important
}
.menuc1 a.tenc1:hover{
    color:#fff!important
}
.tenc2{
    margin:7px 0;
    margin-left:10px
}
.tenc2 a{
    font-size:14px!important;
    padding:0 10px!important;
    background:url(images/sub_nav_arrow.png) no-repeat 0 10px;
    color:rgba(26,40,84,.86)!important;
    font-family:roboto!important;
    text-transform:none!important;
    text-shadow:none!important;
    font-weight:400!important;
    color:#000!important;
    transition:all .5s
}
.tenc2 a:hover{
    transition:all .5s!important;
    color:green!important;
    margin-left:5px!important
}
.hover-menu{
    max-height:500px
}
div.menu ul li:hover .hover-menu{
    display:block
}
div.search{
    position:absolute;
    right:42px;
    top:11px;
    background:#fff;
    border-radius:2px;
    height:30px;
    display:none;
    width:235px;
    z-index:99
}
div.search input{
    padding:0 10px;
    float:left;
    margin-top:-5%;
    border:none;
    background:0 0;
    width:180px;
    outline:0;
    color:#777;
    font-style:italic
}
div.search i{
    float:right;
    margin-right:9px;
    margin-top:5px;
    color:#222;
    font-size:17px;
    cursor:pointer
}
div#slider{
    margin:auto
}
div#left{
    width:20%;
    float:left
}
div.tieude{
    color:#fff;
    text-align:center;
    font-size:15px;
    background:#ea3d16;
    height:39px;
    line-height:39px;
    font-weight:700;
    text-transform:uppercase;
    margin-left:-5px;
    font-family:Tahoma;
    text-shadow:0 0 10px #909090;
    padding-left:15px
}
#video .tieude{
    margin-bottom:20px
}
div#danhmuc{
    border-bottom:none
}
div.danhmuc{
    border:1px solid #d6d6d6;
    margin-bottom:15px
}
div.danhmuc:last-child{
    margin-bottom:0
}
div#danhmuc ul{
    list-style:none;
    margin:0 10px
}
div#danhmuc ul li:last-child{
    border:none
}
div#danhmuc ul li a{
    color:#000;
    text-decoration:none;
    font-size:14px;
    transition:.4s;
    display:block;
    border-bottom:1px solid #ddd;
    padding:9px 5px 9px 25px;
    background:url(../../images/icon_left.png) 11px 15px no-repeat
}
div#danhmuc ul li a.active,div#danhmuc ul li a:hover{
    color:red;
    transition:.4s
}
div#danhmuc ul li ul li a{
    background:url(../../images/muiten.png) 22px 15px no-repeat;
    padding:9px 5px 9px 35px
}
div#danhmuc ul li ul{
    display:none
}
div#tinmoi{
    text-align:center
}
div#tinmoi ul{
    list-style:none;
    padding:0 10px
}
div#tinmoi ul li{
    border-bottom:1px dashed #ddd;
    padding:10px 0
}
div#tinmoi ul li a img{
    width:100%;
    border:solid 1px #ccc;
    padding:5px;
    box-sizing:border-box;
    margin-bottom:10px
}
div#tinmoi ul li a img:hover{
    transition:1s;
    border:1px solid red
}
div#tinmoi ul li h4 a{
    text-decoration:none;
    color:#111;
    font-size:16px;
    transition:.4s;
    font-weight:400
}
div#tinmoi ul li h4 a:hover{
    color:red;
    transition:.4s
}
div.load_video{
    width:95%;
    margin:7px auto
}
div#hotro{
    background:url(images/bg_hotro.png) left 40px no-repeat
}
div#hotro .phone{
    color:#f10b0b;
    font-size:24px;
    font-weight:700;
    padding-top:62px;
    padding-left:90px;
    padding-bottom:10px;
    margin-right:20px;
    font-style:italic
}
div#hotro ul{
    list-style:none;
    border-bottom:1px dashed #ddd;
    padding:7px;
    margin:0 10px;
    font-size:13px
}
div#hotro ul li{
    clear:both;
    padding:6px 0;
    color:#555
}
div#hotro ul li i{
    font-size:17px;
    margin-right:8px;
    clear:both
}
div#hotro ul li span{
    color:#3853a4;
    font-weight:400;
    font-size:14px;
    margin-top:3px;
    float:left
}
div#hotro ul li a img{
    margin-right:5px;
    float:left
}
div#quangcao a img{
    width:90%;
    max-width:300px!important;
    border:1px solid #ddd;
    margin:5px auto;
    padding:4px;
    box-sizing:border-box
}
div#quangcao a img:hover{
    border:1px solid red
}
div#dknt{
    max-width:350px
}
form#frm_dknt{
    background:#fff;
    height:35px;
    margin:10px 0
}
form#frm_dknt input[type=text]{
    width:70%;
    padding:0 5px;
    float:left;
    margin-top:9px;
    border:none;
    background:0 0;
    outline:0;
    color:#000;
    outline:0
}
form#frm_dknt input[type=button]{
    background:red;
    color:#fff;
    width:50px;
    height:35px;
    line-height:35px;
    border:none;
    cursor:pointer;
    float:right;
    text-transform:uppercase;
    outline:0
}
div#main_content{
    max-width:1200px;
    margin:20px auto
}
div#right{
    width:77%;
    float:right
}
div.tieude_giua{
    color:#fff;
    font-size:16px;
    height:45px;
    line-height:45px;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:solid 1px #8edc23;
    font-family:Tahoma;
    text-shadow:0 0 10px #909090;
    margin-bottom:25px;
    margin-left:51px
}
div.tieude_giua div{
    background:#ea3d16;
    display:inline-block;
    position:relative;
    padding:0 15px
}
div.tieude_giua div:before{
    position:absolute;
    content:'';
    top:0;
    left:-51px;
    width:51px;
    height:45px;
    background:url(../../images/tt_before.png) no-repeat
}
div.wap_item{
    position:relative
}
.itemc1{
    width:31%;
    margin-right:3%;
    margin-bottom:3%;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    border:solid 1px #e5e5e5;
    padding:5px;
    padding-bottom:10px
}
div.item{
    width:23%;
    margin-right:2.3%;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    margin-bottom:2.5%
}
div.itemc1 .sp_img{
    margin-bottom:10px
}
div.itemc1 .sp_name a{
    font-weight:700;
    text-transform:uppercase
}
div.item .sp_img{
    overflow:hidden;
    border:1px solid #e5e5e5;
    box-shadow:-4px 4px 0 #e5e5e5;
    margin-bottom:10px;
    padding:5px
}
.sp_img a{
    display:block;
    line-height:0
}
div.item a img{
    width:100%;
    height:100%
}
.sp_name a{
    text-align: center;
    text-decoration:none;
    color:#222;
    font-weight:700;
    font-size:18px;
    display:block;
    font-family:Tahoma
}
.sp_name a:hover{
    transition:.4s;
    color:red
}
.sp_gia{
    font-weight: 500;
    font-size:16px;
    text-align:center;
}
.sp_gia span.giacu{
    color:#666;
    text-decoration:line-through;
    float:left
}
.sp_gia span.giamoi{
    color:red
}
.sp_gia span.motgia{
    display:block;
    float:none
}
.item.item_pro{
    width:31.5%
}
.tukhoa1{
    background:#f2f2f2;
    padding:20px 0
}
.tukhoa1 ul li{
    list-style:none;
    width:16.5%;
    float:left
}
.tukhoa1 ul li a{
    color:#737373;
    font-size:14px;
     line-height: 1.5;
}
.itemdt{
    width:17.8%;
    display:inline-block;
    margin:1%;
    border:solid 1px #ccc;
    vertical-align:top
}
div#wap_footer{
    background:#ff2f00;
    padding-top:40px;
    margin:auto;
    margin-top:10px;
    color:#fff
}
div#footer{
    max-width:1200px;
    margin:auto;
    margin-bottom:20px
}
div#main_footer{
    width:50%;
    float:left
}
div#lienket{
    margin-top:10px
}
div#lienket a{
    display:inline-block;
    vertical-align:top;
    color:#000;
    font-size:18px;
    height:35px;
    line-height:35px;
    width:35px;
    text-align:center;
    text-decoration:none;
    margin:0 2px;
    background:#fff;
    transition:1s;
    border-radius:50%
}
div#lienket a:hover{
    transition:1s;
    transform:rotate(360deg)
}
div#thongke{
    width:31%;
    float:right;
     position: relative;
}
#avarta_xs{
    width: 56px;
     height: 56px;
     position: absolute;
     top: 7px;
     left: 7px;
}
#doisotrung {
    width: 24px;
     height: 24px;
     position: absolute;
     top: 90px;
     right: 40px;
}
div#thongke .td_ft{
    color:#ff3;
    margin-bottom:7px;
    font-size:14px;
    text-transform:uppercase
}
div#thongke ul{
    list-style:none
}
div#thongke ul li{
    clear:both;
    padding:4px 0
}
div#thongke ul li img{
    float:left;
    margin-right:15px;
    width:16px;
    margin-top:2px
}
.bottom{
    height:40px;
    line-height:40px;
    background:#ff7f7f
}
.bt_left{
    width:50%;
    float:left
}
.bt_right{
    width:50%;
    float:right
}
.tencty{
    font-size:25px;
    font-weight:700;
    text-shadow:0 0 10px #919192;
    margin-bottom:10px
}
div#doitac{
    box-sizing:border-box;
    max-width:1200px;
    margin:auto
}
div#doitac a img{
    height:100px;
    margin:0 5px;
    border:1px solid #ddd
}
.ndtai a{
    text-decoration:none;
    color:#000;
    font-size:16px
}
.ndtai a:hover{
    color:red
}
div.wap_pro{
    margin:15px auto;
    clear:both
}
.zoom_slick{
    width:45%;
    float:left;
    text-align:center
}
.zoom_slick .slick2{
    border:1px solid #ddd
}
.zoom_slick .slick{
    margin-top:5px
}
.zoom_slick .slick img{
    width:95%;
    margin:auto;
    border:1px solid #ddd;
    box-sizing:border-box;
    cursor:pointer
}
.zoom_slick .slick img:hover{
    border:1px solid #f60;
    opacity:.5;
    transition:1s
}
.product_info{
    float:right;
    list-style:none;
    width:52%
}
.product_info li{
    font-size:13px;
    border-bottom:1px solid #eee;
    padding:6px 0
}
.product_info li.ten{
    color:#03f;
    font-size:18px
}
.product_info li.giacu{
    font-size:15px;
    text-decoration:line-through
}
.product_info li.gia{
    color:red;
    font-size:16px
}
.product_info li b{
    font-weight:400;
    font-size:14px
}
.xemgiohang{
    color:#e80019;
    display:block;
    width:120px;
    height:30px;
    text-align:center;
    line-height:30px;
    text-align:center;
    font-weight:700;
    cursor:pointer;
    font-size:13px;
    transition:.4s;
    margin:auto;
    margin-top:7px
}
.product_info li .dathang{
    background:#e93b35;
    color:#fff;
    display:block;
    max-width:300px;
    height:40px;
    line-height:40px;
    text-align:center;
    text-transform:uppercase;
    font-weight:700;
    cursor:pointer;
    font-size:14px;
    transition:.4s
}
.product_info li .dathang i{
    margin-right:10px;
    font-size:25px;
    margin-top:3px
}
.product_info li .dathang:hover{
    transition:.4s;
    background:#e00
}
span.size{
    display:inline-block;
    padding:2px 10px;
    border:1px solid #ddd;
    border-radius:3px;
    margin-right:5px;
    cursor:pointer
}
span.mausac{
    display:block;
    float:left;
    border:1px solid #ddd;
    width:30px;
    height:30px;
    margin-right:5px;
    cursor:pointer;
    font-size:0
}
span.active_mausac,span.active_size,span.mausac:hover,span.size:hover{
    border:1px solid #e00
}
input.soluong{
    width:50px;
    border:1px solid #c7c6c6;
    padding:2px 0;
    text-align:center;
    font-size:15px;
    margin-right:5px
}
table#giohang input{
    margin:5px 0
}
.click_ajax,table#giohang input.btn{
    background:#dc0018;
    color:#fff;
    padding:7px 15px;
    border:none;
    cursor:pointer;
    margin:5px 1px;
    border-radius:3px
}
table#tt td{
    height:30px
}
table#tt td input.t{
    width:300px;
    height:20px;
    margin:3px 0 5px 0;
    border:1px solid #ddd
}
table#tt td textarea{
    width:300px
}
table#tt span{
    color:red
}
@-webkit-keyframes star{
    0%{
        -webkit-transform:rotate(0) scale(0);
        left:0%;
    }
    50%{
        -webkit-transform:rotate(180deg) scale(1.5);
        left:10%;
    }
    100%{
        -webkit-transform:rotate(360deg) scale(0);
        left:28%;
    }
}
@-o-keyframes star{
    0%{
        -o-transform:rotate(0) scale(0);
        left:0%;
    }
    50%{
        -o-transform:rotate(180deg) scale(1.5);
        left:10%;
    }
    100%{
        -o-transform:rotate(360deg) scale(0);
        left:28%;
    }
}
@-moz-keyframes star{
    0%{
        -moz-transform:rotate(0) scale(0)
    }
    50%{
        -moz-transform:rotate(180deg) scale(1.5)
    }
    100%{
        -moz-transform:rotate(360deg) scale(0)
    }
}
.start-animate{
    z-index:99999999999999999!important;
    margin-left:10%;
    margin-top:-2.25%;
    position:absolute;
    animation:star linear 1.75s infinite;
    -moz-animation:star linear 1.75s infinite;
    -webkit-animation:star linear 1.75s infinite;
    -o-animation:star linear 1.75s infinite;

}

.start-animate-1{
    z-index:99999999999999999!important;
    margin-left:75%;
    margin-top:-15%;
    position:absolute;
    animation:star1 linear 1.75s infinite;
    -moz-animation:star1 linear 1.75s infinite;
    -webkit-animation:star1 linear 1.75s infinite;
    -o-animation:star1 linear 1.75s infinite;

}
@keyframes star1{
    0%{
        transform:rotate(0) scale(0);
    }
    50%{
        transform:rotate(180deg) scale(1.5);
    }
    100%{
        transform:rotate(360deg) scale(0);
    }
}
@keyframes star{
    0%{
        transform:rotate(0) scale(0);
        left:0%;
    }
    50%{
        transform:rotate(180deg) scale(1.5);
        left:10%;
    }
    100%{
        transform:rotate(360deg) scale(0);
        left:28%;
    }
}
.table_cuanhom{
    border-collapse:collapse
}
.table_cuanhom,.table_cuanhom td{
    border:1px solid #ccc;
    padding:5px
}
.table_cuanhom td input{
    height:30px;
    border:1px solid #ccc;
    outline:0;
    width:100%;
    padding-left:10px
}
.c_31,.c_32,.c_33,.c_34,.c_35,.c_36,.c_37,.c_38,.c_39,.c_40,.c_44,.c_45,.chieucao,.chieurong{
    background:#eee
}
.table_cuanhom1 input{
    background:#eee
}
.images_detail{
    width:50%;
    float:left;
    margin-right:20px;
    border:1px solid #ccc;
    text-align:center;
    padding:5px;
    min-height:350px
}
.box_container table{
    max-width:100%!important;
    width:100%!important
}
.menu-main{
    float:left
}
.wsanimated-arrow{
    display:none
}
@media (max-width:767px){
    .start-animate{
        margin-top:-5%;
    }
    @-webkit-keyframes star{
        0%{
            -webkit-transform:rotate(0) scale(0);
            left:0%;
        }
        50%{
            -webkit-transform:rotate(180deg) scale(1.5);
            left:10%;
        }
        100%{
            -webkit-transform:rotate(360deg) scale(0);
            left:28%;
        }
    }
    @-o-keyframes star{
        0%{
            -o-transform:rotate(0) scale(0);
            left:0%;
        }
        50%{
            -o-transform:rotate(180deg) scale(1.5);
            left:10%;
        }
        100%{
            -o-transform:rotate(360deg) scale(0);
            left:28%;
        }
    }
    @keyframes star{
        0%{
            transform:rotate(0) scale(0);
            left:0%;
        }
        50%{
            transform:rotate(180deg) scale(1.5);
            left:10%;
        }
        100%{
            transform:rotate(360deg) scale(0);
            left:28%;
        }
    }
    .box2{
        margin:10px 0
    }
    .menu-main{
        display:none;
        opacity:0;
        visibility:hidden;
        transition:all .5s ease
    }
    .wsactive .menu-main{
        display:block;
        opacity:1;
        visibility:visible
    }
    .menuc1{
        width:auto
    }
    div.menu ul li{
        width:100%
    }
    div.menu ul li.line{
        display:none
    }
    .wsanimated-arrow{
        display:block;
        position:absolute;
        left:0;
        top:0;
        z-index:102;
        -webkit-transition:all .4s ease-in-out;
        -moz-transition:all .4s ease-in-out;
        -o-transition:all .4s ease-in-out;
        -ms-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out
    }
    .wsanimated-arrow{
        cursor:pointer;
        padding:16px 35px 16px 0;
        margin:7px 0 0 15px
    }
    .wsanimated-arrow span,.wsanimated-arrow span:after,.wsanimated-arrow span:before{
        cursor:pointer;
        height:2px;
        width:17px;
        background:#fff;
        position:absolute;
        display:block;
        content:''
    }
    .wsanimated-arrow span:before{
        top:-7px;
        width:23px
    }
    .wsanimated-arrow span:after{
        bottom:-7px;
        width:17px
    }
    .wsanimated-arrow span,.wsanimated-arrow span:after,.wsanimated-arrow span:before{
        transition:all .5s ease-in-out
    }
    .wsactive .wsanimated-arrow span:after{
        width:23px
    }
    .wsactive .wsanimated-arrow span{
        background-color:transparent
    }
    .wsactive .wsanimated-arrow span:before,.wsactive .wsanimated-arrow.active span:after{
        top:7px
    }
    .wsactive .wsanimated-arrow span:before{
        transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        bottom:0
    }
    .wsactive .wsanimated-arrow span:after{
        transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg)
    }
    .overlapblackbg{
        left:0;
        width:100%;
        height:100vh;
        min-height:100%;
        position:fixed;
        top:0;
        display:none;
        background-color:rgba(0,0,0,.45);
        cursor:pointer
    }
    .wsactive .wsmenu .overlapblackbg{
        display:block
    }
    .wsmenucontainer{
        -webkit-transition:all .25s ease-in-out;
        -moz-transition:all .25s ease-in-out;
        -o-transition:all .25s ease-in-out;
        -ms-transition:all .25s ease-in-out;
        transition:all .25s ease-in-out
    }
    .wsactive .wsmenucontainer{
        margin-left:240px;
        -webkit-transition:all .25s ease-in-out;
        -moz-transition:all .25s ease-in-out;
        -o-transition:all .25s ease-in-out;
        -ms-transition:all .25s ease-in-out;
        transition:all .25s ease-in-out
    }
    .wsactive .wsmenu{
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch;
        visibility:visible;
        z-index:1000;
        top:0
    }
    .wsactive .wsmenu>.wsmenu-list{
        -webkit-transition:all .25s ease-in-out;
        -moz-transition:all .25s ease-in-out;
        -o-transition:all .25s ease-in-out;
        -ms-transition:all .25s ease-in-out;
        transition:all .25s ease-in-out;
        margin-left:0
    }
}

.container {
    position: relative;
    width: 50%;
  }
.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2323232;
  }
  
  .container:hover .image {
    opacity: 0.3;
  }
  
  .container:hover .middle {
    opacity: 1;
  }
  
  .text {
    background-color: #04AA6D;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
  }
@media (max-width:1200px){
    .social .youtubeLogo{
        margin-left:55% !important;
        margin-top:-16% !important;
    }
    
    .tt_cty .hotline{
        font-size:26px !important;
    }
    .tt_cty:nth-child(2)
    {
        margin-left:10% !important;
        margin-top:2% !important;
    }
    .tt_cty:nth-child(2) .hotline
    {
        font-size: 18px !important;
    }
    .social{
        
        width:60% !important;
        display: flex !important;
        margin-top: 5% !important;
        margin-right:25% !important;
    }
    .social .facebookLogo{
        width:60% !important;
    }
    .social .tiktokLogo{
        width:88% !important;
        margin-left:25% !important;
    }
}

@media (max-width:500px){
    .tt_cty .hotline{
        font-size:18px !important;
    }
    .social{
        
        width:80% !important;
        float:right !important;
        display: flex !important;
        margin: 0 14% !important;
        margin-top:5% !important;
    }
    .social .facebookLogo{
        width:60% !important;
    }
    .social .tiktokLogo{
        width:88% !important;
        margin-left:25% !important;
    }
}


@media (max-width:480px){
    .hotline-phone-ring-wrap{
        bottom:5% !important;
        left:-5% !important;
    }
    .start-animate-1{
        margin-top:107% !important;
    }
    #footer{
        display:block !important;
    }
    .container{
        width:100% !important;
    }
    .start-animate{
        margin-top:-17% !important;
    }
    .social{
        width:80% !important;
        float:right !important;
        display: flex !important;
        margin: 0 14% !important;
        margin-top:5% !important;
    }
    .social .facebookLogo{
        width:60% !important;
        margin-top:-20% !important;
    }
    .social .tiktokLogo{
        width:88% !important;
        margin-left:13% !important;
        margin-top:-42% !important;
    }
    .social .youtubeLogo{
        margin-left:41% !important;
        margin-top:-19% !important;
    }
    @keyframes star{
        0%{
            transform:rotate(0) scale(0);
            left:0%;
        }
        50%{
            transform:rotate(180deg) scale(1.5);
            left:50%;
        }
        100%{
            transform:rotate(360deg) scale(0);
            left:70%;
        }
    }
    .zoom_slick{
        width: 100%;
    }
    .product_info{
        width: 100%;
    }
    .wrap_1200,div#footer,div#main_content,div.menu,div.wap_menu{
        padding:0 15px
    }
    
    .wrap_1200,div.menu{
        width:100%
    }
    div.wap_menu{
        height:auto
    }
    div#footer,div#main_content{
        max-width:100%
    }
    .banner,.tt_cty{
        width:100%
    }
    div#left{
        width:100%
    }
    div#right{
        width:100%
    }
    .itemc1 .itemdt .sp_name{
        margin-left:15% !important ;
    }
    .itemc1 .itemdt .sp_gia{
        margin-left:15% !important ;
    }
    .middle{
        margin-top: 80% !important;
    }
    #mcta{
        display:block !important; 
    }
    .wnd-app {
		background: #f12a02;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		display: flex;
		z-index: 999;
		flex-direction: row;
		box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
		justify-content: center;
		box-sizing: border-box;
		-webkit-transition: all .24s;
		transition: all .24s;
		padding: 8px 0;
	}
	.wnd-app:hover {
		background: #c72128;
	}
	.wnd-button--mobile {
		flex-direction: column;
		flex: 1 1;
	}
    .wnd-button--mobile a {
        text-decoration: none;
    }
	.wnd-button {
		display: inline-flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		cursor: pointer;
		text-align: center;
		flex-wrap: wrap;
		padding: 0 9px;
	}
	.wnd-button_label {
		color: #fff;
	}
	.wnd-button_label {
		font-size: 90%;
	}
    .item.item_pro,.itemc1,.itemdt,div.item{
        width:46%;
        margin-left:15% !important ;
        margin-right:5px;
        margin-bottom:15px
    }
    div.tieude_giua{
        font-size:13px;
        height:auto
    }
    .bottom{
        height:auto
    }
    .tukhoa1 ul li{
        width:50%;
        padding: 15px 5px;
    }
    div#main_footer{
        width:100%
    }
    div#thongke{
        width:100%
    }
}
@media (max-width:576px){
    .social{
        width:80% !important;
        float:right !important;
        display: flex !important;
        margin: 0 14% !important;
        margin-top:5% !important;
    }
    .social .facebookLogo{
        width:60% !important;
        margin-top:-5% !important;
    }
    .tt_cty:nth-child(2) .hotline{
        font-size: 14px !important;
    }
    .tt_cty:nth-child(2){
        margin-left:10%;
        margin-top:1.5%;
    }
    .banner{
        width: 100% !important;
    }
    .banner p {
        margin: 0 !important;
    }
    .banner p span 
    {
        font-size: 13px !important;
    }
    .social .tiktokLogo{
        width:88% !important;
        margin-left:13% !important;
        margin-top:-16% !important;
    }
    .social .youtubeLogo{
        margin-left:41% !important;
        margin-top:-16% !important;
    }

    .wrap_1200,div#footer,div#main_content,div.menu,div.wap_menu{
        padding:0 15px
    }
    .wrap_1200,div.menu{
        width:100%
    }
    div.wap_menu{
        height:auto
    }
    div#footer,div#main_content{
        max-width:100%
    }
    .tt_cty{
        width:80%;
        margin: auto;
    }
    div#left{
        width:100%
    }
    div#right{
        width:100%
    }
    .item.item_pro,.itemc1{
        width:31%;
        margin-left:5px;
        margin-right:5px;
        margin-bottom:15px
    }
    div.tieude_giua{
        font-size:13px
    }
    .bottom{
        height:auto
    }
    .tukhoa1 ul li{
        width:25%
    }
}
@media(min-width:768px){
    .wrap_1200,div#footer,div#main_content,div.menu,div.wap_menu{
        padding:0 0
    }
    
    .wrap_1200,div.menu{
        width:720px
    }
    div.wap_menu{
        height:auto
    }
    div#footer,div#main_content{
        max-width:720px
    }
    .item.item_pro,.itemc1{
        width:47%;
        margin-left:0;
        margin-right:2%;
        margin-bottom:2%
    }
    div.tieude_giua{
        font-size:14px
    }
    div.item{
        margin-right:2%
    }
    .tt_cty{
        width:60%
    }
    div.menu ul li a{
        padding:0 7px
    }
    div#left{
        width:30%
    }
    div#right{
        width:66%
    }
    .bottom{
        height:40px
    }
    .tukhoa1 ul li{
        width:16.5%
    }
}
@media(min-width:992px){
    .wrap_1200,div#footer,div#main_content,div.menu,div.wap_menu{
        padding:0 0
    }
   
    .wrap_1200,div.menu{
        width:960px
    }
    div.wap_menu{
        height:auto
    }
    div#footer,div#main_content{
        max-width:960px
    }
    .item.item_pro,.itemc1{
        width:31%;
        margin-left:0;
        margin-right:2%;
        margin-bottom:2%
    }
    div.tieude_giua{
        font-size:14px
    }
    div.item{
        margin-right:2%
    }
    .tt_cty{
        width:40%
    }
    div.menu ul li a{
        padding:0 12px
    }
    div#left{
        width:20%
    }
    div#right{
        width:77%
    }
    .bottom{
        height:40px
    }
    .tukhoa1 ul li{
        width:16.5%
    }
}
@media(min-width:1200px){
    .wrap_1200,div#footer,div#main_content,div.menu,div.wap_menu{
        padding:0 0
    }
    
    .wrap_1200,div.menu{
        width:1200px
    }
    div.wap_menu{
    }
    div#footer,div#main_content{
        max-width:1200px
    }
    .item.item_pro,.itemc1{
        width:31%;
        margin-left:0;
        margin-right:3%;
        margin-bottom:3%
    }
    div.tieude_giua{
        font-size:16px
    }
    div.item{
        margin-right:2.3%
    }
    .tt_cty{
        width:40%
    }
    div.menu ul li a{
        padding:0 12px
    }
    div#left{
        width:20%
    }
    div#right{
        width:77%
    }
    .bottom{
        height:40px
    }
    .tukhoa1 ul li{
        width:16.5%
    }
}
 .hidden {
     visibility: hidden;
     width: 0;
     height: 0;
}