BODY { 	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
TABLE { 	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
TH { 	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
TR { 	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
TD { 	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
UL {	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
OL { 	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
LI { 	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
P 	{ 	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }
A 			{ 	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; COLOR: #00000; TEXT-DECORATION: none }
A:visited 	{	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; COLOR: #00000; TEXT-DECORATION: none }
A:hover 	{	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; COLOR: #00000; TEXT-DECORATION: none }
A:active 	{	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; COLOR: #00000; TEXT-DECORATION: none }


.OrangePageBody 	{	SCROLLBAR-FACE-COLOR: #ffefce; SCROLLBAR-HIGHLIGHT-COLOR: #ffcc66; SCROLLBAR-SHADOW-COLOR: #ffcc66; SCROLLBAR-3DLIGHT-COLOR: #ffcc66; SCROLLBAR-ARROW-COLOR: #ff9900; SCROLLBAR-TRACK-COLOR: #fff7e7; SCROLLBAR-DARKSHADOW-COLOR: #ffcc66};
.OrangeTABLE 		{	BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; BORDER-LEFT: #ff9900 1px solid; BORDER-BOTTOM: #ff9900 1px solid; BACKGROUND-COLOR: #ffffff }
.OrangeContentTABLE { 	BACKGROUND-COLOR: #ffcc66; FONT-SIZE: 11px; BORDER-RIGHT:#FF6633 1px solid; BORDER-LEFT:#FF6633 1px solid; BORDER-TOP:#FF6633 1px solid; BORDER-BOTTOM:#FF6633 1px solid;}
.OrangeContentTD 	{	BACKGROUND-COLOR: #ffefce; FONT-SIZE: 11px; }
.OrangeCaptionTD 	{ 	BORDER-RIGHT: #EFD5C5 1px solid; BORDER-TOP: #DEA989 1px solid; BORDER-LEFT: #DEA989 1px solid; BORDER-BOTTOM: #EFD5C5 1px solid; BACKGROUND-COLOR: #E8C4AE; FONT-WEIGHT: bold; FONT-SIZE: 11px }
.OrangeDataTD 		{ 	BORDER-RIGHT: #E8C4AE 1px solid; BORDER-TOP: #FFEFCE 1px solid; BORDER-LEFT: #FFEFCE 1px solid; BORDER-BOTTOM: #E8C4AE 1px solid; BACKGROUND-COLOR: #EFD5C5; FONT-SIZE: 11px }
.BrownCaptionTD 	{ 	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #7b6d6b 1px solid; BORDER-LEFT: #7b6d6b 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #7b6d6b; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; }
.BrownDataTD 		{	BORDER-RIGHT: #948684 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #948684 1px solid; BACKGROUND-COLOR: #e9ddd0; FONT-SIZE: 11px; COLOR: #000000; }
.BrownFormTABLE 	{	BORDER-RIGHT: #726c5d 1px solid; BORDER-TOP: #726c5d 1px solid; BORDER-LEFT: #726c5d 1px solid; BORDER-BOTTOM: #726c5d 1px solid; BACKGROUND-COLOR: #ebe9e5 }
.BrownListTABLE 	{	BORDER-RIGHT: #7b6d6b 1px solid; BORDER-TOP: #7b6d6b 1px solid; BORDER-LEFT: #7b6d6b 1px solid; BORDER-BOTTOM: #7b6d6b 1px solid; BACKGROUND-COLOR: #F7EBE7; FONT-SIZE: 9px; }

.TeacherCaptionTD 	{ 	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #7b6d6b 1px solid; BORDER-LEFT: #7b6d6b 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #7b6d6b; FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #ffffff; }
.TeacherDataTD 		{	BORDER-RIGHT: #948684 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #948684 1px solid; BACKGROUND-COLOR: #e9ddd0; FONT-SIZE: 9px; COLOR: #000000; }
.TeacherFormTABLE 	{	BORDER-RIGHT: #7b6d6b 1px solid; BORDER-TOP: #7b6d6b 1px solid; BORDER-LEFT: #7b6d6b 1px solid; BORDER-BOTTOM: #7b6d6b 1px solid; BACKGROUND-COLOR: #e7dbd6 }
.TeacherListTABLE 	{	BORDER-RIGHT: #7b6d6b 1px solid; BORDER-TOP: #7b6d6b 1px solid; BORDER-LEFT: #7b6d6b 1px solid; BORDER-BOTTOM: #7b6d6b 1px solid; BACKGROUND-COLOR: #F7EBE7; FONT-SIZE: 9px; }

.UserTableCaptionTD { 	BORDER-RIGHT: #D8DFE2 1px solid; BORDER-TOP: #D8DFE2 1px solid; BORDER-LEFT: #D8DFE2 1px solid; BORDER-BOTTOM: #D8DFE2 1px solid; BACKGROUND-COLOR: #D8DFE2; FONT-WEIGHT: bold; TEXT-ALIGN: RIGHT}
.UserTableDataTD 	{ 	BORDER-RIGHT: #D8DFE2 1px solid; BORDER-TOP: #D8DFE2 1px solid; BORDER-LEFT: #D8DFE2 1px solid; BORDER-BOTTOM: #D8DFE2 1px solid; }
.UserTableTextarea 	{	BORDER-RIGHT: #D8DFE2 1px solid; BORDER-TOP: #D8DFE2 1px solid; BORDER-LEFT: #D8DFE2 1px solid; BORDER-BOTTOM: #D8DFE2 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; BACKGROUND-COLOR: #ffffff; height: auto; width: auto }
.UserTableButton	{ 	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; BACKGROUND-COLOR: #eaeaea; FONT-WEIGHT: bold;  }

.OrangeButton	{ 	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; BACKGROUND-COLOR: #eaeaea; FONT-WEIGHT: bold  }
.OrangeInput 	{ 	BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; BORDER-LEFT: #ff9900 1px solid; BORDER-BOTTOM: #ff9900 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; BACKGROUND-COLOR: #ffffff; height: auto; width: auto }
.OrangeTextarea {	BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; BORDER-LEFT: #ff9900 1px solid; BORDER-BOTTOM: #ff9900 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; BACKGROUND-COLOR: #ffffff; height: auto; width: auto }
.OrangeSelect 	{ 	BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; BORDER-LEFT: #ff9900 1px solid; BORDER-BOTTOM: #ff9900 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica }

.MainTable 		{	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid }
.MainTableTD 	{	BORDER-BOTTOM: #cccccc 1px solid }

A.AdminDataLink:link 	{	FONT-SIZE: 8px; COLOR: #999999; TEXT-DECORATION: none }
A.AdminDataLink:visited { 	FONT-SIZE: 8px; COLOR: #999999; TEXT-DECORATION: none }
A.AdminDataLink:hover 	{ 	FONT-SIZE: 8px; COLOR: #666666; TEXT-DECORATION: none }
A.AdminDataLink:active 	{ 	FONT-SIZE: 8px; COLOR: #666666; TEXT-DECORATION: none }

.AdminText 		{	FONT-SIZE: 9px; }
.Font-11		{	FONT-SIZE: 11px; }
.Font-10		{	FONT-SIZE: 10px; }
.Font-9			{	FONT-SIZE: 9px; }
.Font-8			{	FONT-SIZE: 8px; }
.Chinese-18		{	FONT-SIZE: 18px; FONT-FAMILY: 標楷體}
.Chinese-13		{	FONT-SIZE: 13px; FONT-FAMILY: 標楷體}
.Chinese-12		{	FONT-SIZE: 12px; FONT-FAMILY: 標楷體}
.Chinese-11		{	FONT-SIZE: 11px; FONT-FAMILY: 標楷體}
.Chinese-10		{	FONT-SIZE: 10px; FONT-FAMILY: 標楷體}
.BorderOnly		{ 	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; }
.TopLeft		{ 	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 0px solid; }
.BottomRight	{ 	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 1px solid; }
.BottomOnly		{	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 1px solid; FONT-SIZE: 10px;}
.RightOnly_grey	{	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid; FONT-SIZE: 8px;}
.LeftOnly_grey	{	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #000000 0px solid; FONT-SIZE: 8px;}


.calendarHeader { font-weight: bolder; color: #428DFF; background-color: #E1F0FF }
.calendar { background-color: #E1F0FF}
.calendarToday { BORDER-RIGHT: #CC0000 1px solid; BORDER-LEFT: #CC0000 1px solid;BORDER-TOP: #CC0000 1px solid;BORDER-BOTTOM: #CC0000 1px solid;}
.calendarTodayEvent { BORDER-RIGHT: #CC0000 1px solid; BORDER-LEFT: #CC0000 1px solid;BORDER-TOP: #CC0000 1px solid;BORDER-BOTTOM: #CC0000 1px solid; background-color: #B6CE77}
.calendarEvent { background-color: #96B8F8}

.GreyFrame		{ 	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid; }		
.DailyFrame		{ 	BORDER-RIGHT: #99CC00 1px solid; BORDER-TOP: #99CC00 1px solid; BORDER-LEFT: #99CC00 1px solid; BORDER-BOTTOM: #99CC00 1px solid; }		
.CalendarFrame 	{ 	BORDER-RIGHT: #669930 1px solid; BORDER-TOP: #669930 1px solid; BORDER-LEFT: #669930 1px solid; BORDER-BOTTOM: #669930 1px solid; }
.BlueFrame 		{ 	BORDER-RIGHT: #AFB8DE 1px solid; BORDER-TOP: #AFB8DE 1px solid; BORDER-LEFT: #AFB8DE 1px solid; BORDER-BOTTOM: #AFB8DE 1px solid; }
.PaleBlueFrame	{ 	BORDER-RIGHT: #0066CC 1px solid; BORDER-TOP: #0066CC 1px solid; BORDER-LEFT: #0066CC 1px solid; BORDER-BOTTOM: #0066CC 1px solid; }
.PurpleFrame 	{ 	BORDER-RIGHT: #FF99FF 1px solid; BORDER-TOP: #FF99FF 1px solid; BORDER-LEFT: #FF99FF 1px solid; BORDER-BOTTOM: #FF99FF 1px solid; }
.OrangeFrame 	{ 	BORDER-RIGHT: #DEA989 1px solid; BORDER-TOP: #DEA989 1px solid; BORDER-LEFT: #DEA989 1px solid; BORDER-BOTTOM: #DEA989 1px solid; }
.GreenFrame 	{ 	BORDER-RIGHT: #BFECD1 1px solid; BORDER-TOP: #BFECD1 1px solid; BORDER-LEFT: #BFECD1 1px solid; BORDER-BOTTOM: #BFECD1 1px solid; }
.YellowFrame 	{ 	BORDER-RIGHT: #EBDA05 1px solid; BORDER-TOP: #EBDA05 1px solid; BORDER-LEFT: #EBDA05 1px solid; BORDER-BOTTOM: #EBDA05 1px solid; }
.BrownFrame 	{ 	BORDER-RIGHT: #E8C4AE 1px solid; BORDER-TOP: #E8C4AE 1px solid; BORDER-LEFT: #E8C4AE 1px solid; BORDER-BOTTOM: #E8C4AE 1px solid; BACKGROUND-COLOR: #F0D9CA}
.GeneralFRame	{	BORDER-RIGHT: #C8DCA3 1px solid; BORDER-TOP: #C8DCA3 1px solid; BORDER-LEFT: #C8DCA3 1px solid; BORDER-BOTTOM: #C8DCA3 1px solid; BACKGROUND-COLOR: #D8E6BD}
.PrizeFrame		{	BORDER-RIGHT: #FF6666 1px solid; BORDER-TOP: #FF6666 1px solid; BORDER-LEFT: #FF6666 1px solid; BORDER-BOTTOM: #FF6666 1px solid; BACKGROUND-COLOR: #FFCECE}
.AdminMenu 		{	BORDER-RIGHT: #948684 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #948684 1px solid; BACKGROUND-COLOR: #E3DFC8; FONT-SIZE: 11px; COLOR: #000000; }