body{font-size:12px;font-family:Arial;margin:0px;padding:0px; color:#000; }
/*form{font-size:12px;font-family:Arial; margin:0px; margin:auto; padding:0; width:1000px;}*/
.container {width: 1200px;}

table{font-size: 12px;font-family: Arial;}
@font-face{ font-family:Roboto-Black; src: url('/font/Roboto-Black_0.ttf');}
@font-face{ font-family:Roboto-BlackItalic; src: url('/font/Roboto-BlackItalic_0.ttf');}
@font-face{ font-family:Roboto-Bold; src: url('/font/Roboto-Bold_0.ttf');}
@font-face{ font-family:Roboto-BoldItalic; src: url('/font/Roboto-BoldItalic_0.ttf');}
@font-face{ font-family:Roboto-Italic; src: url('/font/Roboto-Italic_0.ttf');}
@font-face{ font-family:Roboto-Light; src: url('/font/Roboto-Light_0.ttf');}
@font-face{ font-family:Roboto-LightItalic; src: url('/font/Roboto-LightItalic_0.ttf');}
@font-face{ font-family:Roboto-Medium; src: url('/font/Roboto-Medium_0.ttf');}
@font-face{ font-family:Roboto-MediumItalic; src: url('/font/Roboto-MediumItalic_0.ttf');}
@font-face{ font-family:Roboto-Regular; src: url('/font/Roboto-Regular_0.ttf');}
@font-face{ font-family:Roboto-Thin; src: url('/font/Roboto-Thin_0.ttf');}
@font-face{ font-family:Roboto-ThinItalic; src: url('/font/Roboto-ThinItalic_0.ttf');}
@font-face{ font-family:RobotoCondensed-Bold; src: url('/font/RobotoCondensed-Bold.ttf');}
div{font-size:12px;font-family:Arial;}
/*ul,p,h1,h2,h3,h4,h5,h6{padding:0px; margin:0px;}*/
ul{ list-style:none;}
img{border:0px;}
.sao{ font-family:Verdana; color:Red;}
.mcolor{ color:#666666;}
.clr{ clear:both;}
.mt5{ margin-top:5px;}
.mbt5{ margin-bottom:5px;}
.mt10{ margin-top:10px;}
.mbt10{ margin-bottom:10px;}
.mt40{ margin-top:40px;}
a:hover {text-decoration: none;
    color: #00a0ff !important;}
  


/*==============head===========*/
/*.logo img{width:100%;}*/
.topL{float:left;color:#00a0ff;font-size:15px;line-height: 50px;font-family: Roboto-Medium;}
.topR{float:right;line-height: 50px;}
.hotline {display: inline-block;background: url(/images/bg/Untitled-8.png)no-repeat 1px;
    padding-left: 25px;}    
/*.hotline:before{background:url(/images/bg/Untitled-8.png)no-repeat;content:''; position: absolute;width:50px;height:50px;right: 95px;top: 15px;}*/
.topR .emailf{display:inline-block;background: url(/images/bg/Untitled-6.png)no-repeat 1px; padding-left: 25px;margin-right: 60px;}
   
/*.emailf:before{background:url(/images/bg/Untitled-6.png)no-repeat;content:''; position: absolute;width:50px;height:50px;top: 17px;right: 300px;}*/
/*============menu================*/
.logo.head1 {width: 130px;}
.logo.head1 img {width: 100%;margin-top: 15px;}
.header{height:111px;box-shadow: 0px 5px 12px -8px;}
.bk1{background:#f9f9f9;height:50px;}
#oMenu {margin-top: 35px;background:#fff;flex-basis:1010px;}
.onav > li > a {color:#000;padding: 5px 10px;text-transform: uppercase;font-family: Roboto-Bold;font-size: 16px;}
.onav > li:hover > a, .onav > li.active > a { background: inherit; }
.onav ul {background:#fff!important;}
.onav ul li a {color: #000;font-size: 14px;}
.onav ul li{border:none;}
.onav ul li:hover, .onav ul li.active {background: inherit; }
.onav li.has-sub:hover > a:after {background: url(/js/menu/bg-menu2.png)no-repeat center;}
.onav li.has-sub:hover>a{border-bottom: 2px solid #00a0ff;}
.onav > li.has-sub > a {padding-right: 15px;}.onav li.has-sub > a:after{right:0;}
.head{display:flex;}   #oMenu .onav {float: right;margin-right: 20px;}
    


/*=======tìm kiếm============*/
#btnCmd {background: url(../images/bg/seahr.png)no-repeat 5px 0;background-size: auto;width: 37px;border: none;height: 37px;background-size: 65%;position:absolute;}
#btnCmd:focus {outline:none;}
#txtSearch  {width:150px;height:25px;} 
div#pnlrSear {margin-top: 20px;position:relative;} 
div#pnltimkiem {text-align: center;text-transform:uppercase;margin-bottom:40px;font-family: Roboto-Medium;}
.s {display:none; float:right;text-align:right;margin-top:3px;    position: absolute;right: 60px;top: 88px;z-index: 2;width: 210px;}    
.seach{background: url(../images/bg/seahr.png)no-repeat 5px 7px;background-size: auto;width: 37px;border: none;height: 38px;background-size: 83%!important; display: block;margin-top: 35px;float: right;}    
/*==============baner========*/
/*#owl-demo {z-index: -1;}*/
.fixbanerH { position: relative;height: 500px;overflow: hidden;display:block;}
.fixbanerH img{width:100%; height:100%;/*object-fit: cover;*/}
.bg-full {height: 250px;/*background-attachment: fixed;*/line-height: 250px;}
.tit2 {font-family: elle-futura-bold; font-size: 24px;color: #fff;font-weight: bold;}
.TitleLinkHome {color: #fff;} 
.owl-nav, .owl-carousel:hover .owl-nav {opacity: 0;}
.text-center.main-header.bg-full.text-uppercase {background-size: 100% 100%;}
    


/*============nội dung=============*/
h2{overflow:hidden;}
h2 a{color:#00a0ff;display: inline-block; position: relative;z-index: 1;}   
h2 a:after{background: url(../images/bg/gach-dai.png)no-repeat;content: "";left: calc(100% + 10px);display: block;height: 10px;position: absolute; top: 61%;width: 1375%;z-index: 0;}
    
/*======fix danh sách sản phẩm=====*/
.maskH {margin-bottom: 40px; height: 555px;}
    
.maskH .ith img{width:100%;height: 100%;object-fit: cover;}   
.ith {height: 362px;box-shadow: 0px 4px 10px -6px;margin-bottom:30px;overflow: hidden;} .ith > .fiximg{height:215px;position:relative;overflow:hidden;}
.fixname{padding: 25px 15px 0px 15px;}   .fixname a{font-size:16px;font-family:Roboto-Bold;text-transform:uppercase;    margin-bottom: 15px;display: block;} 
.fixname p{font-size:14px;color:#666666;font-family:Roboto-Regular;}
.fixname1 a{font-size:15px;font-family:Roboto-Medium;color:#555555;margin-bottom: 10px;display: inline-block;} 
.fixname1 a:before{content:'';width: 5px;height: 5px;background: #6dcff6;display: inline-block;margin-right: 10px;margin-bottom: 3px;}
/*===============videoH============*/
a.vd-img.mgb10.disa.video-bg {display: block;height: 272px;overflow: hidden;position: relative;}
h2{color: #00a0ff;border-left: 4px solid #00a0ff;
    padding-left: 10px;}  .Hvideo{background:url(../images/bg/4.jpg) no-repeat 125px;}  
a.vd-img.mgb10.disa.video-bg:before {content: '';position: absolute;background: url(../images/bg/iconYoutube.png) no-repeat;width: 70px;height: 55px;top: 40%;left: 40%;} 
.titleVideo {font-size:16px;font-family:Roboto-Bold;text-transform:uppercase;} 
.disa {font-size: 15px;font-family: Roboto-Medium;color:#555555;margin-bottom: 10px;display: inline-block;}    
.disa:before {content: '';width: 5px; height: 5px;background: #6dcff6;display: inline-block;margin-right: 10px;margin-bottom: 3px;}
/*========Tin tức sự kiện===========*/
.newsL{border:1px solid #e1e1e1;height:715px;text-align:center;margin-bottom:40px;padding:0 15px 0 15px;}
.newsL:before{background:url(../images/bg/5.jpg)no-repeat; content:'';position: absolute;left: 15px;width: 92%;height: 10px;}
.TitleNewL{font-size:20px;font-family:Roboto-Bold;margin-top: 30px;}
.newsL1{border:1px solid #e1e1e1;/*height:935px;*/text-align:center;padding:0 15px 0 15px;margin-bottom:40px;font-size:14PX;font-family:Roboto-Regular;}
.newsL1:before{background:url(../images/bg/5.jpg)no-repeat; content:'';position: absolute;left: 15px;width: 92%;height: 10px;}    

.newsL1 img{width:100%;height: 100%; object-fit: cover;}   
.Cnkh {position: relative;height: 180px;margin-bottom: 30px;}
.Cnkh:after{background:url(../images/bg/binhluan.png )no-repeat;content:'' ;position:absolute;top:-18px;right:0px;width:50px;height:40px;}
.newsL1 hr {margin-bottom: 30px;}
.tg span{font-family:Roboto-Bold;}
/*=========fix anh tin tức=========*/    
ul.r2 li img {width: 150px;float: left; border: 1px #cdcdcf solid;margin-right: 15px;height: 100%;}
.r2 a{font-size:16px;font-family:Roboto-Medium;}   
.imgTin {width: 100%;height: 100%;object-fit: cover;border: 1px solid #eee;}    
.TextTin{font-size:20px;text-transform:uppercase;padding-top: 15px;}
.TextTin1  { width: 100%;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 3;height: 75px;display: -webkit-box;-webkit-box-orient: vertical;}
.fiximgNew {height: 170px;position: relative;display: block;overflow: hidden;}
    
.fiximgNewR   {height:85px; display:inline-block;position: relative;overflow: hidden;float: left;} 
h3 {text-align: left;} 
/*=====page trang=========*/
.lpg {display: block;}
.lpg a {display: inline-block;font-size: 12px;text-align: center;line-height: 36px;width: 36px; height: 36px;overflow: hidden;background: #fff;margin-left: 5px;border: 1px solid #eee;}
.cpage {background: #6897ec !important;background-position-x: 0%;background-position-y: 0%;text-indent: 0 !important;}    
.lpg a:hover, .cpage {background: #6897ec;color:#fff!important;}
.lpg a:last-child {background-position: -13px !important;}
.lpg a:last-child:hover, .lpg a:first-child:hover {
    background: url(/images/bg/bg-next.png)no-repeat #6897ec;
}
.lpg a:first-child {background-position: 9px !important;}
.lpg a:last-child, .lpg a:first-child {text-indent: 999999999px;background: url(/images/bg/bg-next.png)no-repeat #fff;} 
.lpg a {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;overflow: hidden;}
    
/*======chi tiết tin=======*/   
.txtTin {font-size:26px;font-family:Roboto-Bold;}
.intro img{max-width: 85%!important;margin: auto 8%!important;}
/*=========fomr liên hệ=======*/    
input{width:336px;}textarea{width:336px;}

/*==============footer===========*/
.footer{background:url(/images/advert/bak_footer.jpg)no-repeat;height:400px;color:#fff;position:relative;background-size: 100% 100%;}
.copyright{line-height:37px;font-family:Roboto-Regular;font-size:13px;background:#fff;color:#000;}

.fb-page.fb_iframe_widget {width:100%;text-align: center;}
.namCT{font-size:22px;font-family:Roboto-Black;text-align:center;margin-right: 20%;margin-left: 20%;margin-bottom: 40px;}

@media screen and (max-width: 991px) {
    .head {display: inherit;}
    form#form1 {width: inherit;margin: inherit;}
    .fixbanerH{height:150px;}
    .container {width:inherit; }
    .header{box-shadow:inherit;height: 50px;}
    .topL{float:inherit;}
    .topR{float:inherit;line-height:inherit;margin-bottom: 15px;}
    .bk1{height:inherit;}
    .emailf:before{top: 50px;right: 310px;}
    .topR .emailf{padding-left: 25px;margin-right:30px;margin-bottom: 10px;}
    .hotline:before{right: 105px;top: 47px;}
    .logo img{width:100%;width: 50%!important;margin-top: 7px!important;}        
    .logo {width:85px;    text-align: center;
    margin: auto;}
    .btnMenu{left:inherit;background: #00a0ff;top: 5px;}
	#oMenu{margin-top: 0;}
    .copyright{line-height:inherit!important;}
    .namCT{margin-right: 15px!important;margin-left: 15px!important;}
    .footer{height:inherit!important;background-size:100% 100%!important; padding-bottom: 40px;}
    .seach{margin-top: -43px!important;}
    .s{position:absolute;top:27px;}
    .bd { overflow-y: hidden;/*border: 1px solid #ddd;*/}
    .intro img {    width: 100%;
    height: 100%; }
	iframe {width:100%;}
   .bg-full {height: 150px;line-height: 150px;}

} 
 

.uk-list {
    position: fixed;
    bottom: 200px;
    right: 10px;
    margin: auto;
    z-index: 9999;
}.list-unstyled {
    padding-left: 0;
    list-style: none;
}.uk-list li {
    margin: 0 0 15px 0;
}.uk-list li a {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-indent: -9999px;
    margin-bottom: 10px;
}.uk-list li.chat_zalo a {
    background: url(/images/icon/messenger.png) center center no-repeat;
    background-size: 100%!important;
}.uk-list li.call_zalo a {
    background: url(/images/icon/zalo-icon.png) center center no-repeat;
    background-size: 100%!important;
}.phone_animation {
    background-color: transparent;
    margin: 0;
    cursor: pointer;
    z-index: 200000!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    visibility: visible;
}.phone_animation_circle_fill_img {
    width: 44px;
    height: 44px;
    top: 0;
    left: 0;
    position: absolute;
    background: rgb(100,188,70) url(/images/icon/iconphone.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #64bc46;
    background-size: 70%;
}