#Main{
	width: 97%;
    margin: 0 auto;}

.hide{ visibility:hidden}
.disappear{ display:none}
    
/* 頁面內容位置 */
body{
	margin    :0;
	text-align: center;
	background-color:#F0F6FC;
	font-family: Tahoma;
	font-size: 11pt;
	color: #000000;}
	
/* 表格文字 */
td        {font:12px Tahoma;}
table     {font:12px Tahoma;}
div       {font:12px Tahoma;}
img{
    border-width: 0;
    border-style: none;
    margin-right: 2px;
	margin-left: 2px;
    margin-bottom: 0px;}
 
.IMG_filter 
    { filter:Alpha(opacity=50); cursor: default;}

.hide_txt{
   font:0/0 a;
   text-shadow:none;
   color:transparent;
}

/*浮動及清除浮動*/
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.group:before, .group:after {  /*當父元素有包含浮動子元素時 可在父元素加入group這個class 清除浮動 及避免父元素高度錯誤*/
    content: "";  /*任何虛擬元素皆需要有content才能運作*/
    display: table; /*設定成表格形式，避免margin-collapse的情形產生*/
}

.group:after {
    clear: both;  /*清除主要容器之高度，使其能確實包覆浮動元素*/
}

.group {
    zoom: 1;  /*zoom即為IE6與IE7的清除元素，使其可相容IE6與IE7*/
}

/* 文字 */
p {
	color: #000000;}

.font_13px_B {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;}

.font_13px {
	font-family: Tahoma;
	font-size: 13px;
	line-height: 22px;}
	
.font_12px_B {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}

.font_12px {
	font-family: Tahoma;
	font-size: 12px;
	line-height: normal;
}

.font_12px_JH {
	font-family: 微軟正黑體;
	font-size: 12px;
	line-height: normal;
}

.font_11px_B {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
}

.font_11px {
	font-family: Tahoma;
	font-size: 11px;
	line-height: normal;
}

/* 超連結 */	
A:link    {text-decoration:none ; color:#000000}
A:visited {text-decoration:none}
A:active  {text-decoration: none}
A:hover   {text-decoration: underline; color: #0033CC;}

/* 位置 */
.L_ {text-align:left  ;}
.C_ {text-align:center;}
.R_ {text-align:right ;}

/* 滑鼠樣式 */
.H        {cursor:pointer   ;}
.HH       {cursor:default;}
.font_bold{font-weight: bold;}
	
/* 顯示否 */
.X {display:none ;}
.O {display:block;}

/* 藍色表格 */
.table_title {
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: #BFDFFF;
	padding: 1;
	border-top-width: 2px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;}

.table_outline {
   margin:15px auto;
	background-color: #FFFFFF;
	top: 0px;
	border: 1px solid #666666;
	}
	
.Subtable_outline {
	border: 1px solid #B3B3B3;
	cellpadding:0;
	cellspacing:0;
	margin: 0px;}

.table_subject {
	font-size: 15px;
	line-height: 25px;
	color: #000000;
	text-align: left;
	background-color: #D7EBFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-left: 15px;
	width: 20%;}

.table_text {
	font-size: 12px;
	line-height: 26px;
	color: #000000;
	vertical-align: text-top;}

.table_outline_100weith {
	text-align: center;
	color: #000000;
	background-color: #FFFFFF;
	top: 0px;
	border: 1px solid #666666;
	width: 100%;}
	
.table_search {
	font-size: 15px;
	line-height: 25px;
	text-align: right;
	color: #000000;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 20%;}
	
.table_search2 {
	font-size: 15px;
	line-height: 26px;
	text-align: left;
	color: #000000;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	padding-left: 15px;
	vertical-align: middle;
	background-color: #FFFFFF;}

.table_search_docmang {
	font-size: 15px;
	line-height: 25px;
	text-align: right;
	color: #000000;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 20%;}	
	
.vertical_text{
layout-flow: vertical-ideographic\9;
-webkit-writing-mode: tb-rl ;
-moz-writing-mode: tb-rl ;
writing-mode: tb-rl ;
}

	
/* 綠色表格 */	
.Green_table_bg {background-color: #EEFBFD;}
.Green_table_subject {
	font-size: 13px;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 25px;
	text-align:center;
	color: #000000;
	background-color: #ACDFDA;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #62C1B8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #62C1B8;
	padding-left: 5px;
	padding-right: 5px;}

.Green_webgrid_subject {
	font-size: 13px;
	font-family: Tahoma;
	font-weight: bold;
	text-align:center;
	color: #000000;
	background-color: #ACDFDA;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #62C1B8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #62C1B8;}
	
.Green_table_subject_mid {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 25px;
	text-align:center;
	color: #000000;
	background-color: #ACDFDA;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #62C1B8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #62C1B8;
	padding-left: 5px;
	padding-right: 5px;}

.Green_table_subtitle {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 25px;
	text-align:center;
	color: #000000;
	background-color: #BCE4E0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F3FAF9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9BD9D2;}

.Green_table_Item {
   position:relative;
	font-size: 12px;
	line-height: 26px;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	vertical-align: middle;
	background-color: #DEF3F1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;
	text-align: right;
	padding-right: 10px;-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;
	text-align: right;
	padding-right: 10px;}
	
	.Green_table_Item_nopadding {
	 white-space:nowrap;
	 padding:0 3px 0;
   border-left: 1px solid #B1E4DE;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #B1E4DE;
    top:0;
       font-size: 12px;
	    line-height: 1.4em;
	    color: #000000;
	    vertical-align: middle;
	    background-color: #DEF3F1;
	font-family: Tahoma;
	text-align: right;
	    -style: solid;
	    font-family: Tahoma;
	    text-align: right;
}
	.Green_table_Item_nopadding td {
	white-space:nowrap;
	}
.Green_table_Item_nopadding_sec{
width:4%;
 white-space:nowrap;
 	 padding:0 3px 0;
   border-left: 1px solid #B1E4DE;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #B1E4DE;
    top:0;
       font-size: 12px;
	    line-height: 1.4em;
	    color: #000000;
	    vertical-align: middle;
	    background-color: #DEF3F1;
	font-family: Tahoma;
	text-align: right;
	    -style: solid;
	    font-family: Tahoma;
	    text-align: right;
}
.Green_table_text1 {
	font-size: 12px;
	line-height: 26px;
	text-align: left;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #F1FAF9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;}
	
.Green_table_text2 {
	font-size: 12px;
	line-height: 26px;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #DEF3F1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;
	text-align:left;}

.Green_table_text3 {
	font-size: 12px;
	line-height: 26px;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #DEF3F1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;
	text-align:center;}

.Green_table_highlight {
	font-size: 12px;
	line-height: 26px;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #FBDBED;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;
	text-align:left;}
	
.Green_table_seclected {
	font-size: 12px;
	line-height: 26px;
	text-align: left;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #5C9FD6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;
	font-weight: bold;}

.Green_table_selected_pd0 {
	font-size: 12px;
	line-height: 26px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-right: 0;
	vertical-align: middle;
	background-color: #5C9FD6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;}

.Green_add_filed {
	font-size: 15px;
	line-height: 26px;
	text-align: left;
	color: #000000;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 15px;
	vertical-align: middle;
	background-color: #F4F8F3;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CAD9D0;
	border-left-color: #CAD9D0;}

/*子表格選取 */	
.Subtable_selected {
	font-size: 12px;
	line-height: 26px;
	color: #FFFFFF;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #5C9FD6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9EDAAA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	font-family: Tahoma;
}

/* 淺紅色子表格 */	
.sub_red_table_subject {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 25px;
	color: #000000;
	background-color: #f3d6d3;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fdf5f5;
	border-right-color: #d8b8ba;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fdf5f5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fdf5f5;}
	
.Sub_red_table_text1 {
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #fbf8f9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: e7bebb;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fcf7f6;
	font-family: Tahoma;}
	
.Sub_red_table_text2 {
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #f6eeed;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e7bebb;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fcfafa;
	font-family: Tahoma;}
	
/* 淺黃綠色子表格 */	
.sub_palegreen_table_subject {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 25px;
	color: #000000;
	background-color: #acdfb2;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8EFDC;
	border-right-color: #67C57A;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D8EFDC;}
	
.Sub_palegreen_table_text1 {
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #f1faf3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9EDAAA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	font-family: Tahoma;}
	
.Sub_palegreen_table_text2 {
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
	background-color: #def3e2;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9EDAAA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F1FAF2;
	font-family: Tahoma;}

.textfield_insert {
	background-color: #FFFFCC;
	font-size: 15px;}
	
/*按鈕 */
.button_Light_green {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	height: 24px;
	margin: 3px 3px 3px 0;
	padding:0 10px 0 10px;
	background-image: url(../Images/buttons/click_light_green.gif);
	background-color: #92E2DA;
	background-position:center center;
	cursor:pointer;
	border: 1px solid #218C6A;
	overflow:visible;}

.button_Light_green_s {
	font-size: 11px;
	line-height: 18px;
	color: #FFFFFF;
	background-image: url(../Images/buttons/click_light_green.gif);
	background-color: #92E2DA;
	background-position:center center;
	height: 24px;
	margin: 3px 0 3px 0;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #218C6A;
	overflow:visible;}

.button_green {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/buttons/click_green.gif);
	background-color: #3A9C7E;
	background-position:center center;
	height: 24px;
	margin: 3px 0px 3px 0;
	padding:0 10px 0 10px;
	cursor:pointer;
	border: 1px solid #296755;
	overflow:visible;}
	
.button_green_setting {
	font-size: 11px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../Images/buttons/green_setting_btn_bg.gif);
	background-position:center center;
	background-color: #3AAA71;
	height: 24px;
	margin:3px 0 3px 0;
    padding: 0 3px 0 3px;
	cursor: pointer;
	border: 1px solid #296755;
	overflow:visible;}

.button_green_s {
	font-size: 11px;
	line-height: 18px;
	color: #FFFFFF;
	background-image: url(../Images/buttons/click_green_s.gif);
	background-color: #3AAA71;
	background-position:center center;
	height: 24px;
	margin: 3px 0 3px 0;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #296755;
	overflow:visible;}
	
.button_palegreen {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_palegreen.gif);
	background-color: #B6E595;
	background-position:center center;
	height: 24px;
	margin: 3px 1px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #79AA66;
	overflow:visible;
	text-align:center;}
	
.button_palegreen_s {
	font-size: 10px;
	line-height: 18px;
	color: #000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../Images/buttons/click_palegreen.gif);
	background-color: #B6E595;
	background-position:center center;
	height: 24px;
	margin: 3px;
	padding:0 5px 0 5px;
	cursor: pointer;
	clear: both;
	border: 1px solid #79AA66;
	overflow:visible;
	text-align:center;}
	
.button_red {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_red.gif);
	background-color: #FADBD2;
	background-position:center center;
	height: 24px;
	margin: 0 3px 0 3px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #EFA389;
	overflow:visible;}
.button_pink {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_pink.gif);
	background-color: #FFFBFF;
	background-position:center center;
	height: 24px;
	margin: 0 3px 0 3px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #e99df3;
	overflow:visible;
}
.button_yellow,{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_light_yellow.gif);
	background-color: #FFFFFF;
	background-position:center center;
	height: 24px;
	margin: 3px 1px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #878315;
	overflow:visible;	text-align:center
}
.button_yallow{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_light_yellow.gif);
	background-color: #FFFFFF;
	background-position:center center;
	height: 24px;
	margin: 0 1px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #878315;
	overflow:visible;	text-align:center
}
.button_thin_green {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_thin_green.gif);
	background-color: #E3F9F3;
	background-position:center center;
	height: 24px;
	margin: 0 3px 0 3px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #456e60;
	overflow:visible;
}	
.button_deep_red {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_deep_red.gif);
	background-color: #FADBD2;
	background-position:center center;
	height: 24px;
	margin: 0 3px 0 3px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #ff798c;
	overflow:visible;}

.button_blue {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../Images/buttons/click_blue.gif);
	background-color: #428FBE;
	background-position:center center;
	height: 24px;
	margin: 3px 0px 3px 0;
	padding: 0 10px 0 10px;
	cursor:pointer;
	border: 1px solid #1D71AF; 
	overflow:visible;}

.button_Light_blue {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../Images/buttons/click_light_blue.gif);
	background-color: #70a4c3;
	background-position:center center;
	height: 24px;
	margin: 3px 0px 3px 0;
	padding: 0 10px 0 10px;
	cursor:pointer;
	border: 1px solid #4A7C9D;
	overflow:visible;}

.button_Light_blue_s {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_light_blue_s.gif);
	background-color: #B7E7F6;
	background-position:center center;
	height: 24px;
	cursor:pointer;
	border: 1px solid #4A7C9D;
	margin: 3px 1px;
    padding: 0 5px 0 5px;
	text-align:center}

.button_Light_purple_s {
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_light_purple_s.gif);
	background-color: #B1D4F4;
	background-position:center center;
	height: 24px;
	margin: 0 3px 0 3px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #5778D0;
	overflow:visible;}

.button_pale_purple_s {
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	background-image: url(../Images/buttons/click_pale_purple_s.gif);
	background-color: #EFF8FE;
	background-position:center center;
	height: 24px;
	margin: 0 3px 0 3px;
	padding:0 8px 0 8px;
	cursor:pointer;
	border: 1px solid #5778D0;
	overflow:visible;
}

.button_purple {
	font-size:12px;
	line-height:18px;
	font-weight:700;
	color:#000;
	background:#cbc1dc;
	border:1px solid #000;
	padding:2px 5px;
	cursor:pointer;
	overflow:visible;
	display: inline-block;
}

.button_white {
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	background-image: url(../Images/buttons/click_white.gif);
	background-color: #F5FEFF;
	background-position:center center;
	border: 1px solid #B7B7B7;
	margin: 0;
	padding:0 8px 0 8px;
	height: 20px;
	cursor:pointer;
	overflow:visible;}

.button_gray{
	font-size: 12px;
	color: #000;
	background-image: url(../Images/buttons/btn_gray.gif);
	background-color: #F5FEFF;
	background-position:center;
	background-position:center center;
	border: 1px solid #B7B7B7;
	margin: 1px 1px 0 1px;
	padding:1px 8px 0 8px;
	height: 19px;
    width:44px;
	clear:both;
	cursor:pointer;
	overflow:visible;}
	
.button_green_CS {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	background-image: url(../Images/buttons/click_green_CS.gif);
	background-color: #3A9C7E;
	background-position:center center;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 2px;
	cursor:pointer;
	border: 1px solid #CFEBDF;
	overflow:visible;}

/* 工具列 */
.tool_bar_top {
	font-weight: bold;
	text-align:left;
	color: #000000;
	background-color: #CCDDEE;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8FB5DA;
}
	
.tool_bar_top_outline {
	background-color: #FFFFFF;
	top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6992BE;
}

.tool_bar {
	color: #000000;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	padding-left: 8px;
	background-color: #CDF0F6;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/bg/tool_bar_bg.gif);
	background-repeat: repeat-y;
	height: 45px;
	padding-bottom: 5px;
	vertical-align: text-bottom;
	font-family: Verdana;
	font-size: 11px;
	padding-right: 8px;}

.tool_bar_left {
	background-image: url(../images/bg/tool_bar_left.gif);
	background-repeat: no-repeat;
	height: 34px;
	vertical-align: text-bottom;
	width: 17px;}
	
.tool_bar_right {
	background-image: url(../images/bg/tool_bar_right.gif);
	background-repeat: no-repeat;
	height: 34px;
	vertical-align: text-bottom;
	width: 17px;}
	
.tool_bar_mid {
	background-image: url(../images/bg/tool_bar_mid.gif);
	background-repeat: repeat-x;
	height: 34px;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 11px;}

.tool_bar_text {
	color: #2C6552;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 12px;}
	
	/*元素對齊中央*/
.align_c{
    margin:0 auto;
}
	
/*width*/
.w10 {width: 15px;}
.w15 {width: 15px;}
.w20 {width: 30px;}
.w25 {width: 30px;}
.w30 {width: 30px;}
.w50  {width: 50px;}
.w75  {width: 75px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w650 {width: 650px;}
.w700 {width: 700px;}
.w750 {width: 750px;}

/*width百分比*/
.w100p {width: 100%;}
.w98p {width: 98%;}
.w95p {width: 95%;}
.w90p {width: 90%;}
.w85p {width: 85%;}
.w80p {width: 80%;}
.w75p {width: 75%;}
.w70p {width: 70%;}
.w60p {width: 60%;}
.w65p {width: 65%;}
.w60p {width: 60%;}
.w55p {width: 55%;}
.w50p {width: 50%;}
.w45p {width: 45%;}
.w40p {width: 40%;}
.w35p {width: 35%;}
.w30p {width: 30%;}
.w25p {width: 25%;}
.w20p {width: 20%;}
.w15p {width: 15%;}
.w10p {width: 10%;}

/* height */
.h0    {height: 0 ;}
.h10   {height:10 ;}
.h20   {height:20 ;}
.h30   {height:30 ;}
.h40   {height:40 ;}
.h50   {height:50 ;}
.h60   {height:60 ;}
.h70   {height:70 ;}
.h80   {height:80 ;}
.h90   {height:90 ;}
.h100  {height:100;}
.h110  {height:110;}
.h120  {height:120;}
.h130  {height:130;}
.h140  {height:140;}
.h150  {height:150;}
.h160  {height:160;}
.h170  {height:170;}
.h180  {height:180;}
.h190  {height:190;}
.h200  {height:200;}
.h210  {height:210;}
.h220  {height:220;}
.h230  {height:230;}
.h240  {height:240;}
.h250  {height:250;}

/* padding */
.pd0    {padding:0;}
.pd1    {padding:1;}
.pd2    {padding:2;}
.pd3    {padding:3;}
.pd4    {padding:4;}
.pd5    {padding:5;}
.pd6    {padding:6;}
.pd7    {padding:7;}
.pd8    {padding:8;}


/* Margin */
.MG_0{margin:0;}
.MG_1{margin:1px;}
.MG_2{margin:2px;}
.MG_3{margin:3px;}
.MG_4{margin:4px;}
.MG_5{margin:5px;}
.MG_6{margin:6px;}
.MG_7{margin:7px;}
.MG_8{margin:8px;}
.MG_9{margin:9px;}
.MG_10{margin:10px;}

.MG_bottom_1 {margin-bottom: 1px;}
.MG_bottom_2 {margin-bottom: 2px;}
.MG_bottom_3 {margin-bottom: 3px;}
.MG_bottom_4 {margin-bottom: 4px;}
.MG_bottom_5 {margin-bottom: 5px;}
.MG_bottom_6 {margin-bottom: 6px;}
.MG_bottom_7 {margin-bottom: 7px;}
.MG_bottom_8 {margin-bottom: 8px;}
.MG_bottom_9 {margin-bottom: 9px;}
.MG_bottom_10 {margin-bottom: 10px;}
.MG_top_1 {margin-top: 1px;}
.MG_top_2 {margin-top: 2px;}
.MG_top_3 {margin-top: 3px;}
.MG_top_4 {margin-top: 4px;}
.MG_top_5 {margin-top: 5px;}
.MG_top_6 {margin-top: 6px;}
.MG_top_7 {margin-top: 7px;}
.MG_top_8 {margin-top: 8px;}
.MG_top_9 {margin-top: 9px;}
.MG_top_10 {margin-top: 10px;}
.MG_left_1 {margin-left: 1px;}
.MG_left_2 {margin-left: 2px;}
.MG_left_3 {margin-left: 3px;}
.MG_left_4 {margin-left: 4px;}
.MG_left_5 {margin-left: 5px;}
.MG_left_6 {margin-left: 6px;}
.MG_left_7 {margin-left: 7px;}
.MG_left_8 {margin-left: 8px;}
.MG_left_9 {margin-left: 9px;}
.MG_left_10 {margin-left: 10px;}
.MG_right_1 {margin-right: 1px;}
.MG_right_2 {margin-right: 2px;}
.MG_right_3 {margin-right: 3px;}
.MG_right_4 {margin-right: 4px;}
.MG_right_5 {margin-right: 5px;}
.MG_right_6 {margin-right: 6px;}
.MG_right_7 {margin-right: 7px;}
.MG_right_8 {margin-right: 8px;}
.MG_right_9 {margin-right: 9px;}
.MG_right_10 {margin-right: 10px;}

/*上下頁　Btn*/
.btnFstPage{
	background-color: #ACDFDA;
	height: 20px;
	width: 20px;
	background-image: url(../Images/buttons/btn_page_first.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #165897;}

.btnPrePage{
	background-color: #ACDFDA;
	height: 20px;
	width: 20px;
	background-image: url(../Images/buttons/btn_page_prev.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #165897;}

.btnNextPage{
	background-color: #ACDFDA;
	height: 20px;
	width: 20px;
	background-image: url(../Images/buttons/btn_page_next.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #165897;}
	
.btnLastPage{
	background-color: #ACDFDA;
	height: 20px;
	width: 22px;
	background-image: url(../Images/buttons/btn_page_final.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #165897;}

.btnRefresh{
	height: 23px;
	width: 20px;
	background-image: url(../Images/buttons/btn_refresh.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	margin: 3px;
	font-size: xx-small;
	color: #ffffff;}

/* Grid中的record功能 */	
.record{width:150px; float:right; clear:both}

/* Iconbar */	

.iconbar_bg{
	zoom:1;
	background-image: url(../Images/bg/iconbar_bg1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 34px;
	border-top:1px solid #96a4b4;
	border-left: 1px solid #CBF1FE;
	clear: both;
	padding:0 20px 0 20px;
	display:inline;
	width:100%;
	text-align:left;
	vertical-align:middle;
}
.iconbar_bg ol{
     margin:0;
}

.iconbar_bg li {

	text-align: center;
	vertical-align:middle;
	display:inline;margin-top:3px;
}
.iconbar_sep{
	width:3px;
	border-left:#719498 3px double; height:25px; background:#000000;
	margin:0 2px 3px 2px};
.iconbar_bg li input{ margin:3px 6px 4px 9px; cursor:pointer;}
.iconbar_bg LI img { margin:3px 6px 4px 9px; cursor:pointer;}

/* 放大縮小視窗 */
.DialogMin {
	height: 19px;
	width: 19px;
	background-image: url(../Images/buttons/DialogMin.gif);
	cursor:pointer;
	border: 1px solid #75787e;
	background-position: -1px -1px;
	background-color: #FFFFFF;
	margin: 3px;}
	
.DialogMax {
	height: 19px;
	width: 19px;
	background-image: url(../Images/buttons/DialogMax.gif);
	cursor:pointer;
	border: 1px solid #75787e;
	background-repeat: no-repeat;
	background-position: -1px -1px;
	background-color: #FFFFFF;
	margin: 3px;}
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓Calendar工程師日誌↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.Bg_Blue_title {
	background-image: url(../Images/bg//Title_bg.gif);
	margin: 0px;
	padding: 0px;
	height: 30px;}
	
.weekdate_Green_table {
	font-size: 13px;
	color: #000000;
	background-color: #ACDFDA;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #34877E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #34877E;
	font-family: Tahoma;
	font-weight: bold;}
	
.text_date {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	margin: 1px;
	height: 30px;}

.Bg_light_Blue_bar{
	background-image: url(../Images/bg/cal_bar_1.gif);
	vertical-align: middle;
	font-family: Tahoma;
	font-size: 12px;
	color: #3f5a91;
	padding-left: 5px;
	padding-right: 5px;}
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓子頁面畫面呈現↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
	
.table_line {
	background-image: url(../Images/bg/line.gif);
	background-repeat: repeat-x;
	height: 3px;}
	
.label_icon_Selected {
	background-image: url(../Images/bg/IconLabel_Selected_bg.gif);
	text-align: center;
	height: 33px;
	width: 39px;
	padding-top: 4px;}
	
.label_icon_NoneSelected {
	background-image: url(../Images/bg/IconLabel_bg.gif);
	text-align: center;
	height: 33px;
	width: 39px;
	padding-top: 4px;}

.Green_table_field_white {
	font-size: 12px;
	line-height: 30px;
	text-align: left;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 10px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B1E4DE;
	border-left-color: #B1E4DE;
	font-family: Tahoma;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 10px;}
	
.bluelight_table_bg {
	background-color: #EEFBFD;
	padding-top: 20px;
	padding-bottom: 10px;}

.blue_table_bar {
	background-color: #BBE5F6;
	background-image: url(../Images/bg/blue_table_bar_bg.gif);
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	vertical-align: super;
	height: 30px;}
	
.Green_deeper_table_bg {
	background-color: #d1f3ea;
	padding: 10px;}
	
.Green_table_bar {
	background-color: #ADDECF;
	background-image: url(../Images/bg/green_table_bar_bg.gif);
	background-repeat: repeat-x;
	font-family: Tahoma;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	vertical-align: super;
	height: 30px;}

.Sub_green_table_subject {
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	padding-left: 12px;
	vertical-align: text-bottom;
	font-family: Tahoma;
	background-image: url(../Images/bg/frame_mid_top.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight: bold;}
	
.Sub_green_table_field {
	padding-top: 10px;
	background-color: #c5e1e7;
	padding-bottom: 10px;}
.Mark {
	font-family: Tahoma;
	font-size: 13px;
	color: #FF0000;}
.mask{
	background-color:#000;
	filter: Alpha(opacity=35);
	height:100%;
	z-index:1;
	clear:both;}
.pop_message_body{
	z-index:2;
	margin: 0 auto;
    top:30%;
	width:100%;
	position:absolute}
.pop_message_title {
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	text-align:center;
	background-color: #acdfb2;
	border-right: 1px solid #67C57A;
	border-top: 1px solid #D8EFDC;
	border-left: 1px solid #D8EFDC;
	padding: 5px;}
	
.pop_message_text {
	font-size: 12px;
	line-height: 26px;
	color: #000;
	padding: 20px 50px 20px 50px;
	background-color: #f1faf3;
	border-right: 1px solid #9EDAAA;
	border-left: 1px solid #FFFFFF;
	font-family: Tahoma;
	text-align:left;}
.pop_message_btn_section{
	padding: 10px;
	background-color: #def3e2;
	text-align:center;
	border-right: 1px solid #9EDAAA;
	border-left: 1px solid #F1FAF2;}
	
.pop_message_btn_green {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	background-image: url(../Images/buttons/click_palegreen.gif);
	background-color: #B6E595;
	background-position:center center;
	height: 24px;
	margin-right: 3px;
	cursor: default;
	border: 1px solid #79AA66;
	margin-left: 3px;}

/* 聯絡我們 */	
.answer_num {
	float: right;
	margin:2px 5px 5px 5px;
}
.answer_name {
	float: left;
	margin:2px 5px 2px 5px;
	font-weight: bold;
}
.guest_content {
	clear: both;
	text-align: left;
	padding: 5px 25px 5px 25px;
	background-color: #e9f3ff;
	border: 1px solid #9cc0f2;
	margin:0 5px 10px 5px;
}

.answer_date {
	float: right; margin:2px 5px 2px 5px;
}
.guest_title {
	height: 24px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #98c2f2;
	border-right-color: #98c2f2;
	border-left-color: #98c2f2;
	background-color: #daebff;
	margin:0 5px 0 5px;
}
.naip_title{
	height: 24px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #d0a8ef;
	border-right-color: #d0a8ef;
	border-left-color: #d0a8ef;
	background-color: #f4e8fe;
	margin:0 5px 0 5px;
}
.naip_content {
	clear: both;
	text-align: left;
	padding: 5px 25px 5px 25px;
	background-color: #f7f1fd;
	border: 1px solid #cfaaed;
	margin:0 5px 10px 5px;
}
legend span{
	font-size: 12px;
	font-weight: bold;
	color: #0066FF;
}
/* 多欄位區隔 */
.bottom_line{border-bottom: 1px #ece9d8 solid};

/*挑選日期 start*/
.datepicker{
 font-size:14px;
}
.datepicker td{
 font-size:14px;
 font-family:Verdana;
}
.datepicker_header{
 width: 225px;
}
.datepicker_header td{
 height:20px;
 vertical-align:middle;
 color:#0000ff;
}
.datepicker_header a:link{
  color:#0000ff;
}
.datepicker_header a:hover,.datepicker_header a:active{
 text-decoration:underline;
}
/*挑選日期 end*/
/*fieldset表單標題 start*/
.form01{
 margin:2px 5px;
 padding:8px;
 border:1px solid #acdfda;
}
.form01 legend{
 margin:0 0 3px 0;
 text-align:left;
  padding:5px 5px 3px 15px;
  cursor:pointer;
   background-color:#68d7be;
 }
 .form01 legend span{
 color:#000;
 font-size:13px;
 font-weight:bold;
 }
 .form01 legend.open{
 background-image: url(../Images/icon/arrow_open.gif);
 background-repeat:no-repeat;
 background-position:4px 8px;
 }
  .form01 legend.close{
  background-image: url(../Images/icon/arrow_close.gif);
 background-repeat:no-repeat;
 background-position:4px 8px;
 }
/*fieldset表單標題 end*/

/*公司資訊按鈕 start*/
.office_data{
 position:relative;
 margin:15px 0 0;
 min-width:450px;
 z-index:3;
}
.office_btn{
 float:left;
 height:22px;
 margin:0 0 0 15px;
 padding:0 0 0 5px;
 text-align:center;
 color:Black;
 cursor:pointer;
 background-image: url(../Images/bg/office_btn_l.gif);
 background-repeat:no-repeat;
 background-position:left top;
}
.office_btn p{
 /*float:left;*/
 margin:0;
 padding:3px 10px 2px 6px;
 height:17px;
 font-size:13px;
 background-image: url(../Images/bg/office_btn_r.gif);
 background-repeat:no-repeat;
 background-position: right top;
}
.office_txt{
 padding:0 0 0 15px;
 background-image:url(../Images/icon/arrow_r_wh.gif);
 background-repeat:no-repeat;
 background-position:left center;
}
.office_btn:hover{
 background-position:left -22px;
}
.office_btn:hover p{
 background-position:right -22px;
}
.office_btn_click{
 float:left;
 height:22px;
 margin:0 0 0 15px;
 padding:0 0 0 5px;
 text-align:center;
 color:Black;
 cursor:pointer;
 background-image: url(../Images/bg/office_btn_l.gif);
 background-repeat:no-repeat;
 background-position:left bottom;
}
.office_btn_click p{
 margin:0;
padding:3px 10px 2px 6px;
 height:17px;
 font-size:13px;
 background-image: url(../Images/bg/office_btn_r.gif);
 background-repeat:no-repeat;
 background-position: right bottom;
}
.en *{
 /*font-size:16px;*/
 font-family:Verdana!important;
}
#t_btn,#k_btn{
 /*font-size:16px;*/
}
.office_btn_click .office_txt{
padding:0 0 0 15px;
 background-image:url(../Images/icon/arrow_b_wh.gif);
  background-repeat:no-repeat;
 background-position:left center;
}
.office_btn span, .office_btn_click span{
 line-height:normal;
 font-family:'Microsoft JhengHei';
}
/*公司資訊按鈕 end*/
/*箭頭對話框 start*/
.popup{
 position:absolute;
 top:35px;
 left:0px;
}

.popup_area{
    position:relative;
    width:350px;
	/*height:90px;*/
	margin:0;
	padding:10px;
	text-align:left;
    color:Black;
	background-color:#c3e8ff;
	border: solid 2px #2385ff;
	font-family:'Microsoft JhengHei';
}
.popup_area td span{
  /*font-size:14px!improtant;*/
}
.arrow_t_in{
width:0px;
	height:0px;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent #2385ff transparent ;
	position:absolute;
	top:-20px;
	left:45%;
}
.arrow_t_out{
width:0px;
	height:0px;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent #c3e8ff transparent ;
	position:absolute;
	top:-17px;
	left:45%;
}
.t_area{
 left:-20px;
}
.t_area .arrow_t_in,.t_area .arrow_t_out{
 left:20%;
}
.t_area_en{
 left:15px;
}
.t_area_en .arrow_t_in,.t_area_en .arrow_t_out{
 left:19%;
}
.k_area{
 left:-20px;
}

.k_area .arrow_t_in,.k_area .arrow_t_out{
 left:50%;
}
.k_area_en{
 left:20px;

}
.k_area_en .arrow_t_in,.k_area_en .arrow_t_out{
 left:63%;
}



.t_area_en span,.k_area_en span{
  /*font-family:tahoma;*/
   letter-spacing:0.5px;
  
}
.close_dlg{
 position:absolute;
 top:3px;
 right:3px;
}
/*箭頭對話框 end*/

.doc_list{
 margin:10px auto 0;
 width:370px;
 height:300px;
 /*overflow-y:scroll;
 border:1px #9eafc3 solid;
 text-align:left;*/
}
.doc_list ul{
 margin:0;
 padding:0 0 0 68px;
}
.doc_list li{
 text-indent:-4.2em;
 list-style:none outside none;
 font-size:15px;
}
#more_area{
 position:relative;
 width:350px;
 float:left;
}
.more_btn{
 position:absolute;
 right: 2px;
 top: 4px;
 *right: 0px;
*top: 3px;
 display:block;
 width:29px;
 height:18px;
 cursor:pointer;
}