/* --- CALENDAR --- */
#content article.main-content{padding:0; border:none;}

/* --- CALENDAR TOP --- */
.cal-top{background:url(../images/home-cal-bg1.png) 0 bottom repeat-x #3cb3ed;}
.cal-top td{padding:8px 5px; color:#fff;}
.cal-top .year, .cal-top .month{
	font-size:18px; font-family:'Open Sans', serif;
	border:none;
}
.cal-top .previous, .cal-top .next{
	display:block;  width:26px; height:26px; text-indent:-9999em;
}
.cal-top .previous{font-size:18px; background:url(../images/cal-left.png) center 50% no-repeat;}
.cal-top .next{font-size:18px; background:url(../images/cal-right.png) center 50% no-repeat; text-align:left;}
.cal-top .month-now{
	font-size:15px; font-family:"微軟正黑體", "Microsoft JhengHei"; 
	padding:5px 10px;
	border-color:#ccc;
	color:#666;
	background-image:none;
	margin-left:10px;
}
/* --- ! --- */


/* --- CALENDAR DATE --- */
.cal-date thead th.week{color:#c00;}
.cal-date thead th{background:#3cb3eb; color:#fff; font-size:12px; line-height:24px;}
.cal-date tbody td{border:1px solid #dfdfdf; height:111px; vertical-align:top; font-size:12px; padding:0;}
.cal-date tbody td.today{background:#fffeee; border:2px solid #f2d198;}
.cal-date tbody td.today span{color:#0a86cc;}
.cal-date span{color:#999; padding:5px;}
.cal-date ul{margin:0;}
.cal-date ul li{margin-bottom:3px; background:#eff8ff; border-left:3px solid #3cb3eb;}
.cal-date a{display:block; text-decoration:none; color:#333; background:#f5f5f5; padding:5px 3px 5px 5px;}
.cal-date a:hover{color:#006ec2; background:#eff8ff;}