@charset "utf-8";
body {
	margin:0;
	padding:0;
	font-family:"Arial Unicode MS", "微軟正黑體", san-serif;
	font-size:1.15em;
	line-height:1.5em;
	letter-spacing:0.05em;
	color:#333;
    background:url(../images/bg.jpg) no-repeat top center #f5f5f5;
	background-size:100%;
    background-color: #f1f1f1;
}
h1,h2,h3,h4,p,a,ul,ol,li{
	margin:0;
	padding:0;	
}
a {
    text-decoration: none;
}
* {
    margin: 0;
    padding: 0;
}
.clear{
	clear:both;
}
.webContentWrap{
	width:90%;
	margin:auto;
	position:relative;	
}
header {
	position: relative;
    margin-bottom: 5em;
}
header .logo{
	width: 40%;
    display: block;
    margin: auto;
}
header .logo::after{
	content: ' ';
    width: 100%;
    padding: 0.2em 0;
    background: #f2a255;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
header .logo a{
    background: #fff;
    padding: .35em 1em .5em 1em;
	z-index:5;
	display: block;
    position: relative;
	border-radius: 0 0 .5em .5em;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
header .logo img{
	width:100%;
}
.nabred{
	color:#F00;
}
.allpage{
	position:absolute;
	top:0;
	right: 0;
}
/*path*/
.path{
	width:80%;
	margin:0 auto 1em auto;	
    background:rgba(255,255,255,.65);
}
.path, .path a{
	color:#000;
	font-size:.9em;
}
.path a:hover{
	color:#333;
	text-decoration:underline;
}
/*內容*/
.maninContent {
    background: #fff;
    border-radius: 1em;
    padding: .5em 0;
    width: 80%;
    margin: auto;
    min-height: 350px;
}
h2::after {
    content: ' ';
    display: block;
    width: 50px;
    height: 3px;
    background: #f29b19;
    margin: .25em auto;
}
.Deco {
    width: 95%;
    margin: auto;
    padding: 0 1em;
    box-sizing: border-box;
    background-size: contain;
    border-radius: .8em;
}
h2.pageTitle {
    padding-top: 0;
    margin: .5em 0;
}
h2 {
    color: #595959;
    text-align: center;
    font-size: 2em;
    margin: .5em 0 1em 0;
    padding-top: 3em;
}
.searchBox {
    margin: 1em 0;
    background: #f2f2f2;
    padding: 1em;
    border-radius: .5em;
    text-align: center;
}
.searchBox ul li {
    list-style: none;
    text-align: left;
    margin: .5em;
    display: inline-block;
    width: 47%;
    vertical-align: top;
}
.searchBox label {
    width: 23%;
    text-align: right;
    display: inline-block;
}
.searchBtn{
	padding:.25em .5em;
	background:#606060;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
	margin: .2em;
}
input.searchBtn{
	font-size: .9em;
	border: 0;
    padding: .4em .5em;
	margin: .2em;
	cursor: pointer;
    line-height: 1.5;
}
.searchBtn.orgBtn{
	background:#f98700;
}
.searchBtn:hover{
	background:#000;
	color:#fff;
}
.searchBox input[type="text" i] {
    padding: .5em;
	vertical-align:middle;
}
.searchBox ul li {
    /* list-style: none; */
    /* text-align: left; */
    /* margin: .5em; */
    /* display: inline-block; */
    /* width: 47%; */
    /* vertical-align: top; */
}
.searchBox input[type="text" i] {
    padding: .5em;
    vertical-align: middle;
    width: 100%;
}
.searchBox ul li.fullLine input[type="text" i],.searchBox ul li .docs-datepicker input[type="text" i] {
    width: 75%;
}
.searchBox input[type="text" i].form-control,{
	width:100%;
}
.searchBox label{
	width: 24%;
    text-align: right;
    display: inline-block;
}
.searchBox .fullLine label {
		min-width: 164px;
    width: 12%;
}
.searchBox .downLoadPanel label{
	width: unset;
}
.searchBox .downLoadPanel div{
	margin: 5px;
}
.VCodeKey{
	display: inline-block;
}
select {
    padding: .5em;
}
.searchBox ul li.fullLine {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.downLoadPanel{
	display: flex;
    justify-content: center;
    flex-direction: column;
}
.searchBox select ,.searchBox ul li.fullLine input[type="text" i]{
	width:75%;
}
.docs-datepicker {
	width:67%;
	display:inline-block;
}
/*--- rwdTable樣式 ---*/
.rwd-table a, .rwd-table a:hover{
	color:#000;	
}
.rwd-table a:hover{
	text-decoration:underline;
}
.rwd-table {
	background: #fff;
	overflow: hidden;
	}
.rwd-table tr:nth-of-type(2n){
	background: #eee;
	}
.rwd-table tr{
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
}
.rwd-table tr:hover {
	background:#fffacd;
	}
.rwd-table th, 
.rwd-table td {
	margin: 0.5em 1em;
	}
.rwd-table {
	width: 100%;
	margin:0 auto 1em auto;
	}
.rwd-table th {
	display: none;
	}
.rwd-table td {
	display: block;
	}
.rwd-table td:before {
	content: attr(data-th) " : ";
	font-weight: bold;
	width: auto;
	text-align:right;
	display: inline-block;
	}
.rwd-table th, .rwd-table td:before {	
	font-weight: bold;
	margin-right: .5em;
	color:#5b628c;
	background:none;
	}
	.txt_C {
    text-align: center;
}
@media (min-width: 768px) {
.rwd-table td:before {
	display: none;
	}
.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;
	}
.rwd-table th:first-child, 
.rwd-table td:first-child {
	padding-left: 0;
	}
.rwd-table th:last-child, 
.rwd-table td:last-child {
	padding-right: 0;
	}
.rwd-table th, 
.rwd-table td {
	padding: .5em !important;
	}
	
.rwd-table th {	
	color: #fff;
	background:#f29b19;
	}
}
@media (max-width: 768px) {
.rwd-table .txt_C, .rwd-table .txt_L{
	text-align:left;
    width: 90%;
}
}
/*----- 分頁樣式 -----*/
.page {
	position: relative;
	clear: both;
	margin: 1em 0 0 0;
	text-align: center;
}
.page a {
	color: #797979;
	transition: 0.3s;
	padding: 2px 10px 5px 10px;
	margin: 2px;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	text-decoration: none;
}
.page .current {
	background-color: #464646;
	color: #FFF;
}
.page a:hover, .page a:focus {
	color: #000;
	background-color: #ffecb2;
}
.page .page_ff:hover, .page .page_nn:hover {
	background-color: transparent;
}
.page .fa {
	font-size: 1.5em;
}

/*--- footer樣式 ---*/
footer{
	background:#ffad31;
	color:#fff;
	padding-bottom:1em;
    margin-top: 2em;
}
footer .copyright{
	background: #e78b00;
    padding: 1em 0;
	text-align:center;
	margin-bottom:1em;
}
footer .copyright p,
footer .copyright .footerLink,
.footerLink li{
    display: inline-block;
}
footer .copyright p{
	margin-right:10px;
	padding:0;
}
.footerLink li{
	list-style:none;
	margin:0 0 0 2px;
}
.footerLink li::after{
	content:'｜';
	display:inline-block;
    margin-left: 5px;
}
.footerLink li:last-child::after{
	display:none;
}
footer a{
	color:#fff;
}
.contentWrap {
    width: 80%;
    margin: auto;
}
/*針對searbox 欄位調整-舊語法無自適應*/
@media (min-width: 1000px) and (max-width: 1570px) {
	.searchBox ul li{
		display: flex;
	}
	.searchBox ul li.fullLine{
		display: flex;
	}
	.searchBox label{
		min-width: 164px;
	}
}
@media only screen and (max-width: 1000px){
.searchBox ul li {
    margin: .25em;
    width: 100%;
    vertical-align: top;
    flex-direction: column;
}
.searchBox ul li.fullLine{
	flex-direction: column;
}
.searchBox label {
    width: 100%;
    text-align: left;
    display: block;
}
.searchBox select {
    width: 100%;
}
.searchBox .fullLine label {
    width: 100%;
}
.docs-datepicker {
	width: 100%;
	display:block;
}
}
@media (max-width: 767px) {
header{
    margin-bottom: 1em;
}
header .logo {
    width: 78%;
    display: block;
    margin: auto;
}
.allpage{
	position: unset;
    margin-bottom: 10px;
}
}
@media (max-width: 415px) {
header {
    padding: 0 1em;
	margin-bottom: 2em;
}
header .logo {
	width: 91%;
    display: block;
    margin: 0 auto .3em auto;
}
header .logo a{
    padding: 0.35em .5em .5em .5em;
}
.headerRight {
    float:inherit;
	margin:0;
}
header nav{
	margin:.5em 0 0 .5em;
}
.searchBox {
	background: #fff;
}
.Deco {
    width: 100%;
    margin: auto;
    padding: 0;
}
.searchBox ul li.fullLine input[type="text" i]{
	width: 90%;
}
.tabs p{
	text-align: center;
}
}
/*--- 20231121 searchBox樣式 
.searchBox2{
	margin: 1em 0;
	background: #f2f2f2;
	padding: 1em;
	border-radius: 0.5em;
	text-align: center;
}
.searchBox2 ul,.searchBox2 li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.row{
	display: flex;
  flex-wrap: wrap;
}
.col-6 {
	flex: 0 0 auto;
	width: 50%;
}
.col-12{
	flex: 0 0 auto;
	width: 100%;
}
.searchBox2 ul.row > li{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.searchBox2 input[type="text" i] {
	padding: 0.5em;
	vertical-align: middle;
	width: 100%;
}
.searchBox2 ul.row li input[type="text" i], 
.searchBox2 ul.row li .docs-datepicker input[type="text" i]{
	width: 100%;
}
.searchBox2 ul.row li.col-12 input[type="text" i], 
.searchBox2 ul.row li.col-12 .docs-datepicker input[type="text" i]{
	width: 75%;
}
.row label{
	text-align: right;
}---*/