<!-- fieldcolor //-->

body {
}
body.nomargin{
  margin-top:0px;
  margin-left:1px;
  margin-right:1px;
  background-color : #FFFFFF;
}

TABLE.banner{
  background-color : #BDCBA5;
  height : 22px;
  border-width : 1px;
  border-style : solid;
  border-top-color: #586a44;
  border-left-color: black;
  border-right-color : black;
  border-bottom-color : #586a44;
  width : 100%;
  text-align : left;
  font-weight:bold;
}

TABLE.banner_funlist{
  background-color : #BDCBA5;
  height : 22px;
  border-width : 1px;
  border-style : solid;
  border-top-color: #586a44;
  border-left-color: black;
  border-right-color : black;
  border-bottom-color : #586a44;
  width : 100%;
  text-align : center;
  font-weight:solid;
}

TABLE.normalTable{
  border:0;
	background-color : #FFFFFF;
        font-size : 13px;
	font-family : 新細明體;
        color : #3A3A3A;
  border-style:solid;
}
tr.interval_bgcolor{
	background-color:expression('#E9EADF,#F8F8F8'.split(',')[rowIndex%2]);
}

TD.banner {
  text-align: center;
	background-color : #666699;
  border-right-width :0px;
  font-size : 20px;
  font-weight : bold;
	font-family : 新細明體,細明體;
  color: #FFFFFF;
}

TD.bannerRight{
  text-align: right;
  width : 120px;
  height: 33px;
  border-width : 0px;
  background-image : url(/FrontEnd/images/ecclogo_bk.gif);
}

img {
   border:none;
}

DIV.CURSOR {
	font-size : 15pt;
	font-family : 新細明體;
	text-decoration : none;
	color : #3C3C3C;
	vertical-align : middle;
	cursor : hand;
}

A:HOVER,A:LINK, A:VISITED, A:FOCUS {
	cursor : hand;
	text-decoration : none;
	color : Navy;
	vertical-align : middle;
}

TD.LINK {
	font-size : 15pt;
	font-family : 新細明體;
	text-decoration : none;
	color : Navy;
	vertical-align : middle;
	cursor : hand;
}

TD.fielddarkTitle {
  text-indent:3px;
  font-weight : bold;
  text-align : center;
	background-color : #339966;
        font-size : 13px;
	font-family : 新細明體;
        color:#FFFFFF;
}

TD.fielddarkTitle2{
  text-indent:3px;
  font-weight : bold;
  text-align : left;
	background-color : #ADADBD;
        font-size : 15px;
	font-family : 新細明體;
        color:#000099;
}

TD.fielddarklarge {
  text-indent:3px;
  font-weight : solid;
	background-color : #339966;
  font-size : 15px;
	font-family : 新細明體;
  color:#FFFFFF;
}

TD.fieldlightlarge {
  text-indent:3px;
  font-weight : solid;
	background-color : #FFFFFF;
  font-size : 15px;
	font-family : 新細明體;
  color: #000000;
}
TD.fieldlightlarge2 {
  text-indent:3px;
  font-weight : solid;
	background-color : #FFCCCC;
  font-size : 15px;
	font-family : 新細明體;
  color: #000000;
}

TD.fielddark {
  text-indent:3px;
  font-weight : solid;
	background-color : #339966;
  font-size : 14px;
	font-family : 新細明體;
  color:#FFFFFF;
}

TD.fieldlight {
  text-indent:3px;
  font-weight : solid;
	background-color : #FFFFFF;
  font-size : 14px;
	font-family : 新細明體;
  color: #000000;
}

TD.fielddarksmall {
  text-indent:3px;
  font-weight : bold;
	background-color : #CCCCFF;
  font-size : 13px;
	font-family : 新細明體;
  color:#000000;
}

TD.fieldlightsmall {
  text-indent:3px;
  font-weight : bold;
	background-color : #DDDDDD;
  font-size : 13px;
	font-family : 新細明體;
  color: #000000;
}

TD.fieldwhite {
  text-indent:3px;
  font-weight : bold;
	background-color : #FFFFFF;
        font-size : 15px;
	font-family : 新細明體;
        color:#000000;
}

TD.content {
    font-size : 13px;
	font-family : 新細明體;
	font-weight : bold;
}

TD.content_solid {
    font-size : 13px;
	font-family : 新細明體;
	font-weight : solid;
}

TD.CaseTypeBorder {
  border-style:solid;
  border-width:1;
}

TD.content_CaseTypeBorder{
  font-size : 15px;
  font-family : 新細明體;
  border-style:solid;
  border-width:1;
}

TH.content_th {
    text-align : left;
    font-size : 13px;
	font-family : 新細明體;
	font-weight : bold;
}

TH.content_th15 {
    text-align : left;
    font-size : 15px;
	font-family : 新細明體;
	font-weight : bold;
}

TH.content_light {
    font-size : 13px;
	font-family : 新細明體;
	font-weight : lighter;
}

TH.content_light15 {
    font-size : 15px;
	font-family : 新細明體;
	font-weight : lighter;
}
TH.content_lightblue {
    font-size : 13px;
	font-family : 新細明體;
	font-weight : lighter;
	color : blue;
}

TH.content_solid_th {
    text-align : left;
    font-size : 13px;
	font-family : 新細明體;
	font-weight : solid;
}

TH.content_solid_red {
    text-align : left;
    font-size : 13px;
	font-family : 新細明體;
	font-weight : solid;
	color : #FF0000;
}

TH.fielddarkTitle_th {
  text-indent:3px;
  font-weight : bold;
  text-align : center;
  background-color : #339966;
  font-size : 13px;
  font-family : 新細明體;
  color:#FFFFFF;
}

TH.fielddark_th {
  text-indent:3px;
  font-weight : solid;
	background-color : #339966;
  font-size : 13px;
	font-family : 新細明體;
  color:#FFFFFF;
}

TH.fieldlight_th {
  text-indent:3px;
  font-weight : solid;
	background-color : #FFFFFF;
  font-size : 13px;
	font-family : 新細明體;
  color: #000000;
}

TH.fielddarklarge_th {
  text-indent:3px;
  font-weight : solid;
	background-color : #339966;
  font-size : 15px;
	font-family : 新細明體;
  color:#FFFFFF;
}

TH.fieldlightlarge_th {
  text-indent:3px;
  font-weight : solid;
	background-color : #FFFFFF;
  font-size : 15px;
	font-family : 新細明體;
  color: #000000;
}

FONT.thisPage{
  color: yellow;
}


DIV.msg{
  background-color:#DDDDDD;
  width:100%;
  font-size:16px;
  color:DarkRed;
  border-left-color:black;
  border-top-color:black;
  border-right-color:white;
  border-bottom-color:white;
  border-width:2px;
  border-style:solid;
  position:relative;
  padding:2px;
  top:4px;
}
DIV.msgSpecial{
  background-color:#DDDDDD;
  width:100%;
  font-size:16px;
  color:DarkRed;
  border-left-color:black;
  border-top-color:black;
  border-right-color:white;
  border-bottom-color:white;
  border-width:2px;
  border-style:solid;
  position:relative;
  padding:2px;
  top:67px;
}

DIV.msgSpecial2{
  background-color:#DDDDDD;
  width:100%;
  font-size:16px;
  color:DarkRed;
  border-left-color:black;
  border-top-color:black;
  border-right-color:white;
  border-bottom-color:white;
  border-width:2px;
  border-style:solid;
  position:relative;
  padding:2px;
  top:255px;
  z-index:0;
}

DIV.msgSpecialSearchAll{
  background-color:#DDDDDD;
  width:100%;
  font-size:16px;
  color:DarkRed;
  border-left-color:black;
  border-top-color:black;
  border-right-color:white;
  border-bottom-color:white;
  border-width:2px;
  border-style:solid;
  position:relative;
  padding:2px;
  top:165px;
  z-index:0;
}

DIV.alertMsg{
  visibility:hidden;
  position:absolute;
  padding:1px;
  width:350px;
  left:200px;
  top:200px;
  z-index:100;
  Background-color:WHITE;
  COLOR:RED;
  FONT-SIZE:16px;
  border-top-width:2px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:2px;
  border-top-color:#D0D0D0;
  border-left-color:#D0D0D0;
  border-right-color: #606060;
  border-bottom-color: #606060;
  border-style:solid;
}

TABLE.alertMsg{
	background-color : WHITE;
  font-size : 16px;
	font-family : 新細明體;
  font-weight:bold;
        color : RED;
  margin:0px;
  padding:0px;
  border-top-width:2px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:2px;
  border-top-color:#C0C0C0;
  border-left-color:#C0C0C0;
  border-right-color:#C0C0C0;
  border-bottom-color:#C0C0C0;
  border-style:solid;
}
TABLE.alertMsgInner{
	background-color : WHITE;
  font-size : 16px;
	font-family : 新細明體;
  font-weight:bold;
        color : RED;
  margin:0px;
  padding:0px;
  border-top-width:1px;
  border-left-width:1px;
  border-right-width:1px;
  border-bottom-width:1px;
  border-top-color:#606060;
  border-left-color:#606060;
  border-right-color: #D0D0D0;
  border-bottom-color: #D0D0D0;
  border-style:solid;
}
SPAN.btn2{
  width:80px;
  height:26px;
  font-size:16px;
  font-family:細明體;
  text-align:center;
  line-height: 25px;
  cursor:hand;
  color:DarkRed;
  background-image:url(../images/btn_2words.gif);
}

SPAN.btn4{
  width:120px;
  height:26px;
  font-size:16px;
  font-family:細明體;
  text-align:center;
  line-height: 25px;
  cursor:hand;
  color:DarkRed;
  background-image:url(/FrontEnd//images/btn_4words.gif);
}

TABLE.fieldbutton {
  background-color : white;
  font-size : 16px;
  font-weight : bold;
	font-family :細明體;
  color: #FFFFFF;
  border-top-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:1px;
  border-top-color:white;
  border-bottom-color: white;
  border-style:solid;
	}



TABLE.remark1Table{
	background-color : #DDDDDD;
        font-size : 15px;
	font-family : 新細明體;
        color : #3A3A3A;
  border-top-width:2px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:2px;
  border-top-color:#C0C0C0;
  border-left-color:#C0C0C0;
  border-right-color: #202020;
  border-bottom-color: #202020;
  border-style:solid;
}


SELECT.fieldlight {
  text-indent:3px;
  font-weight : bold;
	background-color : #DDDDDD;
  font-size : 15px;
	font-family : 新細明體;
  color: #000000;
	}
SELECT.fieldwhite {
  text-indent:3px;
  font-weight : bold;
	background-color : #FFFFFF;
        font-size : 15px;
	font-family : 新細明體;
        color:#000000;
}


<!-- font //-->
.right {
	FONT-SIZE: 11px; FONT-FAMILY: "新細明體"
}
.w-13a {
	FONT-SIZE: 13px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"
}
.w-13ared {
	FONT-SIZE: 13px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"; color : red;
}
.w-13aredbold {
	FONT-SIZE: 13px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"; color : red; FONT-WEIGHT: bold;
}
.w-13ablue {
	FONT-SIZE: 13px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"; color : blue;
}
.w-13bold {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"
}
.w-15 {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; LINE-HEIGHT: 20px; PADDING-TOP: 2px; FONT-FAMILY: "新細明體"
}
.w-15ared {
	FONT-SIZE: 15px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"; color : red;
}
.w-15bold {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"
}
.w-16ared {
	FONT-SIZE: 16px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"; color : red;
}
.w-16bold {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"
}
.w-16ablue {
	FONT-SIZE: 16px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"; color : blue;
}
.w-13b {
	PADDING-RIGHT: 4px; FONT-SIZE: 13px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"
}
.w-13bred {
	PADDING-RIGHT: 4px; FONT-SIZE: 13px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"; color : red;
}
.en-11 {
	FONT-SIZE: 11px; PADDING-TOP: 4px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
}
.w-13c {
	PADDING-RIGHT: 2px; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; LINE-HEIGHT: 18px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"
}
.w-13c-en {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.w-18ared {
	FONT-SIZE: 18px; PADDING-TOP: 4px; FONT-FAMILY: "新細明體"; color : red;
}
<!-- inputcolor //-->
INPUT.content {
  font-size : 15px;
	font-family : 新細明體;
}

INPUT.contentReadOnly {
  background-color : #C0C0C0;
  font-size : 15px;
	font-family : 新細明體;
}

INPUT.contentReadOnlyBold {
  background-color : #C0C0C0;
  color:red;
  font-weight:bold;
  font-size : 16px;
	font-family : 新細明體;
}

INPUT.contentButton {
  background-color : #E0E0E0;
  font-size : 15px;
	font-family : 新細明體;
  border-width:2px;
  border-style:dashed;
  border-color:red;
  cursor:hand;
}

INPUT.noBorder {
  font-weight : bold;
  background-color : #DDDDDD;
  font-size : 15px;
  color: red;
  border-width:0px;
}

INPUT.background {
  font-weight : bold;
  background-color : #B3B3BD;
  font-size : 15px;
  color: DarkRed;
  border-width:0px;
}

<!-- tab.css -->
DIV.tabFront10{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : bold;
  font-family : 新細明體;
  color:white;
  width:200px;
  height:33px;
  background-image:url(../images/tabFront10.gif);
  cursor:hand
}
DIV.tabFront9{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : bold;
  font-family : 新細明體;
  color:white;
  width:180px;
  height:33px;
  background-image:url(../images/tabFront9.gif);
  cursor:hand
}
DIV.tabBack9{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : normal;
  font-family : 新細明體;
  color:#C2C3F0;
  width:180px;
  height:33px;
  background-image:url(../images/tabBack9.gif);
  cursor:hand
}
DIV.tabFront8{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : bold;
  font-family : 新細明體;
  color:white;
  width:160px;
  height:33px;
  background-image:url(../images/tabFront8.gif);
  cursor:hand
}
DIV.tabBack8{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : normal;
  font-family : 新細明體;
  color:#C2C3F0;
  width:160px;
  height:33px;
  background-image:url(../images/tabBack8.gif);
  cursor:hand
}
DIV.tabFront7{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : bold;
  font-family : 新細明體;
  color:white;
  width:140px;
  height:33px;
  background-image:url(../images/tabFront7.gif);
  cursor:hand
}
DIV.tabBack7{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : normal;
  font-family : 新細明體;
  color:#C2C3F0;
  width:140px;
  height:33px;
  background-image:url(../images/tabBack7.gif);
  cursor:hand
}
DIV.tabFront6{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : bold;
  font-family : 新細明體;
  color:white;
  width:120px;
  height:33px;
  background-image:url(../images/tabFront6.gif);
  cursor:hand
}
DIV.tabBack6{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : normal;
  font-family : 新細明體;
  color:#C2C3F0;
  width:120px;
  height:33px;
  background-image:url(../images/tabBack6.gif);
  cursor:hand
}
DIV.tabFront5{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : bold;
  font-family : 新細明體;
  color:white;
  width:100px;
  height:33px;
  background-image:url(../images/tabFront5.gif);
  cursor:hand
}
DIV.tabBack5{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : normal;
  font-family : 新細明體;
  color:#C2C3F0;
  width:100px;
  height:33px;
  background-image:url(../images/tabBack5.gif);
  cursor:hand
}

DIV.tabFront4{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : bold;
  font-family : 新細明體;
  color:white;
  width:80px;
  height:33px;
  background-image:url(../images/tabFront4.gif);
  cursor:hand
}
DIV.tabBack4{
  background-color : #B3B3BD;
  line-height: 32px;
  font-size : 15px;
  font-weight : normal;
  font-family : 新細明體;
  color:#C2C3F0;
  width:80px;
  height:33px;
  background-image:url(../images/tabBack4.gif);
  cursor:hand
}

TD.fieldtabup{
	background-color : #FFFFFF;
        font-size : 4px;;
	font-family : 新細明體;
        color : #FFFFFF;
  border-top-width:0px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:0px;
  border-top-color:#0000C0;
  border-left-color:#B6B6F2;
  border-right-color: #000000;
  border-bottom-color: #0000C0;
  border-style:solid;
}


TD.tabFront6{
  width:124px;
}
TD.tabFront5{
  width:104px;
}
TD.tabFront4{
  width:84px;
}
TD.tabSpace {
  background-color : #FFFFFF;
}
DIV.tabFrame{
  border:0px;
  border-style:solid;
  position:relative;
  left:0%;
  top:2px;
  width:100%
}
DIV.tabFrame2{
  border:0px;
  border-style:solid;
  position:relative;
  left:0%;
  top:70px;
  width:100%
  z-index:100;
}
TABLE.tabInnerTable{
	background-color : #DDDDDD;
        font-size : 15px;
	font-family : 新細明體;
        color : #3A3A3A;
  border-top-width:0px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:2px;
  border-top-color:#0000C0;
  border-left-color:#FFFFFF;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-style:solid;
}
TABLE.tabInnerTableHead{
	background-color : #DDDDDD;
        font-size : 15px;
	font-family : 新細明體;
        color : #3A3A3A;
  border-top-width:0px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:0px;
  border-top-color:#0000C0;
  border-left-color:#FFFFFF;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-style:solid;
}
DIV.divTop{
  overflow:auto;
  height:180px;
  border-top-width:0px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:2px;
  border-top-color:#0000C0;
  border-left-color:#FFFFFF;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-style:solid;
}
DIV.divBottom{
  overflow:auto;
  height:160px;
  border-top-width:0px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:2px;
  border-top-color:#0000C0;
  border-left-color:#FFFFFF;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-style:solid;
}
DIV.divKeyinItem{
  overflow:auto;
  height:370px;
  width:100%;
  border-top-width:0px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:2px;
  border-top-color:#0000C0;
  border-left-color:#FFFFFF;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-style:solid;
}

DIV.divApproveItem{
  overflow:auto;
  height:400px;
  width:100%;
  border-top-width:0px;
  border-left-width:2px;
  border-right-width:2px;
  border-bottom-width:2px;
  border-top-color:#0000C0;
  border-left-color:#FFFFFF;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-style:solid;
}

HR.skyblueLn {
border: 0;
color: #3399FF;
background-color: #3399FF;
height: 1px;
width: 100%;
}

TABLE.bgTael {
	background-color : #BDCBA5;
}

TABLE.bgLtBlue {
	background-color : #E7FAD6;
}
TABLE.asLine {
	background-color : #586A44;
}

TD.selected {
	border : 3px solid white;
	font-size : 10pt;
	font-weight : normal;
	background-color : #D0E8FF;
}
TD.unselected {
	border : 3px solid white;
	font-size : 10pt;
	font-weight : normal;
	background-color : #E3E3FF;
}
TD.focus {
	border : 3px solid green;
	font-size : 10pt;
	font-weight : normal;
	background-color : #E7FAD6;
}
TABLE.report {
	border-width : 1px;
  	border-style : solid;
  	border-top-color: black;
  	border-left-color: black;
 	border-right-color : black;
  	border-bottom-color : black;
  	border-collapse: collapse;
}
TH.content_lightbgTael {
	border: 1px solid black;
	background-color : #BDCBA5;
    text-align : center;
    font-size : 16px;
	font-family : 新細明體;
	font-weight : lighter;
}
TR.even{
	background-color : #E9EADF;
}
TD.solid{
	border: 1px solid black;
	font-size : 13px;
	font-family : 新細明體;
	font-weight : bold;
}
TD.normal{
	border: 1px solid black;
	text-align : center;
	font-size : 18px;
	font-family : 新細明體;
	font-weight : normal;
}
.w-18ared{
	text-align : left; FONT-SIZE: 18px; PADDING-TOP: 4px; color : red; font-weight : normal;
}