BODY {
/*	scrollbar-face-color: #DDDDDD; scrollbar-shadow-color: #C6C6C6;					/* 上下捲軸箭頭樣式顏色 */
/*  scrollbar-highlight-color: #EEEEEE; scrollbar-3dlight-color: #C6C6C6; 	/* 捲軸邊框樣式顏色 */
	font-family: "微軟正黑體", "新細明體", "Tahoma", "Arial", "Times New Roman";
	font-size: 11.5pt;
	word-spacing: 1pt;				/* 字距 */
	line-height: 16pt;				/* 行距 */
	color: #000000;
	text-decoration: none;
	word-wrap: break-word; 		/* 英文單字自動換行 */
	word-break: normal; 			/* 正常避頭尾 */ 

  scrollbar-darkshadow-color: #EEEEEE; scrollbar-track-color: #DCDCDC; 		/* 捲軸邊框陰影樣式顏色 */
  scrollbar-arrow-color:#303030;
 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p { margin: 16px 0; }			/* p：段落間距 */
/* br {display:inline; line-height:110px; }	/* br：段落間距 */

/* 項目編號之排版 */
ol {margin-top:12px;}				/* 第一行上方距離 */
ol li{line-height: 16pt;}		/* 行距 */
ol li{margin: 8px 0;}		/* 編號與編號之間的段落間距 */

/* 超連結預設：自訂樣式 */
a:hover {color: #3399FF;}
a:link {color: #006666;}
a:visited {text-decoration: none;}

.hp {
	/* 文字左右對齊 */ 
	text-align:justify; 
	text-justify:inter-ideograph; 
}
.hpNav { font-size: 9pt; }																/* 小字型樣式 */
.CopyRight { font-size: 10pt;color: #000000; }						/* 版權聲明樣式 */
.CopyRightWhite { font-size: 10pt;color: #FFFFFF; }				/* 版權聲明白色樣式樣式 */
.hpLink {	color: #006666;text-decoration: none; }					/* 超連結樣式 */
.accesskeyLink { color: #FFFFFF; }												/* 無障礙空間超連結 */
.txtCenter { text-align: center; }												/* 文字置中樣式 */
.txtRight { text-align: right; }													/* 文字置中樣式 */

.hpGray { color: #666666; }
.hpRed { color: #FF0000; }
.hpBlue { color: #0000CC; }
.hpGreen { color: #006633; }
.hpBold { font-weight: bold; }
.hpUnderLine { BORDER-BOTTOM: #999 1px solid; }				/* 加底線 */
.hpSub { vertical-align:sub;font-size: 9pt; }					/* 下標字 */
.hpSuper { vertical-align:super;font-size: 9pt; }			/* 上標字 */

/* PDF專用CSS */
.pdfHp {
	/* 文字左右對齊 */ 
	word-spacing: 2pt;				/* 字距 */
	line-height: 18pt;				/* 行距 */
}
.pdfRightBold { font-weight: bold;text-align:right; }
.pdfCneterCneter {text-align:center; vertical-align:middle;}
.pdfCneterTitle20-Bold {
	text-align:center;
	font-size: 20pt;
	line-height: 20pt;
	font-weight: bold;
}

/* 相關連結樣式 */
.hpWebLink {
	/* 文字左右對齊 */ 
	text-align:justify; 
	text-justify:inter-ideograph; 
}

/* 表格表頭與字型顏色 */
.tblBgBlue{ background-color: #D7E7F5;color: navy; }
.tblBgGray { background-color: #DEDFDE; }
.tblBgGreen { background-color: #009900; COLOR: #FFFFFF; }
.tblBgBuff { background-color: #FFFFCC; }											/* 淺黃色 */
.tblBgLiSkin { background-color: #FFCC99; }										/* 淺膚色 */
.tblBgLiBlue { background-color: #C6E3F2; }										/* 淺藍色 */
.tblBgLiBlue { background-color: #d5f5d7; }										/* 淺綠色 */

/* 漸層背景顏色 */
.tblBgGdGravy {	background-image: url(../images/common/tblBgGravy.jpg); }    /* 灰色 */
.tblBgGdBBlue {	background-image: url(../images/common/tblBgBlue.jpg); }    /* 藍色 */
.tblBgGdGreen {	background-image: url(../images/common/tblBgGreen.jpg); }    /* 綠色 */
.tblBgGdSkin {	background-image: url(../images/common/tblBgSkin.jpg); }    /* 膚色 */

/* 表格右邊線以及左邊線 */
.tblLeftLine{ border-Left: #999999 1px solid; }
.tblRightLine{ border-Right: #999999 1px solid; }

/* 有漸層背景圖片的表格標題列 */
.tblBgHpGravy {
	background-image: url(../images/common/tblBgGravy.jpg);
	font-size: 13pt;
	font-weight: bold;
}

/* 表格標題列：上方線+背景色 */
.tblTopLineAndBg {
	color: #000000;
	line-height: 20px;
	background-color: #F3F3E9;
	padding: 5px;
}

.hpRed-Bold {
	color: #FF0000;
	font-weight: bold;
}
.hpBlue-Bold {
	color: #0000CC;
	font-weight: bold;
}

.hpTitle14 { font-size: 14pt; }

/* 粗體 */
.hpTitle14-Bold2 {
	font-size: 14pt;
	line-height: 20pt;
	font-weight: bold;
}

/* 粗斜體加底線 */
.hpTitle14-Bold {
	font-size: 14pt;
	line-height: 20pt;
	font-weight: bold;
	font-style: italic;
	border-bottom: #660000 1px solid;
}

.hpTitle16-Bold {
	font-size: 16pt;
	line-height: 20pt;
	font-weight: bold;
}
.hpTitle20-Bold {
	font-size: 20pt;
	line-height: 20pt;
	font-weight: bold;
}
.hpTitle26-Bold {
	font-size: 26pt;
	line-height: 28pt;
	font-weight: bold;
}
.hpTitle16-Red {
	font-size: 16pt;
	line-height: 20pt;
	color:#FF0000;
}

/* OnMouseOver 滑鼠移過去時，該列背景會換顏色 */
.gvStyle .row:hover{ background-color: #C7E8E8; }
.gvStyle .alt{ background-color:#FFFFFF; }		/* 雙數列的預設初始背景 */
.gvStyle .alt:hover{ background-color: #C7E8E8; }

.TextInput {
	BORDER-BOTTOM: #808080 1px solid;
	BORDER-LEFT: #808080 1px solid;
	BORDER-RIGHT: #808080 1px solid;
	BORDER-TOP: #808080 1px solid;
	COLOR: Black;
  height:20px;
  z-index:1;
}

.MultiTextInput {
	BORDER-BOTTOM: #808080 1px solid;
	BORDER-LEFT: #808080 1px solid;
	BORDER-RIGHT: #808080 1px solid;
	BORDER-TOP: #808080 1px solid;
	COLOR: Black;
  z-index:1;
}


/* 標題加上實底線(咖啡色) */
.TitleAndUnLine2 {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	border-bottom: #660000 1px solid;
}
/* 虛底線(灰色) */
.UnLine {
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px dashed #999999;
	border-left: 0px none;
}
/* 實底線(藍色) */
.UnLineBlue {
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #507CD1;
	border-left: 0px none;
}
/* 外框(灰黑色) */
.FrameForGray {
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}

.btn{
	height:20px; 						/* 按鈕高度 */
	font-size: 13px; 				/* 字體大小 */
	color: #000000; 				/* 字體顏色：黑色 */
	/* text-shadow:0 1px 0 #FFFFFF; */
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	border:1px solid #777777;
	box-shadow: 0 1px 0 #616a74 inset,0 1px 5px #212528;
	background: -webkit-linear-gradient(top,#dbedff,#99ccff);
	background: -moz-linear-gradient(top,#dbedff,#99ccff);
	background: -ms-linear-gradient(top,#dbedff,#99ccff);
	background: -o-linear-gradient(top,#dbedff,#99ccff);
	background: linear-gradient(top,#dbedff,#99ccff);
	cursor:pointer; 				/* 游標形式：手形狀 */
  border-radius: 7px;		/* 按鈕4個圓角設定，設定越大，越圓 */
/*	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;		/* 產生文字暈光效果 */
}
.btnGreen{
	height:60px; 						/* 按鈕高度 */
	font-size: 19px; 				/* 字體大小 */
	color: #FFFFFF; 				/* 文字字體顏色：白色 */
	text-shadow:0 1px 0 #484f58;
	margin-bottom: 20px;
	margin-right: 5px;
	border:1px solid #202124;
	box-shadow: 0 1px 0 #616a74 inset,0 1px 5px #212528;
  /* 按鈕背景顏色:各種瀏覽器設定 */
	background: -webkit-linear-gradient(top,#006600,#044336);
	background: -moz-linear-gradient(top,#006600,#044336);
	background: -ms-linear-gradient(top,#006600,#044336);
	background: -o-linear-gradient(top,#006600,#044336);
	background: linear-gradient(top,#006600,#044336);
	cursor:pointer; 				/* 游標形式：手形狀 */
  border-radius: 10px;		/* 按鈕4個圓角設定，設定越大，越圓 */

/*	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;		/* 產生文字暈光效果 */
}
.btn:hover{
color: #FFFFFF; 				/* 字體顏色：白色 */
text-shadow:0 1px 0 #484f58;
background: -webkit-linear-gradient(top,#5b6167,#30373e);
background: -moz-linear-gradient(top,#5b6167,#30373e);
background: -ms-linear-gradient(top,#5b6167,#30373e);
background: -o-linear-gradient(top,#5b6167,#30373e);
background: linear-gradient(top,#5b6167,#30373e);
}
.btn:active{
box-shadow: 0 1px #484c50;
background: -webkit-linear-gradient(top,#232930,#3c4249);
background: -moz-linear-gradient(top,#232930,#3c4249);
background: -ms-linear-gradient(top,#232930,#3c4249);
background: -o-linear-gradient(top,#232930,#3c4249);
background: linear-gradient(top,#232930,#3c4249);
}
.btn1Char{
	width:35px; 						/* 1個字按鈕長度 */
}
.btn2Char{
	width:50px; 						/* 2個字按鈕長度 */
}
.btn4Char{
	width:70px; 						/* 4個字按鈕長度 */
}
.btn5Char{
	width:85px; 						/* 5個字按鈕長度 */
}
.btn6Char{
	width:100px; 						/* 6個字按鈕長度 */
}
.btn7Char{
	width:120px; 						/* 7個字按鈕長度 */
}

.btn8Char{
	width:140px; 						/* 8個字按鈕長度 */
}

.btn9Char{
	width:160px; 						/* 9個字按鈕長度 */
}

.btn11Char{
	width:180px; 						/* 11個字按鈕長度 */
}

.btn13Char{
	width:220px; 						/* 13個字按鈕長度 */
}

/* 自動完成之CSS */
.hiddenControl{
    visibility:hidden;
    height:0;
    width:0;
}

/* 陰影 + 圓角 + 外框 */
.ShadowAndCorner {
  box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);                      /*陰影for IE*/
  -webkit-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);              /*陰影for Google Chrome、Safari*/
  -moz-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);                 /*陰影for Firefox*/
  border-radius: 8px;             /*圓角for IE*/
  -webkit-border-radius: 8px;     /*圓角for Google Chrome、Safari*/
  -moz-border-radius: 8px;        /*圓角for Firefox*/
	width:85%;
}
/* 圓角：上方標題背景 */
.ShadowAndCornerTitle {
  border-radius: 8px 8px 0px 0px;
  background: #33CCCC; height:25px;
	color: #000099;
}