article[2].css

一套完整的OA办公系统（JSP）的

/* CSS Document */
body {
	font-size:12px;
	padding: 0px;
	margin: 0px;
	background:#666666;
	text-align:Center;
}
img{
	border:0px;
}
form{
	margin:0px;
	padding:0px;
}
a { 
	color: #000000; 
	text-decoration: none; 
}
a:hover { 
	color: #FF0000; 
	text-decoration: underline;
}
#Article_Top_Area{
	width:762px;
	background:#FFFFFF;
}

#Article_Top_Logo{
	float:Left;
}

#Logo_Right_AD{
	float:Left;
	width:600px;
	margin-top:4px;
	margin-right:4px;
}

#Article_Top_Nav{
	width:762px;
	background:#FFFFFF;
}
#Mobile_Article_Nav{
	width:762px;
	height:45px;
	background:#EFF7FE;
	border-bottom:1px Solid #CBE4FC;
}
#Mobile_Article_Nav_logo{
	float:left;
}
#Mobile_Article_Nav_right{
	float:left;
	font-size:12px;
	color:#00007F;
	margin-top:4px;
	margin-left:5px;
	line-height:160%;
	text-align:Left;
}

#Article_Top_Banner{
	padding-top:2px;
	width:762px;
	background:#FFFFFF;
	font:0px/0px sans-serif;
	clear:both;
	display:black;
}

#Main_Content{
	width:762px;
	background:#E6E5ED;
	clear:both;
	float:none;
}
#Main_Content_Bg{
	background:#E6E5ED;
	float:none;
}

#Main_Content_Left{
	float:Left;
	width:552px;
	padding:8px;
	padding-top:0px;
	background:#FFFFFF;
}

#Content_Left_Nav{
	text-align:Left;
	width:552px;
	height:27px;
	background:#0000FF url("http://icon.zol.com.cn/article/lanbg.gif") repeat-x;
}

#Content_Left_Title{
	margin-top:12px;
	border-bottom:1px Solid #CCCCCC;
}
#Content_Left_Title h1{
	font-size:22px;
	font-weight:bold;
}
#Content_Left_Page{
	font-weight:bold;
	text-align:Left;
	line-height:26px;
	margin:10px;
}
#Article_Main_End_Ad{
	text-align:center;
	width:100%;
	float:left;
	clear:both;
}
#Main_Comment{
	padding:5px 0px 5px 4px;
	border:1px solid #C3CBDE;
}
.Main_Sub{
	border:1px solid #C3CBDE;
}
#Content_Left_Main{
	text-align:Left;
	font-size:14px;
	line-height:160%;
	padding:10px;
	padding-top:0px;
	color:#333333;
}
.Main_Left_Same{
	text-align:Left;
	/*border:1px solid #999999;*/
	margin-top:9px;
	clear:both;
}
.Main_Left_Same_Sub{
	margin-top:10px;
	margin-bottom:10px;
	width:95%;
}

.Main_Left_Same_Img{
	margin-top:3px;
	margin-bottom:3px;
	width:98%;
}
#Main_Left_Other{
	list-style-type: none;
	margin:0px;
	padding:0px;
	line-height:26px;
	text-align:Right;
	width:552px;
	float:left;
	clear:both;
}
#Main_PerHot{
	border:1px Solid #D6E0F1;
	width:552px;
	margin-top:10px;
}
#Main_PerHot_Bar{
	width:24px;
}

#PerHot_Bar_Link{
	width:22px;
	height:80px;
	border:1px Solid #CCCCCC;
	line-height:21px;
	color:#000000;
	text-decoration: none;
	margin-left:5px;
	clear:both;
	display:block;
}
#Main_PerHot_Left{
	width:285px;
	padding:4px;
	line-height:19px;
	text-align:Left;
	border-right:1px solid #ccc;
}
#Main_PerHot_Right{
	width:290px;
	padding:4px;
	line-height:19px;
	text-align:Left;
}
#Main_PerHot_Right a:link{
	color: #0F0CBF;
	font:12px normal 宋体;
	text-decoration: none;
}
#Main_PerHot_Right a:visited{
	color: #0F0CBF;
	font:12px normal 宋体;
	text-decoration: none;
}
#Main_PerHot_Right a:hover{
	color: #FF6600;
	font:12px normal 宋体;
	text-decoration: underline;
}

#Main_PerHot_Left a:link{
	color: #0F0CBF;
	font:12px normal 宋体;
	text-decoration: none;
}
#Main_PerHot_Left a:visited{
	color: #0F0CBF;
	font:12px normal 宋体;
	text-decoration: none;
}
#Main_PerHot_Left a:hover{
	color: #FF6600;
	font:12px normal 宋体;
	text-decoration: underline;
}

#Main_Content_Right{
	float:Left;
	width:190px;
	background:#E6E5ED;
}
.Main_Right_Bar{
	width:175px;
	background:#FFFFFF;
	padding-top:8px;
	margin-top:8px;
	margin-left:4px;
	padding-bottom:6px;
	border:1px solid #CCCCCC;
	float:left;
}
.Main_Right_Bar_Title {
	height:19px;
	color: #FFFFFF;
	font-weight: Bold;
	background:#7494D1;
	padding-top:6px;
	text-align:Left;
	margin-bottom:4px;
}
#Content_Article_Main a{
	color:#0000FF;
	text-decoration: none;
}
#Content_Article_Main a:hover{
	color:#FF6600;
	text-decoration: underline;
}
.Main_Right_Same{
	width:175px;
	background:#FFFFFF;
	margin-top:6px;
	padding-bottom:3px;
	margin-left:4px;
	border:1px solid #CCCCCC;
	float:left;;
}
#S1,#S2,#S3,#S4{
	margin:4px;
}
#S1 div {
	cursor: hand;
}
#S2 div {
	cursor: hand;
}
#S3 div {
	cursor: hand;
}
#S4 div {
	cursor: hand;
}
.Search_Form_List{
	width:165px;
	height:80px;
	padding-top:12px;
	border-bottom:1px Solid #00A1FC;
	background:url(http://mobile.zol.com.cn/article_images/8.jpg) repeat-Y;
}
.Search_Top_button{
	width:165px;
	height:21px;
}
.Search_Keyword_Llist{
	line-height:200%;
	margin-top:4px;
}
.Search_Keyword_Llist a{
	color:#0F0CBF;
	text-decoration: underline;
}
.Search_Keyword_Llist a:hover{
	color:#FF6600;
	text-decoration: underline;
}
.Manu_Bar{
	display:block;
	margin:6px;
	width:21px;
	height:55px;
	line-height:28px;
	background:#E6E5ED;
}
.Main_Right_Title{
	width:458px;
	color:#FF0000;
	text-align:Right;
	background:#EFF7FF;
}
.Main_Sub_Bg{
	background:#EFF7FF;
}
.Main_Right_Title_Article{
	color:#0F0CBF;
	text-align:Right;
	background:#EFF7FF;
}
.Main_Title_Left{
	height:28px;
	width:100px;
	text-align:Center;
	font-weight:bold;
	background:url("http://mobile.zol.com.cn/article_images/17.jpg") no-repeat;
}
.Main_Title_Left_Prod{
	height:28px;
	width:99px;
	text-align:Center;
	width:100px;
	background:url("http://mobile.zol.com.cn/article_images/18.jpg") no-repeat;
}
.Left_Title{
	height:30px;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.ImgLine{
	line-height:26px;
}
.DocLine{
	line-height:19px;
	text-align:Left;
}
.DocLine a{
	color:#000000;
	text-decoration: none;
}
.Main_Prod_Comp_list{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.Main_Prod_Comp_list li{
	text-align:right;
	height:18px;
	padding-right:3px;
}
.Main_Prod_Comp_list li div{
	float:left;
}
.Main_Prod_Same_Top{
	text-align:center;
	line-height:26px;
}
	.t1 {
		background:#FEFEFE;
		height:21px;
		padding-top:4px;
	}
	.t2 {
		background:#F6F6F6;
		height:21px;
		padding-top:4px;
	}
.Right_Bg_Icon{
	FLOAT: left;
	clear:both; 
	display:block;
	width: 18px;
	margin: 2px 6px 0px 3px;
	background-color: #CEDAEF;
	color:#4672C1;
	font-weight: bold;
	LINE-HEIGHT: 18px;
	text-align:center;
}
.Right_Bg_Content{
	FLOAT: left;
	width: 140px;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	text-align:left;
	LINE-HEIGHT: 20px;
}
.Right_Bg_product{
	FLOAT: left;
	width: 98px;
	padding: 3px 0px 0px 0px;
	margin: 0px;
	text-align:left;
	LINE-HEIGHT: 20px;
}
.Right_Bg_data{
	FLOAT: right;
	width: 30px;
	padding: 3px 3px 0px 0px;
	margin: 0px;
	text-align:left;
	LINE-HEIGHT: 20px;
}
.Other_Border{
	clear:both;
	width:100%;
	border-top:1px Solid #CCCCCC;
	border-bottom:1px Solid #CCCCCC;
}
.Search_Bar{
	padding:4px;
}
#Search_Bar_Title{
	background:#7494D1 url(http://icon.zol.com.cn/article/sobg.jpg) no-repeat;
	height:25px;
}
.top_nav{
	height:23px;
	color:#fff;
	font-size:12px
}
.top_nav a:link{
	font-size:12px;
	color:#FFFFFF;
	text-decoration: none
}
.top_nav a:visited{
	font-size:12px;
	color:#FFFFFF;
	text-decoration: none
}
.top_nav a:hover{
	font-size:12px;
	color:#FF6600;
	text-decoration: underline
}
#Article_Foot_Area{
	width:762px;
	float:center;
}
.navi_shop_1{
	margin-left:-320px;
	display: none; 
	background-image: url(http://icon.zol.com.cn/mainpage/ebolbg.gif); 
	width: 320px; 
	line-height: 19px; 
	position: absolute; 
	height: 20px; 
	background-color: #00bcff;
}
.hui12 {
	font-size: 12px;
	color: #999999;
	text-align:Right;
}
.a_hei12:link {
	color: #000000;
	font-family: "宋体";
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.a_hei12:visited {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.a_hei12:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	}
.a_lan12:link {
	color: #0F0CBF;
	font-family: "宋体";
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.a_lan12:visited {
	color: #0F0CBF;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.a_lan12:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	}
.a_lan12b:link {
	color: #1990D1;
	text-decoration: none;
	font-family: "瀹嬩綋";
	font-size: 12px;
	font-weight: bolder;
}
.a_lan12b:visited {
	color: #1990D1;
	text-decoration: none;
	font-size: 12px;
	font-weight: bolder;
}
.a_lan12b:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bolder;
}
.a_hei12b:link {
	color:#000000;
	text-decoration: none;
	font-family: "宋体";
	font-size: 12px;
	font-weight: bold;
}
.a_hei12b:visited {
	color:#000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.a_hei12b:hover {
	color:#FF6600;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	}
.a_lan14:link {
	color: #0F0CBF;
	font-family: "宋体";
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
.a_lan14:visited {
	color: #0F0CBF;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
.a_lan14:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 14px;
	font-weight: normal;
	}
.a_hong14:link {
	color: #FF0000;
	font-family: "宋体";
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.a_hong14:visited {
	color: #FF0000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.a_hong14:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	}
.a_hong12b:link {
	color: #CC0000;
	text-decoration: none;
	font-family: "宋体";
	font-size: 12px;
	font-weight: bold;
}
.a_hong12b:visited {
	color: #CC0000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.a_hong12b:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	}
.a_hong14b:link {
	color: #CC0000;
	text-decoration: none;
	font-family: "宋体";
	font-size: 14px;
	font-weight: bold;
}
.a_hong14b:visited {
	color: #CC0000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.a_hong14b:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	}
.a_hong12:link {
	color: #CC0000;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.a_hong12:visited {
	color: #CC0000;
	text-decoration: none;
	font-size: 12px;
}
.a_hong12:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
	}
.a_bei12b:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "宋体";
	font-size: 12px;
	font-weight: bold;
}
.a_bei12b:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.a_bei12b:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	}
.a_bei14b:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "宋体";
	font-size: 14px;
	font-weight: bold;
}
.a_bei14b:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.a_bei14b:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	}
.bei12b{
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.hong12b{
	color:#CC0000;
	font-size:12px;
	font-weight:bold;
}
.hong12c{
	color:red;
	font-size:12px;
	font-weight:bold;
}
.hong12{
	color:#CC0000;
}
.ImgBorder{
	border:1px solid #000000;
}
#hits{
	color:#666666;
}
.table_lan14i:link {
	color:#0F0CBF;
	font-family: "宋体";
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}
.table_lan14i:visited {
	color: #0F0CBF;
	text-decoration: underline;
	font-size: 14px;
	font-weight: normal;
}
.table_lan14i:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 14px;
	font-weight: normal;
}
.table_lan14i:link {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
.table_hei14:visited {
	color: #000000;
	text-decoration: none;
	font-size: 14px;
}
.table_hei14:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 14px;
	}
.table_hei12:link {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.table_hei12:visited {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
.table_hei12:hover {
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
	}
.table_bei14b {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.table_lan14b {
	font-size: 14px;
	font-weight: bold;
	color: #4286F4;
}
.Float_Left{
	float:Left;
}


.a_bei12:link {color: #2D68C5;font-family: "宋体";font-size: 12px;font-weight: normal;text-decoration: none;}
.a_bei12:visited {color: #2D68C5;text-decoration: none;font-size: 12px;font-weight: normal;}
.a_bei12:hover {color: #FF6600;text-decoration: underline;font-size: 12px;font-weight: normal;}
.doc_focusT {width:552px;line-height:24px; background-color:#2d68c5;color:#ffffff;font-weight:bolder;font-size:14px;text-align:center;clear:both;}
.doc_focus {width:550px;height:125px;border:1px solid #9BBAE8;overflow:hidden;}
.focus_left {width:130px;height:125px;float:left;overflow:hidden;text-align:center;line-height:16px; padding:0px 3px}
.focus_left img {width:120px;height:90px;border:1px solid #000000;margin-top:7px; clear:both;}
.focus_center {width:268px;height:125px;padding:0px 4px;border-left:1px solid #9bbae8;border-right:1px solid #9bbae8;overflow:hidden;float:left;text-align:left;line-height:22px;}
.focus_center div {width:99%;margin:7px 0px;}
.doc_focusT2 {width:550px;line-height:24px;background-color:#D2E1FF;border-left:1px solid #9bbae8;border-right:1px solid #9bbae8;}
.doc_T6 {width:80px;height:24px;margin-left:8px;text-align:center;float:left;}
.doc_focus2 {width:550px;height:120px;border:1px solid #9bbae8;border-top:0px;}
.doc_pic6 {width:84px;height:120px;float:left;overflow:hidden;text-align:center;line-height:13px; padding-left:6px;}
.doc_pic6 img {width:80px;height:80px;border:1px solid #000000;margin:4px 0px 2px 0px; clear:both;}


.doc_ad {width:550px;height:36px; float:inherit;border:1px solid #7494D1;clear:both;overflow:hidden;margin-bottom:3px;}
.doc_ad_title {width:15px;padding:4px 4px;background:#7494d1;color:#ffffff;font-weight:bold;font-size:12px;float:left;line-height:16px;}
.doc_ad_left {width:252px;float:left;text-align:left;padding:4px 0 0 5px;line-height:16px;border-left:1px solid #7494D1;}

.doc_L1 {width:100%; float:inherit;clear:both;}
.left {width:49.6%;float:left;overflow:hidden;}
.left2 {width:55%;float:left;}
.left3 {width:44%;float:left;}
.kong {width:4px;float:left;}
.title {width:100%;padding-top:5px;height:19px;padding-left:5px; background:#2D68C5;color:#ffffff;font-size:14px;font-weight:bold;text-align:left;}
.content20 {width:98%;padding-left:1%;line-height:20px;padding-top:3px;border:1px solid #C3CBDE; text-align:left;}