body { 
font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif; 
background-image : url(./image/bg3.jpg);
font-size : 90%; 
} 
h1 { 
color : #fff;
font-family : '新細明體';
text-align: center; 
background : #3791D6; 
font-size : 2em; 
padding : 0.5em; 
border-top : 1px solid #276A9E;
border-bottom : 3px outset #276A9E;
border-left : 1px solid #276A9E; 
border-right : 2px outset #4485b6; 
} 
div.phpc-navbar, div.phpc-footer { 
background : #fff; 
padding : 0.8em; 
width : 97%; 
margin-bottom : 0.5em; 
font-size : 0.8em; 
border-bottom : 1px solid #ccc; 
border-right : 1px solid #ccc; 
color : #999; 
} 
div.phpc-navbar a { 
color : #36c;
font-family: 細明體,sans-serif;
font-size: 12pt;
text-decoration : none; 
padding-right : 0.5em; 
padding-left : 0.4em; 
border-right : 1px solid #eee; 
} 
div.phpc-navbar a:hover { 
color : #fff;
background : #36c;
font-family: 細明體,sans-serif;
font-weight: bold;
font-size: 12pt;
text-decoration : none; 
padding-right : 0.5em; 
padding-left : 0.4em; 
border-right : 1px solid #eee; 
} 
div.phpc-footer a { 
color : #36c; 
text-decoration : none; 
} 
div.phpc-footer p { 
padding : 0; 
margin : 0; 
} 
table.phpc-main { 
background : #fff; 
padding : 1.2em; 
margin-left : auto; 
margin-right : auto; 
margin-bottom : 2em; 
border-bottom : 3px solid #6D6D6D; 
border-left : 5px solid #6D6D6D; 
border-right : 1px solid #6D6D6D; 
} 
table.pchpc-main#calendar { 
width : 97%; 
padding : 0.2em; 
} 
table.phpc-main caption { 

font-weight : bold; 
font-size : 20px; 
font-family: sans-serif;
background-image : url(./image/line4.gif); 
color: #F7FFEF;
	margin-top: 10px;
	margin-left: 0px;
	border-right: 1px solid #6D6D6D;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	padding-left: 1em;
	text-align: left;
	font-style: italic;


} 
table.phpc-main#calendar caption { 
text-align : center; 
padding : 0.5em; 
} 
table.phpc-main#calendar th { 
background : #9fc1db; 
color : #fff; 
font-family: 新細明體,sans-serif;
padding : 0.5em; 
font-size : 16px; 
letter-spacing: 1pt;
text-align : center;

} 
table.phpc-main th {
font-family: 新細明體,sans-serif; 
font-size : 16px;
text-align : left; 
padding-bottom : 0.8em; 
background : #fcf0f7; 
padding-left : 1em; 
padding-right : 1em; 
color : #c37ace; 
padding-top : 0.8em; 
} 
table.phpc-main td { 
background : #C6C6C6; 
padding : 0.8em; 
color : #000; 
font-family: 新細明體,sans-serif; 
font-size : 16px; 
} 
table.phpc-main#calendar td { 
font-size : 0.95em; 
text-align : left; 
} 
table.phpc-main td a { 
color : #36c; 
text-decoration : none; 
border-bottom : 1px dotted #36c; 
} 
table.phpc-main#calendar a { 
border : none; 
} 
table.phpc-main td a:hover { 
color : #009; 
border-bottom : 1px dotted #666; 
} 
table.phpc-main input { 
border : 1px solid #ccc; 
} 
table.phpc-main tfoot { 
text-align : center; 
} 
table.phpc-main tfoot td { 
background : #eee; 
} 
table.phpc-main tfoot input { 
background : #ddd; 
color : #333; 
font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif; 
font-size : 1.2em; 
padding-top : 0.2em; 
padding-bottom : 0.2em; 
padding-left : 2em; 
padding-right : 2em; 
border-bottom : 1px solid #666; 
border-right : 1px solid #666; 
border-top : 1px solid #f5f5f5; 
border-left : 1px solid #f5f5f5; 
} 
h2 { 
background : #ffc; 
color : #000; 
font-weight : normal; 
padding-left : 1.5em; 
padding-right : 3em; 
padding-top : 2em; 
padding-bottom : 2em; 
width : 80%; 
} 
div.phpc-main h2 { 
color : #c36; 
background : none; 
font-weight : normal; 
font-size : 1.8em; 
padding-left : 0.5em; 
padding-top : 0.8em; 
padding-bottom : 0.2em; 
} 
div.phpc-main { 
width : 70%; 
background : #fff; 
padding-left : 1em; 
padding-right : 1em; 
padding-bottom : 1.5em; 
margin-bottom : 2em; 
margin-top : 1em; 
margin-left : auto; 
margin-right : auto; 
color : #666; 
border-bottom : 1px solid #ccc; 
border-right : 1px solid #ccc; 
} 
div.phpc-main a { 
color : #36c; 
} 
div.phpc-main div { 
display : list-item; 
list-style : circle; 
margin-left : 2em; 
margin-bottom : 0.2em; 
} 
div.phpc-main div div { 
margin-left : 0; 
} 
div.phpc-main p { 
background : #ffc; 
color : #000; 
padding : 1em; 
border-bottom : 1px solid #eee; 
border-right : 1px solid #eee; 
} 
table#calendar td { 
padding : 0.2em; 
} 
table#calendar a.phpc-add { 
float : right; 
background : #fff; 
text-decoration : none; 
padding : 0.2em; 
width : 1.3em; 
margin-bottom : 0.2em; 
display : block; 
font-size : 0.9em; 
text-align : center; 
} 
table#calendar a.date { 
font-size : 2em; 
float : left; 
text-decoration : none; 
font-family: 標楷體,sans-serif; 
font-style : italic; 

} 
table#calendar td, table#calendar th { 
width : 14%; 
} 
table#calendar td ul { 
margin-top : 3em; 
margin-left : 0; 
padding : 0.2em; 
} 
table#calendar td ul li { 
list-style : none; 
display : inline; 
font-size : 0.8em; 
} 
table#calendar td ul li a { 
text-decoration : none; 
display : block; 
padding : 0.5em; 
margin-bottom : 2px; 
} 
table#calendar td ul li a:hover { 
background : #fff; 
color : #f60; 
} 
table#calendar td.past li a { 
background : #e3f2fc;
font-size: 10pt; 
color : #4485b6; 
} 
table#calendar td.present li a { 
background : #fcdbee; 
font-size: 10pt; 
color : #a843b7; 
} 
table#calendar td.future li a { 
background : #eefcdb; 
font-size: 10pt; 
color : #55870A; 
} 
table#calendar td.past { 
background-image : url(./image/blue2.jpg);
} 
table#calendar td.present { 
background : #fcf0f7; 
} 
table#calendar td.future { 
/* background-image : url(./image/green3.jpg); */
background-image : url(./image/bg.jpg);
} 
table#calendar td.past a.phpc-add { 
color : #9fc1db; 
} 
table#calendar td.past a.phpc-add:hover { 
background : #9fc1db; 
color : #fff; 
} 
table#calendar td.present a.phpc-add { 
color : #f1bbdb; 
} 
table#calendar td.present a.phpc-add:hover { 
background : #f699cf; 
color : #fff; 
} 
table#calendar td.future a.phpc-add { 
color : #c1db9f; 
} 
table#calendar td.future a.phpc-add:hover { 
background : #c1db9f; 
color : #fff; 
} 
table#calendar td.past a.date { 
color : #cde6f5; 
color : #000; 
} 
table#calendar td.past a.date:hover { 
color : #FF5521;
font-size: 20pt; 
font-weight: bold; 
} 
table#calendar td.present a.date { 
color : #fcdbee; 
color : #dcbbce; 
} 
table#calendar td.present a.date:hover { 
color : #f486c6; 
} 
table#calendar td.future a.date { 
color : #e5f5cd; 
color : #000; 
} 
table#calendar td.future a.date:hover { 
color : #FF5521;
font-size: 20pt; 
font-weight: bold;
}