﻿/* CSS Document */

body{
	padding:0;
	margin:0; background-color:#ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
span{
	margin:0; padding:0;
}
img{
	margin:0; padding:0; border:0;
}
a img{
	margin:0; padding:0; border:0;
}

textarea{
	margin:0; padding:0;
}
input{
	margin:0; padding:0;
}
label{
	margin:0; padding:0;
}
form{
	margin:0; padding:0;
}
p{
	margin:0; padding:0;
}
h4{
	margin:0; padding:0;
}
h3{
	margin:0; padding:0;
}
h2{
	margin:0; padding:0;
}
h1{
	margin:0; padding:0;
}
div{
	margin:0; padding:0;
}
a:visited{
	color:blue;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
a.mainpro{
	font-weight: bold; letter-spacing:0px; font-size:15px;	color:#ffff00; font-family:  Helvetica, sans-serif;  text-decoration:none;
}
a.mainpro:link{
	color:#133A27;
}
a.mainpro:visited{
	color:#133A27;
}
a.mainpro:hover{
	color:#ff0000;
}

/*------------------------------------------------body--------------------*/

/*------------------------------------------------top--------------------*/
#topMain{
	width:100%; margin:0; padding:0; 
	height:100px;
	background:url(images/top_bg.gif) 0 0 repeat-x;
}
#top{
	width:1000px; height:100px; margin:0; padding:0;
	margin:0 auto;
}
#top #right{
	float:right;height:30px; width:200px; background:transparent;
	margin:0 auto;
}

#top img.logo{
	display:block;
	position:absolute;
	left:0;
	top:10px;
}
#top a.member2{
	display:block;
	background:url(images/member_login2.gif) 0 0 no-repeat;
	width:189px;
	height:110px;
	position:absolute;
	left:300px;
	top:0;
	border:none;
	font-size:0;
	line-height:0;	
}
#top p.memberLogin{
	background:url(images/member_login_bg.gif) no-repeat 0 0;
	width:197px; 
	height:110px; 
	position:absolute; 
	display:block;
	left:279px; 
	top:0; 
	padding:0 0 0 35px;
	font-size:0; 
	line-height:0;
	}
#top p.memberLogin a{
	background:url(images/member_login2.gif) no-repeat 0 0;
	width:150px;
	height:109px;
	display:block;
	border:none;
}
#top p.memberLogin a:hover{
	background:url(images/member_login2_hover.gif) no-repeat 0 0;
	}
#top ul{
	width:188px;
	height:17px;
	position:absolute;
	left:746px;
	top:0;
}
#top ul li{
	float:left;
}
#top ul li a.subscribe{
	display:block;
	background:url(images/subscribe_bg.gif) 0 0 no-repeat;
	width:94px;
	height:17px;
	font:bold 10px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#337676;
	background-color:inherit;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
}
#top ul li a.subscribe:hover{
	color:#000;
	background-color:inherit;
}
#top ul li a.sitemap{
	display:block;
	background:url(images/sitemap_bg.gif) 0 0 no-repeat;
	width:93px;
	height:17px;
	font:bold 10px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#ff0000;
	background-color:inherit;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
}
#top ul li a.sitemap:hover{
	color:#000;
	background-color:inherit;
}
form {
	margin:0; padding:0;
}
input{
	margin:0; padding:0;
}
form input.go{
	width:29px;
	height:21px; margin: 0 ;
	background:url(images/search.gif) 0 0 no-repeat #fffffe;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#000;
	cursor:pointer;
	border:none;
	text-transform:uppercase;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------nav--------------------*/
#navMain{
	width:100%;
	height:35px;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
}
#nav{
	width:935px;
	height:35px;
	margin:0 auto;
}
#nav ul{
	width:836px;
	height:35px;
}
#nav ul li{
	float:left;
	background:url(images/nav_div.gif) right top no-repeat;
	height:35px;
	padding:0 1px;
}
#nav ul li a{
	display:block;
	font:bold 11px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 18px;
}
#nav ul li a:hover{
	background:url() 0 0 repeat-x #4283BB;
	color:#ffff00;
}
#nav ul li a.hover{
	display:block;
	font:bold 11px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffff00;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 18px;
}
#nav ul li.noImg{
	background-image:none;
}
/*------------------------------------------------nav--------------------*/

/*------------------------------------------------black--------------------*/
#blackMain{
	width:100%;
	height:163px;
	background:url(images/black_1px.gif) 0 0 repeat-x #333333;
	padding:0 0 6px 0;
	margin:0;
	color:#9C9C9C;
}
#black{
	width:935px;
	height:163px;
	background:url(images/charge.gif) right top no-repeat;
	margin:0 auto;
	position:relative;
}
#black h1{
	display:block;
	width:646px;
	font:bold 32px/33px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#61A3A3;
	background-color:inherit;
	/*margin:32px 0 16px 0;*/
	padding:32px 0 16px 0;
}
#black h1 span.charge{
	width:169px;
	height:33px;
	background:url(images/charge_icon.gif) 0 0 no-repeat;
	padding:0 0 0 31px;
	color:#fff;
	background-color:inherit;
}
#black p{
	display:block;
	width:697px;
	font-size:14px;
	line-height:22px;
}
#black p span.yellow{
	font-weight:bold;
	color:#FCC73E;
	background-color:inherit;
}
#black a.more{
	font-weight:bold;
	color:#BCBC84;
	background-color:inherit;
	text-decoration:underline;
	margin:0 0 0 15px;
}
#black a.more:hover{
	color:#fff;
	background-color:inherit;
}
#black img.date{
	position:absolute;
	left:737px;
	top:0;
}
#black a.whatNew{
	display:block;
	background:url(images/member_login.gif) 0 0 no-repeat;
	width:122px;
	height:124px;
	position:absolute;
	left:771px;
	top:30px;
	border:none;
}
#black a.whatNew:hover{
	background:url(images/member_login_hover.gif) 0 0 no-repeat;
}
	
/*------------------------------------------------black--------------------*/

/*------------------------------------------------grey--------------------*/
#main{
	width:100%;	padding:0; margin:0;    background-color: #c8c8c8;
	background:url(images/grey_1px.gif) 0 0 repeat-x;
}
#greyMain{
	width:100%;
	padding:2px 0 0 0;
}
#grey{
	width:1000px; height:166px;
	background:url(images/banner5.jpg) 0 0 repeat-x;
	margin:0 auto; padding:0;
}
#grey p.sp{
	width:333px;
	height:58px;
	padding:20px 0 0 95px;
	font:bold 24px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#85854E;
	background:url(images/special_report_icon.gif) 0 0 no-repeat;
	background-color:inherit;
	display:block;
	float:left;
}
#grey p.nor{
	padding:12px 0 0 0;
	font:normal 12px/18px  Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	display:block;
	float:left;
}
#grey p span.orange{
	font-size:12px;
	line-height:19px;
	font-weight:bold;
	color:#C57005;
	background-color:inherit;
}
/*------------------------------------------------grey--------------------*/

/*------------------------------------------------bottom--------------------*/
#botMain{
	width:100%;
	padding:0;
	color:#000;
}
#bot{
	width:1000px; padding:0px 0 0 0;
	margin:4px auto; background:#F6FAFE url('bot_bg.jpg') repeat-y;
}
/*------------------------------------------------left--------------------*/
#left{
	width:285px;
	float:left; overflow:hidden; background:#f2f3f6;
}
#left h2{
	display:block;
	height:26px;
	background:  url('pro-bg.jpg') no-repeat;
	font-size:15px;	color:#133A27;font-family:  Helvetica, sans-serif;
	padding:10px 0 0 39px;
	margin:0 0 1px 0;
}
#left h2.pro{
	display:block;
	height:26px;
	background:  url('pro-bg.jpg') no-repeat;
	font-size:15px;	color:#ffff00;font-family:  Helvetica, sans-serif;
	padding:10px 0 0 39px;
	margin:0 0 1px 0;
}

#left h2.contact{
	display:block;	height:26px;
	font-size:15px;	color:#ffff00;font-family:  Helvetica, sans-serif;
	background:  url('pro-bg2.jpg') no-repeat;
	padding:10px 0 0 39px;
	margin:0 0 ;
}
#left ul{
	width: 100%; margin:0 auto 0 2px; padding:0;
}
#left ul li{
	width: 98%; display:block; color:#333; background-color:#B6C4CD; border-bottom:1px #fff solid;
}
#left ul li a{
	width: 99%; display:block; padding:9px 0 9px 8px; color:#000; font-weight:bold;
	background-color:#B6C4CD; font-family:Arial; font-size:11px;  text-decoration:none;
}

#left ul li a:visited{
	color:#000; background-color:#B6C4CD;
}
#left ul li a:hover{
	color:#000; background-color:#4E88B1; text-decoration:underline;
}
#left ul li a.sub{
	width: 99%; display:block; padding:4px 0 4px 8px; color:#000; 
	background-color:#DCDCDC; font-family:Arial; font-size:11px; 
}
#left ul li a.subspan{
	width: 99%; display:block; padding:9px 0 8px 8px; color:#000; 
	background-color:#DCDCDC; font-family:Arial; font-size:11px; 
}

#left ul li a.sub span{
	color:#ff0000;
}

#left ul li a.sub:visited{
	color:#000; background-color:#DCDCDC;
}
#left ul li a.sub:hover{
	color:#000; background-color:#C8D699; text-decoration:underline;
}
#left form{
	width:210px;
	padding:5px 15px 41px 15px;
	background-color:#D2D2B4;
	color:#000;
}
#left form label{
	display:block;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	float:left;
}
#left form input.txtBox{
	width:208px;
	height:19px;
	background-color:#fff;
	color:#000;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	float:left;
}
#left form a{
	display:block;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	float:left;
	color:#945E02;
	background-color:inherit;
	text-decoration:none;
	margin:4px 0 0 0;
}
#left form a:hover{
	text-decoration:underline;
}
#left input.login{
	background:url(images/btn_login.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	float:right;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:#D2D2B4;
	border:none;
	cursor:pointer;
	margin:4px 0 0 0;
}
/*------------------------------------------------left--------------------*/
/*------------------------------------------------mid--------------------*/
#mid{
	width:161px;
	float:left;
	background-color:#FFF9E5;
	color:#5A5A5A;
	border:#D6CEB3 solid 1px;
	padding:10px 5px 0 6px;
}
#mid h2{
	display:block;
	width:130px;
	height:36px;
	font:bold 24px/36px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#3E8181;
	background-color:#FFFDF6;
	padding:0 0 0 4px;
	margin:0 0 12px 0;
	text-transform:uppercase;
}
#mid h2.green{
	display:block;
	width:130px;
	height:36px;
	font:bold 24px/36px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#008000;
	background-color:#FFFDF6;
	padding:0 0 0 4px;
	margin:0 0 12px 0;
	text-transform:uppercase;
}
#mid h2.olive{
	display:block;
	width:130px;
	height:36px;
	font:bold 24px/36px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#81750C;
	background-color:#FFFDF6;
	padding:0 0 0 4px;
	margin:0 0 12px 0;
	text-transform:uppercase;
}

#mid p.orange{
	display:block;
	width:160px;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	color:#C57005;
	background-color:#FFF9E5;
	margin:0 0 24px 0;
	padding:0 0 0 4px;
}
#mid p.black{
	display:block;
	width:160px;
	font-size:11px;
	font-weight:normal;
	line-height:17px;
	color:#5A5A5A;
	background-color:#FFF9E5;
	margin:0;
	padding:0 0 24px 4px;
}

/*------------------------------------------------mid--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:713px; 
	background-color:white;
	float:right; overflow: visible;
}
#right h2{
	display:block;
	font:normal 22px/50px "Trebuchet MS",Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:#006699;
	background-color:inherit;
}
#right h2.product{
	font:bold 22px/28px "Trebuchet MS",Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:#006699;
	background-color:inherit;
}

#right h2 span.main{
	color:#D27004;
	background-color:inherit;
}
#right p.rightTxt{
	display:block;
	font-size:12px;
	font-family:"Arial";
	line-height:1.5em;
	font-weight:normal;
	margin:0 0 8px 0;
	color:#333333;
	background-color:inherit;
}
#right #nav {
	height: 29px; 	width:710px; padding-top:4px;
	border-bottom: 1px #ccc solid;
}
	.home{	color:maroon; } .pro { color: navy }  .pro { color: navy }  .pro_class { color:#333333; font-weight:normal }

#right td {
	font-size: 11px;
}
#right td a{
	font-size:11px;
	line-height:20px;
	font-weight:normal;
	margin:0 0 15px 0;
	color:#000099;
	background-color:inherit;
	text-decoration:none;
}
#right td a:hover{
	color: #008000;
}
#right a.home:link{
	font-family:Arial; font-size:12px;
	color: #900000; text-decoration:none;
}
#right a.home:visited{
	font-family:Arial; font-size:12px;
	color: #900000; text-decoration:none;
}
#right a.home:hover{
	font-family:Arial; font-size:12px;
	color: #900000; text-decoration:underline;
}
#right a.pro:link{
	font-family:Arial; font-size:12px;
	color: #008000; text-decoration:none;
}
#right a.pro:visited{
	font-family:Arial; font-size:12px;
	color: #008000; text-decoration:none;
}
#right a.pro:hover{
	font-family:Arial; font-size:12px;
	color: #008000; text-decoration:underline;
}
#right a.product:link{
	font-family:Arial; font-size:12px;
	color: #0000ff; text-decoration:none;
}
#right a.product:visited{
	font-family:Arial; font-size:12px;
	color: #0000ff; text-decoration:none;
}
#right a.product:hover{
	font-family:Arial; font-size:12px;
	color: #0000ff; text-decoration:underline;
}

.proclass {
	font-size: 11px; color: #008000;
	border-collapse: collapse;
	border: 1px solid #fff;
}
.proclass th{
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff; background-color: #ccc; height: 40px; font-size: 12px; color:black; font-weight: bold;
}
.proclass td{
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff; padding-left: 4px; height: 24px;
}
.FFEEEE {
	font-size: 11px; 
	background-color: #FFEEEE;
}
.f2f3f9 {
	font-size: 11px; 
	background-color: #f2f3f9;
}
#right p.round{
	display:block;
	padding:18px 27px 0 21px;
	width:386px;
	height:50px;
	font-size:13px;
	line-height:19px;
	font-weight:bold;
	color:#7B9105;
	background:url(images/round_box.gif) 0 0 no-repeat;
	background-color:inherit;
	margin:0 0 20px 0;
}
#right p.round span{
	color:#494949;
	background-color:#FFFFF0;
}
#right p.readMoreDiv{
	width:83px;
	height:19px!important;
	background:url(images/read_more_div.gif) 0 0 repeat-x;
	padding:0 0 0 351px;
	margin:0 0 16px 0;
	display:block;
	font-size:0;
	line-height:0;
}
#right p.readMoreDiv a{
	display:block;
	width:83px;
	height:19px;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	text-align:center;
	background-color:#fff;
	margin:0;
	
}
#right p.readMoreDiv a:hover{
	color:#000;
	background-color:#fffffe;
}
#right p.blog{
	display:block;
	width:143px;
	height:68px;
	background:url(images/blog_icon.gif) 0 0 no-repeat;
	margin:0 8px 0 0;
	float:left;
}
#right p.rightText2{
	display:block;
	width:265px;
	background:url(images/coma.gif) 0 0 no-repeat;
	padding:0 0 0 17px;
	font:italic 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#D27004;
	background-color:inherit;
	float:left;
}
#right p.rightText2 img.coma{
	width:14px;
	height:11px;
	display:block;
	}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------bottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:1000px; border-top: 3px #178DCD solid;
	margin:0 auto; padding:0; clear:both;
	background: #E2F3F9;
	color:#000;
}
#footer{
	width:980px; padding:0;
	height:85px;
	margin:0 auto;
	background:url(images/footer_logo.gif) 722px 8px no-repeat;
}
#footer ul{
	position:relative;
	width:612px;
	left:15px;
	top:18px;
}
#footer ul li{
	float:left;
	font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	text-transform:uppercase;
}
#footer ul li a{
	padding:0 7px;
	font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-top:26px;
	color:#875D03;
	background-color:inherit;
}
#footer a.xhtml{
	display:block;
	width:55px;
	height:17px;
	border:#AFAF79 solid 1px;
	font:bold 11px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	left:226px;
	top:63px;
}
#footer a.xhtml:hover{
	color:#596A01;
	background-color:#fff;
}
#footer a.css{
	display:block;
	width:55px;
	height:17px;
	border:#AFAF79 solid 1px;
	font:bold 11px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	left:289px;
	top:63px;
}
#footer a.css:hover{
	color:#596A01;
	background-color:#fff;
}
#footer p.design{
	display:block;
	width:202px;
	height:19px;
	padding:0;
	position:absolute;
	left:0px;
	top:63px;
	font:bold 13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#596A01;
	background-color:#F4F4DA;
	text-align:center;
}
#footer p.design a.link{
	font:bold 13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#596A01;
	background-color:#F4F4DA;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#000;
	background-color:#F4F4DA;
}
/*------------------------------------------------footer--------------------*/
#taihe { width: 95%; margin:0 auto; font-family: Verdana; font-size: 9pt; padding-left: 6px; overflow:visible;}

#taihe td {font-family: arial; font-size: 9pt}

#taihe a {COLOR: #000000; TEXT-DECORATION: none}

#taihe a:hover {TEXT-DECORATION: underline}

#taihe h1 {font-family: arial; font-size: 14pt; text-align: center; text-indent: 0; line-height: 150%; font-weight:bold; margin-left:10; margin-right:10; margin-top:16px; margin-bottom:22px}

#taihe h1 a:link{
	color:#2e77af;
}
#taihe h1 a:visited{
	color:#2e77af;
}
#taihe h1 a:hover{
	color:#2e77af;
}

#taihe h2 {font-family: arial; font-size: 12pt; text-align: left; font-weight: Bold; line-height: 150%; margin-left: 6px; margin-top: 4px; margin-bottom: 4px;}

#taihe p.fzs {font-family: arial; font-size: 11pt; font-weight: bold; line-height: 150%; text-indent: 0; text-align: left; margin-left: 30px; margin-top: 4px; margin-bottom: 4px}

#taihe p.eng {font-family: arial; font-size: 11pt; font-weight: bold; text-indent: 0; text-align: center; margin-left: 0; margin-top: 4px; margin-bottom: 8px}

#taihe p.text{margin:7px; font-size: 10pt; font-family: arial; text-align:left; margin-left: 24px; margin-right: 24px; color:#222222; line-height:150%}

#taihe a.yx:link {
	color: #222; font-size: 10pt;
}
#taihe a.yx:visited {
	color: #222; font-size: 10pt;
}
#taihe a.yx:hover {
	color: #222; font-size: 10pt; text-decoration:none; cursor:text;
}
#keyword {
	padding-left: 12px;
	font-family: arial; font-size: 12px;  COLOR: #008000; text-align:left; text-indent: 0; line-height: 150%; font-weight: bold; 
}
.klink {
	padding-left: 6px;
	font-family: arial; font-size: 12px;  COLOR: #333333; text-align:left; text-indent: 0; line-height: 150%; font-weight: 400; 
}
.klink A{
	padding-left: 6px;
	font-family: arial; font-size: 12px;  COLOR: #333333; text-align:left; text-indent: 0; line-height: 150%; font-weight: 400; 
}
.klink A:hover {
	padding-left: 6px;
	font-family: arial; font-size: 12px;  COLOR: #008000; text-align:left; text-indent: 0; line-height: 150%; font-weight: 400; 
}


