body { width:100%; font:14px/20px "Open sans",Arial, Sans-Serif; text-align:justify; min-width:1100px; color:#2f2f2f;}
.W1100	{ width:1100px; margin:0 auto;}

a { color:#000;}
a:hover { color:#ec0000;}

#header { background:#f2f2f2; border-top:3px solid #ec0000;}
.logo { float:left; padding:10px 0;}
.logo a { display:block; color:#ec0000; font-size:20px; text-transform:uppercase; font-weight:bold;}
.logo img { float:left; margin-right:20px;}
.logo a span { display:block; float:left; margin-top:15px;}

.menutop { float:right; background:#ec0000;}
.menutop li { float:left; text-transform:uppercase; border-right:1px solid #f24d4d; height:100%}
.menutop li:last-child { border-right:none;}
.menutop li:last-child a { padding:7px 5px; height:100%;}
.menutop li a { color:#fff; display:block; float:left; padding:4px 10px;}
.menutop li a:hover { background:#f24d4d;}
.menutop {-moz-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
.pnContact p .button, .lbltxt span a, .ctn a, .ctn a span, ul.menu li.hover .a1, ul.menu li.m1:hover .a1, .Sear {-moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; overflow:hidden;}
.hover-state, ul.menu li.m1 .a1, .lbltxt span a { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; }
.hover-state, .vdTit { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
/*----  Menu  ----*/
ul.menu	{ display:block; float:right; margin-top:-45px;}
ul.menu li	{ float:right; font-weight:bold;}
ul.menu li.m1 .a1	{ padding:5px 14px; font-size:14px; display:block; text-transform:uppercase;}
ul.menu li.hover .a1, ul.menu li.m1:hover .a1 { background:#ec0000; color:#fff;}
ul.menu li.m1 ul {display:none;}
/* search 
ul.menu li.m1 ul.C2	{ width:200px; background:#fff;}
	{ z-index:14; font-size:13px; position:absolute; background:#fff;  border-top:1px solid #6EA8CD; border-left:1px solid #6EA8CD; border-right:1px solid #6EA8CD;}
ul.menu li.m1:hover ul		{display:block;}
ul li.list	{ width:100%; border-bottom:1px solid #6EA8CD;}
ul li.list a.a2	{ width: 90%; color:#48180e; padding:7px 0 7px 10px; margin-left:7px; display: block; background:url(/images/bg/bg-dot1.png) no-repeat left;}
*/
.Sear { float:right; border:1px solid #ccc; overflow:hidden; margin-left:15px;}
.Sear input	{ border:none; outline:none; padding:6px;}
.btnsearch	{ float:right; background:#160100;}
.btnsearch:hover { background:#ec0000;}
.iptsearch	{ width:180px; margin-bottom:-1px;}

/*----- Main --------*/
.tit3 { height:40px; margin-bottom:10px; line-height:40px; border-bottom:2px solid #ec0000;}
.cmaTite{ color:#635034; padding-right:5px; padding-left:12px; background:url(/images/bg/tit2.png) no-repeat left; font-weight:normal;} 
.cmaTite:first-child {background:none;padding-left:0px}
.cmaTite:hover{ color:red; text-decoration:underline;}
.cmaTite:last-child	{ color:red !important;}

.Content { width:700px; float:left;}
.titH1	{ font-weight:bold; margin-bottom:5px; font-size:22px; line-height:30px;}
.Content .Descs { width:100%; overflow:hidden;}
.Content .Descs img { max-width:100% !important; max-height:100% !important; padding-bottom:10px;}
/*--------- Sản phẩm ----------*/
.LPro { width:214px !important; margin:10px 20px 20px 0 !important;}
.LPro:nth-child(3n) { margin:10px 0 20px !important;}
.DetailP { padding:10px 0;}
.DetailP .DND .titH1 { color:#000;}
.DetailP .DND p { padding:10px;}
.DetailP .MT { height:36px; line-height:36px; padding-top:20px; font-weight:bold; color:#ec0000; margin-bottom:-12px;}
.DetailP .MT span { padding:8px 30px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background:#fff;}
.example { width:40%; float:left; margin-right:20px;}
.example a { display:block;}
.example img { float:left; width:100%}
.DetailP .Detail { border:1px solid #ddd; padding:10px;}
/*---------  News -------------*/
.ShowNews	{ border-top:1px dotted #d2d2d2; padding:10px 0;}
.TitN2 { font-size:17px; margin-bottom:5px; font-weight:bold;}
.conten2 { height:60px; overflow:hidden;}
.ShowNews:nth-child(2) { border-top:none;}
.Npic { float:left; margin-right:15px; width:180px; max-height:130px; border:1px solid #d2d2d2; padding:1px; overflow:hidden; position:relative;}
.ShowNews img	{ width:100%; float:left;}
.time2	{ font-size:12px; font-weight:normal; font-style:italic; color:#b9a890;}
.Detail	{ overflow:hidden; margin:10px 0 20px;}
/*----- Page ---------*/
.lbltxt	{ text-align:center; margin:15px 0 30px; font-weight:bold;}
.lbltxt span a	{ padding:2px 12px; margin-left:5px; border:1px solid #ec0000;}
.lbltxt span .apage:hover, .lbltxt span .cpage	{ color:#fff; Background:#ec0000; }
.lbltxt span .apage	{ color:#ec0000; }

.showV		{ width:100%; text-align:center; padding:20px 0;}
.vdTit		{ margin-top:10px; line-height:16px; font-weight:600; float:left; width:33.333%; border:10px solid #f0f0f0; text-align:center; overflow:hidden;}/* padding:6px 0; padding-left:15px; background:url(/images/bg/bg-dot1.png) no-repeat left top;}*/
.vdTit a	{ display:block; overflow:hidden;}
.VPic { height:115px; position:relative; margin-bottom:10px;}
.vdTit img	{ width:100%;}
.vdTit .picH	{ background-image: url(/images/bg/bg-vd.png) !important;}
.vdTit p { height:33px; overflow:hidden; overflow:hidden; margin-bottom:5px; padding:0 10px}


.main1 { margin-top:10px;}
.titH3 { font-weight:bold; text-transform:uppercase; font-size:18px; line-height:60px;}
.Content .titH4, .Content .titH3 { line-height:42px; margin-bottom:-1px; background:#fff; position:relative;}
.Content .titH4 { border-bottom:2px solid #ec0000; height:30px; line-height:33px;}
.Content .titH4 span { color:#fff; padding:6px 20px; background:#ec0000; border-left:2px solid #ec0000; overflow:hidden;  -moz-border-radius:6px 6px 0 0; -ms-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}

.titH3 span, .titH3 a { color:#ec0000; padding-left:10px; border-left:2px solid #ec0000; }
.Info { float:left; width:700px;}
.Desc { padding:15px 0 0;}
.Info .ctn2 { text-align:right; font-weight:normal; color:#ec0000;}
.Info .ctn2 a { color:#ec0000;}
.PicInfo { display:block; margin-top:10px;}
.PicInfo img	{ float:left; width:100%;}

.RVideo { float:right; width:370px; background:#EFEFEF; font-size:13px;}
.RVideo .titH3B {font-weight:bold; text-transform:uppercase; font-size:18px; line-height:40px; border-bottom:1px solid #dcdcdc;}
.RVideo .titH3B a { color:#ec0000; padding-left:15px;}
.RVideo .Svideo { padding:15px 15px 0; border-top:1px solid #fff;}
.RVideo h2 { font-weight:normal;}
.Svideo h2 { font-weight:bold;}
.RVideo h2 a { padding:5px 0; border-bottom:1px solid #dcdcdc; display:block;}
.RVideo .titV { padding:0 15px;}
.RVideo .titV a { background:url(/images/bg/bg-dot1.png) no-repeat left; padding-left:15px; background-position:0 13px;}
.RVideo .titV:last-child a { border-bottom:none;}

.main1 .HNews { border:1px solid #ddd; padding:0 20px;}
.main1 .HNews .boxH { width:47%; float:left; margin:20px 0; overflow:hidden;}
.main1 .HNews .boxH:nth-child(2n) { float:right;}
.HNews .picH { width:220px; height:150px; overflow:hidden; float:left; margin-right:10px; position:relative;}
.main1 .HNews .picH img { min-width:100%; height:100%}
.main1 .HNews .TitN { font-weight:bold; height:43px; font-size:16px; margin-bottom:10px; overflow:hidden;}
.main1 .HNews .conten { height:80px; overflow:hidden;}
.main1 .HNews .ctn { text-align:right;}

/*============  row right ===============*/
.main2 { width:370px; float:right; overflow:hidden;}
.main2 .HNews { margin-bottom:20px;}
.main2 .HNews .boxH { clear:both; padding:10px; border-bottom:1px dotted #ccc; background:#f0f0f0;}
.main2 .HNews .boxH:hover { background:#ddd;}
.main2 .HNews .boxH:last-child { border-bottom:none;}
.main2 .HNews .picH { width:30%;}
.main2 .HNews .picH img { width:100%;}
.main2 .HNews .TitN { font-weight:bold; line-height:16px; margin-bottom:5px;}
.main2 .HNews .conten { height:46px; overflow:hidden; line-height:15px; font-size:12px;}
.main2 .HNews .ctn { display:none;}

.idTabs { height:40px; line-height:40px; border-bottom:1px solid #ddd; padding:0 15px; margin-top:20px; text-transform:uppercase;}
.idTabs a { display:block; float:left; margin:0 5px; padding:0 25px; background:#eee; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.selected, .idTabs a:hover { background:#fff !important;}
.TabND { padding:20px 0;}
.lh { height:40px; line-height:40px; width:300px; background:#eee; text-align:center; border-left:5px solid #ec0000; font-size:18px; text-transform:uppercase; float:left; margin-top:20px;}
#footer { background:#1B1B1B; font-size:13px;}
.menubot { border-bottom:1px solid #494949;}
.menubot ul li { float:left; padding:10px 20px 10px 10px; background:url(/images/bg/bg-dot3.png) no-repeat left;}
.menubot ul li a { color:#fff; display:block;}
.hvb a, .menubot ul li a:hover { text-decoration:underline;}
.menubot ul li:last-child { float:right; background:none; padding:10px 0;}
.menubot ul li:last-child a { float:left; margin-left:10px;}
.foo1 { color:#fff; float:left;}
.foo1 img { margin:20px 0 10px;}
.foo1 .logoF {display:block; float:left;}
.foo1 .footer {float:left; padding:10px; max-width:530px;}

.cpopy { color:#ccc; clear:both;}
.face { float:right; padding:10px 0; width:400px;}

/* --- Contact -- */
.pnlSear2 span span	{ font-weight:bold;}
.idTabs, .pnContact, .W1100, .pnlLH { -moz-transition:all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.pnContact.open { display:block !important; }
.pnContact { padding-bottom:20px; display:none;}
.pnContact p {display:block ; overflow:hidden; margin:10px 0;}
.pnContact p span { width:100px; text-align:right; float:left; margin-right:10px; line-height:26px; }
.pnContact p input {width:350px; padding:0 10px; border:1px solid #ccc; line-height:26px; outline:none;}
.txtContentC	{ outline:none; padding:10px; border:1px solid #ccc; font:0.9em/1.3em "Open sans",Arial, Sans-Serif; }
.pnContact p .button { border:1px solid #ec0000; background:#ec0000; color:#fff; font-size:14px; font-weight:bold; padding:2px 8px; cursor:pointer; width:100px;margin: 10px 0 0 200px}
.pnContact p .button:hover {background:#fff; border:1px solid #ec0000; color:#ec0000;}


.ShowNews:hover .hover-state, .LPro:hover .hover-state, .boxH:hover .hover-state, .carousel ul li:hover .hover-state, .vdTit:hover .hover-state { opacity: 1;}
.vdTit:hover a { color:#ec0000;}
.vdTit:hover { border: 10px solid #bbb !important;}
.hover-state {
	opacity: 0;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(/images/bg/bg-view.png) no-repeat center;
	background-color: rgba(52, 52, 52, 0.5);
}
.vdTit .VPic .hover-state { background:url(/images/bg/bg-view2.png) no-repeat center;}

.scrollToTop{ position: fixed;bottom:35px;right: 5px;z-index: 9999;display:none}
.scrollToTop:hover{ text-decoration:none;}