@import url(reset.css);
body{font-family: "Arial";font-size: 14px;color: #333;background: #ccc;text-shadow: 0 1px 1px #CEC6C6}
.cl{clear: both;}
.main{width: 800px;margin: 0 auto}
#container{width: 83%;margin: 0 auto}
#containert{width: 90%;margin: 0 auto}
#container img{float: left;clear: both;}
#container p {float: left;width: 100%}
.content{font-size: 15px}
.page{background: #fff;width: 100%;float: left;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
margin-bottom: 15px;padding-bottom: 30px}
.top-info{float: left;width: 100%;margin: 20px 0 136px 0;text-shadow:none;font-size:10pt}
.top-info li{font-family: verdana;COLOR: gray;font-size:10pt}
.top-info li:nth-child(2), .top-info li:nth-child(3), .top-info li:nth-child(4){margin-bottom:10px}
.top-info li:first-child{font-weight: bolder;line-height: 24px;margin-bottom:31px;font-size:13pt}
.top-info li:last-child{line-height:16px}
.top{width: 100%;float: left;height: auto;padding: 50px 0}
.top span{width: 60%;height: auto;float: left;text-align: left}
.top span h3{font-family: "Arial";font-size: 25px;color: #000066}
.top span h4, .top span p{font-weight: normal;font-size:20px;color: #000}
.top span .h4-en{font-size: 22px;font-weight: bold!important;text-shadow:0 1px 1px #7C7676}
.lang-en p i{font-style: normal;color: #f00}
.logo{float: right;width: 120px;height: 120px}
.logo img{width: 100%;height: 100%}
/**/
.banner{width: 100%;float: left;}
.banner p{position: relative;float:left;margin-left: 310px;top: 16px;color: #9b9e9e;
font-size: 21px}
.banner p span{text-transform: uppercase;color: #f00;font-size: 23px}
.banner img{width: 100%;float: left;}
/**/
.footer{width: 100%;float: left;border: 5px solid #f00;border-left: 0;border-right: 0}
.footer img{width: 100%;float: left;height: 120px}
.slg{color: #f00;font-weight: bolder}
.slg p{float: left;padding: 32px 0 10px 0}
/*-----------*/
.title{float: left;width: 100%;margin-bottom: 35px}
.title span:first-child{font-weight: bolder;color: #000;font-size: 19px;
text-decoration: underline;
background:url('../img/tit.jpg') no-repeat top -1px left -1px;padding-left: 17px;
padding-top: 8px;margin-left: 0}
.title span:first-child:before{content: ""}
.title li, .title p, .title span, .title table{margin-left: 15px;font-size: 15px}
.title span{width: 100%;float: left;}
.title li:before{content: "- "}
.title span:before{content: "+ "}
.vac{background: #ccc;text-align: center;border-spacing: 0;width: 95%;float: left;
margin-top: 10px}
.vac tr:first-child{font-weight: bolder}
.vac tr:first-child td{border-bottom: 2px solid #fff}
.vac tr td:first-child{font-weight: bolder;}
.vac tr td{padding:3px 0}
/**/
.code{background: #ccc;text-align: center;border-spacing: 0;width: 95%;float: left;
margin-top: 10px}
.code tr:first-child{font-weight: bolder}
.code tr:first-child td{text-align: center!important;}
.code tr td:nth-child(2){text-align: left;padding-left: 10px;}
.code tr td{border-bottom: 2px solid #fff}
.code tr td:first-child{font-weight: bolder;}
.code tr td{padding:3px 0}

/**/
.data{background: #ccc;border-spacing: 0;width: 100%;float: left;
margin-top: 10px}
.data tr:first-child{font-weight: bolder}
.data tr:first-child td{border: 0;text-align: center;}
.data tr:nth-child(2) td:nth-child(4){width: 100px;padding: 3px 20px}
.data tr:nth-child(2) td:nth-child(5){width: 100px}
.data tr td{border-bottom: 2px solid #fff;font-size: 12px;padding: 3px 5px}
.data tr td:first-child{font-weight: bolder}
/**/
.temper{background: #ccc;text-align: center;border-spacing: 0;width: 100%;float: left;
margin-top: 10px}
.temper tr:first-child{font-weight: bolder}
.temper tr:nth-child(2) td:nth-child(2){width: 100px;padding: 3px 20px}
.temper tr:nth-child(2) td:nth-child(3){width: 100px;padding: 3px 20px}
.temper tr:nth-child(2) td:nth-child(4){width: 100px}
.temper tr td{border: 2px solid #fff;font-size: 12px;border-top: 0;border-left: 0}
.temper tr td:first-child{font-weight: bolder;text-align: left;width: 70px;padding-left: 5px}
.temper tr td{padding:3px 0}
/**/
.lg-bot{width: 60px;height:60px;float: left;margin-left: 21%;margin-top: -20px}
/**/
.contact{float: left;margin-left: 2%}
.contact span{float: left;width: 100%;background: #ebecec;font-size: 17px;line-height: 28px;
font-weight: bold;}
.contact li{line-height: 21px;font-weight: bolder;}
/*hitrol*/
.top-hitrol{width: 80%!important;margin:89px 0 136px 10%}
.partner{float: right;}
.home{width: 100%;float: left;}
.home img{width: 100%!important;margin-left: 0!important}
.since1975{font-size: 17px;font-weight: bolder;color: #000;float: left;margin-top: 10px;
line-height: 21px;padding-bottom: 50px}
.since1975 b{color: #0053a5;font-size: 18px}
/**/
.hitrol{width: 100%;float: left;margin-bottom: 15px}
.hitrol span{color: #852a7b;font-weight: bolder;font-size: 17px}
.hitrol p{font-size: 15px}
.hitrol p b{color: #0053a5;font-size: 15px}
.img-hitrol{float: right!important;margin: -25px 39px auto 0}
/**/
.radius{float: right;top: -260px;position: relative;height: 460px}
.radius h1{color: #f7901e;font-family: "Arial";font-size: 22px;padding-left: 56px;
background: url('../img/hitrol/bg1.jpg') no-repeat left top -3px;float: left;width:69%;
margin-bottom: 40px;}
.radius p{margin-left:60px;width: 71%!important;line-height: 22px;font-size: 15px;
margin-bottom:30px}
.radius p b{text-transform: uppercase;color: #0053a5;font-size:17px;float: left;margin-left:-48px;
margin-right:5px}
/**/
.home-bg{background: url('../img/hitrol/bg.png') no-repeat center top;width: 100%;float: left;
padding-bottom:104px;}
.home-bg-last{background: url('../img/hitrol/bg2.png') no-repeat center top;width: 100%;float: left;
height: auto;padding-bottom: 13px}
.history-title{font-size: 23px;color: #852a7b;border-bottom: 2px solid #464547;width: 100%;
float: left;margin: 25px 0 15px 0;padding-bottom:3px}
.history{width: 100%;float: left;border-spacing: 0}
.history tr td{padding:2px 0;font-size: 12px;}
.history tr td:first-child{width: 30px}
.history tr td:nth-child(2){width: 30px;padding-left: 10px}
.history tr td:last-child{width: 400px;padding-left: 10px}
.hitrol-last{float: left;}
.hitrol-last i{color: #0066b3}
.hitrol-last h1{font-size: 24px;text-transform: uppercase;}
.hitrol-last li:nth-child(3), .hitrol-last li:nth-child(4), .hitrol-last li:nth-child(5),
.hitrol-last li:nth-child(6), .hitrol-last li:nth-child(7){text-transform: uppercase;}
.names{text-align: center;position: absolute;top: 0;float: left;width: 100%;text-shadow: none}
.names span{text-transform: uppercase;font-weight: bold;letter-spacing:7px}
.names li:first-child{color: #b7bdc1;line-height: 44px}
.names li:last-child{color: #fff;font-size: 37px;font-weight: bold;line-height: 55px;}
.n1 span{color: #ffd600}
.n2 span{color: #0056a4}
.n3 span{color: #916542}
.n4 span{color: #f36f21}
.n4 li:last-child{color: #2e3092}
.n5 span{color: #0057a6}
/*flow*/
.flow-left, .flow-right{width: 45%;float: left;padding: 10px;margin-bottom: 20px;
margin-right: 10px}
.flow{width: 100%;float: left;margin-bottom: 20px}
.flow span{font-size:19px;color: #00a55f;float: left;margin-bottom: 10px}
.flow i{float: left;color: #0066b2;font-style: normal;font-size: 15px;font-weight: bolder;}
.flow li{float: left;line-height: 19px}
.flow p{line-height: 19px}
/*negele*/
#containern{width: 90%;margin: 0 auto}
.lg{float:left;border:1px solid #A5A5A5;padding:10px;margin: 20px 0 0 25%;}
.top-ngl{float: left;margin: 40px 0 15px 0}
.name-ngl{font-size: 2em;float: left;width:100%;margin-bottom: 15px}
.left-ngl{width: 54%;float: left;}
.right-ngl{width: 46%;float: right;}
.info{float: left;width: 100%;margin-bottom: 15px}
.info span{font-weight: bolder;font-size: 16px;float: left;width: 100%;background: #e4f3e1;
font-family: "Arial Black";margin-bottom: 5px}
.info li{float: left;line-height:18px;width: 100%;font-size: 13px;}
.info b{font-family: "Arial Black"}
.info p{float: left;font-size: 13px}
.footern{width: 100%;float: left;}
.footern img{width: 100%}
.footern p{font-size:11px;font-family: sans-serif;}
/**/
.h2-spec{float: left;width: 100%;margin-bottom: 10px;font-family: "Arial Black"}
.h2-spec span{font-weight: normal}
.left-spec{float: left;width: 49%}
.right-spec{float: right;width: 49%}
.right-spec p{float: left;width: 50%;font-size: 13px}
.ngl1{float: left;width: 100%;border-spacing: 0;margin-bottom: 15px}
.ngl1 tr td{padding: 3px;font-size: 13px}
.ngl1 tr:first-child td, .ngl1 tr:nth-child(3) td,  .ngl1 tr:nth-child(5) td,
.ngl1 tr:nth-child(7) td{background: #e6e6e6}
.ngl1 tr:nth-child(2) td, .ngl1 tr:nth-child(4) td,  .ngl1 tr:nth-child(6) td
{background:#f2f2f2}
.options tr td:first-child{width: 25px}
.left-div1{float: left;width: 58%}
.right-div1{float: right;width: 40%}
.intall li{font-size: 13px;}
.intall span{background: none}
/**/
.order{background: #d5ecd1;border-spacing: 0}
.order tr td{padding: 3px;font-size: 13px}
.order tr td:first-child{font-family: "Arial Black"}
/**/
.border{padding: 5px;border: 3px solid #f00;width: 70%;}
.border b{font-size: 17px;font-family: "Arial Black";}
/**/
.l-tb{border-spacing: 0}
.l-tb tr:first-child td{background: #d5ecd1}
.l-tb tr td{background: #f7f5a0;padding: 3px}
.l-tb tr td:last-child{font-size: 13px;width: 300px;}
.l-tb tr td:first-child{width: 65px}
/*over*/
.over{float: left;width: 100%;border-spacing:3px;text-align: center;margin-bottom:40px;}
.over b{font-size: 11px;}
.over img{width: 845px;height: 120px}
.over tr td{font-size: 9px;padding:4px 3px}
.over tr td:first-child{text-align: left;}
.over tr.old td{background: #fff}
.over tr.even td{background: #e6e7e9}
.cc{float: left;margin-bottom: 10px}
.cc li{float: left;margin-right: 20px}
/*negele1*/
.div{float: left;width: 100%;background: url('../img/negele/bg1.jpg') no-repeat right top;}
.div1{float: left;width: 100%;background: url('../img/negele/18.jpg') no-repeat right bottom 68px}
.conti{font-size: 27px;font-family: "Arial Black";float: left;margin-bottom: 10px}
.negele1{width: 52%}
.negele1 li{font-size: 12px;}
.atten{float: left;}
.atten tr td{font-size: 12px;}
.atten tr td:first-child{font-family: "Arial Black";padding-right: 10px}
/*ngl4*/
.only{font-size: 26px;color: #009856;float: left;margin:20px 0}
.cap1{float: left;width: 63%;}
.cap{float: left;width: 100%;margin-bottom: 10px}
.cap span{background: #585852;float: left;width: 100%;padding: 5px 0;color: #fff;
margin: 10px 0;}
.cap h3{float: left;margin-left: 10px;text-shadow: none;font-size: 14px;
font-family: "Arial";}
.cap li{float: left;width: 100%;line-height: 20px}
.cap p{float: left;}
.cap2{float: right;width: 35%}
.cap2 .cap span{margin-bottom: 0}
/**/
.img-cap{float: left;margin-top:50px}
.tb-cap{width: 100%;float: left;border-spacing: 0;background: #e0f0e7}
.tb-cap tr td:first-child{font-weight: bold;}
.tb-cap tr td{border-bottom:1px solid #1aa267;padding:10px 5px}
.mg{margin-bottom: 0!important}
.ncs{float: left;width: 32%;margin-right: 14px}
.ncs .cap{margin-bottom: 0;}
#containern .ncs:nth-child(3){float: right;margin-right: 0}
.cap3{float: right;width: 66%;margin-top: 10px;}
.capcode{width: 100%;float: left;border-spacing: 0}
.capcode tr td:first-child{width: 100px}
/**/
.icon{float: right;margin-right: 20px;bottom:-38px;position: relative;}
.at{float: left;width: 100%;text-align: center;}
.at tr:first-child td{background: #585752;color: #fff}
.at tr td{padding: 5px;background: #ececeb}
.ncsr{float: right;margin-right: 0;}
.cap4{width: 24%;float: left;margin-right: 9px;}
.cap5{float: right;width:24%;}
/**/
.icons{float: right;margin-right: 20px;bottom:-44px;position: relative;}
/*labom*/
.page1, .page2, .page3, .page4, .page5, .page6, .page9, .page10, .page11, .page12{
	width: 980px;
	height: 1300px;
	margin:0 auto;
	margin-bottom: 10px;
	background: #FFFFFF;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
}
.page12{padding-bottom: 120px;}
.header{
	width: 98%;
	height: 50px;
	background: #353334;
	margin: 0 auto;
	
}
.header h3{color:#fff;font-family:Arial;font-size:25px;font-weight:100;margin-left:43;padding-top:10px;text-transform:uppercase;}
.page1_content{width: 100%; float: right;}
.page1_company{float: right; width: 350px; margin-bottom: 10px; margin-top: 60px;}
.page1_content img{width: 290px;height: 160px; position: relative;top: -50px; left: 60px}
.page1_company h3,.page1_company h5 {float: right; padding-right: 30px;display: block; font-size: 16px; font-weight: 300;font-size: 18px;}
.page1_company h3{color: blue; margin-bottom: 15px}
.page1_imgs img{width: 90%; height: 285px; float: left}
.page1_sum{width: 500px; height: 100px; float: left; margin-left: 244px}
.page1_sum h1{color: #EB3238; font-size: 45px}
.page1_sum p{float: left; margin: 10px 0; font-size: 22px}
#page1_black{color: black}
.page1_content table{float: right; margin-right: 150px; margin-top: 80px; width: 450px}
.page1_content table th{color: blue}
.page1_content th, .page1_content td{font-size: 18px}
.page1_daily{width: 470px; height: 170px; float: right; margin-right: 100px; margin-top: 20px	}
.page1_daily h3{float: left; margin-left: 62px; color: red;font-size: 20px;}
.page1_daily img{width: 100%; height: 160px; margin-top: 65px; margin-right: 50px}
.clr{clear:both}

.page2_content{margin-top: 100px; margin-left: 250px;}
.page2_content ul{list-style: none;padding-left: 40px}
#page2_title, #page2_title_b{font-size: 50px; text-transform: uppercase}
 #page2_title_b{color: blue}
.page2_first{color: blue;font-size: 20px}
.page2_content li{margin-top: 20px; font-size: 35px}
.page2_content b{font-size: 25; font-weight: 300}
#page2_title_bt{font-size: 50}
.page2_bottom_sp{ font-size: 18; color: blue; font-weight: 100}
.page2_bottom_de{font-size: 18px; font-weight: 300px}
#page2_content_h3{font-size: 20px; font-weight: 300}
.page3{height: 1500px}
.page3_content{width: 980px; height: 400px}
.page3_content img{width: 980px; height: 400px}
#logo{width: 290px;height: 160px; position: relative;top: -400px; left: 60px}
.page3_content p{font-size: 40px}
.page3_title{margin-top: -100px; margin-left: 50px; margin-bottom: 40px}
#p1{color: blue; text-transform: uppercase; font-size: 27px}
#p2{color: black; text-transform: uppercase; font-size: 27px}
.page3_left{width: 43%; height: auto; float: left; margin-left: 50px; color: #BF0000; font-size: 20px}
.page3_left b{font-size:23px}
.page3_right{width: 43%; height: auto; float: right; margin-right: 50px; color: #BF0000; font-size: 20px}
.page3_right b{font-size:25px}
#page3_article{color: #D70000; font-size: 18px}
.page3_left_contvi {font-size: 17px !important; text-align: justify; margin-top: 20px; color: blue 	}
.page3_left_conten {font-size: 17px !important; color: black;  text-align: justify}
.page3_img {margin-top: 20px}
.page3_img img{width: 100%; height: 300px;}
.page3_img p{font-size: 16px;}
.page3_title_sp{font-size: 16px; color: blue}
.page3_add{width: 980px;
	height: 1300px;
	margin:0 auto;
	margin-bottom: 10px;
	background: #FFFFFF; }
.page4 , .page5{width: 980px;
	height: 1600px;
	margin:0 auto;
	margin-bottom: 10px;
	background: #FFFFFF;}
	.page8 {width: 980px;
	height: 1600px;
	margin:0 auto;
	margin-bottom: 10px;
	background: #FFFFFF;}
.page8_content{width:100%;height:auto;}
table.tblp8{border:1px solid #000;width:98%;padding:0px;margin-top:20px;}
table.tblp8 th{border-right:1px solid #000;border-bottom:1px solid #000;}
table.tblp8 td{border-right:1px solid #000;border-top:1px solid #000;}
table.tblp8 td span{text-align:center;color:red;}
td.tbltop{border-top:none !important	;}
table.rol{ 	
	background:#ebebeb;
	margin:0px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);}
table.rol td{border-bottom:1px solid #000;height:26px;width:200px;border-right:none;}
.page8_content img{width:980px;}
.tbllast{border-right:none !important;}
.page4_img{padding-left: 30px}
.page4_contentvi{color: blue;}
.page4_img img{width: 100%; margin-top: 20px}
.page4_titlevi{color: blue}
.page4_img h1{margin-left: 90px; text-transform: uppercase; font-size: 25px; margin-top: 15px}
.page4_img ul{list-style: none; width: 700px; float: right; padding-right: 30px}
#page4_contentvi{color: blue; font-size: 17px; text-align: justify; padding-right: 20px; margin-top: 20px}
#page4_contenten{font-size: 17px; text-align: justify; padding-right: 20px; margin-top: 20px}
.page5{height: 1600px}
.page5_content{height: 1550px}
.page6{height: 1500px}
#page9_header, #page10_header{color: #FFFFFF; font-size: 26px; padding-left: 50px; padding-top: 10px; text-transform: uppercase}
.page9_head_left{width: 450px;
height: 325px;
float: left;
margin-left: 85px;}
.page9_head_left h2 span{font-size: 30px;}
#page9_title_vi, #page9_title_en{text-transform: uppercase; font-weight: 300}
#page9_title_en{font-size: 28px; margin: 15px 0}
#page9_title_vi{color: blue; font-size: 28px; margin-top: 30px}
#page9_content_vi{color: blue; font-size: 16px}
#page9_content_en{font-size: 16px; margin-top: 10px}
.page9_head_right{width: 400px; height: 300px; float: right}
#page9_right_top{color: blue; margin: 10px 0; font-size: 17px;clear:both;}
.page9_content_f3{width: 200px; height: 300px; float: left}
#page9_section1, #page10_section1{width: 90%; height: 160px; float: right;padding-right: 25px;margin-top:13px;}
#page9_section2, #page10_section2{width: 90%; margin: 0 auto;  height: 300px}
.page_section2_left, .page10_section2_left{width: 45%; height: 200px; float: left}
#page10_section1{margin-top: 30px; padding-right: 40px}
.page10_section2_left{ height: auto;padding-left: 30px;}
.page10_content_f3{width: 150px; height: 300px; float: left}
.page10_head_right{width: 400px; height: 400px; float: right}
.page10_content_f3{width: 250px; height: 300px; float: left}
.page11_section2{margin:0px;}
.page11_section2_left{ height: auto;padding-left: 80px;width: 39%; height: auto; float: left}
.page11_content_f3{width: 250px; height: 300px; float: left}
.page12_content img{width: 150px;height: 220px; float: left; margin-left: 70px}
.page12_title{width: 500px; height: 200px; margin-top: 30px; float: left}
.page12_title b{font-size: 30px; font-weight: 300; padding-left: 50px}
#page12_title_sp{color: red;width: 503px;float: left;}
.page12_content_vi{font-size: 16px; color: blue; padding-left: 50px; padding-top: 20px}
.page12_content_en{font-size: 16px; padding-left: 50px}
.page12_content_f3{width: 205px;
height: 320px;
float: right;
margin-right: 40px;}
.page12_content_f3 img{width: 100px;height: 200px; float: left; margin-left: 70px}
.page12_section3{margin: 20px auto; width: 510px; float: left}
.page12_section3 b{font-size: 25px; padding-left: 50px; margin-top: 20px}
/**/
.com{float: left;width: 100%;margin-top: 10px;}
.com li{color: #2010ff;line-height: 20px;}
.com li:nth-child(2){color: #333}
.divdiv{width: 90%;margin: 0 auto}
.dig {float: left;width: 100%;line-height: 20px;margin: 10px 0}
.dig-title{text-transform: uppercase;color: #f00!important;font-size: 25px;
line-height: 30px;margin: 15px 0;float: left;width: 100%;}
.dig span{color: #2010ff}
.press{float: left;width: 100%;position: relative;z-index: 2}
.posi{position: relative;z-index: 2}
.press span{text-transform: uppercase;color: #f00;line-height: 30px;font-size: 26px;
float: left;width: 100%;margin: 20px 0}
.press li{line-height: 20px;}
.press li:nth-child(2){color: #2010ff}
.apps{float: left;width: 100%;font-weight: bold;font-size: 19px;margin:25px 0}
.thi{color: #0000ff}
.ad{color: #333!important}
.lb-border{border: 1px solid #333;float: left;padding: 2px}
.mn{float: right;border: 1px solid #a8aaad;margin-right: 15%;width: 120px;border-bottom: 0;overflow: hidden;}
.mn li:first-child{background: #363435;padding: 5px 0}
.mn li{padding: 5px;float: left;border-bottom: 1px solid #a8aaad;width: 100%;}
.mn span{color: #f00;float: left;margin-left: 5px}
.ul-div{float: left;width: 60%}
.up{text-transform: uppercase;}
.tb1{float: left;border-spacing: 0;margin-left: 114px;margin-top: 75px;}
.tb1 tr td{font-size: 12px;padding-left:6px;height: 68px}
.tb1 tr td:first-child{width:56px}
.tb1 tr td:nth-child(2){width: 55px}
/**/
.tb2{float: left;border-spacing: 0;margin-left: 114px;margin-top: 50px;}
.tb2 tr td{font-size: 10px;height: 68px}
.tb2 tr td:first-child{width:70px}
.tb2 tr td:nth-child(2){width: 55px}
/**/
.tb3{float: left;border-spacing: 0;margin-left:87px;margin-top: 50px;}
.tb3 tr td{font-size: 12px;height: 98px}
.tb3 tr td:first-child{width:90px}
.tb3 tr td:nth-child(2){width: 55px}
/**/
.tb4{float: left;border-spacing: 0;margin-left:87px;margin-top:-2px;}
.tb4 tr td{font-size: 12px;height: 98px}
.tb4 tr td:first-child{width:90px}
.tb4 tr td:nth-child(2){width: 55px}