﻿body
{
	font-family: Arial, Sans-Serif;
	font-size:12pt;
}

a 
{
	color: #003333; 
	text-decoration: none; 
	height: 40px; 
	width: 120px; 
	font-size: 12pt; 
	font-weight:bold;
	background-color:#DDDDDD;
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
}
a:hover 
{
	color: #AA0000; 
	text-decoration: none; 
	background-color:#FFFFFF;
	height: 40px; 
	width: 120px; 
	font-size: 12pt; 
	font-weight:bold;
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
}

.popuMsg
{
	font-size:11pt;
	font-family: Arial, Sans-Serif;
}

.ps_text
{
	font-size:11pt;
	font-weight:bold;
	font-family: Arial, Sans-Serif;
	color:#553900;
}

.ex_text
{
	font-size:10pt;
	font-weight:bold;
	font-family: Arial, Sans-Serif;
	color:#8a8a8a;
}

.okmsg_text
{
	font-size:11pt;
	font-weight:bold;
	font-family: Arial, Sans-Serif;
	color:#E13800;
}

/* 功能名稱	*/                     
.titleText
{
	text-align: center;
	font-size:medium;
	font-weight:bold;
	font-size: 14pt; 
}

/* 查詢table與填寫表單table */
.table_form
{
	font-size:11pt;
	
	line-height: 25px;
	font-family: Arial, Sans-Serif;
	
	border-top : 1px solid #B7A188; /*上框線*/ 
	border-bottom : 1px solid #B7A188; /*下框線*/  
	border-left : 0px solid #B7A188; /*左框線*/  
	border-right : 0px solid #B7A188; /*右框線*/
}
.table_form_ss
{
	font-size:11pt;
	
	line-height: 25px;
	font-family: Arial, Sans-Serif;
	
	border-top : 1px solid #B7A188; /*上框線*/ 
	border-bottom : 1px solid #B7A188; /*下框線*/  
	border-left : 1px solid #B7A188; /*左框線*/  
	border-right : 1px solid #B7A188; /*右框線*/
}
/*表單標題列*/
.table_title
{
	background-color:#FFFFFF;
	text-align:center;
	font-size:12pt;
	font-weight:bold;
	line-height: 25px;
	color:Black;
	font-family: Arial, Sans-Serif;
}
.table_title2
{
	background-color:#6AA8B6;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
	line-height: 25px;
	color:White;
}

.td_ss
{
	text-align:center;
	background-color:#dedede;
}

/* 表單項目名稱欄位 */
.td1
{
	text-align:right;
	background-color:#8FBC8F;
	width:130px;
}
/* 表單項目名稱欄位-置中 */
.td1_center
{
	text-align:center;
	background-color:#E2CCB2;
}
/* 表單填寫欄位 */
.td2
{
    text-align: left;
}
.td3
{
	text-align:right;
	background-color:#CBF2A2;
}
.td4
{
	text-align:left;
	font-weight:bold;
	font-size:10pt;
}
.td5
{
	text-align:left;
	font-weight:bold;
	font-size:10pt;
	color:#C40000;
	text-align:center;
}
.tr1
{
	background-color:#BDC8FF;
}
.tr2
{
	background-color:#FFFFFF;
}
/* 登入按鈕 */
.loginButton
{
	background-color:#376938;
	border-color:#1E4374;
	font-weight:bold;
	color:White;
}
/* 查詢按鈕 */
.searchButton
{
	background-color:#376938;
	border-color:#1E4374;
	font-weight:bold;
	color:White;
}
.checkButton
{
	background-color:#6B8AB4;
	border-color:#1E4374;
	font-weight:bold;
	color:White;
}
/* 新增按鈕 */
.addButton
{
	background-color:#FA8000;
	border-color:#1E4374;
	font-weight:bold;
	color:White;
}
/*儲存按鈕*/
.saveButton
{
	background-color:#376938;
	border-color:#1E4374;
	font-weight:bold;
	color:White;
}
/*儲存按鈕-2*/
.saveButton2
{
	background-color:#9DB74F;
	border-color:#607030;
	font-weight:bold;
	color:White;
}
/*清除按鈕*/
.clearButton
{
	background-color:#D8D4D0;
	border-color:Silver;
	font-weight:bold;
	color:#545453;
}
/*回上一頁按鈕*/
.backButton
{
	background-color:#999966;
	border-color:#666633;
	font-weight:bold;
	color:White;
}
.printButton
{
	background-color:#8D2C1D;
	border-color:#124B7D;
	font-weight:bold;
	color:White;
}
.confirmButton
{
	background-color:#999999;
	border-color:Silver;
	font-weight:bold;
	color:White;
}
.yesButton
{
	background-color:#999999;
	border-color:Silver;
	font-weight:bold;
	color:White;
}
.noButton
{
	background-color:#D31B07;
	border-color:#124B7D;
	border-color:Silver;
	font-weight:bold;
	color:White;
}
.okButton
{
	background-color:#999999;
	border-color:Silver;
	font-weight:bold;
	color:White;
}
.fillButton
{
	background-color:#FF9011;
	border-color:#124B7D;
	border-color:Silver;
	font-weight:bold;
	color:White;
}
.checkoutButton
{
	background-color:#7FAE7A;
	border-color:#374B35;
	font-weight:bold;
	color:White;
}
.finishButton
{
	background-color:#999999;
	border-color:Silver;
	font-weight:bold;
	color:White;
}
.nextButton
{
	background-color:#999999;
	border-color:Silver;
	font-weight:bold;
	color:White;
}

/*目前所在位置顯示*/
.location
{
	text-align:left;
	color:#CC3300;
	font-weight:bold;
	font-size:10pt;
}
/* 錯誤訊息 */
.showMessageText
{
	font-size:11pt;
	font-weight:bold;
	color:red;
	text-align:left;
}
.showCheckMessage
{
	font-size:10pt;
	color:#AA7700;
	text-align:left;
}
.showLoadmessageText
{
	color: #C00000;
	font-weight:bold;
	font-size:11pt;
}
/*資料總列數顯示*/
.TotalNum
{
	font-size:10pt;
	color:#996600;
	font-weight:bold;
}
/*工作證 正面詳細文字顯示*/
.cardbackText
{
	font-size:8pt;
	color:#0D0151;
	font-family:Arial;
}
/*工作證 正面勞工姓名顯示*/
.cardnameText
{
	font-size:10pt;
	color:Black;
	font-weight:bold;
	font-family:Arial;
}
/*工作證 正面卡號顯示*/
.cardNumberText
{
	font-size:8pt;
	color:Black;
	font-weight:bold;
	font-family:Arial;
}
.cardOtherText
{
	font-size:8pt;
	color:Black;
	font-weight:bold;
	font-family:Arial;
}
.cardWorkForText
{
	font-size:7pt;
	color:Black;
	font-weight:bold;
	font-family:Arial;
}
.cardOccForText
{
	font-size:6pt;
	color:Black;
	font-weight:bold;
	font-family:Arial;
}

.filecreationtime_text 
{
	font-size:9pt;
	color:Gray;
	font-family:Arial;
}

/**/
.pageTableBorder
{
	border-color:Black;
	border-collapse:collapse;
}
.pageTableTd
{
	border-color: #000000; 
	border-left-color:#000000;
	border-right-color:#000000;
	border-top-color:#000000;
	border-bottom-color:#000000;
}
.pageText10
{
	font-size:10pt;
}
.pageText9
{
	font-size:9pt;
}
/*訊息背景-半透明*/
.modalBackground {
	background-color:#EEF8FF;
	filter:alpha(opacity=70);	/* For IE*/
	opacity:0.7;				/* For FireFox*/
}
/*彈跳視窗*/
.scriptmessage
{
	display:none; 
	width:200px; 
	background-color:White; 
	border-width:2px; 
	border-color:Black; 
	border-style:solid; 
	padding:20px;
}
/* Accordion 選單*/
/* 合起來的時候 */
.accordionHeader
{
	background-image:url(../images/menu_header_close.png);
    border: 1px solid #FFFFFF;
    color: #000000;
    background-color: #DDDDDD;
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    height:20px;
}
/* 開啟的時候 */
.accordionHeaderSelected
{
	background-image:url(../images/menu_header_open.png);
    border: 1px solid #FFFFFF;
    color: #000000;
    background-color: #8FBC8F;
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    height:20px;
}
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #FFFFFF;
    border-top: none;
    padding: 5px;
    padding-top: 11px;
}
.accordionHeader a
{
	font-size: 11pt;
	color: #2F4F4F;
	background: none;
	text-decoration: none;
}
.accordionHeader a:hover
{
	font-size: 11pt;
	background: none;
	text-decoration: underline;
}
.accordionHeaderSelected a
{
	font-size: 11pt;
	color: #2F4F4F;
	background: none;
	text-decoration: none;
}
.accordionHeaderSelected a:hover
{
	font-size: 11pt;
	background: none;
	text-decoration: underline;
}

.accordionHeader_main
{
    border: 1px solid #FFFFFF;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    height:20px;
}
.accordionHeaderSelected_main
{
    border: 1px solid #FFFFFF;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    height:20px;
}

/*left menu*/
.leftMenuTitle
{
	background-image:url(../images/menu/sidebar_header.png);
    border: 1px;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.leftMenuSelected
{
	background-image:url(../images/menu_bg.jpg);
	background-color: #F8F8F8;
    border: 1px groove #FFFFFF;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    
    color: #54332B;
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	line-height: 18px;
    cursor: pointer;
}
.leftMenuSelected a
{
	font-size: 11pt;
	color: #2F4F4F;
	background: none;
	text-decoration: none;
}
.leftMenuSelected a:hover
{
	font-size: 11pt;
	background: none;
	text-decoration: underline;
	background-color:#402822;
	color: #FFFFFF;
}
.todoList
{
	border: 1px groove #2F4F4F;
}

/*File Open*/
.fileOpenLink
{
    color: #FF6600;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
    cursor: pointer;
}
.fileOpenLink a
{
	color: #FF6600;
	background: none;
	text-decoration: none;
}
.fileOpenLink a:hover
{
	background: none;
	text-decoration: underline;
	background-color:#FF6600;
	color: #FFFFFF;
}
.excelLinkstyle
{
	font-size: 10pt;
	color: #0000C4;
	font-weight: bold;
}

/*for 雛型*/
.style3
{
	color: #FFFFFF;
	font-weight: bold;
    background-color: #507CD1;
    height: 25px;
    font-size: 14px;
}
.style10
{
	font-size: small;
}
.style11
{
	background-color: #FFFFFF;
	font-size: small;
}
.viewstyle
{
	color: #990000;
	font-size: 10pt;
	font-weight : bold;
}
.uploadfilestype
{
	color: #990000;
	font-size: 10pt;
	font-weight : bold;
}

/*Modal Popup 彈跳視窗*/
.modalBackground {
	background-color:#F2F2F2;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

/* Content Page Layout */
.demoarea {
	padding:20px;
	background:#FFFFFF;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.Dropshadow_style 
{
	font-family: Arial, Sans-Serif;
	font-weight:bold;
	background-color:#FFFFFF;
}

.FullScreenDiv_style
{
	vertical-align:middle; 
	text-align:center;
	background-color:#EEF8FF;
	filter:alpha(opacity=70);	/* For IE*/
	opacity:0.7;				/* For FireFox*/
	position:absolute;
	z-index:10000;
	cursor:pointer;
	display:none;	
}
