@charset "utf-8";
body{	font-size:12px; font-family:arial; color: #727272; background:#fff ;}
/*h1, h2, h3, h4, h5, h6 {	font-weight:100; font-family:arial; color:#727272;	}
p {	font-size:12px;	line-height:1.5;	color:#727272;	font-family:arial;	}
a {	font-family:arial; color: #727272;	}*/
@font-face {
	font-family: 'Tahoma'; 
	src: url('../fonts/Tahoma.ttf');
	src: local('☺'), url('../fonts/Tahoma.ttf') format('ttf'), url('../fonts/Tahoma.ttf') format('truetype'), url('../fonts/avandemi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.img-responsive
{
    width: 100%;
}
.contact
{
    list-style: none;
    display: inline;
    padding-left:0px;
    padding-top:0px;
   

}
#ten41 { display:none;  }
.head{position: relative; margin-bottom: 0px;top:0px;}
.headerfix{position: fixed;z-index: 99; width: 100%;margin-bottom: 0px }
.headerfix .container #ten2{display: none}
.headerfix .container #ten1{ margin-top:5px; font-size: 25px}
.headerfix .container #ten5{ margin-top:-30px;}
.headerfix .container #ten6{ margin-top:-25px;}
.headerfix .container #ten3{ margin-top:-5px;}
.headerfix .container #ten4{ margin-top:-5px;}
.headerfix .container #ten41{ margin-top:-5px; display:none; }
.navbar-fixed-top{margin-top: 18px;width:100%;}
.navbar-fixed-top .container{width: 100%}
.navbar-inverse .navbar-nav > li > a { color: #fff; font-size:15px; white-space:nowrap;border-radius:4px;  padding: 8px 28px  ; line-height:35px;  }
.navbar-nav li:hover > .dropdown-menu { display:block; border:1.3px solid #fff; border-radius: 4px }
.navbar-nav li:hover {  }
.navbar-nav li .dropdow-menu .dropdown{border-bottom: 1px solid #fff}
.navbar-nav li {  border-right:1px solid #7e9d19;  }
.navbar-nav li:hover > .dropdown-menu li:hover > .dropdown-menu { display:block; border:1.3px solid #fff; border-radius: 4px }
.navbar-nav li a:hover { color:yellow !important;   }
.navbar-nav ul { background-color:#85b31f; padding: 0px;  }
.navbar-nav ul li { margin-left:0px; height:35px; position:relative; background-image:none;background-color:#85b31f; border-bottom: 1px solid #fff}
.navbar-nav ul li a{  line-height:30px; height:35px; color:#fff; }
.navbar-nav ul li a:hover{ }
.navbar-nav ul  li:hover {  background-image:none; height:35px;}
.navbar-nav ul  li:hover  a{ color:red !important; background-color:#fff; }

.navbar-nav ul  ul{ top: 0px; left: 100%; }
.navbar-nav ul  li:hover  ul a{ color:#fff !important;background-color:#85b31f;border-bottom: 1px solid #fff }
.navbar-nav ul  ul  li:hover  a{ color:red !important; }
/*cap3*/
.navbar-nav ul ul li:hover ul a{color:#fff !important;background-color:#85b31f;}
.navbar-nav ul  ul  ul li:hover  a{ color:red !important; }
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar .navbar-collapse {
  text-align: center;
}



.left{    width: 100%;      float: left;    background-color: #e1fe9f; margin-top:20px;   border-radius: 0px;border-left:2px solid #e5e4e4; border-right:2px solid #e5e4e4;
border-bottom: 2px solid #e5e4e4; }
.danhmuc{    padding: 8px 5px;    background-color: #85b31f;    color: #FFF;    font-size: 16px;    margin-top: 0px;
    font-weight: bold;   text-align: center; 
    margin-left: 0px;    padding-left: 0px;}
.left2 {border-bottom:1px solid #fff; margin-top: 0px;  padding-bottom:9px; padding-left:10px; font-size:14px; transition: all 0.3s ease-out; color:#7d4b0b; }
.right
{
     /*float: left;  
     background-color: #e1fe9f;*/
     margin-top:20px;    
}
.right1 
{
    background-color: #6c911a;
    color: #fff;
    padding: 0px 5px;
    float: right;
    margin-top: 3px;
    margin-right: 0px;
    border:1px solid #000;
    /*position: fixed;
    z-index: 999999;
    top: 200px;
    right: 90px*/
}
.top1{  height: 400px;position: fixed;right: 0px;top: 550px;width: 200px;z-index: 100;  }
.right12
{
    background-color: #6c911a;
    color: #fff;
    
    float: right;
    margin-top: 3px;
    margin-right: -85px;
    border:1px solid #000;
    position: fixed;
    z-index: 99999999;
    top: 550px;
    right: 90px;
    /*width:30px;
    height: 150px;*/

    
}

.title
{
    padding: 5px;
    color:#fff;
    padding-bottom: 20px;
    background-size: 100% 100%;

}
.cenn1 
{ 
     padding:3.5px 10px; 
    background: url(../images/top1.png) no-repeat  ;background-size: 100% 100% ;
     color:#fff; font-size:18px;

      
     
}
/*.cenn111
{ 
     padding:3.5px 100px; 
    background: url(../images/top1.png) repeat-x; 
     color:#fff; font-size:18px;
     margin-right:0px;
      
     
}*/
.cenn 
{ 
    position: relative;
    float:left; 
    margin:0 auto; 
    width: 100%; 
    margin-top:5px;
    margin-bottom: 20px;

}
.xemtiep
{
    position: absolute;
    background: url(../images/xemtiep.png) no-repeat 100%;
    float: right;
    color:#fff; 
    bottom: -40px;
    right: 0px;
    


}
#logofoot{margin-top: 30px}
.top{  height: 230px;position: fixed;right: 0px;top: 315px;width: 44px;z-index: 100;  }
.top img { margin-bottom:10px; cursor:pointer; width:38px; transition: all 0.2s ease-out;  }
.top img:hover { margin-right:20px; transform: scale(1.2);-webkit-transform: scale(1.2);  }
.scrollToTop { display: block; opacity: 0.7;}
.scrollToTop:hover{opacity:1 ;}


/* comment SP  */
a{color: #000;}
.khac {	float:left; margin:0 auto; width:99%; min-height:100px;}
.phanhoi_name {	float:left; margin:0 auto; width:99%; 	margin-left:10px;
	text-align:left; font-weight:700; font-size:13px;	color:#0592d7; height:25px; line-height:25px; 	}
.phanhoi_name2 {	float:left; margin:0 auto; width:99%; 	margin-left:10px;
	text-align:left; font-weight:700; font-size:13px;	color:#0592d7; height:45px; line-height:25px; 	}
.phanhoi {	float:left; margin:0 auto; width:90%;	}
.btn_cm { min-width:60px; height:25px; margin-left:30px; color:#fff; border-radius:3px; background-color:#0c68ba; }
.btn_cm:hover { cursor:pointer;opacity:0.8;box-shadow:0px 0px 10px #787878; }
.blll {  float:left; margin:0 auto; width:100%; min-height:100px; font-size:13px; }
.blll1 {  margin:0 auto; float:left; width:99%; margin-top:20px; background-color:#f7f7f7; margin-bottom:30px; }
.blll2 { margin: 0 auto; padding-left:30px; height: 35px;color: #000;font-size: 16px; line-height:35px; font-weight: bold;background-color: #eaff00;  }
.blll3 {  border-bottom:1px solid #eeeeee; padding:10px; padding-bottom:0px;   }
.blll4 {  float:left; margin:0 auto; width:99%; margin-left:10px; }
.blll5 { width:96%; height:100px;  }
.blll6 { width:70%;  height:25px;  }

.detail { float:left; margin:0 auto; border:1px solid #eee; width:45%; margin-top:30px;  }
.detail1 { padding:0 10px; float:right; margin:0 auto; width:52%; }
.css3transition{  -moz-transition: margin .2s;  -webkit-transition: margin .2s;  -ms-transition: margin .2s;
  -o-transition: margin .2s;  transition: margin .2s;}
.paging{	margin:0 auto;	text-align:center;	margin:20px;	padding:30px 0 ;}
.paging a:link, .paging a:visited, .paging a:hover, .paging a:active{
	border:1px solid #2A9FE2;	color:#fff;	background-color:#2A9FE2;
	padding:1px 5px;	font-weight:bold;	text-decoration:none;}
.paging a:hover{	background-color:#fff;	color:#2A9FE2;}




.thumbnail img { transition: all 0.2s ease-out; }
.thumbnail img:hover { transform: scale(1.1);-webkit-transform: scale(1.1); }
.spnew {position: absolute;overflow: hidden;width: 93%;background-color: rgba(0,0,0,0.65);-webkit-transition: height 1.21s;
transition: height 1.21s;height: 0px;max-height: 150px;color: #fff;text-align: center; }
.spnew h4, .spnew h5 { text-align: left; padding-left: 15px; }
.foo5 {  height: 30px;position: fixed;right: 20px;bottom: 45px;width: 44px;z-index: 100;  }
.foo5 img { margin-bottom:10px; cursor:pointer; width:38px; transition: all 0.2s ease-out;  }
.foo5 img:hover { margin-right:10px; transform: scale(1.2);-webkit-transform: scale(1.2);  }
.popover { max-width:400px !important; }
.centerr6 {  border:4px solid #e3f700; border-radius:6px; box-shadow:0px 0px 7px #666666;  }
.btndn { background-color: #5b5b5b;color: #fff;border: none;border-radius: 0;padding: 10px 12px; color:#fff; font-size:14px;}

a:hover{text-decoration: none;}

 .left12 { padding:10px 10px; background-color: #221700; color:#ffffff; font-size:18px; margin-top:0px;  border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
.footer1{background:#f9ed06; height: auto;  margin-left:0px; margin-right:0px; width: 100%;}
.th_slide7 { border-color:#b6b6b6; margin:5px 0; }
.th_slide10 { font-weight:bold; color:red; line-height:20px; vertical-align: bottom; padding-left:10px;}
.th_slide11 {  line-height:20px; font-weight:200; vertical-align: bottom; padding-left:10px;}
.footr { background-color:#e0e0e0; margin:0 auto; width:100% ; height:32px;  }
.footr1 { color:#5f5f5f; text-align:center; margin-bottom: 0;line-height:32px; }
/*.left { width:100%; margin:0 auto; float:left; margin-bottom:10px; margin-top:10px;   border: 1px solid #d3d3d3;   background-color: #fff;}*/
.left1 { padding:10px 10px; background-color: #85b31f; color:#fff; font-size:18px; margin-top:10px;  border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
#ten1{font-size: 25px;color:#ee9c31;}

.menuu {  margin-bottom:0px; }
.leftt1 { width:100%; position:relative; overflow:hidden; padding-bottom:50px; }
#hinh{width:35px; height:25px;margin:10px 0px 10px 10px}
#fon{color:#fff; font-size:20px}
/*danh muc*/
.dmcon { float:left; margin:0 auto; width:100%; }
.dmcon1 { float:left; margin:0 auto; width:100%; }
.left4 { color:#7d4b0b; margin-left:30px;  font-size:14px;  margin-bottom:12px; margin-top:0px;}
.left44 { color:#7d4b0b;padding-top:0px; margin-left:45px;  font-size:14px; transition: all 0.3s ease-out; margin-bottom:10px; margin-top:0px; }
.rtrt { margin-left:30px; padding-left:20px }
.ghgh {width:150px ;height:150px}
@media screen and (max-width: 1200px) {
#ten1{font-size: 10px}
}
@media screen  and (min-width: 130px) and (max-width: 860px) {

.rtrt { margin-left:00px; padding-left:0px }
.headerfix
{
    position: fixed;
}
/*.headerfix .container #ten6 {
    margin-top: -30px;
}*/
#slider2_container
{
    display: none;
}
.headerfix .container #ten5{margin-left:50px; margin-top: -200px ; text-align: left; padding-bottom:0px;padding-top:0px; float: left; display: block; z-index: 999 }
.headerfix .container h2#ten1{text-align: center; float: right; margin-top:-20px;margin-bottom:2px; font-size: 14px !important; margin-right:-30px;}
.headerfix .container #ten4{text-align: center; font-size: 12px; float: right; margin-top:-6px; float: right;margin-right: -40px; width: 300px; display:none !important;}
#ten41{ font-size: 14px; float: right; display:block !important; padding-left:0px;padding-top:30px !important; }
.headerfix .container #ten6{margin-top: -40px; padding-top:-100px;width:60px; height: 60px}
.headerfix .container #hinh{width: 30px; height: 20px}
#hinh{width: 30px; height: 20px}
#fon{color:#fff; font-size:14px;}
#email1{//display: none;}
#ten2{display: none}
#ten7 {display: none}
#ten8{display: none;}
#ten9{display: none;}
#call1{display: none;}
#ten5{ margin-left:50px; margin-top: -85px; text-align: left; padding-bottom:0px;padding-top:0px; float: left; display: block; z-index: 999 }
#ten6{margin-top: -40px; padding-top:-100px;}
h2#ten1{text-align: center; float: right; margin-top:-20px;margin-bottom:2px; font-size: 14px !important; margin-right:-30px;}
#ten3{ display: none}
#ten4{text-align: center; font-size: 12px; float: right; margin-top:-6px; float: right; }
#fot{font-size: 12px}
#slider6_container{display: none}
.ghgh { margin-top:10px !important; height:50px !important; }

.right1
{
   display: none;
}
#category{display: none}
.cenn1 
{ 
    padding:3.5px 10px; 
    background: url(../images/top1.png) no-repeat  ;background-size: 300% 100% ;
     color:#fff; font-size:18px;
     border-radius: 3px;

}
.col-md-9 .col-sm-12 h5 img { width:100% !important; height:auto !important;  }
#logofoot{margin-left: 0px;margin-top: 12px; padding-left: 0px}
#tenfoot{font-size: 12px; }
#diachifoot{font-size: 12px; float: left;margin-top: 0px}
#contfoot{margin-top:-30px;float: left; padding-top:0px;margin-left:0px;padding-left:0px;}
#tkfoot{float: right;padding-top: 0px; margin-top: 0px}
#tkfoot1{float: right;margin-top: -15px}
#olack{display: none;}
h5 #font{font-size: 9px !important;}
.navbar-toggle{margin-top: 3px; margin-bottom: 0px;}
.navbar {min-height: 40px;}
#olack1{display: none;}
#ha img { width:100% !important; height:auto !important;  }

}
@media screen and (max-width: 630px){
.ghgh { margin-top:0px !important; height:auto !important; width:100% !important }
.headerfix .container #ten6{ margin-top:0px !important; height:70px !important; width:70px !important }
.headerfix .container #ten5{margin-top:0px !important;padding-top:0px !important;}
.headerfix
{
    position: fixed;
}
.headerfix .container #ten6 {
    margin-top: 5px;
}
#slider2_container
{
    display: none;
}
#ten1{font-size: 10px; margin-left:0px; padding-left: 0px}
#ten2{display: none}
#ten7 {display: none}
#ten8{display: none;}
#ten9{display: none;}
#call1{display: none;}
#ten5{  text-align: center; margin-top: -100px; padding-bottom:0px;padding-top:10px !IMPORTANT; }
#ten6{margin-top: 5px; padding-top:0px;}
h2#ten1{margin-left:0px; text-align: center; margin-top:10px;margin-bottom:2px; font-size: 13px !important; margin-right:0px; display:none !important; }
#ten3{ display: none}
#ten4{text-align: center; margin-left: 0px; font-size: 14px; margin-top:2px;margin-bottom:2px; display:none !important; }
#fot{font-size: 12px}
#slider6_container{display: none}
.headerfix .container #ten5{ margin-top:-80px !important; padding-left: 50px !important}
.right1
{
   display: none;
}
#category{display: none}
.cenn1 
{ 
    padding:3.5px 10px; 
    background: url(../images/top1.png) no-repeat  ;background-size: 300% 100% ;
     color:#fff; font-size:18px;
     border-radius: 3px;

}
.col-md-9 .col-sm-12 h5 img { width:100% !important; height:auto !important;  }
#logofoot{margin-left: 0px;margin-top: 12px; padding-left: 0px}
#tenfoot{font-size: 12px; }
#diachifoot{font-size: 12px; float: left;margin-top: 0px}
#contfoot{margin-top:-30px;float: left; padding-top:0px;margin-left:0px;padding-left:0px;}
#tkfoot{float: right;padding-top: 0px; margin-top: 0px}
#tkfoot1{float: right;margin-top: -15px}
#olack1{display: none;}
h5 #font{font-size: 9px !important;}
.navbar-toggle{margin-top: 3px; margin-bottom: 0px;}
.navbar {min-height: 40px;}
}

@media (min-width: 768px){
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2  {
        width: 20%;
        *width: 20%;
    }
}
@media (min-width: 1200px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        *width: 20%;
    }
}
#xetai {
-webkit-animation-name: bounceInRight;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 2;
-webkit-animation-timing-function: linear;
-moz-animation-name: bounceInLeft;
-moz-animation-fill-mode: both;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 2;
-moz-animation-timing-function: linear;
animation-name: bounceInLeft;
animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 2;
animation-timing-function: linear;
max-width: 100%;
}
.th_slidertrt {
-webkit-animation-name: bounceInDown;
-webkit-animation-fill-mode: both;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: bounceInDown;
-moz-animation-fill-mode: both;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear;
animation-name: bounceInDown;
animation-fill-mode: both;
animation-duration: 2s;
animation-iteration-count: 1;
animation-timing-function: linear;
max-width: 100%;
}