@charset "utf-8";
 
h2.title{padding: 5px 10px;}
h3 > .mainbtn{font-size: 0.6em;vertical-align: middle;margin-left: 20px;margin-top: 0px;}
h3.resultTitle{font-weight: 600;color: #174387;display: inline-block;border-bottom: dotted 1px #174387;margin-bottom: 10px;}
h3 > .txt{margin-left: 10px;}
/*按鈕樣式*/
.mainbtn , a.mainbtn{
	border-radius: 25px;
	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; border: solid 2px rgba(255,255,255,0.3);
}
.mainbtn.h3small{font-size: 0.5em;margin: 0px;vertical-align: top;margin-left: 35px;}
.mainbtn:hover{color: #333;}
.mainbtn:focus{outline: none;border: solid 2px #333;}
.bg_green{background-color: #3CC;}
.bg_green:hover{background-color: #2eb7b7;color: #fff;}
.bg_orange{background-color: #F90;}
.bg_orange:hover{background-color: #eb8d01;color: #fff;}
.bg_blue , a.bg_blue{background-color: #3970b8;color: #fff;}
.bg_blue:hover , a.bg_blue:hover{background-color: #2dbbfe;color: #fff;}
.bg_yellow{background-color: #fbe600;}
.bg_yellow:hover{background-color: #e0ce01;}
.bg_black , a.bg_black{background-color: #333;color: #FFF;}
.bg_black:hover , .bg_black:focus{background-color: #666;color: #FF0;border: solid 2px #000;}
.bg_gray{background-color: #CCC;}
.bg_gray:hover{background-color: #333;color: #fff;}
.bg_red , a.bg_red{background-color: #ff7373;}
.bg_red:hover , a.bg_red:hover{background-color: #d84f4f;color: #FFF;}
.bg_lightblue{background-color: #00dee7;}
.bg_lightblue:hover{background-color: #23b1ff;color: #FFF;} 
.bg_deepblue{background-color: #174387;color: #fff;}
.bg_deepblue:hover{background-color: #05223A;color: #fff;} 
.bg_white{background-color: #fff;}
.bg_shadow{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);}
.bg_shadow:hover{box-shadow: 0px 0px 8px 0px rgba(64,248,0,0.5);}
a.btn_goback{background-color: #CCC;font-size: 0.5em;vertical-align: top;float: right;}
a.btn_goback:hover{background-color: #b7b6b6;}

.mainbtn.bigsize{font-size: 1.3em;padding: 15px 40px;border-radius: 50px;font-weight: 600;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);}
.mainbtn input{border-style: none;background-color: transparent;margin: 0px;padding: 0px;}

 
.mainbtn.onlyI , a.mainbtn.onlyI{
	height: 30px;
	width: 30px;
	padding: 5px;
	text-align: center;
	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;
}
table td .mainbtn{margin:1px;}

 
/*按鈕樣式 END*/

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

.main_Table th {
	padding: 10px 0px;
	color: #f45203;
	font-weight: bold;
	font-size: 1em;
	text-align: center;line-height: 18px;
	border-bottom: 2px solid #008fe7;
	background-color: rgba(255,255,255,0.5);
	min-width: 60px;
}
.main_Table td small{font-size: 0.5em;display: block;}
.main_Table td{
	text-align: center;
   padding: 10px;
	word-break: break-all;
}  
.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;}

 





/*頁數樣式*/
.pagesBOX{padding: 5px;text-align: center;padding-top: 10px;margin-top: 10px;border-top: dashed 1px #ccc;}
.pagesTitle{line-height: 35px;margin-right: 10px;}
.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: #efefef;
	color: #57BDAC;
}
.pages  a.current , .pages  a.current:hover , .pages  span.current , .pages  span.current:hover{
	border: solid 1px #57BDAC;
	color: #333;
	background-color: #57BDAC;
}
/*頁數樣式  END*/

 


	  /* 請用停用 開關*/
.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;}



 



/* checkbox滑動切換鈕==============================Start */
.move_switch_div{
	position: relative;
	width: 60px;
	height: 30px;
	display: inline-block; vertical-align: middle;margin-left: 32px;
}
.move_switch input {display:none;}

/* The slider */ 
.move_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 18px;  border: solid 2px rgba(0,0,0,0.3);
}

.switch_slider{background-color: #FF4F38;}
.switch_slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  border-radius: 13px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}


.switch_slider:after{
	content: "否";
	line-height: 26px;
	font-weight: 600;
	text-align: right;
	display: block;
	color: #fff;
	font-size: 0.8em;
	padding-right: 10px;
	font-family: Arial, "微軟正黑體", "新細明體";
}
input:checked + .switch_slider {
  background-color: #37F600;
}

input:focus + .switch_slider {
  box-shadow: 0 0 1px #37F600;
}

input:checked + .switch_slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

input:checked + .switch_slider:after{ 
text-align: left;
padding-left: 10px;
	color: #333;
	font-weight: 600;
content:"是";}


 
 







/*網站導覽*/

	.sitemapArea{
	color: #333;
	background-color: #fff;
		border-radius: 8px;
	padding: 20px 50px;
		background-image: url(images/sitemap_img.png);
		background-repeat: no-repeat;background-position: right bottom;
		
} 
ul.sitemapmenuList{
	margin-bottom: 50px;
	background-color: #fff;
		border-radius: 8px;
}
ul.sitemapmenuList li{
	box-sizing: border-box;
	padding: 10px;
	 margin: 5px 0px;
}
ul.sitemapmenuList h3{ 
  border-bottom: dashed 1px #4d90fe;
	padding: 5px;
	margin: 5px;
	color: #333;
	font-size: 1.2em;
}
ul.sitemapmenuList h3 a{display: inline-block; border-style: none;}
ul.sitemapmenuList h3 a:hover , ul.sitemapmenuList h4 a:focus{color: #4d90fe;border-style: none;}
ul.sitemapmenuList a{
	display: block;
	padding: 5px;
	color: #333;
	border-bottom: 1px dashed #ccc;
} 
ul.sitemapmenuList a span {
	margin-left:40px;
	color: #FFF;
	background-color:#0130b7 ;
	display: inline-block;
	padding: 5px;
	margin-right: 20px;
}
ul.sitemapmenuList a:hover , ul.sitemapmenuList a:focus{
	color: #4d90fe;
	border-bottom: 1px dashed #4d90fe;
}


 /*本網站*/
.tipbox{background-color: #FCF04F;padding: 10px;margin:10px;border-radius: 5px;}

ul.row{margin-left: 0px;margin-right: 0px;}
.mouthbox{background-color: #e5e5e5;border-radius: 5px;border:solid 1px #ced4da;margin: 10px;} 
.mouthbox::after{display: block;content: "";clear: both;}
.mouthbox span{ display: inline-block;float: left;text-align: center;padding: 5px;}
.mouthbox span.tt{width: 50px;}
.mouthbox span.num{width: calc(100% - 50px);background-color: #fff;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
.mouthbox span.num input[type="text"] , .mouthbox span.num input[type="number"]{width: 100%;margin: 0px;height:1em;border-style: none;}

.btnArea{text-align: center;padding:20px 10px;border-top: solid 1px #ccc;background-color: #efefef;}
.btnArea .mainbtn{padding: 12px 25px;font-size: 1.1em;margin: 5px 15px;}

.functionBOX{background-color: #efefef;padding: 20px;text-align: center;}
.functionBOX .mainbtn{padding: 8px 20px}

 /*表格*/
	.tableBOX{box-sizing: border-box;
	background: rgba(255,255,255,0.7);border:solid 1px #efefef;
	padding: 5px; margin: 0px 5px;
	width: 100%;position: relative;} 
	.tableList{display: block; border-bottom: solid 1px #ccc;position: relative;}
	.tableList.mouthTitle{border-bottom: solid 1px #008fe7;font-weight: 600;color: #1e3f8b;}
    .tableList.mouthTitle h3{color: #1e3f8b;}
	.tableList::after{content: "";display: block;clear: both;}
	.tableList h3{font-size: 1em;color: #333;display: inline-block;float: left;margin: 0px;padding: 5px 0px;text-align: center; box-sizing: border-box;width: 180px;border-right: solid 1px #ccc;font-weight: 600;} 
	.tableList h3 small{margin-left: 3px;vertical-align: middle;}
	.tableList ul{float: left;margin-left: 0px;margin-right: 0px;width:calc(100% - 180px);}
	.tableList ul li{position: relative;text-align: center;padding: 5px 0px;font-size: 0.8em;}
	.tableList ul li:nth-child(even){background-color: #efefef;}
	.tableList:last-child{border-style: none;}

 
.itembox{background-color: #006ada;border-radius: 5px;border:solid 1px #006ada;margin:10px;position: relative;} 
.itembox::after{display: block;content: "";clear: both;}
.itembox span{ display: inline-block;float: left;text-align: center;padding: 5px;}
.itembox span.tt{width: 120px;color: #fff;}
.itembox span.num{width: calc(100% - 120px);background-color: #fff;border-bottom-right-radius: 5px;border-top-right-radius: 5px;text-align: left;}
.itembox span.num small{color: #666;margin-left: 5px;}

ul.mathBox{font-size: 1em;}
ul.mathBox li{display: inline-block;padding: 10px 5px;font-size: 1.2em;text-align: center;vertical-align: middle;}
ul.mathBox li span{display: block;border-bottom: solid 1px #333;}
ul.mathBox li:first-child{font-weight: 600;}