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

.giohang {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; COLOR: #fff8e3; 
	FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none
}
a:link {
	FONT-SIZE: 14px; 
	COLOR: #333333; 
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	line-height: 1.3;
	FONT-WEIGHT: none;
}
a:visited {
	FONT-SIZE: 14px; 
	COLOR: #333333; 
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	line-height: 1.3;
	FONT-WEIGHT: none;
}
a:hover {
	FONT-SIZE: 14px; 
	COLOR: #d4691b; 
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none; 
	line-height: 1.3;
	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;
}



.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: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	padding: 8px 30px 8px 25px;
}
.muctin:visited {
	COLOR: #222222;
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	padding: 8px 30px 8px 25px;
}
.muctin:hover {
	COLOR: #f27710; 
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px; 
	text-decoration: none; 
	padding: 8px 30px 8px 25px;
	background: url(images/muctin.gif);
}

.muctinphuat:link {
	padding: 8px 30px 8px 25px;
	COLOR: #f28d16;
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	background-image: url(images/muctin.gif) !important;
}
.muctinphuat:visited {
	padding: 8px 30px 8px 25px;
	COLOR: #f28d16;
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none; 
	background-image: url(images/muctin.gif) !important;
}
.muctinphuat:hover {
	padding: 8px 30px 8px 25px;
	COLOR: #f27710; 
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px; 
	text-decoration: none;
	background-image: url(images/muctin.gif) !important;
}


.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;
}

.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: #464646;
	font: 14px myfontbold, Arial, Cambria, Tahoma, Helvetica, sans-serif; 
	text-decoration: none ; 
}
.muctinmenu:visited {
	COLOR: #464646;
	font: 14px myfontbold, Arial, Cambria, Tahoma, Helvetica, sans-serif; 
	text-decoration: none ; 
}

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

.tieudettt:link {
	COLOR: #464646;
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none ; 
}
.tieudettt:visited {
	COLOR: #464646;
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px;
	text-decoration: none ; 
}
.tieudettt:hover {
	COLOR: #ffa800; 
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 15px; 
	text-decoration: 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: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	FONT-SIZE: 20px;
	text-decoration: none ; 
	FONT-WEIGHT: bold;
	}
	
.chuxanh {
	FONT-WEIGHT: none; 
	FONT-SIZE: 12px; 
	COLOR: #123c59; 
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none; 
}

.masp {
	FONT-SIZE: 14px; 
	COLOR: #123c59; 
	FONT-FAMILY: textbold, Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
	font-weight: 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: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
}
.tensanpham:visited {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #a22122; 
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none;
}
.tensanpham:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	COLOR: #ee0000; 
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
}

.tensp {
	FONT-WEIGHT: none; 
	FONT-SIZE: 14px; 
	COLOR: #333; 
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	text-decoration: none; 
}

.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: #999;
	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;
}

.khac:link {
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif;
	border: 1px #f2f2f2 solid;	text-decoration: none;	width: 100px;	height: 77px;	margin: 3%;	float: left;
}
.khac:visited {
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif;
	border: 1px #f2f2f2 solid;	text-decoration: none;	width: 100px;	height: 77px;	margin: 3%;	float: left;
}
.khac:hover {
	FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif;
	border: 1px #ccc solid;	text-decoration: none;	width: 100px;	height: 77px;	margin: 3%;	float: left;
}




.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: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 24px;
	margin-left: 25px;
	color: #f28d16;
}

.nho2{
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 24px;
	margin-left: 25px;
	color: #48adc1;
}

.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 {
	font: 14px/normal myfontbold, Arial, Cambria, Tahoma, Helvetica, sans-serif; 
	margin: 0; padding: 0px 16px; 
	color: #464646; text-decoration: none; 
	float: left; 
	border-right: 0px solid #ffcc69;
	font-stretch: normal; 
	font-weight: none;
  }
.menu ul {
	list-style: none; 
	border-right: 0px solid #ffcc69; 
	float: left;
}
.menu ul li {
	margin: 0px; 
	padding: 0px 0px;
	border-right: 0px solid #ffcc69;
	float: left;
}
.menu ul li a {
	font: 14px/normal myfontbold, Arial, Cambria, Tahoma, Helvetica, sans-serif; 
	margin: 0; padding: 0px 17px; 
	color: #464646; text-decoration: none; 
	float: left; 
	border-right: 1px solid #ffcc69;
	font-stretch: normal; 
	font-weight: none;
}
.menu ul li a span {
	color:#464646;
}
.menu ul li a:hover {
 	color: #f28d16; 
	/*background-image: url(images/muctin.gif);*/
}
.menu ul li a.active {
	color: #f28d16; 
	/*background-image: url(images/muctin.gif);*/
}

#main { max-width:1124px; margin:0 auto; }	
#main_banner { max-width:1124px; margin:auto; }	
#header_ban { max-width:1124px; 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 { max-width:1124px; margin:auto; height: 610px; }

#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_ban #bannertk { width: 20%; float:left; padding: 1%;  }
#header_ban #bannerlo { width: 76%; float:left; padding: 1%; }

#header_ban #chantrangcl01 { width:60%; float:left; margin: 2%; }
#header_ban #chantrangcl02 { width:34%; float:left; margin: 0 1% 1% 1%; }
#header_ban #chantrangcl03 { width:0%; display:none !important }

#header #chitietsp01 { width:100%; float:left; margin: auto;}
#header #chitietsp02 { width:8%; 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:14.4%; height: 610px; float:left; background: url(images/nen.jpg) left bottom no-repeat;}
#header #logogiua { width:82%; height: 590px; float:left; padding: 10px 1.8%; background: url(images/bgsub.jpg) top no-repeat; }

#header #lienhe { width: 94%; height: 430px; padding: 8% 3%; background-color:#f2f2f2; }

#header #lienhe #lienhe1 { width:37.8%; float:left; padding: 0 2% 0 0; }
#header #lienhe #lienhe2 { width:58%; float:left; padding: 0 0 0 2%; border-left: 1px #999999 solid; }

#header #gttrai { width:70%; float:left; margin-right:3%; }
#header #gtgiua { width:25%; 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;}

.tk {width: 100%; height: 140px; background: none;border: 2px #f27710 solid;position: relative; z-index: 90; }.tkc { font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #f27710; padding: 0 5px; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }
.tc {width: 100%; height: 140px;background: none;border: 2px #48adc1 solid;	position: relative; z-index: 90; }.tcx {font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #48adc1; padding: 0 5px; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }
.tt {width: 100%; background: none;border: 2px #65be04 solid;	position: relative; z-index: 90; }.ttd {font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #65be04; padding: 0 5px; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }

.info { width: 96%; height: auto; padding: 2%;}

#bgtk { width: 100%; pad	ding: auto;}
#bgtk #tk1 { width:31%; float:left; }
#bgtk #tk2 { width:20%; float:left; }
#bgtk #tk3 { width:22.5%; float:left; }
#bgtk #tk4 { width:26.5%; float:left; }

#bgtc { width: 100%; padding: auto;}
#bgtc #tc1 { width:31%; float:left; }
#bgtc #tc2 { width:20.5%; float:left; }
#bgtc #tc3 { width:24.5%; float:left; }
#bgtc #tc4 { width:24%; float:left; }

#bgtt {	width: 97.5%; height: auto; border: 2px #65be04 solid; padding: 1%; }

#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: 21.5%; height: 183.5px; float:left; margin: 1.6%; border:#9cc0df 3px solid; border-radius:0px; padding: 3% 4%; background: #f2f2f2 url(images/khac.gif) no-repeat; box-shadow: 0 3px 8px #ccc; }
#homeproduct { width: 30%; height: auto; float:left; margin: 2% 1.6% 0.5% 1.6%; border:#a22122 0px solid; border-radius:0px; padding: 0; background-color:#ffffff; box-shadow: 0 3px 8px #ccc; }

#productct { width: 60%; height: auto; float:left; margin: 2% 20%; border:0px; padding: 0; box-shadow: 0 0 12px #999; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.imgsp { border: 0; display: block; width: 100%; max-width: 340px; max-height:230px; margin: 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: 57%; }

#chieungangdt { width: 90%; margin: auto; float: right; }
#formlienhe { border: 0; width: 60%; display: block; margin: 0 20%; }

#imgtrangtri { width:auto; height: 100%; max-height:260px; float:left; margin:3%; border:#a22122 0px solid; border-radius:0px; padding:0; }

.trangtri {
	FONT-SIZE: 14px; COLOR: #222; FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; line-height: 2; margin: 3%; background-color:#f2f2f2; }


.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: myfontbold, 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: myfontbold, 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:800px) and (max-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 { max-width:1124px; margin:auto; height: auto; min-height: 580px; }

#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_ban #bannertk { width: 40%; float:left; padding: 1%;  }
#header_ban #bannerlo { width: 56%; float:left; padding: 1%; }

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

#header #chitietsp01 { width:100%; float:left; margin: auto;}
#header #chitietsp02 { width:8%; 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:15%; float:left; display: none !important; }
#header #logogiua { width:96%; float:left; padding: 2%; background: url(images/bgsub.jpg) top no-repeat;}

#header #lienhe { width: 94%; height: 350px; padding: 3%; background-color:#f2f2f2; }

#header #lienhe #lienhe1 { width:31.5%; float:left; padding: 0 3% 0 0; }
#header #lienhe #lienhe2 { width:62%; float:left; padding: 0 0 0 3%; border-left: 1px #999999 solid; }

#header #gttrai { width:70%; float:left; margin-right:3%; }
#header #gtgiua { width:25%; 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;}

.tk {width: 100%; height: 135px; background: none;border: 2px #f27710 solid;position: relative; z-index: 90; }.tkc { font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #f27710; padding: 0 5px; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }
.tc {width: 100%; height: 135px;background: none;border: 2px #48adc1 solid;	position: relative; z-index: 90; }.tcx {font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #48adc1; padding: 0 5px; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }
.tt {width: 100%;background: none;border: 2px #65be04 solid;	position: relative; z-index: 90; }.ttd {font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #65be04; padding: 0 5px; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }

.info { width: 96%; height: auto; padding: 2%;}

#bgtk { width: 100%; padding: auto;}
#bgtk #tk1 { width:32%; float:left; }
#bgtk #tk2 { width:20%; float:left; }
#bgtk #tk3 { width:22%; float:left; }
#bgtk #tk4 { width:26%; float:left; }

#bgtc { width: 100%; padding: auto;}
#bgtc #tc1 { width:32%; float:left; }
#bgtc #tc2 { width:20%; float:left; }
#bgtc #tc3 { width:22%; float:left; }
#bgtc #tc4 { width:26%; float:left; }

#bgtt {	width: 97.5%; height: auto; border: 2px #65be04 solid; padding: 1%; }

#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 {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; }
#homeproduct { width: 46%; height: auto; float:left; margin: 2%; border:#a22122 0px solid; border-radius:0px; padding: 0; background-color:#ffffff; box-shadow: 0 3px 8px #ccc; }

#productct { width: 76%; height: auto; float:left; margin: 2% 12% 1% 12%; border:0px; padding: 0; box-shadow: 0 0 12px #999; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.imgsp { border: 0; display: block; width: 100%; max-width: 400px; max-height:300px; margin: 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: 40%; }

#chieungangdt { width: 80%; margin: auto; float: right; }
#formlienhe { border: 0; width: 60%; display: block; margin: 0 20%; }

#imgtrangtri { width:auto; height: 100%; max-height:400px; float:left; margin:3%; border:#a22122 0px solid; border-radius:0px; padding:0; }

.trangtri {
	FONT-SIZE: 14px; COLOR: #222; FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; line-height: 2; margin: 3%; }


.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: myfontbold, 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: myfontbold, 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:530px) and (max-width:800px)
{
.hinhtroi { width:100%; height:90px; background-image:url(images/logo.png);}		
.hinhbg { width:100%; height:100%; background-image:url(images/bg.png);}

#header { max-width:1124px; margin:auto; height: auto; min-height: 580px; background: #f2f2f2 url(images/bg.jpg) top no-repeat; }

#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_ban #bannertk { width: 50%; float:left; padding: 1%;  }
#header_ban #bannerlo { width: 46%; float:left; padding: 1%; }

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

#header #chitietsp01 { width:100%; float:left; margin: auto;}
#header #chitietsp02 { width:16%; 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 #logotrai { width:15%; float:left; display: none !important; }
#header #logogiua { width:96%; float:left; padding: 2%; background: url(images/bgsub.jpg) top no-repeat;}

#header #lienhe { width: 94%; height: 600px; padding: 3%; background-color:#f2f2f2; }

#header #lienhe #lienhe1 { width:94%; float:left; padding: 2.5%; }
#header #lienhe #lienhe2 { width:94%; float:left; padding: 2.5%; }

#header #gttrai { width:70%; float:left; margin-right:3%; }
#header #gtgiua { width:25%; 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;}

.tk {width: 100%; height: 250px; background: none;border: 2px #f27710 solid;position: relative; z-index: 90; }.tkc { font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #f27710; padding: 0 1%; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }
.tc {width: 100%; height: 250px;background: none;border: 2px #48adc1 solid;	position: relative; z-index: 90; }.tcx {font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #48adc1; padding: 0 1%; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }
.tt {width: 100%;background: none;border: 2px #65be04 solid;	position: relative; z-index: 90; }.ttd {font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #65be04; padding: 0 5px; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }

.info { width: 96%; height: auto; padding:2%;}

#bgtk { width: 100%; padding: 5px 0;}
#bgtk #tk1 { width: 269px; padding: 5px; float:left; }
#bgtk #tk2 { width: 174px; padding: 5px; float:left; }
#bgtk #tk3 { width: 192px; padding: 5px; float:left; }
#bgtk #tk4 { width: 223px; padding: 5px; float:left; }

#bgtc { width: 100%; padding: 5px 0;}
#bgtc #tc1 { width: 269px; padding: 5px; float:left; }
#bgtc #tc2 { width: 176px; padding: 5px; float:left; }
#bgtc #tc3 { width: 194px; padding: 5px; float:left; }
#bgtc #tc4 { width: 205px; padding: 5px; float:left; }

#bgtt {	width: 97.5%; height: auto; border: 2px #65be04 solid; padding: 1%; }

#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 {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; }
#homeproduct { width: 90%; height: auto; float:left; margin: 3% 5%; border:#a22122 0px solid; border-radius:0px; padding: 0; background-color:#ffffff; box-shadow: 0 3px 8px #ccc; }

#productct { width: 80%; height: auto; float:left; margin: 3% 10% 1% 10%; border:0px; padding: 0; box-shadow: 0 0 12px #999; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.imgsp { border: 0; display: block; width: 100%; height: auto; margin: 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:20 }

#chieungangdt { width: 65%; float:right; margin: 1.2%; }
#formlienhe { border: 0; width: 60%; display: block; margin: 0 20%; }

#imgtrangtri { width: 90%; height: 100%; float:left; margin:5%; border:#a22122 0px solid; border-radius:0px; padding:0; }

.trangtri {
	FONT-SIZE: 14px; COLOR: #222; FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; line-height: 2; margin: 3%; }


.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: myfontbold, 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: myfontbold, 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:530px)
{
	
.hinhtroi { width:100%; height:90px; background-image:url(images/logo.png);}		
.hinhbg { width:100%; height:100%; background-image:url(images/bg.png);}

#header { max-width:1124px; margin:auto; height: auto; min-height:580px; background: #f2f2f2 url(images/bg.jpg) top no-repeat; }

#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_ban #bannertk { width: 50%; float:left; padding: 1%;  }
#header_ban #bannerlo { width: 46%; float:left; padding: 1%; }

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

#header #chitietsp01 { width:100%; float:left; margin: auto;}
#header #chitietsp02 { width:16%; 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 #logotrai { width:15%; float:left; display: none !important; }
#header #logogiua { width:96%; float:left; padding: 2%; background: url(images/bgsub.jpg) top no-repeat;}

#header #lienhe { width: 94%; height: 600px; padding: 3%; background-color:#f2f2f2; }

#header #lienhe #lienhe1 { width:94%; float:left; padding: 2.5%; }
#header #lienhe #lienhe2 { width:94%; float:left; padding: 2.5%; }

#header #gttrai { width:70%; float:left; margin-right:3%; }
#header #gtgiua { width:25%; 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;}

.tk {width: 100%; height: 280px; background: none;border: 2px #f27710 solid;position: relative; z-index: 90; }.tkc { font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #f27710; padding: 0 1%; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }
.tc {width: 100%; height: 280px;background: none;border: 2px #48adc1 solid;	position: relative; z-index: 90; }.tcx {font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #48adc1; padding: 0 1%; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }
.tt {width: 100%;background: none;border: 2px #65be04 solid;	position: relative; z-index: 90; }.ttd {font: 16px myfontbold, Arial, Helvetica, sans-serif; background: #f3f3f3; color: #65be04; padding: 0 5px; height: 12px;	position: relative;	left: 15px;	top: -12px;	float: left; z-index: 100; }

.info { width: 98%; height: auto; padding: 5% 1% 0 2%;}

#bgtk { width: 100%; padding: auto;}
#bgtk #tk1 { width:60%; float:left; min-width: 220px; padding: 1% 0 0 0; }
#bgtk #tk2 { width:38%; float:left; min-width: 140px; padding: 1% 0 0 0; }
#bgtk #tk3 { width:47%; float:left; min-width: 160px; padding: 1% 0 0 0; }
#bgtk #tk4 { width:50%; float:left; }

#bgtc { width: 100%; padding: auto;}
#bgtc #tc1 { width:59%; float:left; min-width: 220px; padding: 1% 0 0 0; }
#bgtc #tc2 { width:39%; float:left; min-width: 140px; padding: 1% 0 0 0; }
#bgtc #tc3 { width:47%; float:left; min-width: 160px; padding: 1% 0 0 0; }
#bgtc #tc4 { width:50%; float:left; }

#bgtt {	width: 97.5%; height: auto; border: 2px #65be04 solid; padding: 1%; }

#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 {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; }
#homeproduct { width: 90%; height: auto; float:left; margin: 3% 5%; border:#a22122 0px solid; border-radius:0px; padding: 0; background-color:#ffffff; box-shadow: 0 3px 8px #ccc; }

#productct { width: 80%; height: auto; float:left; margin: 5% 10%; border:0px; padding: 0; box-shadow: 0 0 12px #999; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.imgsp { border: 0; display: block; width: 100%; height: auto; margin: 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:20 }

#chieungangdt { width: 65%; float:right; margin: 1.2%; }
#formlienhe { border: 0; width: 60%; display: block; margin: 0 20%; }

#imgtrangtri { width: 90%; height: 100%; float:left; margin:5%; border:#a22122 0px solid; border-radius:0px; padding:0; }

.trangtri {
	FONT-SIZE: 14px; COLOR: #222; FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; line-height: 2; margin: 3%; }


.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: myfontbold, 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: myfontbold, 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: 100px; float:left; margin-right:8px; color:#eee}
#truycap3 {float:left; color:#eee}



.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;
}

.bgleft {
	width: 100%;
	height: 100%;
	background: url(images/bg.jpg) bottom no-repeat;
}

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

#vien {   
width: 98%; margin: 1%; box-shadow: 0 0 10px #aaa;
  }

.input {
    font-weight: none;
    font-size: 11px;
    width: 147px;
    padding:0;
    margin: 0;
    border: 0px solid #E5E5E5;
    background: #fff;
    outline: none;
	color: #999;
 
    /* add input box a inset shadow  */
    /* -moz-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);*/ /*for Mozilla*/
    /* -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);*/ /*for Chrome and Safari*/
   /*  box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);*/
	
	/* -o-border-radius: 5px;*/  /*for opera*/
   /*  -khtml-border-radius: 5px;*/
   /*  -webkit-border-radius: 5px;*/
   /*  border-radius: 5px;*/
}