body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 00px;
	margin-bottom: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #c7e2ed;
        font-size:15px;
}
.style2 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #21AEDE; }
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #21AEDE;
}
a:active {
	text-decoration: none;
	color: #000000;
}

.content{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 18px;
	color: #000000;
	line-height: 22px;

}
.content2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #1898ee;

}
.content3{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;

}
.content4{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #666666;
}


.content_black{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
	line-height: 30px;
}

.content_red{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #f67003;
	line-height: 20px;

}
.content_red:link {
font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #f67003;
	line-height: 20px;

}

.content_red:visited {
font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #f67003;
	line-height: 20px;

}


.content_red:hover {
font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
		text-decoration: none;
}

.content_red:active {
font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #f67003;
	line-height: 20px;
}


.seachbox{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #838383;
	width: 120px;
	border: 1px solid #D2D2D2;

}
.seachlist{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	width: 100px;
	height: 20px;
	list-style-type: none;

}
.seachEditlist{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	width: 165px;
	height: 20px;
	list-style-type: none;

}

.input{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
	width: 130px;
	border: 1px solid #3996D6;

}

.inputbox{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #f40000;
	line-height: 20px;
	width: 380px;
	border: 1px solid #D2D2D2;

}
.inputbox2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #f40000;
	width: 380px;
	border: 1px solid #D2D2D2;
	height: 105px;

}

.title {
	font-family: "Verdana";
	font-size: 18px;
	color: #0E6EE6;
	font-weight: bold;
	

}
.title2 {
	font-family: "Arial";
	font-size: 15px;
	color: #000000;

}

.heading1 {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 15px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;

}
.heading2 {
	font-family: Verdana,Times New Roman, Times, serif;
	font-size: 18px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;
	text-decoration: underline;

}


.leftmenuitem {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}



.leftmenuitem:link {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}

.leftmenuitem:visited {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}


.leftmenuitem:hover {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #21AEAD;
	font-weight:bold;
	text-decoration: none;
}

.leftmenuitem:active {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 12px;
	color: #cccccc;
	font-weight:bold;
	text-decoration: none;
}

.fooder{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 22px;

}

.fooder:link {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.fooder:visited {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}


.fooder:hover {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.fooder:active {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}



/*
Common
*/

td{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
}

#button{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
}

.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.align_top{vertical-align:top}
.align_bottom{vertical-align:bottom}
.align_middle{vertical-align:middle}
.black_border{border:1px solid black}
.float_left{float:left}
.float_right{float:right}
.float_none{float:none}
.clear_both{clear:both}
.noborder{border:none}
.bold{font-weight:bold}
.no_margin{margin:0}
.more{margin:5px}


/* ListTable */
.ListTable{}
.ListTable .row_header{background:#27AFE3;color:#fff;font-weight:bold; font-size:13px;}
.ListTable .row_content_1{background:#fff; font-size:14px;}
.ListTable .row_content_2{background:#efefef; font-size:14px;}
.ListTable .row_content_1 td a{color:#000000; font-size:14px;}
.ListTable .row_content_1:hover{background:#DFF3FA; font-size:14px;}
.ListTable .row_content_2 td a{color:#000000; font-size:14px;}
.ListTable .row_content_2:hover{background:#DFF3FA; font-size:14px;}
/* Paging */
.PagingWrapper{}
.PagingWrapper .Paging{margin:10px 5px 2px 0;}
.PagingWrapper .Paging span{float:left;}
.PagingWrapper .Paging span a{display:block;padding:2px 5px; margin:2px}
.PagingWrapper .Paging span a.number{border:1px solid #333333;height:16px;width:14px;}
.PagingWrapper .Paging span a.number_on{border:1px solid #FF9218;height:16px;width:14px;}
.PagingWrapper .Paging span a:hover.number{background:#fbd0d7;border:1px solid #FF9218;}
.PagingWrapper .Paging span .prev,.Paging span .next,.Paging span .info{position:relative;top:5px;}


/*
Article
*/
.Article .title{font-size:16px; color:#23ABDB; font-weight:bold;margin:0 0 5px 0;}
.Article .date{font-size:11px;color:#333;}
.Article .info span{color:#B02840;}
.Article .content{margin:10px 0;font-size:13px;color:#000000;}
.Article .content a{color:#000000;}


.date_news{font-size:12px;color:#942923;}
.title_news{font-size:12px;color:black;}
.title_news a{font-size:12px;color:black;}
.title_news a:hover{font-size:12px;color:black;text-decoration:underline}
.news_sep{color:#942923;height:1px;}


/* For drop down menu*/

.content_menu {
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	color:#143771;
	line-height: 20px;
	font-weight: bold;
	
}

.content_menu:active {
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	color:#143771;
	line-height: 20px;
	font-weight: bold;
	
}

.content_menu:hover{
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color:#143771;
}

#popitmenu{
	position: absolute;
	background-color: white;
	border:1px solid black;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	visibility: hidden;
}

#popitmenu a{
	text-decoration: none;
	padding-left: 6px;
	color: black;
	display: block;
}

#popitmenu a:hover{ /*hover background color*/
	background-color: #CCFF9D;
}

.calweekdayred{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #FF0000;
	background-color: #EEEEEE;
}
.calweekday{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #FFFFFF;

}
.calnormal{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #FFFFFF;

}

.CalendarTable{}
.CalendarTable .calActivity { color: #000000; background-color: #FFFFFF;}
.CalendarTable .calActivity2 { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2:link { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2:visited { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2:hover { font-weight:bold; color: #000000; background-color: #9CD8F0;}
.CalendarTable .calActivity2active { color: #000000;background-color: #C7E2ED;}
.CalendarTable .calActivity2 a:link { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2 a:visited { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2 a:hover { font-weight:bold; color: #000000; background-color: #9CD8F0;}
.CalendarTable .calActivity2 a:active { color: #000000;background-color: #C7E2ED;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: transparent;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}