@charset "utf-8";
@import url("yui-reset.css");
html {
	height: 100%;
}

body {
	font-family: Arial; /* font name */
	font-size: 10pt; /* font size */
	margin: 0; /* top right bottom left */
	height: 100%;
}
#container{
	width:960px;
	margin:0px auto;
}
#banner1{
	width:100%;
	margin:0px;	
	padding:0px;
	float:left;
}
#banner2{
	width:100%;
	margin:1px 0px;	
	padding:0px;
	float:left;
}
#topmenu{ width:100%; float:left;
	background:#FFFFFF url(../images/bg_topmenu.jpg) top left repeat-x;
	height:28px;
}
#topmenu ul{ float:left; width:782px; list-style-type:none;}
#topmenu ul li{float:left; margin:0px 10px;}
#topmenu ul li a{ text-decoration:none; float:left; font-weight:bold; color:#FFFFFF; line-height:31px; font-size:9pt;}
#topmenu ul li a:hover{ color:#FF0000;}
#topmenu ul li span{ width:8px; float:left; margin:0px 0px 0px 15px;}
.hotline{ float:left; padding-right:10px; height:28px;}
#maincontent{ width:100%; float:left; margin-top:10px;}
.ColLeft{ width:194px; float:left;}
.slidePicture{ width:194px; height:137px; float:left; margin:0px 0px 10px 0px;}
.boxleft{ width:194px; float:left;}
.boxleft .title{ width:100%; height:34px; float:left;}
.boxleft .content{ width:100%; float:left; background: url(../images/menuleft_fill.jpg) top left repeat-y;}
.boxleft .bottom{ width:100%; float:left; background: url(../images/menuleft_bottom.jpg) top left no-repeat; height:7px;}
.boxleft2{ width:100%; float:left;
}
.boxleft2 .title{width:174px; float:left; background:url(../images/leftbox_title.jpg) top left no-repeat;
	font-size:10pt; color:#FFF; line-height:34px; font-weight:bold;
	padding-left:20px;
	margin-top:10px;}
.boxleft2 .content{ width:100%; float:left; text-align:center;}
.boxleft2 .content a img{ margin:2px 0px;}
.ColRight{ width:744px; float:left; margin:0px 0px 0px 10px;}
.mapbox{ width:744px; float:left; margin-bottom:10px;}
.mapbox .title{ width:694px; background:url(../images/mapbox_top.jpg) top left no-repeat;
	font-size:10pt;
	padding-left:50px; color:#FFF; font-weight:bold; height:35px; line-height:35px;
}
.mapbox .content{ width:744px; float:left; text-align:center;
	background:url(../images/mapbox_fill.jpg) top left repeat-y;
}
.mapbox .bottom{ width:744px; float:left; height:8px;}
.news-clip{width:744px; float:left;}
.news-clip .boxnews{ width:462px; float:left;}
.news-clip .boxnews .title{width:422px; height:33px; float:left; font-size:10pt; font-weight:bold; color:#03609e; padding-left:40px;
	line-height:33px;
	background:url(../images/hp_tintuc_top.jpg) top left no-repeat;
}
.news-clip .boxnews .content{ width:442px; float:left; padding:10px;
	background:url(../images/hp_tintuc_fill.jpg) top center repeat-y;
}
.news-clip .boxnews .bottom{width:462px; height:6px; float:left;}
.news-clip .boxclip{ float:right; width:272px;}
.news-clip .boxclip .title{width:222px; height:33px; float:left; font-size:10pt; font-weight:bold; color:#03609e; padding-left:50px;
	line-height:33px;
	background:url(../images/hp_video_top.jpg) top left no-repeat;
}
.news-clip .boxclip .content{ width:252px; float:left; padding:10px;
	background:url(../images/hp_video_fill.jpg) top center repeat-y;
	text-align:center;
}
.news-clip .boxclip .bottom{width:272px; height:6px; float:left;}

#scroll-picture{
	width:956px;
	background:#FFFFFF url(../images/bg_picture_scroll_bottom.jpg) top left repeat-x;
	height:152px;
	float:left;	
	margin:15px 0px;
	padding:0px 2px;
}
.hahd{ margin:4px 15px;}
#footer{ width:100%; margin:0px auto;}
#footer .line{width:100%; height:21px; float:left; margin:0px 0px 10px 0px;}
#footer .textfooter{ width:100%; float:left; text-align:center; font-size:9pt; color:#0969cd;}

.boxnews .content .tabnews { width:100%; float:left; margin-bottom:10px;}
.boxnews .content .tabnews .articletitle a{ font-size:9pt; font-weight:bold; color:#03609e;text-decoration:none;}
.boxnews .content .tabnews .articletitle a:hover{ color:#81c2f9;}
.boxnews .content .tabnews .datearticle{ font-size:8pt; color:#666;}
.article-pic{ float:left; margin:0px 5px 5px 0px;}
.detail a{color:#F00; text-decoration:none;}
.detail a:hover{color:#F90;}

/* Detail */
.ColCenter{ width:462px; float:left; margin:0px 10px;}
.ColCenter .boxnews{width:462px; float:left;}
.ColCenter .boxnews .title{width:422px; height:33px; float:left; font-size:10pt; font-weight:bold; color:#03609e; padding-left:40px;
	line-height:33px;
	background:url(../images/hp_tintuc_top.jpg) top left no-repeat;
}
.ColCenter .boxnews .content{ width:442px; float:left; padding:10px;
	background:url(../images/hp_tintuc_fill.jpg) top center repeat-y;
}
.ColCenter .boxnews .bottom{width:462px; height:6px; float:left;}
.detailColRight{ width:272px; float:left;}

.detailColRight .boxclip{ float:right; width:272px;}
.detailColRight .boxclip .title{width:222px; height:33px; float:left; font-size:10pt; font-weight:bold; color:#03609e; padding-left:50px;
	line-height:33px;
	background:url(../images/hp_video_top.jpg) top left no-repeat;
}
.detailColRight .boxclip .content{ width:252px; float:left; padding:10px;
	background:url(../images/hp_video_fill.jpg) top center repeat-y;
	text-align:center;
}
.detailColRight .boxclip .bottom{width:272px; height:6px; float:left;}
.detailColRight .quangcao{ width:100%; float:left; margin:5px 0px;}
.detailColRight .quangcao a img{ margin:2px 0px;}

.cactinkhactitle{ width:100%; float:left;
	background:url(../images/cactinkhac.gif) top left no-repeat;
	height:16px;
	color:#333; font-weight:bold;
}
.cactinkhac { width:100%; float:left; margin-top:10px;}

.cactinkhac ul{ float:left; width:100%; list-style:none;	
}
.cactinkhac ul li{float:left; padding:0px 0px 0px 20px; 
	margin:0px 0px 0px 10px;
	background:#FFF  url(../images/bullet_news.gif) 0px 3px no-repeat;
	width:420px;
	line-height:16px;
}
.cactinkhac ul li a{ text-decoration:none; color:#03609e; font-size:9pt;}
.cactinkhac ul li a:hover{ color:#FF0000;}
