BODY
{
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Cambria, Tahoma, Verdana, Helvetica, sans-serif;  
	TEXT-DECORATION: none;
	line-height: 1.5;
	background-color:#f1f1f1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/pixel_br.gif)

}

P 
{
	/*background-color:#ffffff;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.5;
}

/*TABLE, TR, TD, P, DIV 
{
	FONT-SIZE: 15px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Cambria, Tahoma, Verdana, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
	line-height: 1.3;
} */
.giohang {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; COLOR: #fff8e3; 
	FONT-FAMILY: Cambria, Tahoma,Verdana,Arial; 
	TEXT-DECORATION: none
}
a:link {
	FONT-SIZE: 17px; 
	COLOR: #oooocc; 
	FONT-FAMILY: Arial, Cambria, Tahoma, Verdana, Helvetica, sans-serif;  
	TEXT-DECORATION: none; 
	line-height: 1.5;
}
a:visited {
	COLOR: #0000cc; 

}
a:hover {
	COLOR: #oooocc;
	TEXT-DECORATION: underline; 
 
}
.muctinchinh {
	COLOR: #ffffff;
	FONT-FAMILY: Cambria, Tahoma, Verdana; 
	FONT-SIZE: 18px;
	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: Arial; 
	FONT-SIZE: 11px;
	text-decoration: none
}

.tintucmoi {
	COLOR: #222222;
	FONT-FAMILY: Arial, Cambria; 
	FONT-SIZE: 19px;
	text-decoration: none; 
	font-weight: none;
}

.muctin:link {
	COLOR: #222222;
	FONT-FAMILY: Cambria,Tahoma, Arial; 
	FONT-SIZE: 18px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.muctin:visited {
	COLOR: #222222;
	FONT-FAMILY: Cambria, Tahoma, Arial; 
	FONT-SIZE: 18px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.muctin:hover {
	COLOR: #ff0000; 
	FONT-FAMILY:Cambria, Tahoma, Arial; 
	FONT-SIZE: 18px; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}

.muctinlon:link {
	COLOR: #ffffff;
	FONT-FAMILY: Cambria,Tahoma, Arial; 
	FONT-SIZE: 18px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.muctinlon:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Cambria, Tahoma, Arial; 
	FONT-SIZE: 18px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.muctinlon:hover {
	COLOR: #ffff00; 
	FONT-FAMILY:Cambria, Tahoma, Arial; 
	FONT-SIZE: 18px; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}

.muctin_index:link {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma, Arial; 
	FONT-SIZE: 22px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.muctin_index:visited {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma, Arial; 
	FONT-SIZE: 22px;
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.muctin_index:hover {
	COLOR: #ff0000; 
	FONT-FAMILY:Tahoma, Arial; 
	FONT-SIZE: 22px; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}

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

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

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

.muctinphuat:link {
	COLOR: #ff0000;
	FONT-FAMILY: Cambria, Tahoma, Arial; 
	FONT-SIZE: 18px;
	text-decoration: none; 
}
.muctinphuat:visited {
	COLOR: #ff0000;
	FONT-FAMILY: Cambria, Tahoma, Arial; 
	FONT-SIZE: 18px;
	text-decoration: none; 
}
.muctinphuat:hover {
	COLOR: #ff0000; 
	FONT-FAMILY: Cambria, Tahoma, Arial; 
	FONT-SIZE: 18px; 
	text-decoration: none;
}


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

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

.tieudettt:link {
	COLOR: #555555;
	FONT-FAMILY: Arial, Cambria; 
	FONT-SIZE: 19px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
}
.tieudettt:visited {
	COLOR: #555555;
}
.tieudettt:hover {
	COLOR: #ff0000; 
}
.muctintop:link {
	COLOR: #804040;
	FONT-FAMILY: Arial; 
	FONT-SIZE: 12px;
	text-decoration: none
}
.muctintop:visited {
	COLOR: #804040;
	FONT-FAMILY: Arial; 
	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: Tahoma, Arial; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.dangnhap:visited {
	COLOR: #e9e9e9;
	FONT-FAMILY: Tahoma, Arial; 
	FONT-SIZE: 13px;
	text-decoration: none
}
.dangnhap:hover {
	COLOR: #ffffff; 
	FONT-FAMILY: Tahoma, Arial; 
	FONT-SIZE: 13px; 
	text-decoration: none
}
.muctinsanpham:link {
	COLOR: #ffffff;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 11px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.muctinsanpham:visited {
	COLOR: #ffffff;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 11px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.muctinsanpham:hover {
	COLOR: #ff0000; 
	FONT-FAMILY: verdana; 
	FONT-SIZE: 11px; 
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.title {
	COLOR: #444444;
	FONT-FAMILY: Verdana, Cambria, Tahoma, Arial, verdana; 
	FONT-SIZE: 25px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
	}

.level {
	COLOR: #444444;
	FONT-FAMILY: Verdana, Cambria, Tahoma, Arial, verdana; 
	FONT-SIZE: 15px;
	text-decoration: none ; 
	FONT-WEIGHT: none;
	}
.muctinkolink {
	COLOR: #ffffff;
	FONT-FAMILY: Arial; 
	FONT-SIZE: 12px;
	text-decoration: none; 
	FONT-WEIGHT: bold;
}	
.chuxanh {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffff00; 
	FONT-FAMILY: Arial; 
	text-decoration: none; 
	FONT-WEIGHT: bold;
}
.tensp {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #990000; 
	FONT-FAMILY: Arial; 
	text-decoration: none; 
	FONT-WEIGHT: bold;
}

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

.copyright {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: Tahoma,Verdana,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: #999999;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 11px;
	text-decoration: none 
}
.copy:link {
	COLOR: #515151;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 11px;
	text-decoration: none 
}
.copy:visited {
	COLOR: #515151;
	FONT-FAMILY: verdana; 
	FONT-SIZE: 11px;
	text-decoration: none
}
.copy:hover {
	COLOR: #a7a7a7;
	FONT-FAMILY: verdana;
	FONT-SIZE: 11px;
	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, 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, Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #cccccc;
	color: #000000;
}	
.nho1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: auto;
}
.nut
{
    BACKGROUND: #666666;
    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: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	height: 30;
	margin-bottom:0px;
   }
.menu {
	margin: 0px 0px 0px; 
	padding: 0px; 
	color:#000; 
	overflow: hidden; 
	float: left;
  }
.menu ul {
	list-style: none; 
	margin: 0px; padding: 0px; 
	border: 0px currentColor; 
	text-align: right; 
	float: left;
}
.menu ul li {
	margin: 0px; 
	padding: 0px 0px; 
	border: 0px currentColor; 
	float: left;
}
.menu ul li a {
	font: 15px/normal Arial, Helvetica, sans-serif; 
	margin: 1px; padding: 6px 18px; 
	color: #000; text-decoration: none; 
	float: left; 
	font-size-adjust: none; 
	font-stretch: normal; 
	font-weight: none;
}
.menu ul li a span {
	padding: 7px; 
	color:#000;
}
.menu ul li a:hover {
 	color: #ffffff; 
	background-color:#f1284e
}
.menu ul li a.active {
	color: #ffffff; 
	background-color:#f1284e
}
#main_banner { max-width:98%; margin:auto; }	
#main { max-width:98%; margin:auto; }	
#header { max-width:98%; margin:auto; }
#main_index { max-width:98%; margin:auto; }
@media screen and (min-width:1074px)
{

#chitietda01 { width:63%; float:left; margin: 0 1%; }
#chitietda02 { width:33%; float:left; margin: 0 1%; height:auto;overflow:auto; }	

#bannerflashcao { display: block !important; height:65px }
#bannerhinhcao { display: none !important; }
#videoyou { width:100%; max-width:910px; height:512px;  }

#hinhtroi { max-width:900px; min-width:300px; margin:auto;}	
#header #cottrai { width:28%; float:left; margin-right:1.8%; display:none !important;}
#header #cotgiua{ width:100%; float:left; }

#header #bannerlo { width:100%; float:left; }
#header #bannerca { width:35%; float:left; }

#header #chantrangcl01 { width:45%; float:left; }
#header #chantrangcl03 { width:25%; float:left; }
#header #chantrangcl04 { width:30%; float:left; }

#chitietsp01 { width:65%; float:left;  }
#chitietsp02 { width:35%; float:left;  }

#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:28%; float:left; margin-right:2%; }
#header #logogiua{ width:70%; 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;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#boncot {display: block !important; max-width:100%;}
#cuasopopup {display: block !important;}
#logophu {display: none !important;}
#bacot {width: 28%; height: 310px; float:left; margin: 1.1%; background-color:#ffffff;box-shadow: 0 0 5px #dedede; padding: 2% 1.5%; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
#product { width:300px; height:225px; float:left; margin-left:4px; margin-right:4px; margin-bottom:10px; border:#cccccc 0px solid; border-radius:0px; padding:4px 4px 4px 4px}
.imgsp { border: 0; display: block; width: 100%; max-width: 300px; max-height:300px }
.masp {
	FONT-WEIGHT: none; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial; 
	text-decoration: none;
}
.gia {
	FONT-SIZE: 13px; 
	COLOR: #e66a1a; 
	FONT-FAMILY: Arial; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.tensanpham:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.tensanpham:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.tensanpham:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #cc3300; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.imgdiachibanner { border: 0; display: block; max-width: 390px; width:100% }
.imgspphongto { border: 0; display: block; max-width: 600px; margin-top:5px}
#chieungang6sp { border: 0; display: block; max-width: 200px;}
}

@media screen and (min-width:1000px) and (max-width:1073px)
{

#chitietda01 { width:60%; float:left; margin-right: 2%; margin-left: 1%; }
#chitietda02 { width:36%; float:left; margin-right: 1%; height:auto;overflow:auto; }	
	
#bannerflashcao { display: block !important; height:65px }
#bannerhinhcao { display: none !important; }
#videoyou { width:100%; max-width:910px; height:512px;  }
	
#hinhtroi { max-width:900px; min-width:300px; margin:auto;}
#header #cottrai {width:23%; float:left ;  margin-right:1.8%; display:none !important;}
#header #cotgiua{ width:100%; float:left; }

#header #bannerlo { width:100%; float:left; }
#header #bannerca { width:100%; float:left; }

#header #chantrangcl01 { width:20%; float:left; }
#header #chantrangcl03 { width:20%; float:left; }
#header #chantrangcl04 { width:60%; float:left; }

#chitietsp01 { width:65%; float:left; margin: 10px 10px 0px 10px }
#chitietsp02 { width:27%; float:left; margin: 10px 10px 10px 10px }

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

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

#videohttt { max-width:980px; margin:auto}
#videohttt #video {width:100%; float:left}
#videohttt #httt {display:none !important;}

#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: none !important;}
#boncot {display: block !important; max-width:100%;}
#bacot {width: 44%; float:left; height: 300px; margin: 1%; background-color:#ffffff;box-shadow: 0 0 5px #dedede; padding: 2%; }
#cuasopopup {display: none !important;}
#logophu {display: none !important;}
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
#product { width:220px; height:200px; float:left; margin-left:4px; margin-right:4px; margin-bottom:10px; border:#cccccc 0px solid; border-radius:0px; padding:5px 5px 5px 5px}
.imgsp { border: 0; display: block; width: 100%; max-width: 200px; max-height:200px }
.masp {
	FONT-WEIGHT: none; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial; 
	text-decoration: none;
}
.gia {
	FONT-SIZE: 13px; 
	COLOR: #e66a1a; 
	FONT-FAMILY: Arial; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.tensanpham:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.tensanpham:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.tensanpham:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #a9950d; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.imgdiachibanner { border: 0; display: block; max-width: 738px; width:100% }
.imgspphongto { border: 0; display: block; max-width: 600px; margin-top:5px}
#chieungang6sp { border: 0; display: block; max-width: 200px;}
}

@media screen and (min-width:500px) and (max-width:999px)
{

#chitietda01 { width:92%; float:left; margin: 1% 4%; }
#chitietda02 { width:92%; float:left; padding: 4%; border-bottom: 1px #cccccc dashed; }		
	
#bannerflashcao {display: none !important;}	
#bannerhinhcao {display: block !important; height:100px}

#videoyou { width:100%; max-width:980px; height:551px;  }	
	
#hinhtroi { max-width:900px; min-width:300px; margin:auto;}
#header #cottrai {width:23%; float:left ;  margin-right:1.8%; display:none !important;}
#header #cotgiua{ width:100%; float:left; }

#header #bannerlo { width:100%; float:left; }
#header #bannerca { width:100%; float:left; }

#header #chantrangcl01 { width:20%; float:left; }
#header #chantrangcl03 { width:20%; float:left; }
#header #chantrangcl04 { width:60%; float:left; }

#chitietsp01 { width:95%; margin: 10px 0px 0px 7px }
#chitietsp02 { width:95%; margin: 10px 0px 0px 7px }

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

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

#videohttt { max-width:980px; margin:auto}
#videohttt #video {width:100%; float:left}
#videohttt #httt {display:none !important;}

#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: none !important;}
#boncot {display: block !important; max-width:100%;}
#bacot {width: 93%; float:left; margin: 1.5%; background-color:#ffffff;box-shadow: 0 0 5px #dedede; padding: 2%; }
#cuasopopup {display: none !important;}
#logophu {display: none !important;}
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
#product { width:220px; height:200px; float:left; margin-left:4px; margin-right:4px; margin-bottom:10px; border:#cccccc 0px solid; border-radius:0px; padding:5px 5px 5px 5px}
.imgsp { border: 0; display: block; width: 100%; max-width: 200px; max-height:200px }
.masp {
	FONT-WEIGHT: none; 
	FONT-SIZE: 13px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial; 
	text-decoration: none;
}
.gia {
	FONT-SIZE: 13px; 
	COLOR: #e66a1a; 
	FONT-FAMILY: Arial; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.tensanpham:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.tensanpham:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.tensanpham:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #a9950d; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.imgdiachibanner { border: 0; display: block; max-width: 738px; width:100% }
.imgspphongto { border: 0; display: block; max-width: 600px; margin-top:5px}
#chieungang6sp { border: 0; display: block; max-width: 200px;}
}

@media screen and (max-width:499px)
{
#bannerflashcao {display: none !important;}	
#bannerhinhcao {display: block !important; height:100px}
	
#videoyou { width:100%; max-width:450px; height:253px;  }	
	
#hinhtroi { max-width:400px; min-width:300px; margin:auto;}
#header #cottrai {width:25%; float:left; display:none !important;}
#header #cotgiua{width:100%; float:left;}

#header #bannerlo { width:100%; }
#header #bannerca { width:100%; }

#header #chantrangcl01 { margin: 0px 10px 0px 10px }
#header #chantrangcl03 { margin: 0px 10px 0px 10px }
#header #chantrangcl04 { margin: 0px 10px 0px 10px }

#chitietsp01 { width:95%; margin: 10px 0px 0px 7px }
#chitietsp02 { width:95%; margin: 10px 0px 0px 7px }

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

#header #logotrai {float:left; display:none !important;}
#header #logogiua{width:100%; float:left; }

#videohttt { max-width:980px; margin:auto}
#videohttt #video {width:100%; float:left}
#videohttt #httt {display:none !important;}

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

#dmsp {display: block !important;}
#bannerflash {display: none !important;}	
#bannerhinh {display: block !important;}
#flashchinh {display: none !important;}
#hotrotructuyen {display: none !important;}
#boncot {display: none !important;}
#cuasopopup {display: none !important;}
#logophu {display: block !important;}
.img330 { border: 0; width: 100%; max-width: 100%;}
#product { width:97%; margin-left:0px; margin-bottom:20px; border:#e1e1e1 1px solid; border-radius:7px; padding:5px}

.imgsp { border: 0; display: block; width: 100%; }
.masp {
	FONT-WEIGHT: none; 
	FONT-SIZE: 16px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial; 
	text-decoration: none;
}
.gia {
	FONT-SIZE: 16px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}
.tensanpham:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.tensanpham:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.tensanpham:hover {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #cc3300; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.imgspphongto { border: 0; display: block; max-width:600px; width: 100%; margin-top:5px}
#chieungang6sp { border: 0; display: block; width: 100%; max-width:400px}
}
#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-right:15px; margin-top: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}
.img170 { border: 0; width: 100%; max-width: 170px; }

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

.f-buttonvh {
	background: #f1284e !important; padding: 5px 33px; border-radius: 4px; color: #fff !important; font-family: "Roboto", sans-serif; font-size: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
}
.f-buttonvh:hover {
	background: #333946 !important; color: #fff; text-decoration: none;
}
#back-to-top {
	transition:opacity 15s; right: 0px; bottom: 0px; position: fixed; opacity: 10; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; height:22px; width:100%; background-color:#f1f3f4; color:#222; font-size:12px; padding-top:6px
}
.shadowbox {
	-moz-box-shadow: 2px 2px 2px 2px #c1c1c1;
    -webkit-box-shadow: 2px 2px 2px 2px #c1c1c1;
    box-shadow: 0px 3px 7px 1px #c1c1c1;
	border-radius: 10px;
}
.muctinphuat:link {
text-decoration: none; font-family: myfontbold, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px ; font-weight: none;padding: 18px 14px; color: #ffffff; background: #3b54a2; border-bottom: 2px solid #3b54a2; top: 0px; position: relative; }
.muctinphuat:visited { color: #ffffff; background: #3b54a2; border-bottom: 2px solid #3b54a2;}
.muctinphuat:hover { color: #fae03c; background: #3b54a2; border-bottom: 2px solid #fae03c; }

.muctinphuaq:link {
text-decoration: none; font-family: myfontbold, Tahoma, Arial, Helvetica, sans-serif; font-size: 15px ; font-weight: none;padding: 18px 14px; color: #fae03c; background: #3b54a2; border-bottom: 2px solid #fae03c; top: 0px; position: relative; }
.muctinphuaq:visited { color: #fae03c; }
.muctinphuaq:hover { color: #fae03c; }

.muctinhover {
	COLOR: #ff0000; 
	FONT-FAMILY:Cambria, Tahoma, Arial; 
	FONT-SIZE: 18px; 
	text-decoration: none; 
	FONT-WEIGHT: none;
}
a.cainut {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
	font-size:15px;

    text-decoration: none;
    color:#fff;
	background-color:#307fe2;
	padding: 2px 10px 2px 10px;
	font-weight:none;
}
    .transbox{
      background-color:#ddd;
      opacity:0.7;
}
.maytinhvien {
	padding-left:40px; 
	padding-right:40px
	}
.dienthoaivien 
{
	padding-left:2px; 
	padding-right:2px
	}