@charset "utf-8";
*{
	margin: 0;
	padding:0;
	}

body{
	background: #1A1A1A;
	color: #eee;
	font: 85% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif,;
	word-wrap: break-word;	/* IE */
	}

#topborder{	
	position: fixed;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 1.0em;
	background-color: #c0dB5A;
	}

#sidebar{ position:fixed; top: 38px; left:20px;	width: 250px; }
* html div#sidebar  {
	top: 38px;
	left:20px;
	width: 250px;
	position:absolute;
	height: 556px;
}

#cotent{ margin: 23px 10% 5em 310px; min-width:700px;}


/* 字体
----------------------------------------------- */

p {	line-height: 1.5em;	margin-bottom: 1.0em; font-size: 0.9em;}
p.lead { font-size: 1.0em; }

ol, ul{ margin: 0.5em 0 1.2em 2em; }	
ol, ul, dl { line-height: 1.5em; }
ol li{ margin-bottom: 0.2em; }
li{ font-size: 0.9em; }
li strong {color: #999;}
dl{ margin: 0.5em 0 1.2em 0; }
dt{
	font-size: 0.9em;
	font-weight: bold; color: #999;
	padding-top: 0.4em;
	}
dd{	
	font-size: 0.9em;
	margin-bottom: 1.0em;
	padding-bottom: 0.9em;
	border-bottom: 1px dashed #3d3d33;
	}
.album	{font-size: 1.0em;
	letter-spacing: 0.2pt;
	color: #c0dB5A;
	text-transform: uppercase;}

h1, h2, h3{ font-family: "Trebuchet MS",Verdana,Sans-Serif;}

h1 { font-size: 2.5em; }
h1 a { color:#fff; border: none; }
h1 { color: #D0EB6A; font-style: normal; }

h5{
	color: #8ad459;
	font-style: normal;
	display:inline;
	font-size:30px;
}
h2 {
	font-size: 1.5em;
	letter-spacing: 0.4pt;
	color: #D0EB6A;
	text-transform: uppercase;
	padding-top: 0.5em;
	}
h3 {
	font-size: 1.0em;
	letter-spacing: 0.2pt;
	color: #c0dB5A;
	text-transform: uppercase;
	padding-top: 0.5em;
	}

a{
	xfont-weight: bold;
	color: #8ad459;
	text-decoration: none;
	}

p a:hover { border-bottom: 1px dotted #8ad459; }
a img{ 	border: none;}

small{ font-size: 0.8em; }

pre{
	display: block;
	margin: 1.0em 0;
	padding-left: 0.8em;
	border-left: 1px solid #222;
	background-color: #000;
	overflow: auto;
	}

code{
	font-size: 11px;
	font-family: Verdana,Sans-Serif;
	background-color: #000;
	color: #aaa;
	}
pre code{ line-height: 1.1em;}
kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

fieldset{ border: none; }

/* 导航
----------------------------------------------- */
#sidebar a{
	color: #fff;
	}
#sidebar p a:hover{ border-bottom: 1px dotted #fff; }	
#sidebar p { margin-top: 5px; }	

#sidebar h1 a{ font-weight: bold; }
#sidebar h1 a:hover{ color: inherit; }

#nav{ list-style: none; margin: 2.0em 0; width: 15em;}
#nav li{ padding: 0; margin: 0; }
#nav a{
	display: block;
	height: 2.0em;
	padding: 0.3em 0.2em 0.2em 0.8em;
	border-bottom: 1px solid #1a1a1a;
	color: #eee;
	background-color: #333;
	}

#nav a:hover{
	color: #1a1a1a;
	background-color: #D0EB6A;
	}	


/* 内容
----------------------------------------------- */
#cotent ul{ margin-left: 4px;}
#cotent ul li{
	list-style: none;
	padding: 0 0 0 12px;
	background: url(../images/bullet.gif) no-repeat 0 6px;
	}
.download{
	background-color: #333;
	border: 1px solid #444; 
	padding: 0.7em 1.5em; }
.download:hover{
	background-color: #555;
	border: 1px solid #777;
	}
	
#cotent ul.download li a{
color:#FFFFFF;
font-weight:bold;
font-size:24px;}
#cotent ul.download li{
	padding: 0.3em 0;
	background-image:none;
	}
.download img{ padding-right: 0.3em;}
.download li strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 2.25em; color: #fff;}
.download li em{ font-size:24px;font-style: normal; color: #D0EB6A; }

/* misc
----------------------------------------------- */

.section{ border-top: 1px solid #3d3d33;  padding: 1.5em 0; }
.first{ border-top: none; }
.caption{ font-size: 0.9em; padding-top: 0.2em ;	}



/* clearing
----------------------------------------------- */

.clearfix:after {
	cotent: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* newsplayer
----------------------------------------------- */	
#ImgPlayer{width:682px; height:352px; overflow:hidden; background-color: #333; border: 1px solid #444;  padding:1px 3px 0 1px;}
#ImgBlk{width:452px; height:339px; padding:13px 12px 0 11px; float:left;}
#ss_img_div{width:452px; height:302px; overflow:hidden;}
#ss_img_div img{border:1px #000 solid; margin:0; padding:0; border:0;}
#ImgNum{height:37px; overflow:hidden;}
#ImgNum ul{
	width:375px;
	padding:0;
	float:left;
	padding:0;
	border:0;
	margin-top: 10px;
}

#ImgNum li{
	width:19px; 
	height:17px;  
	overflow:hidden; 
	padding:0px; 
	text-align:center; 
	font-family:Arial; 
	font-size:9px; 
	float:left; 
	cursor:pointer;
}

#ImgNum li.itemOff{
	BORDER: #2c2c2c 1px solid;
	PADDING-RIGHT: 5px;	
	PADDING-LEFT: 5px;	
	MARGIN-RIGHT: 4px;	
	TEXT-DECORATION: none;
	background-image: url(../images/image1.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}

#ImgNum li.itemOff:hover{color:#A80000;}

#ImgNum li.itemOn{
	BORDER: #2c2c2c 1px solid;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	MARGIN-RIGHT: 4px;
	TEXT-DECORATION: none;
	background-image: url(../images/image2.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}
	
	
#ImgNum div{float:left; width:73px; text-align:left; padding:4px 0 0 0; margin:10px 0 0 0; height:15px; line-height:15px; cursor:pointer; font-size:12px; color:#7D98BF;}
#Play{background:url(../images/news_pic_ws_004.gif) no-repeat bottom right;}
#Pause{background:url(../images/news_pic_ws_005.gif) no-repeat bottom right;}


#TxtBlk{
	width:206px;
	float:left;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #444;
	border-right-color: #444;
	border-bottom-color: #444;
	border-left-color: #444;
	height: 100%;
}
#Txt{padding:15px 10px 0 10px; text-align:left; height:300px; background:url(../images/news_pic_ws_006.gif) repeat-x bottom;}
#Txt h2{color:#D0EB6A; text-align:center; font-size:16px;  font-weight:bold; padding:1px 0 5px 0; background:none;}
#Txt h2 a,#Txt h2 a:visited{color:#D0EB6A; text-decoration:underline;}
#Txt h2 a:hover,#Txt h2 a:active{color:#D0EB6A; text-decoration:none;}
#Txt p{font-size:12px;}
#con{text-align:left; line-height:21px;}
#date_PN{text-align:left; font-size:12px;}
#date{
	padding:12px 0 0 0; 
	color:#999; 
	width:212px;
	height:30px; 
	float:left; 
	text-align:center;	
	font-size: 0.9em;
	font-weight: bold;
	background-color: #222;
	border: 1px solid #2a2a2a;}
#PN{float:left; width:100px; padding:11px 0 0 0; }
#PN #pre{display:block; float:left; width:42px; padding:0 0 0 8px;  text-decoration:none; color:#009;}
#PN #next{display:block; float:left; width:44px; padding:0 0 0 6px;  text-decoration:none; color:#009;}
#PN #pre:visited,#PN #next:visited{color:#009;}
#PN #pre:hover,#PN #next:hover{text-decoration:underline;}

/* section
----------------------------------------------- */	
#parts {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif; font-size: 1 em; color: #eee; 
}
#parts a:link,a:visited {
	color: #eee;
	text-decoration: none;
	}
#parts a:hover,a:active {
	color: #eee;
	text-decoration:none;
	}
#parts #toolbarwrap {
	width: 682px;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	background: #101010 url(../images/header.gif) repeat-x 0 0;
	border-bottom: 6px solid #7D8F3B;
	position: relative;
	}
#parts ul.navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#parts ul.navigation li {
	float: left;
	padding: 0 0 0 25px;
	color:#EEE
	}
#parts ul.navigation li a {
	float: left;
	color:#EEE;
	line-height: 38px;
	border-top: 5px solid #202020;
	font-weight:bold
	}
#parts ul.navigation li a:hover {
	text-decoration: none;
	border-top: 5px solid #606060;
	color: #D0EB6A;
	cursor: default;
	
	}

#parts li a .active {
    border-top: 5px solid #606060;
	color: #D0EB6A;
	text-decoration: none
}
#parts ul.navigation li .inactive {
	text-decoration: none;
	color: #eee;
}

#parts #frame {
	overflow: hidden;
	margin: 0 auto;
	width: 682px;
	border-left: 1px solid #606060;
	border-right: 1px solid #606060;
	border-bottom: 1px solid #606060;
}
#parts #scroller {
	width: 682px;
	margin: 0 auto;	
	overflow: hidden;
}
#parts #contents {
	width: 500000px;
}
#parts .sections {
	width: 635px;
	float: left;
	background-color: #151515;
	text-align: left;
	padding: 25px;
	height: 58px;
}

.contentss h1
{
	color: #fff;
	font-size: 47px;
	font-weight: bolder;
	margin: 0 40px;
	padding: 0.08em 0;
}

.contentss h1 sup
{
	color: #ddd;
}

.contentss h1 a
{
	color: #fff;
	text-decoration: none;
}

.contentss h1 .company, h1 a .company
{
	color: #d01a71;
}

.contentss h2
{
	color: #ddd;
	font-size: 2.5em;
}

.contentss h3
{
	color: #fff;
	font-size: 1.5em;
}

.contentss h4
{
	font-size: 1.3em;
}

.contentss
{
	margin: 0 20px;
}

.contentss a
{
	color: #fff;
}


.contentss p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.contentss p.linkage a { color: #fff; }


#myGallery
{
	text-align: left;
	margin: 0 auto;
}

.pros{
width:642px;
margin-left:auto;
margin-right:auto;
}
.sections li {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
	width:70px;
	float:left;
	text-align:center;
	font-size:12px;
}
.sections .c1 a{
	display: block;
	height: 1.8em;
	padding: 0.3em 0.2em 0.2em 0.3em;
	border-bottom: 1px solid #1a1a1a;
	color: #eee;		
}

#contents a:hover{
	color: #1a1a1a;
	background-color: #D0EB6A;
}	
.sections .c2 a{
	background:#333;
	display: block;
	height: 1.8em;
	padding: 0.5em 0.2em 0.2em 0.3em;
	border-bottom: 1px solid #1a1a1a;
	color: #eee;	
}


.cont{clear:both;}
.cls{clear:both;}
.hidden{display:none;}
#sourse{border:1px dotted #ccc;margin:0px auto;}
.textDiv{margin:10px 40px 10px;text-align:center;}
.example{margin:10px;background:#FFF;border:1px dotted #ccc;padding:10px;}
.scrolldoorFrame{width:400px;margin:0px auto;overflow:hidden;}
.scrollUl{ width:300px; float:right; padding:0px; margin:0px; height:40px;}
.scrollUl li{margin:0px; display:inline; float:right; }
.sd01{	cursor:pointer;	color: #D0EB6A;	font-size:13px; border-bottom:3px solid  #D0EB6A;	}
.sd02{	cursor:pointer;}