@charset "utf-8";
@import url("common.css");

.mainBox{background:#F0F9EC;border:#90C616 1px solid;float:right;width:768px;}
.mainBox h4{font-size:14px;color:#AEC906;padding:6px 10px;border-bottom:#90C616 1px solid;background:url(../../../images/group/home/style2/title.gif) right 0 no-repeat;}
.mainBox .location{font-weight:normal;}
.mainBox .location a{text-decoration:underline;color:#AEC906;}

body{background:#fff url(../../../images/group/home/style2/top.jpg) center 0 no-repeat;}
#topBar{background:url(../../../images/group/home/style2/topbar.gif) 0 bottom repeat-x;}
a:link,a:visited{color:#899E07;text-decoration:none;}
a:hover{color:#AEC906;}


#spaceTop{width:930px;margin:10px auto;height:220px;padding:50px 10px 10px;color:#fff;}
#spaceTop h1{background:#8FBC45;float:left;clear:both;line-height:22px;padding:5px 10px 0;font-family:"黑体";font-size:22px;}
#spaceTop span{background:#8FBC45;float:left;padding:3px 10px;clear:both;}

#menu{background:#F0F9EC;border:#90C616 1px solid;}
#menu h4{height:22px;padding:8px 15px 0;color:#AEC906;border-bottom:#90C616 1px solid;background:url(../../../images/group/home/style2/title.gif) right 0 no-repeat;}
#menu ul{list-style:none;margin:1px;padding:10px 5px;}
#menu ul li{position:relative;height:30px;}
#menu ul .li2{background:#BEE2AE;}
#menu ul li a{display:block;height:14px;color:#1E6700;padding:8px 10px 8px 40px;}
#menu ul li .a2{display:inline;position:absolute;padding:0;color:#999;background:none;right:10px;top:8px;}
#menu ul li .a2:hover{background:none;}
#menu_0 a{background:url(../../../images/group/home/style1/menu.gif) 10px 7px no-repeat;}
#menu_0 a:hover{background:#BEE2AE url(../../../images/group/home/style1/menu.gif) 10px 7px no-repeat;}
#menu_1 a{background:url(../../../images/group/home/style1/menu.gif) 10px -22px no-repeat;}
#menu_1 a:hover{background:#BEE2AE url(../../../images/group/home/style1/menu.gif) 10px -22px no-repeat;}
#menu_2 a{background:url(../../../images/group/home/style1/menu.gif) 10px -53px no-repeat;}
#menu_2 a:hover{background:#BEE2AE url(../../../images/group/home/style1/menu.gif) 10px -53px no-repeat;}
#menu_3 a{background:url(../../../images/group/home/style1/menu.gif) 10px -83px no-repeat;}
#menu_3 a:hover{background:#BEE2AE url(../../../images/group/home/style1/menu.gif) 10px -83px no-repeat;}
#menu_4 a{background:url(../../../images/group/home/style1/menu.gif) 10px -111px no-repeat;}
#menu_4 a:hover{background:#BEE2AE url(../../../images/group/home/style1/menu.gif) 10px -111px no-repeat;}
#menu_5 a{background:url(../../../images/group/home/style1/menu.gif) 10px -141px no-repeat;}
#menu_5 a:hover{background:#BEE2AE url(../../../images/group/home/style1/menu.gif) 10px -141px no-repeat;}
#menu_6 a{background:url(../../../images/group/home/style1/menu.gif) 10px -172px no-repeat;}
#menu_6 a:hover{background:#BEE2AE url(../../../images/group/home/style1/menu.gif) 10px -172px no-repeat;}

.style1{background:#F0F9EC;border:#90C616 1px solid;margin-bottom:10px;}
.style1 .title{height:21px;padding:8px 50px 0 10px;border-bottom:#90C616 1px solid;background:url(../../../images/group/home/style2/title.gif) right 0 no-repeat;}
.style1 .title h4{font-size:14px;float:left;color:#AEC906;}
.style1 .title span{float:right;}
.style1 .title span a:hover{text-decoration:underline;}
.style1 .title span a{color:#AEC906;}

.style2{margin:10px 0;background:#F0F9EC;border:#90C616 1px solid;}
.style2 .title{height:20px;padding:10px 15px 0;}
.style2 .title h4{font-size:14px;float:left;color:#000;}
.style2 .title span{float:right;}
.style2 .title span a:hover{text-decoration:underline;}
.style2 .title span a{color:#1E6700;}

#myFriend ul{height:110px;padding:5px 0 5px 10px;list-style:none;}
#myFriend ul li{float:left;width:35px;height:35px;margin:3px;padding:2px 8px 8px 2px;background:url(../../../images/group/home/style2/faceBg.gif) no-repeat;}
#myFriend ul li img{width:35px;height:35px;}

#guest ul{list-style:none;padding-bottom:5px;}
#guest ul li{height:45px;margin:5px 12px;}
#guest ul li span{float:left;width:35px;height:35px;margin-right:5px;padding:2px 8px 8px 2px;background:url(../../../images/group/home/style2/faceBg.gif) no-repeat;}
#guest ul li span img{width:35px;height:35px;}
#guest ul li a{float:left;width:90px;height:14px;overflow:hidden;margin:5px 0;}
#guest ul li cite{float:left;width:90px;}

#articleList{padding:20px;}
#article .item{padding:10px 20px;color:#666;}
#articleList .item{padding:10px 0;color:#666;}
#article .item h3,#articleList .item h3{font-size:14px;height:15px;padding:4px 0 0 25px;background:url(../../../images/group/icon2.gif) 0 center no-repeat;}
#article .item h3 a,#articleList .item h3 a{color:#333;}
#article .item p,#articleList .item p{word-break:break-all;margin:5px 0;padding:8px 0 0;line-height:18px;background:url(../../../images/group/group/bg1.gif) 0 top repeat-x;}
#article .item div,#articleList .item div{background:#D3F1C6;padding:4px 10px;}

#favorite{padding-bottom:10px;}

table{width:94%;margin:10px auto;color:#666;}
table tr th{text-align:left;color:#999;white-space:nowrap;padding:5px;}
table tr td{background:url(../../../images/group/group/bg1.gif) 0 top repeat-x;padding:5px;}

#eventF{padding-bottom:5px;}
#eventF .title{margin-bottom:10px;}
#eventF .item{padding:0 10px;color:#666;}
#eventF .item span{display:none;float:left;width:35px;height:35px;margin:3px;padding:2px 8px 8px 2px;background:url(../../../images/group/home/style2/faceBg.gif) no-repeat;}
#eventF .item span img{width:35px;height:35px;}
#eventF .item p{line-height:18px;padding:2px 0;/*margin-left:60px;*/}

#userInfo{background:#E2F4DA;color:#666;}
#userInfo .face{background:#fff;width:90px;height:90px;padding:2px;border:#ddd 1px solid;float:left;margin:20px 10px 10px 20px;}
#userInfo .face img{width:90px;height:90px;}
#userInfo .bt{width:66px;float:left;margin:20px 0;}
#userInfo .bt a{display:block;margin:5px 10px;width:66px;height:17px;padding-top:5px;text-align:center;color:#000;background:url(../../../images/group/home/style2/bt1.gif) 0 -23px no-repeat;}
#userInfo .bt a:hover{background:url(../../../images/group/home/style2/bt1.gif) 0 0 no-repeat;}
#userInfo strong{color:#000;font-size:14px;background:#D3F1C6;padding:6px 10px;display:block;border-bottom:#90C616 1px solid;border-top:#90C616 1px solid;}
#userInfo p{clear:both;margin:10px 10px;line-height:18px;}

#guestBook{padding-bottom:5px;}
#guestBook li{padding:5px 0;line-height:18px;color:#666;height:50px;overflow:hidden;}
#guestBook li span{display:block;color:#999;}
#guestBook ul{list-style:none;padding:5px 10px;}
#guestBook form{background:url(../../../images/group/group/bg1.gif) 0 top repeat-x;padding:1px 0 0;}
#guestBook form h5{padding:10px;font-weight:normal;font-size:12px;background:url(../../../images/group/home/style2/bg1.gif) repeat-x;}
#guestBook form textarea{width:200px;display:block;height:80px;margin:0 auto 5px;}
#guestBook form input{margin-left:10px;}
#guestBook form button{width:66px;height:22px;margin-left:10px;border:none;background:url(../../../images/group/home/style2/bt1.gif) 0 0 no-repeat;color:#000;cursor:pointer;}

#info{padding:20px;}
#info h5{font-size:14px;padding:5px 15px;background:url(../../../images/group/home/style2/icon1.gif) 0 5px no-repeat;}
#info p{padding:10px 10px 30px 30px;line-height:20px;background:url(../../../images/group/group/bg1.gif) repeat-x;}

#articleSort ul{list-style:inside;padding:10px 20px;}
#articleSort ul li{padding:2px;}

#articleDetail{padding:20px;}
#articleDetail h1{font-size:20px;text-align:center;line-height:22px;}
#articleDetail p{word-break:break-all;margin:20px 0;font-size:14px;line-height:22px;}
#articleDetail div{color:#999;}

#comment{padding:20px;}
#comment h5{font-size:14px;padding:5px 15px;background:url(../../../images/group/home/style2/icon1.gif) 0 5px no-repeat;}
#comment ul{list-style:none;}
#comment ul li{padding:10px 0;background:url(../../../images/group/group/bg1.gif) repeat-x;overflow:auto;}
* html #comment ul li{height:1%;}
#comment ul li span{float:left;width:35px;margin-right:5px;height:35px;padding:2px 8px 8px 2px;background:url(../../../images/group/home/style2/faceBg.gif) no-repeat;}
#comment ul li span img{width:35px;height:35px;}
#comment ul li div{float:left;width:660px;padding:0 0 5px;color:#999;}
#comment ul li p{word-break:break-all;float:left;width:660px;line-height:18px;}
#comment textarea{width:95%;margin-bottom:10px;}
#comment button{width:85px;height:27px;border:none;background:url(../../../images/group/group/button1.gif) no-repeat;color:#fff;cursor:pointer;}

#writing{list-style:none;padding:10px 0 20px;overflow:auto;}
* #writing{height:1%;}
#writing li{display:inline;float:left;margin:10px 0 10px 15px;width:340px;height:150px;}
#writing li span{float:left;width:100px;height:140px;border:#ccc 1px solid;padding:2px;margin-right:10px;}
#writing li span img{width:100px;height:140px;}
#writing li h3,#writing li p{float:left;width:220px;}
#writing li h3{font-size:14px;line-height:16px;}
#writing li p{word-break:break-all;color:#999;line-height:18px;}

#favoriteList .pages,#calerList .pages,#friend .pages{text-align:center;}
#favoriteList ul,#calerList ul,#friend ul{list-style:none;overflow:auto;}
* html #favoriteList ul,* html #calerList ul,* friend #calerList ul{height:1%;}
#favoriteList ul li,#calerList ul li,#friend ul li{display:inline;float:left;width:19.9%;margin:10px 0;}
#favoriteList ul li div{margin:0 auto;width:95px;height:135px;padding:3px;border:#ddd 1px solid;}
#favoriteList ul li div img{width:95px;height:135px;}
#favoriteList ul li strong,#calerList ul li strong,#friend ul li strong{font-weight:normal;text-align:center;display:block;margin:5px 0;height:14px;overflow:hidden;}
#favoriteList ul li span{display:block;margin:0 auto;width:66px;height:17px;padding-top:5px;text-align:center;background:url(../../../images/group/bg1.gif) 0 bottom no-repeat;}
#calerList ul li span,#friend ul li span{display:block;margin:0 auto;width:89px;height:89px;padding:3px 11px 11px 3px;background:url(../../../images/group/home/style2/faceBg2.gif) no-repeat;}
#calerList ul li span img,#friend ul li span img{width:89px;height:89px;}

#guestbookList{padding:20px;}
#guestbookList ul{list-style:none;}
#guestbookList ul li{padding:10px 0;background:url(../../../images/group/group/bg1.gif) 0 bottom repeat-x;overflow:auto;}
* html #guestbookList ul li{height:1%;}
#guestbookList ul li span{float:left;margin-right:10px;width:89px;height:89px;padding:3px 11px 11px 3px;background:url(../../../images/group/home/style2/faceBg2.gif) no-repeat;}
#guestbookList ul li span img{width:89px;height:89px;}
#guestbookList ul li div{float:left;width:600px;padding:0 0 5px;color:#999;}
#guestbookList ul li p{word-break:break-all;float:left;width:600px;line-height:18px;}
#guestbookList textarea{width:95%;margin-bottom:10px;}
#guestbookList button{width:85px;height:27px;border:none;background:url(../../../images/group/group/button1.gif) no-repeat;color:#fff;cursor:pointer;}

