﻿.txt {
	font-family: "新細明體";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	line-height: 15px;
}
.link_1 {
	font-family: "新細明體";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
.txt2 {
	font-family: "新細明體";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.txt_s_11 {
	font-family: "新細明體";
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}
.tital_1 {
	font-family: "新細明體";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #006600;
}
.tital_2 {
	font-family: "新細明體";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CC0066;
}
.txt3 {
	font-family: "新細明體";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
A:link {color: blue}
A:visited {color: blue}
A:active {color: #990033}
A:hover {color: #FF3300}
.link_2_big {
	font-family: "新細明體";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}
.style1 {
	font-family: "新細明體";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #3366CC;
}
.style2 {
	font-family: "新細明體";
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #3366CC;
}

/* General */

/* BEGIN Common */
body {
	font-family: "新細明體";
	font-size: 12px;
	background-image: url('Images/PageBg.gif');
	}
p {
	margin-top: 5px;
	}
a:link {
	color: #507bb2;
	}
a:visited {
	color: #507bb2;
	}
a:hover,a:active {
	color: #cc4141;
	}
ul, ol, blockquote {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px
	}
form {
	margin: 0px;
	}
h1	{
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h2	{
	font-size: 130%;
	margin-top: 15px;
	margin-bottom: 5px;
	}
h3	{
	font-size: 110%; font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
	}
h4	{
	font-size: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
	}
h5	{
	font-size: 100%; font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
	}
h6	{
	font-size: 90%;
	margin-top: 15px;
	margin-bottom: 5px;
	}
th	{
	font-family: Arial; font-size: 80%;
	}
td {
	font-family: Arial; font-size: 80%;
	}
/* END Common */
.Header {
	width: 100%;
	}
.Header th {
	font-size: 110%; font-weight: bold; text-align: left;
	padding: 2px;
	background-image: url('Images/HeaderBg.gif'); color: #ffffff;
	width: 100%;
	white-space: nowrap;
	}
.HeaderLeft {
	background-image: url('Images/HeaderLeft.gif');
	}
.HeaderRight {
	background-image: url('Images/HeaderRight.gif');
	}
.HeaderLeft img{
	width: 7px;
	}
.HeaderRight img{
	width: 14px;
	}
/* Grid Options */
.Grid {
	border: 1px solid #3d84cc;
	width: 100%;
	}
.Caption th {
	font-size: 80%; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}
.Caption td {
	font-size: 80%; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}
.Caption a:link {
	color: #000000;
	}
.Caption a:visited {
	color: #000000;
	}
.Caption a:hover, .Caption a:active {
	color: #cc4141;
	}
.Caption img {
	margin: 2px;
	vertical-align: middle;
	}
.Caption input {
	vertical-align: middle;
	}
.Row td {
	font-family: "新細明體";
	font-size: 12px;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	vertical-align: top;
	background-color: #f7f7f7;
	color: #000000;
	}
.Row a:link {
	color: #507bb2;
	}
.Row a:visited {
	color: #507bb2;
	}
.Row a:hover, .Row a:active {
	color: #cc4141;
	}
.Separator{
	color: #3d84cc;
	}
.Separator td{
	height: 1px;
	}
.AltRow td {
	font-family: "新細明體";
	font-size: 12px;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	vertical-align: top;
	background-color: #fff6e6;
	color: #000000;
	}
.AltRow a:link {
	color: #507bb2;
	}
.AltRow a:visited {
	color: #507bb2;
	}
.AltRow a:hover, .AltRow a:active {
	color: #cc4141;
	}
.NoRecords td {
	font-family: "新細明體";
	font-size: 12px;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	background-color: #f7f7f7;
	color: #000000;
	vertical-align: top;
	}
.Footer td {
	font-family: "新細明體";
	font-size: 12px;
	padding: 2px;
	border: 1px solid #ffe3b0; border-left: 0px none;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}
.Footer a:link {
	color: #000000;
	}
.Footer a:visited {
	color: #000000;
	}
.Footer a:hover, .Footer a:active {
	color: #cc4141;
	}
.Footer img {
	margin: 2px;
	vertical-align: middle;
	width:16;
	height:16;
	}
.Footer input {
	vertical-align: middle;
	}
/* Record Options */
.Record {
	border: 1px solid #3d84cc;
	width: 100%;
	}
.Error td {
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	color: #FF0000;
	vertical-align: top;
	background-color: #f7f7f7;
	}
.Controls th {
	font-size: 80%; font-weight: normal; text-align: left;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}
.Controls td {
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	white-space: nowrap;
	background-color: #f7f7f7;
	color: #000000;
	}
.Bottom td {
	font-size: 80%;
	padding: 2px;
	border: 1px solid #ffe3b0; border-left: 0px none;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}
.Bottom a:link {
	color: #000000;
	}
.Bottom a:visited {
	color: #000000;
	}
.Bottom a:hover, .Caption a:active {
	color: #cc4141;
	}
.Bottom img {
	margin: 2px;
	vertical-align: middle;
	}
.Bottom input {
	vertical-align: middle;
	}
/* Report */
.GroupCaption th{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #fff6e6;
	color: #000000;
	}
.GroupCaption td{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	vertical-align: top;
	font-weight: bold;
	background-color: #f7f7f7;
	color: #000000;
	}
.GroupCaption a:link {
	color: #000000;
	}
.GroupCaption a:visited{
	color: #000000;
	}
.GroupCaption a:hover, .GroupCaption a:active{
	color: #cc4141;
	}
.GroupFooter td{
	font-size: 80%;
	padding: 2px;
	border: 1px solid #ffe3b0; border-left: 0px none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #ffe3b0;
	color: #000000;
	}
.GroupFooter a:link {
	color: #000000;
	}
.GroupFooter a:visited{
	color: #000000;
	}
.GroupFooter a:hover,.GroupFooter a:active{
	color: #cc4141;
	}
.GroupFooter img {
	margin: 2px;
	vertical-align: middle;
	}
.GroupFooter input {
	vertical-align: middle;
	}
.SubTotal td{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	vertical-align: top;
	font-weight: bold;
	background-color: #fff6e6;
	color: #000000;
	border-bottom: 2px solid #3d84cc;
	}
.SubTotal a:link {
	color: #507bb2;
	}

.SubTotal a:visited{
	color: #507bb2;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #cc4141;
	}

.Total td{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #fff6e6;
	color: #000000;
	}

.Total a:link {
	color: #507bb2;
	}

.Total a:visited{
	color: #507bb2;
	}

.Total a:hover, .Total a:active{
	color: #cc4141;
	}

/* Form Options */
.Button {
	margin: 2px
	}
/* Calendar */
.Calendar {
	border: 1px solid #3d84cc;
	width: 100%;
	}
.CalendarWeekdayName{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	background-color: #fff6e6;
	color: #000000;
	}
.CalendarWeekdayName a:link {
	color: #507bb2;
	}
.CalendarWeekdayName a:visited{
	color: #507bb2;
	}
.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #cc4141;
	}
.CalendarWeekendName{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	background-color: #fff6e6;
	color: #000000;
	}
.CalendarWeekendName a:link {
	color: #000000;
	}
.CalendarWeekendName a:visited{
	color: #000000;
	}
.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #cc4141;
	}
/* Calendar Day */
.CalendarDay{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	text-align: center;
	background-color: #f7f7f7;
	color: #000000;
	}
.CalendarDay a:link {
	color: #507bb2;
	}
.CalendarDay a:visited{
	color: #507bb2;
	}
.CalendarDay a:hover, .CalendarDay a:active{
	color: #cc4141;
	}
/* Calendar Weekend */
.CalendarWeekend{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	text-align: center;
	background-color: #fff6e6;
	color: #000000;
	}
.CalendarWeekend a:link {
	color: #507bb2;
	}
.CalendarWeekend a:visited{
	color: #507bb2;
	}
.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #cc4141;
	}
/* Calendar Today */
.CalendarToday {
	font-size: 80%;
	border: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;
	color: #000000;
	}
.CalendarToday a:link {
	color: #507bb2;
	}
.CalendarToday a:visited{
	color: #507bb2;
	}
.CalendarToday a:hover, .CalendarToday a:active {
	color: #cc4141;
	}
/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 80%;
	border: 2px solid #3d84cc;
	text-align: center;
	background-color: #fff6e6;
	color: #000000;
	}
.CalendarWeekendToday a:link {
	color: #507bb2;
	}
.CalendarWeekendToday a:visited{
	color: #507bb2;
	}
.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #cc4141;
	}
/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	text-align: center;
	background-color: #f7f7f7;
	color: #3d84cc;
	}
.CalendarOtherMonthDay a:link {
	color: #3d84cc;
	}
.CalendarOtherMonthDay a:visited{
	color: #3d84cc;
	}
.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #cc4141;
	}
/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	border: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;
	color: #3d84cc;
	}
.CalendarOtherMonthToday a:link {
	color: #3d84cc;
	}
.CalendarOtherMonthToday a:visited{
	color: #3d84cc;
	}
.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #cc4141;
	}
/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	text-align: center;
	background-color: #fff6e6;
	color: #3d84cc;
	}
.CalendarOtherMonthWeekend a:link {
	color: #3d84cc;
	}
.CalendarOtherMonthWeekend a:visited{
	color: #3d84cc;
	}
.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #cc4141;
	}
/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	border: 2px solid #3d84cc;
	text-align: center;
	color: #3d84cc;
	background-color: #fff6e6;
	}
.CalendarOtherMonthWeekendToday a:link {
	color: #3d84cc;
	}
.CalendarOtherMonthWeekendToday a:visited{
	color: #3d84cc;
	}
.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #cc4141;
	}
/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #ffe3b0; border-right: 1px solid #ffe3b0;
	background-color: #ffe3b0;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}
.CalendarSelectedDay a:link {
	color: #000000;
	}
.CalendarSelectedDay a:visited{
	color: #000000;
	}
.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #cc4141;
	}
/* Calendar Navigator */
.CalendarNavigator {
	font-size: 80%;
	padding: 2px;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}
.CalendarNavigator a:link {
	color: #507bb2;
	}
.CalendarNavigator a:visited{
	color: #507bb2;
	}
.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #cc4141;
	}
.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle;
	}
/* Calendar Extra */
.CalendarEvent{
	font-size: 80%;
	text-align: left;
	}
.CalendarEvent a:link {
	color: #507bb2;
	}
.CalendarEvent a:visited{
	color: #507bb2;
	}
.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #cc4141;
	}