<!-- ---------------------------------------------------------------->
<!-- DZWCSS  Ver 4.0913	( ICSC ERP DZ System )                     -->
<!------------------------------------------------------------------->
<!-- author : I20306 (葉育材)                                      -->
<!-- system : I20306 (葉育材)                                      -->
<!-- target : 公用樣式表                                           -->
<!-- create : 2000/11/24                                           -->
<!-- update : 2004/09/13                                           -->
<!------------------------------------------------------------------->
<!-- 覆寫 HTML 原始樣式 -->

u {
	FONT-FAMILY: "Courier New", "Courier", "mono";
}

a {
	TEXT-DECORATION: none;
}

a:visited {
	COLOR: Blue;
}

a:hover {
	COLOR: Red;
	BACKGROUND-COLOR: #B7C9FF;
	TEXT-DECORATION: underline;
}

a:link {
	COLOR: Blue;
}

<!---- 標準樣式 class 定義 -->
<!---- 清單顯示樣式(深) -->

.append {
	BACKGROUND-COLOR: #446D8C;
	COLOR: White;
	TEXT-ALIGN: center;
}

.append-left {
	BACKGROUND-COLOR: #446D8C;
	COLOR: White;
	TEXT-ALIGN: left;
}

.append-right {
	BACKGROUND-COLOR: #446D8C;
	COLOR: White;
	TEXT-ALIGN: right;
}

.col-mark {
	BACKGROUND: #CCCCCC;
	COLOR : Black;
	TEXT-ALIGN : center ;
}

.deep-bg {
	BACKGROUND-COLOR: #B7C9FF;
	COLOR: Black;
	TEXT-ALIGN: center;
}

.deep-bg-left {
	BACKGROUND-COLOR: #B7C9FF;
	COLOR: Black;
	TEXT-ALIGN: left;
}

.deep-bg-right {
	BACKGROUND-COLOR: #B7C9FF;
	COLOR: Black;
	TEXT-ALIGN: right;
}

.deep-tab-border {
	CURSOR: hand;
	BORDER-TOP: solid 1px #E0E0E0;
	BORDER-LEFT: solid 1px #E0E0E0;
	BORDER-BOTTOM: solid 1px buttonhighlight;
}

.deep-tab-border-right {
	CURSOR: hand;
	BORDER-TOP: solid 1px #E0E0E0;
	BORDER-LEFT: solid 1px #E0E0E0;
	BORDER-BOTTOM: solid 1px buttonhighlight;
	TEXT-ALIGN: right;
}

.deep-tab-border-center {
	CURSOR: hand;
	BORDER-TOP: solid 1px #E0E0E0;
	BORDER-LEFT: solid 1px #E0E0E0;
	BORDER-BOTTOM: solid 1px buttonhighlight;
	TEXT-ALIGN: center;
}

<!---- 顯示區 -->

.display-area {
	BACKGROUND-COLOR: #76A2FE;
	TEXT-ALIGN: center;
}

.display-area-left {
	BACKGROUND-COLOR: #76A2FE;
	TEXT-ALIGN: left;
}

.display-area-right {
	BACKGROUND-COLOR: #76A2FE;
	TEXT-ALIGN: right;
}

.errField {
	BACKGROUND-COLOR: #FFC8FF;
	TEXT-ALIGN: center;
}

.errField-left {
	BACKGROUND-COLOR: #FFC8FF;
	TEXT-ALIGN: left;
}

.errField-right {
	BACKGROUND-COLOR: #FFC8FF;
	TEXT-ALIGN: right;
}

.function-bar {
	BACKGROUND-COLOR: #B7C9FF;
	TEXT-ALIGN: center;
}

.function-bar-left {
	BACKGROUND-COLOR: #B7C9FF;
	TEXT-ALIGN: left;
}

.function-bar-right {
	BACKGROUND-COLOR: #B7C9FF;
	TEXT-ALIGN: right;
}

.highlight {
	BACKGROUND-COLOR: DarkBlue;
	COLOR: White;
	FLOAT: none;
}

.highlight-center {
	BACKGROUND-COLOR: DarkBlue;
	COLOR: White;
	FLOAT: none;
	TEXT-ALIGN: center;
}

.highlight-left {
	BACKGROUND-COLOR: DarkBlue;
	COLOR: White;
	FLOAT: none;
	TEXT-ALIGN: left;
}

.highlight-right {
	BACKGROUND-COLOR: DarkBlue;
	COLOR: White;
	FLOAT: none;
	TEXT-ALIGN: right;
}

.highlight-bolder {
	BACKGROUND-COLOR: DarkBlue;
	COLOR: White;
	FLOAT: none;
	FONT-WEIGHT: bolder;
	CURSOR: hand;
}

.light-bg {
	BACKGROUND-COLOR: #C4DAFF;
	COLOR: Black;
	TEXT-ALIGN: center;
}

.light-bg-left {
	BACKGROUND-COLOR: #C4DAFF;
	COLOR: Black;
	TEXT-ALIGN: left;
}

.light-bg-right {
	BACKGROUND-COLOR: #C4DAFF;
	COLOR: Black;
	TEXT-ALIGN: right;
}

.light-tab-border {
	CURSOR: hand;
	FONT-WEIGHT: bold;
	BORDER-TOP: solid 1px buttonhighlight;
	BORDER-LEFT: solid 1px buttonhighlight;
	BORDER-RIGHT: solid 1px #808080;
}

.light-tab-border-center {
	CURSOR: hand;
	FONT-WEIGHT: bold;
	BORDER-TOP: solid 1px buttonhighlight;
	BORDER-LEFT: solid 1px buttonhighlight;
	BORDER-RIGHT: solid 1px #808080;
	TEXT-ALIGN: center
}
<!-- mouse-hand -> 月曆用到 -->

.mouse-hand {
	cursor: hand ;
}

.msg {
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: Red;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: left;
	BORDER: 1px outset;
}

.myErrField {
	BACKGROUND-COLOR: #FFC8FF;
}


.readOnly {
	BACKGROUND-COLOR: LightGrey;
	COLOR: Gray;
	TEXT-ALIGN: center;
	BORDER: 1px solid;
}

.readOnly-center {
	BACKGROUND-COLOR: LightGrey;
	COLOR: DarkBlue;
	TEXT-ALIGN: center;
	BORDER: 1px Gray solid;
}

.readOnly-left {
	BACKGROUND-COLOR: LightGrey;
	COLOR: Gray;
	TEXT-ALIGN: left;
	BORDER: 1px solid;
}


.readOnly-right {
	BACKGROUND-COLOR: LightGrey;
	COLOR: Gray;
	TEXT-ALIGN: right;
	BORDER: 1px solid;
}

.saveHistory {
	behavior:url(#default#saveHistory);
}

.subsys-title {
	BACKGROUND-COLOR: #76A2FE;
	COLOR: White;
	FLOAT: none;
	TEXT-ALIGN: center;
}

.subsys-title-10 {
	BACKGROUND-COLOR: #76A2FE;
	FONT-SIZE:10pt ;
	COLOR: White;
	FLOAT: none;
	TEXT-ALIGN: center;
}

.subsys-title-left {
	BACKGROUND-COLOR: #76A2FE;
	COLOR: White;
	TEXT-ALIGN: left;
}

.subsys-title-right {
	BACKGROUND-COLOR: #76A2FE;
	COLOR: White;
	TEXT-ALIGN: right;
}

.sys {
	BACKGROUND-COLOR: #446D8C;
	COLOR: White;
	FLOAT: none;
	FONT-SIZE: large;
	FONT-WEIGHT: bolder;
	TEXT-ALIGN: center;
}

.sys-title {
	BACKGROUND-COLOR: #4171D1;
	COLOR: White;
	FLOAT: none;
	FONT-SIZE: large;
	FONT-WEIGHT: bolder;
	TEXT-ALIGN: center;
}

.sys-title-left {
	BACKGROUND-COLOR: #4171D1;
	COLOR: White;
	FONT-SIZE: large;
	FONT-WEIGHT: bolder;
	TEXT-ALIGN: left;
}

.sys-title-right {
	BACKGROUND-COLOR: #4171D1;
	COLOR: White;
	FONT-SIZE: large;
	FONT-WEIGHT: bolder;
	TEXT-ALIGN: right;
}

.sys-title-side {
	BACKGROUND-COLOR: #4171D1;
	COLOR: Black;
	TEXT-ALIGN: left;
}

.text-center {
	CLEAR: both;
	TEXT-ALIGN: center;
}

.text-center-deep {
	BACKGROUND-COLOR: #B7C9FF;
	TEXT-ALIGN: center;
}

.text-center-light {
	BACKGROUND-COLOR: #C4DAFF;
	TEXT-ALIGN: center;
}

.text-left {
	CLEAR: both;
	TEXT-ALIGN: left;
}

.text-left-deep {
	BACKGROUND-COLOR: #B7C9FF;
	TEXT-ALIGN: left;
}

.text-left-light {
	BACKGROUND-COLOR: #C4DAFF;
	TEXT-ALIGN: left;
}

.text-right {
	CLEAR: both;
	TEXT-ALIGN: right;
}

.text-right-deep {
	BACKGROUND-COLOR: #B7C9FF;
	TEXT-ALIGN: right;
}

.text-right-light {
	BACKGROUND-COLOR: #C4DAFF;
	TEXT-ALIGN: right;
}

.transparent-field {
	BACKGROUND: transparent ;
	BORDER : none 0 ;
	TEXT-ALIGN : center ;
}

.transparent-field-left {
	BACKGROUND: transparent ;
	BORDER : none 0 ;
	TEXT-ALIGN : left ;
}

.transparent-field-right {
	BACKGROUND: transparent ;
	BORDER : none 0 ;
	TEXT-ALIGN : right ;
}

.whole-bg {
	BACKGROUND-COLOR: WHITE;
}

<!---- 以下請勿使用！ -->

.err-blank-bg {
    BACKGROUND-COLOR: Cyan;
}
.err-blankAndNum-bg {
    BACKGROUND-COLOR: Orange;
}
.err-date-bg {
   BACKGROUND-COLOR: Pink;
}
.err-id-bg{
   BACKGROUND-COLOR: #CCCCFF;
}
.err-msg-bg{
   BACKGROUND-COLOR: #FFFFCC ;
   COLOR:#330066
}
.err-num-bg {
   BACKGROUND-COLOR: Blue ;
   COLOR:White
}