*{ margin:0px; padding:0px;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}
@font-face {font-family:"TeXGyreAdventor-Regular";
src:url("../font/TeXGyreAdventor-Regular/texgyreadventor-regular.eot?") format("eot"),
url("../font/TeXGyreAdventor-Regular/texgyreadventor-regular.woff") format("woff"),
url("../font/TeXGyreAdventor-Regular/texgyreadventor-regular.ttf") format("truetype"),
url("../font/TeXGyreAdventor-Regular/texgyreadventor-regular.svg#TeXGyreAdventor-Regular") format("svg");
font-weight:normal;font-style:normal;
}
@font-face {
  font-family: 'MYRIADPROREGULAR';
  src: url('../myriad-pro-Regular/MYRIADPROREGULAR.eot');
  src: local('MYRIADPROREGULAR'), url('../myriad-pro-Regular/MYRIADPROREGULAR.woff') format('woff'), url('../myriad-pro-Regular/MYRIADPROREGULAR.ttf') format('truetype');
}

@font-face {font-family:"Roboto Regular";src:url("Roboto-Regular.eot?") format("eot"),url("Roboto-Regular.woff") format("woff"),url("Roboto-Regular.ttf") format("truetype"),url("Roboto-Regular.svg#Roboto-Regular") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"Cooper Black Regular";src:url(../font/Cooper%20Black.ttf) format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Utm Daxline";src:url(../font/utm_daxline/UTM%20Dax.ttf) format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Utm Daxline Bold";src:url(../font/utm_daxline/UTM%20DaxBold.ttf) format("truetype");font-weight:bold;font-style:normal;}
@font-face {font-family:"Britannic";src:url(../font/Britannic%20T%20Medium.ttf) format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Open Sans Regular"; src:url(../font/open-sans/OpenSans-Regular.ttf) format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"Open Sans Bold"; src:url(../font/open-sans/OpenSans-Bold.ttf) format("truetype");font-weight:bold;font-style:normal;}
@font-face {font-family:"UVNAiCapNang"; src:url(../font/FontDep.com-UVNAiCapNang.TTF) format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"UVNHongHaHepBold"; 
            src:url(../font/UVNHongHaHepBold.TTF) format("truetype");
            font-weight:bold;
            font-style:normal;}
@font-face {
  font-family: 'MyriadProBoldCond';
  src:url(../font/MyriadPro-BoldCond.otf) format('opentype'); /* IE no comprende format()! */
}
@font-face {font-family:"Cooper Black Regular";src:url(../font/Cooper%20Black.ttf) format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"SFUFuturaLightOblique";src:url(../font/SFUFuturaLightOblique.TTF) format("truetype");font-weight:normal;font-style:normal;}
@font-face {
   font-family: 'UTMViceroyJF';
   src: url('../font/UTMViceroyJF/UTMViceroyJF.eot');
   src: url('../font/UTMViceroyJF/UTMViceroyJF.eot?#iefix') format('embedded-opentype'),
        url('../font/UTMViceroyJF/UTMViceroyJF.woff') format('woff'),
        url('../font/UTMViceroyJF/UTMViceroyJF.ttf') format('truetype'),
        url('../font/UTMViceroyJF/UTMViceroyJF.svg#UTMViceroyJF') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {font-family:"Roboto Bold Condensed";src:url("Roboto-BoldCondensed.eot?") format("eot"),url("Roboto-BoldCondensed.woff") format("woff"),url("Roboto-BoldCondensed.ttf") format("truetype"),url("Roboto-BoldCondensed.svg#Roboto-BoldCondensed") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"UTM Avo"; src:url(../font/UTM_Avo/utm-avo.ttf) format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:"UTM Avo Bold"; src:url(../font/UTM_Avo/utm-avobold.ttf)) format("truetype");font-weight:bolder;font-style:normal;}
/*====================================================================================================================*/


@font-face {
   font-family: 'roboto_con';
   src: url('../font/roboto/robotocondensed-regular-webfont.eot');
   src: url('../font/roboto/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/roboto/robotocondensed-regular-webfont.woff') format('woff'),
        url('../font/roboto/robotocondensed-regular-webfont.ttf') format('truetype'),
        url('../font/roboto/robotocondensed-regular-webfont.svg#roboto_con') format('svg');
   font-weight: normal;
   font-style: normal;
}
body {    line-height: 1.5;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin:0;
  padding:0;
  width:100%;
  background-color:#86FE62;
}
.clear{ clear:both;}/*====================================================================================================================*/
#container{
  width:1349px;
  margin:auto;
}
/*====================================================================================================================*/
#header{
  width:100%;
  margin:auto;
  position:relative;
}
/*====================================================================================================================*/
.logo{    position: absolute;
    left: 150px;
    top: 0px;}
.logo img{display:inline-block; height:100%}
.banner{ width:100%; margin:auto; float:left; padding-bottom:22px; background-color:#FFFA51;position: relative;/*float de menu clear (de ul li ko loi )ko bi loi*/}
.banner>a>img{width:100%; height:auto;}
.hotline{
  position:absolute;     bottom: 30px;
    right: 30px;
  width:230px; font-size:20px; color:#004a80; line-height:20px;
  font-family:'MyriadProBoldCond';
  float:right;
  /*text-shadow: -3px -2px 0 #fff, -2px -3px 0 #fff, 3px 3px 0 #fff, 2px 3px 0 #fff;*/
  vertical-align:middle;
}
.hotline img{float:left; }
.hotline span{margin:3px 0px 0px 0px;   width: 150px; font-size:26px;color:#004a80;}
.banner-hotro{width:250px;position:relative;top:-136px;right:125px;float:right;}
/*====================================================================================================================*/
.menu{
    position: absolute;
    background: url(../images/bg-menu.png) no-repeat center top;
    width: 100%;
    height: 52px;
    margin: 0 auto;
    top: -22px;
}
.menu2{
  background:url(../images/bg-menu.png);
  width:100%;
  height:75px;
}
.border-menu-top{background:url(../images/border-menu.png) no-repeat center; width:0px !important; height:50px !important;}
#smoothmenu1{      width: 1010px;
    margin: 0 auto;
    height: 100%;
    text-align: center;}
/*====================================================================================================================*/
#content{ 
  width:1200px;
  height:auto;
  min-height:300px;
  margin:auto; position:relative;
}
/*====================================================================================================================*/
 .content_top{ margin: 10px 0px; height:100%;}
 .content_top .jcarousel {height: 320px !important; width: 940px;
margin:0px !important; float: right;}
 .content_top .jcarousel li{width:225px !important;border:none !important; height:205px !important;box-shadow:none !important;}
 .content_top .product_image{border:1px solid #dedede; background-color:#fff;}
 .content_top .jcarousel img:hover{transform:none;}
  /*====================================================================================================================*/
#left{    margin-top: 30px; 
   float:right;width:310px;
  }
/*======================================================*/
.sanpham{
  min-height:200px;    width: 250px;
  color:#000; 
  float:left;    background-color: #FFFA51;
  }
.sanpham>img,.box-hotro>img{float:left;width:247px; height:10px;}
.title_left{font-weight:bold;
  /*background:url(../images/title-left.png) no-repeat;*/
  background-color:#FFFA51;
  width:100%;
  margin:auto; height:45px; margin-bottom:0px !important; color:white; font-size:14px;
  position:relative;top:0px;
}
.title_left p {    text-transform: capitalize;
    font-weight: 100;
    text-align: center;
    line-height: 37px;
    font-family:  'roboto_con';
    font-size: 20px;
    color: #000;
}
.title_ht{
  font-weight:bold;
  background:url(../images/tt-ht.png) no-repeat center;
  width:100%;
  margin:auto; height:45px; margin-bottom:0px !important; color:white; font-size:14px;
  position:relative;top:0px;
}
.title_ht p {    text-transform: capitalize;
    font-weight: 100;
    text-align: center;
    line-height: 50px;
    font-family: 'roboto_con';
    font-size: 20px;
    color: #fff;
}

.title_left img{position:relative;top:-6px; float:left}
/*#smoothmenu2{border:1px solid #e3e3e3; padding:3px; width:100%;}*/
#smoothmenu2.ddsmoothmenu-v{width:252px;}
#smoothmenu2 ul li.border-menu:last-child{ background:none !important;}
#menu-left{
  font-size:14px; font-weight:bold;margin:0px; padding:5px; padding-bottom:0px;
border:1px solid #e3e3e3;   width: 236px;
  box-shadow: 1px 1px #f1f1f1;
  }
#menu-left ul{list-style:none; margin:0px;
list-style-position:inside;line-height:30px;
/*list-style-image:url(../images/list-icon.gif)  !important;*/
padding-left:0px;}
#menu-left ul li{ background:url(../images/list-icon.gif) no-repeat left 7px; padding:0px 20px;}

#menu-left ul a{ text-decoration:none; color:#3a3a3a;  margin-left: -20px;
  padding-left: 20px;}
#menu-left ul li a{
border-bottom:1px dotted #d8d8d8;display:block; width:221px; 
  margin-left: -20px;
  padding-left: 20px;}
#menu-left ul li ul{ padding:0px;  display:none;}
#menu-left>ul>li>ul:first-child{ display:block;}
#menu-left ul li ul li{ background:url(../images/list-icon-2.png) no-repeat left 7px; padding:0px;}
#menu-left ul li ul li a{margin-left: 0px;
  width: 196px;
border-bottom:1px dotted #d8d8d8; font-size:13px; color:#2e2e2e}
/*======================================================*/
.box-hotro{float: right;
    width: 305px;
    background: url(../images/br-ht.png) no-repeat;
}
.box-hotro .title_left{float:left}
.box-hotro .hotline{float:left; width:100%;}
.box-hotro .hotline img{margin-top:0px;}
.box-hotro .hotline label{margin-left:30px;}
.box-hotro .hotline span{font:bold 20px Georgia, "Times New Roman", Times, serif; margin-top:15px;}
.box-hotro .border-menu{width:100% !important;}
.content-hotro{
  min-height:140px;width:100%;
  color:#000; 
  float:left;}
.hotro{    
    margin: 0 auto;
    height: 40px;
    width: 87%;
  }
.header-httt img {    margin: 10px 10px 10px 20px;}
.hotro p{ font-family: 'UTM Avo';
    margin: 0px;
    font-weight: normal;
    color: #3e3e3e;
    float: left;
    font-size: 16px;
    padding: 2px;
    text-align: center;
    text-decoration: underline;
}
.hotro div+p{border-bottom:none; color:red; font-size:15px; font-weight:bold;}
.content-hotro img:nth-child(2){position: relative;
  right: -108px;
  top: -120px;}
.header-httt{ height:90px;}
.header-httt p{font-family: 'UTM Avo';
    font-size: 16px;
    position: relative;
    top: -70px;
    right: -100px;    width: 200px;
  }
.header-httt p+p{    font-family: 'UTM Avo Bold';
    font-size: 24px;
    font-weight: bolder;
    top: -60px;
    right: -100px;
    width: 150px;}
.footer-httt {
    float: left;
    margin: 10px 0 10px 0;
    text-align: center;
    width: 100%;
    line-height: 27px;
}
 .footer-httt p {font-size:15px; color:#000;}
.dangkynhantin{margin:20px 10px 10px; line-height:16px;}
.dangkynhantin input[type='text']{  width: 220px;
  line-height: 28px;
  margin: 10px 0px;
  padding-left: 10px;}
.dangkynhantin input[type='image']{  
  display:block;
  margin:auto;}
.dangkynhantin ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #989898;
}
.dangkynhantin :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #989898;
}
.dangkynhantin ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #989898;
}
.dangkynhantin :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #989898;
}
.thongtinthitruong{  margin: 10px;
  border-bottom: 1px dotted #d8d7d7;}
  .thongtinthitruong a{text-decoration:none; font-size:13px;padding-left: 10px;}
  .thongtinthitruong img{vertical-align:middle; width:20px;}
.thongtinthitruong a:link,.thongtinthitruong a:visited{ color:#3e3e3e;}
.thongtinthitruong a:hover,.thongtinthitruong a:active{ color:#ECCE01;}
/*======================================================*/
.content-hotro>#map_canvas,.content-hotro>#map_canvas1{ height:220px; box-shadow:none; margin:0px;}
#map_canvas1{ width:100%; height:400px;background-color:rgb(229, 227, 223); box-shadow:0px 0px 3px #0033FF;}
#map_canvas{ width:97%; height:400px; background-color:rgb(229, 227, 223); box-shadow:0px 0px 3px #0033FF; margin:auto;margin-bottom:10px;}
/*====================================================================================================================*/
#primary {    margin-top: 30px;
    width: 890px;
    height: 100%;
    float: left;
}
/*======================================================*/
.title_top{ font-family:'Roboto Bold Condensed'; text-align:center;}
.title_top h1{display:inline-block; font-size:18px; color:#f10101;}
/*======================================================*/
.title_right{
  height:45px;font:14px bold Arial, Helvetica, sans-serif;
  margin-top:0px;margin-bottom:20px !important; background:url(../images/title-right.png) no-repeat top left;

}
.title_right a{text-decoration:none;}
.title_right h1,.title_right h2{   padding-left: 20px;
    /* text-transform: capitalize; */
    font-weight: 100;
    line-height: 35px;
    font-family:  'roboto_con';
    font-size: 25px;
    color: #000;
	font-weight:normal;}

/*======================================================*/
.content_primary{/*border:2px solid #009f3c; -webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;*/}
.content_primary img{max-width:100% !important;}
.content_primary table{max-width:787px !important;}

.content_primary .form-tuvan{float:left; width:370px; margin-left:10px; color:#797979; font-size:15px; margin-top:10px; margin-bottom:10px;}
.content_primary .cauhoithuonggap{float:right; width:500px;margin-top:10px; margin-bottom:10px; margin-right:20px;}
/*======================================================*/
.jcarousel{height:85px !important;}
.jcarousel a{text-decoration:none;}
.jcarousel h2{
  margin:0px; padding:0px; font-size:14px; font-weight:bold; color:#4d4d4d; text-align:center; text-transform:uppercase;
  margin-top:20px;
  }
.jcarousel span,.jcarousel span>a{font-weight:bold; color:red;}
.jcarousel p {
    font-family: Arial;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    margin-top: 10px;
    color: #333333;
}
/*====================================================================================================================*/
.search{ bordesr:1px inset #016526; background:url(../images/search_bar.png) no-repeat;
  position: relative;
  display:inline-block; float:right;
  vertical-align:middle; top:-91px; right:-6px; color:white; width:210px;
}
.search input{
  margin:5px; background:none;
  border:0px solid; line-height:20px;
}
.search input:focus{
  outline:none;
}
.search input[type=text]{width:166px;}
.search_icon{
  height:100%;
  vertical-align:middle;  position: relative;
  right: 4px;
  top: -2px;
}
.border-menu{ background:url(../images/border-image-left.png) repeat-x !important;width:auto !important; height:1px !important; list-style:none;}
.border-menu-right{ background:url(../images/border-image-right.png) repeat-x !important;width:100%; height:1px !important;float:left; margin-top:15px;}
.nav{width:100%}
.nav>li{
  display:inline-block;
  font-family: 'TeXGyreAdventor-Regular';
  font-size:14px; 
}
.nav a{
  text-decoration:none;
  
}
.nav a:link,.nav a:visited{color:#393939;}
.nav a:active{color:#ff0000;}
/*====================================================================================================================*/
.slider{
  width:100%; position:relative; float:left; height:485px;
}
#owl-demo .owl-page span{width:19px; height:19px; margin:5px 2px;padding:0px; font-family:'Britannic'; font-size:15px; background:url(../images/number.png) no-repeat; line-height:2; opacity:1}
#owl-demo .active span{background:url(../images/number-active.png) no-repeat;}
#owl-demo .owl-buttons{position:relative; width:1349px; top:-222px;}
#owl-demo .owl-controls{position:relative; top:-30px; display:inline-block;float:right; width:1366px;}
#owl-demo .owl-pagination{display:inline-block;}
#owl-demo .owl-prev{float:left; position:absolute; left:-0px; background:url(../images/prev.png) no-repeat!important; width:33px;height:33px;border-radius:0px !important; opacity:1; }
#owl-demo .owl-next{float:right; position:absolute; right:-20px;background:url(../images/next.png) no-repeat!important; width:33px;height:33px;border-radius:0px !important;opacity:1; }
.box_skitter .next_button{background:url(../images/next.png) !important;width: 64px !important;
  height: 64px !important;}
.box_skitter .prev_button{background:url(../images/prev.png) !important;width: 64px !important;
  height: 64px !important;}
//.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover{background:yellow !important}
/*====================================================================================================================*/

#chat1 {
  width: 250px;
}
#chat1 .titlechat {
  position:relative; right:-42px;
  width: 100%;
  height: 50px;
  background: url(../images/hotro.png) no-repeat top center;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
#chat1 .content_chat {
  width: 209px;
  float: right;
  background-color: #fff;
  font-size: 1.3em;
  height: auto;
}
#chat2 .titlechat {
  float: left;
  width: 48px;
}
#chat2 .content_chat {
  width: 250px;
  float: left;
  background-color: #fff;
  min-height: 155px;
}
.fb_reset {
  background: none;
  border: 0;
  border-spacing: 0;
  color: #000;
  cursor: auto;
  direction: ltr;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal;
}
/*====================================================================================================================*/
.icon-lienhe {
    width: 100%;
    float: left;
}
.icon-lienhe img{margin-right:10px;}
.hotro img{float:left;}
.hotro span{padding:0px; margin:5px 0px; display:block; float:left;}
.tinnoibat{padding:0px 10px;}
.tinnoibat img{width:82px; height:57px; float:left; margin:10px 0px;}
.tinnoibat p{float:left;width:140px; margin:0px; margin:10px 0px;margin-left:5px;}
.tinnoibat .border-menu{width:100% !important; float:left;}

.title_primary{ font-family:'UVNAiCapNang';
  background-color:#21d20a; width:100%;
  margin:auto; height:35px; margin-bottom:0px !important; color:white; font-size:16px; text-align:center; -webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
.title_primary p{
  text-align:center; margin:0px; float:left; margin-top:5px;}
.title_primary img{position:relative;top:-6px; float:left}
.title_primary h1,.title_primary h2{margin:0px;font-size:16px; line-height:2}
.box_sanpham{ width:100%;}

.chitietsp{
  float:left; width:223px; height:294px;  margin-right:27px; 
}
.content_primary .chitietsp{margin-right:13px; height:274px;}
.content_primary .imgchitietsp{width:199px;}
.content_primary .imgchitietsp img{ width:198px;}
.imgchitietsp{ float:left; width:212px; height:166px;border:1px solid #cfcfcf;padding:5px;
  -webkit-box-shadow: 5px 5px 0px 0px #dfdfdf;
  -moz-box-shadow: 5px 5px 0px 0px #dfdfdf;
  box-shadow: 5px 5px 0px 0px #dfdfdf;}
.chitietsp img{float:left; display:block; width:211px; height:166px; }
.lienhe img{width:73px; height:24px;}
.chitietsp:nth-child(3n+0){
  margin-right:0px; float:right;
}
.chitietsp h2{width:100%;
  font:bold 14px Arial, Helvetica, sans-serif;  
  margin:0px;color:#4d4d4d; margin-left:10px; float:left; text-align:center;margin-top:20px;
}
.chitietsp p{ width:100%;float:left;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  margin-top: 10px;}
  .chitietsp span, .chitietsp span>a {
  font-weight: bold;
  color: red;
}
.chitiet {
    float: right !important;
    font: normal 12px Arial, Helvetica, sans-serif;
    /* color: #0066ff; */
    text-decoration: none;
    position: relative;
    top: 0px;
    left: -65px;
}
.title_news{border-bottom:1px dotted #000; padding:0 10px 10px 10px;}
.lienquan{width: 1200px;}
.lienquan h2{color:#e40000; margin:0px; font:bold 16px Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:10px;}
.lienquan ul{list-style-position:inside; list-style-image:url(../images/list-icon-news.png); padding:0px; font:normal 13px Arial, Helvetica, sans-serif; line-height:1.5}
.lienquan a:link,.lienquan a:visited{color:#000}
.lienquan a:hover,.lienquan a:active{color:red}
.title_news h2{ font-family:'Roboto Regular';font-size:17px; font-weight:bolder; margin:0px;margin-top:10px;}
/*.title_news>p:first-child{font-size:18px; font-weight:bold; text-transform:capitalize;}
*/.title_news p{font-family:'Roboto Regular';font-size:14px; color:#333; line-height:1.5; margin:0px;}
.title_news p span{ color:#666;}
.title_news a:link,.title_news a:visited{color:#009}
.title_news a:hover,.title_news a:active{color:red}
.title_news a{color:#0E73E6; text-decoration:none; text-transform:lowercase; }
.title_news h2:first-letter{text-transform:uppercase;}
.content_news {
    float: left;
    width: 695px;
    margin-left: 10px;
    text-align: justify;
}
.image_news{float:left; border:1px solid #99A6FF}
.image_news img{float:left;padding:5px;}
.lienhe{
  text-align:center;
  }
/** Phan trang **/
.phantrang { text-align:right; margin-top:5px; margin-bottom:15px; margin-right:20px; }
.phantrang a:link, .phantrang a:visited, .phantrang a:hover, .phantrang a:active{
    /*border: 1px solid #a1a1a1;*/
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #000;
    /*background-color: #a1a1a1;*/
    padding: 1px 5px;
    /*font-weight: bold;*/
    text-decoration: none;padding:5px 10px; font-size:14px;  /*margin-right: 10px;*/
  }
.//phantrang a { color: #fff; padding:5px 10px; margin-right:5px; text-decoration:none; font-size: 13px; }
.phantrang span { color: #000; padding-left:9px; padding-right:9px; padding-bottom:5px; padding-top:5px; margin-right:5px; /*font-weight:bold;*/ font-size: 13px; background:url(../images/bg_2.png) no-repeat top center; }
.phantrang a:hover { color:#fff; background:#fff200 !important; no-repeat top center;background:url(../images/paginate_active.png); }
a.first, a.previous,a.last{display:none !important;} /*dấu , để sau .last sẽ lỗi*/
a.check { color:#FFF; background-color:#F77C1E; font-weight:bold; }
/** End Phan trang **/
.paginate_active{
  background:#fff200 !important; background-size: 100% 100%; color:#fff !important;
}
.phantrang p{display: inline-block;
  /*font-weight: bold;*/
  color: #00aeff;
  cursor: pointer;}
/*===================================================================================================================*/
.content_index input,.content_index textarea{display:inline-block;width:98%;}
.content_index input[type=reset],.content_index input[type=button]{width:auto;}
.product_wrapper{width:265px; height:280px; float:left; margin-right:20px; margin-bottom:20px;   border: 1px solid #ededed; }
.product_wrapper:nth-child(3n+0) {
  margin-right: 0px; float:right;
}
.product_image{width:215px; height:195px;padding:5px;}
.product_image>a>img{       opacity: 0.8;
    width: 215px;
    height: 195px;}
    .product_image>a>img:hover {
    opacity: 2;
}
.product_content{}
.product_content a{text-decoration:none; }
.product_content a:link,.product_content a:visited{color:red; font-weight:bold;}
.product_content h3{font-size:14px; font-weight:bold; margin:0px; text-align:center; color:#3e3e3e;  height: 25px;line-height:30px;  line-height: 15px;
  margin-bottom: 5px;}
.product_content p{text-align:center;}
.tintuc_image>a>img{width:168px; height:110px;}
.tintuc_content a{text-decoration:none; }
.tintuc_content a:link,.product_content a:visited{color:red; font-weight:bold;}
.tintuc_content h3{font-size:12px; font-weight:bold; margin:0px; text-align:center; color:black;  height: auto;line-height:30px;  line-height: 15px;
  margin-bottom: 5px;}
.cart {
  background: url(../images/cart.png) no-repeat; font-size:11px; color:white;line-height: 23px;
  padding-left: 10px;  margin-left: 36px; cursor:pointer;
}
/*===================================================================================================================*/
.form-tuvan h2 {color:#797979; font-weight:normal; margin:0px; padding:0px; font-size:18px;}
.cauhoithuonggap h2{color:red;font-weight:normal;margin:0px;padding:0px; font-size:16px; text-align:center;}
.content-cauhoi {border:1px solid #CCCCCC;border-radius:6px; padding:10px;}
.content-cauhoi p:first-child{text-transform:uppercase;font-size:16px;color:red; font-weight:bold; margin:0; padding:0; margin-bottom:10px;}
.content-cauhoi ul li{ list-style-type:square !important; line-height:18px; font-size:12px; padding-bottom:5px; }
.content-cauhoi a{text-decoration:none; font-weight:bold}
.content-cauhoi a:link, .content-cauhoi a:visited{color:#393939}
.content-cauhoi a:hover, .content-cauhoi a:active{color:blue}
.danhmucsp{ border-bottom:2px solid #21d20a; padding:5px 20px;}
.danhmucsp img{transition:all 1s ease 0s;}
.danhmucsp img:hover{transform:scale(1.1);}
.danhmucsp h2{font-size:16px; color:red; margin:0px; padding:0px; margin-bottom:5px;}
.danhmucsp a{text-decoration:none;}
.danhmucsp img{margin-right:20px; border:1px solid #21d20a;}
.danhmucsp p{float:right; width:300px; margin:0px; padding:0px; width:630px;}

.product_detail_pic{
  float:left; margin-right:2px;
}
.product_detail_pic img{
  width:235px; height:220px;
}
.product_info{margin:0px; list-style:none; float:left; width:100%; padding:5px; }
.product_info p{text-align:center;width:100%; margin:0px;}
.product_detail_pic + .product_info{    float: right;
    width: 500px;
    margin-right: 20px;
    padding: 0px;}
.product_detail_pic + .product_info p{padding:0; display:inline;}
.product_info li{ 
font:normal 12px Arial, Helvetica, sans-serif;color:#000;
    border-bottom: 1px solid #000;
padding:10px 0px 10px 0px;
}  
.product_info li span{color:#009f3c; font-weight:bold; width:100px; display:inline-block; font-size:14px;}
.product_info li p{color:#009f3c; font-weight:normal; margin:0; padding:0; display:inline-block; color:black; font-size:14px;}
h2.name_product{
  color:#ee1616;
  font:bold 16px Arial, Helvetica, sans-serif; margin:0;padding:0; margin-bottom:10px; padding-left:10px;
}
.detail_right{float:right; }
.detail_right img{max-height:190px; max-width:110px !important;}
.hinhlienquan {float:left;}
.hinhlienquan img {max-height:190px; max-width:110px !important;}
.content-product{float:left; width:100%; margin-bottom:10px; margin-top:10px;}
/*==========================================================================================================================*/
.doitac{float:left;width:1010px;}
#footer{
      /*background: url(../images/footer-image.png) no-repeat top left;*/
	  background-color:#FFFA51;
      height: 240px;width:100%;float:left; margin:auto;font-size:12px; font-weight:bold;
}
.diachi{
  font: normal 15px 'UTM Avo';
      margin-top: 50px;
    /* color: #fff; */
    width: 700px;
    float: left;
    padding-left: 70px;
}
/*.diachi p:first-child{
  color:#ffff00;
}*/
.huongdan{  float: left;
  width: 500px;
  margin-top: 15px;
  TEXT-ALIGN: CENTER;
  COLOR: WHITE;}
.huongdan a{font-size:11px; font-weight:normal; display:block; margin-bottom:20px; text-align:left;margin-left:174px; text-decoration:none}
.huongdan a:link,.huongdan a:visited,.huongdan a:hover,.huongdan a:active{color:white}
.huongdan a:hover{color:yellow; font-weight:bold}
/*==========================================================*/
.mangxh{;margin:auto; text-align:center; margin-top:5px;}
.mangxh img{float:none; margin:5px 2px;}
.mangxh img:hover{transform:rotate(60deg)}
.mangxh p{color:#f10303;font-size:16px; font-weight:bold;}
.mangxh .lienket{float:left; width:100%}
.i_mail{background:url(../images/search_bar_footer.png) no-repeat;float:left; width:308px;}
.i_mail input{
  margin:5px; background:none; color:white; 
  border:0px solid;
}
.i_mail input:focus{
  outline:none;
}
.i_mail input[type=text]{width:197px;float:left; }
.i_mail input[type=image]{float:right;margin-top:-2px;}
.tktruycap{
  font-family: Arial;
    margin-right: 16px;
    /* color: #f10303; */
    margin-top: 20px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}
.tktruycap span{
  padding:0px 5px;
}
.tktruycap div{ padding:3px 0px;}
div.tktruycap>div{float:right; width:200px;}
div.tktruycap>p{margin-bottom:10px;}
div.tktruycap>div>img{float:left; margin-right:10px;}
div.tktruycap>div>p{text-align:left; font-size:13px; color:black; font-weight:normal;}
div.tktruycap>div>p>span{text-align:left; font-weight:bold; color:black;float:right}
.copyright {
    font-weight: 100;
    font-family: Arial;
    margin-top: -45px;
    float: left;
    margin-left: 70px;
    color: #9f7d19;
    font-size: 12px;
}
.tktruycap img {
    margin-right: 10px;
    vertical-align: middle;
}
.copyright p{margin:0px; padding:0px;}
#thongbao{text-align:left;color:brown;font-size:12px;line-height:20px;}
/*==========================================================================================================================*/
.tablelienhe span{
  color:#F00;
}
.tablelienhe td{ height:15px;}
.tablelienhe .input,.tablelienhe textarea{
  padding:7px; float:left; margin-bottom:2px;
  azimuth:center; 
  width:300px;box-shadow:0px 0px 5px #333; border:0;border-radius:2px;transition:0.5s; outline-color:#0FF;padding-left:20px
  
}
.tablelienhe textarea{width:300px;}
.tablelienhe .title{ font-size:14px; font-weight:bold; text-transform:uppercase}
.tablelienhe input[type=button]{box-shadow:0px 0px 5px rgba(102,102,102,0.5); border-radius:5px;transition:0.5s; border:none; background:#fff; padding:5px;}
.tabletuvan span{
  color:#F00;
}
.tabletuvan td{ height:15px; width:80px; color:#797979; font-weight:bold;}
.tabletuvan .input,.tabletuvan textarea{
  padding:7px; float:left; margin-bottom:2px;
  azimuth:center; 
  width:240px;box-shadow:0px 0px 5px #333; border:0;border-radius:2px;transition:0.5s; outline-color:#0FF;padding-left:20px
  
}
.tabletuvan .title{ font-size:14px; font-weight:bold; text-transform:uppercase}
.tabletuvan input[type=button]{box-shadow:0px 0px 5px rgba(102,102,102,0.5); border-radius:5px;transition:0.5s; border:none; background:#fff; padding:5px;}
.content-lienhe{ padding:0px 10px 20px;     text-align: center;}
.form-lienhe{padding-left:5px;}
.form-lienhe td{height:30px; color:#00676b; width:160px;}
.form-lienhe span{color:red;}

#to-top{
  display: block;
  position: fixed;
  text-align: center;
  line-height: 12px!important;
  right: 17px;
  bottom: 17px;
  color: #fff;
  cursor: pointer;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  z-index: 10000;
  height: 29px;
  width: 29px;
  background-color: #F81616;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  }
#to-top i{
  
  line-height: 29px!important;
  width: 29px!important;
  height: 29px!important;
  font-size: 14px!important;
  top: 0px!important;
  left: 0px!important;
  text-align: center!important;
  background-color: transparent!important;
  }
.fa{
  
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  }
  .fa-angle-up:before{
  content: "\f106";
}

.tintuc_wrapper.left {
       margin-right: 35px;
    height: 290px;
    width: 31%;
    background-color: white;
    float: left;
}
.tintuc_wrapper.right {
    height: 290px;
    width: 31%;
    background-color: white;
    float: right;
}
.content_index {    
  padding-top: 30px;
    float: left;
      width: 100%;   
      padding-bottom: 30px;
}
.content_index img {
   margin-left: 20px;
    height: 190px;
    width: 210px;
}
.content_index1 {    
  padding-top: 30px;
    float: left;
      width: 1215px;  padding-bottom: 30px;
}
.title_new {
    height: 50px;
    font: 14px bold Arial, Helvetica, sans-serif;
   background: url(../images/tt-n.png) no-repeat bottom left;
 }
 .title_new a{
     text-decoration: none;
     color: #26a100;
     font-family: 'roboto_con';
     font-size: 20px;
 }
  .title_new a h3{ font-weight:normal;}
.sp-c1 img {
    padding: 10px 10px 10px 5px;
    height: 130px;
    width: 170px;
    float: left;
}
.sp-c1 {
    width: 96%;
}
.sp-c1 a {
    text-decoration: none;
}
.sp-c1 h3{
  color: #FF000A;
  font-size: 14px;
}
.sp-c1 p {
   text-align: justify;
    font-size: 13px;
    padding-top: 10px;
}
.tt-ht {
    height: 35px;
    width: 87%;
    margin: 0 auto;
}
.tt-ht p {
   
    color: #323232;
    font-size: 15px;
}
.icon-lienhe a {
    padding-right: 110px;
    float: right;
}
.icon-lienhe p { font-size: 15px;
    line-height: 35px;
    padding-left: 25px;
    float: left;
    width: 100%;
    height: 35px;
}
.diachi p {
    line-height: 1.5;
}
.nd {
    width: 70%;
    float: right;
    margin-right: 20px;
    text-align: justify;
}