@charset "utf-8";
/*---------------------------------------------*/
/* HTML Tag styles */
/*---------------------------------------------*/

/*************** Body之內的作業區塊 *******************************************/
#mContent{
	padding: 2px;
	margin: 0px;
	float: left;
	clear: right;
	width: 100%;
	display: block;

}
#mContent table td.bg_down_left{
	width:5px;
	height:7px;
	background-repeat:repeat-x;
}
#mContent table td.bg_down_mid{
	height:7px;
	font: 13px;
	color: #006699;
	background-repeat: repeat-x;
}

#mContent table td.bg_down_right{
	width:7px;
	background-repeat: repeat-x;
}
/*************** 作業名稱 *******************************************/
#mContent_pageTitle{
	/*height: 30px;*/
}
#mContent_pageTitle table.topTitle{
	width: 100%;
	height: 50px;
	background: #FFFFFF;
}
#mContent_pageTitle table.topTitle td.pTitleImg1{
	width: 23px;
	vertical-align:middle;
	height: 23px;
	background-image: url(../images/ri_ic.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#mContent_pageTitle table.topTitle td.pTitleT1 a{
	color: #ffffff;
}
#mContent_pageTitle table.topTitle td.pTitleT1{
	font-size: 18px;
	color: #186891;
	font-weight: bolder;
	line-height: 30px;
	font-style: normal;
	text-decoration: none;
	height: 43px;
	letter-spacing: 1px;
	padding-bottom: 5px;
	background-image: url(../images/ri_ic_bg.jpg);
	background-repeat: repeat-x;
	text-align:left;
}
#mContent_pageTitle table.topTitle td.pTitleT1NB{
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/ri_ic_bg.jpg);
	background-repeat: repeat-x;
	text-align: right;
}
#mContent_pageTitle table.topTitle td.pTitleT2 a{
	color: #FFFFFF;
	font: 13px;
	text-decoration: none;
	vertical-align: bottom;
	white-space: nowrap;
}
#mContent_pageTitle table.topTitle td.pTitleT2 a:hover{
	color: #333333;
	font: bold 15px;
	vertical-align: bottom;
	text-decoration: none;
	white-space: nowrap;
}
#mContent_pageTitle table.topTitle td.pTitleT2{
	text-align:left;
	background: url(../images/label_02.jpg) repeat-x bottom;
	padding-right: 1px;
	padding-left: 1px;
	vertical-align: bottom;
	padding-bottom: 10px;
	margin: 0px;
	white-space: nowrap;
	font: 13px;
	color: #FFFFFF;
}
/***********************自訂標籤之ImageButton用 **********************************/
.btn_01{
	width:7px;
	height:21px;
	background-image: url(../images/btn_le.jpg);
	background-repeat: no-repeat;
	background-position: left;
	cursor:pointer;
}
.btn_01a	{
	width:7px;
	height:21px;
	background-image: url(../images/btn_le_over.jpg);
	background-repeat: no-repeat;
	background-position: left;
	cursor:pointer;
}
.btn_02	{
	vertical-align:center;
	height:21px;
	text-align: center;
	white-space: nowrap;
	color: #164263;
	text-decoration: none;
	background-image: url(../images/btn_bg.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	font-size: 13px;
	cursor:pointer;
}
.btn_02a	{
	vertical-align:center;
	height:21px;
	text-align: center;
	word-spacing: 1em;
	white-space: nowrap;
	color: #23699C;
	background-image: url(../images/btn_bg_over.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	font-size: 13px;
	cursor:pointer;
}
.btn_03	{
	width:7px;
	height:21px;
	margin-left: 7px;
	padding-right: 5px;
	background-image: url(../images/btn_ri.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
}
.btn_03a	{
	width:7px;
	height:21px;
	margin-left: 7px;
	padding-right: 5px;
	background-image: url(../images/btn_ri_over.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
}
/**********************作業名稱頁籤***************************/
#mContent_pageLabel{
	float: left;
	margin: 0px;
	padding: 0px;
}
#mContent_pageLabel a{
	color: #2487b6;
	text-decoration: none;
}
#mContent_pageLabel a:hover{
	color: #ffffff;
	text-decoration: none;
}
#mContent_pageLabel ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:auto;

}
#mContent_pageLabel li{
	float:left;
	margin-right:2px;
}
#mContent_pageLabel li a{
	display:block;
	text-decoration:none;
	color:#104662;
	font: bold 15px;
	background-image: url(../images/tab_bg_02.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;

}
#mContent_pageLabel li a:hover{
	color:#FFFFFF;
	font: bold 15px;
	background-image: url(../images/tab_bg_01.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;

}
#mContent_pageLabel li.selected a{
	color:#FFFFFF;
	font: bold 15px;
	background-image: url(../images/tab_bg_01.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;

}
#mContent_pageLabel li a span{
	display:block;
	/*padding: 15px 15px 10px;*/
	padding: 5px 15px 10px;
	background-image: url(../images/tab_le_02.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mContent_pageLabel li a:hover span{
	background-image: url(../images/tab_le_01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mContent_pageLabel li.selected a span{
	background-image: url(../images/tab_le_01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mContent_pageLabel table{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#mContent_pageLabel table.topTitle{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#mContent_pageLabel td.pLabelImg1{
	height: 32px;
	float: left;
	width: 11px;
	padding-left: 11px;
	padding-right: 11px;
	background-image: url(../images/tab_le_02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#mContent_pageLabel td.pTitleT2{
	font-size: 15px;
	font-weight: bold;
	color: #104662;
	text-decoration: none;
	text-align:left;
	background: url(../images/tab_bg_02.jpg) repeat-x bottom;
	vertical-align: bottom;
	margin: 0px;
	padding: 1px 0px 5px 1px;
}
#mContent_pageLabel td.pLabelImg2{
	text-align:left;
	vertical-align: bottom;
	margin: 0px;
	background-image: url(../images/tab_ri_02.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 32px;
	width: 14px;
	padding-bottom: 5px;
}
#mContent_pageLabel td.pLabelImg1a{
	height: 32px;
	float: left;
	width: 13px;
	padding-left: 11px;
	padding-right: 11px;
	background-image: url(../images/tab_le_01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#mContent_pageLabel td.pTitleT2a{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	background: url(../images/tab_bg_01.jpg) repeat-x bottom;
	vertical-align: bottom;
	margin: 0px;
	padding: 1px 0px 5px 1px;
}
#mContent_pageLabel td.pLabelImg2a{
	text-align:left;
	vertical-align: bottom;
	margin: 0px;
	height: 32px;
	width: 14px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	background-image: url(../images/tab_ri_01.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
/**********************標題與頁籤之後的中間主要區域***************************/
#mContent_mid_content{
	width: 100%;
	height:90%;
	/*overflow:auto;*/
}
#mContent_mid_content table.info1-blue{
	font-size: 16px;
	color: #333399;
	line-height: 25px;
}
#mContent_mid_content table.table-h1{
	width: 100%;
	height:1px;
	margin:0px;
	border-spacing:0px;
	border-collapse:separate;
	font: 12px/18px;
}
#mContent_mid_content table.table-h1 td.t1R{
	color: #333333;
	vertical-align:middle;
	background: #a9ddfd;
	display: block;
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	font: 13px;
	text-align: right;
	white-space: nowrap;
	float: right;
}
/**作業區表格 start**/
table.table-query{
	border:1px solid #6394b4;
	border-collapse: collapse;
	background-color: #F4F9FD;
	border-spacing: 1px;
	width:100%;
}
table.table-pagging{
	border:1px solid #6394b4;
	border-collapse: collapse;
	background-color: #ffffff;
	border-spacing: 1px;
}
table.table-g1{
	/*width: 100%;*/
	height:1px;
	margin:0px;
	border:1px solid;
	border-spacing:3px;
	border-collapse:separate;
	font: 16px/18px;
}
table.table-g1 td{
	font-size: 15px;
	line-height: 20px;
	vertical-align:middle;
	border-spacing:1px;
}
table.table-g1 td.t1M{
	color: #ffffff;
	vertical-align:middle;
	/*display: block;*/
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	/*float: right;*/
	background-color: #4d97ca;
	font-size: 16px;
}
table.table-g1 td.t1L{
	color: #ffffff;
	vertical-align:middle;
	/*display: block;*/
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	/*float: right;*/
	background-color: #4d97ca;
	font-size: 16px;
}
table.table-g1 td.t1R{
	color: #ffffff;
	vertical-align:middle;
	/*display: block;*/
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: right;
	white-space: nowrap;
	/*float: right;*/
	background-color: #4d97ca;
	font-size: 16px;
}
table.table-g1 th{
	font-size: 15px;
	line-height: 20px;
	vertical-align:middle;
	border-spacing:1px;
}
table.table-g1 th.t1M{
	color: #ffffff;
	vertical-align:middle;
	/*display: block;*/
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	/*float: right;*/
	background-color: #4d97ca;
	font-size: 16px;
}
table.table-g1 th.t1L{
	color: #ffffff;
	vertical-align:middle;
	/*display: block;*/
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	/*float: right;*/
	background-color: #4d97ca;
	font-size: 16px;
}
table.table-g1 th.t1R{
	color: #ffffff;
	vertical-align:middle;
	/*display: block;*/
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: right;
	white-space: nowrap;
	/*float: right;*/
	background-color: #4d97ca;
	font-size: 16px;
}
table.table-g1 td.t1NoData{
	color:#EE2735;
	vertical-align:middle;
	/*display: block;*/
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	/*float: right;*/
	font-size: 15px;
}
table.table-g1 td.tDetailL{
	text-align: left;
	/*color: #910a0a;*/
	background-color: #e3eefb;
}
table.table-g1 td.tDetailM{
	text-align: center;
	/*color: #910a0a;*/
	background-color: #e3eefb;
}
table.table-g1 td.tDetailR{
	text-align: right;
	/*color: #910a0a;*/
	background-color: #e3eefb;
}
table.table-g1 tr.odd{
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	height: 25px;
	line-height: 25px;
	vertical-align:middle;
	/*display: block;*/
	/*background-color:#F3FAFA;*/
	background-color:#BDF4FE;

}
table.table-g1 tr.even{
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	height: 25px;
	line-height: 25px;
	vertical-align:middle;
	/*display: block;*/
	/*background-color:#FFFEDC;*/
	background-color:#F3FAFA;
}
table.table-g1 td.t1R a:link{
	color: #E7235E;
	vertical-align:middle;
	display: block;
	letter-spacing: 1px;
	padding: 3px 1px 2px 2px;
	text-decoration: underline;
	text-align: right;
	white-space: nowrap;
	background-color: #C8E0F2;
	font-size: 15px;
}
table.table-g1 td.t1R a:active{
	color: #E7235E;
	vertical-align:middle;
	display: block;
	letter-spacing: 1px;
	padding: 3px 1px 2px 2px;
	text-decoration: underline;
	text-align: right;
	white-space: nowrap;
	background-color: #C8E0F2;
	font-size: 15px;
}
table.table-g1 td.t1R a:visited{
	color: #E7235E;
	vertical-align:middle;
	display: block;
	letter-spacing: 1px;
	padding: 3px 1px 2px 2px;
	text-decoration: underline;
	text-align: right;
	white-space: nowrap;
	background-color: #C8E0F2;
	font-size: 15px;
}
table.table-g1 td.row_color_M{
	color: #333333;
	vertical-align:middle;
	display: block;
	letter-spacing: 1px;
	padding: 3px 2px;
	text-decoration: none;
	font: 15px;
	text-align: center;
	white-space: nowrap;
	float: right;
	background-color: #3399FF;
}
table.table-g1 td.row_color_L{
	color: #333333;
	vertical-align:middle;
	display: block;
	letter-spacing: 1px;
	padding: 3px 2px;
	text-decoration: none;
	font: 15px;
	text-align: left;
	white-space: nowrap;
	float: right;
	background-color: #3399FF;
}
/**報表畫面表格**/
table.table-g1 td.t1P{
	color: #273778;
	vertical-align:middle;
	display: block;
	letter-spacing: 1px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: right;
	white-space: nowrap;
	float: right;
	background-color: #C8E0F2;
	font-size: 15px;
}
/*該TR被選取時，以深色呈現*/
table.table-g1 tr.onDrag{
	background-color:#c0c0c0;
	border:3px solid black;
}
table.table-g1 tr.onDrag td{
	font-weight:bold;
}
#mContent_mid_content table.table-page td{
	font-size: 13px ;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	height: 25px;
	line-height: 25px;
	vertical-align:top;
}
.page_number{
	color:#FF6633;
}
.star_color{
	color:#FF0000;
}
.row_color{
	background-color:#FF0000;
}
/**作業區表格 end**/
/**案鈕區 start**/
#ButtonArea_L1{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin: 5px;
}
#ButtonArea_M1{
	font-size: 16px;
	font-weight: bold;
	color: #4B74AF;
	text-align: center;
	margin: 5px;
	vertical-align: middle;
}
#ButtonArea_R1{
	font-weight: bold;
	color: #000000;
	text-align: right;
	vertical-align: bottom;
	float: right;
	height: 30px;
	margin: 7px 2px 0px;
}
/**案鈕區 end**/
/*--查詢結果標題div--*/
#div_title{
	overflow-x:hidden;
	width:98%;
	margin-top:1;
	margin-bottom:0;
	border: 1px solid #CCCCCC;
}
/*條碼搜尋DIV專用*/
#DivArea_Barcode{
	border: 1px solid #3e86c6;
	background-color: #eeeeee;
}
#DivArea_Q{
	overflow-y:scroll;
	height:400px;
	border: 0px solid #8BA7A4;
}
#DivArea_QS{
	overflow-y:scroll;
	height:150px;
	border: 0px solid #8BA7A4;
}
#DivArea_QR{
	overflow-X:scroll;
	overflow-y:scroll;
	width:800px;
	height:250px;
	border: 0px solid #8BA7A4;
}
/*#DivArea_I{
	height:0px;
	border: 1px solid #3e86c6;
}
#DivArea_I table td{
	 font-size: 15px;
}
*/
.DivArea_I_L{
	width:100%;
	height:60%;
	overflow:auto;
}
.DivArea_I_M{
	width:100%;
	height:50%;
	overflow:auto;
}
.DivArea_I_S{
	width:100%;
	height:40%;
	overflow:auto;
}
#DivArea_P{
	height:20px;
	border: 0px solid #8BA7A4;
}
#DivArea_Q div.DivArea_Line{
	height:0px;
	border: 1px solid #8BA7A4;
}
#DivArea_Q table td{
	 font-size: 15px;
}
.DivArea_Q_L{
	width:100%;
	height:60%;
	overflow:auto;
}
.DivArea_Q_M{
	width:100%;
	height:50%;
	overflow:auto;
}
.DivArea_Q_S{
	width:100%;
	height:40%;
	overflow:auto;
}
.txtNumber{
	text-align: right;
}
#div_R{
	HEIGHT: 120;
	OVERFLOW-X: hidden;
	OVERFLOW-Y: scroll;
	WIDTH: 100%;
}
#div_select1{
	HEIGHT: 240;
	OVERFLOW-X: hidden;
	OVERFLOW-Y: scroll;
	WIDTH: 100%;
}
#div_select2{
	HEIGHT: 120;
	OVERFLOW-X: hidden;
	OVERFLOW-Y: scroll;
	WIDTH: 100%;
}
#div_content{
	overflow-y:auto;
	overflow-x:hidden;
	width:100%;
	height:400px;
	margin-top: 0;
	margin-bottom: 0;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #CCCCCC;
}
/*--------------------主旨超連結--------------------*/
.grayLink{
	COLOR: #225B86;
	FONT-SIZE: 15px;
	LINE-HEIGHT: 18px;
	PADDING-RIGHT: 7px;
}
.grayLink:visited{
	COLOR: #225B86;
	PADDING-RIGHT: 7px;
	font-size: 15px;
	line-height: 18px;
}
/*
.grayLink:hover{
	COLOR: #225B86;
	FONT-SIZE: 15px;
	FONT-VARIANT: normal;
	LINE-HEIGHT: 18px;
	PADDING-RIGHT: 7px;
}
*/
.sub{
	font: bold 15px/30px;
	color: #336633;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: left;
	white-space: nowrap;
	display: block;
	float: left;
}
.pTitleT2 a{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.pTitleT2_number{
	font-size: 16px;
	font-weight: bold;
	color: #C75F66;
}
.pTitleT2 a:hover{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
/*--------------------凍結視窗--------------------*/
.FixedTitleRow{

	position: relative;
	 top: expression(this.offsetParent.scrollTop-2);
	z-index: 10;
	background-color: #C8E0F2;

}
.FixedTitleColumn{
	color: #333333;
	vertical-align:middle;
	display: block;
	letter-spacing: 1px;
	padding: 3px 2px;
	text-decoration: none;
	font: 15px;
	text-align: center;
	position: relative;
	left: expression(this.parentElement.offsetParent.scrollLeft-2);
	 background-color: #C8E0F2;
}
.FixedDataColumn{
	 position: relative;
	 left: expression(this.parentElement.offsetParent.parentElement.scrollLeft-2);
	background-color: #ffffff;

}
.button{
	font-size:10pt;
	cursor:pointer;
	border:1px solid Darkgray;
}
.nobreakline{
	white-space: nowrap;
}
.TextareaPunctuation{
	border: 1px solid #c8e0f2;
}
.TextareaPunctuation td{
	background-color:#dddddd;
	text-align:center;
	vertical-align:middle;
	cursor: pointer;
	padding:0px 3px;
	white-space: nowrap;
}
.TextareaPunctuation a:hover{
	font-weight:normal;
	color:#000000;
}
.TextareaPunctuation a:hover{
	font-weight:bolder;
	color:#FFFFFF;
}
/*使用滑鼠拖曳時，跟在滑鼠旁邊的DIV*/
.DragDiv{
	border:solid 2px #c0c0c0;
	background-color:#c0c0c0;
}
/**維護作業，鎖定之textbox**/
.innerTextBox{
	border:1px solid #6d93ad;
	background:#f4f9fd;
}
/******************* style.css *******************************/
.login_001_text{
	font-size: 15px;
	font-weight: bold;
	color: #c2880d;
	line-height: 20px;
}
.mess_tit{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	bottom: 14px;
	clip: rect(auto,auto,50px,auto);
}
.login_002_text{
	font-size: 15px;
	font-weight: bold;
	color: #89857c;
	line-height: 20px;
}
.btn_action_text{
	font-size: 13px;
	color: #2b5c93;
	text-decoration: none;
}
.mess_text{
	font-size: 13px;
	font-weight: bold;
	color: #4e7597;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}
.page_tit{
	font-size: 15px;
	font-weight: bold;
	color: #186891;
	text-decoration: none;
}
.tap_tit_01:hover{
	font-size: 15px;
	font-weight: bold;
	color: #DFEAF0;
	text-decoration: none;
}
.left_btn_01{
	background-image: url(images/le_ic01_bg.jpg);
	background-repeat: repeat-x;
	list-style-image: url(images/le_ic01.jpg);
	list-style-type: none;
	font-size: 15px;
	font-weight: bold;
	color: #2487b6;
	text-decoration: none;
	list-style-position: inside;
	height: 32px;
}
.left_btn_01:hover{
	background-image: url(images/le_ic01_bg_over.jpg);
	background-repeat: repeat-x;
	list-style-image: url(images/le_ic01.jpg);
	list-style-type: none;
	font-size: 15px;
	font-weight: bold;
	color: #1a4570;
	text-decoration: none;
	list-style-position: inside;
	background-color: #E1EEF6;
	height: 31px;
}
.tap_tit_01{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tap_tit_02:hover{
	font-size: 15px;
	font-weight: bold;
	color: #17658E;
	text-decoration: none;
}
.tap_tit_02{
	font-size: 15px;
	font-weight: bold;
	color: #104662;
	text-decoration: none;
}
.left_btn_02{
	background-image: url(images/le_ic01_bg.jpg);
	background-repeat: repeat-x;
	list-style-image: url(images/le_ic01.jpg);
	list-style-type: none;
	font-size: 13px;
	color: #67645d;
	text-decoration: none;
	list-style-position: inside;
	line-height: 25px;
}
.left_btn_02:hover{
	background-image: url(images/le_ic01_bg.jpg);
	background-repeat: repeat-x;
	list-style-image: url(images/le_ic01.jpg);
	list-style-type: none;
	font-size: 13px;
	color: #ae365b;
	text-decoration: none;
	list-style-position: inside;
	line-height: 25px;
}
.tit_01{
	font-size: 15px;
	font-weight: bold;
	color: #2a4e89;
	text-decoration: none;
}
.btn_001{
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	cursor:pointer;
	white-space:nowrap;
}
.btn_001:hover{
	font-size: 13px;
	font-weight: bold;
	color: #FEFDE2;
	cursor:pointer;
}
.left_bg{
	background-image: url(images/le_top_ri_bg.jpg);
	background-repeat: repeat-y;
	background-position: right center;
}
.form_tit{
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #3B6DB6;
	text-decoration: none;
	padding: 5px;
}
.text_page{
	font-size: 13px;
	font-weight: bold;
	color: #804000;
	text-decoration: none;
}
.text_page:hover{
	font-size: 13px;
	font-weight: bold;
	color: #BB5E00;
	text-decoration: none;
}
.text_page_totle{
	font-size: 13px;
	font-weight: bold;
	color: #FF3333;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.page_select{
	font-size: 13px;
	color: #333333;
}
.text_page_top_end{
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.text_page_top_end:hover{
	font-size: 13px;
	font-weight: bold;
	color: #006CD9;
	text-decoration: none;
}
.form_tit_02{
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}
.form_text_01{
	font-size: 15px;
	color: #666666;
	text-decoration: none;
	padding: 5px;
	text-align: center;
}
.form_text_03{
	font-size: 15px;
	color: #666666;
	text-decoration: none;
	padding: 5px;
	text-align: left;
}
.form_text_02{
	font-size: 13px;
	color: #225B86;
	text-decoration: none;
	padding: 5px;
	text-align: center;
}
.form_text_02:hover{
	font-size: 13px;
	color: #CC0000;
	text-decoration: none;
	padding: 5px;
	text-align: center;
}
.right_bg{
	background-image: url(images/ri_ic_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 44px;
}
.top_text{
	font-size: 13px;
	font-weight: bold;
	color: #4a5e8c;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}
.top_text:hover{
	font-size: 13px;
	font-weight: bold;
	color: #8E4861;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}
.work_tit{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	bottom: -20px;
}
.work_text_02{
	font-size: 13px;
	color: #204879;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
}
.work_text_01{
	font-size: 15px;
	line-height: 25px;
	color: #666666;
	text-decoration: none;
	text-align: center;
}
.work_tit_02{
	font-size: 15px;
	font-weight: bold;
	color: #235689;
	text-decoration: none;
	line-height: 30px;
}
#form_01 a:link{
	color: #204879;
	text-decoration: none;
	font-weight: bold;
}
#form_01 a:hover{
	color: #6699CC;
	text-decoration: none;
	font-weight: bold;
}
.top_text02{
	font-size: 13px;
	font-weight: bold;
	color: #303D5A;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}
.top_text03{
	font-size: 13px;
	font-weight: bold;
	color: #A25A66;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}
#DivArea_QB{
overflow-y:scroll;
height:320px;
border: 0px solid #8BA7A4;
}
/**上層訊息顯示**/
.act_tit{
	font-size: 13px;
	line-height: 20px;
	color: #C66;
	font-weight: bold;
	text-align:left;
}
/**上層訊息顯示-目前訊息**/
.act_curmsg{
	border-style:solid;
	border-width:0px 0px 0px 0px;
	color:D48348;
	/*text-decoration: underline;*/
	font-size: 15px;
	/*cursor:pointer;
	font-weight: normal;*/
}
/******************** main.css *****************************************************/
.leftbtn{
	border-top: 1px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
}
.t12_white{
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}
.leftbtn2{
	border-top: 1px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 0px solid #000000;
}
.leftbtn3{
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.textfield_white{
	background-color: #8BB525;
	border: 1px solid #FFFFFF;
}
.t13B_white{
	font-weight: bold;
	color: #FFFFFF;
}
.menubg{
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: right top;
}
.table_1{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #adaeaf;
	border-right-color: #adaeaf;
	border-bottom-color: #adaeaf;
	border-left-color: #adaeaf;
}
.table_title{
	background-color:#F4F9FD;
}
.t12{
	font-size: 16px;
	color: #000000;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
.t13{
	font-weight: normal;
	color: #000000;
}
.t14B_white{
	font-weight: bold;
	color: #FFFFFF;
}
.t14B_red{
	font-weight: bold;
	color: #FF0000;
}
.t15{
	color: #FFFFFF;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;

}
.line_bg{
	background-repeat: repeat-y;
	background-position: right top;
}
.only_bg{
	background-repeat: no-repeat;
	background-position: right bottom;
}
.t12_red{
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
}
.INPUT1{
	BACKGROUND: #ffffff;
	BORDER-BOTTOM: #796b85 1px solid;
	BORDER-LEFT: #796b85 1px solid;
	BORDER-RIGHT: #796b85 1px solid;
	BORDER-TOP: #796b85 1px solid;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
.INPUT2{
	BACKGROUND: #f6f6f6;
	BORDER-BOTTOM: #796b85 1px solid;
	BORDER-LEFT: #796b85 1px solid;
	BORDER-RIGHT: #796b85 1px solid;
	BORDER-TOP: #796b85 1px solid;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
.TEXTAREA{
	BACKGROUND: #F3FFE8;
	BORDER-BOTTOM: #796b85 1px solid;
	BORDER-LEFT: #796b85 1px solid;
	BORDER-RIGHT: #796b85 1px solid;
	BORDER-TOP: #796b85 1px solid;
	COLOR: #57505e;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
.grayLink{
	COLOR: #8B0000;
	FONT-SIZE: 16px;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	PADDING-RIGHT: 7px;
}
.grayLink:visited{
	COLOR: #6f6f6f;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	PADDING-RIGHT: 7px;
}
.dwbox{
	cursor:pointer;
	/*behavior:url("../query/htc/getChargeSubDeptAndUser_link.htc");*/
}
.cdbox{
	BACKGROUND: #ffffff;
	BORDER-BOTTOM: #796b85 1px solid;
	BORDER-LEFT: #796b85 1px solid;
	BORDER-RIGHT: #796b85 1px solid;
	BORDER-TOP: #796b85 1px solid;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	/*behavior:url("../inc/htc/DateBox.htc");*/
}
.numbox,.volnobox,.itemnobox{
	BACKGROUND: #ffffff;
	BORDER-BOTTOM: #796b85 1px solid;
	BORDER-LEFT: #796b85 1px solid;
	BORDER-RIGHT: #796b85 1px solid;
	BORDER-TOP: #796b85 1px solid;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	/*behavior:url("../inc/htc/numbox.htc");*/
}
.ymbox{
	font-size:14pt;
	BACKGROUND: #ffffff;
	BORDER-BOTTOM: #796b85 1px solid;
	BORDER-LEFT: #796b85 1px solid;
	BORDER-RIGHT: #796b85 1px solid;
	BORDER-TOP: #796b85 1px solid;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	/*behavior:url("../inc/htc/YmBox.htc");*/
}
.filebox{
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	/*behavior:url("../query/htc/getAllFileno.htc");*/
	cursor:pointer;
}
.themebox{
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	/* behavior:url("../query/htc/getThemeCode.htc"); */
	cursor:pointer;
}
.recenoBox{
	BACKGROUND: #ffffff;
	BORDER-BOTTOM: #796b85 1px solid;
	BORDER-LEFT: #796b85 1px solid;
	BORDER-RIGHT: #796b85 1px solid;
	BORDER-TOP: #796b85 1px solid;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
.volbox{
	/*behavior:url("../query/htc/getVolName.htc");*/
	cursor:pointer;
}
.NotInputBox{
	BACKGROUND: #ffffff;
	BORDER-BOTTOM: #796b85 1px solid;
	BORDER-LEFT: #796b85 1px solid;
	BORDER-RIGHT: #796b85 1px solid;
	BORDER-TOP: #796b85 1px solid;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
.scanbox{
	FONT-WEIGHT: normal;
	/* BEHAVIOR: url("../query/htc/getScanNo.htc"); */
	cursor:pointer;
	LINE-HEIGHT: normal;
	FONT-STYLE: normal;
	FONT-VARIANT: normal
}
.batchbox{
	FONT-WEIGHT: normal;
	/* BEHAVIOR: url("../query/htc/getScanNo.htc"); */
	cursor:pointer;
	LINE-HEIGHT: normal;
	FONT-STYLE: normal;
	FONT-VARIANT: normal
}
ol.howtolist{
	padding-left:30px;
	list-style-type:disc;
}
ol.howtolist li{
	padding-top:4px;
	border:1px solid #c0c0c0
}

.qtip2Style{
	letter-spacing: 1;
	line-height:25px;  
	background-color: white;
	border-color: #E2E2E2;
	color: #060606;
}
.input-group-text{
	color:black;
	font-size:16px;
	line-height:16px;
}
.form-control{
	padding: 0px 12px;
	margin-right: 5px;
	height:30px;
	font-size: 16px;
	color: #000000;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}

/* bootstrap的input-group內部的input不要有margin-right */
.input-group > .form-control{
	margin-right: 0px;
}

.form-control1{
	margin-right: 5px;
	height:30px;
	font-size: 16px;
	color: #000000;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	padding: 0px 12px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select[size] {
    height: 30px;
}
select.form-control[size] {
    height: 30px;
}
.form-group{
	margin-bottom: 5px;	
}
.btn{
	font-size:14px;
	white-space: nowrap;
}
.form-inline label{
	display:inline-block;
}
.form-inline .input-group{
	display:inline-flex;
}
.control-label{
	width:auto;
	vertical-align:middle;
	font-size:16px;
	min-height:30px;
	font-weight: normal;
	color:#000000;
	text-align:left;
}
label{
	margin-bottom: 0px; 
}
@media (min-width: 750px){
	.form-inline .control-label{
		padding-top:3px;
	}
}
.input-group{
	margin-right: 5px;
}
input[type='checkbox'],input[type='radio'] {
	margin-right: 3px; 
	margin-left: 3px; 
	margin-top:4px;
}
.pagination{
	margin-top: 0PX;
	margin-bottom: 0PX;
}
.pagination>li>a{
	border:0px;
	background:none;
}
.rwd-table {
	 background: #fff;
	 overflow: hidden;
}

.rwd-table tr:nth-of-type(2n){
  background: #eee;
}
.rwd-table th, 
.rwd-table td {
  margin: 0.5em 1em;
}
.rwd-table {
  min-width: 100%;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td .rwdspan:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  width: 8em;
  display: inline-block;
}

.rwd-table th, .rwd-table td {
  text-align: left;
}

.rwd-table th, .rwd-table td .rwdspan:before {
  font-weight: bold;
}
@media (max-width: 750px) {
	.rwd-table td.rwdview,.rwdview {
    	display: none;
	}
  table.table-g1 td.tDetailM{
	text-align: left;
  }
  .rwd-table td,.rwd-table th{
	width:auto;
  }
}
@media (min-width: 750px) {
  .rwd-table td .rwdspan:before {
    display: none;
  }
 .rwd-table th, .rwd-table td {
    display: table-cell;
  }
 .rwd-table th{
  	text-align:center;
  }
}
.table > tbody > tr > td{
  vertical-align:middle; 
  padding-top:1px;
  padding-bottom:1px;
}

/* 以下為公文製作table css */
table.odcsTable{
	border:solid #FCE5FA 2px;
}
table.odcsTable thead td{
	background-color:#C3E7FB;
	border:solid #ffffff 1px;
}
table.odcsTable tbody tr:nth-child(even){
	background-color: #F0FAFF;
}
table.odcsTable tbody tr:hover{
	background-color: #fbf4db;
}
table.odcsTable tbody td{
	border:solid #E0DCDC 1px;
	padding:2px 0px 2px 0px;
}
/* 以上為公文製作table css */

/* 以下為bootstrap列表項目css  */
.list-group-title{
	padding: 0.75rem 1.25rem;
	background-color: #fafafa;
	margin:1px;
}
a.list-group-item, p.list-group-title{
	text-decoration: none;
	border:solid #E0DCDC 1px;
	border-radius: 5px;
    color: #222222;
}
a.list-group-item:hover, p.list-group-title:hover,
a.list-group-item:focus, p.list-group-title:focus{
	background-color: #fbf4db;
    color: #222222;
    cursor: pointer;
}
/* 以上為bootstrap列表項目css */

/* 向下為相容bootstrap3 */
/* bootstrap 4.3 版本改成flex，可是IE目前會有height變成0的bug，先統一改成block，後續再看看IE會不會修正 */
.list-group{
	display:block;
}
.pagination{
	display:inline-flex;
}
.table th, .table td {
    padding: 8px;
}
/* 以下為向下相容bootstrap3的btn-default */
.btn-default {
  color: #212529;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  border-color: #ccc;
}

.btn-default:hover {
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #f2f2f2 0%, #e0e0e0 100%);
  border-color: #adadad;
}

.btn-default.disabled, .btn-default:disabled {
  background-color: #e0e0e0;
  background-image: none;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #f2f2f2 0%, #e0e0e0 100%);
  border-color: #adadad;
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
/* 以上為向下相容bootstrap3的btn-default */
/* 升級後會導致IE的button外觀怪異，在這邊先恢復jquery ui的dialog右上角關閉按鈕 */
.ui-dialog-titlebar-close{
	border:1px solid #979797;
	background-color:#E5E5E5;
}
/* 向上為相容bootstrap3 */

/* 以下為行動版待辦/待簽核css */
.mobile_tDetailL .noPadding{
	padding:0px;
}
.mobile_tDetailL{
	width:100%;
	font-family: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","Microsoft JhengHei","Microsoft YaHei",SimHei,Arial,sans-serif!important;
	font-size:15px;

	background: #fafafa;
	border-bottom:1px solid #d9d9d9;
	background-color:#ffffff;
	
	cursor:pointer;
	color:#555455;
	
	padding-top:5px;
	padding-bottom:10px;
}
.mobile_tDetailL:hover,
.mobile_tDetailL:active{
	box-shadow: 2px 2px 6px 2px rgba(20%,20%,40%,0.5);
}
.mobile_tDetailL .mailImage img{
	width:40px;
	height:40px;
	margin-left:5px;
	margin-top:5px;
}
.mobile_tDetailL .theme{
	font-size:16px;
	overflow: hidden;
	
}
.mobile_tDetailL .senderName{
display:inline-block;
	
}
.mobile_other_btn{
	height: 50px;
	font-size: 16pt;
	margin-right:5px;
	margin-bottom:10px;
}
.iconButton-mobile{
	width:70px;
	font-size:20pt;
	cursor:pointer;
	color:#7e9ab4;
	padding:14px 10px;
}

.iconButton-mobile.multiIcon{
	border-top:1px solid #d9d9d9;
}
.iconButton-mobile.multiIcon.first{
	border-top:none;
}
.iconButton-mobile.multiIcon:hover{
	box-shadow: 2px 2px 6px 2px rgba(20%,20%,40%,0.5);
}
/* 以上為行動版待辦/主管待簽核&主辦css */
.mobile_jwindow_title_close{
	width: 32px;
    height: 32px;
    font-size: 17pt;
    right: 5px;
    position: absolute;
    border-radius:7px;
	margin:0px;
	padding:0px;
	-webkit-appearance:none;
	background:-webkit-linear-gradient(top, #ffffff 0%, #efefef  100%);
	-webkit-user-region: no-drag;
}
.mobile_jwindow_title_close:active{
    top:4px;
	background:-webkit-linear-gradient(top, #efefef  0%, #ffffff 100%);

}
#settingIcon{
	font-size:16pt;
	text-decoration:none;
	color:#C9C9C9;
	margin-top:8px;
}
#settingIcon:hover{
	color:black;
}
.welcomeGhost {
	opacity: .5;
	background: #C8EBFB;
}
.usermaintain_td {
	cursor:pointer;
}
.multiRoleDetail_tr{
	font-weight:bold;
	font-size:20px;
}