@charset "utf-8";
/* CSS Document */
body { font-family: Arial; font-size: 14px; background: #fff; line-height: 1.5em }
table { width: 100%; border-collapse: collapse; line-height: 25px; }
table td { padding: 1px; vertical-align: middle; padding-left: 5px; padding-right: 5px; vertical-align: middle; }
a { text-decoration: none !important; color: #101010; }
img { border: 0; }
ul { margin: 0; padding: 0; list-style: none; }
.clearb { clear: both; }
p { margin: 0; padding: 0; }
.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }
.aligncenter { margin-left: auto; margin-right: auto; }
.align-C { text-align: center; }
.align-J { text-align: justify; }
.align-R { text-align: right; }
.border-img { border: 1px solid #fff; }
.img-left { float: left; margin-right: 15px; border: 1px solid #fff; padding: 1px; }
.ul-list { list-style: url(../images/list.png); margin: 10px 0; }
.ul-list li { padding: 3px 0; }
.padding0 { padding: 0px; }
.padding5 { padding: 0px 5px; }
.padding0_15 { padding: 0px; padding-right: 15px; }
.padding10_0 { padding-left: 10px; padding-right: 0px; }
.floatL { float: left; }
.floatR { float: right; }
.marginL-15 { margin-left: 15px; }
.marginR-15 { margin-right: 15px; }
.main-left { padding-right: 20px; padding-left: 0px; margin-top: 5px; }
.container {    background-color: #fff;
    padding: 5px; }
  
 footer .container{ background:none}

.tablelienhe1 .input{
  width:80%;
}
.tablelienhe1 .tt_noidung{
width:80%;
}
.sp-item {
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
.ten_supp {
    color: #0054FF;
    font-weight: 700;
}
.sp-item .phone {
    background: url(../images/phone-mini.png) no-repeat left 2px;
    font-size: 15px;
    padding-left: 25px;
    margin: 5px 0;
  color:red;
  font-weight:bold;
}
.sp-item .email {
    background: url(../images/email-mini.png) no-repeat left 4px;
    font-size: 15px;
    padding-left: 25px;
    margin: 5px 0;
    word-break: break-all;font-weight:bold;
}


.hinh-tv{
  height:190px !important;
}
  
.menu-top .container{ padding:0px; background:none} 
.banner-top { position: relative }
.banner-top img { width: 100% }
@font-face { font-family: 'myfont'; src: url('fonts/RobotoCondensed-Bold.eot'); src: local('?'), url('https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2') format('woff'), url('fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'myfont1'; src: url('fonts/RobotoCondensed-Regular.eot'); src: local('?'), url('fonts/RobotoCondensed-Regular.woff') format('woff'), url('fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
nav.menu-top { width: 100%; background: #be1522; display: block; height: 40px; position: relative; }
nav.menu-top ul { margin: 0px; padding: 0px; }
nav.menu-top ul li ul{position:absolute;left:100%;display:none;top:0;background:red;width:250px}
nav.menu-top ul li:hover > ul{display:block}
nav.menu-top >div>ul >li { display: inline-block; float: left; display: block; padding: 9px 32px; position: relative }
nav.menu-top >div > ul >li:last-child { background: none; }
nav.menu-top > div> ul >li >a { font-family: 'Roboto Condensed'; font-size: 15px; color: #fff; text-transform: uppercase; }
nav.menu-top > div > ul >li:hover >ul { display: block }
nav.menu-top > div > ul > li > ul { width: 250px; position: absolute; display: none; z-index: 9999; background:#C90706; top: 39px; left: 0px; }
nav.menu-top >div >ul >li>ul li { padding-left: 5px; border-bottom: 1px solid #E01110; position: relative; }
nav.menu-top > div > ul >li>ul li a { color: #fff; display: block; padding: 5px 0px; }
nav.menu-top > div >ul >li>ul li:hover { background: #F91E1D; }
nav.menu-top > div >ul >li>ul >li:hover >ul { display: block }
nav.menu-top > div > ul >li>ul >li>ul { position: absolute; top: 0px; width: 250px; background: #F91E1D; right: -250px; display: none; }
.block-about-index { margin-bottom: 15px; float: left; }
.block-about-index span { display: block; width: 100%; text-align: justify; }
.block-about-index h2 { font-size: 24px; font-family: myfont1; color: #ff0000; margin-top:0px; }
.block-img-index img { width: 100% }
.block-img-index { padding-right: 10px; }
.block-menu-left { width: 100%; /* border: 1px solid #ff1414; */ /* border-radius: 5px; */    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
.block-menu-left h2 {margin: 0px; padding: 10px 0; font-size: 18px; font-family: 'Roboto Condensed'; color: #FFF; text-transform: uppercase; text-align: center; margin-bottom: 11px; background-color: #be1522;}
.block-menu-left ul li { background:white; margin-bottom: 5px; padding: 7px; transition: all 0.3s;    border-top:1px dashed #dde5ed; position: relative;}
.block-menu-left ul li li{background: #D83B0C url(../images/bullet1.png) no-repeat 6px 12px;padding-left: 25px !important;}
.block-menu-left ul li li li{background: #D83B0C url(../images/bullet2.png) no-repeat 5px 10px;top: 0;}
.block-menu-left ul li li a{color:#fff}
.block-menu-left ul li:hover { padding-left: 15px; box-shadow: 1px 1px 3px #999; }
.block-menu-left > ul > li:hover{ background: #D83B0C;}
.block-menu-left ul li:hover > ul{display:block}
.block-menu-left ul li:hover > a{color:white !important}
.block-menu-left ul li a { color: #002a92; display: block; font-size: 15px; font-family: myfont1; }
.block-menu-left ul li span { display: block; width: 15px; height: 15px; line-height: 15px; text-align: center; margin-top: 3px; margin-left: 4px; margin-right: 11px; background: #004f8d; color:white; border-radius: 100%; float: left; }
.btn-add { float: right; padding: 5px 7px; cursor: pointer; background: #1C3F95; color: #fff; border-radius: 3px; box-shadow: 1px 1px 2px rgba(41, 38, 38, 0.22);    margin-right: 15px; }
.bx-wrapper img { width: 100%; }
.block-left { min-height: 200px; margin-top:12px}
.content-left { /* padding-right: 15px; */ }
.block-menu-left ul li ul{position:absolute;left:100%;top: -1px;width: 100%;z-index: 123;display: none;}
.content-left h2 { margin-top:10px;font-size: 18px; color: #FFF; text-transform: uppercase; font-family: 'Roboto Condensed'; text-align: center;  padding-left: 40px;
 padding-bottom: 7px; width: 100%; background-color: #0a5aa9; margin: 0; padding: 8px 0;}
.content-left h2.httt{background:#0a5aa9;margin: 0;padding: 8px;text-align: center;}
.content-left h2.video{background:#be1522;margin: 0;padding: 8px;text-align: center;}

.block-right { margin-top: 15px; }
.products-item {padding: 0px 15px;margin-bottom: 10px;height: 275px;}
.products-item div { background: #a1abbd; padding: 5px; border-radius: 7px; }
.products-item img { width: 100%; }
.products-item a.line-sp { display: block; }
.products-item a h2 {font-size: 15px;text-transform: uppercase;text-align: center;margin: 0px;height: 45px;padding: 8px 0px;margin-bottom: 0px;color: #0039a3;font-family: 'Roboto Condensed';margin-top: 6px;display: inline-block;width: 100%;}
.block-video-left select { width: 100%; border: 1px solid #ccc; padding: 5px; float: left; box-shadow: 1px 1px 2px rgba(204, 204, 204, 0.65);  margin: 10px 0px; margin-bottom:15px; }
.item-gallery a h2 { margin-bottom: 0px; }
.btn-detail { background: #C90706; color: #fff;  font-family: myfont; padding: 5px 15px; border-radius: 3px; float: left; box-shadow: 1px 1px 2px #666;    margin-left: 15px; }
.btn-detail:hover { color: #ff0 }
.indet{
  text-align: center !important;
  width: 100% !important;
  float: left;
  display: block;
}
.indet span{
  font-weight: bold;background: #C90706; color: #fff;  font-family: -webkit-body; padding: 5px 15px; border-radius: 3px;box-shadow: 1px 1px 2px #666; 

}
.hotline { font-size: 16px; font-weight: bold; color: #f00; }
.block-blog { float: left; }
.item-blog { float: left; min-height: 100px; margin-bottom: 15px; border-bottom: 1px solid #ccc;   width: 100%;}
.item-blog img { width: 100%; padding: 2px; border: 1px solid #DDCCAE; }
.item-blog span { display: block; }
.item-blog a.btn_readmore { display: block; float: left; padding: 3px 10px; color: #fff; background: #3E4861; font-style: italic; margin-top: 10px; margin-bottom: 21px; border-radius: 5px; }
.img-news { padding-right: 10px; float: left; margin-bottom: 18px; }
.title-catal { margin: 0px; margin-bottom: 5px; color: #505B6F }
.title-catal a { color: #2194D2; text-transform: uppercase; font-size: 13px; font-weight: bold; }
.title-catal span { display: inline; font-size: 15px; }
.block-httt { border: 1px solid #DBE7ED; margin-top: 10px; padding: 0px; }
.content-right { padding: 0px 5px }
h2.title-right { font-size: 17px; margin-bottom: 10px; float: left; color: #fff; text-transform: uppercase; font-family: myfont; text-align: left; width: 100%; margin: 0px; margin-bottom: 10px;     border-bottom: 2px solid #FC1E1D; }

h2.title-right  span{     background: #C90706;
    /* border-radius: 5px 5px 0px 0px; */
    padding: 5px 10px;
    float: left;
    padding-right: 51px;}

h2.title-right1 { font-size: 17px; margin-bottom: 10px; float: left; color: #fff; text-transform: uppercase; font-family: myfont; text-align: left; width: 100%; margin: 0px; margin-bottom: 10px; padding: 8px; background: #C90706; border-radius: 5px 5px 0px 0px; }

.vntit{
  float:left;
  width:100%;
  background:url(../images/bg-abc.png) repeat-x top;
}
h2.title-right2 { font-size: 17px; margin-bottom: 10px; float: left; color: #ff0000; text-transform: uppercase; font-family: myfont; text-align: left; margin: 0px; margin-bottom: 10px; padding: 8px; background: white; border-radius: 5px 5px 0px 0px; margin-left:30px }

.content-right img { max-width: 100%; height: auto }
.content-right h1 { font-size: 15px; font-weight: bold; color: #2194d2; margin: 0px; padding: 8px 0px; }
.news-other { color: #2194d2; margin-bottom: 10px; }
.news-other ul li { background: url(../images/list-2.png) left 6px no-repeat; padding-left: 18px; margin-left: 15px; }
.news-other ul li a { color: #2194d2; }


#owl-demo .item img{
 max-width: 100%;
 height: auto;
 max-height: 100%;
 margin: auto;
}
#owl-demo{ border:1px solid #ccc;}

.view-more{ float:right;color:#f00;  margin-left:10px;
} 
.fan_book {
  margin-bottom: 20px;
  height: 355px;
}
.
.contact-form { }
#form-inner { margin: 0px; padding: 0px; }
#form-inner { list-style-type: none; }
#form-inner { font-weight: normal; white-space: nowrap; margin-top: 20px; font-size: 14px; margin-bottom: 20px; }
#form-inner input { width: 100%; border: 1px solid #DDDDDD; box-shadow: inset 2px 0px 4px rgba(204, 204, 204, 0.2); line-height: 26px; max-width: 480px;padding: 1px 5px; }
#form-inner textarea { width: 100%; color: #000; box-shadow: inset 2px 0px 4px rgba(204, 204, 204, 0.2); border: 1px solid #DDDDDD; height: 150px }
#form-inner div { float: left; margin-bottom: 10px; }
label { font-weight: normal !important }
footer{
  background:#000000 url(../images/bg-footer.png);
}
footer .container { color: #fff; }
.btn_menu { width: 39px; height: 37px; background: #15AAFA; /* border-radius: 5px; */ position: absolute; top: 3px; right: 16px; padding-top: 4px; line-height: 39px; font-size: 24px; font-weight: normal; color: #FAFAFA; text-align: center; cursor: pointer; }
.nav-md { max-width: 320px; width: 100%; min-height: 100px; position: absolute; top: 121px; right: 0px; z-index: 99999; background: #1191D7; padding: 5px; padding-bottom: 0px; display: block; top: 40px; }
.nav-md >ul { padding: 0px; }
.nav-md ul>li { list-style-type: none; border-bottom: 1px solid #27A8ED; transition: all 0.5s; }
.nav-md ul>li a { display: block; padding: 5px; color: #fff; font-size: 14px; transition: all 0.5s; }
.nav-md ul>li a:hover { padding-left: 10px; background: #14A1EF; }
.nav-md ul>li >ul { padding: 0px; background: #0C9AE8; display: none; }
.nav-md ul>li >ul >li >ul { background: #0C9AE8; padding-left: 10px; }
.dang_on_l { background: url(../images/dangonline_42.png) no-repeat left center; padding-left: 20px; height: 16px; font-size: 12px; margin-bottom: 5px; color: #fff; margin-left: 20px; }
.counter_day { background: url(../images/online2_46.png) no-repeat left center; padding-left: 20px; height: 16px; margin-bottom: 5px; font-size: 12px; color: #fff; margin-left: 20px; }
.counter_month { background: url(../images/thang_49.png) no-repeat left center; padding-left: 20px; height: 16px; margin-bottom: 5px; font-size: 12px; color: #fff; margin-left: 20px; }
.total_on_l { background: url(../images/total_48.png) left center no-repeat; padding-left: 20px; height: 16px; font-size: 12px; color: #fff; margin-left: 20px; }
.suport-online {  margin-bottom: 10px;
  border: 1px solid #BB0D16;
  padding: 7px 0px;
  border-radius: 3px;
  margin-top: 17px;
  margin-bottom: 20px;}
.block_search { 
  position: absolute;
  width: 196px;
  right: 0px;
  color: #fff;
  background: white;
  top: 5px;
  height: 32px;
  border-radius: 3px;}
.block_search input { outline:none;
}

.list-social li{ display:inline-block; float:left; margin-left:5px;}
.list-social li img{ max-width:25px;}


.block_search ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #C90706;
}
.block_search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #C90706;
   opacity:  1;
}
 .block_search ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #C90706;
   opacity:  1;
}
.block_search :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #C90706;
}

span.btn-search {  width: 29px;
  top: 0px;
  height: 32px;
  position: absolute;
  display: block;
  right: 0px;
  cursor: pointer;}

.block-contact-info{ padding:0px; padding-right:15px;}
.block-contact-form{ padding-right:0px; border-left:1px solid #ccc}
.block-contact-form #form-inner div.col-md-9{ padding-right:0px;}
#map{ margin-top:15px}

span.btn-search img{  width: 26px;background: #C90706;padding: 5px;border-radius: 5px;
  margin-top: 3px;}
.block_search input {   margin: 5px; background:none;  height: 25px;color: red;
 
  border: none;
  /* margin-left: 12px; */
  border-radius: 3px;
  padding: 5px;
  width: 200px;
  font-style: italic;
  margin-top: 3px;}
.btn_menu { display: none; }
.table-products { margin-bottom: 20px; }
.img-product-detail { float: left; margin-bottom: 15px; }
.table-products { max-width: 320px; float: left; margin-left: 10px; }
.table-products tr { border-bottom: 1px solid #ccc; }
.price { font-weight: bold; color: #F00; }
.phantrang { display: block; width: 100%; float: left; margin-bottom: 10px; text-align: center; }
.phantrang span { padding: 3px 8px; background: #D6222B; color: #fff; }
.phantrang a { background: #9E030B; color: #fff; padding: 3px 8px; }
.block-lang { position: absolute; right: 0px; width: 70px; z-index: 999;     bottom: 20px;}
.block-lang ul.list-lang { display: inline-block }
.block-lang ul.list-lang li { float: left; margin: 2px; cursor: pointer; margin-top: 11px; }
.block-lang ul.list-lang li img{}
.block-lang ul.list-lang li img:hover{ opacity:1 !important;}
.acti_mm{
  background:#F91E1D;
}
nav.menu-top >div>ul >li:hover{
  background:#f41123;
}
.btn-send{  background: #f00;
  border: none;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
 box-shadow: 1px 1px 2px #000;
}

#menu{opacity:0; height:0px;overflow:hidden;}
.mm-menu {
  background: #C90706;
  color: #fff; 
}
.mm-menu a{ color:#fff}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{color: rgba(255, 255, 255, 1);}

.btn_menu {
 width: 39px;
  height: 37px;
  background: #C90706;
  /* border-radius: 5px; */
  position: absolute;
  top: 2px;
  left: 3px;
  padding-top: 4px;
  line-height: 39px;
  font-size: 24px;
  font-weight: normal;
  color: #FAFAFA;
  text-align: center;
  cursor: pointer;
  color: #fff !important;
}


 @media (max-width:1024px) {
nav.menu-top >ul >li { display: inline-block; float: left; display: block; background: url(../images/bg_line.png) right center no-repeat; padding: 9px 24px; }
.block-lang { position: absolute; right: 245px; width: 60px; }
.block_search { right: 5px; }
nav.menu-top >div>ul >li {
  display: inline-block;
  float: left;
  display: block;
  padding: 9px 15px;
  position: relative;
}
}
 @media (max-width:1000px) {
}
 @media (max-width:800px) {
   .products-item{height: 360px;}
nav.menu-top ul{ display:none}   
.block-lang {     position: absolute;
    right: 53px;
    width: 67px;
    bottom: 0px;}
.btn_menu { display: block }
nav.menu-top >ul { display: none; }
.block_search { left: 20px; }
.main-left { display: none; }
.block-right{ padding:5px;}

.block_search {
left:45px;
  width: 290px;
}

}
 @media (max-width:600px) {
    .products-item{height: 300px;}
  @media (max-width:500px) {
    .products-item{height: auto;}
  }
 @media (max-width:320px) {
   
 .hinh-tv{
  height:auto !important;
 }
#form-inner {
  font-weight: normal;
  white-space: nowrap;
  margin-top: 20px;
  font-size: 14px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}  
 .block_search {
 left:45px;
 width: 270px;
}
.block-lang {
right: 0px;
 top: 10px;
}
 .btn_menu {
right:3px;
}
 #form-inner label {
display:none;
}
 #form-inner div{ margin-bottom:3px;}
  #form-inner div input{ width:100%}

}