#container{width:976px; margin:auto;}
#container h5{height:25px; line-height:25px; text-indent:1em; margin:0; background:url(/images/subdistrict_title_bg.gif); font-size:14px;}

#columnFocus ul {
	height: 179px;
	padding: 12px;
}
#columnFocus ul li.left {
	float: left;
	width: 238px;
	margin: 0;
	padding: 0;
}
#columnFocus ul li.right {
	float: right;
	width: 396px;
	margin: 0 12px 0;
	padding: 0;
}

#container ul{ margin:0 auto; padding:0; list-style:none;}
#container .bgFEFCF6{ background:#FEFCF6;}
#container .clear{ clear:both;}
/********************************************************/
#left{float:left;width:196px; margin-top:10px;}
#left ul{width:158px;}
/*[小区]*/
#left div.subdistrict{border:solid 1px #FFD8A4; height:308px; margin-bottom:14px;}
#left div.subdistrict li{ margin-top:8px;}
#left div.subdistrict .sdName{ text-align:center; margin-top:2px;}
/*[新入驻家园]*/
#left div.newFamily{ border:solid 1px #FFD8A4; height:242px; margin-top:14px;}
#left div.newFamily .family{width:170px; margin:10px auto 0 auto; clear:both;}
#left div.newFamily .family div{float:left;}
#left div.newFamily .family dl{float:left; width:100px; height:57px; margin:0 0 0 10px;}
#left div.newFamily .family dt{width:100%; height:20px; font-weight:bold;}
#left div.newFamily .family dd{width:100%; height:38px; margin:0; overflow:hidden;}
/********************************************************/
#middle{float:left;width:488px; margin:10px 12px 0 12px;}
/*[资讯栏]*/
#middle div.res{border:solid 1px #FFD8A4; height:234px;}
#middle div.res .resContent{ width:452px; margin:auto; height:167px; margin-top:20px;}
#middle div.res .resContent div{float:left; width:215px;}
#middle div.res .resContent li{ height:21px; width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*明星家庭*/
#middle div.startFamily{width:486px; margin-top:10px;}
#middle div.startFamily .sfTitle{ background:url(/images/start_family_bg.gif) no-repeat; height:29px; font-size:14px; font-weight:bold; text-indent:16px; line-height:32px;}
#middle div.startFamily .sfShow{ width:456px; margin:auto; margin-top:20px; clear:both;}
#middle div.startFamily .sfPicture{ float:left;}
#middle div.startFamily .sfPicture div{ text-align:center;}
#middle div.startFamily dl{float:left; margin-left:10px;}
#middle div.startFamily dt{ font-weight:bold; margin-bottom:3px;}
#middle div.startFamily dd.sfCmt{width:330px; height:36px; overflow:hidden; margin-top:3px;}
/*[美丽家园]*/
#middle div.beaFamily{margin-top:10px; border:solid 1px #FFD8A4; height:182px; clear:both;}
#middle div.beaFamily .fContent{ margin:26px auto 0 auto ;width:466px !important; width:481px; height:120px;}
#middle div.beaFamily .family{float:left; width:110px; margin-left:6px;}
#middle div.beaFamily .family .fTitle{ text-align:center; margin-top:6px;}
/********************************************************/
#right{float:left; width:268px; margin-top:10px;}
/*[小区在线*/
#right div.districtOnline{border:solid 1px #FFD8A4; height:234px;}
#right div.districtOnline dl{width:236px; margin:10px auto 0 auto; clear:both; }
#right div.districtOnline dt{width:40px; height:40px; float:left; font-weight:bold;}
#right div.districtOnline dd{width:62px; height:20px; float:left; margin:0; margin-top:-1px;overflow:hidden; white-space: nowrap; 	text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#right div.districtOnline span{ margin:0 3px;}
/*[亲情照片秀]*/
#right div.picShow{margin-top:10px;}
/*[社区服务]*/
#right div.commService{margin-top:10px;border:solid 1px #FFD8A4; height:234px; width:266px;}
#right div.commService .serviceList{padding:6px 0; width:266px;}
#right div.commService .service{clear:both; height:24px; width:266px; padding-left:10px;}
#right div.commService .service div{float:left; width:22px; padding:0;}
#right div.commService .service dl{float:left; font-size:12px; height:24px;  width:220px; overflow:hidden;}
#right div.commService .service dt{float:left;font-weight:bold; margin:0 2px;padding:0; width:26px;}
#right div.commService .service dd{float:left; padding:0 4px; font-weight:normal; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis;}
/*[社区经理]*/
#right div.commManage{margin-top:10px;border:solid 1px #FFD8A4; height:200px; width:266px;}
#right div.commManage h5{background:url(/images/subdistrict_title_bg2.gif);}
#right div.commManage .cmContent{width:240px;margin:auto; padding-top:20px;}
#right div.commManage .cmContent div{float:left;}
#right div.commManage .cmContent dl{clear:both; margin-left:12px; width:140px;}
#right div.commManage .cmContent dt{float:left; font-weight:bold; width:40px;}
#right div.commManage .cmContent dd{float:left;width:90px;  height:20px; overflow:hidden;}
#right div.commManage .cmContent .other dd{height:92px;}
/*[服务动态]*/
#right div.serviceNews{ margin-top:10px;border:solid 1px #FFD8A4; }
#right div.serviceNews h5{background:url(/images/subdistrict_title_bg2.gif);}
#right div.serviceNews ul{ width:215px; margin:8px auto 0 auto; padding: 0;}
#right div.serviceNews li{ line-height:24px; width:195px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin: 0; padding: 0 0 0 20px;}
/********************************************************/
#main{float:left; width:708px; margin-top: 10px;}
#main h5{ border-bottom:solid 1px #F70; height:20px; margin:0; font-size:14px;}
#main ul{width:688px; margin:auto;}
#main li{width:328px; float:left; height:150px; margin-right:16px;}
#main li div{float:left;}
#main li div.intro{ margin-left:15px; height:108px; width:220px; position:relative;}
#main li div.intro div{ background:url(/images/xq_btn_bg.gif); width:65px; height:20px; line-height:20px; text-align:center; position:absolute; bottom:0; left:0;}
#main li div.intro dl{clear:both;}
#main li div.intro dt{float:left;}
#main li div.intro dd{float:left; width:160px;}
#main li div.intro dd.explain{height:34px; overflow:hidden;}
#main .pagination{height:55px; line-height:46px; text-align:center;color:#333}

#main .pagination a{color:#333}
#main .pagination a:hover{color:#f30}

/********************************************************/
/*[小区热议&最新话题]*/
#topic{margin-top:0px; width:488px; font-size:12px;}
#topic ul{ list-style:none; margin:0; padding:0;}
#topic li{float:left;}
#topic ul.sleek{width:488px; height:26px; margin:0;background:url(../images/xq_sleek_bg.gif) left bottom repeat-x;}
#topic ul.sleek li{height:26px; text-align:center; line-height:26px; cursor:pointer;}
#topic li.sleekon{width:111px; background:url(../images/xq_sleekon.gif);}
#topic li.sleekoff{width:90px; background:url(../images/xq_sleekoff.gif);}
#topic li.sleekbg div{width:286px; float:left; height:23px; margin-top:3px;border-right:solid 1px #CCC;}
#topic .topicContent{height:138px; clear:both;border:solid 1px #CCC; border-top-width:0;}
#topic .topicContent ul{width:448px; margin:auto; padding-top:10px;}
#topic .topicContent li{width:200px; margin-right:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


#columnServiceQ {
	float: right;
	overflow: hidden;
	width: 268px;
	height: 229px;
	background: #fefcf6 url(/images/title_bg1.gif) repeat-x top;
}
#columnServiceQ ul {
	height: 185px;
	padding: 9px 8px;
}
#columnServiceQ ul li {
	list-style-type: none;
	overflow: hidden;
	width: 226px;
	height: 22px;
	margin: 1px 0 0;
	padding: 0 0 0 24px;
	white-space: nowrap;
	line-height: 22px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#columnServiceQ div {
	height: 25px;
	padding: 0 12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
}
#columnServiceQ ul {
	list-style-type: none;
	clear: both;
	overflow: hidden;
	margin: 0;
	border: solid #ffd8a4;
	border-width: 0px 1px 1px;
}
.cateTitle {
	clear: both;
	height: 44px;
	margin: 0 12px 16px 0;
	padding: 0 12px 4px;
	border-bottom: 1px solid #ff7e4b;
	color: #ff7e4b;
	font: bold 24px/44px "黑体";
}