@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 1.25em;
	font-family:"Arial Unicode MS", "微軟正黑體", san-serif;
	letter-spacing:1px;
	line-height:1.5;
	background:#f0f0f0;
}
a#gotocenter {
	background: #f7991f;
	z-index: -999;
	color: #fff;
	position: absolute;
	padding: 1em;
	top: 0
}
a#gotocenter:focus {
    z-index: 999;
}
p.update{
	color:#f44336;
}
.accesskey{
	color:#666;
}
.contentWrap{
	width:80%;
	margin:auto;
}
.maninContent{
	padding-top: 1em;
}
.maninContent.bg{
	background: url(../images/bg.png) no-repeat;
    background-size: 100%;
}
.maninContent.bg1{
	background: url(../images/bg1.png) no-repeat;
    background-size: contain;
}
.maninContent.bg2{
	background: url(../images/bg2.png) no-repeat;
    background-size: contain;
}
.maninContent.bg3{
	background: url(../images/bg3.png) no-repeat;
    background-size: contain;
}
.maninContent.bg4{
	background: url(../images/bg4.png) no-repeat;
    background-size: contain;
}
.maninContent.bg5{
	background: url(../images/bg5.png) no-repeat;
    background-size: contain;
}
.maninContent .contentWrap{
	background:#fff;
	border-radius:1em;
    padding: .5em 0;
}
a{
	text-decoration:none;
}
a:hover, a:focus{
	color:#FF0;
}
.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;
}
.searchBox {
	margin: 1em 0;
    background: #f2f2f2;
    padding: 1em;
    border-radius: .5em;
    text-align: center;
}
.txt_C{
	text-align:center;	
}
.txt_L{
	text-align:left;
	width:60%;
}
.redTxt{
	color:#F00;	
}
h2{
	color: #595959;
    text-align: center;
    font-size: 2em;
    margin: .5em 0 1em 0;
	padding-top: 3em;
}
h2::after{
	content:' ' ;
	display:block;
	width:50px;
	height:3px;
	background:#f29b19;
	margin:.25em auto;
}
h2.pageTitle{
	padding-top: 0;
    margin: .5em 0;
}
.Deco{
    width: 95%;
    margin: auto;
    padding: 0 1em;
    box-sizing: border-box;
    background-size: contain;
    border-radius: .8em;
}
.searchBtn{
	padding:.25em .5em;
	background:#606060;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
    border: none;
    font-size: .95em;
	cursor:pointer;
}
.searchBtn.orgBtn{
	background:#f98700;
	cursor:pointer;
}
.searchBtn:hover{
	background:#000;
	color:#fff;
}
.searchBox input[type="text"] {
    padding: .5em;
	vertical-align:middle;
}
select {
    padding: .5em;
}
.searchTopTxt,.searchBotTxt {
    padding: 1em;
    background: #ececec;
    font-size: .9em;
    color: #5a5a5a;
}
.searchBotTxt {
    background: #ffe4bd;
    margin: 1em 0;
}
.searchTopTxt a,.searchBotTxt a {
	color:#735aad;
}
.searchTopTxt a:hover, .searchBotTxt a:hover {
	text-decoration:underline;
}
.searchBox ul li {
    list-style: none;
    text-align: left;
    margin: .5em;
    display: inline-block;
    width: 47%;
    vertical-align: top;
}
.searchBox input[type="text"] {
    padding: .5em;
    vertical-align: middle;
    width: 70%;
	box-sizing: border-box;
}
.searchBox input[type="text"].form-control{
	width:100%;
}
.searchBox select{
	width:70%;
}
.searchBox label{
	width: 25%;
    text-align: right;
    display: inline-block;
}
.searchBox .fullLine label {
    width: 10%;
}
.searchBox .searchNote{
	font-size:.8em;
	color:rgba(109,153,197,1);
	margin-left:10%;
}
select {
    padding: .5em;
}
.searchBox ul li.fullLine {
    width: 100%;
}
.light-red, .light-green, .light-yellow{
	border: 2px solid #858585;
    border-radius: 50%;
    background: #fcfcfc;
    box-shadow: 0 -3px #c4bfbf;
}
.innerBlock .light-red, .innerBlock .light-green, .innerBlock .light-yellow {
	margin-right:.5em;
    font-size: 1.5em;
}
.light-red{
	color:#F00;	
}
.light-green{
	color:#3C3;	
}

.light-yellow{
	color:#FC0;	
}
.searchTopTxt,.searchBotTxt {
    padding: 1em;
    background: #ececec;
    font-size: .9em;
    color: #5a5a5a;
}
.searchBotTxt {
    background: #ffe4bd;
    margin: 1em 0;
}
.searchTopTxt a,.searchBotTxt a {
	color:#735aad;
}
.searchTopTxt a:hover, .searchBotTxt a:hover {
	text-decoration:underline;
}
.innerTitleBlock .innerDate {
    display: inline-block;
    color: #83c4c2;
    font-size: .9em;
    margin-left: .5em;
    font-weight: normal;
}
/*.RL-th {
	width: 100%;
    background: #ffffff;
    color: #e78b00;
    border-bottom: 2px solid #e78b00;
    font-weight: bold;
    box-sizing: border-box;
    margin-top: 1em;
}
.RL-td {
    background: #efefef;
    width: 100%;
	margin-bottom:1em;
}
*/
.downloadList{
	padding: 1em 0;
}
.RL-td .downloadList li{
	border:none;
	margin-left: 2em;
}
.RL-td .downloadList a{
	display:block;
	list-style:circle;
	text-decoration:underline;
	color:#369;
}
.RL-td .downloadList a:hover{
	color:#000;
}
@media only screen and (max-width: 1000px){
.searchBox ul li {
    margin: .25em;
    width: 100%;
    vertical-align: top;
}
.searchBox label {
    width: 100%;
    text-align: left;
    display: block;
    font-size:0.8em;
}
.searchBox select {
    width: 100%;
    font-size:0.5em;
}
.searchBox .fullLine label {
    width: 100%;
}
}
.innerBlock h3, .innerBlock .innerTitle {
	color:#F60;	
	display: inline-block;
	font-size: 1.5em;
}
.innerDate{
	display: inline-block;
	color: #8f8a88;
}
.searchType{
	background: #fc8333;
    color: #fff;
    display: inline-table;
    padding: 0 1em;
    margin-bottom: .5em;
    border-radius: 5px;
}
.resultList{
	list-style:none;
	margin:1em 0 1.5em 0;
}
.tabs section article{
    padding: 1em;
	color:#505050;
}
.tabs section article h4{
	margin-bottom: .5em;
    font-size: 1.15em;
    color: #6d49bb;
    display: block;
	padding:0;
}
.tabs section article h4::before{
	content: ' ';
    width: 5px;
    height: 1.25em;
    background: #6d49bb;
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-top;;
}
.resultList li{
	border-bottom:1px solid #fff;
	display: flex;
}
.resultList li img{
	border: 3px solid #efefef;
    width: 50%;
    margin: 1em 0;
    height: 50%;
}
.resultList .RL-th,.resultList .RL-td{
	padding:.5em;
	vertical-align:top;
}
.resultList .RL-th{
	width:20%;
	background:#7bacb8;
	text-align:right;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
}
.resultList .RL-td{
    background: #e7e7e7;
    width: 100%;
    word-break:normal;
}
.RL-td .downloadList li{
	border:none;
}
.RL-td .downloadList a{
	display:block;
	list-style:circle;
	text-decoration:underline;
	color:#369;
}
.RL-td .downloadList a:hover{
	color:#000;
}
.innerBlock{
    margin-top: 1em;
}
.shortStyle{
	width:20%;	
}
.shortStyleAuto{
	width:auto;	
}
.searchField{
	margin:0 1em 1em 1em;
	background:#fff;
	border:2px solid #ccc;
	text-align:left;
	padding:1em;
}
.searchBox .fullLine .searchField label {
    width: auto;
	line-height:2;
	margin-right:2em;
    display: inline-block;
}
.searchField p{
    border-bottom: 1px dotted #d2d2d2;
    margin-bottom: .5em;
    color: #5572b4;
    padding-bottom: .5em;
}
@media only screen and (max-width: 1000px){
.searchBox .fullLine .searchField label {
    line-height: 1;
    margin-right: 0;
}
.searchField p{
    border-bottom: 1px dotted #d2d2d2;
    margin-bottom: .5em;
    color: #5572b4;
    padding-bottom: .5em;
    font-size:0.5em;
}
}

@media (max-width: 480px) {
h2 {
    margin: 0em 0 .5em 0;
    padding-top: 1.75em;
    font-size:0.8em;
}
h2.pageTitle{
	padding-top: 0;
    margin: .5em 0;
    font-size: 1em;
}
.Deco{
    background-size: 150%;
	padding:0 0.2em;
}
.searchBox {
    margin: 1em 0;
}
.searchBox input[type="text"] {
    width:90%;
	margin:.5em 0;
}
.resultList li {
    display: block;
}
.resultList .RL-th {
    width: 100%;
    text-align: left;
    display: block;
    font-size: 0.5em;
}
.resultList .RL-td {
    width: 100%;
    text-align: left;
    display: block;
    font-size: 0.5em;
}
.searchBtn{
	padding:.25em .5em;
	background:#606060;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
    font-size: 0.5em;
}
.tabs .content {
    font-size:0.8em;
}
footer .copyright {
    background: #e78b00;
    padding: 1em 0;
    text-align: center;
    margin-bottom: 1em;
    font-size: 0.5em;
}
footer .contentWrap {
    width: 80%;
    margin:auto;
    font-size: 0.5ex;
}
.blockList li a span {
        font-size:1em;
    }
.path, .path a {
    font-size: .5em;
}
    .innerBlock h3,.innerBlock .innerTitle {
        font-size:1em;
    }
    .innerTitleBlock .innerDate {
        font-size:0.5em;
    }
    .htmlBlock ul li {
        font-size:0.5em;
    }
	.blockList li {
		width:96% !important;
	}
}
/*--- header樣式 ---*/
header {
	text-align: center;
    background:url(../../images/bg/innerTopBg.jpg) no-repeat center top #fff;
    background-size:100%;
    border-top: 3px solid #ffad31;
    padding: 1em 0 .5em 0;
	position:relative;
    box-shadow: 0 3px 10px #ccc;
}
header nav {
	position: absolute;
    /*top: 6px;*/
    top: 1px;
    right: 10%;
}
header nav a, nav .indexNav a{
	color: #fff;
    background: #f18e1e;
    /*padding: .5em 1em;*/
    padding: .1em .2em;
}
nav .indexNav a#top {
    background: unset;
}
.logo{
	width:60%;
	margin:1em auto 0 auto;
}
.logo img{
	width:100%;
}
.indexNav{
	text-align:right;
	width:90%;
	margin:0 auto;
}
.indexNav li{
	list-style:none;
	display:inline-block;
}
.searchKeyWordBar{
	background:rgba(0,0,0,.5);
	padding:.25em 1em;
	margin:.5em;
	border-radius:.5em;
	color:#fff;
}
.searchKeyWordBar .keywordInput {
    background-color: #efedee;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: .5em;
    line-height: normal;
	border:1px solid #ccc;
	vertical-align:middle;
}
.searchKeyWordBar .blackBtn {
    border: 1px solid #333;
    color: #FFF;
    background-color: #333;
    padding: .15em .5em;
    border-radius: .5em;
    font-size: .8em;
    cursor: pointer;
}
.searchKeyWordBar .blackBtn:hover {
    background-color: #000;
}
.sitemap{
	list-style:none;
	margin:1em auto;
	width:95%;
}
.sitemap li{
	display:inline-block;
	vertical-align:top;
	width:32%;
	padding:.25em 1em;
	box-sizing:border-box;
}
.sitemap li.big{
	background:#ffa800;
	display:block;
	width:100%;
	padding:.15em .5em;
	margin-bottom:.5em;
	border-radius:.5em;
	color:#fff;
	font-size:1.25em;
	font-weight:bold;
}
.sitemap .big a{
	color:#fff;
}
.sitemap li a{
	color:#666;
}
@media (max-width: 480px) {
.logo{
	width:100%;
	margin: 1em auto 0 auto;
}
header nav {
    right: 0;
}
.contentWrap{
	width:92%
}
}
/*--- footer樣式 ---*/
footer{
	background:#ffad31;
	color:#fff;
	padding-bottom:1em;
    margin-top: 2em;
}
.indexFooter  footer{
    margin: 0;
}
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:'｜';**/
    content:'\007C';
	display:inline-block;
    margin-left: 5px;
}
.footerLink li:last-child::after{
	display:none;
}
footer a{
	color:#fff;
}
/*--- rwdTable樣式 ---*/

.rwd-table {
	width: 100%;
	margin:0 auto 1em auto;
	/*font-size:.8em;*/
	}
.rwd-table .wordBreak{
	word-break:break-all;
}
.rwd-table a, .rwd-table a:hover{
	color:#5262c0;	
}
.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 {
	padding: 0.5em 1em;
    box-sizing:border-box;
	}
.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;
    vertical-align: top;
	}
.tdbreakall td{
	word-break:break-all;
}
@media (min-width: 1000px) {
.rwd-table td:before {
	display: none;
	}
#foodaddWidth{
	width:10%;
}
#foodaddWidth2{
	width:20%;
}
#gmoinfoWidth{
	width:15%;
}

.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;
    box-sizing:border-box;
	}
.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;
    box-sizing:border-box;
	}
	
.rwd-table th {	
	color: #fff;
	background:#f29b19;
	}
}
@media (max-width: 1000px) {
.rwd-table .txt_C, .rwd-table .txt_L{
	text-align:left;
    width: 100%;
    /*font-size:0.5em;*/
}
}
/*----- 分頁樣式 -----*/
.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;
}

.htmlBlock {
    background: #f2f2ea;
    padding: 1em 1.25em;
}
.htmlBlock a:hover, .htmlBlock a:focus{
    color:#ef5800;
}
.htmlBlock .box_info{
	color:#666;
    width: 95%;
    margin: 1em;
    padding: 0 0.5em;
}
.innerTitleBlock {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: #fff;
    padding: 1em;
    border-bottom: 3px solid #cfcfcf;
	border-radius: .5em .5em 0 0;
}
/*
.RL-th {
	width: 100%;
    background: #ffffff;
    color: #e78b00;
    border-bottom: 2px solid #e78b00;
    font-weight: bold;
    box-sizing: border-box;
    margin-top: 1em;
}
.RL-td {
    background: #efefef;
    width: 100%;
	margin-bottom:1em;
}*/
.onPC{display:block;}
.onMB{display:none;}
@media screen and (max-width:480px) {
    .onPC {
        display: none;
    }

    .onMB {
        display: block;
    }
    .logo{
	    width:100%;
	    margin: 0;
    }
    header nav {
        top:0;
        right: 0;
	    position: relative;
    }
    .sitemap li {
        width:100%;
    }
	.htmlBlock .sitemap li{
		font-size:1em;
	}
    header {
        padding: 0em 0 .5em 0;
    }
}