﻿/* tight table，相當於 cellpadding=0及cellspacing=0 */
table.tight
{
    border-collapse: collapse;
}

table.tight > tbody > tr > td
{
    padding:0px;
}

table.borderless
{
    border : none 0px;
}

table.borderless > tbody > tr > td
{
    border : none 0px;
}




/* 用作修正 ASP:menu 的顯示問題 */
.zindex1000 
{ 
    z-index: 1000; 
}

/* 綠色小字，表示說明 */
.CSHelp
{
    font-weight: bold;
    font-size: xx-small;
    color: green;
}

.dropShadow
{
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='gray', Positive='true');
}

.alignCenter
{
	 text-align:center;	
}

.topAndBottomPadding
{
    padding: 10px 0px 100px 0px;
}

.yellowtable
{
	border-right: lightgrey 0px solid;
	border-top: lightgrey 0px solid;
	border-left: lightgrey 0px solid;
	border-bottom: lightgrey 0px solid;
	table-layout: auto;
	padding-right: 5px;
	margin-top: 10px;
	padding-left: 5px;
	font-size: 10pt;
	padding-bottom: 5px;
	margin-left: 5px;
	vertical-align: top;
	width: 720px;
	padding-top: 5px;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
.shadowBottom
{
	BACKGROUND-IMAGE: url(../../image/image_set_01/dropShadow/horizontal.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
	BACKGROUND-COLOR: white; 
	HEIGHT: 15px; 
}
.shadowConer
{
	BACKGROUND-IMAGE: url(../../image/image_set_01/dropShadow/coner.gif); 
	WIDTH: 15px; 
	BACKGROUND-REPEAT: no-repeat; 
	BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; BORDER-TOP-STYLE: none; 
	HEIGHT: 15px; 
	BACKGROUND-COLOR: white; 
}
.shadowRight
{
	BACKGROUND-IMAGE: url(../../image/image_set_01/dropShadow/vertical.gif); 
	WIDTH: 15px; 
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-BOTTOM-STYLE: none;
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: white; 
}

.simpleSilverTable
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}

.outsetbutton
{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 8pt;
	border-left-color: green;
	border-bottom-color: green;
	padding-bottom: 0px;
	vertical-align: middle;
	cursor: hand;
	border-top-style: double;
	border-top-color: green;
	padding-top: 0px;
	border-right-style: double;
	border-left-style: double;
	letter-spacing: 5pt;
	background-color: green;
	text-align: center;
	border-right-color: green;
	border-bottom-style: double;
	color: white;
	margin-left: 10px;
	margin-right: 10px;
}

.TaskNumber
{
    font-weight: bolder;
    font-size: large;
    color: Orange;
    font-family: 'Comic Sans MS';
    padding-bottom: 0px;
    padding-top: 0px;
}

.redStar
{
	font-weight: bolder;
	font-size: large;
	color: red;
}

.headingLeft
{
    background-image: url(../../image/image_set_03/HeadingBackGround/triangle.gif); 
    background-repeat: no-repeat; 
    width: 38px; 
}

.headingMiddle
{
    border-bottom:solid 1px Orange;
    font-size: 16pt;
    font-weight: bolder;
}

.headingRight
{
    background-image: url(../../image/image_set_03/HeadingBackGround/circle.gif); 
    background-repeat: no-repeat; 
    width: 50px; 
}

.smallHeadingLeft
{
    background-image: url(../../image/image_set_03/HeadingBackGround/arrowLeft.gif); 
    background-repeat: no-repeat; 
    width: 10px; 
    height: 30px;  
}

.smallHeadingMiddle
{
    height: 30px;
    font-size: 10pt;
    text-align:center;
}

.smallHeadingRight
{
    background-image: url(../../image/image_set_03/HeadingBackGround/arrowRight.gif); 
    background-repeat: no-repeat; 
    width: 10px; 
    height: 30px;
}

.successResult
{
    font-weight: bold;
    font-size: larger;
    color: blue;
}

.failResult
{
    font-weight: bold;
    font-size: larger;
    color: red;
}

.DropShadowTable
{
    filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5); 
}

.DropShadowLight
{
    filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=2); 
}

.TextWaterMark
{
    border-right: gray 1px dotted;
    border-top: gray 1px dotted;
    border-left: gray 1px dotted;
    color: gray;
    border-bottom: gray 1px dotted;
    background-color: #ffff99;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.swfUploadButton
{
    border-right: royalblue 2px solid;
    border-top: royalblue 2px solid;
    font-size: 8pt;
    border-left: royalblue 2px solid;
    width: 200px;
    cursor: hand;
    border-bottom: royalblue 2px solid;
    height: 30px;
    background-color: white;
}

.selectedRblstItem
{
    font-size: large;
    font-weight: bold;
    color: mediumblue;
}

.iconLeft
{
    background-image: url(../../image/image_set_03/HeadingBackGround/boxLeft.gif); 
    background-repeat: no-repeat; 
    width: 31px; 
    height: 33px;  
}

.iconMiddle
{
    height: 33px;
    font-size: 14px;
    vertical-align : middle;
}

.iconRight
{
    background-image: url(../../image/image_set_03/HeadingBackGround/boxRight.gif); 
    background-repeat: no-repeat; 
    width: 31px; 
    height: 33px;
}

.AbsoluteZero
{
    left: 0px;
    position: absolute;
    top: 0px;
}

.AlignRight
{
    text-align:right;
}

.AlignLeft
{
    text-align:left;   
}

.transparentThings
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	opacity:.25;	
}

.chartWindow
{
	font-size: small;
}

/* 無邊、無padding、無margin的Table */
table.noBorderNoPadding
{
    border-style: none;
    border-width: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

table.noBorderNoPadding tr td
{
    padding : 0px 0px 0px 0px;
}

/* ================================================*/

div.pageHeading
{
	font-weight: bolder;
	font-size: larger;
}



/* ==================================================== */



/* ============================================================*/
/* 文字標題 */
table.textTitle
{
	font-size: 18px;
	font-weight:bold;
	border-style: none;
	border-width: 0px;
	border-collapse: collapse;
	margin-bottom: 5px;
}

table.textTitle td.textTitle_TC
{
	font-family: 標楷體;
    letter-spacing: 3px;
    padding : 5px 30px 0px 0px;
}

table.textTitle td.textTitle_English
{
	font-family: Arial;
	padding : 0px 30px 0px 0px;
}

table.textTitle td
{
	
	border-bottom-style : solid;
	border-bottom-width : 2px;
	border-left-style : solid;
	border-left-width : 10px;
}

table.pictureTitle
{
	border-collapse: collapse;
}

table.pictureTitle td
{
	margin : 0px;
	padding : 0px;	
}

/*==================================================================*/

table.dataList
{
	background-color: #FFFFCC;
	border: 1px solid #999999;
	width: 100%;
	border-collapse: collapse;
}

table.dataList > tbody > tr:first-child
{
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #66CCFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0066FF;
}

table.dataList > tbody > tr
{
	text-align: center;
	line-height: 1.5em;
}

.closeCross
{
	font-family: Verdana;
	font-size: large;
	font-weight: bolder;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	border: thin solid #FFFFFF;
	padding: 2px;
	cursor: pointer;
	float:right;
}

div.heading
{
    font-size: x-large;
    font-weight: bold;
    letter-spacing: 1.3em;
}

.redCloseButton
{
    font-family: Verdana;
    font-size: medium;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #FF0000;
    border: medium groove #993300;
    float: right;
}

.searchButton
{
    border-style: solid;
    border-width: 1px 5px 1px 5px;
    border-color: #0066FF;
    font-family: Verdana;
    font-size: small;
    color: #0066FF;
    letter-spacing: 0.5em;
    background-color: #FFFFFF;
    padding: 1px 5px 1px 10px;
}

.searchButton:hover
{
    text-decoration: none;
    background-color: #FFFFCC;
}
