@charset "utf-8";

 
h2.title{
	padding: 10px 20px;
	margin: 0px;
	color: #333;
	font-size: 2em;
	font-weight: 500; background-color: rgba(255,255,255,0.5);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}

 
.title-header{
	font-family: Arial, "微軟正黑體", "新細明體";
	font-size: 1.8em;
	margin: 0px;
	padding:10px;
	color: #333;
	letter-spacing: 5px;
}
.sitemap{
	background-color: rgba(255,255,255,0.3);
	font-size: 0.5em;
	color: #333;
	padding: 10px;
	padding-bottom:5px; 
}

.sitemap a , .sitemap a:visited{
	color: #666;
	text-decoration: none;
}
.sitemap a:hover{
	color: #F60;
}

  

/*按鈕樣式*/
.mainbtn , a.mainbtn{
	border-radius: 15px;
	font-size: 0.8em;
	color: #333;
	line-height: 20px;
	margin: 5px;
	padding: 5px 15px;
	box-sizing: border-box;
	border-style: none;
	transition: all 0.5s;
	font-family: Arial, "微軟正黑體", "新細明體";
	display: inline-block;box-sizing: border-box;
}
.mainbtn:hover{color: #333;}
.bg_green{background-color: #3CC;}
.bg_green:hover{background-color: #2eb7b7;}
.bg_orange{background-color: #F90;}
.bg_orange:hover{background-color: #eb8d01;}
.bg_blue{background-color: #0CF;}
.bg_blue:hover{background-color: #03bae8;}
.bg_yellow{background-color: #fbe600;}
.bg_yellow:hover{background-color: #e0ce01;}
.bg_black , a.bg_black{background-color: #333;color: #FFF;}
.bg_black:hover{background-color: #2e374b;color: #FF0;}
.bg_gray{background-color: #CCC;}
.bg_gray:hover{background-color: #b7b6b6;}
.bg_red , a.bg_red{background-color: #ff7373;}
.bg_red:hover , a.bg_red:hover{background-color: #d84f4f;color: #FFF;}
.bg_lightblue{background-color: #95d9f0;}
.bg_lightblue:hover{background-color: #89c8dd;} 
.bg_deepblue{background-color: #174387;color: #fff;}
.bg_deepblue:hover{background-color: #05223A;color: #fff;} 
.bg_white{background-color: #fff;}

a.btn_goback{background-color: #CCC;font-size: 0.6em;float: right;}
a.btn_goback:hover{background-color: #b7b6b6;}

.mainbtn_input{
	margin: 5px;
	display: inline-block;
	border-radius: 15px;
	position: relative;
	line-height: 20px;
}
.mainbtn_input i{
	position: absolute;
	left: 5px;
	top: 5px;
	color: #333;
}
.mainbtn_input input[type='submit'] , .mainbtn_input input[type='image']{
	cursor:pointer;
	box-sizing: border-box;
	padding: 5px 15px 5px 30px;
	border-radius: 15px;
	font-size: 0.8em;
	line-height: 20px;
	background-color: transparent;
	border-style: none;
	color: #FFF;
	transition: all 0.5s;
	font-family: Arial, "微軟正黑體", "新細明體";
}

.mainbtn_input_onlyI{
	position:relative;
	border-radius: 15px;
	color: #333;
	margin: 3px;
	padding: 0px;
	box-sizing: border-box;
	border-style: none;
	transition: all 0.5s;
	height: 30px;
	width: 30px;
	text-align: center;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;}
.mainbtn_input_onlyI i{
	position: absolute;
	top:5px;
	left:5px;
	font-size: 0.9em;height: 15px;width: 15px; color:#4a676b;line-height: 20px;
	}
.mainbtn_input_onlyI  input[type='submit'] , .mainbtn_input_onlyI input[type='image']{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 30px;
	width: 30px;
	background-color: transparent;
	border-style: none;
	margin: 0px;
	padding: 0px;
	}
	
.mainbtn_onlyI , a.mainbtn_onlyI{
	border-radius: 15px;
	color: #333;
	margin: 3px;
	padding: 5px;
	box-sizing: border-box;
	border-style: none;
	transition: all 0.5s;
	height: 30px;
	width: 30px;
	text-align: center;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}
.mainbtn_onlyI i , a.mainbtn_onlyI i{font-size: 0.9em;height: 15px;width: 15px; color:#4a676b;}
.mainbtn_nostyle , a.mainbtn_nostyle{
	background-color: transparent;
	border-style: none;
}
/*按鈕樣式 END*/

.bodycontent{
	box-sizing: border-box;
	padding: 5px;
	margin: 5px;
	background-color:#fff;
	}


.searchBOX{ 
	padding: 10px;  
	background-color: #f7f14d; 
}
.searchBOX ul{width: 100%;}  
.searchBOX ul li {display: inline-block;}
.searchBOX ul li span{ 
	margin: 5px; 
	font-weight: 600;
	color: #2c4163;
}
.search_btnArea{text-align: center;border-top: solid 1px #79d3cf;margin-top: 5px;}
.searchBOX  input[type="text"]{
	box-sizing: border-box;
	border-radius: 5px;
	margin: 5px;
	border-style: none;
	height: 30px; 
}
.searchBOX select{ border-style:none;height: 30px; }



.inputsearch{ display: inline-block; border-radius: 5px;border:solid 1px #ccc;background-color: #fff;}  
.inputsearch input[ type="text"]{border-style: none;background-color: transparent;padding: 0px 10px;height: 34px; margint: 0px;width: calc(100% - 70px);
}
.inputsearch .but_seach{background-color: #ccc; color: #fff;border-style: none;padding: 8px 10px;border-top-right-radius: 3px;border-bottom-right-radius: 3px; transition: all 0.5s; cursor: pointer;width: 60px;float: right;}
.inputsearch .but_seach:hover{background-color: #333; }


.main_Table{
	box-sizing: border-box;
	background: rgba(255,255,255,0.7);
	padding: 5px;
	width:100%; 
}

.main_Table th {
	padding: 5px 0px;
	color: #f45203;
	font-weight: bold;
	font-size: 1em;
	text-align: center;line-height: 18px;
	border-bottom: 1px solid #FF5D5C;
	background-color: rgba(255,255,255,0.5);
}
.main_Table th small{font-size: 0.5em;display: block;}
.main_Table td{
	text-align: center;
   padding: 5px;
}  
.main_Table .inLeft {
	text-align: left;
	padding-left: 8px;
}
.main_Table .goCenter {
    margin:0 auto;
}
.main_Table tr:nth-child(even)  {background-color: #efefef;}
.main_Table tr:nth-child(odd) {background-color: #fff;}
 
.main_Table th.td-head{background-color: #FF5D5C;color: #fff;}
.main_Table tr:nth-child(even) td.td-head  {background-color: #666;color: #fff;}
.main_Table tr:nth-child(odd) td.td-head {background-color: #ccc;}
 

.main_Table_RWD_list{
	box-sizing: border-box;
	background: rgba(255,255,255,0.7);
	padding: 5px;
	width:100%; 
}

.main_Table_RWD_list th {
	padding: 5px 0px;
	color: #f45203;
	font-weight: bold;
	font-size: 1em;
	text-align: center;line-height: 18px;
	border-bottom: 1px solid #FF5D5C;
	background-color: rgba(255,255,255,0.5);
}
.main_Table_RWD_list th small{font-size: 0.5em;display: block;}
.main_Table_RWD_list td{
	text-align: center;
   padding: 5px;
}  
.main_Table_RWD_list .inLeft {
	text-align: left;
	padding-left: 8px;
}
 
.main_Table_RWD_list tr:nth-child(even)  {background-color: #efefef;}
.main_Table_RWD_list tr:nth-child(odd) {background-color:#fff;}
 
 


.Table_List {
	box-sizing: border-box;
	background: rgba(255,255,255,1);
	padding: 5px; border-spacing: 2px;border-collapse: separate;
	width:100%;max-width: 1024px;
}
.Table_List  caption:before{
	content: "";
	width: 5px;
	height: 40px;
	background-color:#fbe600;
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;	
	margin-right: 10px;
	margin-left:5px;
}
.Table_List  caption{
	color: #f7a903;
	background-color: #FFF;
	text-align: left;
	font-size: 1.1em;
	line-height:30px;
	font-weight: 500;
}

.Table_List th{
	padding: 5px;
	text-align: right;
	padding-right: 8px;
	border-right: 1px solid #ccc;
	color: #333;
	font-weight: 600;
}
.Table_List td{
	padding:5px; text-align:left;
}
.Table_ListBTN{
	background-color: #FFF;
	text-align: center;
	padding: 5px;
}



ul.input_List_many {
	box-sizing: border-box;
	background: rgba(255,255,255,1);
	padding: 5px; 
	width:100%;
}
ul.input_List_many li{display: inline-block; width:50%;position: relative;padding-left: 85px;float: left;}
ul.input_List_many li span{position: absolute;width: 80px;top:5px;left: 5px;text-align: right;padding-right: 5px;font-weight: 600;}
 

/*頁數樣式*/
.pagesTitle{background-color: #efefef;line-height: 35px;}
.pages{ 
	display: inline-block;
	box-sizing: border-box;margin: 5px;
}
 
.pages  a , .pages  a.current , .pages  span , .pages  span.current{
	font-size: 0.8em;
    box-sizing: border-box;
	border: solid 1px #efefef;
	display: inline-block;
	margin: 0px;
	color: #333;
	padding: 5px 12px;
	margin-left: -1px;
}
.pages  a:hover , .pages  span:hover{
	background-color: #fff;
}
.pages  a.current , .pages  a.current:hover , .pages  span.current , .pages  span.current:hover{
	background-color: #e1e1e1;
	border: solid 1px #e1e1e1;
	color: #333;
}
/*頁數樣式  END*/

/*頁數樣式  gridView 用*/ 
tr.gridView_pages{ background-color: transparent;}
tr.gridView_pages td{background-color: transparent;}
tr.gridView_pages table{}
tr.gridView_pages table td{} 
tr.gridView_pages table td a , .gridView_pages table td a:visited , tr.gridView_pages table td span{
	font-size: 0.8em;
    box-sizing: border-box;
	border: solid 1px #efefef;
	display: inline-block;
	margin: 0px;
	color: #333;
	padding: 5px 12px;
	margin-left: -1px;
}
tr.gridView_pages table td a:hover{background-color: #ccc;color: #fff;} 
tr.gridView_pages table td span{background-color: #e1e1e1;
	border: solid 1px #e1e1e1;
	color: #333;}
/*頁數樣式  gridView 用  END*/



.group_selectBOX{ box-sizing: border-box;width: 48%;display: inline-block; float: left;padding: 3px;margin: 1%; background-color: #efefef; }  
.table-group{overflow: auto;height: 500px;}
.group_selectBOX h4{ font-size: 1em;text-align: center;padding: 10px;}
.group_selectBOX h4 span{ color: #F99E07;}
.group_selectBOX table .but_plus , .group_selectBOX table .but_canel{border-style:none;background-color: transparent;cursor: pointer;transition: all 0.5s;}
.group_selectBOX table .but_plus{color: #13C000;}
.group_selectBOX table .but_plus:hover{background-color:#13C000;color: #fff; }
.group_selectBOX table .but_canel{color:#F34767;}
.group_selectBOX table .but_canel:hover{background-color:#F34767;color: #fff; }


	  /* 請用停用 開關*/
.radio_onoff{
	box-sizing: border-box;
	 display: inline-block;
	margin: 3px 5px;
	font-size: 0.9em;
	vertical-align: top; 
}
.radio_onoff .item li input[type="radio"]{
	display: none;
}
.radio_onoff .item{
	margin: 0px;
	padding: 0px;
	list-style: none;
} 
.radio_onoff .item li{
	padding: 3px 10px;
	box-sizing: border-box;
	margin: 0px;
	float: left;
	background: #CCC;
	text-align: center;
	color: #666;
}
 .radio_onoff .item li label{margin: 0px;}
.radio_onoff .item .pre{
	border-bottom-left-radius:20px;
	border-top-left-radius:20px;
}
.radio_onoff .item .last{
	border-bottom-right-radius:20px;
	border-top-right-radius:20px;
}
.radio_onoff .item li label{cursor: pointer;}
.radio_onoff .item .selected{color: #fff;}
.radio_onoff .item li.selected{background: #333;}
.radio_onoff .item .pre.selected{background: #02d195;}
.radio_onoff .item .last.selected{background: #ee5c51;}


ul.itemList{}
ul.itemList li{display:inline-block;padding:3px 8px;margin: 3px; border:solid 1px #efefef;} 
ul.itemList li label{margin: 0px;}



/*check box 樣式*/
.checkbox_style{}
.checkbox_style span{padding: 0px 10px 0px 20px;; background-color: #efefef;display: inline-block;text-align: center;border-radius: 15px;vertical-align: middle;position: relative;}
.checkbox_style span i{display: none;position: absolute;left: 2px;top:3px;color: #014b9d;font-size: 1em;}
.checkbox_style input{display: none;}
.checkbox_style input:checked + span{background-color: aqua;}
.checkbox_style input:checked + span i{display: inline-block;}



/*新視窗樣式*/
.winstyleBG{background-color: #fff;}
.winstyleBG  h3.title{position: fixed;border-bottom: solid 1px #efefef;height: 50px;line-height: 50px;padding-left: 20px;width: 100%;background-color: #fff;z-index: 10;}
.winstyleBG .content{padding: 60px 10px; overflow-y: auto;height: 100%;}
.winstyleBG .footer{z-index: 10;position: fixed;border-top: solid 1px #efefef;height: 60px;line-height: 60px;padding-left: 20px;width: 100%;bottom: 0px;text-align: right;padding-right: 20px;background-color: #fff;}

.alert_footer{text-align: center;border-top: solid 1px #efefef;padding: 10px 0px;}