/*===========================================
Homepage
===========================================*/
#homepage{
	float:right;
	width:790px;
}
	#homepage *{
		box-sizing:border-box;-webkit-box-sizing:border-box;
	}
	#homepage-content-left{
		float:left;
		width:550px;
		padding-top:40px;
	}
	#homepage-content-right{
		float:right;
		width:190px;
		padding-top:30px;
	}
/*-------------------------------------------
quick
-------------------------------------------*/
#quick{
	background:url(../images/home-big-pic1.jpg) no-repeat;
	width:790px;
	height:260px;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	box-shadow:inset 0 0 3px rgba(0,0,0,.2);
}
	#quick ul{
		margin:0; padding:0; list-style:none;
		position:absolute; bottom:0;
		width:100%;
		height:87px;
		background:url(../images/home-pic-overlay.png);
	}
		#quick ul li{
			float:left;
			height:100%;
			width:20%;
			background:url(../images/home-pic-overlay-line.png) 0 50% no-repeat;
			text-align:center;
			position:relative;
		}
		#quick ul li:nth-child(6){
			width:20%;
		}
			#quick ul li a{
				display:block;
				position:absolute;
				width:100%;
				height:100%;
				margin:0 auto;
				background-position:50% 26%;
				background-repeat:no-repeat;
				transition-duration:.2s;-webkit-transition-duration:.2s;
			}
			#quick ul li a:hover{
				bottom:-2px;
			}
			#quick .i-forum{background-image:url(../images/quick-icon-forum.png);}
			#quick .i-download{background-image:url(../images/quick-icon-download.png);}
			#quick .i-member{background-image:url(../images/quick-icon-member.png);}
			#quick .i-score{background-image:url(../images/quick-icon-score.png);}
			#quick .i-cal{background-image:url(../images/quick-icon-cal.png);}
			#quick .i-contribute{
				background-image:url(../images/quick-icon-contribute.png?20170522);
				height:140px !important;
				bottom:0;
			}
				#quick .i-contribute span{
					padding-top:105px;
				}
				#quick ul li span{
					display:block;
					color:#fff; font-size:16px;
					text-align:center;
					padding-top:53px;
				}
				#quick ul li a:hover span{
					color:#e6cd82;
				}

/*-------------------------------------------
focus banner
-------------------------------------------*/
#focus-banner{
	margin-top:-10px;
	margin-bottom:40px;
}
	#focus-banner p.title{
		color:#000;
		font-size:17px;
		margin-bottom:8px;
	}
	#focus-banner figure{
		margin:0;
		overflow:hidden;
		border-radius:5px;
	}
/*-------------------------------------------
info list
-------------------------------------------*/
.info-list{
	position:relative;
}
	.info-list .title{
		margin:0;
		color:#ba9e3b; font-size:24px; font-weight:400; line-height:24px;
		position:relative;
		border-bottom:1px solid #ddd;
	}
		.info-list .title span{
			display:inline-block;
			position:absolute; top:-13px;
			background-color:#fff;
			padding-right:6px;
		}
	.info-list .btn-more{
		background-color:#fff;
		color:#222; font-size:12px;
		border:1px solid #ccc;
		position:absolute; right:0; top:-12px;
		padding:3px 8px;
		box-shadow:none;
	}
	.info-list .btn-more:hover{
		border-color:#0395d8;
	}
.info-list ul{
	margin:20px 0;
	padding:0;
	list-style:none;
}
	.info-list ul li{
		border-bottom:1px dotted #ccc;
		padding:8px 0;
	}
		.info-list ul li.top a{
			color:#f00;
		}
		.info-list ul li time, .info-list ul li span, .info-list ul li a{
			display:inline-block;
			vertical-align:top;
			line-height:18px;
		}
		.info-list ul li .type{
			width:80px;
			margin-left:15px;
			background-color:#cdb97e;
			color:#fff; font-size:12px; line-height:20px;
			text-align:center;
			border-radius:5px;
		}
		.info-list ul li a{
			width:360px;
			height:20px;
			overflow:hidden;
			margin-left:15px;
			color:#222;
		}
		.info-list ul li a:hover{
			color:#09F;
		}
.info-list .noneData{
	margin-top:30px;
}
/*-------------------------------------------
events
-------------------------------------------*/
.events-list{
	margin-top:50px;
}

/*-------------------------------------------
calendar
-------------------------------------------*/
#calendar{
	
}
	#calendar .date{
		margin:0;
		color:#ba9e3b; font-size:30px; font-weight:400; line-height:24px;
		text-align:center;
	}
		#calendar .year{
			font-size:13px;
		}
	#calendar thead th{
		text-align:center;
		padding:8px 0;
	}
	#calendar tbody td{
		text-align:center;
		padding:1px;
		line-height:24px;
	}
		#calendar tbody span{
			display:block;
			background-color:#f5f5f5;
			color:#999; font-size:12px;
			border:2px solid #f5f5f5;
		}
		#calendar tbody .today span{
			display:block;
			background-color:#cdb97e;
			color:#fff;
			border:2px solid #cdb97e;
		}
		#calendar tbody a{
			display:block;
			color:#111;
			border:2px solid #185977;
		}
		#calendar tbody a:hover{
			color:#fff;
			background-color:#185977;
		}
		
/*-------------------------------------------
banners
-------------------------------------------*/
#banners{
	margin-top:30px;
}
	#banners ul{
		margin:0;
		padding:0;
		list-style:none;
	}
		#banners ul li{
			padding:10px 0;
		}
			#banners figure{
				margin:0;
				background:url(../images/ban/default.jpg) 50% 50% no-repeat;
				width:182px;
				min-height:70px;
				overflow:hidden;
				border:1px solid #e3e3e3;
				border-radius:5px;
			}
			#banners figure img{
				width:182px;
			}

/*-------------------------------------------
@2x
-------------------------------------------*/
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {
	
}

@media screen and (min-width: 1200px) {
	
}
@media screen and (max-width: 1024px) {
	
}