
/* ========================== 行事曆 ========================== */
#calendar { width:220px; background:url(../images/Calendar_bg.gif) no-repeat left bottom; margin-bottom:15px; padding-bottom:5px;}
#calendar h2 { display:block;width:220px; height:35px; background:url(../images/Calendar_bg.gif) no-repeat left top; text-indent:-9999px; }
#calendar .calendar_title { width:202px; height:22px; background-color:#f4d969; margin-left:9px; line-height:10px;*line-height:15px; }
#calendar .calendar_title .moth {display:block; width:92px; _width:85px; height:22; line-height:22px;text-align:center;float:left; color:#d75b0d; font-size:15px;}
#calendar .calendar_prev a  { float:left;display:block; width:50px; height:20px; color:#e7771c; text-decoration:none; padding-top:5px;text-indent:5px; font-size:12px; }
#calendar .calendar_next a { float:right;display:block; width:50px; height:20px; color:#e7771c; text-decoration:none; padding-top:5px;text-indent:0px; font-size:12px;}
#calendar .calendar_prev a:hover ,#calendar .calendar_next a:hover { color:#333;}
#calendar .calendar_prev a { background:url(../images/icon.gif) no-repeat 0px -100px; _background:url(../images/icon.gif) no-repeat 0px -98px; margin-left:7px;  }
#calendar .calendar_next a { background:url(../images/icon.gif) no-repeat 40px 7px; _background:url(../images/icon.gif) no-repeat 40px 9px;}
#calendar table {  margin:0px auto; background-color:#fff; z-index:999; margin-left:10px;}
#calendar table td, #calendar table th {width: 23px;text-align: center; vertical-align: middle;	color: #7e7e7e;position: relative;	font-weight:normal;font-size:1em;*font-size:11px;}
#calendar table td { width: 23px;text-align:center; vertical-align:top; padding:2px 3px 0px 3px; *padding:1px 3px 0px 2px;background-color:#fff;font-family:Verdana, Geneva, sans-serif;height: 17px;color: #7e7e7e;/* border-bottom:1px solid #dde1e1;border-left:1px solid #dde1e1;border-bottom:1px solid #dde1e1\9;border-left:1px solid #dde1e1/9;*/ +border:0px; _border:0px;}
#calendar table th { height: 17px;}
#calendar td:hover {color: #7e7e7e;background-color:#ddd;}
#calendar td.date_has_event { /*活動日期*/
	color: #fff;font-weight:bold;background-color:#a0ca56; z-index:50;}
#calendar td.date_has_event2 { /*當天有活動*/
	color: #fff;font-weight:bold;background-color:#cdcdcd; z-index:0;}
#calendar td.date_has_event:hover ,#calendar td.date_has_event2:hover{ background-color:#cdcdcd;font-size:12px; color:#fff;}
/*空白日期*/
#calendar td.padding { background-color:#fff;}
#calendar td.today { /*當天日期*/	
	color: #fff; background-color:#ebecec; }
#calendar td.today:hover {	
	background-color:#ebecec; font-size:13px; color:#333;}
#calendar .events { /*滑過去表格*/
	position: relative; z-index:9999; left:0px; top:0px;}
#calendar .events ul {
	text-align: left; position:absolute; display:block; z-index: 200; padding: 3px 3px 0px 3px;background-color:#fff;font-size: 1em;
	-moz-border-radius: 3px; -khtml-border-radius: 3px;-webkit-border-radius: 3px;-border-radius: 3px;list-style: none;-webkit-box-shadow: 0px 8px 8px #333;border:1px solid #cdcdcd;}
#calendar .events li { display: block;width:160px;font-size: 1em; padding:0px 0px 5px 7px; background:url(../images/icon.gif) no-repeat 0px -210px; *background:url(../images/icon.gif) no-repeat 0px -213px; line-height:16px;color: #333;z-index:9999; background-color:#fff;}
#calendar .events li a { color:#528c9f; text-decoration:none; font-weight:normal; }
#calendar .events li a:hover { color:#555; text-decoration:underline;}
#calendar .weeks1 , .weeks2 , .weeks3 , .weeks4 , .weeks5 , .weeks6 , .weeks7{ display:block; width:28px; font-size:13px; height:20px; background-color:#fff;font-family:Arial, "新細明體"; margin:3px 0px 3px 0px; *margin:5px 0px 0px 0px; color:#7e7e7e;}
.weeks6 , .weeks7 { color:#ea7719;} 
/* ==================================== 內頁行事曆 ======================================= */
#calendar_sub {
	display:block;
	width:798px;
	padding-bottom:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 8px;
}
#calendar_sub .calendar_title2 {
	height:45px;
	width:795px;
	*width:820px;
}
#calendar_sub .calendar_title2 .moth2 {
	display:block;
	width:595px;
	_width:620px;
	height:35px;
	line-height:50px;
	text-align:center;
	float:left;
	color:#CCC;
	font-size:16px;
}
#calendar_sub .calendar_prev2 a { float:left;display:block; width:60px; height:20px; background:url(../images/week_b.gif) no-repeat left top; text-indent:-9999px; margin:17px 10px 0px 15px; _margin:17px 0px 0px 5px;}
#calendar_sub .calendar_next2 a { float:left;display:block; width:60px; height:20px; background:url(../images/week_b.gif) no-repeat right top; text-indent:-9999px; margin:17px 0px 0px 0px;}
#calendar_sub table {
	clear:both;
	border-collapse: separate;
	font-size: 20px;
	z-index:999;

}
#calendar_sub td, #calendar_sub th { width: 100px;text-align: center; vertical-align: middle; color: #333;position: relative; font-weight:normal;font-size:12px;}
#calendar_sub td {
	width: 100px;
	text-align:right;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	height: 35px;
	color: #FF8686;
+border:0px; 																						_border:0px;
	background-image: url(../images/week_bg.gif);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	padding-left: 0px;
	background-position: 8px 0px;
	padding-right: 5px;
	padding-top: 0px;
}
#calendar_sub th {height: 25px;}
#calendar_sub td:hover, #calendar_sub th:hover {
	color: #666;
}
#calendar_sub td.date_has_event { /*活動日期*/
	color: #fff;
	font-weight:bold;
	z-index:50;
	background-image: url(../images/week_bg3.gif);
	background-repeat: no-repeat;
	background-position: 8px 0px;
}
#calendar_sub td.date_has_event2 { /*當天有活動*/
	color: #fff;
	font-weight:bold;
	z-index:60;
	font-weight:bold;
	background-image: url(../images/week_bg2.gif);
	background-repeat: no-repeat;
	background-position: 8px 0px;
}
#calendar_sub td.date_has_event:hover ,#calendar_sub td.date_has_event2:hover{
	font-size:13px;
	color:#C33;
	background-image: url(../images/week_bg1.gif);
	background-repeat: no-repeat;
	background-position: 8px 0px;
}
/*空白日期*/
#calendar_sub td.padding {background-color:#fff;}
#calendar_sub td.today { /*當天日期*/
	color: #AE003D;
	background-image: url(../images/week_bg4.gif);
	background-repeat: no-repeat;
	background-position: 8px 0px;
	font-size: 15px;
	font-weight: bold;
}
#calendar_sub td.today:hover {
	font-size:15px;
	color:#AE003D;
	background-image: url(../images/week_bg4.gif);
	background-repeat: no-repeat;
	background-position: 8px 0px;
	font-weight: bold;
}
#calendar_sub .events { /*滑過去表格*/
	position: relative; z-index:9999; left:7px;}
#calendar_sub .events ul {
	text-align: left;position:absolute;display:block; z-index: 200;padding: 3px 3px 3px 5px;*padding: 5px 5px 5px 5px;background-color:#fff;font-size: 11px;
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;-border-radius: 3px;list-style: none;-webkit-box-shadow: 0px 8px 8px #333; border:1px solid #cdcdcd;}
#calendar_sub .events li { display: block; width: 250px;*width: 280px;font-size: 1em; padding:0px 0px 5px 7px; background:url(../images/icon.gif) no-repeat 0px -210px; *background:url(../images/icon.gif) no-repeat 0px -213px; line-height:16px;color: #333;z-index:9999; background-color:#fff;}
#calendar_sub .events li a { color:#528c9f; text-decoration:none; font-weight:normal; }
#calendar_sub .events li a:hover { color:#555; text-decoration:underline;}
#calendar_sub .weeks1 ,#calendar_sub .weeks2 ,#calendar_sub .weeks3 , #calendar_sub .weeks4 , #calendar_sub .weeks5 , #calendar_sub .weeks6 , #calendar_sub .weeks7 {
	display:block;
	width:103px;
	height:23px;
	text-indent:-9999px;
}
#calendar_sub .weeks1 {background:url(../images/week.gif) no-repeat 30px -3px;}
#calendar_sub .weeks2 {background:url(../images/week.gif) no-repeat 30px -54px;}
#calendar_sub .weeks3 {background:url(../images/week.gif) no-repeat 30px -104px;}
#calendar_sub .weeks4 {background:url(../images/week.gif) no-repeat 30px -154px;}
#calendar_sub .weeks5 {background:url(../images/week.gif) no-repeat 30px -203px;}
#calendar_sub .weeks6 {background:url(../images/week.gif) no-repeat 30px -254px;}
#calendar_sub .weeks7 {background:url(../images/week.gif) no-repeat 30px -304px;}

