body {margin:0 6px 0 0px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
td {font-size: 13px;   font-family: Arial, Helvetica, sans-serif;	height:25px;  color: #333333;}
html, td, th {font:13px Arial, Helvetica, sans-serif;}
a, a:link, a:visited{text-decoration:none;	color:#333;}
a:hover{text-decoration:underline;	color:#FF0000;}
a:active{color:#CC0000;}
img{ border:0; vertical-align:middle  }
pre{margin:0; padding:0; line-height:16px}
hr{	height:1px; padding:0; 	margin:3px 0; 	border:1px solid #ccc;	border-width: 0 0 1px 0;}
cite{ 	font-style:normal; 	display:block;	padding:3px 0;}
textarea { width:100%; border:none  ; font:13px Arial, Helvetica, sans-serif; text-align:left ; vertical-align: middle; padding: 0px 3px 0px 3px;}
input, select,option{  border:none  ; font:13px Arial, Helvetica, sans-serif; text-align:left ; vertical-align: middle; padding: 0px 3px 0px 3px;}
.fillin {color:#F00; vertical-align:middle}
.bg_change {background-color:#FCF}
.content_readonly {background-color:#FFF; height:22px; border:none; width:100%; height:100%; border:none; text-align:left ; vertical-align: middle; margin:0px 0px 2px 0px; padding:2px 0px 0px 3px;}
.price_readonly {background-color:#FFF; height:22px; border:none; width:100%; height:100%; border:none; text-align:center ; vertical-align: middle; margin:0px 0px 2px 0px; padding: 2px 3px 0px 0px;}
/***************************************************************
Input Style
******************************************************************/
.input_Ltext {width:100%; background-color:#FFC; height:22px; border:none; vertical-align: middle; margin:0px 0px 2px 0px;  padding:1px 0px 1px 3px;}
.input_select {background-color:#FFC; height:22px; border:1px #CCC ; vertical-align: middle; margin:0px 0px 2px 0px;  padding:1px 0px 1px 3px;}
.input_readonly {background-color:#F4F4F4; height:22px; border:none; vertical-align: middle; margin:0px 0px 2px 0px;  padding:2px 0px 0px 3px;}
.input_text{ background-color:#FFC; width:100%; height:22px;; border:none; text-align:left ; vertical-align: middle; margin:0px 0px 2px 0px; padding:2px 0px 0px 3px;}
.input_comments{ background-color:#FFC; width:100%; height:80px border:none; text-align:left ; vertical-align: middle; margin:0px 0px 2px 0px; padding: 2px 3px 0px 3px;}
.input_comment2{ width:100%; height:80px border:none; text-align:left ; vertical-align: middle; margin:0px 0px 2px 0px; padding: 2px 3px 0px 3px;}
.input_price { background-color:#FFC; width:100%;  height:22px; border:none; vertical-align: middle; text-align:right; margin:0px 0px 2px 0px; padding: 2px 3px 0px 0px;}
.input_grandtotal { background-color:#CCC;  height:22px; border:none; vertical-align: middle; text-align:center; margin:0px 0px 2px 0px; padding: 2px 3px 0px 0px;}
.input_center { background-color:#FFC; width:100%;  height:22px; border:none; vertical-align: middle; text-align:center ;  margin:0px 0px 2px 0px;  padding: 2px 0px 0px 0px;}
.input_date { background-color:#FFC; width:80;  height:22px;; border:none; vertical-align: middle; text-align:middle ; padding: 2px 1px 0px 3px;}
.input_checkbox {border:0}
.input_radio{border:0}
.input_attach {font-size:13px;	vertical-align: middle;	text-align:left ; width: 250px; padding-top: 1px;} 
.input_note {font-size:13px;	vertical-align: middle;	text-align:left ; width:250px; padding-top: 1px; } 
.input_upload {width:300px; margin: 10px 1px 10px 1px; }
.Input_right {text-align:right;}
.input,text {border:0; font-size:13px; vertical-align: middle; text-align:right ;margin: 1px 1px 1px 1px; padding: 2px 2px 2px 2px;} 

/***************************************************************
Main Style
******************************************************************/

#main {width:100%;}
.top {color:#4A5255;font-weight:bold;	padding:0px 0px 5px 5px; font-family: Verdana, Arial;font-size: 13px;}	
.topFrame  {width:100%; height:58px; text-align:left; border:0;  marginwidth:1 ;marginheight:1;}	
.MenuFrame {width:200px; height:100%; border=0 background:url(../images/bg_leftmenu.gif) no-repeat; }
.Menu {font-size: 13px; color: #000000; font-weight:bold; font-family: Arial, Helvetica; text-decoration: none; }
.Menu_sub {margin:0 6px 0 0px;	font-size: 13px; color: #555555; font-family:  Arial, Verdana, Helvetica; text-decoration: none;}
.body_gray{background-color:#CCC;}
.B {font-weight:bold;}

/***************************************************************
Submenu Tag
******************************************************************/
#tag {padding: 0px 0px 0px 0px; font-size: 13px; color: #000; font-family:  Arial,Verdana, Helvetica; font-weight:bold; text-decoration: none; line-height:25px; height:29px;}
#tag td{font-family:  Arial,Verdana, Helvetica; font-weight:bold; display:block;}
#tag th{font-family:  Arial,Verdana, Helvetica; font-weight:bold; display:none;}

.tag_display {display:block}
.tag_none {display:none}


/***************************************************************
Style
******************************************************************/
.white {background:#FFFEEA;	height:25px;}
.Red_text {font-size: 13px; font-family: Arial, Helvetica, sans-serif; color:red;}
.approvalline_text {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color:Gray;}
.TR_Add {height:30px;font-size:12px; padding-left:5px;}
.TR_List { background:#FFFFFF; font-size:12px;	line-height:25px;}
.TR_Total  { background:#F90 ; font-size:15px;	line-height:25px; text-align:right; padding-right:5px; font-weight: bold;}
.TD_S {	font-size:13px;	font-family: Arial, Helvetica, sans-serif;  line-height: 15px;}
.Menu_s_text {	font-size:13px; font-family: Arial Narrow, Virinda,;}
.Path {font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#000000; line-height: 15px;}
.a {font-size:15px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:Red; line-height:25px;}
.Currency {width:90%; text-align:right; font-weight:bold;}
.Gray_11{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; height:20px; color:#888888;}
.Print_table{ font-size: 13px; border-color:#000000,border-colorlight:#000000; border-colordark:#ffffff; font-family: 標楷體, Arial, Helvetica, sans-serif; height:20px; color:#000000; text-align:center;}
.Print_title{ font-size: 21px; font-family: 標楷體, Arial, Helvetica, sans-serif; height:30px; color:#000000;align:center;}
.Print_subtitle{ font-size: 18px; font-family: 標楷體, Arial, Helvetica, sans-serif; height:30px; color:#000000; text-align:center;}
.Print_content{ font-size: 13px; font-family: 標楷體, Arial, Helvetica, sans-serif; height:20px; color:#000000; text-align:center;}

/***************************************************************
Content Form Style
******************************************************************/
.form_div {color:#FFFFFF; width:100%; margin-top:5px; background:url(../images/div_bg.gif); font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.form_div fieldset{	padding:3px;}
.form_div_Body {color:#333; width:100%; margin-top:12px; background:url(../images/div_body_bg.gif); repeat: none; font-size:13px; font-family: Arial, Helvetica, sans-serif; }
.form_div_Body fieldset {padding:3px;}
.form_div_Body_Org {color:#333; width:100%; margin-top:12px; background:url(../images/div_body_bg_org.gif); repeat: none; font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.field_title {height:15px;	line-height:20px; font-size:18px;	font-weight:bold;}
.ico_human {padding-left:23px;	background:url('../images/human_g.gif') no-repeat 2px 3px;  align:texttop}
.ico_table {padding-left:23px;	background:url('../images/table.gif') no-repeat 2px -2px;}
.ico_flow {padding-left:23px;	background:url('../images/chart_organisation.gif') no-repeat 2px -2px;}

.td_title_1 {width:9%;}
.td_title_2 {width:41%;}
.boxhead {color:#333333 ;font-size:10px; 	font-family: "Arial";	text-align:center;	font-weight:bold;  line-height:11px;	background:url('../images/bot_title.gif')}
.boxhead td {color:#5B838D;	font-size:10px;	font-family:Arial ;	text-align:center;	font-weight:bold;  line-height:11px;	background:url('../images/bot_title.gif')}
.boxhead_org {color:#333333 ;font-size:10px; 	font-family: "Arial";	text-align:center;	font-weight:bold;  line-height:11px;	background:url('../images/bot_title_org.gif')}

.title_head_list {	height:25px;	color:#5B818C;	font-weight:bold;text-align:center;	background:url('../images/title_head.gif');}
.title_head_li {	height:25px;	color:#333333;	text-align:center;	font-weight:bold;	background:url('../images/bot_title.gif'); line-height:12px}

/***************************************************************
Button Style
******************************************************************/
.btnSelect {width:50px;	height:23px; border:medium none; color:#000000;	cursor:pointer; font-size:11px; vertical-align:top; text-align:center; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_select.gif');padding-left:15px;}
.btnSync {width:55px;	height:23px; border:medium none; color:#000000;	cursor:pointer; font-size:10px;	vertical-align:top; text-align:center; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_sync.gif');padding-left:15px;}
.btnNormal {width:50px;	height:23px; border:medium none; color:#000000;	cursor:pointer;	font-size:11px; vertical-align:top; text-align:center;font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_select.gif');padding-left:5px;}
.btnNormal_1 {width:80px;	height:23px; border:medium none;	color:#000000;	cursor:pointer;	font-size:11px; vertical-align:top; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_select_2.gif'); padding-left:18px;}
.btnHelp {width:29px; height:23px;	border:medium none; color:red;	vertical-align:top;	font-weight:bold; font-size:15px; cursor:pointer; background:url('../images/help.gif'); text-align:center; align:center;}
.btnRed {width:67px; height:23px; border:medium none;	color:#FFFFFF;	cursor:pointer;	vertical-align:top; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_bottom_org.gif');  text-align:center; align:center;}
.btnLRed {width:66px; height:23px; border:medium none;	color:#FFFFFF;	cursor:pointer;	vertical-align:top; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_bottom_Lorg.gif');  text-align:center; align:center;}
.btnGre {width:66px; height:23px; border:medium none;	color:#FFFFFF;	cursor:pointer;	vertical-align:top; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_bottom_gre.gif');  text-align:center; align:center;}
.btnCRed {width:66px; height:23px; border:medium none;	color:#FFFFFF;	cursor:pointer;	vertical-align:top; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_bottom_red.gif');  text-align:center; align:center;}
.btnLen {width:101px; height:23px; border:medium none;	color:#FFFFFF;	cursor:pointer;	vertical-align:top; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/c_btn.gif'); text-align:center; align:center; }
.btnLLen {width:150px; height:23px; border:medium none;	color:#FFFFFF;	cursor:pointer;	vertical-align:top; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/c_lbtn.gif'); text-align:center; align:center; }
.btnAdd {width:40px; height:23px; border:medium none;	color:#000000;	cursor:pointer;	vertical-align:top; text-align:right; font-weight:bold; font-family: Arial, Helvetica, sans-serif;background:url('../images/icon_select.gif');}

/***************************************************************
BOX-TABLE-APPROVAL
******************************************************************/
.box_table {border-collapse: collapse;	font-size:13px;	width:99%;  background-color:#fff;vertical-align:top;}
.box_table tr{line-height:25px;	background-color: expression((this.sectionRowIndex%2==0)?"#FAFAFA":"");}
.box_table th {	border-style:solid;		border-width:1px 1px 1px 1px;	border-color:#AAAAAA; line-height:15px;	font-size:13px;	height:25px; font-weight:bold; text-align:center ; background:url('../images/bot_title.gif')}
.box_table td{	border-style:solid;		border-width:1px 1px 1px 1px;	border-color:#AAAAAA; line-height:15px;	font-size:13px;	 text-align:left ; padding: 1px 3px 1px 2px; height:25px;}
.box_table tr:hover,
.box_table tr.hilite {	background-color: #f2fdff;	color: #000000;}

.box_table_org {border-collapse: collapse;	font-size:13px;	width: 100%;background-color:#fff; }
.box_table_org th{background-color:#fbd195; border-style:solid; border-width:1px 1px 1px 1px; font-size:13px; font-weight:bold; line-height:15px; border-color:#AAAAAA;}
.box_table_org tr{line-height:25px;	background-color: expression((this.sectionRowIndex%2==0)?"#FAFAFA":"");}
.box_table_org td{	border-style:solid;		border-width:1px 1px 1px 1px;	border-color:#AAAAAA; line-height:15px;	font-size:13px;	padding-left: 2px; height:25px;}
.box_table_org tr:hover,
.box_table_org tr.hilite {	background-color: #f2fdff;	color: #000000;}

.box_table_addline {border-collapse: collapse;	font-size:13px;	width: 99%; text-align:center; background-color:#fff; }
.box_table_addline th{background-color:#eee; border-style:solid; border-width:1px 1px 1px 1px; border-color:#AAAAAA; line-height:15px; height:25px; font-size:13px;font-weight:bold;}
.box_table_addline tr{line-height:25px; background-color: expression((this.sectionRowIndex%2==0)?"#FAFAFA":"");}
.box_table_addline td{ background-color:#fff;	border-style:solid;	border-width:0px 1px 1px 1px;	border-color:#AAAAAA; font-size:13px;	padding-left: 2px; line-height:15px; height:25px; }
.box_table_addline tr:hover,
.box_table_addline tr.hilite {	background-color: #f2fdff;	color: #000000;}

/***************************************************************
BOX-TABLE-BODY
******************************************************************/
.box_table1 {border-collapse: collapse;	font-size:13px;	width: 99%;background-color:#fff;vertical-align:top;}
.box_table1 tr{line-height:25px;}
.box_table1 th { border-style:solid;	border-width:1px 1px 1px 1px;	border-color:#AAAAAA; line-height:15px;	font-size:13px;	height:25px; font-weight:bold; padding: 1px 2px 1px 2px; text-align:center ; background-color:#eee; }
.box_table1 td{	border-style:solid;		border-width:1px 1px 1px 1px;	border-color:#AAAAAA; line-height:15px;	font-size:13px;	 padding: 1px 3px 1px 2px; height:25px;}
.box_table1 tr:hover,
.box_table1 tr.hilite {	background-color: #f2fdff;	color: #000000;}

/***************************************************************
BOX-TABLE-BODY-Calculate
******************************************************************/
.box_table2 { font-size:13px;	width: 100%; border-width:0px 0px 0px 0px; }
.box_table2 td{	line-height:16px; font-size:12px; padding-left:2px; height:18px; border-width:0px 0px 0px 0px;}

.dglist_table {border-collapse: collapse;	font-size:13px;	width:99%;  background-color:#fff;vertical-align:top;}
.dglist_table tr{line-height:25px;	background-color: expression((this.sectionRowIndex%2==0)?"#FAFAFA":"");}
.dglist_table th {	border-width:1px 1px 1px 1px;	border-color:#AAAAAA; line-height:15px;	font-size:13px;	height:25px; font-weight:bold; background:url('../images/bot_title.gif')}
.dglist_table td{	border-style:solid;		border-width:1px 1px 1px 1px;	border-color:#AAAAAA; line-height:15px;	font-size:13px;	 padding: 1px 3px 1px 2px; height:25px;}
.dglist_table tr:hover,
.dglist_table tr.hilite {	background-color: #f2fdff;	color: #000000;}
.dglist_table_th 
{
    border-style:solid;	
    border-width:1px 1px 1px 1px;	
    border-color:#AAAAAA; 
    line-height:15px;	
    font-size:13px;	
    height:25px; 
    font-weight:bold; 
     text-align:center;
    background:url('../images/bot_title.gif');
}
.dglist_table_td	
{
    border-style:solid;		
    border-width:1px 1px 1px 1px;	
    border-color:#AAAAAA; 
    line-height:15px;	
    font-size:13px;	 
    text-align:left ; 
    padding: 1px 3px 1px 2px; 
    height:25px;
}