/*
*@page: about-activities
*@Author: zmx 2013-07-01
*@Update: zmx 2013-07-01
*/
@import url(/css/font.css);
@import url(/css/reset.css);
@import url(/css/libs/header.css);

/*layout 3 columns*/
.grid-3c {
    *zoom: 1;
    clear: both;
}
.grid-3c .main {
    float: left;
    width: 100%;
}
.grid-3c .main .main-wrap {
    margin: 0 240px 0 200px;
}
.grid-3c .sider {
    width: 190px;
    margin-left: -100%;
    _margin-left: -990px;
    float: left;
    position: relative;
}
.grid-3c .extra {
    width: 230px;
    margin-left: -230px;
    float: left;
    position: relative;
}

/*layout 2 columns*/
.grid-2c {
    *zoom: 1;
    clear: both;
}
.grid-2c .main {
    float: left;
    width: 100%;
}
.grid-2c .main .main-wrap {
    margin: 0 0px 0 200px;
}
.grid-2c .sider {
    width: 190px;
    margin-left: -100%;
    _margin-left: -990px;
    float: left;
    position: relative;
}


/*about - sider */
.sider h3 {
    background: #f1f1f1;
    border:1px solid #ddd;
    color: #333;
    font-size: 14px;
    padding: 4px 0;
    text-indent: 15px;
}
.sider ul {
    border: 1px solid #ddd;
    border-top: 0 none;
}
.sider li {
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
	height:20px;
	line-height:20px;
	font-weight:normal;
}
.sider li:last-child {
    border-bottom: none;
}
.sider li a{
    color: #666;
    text-decoration: none;
}
.sider .selected {
    background: #f5f5f5;
}
.sider .selected a {
    color: #e64545
}
/*about - extra*/
.grid-3c .extra .aside{
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background: #f5f5f5;
}
.extra h3 {
    font-size: 14px;
    padding: 4px 0 4px 10px;
    border-bottom: 1px solid #ddd;
}
.extra .more {
    float: right;
    margin: 7px 5px 0 0 ;
}
.extra  ul {
    margin-bottom: 10px;
}
.extra  li {
    padding: 5px 0 5px 20px;
    background: url(/img/icon/li-dot.png) 10px 12px no-repeat;
}
.extra  li a {
    color: #333;
}
.extra  li .meta {
    color: #999;
}
.extra  li .icon {
    font-size: 14px;
}
.grid-3c .main {
    padding-bottom: 30px;
}
/*activities-index*/
.index-list h3{
    border-bottom: 1px solid #ddd;
    padding: 6px 0;
}
.index-list .more {
    float: right;
    margin: 5px 10px 0 0 ;
    font-weight: normal;
	color:#246bb3;
}
.index-list .more:hover{
	color:#ff850a;
}
.news-wrap {
    padding: 15px 0;
    *zoom: 1;
	border-bottom:1px solid #eee;
}
.news-wrap .fl {
    margin-right: 10px;
    _margin-right: 7px;
}

.news-wrap li a{
	color:#246bb3;
}
.news-wrap li a:hover{
	color:#ff850a;
}
/*activities-list*/
.act-list-wrap{
	padding:10px;
	border:1px solid #ddd;
}
.act-list-wrap h2 {
    border-bottom: 1px solid #ddd;
    padding: 0 0 6px 0;
	font-size:24px;
}
.act-list-wrap .more {
    float: right;
    margin: 5px 10px 0 0 ;
}
.act-list .fl img {
    width: 100px;
}
.act-list .cf a {
    font-weight: bold;
}
.act-list .cf .meta {
    margin-top: 5px;
    color: #999;
}
.act-list .cf .meta .icon {
    font-size: 14px;
}
.act-list .cf .desc{
	 margin-top: 5px;
    line-height: 1.5;
}
.act-list .cf p {
    margin-top: 5px;
    line-height: 1.5;
}

.act-detail{
	border:1px solid #ddd;
	padding:20px;
}
.act-detail h2 {
    font-size: 32px;
	line-height:1.2;
}
.act-detail .meta {
    color: #999;
    margin-top: 10px;
}
.act-detail .meta .icon {
    font-size: 14px;
}
.act-detail p{
	font-size:14px;
}
.act-detail .like {
    margin: 30px 0;
}
.act-detail .page-nav {
    margin-top: 20px;
}
.act-detail img {
    max-width: 748px;
}