@charset "UTF-8";
/* CSS Document */
html{-webkit-text-size-adjust:none;-ms-text-size-adjust:100%;min-height:100%;}
body{margin:0 auto;padding:0;font-family: Helvetica, Arial,'微軟正黑體', sans-serif;min-height:inherit;font-size:15px;background:#ccc;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block;margin:0;padding:0;}
audio, canvas, video{display:inline-block;}


.main{margin:0 auto;background:#fff;}
@media (max-width:520px){
	.main{font-size: 1.1rem;}
}


/*行動版隱藏項目*/
.friendly,
.main .search,
.ui-widget-content,
/* .markA,
.egov, */
.center .share,
.accesskey,
.goCenter,
.fontSize,
.accesskey,
.header .navigation,
.header .menu,
.header .megaMenu,
.rss,
.center > header {
	display: none;
}




/*初始值*/
a{color:#3f4534;}
a:hover,
a:focus{color:#000;outline:none;text-decoration:underline;}


em{font-style:normal;font-weight:bold;}
img{border:none;}
h1,h2,h3,h4,h5,h6{margin:0 auto;padding:0;font-weight:bolder;}
h1{font-size:1.4em}
h2{font-size:1.3em}
h3{font-size:1.2em}
h4{font-size:1.13em}
h5{font-size:1.067em;}
h6{font-size:1em;}
p{line-height:1.8;margin:0;}
p+p{margin-top:1.5em;}
ul, ol{list-style:none;margin:0;padding:0;}
li{line-height:1.6;margin:0;padding:0;}


.more{margin:10px auto 5px;text-align:center;}
.more a{display:inline-block;line-height:2.2em;height:2.1em;text-decoration: none;}
.from{display:inline-block;margin-left:1em;font-size:.88em}
time{display:inline-block;margin-left:1em;font-family:Courier New;letter-spacing: -1px;font-weight: bold;}






.sidebar{position:fixed;top:0;height:100%;background-color:#fff;width:280px;overflow-y:auto;z-index:9000;}

.sidebar .menu li{line-height:1.3;}
.sidebar .menu>ul{font-size:1.2em;}
.sidebar .menu a{display:block;padding:.7em 12px;color:#000;text-decoration:none;transition:.4s;}
.sidebar .menu li>a{border-bottom:1px solid #bbb;}
.sidebar .menu li li:last-child>a{border-bottom:none;}
.sidebar .menu li.hasChild>a{padding-right:36px;position:relative;}
.sidebar .menu li.hasChild>a:before{content:'';position:absolute;right:16px;top:.8em;width:.64em;line-height:.64em;height:.64em;border:2px solid #888;transform:rotate(45deg);border-top:none;border-left:none;transition:.3s;}
.sidebar .menu li.hasChild.closeThis>a:before{transform:rotate(225deg);top:1.1em;}
.sidebar .menu li.hasChild.closeThis{padding-bottom:12px;}
.sidebar .menu ul ul{display:none;margin:0 10px;background:rgba(0,0,0,.09);font-size:.9em;}
.sidebar .menu ul ul ul{font-size:1em;}

.sidebar .navigation{position:static;text-align:center;padding:1em 0;}
.sidebar .navigation ul{float:none;width:92%; margin:0 auto;padding:0;font-size:1em;overflow:hidden;}
.sidebar .navigation li{float:left;width:50%;margin:0;padding:0;}
.sidebar .navigation li:nth-child(odd):last-child{width:100%;}
.sidebar .navigation li a{display:block;height:3.2em;line-height:3.2em;padding:0 .5em;background:#fff;color:#000;text-decoration:none;box-shadow:#bbb 0 0 0 1px;}
.sidebar .sidebarClose {display:block;width:100%;padding:0;margin:0;height:3.2em;line-height:3.2em;}

.navbar{position:relative;padding:0 48px;min-height:3.2em;background:#ddd;}
.navbar h2{padding:.44em 0;margin:0 .3em;line-height:1.3;font-size:1.5em;display:inline-block;}
.navbar h2>a{text-decoration: none;color: inherit;cursor: default;}
.navbar .back,
.navbar .shareThis{position:absolute;left:0;top:0;width:48px;height:100%;font-size: 0;}
.navbar .back a,
.navbar .shareThis a{display:block;width:100%;height:100%;}
.navbar .back a:before{content:'';position:absolute;width:20px;height:20px;border:3px solid #fff;transform:rotate(45deg);border-top:none;border-right:none;left:50%;top:50%;margin:-11px auto auto -5px;}
.navbar .shareThis{left:auto;right:0;}
.navbar .shareThis a{background:url(../images/icon_share.png) no-repeat center center;background-size: 34px;}




.goTop{position:fixed;bottom:0;left:50%;margin:0 auto 0 -30px;width:60px;height:40px;text-align:center;color:#fff;background:rgba(0,0,0,.3);z-index:7780;display:none;border-radius: 5px 5px 0 0;font-size:0;transition:.1s;}
.goTop:hover,
.goTop:focus{background:rgba(0,0,0,.6);outline:none;}
.goTop:before{content:'';display:inline-block;width:20px;height:20px;border:4px solid #fff;transform:rotate(45deg);border-bottom:none;border-right:none;margin-top:14px;}
.no-js .goTop {display:none;}


.center{position:relative;margin:0 auto;padding:0;}
.overlay{display:none;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;min-height:inherit;background-color:#000;z-index:8888;}

@media (min-width:1001px){

	.main{width:1000px;box-shadow:#888 0 0 30px;}

	/*一般版隱藏項目*/
	.sidebar,
	.searchCtrl,
	.sidebarCtrl,
	.navbar{display:none;}

	/*行動版顯示項目*/
	.friendly,
	.main .search,
	.ui-widget-content,
	/* .markA,
	.egov, */
	.center .share,
	.accesskey,
	.goCenter,
	.fontSize,
	.accesskey,
	.header .navigation,
	.header .menu,
	.header .megaMenu,
	.rss,
	.center > header {
		display: block;
	}

	*:focus{outline:1px solid #d00;}
	*::selection{background-color: #278;color: #fff;}

	.goCenter{position:absolute;top:-2.2em;left:50%;margin-left:-480px;padding:0 .5em;height:2em;line-height:2em;background:#f80;color:#fff;text-decoration:none;z-index:9999;border-radius:0 0 4px 4px;opacity:0;transition:.5s;}
	.goCenter:focus{outline:none;top:0;opacity:1;text-decoration:none;}

	.accesskey{position:absolute;left:-1em;color:#fff;text-decoration:none;color:transparent;}
	.accesskey:hover,
	.accesskey:focus{color:#c00;}
	.header .accesskey{top:0;}

	.friendly{clear:both;width:96%;padding:.5em 0 0;overflow:hidden;margin:0 auto;}
	.path{color:#999;margin:0;}
	.path .before:after{content:'';display:inline-block;width:.55em;height:.55em;margin:0 .5em 0 0;border:2px solid #7faf0b;border-bottom:none;border-left:none;transform:rotate(45deg);}
	.path a{text-decoration:none;color:#444;}
	.path a:hover{color:#000;text-decoration:underline;}
	.path a:focus{color:#000;text-decoration:underline;}

	.function{overflow:hidden;margin:-1.5em 0 0 0;float:right;}
	.function ul{font-size:13px;line-height:1;overflow:hidden;}
	.function li{float:left;position:relative; padding:1.7em 0 0;margin:0 4px;height:50px;}
	.function li a{display:block;text-indent:-3000px;width:44px;height:44px;border-radius:50%;text-decoration:none;background:#edecd9 url(../images/function.png) no-repeat center 0;outline:none;transition:box-shadow .2s , background-color .2s;}

	.function .print{background-position:center 3px;}
	.function .forward{background-position:center -47px;}
	.function .back{background-position:center -96px;}
	.function .print:hover,
	.function .print:focus{background-position:center -147px;}
	.function .forward:hover,
	.function .forward:focus{background-position:center -197px;}
	.function .back:hover,
	.function .back:focus{background-position:center -246px;}
	.function a:before{display:block;text-indent:0;position:absolute;top:24px;width:44px;height:1.1em; padding:2px 0 0;color:transparent;text-align:center;transition:top .3s, color .3s;}
	.function a.print:before{content:'列印';}
	.function a.forward:before{content:'轉寄';}
	.function a.back:before{content:'返回';}
	.function a:hover:before,
	.function a:focus:before{color:#899094;top:0;}
	
	.function .bopomofo a,
	.function .read a{background: #8cb7b1 url(../images/function2.png) no-repeat center 0;background-size: 44px auto;}
	.function .read a{background-position: center -68px;}
	.function .bopomofo a:before{content:'注音';}
	.function .read a:before{content:'朗讀';}
	.function .bopomofo a:hover,
	.function .read a:hover,
	.function .bopomofo a:focus,
	.function .read a:focus{background-color:#18959a;box-shadow:#18959a 0 0 0 2px;}
	.no-js .function li{height:auto}
	.no-js .function li a{display:inline-block; vertical-align:top;}

	/*內頁文章標題*/
	.center>header{clear:both;width:96%;margin:0 auto 15px;padding:0;border-bottom:4px solid #ccd4d7;overflow:hidden;}
	.center>header>h2{font-size:1.8em;display:inline-block;line-height:1.4;}
	.center>header .rss{float:right;font-size:0;margin-top:5px;}
	.center>header .rss a{display:block;width:28px;height:28px;background:#c1c4bc url(../images/rss.png) no-repeat center center; margin:0;border-radius:5px;}
	.center>header .rss a:hover{background-color:#7c8785;}
	.center>header .rss a:focus{background-color:#7c8785;outline:none;}
	.center>header ul{list-style:none;margin:6px 0 3px;padding:0;color:#999;}
	.center>header li{margin:0 1em .4em  0;padding:0;display:inline-block;}
	.center>header li em{color:#555;font-weight:normal;}

}


/*form initial */
form{margin:0;padding:0;font-size:1em;}
form table{border:none;border-collapse:collapse;margin:0 auto;line-height:1.6;max-width:92%;}
form caption{padding:0 0 .8em;}
form th,
form td{padding:2px 0;vertical-align:top;}
form th,
form td:first-child{text-align:right;font-weight:normal;max-width:15em;padding-right:.4em;/* line-height:2.5em; */}
/* form th:after,
form td:first-child:after{content: "";display: inline-block;height: 2.4em;width:1px;vertical-align:middle;background: #f00;} */

form td label{display: inline-block;margin:0 1em 7px 0;line-height:2.2;}
form td:first-child label,
form th label{margin:.2em 0 0;line-height:inherit;display: inline-block;}
form td p{line-height:1.2;margin:.5em 0;}
@media screen and (max-width:800px){
	form td:first-child label br{display: none;}
}
input,
select,
textarea,
button{font-size:inherit;margin:0 0 4px;vertical-align:top;outline:none;}

input[type="radio"],
input[type="checkbox"]{margin-right:5px;margin-left:3px;vertical-align:5%;outline: none}
input[type="radio"]:focus{box-shadow: #93c622 0 0 0 4px; border-radius: 50%;}
input[type="checkbox"]:focus{box-shadow: #93c622 0 0 0 2px; border-radius: 2px;}

input.text,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="number"],
input[type="time"],
input[type="url"],
input[type="file"],
textarea{height:2.4em;line-height:2.4;padding:0 .4em;border-radius: 4px;vertical-align: top;-webkit-appearance:none;border:solid 1px #bbb;background: #fff;}
textarea{line-height:1.5;padding-top:.3em;padding-bottom: .3em;height:6em;resize: vertical}
select{-webkit-appearance: none;height:2.4em;line-height:2.4;padding:0 22px 0 .4em;border-radius: 4px;vertical-align: top;border:solid 1px #bbb;background-image: linear-gradient(#fff, #fff);background: #fff url(../images/select-arrow.png) no-repeat right 1em;background-size: 16px;max-width: calc(100% - .8em -24px);}

input.text:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus{border-color:#93c622;box-shadow:#93c622 0 0 0 2px;outline:none;}

button,
input[type="submit"],
input[type="button"],
input[type="reset"]{height:2.4em;line-height:2.4em;cursor:pointer;border:none;cursor:pointer;}

input.dateInput{min-width: 6.5em;}
button.clearDate{width: 2.4em;text-indent: -5em;overflow: hidden;background:#7faf0b url(../images/icon_close.png) no-repeat center center;background-size: 16px;border-radius: 4px;vertical-align:top;transition: .15s;}
button:hover,
button:focus{box-shadow:#99c300 0 0 0 2px;background-color: #99c300;outline: none;}
input[type="file"]{-webkit-appearance:none;width:12em;}

.buttonDiv{border-top:solid 1px #999;margin:1.3em auto 1em;padding:1.3em 0 0;text-align:center;}
.buttonDiv input[type="submit"],
.buttonDiv input[type="button"], 
.buttonDiv input[type="reset"]{-webkit-appearance:none;display:inline-block;height:2.4em;line-height:1.8em;padding-left:16px;padding-right:16px;margin:2px 6px 10px;min-width:5em;border-radius:.4em;background:#7faf0b;color:#fff;font-size:1.06em;box-shadow:#587320 0 4px, #222 0 5px 0 1px, rgba(0,0,0,.5) 0 6px 6px 1px;transition:.1s;}
.buttonDiv input[type="submit"]:hover,
.buttonDiv input[type="button"]:hover,
.buttonDiv input[type="reset"]:hover,
.buttonDiv input[type="submit"]:focus,
.buttonDiv input[type="button"]:focus,
.buttonDiv input[type="reset"]:focus{margin-top: 4px;margin-bottom: 8px;background-color:#99c300;
	box-shadow:#587320 0 3px, #222 0 4px 0 1px, rgba(109, 45, 45, 0.5) 0 5px 5px;outline: none}
.must, abbr.must{margin-right:3px;color:#C30;font-size:1.3em;text-decoration: none;display: inline}

@media screen and (max-width:800px){
	form table{max-width:100%;margin: 0 auto;}
	form th,
	form td,
	form td:first-child{display:block;text-align:left;font-weight:normal;max-width:none;width:auto;}
	form th,
	form td:first-child{padding-top: .8em;padding-bottom:0;line-height:1.6; color:#899;}
	form td{padding-top:0;}
	form td label{margin:0;}

	input[type="text"],
	input[type="password"],
	input[type="tel"],
	input[type="email"],
	input[type="date"],
	input[type="number"],
	input[type="time"],
	input[type="url"],
	input[type="file"],
	textarea,
	select {box-sizing:border-box;}

	input[type="text"]:only-child,
	input[type="password"]:only-child,
	input[type="tel"]:only-child,
	input[type="email"]:only-child,
	input[type="date"]:only-child,
	input[type="number"]:only-child,
	input[type="time"]:only-child,
	input[type="url"]:only-child,
	input[type="file"]:only-child,
	textarea:only-child,
	select:only-child {width:100%}

	textarea {height:10em; line-height:1.6;}
	input[type="radio"],
	input[type="checkbox"]{font-size:1.2em;}

	/* input.dateInput{width: 6em;} */
}

/* 可開合區 */
.aDrawer {position: relative;transition: .5s;min-height: 36px;}
.aDrawer.closed{padding-top: 14px;padding-bottom: 2px;}
.aDrawer .drawerCaption{display: block;margin:auto 60px 0 3%;font-size: 1.25em;line-height: 1.3;width: auto;cursor: pointer;}
.aDrawer.closed .toggleArea{display: none;}
.no-js .aDrawer.closed .toggleArea{display: block;}
.aDrawer .toggleCtrl{position: absolute;right: 6px;top:6px;width: 40px;height: 40px;border-radius: 2px;transition: .2s;font-size: 0;background: none;z-index: 99;}
.aDrawer .toggleCtrl:after{content:'';position: absolute;left:50%;top: 15px;margin-left:-7px;width:12px;height:12px;border:3px solid #666;transform:rotate(45deg);border-bottom:none;border-right:none;transition:border-color .2s, transform .6s, top .6s;}
.aDrawer.closed .toggleCtrl:after{transform:rotate(225deg);top: 10px;}
.aDrawer .toggleCtrl:hover,
.aDrawer .toggleCtrl:focus{background:#18959a;outline: none;box-shadow: none;}
.aDrawer .toggleCtrl:hover{box-shadow: #18959a 0 0 0 2px;}
.aDrawer .toggleCtrl:hover:after,
.aDrawer .toggleCtrl:focus:after{border-color: #fff;}
.aDrawer .toggleCtrl ~ .hint{display:none;}
@media screen and (min-width:1001px){
	.aDrawer .toggleCtrl ~ .hint{position:absolute;right:0;top:-2em;background-color:#fff;padding:.3em .5em;font-size: .85rem;color: #555;border-radius: 3px;border: 1px dotted #f66;}
}

/* 日期區間 */
.datePeriod input[type="text"]{width: 7em;}