input[type="button"]{ 
  font-family: "Microsoft JhengHei", -apple-system, system-ui, Arial, sans-serif;
  border: 1px solid #d7d7d7;
  font-size: 16px;
  padding: 5px 12px;
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  background-color: #d8d8d8;
  outline: none;
  cursor: pointer;
  width: auto;
  line-height: 1.6;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD8D8D8', endColorstr='#FFFEFEFE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #d8d8d8));
  background-image: -moz-linear-gradient(top, #fefefe 0%, #d8d8d8 100%);
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #d8d8d8 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #d8d8d8 100%);
}

div #formcontent{
	overflow:auto;
	width:100%;
}
/* Tips for absolutely positioned sidebars with header and footer:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div, and in this case the footer as well, and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
4. If the source order is changed, the top value should be equal to the height of the header since this will cause the columns to visually meet the header.
*/
#inlogo{
    background:url(../../../platform/public/images/inlogo.gif) no-repeat;
	width:90px;
	height:65px;
	float:left;
	margin:0px 0px 0px 20px;
}


#inheader {
	background-position:left;
	background:url(../../../platform/public/images/header_bg.gif) repeat-x bottom;
	position:relative;
	height:20px;
}
.style1 {
	color: #FFFFFF;
	font-size: 14px;
}
.style2 {
	color: #333333;
	font-size: 12px;
}
.style4 {color: #CC0000}
.style5 {font-size: 12px}
.style6 {font-size: 12px}
.style7 {color: #FFFFFF; font-size: 12px; }
.style9 {color: #A7D112}
.style10 {color: #FFFFFF}
.style11 {color: #FF6600}
.style12 {
	color: #996600;
	font-size: 12px;
	text-decoration: none;
	cursor: text;
	filter: Light;
}
.alink:link {
	color:  #535353;
	text-decoration: none;
}
.alink:visited {
	text-decoration: none;
	color:  #535353;
}
.alink:hover {
	text-decoration: none;
	color: #005679;
}
.alink:active {
	text-decoration: none;
	color: #005679;
}
.alink {
	font-size: 12px;
}

.alink_gray:link {
	color:  #dddddd;
	text-decoration: none;
}
.alink_gray:visited {
	text-decoration: none;
	color:  #dddddd;
}
.alink_gray:hover {
	text-decoration: none;
	color: #FFCC00;
}
.alink_gray:active {
	text-decoration: none;
	color: #FFCC00;
}
.alink_gray {
	font-size: 12px;
}

.style16 {color: #333333}


.list_head
{
     border-left: #aaaaaa 1px solid;
    border-bottom: #aaaaaa 2px solid;
    TEXT-ALIGN: center;
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}
.list_head:first-child{
    border-left: none;
}
.list_body
{
    BORDER: #BCC8CF 1px solid;
  /*  FONT-SIZE: 13px;*/
    PADDING-TOP: 2px;
}
.list_body_del 
{
    /*BACKGROUND-COLOR: #D2E9FF;*/
    BORDER-RIGHT: 1px outset;
    BORDER-TOP: 1px outset;
    /*FONT-SIZE: 13px;*/
    BORDER-LEFT: 1px outset;
    COLOR: #666666;
    LINE-HEIGHT: 150%;
    BORDER-BOTTOM: 1px outset;
    TEXT-ALIGN: center
}
.list_tr
{
    BACKGROUND-COLOR: #ffffff;
    /*FONT-SIZE:13px;*/
}
.list_tr_mouseover
{
    /*FONT-SIZE: 13px;*/
    COLOR: #FF6600;
    BACKGROUND-COLOR: #eeeeee
}



.field_mouseout
{
    BORDER-RIGHT: #666666 0px solid;
    BORDER-TOP: #666666 0px solid;
  /*  FONT-SIZE: 13px;*/
    BORDER-LEFT: #666666 0px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #666666 0px solid;
    WHITE-SPACE: pre;
	
}
.field_mouseover
{
  BACKGROUND-COLOR: #FFFFEF;

 }
 .field_mouseout_textarea
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    /*FONT-SIZE: 13px;*/
    BORDER-LEFT: #666666 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #666666 1px solid;
    WHITE-SPACE: pre;
	 width:98%;
}
.field_mouseover_textarea{
	 BORDER-RIGHT: #3F5F9F 1px solid;
    BORDER-TOP: #3F5F9F 1px solid;
  /*  FONT-SIZE: 13px;*/
    BORDER-LEFT: #3F5F9F 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #3F5F9F 1px solid;
    WHITE-SPACE: pre;
    BACKGROUND-COLOR: #FFFFEF;
    WHITE-SPACE: pre;
    width:98%;
}
.field_default
{
    /*BORDER-RIGHT: #dcdcdc 1px solid;
    BORDER-TOP: #dcdcdc 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #dcdcdc 1px solid; 
    COLOR: #333333;
    BORDER-BOTTOM: #dcdcdc 1px solid; 
    WHITE-SPACE: pre;*/
     margin-top:0px;
}

.field_must_mouseout
{
 /*   BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #666666 1px solid;
    WHITE-SPACE: pre;
    BACKGROUND-COLOR: #e3ebfd;*/
}
.field_must_default
{
 /*   BORDER-RIGHT: #3F5F9F 1px solid;
    BORDER-TOP: #3F5F9F 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #3F5F9F 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #3F5F9F 1px solid;
    WHITE-SPACE: pre;
    BACKGROUND-COLOR: #e3ebfd;*/
}

.field_only_display
{
	margin-top:0px;
    COLOR: #000000;
	background-color: #F3F3F3;
	border-width:0px 0px 0.5px 0px;
	border-color:#cacaca;
    /*border-color:#F3F3F3;*/
}
.field_only_display_textarea
{
    margin-top:0px;
    COLOR: #000000;
	background-color: #F3F3F3;
	border-width:2px;
    border-style:solid;
    border-color:#F3F3F3;
}
.field_default_textarea
{
    BORDER-RIGHT: #dcdcdc 1px solid;
    BORDER-TOP: #dcdcdc 1px solid;
   /* FONT-SIZE: 13px;*/
    BORDER-LEFT: #dcdcdc 1px solid; 
    COLOR: #333333;
    BORDER-BOTTOM: #dcdcdc 1px solid; 
    
    WHITE-SPACE: pre;
	width:98%;
}
.field_report
{
    BORDER-RIGHT: 0px outset;
    BORDER-TOP:   0px outset;
    BORDER-LEFT:  0px outset;
    BORDER-BOTTOM: 0px outset;
    

}
.formcss
{
    /*FONT-SIZE: 13px;*/
    COLOR: #333333;
    BORDER-TOP-STYLE: groove;
    
    BORDER-RIGHT-STYLE: groove;
    WHITE-SPACE: pre;
    BORDER-LEFT-STYLE: groove;
    BORDER-BOTTOM-STYLE: groove;
}
.form_item
{
	width:5%;
    min-width:50px;
    TEXT-ALIGN: right;
    border: #f1f0f0 1px solid;
    border-right:0px;
    PADDING-RIGHT: 2px;    
}
.form_item1
{
    font-size:14px;
    PADDING-TOP: 1px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    TEXT-ALIGN: right;
    LINE-HEIGHT:22px ;
    
    /*FONT-SIZE: 14px;
    
    COLOR: #333333;
    
    
    BACKGROUND-COLOR: #eeeeee;
    TEXT-DECORATION: none;
    WHITE-SPACE: pre;
      */               
}
.form_title{
    background-color: #e3edf9;
    color: #0077c4;
    text-align:left;
}
.form_table{
    margin-top: 8px;
    margin-bottom: 15px;
}
.form_table .form_item{
    background-color: #dbeffc;
    border: #fff 2px solid; 
}
.form_col
{
    background-color:#fff;
    COLOR: #333333;
    TEXT-ALIGN: LEFT;
    
}
.table_form_1
{
    BORDER-RIGHT: #dddddd 2px dashed;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #dddddd 2px dashed;
    PADDING-LEFT: 100px;
    FONT-SIZE: 16px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #dddddd 2px dashed;
    WIDTH: 100%;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #dddddd 1px dashed;
}
.border_line
{
    BACKGROUND-COLOR: #996600;
}
.button_body
{
}
}
.button_gray
{
	font-size: 14px;
    COLOR: #e16f00;
    text-decoration: none;
    cursor: pointer;
}
.button_2
{
    FONT-SIZE: 13px;
    COLOR: #333333;
    BORDER-TOP-STYLE: groove;
    
    BORDER-RIGHT-STYLE: groove;
    WHITE-SPACE: pre;
    BORDER-LEFT-STYLE: groove;
    BORDER-BOTTOM-STYLE: groove;
	cursor: pointer;
}
.button_function
{
    filter:alpha(opacity=80, finishopacity=80, style=1 gradientType=0); 
    BORDER-RIGHT: #ffffff 3px outset;
    BORDER-TOP: #ffffff 4px outset;
    FONT-SIZE: 13px;
    BORDER-LEFT: #ffffff 4px outset;
    CURSOR: pointer;
	COLOR: #ccc666; 
    BORDER-BOTTOM: #ffffff 4px outset;
    
	width:100px;
/*	 BACKGROUND-COLOR: #dddddd; */
   /* BACKGROUND-COLOR: #d3eafc;  */
    BACKGROUND-COLOR: #0a246a;
/*    COLOR: #0a246a;  */

  
    TEXT-ALIGN: center
}
.button_head
{
    BORDER-RIGHT: #fff0f5 1px outset;
    BORDER-TOP: #fff0f5 1px outset;
   /* FONT-SIZE: 13px; */
    BORDER-LEFT: #fff0f5 1px outset;
    CURSOR: pointer;
    COLOR: #000000;
    BORDER-BOTTOM: #fff0f5 1px outset;
    
    BACKGROUND-COLOR: #ffffe6;
    TEXT-ALIGN: center
}


.table_title
{
	background:#BCC8CF;
    FONT-SIZE: 15px;
    COLOR: #FFFF7F;
	line-height:30px;
 	font-weight:bold;
    
}
.table_1
{
    FONT-SIZE: 13px;
    COLOR: #000000;
    
    BACKGROUND-COLOR: #FFE793;
}
.table_3
{
    BORDER-RIGHT: #ffffff 1px dashed;
    BORDER-TOP: #bbbbbb 1px dashed;
    FONT-SIZE: 13px;
    BORDER-LEFT: #ffffff 1px dashed;
    COLOR: #000000;
    BORDER-BOTTOM: #ffffff 1px dashed;
}
.Reportrow1{
	BACKGROUND-COLOR: #E6F2FF;
}
.Reportline{
   line-height:0PX;
   /* BACKGROUND-COLOR: #cccccc; */
}
.table_2
{
    FONT-SIZE: 13px;
    COLOR: #000000;
    
    BACKGROUND-COLOR: #dddddd;
}
.table_4
{
    FONT-SIZE: 13px;
    COLOR: #000000;
    
    BACKGROUND-COLOR: #ffffe6;
}
.td_css1
{
    BORDER-RIGHT: #cccccc 1px dashed;
    BORDER-TOP: #ffffff 1px dashed;
    FONT-SIZE: 13px;
    BORDER-LEFT: #cccccc 1px dashed;
    COLOR: #333333;
    BORDER-BOTTOM: #cccccc 1px dashed;
}
.td_css2
{
    BORDER-RIGHT: #cccccc 1px dashed;
    BORDER-TOP: #cccccc 1px dashed;
    FONT-SIZE: 12px;
    BORDER-LEFT: #cccccc 1px dashed;
    COLOR: #333333;
    BORDER-BOTTOM: #ffffff 1px dashed;
}
.col_1
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px dotted;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: 1px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: 1px;
    
}
.col_5
{
    BORDER-RIGHT: 1px dotted;
    BORDER-TOP: 1px dotted;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: 1px dotted;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px dotted;
    
    BACKGROUND-COLOR: #eeeeee
}
 div.stylepopmenu {
	FONT-SIZE: 10pt;
    BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	FONT-SIZE: 9pt; 
	Z-INDEX: 3; 
	BACKGROUND: #ffffff; 
	LEFT: 0px; 
	BORDER-LEFT: black 1px solid; 
	WIDTH: 200px; 
	BORDER-BOTTOM: black 1px solid; 
	POSITION: absolute; 
	TOP: 0px; 
	HEIGHT: 100px
}
 div.poptext {
 PADDING-RIGHT: 5px;
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px; 
 PADDING-TOP: NT-SIZE: 10pt;
}
 div.poptitle {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; 
BACKGROUND: #00ffffff; FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#00ffffff', startColorstr='#FF99CCFF', gradientType='1'); 
PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px; POSITION: relative; HEIGHT: 20px
}
.div_Header {
	FONT-WEIGHT: bold;
	border-left: 6px solid
	border-bottom: 1px solid rgb(232, 232, 232); 
	padding: 8px 6px 7px 8px; 
	font-size: 16px; 
	color:gray;
	height: 18px;
	TEXT-DECORATION: none
}

.div_formHeader {
	height:30px;
	FONT-WEIGHT: bold;
	font-size:18px;
	color:#ffffff;
	line-height:30px;
	padding-left:12px;
}
.div_rptHeader {
	height:30px;
	FONT-WEIGHT: bold;
	font-size:20px;
	color:#000000;
	line-height:30px;
	padding-left:12px;
}
#frm_page_head{
    padding: 5px 10px;
    vertical-align: middle;
}
.function_title_red
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #cc3300;
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}
.function_title_yellow
{
/*    COLOR: #ff9933; */
    COLOR: #0068b7;
    LINE-HEIGHT: 80%;
    
    TEXT-DECORATION: none
}
.function_title_gray
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: gray;
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}

tbody.tr_1{
	BACKGROUND-COLOR: #E6F2FF;
	float:left;
   /* FONT-SIZE: 13px;*/

}
tbody.tr_2{
	float:left;
}
tbody.tr_focus {
   
    BACKGROUND-COLOR: #fefdf2;
    /* FONT-SIZE:14px;
    BORDER-RIGHT: #000000 2px solid;
    BORDER-TOP: #000000 2px solid;
    BORDER-LEFT: #000000 2px solid;
    BORDER-BOTTOM: #000000 2px solid;
*/
}

tr.tr_1 {
    BACKGROUND-COLOR:#E6F2FF;
    /*FONT-SIZE:13px;*/

}
tr.tr_2 {
    BACKGROUND-COLOR: #ffffff;
    /*FONT-SIZE:13px; */


}

tr.tr_focus {
    BACKGROUND-COLOR: #C0C0C0;
    /*FONT-SIZE:13px;*/


}
table.qry_table{
    BORDER-RIGHT: #dddddd 1px dashed;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #dddddd 1px dashed;
    PADDING-LEFT: 2px;
    /*FONT-SIZE: 13px;*/
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #dddddd 1px dashed;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #dddddd 1px dashed;
    BACKGROUND-COLOR;
	width: auto;
 }
tr.qry_tr{
	background: #cccccc;
}
tr.titll_tr{
	background: #336699;
}

/** frm_query_para Query form **/


#frm_query_para fieldset{
  font-size:12px;
  font-weight:bold;
  color:#222222;
  height:90%;
  width:100%;
  background:url(../images/search_bg.png) repeat-x left bottom;
}
#Inquiry_table {
        border:0;
	    padding:2px;
	    margin-bottom:10px;
	    background:#EEE;
	    background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);
	    background:linear-gradient(top,#EFEFEF,#FFFFFF);
	    width:80%;
	    position:relative;
	    font-size:13px;
	    
}

#Inquiry_table_legend {
        padding:5px 10px;
	    background-color:#3c84c7;
	    color:#FFF;
	    font-size:14px;
	    position:absolute;
	    left:-2px;top:-2px;
	    width:98%;
}
#querydiv {
	border-radius: 8px;
	padding:35px 0px 10px 0;
	*padding-left:20px; /*for IE 7*/
	
}
#querydiv .querydivCol{
    display: inline-block;
    margin: 0 10px 5px 10px;
}
#querydiv table{
    width: 80%;
    margin: 0 auto;
}
#querydiv ul li label{
   COLOR:#222222;
   width: 15%;  
   margin-right: 1em; 
}
#querydiv td{
    margin:5px 0px 5px 0px;
    padding: 2px;
}
#querydiv input{
	/*color:#e16f00; */
	border: 1px solid #BBBBBB; 
    background: #fff; 
    -moz-border-radius:3px; // Firefox
    -webkit-border-radius: 3px; // SafariChrome
    border-radius: 3px; // Opera 10.5+
	
	/*font-weight:bold; */
}
#querydiv select{
	/*color:#e16f00; */
	border: 1px solid #BBBBBB; 
    background: #fff; 
    -moz-border-radius:3px; // Firefox
    -webkit-border-radius: 3px; // SafariChrome
    border-radius: 3px; // Opera 10.5+
	
	/*font-weight:bold; */
}
#querydiv .form_item{
	background-color:#dcdcdc;
/*	font-size:13px; */
	border-bottom:#ffffff solid 2px;
	color:#313131;
    TEXT-ALIGN: right;
    width:5%
    /*LINE-HEIGHT:20px ; */
}
#querydiv .form_col{
	color:#e16f00;
	text-align:left;
/*	LINE-HEIGHT:20px ;*/
	vertical-align:top;
	width:7%
	/*font-weight:bold;*/
}
#querydiv .field_default{
	 color:#313131;
	 border: 1px solid #BBBBBB;
     background: #fff;
}
#querydiv .field_only_display
{
    BORDER-RIGHT: #FFFFFF 0px outset;
    BORDER-TOP: #3F5F9F 0px outset;
    BORDER-LEFT: #3F5F9F 0px outset;
    COLOR: #000000;
    BORDER-BOTTOM: #3F5F9F 1px outset;
    
	TEXT-DECORATION: none;
	/*height:24px;*/
}
#querydiv th{
   /* margin:5px 0px 5px 0px;
    padding: 2px;*/
    background-color:#dcdcdc;
	border-bottom:#ffffff solid 2px;
	color:#313131;
	
}
#querydiv ul{
    margin: 5px;
	padding: 0;
	cursor: default;
	color:#ffffff;
	text-align:left;
	list-style-type: none;
	background-color:#FFFF99;
    display:block;
}
#querydiv ul li{
	list-style-type: none;
	font-weight:normal;
	width:100%;
	height:30px;
	float:left;
}
.querysubmit{
    background:url(../images/serchBtn.png) repeat-x left top;
    color:#ffffff;
    border: #9d9a9b 1px solid;
    padding: 3px 10px;
}
#querysubmitul{
	 height:30px;
	 margin: 10px 0px 0px 0px;
	 text-align:center;
}
#querysubmitul ul {
    border:0;
    margin: 0px;
	padding: 0;
	cursor: default;
	width:100%;
	text-align:center;
	list-style-type: none;
	float:left;
}
#querysubmitul ul li button{
	text-decoration:none;
	padding:5px 15px;
	color:#555555;
/*	font-size:14px; */
	font-weight:bold;
	border-radius: 3px 3px 3px 3px;
	text-align:center;
	margin-left:5px;
	color:#ffffff;
    CURSOR: pointer;
    BORDER:0px;
    background: #f1914d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1914d 0%, #f1914d 50%, #eb6100 51%, #f1914d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1914d), color-stop(50%,#f1914d), color-stop(51%,#eb6100), color-stop(100%,#eb6100)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1914d', endColorstr='#eb6100',GradientType=0 ); /* IE6-9 */
}
#querysubmitul ul li button:hover{
	    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
		background: #f1914d; /* Old browsers */
	    background: -moz-linear-gradient(top,  #f1914d 0%, #f1914d 50%, #df5e00 51%, #f1914d 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1914d), color-stop(50%,#f1914d), color-stop(51%,#df5e00), color-stop(100%,#df5e00)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#df5e00 51%,#df5e00 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#df5e00 51%,#df5e00 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#df5e00 51%,#df5e00 100%); /* IE10+ */
	    background: linear-gradient(to bottom,  #f1914d 0%,#f1914d 50%,#df5e00 51%,#df5e00 100%); /* W3C */
	    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1914d', endColorstr='#df5e00',GradientType=0 ); /* IE6-9 */
}
#querydiv input{
   /* FONT-SIZE: 13px;*/
    TEXT-ALIGN: left;
}
#querydiv select{
/*	FONT-SIZE: 13px;*/
    COLOR: #ff6633;
    
    BACKGROUND-COLOR: #ffffe6;
}


#mainContent{
    padding-bottom: 50px;
    padding: 0 2px;
}
.table_form {
    padding: 15px 0;
    
}
.table_form:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  float: right;
}
.table_form td{
	float: right;
}
.table_form label{
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}
.table_form .selectLabel{
    padding-top: 3px;
}
.table_form .formBtn{
    display: inline-block;
    float: right;
}

.formBtn input{
    margin-left: 5px;
}
.formBtn{
    margin-top: 8px;
}
.borderLine{
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom:1px solid #cccccc;
}
.resultsTable{
    margin-top: 8px;
    width: 98%;
}
.resultsTable td, .resultsTable th{
    border-bottom:1px solid #cccccc;
    padding: 2px 0;
    text-align: center;
}
.resultsTable td.form_tr{
    border-left:1px solid #fff;   
    border-right:1px solid #fff;   
}
.resultsTable td input[type="text"]{
    width: 90%;
}
.formTable{
    width: 60%;
    margin: 8px auto 0 auto;
}

/** frm_query_para Query form **/
#returnTarge div{
    BACKGROUND-COLOR: #ffffff;
    FONT-SIZE:12px;
    BORDER-RIGHT: #000000 2px solid;
    BORDER-TOP: #000000 2px solid;
    BORDER-LEFT: #000000 2px solid;
    BORDER-BOTTOM: #000000 2px solid;
	
}
/* globalBox-----------------------------------------------------Start */

.section {
	margin:0 0 15px 0;
}

.image{
	border:#bbb 1px solid;
	width:180px;
	height:130px;
}
.globalBox {
	padding:5px;
	margin:20px;
	height:auto !important;
	height:100%;
	background:url(images/punto.gif) repeat-x bottom;
}

.globalBoxHeader {
	height:30px;
	border-left:#00A9D9 6px solid;
	font-size:15px;
	color:#00A9D9;
	line-height:30px;
	padding-left:12px;
}

.globalBoxContent {
	font-size:15px;
	padding:12px;
	height:auto;
	line-height:26px;
}

.globalBoxImage{
	margin:10px 5px 7px 0px;
	width:200px;
	height:145px;
	float:left;
	background-color: #FFFFFF;
}

TD.smallText, SPAN.smallText, P.smallText {
    font-size: 12px;
    color:#666666;
	line-height:20px;
}

.globalListHeader {
	height:20px;
	border-left:rgb(0,119,170) 6px solid;
	font-size:15px;
	color:rgb(0,119,170);
	line-height:20px;
	padding-left:12px;
}

.globalListContent {
	font-size:auto;
	padding:4px;
	line-height:22px;	
	LETTER-SPACING:0.3pt;
	color:#3E3A20;
	padding:10px;
}

.globalFormHeader {
	height:30px;
	border-left:#00A9D9 6px solid;
	font-size:18px;
	color:#00A9D9;
	line-height:30px;
	padding-left:12px;
}

/* globalBox-----------------------------------------------------End */
.form_item_justify
{
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    COLOR: #333333;
    LINE-HEIGHT: 180%;
    PADDING-TOP: 5px;
    
    BACKGROUND-COLOR: #eeeeee;
    TEXT-DECORATION: none;
	
	text-align:justify; 
	text-align-last:justify; 
	text-justify:distribute-all-lines;
}
.rpt_item_justify
{
    PADDING-BOTTOM: 5px;
    COLOR: #333333;
    LINE-HEIGHT: 180%;
    PADDING-TOP: 5px;
    TEXT-DECORATION: none;
	/*?r????????*/
	text-align:justify; 
	text-align-last:justify; 
	text-justify:distribute-all-lines;
}

.Calendar_system_Button
{
   border: 0px; 
   CURSOR: pointer; 
   BACKGROUND-COLOR: transparent;
   width: 19px;
   height: 19px;
   background-image: url(ed_calendar1.gif);
}
/* default table css define */
#master_div table{
	     BACKGROUND-COLOR: #D2E9FF;
	     FONT-SIZE: 12px;
	     width:100%;
}
#detail_div table{
	     BACKGROUND-COLOR: #dddddd;
	     FONT-SIZE: 12px;
	     width:100%;
}
#div_bgcolor_66{
         BACKGROUND-COLOR: #666666;
	     FONT-SIZE: 12px;
	     width:100%;
}
#master_div {
	width:98%;
}
#detail_div {
	width:98%;
}
#master_div #span_banner {
	width:100%;
    FONT-SIZE: 12px;
    COLOR: #333333;
    
    BACKGROUND-COLOR: #FFE793;
    FONT-WEIGHT: bold;
 }
#detail_div #span_banner {
	width:100%;
    FONT-SIZE: 12px;
    COLOR: #333333;
    
    BACKGROUND-COLOR: #FFE793;
    FONT-WEIGHT: bold;
 } 

.style_a
{
	BACKGROUND-COLOR: #9B98FF;
	border-right: #666666 0px solid;
	border-left: #666666 0px solid;
	border-top: #666666 0px solid;
	PADDING-LEFT: 50px; 
   
}
.style_b
{
	BACKGROUND-COLOR: #C4D9F9;
	border-right: #666666 0px solid;
	border-left: #666666 0px solid;
	border-top: #666666 0px solid;
	PADDING-LEFT: 50px; 
   
}
.style_head
{
    BACKGROUND-COLOR: #C4D9F9;
    BORDER-RIGHT: 1px outset;
    BORDER-TOP: 1px outset;
    FONT-SIZE: 14px;
    BORDER-LEFT: 1px outset;
    COLOR: #666666;
    LINE-HEIGHT: 180%;
    BORDER-BOTTOM: 1px outset;
    
    TEXT-ALIGN: center
}
.style_AGNCNF_23
{
/*    FONT-WEIGHT: bold; */
    FONT-SIZE: 9px;
/*    COLOR: #ff9933; */
    COLOR: #FF6633;
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}
.style_STOPIN_23
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
/*    COLOR: #ff9933; */
    COLOR: #FF66FF;
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}

.style_AGNCNF_STOPIN_23
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
/*    COLOR: #ff9933; */
    COLOR: #3333FF;
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}

.style_NO_AGNCNF_STOPIN_23
{
/*    FONT-WEIGHT: bold; */
    FONT-SIZE: 9px;
/*    COLOR: #D38918; */
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}


.style_AGNCNF_24
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
/*    COLOR: #ff9933; */
    COLOR: #FF6633;
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}
.style_STOPIN_24
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
/*    COLOR: #ff9933; */
    COLOR: #FF66FF;
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}

.style_AGNCNF_STOPIN_24
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
/*    COLOR: #ff9933; */
    COLOR: #3333FF;
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}

.style_NO_AGNCNF_STOPIN_24
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
/*    COLOR: #D38918; */
    LINE-HEIGHT: 180%;
    
    TEXT-DECORATION: none
}

/* Jas's CSS ToolTip ��內閮*/
a.jastips{
z-index:9;
color:#690;
border-bottom:1px dotted #690;
text-decoration:none;
}
a.jastips:hover{
position:relative;
z-index:99;
cursor:help;
}
a.jastips span{
display:none;
}
a.jastips:hover span{
display:block;
position:absolute;
float:left;
white-space:nowrap;
top:-2.25em;
left:0;
background:#666;
border:1px solid #000;
color:#fff;
padding:1px 5px;
margin:0;
z-index:9;
}
/* Jas's CSS ToolTip ��內閮 */
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#timeoutpopUpDiv{
 position:absolute;
 background-color:#eeeeee;
 width:300px;
 height:200px;
 z-index: 9002; 
 border-radius: 5px 5px 5px 5px;
 text-align:center;
 }
#timeoutdiv{
	margin-top:50px;
	height:100px;
	text-align:center;
	background-color:#eeeeee;
}
#timeoutpopUpDiv-main a{
  text-decoration:none;
	padding:5px 15px;
	font-size:15px;
	font-weight:bold;
	border-radius: 3px 3px 3px 3px;
	margin-left:5px;
	color:#ffffff; 
	background: #f1914d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1914d 0%, #f1914d 50%, #eb6100 51%, #f1914d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1914d), color-stop(50%,#f1914d), color-stop(51%,#eb6100), color-stop(100%,#eb6100)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* W3C */
}

.button{
 font:bold 14px Arial, Helvetica, sans-serif;
 font-style:normal;
 color:#000000;
 background:#eeeeee;
 border:0px solid #ffffff;
 text-shadow:1px 1px 0px #fff;
 box-shadow:0px 0px 7px #000000;
 -moz-box-shadow:0px 0px 7px #000000;
 -webkit-box-shadow:0px 0px 7px #000000;
 border-radius:5px 5px 5px 5px;
 -moz-border-radius:5px 5px 20px 20px;
 -webkit-border-radius:5px 5px 20px 20px;
 padding:5px 30px;
 cursor:pointer;

}
.button:active{
 cursor:pointer;
 position:relative;
 top:2px;
}
.button:hover{
 cursor:pointer;
 background:#D2E9FF;
 
}
#baseformdiv fieldset legend{
  color: #ffffff; !important;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 20px;
  margin-bottom: 10px;
  float: none;
  width:100%;
  background-color: #03bfc9;
}
#baseformdiv fieldset table.table_form tr td{
   float: left;
   border-top: 1px dashed #cedfec;
}
#baseformdiv fieldset table.table_form_1 tr{
	width:100%;
}
#baseformdiv fieldset div table tr td{
   border-top: 1px dashed #cedfec;
}
#baseformdiv fieldset .main-body .body-content .body-table {
	overflow-y: visible;
} 
#licensePanel {
 position:absolute;
 width:500px;
 height:400px;
 z-index: 9002; 
 border-radius: 5px 5px 5px 5px;
 text-align:left;
 }
#licensePanel fieldset{
	background-color: #fff;
	font-size: 13px;
    width: 98%;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    padding-top:10px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:15px; 

}
#licensePanel fieldset legend {
	background-color:#5b5a46;
	color:#fff;
	position:relative;
	/*font-weight:bold;*/
	border:1px solid #cccccc;	
	/*background:#bbcccc; */
	width:100%;
	text-align:center;
	font-size:18px;
    height: 34px;
    line-height: 34px;
    margin-left: -1px;
    padding: 0;
}
#process_container{ 
	text-align:center; 
	position:absolute; 
	top:40%; 
	width:100%; 
	z-index:9002;
	overflow: auto;
} 
#process_loader { 
	font-size:11.5px; 
	color:#000000; 
	background-color:#FFFFFF; 
	padding:10px 0 16px 0; 
	margin:0 auto;  
	display:block; 
	width:400px; 
	border:1px solid #5a667b; 
	text-align:left;  
	z-index:9003;
} 
#process_loader_bg {
	background-color:#e4e7eb; 
	position:relative; 
	top:8px; 
	left:8px; 
	height:7px; 
	width:113px; 
	font-size:1px
} 
#progress { 
	height:5px; 
	font-size:1px; 
	width:1px; 
	position:relative; 
	top:1px; 
	left:0px; 
	background-color:#70940D 
}

.field_default_checkbox input:before {
  content: '\a0';
  background: #fff;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid black;
  display: inline-block;
}
.field_default_checkbox input:disabled:before{
  content: '\a0';
  background: #eee;
  border: 2px solid #8080c0;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.field_default_checkbox {
	white-space:nowrap;
	margin:2px;
    margin-bottom:5px;
	padding:0;
}

.field_default_checkbox input:checked:before{
  content:'\2714';
  border-style:double;
  border-width:2px;
  border-color:#8080c0;
  color:#8080c0;
  /*color:#0080ff;*/
  /*color:#0058b0;*/
  
  font-size:16px;
}
.default_btn {
  display: inline-block;
  margin: auto;
  position: relative;
  padding: 5px 8px 5px 30px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: #eee;
  background: linear-gradient(to bottom, #f9f9f9 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eee',GradientType=0 );
  /* color: #fff; */
  color: #383838;
  min-width: 40px;
  height:26px;
  /*padding: 3px 15px; */
  border: 1px solid #8b8b8b;
  text-align: center;
  margin-bottom: 1px;
  cursor:pointer;
}
.default_btn:hover {
  background: #eee;
}
.default_btn.addbtn{
	color: #0073c0;
}
.default_btn.querybtn{
  color: #383838;
}
.default_btn.editbtn{
  color: #383838;
}
.default_btn.printbtn{
  color: #097e00;
}
.default_btn.savebtn{
  color: #383838;
}
.default_btn.delbtn{
  color: #383838;
}
.default_btn.gobackbtn{
  color: #000040;	
}
.default_btn .btn-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  /*padding: 5px 2px 5px 2px;*/
  background-color: #ececec;
  
}
.default_btn.noicon{
    background: url(../images/table_head_bg.jpg) repeat-x left top;
    height: 25px;
    border: #9d9a9b 1px solid;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 44px;
    border-style: solid;
    text-decoration: none;
}
@media screen and (max-width: 1080px){
  
  .field_default_checkbox input:checked:before{
    width: 13px;
    height: 13px;
    font-size:14px;
  }

  
}


	
	
	
	