/* General Style */


body
{
	margin: 0 0 0 0;
	
	font-family: 新細明體;
}

/*
表列 - 表格:
邊緣: 0
填補: 0
邊框寬度: 實線 1px 灰
瓦解邊框
*/
TABLE.Grid
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: solid 1px #808080;
	border-collapse: collapse;
	background-color: White;
}

/*
表列 - 表頭欄位:
邊緣: 0
填補: 1
邊框寬度: 實線 1px 灰
字型: 10pt
背景色: 藍
對齊: 置中
*/
TD.Grid_Head
{
	color: #044142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	background-color: #99CC00;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

TR.Grid_Head
{
	color: #044142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	background-color: #99CC00;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

TD.Grid_DetailMiss
{
	border-right: #808080 1px solid;
	padding-right: 1px;
	border-top: #808080 1px solid;
	padding-left: 1px;
	font-size: 10pt;
	padding-bottom: 1px;
	margin: 0px;
	border-left: #808080 1px solid;
	color: #000000;
	padding-top: 1px;
	border-bottom: #808080 1px solid;
	text-align: center;
	height:22px;
	background-color: snow;
}

TR.Grid_DetailMiss
{
	border-right: #808080 1px solid;
	padding-right: 1px;
	border-top: #808080 1px solid;
	padding-left: 1px;
	font-size: 10pt;
	padding-bottom: 1px;
	margin: 0px;
	border-left: #808080 1px solid;
	color: #000000;
	padding-top: 1px;
	border-bottom: #808080 1px solid;
	text-align: center;
	height:22px;
	background-color: snow;
}

TD.Grid_MissAlterItem
{
	border-right: #808080 1px solid;
	padding-right: 1px;
	border-top: #808080 1px solid;
	padding-left: 1px;
	font-size: 10pt;
	padding-bottom: 1px;
	margin: 0px;
	border-left: #808080 1px solid;
	color: #000000;
	padding-top: 1px;
	border-bottom: #808080 1px solid;
	height: 22px;
	background-color: cornsilk;
	text-align: center;
}

TR.Grid_MissAlterItem
{
	border-right: #808080 1px solid;
	padding-right: 1px;
	border-top: #808080 1px solid;
	padding-left: 1px;
	font-size: 10pt;
	padding-bottom: 1px;
	margin: 0px;
	border-left: #808080 1px solid;
	color: #000000;
	padding-top: 1px;
	border-bottom: #808080 1px solid;
	height: 22px;
	background-color: cornsilk;
	text-align: center;
}

/*
表列 - 表身欄位:
邊緣: 0
填補: 1
邊框寬度: 實線 1px 灰
字型: 10pt
*/
TD.Grid_Detail
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #ebf5cc;
}

TR.Grid_Detail
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #ebf5cc;
}

/*
表列 - 表身欄位(選擇列):
邊緣: 0
填補: 1
邊框寬度: 實線 1px 灰
字型: 10pt
背景色: 綠~
對齊: 置中
*/
TD.Grid_Select
{
	margin: 0 0 0 0;
	padding: 1 1 1 1;
	border: solid 1px #808080;
	font-size: 10pt;
	height:22px;
	background-color: snow;
}

TR.Grid_Select
{
	margin: 0 0 0 0;
	padding: 1 1 1 1;
	border: outset 1px #808080;
	font-size: 10pt;
	height:22px;
	background-color: snow;
}

TD.Grid_AlterItem
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #E0F2A8;
}

TR.Grid_AlterItem
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #E0F2A8;
}

TR.Grid_Pager
{
	text-align: center;
	mode: NumericPages;
}

TD.Grid_Pager
{
	text-align: center;
	mode: NumericPages;
}

TR.Grid_Pager
{
	text-align: center;
	mode: NumericPages;
}


/*
表列 - 表尾欄位:
邊緣: 0
填補: 1
邊框寬度: 實線 1px 灰
字型: 8pt
*/
TD.Grid_Footer
{
	margin: 0 0 0 0;
	padding: 1 1 1 1;
	border: solid 1px #808080;
	font-size: 8pt;
}

TR.Grid_Footer
{
	margin: 0 0 0 0;
	padding: 1 1 1 1;
	border: solid 1px #808080;
	font-size: 8pt;
}


DIV.Form_Head
{
	border: solid 1px #c0c0c0;
	background-color: azure;
}

DIV.Form
{
	border: solid 1px #999999;
	background-color: whitesmoke;
	
	/*border: solid 1px #999999;
	background-color: Azure;*/
}

DIV.Child_Form
{
	border: solid 1px #c1d2da;
	background-color: seashell;
}

DIV.Query
{
	border: solid 1px #c1d2da;
	background-color: #f8e8ed;
}


DIV.Grid
{
	border: solid 1px #c1d2da;
	overflow: auto;
	background-color: #FFFFFF;
}


SPAN.N
{
	text-align: right;
	font-size: 10pt;
	color: Red;
}

DIV.N
{
	text-align: right;
	font-size: 10pt;
	color: Red;
}


SPAN.D
{
	text-align: right;
	font-size: 10pt;
	color: #336699;
}

DIV.D
{
	text-align: right;
	font-size: 10pt;
	color: #336699;
}

SPAN.I
{
	font-size: 10pt;
	color: black;
	line-height: 20px;
}

DIV.I
{
	font-size: 10pt;
	color: Black;
	line-height: 20px;
}

SPAN.H
{
	font-size: 12pt;
	color: #8b4513;
}

DIV.H
{
	font-size: 12pt;
	color: #8b4513;
}


INPUT.G
{
	font-size: 12pt;
	color: #6699cc;
}

INPUT.GD
{
	font-size: 10pt;
	background-color: Silver;
}


SPAN.G
{
	font-size: 12pt;
	color: #6699cc;
}


DIV.G
{
	font-size: 12pt;
	color: #6699cc;
}


A.G
{
	font-size: 10pt;
	text-decoration: none;
}


TABLE.G
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size:10pt;
}

SPAN.LB
{
	font-size: 10pt;
	color: blue;
	text-decoration: underline;
}

DIV.LB
{
	font-size: 10pt;
	color: blue;
	text-decoration: underline;
}

A.JobLink
{
	color: SteelBlue;
	text-decoration: none;
}