@charset "gb2312";
/* CSS Document */
@import url("other.css");
*{
	margin: 0px;
	padding: 0px;
}
body{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-image: url(../images/top_header_bg.gif);
	background-repeat: repeat-x;
}
img{
	border: 0px none #000;
}
ins{
	display: none;
}
li{
	list-style-type: none;
}
a{
	text-decoration: none;
	color: #393939;
}
.clear{
	clear:both;
	line-height: 1px;
	height: 1px;
}
.header{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 98px;
}
.header h1 {
}
.header h1 a.sytimiLogo {
	display: block;
	height: 98px;
	width: 255px;
	margin-left: 40px;
}
.loginInput {
	border: 1px solid #6f597f;
	color: #FFFFFF;
	font-family:arial;
	width:120px;
	height:18px;
	background: none transparent scroll repeat 0% 0%;
	margin:0 0 0 4px;

}
.NavBg{
	background-image: url(../images/slider_wrapper_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.Nav{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	padding: 10px 0 0 0;
	text-align:right;
}
.QQPanel{
	width: 932px;
	margin-right: auto;
	margin-left: auto;
}
.Weather{float:left;padding:12px 0 0 20px;}

ul.QQOnline {
	background-image: url(../images/online_service_title.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	width: 180px;
	float: right;
	padding-left: 150px;
}
ul.QQOnline li{
	float: left;
	margin-right: 10px;
}
ul.QQOnline li a{
	display: block;
	height: 34px;
	width: 34px;
	background-repeat: no-repeat;
}
ul.QQOnline li a.qq1{
	background-image: url(../images/qq_1.gif);
}
ul.QQOnline li a.qq2{
	background-image: url(../images/qq_2.gif);
}
ul.QQOnline li a.qq3{
	background-image: url(../images/qq_3.gif);
}
ul.QQOnline li a.qq4{
	background-image: url(../images/qq_4.gif);
}
ul.QQOnline li a:hover{
	background-position: bottom;
}

.IndexWork{
	width: 924px;
	margin-right: auto;
	margin-left: auto;
}


#indexLove { padding:10px 0 0 50px; text-align:left}
#indexLove div {float:left; }
#indexLove .list {padding:0 20px 0 20px; height:75px; width:275px}
#indexLove .list .photo {border:3px solid #CCCCCC; margin:0 8px 0 0}
#indexLove .list .name { background:url(../images/arrow2.gif) no-repeat left center; padding:0 0 0 14px; width:180px; color:#5C5C5C; font-weight:bold}
#indexLove .list .name a:link{ color:#5C5C5C}
#indexLove .list .name a:visited{ color:#5C5C5C}
#indexLove .list .name a:hover{ color:#5C5C5C}
#indexLove .list .summary {width:180px; height:36px; overflow:hidden; padding:4px 0 0 0}
#indexLove .list .date {width:180px; padding:5px 0 0 0; font-size:10px; color:#666666}



.mainbody {
	background-image: url(../images/homepage_mainbody_bg.jpg);
	background-repeat: no-repeat;
	width: 924px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
.mainbody .sider {
	overflow: hidden;
	width: 209px;
	float: left;
	padding-top: 150px;
}
ul.MonthPanle {
	height: 260px;
}
ul.MonthPanle li{
	float: left;
	margin-top: 7px;
	margin-left: 7px;
	display: inline;
}
ul.MonthPanle li a{
	display: block;
	height: 55px;
	width: 60px;
	background-repeat: no-repeat;
}
ul.MonthPanle li a.Jan{background-image: url(../images/jan.gif);}
ul.MonthPanle li a.Feb{background-image: url(../images/feb.gif);}
ul.MonthPanle li a.Mar{background-image: url(../images/mar.gif);}
ul.MonthPanle li a.Apr{background-image: url(../images/apr.gif);}
ul.MonthPanle li a.May{background-image: url(../images/may.gif);}
ul.MonthPanle li a.Jun{background-image: url(../images/jun.gif);}
ul.MonthPanle li a.Jul{background-image: url(../images/jul.gif);}
ul.MonthPanle li a.Aug{background-image: url(../images/aug.gif);}
ul.MonthPanle li a.Sep{background-image: url(../images/sep.gif);}
ul.MonthPanle li a.Oct{background-image: url(../images/oct.gif);}
ul.MonthPanle li a.Nov{background-image: url(../images/nov.gif);}
ul.MonthPanle li a.Dec{background-image: url(../images/dec.gif);}
ul.MonthPanle li a:hover,ul.MonthPanle li.active a{
	background-position: bottom;
}
.box {
	clear: both;
	background-repeat: no-repeat;
	height: 90px;
	width: 169px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	background-image: url(../images/box.gif);
	position: absolute;
}
.box h3 {
	font-size: 12px;
	line-height: 25px;
}
h3.Jancolor{}
h3.Febcolor{}
h3.Marcolor{}
h3.Aprcolor{}
h3.Maycolor{}
h3.Juncolor{}
h3.Julcolor{}
h3.Augcolor{}
h3.Sepcolor{}
h3.Octcolor{}
h3.Novcolor{}
h3.Deccolor{}
.mainbody .maincontent {
	float: right;
	width: 715px;
	height: 565px;
	overflow: hidden;
}
.title {
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 60px;
}
ul.quicklink {
	clear: both;
	padding-left: 10px;
}
ul.quicklink li{
	float: left;
	padding-right: 10px;
	display: inline;
}
DIV.pages {
	MARGIN: 3px;
	TEXT-ALIGN: right;
	padding: 10px;
	clear: both;
}
DIV.pages A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.pages A:hover {
	BORDER-RIGHT: #000 1px solid;
	BORDER-TOP: #000 1px solid;
	BACKGROUND-IMAGE: none;
	BORDER-LEFT: #000 1px solid;
	COLOR: #fff;
	BORDER-BOTTOM: #000 1px solid;
	BACKGROUND-COLOR: #999
}
DIV.meneame A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.pages SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.pages SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
	
}

/**/