strong, b, bold, h1, h2, h3, h4, h5, h6
{
	FONT-FAMILY: myfontbold !important; 
}

#anthongtin {display: none !important;}

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

.contact-box {	width: 100%; max-width: 600px; margin: auto; float: left;}

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

#call {	width: 75px; height: 75px; position:fixed; bottom: 60px; right: 5px; background-color: rgba(255,255,255,0); z-index:1000; }

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

.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 15px rgba(0, 0, 0, 0.2);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform; border: 4px #FFFFFF solid;}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.033333);}

.storeList { font-size: 16px; width: 94%; padding: 10px 3%; margin: 20px 0;	height: auto;	background-color: transparent; border: 2px solid #cccccc !important; }
	
.tensanpham:link {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #0f75bc; line-height: 30px;
	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; 
}
.tensanpham:visited {
	COLOR: #0f75bc; 
}
.tensanpham:hover {
	COLOR: #cccccc; 
}
	
#header { width: 100%; margin:auto; }
@media screen and (min-width:1074px)
{

#header #cottrai { width:24%; float:left; margin: 10px 2% 10px 0; display: none !important;}
#header #cotgiua { width:100%; float:left; margin: 0; padding: 2% 5%; background-color: #FFF; }

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

#main #bannervk { width: 7%; float:left; margin: auto; background-color:#ff0000; height: 84px; }
#main #bannertk { width: 9%; float:left; padding: 0 3%; background-color:#ff0000; height: 84px; }
#main #bannerlv { width: 30%; float:left; margin: auto; }
#main #bannerlo { width: 44%; float:left; margin-top: 2.5%; }

#tamgiac-trai { width: 0; height: 0; border-top: 84px solid #ff0000;   border-right: 50px solid transparent;}

#chitietsp01 { width:44%; float:left; margin: 3% 3% 3% 0;}
#chitietsp02 { width:50%; float:left; margin: 1%;}

#header #chitietsptt01 { width:65%; float:left; margin-right: 5%; }
#header #chitietsptt02 { width:30%; float:left; margin: 0; }

#header #menu001 { width:40%; float:left;  margin-right: 2%; }
#header #menu002 { width:58%; float:left; margin: 0px; }

#header #lienhe1 { width:48%; float:left; margin-right:2%; }
#header #lienhe2 { width:50%; float:left; }

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

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

#chatluongpic { width:50%; float:left; margin: 0px; }
#chatluongtext { width:100%; float:left; margin-top: 3%; }

.chatluong{width:94%;float:left;text-align:center;margin:3%;}
.name_chatluong{width:100%; float:left; margin-top: 3%;}
.name_chatluong a{text-transform:uppercase;}

.suptitle {
background: #222222; font-size:20px; color: #FFFFFF; font-weight: normal; font-family: myfont, Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px #aaaaaa dashed; padding-bottom: 3px; }
#header #sup1 { width:30%; float:left; padding: 0 4%; margin: 3% 0; border-right: 2px #999999 solid; }
#header #sup2 { width:27%; float:left; padding: 0 6%; margin: 3% 0; border-right: 2px #999999 solid; }
#header #sup3 { width:19%; float:left; padding: 3% 0 3% 3%; }

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

#header #cot0 { width:94%; float:left; padding: 3%; }
#header #cot1 { width:23%; float:left; margin: 1%; }
#header #cot2 { width:23%; float:left; margin: 1%; }
#header #cot3 { width:23%; float:left; margin: 1%; }
#header #cot4 { width:23%; float:left; margin: 1%; }

#header #cotpj1 { width:32%; float:left; margin: 1% 1% 1% 0; }
#header #cotpj2 { width:32%; float:left; margin: 1%; }
#header #cotpj3 { width:32%; float:left; margin: 1% 0 1% 1%; }

#dmsp { display: none !important; }
#bannerflash { display: block !important; }
#bannerhinh { display: none !important; }
#flashchinh {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#dvnoibat { width: 100%; margin: 0; }
#bacot {width: 30%; float:left; margin: 1.5%; border: 3px #f4f4f4 solid; background-color: #ffffff;}
#boncot {width: 23%; height: auto; float:left; margin: 1%; border: 0; padding: auto; background-color: #f4f4f4;}
#namcot {width: 18%; height: auto; float:left; margin: 1%; border: 0; padding: auto; background-color: #f4f4f4;}
#logophu {display: none !important;}
#doitac { width: 16%; height: auto; float:left; margin: 0.8%; border:#ccc 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#product { width: 29.5%; height: auto; float:left; margin: 1.5%; border:#ccc 1px solid; border-radius:8px; padding: 0.3%; background-color:#FFFFFF; height:315px;}
#productmain { width: 80%; height: auto; float:left; margin: 5%; border:0; border-radius:4px; padding: 5%; background-color:#FFFFFF; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
.img160 { border: 0; width: 50%; float:left; margin: 20px 25%;}
.imgsp { border: 0; display: block; width: 95%; margin: 2.5% 2.5% 1% 2.5%; }
.imghinhanhlon { width: 100%; padding: auto; display: block; }
.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: 80%; height: auto; margin: 10%; }

#chieungang6sp { border: 0; display: block; max-width: 200px;}
#noidunproductview { position: absolute; z-index: 100; width: 100%; }
#chieucaobn { width: 100%; padding: 30px 0; background-color: none; }
#chieucaobanner { height:10px; }
#chieungangdt { max-width: 350px; width: 100%; float:right;display: none !important; }
#formlienhe { border: 0; width: 100%; display: block; padding: 20px 0; background-color: #FFF;}
#chieucaobn1 { width: 100%; padding-bottom: 20px; background-color: none; }

#header #chieungangnone { width: 25%; float:left; margin: 0.5%; }
#header #chieungangiso { width: 47%; float:left; margin: 3px 0.5%; text-align: center; color: #FFF; font-size: 22px; }
#header #chieungangtim { width: 25%; float:left; margin: 0.5%; }


.sidebar-title {
background: none; font-size: 24px; color: #FFFFFF; font-weight: normal; font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px; margin: 10px; }

.sidebar-sp {
background: none;font-size: 24px;color: #333333;font-weight: normal;width: auto;font-family: myfont, Arial, Tahoma, Helvetica, sans-serif;padding: 5px 20px;margin: 10px;border-bottom: 1px #999999 dotted;}

.sidebar-tm {
background: #545454;font-size: 42px;color: #ffffff;font-weight: normal;
font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif; border-radius: 8px 8px 0 0;
padding: 15px;margin: auto;}

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

.tintuck:link {	COLOR: #111111;	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 18px;  }
.tintuck:visited {	COLOR: #111111; }
.tintuck:hover {	COLOR: #006dff; }

.vetm1{ background: url(images/footer.png) bottom no-repeat #222222; width: 100%; }
.hotline{ background: url(images/tel1.png) left no-repeat; width: 60%; height: 60px; padding-top: 20px; padding-left: 40%; font-size: 18px; color: #FFF; }

.tieude {
	width: 100%;    float: left;FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif;  color: #0f75bc; font-size: 24px;    text-transform: uppercase; padding-bottom: 5px; margin: 10px 0; }

.shadow{width:70px;height:70px;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.shadow img{width:70px;height:70px;}
.shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:95%;left:0;height:10px;width:100%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity;}
.shadow:hover, .shadow:focus, .shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.shadow:hover:before, .shadow:focus:before, .shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}

.imgtt { display: block; width: 100%; float: left; margin: 0; }


.muctinphuat:link {
float: left;display: inline-block;text-decoration: none;margin: 0;font: normal 15px myfont, Arial, Tahoma;padding: 0 20px; color: #0f75bc;
}
.muctinphuat:visited {
color: #0f75bc;
}
.muctinphuat:hover {
color: #7c3ad2;
}

.mtmenu:link {
float: left;display: inline-block;text-decoration: none;margin: 0;font: normal 16px myfont, Arial, Tahoma;padding: 20px 12px; color: #111111;
}
.mtmenu:visited {
color: #111111;
}
.mtmenu:hover {
color: #7c3ad2;
}
}

@media screen and (min-width:860px) and (max-width:1074px)
{
#hinhtroi { width:100%; height: auto; background: #959595 url(images/hd.png) center no-repeat; }		
.hinhbg { width:100%; height:110px; background-color:#FFFFFF;}
.bgdv { width:100%; height:300px; background-image:url(images/bg-top.gif);}

#header #cottrai { width:24%; float:left; margin: 10px 2% 10px 0; display: none;}
#header #cotgiua { width:100%; float:left; margin: 0; padding: 2%; background-color: #FFF; }

#chitietsp01 { width:44%; float:left; margin: 3% 3% 3% 0;}
#chitietsp02 { width:50%; float:left; margin: 1%;}

#header #chitietsptt01 { width:65%; float:left; margin-right: 5%; }
#header #chitietsptt02 { width:30%; float:left; margin: 0; }

#header #menu001 { width:37%; float:left; margin: 0px; }
#header #menu002 { width:63%; float:left; margin: 0px; }

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

#header #lienhe1 { width:48%; float:left; margin-right:2%; }
#header #lienhe2 { width:50%; float:left; }

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

#chatluongpic { width:60%; float:left; margin: 0px; }
#chatluongtext { width:100%; float:left; margin-top: 3%; }

.suptitle {
background: #222222; font-size:20px; color: #FFFFFF; font-weight: normal; font-family: myfont, Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px #aaaaaa dashed; padding-bottom: 3px; }
#header #sup1 { width:30%; float:left; padding: 0 4%; margin: 3% 0; border-right: 2px #999999 solid; }
#header #sup2 { width:27%; float:left; padding: 0 6%; margin: 3% 0; border-right: 2px #999999 solid; }
#header #sup3 { width:19%; float:left; padding: 3% 0 3% 3%; }

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

#header #cot0 { width:94%; float:left; padding: 3%; }
#header #cot1 { width:23%; float:left; margin: 1%; }
#header #cot2 { width:23%; float:left; margin: 1%; }
#header #cot3 { width:23%; float:left; margin: 1%; }
#header #cot4 { width:23%; float:left; margin: 1%; }

#header #cotpj1 { width:32%; float:left; margin: 1% 1% 1% 0; }
#header #cotpj2 { width:32%; float:left; margin: 1%; }
#header #cotpj3 { width:32%; float:left; margin: 1% 0 1% 1%; }


#dmsp { display: none !important; }
#bannerflash { display: block !important; }
#bannerhinh { display: none !important; }
#flashchinh {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#dvnoibat { width: 84%; margin: 0 8%; }
#bacot {width: 30%; float:left; margin: 1.5%; border: 3px #f4f4f4 solid; background-color: #ffffff;}
#boncot {width: 21%; height: auto; float:left; margin: 2%; border: 0; border-radius:2px; padding: auto; background-color:#FFFFFF;}
#namcot {width: 18%; height: auto; float:left; margin: 1%; border: 0; padding: auto; background-color: #f4f4f4;}
#logophu {display: none !important;}
#doitac { width: 16%; height: auto; float:left; margin: 0.8%; border:#ccc 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#product { width: 29.5%; height: auto; float:left; margin: 1.5%; border:#ccc 1px solid; border-radius:8px; padding: 0.3%; background-color:#FFFFFF; height:315px;}
#productmain { width: 80%; height: auto; float:left; margin: 5%; border:0; border-radius:4px; padding: 5%; background-color:#FFFFFF; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
.img160 { border: 0; width: 50%; float:left; margin: 20px 25%;}
.imgsp { border: 0; display: block; width: 95%; margin: 2.5% 2.5% 1% 2.5%; }
.imghinhanhlon { width: 100%; padding: auto; margin: auto; }
.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: 80%; height: auto; margin: 10%; }

#chieungang6sp { border: 0; display: block; max-width: 200px;}
#noidunproductview { position: absolute; z-index: 100; width: 100%; }
#chieucaobn { width: 100%; padding: 30px 0; background-color: none; }
#chieucaobanner { height:10px; }
#chieungangdt { max-width: 350px; width: 100%; float:right;display: none !important; }
#formlienhe { border: 0; width: 60%; display: block; padding: 20px 20%; background-color: #FFF;}
#chieucaobn1 { width: 100%; padding-bottom: 20px; background-color: none; }

#header #chieungangnone { width: 25%; float:left; margin: 0.5%; }
#header #chieungangiso { width: 47%; float:left; margin: 3px 0.5%; text-align: center; color: #FFF; font-size: 20px; }
#header #chieungangtim { width: 25%; float:left; margin: 0.5%; }

.sidebar-title {
background: none; font-size: 24px; color: #FFFFFF; font-weight: normal; font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px; margin: 10px; }

.sidebar-sp {
background: none;font-size: 24px;color: #333333;font-weight: normal;width: auto;font-family: myfont, Arial, Tahoma, Helvetica, sans-serif;padding: 5px 20px;margin: 10px;border-bottom: 1px #999999 dotted;}

.sidebar-tm {
background: #545454;font-size: 42px;color: #ffffff;font-weight: normal;
font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif; border-radius: 8px 8px 0 0;
padding: 15px;margin: auto;}

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

.tintuck:link {	COLOR: #111111;	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 18px;  }
.tintuck:visited {	COLOR: #111111; }
.tintuck:hover {	COLOR: #006dff; }

.vetm1{ background: url(images/footer.png) bottom no-repeat #222222; width: 100%; }
.hotline{ width: 90%; height: 60px; padding-top: 20px; padding-left: 10%; font-size: 20px; color: #FFF; }

.tieude {
	width: 100%;    float: left;FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif;  color: #0f75bc; font-size: 24px;    text-transform: uppercase; padding-bottom: 5px; margin: 10px 0; }

.shadow{width:70px;height:70px;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.shadow img{width:70px;height:70px;}
.shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:95%;left:0;height:10px;width:100%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity;}
.shadow:hover, .shadow:focus, .shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.shadow:hover:before, .shadow:focus:before, .shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}

.imgtt1 { display: block; width: 176px; float: left; border: 3px solid #cfcfcf; border-radius: 50%; position: absolute; left: 50%; margin-left: -90px; }
.imgtt2 { display: block; width: 176px; float: left; border: 3px solid #cfcfcf; border-radius: 50%; position: absolute; left: 50%; margin-left: -90px; }

.sum_tinnews {
    width: 47%;    float: left;   margin-left: 10%;    margin-bottom: 80px; }
.left_tin {    width: 62%;    float: left;    text-align: right; }

.sum_news {
    width: 100%;    float: left;    background: url(images/bg_tintuc.png) center repeat-y;    margin-top: 50px;}
	
.sum_tinnews1 {
    width: 47.5%;    float: right;   margin-right: 10%;    margin-bottom: 80px; }
.left_tin1 {    width: 62%;    float: right;  }

.muctinphuat:link {
float: left;display: inline-block;text-decoration: none;margin: 0;font: normal 15px myfont, Arial, Tahoma;padding: 0 20px; color: #0f75bc;}

.muctinphuat:visited {
 color: #7c3ad2;}
.muctinphuat:hover {
color: #7c3ad2;}

.mtmenu:link {
float: left;display: inline-block;text-decoration: none;margin: 0;font: normal 18px myfont, Arial, Tahoma;padding: 25px 9px; color: #111111;
position: relative; }
.mtmenu:visited {
color: #111111;
}
.mtmenu:hover {
color: #7c3ad2;
}

.imgtt { display: block; width: 100%; float: left; margin: 0; }

}

@media screen and (min-width:500px) and (max-width:860px)
{
#hinhtroi { width:100%; height: auto; background: #959595 url(images/hd.png) center no-repeat; }		
.hinhbg { width:100%; height:110px; background-color:#FFFFFF;}
.bgdv { width:100%; height:300px; background-image:url(images/bg-top.gif);}

#header #cottrai { width:24%; float:left; margin: 10px 2% 10px 0; display: none !important;}
#header #cotgiua { width:100%; float:left; margin: 0; padding: 2% 5%; background-color: #FFF; }

#header #lienhe1 { width:48%; float:left; margin-right:2%; }
#header #lienhe2 { width:50%; float:left; }

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

#main #bannervk { width: 3%; float:left; margin: auto; background-color:#ff0000; height: 86px; }
#main #bannertk { width: 130px; float:left; padding: 0 3%; background-color:#ff0000; height: 86px; }
#main #bannerlv { width: 55%; float:left; margin: auto; }
#main #bannerlo { width: 10%; float:left; margin-top: 1.5%; }

#tamgiac-trai { width: 0; height: 0; border-top: 86px solid #ff0000;   border-right: 50px solid transparent;}

#chitietsp01 { width:44%; float:left; margin: 3% 3% 3% 0;}
#chitietsp02 { width:50%; float:left; margin: 1%;}

#header #chitietsptt01 { width:96%; float:left; margin: 2%; }
#header #chitietsptt02 { width:96%; float:left; margin: 2%; }

#header #menu001 { width:37%; float:left; margin: 0px; }
#header #menu002 { width:63%; float:left; margin: 0px; }

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

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

#chatluongpic { width:70%; float:left; margin: 0px; }
#chatluongtext { width:100%; float:left; margin-top: 3%; }

.chatluong{width:94%;float:left;text-align:center;margin:3%;}
.name_chatluong{width:100%; float:left; margin-top: 3%;}
.name_chatluong a{text-transform:uppercase;}

.suptitle {
background: #222222; font-size:20px; color: #FFFFFF; font-weight: normal; font-family: myfont, Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px #aaaaaa dashed; padding-bottom: 3px; }
#header #sup1 { width:42%; float:left; padding: 0 4%; margin: 3% 0; border-right: 2px #999999 solid; }
#header #sup2 { width:41%; float:left; padding: 0 4%; margin: 3% 0; border: 0; height: 300px; }
#header #sup3 { width:60%; float:left; padding: 3%; }

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

#header #cot0 { width:94%; float:left; padding: 3%; }
#header #cot1 { width:46%; float:left; margin: 2%; height: 140px; }
#header #cot2 { width:46%; float:left; margin: 2%; height: 140px; }
#header #cot3 { width:46%; float:left; margin: 2%; height: 140px; }
#header #cot4 { width:46%; float:left; margin: 2%; height: 140px; }

#header #cotpj1 { width:48%; float:left; margin: 2% 1%; }
#header #cotpj2 { width:48%; float:left; margin: 2% 1%; }
#header #cotpj3 { width:98%; float:left; margin: 2% 1%; }


#dmsp { display: none !important; }
#bannerflash { display: none !important; }
#bannerhinh { display: block !important; }
#flashchinh {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#dvnoibat { width: 96%; margin: 0 2%; }
#bacot {width: 46%; float:left; margin: 1.5%; border: 3px #f4f4f4 solid; background-color: #ffffff;}
#boncot {width: 40%; height: auto; float:left; margin: 5%; border: 0; border-radius:2px; padding: auto;}
#namcot {width: 40%; height: auto; float:left; margin: 5%; border: 0; padding: auto; background-color: #f4f4f4;}
#logophu {display: none !important;}
#doitac { width: 16%; height: auto; float:left; margin: 0.8%; border:#ccc 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#product { width: 29.5%; height: auto; float:left; margin: 1.5%; border:#ccc 1px solid; border-radius:8px; padding: 0.3%; background-color:#FFFFFF; height:315px;}
#productmain { width: 80%; height: auto; float:left; margin: 5%; border:0; border-radius:4px; padding: 5%; background-color:#FFFFFF; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
.img160 { border: 0; width: 80%; float:left; margin: 20px 10%;}
.imgsp { border: 0; display: block; width: 95%; margin: 2.5% 2.5% 1% 2.5%; }
.imghinhanhlon { width: 100%; padding: auto; margin: auto; }
.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: 80%; height: auto; margin: 10%; }

#chieungang6sp { border: 0; display: block; max-width: 200px;}
#noidunproductview { position: absolute; z-index: 100; width: 100%; }
#chieucaobn { width: 100%; padding: 30px 0; background-color: none; }
#chieucaobanner { height:10px; }
#chieungangdt { max-width: 350px; width: 100%; float:right;display: none !important; }
#formlienhe { border: 0; width: 60%; display: block; padding: 20px 20%; background-color: #FFF;}
#chieucaobn1 { width: 100%; padding-bottom: 20px; background-color: none; }


#header #chieungangnone { width: 25%; float:left; margin: 0.5%; display:none !important; }
#header #chieungangiso { width: 68%; float:left; margin: 3px 0.5%; text-align: center; color: #FFF; font-size: 22px; }
#header #chieungangtim { width: 30%; float:left; margin: 0.5%; }

.sidebar-title {
background: none; font-size: 24px; color: #FFFFFF; font-weight: normal; font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px; margin: 10px; }

.sidebar-sp {
background: none;font-size: 24px;color: #333333;font-weight: normal;width: auto;font-family: myfont, Arial, Tahoma, Helvetica, sans-serif;padding: 5px 20px;margin: 10px;border-bottom: 1px #999999 dotted;}

.sidebar-tm {
background: #545454;font-size: 42px;color: #ffffff;font-weight: normal;
font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif; border-radius: 8px 8px 0 0;
padding: 15px;margin: auto;}

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

.tintuck:link {	COLOR: #111111;	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 18px;  }
.tintuck:visited {	COLOR: #111111; }
.tintuck:hover {	COLOR: #006dff; }

.vetm1{ background: #222222 url(images/footer.png) bottom no-repeat; width: 100%; }
.hotline{ background: url(images/tel1.png) left no-repeat; width: 50%; margin-left: 10%; height: 60px; padding-left: 28%; font-size: 20px; color: #FFF; padding-top: 20px; }

.tieude {
	width: 100%;    float: left;FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif;  color: #0f75bc; font-size: 24px;    text-transform: uppercase; padding-bottom: 5px; margin: 10px 0; }

.shadow{width:70px;height:70px;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.shadow img{width:70px;height:70px;}
.shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:95%;left:0;height:10px;width:100%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity;}
.shadow:hover, .shadow:focus, .shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.shadow:hover:before, .shadow:focus:before, .shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}

.imgtt1 { display: block; width: 176px; float: left; border: 3px solid #cfcfcf; border-radius: 50%; position: absolute; left: 50%; margin-left: -90px; }
.imgtt2 { display: block; width: 176px; float: left; border: 3px solid #cfcfcf; border-radius: 50%; position: absolute; left: 50%; margin-left: -90px; }

.sum_tinnews {
    width: 47%;    float: left;   margin-left: 10%;    margin-bottom: 80px; }
.left_tin {    width: 62%;    float: left;    text-align: right; }

.sum_news {
    width: 100%;    float: left;    background: url(images/bg_tintuc.png) center repeat-y;    margin-top: 50px;}
	
.sum_tinnews1 {
    width: 47.5%;    float: right;   margin-right: 10%;    margin-bottom: 80px; }
.left_tin1 {    width: 62%;    float: right;  }

.muctinphuat:link {
text-decoration: none; FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; font-size: 15px ; font-weight: none;padding: auto; color: #0f75bc; background: #ffffff; }
.muctinphuat:visited { color: #0f75bc; background: #ffffff; }
.muctinphuat:hover { color: #0f75bc; background: #ffffff; }

.imgtt { display: block; width: 100%; float: left; margin: 0; }
}
@media screen and (max-width:500px)
{

#hinhtroi { width:100%; height: auto; background: #959595 url(images/hd.png) center no-repeat; }		
.hinhbg { width:100%; height:110px; background-color:#FFFFFF;}
.bgdv { width:100%; height:300px; background-image:url(images/bg-top.gif);}

#header #cottrai { width:24%; float:left; margin: 10px 2% 10px 0; display: none !important;}
#header #cotgiua { width:100%; float:left; margin: 0; padding: 2%; background-color: #FFF; }

#header #lienhe1 { width:96%; float:left; margin: 2%; }
#header #lienhe2 { width:96%; float:left; margin: 2%; }

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

#main #bannervk { width: 2%; float:left; margin: auto; background-color:#ff0000; height: 86px; }
#main #bannertk { width: 30%; float:left; padding: 0 2%; background-color:#ff0000; height: 86px; }
#main #bannerlv { width: 46%; float:left; margin: auto; }
#main #bannerlo { width: 14%; float:left; margin-top: 2%; }

#tamgiac-trai { width: 0; height: 0; border-top: 86px solid #ff0000;   border-right: 50px solid transparent;}

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

#header #chitietsptt01 { width:96%; float:left; margin: 2%; }
#header #chitietsptt02 { width:96%; float:left; margin: 2%; }

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

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

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

#chatluongpic { width:80%; float:left; margin: 0px; }
#chatluongtext { width:100%; float:left; margin-top: 3%; }

.chatluong{width:94%;float:left;text-align:center;margin:3%;}
.name_chatluong{width:100%; float:left; margin-top: 3%;}
.name_chatluong a{text-transform:uppercase;}

.suptitle {
background: #222222; font-size:20px; color: #FFFFFF; font-weight: normal; font-family: myfont, Arial, Tahoma, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px #aaaaaa dashed; padding-bottom: 3px; }
#header #sup1 { width:92%; float:left; padding: 0 4%; margin-top: 5%; border: 0; }
#header #sup2 { width:92%; float:left; padding: 0 4%; margin-top: 5%; border: 0; }
#header #sup3 { width:92%; float:left; padding: 0 4%; margin-top: 5%; border: 0;  }

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

#header #cot0 { width:94%; float:left; padding: 3%; }
#header #cot1 { width:46%; float:left; margin: 2%; height: 140px; }
#header #cot2 { width:46%; float:left; margin: 2%; height: 140px; }
#header #cot3 { width:46%; float:left; margin: 2%; height: 140px; }
#header #cot4 { width:46%; float:left; margin: 2%; height: 140px; }

#header #cotpj1 { width:100%; float:left; margin: 3% 0; }
#header #cotpj2 { width:100%; float:left; margin: 3% 0; }
#header #cotpj3 { width:100%; float:left; margin: 3% 0; }


#dmsp { display: none !important; }
#bannerflash { display: none !important; }
#bannerhinh { display: block !important; }
#flashchinh {display: block !important;}
#hotrotructuyen {display: block !important; }
#videoframe {display: block !important;}
#dvnoibat { width: 100%; margin: 0; }
#bacot {width: 95%; float:left; margin: 2%; border: 3px #f4f4f4 solid; background-color: #ffffff;}
#boncot {width: 46%; height: auto; float:left; margin: 2%; border: 0; border-radius:2px; padding: auto; background-color:#FFFFFF;}
#namcot {width: 90%; height: auto; float:left; margin: 5%; border: 0; padding: auto; background-color: #f4f4f4;}
#logophu {display: none !important;}
#doitac { width: 16%; height: auto; float:left; margin: 0.8%; border:#ccc 1px solid; border-radius:7px; padding: 1%; background-color:#FFFFFF;}
#product { width: 80%; height: auto; float:left; margin: 3% 8%; border:#ccc 1px solid; border-radius:8px; padding: 1%; background-color:#FFFFFF; height:auto;}
#productmain { width: 80%; height: auto; float:left; margin: 5%; border:0; border-radius:4px; padding: 5%; background-color:#FFFFFF; }

img { border: 0; max-width: 100%;	alignment-adjust: auto; }
.img330 { border: 0; width: 100%; max-width: 330px; float:left; text-align:center;}
.img160 { border: 0; width: 80%; float:left; margin: 10px 10%;}
.imgsp { border: 0; display: block; width: 95%; margin: 2.5% 2.5% 1% 2.5%; }
.imghinhanhlon { width: 100%; margin-bottom: 10px; }
.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: 80%; height: auto; margin: 10%; }

#chieungang6sp { border: 0; display: block; max-width: 200px;}
#noidunproductview { position: absolute; z-index: 100; width: 100%; }
#chieucaobn { width: 100%; padding: 30px 0; background-color: none; }
#chieucaobanner { height:10px; }
#chieungangdt { max-width: 350px; width: 100%; float:right;display: none !important; }
#formlienhe { border: 0; width: 90%; display: block; padding: 20px 5%; background-color: #FFF;}
#chieucaobn1 { width: 100%; padding-bottom: 20px; background-color: none; }


#header #chieungangnone { width: 25%; float:left; margin: 0.5%;display: none !important;  }
#header #chieungangiso { width: 96%; float:left; margin: 5px 2% 0 2%; text-align: center; color: #FFF; font-size: 18px; }
#header #chieungangtim { width: 80%; float:left; margin: 3% 10%; }

.sidebar-title {
background: none; font-size: 24px; color: #FFFFFF; font-weight: normal; font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif;
padding: 10px; margin: 10px; }

.sidebar-sp {
background: none;font-size: 24px;color: #333333;font-weight: normal;width: auto;font-family: myfont, Arial, Tahoma, Helvetica, sans-serif;padding: 5px 20px;margin: 10px;border-bottom: 1px #999999 dotted;}

.sidebar-tm {
background: #545454;font-size: 42px;color: #ffffff;font-weight: normal;
font-family: myfontbold, Arial, Tahoma, Helvetica, sans-serif; border-radius: 8px 8px 0 0;
padding: 15px;margin: auto;}

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

.tintuck:link {	COLOR: #111111;	FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; 	FONT-SIZE: 18px;  }
.tintuck:visited {	COLOR: #111111; }
.tintuck:hover {	COLOR: #006dff; }

.vetm1{ background: #222222 url(images/footer.png) bottom no-repeat; width: 100%; }
.hotline{ background: url(images/tel1.png) left no-repeat; width: 50%; margin-left: 10%; height: 90px; padding-top: 5%; padding-left: 25%; font-size: 24px; color: #FFF; }

.tieude {
	width: 100%;    float: left;FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif;  color: #0f75bc; font-size: 20px;    text-transform: uppercase; padding-bottom: 5px; margin: 10px 0; }

.shadow{width:70px;height:70px;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.shadow img{width:70px;height:70px;}
.shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:95%;left:0;height:10px;width:100%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity;}
.shadow:hover, .shadow:focus, .shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.shadow:hover:before, .shadow:focus:before, .shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}

.imgtt1 { display: block; width: 120px; float: left; border: 3px solid #cfcfcf; border-radius: 50%; position: absolute; right: 2%; }
.imgtt2 { display: block; width: 120px; float: left; border: 3px solid #cfcfcf; border-radius: 50%; position: absolute; left: 2%; }

.sum_tinnews {
    width: 100%;    float: left;   margin: 0;    margin-bottom: 40px; }
.left_tin {    width: 60%;    float: left;    text-align: right; }

.sum_news {
    width: 100%;    float: left;    background: #ffffff;    margin-top: 50px;}
	
.sum_tinnews1 {
    width: 100%;    float: right;   margin: 0;    margin-bottom: 40px; }
.left_tin1 {    width: 60%;    float: right;  }

.muctinphuat:link {
text-decoration: none; FONT-FAMILY: myfontbold, Arial, Tahoma, Helvetica, sans-serif; font-size: 15px ; font-weight: none;padding: auto; color: #0f75bc; background: #ffffff; }
.muctinphuat:visited { color: #0f75bc; background: #ffffff; }
.muctinphuat:hover { color: #0f75bc; background: #ffffff; }


.imgtt { display: block; width: 100%; float: left; margin: 0; }
}