@charset "big5";
/*===========================================
Homepage
===========================================*/
#content-container{
	padding:0;
}
#homepage{
	padding-top:80px;
}

/*-------------------------------------------
pics
-------------------------------------------*/
#pics{
	height:185px;
	background-color:#eee1e4;
}
.owl-carousel{
	height:185px;
}
	.owl-carousel .owl-item{
		opacity:.4;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";/* IE 8 */
		filter:alpha(opacity=40);/* IE 5-7 */
		-moz-opacity:.4;
		transition-duration:.3s;-webkit-transition-duration:.3s;
	}
	.owl-carousel .owl-item.active.center{
		opacity:1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/* IE 8 */
		filter:alpha(opacity=100);/* IE 5-7 */
		-moz-opacity:1;
	}
		.owl-carousel .item{
			width:760px; height:185px;
		}
			.owl-carousel .item figure{
				margin:0;
				width:770px; height:350px;
				position:relative;
			}
				.owl-carousel .item figure .owl-lazy{
					width:760px;
					height:185px;
				}
/* Nav(Prev & Next) */
.owl-controls{
}
	.owl-controls .owl-dots{
		width:770px;
		position:relative;
		margin:5px auto 0;
		text-align:center;
	}
		.owl-controls .owl-dots .owl-dot{
			display:inline-block;*display:inline;zoom:1;
		}
			.owl-controls .owl-dots .owl-dot span{
				display:inline-block;*display:inline;zoom:1;
				width:10px;
				height:10px;
				background-color:#d6b8c0;
				border-radius:50%;
				margin:0 5px;
			}
			.owl-controls .owl-dots .owl-dot.active span{
				background-color:#a81f87;
			}
/*-------------------------------------------
news & events
-------------------------------------------*/
#news h3, #events h3{
	margin:0;
	font-size:18px;
	position:absolute; top:-30px;
}
#news .btn-more, #events .btn-more{
	position:absolute; right:0; top:-30px;
	color:#a81f87; font-size:15px; line-height:18px;
	background:url(../images/btn_more.png) 100% 50% no-repeat;
	padding-right:18px;
}
#news .info-list ul, #events .info-list ul{
	margin:0; padding:0; list-style:none;
	box-shadow:inset 0 -2px 5px rgba(0,0,0,.2);
}
	#news .info-list ul li, #events .info-list ul li{
		padding:10px;
	}
	#news .info-list ul li:nth-child(even), #events .info-list ul li:nth-child(even){
		background-color:#fcf6f7;
	}
/*-------------------------------------------
news
-------------------------------------------*/
#news{
	float:left;
	width:470px;
	border:2px solid #a81f87;
	margin-left:5px;
	border-radius:3px;
	position:relative;
}
	#news .info-list time{
		font-size:12px; color:#777;
	}
	#news .info-list .type{
		display:inline-block;*display:inline;zoom:1;
		width:90px;
		background-color:#b44d98;
		border-radius:3px;
		color:#fff; font-size:12px;
		text-align:center;
		padding:2px 10px;
	}
	#news .info-list a{
		display:inline-block;*display:inline;zoom:1;
		margin-top:5px;
		color:#111;
	}
	#news .info-list .top a{
		color:#a81f87;
	}
	#news .info-list a:hover{
		color:#009cff;
	}
/*-------------------------------------------
events
-------------------------------------------*/
#events{
	float:right;
	width:470px;
	border:2px solid #a81f87;
	margin-right:5px;
	border-radius:3px;
	position:relative;
}
	#type-tabs{
		margin:0; padding:0; list-style:none;
		position:absolute; top:-36px; right:60px;
	}
		#type-tabs li{
			float:left;
		}
			#type-tabs a{
				display:block;
				background-color:#f5f5f5;
				color:#a81f87; line-height:18px;
				padding:8px 15px;
			}
			#type-tabs .active a{
				background-color:#a81f87;
				color:#fff;
			}
	#events .info-list{
		display:none;
	}
	#events #All{
		display:block;
	}
	#events .info-list ul li{
		padding:16px 10px;
	}
	#events .info-list time, #events .info-list a{
		display:inline-block;*display:inline;zoom:1;
		vertical-align:top;
	}
	#events .info-list time{
		position:relative;
		width:90px;
	}
		#events .info-list time .day{
			font-size:40px; font-weight:300; line-height:36px;
		}
		#events .info-list time .month-year{
			position:absolute; top:1px; left:50px;
			color:#777; font-size:12px;
		}
	#events .info-list a{
		width:350px;
		color:#111;
	}
	#events .info-list a:hover{
		color:#009cff;
	}
/*-------------------------------------------
gallery
-------------------------------------------*/
#gallery{
	clear:both;
	background-color:#eee1e4;
	height:185px;
	position:relative;
	margin-top:50px;
}
	#gallery h3{
		margin:0;
		font-size:18px;
		position:absolute; top:-24px; left:5px;
	}
	#gallery .btn-more{
		position:absolute; right:0; top:-26px;
		color:#a81f87; font-size:15px; line-height:18px;
		background:url(../images/btn_more.png) 100% 50% no-repeat;
		padding-right:18px;
	}
	#gallery ul{
		margin:0; padding:35px 0; list-style:none;
	}
		#gallery ul li{
			float:left;
			width:20%;
			text-align:center;
		}
			#gallery ul li a{
				display:block;
				width:160px;
				height:116px;
				margin:0 auto;
				overflow:hidden;
				border:5px solid #fff;
				box-shadow:0 2px 5px rgba(0,0,0,.3);
			}
			#gallery ul li a:hover{
				box-shadow:none;
				margin-top:2px;
			}