body {
	margin: 2px 2px 0px 2px;
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: repeat-y;
	font-family: "標楷體";
}


.menubg1 {
	background-color:#59b3d8;
}


a.menu_class {
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
	font-family:"標楷體";
}



/***********************************
	CONTAINERS
***********************************/

#main {
	width: 98%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;

}

#top_leftarea {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #FF9900;
	background-color: #FAFAFA;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 15px 5px;
	width: 500px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	text-align: left;
}

#top_centerarea {
	margin: 0px 0px 0px 0px;
	font-family: "標楷體";
	font-size: 36px;
	color: #666666;
	text-decoration: none;
	width: 100px;
	text-align: right;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}


#top_rightarea {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #666666;
	text-decoration: none;
	width: 100%;
	text-align: right;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

#top_area {
	margin: 0px 0px 0px 0px;
	font-family: "標楷體";
	font-size: 36px;
	color: #666666;
	text-decoration: none;
	width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	background-repeat:no-repeat;
}

#menu_area {
	margin: 0px 0px 0px 0px;
	font-family: "標楷體";
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	width: 760px;
	height: 10px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	background-image:url(images/menubg.jpg);
}


#body_area {
	width: 100%;
}

#left_area {
	float: left;
	word-wrap:break-word;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #7B68EE;
	text-decoration: none;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	width: 20%;
	height:480px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	background:#ffffff;
}

#content_area {
	float:left;
	word-wrap:break-word;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	width: 77%;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color:#FFFFFF;
	background:#ffffff;
	vertical-align: top;
}

#bottom_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #999999;
	padding: 10px 0px 10px 0px;
	text-align: center;
	width: 100%;
	clear: left;
	background-color: #FFFFFF;
}


#one_content_area {
	float:left;
	word-wrap:break-word;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:center;
	width:99%;
	height:auto;
	padding: 4px 4px 4px 4px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background:#ffffff;
	vertical-align: top;
}



#one_content_area2 {
	float: left;
	word-wrap:break-word;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	width:700px;
	height:550px;
	text-align: left;
	padding: 5px 5px 15px 5px;
	background-color: #FFFFFF;
	vertical-align: top;
}


#two_content_area {
	float: left;
	word-wrap:break-word;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	width: 78%;
	height:420px;
	text-align: left;
	padding: 5px 5px 15px 5px;
	background-color: #FFFFFF;
	vertical-align: top;
}


#right_area {
	float: left;
	word-wrap:break-word;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #FF9900;
	background-color: #FAFAFA;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	width: 20%;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	text-align: center;
}

#top-nav0 {
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 55%;
	color: #999999;
	text-align: right;
	vertical-align: bottom;
	height: 18px;
	line-height: 18px;
	padding-right: 5px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: #FFFFFF;
}



/***********************************
	LINKS
***********************************/

a {
	color:#333333;
	font-size:14px;
	text-decoration: none;
}


a:hover {
	text-decoration: none;
	color: #11A6D4;
}


a.submenu_class {
	color:#666666;
	text-align: left;
	font-weight:lighter;
	font-size:14px;
}

a.leftmenu_class {
	color:#666666;
	text-align: left;
	font-weight:lighter;
	font-size:16px;
}


a.top_right_class {
	color: #999999;
	text-decoration: none;
	font-family:"標楷體";
	font-size:80%;
}

a.top_right_class:hover {
	color: #FF9900;
}


a.navigation {
	color: #666666;
	border-width: 0px 0px 0px 5px;
	border-color: #DEDEDE;
	border-style: solid;
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 5px;
	text-align: left;
	font-weight: normal;
}


a.navigation:hover {
	border-color: #FF9900;
	background-color: #EFEFEF;
}

/***********************************
	MISCELLANEOUS
***********************************/
#banner_area {
	padding: 5px 0px 5px 0px;
	border-color: #999999;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	text-align: center;
	width: 100%;
}

hr {
	width: 100%;
	height: 0px;
	text-align: center;
	border-color: #CCCCCC;
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
}

h1 {
	color: #FF9900;
	font-size: 180%;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 15px 0px;
	font-weight: normal;
	padding: 2px 50px 0px 0px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #FF9900;
	background-color: #FFFFFF;
}

p {
	border-color: #999999;
	border-style: dashed;
	border-width: 0px 0px 1px 0px;
	padding: 0px 0px 10px 0px;
	margin-top: 10px;
}


.small_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #999999;
	text-align: left;
}

.block_bg {
	color: #99CCCC;
}
.content_style10 {
	font-size: 10px;
}
.content_style12 {
	font-size: 12px;
}
.content_style12red {
	color: red;
	font-size: 12px;
}
.content_style12purple {
	color: purple;
	font-size: 12px;
}

.content_style14 {
	font-size: 14px;
}
.content_style14c1 {
	color: #0066FF;
	font-size: 14px;
}
.content_style14gray {
	color:gray;
	font-size: 14px;
}
.content_style14red {
	color: red;
	font-size: 14px;
}
.content_style14brown {
	color: brown;
	font-size: 14px;
}

.content_style16c1 {color: #990066; font-size: 16px;}
.content_style16c2 {
	color: #0066FF;
	font-size: 16px;
}
.content_style16c3 {
	color:#003366;
	font-size: 16px;
}
.content_style16brown {
	color: brown;
	font-size: 16px;
}
.content_style16 {
	font-size: 16px;
}
.txtdisabled {
   color:blue;
   font-size:16px;
   background-color:#CCFFFF;
}

.txtreadonly {
   color:#red;
   font-size:14px;
   background-color:#CCFFFF;
}

.content_tableth { background-color:#FF7F50; color:#ffffff; font-size:16px; }

.content_table {   background: #EEEEEE;   border: 1px solid #AAAAAA;}
.content_table2 {   background: #EEEEEE;   border: 1px solid #AAAAAA;}

.content_table tr:nth-child(even) { background:#efefef; }
.content_table tr:nth-child(odd)  { background:#ffffff; }


.content_tdlabel {
   background-color:#CCCCCC;
}
.content_tdvalue {
   background-color:#FFFFFF;
}


.disablecolor { color: #CCCCCC; background-color: #FFFFFF; }
.normalcolor { color: #666666; background-color: #FFFACD; }
.holidaycolor { color: #EE3B3B; background-color: #99FFFF; }
.overcolor { color: #EE3B3B; background-color: #99FFFF; }
.holidayovercolor { color: #EE3B3B; background-color: #99FFFF; }
.restdaycolor { color: #BA55D3; background-color: #FFFACD; }
.reservedaycolor { color: #EE3B3B; background-color: #CCCCCC; }
.reservedayovercolor { color: #666666; background-color: #FFFACD; }

.fixednormalcolor { color: lightblue; background-color: #FFFACD; }
.fixedholidaycolor { color: #EE3B3B; background-color: #FFFACD;  }
.fixedovercolor { color: #191970; background-color: #99FFFF; }
.fixedholidayovercolor { color: #EE3B3B; background-color: #99FFFF; }
.fixedreservedayovercolor { color: #EE3B3B; background-color: #99FFFF; }
.smallfont {font-family: 標楷體; font-size: 10pt;}