/*
=== H3C StyleSheet File ====================================
 Style Name: About H3C
 Version: 2.0
 Author: jaybird ( http://www.huawei-3Com.com/ )
 Last Update: 2007-01-17
==============================================================
*/
  /* ------------------------ Global style --------------------- */
@import url(global.css);
/* -------------------------- Main style ------------------------ */
/*#main {
	width: 1004px;
	clear: both;
	height:400px;
}*/
#innerwrap {
float:left;
width: 1003px;
clear:both;
background: url(../images/botton/innerwarp_bg.gif) repeat-y left top #FFF;
}
#leftColumn {
	width:199px;
	float:left;
	height: 100%;
}

#mainbody {
	width: 585px;
	float: left;
	padding:0 0 0 10px;
	border-left:1px solid #8EADCB;
    min-height:445px; /* style for ff ie7 */
	_height:445px; /* style for ie5 ie6 */
}
#mainbody h3 {
	color:#A00401;
	font-size: 12px;
	font-family:Verdana,Arial,Sans-serif;
	font-weight:bold;
}
#mainbody785 h3 {
	color:#A00401;
	font-size: 12px;
	font-weight:bold;
}
#mainbody785 h4 {
	color:#2D5586;
	font-size: 18px;
	font-weight:bold;
}
#mainbody785 {
width:785px;
float:left;
padding:0 0 0 10px;
border-left:1px solid #8EADCB;
height:auto;
overflow:visible;
min-height:440px; /* style for ff ie7 */
_height:440px; /* style for ie5 ie6 */
}

/* ------------------------------ middle column -------------------------- */
/* company information */
#profileLeft {
	float:left;
	width:377px;
	height:288px;
	border:1px solid #8DAFCA;
}
#profileRight {
	float:right;
	width:195px;
	height:276px;
}
#profileLeftTitle {
	height:21px;
	border-bottom:1px solid #8DAFCA;
	background:#BBD1E7;
}
#profileLeftTitle h3 {
color:#2D5586;
	float: left;
	padding:3px 0 0 10px;
}
#profileLeftTitle span {
	float:right;
	padding:3px 10px 0 0;
}
#profileLeftContent {
	padding:10px;
}
#profileLeftContent p {
	padding-bottom:12px;
	font-size: 12px;
	line-height: 18px;
}
#visualIdentity,#profileHr,#profileFast {
	border:1px solid #BBD1E7;
}
#visualIdentity h3 {
	background:url(../images/titlebg_01.gif) repeat-x;
  	border-bottom: 1px solid #BBD1E7;
	padding:4px 0 4px 10px;
}
#visualIdentity img {
	padding:10px 0 10px 10px;
}
#profileHrTitle,#profileFastTitle {
	background:url(../images/botton/line_bg01.gif) repeat-x bottom; 
	height: 26px;
}
#profileHrTitle h3 {
	padding:6px 0 0 10px;
}
#profileHrContent {
	height:141px;
	background: url(../images/botton/profile_hr_bg.gif) no-repeat bottom;
}
#profileHrContent p {
	padding:10px;
	font-size:12px;
	line-height: 18px;
}
#profileFastTitle h3 {
	float:left;
	padding:6px 0 0 10px;
}
#profileFastTitle span {
	float:right;
	padding:6px 10px 6px 0;
}
#profileFastContent {
	padding:10px;
	
}
#profileFastContent ul li,#visualIbmEvent ul li {
	width:100%;
	font-size:12px;
	line-height: 18px;
}
#profileFastContent ul li a,#visualIbmEvent ul li a {
   padding:3px 0 3px 10px;
   display:block;
   background:url(../images/botton/jiao.gif) no-repeat 0 8px;
  }
/* corporate */
#profileAreaLeft{
	float: left;
	width:574px;
}
#profileAreaLeft p,#visualArea p,#profileHumanArea p,#profileResearchArea p,#visualIbmLeft p {
	padding-top:10px;
}
#profileAreaRight {
	float: right;
	width:192px;
}
#profileAreaLeft h3,#fastContent h3,#corporatePhotoList h3,#productPhotoList h3{
	border-bottom: 1px solid #BBD1E7;
	padding:5px 0 5px 0;
}
#profileAreaRight img {
	padding-top:10px;
}
#profileAreaRight h3 {
	color:#A00401;
	font-size: 12px;
	font-weight:bold;
}
/* Facts Sheet */
#fastContent ul,#hotEventList {
	padding-top:10px;
}
#fastContent ul li {
	background:url(../images/botton/line_bg01.gif) repeat-x bottom; 
	width:100%;
	padding:8px 0 8px 0;
}
#fastContent ul li a,#viList li,#hotEventList li a {
padding:3px 0 3px 10px;
display:block;
background:url(../images/botton/jiao.gif) no-repeat 0 8px;
  }
/* Visual Identity */
#viList {
	padding:10px;
	color:#000;
	font-weight:bold;
}
/* Human Resoureces */
#profileHuman {
width:785px;
background:url(../images/botton/human_bg.gif) no-repeat top right;
}
#profileHumanArea,#profileResearchArea  {
	float: left;
	width: 65%;
}
#profileHumanArea h4 {
	font-size:22px;
	padding-bottom: 20px;
}
#profileResearchRight {
float:right;
width:32%;	
}
#profileResearchRight img {
	padding:30px 0 16px 0;
}
/* event */
.hotEvent ul li {
	width:386px;
	float: left;
}
.hotEvent h3,#publicRelated p {
	padding-bottom: 10px;
}
.magList2 {
height: 93px;
}
.magList3 {
height: 100px;
}
.magListLeft2 {
	float: left;
}
.magListRight2 {
width:236px;
	float:left;
}
.magListRight3 {
width:260px;
float:left;
}
#hotEventList li {
width:100%;
}
/* photots */
#profilePhoto {
	background:#EDF5F9;
	height: 100px;
}
#profilePhoto img {
	float:left;
	padding-right:10px;
}
#profilePhoto p {
	padding-top:10px;
}
#corporatePhotoList {
	float: left;

}

#productPhotoList {
}
#corporatePhotoList ul li,#productPhotoList ul li {
float:left;
padding:0 15px 0 0;
/*padding-bottom:7px !important;
padding-bottom:4px;*/
}
#eventBox {

}
#productPhotoList h3,#productPhotoList ul {
}
.photoBox {
	width:140px;
	height: 130px;
	text-align:center;
}
.photoBox p {
	color:#648BBF;
	font-weight:bold;
	width:130px;
	word-break : break-all;
}
/* publication */
.publicaSelect {
	background:#DAE8F1;
	height:35px;
	border-bottom:1px solid #fff;
	padding-top:5px;
}
#publicaAreaRight .publicaSelect select {
	margin:10px 0 0 14px;
}
#publicaArea {
	width:100%;
}
#publicaAreaLeft {
	float:left;
	width:595px;
}
#publicaAreaRight {
	float:right;
	width:176px;
	background:#EDF5F9;
	text-align:center;
	min-height:800px; /* style for ff opera ie7 */
	_height:800px; /* style for ie5 ie6 */

}
.publicaImg {
padding-top:30px;
}
#publicaAreaRight ul li {
	padding-bottom:10px;
	text-align: center;
}
#publicaImage1 {
	float:left;
	width:158px;
}
#publicaText {
	float: right;
	width:418px;
}
#publicaText h5 {
	color:#2D5586;
	font-weight:bold;
	font-size:18px;
	border-bottom: 1px solid #8EADCB;
	padding-bottom:4px;
}
#publicaText p {
	padding:10px 0 0 0;
}
/* select list */
DIV#dd-container {
	margin:0;padding:0;text-align:left;
}
A.dd-outline.ind-dd-trigger {
	border: 1px solid #ccc; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: x-small; BACKGROUND: url(../images/botton/ind-dd-arrow.gif) #fff no-repeat 100% 50%; PADDING-BOTTOM: 2px; MARGIN: 3px 0px;  COLOR: #666; PADDING-TOP: 2px
}
/*#dd-container a {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: x-small; BACKGROUND: url(http://www.ibm.com/i/v14/hp/ind-dd-arrow.gif) #fff no-repeat 100% 50%; PADDING-BOTTOM: 2px; MARGIN: 3px 0px; BORDER-LEFT: #ccc 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}*/

* HTML A.ind-dd-trigger {
	WIDTH: 137px
}
DIV.ind-dd {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; DISPLAY: block; PADDING-LEFT: 0px; Z-INDEX: 9; BACKGROUND: #fff; LEFT: 827px;top:196px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; MARGIN: -12px 0px 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute
}
* HTML DIV.ind-dd {
	MARGIN-TOP: 1px
}
DIV.ind-dd TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px
}

/* Strategy Partner IBM */
#visualIbm h4 {
	display:inline;
}
#visualIbm {
}
#visualIbmLeft {
float:left;
width:486px;
}
#visualIbmLeft span {
	color:#A00401;
	font-size:18px;
	font-weight:bold;
}
#vsiualIbmRight {
	width:225px;
	float:right;
	padding-top:60px;
}
#strategyEvent {

}
/* Contact Us */
#ContactTable {
width:520px;
margin:10px 0;
}
#ContactTable caption {
text-align:left;
font-weight:bold;
color:#648BB1;
}
#ContactTable tr {
vertical-align:top;
}
#ContactTable .TableTitle {
width:100px;
font-weight:bold;
}
/* Soap append at 12.06.2006 begin */
#temp {
	width:785px;
    float:left;
}
#temp h4 {
	color:#a00401;
	font-size: 15px;
	line-height:24px;
	border-bottom:1px solid #8eadcb;
}
#temp p{
	line-height:15px;
	margin:12px;
}
#temp form {
	text-align:center;
}
#temp input {
	border:1px solid #5f8dae;
	height:20px;
}
#temp textarea {
	border:1px solid #5f8dae;
	height:70px;
	width:240px;
}
#temp select{
	height:240px;
	width:242px;
}
#temp .browse {
	width:295px;
}
#temp .button {
	width:60px;
	margin:0px 45px;
}
#temp .text {
	width:240px;
}
#temp td {
	text-align:left;
	color:#5f8dae;
	padding:6px 0px;
}
/* Soap append at 12.06.2006 end */
/* ----------------------------- right column --------------------------------- */
#rightColumn {
	width:190px;
	float:left;
	margin: 0 0 0 10px;
}
#relatedLink {
	width: 190px;
	height:100%;
	border: 1px solid #BBD1E7;
}
#rlTitle {
	width: 100%;
	height:22px;
	color:#648BB1;
	background: #BBD1E7;
}
#rlTitle span {
	float: left;
	padding:5px 3px 0 8px;
	color:#fff;
	font-size: 9px;
	font-weight:bold;
}
#rlTitle h3 {
	float:left;
	padding:3px 0 0 0;
	font-size:12px;
	font-weight:bold;
}
#rlContent {
	padding-bottom:10px;
}
#rlContent ul {
	padding:5px 0 0 0;
}
#rlContent li {
	clear:both;
	padding:5px 0 0 10px;
	list-style:none;
}
#rlContent span {
	color:#8EADCB;
	font-size: 9px;
	font-weight: bold;
	padding-right:6px;
}
#quickLink {
	width: 188px;
	height:100%;
	border:1px solid #DAE8F1;
}
#qlTitle {
	width: 100%;
	height:22px;
	color:#648BB1;
	background: #DAE8F1;
}
#qlTitle span {
	float: left;
	padding:5px 3px 0 8px;
	color:#2D5586;
	font-size:9px;
	font-weight:bold;
}
#qlTitle h3 {
	float:left;
	padding:3px 0 0 0;
	font-size:12px;
	font-weight:bold;
}
#qlContent {
	padding-bottom:10px;
}
#qlContent ul {
	padding:3px 0 0 0;
}
#qlContent li {
	clear:both;
	padding:5px 0 0 10px;
	list-style:none;
}
#qlContent span {
	color:#8EADCB;
	font-size: 9px;
	font-weight:bold;
	padding-right:6px;
}
/*related link style 2 */
.relatedLink2 {
	width: 188px;
	border: 1px solid #BBD1E7;
}
.rlTitle2 {
	width: 100%;
	height:21px;
	color:#648BB1;
	background: #DAE8F1;
	border-bottom: 1px solid #BBD1E7;
}
.rlTitle2 span {
	float: left;
	padding:5px 3px 0 8px;
	color:#fff;
	font:bold 9px Arial,Verdana,sans-serif;
}
.rlTitle2 h3 {
	float:left;
	padding:3px 0 0 0;
	font:bold 11px Verdana,Arial,sans-serif;
}
.rlEvent{
	padding:10px;
}
.rlContent2 {
	padding-bottom:10px;
}
.rlContent2 ul {
	padding:3px 0 0 0;
}
.rlContent2 li {
	clear:both;
	padding:5px 0 0 10px;
	list-style:none;
}
.rlContent2 span {
	color:#8EADCB;
	font:bold 9px Arial,Verdana,sans-serif;
	padding-right:6px;
}
/* quick link style2 */
.quickLink2 {
	width: 188px;
	border:1px solid #DAE8F1;
}
.qlTitle2 {
	width: 100%;
	height:21px;
	color:#648BB1;
	background: #fff;
	border-bottom:1px solid #DAE8F1;
}
.qlTitle2 span {
	float: left;
	padding:5px 3px 0 8px;
	color:#5D747E;
	font:bold 9px Arial,Verdana,sans-serif;
}
.qlTitle2 h3 {
	float:left;
	padding:3px 0 0 0;
	font:bold 11px Verdana,Arial,sans-serif;
}
.qlContent2 {
	padding-bottom:10px;
}
.qlContent2 ul {
	padding:3px 0 0 0;
}
.qlContent2 li {
	clear:both;
	padding:5px 0 0 10px;
	list-style:none;
}
.qlContent2 span {
	color:#8EADCB;
	font:bold 9px Arial,Verdana,sans-serif;
	padding-right:6px;
}
/* private */
#relatedMaterialBox h3,.adverTitle h3  {
padding:0 0 7px 0;
color:#A00401;
font-size:12px;
font-family:Verdana,Arial,sans-serif;

}
#relatedMaterialTitle,.adverTitle {
	border-bottom:1px solid #648BB1;
}
#relatedMaterialContent img {
	margin-top:10px;
}
.rlTitle3 {
	width: 100%;
	height:21px;
	color:#648BB1;
	background: #DAE8F1;
	border-bottom: 1px solid #BBD1E7;
}
.rlTitle3 h3 {
	padding:3px 0 0 10px;
	font:bold 11px Verdana,Arial,sans-serif;
}

.rlContent3 {
	padding:10px 0 10px 35px;
}
/* advertisement */
.adverContent ul,.adverContent p {
	padding-top:10px;
}
.adverContent ul li {
	float:left;
	width:130px;
	padding-right:25px;
}
/* contact us */
#contactKvLeft {
	float: left;
	width:110px;
}
#contactKvRight {
	float: left;
	width:300px;
	padding-top:48px;
}
/************************** Hotnews *****************************/
/**************************** Corporate News List ********************/
/************************** NewsDetail *******************************/

.hotNewsTitle,.newsListTitle,.newsDetailTiltle {
	height:20px;
}
.borderB1 {
	border-bottom:1px solid #C1D2E4;
}
.hotNewsTitle h3,.newsListTitle h3 {
	color:#AC2321;
	font-weight:bold;
	font-size:12px;
}
.newsDetailTiltle h3 {
	color:#AC2321;
	font-weight:bold;
	font-size:13px;
}
.hotnewsContent {
	clear: both;
}
.hotnewsContent ul {
   list-style:none;
}
.hotnewsContent ul li {
	width:390px;
	float: left;
}
.magList {
	/* width:376px; */
}
.magListLeft {
	float: left;
	width:180px;
}

.magListRight {
width:196px;
	float:left;
}
.magListRight h5,.magListRight2 h5 {
	font-size:12px;
	color:#648BB1;
	font-weight: bold;
	padding-bottom:4px;
}
.magListTitle,.magListContent {
	padding-left:10px;
}
.newsListBox {
	margin-top:12px;
	background:url(../images/botton/newsbg.gif) repeat-y center;
}
.corporateList {
	width:374px;
	float:left;
	margin-right:24px;
}
.corporateTil,.productTil {
	height: 24px;
	border-bottom:1px solid #C1D2E4;
}
.newsListBox h3 {
   color:#AC2321;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 0 0;
}
.newsContent ul,.newsListcontent ul{
list-style:none;
padding:10px 0 10px 0;
}
.newsContent ul li {
	width:100%;
}
.newsListcontent ul li {
width:350px;
float:left;
}
.newsContent ul li a,.newsListcontent ul li a {
   display:block;
   background:url(../images/botton/jiao.gif) no-repeat 0 6px;
   padding:2px 0 0 10px;
}
.newsContent ul li span,.newsListcontent ul li span {
font-size:12px;
color:#999;
}
.productList {
float:left;
	width:370px;
}
.newsDetailContent {
	padding:10px 15px 10px 15px;
}
.newsDetailContent p {
	padding-top:8px;
}
/* green IT */

#greenTop{
	clear: both;
	width: 585px;
	height: 420px;
	border: 1px solid #8DAFCA;
}
#greenTopTitle{
	height: 21px;
	border-bottom:1px solid #8DAFCA;
	background:#BBD1E7;
}
#greenTopTitle h3 {
	color:#2D5586;
	float: left;
	padding:3px 0 0 10px;
	
}

.greenMid {
	padding:0 10px 0 10px;
}
.greenMid h4 {
height: 25px;
}
.greenMid h4 a {
	color: #2C5484;
}
.greenMid p{
	margin: 0 0 15px 0;
}
.list dl{
	margin: 5px 10px 15px 0px;
}
.list dt{ float: left; margin: 0 10px 0 0; }
.list dd{
	padding:0 0 0 80px;
}
.list dd h4 {
height:21px;

}
.list dd h4 a{color:#2C5484;}
	
.padding{ padding: 14px; }

.more{ padding: 0 14px 0 0; text-align: right; background: url(../images/button/more.gif) no-repeat 100% 50%; }
.line{ height: 1px; background: #ecf2f8; overflow: hidden; margin: 10px 0; }
.blank2 { height: 2px; clear: both; font-size: 1px; overflow: hidden; }
#greenBottom{
		border:1px solid #BBD1E7;
		zoom:1; 
}
#greenBottomTitle {
	background:url(../images/botton/line_bg01.gif) repeat-x bottom; 
	height: 26px;
}
#greenBottomTitle h3{
	color:#2D5586;
	float: left;
	padding:5px 0 0 10px;
}
/*forOlympics*/

.forOlympics li {
	padding-bottom:8px;}
.forOlympics li a:link,.forOlympics li a:visited{
	color:#648BB1;
	text-decoration:none;
}
.forOlympics li a:hover {
	color:#648BB1;
	text-decoration:underline;}

.listTwoLine li{
float:left;
width:255px;
margin:2px 5px;
}