body {
	margin:0;
	background-attachment: fixed;
	background-position: center;
	font-family:'Roboto Condensed';
	min-width:1010px;
}
a { text-decoration:none}
ul, li, ol { list-style:none; list-style-type:none}

/* menu ngang  ////////////////////////////////////////////////// */
.navnang * {
  margin: 0;
  padding: 0;
}

.navnang {
  border: 2px solid #141414;
  border-left: none;
  border-right: none;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom:5px;
  margin-top:5px;
  border-radius:5px;
}

.navnang .navmain {
  float: left;
  width: 100%;
}

.navnang .navmain li {
  float: left;
  position: relative;
  padding: 16px 0;
  line-height: 14px;
}

.navnang .navmain li a {
  font-size: 16px;
  color: #141414;
  padding: 16px;
}


/* Submenu */
.navnang .navmain ul {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1000;
}

.navnang .navmain li:hover {
  position: relative;
  background: rgba(169, 169, 169, 0.69);
}

.navnang .navmain li:hover ul {
  left: 0px;
  top: 46px;
  background: rgba(169, 169, 169, 0.69);
  padding: 0px;
}

.navnang .navmain li:hover ul li a {
  display: block;
  width: 250px;
  background-color: rgba(169, 169, 169, 0.69);
  padding: 5px 10px;
  z-index: 1000;
}

.navnang .navmain li:hover ul li a:hover {
  background: rgba(0,0,0,0.5);
}

.navnang .navmain li.navvsub {
  padding: 0;
  line-height: 25px;
}

.navnang .navmain li.navvsub a:hover {
  color: #FFF;
}

/* size small */
.navnang .navmain li.navvsub {
  line-height: 22px;
}

.navnang .navmain li {
  padding: 12px 0;
}

.navnang .navmain li:hover ul {
  top: 39px;
}

/* khoang cach */
.navnang .navmain li a {
  padding-left: 12px;
  padding-right: 12px;
}

/* font size data */
.navnang .navmain li a {
  font-size: 12px;
}

/* background data */
.navnang {
  background: #141414;
  border: 2px solid #F00;

  border-left: none;
  border-right: none;
}

.navnang .navmain li a {
  color: #FFF;
}

/* rebhuotvao data */
.navnang .navmain li:hover, .navnang .navmain li:hover ul li a {
  background: #090;
}

.navnang .navmain li:hover ul li a, .navnang .navmain li:hover a {
  color: #fff;
}

.navnang .navmain li:hover ul li a:hover {
  background: rgba(0,0,0,0.5);
  color: #FFF;
}

/* home web ////////////////////////////////////////////////// */
.webdai { width:1010px; margin-left:auto; margin-right:auto;}
.boxcot{width:200px;}
.boxcot{ overflow:inherit !important}
.boxinfo{float:left;width:590px; margin: 0 5px;}
.floatphai{float:right !important;}
.floattrai { float:left !important}
.nenout { background: rgba(255,255,255,0.5); padding:5px; padding-bottom:30px}

/* block ////////////////////////////////////////////////// */
.block { background:none; border:none; padding:0; margin-bottom:30px;}
.block .title {  border-bottom: 2px solid #333; font-size:14px; color:#333; margin-bottom:10px; padding-bottom:5px;}
.block .titledm {  padding: 8px 5px; padding-bottom: 2px; color:#FFF}
.block_content { color:#FFF; font-size:14px;}
.block_content a { }
.bordersm {	border-radius:4px;}		
.block .block_content, .block .hotrodt {color:#333}
.fa-ul { margin:0; padding:0}
.block .block_content { background:rgba(255,255,255,0.8)}
.block .title { padding: 8px 5px; background:#F00; border-bottom:none; margin:0;}
.block { border: solid 2px #F00; margin-bottom:7px }
.block .block_content .padblock{ padding:5px}

/*mau */
.block .title { color:#FFF}
.block .title { border-bottom-color:#090}


/* menu danh muc ////////////////////////////////////////////////// */ 

#menullco li {list-style: none; display:block} 
#menullco li a { text-decoration:none; padding:6px 10px; display:block; font-weight:bold; color:#333 }
#menullco li ul{ margin:0; padding:0; padding-left:15px; }
#menullco li ul li a{ color:#333; font-weight:normal}
#menullco li a:hover, #menullco li ul li a:hover{ text-decoration:underline; background:none; color:#F36}

#menull navdoc li {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	display:block;
	}
	
#menull navdoc li {
	display:list-item;
	list-style: none; 
	width:100%;
	min-width:190px;
	z-index:500;
	}

#menull navdoc li a {
	display:block;
	background:#FFF; text-decoration:none; 
    overflow: hidden;
    text-overflow: ellipsis;
}

#menull navdoc li a:hover { 
color:#FFF;
text-overflow: auto;
	white-space: inherit;
	overflow: auto;
}	

#menull navdoc li ul {
	display: none;
	position: absolute;
	margin:0;
	padding:0;
}
	
/* Display Dropdowns on Hover */
#menull navdoc li:hover > ul {
	display:list-item;
	z-index:0;
}
	
/* Fisrt Tier Dropdown */
#menull navdoc li ul li a {

	float:none;
	position: relative;
	border-bottom:none;
	color:#FFF;
	white-space: nowrap;
	background:rgba(0,0,0,0.7);
	overflow:hidden
}

/* danh muc sub 1	*/
#menull navdoc li ul li {
	position: absolute relative;
	top:-33px; 
	left:196px;
}
/* danh muc sub 2	*/
#menull navdoc li ul li ul li {
	position: absolute relative;
	top:-30px; 
	left:196px;
}

/* mau hover */
#menull navdoc li a:hover, #menull navdoc li.listttdvhome a:hover { background:rgba(0,0,0,0.5); color:#FFF}

/* mau main */
#menull navdoc li a { background:none; color:#333}

/* mau sub */
#menull navdoc li ul li a { background:rgba(0,0,0,0.8); color:#F7F7F7 }
#menull navdoc li ul li a:hover { background: rgba(0, 0, 0, .6); color:#FFF }
/* kich thuoc loai 2 */
#menull navdoc li { min-width:190px; }
#menull navdoc li a { padding:5px;}

#menull navdoc li ul li {	top:-33px; 	left:196px;}
#menull navdoc li ul li ul li {	top:-33px; 	left:196px;}

#menull navdoc li.listttdvhome a { font-weight:normal}
/* menu danh muc ////////////////////////////////////////////////// */ 


/* menu danh muc style 2  ////////////////////////////////////////////////// */ 
.catedmcach {border-bottom:solid 2px rgba(255,255,255,0.5); height:7px}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 22px;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:101;
}
#cssmenu {
  font-family: "Roboto Condensed", sans-serif !important;
}
#cssmenu > ul {
  width: 100%;
}
#cssmenu > ul > li > a {
  padding: 8px;
  font-size: 14px;
  text-decoration: none;

}

#cssmenu ul {
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#cssmenu ul ul {
  position: absolute;
  top: 0;
  left: -9999px;
  width: 220px;
  opacity: 0;
  -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
  -o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
  transition: opacity .2s ease, transform .2s ease;
  -webkit-transform: rotate3d(0, 1, 0, 45deg);
  -moz-transform: rotate3d(0, 1, 0, 45deg);
  transform: rotate3d(0, 1, 0, 45deg);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  transform-origin: left center;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#cssmenu ul li:hover > ul {
  left: 100%;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
}
#cssmenu ul ul::after {
  position: absolute;
  top: 14px;
  z-index: 101;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  content: "";
}
#cssmenu ul ul a {
  padding: 8px 10px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  -ms-transition: color .2s ease;
  transition: color .2s ease;
}

.bgmncate, #cssmenu ul ul { background: rgba(139, 0, 0, 0.85);}
#cssmenu > ul > li > a, #cssmenu ul ul a { color:#FFF; font-size:16px}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover, #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
  color: #FFF;
  background:rgba(0,0,0,0.5);
}

#cssmenu ul ul::after { left: -8px; border-right-color: rgba(139, 0, 0, 0.85);}
#cssmenu ul ul { }
/* menu danh muc style 2  end ////////////////////////////////////////////////// */ 

.bannerslider { margin-bottom:5px;}
.sizejss1, .sizejss2 { width:100%; height:222px}


/* slide san pham ////////////////////////////////////////////////// */ 
.oneByOne_item li {
	list-style-type: none;
	float: left;
	margin: 5px 9px;
	padding: 9px;
	border-radius: 5px;
	width:160px;
	text-align: center;
	height: 240px;
	border: 1px solid #EAEAEA;
	margin-bottom:50px;
	background:#FFF
}
	
.oneByOne_item img {
	max-width:160px;
	max-height:160px;
}
.slideshow {
	position: relative;
	overflow: hidden;
	margin-top:2px;
}

#bannerone{   
    position: absolute;
	margin-top:9px;
}     
 

#bannerone .oneByOne_item{
    position: absolute;
    overflow: hidden; 
    margin: 0 auto; 
}         
                                                                                                                  
#bannerone .oneByOne_item a{
    text-decoration: none;
}
              
 
.oneByOne1 {
    position: relative;
    margin: 0 auto;
}
.oneByOne_item {
    display: none;
}

.content_centerone {
	margin-bottom:4px;
		border-radius: 5px;
}
.newsl {
	background-image: url(https://i.imgur.com/a1jwYAK.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	position: absolute;
	margin-top: -20px;
	margin-left:130px;
	}
.linkspn {    overflow: hidden;
    text-overflow: ellipsis; height:40px; line-height:20px; font-size:16px; color:#09F}	
.slideshow, #bannerone .oneByOne_item, .oneByOne1 { width:995px; height:285px}
.gianew { color:#F00}
.gianewss { text-decoration:line-through; color:#666}
.boxx_content img, .boxx_content div, .boxx_content table, .boxx_content div, .boxx_content iframe {max-width:100%}
.viendmcate { border:none}