westdc-zf1/htdocs/css/water.css

/* water */
#intro p{text-indent:2em;}
/* used in water */

.t1highlight{background-color: #ccccff;}
.t3highlight{background-color: #ccccff;}
.t2highlight{background-color: #FFCCCC;}
/* used in tag(keyword) */
#links{position:relative;line-height:1.2;margin:0;}
#links ul{margin:0 0 0 10px;padding:0;}
#links ul li{margin:0;padding:0;display:inline;*float:left;padding-left:10px;background: url(/images/square.gif) no-repeat left center;}
#links ul li a{color:Navy; text-decoration:none;}
#links ul li a:hover{color:Red;text-decoration:underline;}
#links fieldset {border:dotted 1px;border-bottom:0;border-left:0;border-right:0;}
ul{list-style-type: none;margin:2px 5px 2px 20px;}
/* used in search*/
.mditem{clear:left;text-indext:2em;padding:5px;}
.mditem hr{clear:both;padding:0;}
/*.thumb {float:left;padding-right:5px;height:220px;overflow:hidden;margin-left:5px;}*/

#search{}
.float{float:left;}
/*hacks for ie7*/
*:first-child+html .clear{width:100%;}

/* used in search form */
form{display:inline;float:left;}
.tools{clear:right;}
.tools ul{margin:0 15px auto;}
.tools li{float:left;}
.tools input{width:160px;font-size:13px;margin:0;padding:3px;border:1px solid #454138;}

/* timemap */
.info{width:200px;height:200px;}
/* TAG */
.mditem h2{text-indent:2em;}
.mditem span{text-indent:2em;padding:10px;margin-left:5px;}

.more {float:right;padding-right:20px;}

#metacontent{clear:left;margin-left:10px;}

#leftnav{margin-bottom:10px;clear:left;}
#metacontent{float:left;}
#features, #leftContainer{width:48%;float:left;margin-right:2%;clear:left;margin-bottom:10px;margin-left:10px;}
#latest, #services{width:48%;float:left;margin-bottom:10px;font-size:13px;}
#leftContainer{margin-top:5px;}

.submit-group,.element-group{}

#leftnav ul,#leftContainer ul{margin:0px; padding-left:0px;clear:left;}
#leftnav ul li,#leftContainer ul li{float:left;}
#tools ul li {float:left; padding-left:10px;}

img{border:0px;}
.summary{text-indent:2em;}
.more{font-size: 11px;}

dd,dt{float:left;margin:0;}

#links dd {padding-bottom:5px;margin-left:15px;margin-top:-5px;}
.note{font-size:10px;color:gray;}


#series fieldset {border-bottom:0;}
#category fieldset {border-bottom:0;}
#detailxml {margin:10px;}
#detailxml fieldset {clear:left;border:1px dotted; padding:10px;width:95%;}
#detailxml ul {clear:left;width:95%;}
#detailxml ul li {display:inline;float:left;}
#detailxml .name {width:150px;text-align:left;float:left;color:red;}
#detailxml .item{clear:left;margin-left:20px;}
#detailxml .item p{padding-left:20px;}
legend {margin-left:30px;background:#fff;} 
.strong {font:20px bold;color:red;}
.thumbtitle{width:210px;margin-top:10px;padding-top:10px;}
ol,ol li{list-style:decimal;margin-left:20px;}
#heihe_ad h2{margin:20px;}
#heihe_ad li{float:left;width:30%;}
#heihelist img{min-width:200px;}
#heihe_ad img.next{vertical-align: center;}
#heihe_ad 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;white-space: normal;}
.singleline img{height:20px;vertical-align:middle;}

/****new****/
.row-fluit{overflow:hidden;}
.thumb{overflow:hidden;}
.thumb li {width:320px;float:left; margin:10px 20px; overflow:hidden;border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;}
.thumb li .thumbnail{width:80%;height:220px; overflow:hidden;display:block; margin:5px auto;padding:2px;border:none;}
.thumb li img{width:100%;}
.thumb li h4{ position:relative;top:0;height:40px;}
.thumb li p{word-break:break-all;word-wrap:break-word;}

.water-thumb li{width:260px;}

.heihe-subnav li .icon-chevron-right{float:left;margin-top:7px;}

.md-list li{line-height:24px;}
.md-list li:hover{background:#ccc; border-radius:3px;}

.heihe-accordion-title div.active a{background:#39C;color:#FFF;border-radius:3px;}
.accordion-heading .detail-link{line-height:100%;margin:8px;}