BODY
{
	FONT-SIZE: 15px; 
	COLOR: #222; 
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
	line-height: 1.5;
	background-color:#fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
TABLE, TR, TD, P, DIV 
{
	FONT-SIZE: 15px; 
	COLOR: #222; 
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
	line-height: 1.5;
}

.giohang {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; COLOR: #fff8e3; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none
}
a:link {
	FONT-SIZE: 15px; 
	COLOR: #333333; 
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
	FONT-WEIGHT: none;
}
a:visited {
	FONT-SIZE: 15px; 
	COLOR: #333333; 
	FONT-FAMILY: mywebfont, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
	FONT-WEIGHT: none;
}
a:hover {
	FONT-SIZE: 15px; 
	COLOR: #d4691b; 
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
	FONT-WEIGHT: none;
}
.muctinchinh {
	COLOR: #ffffff;
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 16px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.nuttinh {
	COLOR: #000000;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.menu1 {
	COLOR: #21793d;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}

.sohang {
	COLOR: #cccccc;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration: none
}

.tintucmoi {
	COLOR: #21793d;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 17px;
	text-decoration: none; 
	font-weight: bold;
}

.muctin:link {
	COLOR: #222222;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.muctin:visited {
	COLOR: #222222;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.muctin:hover {
	COLOR: #bc2324; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px; 
	text-decoration: none; 
	FONT-WEIGHT: bold;
}

.muctin_index:link {
	COLOR: #ffffff;
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 20px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.muctin_index:visited {
	COLOR: #ffffff;
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 20px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.muctin_index:hover {
	COLOR: #ffff00;
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 20px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}

.muctindmsp:link {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.muctindmsp:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.muctindmsp:hover {
	COLOR: #ffff00; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px; 
	text-decoration: none; 
	FONT-WEIGHT: bold;
}

.muctinbn:link {
	COLOR: #e9e9e9;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.muctinbn:visited {
	COLOR: #e9e9e9;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.muctinbn:hover {
	COLOR: #ffffff; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}

.muctinphu:link {
	COLOR: #222222;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none; 
}
.muctinphu:visited {
	COLOR: #222222;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none; 
}
.muctinphu:hover {
	COLOR: #bc2324; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px; 
	text-decoration: none;
}

.muctinphuat:link {
	COLOR: #bc2324;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration: none; 
}
.muctinphuat:visited {
	COLOR: #bc2324;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration: none; 
}
.muctinphuat:hover {
	COLOR: #bc2324; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	text-decoration: none;
}

.muctinphuatsub {
	COLOR: #cccccc; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	text-decoration: none;
}

.muctinat:link {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 18px;
	text-decoration: none; 
}
.muctinat:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 18px;
	text-decoration: none; 
}
.muctinat:hover {
	COLOR: #ffffff; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 18px; 
	text-decoration: none;
}


.muctinphudmsp:link {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 14px;
	text-decoration: none; 
}
.muctinphudmsp:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 14px;
	text-decoration: none; 
}
.muctinphudmsp:hover {
	COLOR: #ffff00; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 14px; 
	text-decoration: none;
}
.muctinmenu:link {
	COLOR: #cccccc;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.muctinmenu:visited {
	COLOR: #cccccc;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}

.muctinmenub:visited {
	COLOR: #ababab;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.muctinmenub:hover {
	COLOR: #ababab; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px; 
	text-decoration: none ; 
	FONT-WEIGHT: none;
}

.tieudettt:link {
	COLOR: #21793d;
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 16px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tieudettt:visited {
	COLOR: #21793d;
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 16px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tieudettt:hover {
	COLOR: #c4151c; 
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 16px; 
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.muctintop:link {
	COLOR: #804040;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration: none
}
.muctintop:visited {
	COLOR: #804040;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration: none
}
.muctintop:hover {
	COLOR: #111111; 
	FONT-FAMILY: Arial; 
	FONT-SIZE: 12px; 
	text-decoration: none
}

.dangnhap:link {
	COLOR: #e9e9e9;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.dangnhap:visited {
	COLOR: #e9e9e9;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.dangnhap:hover {
	COLOR: #ffffff; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px; 
	text-decoration: none
}
.muctinsanpham:link {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.muctinsanpham:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.muctinsanpham:hover {
	COLOR: #ff0000; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.title {
	COLOR: #a22122;
	FONT-FAMILY: mywebfont, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 20px;
	text-decoration: none ; 
	FONT-WEIGHT: bold;
	}
	
.chuxanh {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffff00; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none; 
	FONT-WEIGHT: bold;
}

.masp {
	FONT-WEIGHT: none; 
	FONT-SIZE: 12px; 
	COLOR: #555555; 
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
}
.gia {
	FONT-SIZE: 13px; 
	COLOR: #e66a1a; 
	FONT-FAMILY: myfont, Arial; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.tensanpham:link {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #a22122; 
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
}
.tensanpham:visited {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #a22122; 
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
}
.tensanpham:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #ee0000; 
	FONT-FAMILY: fonttd, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
}

.tensp {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 22px; 
	COLOR: #ee0000; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: bold; 
}

.noidungsp {
	FONT-SIZE: 11px; 
	COLOR: #222222; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
}

.tdphu {
	FONT-SIZE: 16px; 
	COLOR: #990000; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
	FONT-WEIGHT: normal;
	line-height:24px;
}

.date {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #950000; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
}

.copyright {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
}
.noidung {
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	font-size:11px;
	color: #000000;
}
.giabia {
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	font-size:11px;
	COLOR: #993333;
}
.giaban {
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	font-size:11px;
	COLOR: #FF0000;
	font-weight: bold;
}
.chantrang {
	COLOR: #eeeeee;
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: normal; 
}
.copy:link {
	COLOR: #eee;
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none 
}
.copy:visited {
	COLOR: #eee;
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.copy:hover {
	COLOR: #ff0;
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none;
}
.thanhngang {
	COLOR: #EF6000;
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: bold
}
.chutrang {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 12px;
	text-decoration: none
}
.chutrang:link {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.chutrang:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.chutrang:hover {
	COLOR: #FFFF00; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px; 
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.chutrangbgn_title {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 18px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}


.chutrangbgn {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}

.nho{
 	BORDER-RIGHT: #AB5858 1px solid;
	background-color: #FFF7F2;
	height: 19px;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 11px;
	scrollbar-face-color: #0080ff;
	scrollbar-shadow-color: #6699FF;
	scrollbar-highlight-color: #6699FF;
	scrollbar-3dlight-color: #6699FF;
	scrollbar-darkshadow-color: #6699FF;
	scrollbar-track-color: #6699FF;
	scrollbar-arrow-color: #ffffff;
	border: thin inset #FFF7F2;
	color: #4C0C05;
	width: auto;
}
.nholh {
 	background-color: #FFFFFF;
	height: 22px;
	width: auto;
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 13px;
	border: 1px solid #cccccc;
	color: #000000;
}	
.nho1{
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 11px;
	width: auto;
}
.nut
{
    BACKGROUND: #a22122;
    BORDER: #ffcccc 0px solid;
    COLOR: #FFFFFF;
    CURSOR: hand;
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
    FONT-SIZE: 15px;
	FONT-WEIGHT: none;
	border-radius: 6px;
	padding: 5px 10px;
   }
.menu {
	margin: 0px 0px 0px; 
	padding: 0px; 
	color:#000; 
	overflow: hidden; 
	float: left;
  }
.menu ul {
	list-style: none; 
	margin: 0px; padding: 0px; 
	border: 0px currentColor; 
	text-align: right; 
	float: left;
}
.menu ul li {
	margin: 0px; 
	padding: 0px 0px; 
	border: 0px currentColor; 
	float: left;
}
.menu ul li a {
	font: 11px/normal Arial, Cambria, Tahoma, Helvetica, sans-serif; 
	margin: 1px; padding: 5px 10px; 
	color: #000; text-decoration: none; 
	float: left; 
	font-size-adjust: none; 
	font-stretch: normal; 
	font-weight: none;
}
.menu ul li a span {
	padding: 7px; 
	color:#000;
}
.menu ul li a:hover {
 	color: #d36a1c; 
	/* background-color:#FFF */
}
.menu ul li a.active {
	color: #d36a1c; 
	/* background-color:#FFF */
}

#main { max-width:100%; margin:auto; }	
#main_banner { max-width:1100px; margin:auto; }	
#header { max-width:1100px; margin:auto; }
#header_ban { max-width:100%; margin:auto; }
#main_index { max-width:1000px; width: 100%; margin:auto; }
@media screen and (min-width:979px)
{
.hinhtroi { width:100%; height:90px; background-image:url(images/logo.png);}		
.hinhbg { width:100%; height:100%; background-image:url(images/bg.png);}

#header #cottrai { width:24%; float:left; display:none !important}
#header #cotgiua{ width:100%; float:left; }

#header #cottraisp { width:10%; float:left; margin-right:2%; }
#header #cotgiuasp { width:88%; float:left; }

#menungang { max-width:700px; }	
#menungang #menucot {float:left; margin: 10px 5px 8px 30px}

#header #bannertk { width: 15%; float:left; padding: auto;  }
#header #bannerlo { width: 65%; float:left; padding: 7px 1%; }
#header #bannerca { width: 15%; float:left; padding: 7px 1%; }

#header #chantrangcl01 { width:45%; float:left; margin: 1%; }
#header #chantrangcl02 { width:50%; float:left; margin: 1%; }
#header #chantrangcl03 { width:0%; display:none !important }

#chitietsp01 { width:40%; float:left; margin: 1%;}
#chitietsp02 { width:56%; float:left; margin: 1%;}

#header #chitietsptt01 { width:64%; float:left; margin: 10px 0px 0px 7px }
#header #chitietsptt02 { width:34%; float:left; margin: 10px 0px 0px 7px }

#header #menu001 { width:80%; float:left; margin: 0px 0px 0px 0px }
#header #menu002 { width:20%; float:left; margin: 0px 0px 0px 0px }

#header #logotrai { width:60%; float:left; margin-right:2%; }
#header #logogiua{ width:35%; float:left; }

#header #tintuc1 { width:20%; float:left; margin-right:2%; }
#header #tintuc2 { width:78%; float:left; }

#header #gttrai { width:66%; float:left; margin-right:3%; }
#header #gtgiua { width:29%; float:left; border-radius: 12px; background-color:#ddd; padding: 0 1%; margin-top: 20px; }

#videohttt { max-width:100%; margin:auto }
#videohttt #video { width:50%; float:left }
#videohttt #httt { width:48%; float:left; display:block !important; margin-left:10px;}

#danhmuc { margin: 0px 0px 0px 0px; float:left }
#danhmuc #cot1 { max-width:33%; float:left }
#danhmuc #cot2{ max-width:34%; float:left  }
#danhmuc #cot3{ max-width:33%; float:left }

#dmsp { display: none !important; }
#bannerflash { display: block !important; }
#bannerhinh { display: none !important; }
#flashchinh {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#boncot {width: 20.5%; height: auto; float:left; margin: 1%; border:#a22122 1px solid; border-radius:7px; padding: 1%;}
#logophu {display: none !important;}
#doitac { width: 16%; height: auto; float:left; margin: 0.8%; border:#ccc 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#product { width: 20.5%; height: auto; float:left; margin: 1%; border:#a22122 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#productmain { width: 90%; height: auto; float:left; margin: 1%; border:#a22122 1px solid; border-radius:7px; padding: 20px; background-color:#FFFFFF; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
.imgsp { border: 0; display: block; width: 100%; max-width: 220px; max-height:280px; margin: 10px 0; }
.imghinhanhlon { border: 0; display: block; width: 100%; max-width: 500px; }
.imgtt { border: 0; display: block; width: 100%; max-width: 300px; max-height:200px; margin: 10px 0; }
.imgdiachibanner { border: 0; display: block; max-width: 390px; width:100% }
.imgspphongto { border: 0; display: block; width: 100%; max-width: 500px; }
.imglogo { border: 0; display: block; max-width: 227px; max-height: 53px; margin:5px}
.imgnone { border: 0; width: 100%;}
.img250 { border: 0; display: block; width: 100%; border-radius: 4px; }

#chieungang6sp { border: 0; display: block; max-width: 200px;}
#noidunproductview { position: absolute; z-index: 100; width: 100%; }
#chieucaobn { height:35px }
#chieucaobanner { height:10px; }
#chieungangdt { max-width: 350px; width: 100%; float:right; }
#formlienhe { border: 0; width: 60%; display: block; margin: 0 20%; }


.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: fonttd, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px; margin: 20px; border-radius: 12px;
border-left: 2px #ff6400 inset;
border-right: 2px #ff6400 outset;
background: -moz-linear-gradient(top center,#ff6400,#ff9400);
background: -webkit-gradient(linear,left top,left bottom,from(#ff6400),to(#ff9400)));
}


.sidebar-sp {
background: #ffc;
font-size: 20px;
color: #ff3400;
font-weight: normal;
width: 180px;
font-family: fonttd, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px;
margin: 10px;
border-radius: 12px;
border-left: 2px #000 inset;
border-right: 2px #000 outset;
background: -moz-linear-gradient(top center,#ff6400,#ff9400);
background: -webkit-gradient(linear,left top,left bottom,from(#ff6400),to(#ff9400)));
}


}

@media screen and (min-width:799px) and (max-width:979px)
{
.hinhtroi { width:100%; height:100%; background-image:url(images/logo.png);}	
.hinhbg { width:100%; height:100%; background-image:url(images/bg.png);}	

#header #cottrai { width:29%; float:left; margin-right:0%; display: none !important; }
#header #cotgiua{ width:100%; float:left; }

#header #cottraisp { width:10%; float:left; margin-right:2%; }
#header #cotgiuasp { width:88%; float:left; }

#menungang { max-width:700px; }	
#menungang #menucot {float:left; margin: 10px 5px 8px 30px}

#header #bannertk { width: 20%; float:left;  }
#header #bannerlo { width: 62%; float:left; margin: 7px 0; }
#header #bannerca { width: 13%; float:left; margin: 10px 1% 50px 2%; }

#header #chantrangcl01 { width:45%; float:left; margin: 1%; }
#header #chantrangcl02 { width:50%; float:left; margin: 1%; }
#header #chantrangcl03 { width:0%; display:none !important }

#chitietsp01 { width:45%; float:left; margin: 1%; }
#chitietsp02 { width:50%; float:left; margin: 1%; }

#header #chitietsptt01 { width:64%; float:left; margin: 10px 0px 0px 7px }
#header #chitietsptt02 { width:34%; float:left; margin: 10px 0px 0px 7px }

#header #menu001 { width:80%; float:left; margin: 0px 0px 0px 0px }
#header #menu002 { width:20%; float:left; margin: 0px 0px 0px 0px }

#header #gttrai { width:67%; float:left; margin-right:3%; }
#header #gtgiua { width:28%; float:left; border-radius: 12px; background-color:#ddd; padding: 0 1%; margin-top: 20px;}

#header #logotrai { width:100%; float:left;  }
#header #logogiua{ width:100%; float:left; }

#header #tintuc1 { width:24%; float:left; margin-right:2%; }
#header #tintuc2 { width:74%; float:left; }

#videohttt { max-width:100%; margin:auto }
#videohttt #video { width:50%; float:left }
#videohttt #httt { width:48%; float:left; display:block !important; margin-left:10px;}

#danhmuc { margin: 0px 0px 0px 0px; float:left }
#danhmuc #cot1 { max-width:33%; float:left }
#danhmuc #cot2{ max-width:34%; float:left  }
#danhmuc #cot3{ max-width:33%; float:left }

#dmsp { display: none !important; }
#bannerflash { display: none !important; }
#bannerhinh { display: block !important; }
#flashchinh {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#boncot {display: block !important; max-width:100%;}
#logophu {display: none !important;}
#doitac { width: 20%; height: auto; float:left; margin: 1%; border:#ccc 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#product { width: 40%; height: auto; float:left; margin: 3.5%; border:#a22122 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#productmain { width: 90%; height: auto; float:left; margin: 1%; border:#a22122 1px solid; border-radius:7px; padding: 20px; background-color:#FFFFFF; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
.imgsp { border: 0; display: block; width: 100%; max-width: 220px; max-height:280px; margin: 10px 0; }
.imghinhanhlon { border: 0; display: block; width: 100%; max-width: 500px; }
.imgdiachibanner { border: 0; display: block; max-width: 390px; width:100% }
.imgspphongto { border: 0; display: block; width: 100%; max-width: 500px; }
.imglogo { border: 0; display: block; max-width: 227px; max-height: 53px; margin:5px}
.imgnone { border: 0; width: 100%;}
.img140 { border: 0; display: block; max-width: 250px; width: 100%; margin-right: 20px;}
.img250 { border: 0; display: block; width: 100%; }

#chieungang6sp { border: 0; display: block; max-width: 200px;}
#noidunproductview { position: absolute; z-index: 100; width: 100%; }
#chieucaobn { height:35px }
#chieucaobanner { height:10px; }
#chieungangdt { max-width: 350px; width: 100%; float:right; }


.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: fonttd, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px; margin: 20px; border-radius: 12px;
border-left: 2px #ff6400 inset;
border-right: 2px #ff6400 outset;
background: -moz-linear-gradient(top center,#ff6400,#ff9400);
background: -webkit-gradient(linear,left top,left bottom,from(#ff6400),to(#ff9400)));
}


.sidebar-sp {
background: #ffc;
font-size: 20px;
color: #ff3400;
font-weight: normal;
width: 180px;
font-family: fonttd, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px;
margin: 10px;
border-radius: 12px;
border-left: 2px #000 inset;
border-right: 2px #000 outset;
background: -moz-linear-gradient(top center,#ff6400,#ff9400);
background: -webkit-gradient(linear,left top,left bottom,from(#ff6400),to(#ff9400)));
}
}

@media screen and (min-width:599px) and (max-width:799px)
{
.hinhtroi { width:100%; height:100%; background-image:url(images/logo_id.png);}	
.hinhbg { width:100%; height:100%; background-image:url(images/bg1.png);}	

#header #cottrai { width:0; display:none; }
#header #cotgiua { width:100%; float:left; }

#header #cottraisp { width:10%; float:left; margin-right:2%; }
#header #cotgiuasp { width:88%; float:left; }

#menungang { max-width:780px; }	
#menungang #menucot {float:left; margin: 10px 5px 8px 30px}

#header #bannertk { width:21%; float:left; }
#header #bannerlo { width:78%; float:left; margin: 5px 0 }
#header #bannerca { width:25%; float: right; }

#header #chantrangcl01 { width:45%; float:left; margin: 1%; }
#header #chantrangcl02 { width:50%; float:left; margin: 1%; }
#header #chantrangcl03 { width:0%; display:none !important }

#chitietsp01 { width:50%; float:left; margin: 1%; }
#chitietsp02 { width:46%; float:left; margin: 1%; }

#header #chitietsptt01 { width:64%; float:left; margin: 10px 0px 0px 7px }
#header #chitietsptt02 { width:34%; float:left; margin: 10px 0px 0px 7px }

#header #tintuc1 { width:30%; float:left; margin-right:2%; }
#header #tintuc2 { width:68%; float:left; }

#header #menu001 { width:80%; float:left; margin: 0px 0px 0px 0px }
#header #menu002 { width:20%; float:left; margin: 0px 0px 0px 0px }

#header #gttrai { width:100%; float:left; margin:auto; }
#header #gtgiua { width:60%; float:left; border-radius: 12px; background-color:#ddd; padding: 0 2%; margin: 10px 20% }

#header #logotrai { width:100%; float:left; }
#header #logogiua{ width:100%; float:left; }

#videohttt { max-width:100%; margin:auto }
#videohttt #video { width:50%; float:left }
#videohttt #httt { width:48%; float:left; display:block !important; margin-left:10px;}

#danhmuc { margin: 0px 0px 0px 0px; float:left }
#danhmuc #cot1 { max-width:33%; float:left }
#danhmuc #cot2{ max-width:34%; float:left  }
#danhmuc #cot3{ max-width:33%; float:left }

#dmsp { display: none !important; }
#bannerflash { display: none !important; }
#bannerhinh { display: block !important; }
#flashchinh {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#boncot {display: block !important; max-width:100%;}
#logophu {display: none !important;}
#doitac { width: 27%; height: auto; float:left; margin: 1.5%; border:#ccc 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#product { width: 88%; height: auto; float:left; margin-left: 5%; margin-top: 3%; border:#a22122 1px solid; border-radius: 10px; padding: 1%; background-color:#FFFFFF;}
#productmain { width: 90%; height: auto; float:left; margin: 1%; border:#a22122 1px solid; border-radius:7px; padding: 20px; background-color:#FFFFFF; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
.imgsp { border: 0; display: block; width: 100%; max-width: 220px; max-height:280px; margin: 10px 0; }
.imghinhanhlon { border: 0; display: block; width: 100%; max-width: 500px; }
.imgdiachibanner { border: 0; display: block; max-width: 390px; width:100% }
.imgspphongto { border: 0; display: block; width: 100%; max-width: 500px; }
.imglogo { border: 0; display: block; max-width: 227px; max-height: 53px; margin:5px}
.imgnone { border: 0; width: 100%;}
.img140 { border: 0; display: block; max-width: 250px; width: 100%; margin-right: 20px;}
.img250 { border: 0; display: block; width: 100%; }

#chieungang6sp { border: 0; display: block; max-width: 200px;}
#noidunproductview { position: absolute; z-index: 100; width: 100%; }
#chieucaobn { height:35px }
#chieucaobanner { height:10px; }
#chieungangdt { max-width: 350px; width: 100%; float:right; }


.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: fonttd, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px; margin: 20px; border-radius: 12px;
border-left: 2px #ff6400 inset;
border-right: 2px #ff6400 outset;
background: -moz-linear-gradient(top center,#ff6400,#ff9400);
background: -webkit-gradient(linear,left top,left bottom,from(#ff6400),to(#ff9400)));
}


.sidebar-sp {
background: #ffc;
font-size: 20px;
color: #ff3400;
font-weight: normal;
width: 180px;
font-family: fonttd, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px;
margin: 10px;
border-radius: 12px;
border-left: 2px #000 inset;
border-right: 2px #000 outset;
background: -moz-linear-gradient(top center,#ff6400,#ff9400);
background: -webkit-gradient(linear,left top,left bottom,from(#ff6400),to(#ff9400)));
}
}
@media screen and (max-width:599px)
{
.hinhtroi { width:100%; height:100%; background-image:url(images/logodd.png);}	

#header #cottrai { width:0; display:none; }
#header #cotgiua { width:100%; float:left; }

#header #cottraisp { width:10%; float:left; margin-right:2%; }
#header #cotgiuasp { width:88%; float:left; }

#menungang { max-width:780px; }	
#menungang #menucot {float:left; margin: 10px 5px 8px 30px}

#header #bannertk { width:27%; float:left; }
#header #bannerlo { width:72%; float:left; margin: 5px 0 }
#header #bannerca { width:30%; float: right; }

#header #chantrangcl01 { width:45%; float:left; margin: 1%; }
#header #chantrangcl02 { width:50%; float:left; margin: 1%; }
#header #chantrangcl03 { width:0%; display:none !important }

#chitietsp01 { width:90%; float:left; margin: 5% 5% 0 5%; }
#chitietsp02 { width:96%; float:left; margin: 2%; }

#header #chitietsptt01 { width:64%; float:left; margin: 10px 0px 0px 7px }
#header #chitietsptt02 { width:34%; float:left; margin: 10px 0px 0px 7px }

#header #menu001 { width:80%; float:left; margin: 0px 0px 0px 0px }
#header #menu002 { width:20%; float:left; margin: 0px 0px 0px 0px }

#header #gttrai { width:100%; float:left; margin:auto; }
#header #gtgiua { width:80%; float:left; border-radius: 12px; background-color:#ddd; padding: 0 3%; margin: 10px 10% }

#header #logotrai { width:100%; float:left; }
#header #logogiua{ width:100%; float:left; }

#header #tintuc1 { width:30%; float:left; margin: 0 3% 0 0; }
#header #tintuc2 { width:67%; float:left; }

#videohttt { max-width:100%; margin:auto }
#videohttt #video { width:50%; float:left }
#videohttt #httt { width:48%; float:left; display:block !important; margin-left:10px;}

#danhmuc { margin: 0px 0px 0px 0px; float:left }
#danhmuc #cot1 { max-width:33%; float:left }
#danhmuc #cot2{ max-width:34%; float:left  }
#danhmuc #cot3{ max-width:33%; float:left }

#dmsp { display: none !important; }
#bannerflash { display: none !important; }
#bannerhinh { display: block !important; }
#flashchinh {display: none !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#boncot {display: block !important; max-width:100%;}
#logophu {display: none !important;}
#doitac { width: 40%; height: auto; float:left; margin: 2%; border:#ccc 1px solid; border-radius:7px; padding: 2%; background-color:#FFFFFF;}
#product { width: 88%; height: auto; float:left; margin-left: 5%; margin-top: 5%; border:#a22122 1px solid; border-radius: 10px; padding: 1%; background-color:#FFFFFF;}
#productmain { width: 90%; height: auto; float:left; border:#a22122 1px solid; border-radius:7px; padding: 5%; background-color:#FFFFFF; text-align:center; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
.imgsp { border: 0; display: block; width: 100%; max-width: 220px; max-height:280px; margin: 10px 0; }
.imghinhanhlon { border: 0; width: 100%; }
.imgdiachibanner { border: 0; display: block; max-width: 390px; width:100% }
.imgspphongto { border: 0; display: block; width: 100%; max-width: 500px; }
.imglogo { border: 0; display: block; max-width: 227px; max-height: 53px; margin:5px}
.imgnone { border: 0; width: 100%;}
.img140 { border: 0; display: block; max-width: 250px; width: 100%; margin-right: 20px;}
.img250 { border: 0; display: block; max-width: 150px; width: 100%; }

#chieungang6sp { border: 0; display: block; max-width: 200px;}
#noidunproductview { position: absolute; z-index: 100; width: 100%; }
#chieucaobn { height:35px }
#chieucaobanner { height:10px; }
#chieungangdt { max-width: 350px; width: 100%; float:right; }


.sidebar-title {
background: #ff6400; font-size: 18px; color: #FFF; font-weight: normal; width: 160px;
font-family: fonttd, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px; margin: 10px; border-radius: 12px;
border-left: 2px #ff6400 inset;
border-right: 2px #ff6400 outset;
background: -moz-linear-gradient(top center,#ff6400,#ff9400);
background: -webkit-gradient(linear,left top,left bottom,from(#ff6400),to(#ff9400)));
}


.sidebar-sp {
background: #ffc;
font-size: 18px;
color: #ff3400;
font-weight: normal;
width: 160px;
font-family: fonttd, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px;
margin: 10px;
border-radius: 12px;
border-left: 2px #000 inset;
border-right: 2px #000 outset;
background: -moz-linear-gradient(top center,#ff6400,#ff9400);
background: -webkit-gradient(linear,left top,left bottom,from(#ff6400),to(#ff9400)));
}
}

#menungang { max-width:980px; margin:auto; }	
#menungang #menucot {float:left; margin: 10px 5px 8px 30px}

#menungang3c { max-width:980px; margin:auto; }	
#menungang3c #menucot3c {float:left; width:33%; margin: 10px 5px 8px 30px}

#nn { margin-right:15px; float:right;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#anthongtin {display: none !important;}

#truycap1 {max-width: 16px; float:left; margin-right:8px; }
#truycap2 {width: 60px; float:left; margin-right:8px; color:#eee}
#truycap3 {float:left; color:#eee}

.f-button1 {
	background: #ffffff !important; padding: 0px 0px; border-radius: 0px; color: #333 !important; font-family: "Roboto", sans-serif; font-size: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
}
.f-button1:hover {
	background: #ffcc99 !important; color: #333; text-decoration: none;
}

.imghinhchantrang { border: 0; display: block; max-width: 294px; }

.chutrangdc {
	COLOR: #ffffff;
	FONT-FAMILY: Arial; 
	FONT-SIZE: 15px;
	text-decoration: none
}
#chutrangchantrang {color:#FFF}
#chutieude {color:#bb5c18; font-size:14pt}
#chudiadiem {color:#d9d9d9; font-size:10pt}

.top-title {
	width: 100%;
	height: 500px;
	background: #fa522f url(images/nen.jpg) center no-repeat;
}

.storeList {
	width: 90%;
	margin: 0 5%;
	height: 500px;
	background: #fff;
}