/* CSS Document */

@import url('nivo-slider.css');

@font-face {

  font-family: 'Roboto';

  src:  url(../font/Roboto-Regular.ttf); 


}

@font-face {

  font-family: 'Roboto Medium';

  src:  url(../font/Roboto-Medium.ttf); 


}

@font-face {

  font-family: 'Roboto Light';

  src:  url(../font/Roboto-Light.ttf); 


}

@font-face {

  font-family: 'Roboto Bold';

  src:  url(../font/Roboto-Bold.ttf); 


}
*{ margin:0; padding:0;}



body{ margin:0; padding:0; font-family:Roboto; font-size:14px;  text-align:center;  position:relative; /*background:url(../images/bg-top.png) repeat-x;*/ color:#212121}


div{ margin:0; padding:0}


img { border:none}

.call-now{ display: inline-block;
  padding: 1px 30px 1px 30px;
  background: #ee12f8;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: transform 0.3s ease-in-out; text-transform: none;
  animation: pulse 1.5s infinite;}
/* Hiệu ứng zoom in - zoom out */
@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); }
}

/* Hiệu ứng khi hover */


.detail-ct img{ max-width:100% !important; height:auto !important }



ul ,li{ list-style:none}





a { text-decoration:none; color:#212121 }





.clear{ clear:both}





input.button{ width:auto !important; height:auto; padding:6px 20px 6px 20px !important; background:#ed1e24; color:white; font-weight:bold; cursor:pointer; border:none !important;/*-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px*/} 



.title-block{ line-height:35px;   font-size:24px;   margin-bottom:10px;  text-transform:uppercase;  color:#f87903; font-weight:bold}




h3.title, h1.title{ font-size:24px; }


h3.title a{ color:#f87903; margin:0 0 0 0px}



.short{width:180px}





div.title{line-height:35px;   font-size:24px;   margin-bottom:10px;  text-transform:uppercase;  color:#004aad; font-family:Roboto Bold;  }



#wrapper{margin:0px auto auto auto;  overflow:hidden;  }

.wrapper{margin:0px auto auto auto;width:1200px; border:0px solid red  }
.wrapper2{margin:0px auto auto auto;width:1400px; border:0px solid red ; max-width:98% }





.bg-top{ overflow:hidden; background:url(../images/bg-top.gif) top center no-repeat; padding-top:30px;}







/******************* Header ********************************/




#header{margin: 0 auto; clear:both;   border:0px solid; z-index:999; }



.header{margin: 0 auto; clear:both; position:relative; width:1260px; }

#header .bg-header{ overflow:hidden;  background:url(../images/bg-header.png) right bottom no-repeat}
#header .banner{text-align:left; overflow:hidden; position:relative; }



.banner img{ max-width:100%; }



#header .top-header{ overflow:hidden; padding:10px 0 10px 0; line-height:25px; border-bottom:1px solid #E7E5E2}



#header .phone{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:30px; margin-right:30px; float:left}



#header .email{ background:url(../images/icon-email.png) left center no-repeat; padding-left:34px; float:left}


#header .socia{ float:right;margin:5px 0 0px 0;background:url(../images/line.png) right 2px no-repeat; padding-right:20px}
.lang{ overflow:hidden; float:right; clear:right; margin:10px 0 0 0}



.lang img{  margin:0 0 0 5px}



.menuTop2,.icon-menu{ display:none}

.bg-menu{ background:#004aad;width:100%; float:left; clear:both;padding: 5px 0 5px 0;}

.menuTop{ height:40px; line-height:40px;   border:0px solid; text-align:center}
.menuTop ul{ float:left;width: 100%;}
.menuTop li{ display:inline-block;  text-align:center;position:relative; /*background:url(../images/border-li.png) right center no-repeat;*/ text-align:center; white-space:nowrap; text-transform:uppercase; padding:0 23px 0 23px; font-size:16px }


.menuTop li:last-child{ }


.menuTop li a{display:inline-block; color:white }



.menuTop .home{width:33px; background:url(../images/menu-home.png) center no-repeat; margin:0px 0 0 0}

.menuTop .active-home{background:#000 url(../images/menu-home.png) center no-repeat;}

.menuTop .home span{ display:none}

.menuTop li:hover , .menuTop li.active { background:#fb9e12  }

.menuTop a:hover ,.menuTop li.active a{ }




/*************************** Sub menu********************/


.menuTop ul li ul{position:absolute; top:40px; left:0px;width:250px; z-index:99999; display:none; visibility:visible;}



.menuTop ul li:hover ul{ display:block}


.menuTop ul li:hover ul ul{ display:none}



.menuTop ul li ul li{ text-align:left; height:auto;  line-height:20px !important; padding:10px;  margin:0; border-top:1px solid #FFF; display:block; float:none;  position:relative; white-space:normal;background:#004aad; }
.menuTop ul li ul li:hover{ background:url(../images/line1.png) left center repeat-y}

.menuTop ul li .no-bg li{background:#fb9e12}

.menuTop ul li ul li a{  background:none !important; padding:0;  font-weight:normal;width:100%; display:inline-block; text-transform:none}


.menuTop ul ul ul{ position:absolute; top:-1px; left:250px;width:250px; padding:0; display:none;}



.menuTop ul ul ul li{}



.menuTop ul ul ul li a:hover{ color:white; background:#FC1F04 }



.menuTop ul ul li:hover ul{ display:block}


p.cart{ line-height:30px; text-align:right}



p.cart a{ color:white; text-transform:uppercase; background:url(../images/icon-cart.png) left center no-repeat; padding-left:35px}


.frmSearch{  overflow:hidden; border:0px solid; margin:7px 0 0 0 ; padding:0px 10px 0 10px; float:right; }





#frmSearch input{ float:right}



#frmSearch p{ }





#frmSearch #keyword{ margin:0px 1px 0 0;  color:#006c95; padding:5px;width:150px; border:1px solid #ff8a00; outline:none; background:#FFF;border-radius:15px; display:none}
.frmSearch:hover #keyword{ display:inline-block !important}



#frmSearch select{width:185px; padding:1px; margin-bottom:5px}

#frmSearch #btnSearch{  border:none; cursor:pointer;width:auto; width:34px !important; margin:auto; height:30px; line-height:25px !important; color:white; background: url(../images/icon-search.png) center no-repeat; float:right; border:0px solid red !important}

.frmNewsLetter{ background:#FF6E00; padding:15px 0 10px 0;  overflow:hidden;text-align:left;}
#frmNewsLetter{ }


#frmNewsLetter p{ overflow:hidden; float:left; line-height:25px}
#frmNewsLetter p span{ display:block; text-transform:uppercase; font-weight:bold; font-size:16px}
#frmNewsLetter input{ float:right}



#frmNewsLetter #txt_email{width:400px; background:#FFF ; padding:10px; border:none; height:23px}


#frmNewsLetter #btnDK{ background:#2D1C3A; color:#FF6E00; border:none; cursor:pointer; line-height:23px; padding:10px 25px 10px 25px; text-transform:uppercase; font-weight:bold}



#frmNewsLetter label{ float:left; text-transform:uppercase; line-height:25px}




.navi-right{width:341px; float:right; overflow:hidden; background:url(../images/bg-top-navi.png) top center no-repeat; }















.navi-right ul{ text-align:center}















.navi-right li{ display:inline; margin:0 5px 0 5px; font-weight:bold; text-transform:uppercase; line-height:63px}















.navi-right li a:hover{ text-decoration:underline}























/*****************************  Content ************************************************/















#content{ text-align:left; padding:0px ;  margin:0px auto 0 auto; overflow:hidden; clear:both; border:0px solid}































/********************************** Left *******************************/


.menu-left{}
.menu-left a{ color:#004aad}
.menu-left a:hover{ color:#fb9e12}
.menu-left .name{ text-transform:uppercase; font-family:Roboto Bold; margin-bottom:10px; font-size: 21px;}
.menu-left .view-more{ background:url(../images/view-more.png) center no-repeat ;width:25px; height:25px; text-align:center; line-height:25px; float:right; background-size:100% 100%; cursor:pointer}

.menu-left .view-less{ background:url(../images/view-less.png) center no-repeat ;width:25px; height:25px; text-align:center; line-height:25px; float:right; background-size:100% 100%; cursor:pointer}
ul.category{margin:0px 0px 10px 0px;  }


ul.category li{ margin:0 0px 15px 0px; line-height:25px; font-size: 16px; background:#F8F7F6; border-left:5px solid #f89d12; padding:5px 0 5px 15px }

ul.category li:last-child{ border:none}



ul.category ul ul{  display:none ; overflow:hidden }

ul.category ul li:hover ul{ display:block}


ul.category .active ul{ }



ul.category li li a{ }
ul.category li:hover{  }

ul.category li   a{ display:inline-block;width:100% }



ul.category li li li{ background:none !important}





ul.category li ul{ border-top:1px solid #FFF;}







.left-content{width:280px;float:right; margin:0px 0px 0 0px;  text-align:left; clear:left;   }



.block-left{ margin:0px 0 10px 0; border:0px solid #d8d8d8;/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px*/}



.product-left{ overflow:hidden; text-align:center; margin:20px 0 20px 0 }



.product-left img{max-width:98%; margin-bottom:8px}



.product-left .name{  text-transform:uppercase;  line-height:18px; text-align:center; margin-bottom:8px}



.product-left .price{ color:red; font-weight:bold; font-size:13px}



.news-left{ overflow:hidden; margin:0 0 10px 0}
.news-left img{width:100px; float:left; margin:5px 10px 0 0}
.news-left  a{ color:#696863; }
/******************************** SUPPORT ****************************/


.hotline{ margin:10px 0 0 10px; background:url(../images/icon-phone.png) left center no-repeat; line-height:55px; color:#e76915; font-size:25px; padding-left:55px; font-weight:bold; border-bottom:1px solid #CCC; font-weight:bold }







.support-group{ text-align:center; text-transform:uppercase; font-weight:bold; color:red; line-height:30px}



.slideSupport{width:270px; background:#ffcc0a; overflow:hidden; position:fixed; bottom:-5px; right:0; z-index:99;webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}



.slideSupport .top{height:48px; color:white; line-height:48px; text-transform:uppercase; text-align:center; background:url(../images/bg-top-sp.png) center no-repeat; cursor:pointer}


.list-support{ overflow:hidden; background:#FFF; margin:0 10px 0 10px; }



.support{ overflow:hidden;  padding:10px 0px 10px 5px; min-height:60px;  margin:0px 0px 0 0px ; border-bottom:1px solid #E6E4E1;/* background:url(../images/icon-phone2.png) left center no-repeat*/ }

.support:last-child{ }





.support p{ overflow:hidden; margin:0px 0 0 0px;   line-height:30px;  border:0px solid; text-align:left }

.support .name{ text-transform:uppercase; }

.support .cell{ color:#d20000; font-size:18px; font-family:Helvetica Bold; background:url(../images/icon-zalo.png) left center no-repeat; padding-left:35px  }
.support .skype{ color:#d20000; font-size:18px; font-family:Helvetica Bold;  background:url(../images/icon-skype.png) left center no-repeat; padding-left:35px }





.support p span{ color:#ca2424;}




/******************************** Counter ****************************/







.counter{  overflow:hidden;  padding:10px 10px 15px 80px; background:url(../images/counter.png) 10px center no-repeat; }















.counter p{ line-height:20px;  overflow:hidden;  text-align:left; }































.counter p span{ text-align:right; margin-right:5px; float:right }















.left-content  .block-left .img-ads{ width:270px; overflow:hidden; margin:5px 0 10px 0; text-align:center}















































/***************************  News *******************************/














.left-news{width:calc(100% - 330px); float:left}
.otherNews{ overflow:hidden; margin:10px 0 10px 0;width:300px; overflow:hidden; float:right}



.otherNews .item{ overflow:hidden; margin:10px 0 20px 0; padding-bottom:20px; border-bottom:1px solid #eaeaea}



.otherNews .date{ color:#999; background:url(../images/calender.png) left center no-repeat; padding-left:25px}



.otherNews img{ height:125px; width:100%; margin-bottom:10px}



.otherNews p{ line-height:25px; margin-bottom:5px}



.otherNews p a{ }



/*************************** RIGHT ********************************/















.right-content{ overflow:hidden; width:270px; float:right; }















.block-right{ overflow:hidden;  margin-bottom:10px;/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/ border:1px solid #dedede}















.block-right img{}















.block-right marquee{ margin:15px 0 0 0; text-align:center;}















.productRight li{ overflow:hidden; margin:10px 5px 15px 5px; border-bottom:1px dotted #CCC; }















.productRight li .name{ text-transform:uppercase}















.productRight li .price{ color:#0d6408}















.productRight li{ line-height:25px; font-weight:bold}















/**************** Main -content****************/




.main-content{overflow:hidden; float:left;margin:0px 0px 0 0px;width:calc(100% - 310px); text-align:left;}


.list-cate{overflow:hidden;  }

.list-cate .name-cate{ overflow:hidden; clear:both;  margin-bottom:20px; border-bottom:2px solid #325894; text-transform:uppercase;  padding:0px 0px 0px 0px;  font-weight:normal; text-align:left; line-height:30px}
.list-cate .name-cate a{ color:#325894; font-size:15px }
.list-cate .name-cate .view-all{ float:right; font-weight:normal; text-transform:none; font-size:14px}


.detail-cate{ overflow:hidden; background:#F9F5E9; padding:15px; border:1px solid #EEEEEE; margin-bottom:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.list-product-home{overflow:hidden; margin:10px 0 10px 0;}



.list-product-home .item{width:calc(25% - 20px) ; float:left; margin:0 22px 0 0; padding:0px 0 5px;  text-align:center; overflow:hidden;  line-height:25px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.list-product-home .item4{ float:right; margin-right:0}

.list-product-home .clear4{ height:30px; clear:both}
.list-product-home .img{ margin-bottom:10px;border:1px solid #E3E1DD; }

.list-product-home img{ max-width:96%; height:170px; margin:10px 0 20px 0 }
.list-product-home img:hover {opacity:0.8}
.list-product-home .name a{ font-weight:bold}
.list-product-home  .price{ color:red}


.list-product{overflow:hidden; margin:10px 0 10px 0;}



.list-product .item{width:calc(33.33% - 20px) ; float:left; margin:0 30px 0 0; padding:0px 0 0px 0;  text-align:left; overflow:hidden; line-height:25px;}

.list-product .item3{ float:right; margin-right:0}

.list-product .clear3{ height:40px; clear:both}

.list-product .name{ font-family:Roboto Bold; font-size:16px}
.list-product .name a{ color:#004aad}
.list-product .name a:hover{ color:#fb9e12}
.list-product img:hover{opacity:0.8}
.list-product .name a:hover { color:#FF6300}

.list-product .img{ border:0px solid #EEEEEE; margin-bottom:10px}

.list-product img{ width:100%; height:210px;  }


.list-product .detail a{ color:#7A7772}




/****************************** User ******************************/















#frmLogin .lost-pass{ margin-left:5px}















#frmLogin .lost-pass:hover{ text-decoration:underline}















#frmLogin{ margin:200px  auto auto auto; border:0px solid;width:440px; text-align:left}















#frmLogin input{width:380px; height:30px; padding:5px 5px 5px 20px; border:1px solid #dcdcdc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}















#frmLogin .checkbox input{width:auto; float:left; margin:0px 5px 0 0}















#frmLogin .error{ color:red; }















#frmLogin p{ overflow:hidden; margin:10px 0 20px 0; line-height:28px;}















#fldLogin{ border:none}















#fldLogin p label{width:120px; float:left}















#fldLogin p.btn{ margin-left:120px}















#btnLogin{width:auto !important; background:#e7226c; color:white; padding:5px 15px 5px 15px !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:none; cursor:pointer; float:right; }































#frm-register{ margin:5px 0 20px 0; overflow:hidden;}















#frm-register .note-form{ margin:15px 0 15px 0}















#frm-register p {overflow:hidden; margin:10px 0 10px 0;}















#frm-register p label{width:150px; float:left; font-weight:bold}















#frm-register p label sup{ color:red}















#frm-register p.note{ font-weight:bold}















#frm-register img.captcha{ margin:0px 0 0 0;  text-align:center; }















#frm-register p.error{ margin-left:150px; color:red; font-style:italic }















#frm-register p input {width:300px; border:1px solid #d5d5d5; padding:1px}















#frm-register p.btn-submit { margin-left:150px;}















#frm-register .dieuKhoan{ font-weight:bold; cursor:pointer}















#frm-register .dieuKhoan:hover{ text-decoration:underline}















#frm-register .ghiChu{ margin:5px 0 0 150px; color:#878787; font-style:italic}















/*************** Footer ****************************************************************/





#footer{ overflow:hidden; text-align:center;  margin:auto; margin:0px 0 0px 0; clear:both; background:url(../images/line1.png) center repeat-y; position:relative; padding:20px }



.footer{text-align:left;   padding:20px ;  position:relative; background:#FFF url(../images/logo.png) left top no-repeat; padding-left:150px }



.footer a{ }


.footer .content-ft{width:50%; overflow:hidden; float:left; line-height:22px}



.footer .fanpage{ overflow:hidden;width:300px; float:right}


.footer .right iframe{width:100% !important; height:170px !important }
.footer .socia{  border:0px solid; overflow:hidden;}



.footer .socia img{ margin:5px 0 0 0}



.footer .socia span{ position:absolute; bottom:0; left:0; color:#01a1e1}




.menuFooter{ overflow:hidden;  border:0px solid ;  line-height:32px;  width:50%; float:right; }

.menuFooter .item{ overflow:hidden;width:50%; float:left}
.menuFooter .name{ text-transform:uppercase; font-family:Roboto Bold; font-size:18px}

.menuFooter ul{ overflow:hidden; }



.menuFooter li{ line-height:25px; display:block}

.menuFooter li:last-child{ background:none; border:none }

.menuFooter li a{  }



.footer{overflow:hidden; line-height:25px; text-align:left}
.footer .top{ text-transform:uppercase; font-family:Roboto Bold; color:#004aad; font-size:20px; margin-bottom:5px}


.paging{  margin:15px 0px 0 0;  clear:both; text-align:center; padding:10px; line-height:25px}



.paging div{ float:left;padding:0 2px 0 2px; color:black;  display:inline; margin-left:5px }


.paging  .num{padding:5px 8px 5px 8px; font-size:12px; margin-right:6px; font-weight:bold; border:1px solid #DBD8D3}


.paging .curent {  padding:5px 8px 5px 8px; margin-right:5px ; border:none; background:#FFB400}



.paging .next { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }


.paging .pre { padding:6px 8px 6px 8px; font-weight:bold; margin-right:5px }


.paging img{ margin:10px 0px 0 0px; }


body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prevlabel.gif) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/nextlabel.gif) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-weight: bold;
  line-height: 26px
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: url(../images/closelabel.gif) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.block-left .partner{ overflow:hidden; text-align:center}















.block-left .partner img{ margin:10px 0 10px 0}















































.page-content{ overflow:hidden; margin:0 0px 0px 0px; }































.block-cate{ overflow:hidden; margin-bottom:15px; height:150px;}







.block-cate .item{ overflow:hidden;width:140px; float:left; }















.block-cate ul{ margin: 8px 0px 0 0px}















.block-cate ul li{ background:url(../images/bullet.png) left center no-repeat; padding-left:11px; line-height:25px; }















.block-cate a{ color:#FFF; }







.block-cate a:hover{ text-decoration:underline}







.block-cate h3{ text-transform:uppercase; font-weight:normal}







.block-left p.news{ overflow:hidden; line-height:20px; margin:5px 5px 10px 5px; font-weight:bold}















.block-left p.news img{ float:left; margin-right:5px}















































/********************************* BreadCrumd ************************************/


.breadcrumb{ height:25px; line-height:25px; margin:5px 0 15px 0px}




.breadcrumb li{ float:left; color:#8F8C87;   /*background:url(../images/icon-row.png) right center no-repeat;*/ padding:0 5px 0 0px; }



.breadcrumb li:last-child{ background:none}


.breadcrumb li a{color:#8F8C87; }



/************************* SLIDE ********************/


.adsLeft{ overflow:hidden; text-align:center}



.adsLeft img{ width:210px; margin:10px 0 10px 0}



.block-ads{ overflow:hidden; text-align:center}



.block-ads img{ max-width:100%; margin:0px 0 10px 0; }


.block-ads .flash-item{margin:0px 0 15px 0; overflow:hidden; text-align:center}

.top-detail-pro{ overflow:hidden; background:#fbfbfb; padding:15px; border:1px solid #e5e5e5; margin-bottom:20px}

.img-product{margin:5px 0 15px 0; overflow:hidden; text-align:center ; }
.title2{ font-size:19px; font-weight:normal; color:#004aad; }


.img-product img{ text-align:center; max-width:94%; margin:20px 0 20px 0}

.img-product .thumb{ overflow:hidden; text-align:center}



.img-product .thumb img{ height:60px; margin:0 5px 5px 0; border:1px solid #eaeaea; padding:4px }

.info-product {width:48%;margin:0px 0 0px 0px; overflow:hidden; float:left;  position:relative; border:0px solid; line-height:25px}

.info-product .name{ border:0px solid; margin-bottom:15px; text-transform:uppercase;  font-size:18px}



.info-product .sapo{ line-height:25px; font-size:16px; margin-bottom:20px}



.info .intro h3{ border-bottom:1px solid #d5d5d5}



.info-product .price{ color:red ; border-bottom:1px solid #BFBAB4; padding-bottom:10px; margin-bottom:10px; font-size:18px}


.info-product .ct{ line-height:40px; text-align:center; color:white; margin-bottom:10px}



.info-product .ct a{ display:block; color:white}





.title-detail{ color:#FDB813;font-size:23px; margin-bottom:15px}


.content-pro{ text-align:justify; line-height:25px; overflow:hidden; clear:both; padding-top:20px}



.content-pro .top span{ text-transform:uppercase; font-size:20px; margin-bottom:15px; background:#FF0000; color:white; padding:10px 50px 10px 50px; font-family:UTM Aurora}



.content-pro .top { line-height:40px  }



.content-pro img{ max-width:100% !important; height:auto !important}



.content-pro h3{font-size:13px; margin:0 0 15px 0px; padding:0 0 0px 0; line-height:25px;  display:block; color:#ff8a00; text-transform:none; border-bottom:1px solid #ff8a00} 


.content-pro table{ background:#CCC; margin:auto; min-width:500px}


.content-pro table tr{ background:#FFF}


.content-pro table th, .content-pro table td{ padding:5px}


.tabs{ overflow:hidden; clear:both; line-height:30px; text-transform:uppercase;  margin-bottom:10px}



.tabs li{ padding:5px 20px 5px 20px; display:inline; float:left; margin-right:5px; text-align:center; border:1px solid #DBD8D3; }



.tabs a{ color:#000}



.tabs .active{ }



.tabs .active a{ color:#FC1F04; }



.tab-option{ overflow:hidden; line-height:25px !important; display:none; }


.tab-option img{ max-width:100%; height:auto !important}
.frmOrder{ overflow:hidden; background:url(../images/con-hang.png) left bottom  no-repeat;  padding-bottom:15px}

.frmOrder .btn-order{width:120px; height:25px;  margin:7px 0 0 0; background:none; cursor:pointer; border:none; outline:none; }


.detail-product{ margin:10px 0 15px 0; overflow:hidden; clear:both;  }




#frmWeblink select{width:200px; margin:10px 0 10px 10px}




.listAds{ overflow:hidden; text-align:center; margin:10px 0 10px 0}




.listAds a{ font-weight:bold; color:#2568ac}

.listAds img{ max-width:200px; width:auto !important;width:200px}




.block-right table{width:200px; margin: 10px auto; background:#CCC}



.block-right table tr{ background:#FFF}


.block-right table th, .block-right table td{ line-height:25px}



.block-right .news{ overflow:hidden; padding:5px}



.block-right .news  a{ color:#872603}





.block-home{ overflow:hidden;width:1260px; margin:auto}



.bg-box1{ background:url(../images/bg-box1.png) center no-repeat; background-size:100%; padding:30px 0 30px 0; overflow:hidden; margin-bottom:30px}

.introHome{ overflow:hidden; line-height:25px; text-align:left; max-width:90%; margin:auto}



.introHome .img{ width:30%; float:left; overflow:hidden}
.introHome img{width:100%}
.introHome .text{ overflow:hidden; float:right;width:67%}
.introHome .top{ text-transform:uppercase; font-family:Roboto Bold; font-size:30px; color:#004aad; line-height:35px; margin-bottom:10px}

.video-home iframe{width:100% !important; height:270px !important}

.newsHome2{ float:left !important}

.newsHome{   overflow:hidden;position:relative; text-align:left; border:0px solid}



.newsHome .top{ font-weight:bold; text-transform:uppercase; line-height:30px}



.newsHome .first{ overflow:hidden;width:calc(40% - 20px); float:left;}
.newsHome .first img{width:100%; margin-bottom:15px}
.newsHome .item{ overflow:hidden;width:calc(20% - 20px); float:right; margin:0  0 0 25px}

.newsHome .item4{  margin-right:0}

.newsHome .item img{width:100%; height:170px; margin:0 0px 15px 0}
.newsHome  img:hover {opacity:0.8}
.newsHome  a:hover { color:#FF6300}

.newsHome h4{ font-size:14px; margin-bottom:10px; text-transform:uppercase; font-weight:700; line-height:23px}

.newsHome .sapo{overflow:hidden; line-height:22px; text-align:justify; margin-bottom:10px}

.newsHome a{ color:#212121}



.newsHome .date{ color:#84817C}




.projectHome{   overflow:hidden;position:relative; text-align:left; border:0px solid}

.projectHome .item{ overflow:hidden;width:calc(33% - 20px); float:left; margin:0 30px 0 0; text-align:center}

.projectHome .item3{  margin-right:0; float:right}

.projectHome .item img{height:337px; margin:0 0px 0px 0}
.projectHome .item img:hover {opacity:0.8}
.projectHome .item h4{  background:#D8D5D0;padding:15px 10px 15px 10px; font-size:18px}

.map{overflow:hidden; margin:20px auto auto auto; clear:both; float:left;width:100%; border:0px solid}

.map table{width:100% !important}

.map td{width:50% !important; line-height:40px; font-size:19px; text-align:center; color:#B03025}

.map iframe{width:100% !important; height:300px !important}

.img-ct{ float:left;max-width:590px}
.contactInfo{ overflow:hidden;line-height:25px}
#frmContact {overflow:hidden;margin:auto ; clear:both; border:0px solid}




#frmContact span{ color:red}


#frmContact .row{ overflow:hidden; margin:10px 0 10px 0; border:1px solid #DBD8D3}


#frmContact p { overflow:hidden;}

#frmContact .row div { overflow:hidden;width:49%; float:left}
#frmContact .left{width:48%; overflow:hidden; float:left}
#frmContact .right{ float:right;width:48%; overflow:hidden}


#frmContact  input {width:calc(100% - 70px); border:0px solid #EBEBEB; padding:10px; height:26px; float:left }
#frmContact label{width:49px; height:47px; float:left}
#frmContact .fullname{ background:#F3F3F3 url(../images/icon-user.png) center}
#frmContact .address{ background:#F3F3F3 url(../images/icon-address.png) center}
#frmContact .phone{ background:#F3F3F3 url(../images/icon-phone2.png) center}
#frmContact .email{ background:#F3F3F3 url(../images/icon-email2.png) center}
#frmContact .title{ background:#F3F3F3 url(../images/icon-pen.png) center}
#frmContact .message{ background:#F3F3F3 url(../images/icon-nd.png) left top no-repeat; height:163px}

#frmContact textarea{ width:calc(100% - 70px); height:100px;border:0px solid #EBEBEB; padding:10px; }



#frmContact .note{font-size:17px; font-weight:normal; line-height:30px;  color:#16365C; margin:20px 0 20px 0; clear:both;width:100%; font-style:italic; background:#E6B8B7; padding:5px 10px 5px 10px }



#frmContact .btn {  }



#frmContact #btnSubmit{background:#FF7016 ; padding:10px 45px 10px 45px; cursor:pointer; border:none; width:auto; height:auto; color:white;  float:right; font-size:18px;border-radius:25px; margin-bottom:20px}


#frmContact .error{ color:red !important; }



 .success{ color:#063;  font-size:12px; line-height:18px}





.bg-popup{ overflow:hidden; position:absolute; top:0; left:0;width:100%;height:100%; background:url(../images/opacity.png); display:none; z-index:9999}




.popup{width:1035px; height:721px;  overflow:hidden; background:url(../images/bg-login.png) center no-repeat;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative; position:absolute; top:150px; left:50%; margin-left:-517px;}

.popup .close{width:35px; height:35px; position:absolute; top:2px; right:2px; cursor:pointer; }


.content-popup{padding:10px; line-height:25px; text-align:justify; font-size:13px; overflow:auto; height:450px}

.title-popup{ line-height:32px; text-transform:uppercase; color:#FFF; background:#8d9292; padding-left:10px; font-weight:bold; text-align:left; text-align:center !important}


#detailPro{ overflow:hidden; color:#000}

#detailPro .left{width:200px; float:left; overflow:hidden; border-right:1px solid #CCC; text-align:center; padding-right:8px}



#detailPro .right{ overflow:hidden;width:300px; float:right;  }

#detailPro p{ overflow:hidden; clear:both; text-align:left}


#detailPro img{  border:1px solid #CCC; max-width:200px; margin-bottom:8px; max-height:180px}


#detailPro .left label{width:60px !important}



#detailPro label{width:120px; float:left; font-weight:bold}


#detailPro p{ overflow:hidden;}


#detailPro a{ color:#056b17}


#detailPro a:hover{ text-decoration:underline}

#detailPro .right p{ border-bottom:1px solid #eaeaea}


#detailPro u{ font-weight:bold}


#detailPro .description{ overflow:hidden; clear:both; line-height:25px; text-align:justify;padding-top:10px; clear:both}

.navi-user{ overflow:hidden; }

.navi-user li{ display:block; padding:0 0px 0 20px; font-weight:bold; line-height:28px; background:url(../images/minus.png) left center no-repeat}


.navi-user li:last-child{ border:none}


.navi-user li a:hover{ text-decoration:underline}

a.edit{ padding:10px; background:url(../images/edit.png) center no-repeat}


span.detail{ cursor:pointer}


span.delete{  background:url(../images/delete.png) center no-repeat; cursor:pointer; width:30px !important}


.news-item{ overflow:hidden; clear:both; margin:10px 0 20px 0; text-align:left; /*padding-bottom:15px; background:url(../images/bg-line.png) bottom center no-repeat*/; border-bottom:1px solid #E0DED9; padding-bottom:20px}



.news-item img{width:190px; float:left; margin:0 10px 0 0; border:0px solid #8c9292;}

.news-item h4{ margin-bottom:10px; font-weight:normal}



.news-item h4 a{ font-size:17px;}


.news-item .info-post{ color:#9a9a9a; line-height:25px}


.news-item .date{background:url(../images/calender.png) left center no-repeat; padding:10px 0 10px 25px;}


.news-item .line{ overflow:hidden; border-bottom:1px dotted #CCC; margin-bottom:3px}

.news-item .sapo{ line-height:20px; text-align:justify; overflow:hidden}



.news-item a:hover{ text-decoration:underline}

.list-partner{ overflow:hidden; margin:10px auto 10px auto;width:100%}



.list-partner .item{ float:left;width:153px; height:73px; margin:0 11px 10px 10px; border:1px solid #dddddd; overflow:hidden; text-align:center; border-radius:5px}



.list-partner .last{ float:right}



.list-partner ul{width:5000px; overflow:hidden}



.list-partner li{ display:inline; float:left; overflow:hidden; border:1px solid #ececec; padding:1px; width:130px; height:66px; text-align:center; margin:0 10px 0 10px;border-radius:5px; text-align:center}


.list-partner img{ height:73px; max-width:100%}

.list-news{ overflow:hidden;}



.list-news .item{width:calc(33% - 20px); margin:0 32px 0 0; overflow:hidden; float:left; line-height:25px; text-align:left; border-left:1px solid #DDDAD5; border-right:1px solid #DDDAD5; border-bottom:2px solid #fb9e12; padding-bottom:10px;transition: 0.3s;}

.list-news .text{ padding:10px}

.list-news .item3{ float:right; margin-right:0}



.list-news img{width:100%; height:240px;  margin:0px  0 5px  0;transition: 0.3s ease-in-out;}
.list-news .item:hover img{transform: scale(1.05);}
.list-news img:hover{opacity:0.8}
.list-news  a { color:#004aad}
.list-news  .item:hover a{ color:#fb9e12}

.list-news h4{ margin-bottom:10px;  font-weight:normal; font-size:18px; min-height:50px; font-family:Roboto Bold}
.list-news .info-post{ overflow:hidden; color:#6a6a6a}
.list-news .date{ float:left}
.list-news .view{ float:right}
.list-news .detail a{ color:#6a6a6a}
.list-news .clear3{ height:40px; clear:both}

.news-right{ overflow:hidden; margin:10px; text-align:justify}



.news-right img{ float:left;width:80px; margin:0px 5px 0 0; border:0px solid #CCC; }


.news-right a{ color:#333; line-height:18px}


.view-all a{ color:#f3090c; font-weight:bold}



.view-all a:hover{ text-decoration:underline}



.slide-news .item{ overflow:hidden; line-height:25px; text-align:left; border-left:1px solid #DDDAD5; border-right:1px solid #DDDAD5; border-bottom:2px solid #fb9e12; padding-bottom:10px;transition: 0.3s;}

.slide-news .text{ padding:10px}

.slide-news .item3{ float:right; margin-right:0}



.slide-news img{width:100%; height:240px;  margin:0px  0 5px  0;transition: 0.3s ease-in-out;}
.slide-news .item:hover img{transform: scale(1.05);}
.slide-news img:hover{opacity:0.8}
.slide-news  h4 a { color:#004aad; font-size:18px; font-family:Roboto Bold}
.slide-news  .item:hover a{ color:#fb9e12}

.slide-product{ overflow:hidden;  border:0px solid; }

.slide-product ul{ overflow:hidden;width:100%; height:280px}



.slide-product .btn-pre,.slide-product .btn-next{ height:40px;width:35px; cursor:pointer; position:absolute; top:45%; z-index:999}



.slide-product .btn-pre{ left:0; background:url(../images/icon-pre.png) center no-repeat}



.slide-product .btn-next{ right:0; background:url(../images/icon-next.png) center no-repeat}

.slide-product .item{  margin:0 0px 0 0; padding:0px;  text-align:center; overflow:hidden; border:0px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; line-height:25px;background:#F2F2F2}



.slide-product .img{ border:1px solid #C9C9C9; margin:0px 0 -5px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background:#FFF}

.slide-product img{ max-width:96%; height:170px; margin:10px 0 20px 0 }

.slide-product .name{ text-transform:uppercase }

.slide-product .name a{ font-size:17px}

.slide-product .bottom{ background:#F2F2F2; margin:0px 0 0 0; z-index:2; position:relative; padding:10px ; overflow:hidden }

.slide-product .item:hover .bottom{ background:#FFB400}


/************Tooltip***********/



#tooltip{position: fixed;width: 320px; border:1px solid #ccc;background: #f2f2f2;display: none;overflow: hidden; text-align:left; line-height:25px !important}



.box-tooltip{ overflow:hidden; display:none}



#tooltip .title-tooltip{ line-height:30px; background:#ff7f00; color:white; text-transform:uppercase; padding-left:10px; margin-bottom:5px; font-weight:bold}



#tooltip .sapo{ margin:10px}


.back-top{ position:fixed; bottom:10px; right:10px; z-index:999;width:40px; height:40px; display:block; background:url(../images/back-top2.png) center no-repeat;border-radius:10px; }
.zalo{ position:fixed; bottom:120px; right:5px; z-index:999;width:53px; height:53px; display:block; background:url(../images/chat-zalo.png) center no-repeat;transition: transform 0.3s ease-in-out; text-transform: none;
  animation: pulse 1.5s infinite;}
.phone-ft{ position:fixed; bottom:60px; right:5px; z-index:999;width:53px; height:53px; display:block; background:url(../images/phone-ft.png) center no-repeat;transition: transform 0.3s ease-in-out; text-transform: none;
  animation: pulse 1.5s infinite;}
.facebook{ position:fixed; bottom:140px; right:5px; z-index:999;width:53px; height:53px; display:block; background:url(../images/chat-fb.png) center no-repeat}



.color-white{ color:#f87903}

.title-home{ overflow:hidden;	position: relative; text-align:left	; font-family:Roboto Bold; padding:10px 0 10px 0; margin-bottom:30px
}

.title-home .line11{
		font-size: 40px;
		text-transform: uppercase;
		-webkit-text-stroke: 1px rgba(64, 64, 65, 0.3);;
    	color: transparent;
    	line-height: 1;
	}
.title-home	.line2{
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 30px;
		color: #004aad;
		text-transform: uppercase;
	}
.title-home2 span{ background:#f2f2f2 url(../images/bg-title-1.png) right center no-repeat; padding-right:50px; float:left; border:0px solid}

.title-other{ line-height:28px;  font-size:19px;  border-bottom:1px solid #e3e3e3; margin-bottom:10px}



.info-news{ line-height:25px; background:url(../images/bg-top-detail-news.png) top repeat-x; color:#ababab; margin:5px 0 10px 0} 



.info-news .date{ background:url(../images/update.png) left center no-repeat; padding-left:20px}



.info-news .view{ background:url(../images/view.png) left center no-repeat; padding-left:20px}



.list-custommer{ overflow:hidden}

.list-custommer img{ height:100px; max-width:100% }



.listViewed ul{ height:280px; border:0px solid; margin:10px 0 0 0}



.listViewed ul li{width:100%; height:270px; text-align:center; margin-top:10px; font-weight:bold; line-height:25px}



.listViewed ul img{ max-width:98%; margin-bottom:15px; max-height:230px}



.listViewed .btn-next,.listViewed  .btn-pre{width:17px; height:35px; cursor:pointer; border:0px solid; z-index:99; position:absolute; top:110px}



.listViewed .btn-pre{ left:0; background:url(../images/icon-pre1.png) center no-repeat}



.listViewed .btn-next{ right:0; background:url(../images/icon-next1.png) center no-repeat}

.padding-top{ height:165px}

.list-news2{ overflow:hidden}
.list-news2 .item{width:48%; overflow:hidden; float:left; line-height:25px}
.list-news2 .item2{ float:right}
.list-news2 .img{ height:250px; position:relative; overflow:hidden; margin-bottom:10px}
.list-news2 img{width:100%; min-height:100%}
.list-news2 .sapo{width:calc(100% - 20px);height:calc(100% - 20px); padding:10px; color:white; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6); display:none}
.list-news2 .item:hover .sapo{ display:block}
.list-news2 h4{ font-weight:normal; font-size:18px; text-align:center}
.list-news2 .clear2{ clear:both}
.wrap-slide-pro{ max-width:1600px; width:94%; margin:20px auto 20px auto}
.slide-product-cate .item{ padding:15px}
.slide-product-cate .img{ overflow:hidden; margin-bottom:20px;-webkit-box-shadow: -1px 0px 15px 0px rgba(204,204,204,1);
-moz-box-shadow: -1px 0px 15px 0px rgba(204,204,204,1);
box-shadow: -1px 0px 15px 0px rgba(204,204,204,1);}
.slide-product-cate .item img{ height:215px}
.slide-product-cate .name{ font-weight:bold; text-transform: uppercase}
.thong-ke{ overflow:hidden; text-align:left; background:url(../images/thong-ke.png) center no-repeat; height:200px; background-size:100% }
.thong-ke .item{width:25%; float:left; overflow:hidden;  font-family:Roboto Bold; position:relative; text-align:center ; display:none}
.thong-ke .item4{ }
.thong-ke  .text1{font-size:120px;
		text-transform: uppercase;
		font-weight: bold;
		-webkit-text-stroke: 1px rgba(64, 64, 65, 0.25);;
    	color: transparent;
    	line-height: 1;}
.thong-ke  .text2{position: absolute;
		bottom: 20px;
		left: 15px;
		font-size: 50px;
		color: #004aad;
		text-transform: uppercase;}
.thong-ke  .text3{ font-size:22px; color:#ef7b2d; position:absolute; bottom:15px; left:110px}
.linhvuc{ overflow:hidden}
.linhvuc .item{ overflow:hidden;width:48%; float:left; border-bottom:2px solid #fb9e12;  position:relative; height:350px;}
.linhvuc .item2{ float:right}
.linhvuc img{width:100%; height:200px; position:relative; z-index:0; }
.linhvuc .text{ overflow:hidden; position:relative; z-index:1; text-align:left; padding:20px 20px 10px 30px}
.linhvuc .label{ font-size:16px}
.linhvuc .name{ color:#004aad; font-size:32px; font-family:Roboto Bold; text-transform:uppercase; margin-bottom:10px}
.linhvuc .detail{ display:block;width:38px; height:38px; background:url(../images/icon-plus.png) center no-repeat; margin-top:20px}
.linhvuc .list{  display:none;  min-height:100px}
.linhvuc .list p{ background:url(../images/icon-row-white.png) left center no-repeat; color:white; padding-left:20px; line-height:30px; font-size:16px}
.linhvuc .list p a:hover{ color:#fb9e12}
.linhvuc .item:hover .list{ display:block}
.linhvuc .item:hover .text{ background:url(../images/bg-hover.png) left -40px no-repeat; color:white;  /*-webkit-transition-duration: 0.4s;  -moz-transition-duration: 0.4s;  -o-transition-duration: 0.4s;*/ position:absolute; bottom:0; left:0;width:100%; z-index:99; }
.linhvuc .item:hover a{ color:white}
.linhvuc .item:hover .name{ color:white}
.title-dv { background:url(../images/dich-vu-nb.png) left center no-repeat; height:156px; font-size:0}
.title-da { background:url(../images/datb.png) left center no-repeat; height:189px; font-size:0}
.title-news { background:url(../images/ttnb.png) left center no-repeat; height:171px; font-size:0}
.home-service{ clear:both}
.home-service .item{ overflow:hidden; position:relative;}
.home-service img{width:100%;transition: 0.3s ease-in-out;}
.home-service img:hover{opacity:0.8;transform: scale(1.05);}
.home-service .item .name{ position:absolute; bottom:0; left:0; z-index:9;width:100%; text-align:center; padding:10px 0 10px 0; color:#f87903; text-transform:uppercase; font-size:19px; font-family:Roboto Bold; background:rgba(0,0,0,0.4)}
.home-service .item:hover a{ color:#fb9e12}
.bg-box2{ overflow:hidden; background:#F2F3F4; padding:10px 0 10px 0; margin:20px  0 0 0 }
#frmBG{ overflow:hidden; background:#004aad; padding:20px; margin-bottom:20px}
#frmBG .top{ color:white; text-align:center}
#frmBG input{width:calc(100% - 22px); padding:10px; border:1px solid #DDD;border-radius:5px}
#frmBG textarea{width:calc(100% - 22px); padding:10px; height:50px; ; border:1px solid #DDD;border-radius:5px}
#frmBG p{ overflow:hidden; margin:10px 0 10px 0}
#frmBG #btnSubmit{ color:white; border:none; cursor:pointer; text-align:center; background:#fb9e12;width:90%; margin:10px auto 10px auto ; transition: transform 0.3s ease-in-out; text-transform: none;
  animation: pulse 1.5s infinite;border-radius:10px; text-transform: uppercase;}



.splq{ margin:10px 0 0 10px; background:url(../images/splq.png) left center no-repeat; height:193px}
.ttlq{ background:url(../images/ttlq.png) left center no-repeat; height:173px}
.logo-mb{ display:none}

.view-all{ float:right; font-size:15px; color:#fb9e12;background:url(../images/NMTL_60.png) right center no-repeat; padding:10px 60px 10px 10px; font-family:Roboto ; margin:10px 0 0 0}
@media screen and (min-width: 1100px) and (max-width: 1300px){

body{ border:0px solid red}

.wrapper{width:1100px;}

.banner img{}

.menuTop li { padding:0 15px 0 15px; font-size:14px}


}





@media screen and (max-width:859px){



body{ background:none}



#header .top,.menuTop, .frmSearch1{ display:none; }

#frmSearch{ float:left}

.menuTop{  line-height:40px; width:100%; height:auto;  padding:0px 0px 0px 0px; overflow:hidden; clear:both; background:#FF6300}



.menuTop ul{ margin:10px 0 0 0;width:100% }
.menuTop ul li ul{width:100% ; position:static !important; display:block !important; visibility:visible !important; background:none !important}



.menuTop li{ display:block; float:none;width:100%; border-bottom:1px solid #FFF; text-align:left; text-transform:uppercase; padding-left:10px;  overflow:hidden; background:none !important}

.menuTop li li{ text-transform:none; padding-left:20px; background:url(../images/icon-row.png) left center no-repeat !important; border-bottom:none; border-top:1px solid #FFF }

.menuTop li li:first-child{ }

.menuTop li li:last-child{ }
.menuTop li a{ }
.menuTop #keyword{ height:24px !important}

.icon-menu{ background: #004aad url(../images/icon-menu.png) left center no-repeat; height:35px; line-height:37px; float:right; display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; margin:20px 0 0 0px; cursor:pointer; color:#FDB813; width:40px}

.lang img{ margin:5px 0 0 0}

.detail-ct img{ max-width:100%; height:auto !important}

	}



@media screen  and (max-width: 620px){

body{border:0px solid red}
.wrapper2{width:auto}
.wrapper{width:98%;}
.top-header{ padding:0 0 0 10px !important}
#header .phone, #header .email{width:0px; padding-left:20px; overflow:hidden; font-size:0; margin-top:5px}
.banner img{ max-width:90% }
#header .banner{ display:none }
.logo-mb{ display:block; float:left; height:80px;width:auto; margin:0 0 0 10px}
.bg-header { background:none !important }

.right-header .ct{ float:left; clear:none; margin:3px 0 0 0}

#header .lang{ }
.thong-ke{ background:none; height:auto}
.thong-ke .item{ display:block;width:50%; text-align:center }
.thong-ke img{ max-width:100%; height:100px}

.box-content table{max-width: 100%;}


.left-content,.fanpage{ display:none}
.main-content{width:100%}


.list-product .item,.list-product-home .item{width:48%; margin:0 0px 0 0 !important  }
.list-product .item2,.list-product-home .item2{ float:right !important}
.list-product .item3{ float:left !important}
.list-product .clear3,.list-product-home .clear4{ display:none}
.list-product .clear2,.list-product-home .clear2{ clear:both; height:20px}

.list-product .img img,.list-product-home .img img{ height:130px}
.info-product,.img-product{width:98%; clear:both; margin:10px auto 10px auto; float:none}
.footer .left, .footer .right{ float:none;width:100%}
.footer .left, .footer .right{ float:none;width:100%}
.projectHome .item{width:100%; float:none; margin:0 0 20px 0}
.projectHome .item img{ height:auto; max-width:100%}

.introHome .img, .introHome .text{width:100%; clear:both; margin:10px 0 10px 0}
.introHome .text .top{ font-size:18px}
.linhvuc .item{width:auto; margin:0; float:none !important}
.newsHome a{ color:#000 !important}
.newsHome  .color-white{ color:#000}
.list-news .item,.home-service .item{width:100%; float:none; margin:0 0 20px 0}
.list-news .clear3,.list-news .sapo{ display:none}
.list-news img,.home-service img{ height:auto}
.list-news h4{ min-height:inherit}
.left-news,.otherNews{width:100%}
.bg-box1{ background:none}

#frmContact .left,#frmContact .right{width:100%}
#frmContact input,#frmContact  textarea{width:250px}
#frmContact .error{ margin-left:100px}
.news-item .sapo{ display:none}
.news-item img{width:120px}
.newsHome .item{width:100%; clear:both; margin:0 0 30px 0}
.newsHome .item img{width:120px; height:auto !important; float:left; margin:5px 10px 0 0}
.list-news2 .img{ height:150px; }
/*.list-news2 .img img{ height:150px}
.list-news2 .sapo{ position:static;width:100%; background:none; color:#000; margin:10px 0 0 0; display:block !important}*/
#footer{ background:#FFF}
.footer{ background:#FFF; padding:0}
.footer .content-ft, .menuFooter{width:100%; float:none; clear:both; text-align:left; margin-top:10px}
.title-home .line1{ font-size:60px}
.title-home .line2{ font-size:30px; line-height:2}
.introHome, .menuFooter{ display:none}
}