.d_none{display: none;}
::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#BBBBBB;}
div,a,p,span,b,iframe,body,h1,h2,h3,h4,.ulmp ul{margin: 0; padding: 0;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
.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 span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.video_popup {position: relative;padding-bottom: 63.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video_popup iframe, .video_popup object, .video_popup embed {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 0px;width: 100%;clear: both;border: 1px solid #ededed;padding: 10px 10px;margin-bottom: 10px;background: #f7f6f6;box-sizing: border-box;}
.addthis_native_toolbox b{float: left;font-size: 14px;text-transform: uppercase;margin-right: 10px}
#toptop {width: 45px;height: 45px;line-height: 45px;text-align: center;position: fixed;bottom: 50px;right: 10px;cursor: pointer;background: none;transition:0.5s;z-index:200;border-radius: 50%;color: #fff;transform: rotate(-90deg);font-size: 47px;color: #df001f;}
#toptop i { font-size: 40px; background: #fff; border-radius: 50%; padding: 2px;}
a{cursor:pointer; text-decoration:none;}
a:hover{ color: red;}
.clear{clear: both;}
.clearfix:after{content:'';background:transparent;width:100%;display:block;clear: both;height: 0;}
.none{display: none;}
.wap_1200{max-width: 1180px;margin: auto;position: relative;}
img{max-width:100% !important; height:auto; }
div.bando img{max-width:none !important;}
div.map iframe{max-width:100% !important;}
div.bando-footer iframe{width:100% !important;height: 350px;}
.hidden_mobi{display: block;}
.hidden_destop{display: none;}
.box_container{}
.box_container .content{padding:10px 0px;}
.tt_lh{width: 49%;float: left;}
.bando{width: 49%;float: right;}
.bando iframe{ width:100% !important; border:1px solid #ddd !important; padding: 5px;}
/*div.left_gh{width:65%;float:left;}
div.right_gh{width:33%;float:right;}
*/

.dangky{width: 49%;float: left;}
.dangky_frm{padding: 10px 20px;position: relative;border: 1px solid #D6D6D6; margin-top: 10px;box-sizing:border-box;}
div.dangnhap{float:right;width:49%;position:relative;}
div.tieude_dangky{position: absolute;background: #F7F7F7;padding: 3px 15px;top: -16px;left: 20px;border: 1px solid #D6D6D6;font-size: 13px;}
div.tieude_dangnhap{border-bottom: 1px solid #D6D6D6;line-height:35px;margin-bottom:10px;font-size: 13px;}
.popup_thongbao{width: 300px;background: #fff;text-align: center;/* border: 1px solid #ffffff; */font-size: 13px;/* border-radius: 5px; */overflow: hidden;}
.popup_thongbao .tieude_tb{background: #d0041a;padding: 7px;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 15px;font-family: 'tieude';}
.popup_thongbao .popup_kq{padding: 10px;/* font-weight: bold; */color: #000000;min-height: 70px;align-items: center;font-size: 14px;}

/*Form lien he*/
div.frm_lienhe{margin:10px 0px 10px 0px;font-size:13px;position:relative;}
.thongbao{font-size: 20px;color: red;position: absolute;top: 35%;width: 100%;text-align: center;}
.thongbao p{text-align:center;}
div.frm_lienhe .item_lienhe{margin:8px 0px;}
div.frm_lienhe .item_lienhe_b{text-align:center;}
div.frm_lienhe .item_lienhe p{
    margin-bottom: 5px;
}
div.dangky .item_lienhe p{clear:both;float:none;}
#reset_capcha img{float:left;margin:5px 10px;}
.baove{float:left !important;}
div.frm_lienhe .item_lienhe span{color:red;margin-left:3px;}
div.frm_lienhe .item_lienhe input[type='text'],div.frm_lienhe .item_lienhe input[type='date'],div.frm_lienhe .item_lienhe textarea,div.frm_lienhe .item_lienhe input[type='password'],div.frm_lienhe .item_lienhe select{width: 100%;padding: 9px 10px;border: 1px solid #cfcfcf;box-sizing: border-box;transition: 0.3s;font-family: 'body';border-radius: 5px;display: block;}
div.dangky_frm .item_lienhe input[type='text'],div.dangky_frm .item_lienhe textarea,div.dangky_frm .item_lienhe input[type='password'],div.dangky_frm .item_lienhe select{width: 100%;}
div.frm_lienhe .item_lienhe .css_nut,div.frm_lienhe .item_lienhe input[type='button'],div.frm_lienhe .item_lienhe input[type='reset'],div.frm_lienhe .item_lienhe input[type='submit']{padding: 12px 25px;background:#ee0303;border:1px solid #ee0303;color:#fff;margin:10px 0px;font-size: 13px;cursor:pointer;box-sizing: border-box;text-transform: uppercase;transition: 0.3s;}
div.frm_lienhe .item_lienhe input[type='button']:hover,div.frm_lienhe .item_lienhe input[type='reset']:hover,div.frm_lienhe .item_lienhe input[type='submit']:hover,div.frm_lienhe .item_lienhe .css_nut:hover{
    background: none;color: #ee0303
}
div.frm_lienhe .item_lienhe input[type='text']:focus,div.frm_lienhe .item_lienhe input[type='date']:focus,div.frm_lienhe .item_lienhe textarea:focus{background: #c8e8ff;padding-left: 10px;border-color: #2298ef;}
.btn_dangnhap{padding:7px 25px;background:#ee0303;border:none;display:block;color:#fff;border-radius:3px;margin:10px 0px;cursor:pointer;box-sizing: border-box;text-transform: uppercase;text-decoration:none;float:left;margin-right:5px;}
.date{background:#F7F7F7 url(../images/i_date.png) 98% center no-repeat !important;padding-right: 8%;cursor:pointer;}
#tendangnhap{background:#F7F7F7 url(../images/i_user.png) 2% center no-repeat !important;padding-left: 8%;}
#matkhau,#nhaplaimatkhau,#matkhaucu{background:#F7F7F7 url(../images/i_pass.png) 2% center no-repeat!important;padding-left: 8%;}
/*Form lien he*/
div.box-giohang .item_lienhe{width: 49%;float: left;}
div.box-giohang .item_lienhe:nth-child(2n){float: right;}
div.box-giohang .item_lienhe:nth-child(2n+1){clear: both;}
div.box-giohang .item_lienhe input[type='text'],div.box-giohang .item_lienhe select,div.box-giohang .item_lienhe textarea{border: 1px solid #cfcfcf;min-height: 35px;}
div.box-giohang div.box-noidung-gh{width: 100%;float: none;}

/*css tin tuc*/
.box_news{padding: 8px;border: 1px solid #dedede;width: calc(50% - 20px);margin: 10px;}
.box_news h3 a{font-size: 15px;color:#1f1f1f;margin: 5px 0;transition:0.4s;text-decoration:none;display:block;font-family: 'tieude';font-weight: normal;}
.box_news .ngaytao{color: #5a5a5a;margin-bottom: 4px;font-style:italic;}
.box_news .ngaytao span{margin-left:15px;}
.box_news .ngaytao i{ margin-right:5px;}
.box_news .mota{line-height:1.7;}
.box_news h3 a:hover{color:#F00;transition:0.4s;}
.box_news a.chitiet{color:#00F;}
.box_news a{text-decoration:none;}
.box_news a img{float:left;width: 40%;max-width:170px !important;transition:1s;margin-right: 15px;}
.box_news a img:hover{opacity:0.4;transition:1s;}
.box_news .xemthem{
    display: table;
    line-height: 20px;
    text-align: center;
    color: #fe6d4c;
    border-radius: 2px;
    transition: 0.4s;
    float: left;
    margin-top: 4px;
    border-bottom: 1px solid #fe6d4c;
    }
.box_news .xemthem:hover{ color:#0193de; background:none;}
.othernews{border: 1px solid #DEDEDE;padding: 5px;background: #F7F7F7;}
.othernews .cactinkhac{font-size:20px;color: #000000;}
.othernews ul{list-style:none;margin-left:15px;}
.othernews ul li{padding:3px 5px 3px 18px;color:#AAAAAA;}
.othernews ul li a{color:#4A4A4A;text-decoration:none;transition:0.4s;}
.othernews ul li a i{ margin-right:6px;font-family: 15px;}
.othernews ul li a:hover{color:red;padding-left:10px;transition:0.4s;}
/*css tin tuc*/

/*----------css ban do-------------*/
#map_canvas {height: 500px;width: 99%;margin:0px auto;border:1px solid #BBB;}
.map_description {color: #000000;overflow: auto;max-width: 300px;}
.map_title {color: #30A602;font-weight: bold;}
/*----------css ban do-------------*/

/*----------Phan trang-------------*/
.pagination {margin: auto !important;text-align: center;margin-top: 10px !important;width: 100%;margin-bottom: 20px !important;border: 0 !important;display: block !important;}
.pagination .pages li.prev {margin-right: 15px;}
.pagination .pages li.next {margin-left: 15px;}
.pagination .pages li {display: inline-block;margin: 5px 2px;}
.pagination .pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;border: 1px solid #d5d5d5;font-size: 11px;}
.pagination .pages li a:hover {background: #f6f6f6;}
.pagination .pages li .active {background:#424852;color: #fff;border-color: #424852;}
.pagination .pages li .active:hover {background: #2a313d;}
/*----------Phan trang-------------*/

/*----------Phan trang ajax-------------*/
.pages_ajax{ display:inline-block;}
.pages_ajax li {display: inline-block;margin: 5px 2px;height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;border: 1px solid #d5d5d5;font-size: 11px;box-sizing: border-box;min-width: 30px;cursor: pointer;}
.pages_ajax li.actived,.pages_ajax li:hover {background: #2a313d; color:#fff;}
span.total{ display:none;}
/*----------Phan trang ajax-------------*/

/*----------danh gia sao-------------*/
.danhgiasao{cursor:pointer;}
.danhgiasao span{background:url(../images/star.gif) center top no-repeat;display:inline-block;width:16px;height:16px;cursor:pointer;}
.danhgiasao span.active{background:url(../images/star.gif) center -48px no-repeat;}
.danhgiasao span.hover,.danhgiasao span.default{background:url(../images/star.gif) center -32px no-repeat;}
/*----------danh gia sao-------------*/

/*----------Loading-------------*/
#pre-loader{background: #F5F5F5;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.loader {position: relative;width: 2.5em;height: 2.5em;transform: rotate(165deg);  position: absolute;top: calc(50% - 1.25em);left: calc(50% - 1.25em);}
.loader:before, .loader:after {content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.5em;height: 0.5em;border-radius: 0.25em;transform: translate(-50%, -50%);}
.loader:before {animation: before 2s infinite;}
.loader:after {animation: after 2s infinite;}
@keyframes before {0% {width: 0.5em;box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}35% {width: 2.5em;box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);}70% {width: 0.5em;box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);}100% {box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);}}
@keyframes after {0% {height: 0.5em;box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}35% {height: 2.5em;box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);}70% {height: 0.5em;box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);}100% {box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);}}
/*----------Loading-------------*/

/*----------css hieu ung-------------*/
.hover_sang1{position:relative; overflow:hidden;}
.hover_sang1:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';z-index:10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_sang1:hover:before {webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}

.hover_sang2{position:relative; overflow:hidden;}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}

.hinh_mo{ position:relative; z-index:2;}
.hinh_mo:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}

.trang_den{filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.trang_den:hover{filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.zoom_hinh{ overflow:hidden;}
.zoom_hinh img{transition:all 0.5s ease 0s;}
.zoom_hinh:hover img{transform:scale(1.2);}

.xoay_hinh{ overflow:hidden;}
.xoay_hinh img{transition:all 1s ease 0s;}
.xoay_hinh:hover img{transform:rotate(360deg);}
.zoom_mo{ position:relative;}
.zoom_mo:before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: ease-in-out 500ms;-o-transition: ease-in-out 500ms;transition: ease-in-out 500ms;z-index: 1;}
.zoom_mo:hover:before{-webkit-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);opacity: 1;}

.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}

/*----------css hieu ung-------------*/
div#tags{ margin-top:10px;}
div#tags a {display: inline-block;border: 1px solid #DDD;padding: 3px 5px;text-decoration: none;color: #222222;}
div#tags a:hover{ color:red;}
div#tags span {display: inline-block;border: 1px solid #DDD;padding: 3px 5px;text-decoration: none;color: #222222;background: #DDDDDD;
}
div.td_gh{font-size:18px;margin:10px 0;text-transform:uppercase;display: inline-block;width: 100%;}

div.wap_load{background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.cssload-thecube{width:50px;height:50px;margin:0 auto;margin-top:49px;position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;}.cssload-thecube .cssload-cube{position:relative;transform:rotateZ(45deg);-o-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);}.cssload-thecube .cssload-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}.cssload-thecube .cssload-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(43,160,199);animation:cssload-fold-thecube 2.76s infinite linear both;-o-animation:cssload-fold-thecube 2.76s infinite linear both;-ms-animation:cssload-fold-thecube 2.76s infinite linear both;-webkit-animation:cssload-fold-thecube 2.76s infinite linear both;-moz-animation:cssload-fold-thecube 2.76s infinite linear both;transform-origin:100% 100%;-o-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;}.cssload-thecube .cssload-c2{transform:scale(1.1) rotateZ(90deg);-o-transform:scale(1.1) rotateZ(90deg);-ms-transform:scale(1.1) rotateZ(90deg);-webkit-transform:scale(1.1) rotateZ(90deg);-moz-transform:scale(1.1) rotateZ(90deg);}.cssload-thecube .cssload-c3{transform:scale(1.1) rotateZ(180deg);-o-transform:scale(1.1) rotateZ(180deg);-ms-transform:scale(1.1) rotateZ(180deg);-webkit-transform:scale(1.1) rotateZ(180deg);-moz-transform:scale(1.1) rotateZ(180deg);}.cssload-thecube .cssload-c4{transform:scale(1.1) rotateZ(270deg);-o-transform:scale(1.1) rotateZ(270deg);-ms-transform:scale(1.1) rotateZ(270deg);-webkit-transform:scale(1.1) rotateZ(270deg);-moz-transform:scale(1.1) rotateZ(270deg);}.cssload-thecube .cssload-c2:before{animation-delay:0.35s;-o-animation-delay:0.35s;-ms-animation-delay:0.35s;-webkit-animation-delay:0.35s;-moz-animation-delay:0.35s;}.cssload-thecube .cssload-c3:before{animation-delay:0.69s;-o-animation-delay:0.69s;-ms-animation-delay:0.69s;-webkit-animation-delay:0.69s;-moz-animation-delay:0.69s;}.cssload-thecube .cssload-c4:before{animation-delay:1.04s;-o-animation-delay:1.04s;-ms-animation-delay:1.04s;-webkit-animation-delay:1.04s;-moz-animation-delay:1.04s;}@keyframes cssload-fold-thecube{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{transform:perspective(136px) rotateY(180deg);opacity:0;}}@-o-keyframes cssload-fold-thecube{0%,10%{-o-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-o-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-o-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-ms-keyframes cssload-fold-thecube{0%,10%{-ms-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-ms-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-ms-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-webkit-keyframes cssload-fold-thecube{0%,10%{-webkit-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-webkit-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-webkit-transform:perspective(136px) rotateY(180deg);opacity:0;}}@-moz-keyframes cssload-fold-thecube{0%,10%{-moz-transform:perspective(136px) rotateX(-180deg);opacity:0;}25%,75%{-moz-transform:perspective(136px) rotateX(0deg);opacity:1;}90%,100%{-moz-transform:perspective(136px) rotateY(180deg);opacity:0;}}

/*Popup*/
div.login-popup
{
    position:fixed;
    z-index:999;
    display:none;
    width:90%;
    min-width:250px;
    max-width:700px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
div.datngay_popup
{
    padding:20px;
    background:#fff;
}
div.close-popup
{
    cursor: pointer;
    z-index: 999;
    position: absolute;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    right: -30px;
    top: -30px;
    z-index: 999999;
    -webkit-transition: all .5s ease-in-out;
    background-size: 40% 40%;
    -moz-transition: all .5s ease-in-out;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: 0 0 60px rgba(0,0,0,.4);
    border: 1px solid rgba(255,255,255,.5);
    background-color: rgba(255,255,255,.2);
    content: 'x';
    font-size: 29px;
    color: #cbcbcb;
}
div.close-popup:hover
{
    background-color: rgba(255,255,255,.3);
    box-shadow: 0 0 20px rgba(255,255,255,.8);
}
div#baophu
{
    background:#000;
    opacity:0.8;
    z-index:998;
    left:0px;
    top:0px;
    position:fixed;
    width:100%;
    height:100%;
    display:block;
}

div.popup_donhang
{
    position:fixed;
    z-index:999;
    width:90%;
    min-width:250px;
    max-width:450px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background:#fff;
    padding:12px;
    font-weight:normal;
    display: none;
    font-family: 'tieude';
}
div.popup_donhang .img
{
    float:left;
    max-width:100px;
    margin-right:10px;
}
div.popup_donhang .ten
{min-height: 40px;font-size: 15px;text-transform: uppercase;/* text-align: center; */}
div.dieukhien a
{
    background:#a00101;
    color:#fff;
    text-decoration:none;
    line-height:32px;
    height:32px;
    display:inline-block;
    padding:0 28px;
    float:left;
    margin-top:7px;
    cursor: pointer;

}
div.dieukhien a.ttmh
{
    border:1px solid #bbb;
    background:#fff;
    color:#333;
    margin-right:7px;
}
/*Popup*/

/*tab san pham*/
div#tabs
{
    margin: 10px 0;
}
div#tabs ul#ultabs
{
    list-style:none;
    border-bottom:1px solid #d2d2d2;
    padding: 0;
    margin: 0;
}
div#tabs ul#ultabs li
{
    padding: 6px 10px;
    margin-right: 10px;
    cursor: pointer;
    border-bottom: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'tieude';
    display: inline-block;
}
div#tabs ul#ultabs li.active,div#tabs ul#ultabs li:hover
{
    color: #ffffff;
    background: #e23d31;
}
div#content_tabs
{
    border-top:none;
    padding: 15px 0;
}
/*tab san pham*/
.catchuoi1{-webkit-line-clamp:1;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.catchuoi2{-webkit-line-clamp:2;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.catchuoi3{-webkit-line-clamp:3;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.catchuoi4{-webkit-line-clamp:4;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.catchuoi5{-webkit-line-clamp:5;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.catchuoi6{-webkit-line-clamp:6;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.catchuoi7{-webkit-line-clamp:7;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.catchuoi8{-webkit-line-clamp:8;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
.pagination { list-style: none; }   
.pagination li {display: inline-block;} 
.pagination li a.page {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    color: #777;
    background: #fff;
    margin: 0 3px;
    border-radius: 4px;
}   
.pagination li.active a.page ,.pagination li a.page:hover {
    background: #0193de;
    color: #fff;
}
div.video-chitiet{}
div.video-chitiet {}
div.taikhoan{display: none}
div.tt_lh div.frm_lienhe .item_lienhe:nth-child(1){background: #fff url(../images/lh1.png) no-repeat 95% center;}
div.tt_lh div.frm_lienhe .item_lienhe:nth-child(2){background: #fff url(../images/lh2.png) no-repeat 95% center;}
div.tt_lh div.frm_lienhe .item_lienhe:nth-child(3){background: #fff url(../images/lh3.png) no-repeat 95% center;}
div.tt_lh div.frm_lienhe .item_lienhe:nth-child(4){background: #fff url(../images/lh4.png) no-repeat 95% center;}
div.tt_lh div.frm_lienhe .item_lienhe:nth-child(5){background: #fff url(../images/lh5.png) no-repeat 95% 6px;}
div.tt_lh div.frm_lienhe .item_lienhe input[type='text'],div.tt_lh div.frm_lienhe .item_lienhe input[type='date'],div.tt_lh div.frm_lienhe .item_lienhe textarea,div.tt_lh div.frm_lienhe .item_lienhe input[type='password'],div.tt_lh div.frm_lienhe .item_lienhe select{background: none}

body{
	font-size:14px;
	line-height:1.5;
	font-family: 'body';
	top: 0 !important;
}
 @font-face {
    font-family: 'body';
    src: url("../fonts/Mulish-Regular.ttf");
    font-style: normal;
    font-display: block; 
}
@font-face {
    font-family: 'menu';
    src: url("../fonts/Roboto-Bold.ttf");
    font-style: normal;
    font-display: block; 
}
@font-face {
    font-family: 'a-r';
    src: url("../fonts/Anton-Regular.ttf");
    font-style: normal;
    font-display: block; 
}
@font-face {
    font-family: 'tieude';
    src: url("../fonts/Roboto-Bold.ttf");
    font-style: normal;
    font-display: block; 
}
@font-face {
    font-family: 'roboto-r';
    src: url("../fonts/Mulish-Regular.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "roboto-b";
    src: url("../fonts/Roboto-Bold.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "roboto-conb";
    src: url("../fonts/RobotoCondensed-Bold.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "os-b";
    src: url("../fonts/Oswald-Bold.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "muli-b";
    src: url("../fonts/Mulish-Bold.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "muli-eb";
    src: url("../fonts/Mulish-ExtraBold.ttf");
    font-style: normal;
    font-display: block;
}
/* @font-face {
    font-family: "oswald";
    src: url("../fonts/Mulish-ExtraBold.ttf");
    font-style: normal;
    font-display: block;
} */
b,strong
{
	font-family: 'tieude';
}
div#wapper
{
  margin:auto;
  min-width:320px;
  background: #f5f5f5;
}
div.wap_thongtin
{
	background: #0193de;
	font-size: 13px;
	color: #fff;
}
div.thongtin
{
	max-width:1180px;
	margin:auto;
}
div.thongtin span
{
	display:inline-block;
	vertical-align:top;
	margin-right: 4%;
	line-height: 36px;
}
div.thongtin span.diachi{}
div.thongtin span.dienthoai{}
div.thongtin span.email{}
div.thongtin i
{
	margin-right: 6px;
	font-size:17px;
}
div.mxh_top
{
	float:right;
	line-height: 0;
}
div.mxh_top a img
{
	height: 36px;
	margin: 0px 0 0 13px;
}
div.header
{
	position:relative;
	margin:auto;
	
	padding: 10px 0;
	z-index: 99;
background: url(../images/bg-head.jpg);}
div.header a.logo
{
	display:block;
	line-height:0;
	width: 11.5%;
	float: left;
}
div.header .logo_mobi
{
	display:none;
}
div.header a.logo img
{
	width:100%;transition: 0.4s;
max-width: 130px !important;}
div.header .head-2{
    width: 84%;
    float: right;
}
div.header .head-3{
    margin-bottom: 0;
    padding-top: 0px;
}
div#lang
{
	position:absolute;
	top:5px;
	right:10px;
}
div#lang a img
{
	margin-left:3px;
	height: 20px;
}
.sang_header
{
	top: 30%;
    left: 5%;
}
div.menu_mobi,div.menu_mobi_add
{
	display:none;
}
div.wap_menu
{
	position:relative;
	height: 40px;
	line-height: 40px;
	margin:auto;
	width:100%;
	left:0;
	
background: #e23d31;}
div.menu
{
	position:relative;
	max-width:1180px;
	margin:auto;
	
}
div.menu ul
{
  float: left;
  list-style:none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
div.menu ul li img{display:none}
div.menu ul li ul li img{display:block;}
div.menu ul li ul li span{display:inline-block;}
div.menu ul li ul li a{display: inline-block !important;vertical-align: top;border: 0 !important;line-height: 60px;}
div.menu ul li
{
  float:left;
  position:relative;
  z-index:50;
}
div.menu ul li.line
{
	background: rgba(0,0,0,0.2);
	height: 45px;
	width:1px;
	display: none;
}

div.menu ul li a
{
	color: #fff;
	font-size: 17px;
	padding: 0px 9px;
	text-decoration:none;
	
	display:block;
	font-family: 'roboto-r';
}

div.menu ul li a:hover,div.menu ul li a.active,div.menu ul li a.active2
{
	color: #e6e44b;
}
div.menu ul li ul,div.menu ul li:hover ul li ul
{
	position:absolute;
	margin-left:0px;
	display:none;
	min-width: 200px;
	background: #0193de;
	line-height: 1.5;
}
div.menu ul li ul li
{
    float:none;
}
div.menu ul li ul li a
{
	padding: 8px 10px;
	text-transform:none;
	display:block;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	font-size: 13px;
}
div.menu ul li ul li a:hover{}
div.menu ul li ul li ul
{
	left:100%;
	top:0px;
}
div.search
{
	position: relative;
	right: 0px;
	top: 0;
	background: #fff;
	border-radius: 5px;
	height: 40px;
	width: 73%;
	transition: 0.3s;
	overflow: hidden;
	float: left;
	border: 1px solid #cccccc;
}
div.search input
{
	  padding: 0px 10px;
	  float: left;
	  margin-top: 11px;
	  border: none;
	  background: none;
	  width: 75%;
	  outline: none;
	  color: #777;
}
div.search i
{
	float: right;
	margin-right: 8px;
	margin-top: 11px;
	color: #ccc;
	font-size: 17px;
	cursor: pointer;
}
div.slider
{
	margin:auto;
	overflow: hidden;
}
div.left
{
	width:240px;
	float:left;
}
h2.tieude
{
	color:#fff;
	text-align:center;
	background: #0193de;
	line-height:39px;
	text-transform:uppercase;
	font-family: 'tieude';
	font-size: 15px;
	display: inline-block;
	width: 100%;
}
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;
	padding: 0;
	margin: 0;
}
div#danhmuc ul li
{position: relative;}
div#danhmuc ul li:last-child
{
	border:none;
}
div#danhmuc ul li a
{
	color: #454545;
	font-family: 'menu';
	text-decoration: none;
	font-size: 14px;
	transition: 0.4s;
	display: block;
	border-bottom: 1px solid #DDD;
	padding: 9px 5px 9px 33px;
}
div#danhmuc ul li span{
    position: absolute;
    left: 13px;
    top: 13px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/icon-cong.png) no-repeat;
    cursor: pointer;
}
div#danhmuc ul li a:hover,div#danhmuc ul li a.active
{
	color:red;
	transition:0.4s;
}
div#danhmuc ul li ul li a
{
	 padding: 9px 5px 9px 49px;
}
div#danhmuc ul li ul li span{
    left: 27px;
    background: url(../images/icon-tru.png) no-repeat;
}
div#danhmuc ul li ul li ul li span{}
div#danhmuc ul li ul
{
	display:none;
}
div.tinmoi .box_news h3 a{font-size: 13px;font-family: 'body';}
div.tinmoi .box_news{padding: 9px 10px;margin:0;border-bottom: 1px dashed #ccc;min-height: 73px;}
div.tinmoi .box_news a img{max-width: 73px !important}
div.tinmoi .box_news .mota{}
div.tinnoibat .box_news h3 a{}
div.tinnoibat .box_news{padding: 9px 0px;margin:0;border-bottom: 1px dashed #ccc;min-height: 73px;}
div.tinnoibat .box_news a img{max-width: 131px !important}
div.tinnoibat .box_news .mota{}
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: bold;
    padding-top: 62px;
    padding-left: 80px;
    padding-bottom: 10px;
    margin-right: 20px;
    font-style: italic;
}
div.hotro ul
{
	list-style: none;
    border-bottom: 1px dashed #DDDDDD;
    padding: 7px;
    margin: 0px 10px;
    font-size: 13px;
}
div.hotro ul li
{
	clear: both;
    padding: 6px 0;
    color: #555555;
}
div.hotro ul li i
{
	font-size:17px;
	margin-right:8px;
	clear:both;
}
div.hotro ul li span
{
	color: #3853a4;
    font-weight: normal;
    font-size: 14px;
    margin-top: 3px;
    float: left;
}
div.hotro ul li a img
{
	margin-right: 5px;
    float: left;
	width:25px;
}
div#quangcao img
{
	width:90%  !important;
	max-width:300px !important;
	border:1px solid #DDD;
	margin:5px auto;
	padding:4px;
	box-sizing:border-box;
}
div#quangcao img:hover
{
	border:1px solid red;
}
div#dknt
{
	max-width:350px;
}
form#frm_dknt
{
	background:#fff;
	height: 40px;
	margin:10px 0;
}
form#frm_dknt input[type='text']
{
	width: 80%;
	padding: 0px 3%;
	float:left;
	margin-top: 12px;
	border:none;
	background:none;
	outline:none;
	color:#000;
	outline:none;
}
form#frm_dknt input[type='button']
{
	background:red;
	color:#fff;
	width: 20%;
	height: 40px;
	line-height: 40px;
	border:none;
	cursor:pointer;
	float:right;
	outline:none;
	font-weight: bold;
	text-transform: uppercase;
}
div.main_content
{
	max-width:1180px;
	margin:20px auto;
	margin-top:40px;
}
div.right
{
	width: calc(100% - 260px);
	float:right;
}
div.tieude_giua
{
	color: #000000;
	font-size:14px;
	text-transform:uppercase;
	text-align: left;
	font-size: 18px;
	font-family:'tieude';
	position:relative;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}
div.tieude_giua:before
{
	content:'';
	height:2px;
	width:60px;
	left: 0;
	bottom:-5px;
	margin-left: 0;
	background: #e23d31;
	position:absolute;
}
div.tieude_link
{
	text-align:left;
	position:relative;
	margin-bottom: 0;
}
div.tieude_link div a.text-1 {
    display: table;
    color: #8b8b8c;
    font-size: 14px;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
    float: left;
    font-family: 'roboto-r';
}
div.tieude_link div a.text-1:hover{
	color: #df001f;
	}
div.tieude_link div i {
    color: #e23d31;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    width: 30px;
    text-align: center;
    float: left;
}
div.wap_item
{
	position:relative;
	text-align:center;
}
div.item
{
	text-align:center;
	position: relative;
	width: calc(25% - 20px);
	margin: 10px 10px;
}
div.item .sp_img
{
	overflow:hidden;
	margin-bottom:10px;
	position: relative;
}
div.item .sp_img a
{
	display:block;
	line-height:0;
}
div.item a img
{
	width:100%;
}
div.item .sp_name a
{
	text-decoration:none;
	color:#222222;
	font-weight:normal;
	font-size: 17px;
	display:block;
	font-family: 'muli-b';
	margin-bottom: 5px;
	
}
div.item .sp_name a:hover
{
	transition:0.4s;
	color:red;
}
div.item .xemthem{color: #000;display: inline-block;}
div.item .xemthem:hover{color: #f00;}
div.item .sp_gia{}
div.item .sp_gia .gia,div.item .sp_gia .giakm
{
	color:red;
	font-size: 15px;
	font-family: 'roboto-r';
}
div.item .sp_gia span.giacu
{
	color: #939393;
	text-decoration:line-through;
	margin-left: 12px;
}
div.item .sp_gia b{color: #000;}
.thumb-them{display:none;}
div.item .w-bottom{}
div.item .sale{
	display:block;
	position:absolute;
	top:4px;
	right:4px;
	width:54px;
	height:54px;
	text-align:center;
	line-height:54px;
	color:#fff;
	font-size:16px;
	background:url(../images/sale-icon.png) no-repeat center;
	background-size:100% 100%;
	z-index:5;
	}
div.item .new{
	display:block;
	position:absolute;
	top:44px;
	right:4px;
	width:23px;
	height:12px;
	text-align:center;
	background:url(../images/new.gif) no-repeat center;
	background-size:100% 100%;
	z-index:5;
	}
div.item .saleimg{
	display:block;
	position:absolute;
	top:64px;
	right:4px;
	width:57px;
	height:40px;
	text-align:center;
	background:url(../images/sale.png) no-repeat center;
	background-size:100% 100%;
	z-index:5;
	}
div.item .nutdathang{
	display: block;
	width: 100%;
	line-height: 33px !important;
	color: #fff;
	font-size: 15px;
	text-align: center;
	position: absolute;
	bottom:  -33px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	border-radius: 3px;
	background: rgba(1, 147, 222, 0.78);
	box-shadow: 2px 2px 9px #211f1f;
	z-index: 3;
	cursor:pointer;
	opacity:0;
	transition:0.3s;
	text-transform: uppercase;
	}
div.item .nutdathang i{font-size: 20px;color: #fff;margin-right: 10px;}
div.item:hover .nutdathang{ bottom:0px; opacity:1;}
div.item .nutthemhang{
	display: block;
	width: 33px;
	line-height: 39px !important;
	color: #308fbe;
	font-size: 15px;
	text-align: center;
	position: absolute;
	bottom:  -33px;
	left: 0;
	z-index: 9;
	cursor:pointer;
	opacity:0;
	transition:0.3s;
	text-transform: uppercase;
	background: #fff;
	height: 33px;
	}
div.item .nutthemhang:hover{color: #f00;}
div.item .nutthemhang i{font-size: 22px;}
div.item:hover .nutthemhang{bottom: 0;opacity:1;z-index: 4;}
div.item .sp_des{text-align: justify;}
.themthanhcong{
    background: #000;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    box-shadow: 0px 0px 12px #575151;
    position: fixed;
    right: -240px;
    top: 149px;
    z-index: 999999;
    transition: 0.3s;
    font-family: 'roboto-r';
    font-size: 14px;
 }
div.wap_tintuc
{
	padding: 50px 0;
	background: #efefef;
}
div.bao_tintuc
{
	max-width:1180px;
	margin:0px auto;
}
div.tintuc
{
	width:32%;
	float:left;
}
div.video
{
	width:32%;
	float:left;
	margin-left:2%;
}
div.video img{width: 100% !important;left: 0px !important;}
div.fanpage
{
	width:32%;
	float:right;
	overflow:hidden;
}
div.tieude2
{
	border-bottom: 1px solid #0193de;
	font-family:'tieude';
	font-size: 22px;
	padding-bottom: 5px;
	position:relative;
	margin-bottom: 15px;
	text-transform: uppercase;
	/* color: #545454; */
}
div.tieude2:before
{
	content:'';
	height:3px;
	width:80px;
	position:absolute;
	background: #0193de;
	left:0;
	bottom:0;
}
div.item_tnb
{
	border-bottom:1px dashed #DDDDDD !important;
	padding:10px 0;
}
div.item_tnb .img_news
{
	width:35%;
	max-width:150px !important;
	border:1px solid #d6d6d6;
	float:left;
	margin-right:10px;
}

div.item_tnb .name_news a
{
	text-decoration: none;
	color: #111111;
	font-size: 14px;
	transition: 0.4s;
	margin-bottom: 5px;
	display: block;
}
div.item_tnb .name_news a:hover
{
	color:red;
	transition:0.4s;
}
div.item_tnb .mota{text-align: justify;}
div.wap_copy
{
	background: #02406d;
	color:#fff;
	padding:12px 0;
}
div.copy
{
	max-width:1180px;
	margin:auto;
}
div.copy ul
{
	list-style:none;
	float:right;
}
div.copy ul li
{
	padding:0px 10px;
}
div.wap_footer
{
	background: url(../images/bg-head.jpg);
	margin:auto;
	color:#fff;
	padding: 60px 0 0 0;
	
}
div.footer
{
	max-width:1180px;
	margin:auto;
	padding-bottom: 50px;
	display: flex;
	justify-content: space-between;
}
div#main_footer
{
	width: 36%;
	float:left;
	margin-right: 9%;
	}
div#main_footer .ten
{
	text-transform:uppercase;
	font-family:'tieude';
	font-size: 24px;
	margin-bottom:15px;
	margin-top: -8px;
	display: inline-block;
	width: 100%;
}
div#main_footer ul
{
	list-style:none;
	padding: 0;
	margin: 0;
}
div#main_footer ul li
{
	margin:9px 0;
	font-size:14px;
}
div#main_footer ul li a{color:#fff}
div#main_footer ul li a:hover{color: #ff0;}

div#main_footer ul li i
{
	width:30px;
	height:30px;
	border:1px solid #f9f9f9;
	text-align:center;
	border-radius:3px;
	line-height:30px;
	margin-right:8px;
	font-size: 18px;
}
div.footer2{width: 24%;float: left;}
div#fanpage-foot{width: 30%;float: left;}
div.mxh
{
	margin-top:10px;
}
div.mxh span
{
	display: block;
	font-size: 14px;
	vertical-align:top;
	margin: 0px 10px 0 0;
	line-height: 40px;
}
div.mxh a
{
	display:inline-block;
	vertical-align:top;
	margin: 0px 10px 0 0;
}
div.mxh a img
{
	max-height: 40px;
	border-radius:4px;
}
div.mxh a img:hover
{
	transition:1s;
	transform:rotate(360deg);
}
div#thongke
{
	width: 23%;
	float:right;
}
.td_ft
{
	font-size: 21px;
	text-transform:uppercase;
	font-family: 'muli-eb';
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	background: linear-gradient(to bottom, #f5f5f5 0%, #b7b7b7 70%, #f5f5f5 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
div#thongke ul
{
	list-style:none;
	padding: 0;
	margin: 0;
}
div#thongke ul li
{
	clear:both;
	padding: 6px 0px;
}
div#thongke ul li a{color: #fff;padding-left: 15px;
    background: url(../images/li-foot.png) no-repeat left center;}
div#thongke ul li a:hover{color:#ff0}
div#thongke ul li img
{
	float:left;
	margin-right:15px;
	width:16px;
	margin-top:2px;
}
/* --------------------- Phan trang ------------------*/
div.wap_doitac
{
	padding:20px 0;
}
div.doitac
{
	box-sizing:border-box;
	max-width:1180px;
	margin:auto;
}

div.doitac img
{
	height:80px;
	margin:0 8px;
	border:1px solid #DDD;
}
/*----------------------------------------------------*/
div.wap_pro
{
	clear:both;
	margin:30px 0;
}
.zoom_slick
{
	width:50%;
	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:0.5;
	transition:1s;
}

.product_info
{
	float:right;
	list-style:none;
	width:46%;
	margin: 0;
	padding: 0;
}
.product_info li
{
	font-size:13px;
	border-bottom:1px solid #EEE;
	padding:10px 0;
	font-family: 'body';
}
.product_info li.ten
{
	color: #000000;
	font-size: 17px;
	font-family:'tieude';
	text-transform: uppercase;
}
.product_info li.giakm,.product_info li.gia
{
	font-size:15px;
	color:red;
	position:relative;
	font-family:'tieude';
}
.product_info li.giacu
{
	color: #0c0c0c;
	font-family: 'body';
}
.product_info li.giacu span{text-decoration:line-through;color: #ada6a6;}
.product_info li.giakm .tinh_phantram
{
	background: red;
    color: #fff;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    position: absolute;
    right: 30%;
    top: 0;
}

.product_info li b
{
	font-weight:normal;
	font-size:14px;
	font-family: 'body';
}
.xemgiohang
{
	color: #E80019;
	display: block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	font-size: 15px;
	transition: 0.4s;
	margin: auto;
	margin-top: 7px;
	text-decoration: none;
}
.product_info li.b-datmua{}
.product_info li.b-datmua .add_to_cart:nth-child(2){
    background: #288ad6;
}
.product_info li .add_to_cart
{
	background: #e93b35;
	color: #fff;
	display: inline-block;
	height: auto;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 18px;
	transition: 0.4s;
	width: 48%;
	padding: 6px 0;
	background: #dd0000;
	background: #fd6e1d;
	background: -webkit-gradient(linear,0% 0,0% 100%,from(#fd6e1d),to(#f59000));
	background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
	box-shadow: 0 3px 4px 0 rgba(10,31,68,0.1), 0 0 1px 0 rgba(10,31,68,0.08);
	border-radius: 6px;
	font-family: 'tieude';
}
.product_info li .add_to_cart span{
    display: block;
    font-size: 11px;
    text-transform: initial;
}
a.size {
    display: inline-block;
    padding: 4.5px 10px;
    border: 1px solid #DDD;
    margin-right: 7px;
    cursor: pointer;
    background: #f1f1f1;
}
a.mausac {
    display: inline-block;
    border: 1px solid #DDD;
    height: 30px;
    margin-right: 7px;
    cursor: pointer;
    font-size: 15px;
    vertical-align: top;
    color: #000;
    padding: 0 10px;
    background: #f1f1f1;
}
a.active_size,a.size:hover,a.mausac:hover, a.active_mausac {
    border: 1px solid #0388cd;
    background: #0388cd !important;
    color: #fff !important;
}
input.soluong
{
	padding: 3px 0;
    width: 55px;
    border: 1px solid #dedede;
    text-align: center;
}
.product_info li.b-soluong{border-bottom: 1px solid #ccc;padding-bottom: 14px;margin-bottom: 8px;margin-top: 5px;text-transform: uppercase;}
.product_info li.b-soluong div{/* float: left; */line-height: 30px;margin-top: 7px;}
.product_info li.b-soluong input{display: inline-block;vertical-align: top;line-height: 23px;padding: 3px 0;
	width: 95px;border: 1px solid #dedede;text-align: center;}
.product_info li.b-soluong .giam{font-size: 20px;display: inline-block;width: 31px;text-align: center;font-family: 'roboto-r';vertical-align: top;line-height: 31px;cursor: pointer;background: #ebebeb;}
.product_info li.b-soluong .tang{font-size: 17px;display: inline-block;width: 31px;text-align: center;font-family: 'roboto-r';line-height: 31px;vertical-align: top;cursor: pointer;background: #ebebeb;}
.product_info li.b-size{
    min-height: 30px;
}
.product_info li.b-size b{
    display: inline-block;
    line-height: 32px;
    min-width: 86px;
}
.tbl_giohang{text-align:center; background:#f1f1f1; width:100%; font-size:13px; margin-bottom:20px; border:1px solid #DDD; border-collapse:collapse; padding:1px; }
.tbl_giohang td{border:1px solid #e2e2e2;font-weight: normal;}
.tbl_giohang td .name-sp{color: #000;font-family: 'tieude';}
.tbl_giohang .dong_gh{ background:#fff;}
.tbl_giohang .img_gh{ height:50px;}
.tbl_giohang .xoa_gh{ cursor: pointer;color: #000000;font-size: 17px;}
.tbl_giohang .xoa_gh:hover{color:red;}
.tbl_giohang .sl_gh{ text-align:center; border:1px solid #DDD; padding:3px 5px; width:60px;}
.tbl_giohang .tongtien_gh{background: #F0F0F0;text-align: right;line-height: 50px;padding-right: 20px;font-size: 15px;color: #000000;font-family: 'roboto-b';}
.tieptuc{
	padding: 10px 25px;
	background: #7b7777;
	border: none;
	color: #fff;
	margin: 10px 0px;
	font-size: 13px;
	cursor: pointer;
	box-sizing: border-box;
	text-transform: uppercase;
	}
.click_ajax2{
	padding: 10px 25px;
	background: #0193de;
	border: none;
	color: #fff;
	margin: 10px 0px;
	font-size: 13px;
	cursor: pointer;
	box-sizing: border-box;
	text-transform: uppercase;
	}
@-webkit-keyframes star {
  0% {
    -webkit-transform: rotate(0) scale(0);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
  }
}
@-o-keyframes star {
  0% {
    -o-transform: rotate(0) scale(0);
  }
  50% {
    -o-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -o-transform: rotate(360deg) scale(0);
  }
}
@-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;
	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;
}
@keyframes star {
  0% {
    transform: rotate(0) scale(0);
  }
  50% {
    transform: rotate(180deg) scale(1.5);
  }
  100% {
    transform: rotate(360deg) scale(0);
  }
}
.slick-loading .slick-list{background:#fff url(../images/ajax-loader.gif) center center no-repeat}
.control_slick .slick-prev{background:url(../images/next_xam.png) center no-repeat;display:none!important}
.control_slick .slick-next{background:url(../images/next_xam.png) center no-repeat;display:none!important}
.control_slick_doc .slick-next{background:url(../images/next_xam.png) center no-repeat;bottom:0;top:auto;right:auto;left:50%;margin-left:-20px;transform:rotate(90deg);display:none!important}.control_slick_doc:hover .slick-next,.control_slick_doc:hover .slick-prev{transition:1s;display:block!important}.control_slick:hover .slick-next,.control_slick:hover .slick-prev{transition:1s;display:block!important}
.control_slick_doc .slick-prev{background:url(../images/next_xam.png) center no-repeat;top:0;bottom:auto;right:auto;left:50%;margin-left:-20px;transform:rotate(-90deg);display:none!important}
.slick-prev{opacity:1;transition:.5s;font-size:0;line-height:0;position:absolute;top:50%;display:block;width:40px;height:40px;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:url(../images/next_xam.png) center no-repeat;z-index:50;transition:1s;transform:rotate(180deg);margin-top:-20px}
.slick-next{opacity:1;transition:.5s;font-size:0;line-height:0;position:absolute;top:50%;display:block;width:40px;height:40px;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:url(../images/next_xam.png) center no-repeat;z-index:50;transition:1s;margin-top:-20px}
.tbl_banggia
{
	width:100%;
	border-collapse : collapse;
	font-size:14px;
	text-align:center;
	font-size:13px;
}
.tbl_banggia th
{
	font-size:15px;
	background: #e8e8e8;
}
.tbl_banggia th, .tbl_banggia td {
    border: 1px solid #d2d2d2;
    padding: 10px 1%;
}
/*--------- copy - right--------*/
div.copy-right{
	background: #e23d31;
	padding: 14px 0px;
	color:#fff;
	font-size:13px;
	font-family:'roboto-r';
	text-align: center;}
div.copy-right .cop-l{ width: 100%; float:left; }
div.copy-right .cop-r{ text-align:right; width:48%; float:right; display: none;}
div.copy-right .cop-r span{}
/*--------- copy - right--------*/
.img-congthuong{display: block;margin-top: 20px;}
.img-congthuong img{max-width:140px !important; }
  .box-giohang-fix{
	display: block;
	height: 35px;
	background: url(../images/icon-giohang-top.png) no-repeat left center;
	padding-left: 48px;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 52px;
	font-weight: bold;
	text-decoration: none;
	color: #f30c0c;
	position: fixed;
	right: 20px;
	top: 15%;
	z-index: 999;
	}
.box-giohang-fix b{
    display: block;
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: 32px;
    top: 3px;
    height: 14px;
    width: 9px;
    z-index: 9;
    line-height: 17px;
	}
div.box-sanpham-tc{padding: 30px 0;}
div.box-sanpham-for{padding: 20px 0;}
div.addthis_toolbox{margin-top: 20px;}
.xemthem-sp{
	width: 125px;
	margin:0 auto;
	color: #fff;
	line-height: 41px;
	font-size: 14px;
	display:block;
	text-align:center;
	text-decoration:none;
	background: #0193de;
	transition:0.5s;
	margin-top: 24px;
	border-bottom: 3px solid #04679b;
	border-radius: 5px;
	text-transform: uppercase;
	font-family: 'tieude';
	}
.xemthem-sp:hover{
	background:#000;
	color: #1fabf3;
	}
img:not([src]):not([srcset]) { visibility: hidden; }
img:not([src]):not([srcset]) { visibility: hidden; } 
@-moz-document url-prefix() { img:-moz-loading { visibility: hidden; } }
div.box-tab{
	text-align:center;
	}
div.box-tab a{
	display:inline-block;
	vertical-align:top;
	padding: 5px 11px;
	color: #000;
	text-align:center;
	text-transform:uppercase;
	transition:0.3s;
	margin: 13px 5px;
	font-size: 14px;
	cursor:pointer;
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-radius: 4px;
	}
div.box-tab a:hover,.act-a{
	color:#fff  !important;
	background: #0193de !important;
	}
div.box-hethong{padding: 0 0;}
div.box-hethong .ht-left{width: 45%;float: left;height: 250px;overflow-y: scroll;}
div.box-hethong .ht-left::-webkit-scrollbar {width: 3px;}
div.box-hethong .ht-left::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
div.box-hethong .ht-left::-webkit-scrollbar-thumb{background-color: #f74e02;outline: 1px solid slategrey;}
div.box-hethong .ht-right{width: 52%;float: right;}
div.box-hethong .ht-left .item-ht{
	margin-bottom: 5px;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}
div.box-hethong .ht-left .act-item,div.box-hethong .ht-left .item-ht:hover{color: #ff0 !important;}
div.box-hethong .ht-right iframe{width: 100%;height: 250px;}
.act-item{color: #f00;}
div.box-hethong .box_news{padding: 0;border: 0;margin-bottom: 20px;width: 100%;margin: 10px 0;}
div.box-hethong .box_news .mota{line-height: 20px;}
div.bando-footer{line-height: 0;}

/* phan trang ajax */
.page_noibat ul, .page_banchay ul , .page_danhmuc ul ,.page_tabloai ul,.page_thuvien ul{
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}
.page_sanpham ul{display: flex;margin: 0 -10px;flex-wrap: wrap;}
.page_congtrinh ul{ display: flex; margin: 0 -10px; flex-wrap: wrap; }
.page_tintuc ul{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.paging-sm,.paging-sm2 {
    display: block;
    margin-top: 20px;
    text-align: center;
}
.paging-sm a,.paging-sm2 a {
    width: 25px;
    height: 25px;
    color: #000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 5px;
    border: 1px solid #000;
}
.paging-sm a:hover , .paging-sm a.active,.paging-sm2 a:hover , .paging-sm2 a.active {
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
}
.list_monnb {
    display: block;
    text-align: right;
    margin-bottom: 15px;
float: right;}
.list_monnb a {
    font-size: 14px;
    color: inherit;
    display: inline-block;
    vertical-align: top;
    
    padding: 5px 20px 5px 8px;
    line-height: 19px;
    font-family: 'body';
background: url(../images/line-tag.png) no-repeat right center;}
.list_monnb a:hover , .list_monnb a.active {
    color: #e23d31;
    border-bottom: 1px solid;
}
/* phan trang ajax */
.fb_iframe_widget,.addthis_toolbox a.addthis_button_facebook_like{background: none !important}
.page_congtrinh div.item .sp_name a{text-transform: uppercase;font-family: 'tieude';}
.box_tags{padding: 10px 0;margin-top: 15px;max-width: 1180px;margin: auto;}
.box_tags a{
 	display: inline-block;
 	vertical-align: top;
 	margin-right: 10px;
 	text-decoration: none;
 	color: #000;
 	font-size: 14px;
 	margin-bottom: 10px;
 	font-family: 'roboto-r';
 	transition: 0.3s;
 	
 	padding: 10px 20px;
 	}
.box_tags a:hover{color: #e23d31;}
.box_container .content .box_tags{padding: 10px 0;margin-top: 0;}
.box_container .content .box_tags a{border: 1px solid #adacac;color: #000;padding: 2px 13px;margin-right: 4px;}
.box_container .content .box_tags a:hover{background: #000;color: #fff;}
.box_container .content .tieude-tags{text-transform: uppercase;font-family: 'tieude';}
.menu_baophu { background: #000; opacity: 0.8;
	z-index: 998; left: 0px; top: 0px;
	position: fixed; width: 100%; height: 100%; display: none; }
.icon_menu_mobi{
	color: #000;
	font-size: 16px;
	text-decoration: none;
	width: 40px;
	
	cursor:pointer;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	display: none;}
.icon_menu_mobi i {float: left;margin-right: 9px;margin-top: 13px;font-size: 20px;}
a.home_mobi {color:#fff;text-decoration:none;float:right;font-size: 20px;display: none;}
a.phone_mobi {color:#fff;text-decoration:none;float:left;font-size: 18px;display: none;}
a.phone_mobi i{ margin-right: 12px; -webkit-animation: my 700ms infinite;
	 -moz-animation: my 700ms infinite;  -o-animation: my 700ms infinite; 
	 animation: my 700ms infinite; }
div.menu_mobi {
	display:block;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	display: block;
	padding: 0px 10px;
	width: 100%;
	cursor: pointer;
	display: block;
	height: 100%;
	height: 0;
	line-height: 0;
	cursor: pointer;
	}
div.menu_mobi_add {
	display:block;
	position: fixed;
	left: -100%;
	top: 0;
	background: #ffffff;
	z-index: 99999;
	color: #fff;
	height: 100vh;
	overflow: auto;
	line-height: 1.5;
	padding-top: 40px;
	padding-bottom: 20px;
	width: 85%;
	min-width: 140px;
	max-width: 440px;
	box-shadow: inset -4px 0px 8px rgba(0,0,0,0.3);
	transition: 0.5s;
	}
div.menu_mobi_active { left: 0; transition: 0.5s; }
div.menu_mobi_add ul { list-style: none; }
div.menu_mobi_add ul li{}
div.menu_mobi_add ul li > span{display:inline-block;vertical-align:top;margin-left: 30px;max-width: 84px;}
div.menu_mobi_add ul li > a{/* display: inline-block !important; */}
div.menu_mobi_add ul li b{display:inline-block;vertical-align: top;margin-right: 8px;}
div.menu_mobi_add ul li b img{ display: inline-block; vertical-align: top; }
div.menu_mobi_add ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	border-bottom: 1px solid rgb(133 132 132 / 20%);
	padding: 10px 40px 10px 10px;
	margin-left: 20px;
	font-size: 15px;
	position: relative;
	text-transform: uppercase;
	}
div.menu_mobi_add ul li a.active2,div.menu_mobi_add ul li a:hover {color: #ff0303;}
div.menu_mobi_add ul li a i{
	position:absolute; height:100%; right:0;
	top:0; border-bottom: 1px solid rgba(255,255,255,0.1);
	width:40px; text-align:center; padding-top:13px;
	transform:rotate(90deg); border-bottom: 1px solid rgba(255,255,255,0.1); color: #f00;}
div.menu_mobi_add ul li a.active2 i{ transform:rotate(0deg); border-left: 1px solid rgba(255,255,255,0.2); }
div.menu_mobi_add ul ul { display:none; }
div.menu_mobi_add ul li ul li a {padding-left: 20px;color: #f00;}
div.menu_mobi_add ul li ul li ul li a { padding-left: 40px; }
.close_menu {
	position: absolute;
	top: 5px;
	right: 7px;
	font-size: 20px;
	background: rgba(255,255,255,0.2);
	width: 25px;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
	color: #f00;
	}
 .grecaptcha-badge,.grecaptcha-logo,.grecaptcha-badge iframe{display: none !important;opacity: 0;} 
div.dienthoai-head{background: url(../images/icon-dienthoai.png) no-repeat left center;float: right;padding-left: 50px;color: #d61414;font-size: 20px;font-family: 'os-b';line-height: 20px;}
div.menu ul.ul-khacright{/* display: none; */float: right;width: 37%;}
div.menu ul li.morong{position: initial !important;}
div.menu ul li.morong ul{
	width: 100%;
	background:#fff;
	box-shadow: 0px 0px 6px #000;
	display: none;
	left:0;
}
div.menu ul li.morong:hover ul{display: block;}
div.menu ul li.morong ul li{display:inline-block;width: 22%;vertical-align:top;margin:0 1.3%;}
div.menu ul li.morong ul li:last-child a{border-bottom:0px;}
div.menu ul li.morong ul li a{color: #020202;font-family: 'body';font-size: 15px;}
div.menu ul li.morong ul li a:hover{color: #f00;text-decoration: underline;}
div.menu ul li.morong ul li ul{display: block !important;position: relative;width: 100%;left: 0px;visibility: initial !important;padding: 0px;background: #fff;box-shadow: none !important;}
div.menu ul li.morong ul li ul li{width: 100%;    margin: 0;}
div.menu ul li.morong ul li ul li a{
    color: #104c87;
}
div.menu ul li.morong ul li ul li ul li a{padding-left: 10px;}
.page_sanpham div.item .sp_img{background: #fff;}
div.box-sanpham-tc div.item{width: calc(33.3% - 20px);}
.page_sanpham div.item .sp_name a{}
div.box-tt-dk{background-size: cover;}
div.box-tt-dk .b-trong{width: 65%;margin:auto;float: right;padding: 30px;border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
div.box-tt-dk .ten-tin{font-size: 28px;color: #e23d31;text-transform: uppercase;font-family: 'muli-b';padding-left: 65px;background: url(../images/line-dm.png) no-repeat left center;}
div.box-tt-dk .mota-tin{font-size: 14px;text-align: center;color: #fff;}
div.box-tt-dk div.frm_lienhe .item_lienhe{
    width: 100%;
    float: left;
    margin: 4px 0;
}
div.box-tt-dk div.frm_lienhe .item_lienhe:nth-child(1){}
div.box-tt-dk div.frm_lienhe .item_lienhe:nth-child(2){
    width: 49%;
}
div.box-tt-dk div.frm_lienhe .item_lienhe:nth-child(3){
    width: 49%;
    float: right;
}
div.box-tt-dk div.frm_lienhe .item_lienhe:nth-child(4){}
div.box-tt-dk div.frm_lienhe .item_lienhe:nth-child(5){}
div.box-tt-dk div.frm_lienhe .item_lienhe:nth-child(6){}
div.box-tt-dk div.frm_lienhe .item_lienhe input[type='text']{background: none;border: none;
    border-bottom: 1px solid rgb(204 204 204 / 36%);border-radius: inherit;color: #fff;padding: 9px 0;}
div.box-tt-dk div.frm_lienhe .item_lienhe textarea{background: none;border: none;border-bottom: 1px solid rgb(204 204 204 / 36%);border-radius: inherit;color: #fff;padding: 9px 0;}
div.box-tt-dk div.frm_lienhe .item_lienhe input[type='submit']{
    
    background: #e23d31;
    
    border: 0;
padding: 10px 45px;}
div.box-tt-dk ::-webkit-input-placeholder {
   color: #fff;
}
div.box-tt-dk :-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
div.box-tt-dk ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
div.box-tt-dk :-ms-input-placeholder {  
   color: #fff;
}
div.box-tt-dk div.frm_lienhe .item_lienhe input[type='button']:hover{}
div.box-tieuchi{background: #4062b9;padding: 25px 0;}
div.page_tieuchi{/* display: flex; *//* flex-wrap: wrap; */margin: 0 -10px;}
div.page_tieuchi .box_news{
    padding: 0;
    border: 0;
    width: calc(25% - 20px);
}
div.page_tieuchi .box_news a img{
    width: auto;
}
div.page_tieuchi .box_news h3 a{
    color: #fff;
    text-transform: uppercase;
}
div.page_tieuchi .box_news .mota{
    color: #fff;
}
div.page_tieuchi {}
div.box-thuvien{max-width: 1180px;margin: auto;}
div.box-thuvien ul{display: grid;grid-gap: 20px 20px;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;padding: 0;}
div.box-thuvien ul div.item{width: 100%;margin: 0;}
div.box-thuvien ul div.item .sp_img{margin-bottom:0}
div.box-thuvien ul div.item .sp_name a{display: none;}
div.box-thuvien ul div.item a img{object-fit: cover;}
div.box-thuvien ul div.item:nth-child(1){}
div.box-thuvien ul div.item:nth-child(2){
    grid-row: 1/3;
    grid-column: 2/4;
}
div.box-thuvien ul div.item:nth-child(3){
    grid-column: 4/6;
}
div.box-thuvien ul div.item:nth-child(4){}
div.box-thuvien ul div.item:nth-child(5){
    grid-column: 4/6;
}
div.box-thuvien ul div.item:nth-child(6){
    grid-column: 1/4;
}
div.box-thuvien ul div.item:nth-child(7){
    grid-column: 4/6;
}
div.box-thuvien ul div.item:nth-child(1) img,div.box-thuvien ul div.item:nth-child(4) img{width: 247px;height: 280px;}
div.box-thuvien ul div.item:nth-child(2) img{width: 468px;height: 585px;}
div.box-thuvien ul div.item:nth-child(3) img,div.box-thuvien ul div.item:nth-child(5) img,div.box-thuvien ul div.item:nth-child(7) img{width: 468px;height: 280px;}
div.box-thuvien ul div.item:nth-child(6) img{width: 720px;height: 280px;}
.img_al,.contentHolderUnit,.contentHolderUnit a{}
.img_al{display: block;line-height: 0;background: #ffffff7d;}
.img_al iframe{padding: 0;width: 520px;height: 422px;}
.allinone_carousel.powerful .bottomNav{display:none !important}
div.tags-trangchu{
    max-width: 1180px;
    margin: auto;
margin-bottom: 30px;}
div.tags-trangchu .box_tags{
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* margin: 0 -8px; */
}
div.tags-trangchu .box_tags a{
    margin: 8px;
    
    display: inline-block;
    
    
    
    padding: 0px 21px 0 3px;
    background: url(../images/line-tag.png) no-repeat right center;
    font-size: 14px;
    
}
div.tags-trangchu .tieude-tags{font-family: 'muli-b';font-size: 24px;color: #e23d31;margin-bottom: 8px;text-transform: uppercase;display: inline-block;position: relative;margin-right: 24px;}
div.tags-trangchu .tieude-tags:before {
    content: '';
    position: absolute;
    left: -64px;
    background: url(../images/line-dm.png) no-repeat left center;
    top: 17px;
    width: 53px;
    height: 3px;
}
div.tags-trangchu .tieude-tags span{}
div.box-lienket{max-width: 1180px;margin: auto;}
div.box-lienket ul{display: grid;grid-gap: 20px 20px;grid-template-columns:1fr 1fr 1fr 1fr;padding: 0;}
div.box-lienket ul div.item{width: 100%;margin: 0;}
div.box-lienket ul div.item .sp_img{margin-bottom:0}
div.box-lienket ul div.item .sp_name a{
    color: #fff;
    font-size: 20px;
    font-family: 'tieude';
    text-transform: initial;
}
div.box-lienket ul div.item a img{object-fit: cover;width: 280px;height: 220px;}
div.box-lienket ul div.item:nth-child(2){
    grid-row: 1/3;
    grid-column: 2/4;
}
div.box-lienket ul div.item:nth-child(2) img{width: 588px;height: 460px;}
div.box-lienket div.item:nth-child(2) .w-bottom{
    bottom: initial;
    top: 50%;
}
div.box-lienket div.item:nth-child(2) .xemthem{display:inline-block}
div.box-lienket div.item .w-bottom{
    position: absolute;
    bottom: 8px;
    width: 100%;
}
div.box-lienket div.item .xemthem{
    background: #4062b9;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
    display: none;
}
.box-thietyeu{max-width: 1180px;margin: auto;padding-bottom: 20px;padding-top: 40px;}
.tieude-thietyeu{font-size: 30px;font-family: 'tieude';text-transform: uppercase;text-align: center;margin-bottom: 11px;}
.tieude-thietyeu span{display: inline-block;padding-right: 63px;background: url(../images/icon-thietyeu.png) no-repeat right center;color: #4062b9;}
.chay-thietyeu{
    margin: 0 -10px;
}
.chay-thietyeu .box_news{
    border: 1px solid #ccc;
    background: url(../images/icon-muiten.png) no-repeat 96%;
    padding: 20px 10px;
}
.chay-thietyeu .box_news h3 a{font-family: 'body';}
.chay-thietyeu .box_news a img{
    max-width: 60px !important;
}
#slider_slick2{max-width: 90%;margin: 0px auto;}
#slider_slick1{margin: 40px -10px 0 -10px;padding-bottom: 20px;}
#slider_slick1 .item_s{margin: 0 10px;}
#slider_slick1 .item_s img{width: 100%;}
div.box-cap1{
    padding: 20px 0;
}
div.box-cap1 .chay-cap1{margin: 0 -10px;}
.chay-cap1 .box_news{border: 0;}
.chay-cap1 .box_news a img{float: none;width: auto;}
.chay-cap1 .box_news h3 a{
    text-align: center;
}
div.box-sanpham-tc div.item .sp_gia{}
.wap_1200{max-width: 1180px;margin: auto;position: relative;}
div.ten-mxh{display: flex;flex-wrap: wrap;justify-content: space-between;}
div.ten-mxh .tencty{font-size: 34px;font-family: 'a-r';text-transform: uppercase;color: #fff;margin-bottom: 0px;background: linear-gradient(to bottom, #f5f5f5 0%,  #b7b7b7 70%, #f5f5f5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;padding-top: 3px;}
div.ten-mxh .mxh-top{}
div.ten-mxh .mxh-top a{margin-left: 8px;}
div.dc-email{color: #fff;float: left;width: 70%;}
div.dc-email p{margin-bottom: 5px;}
div.dc-email p i{margin-right: 10px;}
div#box-danhmuc{
    width: 23.7%;
    float: left;
    position: relative;
    box-sizing: border-box;
    margin-right: 30px;
 }
div#box-danhmuc .tieude-dm{
    font-family: 'muli-eb';
    display: block;
    width: 100%;
    line-height: 40px;
    color: #333333;
    font-size: 19px;
    background: #d2d2d2 url(../images/icon-danhmuc.png) no-repeat 15px center;
    cursor: pointer;
    text-transform: uppercase;
    box-sizing: border-box;
    padding-left: 49px;
 }
div#box-danhmuc div.bix-l-khac{
	float:none;
	position:absolute;
	top: 40px;
	left:0px;
	opacity:0;
	z-index:-1;
	transition:0.6s;
	height:0px;
	overflow:hidden;
	width:100%;
	}
div#box-danhmuc:hover div.bix-l-khac{
	opacity:1;
	z-index:99;
	height:auto;
	overflow:inherit;
	}
div#box-danhmuc div.bix-l-khac ul{
	width:100%;
	display: block;}
div.slider-r{
	width: 76.3%;
	float: right;
	}
div.bix-l{
    width: 23.7%;
    float: left;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    
 z-index: 99;}
div.bix-l ul{
	height: 445px !important;
	overflow-y: scroll;
	width:100%;
	background:none !important;
	margin-left:0px !important;
	padding: 0;
	margin: 0;
	}
div.bix-l ul::-webkit-scrollbar {width: 5px;}
div.bix-l ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
div.bix-l ul::-webkit-scrollbar-thumb{background-color: #f74e02;outline: 1px solid slategrey;}

div.bix-l ul li{
	list-style:none;
	background: url(../images/icon-li.png) no-repeat 13px center !important;
	width:100% !important;
	border-bottom:0px !important;
	}
div.bix-l ul li b {
    width: 43px;
    display: inline-block;
    padding-left: 10px;
    padding-top: 4px;
}
div.bix-l ul li b img {
    max-width: 24px !important;
    display: inline-block;
    vertical-align: top;
}
div.bix-l ul li a{
    color: #000 !important;
    padding: 7px 0px 7px 39px !important;
    text-decoration: none;
    display: block;
    font-family: 'roboto-r' !important;
    font-size:14px !important;
    
    line-height:25px;
    
 text-transform: inherit;}
div.bix-l ul li a:hover{
	color:#d60c0c !important;
	}
div.bix-l ul li ul{
	position:absolute;
	width:240px;
	opacity:0;
	z-index:-1;
	left:100%;
	top:0px;
	transition:0.4s;
	background: #fff !important;
	width: 0;
	height:auto;
	overflow: hidden;
	}
div.bix-l ul li{
	float:none !important;
	position:initial !important;
	}
div.bix-l ul li ul li a{
	padding: 9px 0px 9px 38px !important;
	line-height: 25px;display: block !important;}
div.bix-l ul li.cap1:hover ul.ul_cap2{
	opacity:1;
	left:98%;
	z-index:5;
	background: #d2d2d2 !important;overflow: initial;width: 100%;}
	
	
div.bix-l ul li ul li ul{
	position:absolute;
	width:240px;
	opacity:0;
	z-index:-1;
	left:100%;
	top:0px;
	transition:0.4s;
	background:#eeeeee !important;
	width:100%;
	height:auto;
	}
div.bix-l ul li ul li{
	float:none !important;
	position:relative !important;
	}
div.bix-l ul li ul li ul li a{
	padding: 12px 0px 12px 32px !important;
	}
div.bix-l ul li ul li.cap2:hover ul.ul_cap3{
	opacity:1;
	left:100% !important;
	z-index:5;
	}
.km{color: #fff;float: left;width: 36%;height: 40px;}
.hinh-sp{display: block;width: 23.4%;float: left;padding-top: 10px;}
.hinh-sp img{width: 100%;}
.sp-right{float: right;width: 75%;}
.tieude_tc{margin-bottom: 10px;padding-left: 65px;}
.tieude_tc span{font-size: 30px;font-family: 'os-b';color: #e23d31;text-transform: uppercase;position: relative;}
.tieude_tc span:before{content:'';position: absolute;left: -65px;background: url(../images/line-dm.png) no-repeat left center;top: 50%;transform: translateY(-50%);width: 53px;height: 1.5px;}
div.box-doitac{padding: 30px 0;}
div.box-doitac .item-dt{background: #fff;margin: 0 10px;}
div.box-doitac .item-dt img{width: 100%;}
div.box-doitac #doitac{margin:0 -10px}
div.box-tt-dk div.hinh-xe{position: absolute;left: 0;z-index: 3;top: 99px;}
div.box-tt-dk div.frm_lienhe{background: url(../images/bg-dktin.jpg) no-repeat center;padding: 40px 40px 20px 200px;position: relative;}
div.box-tt-dk div.frm_lienhe:before{content:'';}
div.box-tt-dk .goidien{display: block;width: 70px;position: absolute;left: 62px;top: 50px;background: url(../images/icon-goi.png) no-repeat center;height: 70px;}
/*---------- gioi-thieu ---------*/	
div.box-gioithieu{	
	padding:40px 0px;
	text-align: center;}
div.gioithieu-l{
	width: 50.9%;
	float:left;
	border-right: 5px solid #e23d31;}
div.gioithieu-l a{display: block;line-height: 0;}
div.gioithieu-l img{width: 100%;transition: 0.3s;}
div.gioithieu-l img:hover{opacity: 0.7;}
div.gioithieu-r{
	width: 49.1%;
	float:right;
	padding-top: 58px;}
div.cont-gt{}
div.gioithieu-r .ten1{}
div.box-gioithieu .ten-gt{
	color: #e23d31;
	font-size: 28px;
	display: inline-block;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'muli-eb';padding: 0 69px;background: url(../images/line-dm.png) no-repeat right,url(../images/line-dm.png) no-repeat left;margin-bottom: 10px;}
div.box-gioithieu .mota-gt{
	color:#000;
	font-size:15px;
	line-height:25px;
	text-align:justify;
	max-width: 880px;margin: auto;}
div.box-gioithieu .xemthem-gt{
	
	margin:0 auto;
	color: #000;
	line-height: 20px;
	font-size: 14px;
	display: table;
	text-align:center;
	text-decoration:none;
	
	transition:0.5s;
	margin-top: 13px;
	
	margin-bottom: 34px;text-transform: uppercase;border-bottom: 1px solid;font-family: 'muli-b';}
div.box-gioithieu .xemthem-gt:hover{
	
	color: #f00;}
div.footer2 .tv{padding-left: 15px;background: url(../images/li-foot.png) no-repeat left center;font-size: 17px;color: #dfdfdf;}
div.footer2 .sodienthoai{font-size: 24px;font-family: 'muli-b';margin-bottom: 11px;}
div.footer2 .b-dien{margin-top: 20px;}
div.footer2 .b-dien a{color: #fff;margin-right: 20px;font-size: 16px;font-family: 'muli-eb';}
div.footer2 .b-dien a i{}
div.item_sl{border-right: 1px solid #cccccc;padding: 12px 16px;text-align: center;cursor: pointer;}
div.item_sl a{font-family: 'muli-b';font-size: 17px;color: #e23d31;display: block;text-transform: uppercase;-webkit-line-clamp: 1;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
div.item_sl div{color: #666666;font-size: 15px;-webkit-line-clamp: 1;white-space:inherit; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;}
div.slider-2{background:#fff;padding: 4px 0;margin-top: 40px;border: 1px solid #e23d31;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
div.box-sanpham-tc:nth-child(3) .hinh-sp,div.box-sanpham-tc:nth-child(4) .hinh-sp,div.box-sanpham-tc:nth-child(7) .hinh-sp,div.box-sanpham-tc:nth-child(8) .hinh-sp,div.box-sanpham-tc:nth-child(11) .hinh-sp,div.box-sanpham-tc:nth-child(12) .hinh-sp,div.box-sanpham-tc:nth-child(15) .hinh-sp,div.box-sanpham-tc:nth-child(16) .hinh-sp{float: right;}
div.box-sanpham-tc:nth-child(3) .sp-right,div.box-sanpham-tc:nth-child(4) .sp-right,div.box-sanpham-tc:nth-child(7) .sp-right,div.box-sanpham-tc:nth-child(8) .sp-right,div.box-sanpham-tc:nth-child(11) .sp-right,div.box-sanpham-tc:nth-child(12) .sp-right,div.box-sanpham-tc:nth-child(15) .sp-right,div.box-sanpham-tc:nth-child(16) .sp-right{float: left;}
.quick_contact {
    position: fixed;
    bottom: 5%!important;
    left: 60px;
    z-index: 20;
}
.quick_contact a {
    display: block;
    position: relative;
    font-size: 18px;
    color: #fff;
    padding: 0 20px 0 35px;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    border-radius: 0 40px 40px 0;
}
.quick_contact a span {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: -25px;
    top: -2.5px;
    border: solid 5px #fff;
}
.button_gradient{background-image:linear-gradient(90deg,#e51c23 0%,#ee2200 100%);border:2px #fff solid;}
.quick_contact a span:before{content:"";position:absolute;top:-30px;left:-27px;width:95px;height:95px;background:url(../images/contact_rotate.png) center no-repeat;animation:rotate 3s linear infinite;}
.quick_contact a span .fa{font-size:26px;color:#fff;}
.contact-phone{float:left;width:100%;text-align:center;font-size:18px;height:45px;font-weight:bold;animation-duration:500ms;animation-name:calllink;animation-iteration-count:infinite;animation-direction:alternate;line-height:45px;}
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate{
	from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes calllink {0% {color: #eba11e;}50% {color: #fff;}100% {color: #ebfa48;}}
.btn-map{bottom: 225px;}
.btn-zalo{bottom: 167px;}
/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blink{
    0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}
@-webkit-keyframes blink{
    0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}
@keyframes blink{
    0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}

/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right: 9px;z-index:10;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background: #e23d31;position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color: #e23d31;opacity:.5;display: none;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color: rgb(204 0 0);opacity: 0;display: none;}
.btn-frame .pulse{animation-name:pulse;}
div.head-fix{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.js-facebook-messenger-box{background: #e23d31 !important}

.dichvu_index{
    padding-top: 30px;
}
.title_main{
    text-align: center;
    margin-bottom: 30px;
}
.title_main h3{
    font-family: 'os-b';
    font-size: 30px;
    text-transform: uppercase;
    color: #e23d31;
}
.dichvu_index .item_s img{margin: 0px auto;}

/* Kinh nghiem - fanpage */
.kinhnghiem_fan { width: 100%; padding-bottom: 50px; }
.kinhnghiem_fan .wrap-content {display: flex;justify-content: space-between;flex-wrap: wrap;}
.kinhnghiem_w { width: 68%; }
.thanh_bt {/* margin-top: 50px; */margin-bottom: 20px;font-size: 30px;font-family: 'os-b';color: #e23d31;text-transform: uppercase;}
.khung_kn { display: flex; justify-content: space-between; flex-wrap: wrap; }
.kn_lon { width: 42%; }
.kn_lon >a { display: block; }
.mota_lon h3 { margin-top: 10px; }
.mota_lon h3 a { font-size: 15px; color: #000; font-weight: 700; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden }
.mota_lon p {color: #333;line-height: 25px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden}
.mota_lon >a {width: 120px;height: 46px;border: 1px solid #e23d31;line-height: 43px;color: #e23d31;text-align: center;text-transform: uppercase;margin-top: 10px;display: inline-block;}
.kn_nho { width: 55%; }
.slick_kinhnghiem {margin: -5px 0;}
.slick_kinhnghiem .slick-slide {margin: 5px 0;}
.item_kn { display: flex !important; align-items: center; justify-content: space-between; }
.item_kn >a { width: 143px; }
.mota_nho { width: calc(100% - 154px) }
.mota_nho h3 { margin-bottom: 5px }
.mota_nho h3 a { font-size: 15px; color: #000; font-weight: 700; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden }
.mota_nho p { color: #333; line-height: 22px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.fan_w { width: 30%; }