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;}
.RHome .W770 { width:770px; float:left;}
.RHome .W300 { width:300px; float:right;}

a { color:#2f2f2f;}
a:hover { color:#ec0000;}
img { width:100%;}

.W300 h3 .ah3, .auto h3 .ah3, .titH3 a:first-child { -moz-border-radius:6px 0 0 0; -ms-border-radius:6px 0 0 0; -o-border-radius:6px 0 0 0; border-radius:6px 0 0 0; overflow:hidden;}
.online, .MenuP, .HVideo, .HNews ul, .Info1 { border: 1px solid #e7e7e7; -moz-border-radius:0 6px 6px 6px; -ms-border-radius:0 6px 6px 6px; -o-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px; overflow:hidden;}

.Sear, .support, .total, .Topright a {-moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; overflow:hidden;}
.lh1, .vdTit, .gallery_01 a, .MenuP li, .RLeft, .W1100,.total, ul.menu a, .Bmenu11, .boxN, .W770, .W300, .hover-state, .row1 { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.onTop, .Sup div .p-2 a, .MenuP, .MenuP .p1:hover .MenuP2, .MenuP2, .hover-state { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }


#header { background:url(/images/bg/bg-top.png) repeat-x top; max-height:135px; overflow:hidden;}
#header .W1100 {padding:25px 0; background:url(/images/bg/bg-header.png) no-repeat right top;}
.logo { float:left; margin-right:20px; display:block;}
.Topright {float:right; padding-top:5px;}
.Topright a { display:block; float:right; border:1px solid #0668c4; padding:4px 10px; background:#0668c4; color:#fff; margin-left:1px;}
.Topright a:hover { background:#fff; color:#000; font-weight:bold; }
/* search */
.lise { float:right !important; padding:8px 0;}
.Sear { float:right; height:24px; line-height:24px; overflow:hidden;}
.Sear input	{ float:right; border:none; outline:none; height:100%; padding:0 6px;}
.iptsearch	{ width:170px; background:#fff;}
.btnsearch	{ width:30px; background:url(/images/icon/iconSear.png) no-repeat center #fff;}
.btnsearch:hover { background:url(/images/icon/iconSear2.png) no-repeat center #003366;}

.wrapper2 { margin-top:50px;}

/* ----------------------------- MenuH BEGIN -------------------------*/
.navi { width:100%; position:relative; z-index:12; background:#0668c4;}
ul.menu	{ font-size:13px; white-space:nowrap;}
ul.menu li.m1 { float:left; border-right: 1px solid #6aa4dc;}
ul.menu .m1:last-child { border-right:none;}
ul.menu .m1:first-child { border-left: 1px solid #6aa4dc;}
ul.menu li.m1 .a1	{ padding:10px 20px; display:block; color:#fff; text-transform:uppercase; font-weight:500;}
ul.menu li.hover .a1, ul.menu li.m1:hover .a1 { color: #eedb23; }
ul.menu li ul { position:absolute; width:230px; z-index:99999; display:none; background:#fff;}
ul.menu li ul li {width:100%; border-bottom:1px dotted #ccc;}
ul.menu li ul li:last-child { border-bottom:none;}
ul.menu li ul li a { font-weight:normal; display:block; padding:7px 0 7px 7px; float:left; text-align:left;}
ul.menu li ul li a:before { content:""; height:4px; width:4px; background:#0668c4; margin: 7px 7px 0 0; float:left;}
ul.menu li.list ul { left:230px; border-left:1px #fff dotted}
.m3, .m2, .list3:hover, .list:hover { background:#f9f9f9 !important;}
.list3 { height:32px;}
ul li.list:hover .C3, ul.menu li.m1:hover .C2 {display:block;}
li.list		{ float:left;}

.onTop { position:fixed !important; top:0;}

.Main { padding-top:20px;}
.titH3 { line-height:28px;}
.titH3 a { color:#fff; font-weight:500; font-size:14px; display:block; float:left;}
.titH3 .ctn2 { text-transform:none; font-size:13px; color:#333; font-weight:normal; float:right; padding-right:12px; background:url(/images/bg/bg-cnt.png) no-repeat right;}
.titH3 .ctn2:hover { color:#0099FF;}
.titH3 a:first-child { padding-right:60px; padding-left:10px; background:url(/images/bg/bg-info1.png) no-repeat right #0668c4;}
.Info1 { padding:15px;}
.PicInfo { display:block; margin-top:15px;}
.online { background:#0668c4; color:#fff; padding:10px 0; margin-bottom:20px; border:none !important;}
.Sup { border-bottom:1px solid #1f77ca; padding:15px 0 15px 15px;}
.Sup:last-child { border-bottom:none;}
.Sup h3 { font-weight:500; background:url(/images/bg/bg-sp2.png) repeat-x center; margin-bottom:5px;}
.Sup h3 span { background:#0668c4; padding-right:5px;}
.Sup div { padding:5px 0;}
.skype { display:block; float:left; width:37px; height:36px; margin:4px 10px 0 0;}
.Sup div .p-0 { font-weight:bold; padding-bottom:5px; color:#ffff6b;}
.Sup div .p-1 span { color:#eedb23; padding-left:5px;}
.Sup div .p-2 a { color:#fff;}
.Sup div .p-2 a:hover { color:#0099FF;}
.pnlListP { padding-top:30px;}

.auto { text-align:center; width:48%; float:left;}
.auto:nth-child(2n) { float:right;}
.auto h3	{ font-weight:bold; font-size:14px; border-bottom:2px solid #0668c4;}
.W300 h3 .ah3,
.auto h3 a	{ color:#fff; display:block; float:left;}
.W300 h3 .ah3,
.auto h3 .ah3   { padding:0 50px 0 10px; height:30px; line-height:30px; margin-bottom:-2px; background:url(/images/bg/bg-h3.png) no-repeat right #c71910; }
.auto h3 a span	{ color:#414141;}
.auto h3 p { float:right;}
.auto h3 p a { margin-left:5px;}
.auto h3 img { width:auto;}

/* Direction nav styles (e.g. Next & Prev) */
.prev, .next { width:20px; height:20px; background:url(/images/bg/bg-next.png) no-repeat #e9e9e9; text-indent:-9999px;}
.prev { background-position:4px 3px;}
.next { background-position:-24px 3px;}
.prev:hover, .next:hover { background-color:#b5b5b5;}

.row1 { width:100%; padding:10px 0; margin:0 auto 30px; overflow:hidden;}
.jcarousel ul li{ position:relative; float:left; width:254px; overflow:hidden; margin-right:20px;}
.BoxH { border:1px solid #ddd; padding:5px;}
.jcarousel ul li .picP {width:100%; height:170px; overflow:hidden; margin-bottom:5px; position:relative;}
.jcarousel ul li .picP img { min-width:100%;height:100%;}
.LPro h2, .jcarousel ul li h2	{ font-size:1em; margin-bottom:5px; height:45px; vertical-align:middle; display:table-cell; width:254px; overflow:hidden;}
.LPro h5, .jcarousel ul li h5 { text-align:center; margin:5px 5px 10px; height:30px; line-height:30px;}
.LPro h5 a, .jcarousel ul li h5 a { color:#0668c4; border:1px solid #0668c4; padding:4px 10px; font-weight:500;}
.LPro h5 a:hover, .jcarousel ul li h5 a:hover { color:#ec0000; border:1px solid #ec0000;}

.MenuP .titH3 a, .HVideo .titH3 a, .HNews .titH3 a {}
.boxN { float:left; width:50%; padding:10px; height:135px; overflow:hidden;}
.boxN .picN { width:150px; float:left; margin-right:10px; height:113px; overflow:hidden; position:relative;}
.boxN .picN img { height:100%; min-width:100%;}
.boxN .TitN { margin-bottom:5px; overflow:hidden;}
.boxN .conten { height:61px; overflow:hidden; font-size:13px;}

.MenuP .titH3, .HVideo .titH3 { float:left; padding:5px 0; margin-bottom:5px;}
.Svideo { padding:10px 10px 0; text-align:left;}

.HVideo h2 { background:#eee; font-size:13px; padding:2px 10px;}
.HVideo h2 a {}
.HVideo .titV { padding:5px 10px 0; background:#fff;font-weight:normal;}
.HVideo .titV a:before { content:""; height:4px; width:4px; background:#333; margin: 8px 6px 0 0; float:left;}

.Contact { background:#eee; padding:20px 0; margin-top:40px;}
.LH { padding:20px 0;}
.LH .titH3 a { background:none; color: #0668c4; font-weight: bold; font-size: 20px; padding:0 !important;}
.Contact .titH3 a:first-child { background:url(/images/bg/bg-info2.png) no-repeat right #0668c4; }
.soli { float:right !important; border-left:none !important; padding-left:5px !important;}

.idTabs { height:40px; line-height:39px; border-bottom:1px solid #ddd; padding:0 15px; font-weight:bold;}
.idTabs a { display:block; float:left; margin:0 5px; padding:0 25px; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.selected, .idTabs a:hover { background:#eee !important;}
.TabND { padding-top:20px;}

.LH .idTabs a, .DtPro .idTabs a { background:#eee;}
.LH .selected, .DtPro .selected, .LH .idTabs a:hover, .DtPro .idTabs a:hover { background:#fff !important;}
.LH .TabND, .DtPro .TabND { border-left:1px solid #ddd; border-right:1px solid #ddd; padding:15px;}
.DtPro .TabND { border-bottom:1px solid #ddd; margin-bottom:20px;}
.LH .lh1 { border-left:1px solid #ddd; border-right:1px solid #ddd; padding-left:20px;}
.LH .lh1 .a1 { background:#eee;}
.LH .pnContact { border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.LH .TabND img, .DtPro .TabND img { max-height:100% !important; max-width:100% !important;}
.lh1 { width:100%;  font-size:18px; text-transform:uppercase; padding:10px 0;}
.lh1 img { width:auto;}
.lh1 a { display:block; float:left; margin:0 5px 10px 0;}
.lh1 .a1 { height:40px; line-height:40px; text-align:center; border-left:5px solid #0668c4; width:300px; background:#fff;}

.Bmenu { background:#373737; padding:10px 0; font-size:13px; border-bottom:1px solid #7f7f7f;}
.Bmenu1 .Bmenu11 { float:left; padding-right:20px;}
.Bmenu11 a { color:#fff; font-weight:500;}
.Bmenu11 a:before { content:""; height:4px; width:4px; background:#7f7f7f; margin: 7px 7px 0 0; float:left;}
.Bmenu11 a:hover { text-decoration:underline;}

#footer { background:url(/images/bg/footer.png); color:#fff; font-size:13px; padding:5px 0;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-weight:500 !important; text-transform:uppercase; padding-bottom:10px; color:#fff; }
#footer img { width:auto;}
.Intro { float:left; line-height:20px; max-width:60%; padding:15px 0;}
.face { float:right; width:340px; padding:10px 0;}
.total { clear:both; margin:15px 0 0; background:url(/images/bg/bg-total.png); padding:0 5px; width:350px;}
.total img { width:auto;}
.total span { display:block; float:left;}
.total .sp1 { padding:5px 3px;}
.total .sp1 img { margin-right:5px;}
.total .sp2 { font-weight:bold; padding:5px 10px; color:#fdfd5d; }
.total span:nth-child(3) { padding-left:10px; border-left:1px solid #333;}

/*------ RLeft --------*/
.RLeft { width:300px; float:left;}
.MenuP { margin-bottom:20px;}
.MenuP .p1 { padding:6px 0; margin:0 15px; border-bottom:1px solid #F5F5F5;}
.MenuP li:last-child { border-bottom:none;}
.MenuP .p1:before { content:"\203A"; margin-right:6px;}
.MenuP .p1:hover .MenuP2 { display:block;}
.MenuP2 { display:none;}
.MenuP2 .p2 { padding:6px 0; margin-left:15px; border-top:1px solid #F5F5F5;}
.MenuP2 .p2:before { content:"\203A \203A"; margin-right:6px;}

.Adv { margin-top:15px;}
/*----- Main --------*/
.tit3 { font-size:13px; margin-top:-7px; height:36px; line-height:36px; padding-left:15px; background:#F5F5F5; -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; overflow:hidden;}
.cmaTite{ color:#333; padding-right:5px; padding-left:12px; background:url(/images/bg/bg-cnt.png) no-repeat left; font-weight:normal;} 
.cmaTite:first-child {background:none; padding-left:0;}
.cmaTite:hover{ color:red; text-decoration:underline;}
.cmaTite:last-child	{ color:red !important;}
/*----- Page ---------*/
.lbltxt	{ margin-bottom:30px; font-weight:bold;padding-top: 15px; background: #fff; margin-top: -1px;}
.lbltxt span a	{ padding:2px 12px; margin-left:5px; border:1px solid #898989;}
.lbltxt span .apage:hover, .lbltxt span .cpage	{ color:#fff; Background:#898989; }
.lbltxt span .apage	{ color:#898989; }
/* --- Contact -- */
.pnlSear2 span span	{ font-weight:bold;}
.pnContact { padding-bottom:20px;}
.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 #0668c4; background:#0668c4; color:#fff; font-size:14px; font-weight:bold; padding:2px 8px; cursor:pointer; width:100px;margin: 10px 0 0 0}
.pnContact p .button:hover {background:#fff; border:1px solid #0668c4; color:#0668c4;}
#Content { width: 770px; float:right;}
.shLH { padding:15px;}
.titH3 span { color:#0668c4; font-weight:bold; font-size:20px;}
.Detail { overflow:hidden; padding-bottom:20px; margin-bottom:10px; background:url(/images/bg/bg-sp3.png) repeat-x bottom;}
.Descs img { width:auto; max-width:100% !important; max-height:100% !important;}
.Descs { padding:10px 0;}
/*--------- Sản phẩm ----------*/
.addthis { padding:10px 0;}
.LPro { width:243px; margin:10px 20px 10px 0; float:left; text-align:center; border: 1px solid #ddd; padding:5px;}
.LPro:nth-child(3n) { margin:10px 0 20px 0 !important;}
.LPro .picP { height:160px; display:block; overflow:hidden; position:relative;}
.LPro h2 { text-transform:uppercase;}

.DtImg	{float:left; width:400px; margin-bottom:10px; text-align:center;}
.img1P { height:350px; overflow:hidden; text-align:center; margin-bottom:10px;}
.img1 { height:100%; width:auto; max-width:100%;}
.gallery_01	{ width:100%; height:80px; overflow:overlay;}
.gallery_01 a { display:block; float:left; padding:5px; width:18%; height:70px; overflow:hidden; border:1px solid #F5F5F5; margin:0 1% 5px;}
.gallery_01 img { vertical-align:middle; display:table-cell; height:100%; max-width:100%;}
.gallery_01 .active {border:1px solid #0067b2 !important;}

.titH1 { color:#0668c4; text-transform:uppercase; font-weight:bold; font-size:18px; margin-bottom:10px; line-height:26px;}
.infoP { float:right; width:330px;}
.infoP p { margin-bottom:5px;}
.infoP p span { font-weight:normal;}

.support { background:#F5F5F5; padding:15px; margin-top:25px;}
.support [class^=s-] { background:url(/images/bg/support.png) no-repeat; padding-left:40px; height:32px; line-height:32px; margin:10px 0;}
.support .s-1 { font-size:20px;}
.support .s-1 span { color:#0668c4; font-weight:bold;}
.support .s-2	{ background-position:0 -39px;}
.support .s-3	{ background-position:0 -80px;}

/*---------  News -------------*/
.ShowNews	{ border-bottom:1px dotted #d2d2d2; padding:10px 0;}
.ShowNews:last-child { border-bottom:none;}
.TitN2 { font-size:17px; margin-bottom:5px; font-weight:bold;}
.conten2 { height:60px; overflow:hidden;}
.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:13px; font-weight:normal; font-style:italic; color:#b9a890;}
.ShowNews .Descs	{ overflow:hidden; margin:10px 0 20px;}

/*---------  Video -------------*/
.showV		{ width:100%; text-align:center; padding:20px 0;}
.vdTit		{ margin-top:10px; line-height:16px; font-weight:600; float:left; width:25%; 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:98px; 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}

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


.vdTit:hover .hover-state, .ShowNews:hover .hover-state, .LPro:hover .hover-state ,.boxN:hover .hover-state, .jcarousel ul li:hover .hover-state { opacity: 1;}
.vdTit:hover a { color:#ec0000;}
.vdTit:hover { border: 10px solid #bbb !important;}
.vdTit .VPic .hover-state { background:url(/images/bg/bg-view2.png) no-repeat center;}
.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);
}