*{margin:0; padding:0}
*{outline:none;}
.clear{clear:both;}
ul{list-style:none;}
a{text-decoration:none;}
img{border:none;}
body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:1.5em;
  background:#ececec;
}
div#wapper
{
  width:100%;
  margin:auto;
}
div#header
{
  color:#000000;
  position:relative;
  margin: auto;
  min-height: 38px;
  padding: 8px 0 0px 0;
  box-sizing: border-box;
  background: #ececec;
  text-align: left;
}
div#header .banner img{width: auto;height: 60px;display: inline-block;}
div#header #header_item
{
  width:1200px;
  margin:auto;
}
div#header #header_item #menu-header
{
   float:right;
  margin-top:10px;
}
div#header #header_item #menu-header a.lang
{
  float:right;
  margin-right:3px;
}
div#header #header_item #menu-header ul
{
  padding-right:60px;
}
div#header #header_item #menu-header ul li
{
  float:left;
  border-bottom:2px solid #0b66fd;
}
div#header #header_item #menu-header ul li a
{
  color:#000000;
  padding:4px 5px;
  font-weight:bold;
  font-size:12px;
}
div#header #header_item #menu-header ul li a:hover
{
  color:#005ffd;
}
div#header #header_item #menu-header ul li a.active
{
  color:#005ffd;
}
div#header #header_item #search
{
  width:500px;
  height:44px;
  background:url(images/bg_search.png) no-repeat;
  position:absolute;
  bottom:-4px;
  right:150px;
}
div#wap_menu
{
  height:53px;
  width:100%;
  background: #dedede;
  margin:auto;
  position:relative;
  z-index:99999;
}
div#menu
{
  height:53px;
  width:1200px;
  margin:auto;
}
div#menu ul li
{
  float:left;
  border-right:1px solid #414141;
}
div#menu ul li a#menu2
{
  color:#0d2e44;
   width:122px !important;
   display:block;
  font-weight:bold;
  text-align:center;
}
div#main_content
{
  width:1200px;
  margin:auto;
  background:#ffffff;
  position:relative;
  z-index:7000;
}
div#main_content #left
{
  width:970px;
  padding:10px 10px;
  float:left;
}
div#main_content #left .item
{
  border:1px solid #d0d0d0;
  margin-top:10px;
  padding:10px 7px;
  line-height:2em;
  color:#000000;
  border-radius:3px;
}
div#main_content #left .item a img
{
  width: 100%;
  /* height: 180px; */
  /* float:left; */
  /* margin-right:15px; */
  /* object-fit: cover; */
}
div#main_content #left .item a h3
{
  color:#339bfd;
  font-size:16px;
}
div#main_content #left .item p
{
  color:#000000;
  font-weight:bold;
  font-style:italic;
  font-size: 14px;
}
a.xem
{
  background: url(images/bg_xem.png) no-repeat center / 100% 100%;
  color:#ffffff;
  font-weight:bold;
  padding:2px 28px;
  float:right;
  margin-top:5px;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  font-size: 16px;
}
div#main_content #right
{
  width:200px;
  float:left;
  border-left:2px solid #d0d0d0;
  padding-left:5px;
}
div#main_content #right .iitem
{
  border-bottom:1px solid #d0d0d0;
  padding:10px 0px;
}
div#main_content #right h2
{
  color:#e7442e;
  font-size:16px;
  font-weight:bold;
  padding:8px 0px;
  background:#F0F0F0;
  padding-left:5px;
  text-transform: uppercase;
}
div#main_content #right .iitem img
{
  width:70px;
  height:70px;
  border:1px solid #d0d0d0;
  float:left;
  margin-right:15px;
}
div#main_content #right .iitem a h3
{
  font-size: 14px;
  color:#625c86;
  text-align: left;
}
div#main_content #right .iitem h4
{
  color:#ea4c04;
  font-size:12px;
}
div#main_content #right .iitem h5
{
  color:#aca19e;
  font-size:12px;
  text-decoration:line-through;
}
div#main_content #right #video
{
  margin: 15px 0px;
}
#lkweb{margin-bottom:15px}
div#main_content #right #video select
{
  width:200px;
  height:30px;
  line-height:30px;
}
h3.tieude_giua
{
  background:url(images/tieude_giua.png) repeat-x;
  height:50px;
  color:#138dff;
  line-height:50px;
  font-size:20px;
  text-align:left;
  padding-left:20px;
  left:0px;
  width:98%;
}
h3.tieude
{
  background: #0082FC;
  height:51px;
  line-height:51px;
  color:#ffffff;
  text-align:center;
}
div#main_content #right #thongke
{
  background:#dedede;
  padding:5px 10px 20px 10px;
}
div#main_content #right #thongke img
{
  float:left;
  margin-right:10px;
}
div#main_content #right #thongke h3
{
  color:#ff0000;
}
div#main_content #right #thongke h5
{
  color:#292929;
  font-size:12px;
  font-weight:bold;
}
div#main_content #right #thongke a
{
  float:right;
}
div#main_content #right #thongke h4
{
  color:#0037ea;
  font-size:12px;
  margin-bottom:12px;
  margin-top:7px;
  font-weight:bold;
}
div#main_content #right #thongke h6
{
  border-top:2px solid #004c93;
  padding-top:10px;
}
div#footer
{
  background: #dedede;
  width:1200px;
  margin:auto;
  color: #000000;
}
a.xemthem
{
  background:#0084ff;
  color:#000000;
  font-size:18px;
  font-weight:bold;
  padding:10px 15px;
  border-radius:4px;
  margin-top:30px;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
  text-align:center;
  padding-top:5px;
  float:right;
  margin-top: 15px;
}
.phantrang a{
  color:#ffffff;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:2px;
  padding-top:2px;
  margin-right: 2px;
  text-decoration:none;
  background:#292929;
  padding: 7px 11px;
  display: inline-block;
}
.phantrang span,.phantrang a:hover{
  color: #ffffff;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:2px;
  padding-top:2px;
  margin-right: 2px;
  font-weight:bold;
  background: #f00;
  padding: 7px 11px;
  display: inline-block;
}
.phantrang a:hover{
  color:#ffffff;
  background:#f00;
}
/*----------------------------------------------------*/
table tr
{
  height:40px;
}
table td.tb_border
{
  width:150px;
  color:#00E;
  font-weight:bold;
  padding-left:40px;
}
table tr input.input
{
  width:250px;
}
table tr input,table tr select
{
  margin-right:10px;
  padding: 5px 5px;
}
table tr select
{
  width:80px;
  margin-right:10px;
}
#topnav li.end
{
  border:none;
}
#topnav li a.b
{
  padding: 25px 20px 13px 20px !important;
  color: #000000 !important;
  font-size: 16px;
}
#topnav li a.b:hover {
 background:#00578F;
 background: -moz-linear-gradient(#ffffff 0px, #00578F 25px);  
 background: -webkit-linear-gradient(#ffffff 1px, #00578F 25px);  
 background: -linear-gradient(#ffffff 1px, #00578F 25px);  
  border-radius:7px 7px 0px 0px;
  color:#FFF !important;
}
#topnav li a.b.active {
 background:#00578F;
 background: -moz-linear-gradient(#ffffff 1px, #00578F 25px);  
 background: -webkit-linear-gradient(#ffffff 1px, #00578F 25px);  
 background: -linear-gradient(#ffffff 1px, #00578F 25px);  
  border-radius:7px 7px 0px 0px;
}
div#footer
{
  padding: 20px 20px 106px 20px;
  width:1160px;
}
div#footer #thongtin
{
  float:left;
  width: 215px;
}
div#footer #thongtin:nth-child(4){width: 234px;}
div#footer #thongtin h2
{
  color: #000000;
  font-size: 16px;
  margin-bottom:5px;
  font-weight: 700;
  text-transform: uppercase;
}
div#footer #thongtin li
{
  padding:2px 0px;
  color:#e5e5e5;
}
div#footer #thongtin li a
{
  color: #000000;
  font-size: 16px;
}
div#footer #thongtin li a:hover{color: #e30505 !important;text-decoration: underline;}
div#footer #main_footer
{
  width: 454px;
  float:right;
  font-size: 16px;
}
div#footer #main_footer a{
    color: #4e4e4e !important;
    text-decoration: none !important;
}
div#search select
{
  width:140px;
  margin-left:15px;
  height:34px;
  margin-top:5px;
  line-height:34px;
  float:left;
}
div#search select#model
{
  margin-left:9px;
}
div#search select#loaisanpham
{
  margin-left:6px;
  width:146px;
}
div#search img
{
  float:right;
  margin:10px 10px 0px 0px;;
}
table#chitietdownload th
{
  background:#0d8bf9;
  color:#ffffff;
}
table#chitietdownload td
{
  border:1px solid #d5eaff;
}
div#search
{
  width: 264px;
  float:right;
  background: #fff;
  margin: 9px 10px 0px 5px;
  position: relative;
  border-radius: 6px;
}
div#search input
{
  float:left;
  margin: 0 0px 0px 2px;
  width:170px;
  border:none;
  line-height: 35px;
  padding-left: 6px;
  border-radius: 7px;
}
div#search img
{
  margin-top: 4px;
  margin-right: 5px;
  min-height: 27px;
}
a.down
{
  float:right;
  color:#2A7F00;
  font-weight:bold;
  font-size: 15px;
}
img.down
{
  height:15px !important;
  width:15px !important;
  margin-top:4px !important;
  float:left;
  margin-right:4px !important;
  padding:0px;
  }
a.het
{
  float:right;
  color:#2A7F00;
  font-weight:bold;
  cursor:pointer;
}
img.het
{
  height:15px !important;
  width:15px !important;
  margin-top:4px !important;
  float:left;
  margin-right:4px !important;
  padding:0px;
  }
#frm_login
{
  width:500px;
  margin:auto;
  border:1px solid #CCC;
  border-radius:5px;
  padding:0px 20px;
}
#frm_login td.t1
{
  text-align:right;
  padding-right:20px;
}
#frm_login input
{
  width:200px;
}
#frm_login span
{
  color:red;
}
#frm_login input.dangnhap
{
  width:90px;
  background:#000000;
  border:none;
  color:#ffffff;
  height:25px;
  line-height:25px;
  margin-left:135px;
  cursor:pointer;
}
#frm_login input.dangnhap2
{
  width:90px;
  background:#000000;
  border:none;
  color:#ffffff;
  height:25px;
  line-height:25px;
   cursor:pointer;
}
#frm_login a
{
  color:#000000;
  font-sze:12px;
  font-weight:normal;
  font-style:italic;
  margin-left:150px;
}
div#dangxuat 
{
  float:right;
  margin-top:10px;
  margin-right:10px;
}
div#dangxuat b
{
  color:red;
}
div#lang
{
  float:right;
  position:absolute;
  bottom:-5px;
  right:140px;
}
form#frm2
{
  border:1px solid #CCC;
  border-radius:5px;
  padding:0px 50px;
}
form#frm2 input
{
  width:500px;
}
form#frm2 input#q
{
  background:#000000;
  width:80px;
  color:#ffffff;
  height:25px;
  border:none;
  cursor:pointer;
  margin-left:250px;
}
form#frm2 input#q1
{
  background:#000000;
  width:80px;
  color:#ffffff;
  height:25px;
  border:none;
  cursor:pointer;
  margin-left:10px;
}
form#frm2 select
{
  width:515px;
}
div#navv ul li
{background: #dedede;margin-bottom:1px;padding:5px 5px 5px 8px;font-size: 16px;}
div#navv ul li.d-none{display: none !important;}
div#navv ul li.active{}
div#navv ul li.active ul{display: block !important;}
div#navv ul li li
{
padding-left:15px;
}
div#navv ul li img
{
margin-right:5px;
}
div#navv ul li a
{color: #000000;display: block;}
div#navv ul li a:hover
{
  color:#F00;
}
.list-s .item{position:relative;width:200px;height:300px}
.list-s .item .mini-item{position:relative;width:200px;height:150px}
.list-s .item img{    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: auto;}
.max-iframe{width:100%;height:50px;border:0}
#ads{margin:15px 0}
div#ads {}
div#ads .nav-left{float:left;width:20px;left-align:left}
div#ads .nav-left img{position:relative;top:14px}
div#ads .nav-right{float:right;width:20px;text-align: right !important;}
div#ads .nav-right img{position:relative;top:13px;}
div#ads .inner-frame{float:left;width:955px}
@-moz-document url-prefix() { 
  #topnav li a.b {
     padding: 25px 17px 13px 17px !important;
  }
}
/* Button Frame */
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:99999;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:#1182FC;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: -7px;right: -7px;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:#1182FC;opacity:.5;}
.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: -11px;right: -12px;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:rgba(7,41,103,0.35);opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}
/* Zalo */
.btn-zalo{bottom:315px;}
/* Phone */
.btn-phone{bottom:230px;}
/* Phone */
.btn-fb{bottom:150px;}
/* Toolbar */
.toolbar{background:var(--color-red);width:100%;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:25%;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:#fff;font-size:3.5vw;display:none;}

div#wapper-intro{height: 100vh;background: url(images/bg_intro.png) no-repeat center center / cover;min-width: 1300px;}

div#wapper-intro div.box_intro{
  /* height: 400px; */
  align-items: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  min-width: 1300px;
}
div#wapper-intro div.flex-intro{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  }
div#wapper-intro div.item-intro{position: relative;width: 12%;margin: 0 1%;text-align: center;transition: 0.3s;}
div#wapper-intro div.item-intro:hover{margin-top:0px;}
div#wapper-intro div.item-intro .img_tt{
  display:block;
  line-height:0px;
  position:relative;
  overflow:hidden;
  z-index:2;
  border-radius: 50%;
  margin-bottom: 8px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 2px 3px 10px #666;
  border: 3px solid #264A67;
  }
div#wapper-intro div.item-intro .img_tt img{width:100%;transition:0.3s;object-fit: cover;height: 167px;}
div#wapper-intro div.item-intro:hover .img_tt img{transform:scale(1.1);}
div#wapper-intro div.item-intro .name_tt{
  color: #000000;
  font-size: 12px;
  text-decoration:none;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  border: 3px solid #19A7CB;
  border-radius: 30px;
  padding: 10px 10px;
  }
div#wapper-intro div.item-intro:hover .name_tt{color:#fff;background:#19A7CB}
.box-logo{
    width: 100%;
    text-align: center;
}
.box-logo a{
    display: inline-block;
}
.box-logo a img{max-width: 180px;}
a.muangay
{
  background: #f00;
  border-radius: 7px;
  color:#ffffff;
  font-weight:bold;
  padding:2px 28px;
  float:right;
  margin-top:5px;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  font-size: 16px;
}
.chitietsanpham a.muangay{float: none;margin-left: 0;}
.chitietsanpham ul li,.chitietsanpham ul li *{font-size: 16px;}
.none{display: none}
.active-nd{display: block}
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index: 999999;cursor:pointer}
div.menu-fix{position: fixed !important;left: 0px;right: 0px;top: 0px;z-index: 999;-webkit-animation: fadeInDown 1.3s ease backwards;-moz-animation: fadeInDown 1.3s ease backwards;-o-animation: fadeInDown 1.3s ease backwards;-ms-animation: fadeInDown 1.3s ease backwards;border-bottom: 1px solid #8b8b8b;}
div.menu-fix ul li a{}
div.linhvuckhac-logo{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    position: fixed;
    bottom: 5px;
    z-index: 9999;
    width: 100%;
    left: 0;
    padding-left: calc(50% - 600px);
    padding-right: calc(50% - 600px);
    box-sizing: border-box;
}
div.linhvuckhac-logo div.item-intro{position: relative;width: calc(100% / 6 - 2%);margin: 0 1%;text-align: center;transition: 0.3s;}
div.linhvuckhac-logo div.item-intro:hover{margin-top: 0;}
div.linhvuckhac-logo div.item-intro .img_tt{
  display: inline-block;
  line-height:0px;
  position:relative;
  overflow:hidden;
  z-index:2;
  border-radius: 50%;
  margin-bottom: 8px;
  overflow: hidden;
  margin-bottom: 1px;
  box-shadow: 2px 3px 10px #666;
  border: 3px solid #264A67;
  max-width: 60px;
  }
div.linhvuckhac-logo div.item-intro .img_tt img{width: 60px;transition:0.3s;object-fit: cover;height: 60px;}
div.linhvuckhac-logo div.item-intro:hover .img_tt img{transform:scale(1.1);}
div.linhvuckhac-logo div.item-intro .name_tt{
  color: #000000;
  font-size: 12px;
  text-decoration:none;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  border: 3px solid #19A7CB;
  border-radius: 30px;
  padding: 4px 10px;
  background: #0063c0;
  min-height: 36px;
  display: flex;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  }
div.linhvuckhac-logo div.item-intro:hover .name_tt{color:#fff;background:#19A7CB}
.photo-product{
    width: 180px;
    display: flex;
    float: left;
    margin-right: 15px;
    border: 1px solid #d0d0d0;
    min-height: 180px;
    flex-wrap: wrap;
    align-items: center;
}
.photo-product img{}
#guong{margin-right: 15px;}
#Zoom-1{width: 100% !important}
#Zoom-1 img{width: 100%;}
.MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px;}
.gallery-thumb-pro{position:relative;margin-top:10px;}
.owl-thumb-pro{padding:0px 40px;}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;width: 100%;}
.control-carousel{position:absolute;top:calc(50% - 30px/2);margin-bottom:0px;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid #eee;z-index:2;background-color:#fff;color: #544e4e;cursor:pointer;}
.control-carousel:hover{background-color:var(--color-red);border-color:var(--color-red);color:#fff;}
.prev-carousel{left:0px;}
.next-carousel{right:0px;}
.box_intro #lang{width: 100%;text-align: center;position: relative;right: 0;bottom: 0;margin-bottom: 20px;}
.box_intro #lang .lang{margin:0 6px}
.keyword-autocomplete{position:absolute;top:103%;left:0;right:0;width:100%;background: rgb(255 255 255);border:1px solid var(--maincolor);font-size:13px;max-height:calc(80px * 4);overflow-x:hidden;overflow-y:auto;box-shadow: 0 0 10px #908888;border: 1px solid #00578f;border-radius: 5px;}
.autocomplete_item{
    display:block;
    border-bottom: 1px solid #ccc;
    padding: 3px;
    }.autocomplete_item a{padding:0.2rem!important;display:flex!important;align-items:center;gap:0.5rem}.autocomplete_item a picture{
    min-width: 22%;
    max-width: 22%;
    overflow: hidden;
    padding: 5px;
    background: #fff;
    }.autocomplete_item a section{flex-grow:1;position:relative}
.autocomplete_item a picture img{width:100%;margin-right: 0 !important;margin-top: 0 !important;}
.autocomplete_item a h3{font-size:12px;color:#222;margin:0;line-height: 15px;}.autocomplete_item a p{float:none;width:100%;text-align:left;line-height:unset;height:unset}.autocomplete_item a p span{font-size:12px}
.autocomplete_item a p span.price-per{top:0;right:0;z-index:2;width:auto;height:auto;padding:2.5px 5px;font-size:10px;line-height:unset}
.autocomplete_item:hover{background: #ccc;}
.othernews{margin-top: 25px;}