/*  主要的  inline styles */
/***********************HTML物件*********************************/
/* CSS Document */
BODY
{
	font-size: 9pt;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#DFE7F7;
}
/* for All words */
table{
	height: 23px;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	}
/* for all links*/
A{   
    color: #FF821D;
    text-decoration : underline;
	font-size: 12px;
}
A:hover{
	color: #FF4D1D;
	text-decoration: none;
}

/***********************左方menu*********************************/


.TreeviewSpanArea A {
	font-size: 10pt; 
	font-family: verdana,helvetica; 
	text-decoration: none;
	color: black
}
.TreeviewSpanArea A:hover {
	color: #820082;
}
.btitleCenter {
	line-height: 20px;
	BORDER-BOTTOM: 3px double #336699;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #4791C5;
	text-transform: capitalize;
}


/* select*/
select{
	font-size: 12px;
	color: #333333;
	background-color: #F9F5EE;
	border: 2px double #003333;
	line-height: 20px;
	margin: 2px;
	padding: 2px;
}
/* input*/
input.search{
	font-size: 12px;
	color: #333333;
	border: 1px solid #333333;
}
/* hr*/
hr{
	border: dotted #666666;
}
/***************************LINK*****************************/
/* for Topmenu links*/
A.menu{   
    color: #464646;
    text-decoration : none;
	font-size: 12px;
}
A.menu:hover{
	color: #455C44;
	text-decoration: underline;
}
/*white links*/
A.WhiteLinks{   
    color: #ffffff;
    text-decoration : none;
	font-size: 12px;
}
A.WhiteLinks:hover{
	color: #ffffff;
	text-decoration: underline;
}
/****************************TABLEorTD****************************/

/* Submenu change Td Background*/
td.menuover{
	background-color: #E8F3E8;
}
/* Submenu change Td Background*/
td.menuout{
	background-color: #FFFADD;
}

/* forFome*/
table.Forform{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
/* FormTitle*/
td.FormTitle{
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	border: 1px solid #999999;
	text-align: center;
}
td.FormTitle2{
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #E0E0E0;
	border: 1px solid #999999;
	text-align: center;
}
/* Form1*/

.FormLine1{
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #C6C6C6;
}
/* Form2*/
td.FormLine2{
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #FAF4EB;
	border: 1px solid #C6C6C6;
}
/* ListStyle_1*/
table.ForListStyle_1{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
/* ListStyle_1*/
td.ListStyle_1{
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
}
/* ListStyle_2*/
td.ListStyle_2{
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	text-decoration: none;
	background-color: #F0F0F0;
	border: 1px solid #D8D8D8;
}
/* FormSpecial*/
td.FormLinespecial{
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #FEF4BC;
	border: 1px solid #C6C6C6;
}
/* ForDefaultNews,act,loging...*/
td.ForDefaultNews{
    font-size: 12px;
	line-height: 17px;
	color: #666666;
	padding:1pt 1pt 1pt 3pt;
}
/* ForDefaultNews,act,loging...*/
td.Title_1{
	font-size: 13px;
	line-height: 17px;
	color: #FFFFFF;
	background-color: #BD4B04;
	border: 1px solid #6A0F11;
	padding:3pt 3pt;
}


td.Title_3{
	font-size: 12px;
	line-height: 16px;
	color: #990000;
	background-color: #F7F7F7;
	text-align: l;
	border: 1px solid #F5F5F5;
	padding:2pt 2pt;
}
td.Title_4{
	font-size: 12px;
	line-height: 15px;
	color: #990000;
	text-align: l;
	padding:2pt 2pt;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
td.Title_5{
	font-size: 14px;
	line-height: 17px;
	color: #AA542B;
	background-color: #FFCC66;
	text-align: l;
	border: 1px solid #B8A685;
	padding:2pt 2pt;
	font-weight: bold;
	text-decoration: none;
}


td.Title_6_member{
	font-size: 12px;
	line-height: 15px;
	color: #990000;
	text-align: l;
	padding:2pt 2pt;
	background-color: #F0BE11;
	border: 1px solid #A6874D;
}
/****************************WORDS****************************/
/* RedWords*/
.RedWords{
    font-size: 12px;
	line-height: 20px;
	color: #990000;
}
.CoffeeWords{
    font-size: 12px;
	line-height: 20px;
	color: #993300;
}
/* Yellowords*/
.YellowWords{
    font-size: 12px;
	line-height: 20px;
	color: #6F4A0F;
}
/* Whitewords*/
.WhiteWords{
    font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}

/* for footer words */
.footer{
	height: 23px;
	font-size: 12px;
	line-height: 15px;
	color: #ffffff;
}
.16title {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000033;
	text-decoration: none;
}

/*======================整理出來的css===============================*/
.Table_QueryMaster{
	background-color: ;
	width:100%;
	border:0,0,0,0;
}

.TD_QueryMaster_Title{
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	padding:2pt 2pt;
	background-color: #EC8711;
	border: 1px solid #965B27;
	font-weight: bold;
}
.TD_QueryMaster_Title1{
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	padding:2pt 2pt;
	background-color: #0099FF;
	border: 1px solid #965B27;
	font-weight: bold;
}
.TD_QueryMaster_ToolBar{
	font-size: 14px;
	line-height: 17px;
	color: #AA542B;
	background-color: #F2E3C8;
	text-align: l;
	border: 1px solid #B8A685;
	padding:2pt 2pt;
	font-weight: bold;
	text-decoration: none;
}



.TD_Master_Field1{
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #F0F0F0;
	border: 1px solid #C6C6C6;
}

.TD_Master_Field2{
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #C6C6C6;
 
}

.TD_Master_Field2_130{
    color: red; width: 130px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #E0E0E0;
	border: 1px solid #C6C6C6;
}


.Table_QueryDetail_SUB{
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC9966;
	border: 1px solid #999999;
	text-align: center;
}

.TD_QueryDetail_TopToolBar{
	font-size: 14px;
	line-height: 17px;
	color: #AA542B;
	background-color: #F2E3C8;
	text-align: l;
	border: 1px solid #B8A685;
	padding:2pt 2pt;
	font-weight: bold;
	text-decoration: none;
}

.TD_QueryDetail_ButtomToolBar{
	font-size: 14px;
	line-height: 17px;
	color: #AA542B;
	background-color: #F2E3C8;
	text-align: l;
	border: 1px solid #B8A685;
	padding:2pt 2pt;
	font-weight: bold;
	text-decoration: none;
}

.TD_QueryDetail_Title_Check{
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	border: 1px solid #999999;
	text-align: center;
	width:10%;
}

.TD_QueryDetail_Title{
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	border: 1px solid #999999;
	text-align: center;
}

.TD_QueryDetail_list1_check{
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
	text-align: center;
}
.TD_QueryDetail_list1{
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #EEEEEE;
}

.TD_QueryDetail_list2_check{
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	text-decoration: none;
	background-color: #F0F0F0;
	border: 1px solid #D8D8D8;
	text-align: center;
}

.TD_QueryDetail_list2{
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	text-decoration: none;
	background-color: #F0F0F0;
	border: 1px solid #D8D8D8;
}



.Table_UpdateForm{
	background-color: ;
	width:90%;
	border:0,0,0,0;
}

.Td_UpdateForm_Title{
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	padding:2pt 2pt;
	background-color: #EC8711;
	border: 1px solid #965B27;
	font-weight: bold;
}


.TD_UpdateForm_TopToolBar{
	font-size: 14px;
	line-height: 17px;
	color: #AA542B;
	background-color: #F2E3C8;
	text-align: l;
	border: 1px solid #B8A685;
	padding:2pt 2pt;
	font-weight: bold;
	text-decoration: none;
}


.ObjWidth1140{
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #FAF4EB;
	border: 1px solid #C6C6C6;
}
/* Form2*/
.Td_UpdateForm_Field2{
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #C6C6C6;
}

.mybutton{
	FONT-FAMILY: "Verdana"; 
	LETTER-SPACING: 0px;
	BORDER: #002D96 1px solid;
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-TOP: 1px;
	FONT-SIZE: 12px;
	CURSOR: hand;
	COLOR: black;
	background-color: #9DBCEA;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA);
}

.readonly{
 background-color: darkgray;	}

.ROW1
{
    FONT-SIZE: x-small;
    COLOR: #000000;
    FONT-FAMILY: 微軟正黑體,Times New Roman;
    BACKGROUND-COLOR: #D1E9E8
}
.ROW2
{
    FONT-SIZE: x-small;
    COLOR: #000000;
    FONT-FAMILY: 微軟正黑體,Times New Roman;
    BACKGROUND-COLOR: #FFFFFF
}

/*new 20240827*/ 
  
.tr3color {	
BACKGROUND-COLOR: #ACE2F0; COLOR: #07079F;border: 0px solid #FFFFFF;
 width: 140px; 
     BORDER-TOP: 3px double #336699; BORDER-BOTTOM: 3px double #336699;
     BORDER-LEFT: 3px double #336699;text-align: left; color: #ffffff; background-color: #23C6E9

}

 
.body_01{
    width: 100%; border-collapse: collapse; height: 19px;
}
.table_01{
 width: 100%; border-collapse: collapse; height: 33px
}
.ObjcolorWhite{
    color: White;
    background-color: #507CD1;
    font-weight: bold;
}
.ObjcolorWhite2{
    color: White;
}
 .ObjbackgroundWhite{
    background-color:White;
}
.Objbackground_ffffcc{
    background: #ffffcc; margin: 0px;
}

.Objbackground{
    background: #ffffcc; margin: 0px;
}

.Objlogout{
      background-color:#C0FFFF;height:20px;
}


.ObjcolorEFF3FB{
    color: EFF3FB;
}
.Objcolor2461BF{
    color: 2461BF;
}
.Objcolor2461BFF_Font{
    color: 2461BF;
}
.Obj01{
    color:#333333;width:100%;border-collapse:collapse;
}

.Objfont11{
    font-size:11px;
}
.Objfont11_2{
    font-size:11px;text-decoration:none;
}

.ObjWidth50{
      Width:50px  ;
}

.ObjWidth75{
      Width:75px  ;
}
.ObjWidth100{
      Width:100px  ;
}
.ObjWidth135{
      Width:135px  ;
}

.ObjWidth290{
      Width:290px  ;
}
.TextBox150{
Width:149px	}
  
 
.ObjWidth100_{
      Width:100%  ;
}
.ObjWidth100_ForeColor333333{
    color:#333333;width:100%;border-collapse:collapse;
}

.ObjWidth5{
      Width:5px  ;
}

.ObjWidth30{
      Width:30px  ;
}

.ObjWidth40{
      Width:40px  ;
}

.ObjWidth50{
      Width:50px  ;
}

.ObjWidth65{
      Width:65px  ;
}

.ObjWidth80{
      Width:80px  ;
}
.ObjWidth90{
      Width:90px  ;
}

.ObjWidth100{
      Width:100px  ;
}
.ObjWidth120{
      Width:120px  ;
}
.ObjWidth140{
      Width:140px  ;
}
.ObjWidth160{
      Width:160px  ;
}
.ObjWidth250{
      Width:250px  ;
}
.ObjWidth300{
      Width:300px  ;
}
.ObjWidth450{
      Width:450px  ;
}


.ObjWidth250Calendar{
      Width:250px  ;
      background-color: #FFE7DB
      border-width:1px;border-style:solid;border-collapse:collapse;
}


.ObjWidth250H40{
      Width:250px  ;Height:104px
}
.ObjWidth160H40{
      Width:160px  ;Height:40PX;
}


.ObjWidth550{
      Width:550px  ;
}
.ObjWidth5500h210{
      Width:550px  ;Height:210px;
}

.ObjWidth700{
      Width:700px  ;
}
.ObjWidth700H40{
      Width:700px  ;Height:40PX;
}

.ObjWidth700H100{
      Width:700px  ;Height:100PX;
}

 .ObjWidth100F01{
      Width:100px  ;  font-family: 微軟正黑體;
}


.ObjTitle{
font-weight: bold; font-size: medium; color: white; font-family: STSong; background-color: blue
}


.Objiframe{
       position:absolute; top:0px; left:0px; display:none;
}
.ObjDisplay{
       position:absolute;display:none;z-index:100  ;
}
.Objhand{
       cursor: hand ;
}
  .Objhand_B_W{
      cursor:hand;background:white ;
}  
.f10{
    font-family: Arial; font-size: 10pt
} 
.f10_hand{
    font-family: Arial; font-size: 10pt ;  cursor: hand ;
} 
.f10_2{
    font-family: Arial; font-size: 10pt  ;filter:glow(color=#555555,strength=5);height:5px; color:white
} 
.f10_2FBlue{
    font-family: Arial; font-size: 10pt  ;filter:glow(color=#555555,strength=5);height:5px; color:Blue
} 


.A_{   
     font-family: 微軟正黑體;
}    
.A_2{   
    color: #FF821D;
    text-decoration: none;
	font-size: 12px;
}
 
.btitleLeft_120 { 
    width: 120px; BORDER-TOP: 3px double #336699; BORDER-BOTTOM: 3px double #336699; BORDER-LEFT: 3px double #336699;text-align: left; color: #ffffff; background-color: #4791C5
 } 
 .btitleLeft_140 { 
    width: 140px; BORDER-TOP: 3px double #336699; BORDER-BOTTOM: 3px double #336699; BORDER-LEFT: 3px double #336699;text-align: left; color: #ffffff; background-color: #4791C5
 } 
 
 
.btitleLeft3 { 
 width: 140px; 
 BORDER-TOP: 3px double #336699; BORDER-BOTTOM: 3px double #336699; 
 BORDER-LEFT: 3px double #336699;text-align: left; 
 color: #ffffff; background-color: #4791C5
 } 
 
 
 .btitleLeft2 { 
 width: 140px; 
     BORDER-TOP: 3px double #336699; BORDER-BOTTOM: 3px double #336699;
     BORDER-LEFT: 3px double #336699;text-align: left; color: #ffffff; background-color: #23C6E9
 } 
 

.txtfone_r_135
{
      width: 135px; 
    FONT-SIZE: larger;
    COLOR: #ce0000;
    FONT-FAMILY: 新細明體,Times New Roman;
    font-style:normal;
}
 
.A_like 
{
       COLOR: #000000;
}
/* Login Page Styles */
body.login-page {
    background-image: url('../right_bg.gif');
    margin: 0;
    padding: 0;
}
/*body.login-page a, 
body.login-page a:visited, 
body.login-page a:active { 
    color: #ffff00; 
}*/
.login-header { 
    background-image: url('../image.gif'); 
    text-align: left; 
}
.login-container { 
    width: 70%; 
    margin: 2em auto; 
    border: 2px solid #336666; 
    border-collapse: collapse; 
}
.login-title { 
    background-color: #339999; 
    height: 30px; 
    text-align: center; 
    color: #ffffff; 
    font-size: 14pt; 
}
.login-title-version { 
    color: #000000; 
}
.login-form { 
    background-color: #e3e3e3; 
    text-align: center; 
    padding: 20px; 
}
.login-table { 
    width: 100%; 
    border: 1px solid; 
    border-collapse: collapse; 
}
.login-label { 
    text-align: right; 
    width: 179px; 
    color: #006699; 
    font-size: 14pt; 
    padding: 10px; 
}
.login-input { 
    text-align: left; 
    width: 251px; 
    color: #006699; 
    font-size: 14pt; 
}
.login-footer { 
    background-color: #e3e3e3; 
    height: 30px; 
    text-align: center; 
    color: #000000; 
    font-size: 11pt; 
}
.login-copyright { 
    text-align: center; 
    margin-top: 6em; 
}
 
 
.DisplayNone{
display: none
}

/* Background color for readonly/disabled fields */
.bg-gray {
    background-color: #E0E0E0;
}

/* Table cell width classes (CSP compliant) */
.td-width-103 {
    width: 103px;
}

.td-width-130 {
    width: 130px;
}

.td-width-135 {
    width: 135px;
}

.td-width-164 {
    width: 164px;
}

/* Error message with animation (CSP compliant) */
.error-message {
    display: block;
    padding: 12px 20px;
    margin: 10px 0;
    background: linear-gradient(135deg, #FF6B6B 0%, #FF4757 100%);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 15px rgba(255, 71, 87, 0.4);
    animation: slideInDown 0.5s ease-out, pulse 2s ease-in-out infinite;
}

/* 滑入動畫 */
@keyframes slideInDown {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 脈衝閃爍動畫 */
@keyframes pulse {
    0%, 100% {
        box-shadow: 0 4px 15px rgba(255, 71, 87, 0.4);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 6px 25px rgba(255, 71, 87, 0.8);
        transform: scale(1.02);
    }
}