@charset "big5";
/* CSS Document */
/*\STYLE*/
.MainBTN{font-size:15px; color:#6A6A6A; font-weight:bold; }
.Status_bar{font-size: 13px; color:#505B8B}
.Search_bar{font-size: 13px; background-color:#FFCCCC}
.noborder{border:none;}
.nobg{background:none;}
.logout{color:#993366;}
.sys_set_filter50 {filter=alpha(opacity=50);} 
.sys_status_on {color: #0033CC}  /*資料狀態啟用*/
.sys_status_off {color:#990000} /*資料狀態停用*/ 
.sys_rec_count {color: #FF0000}  /*資料筆數顯示*/

/*回主頁CSS*/
.returnBTN{color:#3399CC;}
a.returnBTN:link{color:#3399CC;text-decoration: none}
a.returnBTN:visited{color:#3399CC;text-decoration: none}
a.returnBTN:hover{color:#FF6666;text-decoration:underline}
a.returnBTN:active{color:#FF6666;text-decoration:underline}
.G{ background:#99CC99;}

/*font style*/
.W12{font-size: 12px;}
.W13{font-size: 13px;}
.W14{font-size: 14px;}
.W15{font-size: 15px;}
.W16{font-size: 16px;}
.W18{font-size: 18px;}
.W20{font-size: 20px;}
.W22{font-size: 22px;}
.W24{font-size: 24px;}
.TB20{font:"?"; font-size:24px}
.TB21{font:"?"; font-size:26px}
.WB{font-weight:bold}
.font_CH{ font-family:"標楷體"}

/*捲軸樣式*/

/*資料排序*/
.sort {font:13px Marlett;line-height:15px;cursor:pointer;}
.sort_no {font:13px Marlett;line-height:15px; color:#aaa;}

/*頁籤顯示樣式-------------------*/
.page_num {
	font-size: 12px;
	line-height: 20px;
	color: #5379D0;
	text-decoration: none;
	border: 1px solid #CCC;
	margin: 2px;
	padding-right: 3px;
	padding-left: 3px;	
}
.page_num-now {
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #5379D0;
	margin: 2px;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #5379D0;
}
/*------------------------------*/

/*popupDIV 樣式-----------------*/
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:999;
}
#popupWin{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	/*height:200px;
	width:200px;*/
	background:#FFFFFF;
	border:0px solid #cecece;
	z-index:9999;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	padding-top:4px;
	font-size:13px;
	font-family:inherit;
	font-weight:inherit;
	margin:2pt;
	vertical-align:baseline;
	border-radius:10px;	
}
#popupWin h1{
	text-align:left;
	background-color:#C0CFD6;
	color:#336699;
	font-size:12px;
	font-weight:300;
	border-bottom:1px dotted #D3D3D3;
	border-top:1px dotted #D3D3D3;
	margin-bottom:10px;
	margin-top: 3px;
	border-radius: 5px 5px 5px 5px;
	height:20px;
	width:100%;

}
#popupClose{
	font-size:12px;
	position:absolute;
	color:#FF0000;
	border:0pt none;
	cursor:pointer;
	right:6px;
	top:4px;
	z-index:99;
}

#popupLoadingDiv{
    font-size:16px;
	color:#FF6633;
	background-color:#FFFFFF;
	padding-left:6px;
	padding-top:2px;	
	font-weight:bold; 
    z-index:100000; 
    position:absolute;
	width:80px;
	height:30px;
	border:solid #6699CC 2px;	

}

/*------------------------------*/
/*popupDIV rwd樣式-----------------*/
#popupWin_rwd{
	display:none;
	position:fixed;
	background:#FFFFFF;
	border:0px solid #cecece;
	z-index:9999;
	font-size:13px;
	font-family:inherit;
	font-weight:inherit;
	vertical-align:baseline;
	border-radius:10px;	
	width:100%;
}
#popupWin_rwd h1{
	text-align:left;
	background-color:#C0CFD6;
	color:#336699;
	font-size:12px;
	font-weight:300;
	width:100%;
	padding:5px 20px;

}

#popupClose_rwd{
	font-size:12px;
	position:absolute;
	color:#FF0000;
	border:0pt none;
	cursor:pointer;
	right:20px;
	top:4px;
	z-index:99;
}

#popupLoadingDiv_rwd{
    font-size:16px;
	color:#FF6633;
	background-color:#FFFFFF;
	padding-left:6px;
	padding-top:2px;	
	font-weight:bold; 
    z-index:100000; 
    position:absolute;
	width:80px;
	height:30px;
	border:solid #6699CC 2px;	

}
/*------------------------------*/

/*編輯按鈕樣式------------------*/
/* addnew、mod、del、sure_new、sure_mod */
.addnew{border: 1px solid #CCCCCC; background-color:#FFFFFF; cursor:pointer;padding-top:2px; background-image:url(../images/button_addnew_bg.jpg);color:#000000; font-weight:bold;}
.mod{border: 1px solid #CCCCCC; background-color: #FFFFFF; cursor:pointer;padding-top:2px; background-image:url(../images/button_mod_bg.jpg);color:#000000; font-weight:bold;}
.del{border: 1px solid #CCCCCC; background-color: #FFFFFF; cursor:pointer;padding-top:2px; background-image:url(../images/button_del_bg.jpg);color:#000000; font-weight:bold;}
.sure_new{border: 1px solid #CCCCCC; background-color: #FFFFFF; cursor:pointer;padding-top:2px; background-image:url(../images/button_addnew_bg.jpg); color:#000000; font-weight:bold;}
.sure_mod{border: 1px solid #CCCCCC; background-color: #FFFFFF; cursor:pointer;padding-top:2px; background-image:url(../images/button_mod_bg.jpg);color:#000000; font-weight:bold;}
.search{border: 1px solid #FF6633; background-color: #FFFFFF; cursor:pointer;padding-top:2px; background-image:url(../images/button_search_bg.jpg);color:#000000; font-weight:bold;}
.reset{border: 1px solid #CCCCCC; background-color: #FFFFFF; cursor:pointer;padding-top:1px; background-image:url(../images/button_reset_bg.jpg);color:#000000; font-weight:bold;}
.query{border: 1px solid #CCCCCC; background-color: #FFFFFF; cursor:pointer;padding-top:1px; background-image:url(../images/button_qry_bg.jpg);color:#000000; font-weight:bold;}
.sure_prt{border: 1px solid #006699; background-color: #FFFFFF; cursor:pointer;padding-top:2px; margin-left:0px; background-image:url(../images/button_search_bg.jpg); height:25px;color:#000000; font-weight:bold;}

/*-------------------------------*/

/*input style*/
.input_text{background-color:#FFFFFF; border:#B1CAAE solid 1px;}
.required_Input{border:#B1CAAE solid 1px; background-image:url(../images/required_tag.gif); background-repeat:no-repeat; background-position:top right;}
.required_symbol{color:#FF0000;}

/*Tab style*/
.tab_m{ margin-left:-2px; margin-top:0px;}
.tab_on{ border-left:1px solid #999999;border-top:1px solid #999999;border-right:1px solid #999999;border-bottom:2px solid #6281BB; background-color:#6281BB; color:#FFFFFF; font-weight:bolder; border-radius:5px 5px 0px 0px;}
.tab_off{ border-bottom:2px solid #FFFFFF; border-left:2px solid #FFFFFF;border-right:2px solid #FFFFFF; background-color:#B5C4DF; color:#FFFFFF; cursor:pointer;border-radius:5px 5px 0px 0px;}
.tab_base{ height:3px; background-color:#6281BB;}

/*Validate*/
.ValidateNew{color:#FF3333; font-weight:bold; font-size:12px;}


/*report_css*/
.rpt_Title1{font-family: "標楷體";	font-size: 24px;}
.previewTitle{font-size: 16;color: #FFFFFF;}
.prnTable{ border:#FF6633 solid 1px;}

/*border style*/
.right_dotted{border-right:dotted 1px #999999;}
.right_while_solid{border-right:solid 1px #FFFFFF;}
.right_black_solid{border-right:solid 1px #000000;}
.bottom_dotted{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #999999;
}
.bottom_solid{
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-color: #999999;
}
.bottom_solid2{
	border-bottom-style:solid;
	border-bottom-width: 2px;
	border-color:#000000;
}
.bottom_solid3{
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-color: #999999;
}
.bottom_solid4{
    font-size:15px;
	
}
.top_dotted{
	border-top-style: dotted;
	border-top-width: 1px;
	border-color: #999999;
}
.around_dotted{
     border:dotted #999999 1px;
}
.arround_dotted2{ 
     border:#CCCCCC 1px dotted; 
}
.around_solid{
     border:solid #666666 1px;
}

#tip1 {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:120px;
	width:170px;
	padding:20px;
	color:#fff;	
}

.admin_header_history {         
	background-color:#B6B6B6;
	color:#FFFFFF;
	font-size:13px;		
}

/*for mobile*/
/* checkbox */
.ChkObj {
 -ms-transform: scale(1.5); /* IE */
 -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
 -o-transform: scale(1.5); /* Opera */
  padding: 1px;
}

/*次標題內容*/
.subContent {
	font-size: 12px;
	color: #999999;
}

/*all FBar element style*/
#FBar table, input, select, textarea {border-radius:5px; border:1px solid #CCCCCC;} 
#FBar tr {height:30px;} 
#show_data {border-radius:5px;} 


/*紅色警示標題DIV*/
.redTab{ background-color:#FF3300; color:#FFFFFF;border-radius:3px; display:inline-block; text-decoration:none; }

.MD_BlueBTN{background-color:#3399FF; color:#FFFFFF; border:2px #CCCCCC solid; border-radius:3px; cursor:pointer;}
.MD_BlueBTN:hover{background-color:#3366FF;  color:#FFFFFF; border:2px #CCCCCC solid; border-radius:3px; cursor:pointer;}

.MD_RedBTN{background-color:#FF6666; color:#FFFFFF; border:2px #CCCCCC solid; border-radius:3px; cursor:pointer;}
.MD_RedBTN:hover{background-color:#FF3300; color:#FFFFFF; border:2px #CCCCCC solid; border-radius:3px; cursor:pointer;}

.BD1{border:#CCCCCC 1px solid;}

.PD3{padding:3px;}
.PD5{padding:5px;}
.PD8{padding:8px;}
.PD10{padding:10px;}
.LPD5{ padding-left:5px;}
.RPD5{ padding-right:5px;}

.BDRD5{ border-radius:5px;}
.BDRD8{ border-radius:8px;}
.BDRD10{ border-radius:10px;}
.BDRD15{ border-radius:15px;}
.BDRD50{ border-radius:50px;}

.BXSD1{box-shadow: 1px 1px 1px #666666;}
.BXSD2{box-shadow: 2px 2px 2px #666666;}
.BXSD5{box-shadow: 5px 5px 5px #666666;}

.btnOrange{background-color:#FF6633; color:#FFFFFF;border:0px; cursor:pointer;}
.btnGreen{background:#4AB389; color:#FFFFFF; border:0px;cursor:pointer;}
.btnBlue{background:#6699FF; color:#FFFFFF; border:0px;cursor:pointer;}

/*block tag word*/
.BTW1{color:#FFFFFF; background-color:#FF6600; display:inline-block;border-radius:8px;padding:2px;}
.BTW2{color:#FFFFFF; background-color:#3399CC; display:inline-block;border-radius:8px;padding:2px;}
.BTW3{color:#FFFFFF; background-color:#D3D3D3; display:inline-block;border-radius:6px;padding:2px;}
.BTW4{color:#FFFFFF; background-color:#FFCCCC; display:inline-block;border-radius:6px;padding:2px;}
.BTW5{color:#FFFFFF; background-color:#8EAE44; display:inline-block;border-radius:6px;padding:2px;}
.IBW{display:inline-block;}
.FRW{float:right;}

/*font color*/
.whiteWord1 {color: #FFFFFF}
.GrayWord1 {color: #666666}
.GrayWord2 {color: #CCCCCC}
.GrayWord3 {color: #999999}
.blueWord1{color:#3366CC; }
.redWord1{color:#FF3333;}
.greenWord1{color:#336666;}
.greenWord2{color:#339966;}
.selchkbg{ background-color:#FFCC33;}


/*div 箭頭*/
.arrowU{
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 7.5px 5px;
border-color: transparent transparent #ffffff transparent;
}
.arrowD{
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 5px 0 5px;
border-color: #ffffff transparent transparent transparent;
}
.arrowL{
width: 0;
height: 0;
border-style: solid;
border-width: 5px 7.5px 5px 0;
border-color: transparent #ffffff transparent transparent;
}
.arrowR{
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 7.5px;
border-color: transparent transparent transparent #ffffff;
}

/*圖片轉動方向*/
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

/*show_less & more css*/
.article {
  display: block;
  overflow: hidden;
  position: relative;
  background-color:#FFFFFF;
}

.article:after {
  position: absolute;
  bottom: 0;  
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(255,255,255, 1) 20%, 
     rgba(255,255,255, 0) 80%
  );
  pointer-events: none; /* so the text is still selectable */
}

.article:hover:after {
  background: transparent;
}

.article:hover,article:active {
  height:auto;
}

.noselect{
        -webkit-user-select:none;
        -webkit-touch-callout:none;
             -moz-user-select:none;
             -ms-user-select:none;
             user-select:none;   
 } 
 /*20240426 for jQuery 1.12.4  ui -dialog*/
.md_dialog_title_blue{ background-color:#AFC6E0; }
.md_dialog_title_red{ background-color:#FACCC2;}