BODY 
{	FONT-SIZE: 14px; 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: 14px; COLOR: #333333; FONT-FAMILY:  myfont, Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	TEXT-DECORATION: none;	line-height: 1.5; }
	
.textbold { COLOR: #222; FONT-FAMILY: myfontbold, Arial, Tahoma, Verdana; FONT-SIZE: 14px;	text-decoration: none; FONT-WEIGHT: normal; }
	
strong, b, bold, h1, h2, h3, h4, h5, h6
{
	FONT-FAMILY: myfontbold !important; 
}

	
.giohang {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; COLOR: #fff8e3; 
	FONT-FAMILY: Cambria, Tahoma,Verdana,myfont, Arial; 
	TEXT-DECORATION: none
}
a:link {
	FONT-SIZE: 14px; 
	COLOR: #333333; 
	FONT-FAMILY: myfont, Arial, Cambria, Tahoma, Verdana; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
}
a:visited {
	FONT-SIZE: 14px; 
	COLOR: #333333; 
	FONT-FAMILY: myfont, Arial, Cambria, Tahoma, verdana; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
}
a:hover {
	FONT-SIZE: 14px; 
	COLOR: #FF0000; 
	FONT-FAMILY: myfont, Arial, Cambria, Tahoma, Verdana; 
	TEXT-DECORATION: none; 
	line-height: 1.5;
}
.muctinchinh {
	COLOR: #ffffff;
	FONT-FAMILY: myfont, Arial, Cambria, Tahoma, Verdana; 
	FONT-SIZE: 15px;
	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: #333333;	FONT-FAMILY: myfontbold, Arial, Cambria; FONT-SIZE: 18px;	text-decoration: none; 	font-weight: 700;}
	
.tttc:link {
	COLOR: #070; FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 16px;	text-decoration: none; 	FONT-WEIGHT: 500;  }
.tttc:visited {
	COLOR: #333;   }
.tttc:hover {
	COLOR: #d70a00;   }

.muctin:link {
	COLOR: #222222; FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 16px;	text-decoration: none; 	FONT-WEIGHT: normal;  }
.muctin:visited {
	COLOR: #222222;  }
.muctin:hover {
	COLOR: #555555;  }
	
.muctinat:link {
	COLOR: #990000; FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 16px;	text-decoration: none; 	FONT-WEIGHT: normal; }
.muctinat:visited {
	COLOR: #555555; }
.muctinat:hover {
	COLOR: #990000;  }

.tintuc_index:link {
	COLOR: #070;	FONT-FAMILY: myfontbold, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 	FONT-WEIGHT: 500;}
.tintuc_index:visited {
	COLOR: #070;	FONT-FAMILY: myfontbold, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 	FONT-WEIGHT: 500;}
.tintuc_index:hover {
	COLOR: #ff3e00;	FONT-FAMILY: myfontbold, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; 	FONT-WEIGHT: 500;}

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

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

.muctinphu:link {
	COLOR: #666;FONT-FAMILY: myfont, Tahoma, Arial; FONT-SIZE: 14px;	text-decoration: none; margin: 5px;font-weight: none;
}
.muctinphu:visited {

}
.muctinphu:hover {
	COLOR: #bf1d18;
}

.muctinphuat:link {
FONT-SIZE: 15px;color: #ffff00;font-weight: normal;font-family: myfontbold, Arial, Helvetica, sans-serif;
border-radius: 0; margin-right: 1px; background-color:#0864af; }

.muctinphuat:visited {
}

.muctinphuat:hover { 
 }
 
.ttat:link {
FONT-SIZE: 14px;color: #333;font-weight: 500;font-family: myfontbold, Arial, Helvetica, sans-serif;  }

.ttat:visited {
}

.ttat:hover { color: #c00;
 }


.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: #ffffff;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 16px;	text-decoration: none ; FONT-WEIGHT: normal;}
.muctinmenu:hover {
	COLOR: #ffff00;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 16px;	text-decoration: underline ; FONT-WEIGHT: normal;}
.muctinmenu:visited {
	COLOR: #ffffff;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 16px;	text-decoration: none ; FONT-WEIGHT: normal;}

.muctinmenub:link {
	COLOR: #fff;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: underline ; FONT-WEIGHT: 500;}
.muctinmenub:hover {
	COLOR: #ff0;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: underline ; FONT-WEIGHT: 500;}
.muctinmenub:visited {
	COLOR: #fff;	FONT-FAMILY: myfont, Arial, Cambria, Tahoma; 	FONT-SIZE: 15px;	text-decoration: underline ; FONT-WEIGHT: 500;}

.tieudettt:link {
	COLOR: #2d5173;
	FONT-FAMILY: myfont, Arial, Cambria, Verdana; 
	FONT-SIZE: 15px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tieudettt:visited {
	COLOR: #2d5173;
	FONT-FAMILY: myfont, Arial, Cambria, Verdana; 
	FONT-SIZE: 15px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tieudettt:hover {
	COLOR: #cc0000; 
	FONT-FAMILY: myfont, Arial, Cambria, Verdana; 
	FONT-SIZE: 15px; 
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tensanpham:link {
	COLOR: #c83100;	FONT-FAMILY: myfontbold, Arial; FONT-SIZE: 16px;	text-decoration: none; font-weight: normal;
}
.tensanpham:visited {
	COLOR: #c83100;
}
.tensanpham:hover {
	COLOR: #ff0000;	
}

.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: #d70a00;	FONT-FAMILY: myfontbold, Arial, Verdana, Cambria, Tahoma; FONT-SIZE: 17px;	text-decoration: none ; 
	FONT-WEIGHT: 500; padding: 2px 5px 2px 0px; border-bottom: 0px #d70a00 solid; 
}
.muctinsanpham:visited {
	COLOR: #d70a00;
}
.muctinsanpham:hover {
	COLOR: #f00;
}

.title {
	COLOR: #cc0000;	FONT-FAMILY: myfontbold, Verdana, Cambria, Tahoma, Arial; FONT-SIZE: 20px;	text-decoration: none ; 
	FONT-WEIGHT: normal; }

.title1 {
FONT-SIZE: 16px; background:url(images/title_01br.gif) repeat-x ;
color: #fff; padding: 8px 15px 6px 15px;
font-weight: 500;
font-family: myfontbold, Arial, Helvetica, sans-serif;
border-bottom: 0px #bf1d18 solid;
}
.title2 {
	COLOR: #d70a00;	FONT-FAMILY: myfontbold, Arial, Verdana, Cambria, Tahoma; FONT-SIZE: 16px;	text-decoration: none ; 
	FONT-WEIGHT: 500; padding: 2px 5px 2px 0px; border-bottom: 0px #d70a00 solid;}
	
.muctinkolink {
	COLOR: #070;	FONT-FAMILY: myfont, Arial; 	FONT-SIZE: 20px;	text-decoration: none; 	FONT-WEIGHT: 500; padding: 10px 0;}	
.chuxanh {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffff00; FONT-FAMILY: myfont, Arial; text-decoration: none; }
	
.chuxam {
	FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #333; FONT-FAMILY: myfont, Arial; text-decoration: none; }
	
.chudo {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #ff0000; FONT-FAMILY: myfontbold, Arial; text-decoration: none; }
	
.chudodam {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #03F; FONT-FAMILY: myfontbold, Arial; text-decoration: none; }

.tensp {
	FONT-WEIGHT: normal; FONT-SIZE: 24px; COLOR: #F60; FONT-FAMILY: myfontbold, Arial; text-decoration: none; }
	
.masp {
	FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #33333; FONT-FAMILY: myfont, Arial; text-decoration: none; }

.gia {
	FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #ff0000; 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;
	FONT-FAMILY: 'Roboto', Arial, verdana; 
	FONT-SIZE: 13px;
	text-decoration: none 
}
.copy:link {
	COLOR: #ddd;
	FONT-FAMILY: 'Roboto', Arial, verdana; 
	FONT-SIZE: 13px;
	text-decoration: none 
}
.copy:visited {
	COLOR: #ddd;
	FONT-FAMILY: 'Roboto', Arial, verdana; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.copy:hover {
	COLOR: #ffffff;
	FONT-FAMILY: 'Roboto', 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: myfont, Arial, Helvetica, sans-serif; padding: 5px 10px;
	font-size: 13px; max-width: 500px; border-radius: 4px;    BORDER: #ccc 1px solid;
	width: 100%;
}
.nut
{    BACKGROUND: #d70a00; border-radius: 4px;    BORDER: #a00 1px solid;    COLOR: #FFFFFF;    CURSOR: hand;
    FONT-FAMILY: myfont, Arial, Verdana, Helvetica, sans-serif;    FONT-SIZE: 13px;	FONT-WEIGHT: 500; padding: 5px 12px;   }
	
.vien 
{ BACKGROUND: #fff; width: 100%;	padding: 5px 10px; max-width: 500px; BORDER: #ccc 1px solid; border-radius: 4px; }

.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: 14px 'Roboto', Cambria, Tahoma, Helvetica, sans-serif; 
	margin: 0px; padding: 5px 10px; 
	color: #222; text-decoration: none; 
	float: left; 
	font-size-adjust: none; 
	font-stretch: normal; 
	font-weight: 500;
}
.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:1180px; margin:auto; }	
#header { width:100%; }
#main_index { max-width:1120px; margin:auto; }
.topbanner { max-width:100%; margin:auto; background:url(images/banner.jpg) #dbf9fc top center no-repeat; }

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

#header #cottrai { width:26%; float:left; margin-left: 2%;}
#header #cotgiua { width:68%; float:left; padding: 2%; }
#header #cotphai { width:26%; float:left; margin-right: 2%; display: none !important; }

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

#header #bannertk { width: 16%; float:left; margin: 10px 3%; }
#header #bannerlo { width: 78%; float:left; margin: 30px 0%; }

#header #bannerlo #bannertt { width: 76%; float:left; margin: 1%; }
#header #bannerlo #bannercc { width: 20%; float:left; margin: 1%; }

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

#header #chitietsp01 { width:56%; float:left; margin: 1% 4% 2% 0;}
#header #chitietsp02 { width:40%; float:left; margin: auto;}

#header #chitietsptc01 { width:25%; float:left; margin-right: 2%;}
#header #chitietsptc02 { width:73%; float:left; margin: auto;}

#header #menu001 { width:75%; float:left; margin: 0; }
#header #menu002 { width:15%; float:left; margin: 8px 0; }
#header #menu003 { width:10%; float:left; margin: 8px 0; }

#header #logotrai { width:36%; float:left; margin: 15px 5%; }
#header #logogiua { width:50%; float:left; margin: 0; }
#header #logophai { width:0; float:left; margin: 0; }

#header #cottraiidx { width:100%; float:left; margin: 1% 0;}
#header #cotphaiidx { width:100%; float:left; margin: 0;}

#header #cottraiidx #tintuc1 { width:60%; float:left; margin-right: 2%; display: block; }
#header #cottraiidx #tintuc2 { width:38%; float:left; margin: auto; display: block; }

#header #tintuc001 { width:65%; float:left; margin: 1% 0; }
#header #tintuc002 { width:34%; float:left; margin: 1% 0 1% 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: 100%; height: auto; float:left; margin: 0.5% 0; 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: 31%; height: 390px; float:left; margin: 1%; border-bottom: 4px #ccc solid; border-left:#ccc 1px solid; border-top:#ccc 1px solid; border-right:#ccc 1px solid; padding: auto; background-color:#fff; border-radius: 4px;}
#productcungloai { width: 90%; height: auto; float:left; margin: 2% 5%; border-bottom: 5px #f47a2a solid; border-left:#aaa 1px solid; border-top:#aaa 1px solid; border-right:#aaa 1px solid; padding: 0%; background-color:#fff;}
#productmain { width: 98%; height: auto; float:left; margin-right: 2%; margin-bottom: 6px; border:#f49f37 0px solid; border-radius:0px; padding: auto; background-color:#FFFFFF; }

img {
	border: 0;	width: 100%;	max-width: 100%;    alignment-adjust:auto }
.imgidx { border: 0; width: 96%; height: auto; margin: 0 2%; float:left; border:#ccc 1px solid; padding: auto; }
.imgsp { border: 0; display: block; width: 220px; height:220px; margin: 5%; background-color: #fff }
.imghinhanhlon { border: 0; display: block; width: 100%; max-width: 500px; height: auto; }
.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%;}
.img200 { border: 0; width: 98%; max-width: 200px; float:left; border: 2px solid #555; margin-bottom: 3px;}
.img300 { border: 0; display: block; max-width: 500px; max-height: 400px; border: 1px #f47a2a solid;}
.img160 { border: 0; width: 98%; max-width: 160px; float:left; border: 2px solid #555; margin-right: 10px;}

#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: 80%; display: block; margin: 2% 10%; }
#thanhngang { width: 98%; height: auto; float:left; margin: 1% 0; border:#a22122 0px solid; border-radius:4px; padding: 0.5% 1%; background-color:#f5f5f5; }


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


.sidebar-sp {
font-size: 22px;color: #f47a2a;font-weight: normal;width: 98%;font-family: 'Roboto', Tahoma, myfont, Arial, Helvetica, sans-serif;
padding: 1%;margin: auto;}

#giohang { width: 100%; margin: auto; display:block; padding-bottom: 0; border-bottom: 0px solid #ff0000; }	

#giohang #ghpic { width: 18%; float:left; margin-right: 2%; }
#giohang #ghttu { width: 80%; float:left; margin: 0; }

#giohang #ghttu #ghtde { width: 100%; float:left; margin: 0; padding-bottom: 10px; padding-top: 5px; display:block; border-bottom: 1px dashed #cccccc;  }
#giohang #ghttu #ghgia { width: 25%; float:left; margin: 10px 0; border-right: 1px solid #CCC;}
#giohang #ghttu #ghsl { width: 22%; float:left; margin: 10px 3%; border-right: 1px solid #CCC;}
#giohang #ghttu #ghtong { width: 33%; float:left; margin: 10px 0; border-right: 1px solid #CCC;}
#giohang #ghttu #ghxoa { width: 4%; float:left; margin: 10px 3%; }


#giohangtc { width: 96%; margin: 2%; display:block; }
#giohangtc #ghchu { width: 70%; float:left; margin: auto; text-align: right;}
#giohangtc #ghso { width: 20%; float:left; margin: auto; text-align: center;}

#giohangnut { width: 270px; margin: auto; display:block; float: left; }
#giohangnut #nut01 { width: 150px; float:left; margin: 20px 10px 20px 0;text-align: center;}
#giohangnut #nut02 { width: 150px; float:left; margin: 20px 10px 20px 0; text-align: center; display: none !important;}
#giohangnut #nut03 { width: 80px; float:left; margin: 20px 0; text-align: center;}
}

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

#header #cottrai { width:20%; float:left; margin-left: 1%; display: none !important;}
#header #cotgiua { width:67%; float:left; margin: 0 1%; }
#header #cotphai { width:30%; float:left; margin-right: 1%;}

#header #cottraiidx { width:98%; float:left; margin: 0 1%;}
#header #cotgiuaidx { width:30%; float:left; margin: 0 1%; display: none !important; }
#header #cotphaiidx { width:98%; float:left; margin: 0 1%; display: none !important;}


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

#header #bannertk { width: 100%; margin: 10px 0; text-align:center; }
#header #bannerlo { width: 100%; float:left; margin: 0; text-align: center}

#header #bannerlo #bannertt { width: 680px; left: 50%; float:left; position: relative; margin-left:-335px; }
#header #bannerlo #bannercc { width: 24%; display:none !important; }

#header #chantrangcl01 { width: 100%; margin: 10px 0; text-align:center; }
#header #chantrangcl02 { width:30%; float:left; margin: 1%; }
#header #chantrangcl03 { width:30%; float:left; margin: 1%; }
#header #chantrangcl04 { width:34%; float:left; margin: 1%; }

#header #chitietsp01 { width:54%; float:left; margin-right: 2%;}
#header #chitietsp02 { width:44%; float:left; margin: auto;}

#header #chitietsptc01 { width:23%; float:left; margin-right: 2%;}
#header #chitietsptc02 { width:75%; float:left; margin: auto;}

#header #menu001 { width:75%; float:left; margin: 0; }
#header #menu002 { width:15%; float:left; margin: 8px 0; }
#header #menu003 { width:10%; float:left; margin: 8px 0; }

#header #logotrai { width:60%; float:left; margin: 20px 5%; }
#header #logogiua { width:30%; float:left; margin-top: 1%; text-align: right; }

#header #cottraiidx #tintuc1 { width:100%; float:left; margin: 1% 0; max-width: 500px; }
#header #cottraiidx #tintuc2 { width:100%; float:left; margin: auto; }

#header #tintuc001 { width:100%; float:left; margin: 2% 0; }
#header #tintuc002 { width:98%; float:left; margin: 0 1% 1% 1%; }

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

#header #lienhe1 { width:90%; float:left; margin: 0 5%;}
#header #lienhe2 { width:90%; float:left; margin: 0 5%;}

#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: 100%; height: auto; float:left; margin: 1% 0; border-bottom:#ddd 0px solid; padding: 0; }
#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: 40%; height: auto; float:left; margin: 1% 5%; border:#f47a2a 0px solid; padding:0;}
#logophu {display: none !important;}
#doitac { width: 34%; height: auto; float:left; margin: 1% 2.5%; border:#ccc 1px solid; border-radius:7px; padding: 5%; background-color:#FFFFFF;}
#product { width: 47%; height: auto; float:left; margin: 1%; border-bottom: 4px #ccc solid; border-left:#ccc 1px solid; border-top:#ccc 1px solid; border-right:#ccc 1px solid; padding: auto; background-color:#fff; border-radius: 4px;}
#productmain { width: 48%; height: auto; float:left; margin: 1%; border:#f49f37 0px solid; border-radius:0px; padding: auto; background-color:#FFFFFF; }

img {
	border: 0;	width: 100%;	max-width: 100%;    alignment-adjust:auto }
.imgidx { width: 95%; height: auto; margin: 0 2%; float:left; border:#aaa 1px solid; padding: 0.5%; }
.imgsp { border: 0; display: block; width: 94%; max-width: 350px; margin: 3%; 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%;}
.img200 { border: 0; width: 98%; max-width: 200px; float:left; border: 2px solid #555; margin-bottom: 3px;}
.img300 { border: 0; display: block; width: 100%; max-height: 220px; border: 1px #f47a2a solid;}
.img160 { border: 0; width: 100%; max-width: 160px; float:left; margin:auto; border: 2px solid #555; margin-right: 10px;}

#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: 100%; display: block; margin: auto; }
#thanhngang { width: 98%; height: auto; float:left; margin: 1% 0; border:#a22122 0px solid; border-radius:4px; padding: 0.5% 1%; background-color:#f5f5f5; }


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


.sidebar-sp {
font-size: 22px;color: #f47a2a;font-weight: normal;width: 98%;font-family: 'Roboto', Tahoma, myfont, Arial, Helvetica, sans-serif;
padding: 1%;margin: auto;
}

#giohang { width: 100%; margin: auto; display:block; padding-bottom: 0; border-bottom: 0px solid #eee; }	
#giohang #ghttu { width: 2%; float:left; margin: 10px 0; text-align:center;}
#giohang #ghtde { width: 28%; float:left; margin: 10px 0; text-align:left;}
#giohang #ghpic { width: 16%; float:left; margin: 10px 0; text-align:center;}
#giohang #ghgia { width: 20%; float:left; margin: 10px 0; text-align:center;}
#giohang #ghsl { width: 10%; float:left; margin: 10px 0; text-align:center;}
#giohang #ghtong { width: 18%; float:left; margin: 10px 0; text-align: center;}
#giohang #ghxoa { width: 6%; float:left; margin: 10px 0; text-align:center;}

#giohangtc { width: 100%; margin: auto; display:block; padding-bottom: 10px; }
#giohangtc #ghchu { width: 84%; float:left; margin: auto; text-align: right;}
#giohangtc #ghso { width: 16%; float:left; margin: auto; text-align: center;}

#giohangnut { width: 400px; margin: auto; display:block; }
#giohangnut #nut01 { width: 150px; float:left; margin: 20px 10px 20px 0;text-align: center;}
#giohangnut #nut02 { width: 150px; float:left; margin: 20px 10px 20px 0; text-align: center;}
#giohangnut #nut03 { width: 80px; float:left; margin: 20px 0; text-align: center;}
}

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

#header #cottrai { width:20%; float:left; margin-left: 1%; display: none !important;}
#header #cotgiua { width:67%; float:left; margin: 0 1%; }
#header #cotphai { width:30%; float:left; margin-right: 1%;}

#header #cottraiidx { width:98%; float:left; margin: 0 1%;}
#header #cotgiuaidx { width:30%; float:left; margin: 0 1%; display: none !important; }
#header #cotphaiidx { width:98%; float:left; margin: 0 1%; display: none !important;}


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

#header #bannertk { width: 100%; margin: 15px 0; text-align:center; }
#header #bannerlo { width: 74%; float:left; margin: 30px 1%; display: none !important; }

#header #chantrangcl01 { width: 96%; padding: 2%; margin: 2% 0; text-align:center; }
#header #chantrangcl02 { width: 96%; padding: 2%; margin: 2% 0; text-align:center; border: 1px #999999 solid; }
#header #chantrangcl03 { width: 96%; padding: 2%; margin: 2% 0; text-align:center; border: 1px #999999 solid; }
#header #chantrangcl04 { width: 96%; padding: 2%; margin: 2% 0; text-align:center; border: 1px #999999 solid; }

#header #chitietsp01 { width:96%; float:left; margin: 1% 2%;}
#header #chitietsp02 { width:96%; float:left; margin: 1% 2%;}

#header #chitietsptc01 { width:23%; float:left; margin-right: 2%;}
#header #chitietsptc02 { width:75%; float:left; margin: auto;}

#header #menu001 { width:40%; float:left; margin: 0px;}
#header #menu002 { width:35%; float:left; margin-top: 5px; }
#header #menu003 { width:25%; float:left; margin: 8px 0; }

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

#header #cottraiidx #tintuc1 { width:100%; float:left; margin: 1% 0; max-width: 500px; }
#header #cottraiidx #tintuc2 { width:100%; float:left; margin: auto; }

#header #tintuc001 { width:100%; float:left; margin: 2% 0; }
#header #tintuc002 { width:98%; float:left; margin: 0 1% 1% 1%; }

#header #logotrai { width:90%; float:left; margin: 10px 5% 5px 5%; }
#header #logogiua { width:90%; float:left; margin: 0 5%; text-align: right; }

#header #lienhe1 { width:90%; float:left; margin: 0 5%;}
#header #lienhe2 { width:90%; float:left; margin: 0 5%;}

#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;}
#flashdd {display: block !important;}
#flashmtb {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#haicot {width: 94%; height: auto; float:left; padding: 2%; margin: 0 1%}
#bacot {width: 100%; height: auto; float:left; margin: 0; border:#a22122 0px solid; border-radius:0; padding: 0;  box-shadow: 0px 0px 0px #ccc;}
#boncot {width: 92%; height: auto; float:left; margin: 2% 4%; border:#f47a2a 0px solid; padding:0;}
#logophu {display: none !important;}
#doitac { width: 80%; height: auto; float:left; margin: 2% 5%; border:#ccc 1px solid; border-radius:7px; padding: 5%; background-color:#FFFFFF; text-align:center;}
#product { width: 90%; height: auto; float:left; margin: 2% 4%; border-bottom: 4px #ccc solid; border-left:#aaa 1px solid; border-top:#aaa 1px solid; border-right:#aaa 1px solid; padding: 0%; background-color:#fff; border-radius: 4px;}
#productmain { width: 96%; height: auto; float:left; margin: 2%; padding: auto; }

img {
	border: 0;	width: 100%;	max-width: 100%;    alignment-adjust:auto }
.imgidx { width: 95%; height: auto; margin: 0 2%; float:left; border:#aaa 1px solid; padding: 0.5%; }
.imgsp { border: 0; display: block; width: 94%; max-width: 350px; margin: 3%; 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%;}
.img200 { border: 0; width: 98%; max-width: 200px; float:left; border: 2px solid #555; margin-bottom: 3px;}
.img300 { border: 0; display: block; width: 100%; border: 1px #f47a2a solid;}
.img160 { border: 0; width: 100%; max-width: 160px; float:left; margin:auto; border: 2px solid #555; margin-right: 10px;}

#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: 100%; display: block; margin: auto; }
#thanhngang { width: 94%; height: auto; float:left; margin: 2% 1%; border:#a22122 0px solid; border-radius:4px; padding: 1% 2%; background-color:#f5f5f5; }


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


.sidebar-sp {
font-size: 22px;color: #f47a2a;font-weight: normal;width: 97%;font-family: 'Roboto', Tahoma, myfont, Arial, Helvetica, sans-serif;
padding: 1%;margin: 1%;;text-align:center;}

#giohang { width: 100%; margin: auto; display:block; padding-bottom: 0; border-bottom: 0px solid #ff0000; }	

#giohang #ghpic { width: 35%; float:left; margin-right: 5%; }
#giohang #ghttu { width: 60%; float:left; margin: 0; }

#giohang #ghttu #ghtde { width: 100%; float:left; margin: 0; padding-bottom: 10px; display:block; border-bottom: 1px dashed #cccccc;  }
#giohang #ghttu #ghgia { width: 100%; float:left; margin-top: 10px; }
#giohang #ghttu #ghsl { width: 100%; float:left; margin-top: 10px; }
#giohang #ghttu #ghtong { width: 100%; float:left; margin-top: 10px; }
#giohang #ghttu #ghxoa { width: 20px; float:left; margin-top: 10px;}


#giohangtc { width: 96%; margin: 2%; display:block; }
#giohangtc #ghchu { width: 60%; float:left; margin: auto; text-align: right;}
#giohangtc #ghso { width: 40%; float:left; margin: auto; text-align: center;}

#giohangnut { width: 270px; margin: auto; display:block; float: left; }
#giohangnut #nut01 { width: 150px; float:left; margin: 20px 10px 20px 0;text-align: center;}
#giohangnut #nut02 { width: 150px; float:left; margin: 20px 10px 20px 0; text-align: center; display: none !important;}
#giohangnut #nut03 { width: 80px; float:left; margin: 20px 0; text-align: center;}
}

@media screen and (max-width:570px)
{
#flashmtb {display: none !important;}
#header #cotgiua { width:92%; float:left; padding: 4%; }
#header #cotphai { width:92%; float:left; margin: 0 4%;}
}

#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_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
}

#linedashed {	width: 100%;	height: 6px; border-bottom: 1px dashed #ddd;}

.storeList {
	width: 96%; max-width: 500px; padding: 0 2%;	height: 36px;	background: #ffffff; border: 1px solid #aaaaaa; border-radius: 2px; }

.storeList1 {
	width: 97%; max-width: 500px; padding: 0 1%;	height: 32px;	background: #ffffff; border: 1px solid #aaaaaa; border-radius: 2px; }
	
#call {	width: 75px; height: 75px; position:fixed; bottom: 60px; right: 5px; background-color: rgba(255,255,255,0); }

#zalosp {	width: 60px; height: 60px; position:fixed; bottom: 140px; right: 12px; background-color: rgba(255,255,255,0); }

.lentop {display:none; bottom: 15px; right: 20px; cursor: pointer;  position: fixed; z-index: 1000;}
.lentop div {background: rgba(0,0,0,0.6); border:1px solid #fff; border-radius:4px; padding:10px; box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3)}
.lentop img {width:16px; height:16px;}