/* CSS Document */

html {
                font-size: 100%;
                height: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }

@charset "utf-8";

a{color:#06C;}
a:hover{text-decoration:underline;color:#06C}
img{border:none;}


/* Basic Structure */
body {
padding: 0;
margin: 0;
color:#333;
font:normal 12px Arial,sans-serif;
/*font:normal 12px 'Trebuchet MS', Trebuchet, Arial;
*/
/*font-family:"Lucida Grande",Tahoma,sans-serif;*/
/*font-family:Segoe UI,"Lucida Grande",Arial,sans-serif;*/
background:white;

}


#page_footer{
width:970px;
margin:0 auto;
}

#page{
width:100%;
margin:0 auto;
background:#fff;}

#page_bk{width:950px;
margin:0 auto;}

#content{ 
clear:both;
width:100%;
background:url(bg_page_top.png)  no-repeat;
}

#artical{ font-size:100%; }
/* Header */
#head{
	height:65px;
}

#top_menu{
float:right;
/*color:#778899;background:url(bg_top_menu.jpg) 25px 0 no-repeat;*/
color:#818488;
 padding:10px 5px 5px 0px;
 font:normal 100% Arial;
}

#top_menu a{ 
text-decoration:none;
color:#778899;

}

#top_menu .lan_in{ color:black; font-weight:bold; 

}

#top_menu .lan_in,#top_menu .lan_in a{ color:black; font-weight:bold; 
}

#logo{
float:left;
padding:20px 10px 0 10px; 

}
	
#lang{
clear:right;
float:right;
margin-top:10px;
}
	
#lang{ 
color:black;
 cursor:default;
 }
	
#lang a{
font-family:Arial;
color:#999;
text-decoration:none;
 

}
	
#lang a:hover{ text-decoration:underline;}

/*banner*/	
#mainPic{
clear:both;
width:100%;
margin:0 auto;
}

/*menu*/
/*#horizontal_menu_left{
padding-left:8px;
background:url(bg_mainmenu_left.png) no-repeat;
margin:1px 0;

}

#horizontal_menu_right{
padding-right:8px;
background:url(bg_mainmenu_right.png) 100% 0 no-repeat;
}*/
#mainMenu{
clear:both;
width:100%;
height:35px;
background:url(bar_noblackbar_gray.jpg) no-repeat;
margin:0; padding:0;
/*margin:0 0 5px 0;
*//*background:url(bg_mainmenu_center.png) repeat-x;
*/
}

#mainMenu li{
/*border-left:1px solid #C7C7C7; 
*/
display:block;
width:16.5%;
float:left;
text-align:center;
}

#mainMenu  li a {
display:block;
height:35px;
text-decoration: none;
/*color:#4F5966;
*/
color:white;
font:normal 13px Arial;
line-height:35px;

}

#mainMenu a:hover {	text-decoration: none;	color:#000;	}	

/*location*/
#location{
clear:both;
text-align:left;
/*border-bottom:1px solid #C4CCD2;
border-top:1px solid #C4CCD2;
*/
padding:5px 20px;
color:#666;

font:normal 12px Segoe UI,"Lucida Grande",Arial,sans-serif;
}

#location a{ 
color:#708090;

}
#location a:hover{ 
text-decoration:underline;
}

/*search*/
.search{ 
	float:left;
	width:480px;
}

#search_top{
	font-family:'Trebuchet MS', Trebuchet, Arial; 
	padding:3px 0;color:#666; 
	position:absolute; 
	z-index:38;
	text-align:right; 
	width:950px; 
}

#search_top span{ 
font-weight:bold;
}
#search_top input,#search_top p{
margin:0;
float:none;
font-size:100%;
padding:0 5px;
}
#search_top .ipt_1{  background:#DDD; border:1px solid #ccc; font:normal 13px Segoe UI,"Lucida Grande",Arial,sans-serif;}
#search_top .gray_btn{ /*height:18px;*/ border:none; }


#search{
	clear:right;
	width:220px;
	height:22px;
	float:right;
	text-align:left;
	/*background:url(bg_searchbar.gif) no-repeat top left;*/
}
#search label{
	margin-left:10px;


}
#search a{
	font:normal 100% Arial;
	line-height:200%;
	color:#778899;
	text-decoration:none;
	
}
#search input{ 
border:1px solid #CCCCCC; 
background:#FFFFFF;  
padding:0 10px; 
margin:0; 
width:130px; 
color:#999;

}

#menu_ft{ font:normal 12px Arial;text-align:center; padding-top:25px; position:relative;clear:both; background:url(bg_maincontent.jpg) 50% 0 no-repeat;}
#menu_ft ul{ padding:0; margin:0 auto; list-style-type:none}
#menu_ft li{ display:inline; color:#A9A9A9; padding:0 10px;line-height:200%; /*text-transform:capitalize;*/}
#menu_ft li a{ color:#A9A9A9; text-decoration:none;}

#footer{font:normal 12px Arial; color:#c0c0c0; text-align:center; line-height:200%; }
#footer span{ padding:0 10px;}
#footer a{ color:#A9A9A9; text-decoration:none;}

#menu_ft li a:hover,#footer a:hover{ text-decoration:underline;}


/*Homepage main banner*/
#demos{display:block; position:relative;width:950px;height:350px; }

#nav {
	position:absolute;
	width:200px;
	top:315px;
	left:815px;
	display:block; 
	list-style: none;
	z-index:15;	
	filter:alpha(opacity=50);
	opacity:.50;
	margin:0;
	padding:0;
}
#nav li img{ 
}
#nav a {
	display:block;
	width:20px;
	height:20px;
	text-decoration: none;
	background:url(icon_circle.png) 50% 50% no-repeat; 
}
#nav a:hover{
	background:url(icon_circle_hover.png) 50% 50% no-repeat;
}

#nav a.activeSlide { background:url(icon_circle_hover.png) 50% 50% no-repeat; }

#nav a:focus { outline: none; }



#nav li {display:block;width:20px; height:20px; float: left; text-align:center;}

#nav img { border: none; display: block; vertical-align:middle;}


/*Homepage */

.an_block{
width:100%; 
}


#news_random{
width:100%; 
height:40px;
overflow:hidden;
}


#news_random h2, .an_block h2{
width:80px;
display:block;
float:left; 
margin:0;
padding:15px 10px 15px 40px; 
font:bold 13px Arial; 

}

.an_block h2{padding:15px 10px 0 40px; 
}

.news_art, .an_art{ padding:15px 0;width:820px;float:right; color:#888}
.an_art{ padding:15px 0 0 0; color:#FF0000;}
.news_art a{ color:#888; text-decoration:none;}
.news_art a:visited{ color:#888; text-decoration:none;}
.news_art a:hover{ color:#888; text-decoration:none;}


#maincontent{
font:normal 100% Arial;
line-height:150%;
clear:both;
color:#868a8d;
}

#event{
float:left;
width:180px;
}
#maincontent h5{
color:#015ca7;
margin:0;
padding:10px 0 0 0;
font:bold 12px Arial;
}
#maincontent h5 a{
color:#015ca7;
text-decoration:none;
}
#maincontent h5 a:visited{
color:#015ca7;
}
#maincontent h5 a:hover{
color:#015ca7;
text-decoration:underline;
}
#maincontent p{
margin:0;
padding:0 5px;
color:#818488;
margin-top:5px;

/*letter-spacing:0.05em;*/
}
#maincontent p a{
color:#818488;
text-decoration:none;
}
#maincontent p a:visited{
line-height:1.4em;
letter-spacing:0.05em;
color:#818488;
margin-top:5px;
padding:3px 5px 0 5px;
text-decoration:none;
}
#maincontent p a:hover{
color:#818488;
text-decoration:underline;
}



#maincontent img{
margin:5px 0 0 0;
}

/*Homepage END*/

.spot{ /*border:1px solid gray;*/ width:20%; float:left;}
.spot p{ text-align:left;  }


/* close float */
/* This needs to be first because FF3 is now supporting this */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {display: inline-table; clear:both; positon:relative;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */