/* --- GLOBAL --- */
#homepage-top{margin-bottom:25px;}
#homepage-top h1, #homepage-top h2, #homepage-top h3, #homepage-top h4{margin:0; font-family:"微軟正黑體", serif;}
/* --- ! --- */

/* --- CALENDAR --- */
#ical{float:right; width:220px; font-size:12px; margin:0;}
#ical header{height:34px; background:url(../images/home-cal-bg1.png) 0 bottom repeat-x #3bb3eb;}
#ical header a.full{float:right; text-decoration:none; color:#fff; margin-top:10px; margin-right:8px;}
#ical header h3{margin:0; font-family:'Open Sans', serif; font-weight:400; padding:0 8px; color:#fff; font-size:12px;}
#ical header h3 .year{font-size:12px; color:#fff;}
#ical header h3 .month{font-size:24px; color:#fff;}
#ical table{background:#fff;
	box-shadow:0 1px 3px rgba(0%,0%,0%,.3);
	-moz-box-shadow:0 1px 3px rgba(0%,0%,0%,.3);
	-webkit-box-shadow:0 1px 3px rgba(0%,0%,0%,.3);
}
#ical table thead th{background:#3bb3eb; color:#fff; font-weight:normal;}
#ical table tbody td{text-align:center; font-size:12px; color:#aaa; border:1px dotted #f5f5f5; height:22px; padding:0; font-family:'Open Sans', serif;}
#ical table tbody td a{display:block; color:#3bb3eb; font-weight:bold; text-decoration:none; padding:3px;}
#ical table tbody td a:hover{background:#3bb3eb; color:#fff;}
/* --- ! --- */


/* --- NEWS --- */
#news{float:left; width:522px; background:#fff;
	box-shadow:0 1px 3px rgba(0%,0%,0%,.3);
	-moz-box-shadow:0 1px 3px rgba(0%,0%,0%,.3);
	-webkit-box-shadow:0 1px 3px rgba(0%,0%,0%,.3); 
	margin:0;
}
#news .mask{height:137px; overflow:hidden;}
#news h3{background:url(../images/home-title-bg-white.png) 0 bottom #fff; background-repeat:repeat-x; height:35px; 
	font-size:16px; color:#111; font-weight:bold; line-height:35px; padding-left:10px;
	position:relative;
}
#news h3 small{float:right; position:absolute; right:0; top:0;}
#news .more{font-size:12px; color:#666; margin-right:10px; font-weight:normal; background:transparent;}
#news td{font-size:12px; padding:4px 3px; vertical-align:top;}
#news time{color:#777;}
#news .type{color:#090;}
#news a{color:#666; text-decoration:none; font-size:13px;}
#news a:hover{color:#0c92d3;}
#news a.top{color:#333; font-weight:bold;}
#news a.top:hover{color:#0c92d3;}
/* --- ! --- */

#homepage-bottom{margin-bottom:15px;}
#homepage-bottom h1, #homepage-bottom h2, #homepage-bottom h3, #homepage-bottom h4{margin:0; font-family:"微軟正黑體", serif;}

/* --- EVENTS --- */
.contentHolder{position:relative; margin:0px auto; padding:0px; overflow:hidden;}
.contentHolder .content{width:auto; }
.contentHolder .content article{margin-right:20px;}
.spacer { text-align:center; }

#slider{margin:0;}
#slider .event{float:left; 
	width:275px; 
	height:auto!important;min-height:340px;height:340px;
	background:#fff;
	border-top:#0c93d4;
	margin-bottom:20px;
	box-shadow:0 1px 3px rgba(0%,0%,0%,.3);
	-moz-box-shadow:0 1px 3px rgba(0%,0%,0%,.3);
	-webkit-box-shadow:0 1px 3px rgba(0%,0%,0%,.3);
}
#slider .event .mask{}
#slider .event h3, #slider .event-type-name{
	background:url(../images/home-title-bg-white.png) 0 bottom #fff; background-repeat:repeat-x; height:35px; 
	font-size:16px; color:#0c93d4; font-weight:bold; line-height:35px; padding-left:10px;
	position:relative;
}
#slider .event h3 small{float:right; position:absolute; right:0; top:0;}
#slider .event .more{font-size:12px; color:#666; margin-right:10px; font-weight:normal;}
#slider .event th{padding:5px; width:50px; height:50px; vertical-align:top;}
#slider .event td{font-size:12px; padding:8px 5px 10px; vertical-align:top;}
#slider .event time{display:block; width:46px; height:45px; margin:0 auto; 
	text-align:center; vertical-align:middle; 
	color:#fff; font-size:12px; 
	font-family:'Open Sans', serif;
	font-weight:400;
	background:#0c93d4;
	border-radius:23px;
}
#slider .event time span{display:block; line-height:12px; padding-top:8px;}
#slider .event time strong{display:block; text-align:center; font-size:18px; line-height:20px; font-weight:700;}
#slider .event a{color:#333; text-decoration:none; font-size:13px; font-weight:bold;}
#slider .event a:hover{color:#0c92d3;}
/* --- ! --- */


.separated{background:url(../images/separated-shadow.png) center 0 no-repeat; height:10px; margin:6px 0 6px;}

