@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
a{text-decoration:none; color:#333;}
a img{border:none;}
ul li{list-style:none;}
@font-face {
	font-family: "utmavo";
	src: url('../font/UTM%20AVO.eot');
	src: url('../font/UTM%20AVO.eot?#iefix') format('embedded-opentype'), url('../font/UTM%20AVO.woff') format('woff'), url('../font/UTM%20AVO.ttf') format('truetype'), url('../font/UTM%20AVO.svg#webfont') format('svg');
}
body{background:url(../images/bg.png); font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6; color:#FFF; min-width:1200px;}
#header{background:url(../images/top.png); height:55px; width:100%; position:relative; z-index:9999;}
#head{margin:auto; width:1000px;}
#wapper{margin:auto;width:1000px;}
#menu{float:left; width:1000px;}
#nav-c{background:url(../images/nav.png) repeat-x; height:44px; width:1000px; float:left; margin-top:-44px; position:relative; z-index:999}

#nav-c ul li{list-style:none; line-height:1.6; float:left;padding:7px 10px; }
#nav-c ul li a{float:left;font-weight:normal;padding:5px; color:#FFF; font-size:13px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif }
#nav-c ul li a:hover{background:#D9C000;border-radius:8px 8px 8px 8px; color:#FFF}
#nav-c ul li a.active{background:#D9C000;border-radius:8px 8px 8px 8px; color:#FFF}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
.keyword{margin-top:9px;}
}


#conten{float:left; width:1000px; margin-top:5px; }
#all-menu-l{float:left; width:230px; background:#01636B}
#menu-l{float:left; width:230px;}
#v-menu-l{background:#017881 ; width:230px; height:39px; text-align:center; }
#v-menu{background:url(../images/title.png); width:230px; height:30px; text-align:center;}
#v-menu h1{font-size:13px;color:#F00;padding-top:10px; text-transform:uppercase; padding-bottom:4px;}
#v-menu-l h1{font-size:13px;color:#FFF;padding-top:12px; text-transform:uppercase; padding-bottom:4px;}
#menu-l-conten{width:220px; float:left; margin-bottom:10px;  padding:4px;}
#menu-l-text{margin:0px 0px 0px 0px;}

#menu-l-text ul li{ list-style:none; line-height:1.6; }
#menu-l-text ul li a{ float:left; color:#FFF; width:210px; margin-bottom:5PX; padding:4PX 0 4PX 0;padding-left:10px; text-transform:uppercase; font-weight:bold; font-size:12px; }
.rowa{margin-right:5px; float:left; margin-top:3px;}

.box-slider{float:left; width:100%; position:relative; z-index:0; margin-top:-55px;}
.theme-default #slider{width:100% !important; height:429px !important; box-shadow:none !important;}

.gallery{float:left; margin-left:10px; width:230px; text-align:center; margin-bottom:5px;}
.gallery img{width:230px; height:150px; margin-bottom:2px;}
.art-gallery{float:left; width:168px;margin:8px; height:180px; border:1px solid #000 }
.art-gallery img{width:168px; height:180px; }

#con{float:right;width:752px;}
#con-title{ height:32px; text-align:left; border-bottom:2px solid #BCB10C }
#con-title h5{color:#FFF; text-transform:uppercase; padding-top:7px; font-size:13px;}
#con-text{float:left; width:750px;}
.project{float:left; width:240px; margin-top:7px; margin-right:5px; margin-left:5px; text-align:center; height:400px;}
.project img{width:230px; height:250px; background:#FFF; padding:4px; margin-bottom:5px;}
.project a{color:#0C0; font-weight:bold}
.description{text-align:left; height:80px;}
.view{float:right; width:97px; height:31px; padding-top:7px; background:url(../images/detail.png) no-repeat; text-align:left}
.view a{color:#666; font-weight:normal; padding-top:7px; padding-left:12px;}

.ab-home{float:left; width:100%; margin-top:8px;}
.ab-home img{width:230px; height:220px; margin-left:5px; float:left; margin-right:8px; background:#FFF; padding:4px;}
.ab-home a{color:#CDB501; font-weight:bold}


.news-homes{float:left; width:100%; margin-top:5px;}
.news-homes img{float:left; margin-right:7px; margin-left:5px; width:180px; height:120px; background:#FFF; padding:4px;}
.news-homes a{color:#D6BD00; font-weight:bold}
.news-homes div.view a{color:#666; font-weight:normal}

.lang{float:right; margin-top:8px;}
.salogan{ font-size:16px; margin-top:20px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

#product{float:left; width:225px; margin:10px 10px 10px 10px; height:340px; }
#product img{width:225px; height:260px; border:1px solid #ddd; padding:2px; margin-bottom:5px;}
#product span a{font-weight:bold; text-transform:uppercase; color:#0B5F75; font-size:11px; float:left; margin-top:8px;}
.detail img {width:36px !important; height:36px !important; float:right !important; border:none !important; padding:0 !important }

.name-pro{float:left; width:100%; background:#EEEDED; padding:3px 0 3px 0}
.bg-detail{background:url(../images/detail.png); width:71px; height:24px; float:left; text-align:center; padding-top:4px; color:#333 !important; margin-top:10px; }
.name-pro a{padding-left:10px; font-weight:bold !important;}
.des{width:495px; float:left; padding-left:10px; margin-bottom:}
#product a{font-weight:normal; color:#FF0000}
#news{float:left; width:100%; margin-bottom:3px;}
#news img{float:left; width:50px; height:40px; 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:980px; background:#013438; padding:10px; margin-top:5px; color:#FFF;}
.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 dotted #0B6C73; margin-bottom:5px; margin-top:5px; text-align:justify}
.box-new img{width:140px; height:120px; float:left; padding:2px; background:#FFF; margin-right:10px; margin-bottom:10px; margin-top:5px;}
.box-new a{font-weight:bold; color:#0C0;}
.box-new a:hover{text-decoration:underline;}
fieldset{border:1px solid #CCC; padding:8px;}



.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;
}
.ma-brand-slider-contain {
	padding: 0px 0px;
	width:220px;
}

.brand-slider .jcarousel-container {
	-moz-border-radius: 10px;
	background: #fff;
	border: 2px solid #000;
}
.brand-slider .jcarousel-container-horizontal {
	width: 900px;
	padding: 10px 0px;
	padding-left: 40px;
	margin: 0 auto;
	margin-top: 80px
}
.brand-slider .jcarousel-clip-horizontal {
	width: 960px;
	height: 300px;
}
.first{margin-left:-5px;}
.brand-slider .jcarousel-item {
	width: 113px;
	float: left;
	list-style: none outside none;
	text-align: center;
}
.brand-slider .jcarousel-item-horizontal {
	margin-right: 0px;
	position: relative;
}
.brand-slider .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
.brand-slider .product-image {
	display: inline-block;
	margin: 0 0 8px;
}
/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
	background: url(../images/Frist.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 25px;
	right:27px;
	position: absolute;
	top: -20%;
	width: 25px;
}
.ma-brand-slider .jcarousel-next-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-next-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-next-disabled-horizontal, .ma-brand-slider .jcarousel-next-disabled-horizontal:hover, .ma-brand-slider .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-horizontal {
	background: url(../images/Next.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 25px;
	right:2px;
	position: absolute;
	top: -20%;
	width: 25px;
}
.ma-brand-slider .jcarousel-prev-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-disabled-horizontal, .ma-brand-slider .jcarousel-prev-disabled-horizontal:hover, .ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
	position: relative;
}
.ma-brand-slider .jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.ma-brand-slider .jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.ma-brand-slider .jcarousel-next {
	z-index: 3;
	display: none;
}
.ma-brand-slider .jcarousel-prev {
	z-index: 3;
	display: none;
}