/*
**************************************************************************
系統基礎版面樣式
**************************************************************************
*/
BODY
{
	font-size:9pt;
	/* 系統基礎文字色系 */
    color:#444444;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    /* 系統(Theme)背景主色系 */
	background-color: #ffffff;
}

TD 
{
	FONT-FAMILY: verdana, arial, helvetica; 
	color: #444444;
	FONT-SIZE: 9pt; 
	TEXT-DECORATION: none
}

FORM 
{
	MARGIN: 0px
}

A
{
	font-size: 9pt;
	background-position: bottom;
}

A:link
{
	color: #444444;
	text-decoration: none;
}

A:visited
{
	color: #444444;
	text-decoration: none;
}

A:hover
{
	color: #FF251B;
	text-decoration: underline;
}

A:active
{
	color: #FF251B;
	text-decoration: underline;
}
.grayword
{
    color:#929292;
}

/* 子功能頁面標題(階層路徑)樣式 */
.FunctionTitle
{
	color:#006666;
	font-size:9pt;
	font-weight:bold;
}

/*
1. 重點說明文字樣式
2. 這類文字將始終呈現於最終的網頁
*/
.KeyPoint
{
	color: #993333;
	font-size: 9pt;	
}

/* 
1. 開發註解文字樣式
2. 程式開發人員須於程式開發時將這類文字刪除
*/
.DevNote
{
	color: #cc0099;
	font-size: 9pt;	
}
/*

/*
1. 錯訊訊息文字樣式
2. 程式開發人員須於程式開發時將這類文字刪除
*/
.ErrMsg
{
	color: #ff0000;
	font-size: 9pt;	
}
/*

**************************************************************************
*/


/*
**************************************************************************
CopyrightBar相關樣式:
1. 用於系統畫面框架中"版權宣告"區塊
2. 本組樣式獨立於系統基礎樣式之外
**************************************************************************
*/
.CopyrightText
{
	font-size: 9pt;
	color: #757575;
}

A.CopyrightBarItemText
{
	font-size: 9pt;
}

A.CopyrightBarItemText:link
{
	text-decoration: none;
	color: #757575;
}

A.CopyrightBarItemText:visited
{
	text-decoration: none;
	color: #757575;
}

A.CopyrightBarItemText:hover
{
	color: #FF8731;
	text-decoration: underline;
}

A.CopyrightBarItemText:active
{
	color: #FF8731;
	text-decoration: underline;
}
/*
**************************************************************************
*/


/*
**************************************************************************
MainModuleItemSection:
1. 用於系統畫面框架中"主模組功能項目"區塊的各模組項目超連結顯示效果
2. 本組樣式獨立於系統基礎樣式之外
**************************************************************************
*/
A.ModuleItem
{
	font-size: 9pt;
	font-weight: bold;
	background-position: bottom;
}

A.ModuleItem:link
{
	text-decoration: none;
	color: #1f5354;
}

A.ModuleItem:visited
{
	text-decoration: none;
	color: #1f5354;
}

A.ModuleItem:hover
{
	text-decoration: none;
	color: #E25338;	
}

A.ModuleItem:active
{
	text-decoration: none;
	color: #E25338;
}

A.ModuleItem_down
{
	font-size: 9pt;
	background-position: bottom;
}

A.ModuleItem_down:link
{
	text-decoration: none;
	color: #333333;
}

A.ModuleItem_down:visited
{
	text-decoration: none;
	color: #333333;
}

A.ModuleItem_down:hover
{
	text-decoration: none;
	color: #E25338;	
}

A.ModuleItem_down:active
{
	text-decoration: none;
	color: #E25338;
}
/*
**************************************************************************
*/


/*
**************************************************************************
LeftMenuSection: 
1. 用於系統畫面框架中"左側模組子功能項目"區塊的超連結顯示效果
2. 本組樣式獨立於系統基礎樣式之外
**************************************************************************
*/
A.LeftMenu
{
	font-size: 9pt;
	font-weight: bold;
	background-position: bottom;
}

A.LeftMenu:link
{
	text-decoration: none;
	color: #1f5354;
}

A.LeftMenu:visited
{
	text-decoration: none;
	color: #1f5354;
}

A.LeftMenu:hover
{
	text-decoration: none;
	color: #C34831;	
}

A.LeftMenu:active
{
	text-decoration: none;
	color:  #C34831;
}

A.LeftMenu_down
{
	font-size: 9pt;
	background-position: bottom;
}

A.LeftMenu_down:link
{
	text-decoration: none;
	color: #FFFFFF;
}

A.LeftMenu_down:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

A.LeftMenu_down:hover
{
	text-decoration: none;
	color: #C34831;	
}

A.LeftMenu_down:active
{
	text-decoration: none;
	color: #C34831;
}
/*
**************************************************************************
*/


/*
**************************************************************************
txtLenXXX: 用於TextBox控制項的Html呈現效果, 差別在於TextBox顯示寬度的部份!
**************************************************************************
*/
.txtLen30
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:30px;	
}
.txtLenmoney30
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:30px;	
	text-align: right;
}

.txtLen40
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:40px;	
}
.txtLen50
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:50px;
	text-align:center;	
}
.txtLenmoney40
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:40px;	
	text-align: right;
}

.txtLen70
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:70px;	
}
.txtLen60
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:60px;	
}
.txtLenmoney70
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 

	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:70px;	
	text-align: right;
}
.txtLen80
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:80px;	
}

.txtLen100
{
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #A1A1A1 1px solid;
	BORDER-LEFT: #A1A1A1 1px solid;
	BORDER-RIGHT: #A1A1A1 1px solid;
	BORDER-TOP: #A1A1A1 1px solid;
	COLOR: #444444;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	PADDING-LEFT: 1px;
	width:100px;
}
.txtLenmoney100
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:150px;	
	text-align: right;
}

.txtLen130
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 

	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:130px;	
}

.txtLen150
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid;
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:150px;	
}

.txtLen200
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 

	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:200px;	
}

.txtLen250
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:250px;	
}

.txtLen300
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:300px;	
}
.txtLen500
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;
	width:500px;	
}

.txtMultiple 
{
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid;
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 2px; 
	scrollbar-face-color: #DADADA; 
	scrollbar-shadow-color: #ABABAB; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #DADADA; 
	scrollbar-darkshadow-color: #DADADA; 
	scrollbar-track-color: #DADADA; 
	scrollbar-arrow-color: #000000
}

.txtReadonly
{
	BACKGROUND-COLOR: WhiteSmoke; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	
	COLOR: #444444; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 1px;  
}
/*
**************************************************************************
*/


/*
**************************************************************************
Info/Add頁面樣式: 
1. 此系列樣式用於Info/Add頁面
2. [注意]樣式增加後, 考慮加入獨立的CSS File, 並整合所有與Info/AddPage相關的樣式
**************************************************************************
*/
/* Info/Add頁面資料編輯表格的欄位Title */
.RowTitle
{
	font-size:9pt;
    color:#444444;
	background-color:#e6e6fa;
}

/* Info頁面第三層子功能列樣式: 色彩樣式依據LeftMenu */
A.ThirdLevelMenu
{
	font-size: 9pt;
	background-position: bottom;
}

A.ThirdLevelMenu:link
{
	text-decoration: none;
	color: #1f5354;
}

A.ThirdLevelMenu:visited
{
	text-decoration: none;
	color: #1f5354;
}

A.ThirdLevelMenu:hover
{
	text-decoration: underline;
	color: #C34831;
}

A.ThirdLevelMenu:active
{
	text-decoration: underline;
	color:  #C34831;
}
/*
**************************************************************************
*/


/*
**************************************************************************
List頁面樣式: 
1. 此系列樣式用於List頁面
2. 本組樣式搭配系統基礎樣式使用
3. [注意]樣式增加後, 考慮加入獨立的CSS File, 並整合所有與ListPage相關的樣式
**************************************************************************
*/
.ListTitle
{
	background-color:#E7E7E7;
	font-weight:bold;
	text-align:center;
}

.ListPageQueryhr
{
	border-color: #dfdfdf;
	height: 1px;
	border-style: solid;
}

.ListRowOdd
{
	background-color:#F0F0F0;
}

.ListRowEven
{
	background-color:#FFFFFF;
}

/*
1. ListLinkText的色彩設定繼承自系統基礎超連結變化樣式, 但會覆蓋不同設定
2. 因應List文字超連結項目須呈現突出效果, 因此皆加入底線效果
*/
.ListLinkText
{
	text-decoration: underline;
}

.ListLinkText:link
{
	text-decoration: underline;
}

.ListLinkText:visited
{
	text-decoration: underline;
}

.ListLinkText:hover
{
	text-decoration: underline;
}

.ListLinkText:active
{
	text-decoration: underline;
}
/*
**************************************************************************
*/


/*
**************************************************************************
常用網頁控制項樣式: 
1. 常用控制項樣式集合
2. 所有控制項的字型顏色都依據基礎文字色彩; 背景色都白色
3. 樣式增加後, 考慮加入獨立的CSS File, 並整合所有與Control相關的樣式
**************************************************************************
*/
SELECT 
{
	BACKGROUND-COLOR: #FFFFFF;
	/* 依據系統基礎文字色系 */
	COLOR: #444444;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9pt; 
	PADDING-LEFT: 2px
}

.button{
	BORDER: Goldenrod 1px solid;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-TOP: 2px;
	FONT-SIZE: 12px;
	CURSOR: hand;
	COLOR: black; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=Gold);
}

.btnLen30
{
	BACKGROUND-COLOR: #EDEDED; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	COLOR: #444444; 
	FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; 
	FONT-SIZE: 12px; 
	PADDING-LEFT: 1px;
	width:30px;
	cursor:hand;
}
.btnLen40
{
	BACKGROUND-COLOR: #EDEDED; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	COLOR: #444444; 
	FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; 
	FONT-SIZE: 12px; 
	PADDING-LEFT: 1px;
	width:40px;
	cursor:hand;
}

.btnLen60
{
	BACKGROUND-COLOR: #EDEDED; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	COLOR: #444444; 
	FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; 
	FONT-SIZE: 12px; 
	PADDING-LEFT: 1px;
	width:60px;
}

.btnLen90
{
	BACKGROUND-COLOR: #EDEDED; 
	BORDER-BOTTOM: #A1A1A1 1px solid; 
	BORDER-LEFT: #A1A1A1 1px solid; 
	BORDER-RIGHT: #A1A1A1 1px solid; 
	BORDER-TOP: #A1A1A1 1px solid; 
	COLOR: #444444; 
	FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; 
	FONT-SIZE: 12px; 
	PADDING-LEFT: 1px;
	width:90px;
}
.ddlLen200 
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #444444;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
    PADDING-LEFT: 2px
	width:200px;
	width: 200px;
}
.ddlLen250 
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #444444;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
    PADDING-LEFT: 2px
	width:250px;
	width: 250px;
}
.ddlLen350 
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #444444;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
    PADDING-LEFT: 2px
	width:350px;
	width: 350px;
}
.ddlLen450 
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #444444;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
    PADDING-LEFT: 2px
	width:450px;
	width: 450px;
}
.ddlLen150 
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #444444;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
    PADDING-LEFT: 2px
	width:150px;
	width: 150px;
}
.ddlLen100 
{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #444444;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
    PADDING-LEFT: 2px
	width:100px;
	width: 100px;
}

.menuback{
	BORDER: Silver 1px solid;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-TOP: 2px;
	FONT-SIZE: 12px;
	CURSOR: hand;
	COLOR: black; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#FFFF80);
}
/*
**************************************************************************
*/