index.css

露珠网站是一个以文章类、下载类、图片类、动画类、视频类为主的综合网站。我们的目标：麻雀虽小(223kb)

.top43 {
	WIDTH: 980px; HEIGHT: 8px
}
.gx {MARGIN-top: 0px ; }

.t6 {
	BORDER-BOTTOM: #ffffff 8px solid
}
.top6 {
	WIDTH: 980px;
	HEIGHT: 355px;
}
.k_orange {
	FLOAT: left; WIDTH: 280px; MARGIN-RIGHT: 9px; HEIGHT: 260px;
}
.k_orge2 {
	FLOAT: left; WIDTH: 688px; MARGIN-RIGHT: 8px; HEIGHT: 406px;
}

.k_orange2 {
	FLOAT: left;
	WIDTH: 278px;
	MARGIN-left: 2px;
	HEIGHT: 406px;
	background-repeat: no-repeat;
}
.k_orange2lu {
	FLOAT: left;
	WIDTH: 278px;
	MARGIN-left: 2px;
	HEIGHT: 278px;
	background-repeat: no-repeat;
}
.k_orange2lu2 {
	FLOAT: left;
	WIDTH: 278px;
MARGIN-top: 9px;
	MARGIN-left: 2px;
	HEIGHT: 278px;
	background-repeat: no-repeat;
}
.k_orange21 {
	FLOAT: left;
	WIDTH: 337px;
	MARGIN-RIGHT: 10px;
	margin-bottom:10px;
	HEIGHT: 277px;
	background-image:url(../images/bg1.gif);
	background-repeat: no-repeat;
}
.k_orange3 {
	FLOAT: left; WIDTH: 696px; MARGIN-left: 0px; MARGIN-RIGHT: 2px; HEIGHT: 571px;
}
.k_orange23 {
	FLOAT: left;
	WIDTH: 278px;
	MARGIN-left: 2px;
	margin-top:10px;	
	HEIGHT: 148px;
	background-image:url(../images/bg.gif);
	background-repeat: no-repeat;
}
.line_blue {
	BORDER-RIGHT: #8ab9d0 1px solid; BORDER-TOP:#8ab9d0 1px solid; BORDER-LEFT: #8ab9d0 1px solid; BORDER-BOTTOM: #8ab9d0 1px solid
}
.top_p {
	WIDTH: 277px;
	HEIGHT: 31px;
	FLOAT: left;
	position:relative;
	border: 0px solid #8AB9D0;
	margin-bottom:-16px;
	background-image: url(../images/sx2.gif);

}
.top7 {
	WIDTH: 279px;
	HEIGHT: 31px;
	FLOAT: left;
	position:relative;
	left:0px;
	top:0px;
	border: 0px solid #8AB9D0;
	BACKGROUND-IMAGE: url(../images/lobg.gif);
	margin-bottom:2px;
	BORDER-BOTTOM: #CCCDE1 1px solid;
}
.top71 {
	WIDTH: 277px;
	HEIGHT: 31px;
	FLOAT: left;
	position:relative;
	border: 0px solid #8AB9D0;
	margin-bottom:-7px;
	BORDER-BOTTOM: #CCCDE1 1px solid;
}
.top72 {
	WIDTH: 337px;
	HEIGHT: 31px;
	FLOAT: left;
	position:relative;
	border: 0px solid #8AB9D0;
	margin-bottom:2px;
	BORDER-BOTTOM: #CCCDE1 1px solid;
}
.top8 {
	WIDTH: 687px;
	HEIGHT: 31px;
	FLOAT: left;
	position:relative;
	left:0px;
	top:0px;
	border: 0px solid #8AB9D0;
	BACKGROUND-IMAGE: url(../images/ab1.gif);
	BORDER-BOTTOM: #CCCDE1 1px solid;
}
.logo81 {
	BACKGROUND-POSITION: 2px 2px;
	BACKGROUND-IMAGE: url(../images/house3.gif);
	FLOAT: left;
	WIDTH: 25px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 26px;
	line-height:26px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
}
.logo28 {
	MARGIN-RIGHT: 0px;
	margin-left:5px;
	margin-top:10px;
	line-height:22px;
	FLOAT: left;
	WIDTH: 18px;
	height:250px;
	WORD-BREAK: break-all;
}
.top9 {
	WIDTH: 980px;
	HEIGHT: 408px;
}
.top10 {
	WIDTH: 279px;
	HEIGHT: 54px;
	FLOAT: left;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCDE1;
}
.top12 {
	WIDTH: 980px;
	HEIGHT: 575px;
}
.top12lz {
	WIDTH: 980px;
	HEIGHT: 265px;
}
.k_orge {
	FLOAT: left; WIDTH: 687px; MARGIN-RIGHT: 0px; HEIGHT: 260px;BACKGROUND-IMAGE: url(./images/logo2.gif);
}
.flash1 {
	FLOAT: left; WIDTH: 246px; MARGIN-RIGHT: 0px; HEIGHT: 250px;
}
.flash2 {
	FLOAT: right; WIDTH: 441px; MARGIN-RIGHT: 0px; HEIGHT: 250px;
}
.top14 {
	WIDTH: 98px;
	HEIGHT: 25px;
	FLOAT: left;
	position:relative;
	left:0px;
	top:0px;
	border: 0px solid #8AB9D0;
	BACKGROUND-IMAGE: url(../images/logo1a.gif);
	margin-bottom:2px;
	WORD-BREAK: break-all;
	margin-left:0px;
}
.logo1_r {
	BACKGROUND-POSITION: 0px 0px;
	FLOAT: left;
	BACKGROUND-IMAGE: url(../images/abl.gif);
	WIDTH: 140px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 31px;
	line-height:28px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bolder;
	margin-left:-1px;
}
.logo3_r {
	BACKGROUND-POSITION: 0px 0px;
	FLOAT: left;
	BACKGROUND-IMAGE: url(../images/abr.gif);
	WIDTH: 137px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 31px;
	line-height:28px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bolder;
}
.logo7 {
	BACKGROUND-POSITION: 15px 8px;
	FLOAT: left;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 26px;
	line-height:32px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bolder;
}
.logo7 A:link {
	font-size: 14px;
	font-weight: bold;
	color: #3D393D;
}
.logo7 A:visited {
		font-size: 14px;
	font-weight: bold;
	color: #3D393D;
}
.logo7 A:hover {
	font-size: 14px;
	font-weight: bold;
	color: #CC6600;
}
.logo7 A:active {
	font-size: 14px;
	font-weight:bold;
	color: #CC6600;
}
.logo8 {
	BACKGROUND-POSITION: 2px 2px;
	BACKGROUND-IMAGE: url(../images/house.gif);
	FLOAT: left;
	WIDTH: 25px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 26px;
	line-height:26px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
}
.logo9 {
	BACKGROUND-POSITION: 15px 8px;
	float:right;
	WIDTH: 500px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 26px;
	line-height:32px;
	overflow: hidden;
	text-align: right;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bolder;
}
.logo10 {
	BACKGROUND-POSITION: 15px 8px;
	FLOAT: left;
	WIDTH: 45px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 45px;
	line-height:45px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	MARGIN-RIGHT: 8px;
	margin-left:5px;
	margin-top:5px;
}
.logo11 {
	MARGIN-RIGHT: 8px;
	margin-left:5px;
	margin-top:6px;
    FLOAT: right; WIDTH: 202px; WORD-BREAK: break-all;
	line-height:22px;
}
.top131 {
	WIDTH: 978px;
	HEIGHT: 26px;
	line-height:35px;
	BACKGROUND-IMAGE: url(../images/gamelisttitle2.gif);
	border: 1px solid #8AB9D0;
}
.logo25 {
	BACKGROUND-POSITION: 5px 2px;
	BACKGROUND-IMAGE: url(../images/house2.gif);
	FLOAT: left;
	WIDTH: 20px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 20px;
	line-height:25px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	margin-top:2px;
	margin-left:5px;
}
.logo24 {
	BACKGROUND-POSITION: 10px 9px;
	FLOAT: left;
	WIDTH: 75px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 26px;
	line-height:26px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
}
.top5 {
	WIDTH: 980px;
	HEIGHT: 30px;
	background-color: #308DD6;
}
.logo21 {
	BACKGROUND-POSITION: 15px 6px;
	FLOAT: left;
	WIDTH: 975px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 26px;
	line-height:28px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	font-size: 12px;
	color: #ffffff;
}
.logo21 A:link {
	font-size: 12px;
	color: #FFFFFF;
}
.logo21 A:visited {
	font-size: 12px;
	color: #FFFFFF;
}
.logo21 A:hover {
font-size: 12px;
	color: #3ADBFF;
}
.logo21 A:active {
font-size: 12px;
	color: #3ADBFF;
}
.logo132 {
	margin-top:10px;
	line-height:20px;
	FLOAT: left;
	WIDTH: 280px;
	WORD-BREAK: break-all;
	list-style-image:url(../images/la.gif);
	list-style-type: none;color:#000000;
	MARGIN-left: -30px;
	}
.logo14 {
	FLOAT: left;
	WIDTH: 129px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 113px;
	line-height:45px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	MARGIN-RIGHT: 3px;
	margin-left:4px;
	margin-top:8px;
	margin-bottom:2px;
}
.logo16 {
	FLOAT: left;
	WIDTH: 128px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 19px;
	line-height:19px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
}
.logo142 {
	FLOAT: left;
	WIDTH: 130px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 250px;
	line-height:45px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	MARGIN-RIGHT: 3px;
	margin-left:4px;
	margin-top:6px;
	margin-bottom:2px;
}
.logo15 {
	FLOAT: left;
	WIDTH: 128px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 94px;
	line-height:94px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	MARGIN-RIGHT: 0px;
	margin-left:0px;
	margin-top:0px;
}
.logo152 {
	FLOAT: left;
	WIDTH: 128px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 134px;
	overflow: hidden;
	text-align: left;
	vertical-align: bottom;
	margin-left:5px;
	margin-top:3px;
	WORD-BREAK: break-all;
	line-height:22px;
}
.logo19 {
	BACKGROUND-POSITION: 15px 8px;
	float:right;
	WIDTH: 100px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 26px;
	line-height:32px;
	overflow: hidden;
	text-align: right;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: bolder;
}
.logo26 {
	FLOAT: left;
	WIDTH: 98px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 105px;
	line-height:25px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
	margin-top:-1px;
	margin-bottom:2px;
}
.logo27 {
	FLOAT: left;
	WIDTH: 120px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 65px;
	line-height:24px;
	overflow: hidden;
	text-align: left;
	vertical-align: bottom;
	TEXT-DECORATION: none;
	word-spacing:break-all;
	margin-top:3px;
	margin-left:-12px;
}
.logo272 {
	FLOAT: left;
	WIDTH: 205px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 250px;
	line-height:24px;
	overflow: hidden;
	text-align: left;
	vertical-align: bottom;
	word-spacing:break-all;
	margin-top:3px;
	margin-left:-12px;
}
.logo272 A:link {
	font-size: 12px;
	color: #333333;
	list-style-image: url(../images/ico032.gif);
}
.logo272 A:visited {
	font-size: 12px;
	color: #333333;
	list-style-image: url(../images/ico032.gif);
	}
.logo272 A:hover {
	font-size: 12px;
	color: #D37832;
	text-decoration: underline;
	list-style-image: url(../images/ico031.gif);
}
.logo272 A:active {
	font-size: 12px;
	color: #D37832;
	text-decoration: underline;
	list-style-image: url(../images/ico031.gif);
}
.logo27 A:link {
	font-size: 12px;
	color: #333333;
	list-style-image: url(../images/ui2.png);
}
.logo27 A:visited {
	font-size: 12px;
	color: #333333;
	list-style-image: url(../images/ui2.png);
	}
.logo27 A:hover {
	font-size: 12px;
	color: #D37832;
	text-decoration: underline;
	list-style-image: url(../images/ico03.gif);
}
.logo27 A:active {
	font-size: 12px;
	color: #D37832;
	text-decoration: underline;
	list-style-image: url(../images/ico03.gif);
}
.logo273 {
	FLOAT: left;
	WIDTH: 405px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 250px;
	line-height:24px;
	overflow: hidden;
	text-align: left;
	vertical-align: bottom;
	TEXT-DECORATION: none;
	word-spacing:break-all;
	margin-top:3px;
	margin-left:-30px;
}
.logo273 A:link {
	font-size: 12px;
	color: #333333;
	
}
.logo273 A:visited {
	font-size: 12px;
	color: #333333;
	
	}
.logo273 A:hover {
	font-size: 12px;
	color: #D37832;
	text-decoration: underline;
	
}
.logo273 A:active {
	font-size: 12px;
	color: #D37832;
	text-decoration: underline;
	
}

.k_orange22 {
	FLOAT: left;
	WIDTH: 339px;
	margin-bottom:10px;
	HEIGHT: 277px;
	background-image:url(../images/bg1.gif);
	background-repeat: no-repeat;
}
.top721 {
	WIDTH: 339px;
	HEIGHT: 31px;
	FLOAT: left;
	position:relative;
	border: 0px solid #8AB9D0;
	margin-bottom:2px;
	BORDER-BOTTOM: #CCCDE1 1px solid;
}
.li_style {list-style-type:none;}


<!--------->
.mod3 {
	BORDER-RIGHT: #75a3ed 1px solid; BORDER-TOP: #75a3ed 1px solid; MARGIN-BOTTOM: 10px; BORDER-LEFT: #75a3ed 1px solid; BORDER-BOTTOM: #75a3ed 1px solid; ZOOM: 1
}

.focus {
	BACKGROUND: #fff
}
.focus A:link {
	COLOR: #000
}
.focus A:visited {
	COLOR: #000
}
.focus A:hover {
	TEXT-DECORATION: none
}
.last {
	MARGIN: 0px; WIDTH: 106px
}
 .boxBody {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
	line-height:25px;
}
.boxBody LI.top SPAN {
	BACKGROUND-COLOR: #ff9101
}
.tabs {
	BACKGROUND: #ea6300; OVERFLOW: hidden; HEIGHT: 27px;
}
.tabs LI {
	BACKGROUND: url(./../img/sprites.gif) repeat-x 0px -211px; FLOAT: left; WIDTH: 105px; COLOR: #333; MARGIN-RIGHT: 1px
}
.tabs LI.last {
	MARGIN: 0px; WIDTH: 106px
}
.tabs LI.focus {
	BACKGROUND: #fff;
}
.tabs LI A:link {
	COLOR: #fff
}
.tabs LI A:visited {
	COLOR: #fff
}
.tabs LI.focus A:link {
	COLOR: #333
}
.tabs LI.focus A:visited {
	COLOR: #333
}
.tabs LI.focus A:hover {
	TEXT-DECORATION: none;
}
.boxBody LI SPAN {
	FLOAT: left; MARGIN: 5px 5px 0px 0px; FONT: 800 9px/11px arial; OVERFLOW: hidden; WIDTH: 13px; COLOR: #fff; HEIGHT: 11px; BACKGROUND-COLOR: #0093fb; TEXT-ALIGN: center;
margin-left:-20px;
}
.boxBody LI.top SPAN {
	BACKGROUND-COLOR: #ff9101;
	margin-left:-20px;

}