westdc-zf1/htdocs/css/index.css

#index{width:960px;margin:0 auto;}
#leftPanel{width:200px;margin:0 10px;float:left;overflow:hidden;}
#sidebar{width:200px;margin-left:5px;float:right;padding:5px;overflow:hidden;}
#sidebar .item{margin-left:15px;}
#sidebar .item a{ padding-left: 15px; background:url(../images/square-gray.gif) no-repeat left center; }
#sidebar img{max-height:200px;}
#sidebar span{
	filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; 
	background:#ffffff; margin-top:5px; padding-left:5px; position: absolute; width: 180px;
	font-size:12px;font-weight:bold;color:#00A9FF;}
.extlink{margin-left:10px;}
.extlink a{padding-right: 15px; background:url(../images/extlink.gif) no-repeat right center; }
#leftPanel .title,#sidebar .title
{
	border-bottom: #5D657C 1px solid;
	border-top: #5D657C 1px solid;
	color: #5D657C;
	line-height: 25px;
	font-size: 14px;
	padding-left: 15px;
	font-weight: bold;
	margin-bottom: 0px;
	background-color: #e6edea;
}
#leftPanel ul, #rightPanel ul {list-style-type: none; margin-left: 0px;padding-left: 0px;overflow:hidden;width:100%;}
.item{line-height: 25px;}
#leftPanel .more a:link, #leftPanel .more a:visited
{
color:Green; text-decoration:none;
}
.special
{
    font-weight:bolder;
}
.special a:link, .special a:visited
{
    color:Red;
}
#rightPanel{overflow:hidden;width:520px;float:left;_width:510px;}

/*feature event*/
.alpha-shadow 
{
  float:left;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 10px 5px !important;
}

.alpha-shadow div {
  background: url(../images/shadow2.png) no-repeat left top !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0px 5px 1px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}

#rightPanel #feature #links
{margin-left:175px; }
#rightPanel #feature #links a
{
    margin: 2px 0px 3px;
    padding-left: 15px;
    background:url(../images/linkOpaque.gif) no-repeat left center; 
}
#rightPanel #feature .desc
{
    margin-left: 175px;
}

#rightPanel #feature .title,
{
    font-size: 105%;
    font-weight: bold;
    padding-top: 6px;
    margin-top:0px;
    margin-bottom: 10px;
    margin-left:185px;    
}
#rightPanel #feature .description p
{margin-bottom:5px;margin-top:0px; text-indent:16px;}
#rightPanel #feature .more
{
    margin-bottom: 20px; margin-left: 20px;
}
#rightPanel .more a
{color:Green; padding-right: 20px; background:url(../images/arrow.gif) no-repeat right center;
	}
	
#rightPanel .title
	{font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
	
#rightPanel #news .item{margin-bottom: 5px;}
	#rightPanel ul{margin-top:0px; margin-bottom: 0px;}
	
#rightPanel #latestData .item{margin-bottom: 3px;}
	
#rightPanel .date
{
	font-size: 11px; color: Gray;
}

#rightPanel #latestData{float:right; width: 250px; margin-left: 20px;}

#rightPanel #feature{border-bottom: dotted 1px Gray; padding-bottom: 10px;}

/*数据服务段开始*/
.service_title
{
	padding: 5px 0px 5px 30px;
	margin-bottom: 3px;
	background: url(../images/level2.gif) left center no-repeat;
	font-size:105%;
	font-weight:bold;
}

.services_Item
{
    font-size:14px;
    line-height: 20px;
    padding-bottom: 8px;
    margin-bottom: 6px;
    border-bottom: dotted #ccc 1px;
}
.services_Item span
{
    font-size:12px;
    line-height: 20px;
    color: #666;
    padding-left: 18px;
}

.services_contact
{
    text-align: left;
    margin-left: 5px;
}
/*数据服务段结束*/


#dataLink {margin:10px 0;}
#dataLink .search{width:auto;}
#dataLink ul{padding:5px 0;}
#rightPanel #dataLink a{font-weight: bold;}

/*数据CD开始*/
#itemCd{ margin-top: 10px; border-bottom:1px dotted gray; overflow:hidden;}
#itemCd img { margin-top:-10px;margin-left:-5px;width:100px;height:100px;border-width:1px;border-style:solid;}
#itemCd #image{float: left; width: 110px;  height: 105px;}
#itemCd #title{font-size: 105%; font-weight: bold; font-family: Tahoma; }
#itemCd #filesize{color: Gray;font-size: 95%;}
#itemCd #descript{margin: 10px 2% 5px 0px; font-family: Verdana;}
#itemCd #descript #intro {font-style: italic;}
#itemCd #link {margin-bottom: 10px;}

#dataLink ul{display:inline;float:left;list-style-type: none;margin-top:-5px;}
input{background:#E4A45F;}
dd,dt{margin:0;}
#dataLink dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;}