/* 
此樣式表主要為表格分頁樣式檔共用於各主題樣板
請注意圖片路徑問題及配色
如共用性太差則請改建利於各主題樣式中
*/



/*==表格樣式==*/
.blue_table
{
	background-color:#aed6ff;
	color:#666666;
	width:98%;
	margin:1px;
	
	border-collapse: collapse;
	border-spacing: 0;
	
}

.blue_table th
{
	background-color: #e1eefb;	
	text-align:center;
	border: 1px solid #B5C8D9;
	
}

.blue_table td
{
	background-color: #ffffff;	
	border: 1px solid #B5C8D9;
}

.blue_table caption
{
	background-color: #61a3cf;	
	text-align:center;
	color:#ffffff;
	
}

.blue_table tr.Alt td, .blue_table td.Alt
{
	background-color:#f8f8de;
	border: 1px solid #B5C8D9;	
}

.blue_table tr.PermitAlt td, .blue_table td.PermitAlt
{
	background-color:#F7F6F3;
	border: 1px solid #B5C8D9;	
}

.blue_table tr.PermitChose td, .blue_table td.PermitChose
{
	background-color:#E2DED6;
	border: 1px solid #B5C8D9;	
}


.blue_table th.BgHighlight
{
	background-color: #61a3cf;	
	color:#ffffff;
}

.blue_table th.BgTitle
{
	background-color: #61a3cf;	
	color:#ffffff;
	text-align:left;
}
.blue_table th.BgSecondTitle
{
	text-align:left;
}
.blue_table tr.BgHighlight th
{
	background-color: #61a3cf;	
	color:#ffffff;
}



/*==blue_tableB TABLE==*/

.blue_tableB
{
	background-color:#7DB7DB;
	width:98%;
	margin:1px;
	border-collapse: collapse;
	border-spacing: 0;
	
}


.blue_tableB caption
{
	background-color:#61a3cf;
	color:#ffffff;
	text-align:center;
}

.blue_tableB th
{
	background-color:#7db7db;
	color:#ffffff;
	text-align:center;
	border: 1px solid #B5C8D9;
}

.blue_tableB td
{
	background-color:#ffffff;
	border: 1px solid #B5C8D9;
}

.blue_tableB tr.Alt td,.blue_tableB td.Alt
{
	background-color:#f8f8de;
	border: 1px solid #B5C8D9;	
}


/*==PINK TABLE==*/

.pink_table
{
	background-color:#ddbdcb;
	color:#666666;
	width:98%;
	margin:1px;
	
	border-collapse: collapse;
	border-spacing: 0;
	
}

.pink_table th
{
	background-color: #fbe1ea;	
	text-align:center;
	border: 1px solid #ddbdcb;
}

.pink_table td 
{
	background-color: #ffffff;
	border: 1px solid #ddbdcb;	
}

.pink_table caption
{
	background-color: #da7e9e;	
	text-align:center;
	color:#ffffff;
}

.pink_table tr.Alt td,.pink_table td.Alt
{
	background-color:#f8f8de;
	border: 1px solid #ddbdcb;	
}


/*==Retro TABLE==*/

.Retro_table
{
	background-color:#e1cdb0;
	color:#52381D;
	width:98%;
	margin:1px;
	border-collapse: collapse;
}

.Retro_table th
{
	background-color: #F8EFDE;	
	text-align:center;
	border: 1px solid #e1cdb0;
	padding:3px;
}

.Retro_table td
{
	background-color: #ffffff;
	border: 1px solid #e1cdb0;	
	padding:3px;
}

.Retro_table caption
{
	background-color: #d7a979;	
	border: 1px solid #e1cdb0;
	border-bottom:0px;
	text-align:center;
	color:#52381D;
	font-weight:bold;
}

/*==black_table TABLE==*/

.black_table
{
	background-color:#000000;
	margin:1px;
	border-collapse: collapse;
	border-spacing: 0;
	border-width:2px;
	font-family:標楷體;
	width:88%;
	
}


.black_table caption
{
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	font-size:large;
	font-family:標楷體;
	padding-bottom:6px;
	padding-top:6px;
}

.black_table th
{
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	border: 2px solid #000000;
}

.black_table td
{
	background-color:#ffffff;
	border: 2px solid #000000;
}

.black_table tr.Alt td,.black_table td.Alt
{
	background-color:#ffffff;
	border: 2px solid #B5C8D9;	
}

.black_table th.col_InfoTitle1
{
	background-color:#ffffff;
	color:#000000;
	text-align:left;
	border: 2px solid #000000;
}

.black_table th.col_InfoTitle2
{
	background-color:#ffffff;
	color:#000000;
	text-align:left;
	line-height:60px;
	border: 2px solid #000000;
}

/*==black_MDCtable TABLE==*/

.black_MDCtable
{
	background-color:#000000;
	margin:1px;
	border-collapse: collapse;
	border-spacing: 0;
	border-width:2px;
	font-family:標楷體;
	font-size:large;
	width:88%;
	
}


.black_MDCtable caption
{
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	font-size:x-large;
	font-family:標楷體;
	padding-bottom:6px;
	padding-top:6px;
}

.black_MDCtable th
{
	background-color:#ffffff;
	color:#000000;
	text-align:center;
	border: 2px solid #000000;
}

.black_MDCtable td
{
	background-color:#ffffff;
	border: 2px solid #000000;
}

.black_MDCtable tr.Alt td,.black_table td.Alt
{
	background-color:#ffffff;
	border: 2px solid #B5C8D9;	
}

.black_MDCtable th.col_InfoTitle2
{
	background-color:#ffffff;
	color:#000000;
	text-align:left;
	line-height:60px;
	border: 2px solid #000000;
}


/*==表格欄位樣式==*/
.col_no
{
	width:80px;
}
.col_state
{
	width:80px;
}
.col_title
{
	width:150px;
}
.col_date
{
	width:80px;	
}
.col_desc
{
	width:240px;	
}
.col_address
{
	width:500px;	
}
.col_info
{
	
}
.col_num
{
	text-align:right;	
}
.col_point
{
	text-align:center;	
	width:10px;
}
.col_link
{
	text-align:center;	
	width:300px;
}
.col_ShortTitle
{
	text-align:center;	
	width:40px;	
}
.col_MiddleTitle
{
	text-align:center;	
	width:60px;
	
}
.col_MiddleTitle2
{
	text-align:left;	
	width:140px;
	
}
.col_InfoTitle
{
	line-height:20px;	
}


/*====[分頁樣式]====*/
.blue_pages
{
	text-align:center;
	font-size: 0.875em;
	color: #666666;
	background-color: #e1eefb;	
	border: 1px solid #B5C8D9;
	width:98%;
}

.blue_pages a:link, .blue_pages a:visited {
	font-size: 0.875em;
	color: #666666;
	text-decoration: none;
}
.blue_pages a:hover {
	font-size: 0.875em;
	color: #999999;
	text-decoration: underline;
}



.pink_pages
{
	text-align:center;
	font-size: 0.875em;
	color: #666666;
	background-color: #fbe1ea;	
	border: 1px solid #ddbdcb;
	width:98%;
}
.pink_pages a:link, .pink_pages a:visited {
	font-size: 0.875em;
	color: #666666;
	text-decoration: none;
}
.pink_pages a:hover {
	font-size: 0.875em;
	color: #999999;
	text-decoration: underline;
}



/*====[UpdatePalne 回呼進度樣式]====*/
div.loadingPanel {
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 10000;
}

div.loading {
    float: left;
    margin-top: -17px;
    margin-left: 7px;
    padding-left: 70px;
    background: transparent url(./x2010/images/loading/loadingbar.gif) no-repeat center left;
    border: none;
    color: #1e7e40;
    z-index: 10000;
}
span.loading {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    padding: 1px;
    top: 45%;
    left: 45%;
    z-index: 10000;
}
span.loading div {
    margin: 1px;
    padding: 10px 10px 12px 37px;
    background: #daedf0 url(./x2010/images/loading/loading.gif) no-repeat 5px 5px;
    border: 1px solid #7eacb1;
    font-size: 0.875em;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 10001;
}
em.loading {
    position: relative;
    padding-left: 20px;
    background: transparent url(./x2010/images/loading/loadingcycle.gif) no-repeat center left;
    color: #1e7e40;
    z-index: 10000;
}
span.ShortTitle
{
	display:inline-block;
	width:20px;
	margin-left:10px;
	margin-right:10px;
	padding-top:auto;
	padding-bottom:auto;
	position:relative;
	vertical-align:middle;
}
span.MiddleTitle
{
	display:inline-block;
	width:120px;
	font-size:large;
	margin-left:0px;
	margin-right:0px;
	padding-top:auto;
	padding-bottom:auto;
	position:relative;
	vertical-align:middle;
}
span.Mast_Title{
	text-align:left;
	width:100%;
	float:left;
}

.checkStyle
{
	display:inline;	
	
}