body,td {font-size:11pt; font-family:Arial,新細明體; letter-spacing:0.0em}
input, select   {font-family:Arial,新細明體;font-size:10pt}
label   {height:19px;padding:3px 0px 0px 4px}
img     {border:none;}

/*ching add 1040504 雙語國外申請單框框*/
.chk_display{
	font-Family: 新細明體;
}
/*ching add 1031113 start*/
table.form {
	border-collapse: collapse;
}
table.form td {
	border: 1px solid #737357;
}
/*ching add end*/
/*A:link           {color:#556B2F;text-decoration: none;}
A:visited        {color:#556B2F;text-decoration: none;}
A:hover          {color:#FF0000;text-decoration: none;}
A:active         {color:#FF0000;text-decoration:none;}*/
A.author:visited {font-family:fixedsys;text-decoration:none;color:#FFFFFF;}
A.author:link    {font-family:fixedsys;text-decoration:none;color:#FFFFFF;}
A.author:hover   {font-family:fixedsys;text-decoration:underline;color:#FFFFFF;}
A.author:active  {font-family:fixedsys;text-decoration:none;color:#FCCFFF;}

.B                     {font: 10pt; font-family:新細明體,Arial}
/*.F                     {font: 10pt; font-family:新細明體,Arial; WORD-BREAK: break-all; WORD-WRAP: break-word; table-layput: fixed noWrap} */
.S                     {font: 12pt; font-family:新細明體,Arial}
.T                     {font:bold 14pt; font-family:新細明體,Arial}
.H                     {font-size: 16pt; font-family:新細明體,Arial}
                  
.input_1               {background-color:#FFFFFF;
                        font-family:新細明體;font-size:10pt;height:20px;
                        border-color:#A0A0A0 ;border-style: solid;border-width: 1;}
.input_2               {background-color:#FFFFFF;
                        font-family:新細明體;font-size:10pt;
                        border-color:#A0A0A0 ;border-style: solid;border-width: 1;}
.input_3               {background-color:#FFFFFF;
                        font-family:新細明體;font-size:10pt;height:20px;
                        border-color:#A0A0A0 ;border-style: solid;border-width: 1;}

/*.class_button          {background-color:#EBEBEB; color:#000000;
                        font-family:新細明體;font-size:10pt;height:20px;
                        border-color:#A0A0A0; border-style:solid; border-width:1;
                        padding-left:0; padding-right:0;
                        padding-top:1; padding-bottom:0;}*/

.class_func_button     {background-color:#EBEBEB; color:#000000;
                        font-family:新細明體;font-size:10pt;height:23px;
                        border-color:#A0A0A0; border-style:solid; border-width:1;
                        padding-left:0; padding-right:0;
                        padding-top:1; padding-bottom:0;}

.class_div_font        {font-family:新細明體;font-size:10pt;
                        font-weight:lighter;color:#FFFFFF;}
                        
.class_windows_div     {position:absolute;cursor:hand;
                        padding-left:1; padding-right:1;
                        padding-top:2;  padding-bottom:1;
                        visibility: hidden;left:0px; top:0px;}

.class_table_div       {border-width: 0; padding-left: 0; 
                        padding-right: 0; padding-top: 0; 
                        padding-bottom: 0;
                        overflow-y:scroll;
                        word-wrap:break-word;}   
/*.class_button_pic      {
						color:#000000;
			            font-family:新細明體;font-size:10pt;
			            padding-left:0; padding-right:0;
			            padding-top:1; padding-bottom:0;
						border-style:solid;
						border-width:0;
						background-image: url("../images/calendar.gif");						
						background-color:#B0E699;
						background-repeat: no-repeat;
						width:24; height:22; } */
.pg                    { page-break-before: always}

.ptd_all {  
  BORDER-TOP: #000000 1px solid; 
  BORDER-LEFT: #000000 1px solid; 
  BORDER-BOTTOM: #000000 1px solid;
  BORDER-RIGHT: #000000 1px solid;
}
.ptd_T {  
  BORDER-TOP: #000000 1px solid; 
}
.ptd_B {  
  BORDER-BOTTOM: #000000 1px solid;
}
.ptd_R {  
  BORDER-RIGHT: #000000 1px solid;
}
.ptd_L {  
  BORDER-LEFT: #000000 1px solid; 
}
.ptd_LB {  
  BORDER-LEFT: #000000 1px solid; 
  BORDER-BOTTOM: #000000 1px solid;
}
.ptd_RB {  
  BORDER-RIGHT: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
}
.ptd_TL {  
  BORDER-TOP: #000000 1px solid; 
  BORDER-LEFT: #000000 1px solid; 
}
.ptd_TR {  
  BORDER-TOP: #000000 1px solid; 
  BORDER-RIGHT: #000000 1px solid;
}
.ptd_TB {  
  BORDER-TOP: #000000 1px solid; 
  BORDER-BOTTOM: #000000 1px solid;
}

.ptd_TLB {  
  BORDER-TOP: #000000 1px solid; 
  BORDER-LEFT: #000000 1px solid; 
  BORDER-BOTTOM: #000000 1px solid;
}

.ptd_TLR {  
  BORDER-TOP: #000000 1px solid; 
  BORDER-LEFT: #000000 1px solid; 
  BORDER-RIGHT: #000000 1px solid;
}

.ptd_TRB {  
  BORDER-TOP: #000000 1px solid;  
  BORDER-RIGHT: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
}

.ptd_LBR {     
  BORDER-LEFT: #000000 1px solid; 
  BORDER-BOTTOM: #000000 1px solid;
  BORDER-RIGHT: #000000 1px solid;
}

.ptd_B_dub {  
  BORDER-BOTTOM: #000000 3px double;
}

.class_td {
  text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;
}

/*
從 iftwd_style.css 複製過來
*/
.class_button {
	background-color: #EBEBEB;
	/*color: #000000;*/
	font-size: 10pt;/*10pt;*/
	/*height: 20px;*/
	border-color: #A0A0A0;
	border-style: solid;
	border-width: 1;
	/*padding-left: 0;
	padding-right: 0;
	padding-top: 1;
	padding-bottom: 0;*/
	margin: 2 0 ;
}

.class_button_pic {
	border-width: 0px;
	cursor: pointer;
	background-image: url("../images/calendar.gif");
	background-color: #ebfaff;
	background-repeat: no-repeat;
	width: 24px;
	height: 22px;
}

A:link {
	color: #804D00;
	text-decoration: none;
}

A:visited {
	color: #804D00;
	text-decoration: none;
}

A:hover {
	color: #FF0000;
	text-decoration: none;
}

A:active {
	color: #FF0000;
	text-decoration: none;
}

.msgtxt {
	font-family:新細明體;
    color: red;
    text-align: left;
    width: 90%;
    margin: auto;
}

div.container {
	text-align: center;
	width: 100%;
}

table.body {
	width: 90%;
	margin: auto;
	font-size: 10pt;
	font-family: 新細明體;
}

table.printContainer {
	border-collapse: collapse;
}

tr.title {
	color: white;
	background-color: #1717FF;
}

tr.title td {
	padding: 2px 3px 2px 3px;
	font-size: 12pt;
	font-weight: bold;
}

tr.feet {
	height: 15px;
	background-color: #1717FF;
}

form {
	margin: 0px;
}

.bottomGap {
	margin-bottom: 5px;
}

.fields {
	padding: 10px 0 10px 0;
	background-color:  #ECF0FC;
}

.condition {
    background-color: #ECF0FC;
}

div.outer {
	//width: 90%;
	width: 100%;
	margin: auto;
	text-align: center;
	padding-top: 2px;
}

table.listContainer {
	background-color: #000046;
	font-size: 11pt;
	font-family: 新細明體;
}

table.F {
    
}
/* table-layout:fixed; */

tr.listHead {
	background-color: #B6C5F2;
	color: #0e515f;
}

tr.listRow,tr.lowKeyRow,td.listRow,td.lowKeyRow  {
	background-color: #FFFFFF;
    word-break:break-all;
    word-wrap:break-word;
}

tr.listRow1,td.listRow1 {
	background-color: #ECF0FC;
}

tr.listRowHover,td.listRowHover {
	background-color: #FFCCCC;
	cursor: pointer;
}

.queryBody {
	border: #1717FF 4px double;
}

.dororo {
	display: none;
}

.comment {
	text-align: left;
	font-size: 10pt;
	color: red;
}

.planeCalendar th {
	background-color: #FFFF66;
	width: 14%;
}

.planeCalendar td {
	height: 80px;
}

.Sunday,.Saturday {
	color: red;
}

.thisMonth {
	background-color: white;
	cursor: pointer;
}

.holiday {
	background-color: #FFCCCC;
}

.otherMonth {
	background-color: #E7E7E7;
}

.todayDay {
	background-color: #CCFFFF;
}

.hoverDay {
	background-color: #1EA0CC;
	color: red;
}

.sectionTitle {
	width: 30%;
	text-align: right;
	font-weight: bold;
}
/*******************************************************************************
 * Grid(表格) Style
 ******************************************************************************/
/* 表格區塊，主要定義邊寬 */
.GridContainer table {
    width : 98%;
    padding : 3px;
    margin : 0px;
    font-size : 10pt;
}

/* 標題 */
.GridTitle {
    font-size : 14pt;
}

/* 欄位名稱 */
.GridFields {
    font-weight : bold;
}

/* 表格註解說明 */
.GridComment {
    color: blue;
    text-align: left;
}

/* 輸入欄位註解說明 */
.FieldsComment {
    color: red;
}
/*******************************************************************************
 * WF9T08 字型大小 設定的CSS 從NASC_V4開始 //0990817
 ******************************************************************************/
.label-1 { position: absolute; left: 0; top: -1.1em; }
.label-2 { position: absolute; right: 0; top:-1.1em; }

.ui-slider, .ui-slider-1 { background-image: url(./images/slider-bg-1.png); }
.ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(./images/slider-handle.gif);  }
.ui-slider { width: 100px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; }

/*1080528 錯誤訊息改為類似bootstrap顯示方式@iftwf_html_head.inc.php*/
.errmsg {  
  color: #FF0000;
  background-color: #f8d7da;
  border-color: #f5c6cb;
	position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
