BODY 
{	FONT-SIZE: 15px; COLOR: #333333; FONT-FAMILY: myfont, Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	TEXT-DECORATION: none;	line-height: 1.5;	background-color:#f3f3f3;	margin-left: 0px;	margin: auto; }
TABLE, TR, TD, DIV 
{	FONT-SIZE: 15px; COLOR: #333333; FONT-FAMILY:  myfont, Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	TEXT-DECORATION: none;	line-height: 1.5; }
	
strong, b, bold
{
	FONT-FAMILY: myfontbold !important; 
}
	
.giohang {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; COLOR: #fff8e3; 
	FONT-FAMILY: myfont, Cambria, Tahoma,Verdana, Arial; 
	TEXT-DECORATION: none
}
a:link {
	FONT-SIZE: 15px; 
	COLOR: #333333; 
	FONT-FAMILY: myfont, Arial, Cambria, Tahoma, Verdana; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
}
a:visited {
	FONT-SIZE: 15px; 
	COLOR: #333333; 
	FONT-FAMILY: myfont, Arial, Cambria, Tahoma, verdana; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
}
a:hover {
	FONT-SIZE: 15px; 
	COLOR: #FF0000; 
	FONT-FAMILY: myfont, Arial, Cambria, Tahoma, Verdana; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
}
.muctinchinh {
	COLOR: #222222;
	FONT-FAMILY: myfontbold, Arial, Cambria, Tahoma, Verdana; 
	FONT-SIZE: 16px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.nuttinh {
	COLOR: #000000;
	FONT-FAMILY: Verdana; 
	FONT-SIZE: 11px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.menu1 {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana; 
	FONT-SIZE: 12px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}

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

.tintucmoi {
	COLOR: #0033FF;	FONT-FAMILY: myfontbold, Arial, Cambria; FONT-SIZE: 20px;	text-decoration: none; 	font-weight: none;}
	
.tttc:link {
	COLOR: #222; FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 16px;	text-decoration: none; 	FONT-WEIGHT: none;  }
.tttc:visited {
	COLOR: #222; FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 16px;	text-decoration: none; 	FONT-WEIGHT: none;  }
.tttc:hover {
	COLOR: #d70a00; FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 16px;	text-decoration: none; 	FONT-WEIGHT: none;  }

.muctin:link {
	COLOR: #fff; border-left: 3px solid #000;	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 15px;	text-decoration: none; 	FONT-WEIGHT: none;  }
.muctin:visited {
	COLOR: #fff; border-left: 3px solid #000;	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 15px;	text-decoration: none; 	FONT-WEIGHT: none;  }
.muctin:hover {
	COLOR: #ff0; border-left: 3px solid #000;	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 15px;	text-decoration: none; 	FONT-WEIGHT: none;  }
	
.muctinat:link {
	COLOR: #222222; FONT-FAMILY: myfont, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 15px;	text-decoration: none; 	FONT-WEIGHT: none; }
.muctinat:visited {
	COLOR: #222222;  }
.muctinat:hover {
	COLOR: #ff0000; }

.tintuc_index:link {
	COLOR: #333;	FONT-FAMILY: myfontbold, Tahoma, Arial; FONT-SIZE: 15px;	text-decoration: none; 	FONT-WEIGHT: none;}
.tintuc_index:visited {
	COLOR: #333;	FONT-FAMILY: myfontbold, Tahoma, Arial; FONT-SIZE: 15px;	text-decoration: none; 	FONT-WEIGHT: none;}
.tintuc_index:hover {
	COLOR: #d70a00;	FONT-FAMILY: myfontbold, Tahoma, Arial; FONT-SIZE: 15px;	text-decoration: none; 	FONT-WEIGHT: none;}

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

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

.muctinphu:link {
	COLOR: #fff;FONT-FAMILY: myfont, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 
}
.muctinphu:visited {
	COLOR: #fff;FONT-FAMILY: myfont, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 
}
.muctinphu:hover {
	COLOR: #ff0;FONT-FAMILY: myfont, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 
}

.muctinphuat:link {
	COLOR: #ff0;FONT-FAMILY: myfont, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 
}
.muctinphuat:visited {
	COLOR: #ff0;FONT-FAMILY: myfont, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 
}
.muctinphuat:hover {
	COLOR: #ff0;FONT-FAMILY: myfont, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 
}


.muctinphudmsp:link {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma, myfont, Arial; 
	FONT-SIZE: 14px;
	text-decoration: none; 
}
.muctinphudmsp:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma, myfont, Arial; 
	FONT-SIZE: 14px;
	text-decoration: none; 
}
.muctinphudmsp:hover {
	COLOR: #ffff00; 
	FONT-FAMILY: Tahoma, myfont, Arial; 
	FONT-SIZE: 14px; 
	text-decoration: none;
}
.muctinmenu:link {
	COLOR: #fff;	FONT-FAMILY: myfontbold, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: none ; FONT-WEIGHT: none;}
.muctinmenu:hover {
	COLOR: #ff0;	FONT-FAMILY: myfontbold, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: underline ; FONT-WEIGHT: none;}
.muctinmenu:visited {
	COLOR: #fff;	FONT-FAMILY: myfontbold, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: none ; FONT-WEIGHT: none;}

.muctinmenub:link {
	COLOR: #0b4aca;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: none ; FONT-WEIGHT: none;}
.muctinmenub:hover {
	COLOR: #ff0000;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: underline ; FONT-WEIGHT: none;}
.muctinmenub:visited {
	COLOR: #0b4aca;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: none ; FONT-WEIGHT: none;}

.tieudettt:link {
	COLOR: #0b4aca;
	FONT-FAMILY: myfontbold, Arial, Cambria, Verdana; 
	FONT-SIZE: 18px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tieudettt:visited {
	COLOR: #0b4aca;
	FONT-FAMILY: myfontbold, Arial, Cambria, Verdana; 
	FONT-SIZE: 18px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tieudettt:hover {
	COLOR: #cc0000; 
	FONT-FAMILY: myfontbold, Arial, Cambria, Verdana; 
	FONT-SIZE: 18px; 
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tensanpham:link {
	COLOR: #111111;	FONT-FAMILY: myfontbold, Arial; 	FONT-SIZE: 15px;	text-decoration: none; font-weight: none;
}
.tensanpham:visited {
	COLOR: #111111;	FONT-FAMILY: myfontbold, Arial; 	FONT-SIZE: 15px;	text-decoration: none; font-weight: none;
}
.tensanpham:hover {
	COLOR: #990000; FONT-FAMILY: myfontbold, Arial; 	FONT-SIZE: 15px; 	text-decoration: none; font-weight: none;
}

.dangnhap:link {
	COLOR: #e9e9e9;
	FONT-FAMILY: Tahoma, myfont, Arial; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.dangnhap:visited {
	COLOR: #e9e9e9;
	FONT-FAMILY: Tahoma, myfont, Arial; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.dangnhap:hover {
	COLOR: #ffffff; 
	FONT-FAMILY: Tahoma, myfont, Arial; 
	FONT-SIZE: 13px; 
	text-decoration: none
}
.muctinsanpham:link {
	COLOR: #ff6400;	FONT-FAMILY: myfontbold, Arial, verdana; FONT-SIZE: 17px;	text-decoration: underline; 	FONT-WEIGHT: none;
	border-bottom: 0px double #cccccc; 
}
.muctinsanpham:visited {
	COLOR: #ff6400;
}
.muctinsanpham:hover {
	COLOR: #ff0000; 
}
.title {
	COLOR: #222222;	FONT-FAMILY: myfontbold, Verdana, Cambria, Tahoma, Arial; FONT-SIZE: 16px;	text-decoration: none ; 
	FONT-WEIGHT: none; padding: 5px;	}

.title1 {
	FONT-SIZE: 20px;
background: #ffffff;
color: #FF3300;
font-weight: none;
font-family: myfontbold, Arial, Helvetica, sans-serif;
padding: 3px 20px; 
border-bottom: 1px #aaaaaa dashed;
}

.title2 {
	COLOR: #d70a00;	FONT-FAMILY: myfontbold, Arial, Verdana, Cambria, Tahoma; FONT-SIZE: 16px;	text-decoration: none ; 
	FONT-WEIGHT: none; padding: 5px 10px; border-bottom: 2px #d70a00 solid;}
	
.title3 {
	COLOR: #FF3300;	FONT-FAMILY: myfontbold, Arial, Verdana, Cambria, Tahoma; FONT-SIZE: 18px;	text-decoration: none ; 
	FONT-WEIGHT: none; }
	
.muctinkolink {
	COLOR: #ffffff;
	FONT-FAMILY: myfontbold, Arial; 
	FONT-SIZE: 12px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}	
.chuxanh {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffff00; 
	FONT-FAMILY: myfont, Arial; 
	text-decoration: none; 
}

.chuden {
	FONT-WEIGHT: none; 	FONT-SIZE: 18px; 	COLOR: #990000; 	FONT-FAMILY: myfontbold, Arial; 	text-decoration: none; 
}
.tensp {
	FONT-WEIGHT: none;	FONT-SIZE: 20px; 	COLOR: #cc0000; FONT-FAMILY: myfontbold, Arial; text-decoration: none; 
}

.noidungsp {
	FONT-SIZE: 11px; 
	COLOR: #222222; 
	FONT-FAMILY: myfont, Arial; 
	text-decoration: none;
}
.date {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #950000; 
	FONT-FAMILY: Tahoma,Verdana,myfont, Arial
}

.copyright {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: Tahoma,Verdana,myfont, Arial
}
.noidung {
	font-family: Verdana;
	font-size:11px;
	color: #000000;
}
.giabia {
	font-family: Verdana;
	font-size:11px;
	COLOR: #993333;
}
.giaban {
	font-family: Verdana;
	font-size:11px;
	COLOR: #FF0000;
	font-weight: bold;
}
.chantrang {
	COLOR: #ddd; padding: 1%;
	FONT-FAMILY: myfont, Arial, verdana; 
	FONT-SIZE: 13px;
	text-decoration: none 
}
.copy:link {
	COLOR: #ddd;
	FONT-FAMILY: myfont, Arial, verdana; 
	FONT-SIZE: 13px;
	text-decoration: none 
}
.copy:visited {
	COLOR: #ddd;
	FONT-FAMILY: myfont, Arial, verdana; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.copy:hover {
	COLOR: #ffffff;
	FONT-FAMILY: myfont, Arial, verdana;
	FONT-SIZE: 13px;
	text-decoration: none;
}
.thanhngang {
	COLOR: #EF6000;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: bold
}
.chutrang {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma; 
	FONT-SIZE: 12px;
	text-decoration: none
}
.chutrang:link {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.chutrang:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma; 
	FONT-SIZE: 13px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.chutrang:hover {
	COLOR: #FFFF00; 
	FONT-FAMILY: Tahoma; 
	FONT-SIZE: 13px; 
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.chutrangbgn {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma; 
	FONT-SIZE: 14px;
	text-decoration: none; 
	FONT-WEIGHT: normal;
}
.nho{
 	BORDER-RIGHT: #AB5858 1px solid;
	background-color: #FFF7F2;
	height: 19px;
	font-family: Verdana, myfont, Arial, 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: Verdana, myfont, Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	color: #000000;
}	
.nho1{
	font-family: Verdana, myfont, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: auto;
}
.nut
{
    BACKGROUND: #d70a00;
    BORDER-BOTTOM: #ffcccc 0px solid;
    BORDER-LEFT: #ffcccc 0px solid;
    BORDER-RIGHT: #ffcccc 0px solid;
    BORDER-TOP: #ffcccc 0px solid;
    COLOR: #FFFFFF;
    CURSOR: hand;
    FONT-FAMILY: myfontbold, Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 15px;
	FONT-WEIGHT: none; padding: 4px 10px;
   }
.menu {
	margin: 0px 0px 0px; width: 100%;
	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: 0px; 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 {
	/* background-color:#FFF */
}
.menu ul li a.active {
	/* background-color:#FFF */
}
#main { width:100%; margin:auto; }	
#main_banner { max-width:1100px; margin:auto; }	
#header { max-width:1100px; margin:auto; }
#main_index { max-width:800px; margin:auto; }
.topbanner { max-width:100%; margin:auto; background:url(images/banner.jpg) #d4f3fa left no-repeat; }
@media screen and (min-width:1100px)
{
.hinhtroi { width:100%; height:90px; background-image:url(images/logo.png);}		

#header #cottrai { width:22%; float:left; margin-left: 1%; display: none !important;}
#header #cotgiua { width:96%; float:left; margin: 0 2%; }
#header #cotphai { width:22%; float:left; margin-right: 1%; display: none !important;}

#header #cottraiidx { width:24%; float:left; margin: 1% 2%; }
#header #cotgiuaidx { width:70%; float:left; margin: 1% 2% 1% 0; }
#header #cotphaiidx { width:45%; float:left; margin: 1% 2%; display: none !important; }

#header #cotgiuaidx #bannertk { width: 38%; float:left; margin-right: 2%; }
#header #cotgiuaidx #bannerlo { width: 60%; float:left; margin: auto; }

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

#header #chantrangcl01 { width:15%; float:left; margin: auto; }
#header #chantrangcl02 { width:58%; float:left; margin: 0 3%; }
#header #chantrangcl03 { width:20%; float:left; margin: auto;  }
#header #chantrangcl04 { width:20%; float:left; margin: 1%; display: none !important; }

#chitietsp01 { width:50%; float:left; margin-right: 2%;}
#chitietsp02 { width:80%; float:left; margin: 0 10%;}

#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: 20px 5%; }
#header #logogiua { width:30%; float:left; margin: auto; text-align: right; }

#header #tintuc1 { width:96%; float:left; margin-bottom: 20px; padding: 2%; border-radius: 8px; background-color: #c4e2f7; }
#header #tintuc2 { width:92%; float:left; margin: auto; padding: 4%; border-radius: 8px; background-color: #c4e2f7; }

#header #tintuc001 { width:98%; float:left; margin: 0.5% 1%; }
#header #tintuc002 { width:98%; float:left; margin: 1%; }

#header #gttrai { width: 21%; float:left; margin: 1% 0; }
#header #gtgiua { width: 77%; float:left; margin: 1%; }

#header #lienhe1 { width: 45%; float:left; margin-right: 5%; }
#header #lienhe2 { width: 50%; 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: block !important; }
#bannerhinh { display: none !important; }
#flashchinh {display: block !important;}
#flashdd {display: none !important;}
#flashmtb {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#haicot {width: 48%; height: auto; float:left; margin: 0.5% 1%; border-bottom:#ddd 1px dashed; padding: auto; }
#bacot {width: 31%; height: auto; float:left; margin: 1%; border:#a22122 0px solid; border-radius:0; padding: 0;  box-shadow: 0px 0px 0px #ccc;}
#boncot {width: 23%; height: auto; float:left; margin: 1%; border:#f47a2a 0px solid; padding:0;}
#logophu { width: 80%; height: auto; float:left; margin: 0 10%; padding: auto; }
#doitac { width: 19.5%; height: auto; float:left; margin: 1%; border:#ccc 1px solid; border-radius:7px; padding: 1.5%; background-color:#FFFFFF;}
#product { width: 25%; height: auto; float:left; margin: 5px 4%; border: 0; padding: 0; background-color:#fff;}
#productmain { width: 80%; height: auto; float:left; margin: 8px 10%; border: 0; padding: 0; background-color:#fff;}

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: 90%; max-width: 300px; max-height:300px; margin: 5% 5% 0 5%; background-color: #fff }
.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: 0px #f47a2a solid;}
.img300 { border: 0; display: block; width: 100%; max-width: 300px; max-height: 220px; border: 1px #f47a2a solid;}

#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; }
#formlienhe1 { border: 0; width: 80%; display: block; padding: 2% 5%; margin: 2% 5%; background-color: #DFF3FF; }
#thanhngang { width: 90%; height: auto; float:left; margin: auto; border:0; padding: 0.5% 5%; }
#khungtt { width: 62%; height: auto; float:left; margin: 1% 10%;  border: 1px #39F solid; padding: 3% 7% 2% 10%; border-radius: 30px 0; background: url(images/new.png) no-repeat #ffffff; }

.formlienhe { border: 0; width: 50%; background-color: #DFF3FF; }

.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: myfont, Tahoma, Arial, Helvetica, sans-serif;
padding: 10px; margin: 20px; border-radius: 12px;}


.sidebar-sp {
font-size: 18px;color: #ff6400;font-weight: normal;width: 100%;font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif;
padding-top: 1%;margin: auto;}


}

@media screen and (min-width:800px) and (max-width:1100px)
{
.hinhtroi { width:100%; height:90px; background-image:url(images/logo.png);}		

#header #cottrai { width:22%; float:left; margin-left: 1%; display: none !important;}
#header #cotgiua { width:96%; float:left; margin: 0 2%; }
#header #cotphai { width:22%; float:left; margin-right: 1%; display: none !important;}

#header #cottraiidx { width:36%; float:left; margin: 1% 2%; }
#header #cotgiuaidx { width:58%; float:left; margin: 1% 2% 1% 0; }
#header #cotphaiidx { width:45%; float:left; margin: 1% 2%; display: none !important; }

#header #cotgiuaidx #bannertk { width: 90%; float:left; margin: 2% 5%; }
#header #cotgiuaidx #bannerlo { width: 90%; float:left; margin: 2% 5%; }

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

#header #chantrangcl01 { width:22%; float:left; margin: 0 2%; }
#header #chantrangcl02 { width:70%; float:left; margin: 0 2%; }
#header #chantrangcl03 { width:20%; float:left; margin: auto; display: none !important;  }
#header #chantrangcl04 { width:20%; float:left; margin: 1%; display: none !important; }

#chitietsp01 { width:50%; float:left; margin-right: 2%;}
#chitietsp02 { width:80%; float:left; margin: 0 10%;}

#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:50%; float:left; margin: 20px 5%; }
#header #logogiua { width:40%; float:left; margin: auto; text-align: right; }

#header #tintuc1 { width:96%; float:left; margin-bottom: 20px; padding: 2%; border-radius: 8px; background-color: #c4e2f7; }
#header #tintuc2 { width:92%; float:left; margin: auto; padding: 4%; border-radius: 8px; background-color: #c4e2f7; }

#header #tintuc001 { width:98%; float:left; margin: 0.5% 1%; }
#header #tintuc002 { width:98%; float:left; margin: 1%; }

#header #gttrai { width: 21%; float:left; margin: 1% 0; }
#header #gtgiua { width: 77%; float:left; margin: 1%; }

#header #lienhe1 { width: 45%; float:left; margin-right: 5%; }
#header #lienhe2 { width: 50%; 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: block !important; }
#bannerhinh { display: block !important; }
#flashchinh {display: none !important;}
#flashdd {display: none !important;}
#flashmtb {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#haicot {width: 48%; height: auto; float:left; margin: 0.5% 1%; border-bottom:#ddd 1px dashed; padding: auto; }
#bacot {width: 31%; height: auto; float:left; margin: 1%; border:#a22122 0px solid; border-radius:0; padding: 0;  box-shadow: 0px 0px 0px #ccc;}
#boncot {width: 23%; height: auto; float:left; margin: 1%; border:#f47a2a 0px solid; padding:0;}
#logophu { width: 80%; height: auto; float:left; margin: 0 10%; padding: auto; }
#doitac { width: 19.5%; height: auto; float:left; margin: 1%; border:#ccc 1px solid; border-radius:7px; padding: 1.5%; background-color:#FFFFFF;}
#product { width: 25%; height: auto; float:left; margin: 5px 4%; border: 0; padding: 0; background-color:#fff;}
#productmain { width: 60%; height: auto; float:left; margin: 8px 20%; border: 0; padding: 0; background-color:#fff;}

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: 90%; max-width: 300px; max-height:300px; margin: 5% 5% 0 5%; background-color: #fff }
.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: 0px #f47a2a solid;}
.img300 { border: 0; display: block; width: 100%; max-width: 300px; max-height: 220px; border: 1px #f47a2a solid;}

#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; }
#formlienhe1 { border: 0; width: 80%; display: block; padding: 2% 5%; margin: 2% 5%; background-color: #DFF3FF; }
#thanhngang { width: 90%; height: auto; float:left; margin: auto; border:0; padding: 0.5% 5%; }
#khungtt { width: 76%; height: auto; float:left; margin: 1% 2%;  border: 1px #39F solid; padding: 3% 6% 2% 14%; border-radius: 30px 0; background: url(images/new.png) no-repeat #ffffff; }

.formlienhe { border: 0; width: 50%; background-color: #DFF3FF; }

.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: myfont, Tahoma, Arial, Helvetica, sans-serif;
padding: 10px; margin: 20px; border-radius: 12px;}


.sidebar-sp {
font-size: 18px;color: #ff6400;font-weight: normal;width: 100%;font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif;
padding-top: 1%;margin: auto;}


}

@media screen and (max-width:800px)
{
.hinhtroi { width:100%; height:90px; background-image:url(images/logo.png);}		

#header #cottrai { width:22%; float:left; margin-left: 1%; display: none !important;}
#header #cotgiua { width:96%; float:left; margin: 0 2%; }
#header #cotphai { width:22%; float:left; margin-right: 1%; display: none !important;}

#header #cottraiidx { width:90%; float:left; margin: 2% 5%; }
#header #cotgiuaidx { width:90%; float:left; margin: 2% 5%; }
#header #cotphaiidx { width:45%; float:left; margin: 1% 2%; display: none !important; }

#header #cotgiuaidx #bannertk { width: 96%; float:left; margin: 2%; }
#header #cotgiuaidx #bannerlo { width: 96%; float:left; margin: 2%; }

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

#header #chantrangcl01 { width:26%; float:left; margin: 0 2%; }
#header #chantrangcl02 { width:66%; float:left; margin: 0 2%; }
#header #chantrangcl03 { width:20%; float:left; margin: auto; display: none !important;  }
#header #chantrangcl04 { width:20%; float:left; margin: 1%; display: none !important; }

#chitietsp01 { width:50%; float:left; margin-right: 2%;}
#chitietsp02 { width:80%; float:left; margin: 0 10%;}

#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:80%; float:left; margin: 10px 10%; }
#header #logogiua { width:80%; float:left; margin: 5px 10%; text-align: right; }

#header #tintuc1 { width:96%; float:left; margin-bottom: 20px; padding: 2%; border-radius: 8px; background-color: #c4e2f7; }
#header #tintuc2 { width:92%; float:left; margin: auto; padding: 4%; border-radius: 8px; background-color: #c4e2f7; }

#header #tintuc001 { width:98%; float:left; margin: 0.5% 1%; }
#header #tintuc002 { width:98%; float:left; margin: 1%; }

#header #gttrai { width: 21%; float:left; margin: 1% 0; }
#header #gtgiua { width: 77%; float:left; margin: 1%; }

#header #lienhe1 { width: 45%; float:left; margin-right: 5%; }
#header #lienhe2 { width: 50%; 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;}
#flashdd {display: none !important;}
#flashmtb {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#haicot {width: 48%; height: auto; float:left; margin: 0.5% 1%; border-bottom:#ddd 1px dashed; padding: auto; }
#bacot {width: 31%; height: auto; float:left; margin: 1%; border:#a22122 0px solid; border-radius:0; padding: 0;  box-shadow: 0px 0px 0px #ccc;}
#boncot {width: 23%; height: auto; float:left; margin: 1%; border:#f47a2a 0px solid; padding:0;}
#logophu { width: 80%; height: auto; float:left; margin: 0 10%; padding: auto; }
#doitac { width: 19.5%; height: auto; float:left; margin: 1%; border:#ccc 1px solid; border-radius:7px; padding: 1.5%; background-color:#FFFFFF;}
#product { width: 25%; height: auto; float:left; margin: 5px 4%; border: 0; padding: 0; background-color:#fff;}
#productmain { width: 96%; height: auto; float:left; margin: 8px 2%; border: 0; padding: 0; background-color:#fff;}

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: 90%; max-width: 300px; max-height:300px; margin: 5% 5% 0 5%; background-color: #fff }
.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: 0px #f47a2a solid;}
.img300 { border: 0; display: block; width: 100%; max-width: 300px; max-height: 220px; border: 1px #f47a2a solid;}

#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; }
#formlienhe1 { border: 0; width: 80%; display: block; padding: 2% 5%; margin: 2% 5%; background-color: #DFF3FF; }
#thanhngang { width: 96%; height: auto; float:left; margin: auto; border:0; padding: 0.5% 2%; }
#khungtt { width: 86%; height: auto; float:left; margin: 1% 2%;  border: 1px #39F solid; padding: 80px 5% 3% 5%; border-radius: 30px 0; background: url(images/new.png) no-repeat #ffffff; }

.formlienhe { border: 0; width: 50%; background-color: #DFF3FF; }

.sidebar-title {
background: #ff6400; font-size: 20px; color: #FFF; font-weight: normal; width: 180px;
font-family: myfont, Tahoma, Arial, Helvetica, sans-serif;
padding: 10px; margin: 20px; border-radius: 12px;}


.sidebar-sp {
font-size: 18px;color: #ff6400;font-weight: normal;width: 100%;font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif;
padding-top: 1%;margin: auto;}


}

#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%;
}
 img { border: 0; width:100%; display: block; max-width: 100% } 
.imgspnho { border: 0; display: block; max-width: 100px; max-height:100px }
.imgdatmua { border: 0; display: block; width: 100%; max-width: 95px; }
.imglogo { border: 0; display: block; width: 100%; max-width: 300px; }
.imgtct { border: 0; display: block; width: 100%; max-width: 427px; }
.imgpopup { border: 0; display: block; width: 100%; max-width: 16px; max-height:16px ; float:left}
.img18 { border: 0; display: block; width: 18px; height:18px}
.imgspphongtohn { border: 0; display: block; max-width: 130px; min-width:60px}
.imgym { border: 0; display: block; width: 100%; max-width: 64px; }
.imgflh { border: 0; display: block; width: 100%; max-width: 400px; }
.imghttt { border: 0; display: block; width: 100%; max-width: 260px; }
.imgleft { border: 0; display: block; width: 100%; max-width: 330px; }
.imgmxh { border: 0; width: 100%; max-width: 100px; float:left}
.img500 { border: 0; width: 100%; max-width: 440px; float:left; margin-right:20px }
.img140 { border: 0; width: 100%; max-width: 150px; float:left; margin:auto; border: 4px solid #999; margin-right: 10px;}
.img153 { border: 0; width: 100%; max-width: 153px; float:left; margin-right:20px }
.img327 { border: 0; width: 100%; max-width: 327px; float:left; margin-right:20px }
.img184 { border: 0; width: 100%; max-width: 184px; float:left; text-align:center}
.img280 { border: 0; width: 100%; max-width: 329px; margin-left:20px; margin-right:150px;}

.img_muctin { border: 0; width: 5px; margin-top:7px}
.img_tintuc { border: 0; width: 4px; margin-top:8px}
.img_muctinphu { border: 0; width: 4px; margin-top:9px; float:right; margin-right:2px}
#anthongtin {display: none !important;}

#truycap1 {max-width: 16px; float:left; margin-right:8px; margin-top:3px}
#truycap2 {width: 100px; float:left; margin-right:8px; color:#ccc}
#truycap3 {max-width: 100%; float:left; margin-right:5px; color:#ccc}

.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: myfont, Arial; 
	FONT-SIZE: 15px;
	text-decoration: none
}