@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
a{text-decoration:none; color:#333;}
a img{border:none;}
ul li{list-style:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6; color:#333;background:#000;}
#center{margin:auto;width:1346px; }
#wapper{float:left; width:1346px;background-color:#FF0;position:relative;z-index:3;}
#wapper1{float:left;width:1046px;;position:relative;z-index:3;margin-top:-30px;}
#head {margin-bottom:0px;width:100%; height:476px; }
#header{float:left; width:100%; height:476px; position:relative; }
#menu{float:left; width:1024px;margin-left:160px; background:url(../images/menu.png); height:54px; margin-bottom:2px;margin-top:-102px;z-index:20;position:relative;}
#menu ul li{list-style:none; float:left;  }
#menu ul li a{float:left; font-weight:bold;color:#000;font-weight:bolder;  float:left; padding:15px 33px 15px 37px;font-size:18px;text-align:center;}
#menu ul li a.active{background:url(../images/phuoc-hiep-thanh1_06.png);}

#search{float:right; background:url(../images/bg-search.png); width:236px; height:28px; margin-top:4px;}
.keyword{margin-left:10px; margin-top:6px; width:190px; background:transparent; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.box_item_slider{border:2px solid #F4B417; float:left; margin-top:16px; margin-left:10px; margin-right:10px}
.box_item_slider img{width:152px; height:132px;}
#conten{float:left; width:1024px !important; margin-top:5px;margin:0 auto;}


#all-menu-l{float:left; width:259px; margin-left:0px;background-color:black;margin-top:30px; }
#menu-l{float:left; width:259px; margin-bottom:10px;background-image:url(../images/m.png);border:1px solid #FF0 !important ;}
#v-menu-l{ width:259px; height:51px; background:url(../images/mn-title.png) repeat-x;  }
#v-menu-l h1{font-family:Avo; font-size:20px !important ;color:#FFF;font-weight:bolder; float:left; width:100%; padding-top:3px; text-align:left;font-size:17px;margin-left:40px;margin-top:3px;  }
#menu-l-conten{width:245px !important; float:left;margin-bottom:7px;background-image:url(../images/m.png) !important;}

#menu-l-text ul li{ list-style:none;color:#FFF; line-height:1.6; }
#menu-l-text ul li a{ float:left; color:#FF0;; width:259px; padding-left:10px; text-transform:none; font-weight:bold; font-size:16px;}
#mn-l li{float:left; width:100%;height:47px !important ;  background:url(../images/mn-l.png) no-repeat;text-align:left;margin-left:-10px;  }
#mn-l li a{float:left; width:100%;width:259px !important; text-transform:none !important; color:#FF0;margin-top:13px;margin-left:33px;}
#mn-l li ul li a{padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-transform:none; font-weight:normal;}
#mn-l  { margin-top:-10px;width:256px;}
#projecthot{float:left; width:445px; }
#projecthot img{width:450px; height:340px;}
#projectnew{float:left; width:125px; margin-left:5px; margin-bottom:2.5px;}
#projectnew img{width:125px; height:110px; border:1px solid #eee}

#bl-menu-l{ width:259px; height:51px; background:url(../images/mn-title.png) repeat-x; text-align:center; }
#bl-menu-l img{float:left; margin-top:2px;width:250px;height:175px;}

#bl-menu-l h1{font-size:15px;color:#FFF; float:left; width:100%; padding-top:7px; text-align:left;font-size:17px;margin-left:40px;margin-top:3px;  }
#menu-l-contens{width:208px;float:left; padding-bottom:10px;}
#menu-l-text{margin:15px 5px 5px 5px; }
#conten-center{float:left; width:722px; margin-left:10px; background-color:#000;margin-top:30px;}
#box-slider{width:1366px;}
#galery{margin-top:-5px;width:1024px;}
.theme-default #slider{width:1024px !important; height:345px !important; box-shadow:none !important; }
.theme-default #slider img{width:1024px !important; height:345px !important;}
#project div#project-title{background:url(../images/pro.png); height:33px; width:256px; text-align:center; float:left;}
#project div#project-title h4{ color:#FFF; text-align:center; padding-top:6px; text-transform:uppercase;}
#project-conten{float:left; width:100%;}
#ject{float:left; width:100%; text-align:justify; margin-top:10px;}
#ject img{float:right; margin-left:10px;}
#ject a{font-weight:bold; color:#002AFE; font-size:15px;}
#con{float:left; width:100%;}
#con-title{background-image:url(../images/c-title.png); height:55px; text-align:left;width:100%;color:#FF0;font-family:Avo; }
#con-title h5{font-size:20px !important ; color:#FF0; float:left; width:100%; padding-top:7px; text-align:left;margin-left:45px;margin-top:3px;font-family:Avo;  }
#con-text{float:left; width:100%; margin-top:10px;margin-left:10px;margin-right:10px;}
#new-home{float:left; width:100%; margin-bottom:10px;}
#new-home img{border:4px solid #DEDEDE; padding:1px; float:left; margin-right:10px;}
#new-home a{ font-size:14px; font-weight:bold; color:#002AFE;font-family:Avo;}
#new-con{padding-left:60px;}
#new-con a{color:#1138FE;}
#partners{float:left; width:175px; text-align:center; margin:10px; height:150px;}
#partners img{width:160px; height:100px;  box-shadow:1px 1px 1px 1px #CCCCCC; border-radius:7px; padding:5px;}
#partners img:hover{ box-shadow:1px 1px 1px 1px #999999;}
#product{float:left; width:210px; text-align:center; margin:10px 15px 15px 15px; height:250px; }
#product img{width:210px; margin-top:5px; height:210px;}
#product a{ color:#FFF;margin-top:10px;font-size:13px;}
#news{float:left; width:100%; margin-bottom:3px;}
#news img{float:left; width:100px; height:90px; margin-right:5px; border:1px solid #FFF; margin-top:5px; }
#news p{height:45px; overflow:hidden;}
#news a{color:#333;}
#news a:hover{text-decoration:underline;}
#footer{float:left; width:100%; margin-top:7px;background-image:url(../images/footer.png);margin-bottom:0px !important;margin:0 auto;}
#menu-footer{ height:28px; text-align:left; padding-left:10px; text-transform:uppercase;  padding-top:7px; font-weight:bold;}
#menu-footer a{background-image:url(../images/footer.png);}
#footer-conten{ background-image:url(../images/footer.png); text-align:center; margin-top:5px; float:left;margin:auto;width:1345px;margin:0 auto; }
#footer-text{padding:7px;}

#footer-conten1{-align:center; float:left; width:1366px; height:174px !important;background:#FF0;}
#footer-text1{margin:1px 0px 0px 1px; width:1024px; height:172px !important;background-image:url(../images/spslider.png);}
#doitac-conten1{ text-align:center; margin-top:5px; float:left; width:100%; height:174px !important;}
#doitac-text1{padding:7px;width:100%; height:174px !important;}
#footer-show{background:url(../images/show-bottom.png); height:31px; width:1026px; float:left}
.theme-default #slider{width:1026px !important; height:345px !important; box-shadow:none !important;}
#video{border:4px solid #CCC;}
.tflienhe{border:1px solid #CCC; padding:5px; margin-bottom:5px; width:250px;}
.noidung{border:1px solid #CCC; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:260px;}
.butom{background:#F00; border:none; padding:5px; color:#FFF; }
.box-new{float:left; width:100%; border-bottom:1px dashed #CCC; margin-bottom:5px; margin-top:5px; text-align:justify; color:#FFF;font-size:18px;}
.box-new img{width:200px; height:180px; float:left; box-shadow:1px 1px 1px 1px #CCCCCC;  padding:2px; margin-right:10px; margin-bottom:10px; margin-top:5px;}
.box-new img:hover{box-shadow:1px 1px 1px 1px #999999; background:#EEE}
.box-new a{font-weight:bold; color:#FF0;}
.box-new a:hover{text-decoration:underline;}
fieldset{border:1px solid #CCC; padding:8px;}

.caroufredsel_wrapper{width:1022px !important; margin-left:0 !important; height:200px !important;}
.caroufredsel_wrapper2{width:1022px !important; margin-left:0px !important; height:200PX !important;}

	.list_carousel {
				margin: 0 0 30px 60px;
				width: 120px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center;
				width: 120px;
				height: 80px;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			
			
				.list_carousel1 {
				
				width: 100%;
				height:145px !important;
			}
			.list_carousel1 ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel1 li {
				font-size: 40px;
				color: #999;
				text-align: center;
				width: 170px;
				height: 145px;
				padding: 0;
				
				display: block;
				float: left;
			}
			.list_carousel1.responsive1 {
				width: auto;
				margin-left: 0;
			}


			
				.list_carousel3 {
				margin: 0 0 30px 60px;
				width: 70px;
				height:70px !important;
			}
			.list_carousel3 ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
				width: 70px !important;
			}
			.list_carousel3 li {
				font-size: 40px;
				color: #999;
				text-align: center;
				width: 70px;
				height: 70px;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
			}
			.list_carousel3.responsive3 {
				width: auto;
				margin-left: 0;
			}




			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
				
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}

	.clearfix {
	    float: none;
	    clear: both;
	}
	
	#doitac{float:left; }

.box-online {
    padding-bottom: 20px;
    padding-top: 7px;
    text-align: center;
    width: 100%;
}
div.page {
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 5px;
}
div.page div.paging {
	margin-top: 7px;
	padding-bottom: 5px;
	text-align: center;
}
div.page div.paging.paging span.current, .paging a {
	border: 1px solid #CCC;
	background: #fff;
	margin-right: 5px;
	display: inline-block;
	padding: 0px 10px;
	color: #333;
}
div.page div.paging.paging span.current, .paging span {
	border: 1px solid #666;
	background: #26791F;
	color: #FFF;
}
div.page div.paging div.paging span.current, .paging a:hover {
	background-color: #CCC;
}
#dangxem {
	background: #A52A10;
	color: #fff;
}

.transition {
    -webkit-transform: scale(1.5); 
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
	margin-left:20px;
	
}
CSS

1
2
3
4
@font-face {
    font-family: "Avo";
     src: url(UTM Avo.ttf) format("truetype");
}
.clearfix {
	   
	    clear: both;
	}
	#footer{float:left; width:1345px;  background: url(../images/footer.png);  color:#FFF;margin:0 auto;}

#footer-conten{float:left; width:1345px;}
.nav-footer{ width:1345px; margin:10px auto}
.nav-footer ul li{float:left; background:#FFF; margin-top:14px; margin-right:8px;padding:5px 25px 5px 25px; margin-bottom:50px;}
.nav-footer ul li a{color:#004487;  text-transform:uppercase; font-weight:bold}