body {
	overflow-x: hidden;
	overflow-y: hidden;
	opacity: 0;
}

body.fadeInIndex {
	overflow-y: auto;
	opacity: 1;
	-o-transition: all .50s linear;
	-webkit-transition: all .50s linear;
	-moz-transition: all .50s linear;
	transition: all .50s linear;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

abbr.must {
	color: #b22424;
}

span.tr_typ.tr_typ1,
span.tr_typ.tr_typ2,
span.tr_typ.tr_typ3 {
	display: block;
	width: 94px;
	color: #FFF;
	padding: 7px 10px;
	margin: 0 auto;
	text-align: center;
}

span.tr_typ.tr_typ1 {
	background: #da1d1d;
}

span.tr_typ.tr_typ3 {
	background: #fbc116;
}

span.tr_typ.tr_typ2 {
	background: #fff136;
	color: #000;
}

.textWrap {
	color: #3a3a3a;
	line-height: 1.9em;
	font-size: 92%;
}

.textWrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.textWrap p {
	margin-bottom: 22px;
}

.textWrap img {
	max-width: 100%;
}

.textWrap>img {
	margin-bottom: 22px;
}

.textWrap>p>img {
	margin-bottom: 22px;
}

.textWrap strong {
	font-weight: bold;
}

.textWrap b {
	font-weight: inherit;
}

.textWrap i {
	font-style: inherit;
}

.textWrap em {
	font-style: italic;
}

.textWrap u {
	text-decoration: inherit;
}

.textWrap ol {
	list-style: decimal;
	padding-left: 35px;
}

.textWrap ul {
	list-style: disc;
	padding-left: 28px;
	margin-bottom: 15px;
}

.textWrap ul.slick-slider {
	padding-left: 0;
}

/*------上稿H2~H6定義------*/
.textWrap h2,.textWrap .h2 {
	color: #6a7b0d;
	font-size: 176%;
	padding: 30px 0 14px 0;
	margin: 20px 0 25px 0;
	border-bottom: 1px solid #d1cec1;
}

.textWrap h2 span,.textWrap .h2 span {
	color: #6a7b0d !important;
}

.textWrap h3,.textWrap .h3 {
	padding-left: 28px;
	font-size: 150%;
	margin: 30px 0 20px 0;
	color: #bc3f01;
	font-weight: bold;
	position: relative;
	clear: both;
}

.textWrap h3 span, .textWrap .h3 span {
	color: #bc3f01 !important;
}

.textWrap h3:before,.textWrap .h3:before {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	background: #FFF;
	border: 5px solid #bc3f01;
	border-radius: 50%;
	left: 0px;
	top: 5px;
}

.textWrap h4,.textWrap .h4 {
	padding-left: 19px;
	font-size: 125%;
	margin: 20px 0 7px 0;
	color: #9F5E11;
	font-weight: bold;
	position: relative;
}

.textWrap h4:first-child,.textWrap .h4:first-child {
	margin-top: 0;
}

.textWrap h4:before,.textWrap .h4:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #9F5E11;
	left: 2px;
	top: 10px;
}

.textWrap h5,.textWrap .h5 {
	font-weight: bold;
	font-size: 110%;
	color: #37942A;
}

.textWrap ul h3,
.textWrap ol h3,
.textWrap ul .h3,
.textWrap ol .h3 {
	margin-left: -28px;
}

.textWrap ul h4,
.textWrap ol h4,
.textWrap ul .h4,
.textWrap ol .h4 {
	margin-left: -19px;
}

span.znNum {
	display: block;
	margin: 10px 0;
	text-indent: -31px;
	padding-left: 31px;
}

span.znNum>* {
	text-indent: 0;
}

.textWrap ol.znNum {
	list-style: none;
}

.textWrap ol.znNum {
	list-style: none;
	text-indent: -35px;
}

.textWrap ol.znNum>li {
	margin-bottom: 15px;
}

.textWrap ol.znNum>li:nth-child(1):before {
	content: "(一) "
}

.textWrap ol.znNum>li:nth-child(2):before {
	content: "(二) "
}

.textWrap ol.znNum>li:nth-child(3):before {
	content: "(三) "
}

.textWrap ol.znNum>li:nth-child(4):before {
	content: "(四) "
}

.textWrap ol.znNum>li:nth-child(5):before {
	content: "(五) "
}

.textWrap ol.znNum>li:nth-child(6):before {
	content: "(六) "
}

.textWrap ol.znNum>li:nth-child(7):before {
	content: "(七) "
}

.textWrap ol.znNum>li:nth-child(8):before {
	content: "(八) "
}

.textWrap ol.znNum>li:nth-child(9):before {
	content: "(九) "
}

.textWrap ol.znNum>li:nth-child(10):before {
	content: "(十) "
}

.textWrap ol.znNum>li:nth-child(11):before {
	content: "(十一) "
}

.textWrap ol.znNum>li:nth-child(12):before {
	content: "(十二) "
}

.textWrap ol.znNum>li:nth-child(13):before {
	content: "(十三) "
}

.textWrap ol.znNum>li:nth-child(14):before {
	content: "(十四) "
}

.textWrap ol.znNum>li:nth-child(15):before {
	content: "(十五) "
}

.textWrap ol.znNum>li:nth-child(16):before {
	content: "(十六) "
}

.textWrap ol.znNum>li:nth-child(17):before {
	content: "(十七) "
}

.textWrap ol.znNum>*>* {
	text-indent: 0;
}

.textWrap ol.znNum_0>li:nth-child(1):before {
	content: "一、"
}

.textWrap ol.znNum_0>li:nth-child(2):before {
	content: "二、"
}

.textWrap ol.znNum_0>li:nth-child(3):before {
	content: "三、"
}

.textWrap ol.znNum_0>li:nth-child(4):before {
	content: "四、"
}

.textWrap ol.znNum_0>li:nth-child(5):before {
	content: "五、"
}

.textWrap ol.znNum_0>li:nth-child(6):before {
	content: "六、"
}

.textWrap ol.znNum_0>li:nth-child(7):before {
	content: "七、"
}

.textWrap ol.znNum_0>li:nth-child(8):before {
	content: "八、"
}

.textWrap ol.znNum_0>li:nth-child(9):before {
	content: "九、"
}

.textWrap ol.znNum_0>li:nth-child(10):before {
	content: "十、"
}

.textWrap ol.znNum_0>li:nth-child(11):before {
	content: "十一、"
}

.textWrap ol.znNum_0>li:nth-child(12):before {
	content: "十二、"
}

.textWrap ol.znNum_0>li:nth-child(13):before {
	content: "十三、"
}

.textWrap ol.znNum_0>li:nth-child(14):before {
	content: "十四、"
}

.textWrap ol.znNum_0>li:nth-child(15):before {
	content: "十五、"
}

.textWrap ol.znNum_0>li:nth-child(16):before {
	content: "十六、"
}

.textWrap ol.znNum_0>li:nth-child(17):before {
	content: "十七、"
}

.textWrap ol.znNum_2>li:nth-child(1):before {
	content: "(1)"
}

.textWrap ol.znNum_2>li:nth-child(2):before {
	content: "(2)"
}

.textWrap ol.znNum_2>li:nth-child(3):before {
	content: "(3)"
}

.textWrap ol.znNum_2>li:nth-child(4):before {
	content: "(4)"
}

.textWrap ol.znNum_2>li:nth-child(5):before {
	content: "(5)"
}

.textWrap ol.znNum_2>li:nth-child(6):before {
	content: "(6)"
}

.textWrap ol.znNum_2>li:nth-child(7):before {
	content: "(7)"
}

.textWrap ol.znNum_2>li:nth-child(8):before {
	content: "(8)"
}

.textWrap ol.znNum_2>li:nth-child(9):before {
	content: "(9)"
}

.textWrap ol.znNum_2>li:nth-child(10):before {
	content: "(10)"
}

.textWrap ol.znNum_2>li:nth-child(11):before {
	content: "(11)"
}

.textWrap ol.znNum_2>li:nth-child(12):before {
	content: "(12)"
}

.textWrap ol.znNum_2>li:nth-child(13):before {
	content: "(13)"
}

.textWrap ol.znNum_2>li:nth-child(14):before {
	content: "(14)"
}

.textWrap ol.znNum_2>li:nth-child(15):before {
	content: "(15)"
}

.textWrap ol.znNum_2>li:nth-child(16):before {
	content: "(16)"
}

.textWrap ol.znNum_2>li:nth-child(17):before {
	content: "(17)"
}

.textWrap ol.znNum_0>*>* {
	text-indent: 0;
}

table.tableBox {
	width: 100%;
	border-left: 1px solid #eeebdd;
	border-bottom: 1px solid #eeebdd;
	font-size: 95%;
	margin-bottom: 35px;
}

table.tableBox th {
	font-size: 120%;
}

table.tableBox tr td {
	vertical-align: top;
}

table.tableBox tr>* {
	border: 1px solid #DEDBCF;
	padding: 13px 20px;
	font-size: 100%;
	line-height: 1.6;
	word-break: break-all;
}

table.tableBox tr>th {
	background: #667415;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	color: #FFF;
}

table .footable .footable-row-detail-inner>div strong {
	display: block;
	color: #32abcd;
}

.textWrap ol.znNum ul ul {
	list-style: none;
}

.textWrap ol.znNum ul ul li {
	position: relative;
}

.textWrap ol.znNum ul ul li:before {
	content: "";
	width: 7px;
	height: 7px;
	position: absolute;
	background: #acacac;
	top: 11px;
	left: -22px;
	transform: rotate(45deg);
}

.textWrap ol.znNum ul ul ul {
	list-style: none;
}

.textWrap ol.znNum ul ul ul li {
	position: relative;
}

.textWrap ol.znNum ul ul ul li:before {
	content: "";
	width: 10px;
	height: 1px;
	position: absolute;
	background: #C8C8C8;
	top: 13px;
	left: -22px;
}

.desktopImg {
	display: block;
}

.tabletImg,
.mobileImg {
	display: none;
}

.imgFloat .col-l {
	width: 30%;
}

.imgFloat .col-r {
	width: 70%;
	padding-left: 20px;
}

ul.imgList {
	list-style: none;
	padding-left: 0;
}

.imgList li {
	margin-bottom: 25px;
}

.imgList li>div {
	height: 200px;
	overflow: hidden;
}

.imgList li dl {
	background: #79aa3f;
	padding: 10px 20px;
	color: #fff;
}

.textWrap .Image {
	float: left;
	margin: 0 15px 15px 0;
}

.textWrap .col-l {
	float: left;
	margin: 0 15px 15px 0;
}

.textWrap .col-r {
	float: right;
	margin: 0 0 15px 15px;
}

.dltableStyle_1 {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.dltableStyle_1 dl {
	display: table-row;
}

.dltableStyle_1 dl dt,
.dltableStyle_1 dl dd {
	display: table-cell;
	border: 1px solid #d1cec1;
	padding: 5px 15px;
}

.dltableStyle_1 dl dt {
	width: 15%;
	text-align: center;
	background: #e0dcce;
}

p.mapBtn {
	display: inline-block;
	margin: 0 0 0 10px;
}

.mapBtn a {
	display: inline-block;
	color: #fff;
	padding: 0px 15px 0px 30px;
	position: relative;
	background: #8F6C0A;
	border-radius: 5px;
	font-size: 90%;
}

.mapBtn a:hover {
	background: #fe482a;
	color: #fff;
}

.mapBtn a:before {
	position: absolute;
	left: 10px;
	top: 5px;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('../../images/icon/location_w.svg') center no-repeat /contain;
}

@media screen and (max-width: 480px) {
	p.mapBtn {
		margin: 0;
		display: block;
	}
}

/*相關影片*/
.videoBox {
	clear: both;
}

.videoBox .title {
	display: block;
	color: #2c767d;
	background: url(../../images/icon/video_title.svg) no-repeat left center/32px 33px;
	padding-left: 47px;
	height: 55px;
	line-height: 55px;
	font-size: 150%;
	margin-bottom: 8px;
}

.videoList {
	width: 100%;
}

.videoList li>div {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.videoList li>div>iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 95%;
	border: 1px #999999 solid;
}

.videoList li>div>span {
	position: absolute;
	top: 95%;
	left: 0;
	padding-top: 10px;
}

.videoList li>div>span p {
	float: right;
}

.videoList li>div>span a.openInfo {
	margin-left: 10px;
	margin-top: 0;
}

.videoBox .slick-prev {
	left: 13px;
	z-index: 1;
}

.videoBox .slick-next {
	right: 18px;
	z-index: 1;
}

.videoBox .slick-dots {
	top: -45px;
	right: -3px;
	text-align: right;
	height: 20px;
}

/*相關照片*/
.picBox {
	clear: both;
}

.picBox .title {
	display: block;
	color: #bc3f01;
	background: url(../../images/icon/pic_title.svg) no-repeat left center/32px 33px;
	padding-left: 47px;
	height: 55px;
	line-height: 55px;
	font-size: 150%;
	margin-bottom: 8px;
}

.picList {
	padding: 28px 20px 30px 20px;
	border: 1px solid #e1d7ac;
}

.picList div li {
	margin: 0 7px;
	height: 160px;
	background-color: #000;
}

.picList li a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain !important;
}

.picList li a:focus {
	border: 5px #8F6C0A solid;
}

.picBox .slick-dots {
	position: relative;
	bottom: -6px;
	text-align: left;
}

/*下載*/
.downloadBox {
	margin-bottom: 30px;
}

.downloadBox .title {
	display: block;
	width: 100%;
	background: url(../../images/icon/download.svg) #3f6124 no-repeat center right/55px 24px;
	color: #FFF;
	padding: 10px 20px 10px 24px;
	height: 55px;
	line-height: 38px;
	font-size: 140%;
}



table.download {
	width: 100%;
}

.download tr {
	border: 1px solid #F0EDDE;
	border-top: none;
}

.download tr>* {
	padding: 15px 24px;
}

.download tr:hover {
	background: #F9F9F9;
}

.download tr:first-child {
	display: none;
	color: #FFFFFF;
	background: #3f6124;
	border: 1px solid #3f6124;
	border-bottom: 2px solid #ACDFA5;
}

.download td {
	position: relative;
}

.download td>a {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
	margin-right: 7px;
}

.download td>a>span {
	display: none;
	position: absolute;
	background: #FBD116;
	font-size: 90%;
	padding: 10px;
	color: #000;
	border-radius: 10px;
	text-align: center;
	min-width: 190px;
	top: -67px;
	left: 50%;
	margin-left: -95px;
}

.download td>a:hover>span {
	display: block;
}

.download td>a>span>* {
	display: block;
	line-height: 1.3em;
}

.download td>a>span:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #fbd116 transparent transparent transparent;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -8px;
}

.download td>a b {
	display: block;
	display: none;
}

.download td>a>img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

/*TH出現*/
.downloadBox.showTh .title {
	display: none;
}

.showTh .download tr:first-child {
	display: table-row;
}

/*下方資訊*/
.bottomInfo {
	margin-top: 90px;
	clear: both;
}

.backListBtn {
	display: block;
	margin: 0 auto;
	color: #FFF;
	background: #8F6C0A;
	border-radius: 7px;
	width: 112px;
	text-align: center;
	padding: 5px 9px;
	margin-bottom: 30px;
}

.backListBtn:hover {
	color: #FFF;
	background: #E27E06;
}

.updateView {
	padding-top: 18px;
	border-top: 1px solid #d3d3d3;
	color: #5f5d58;
	overflow: hidden;
	font-size: 90%;
}

.updateView span:first-child {
	display: block;
	float: left;
}

.updateView span:last-child {
	display: block;
	float: right;
}

/*FB留言*/
.commentBox {
	margin-top: 20px;
}

.commentBox .title {
	display: block;
	color: #8F6C0A;
	background: url(../../images/icon/comment_title.svg) no-repeat left 10px/33px 33px;
	padding-left: 47px;
	height: 55px;
	line-height: 55px;
	font-size: 150%;
	margin-bottom: 8px;
}


/*文字列表區*/
.txtList {
	margin-bottom: 50px;
}

.txtList h2,
.txtList .h2 {
	color: #449439;
	font-size: 140%;
	padding: 30px 0 10px 0;
	margin: 20px 0 25px 0;
	border-bottom: 1px solid #e7e4d6;
}

.txtList table {
	width: 100%;
	border-top: none;
}

.txtList table tr:first-child th {
	background: #667415;
	color: #FFF;
	font-size: 105%;
}

/* .txtList table tr th:first-child {
	width: 70px;
} */

.txtList table.is-trail tr th:first-child {
	width: auto;
}

.txtList tr>* {
	padding: 20px 24px;
}

.txtList tr>*:first-child {
	text-align: center;
}

.txtList tr>*:last-child td {
	text-align: left;
}

.txtList tr:nth-child(even) td {
	background-color: #EAE7DD;
}

.txtList tr:nth-child(odd) td {
	background-color: #E0DCCE;
}

.txtList td {
	font-size: 90%;
	word-break: break-word;
}

.txtList th,
.txtList td {
	border: 1px solid #f1f1f1;
}

/*一般無表頭列表*/
.txtList.normalList td {
	padding: 0;
}

.txtList.normalList table {
	border-top: 1px solid #f1f1f1;
}

.txtList.normalList td a {
	display: block;
	padding: 20px 24px 20px 53px;
	position: relative;
	font-size: 105%;
	color: #235C1B;
}

.txtList.normalList a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #327429;
	left: 27px;
	top: 24px;
}

.txtList.normalList td a:hover {
	background: #949494;
	color: #FFF;
}

.txtList.normalList a:hover:before {
	border-color: transparent transparent transparent #FFF;
}

/*無表頭列表*/
.txtUlList>ul {
	border: 1px solid #d1cec1;
	border-bottom: none;
}

.txtUlList>ul>li {
	border-bottom: 1px solid #d1cec1;
	border-left: 3px solid #595548;
}

.txtUlList>ul>li:hover {
	border-left: 3px solid #8F6C0A;
}

.txtUlList>ul>li>a {
	display: block;
	padding: 20px 53px 20px 24px;
	position: relative;
	font-size: 105%;
	color: #595548;
}

.txtUlList>ul>li>a:hover {
	background: #8F6C0A;
	color: #FFF;
}

.txtUlList>ul>li>a:hover:before {
	border-color: transparent transparent transparent #FFF;
}

.txtUlList>ul>li>a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #8F6C0A;
	right: 27px;
	top: 50%;
	margin-top: -5px;
}

.txtUlList>ul>li ul {
	display: none;
	background: #e0dcce;
}

.txtUlList>ul>li:nth-child(odd) ul {
	box-shadow: inset 0px 6px 6px -5px rgba(0, 0, 0, 0.2);
	padding: 10px 0 20px 0;
}

.txtUlList>ul>li:nth-child(even) ul {
	box-shadow: inset 0px 6px 3px -5px rgba(0, 0, 0, 0.2);
	padding: 20px 0;
}

.txtUlList>ul>li li>a {
	display: block;
	padding: 7px 24px 7px 78px;
	position: relative;
	font-size: 95%;
	color: #595548;
}

.txtUlList>ul>li li>a:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #595548;
	left: 57px;
	top: 17px;
}

.txtUlList>ul>li li>a:hover {
	text-decoration: underline;
	color: #8F6C0A;
}

.txtUlList>ul>li li>a:hover:before {
	background: #8F6C0A;
}

/*QA*/
.QAWrapper {
	margin: 20px 0;
	width: 100%;
	clear: both;
}

.QAWrapper a.Qtitle {
	display: table;
	color: #FFF;
	text-decoration: none;
	padding: 20px 40px 20px 70px;
	overflow: hidden;
	border-bottom: 1px solid #d1cec1;
	position: relative;
	min-height: 45px;
	width: 100%;
}

a.Qtitle h2,
a.Qtitle .h2 {
	display: table-cell;
	font-size: 100%;
	color: #2b2b2b;
	vertical-align: middle;
}

.QAWrapper a.Qtitle:before {
	content: "";
	width: 40px;
	height: 40px;
	top: 13px;
	left: 15px;
	border-radius: 50%;
	position: absolute;
	background-image: url(../../images/002/QA.jpg);
	background-size: 100%;
	background-position: 0 0;
}

.QAWrapper a.Qtitle:after {
	content: "";
	width: 20px;
	height: 20px;
	top: 20px;
	right: 20px;
	position: absolute;
	background-image: url(../../images/002/icon-plus.svg);
	background-size: 100%;
	background-position: 0 0;
}

.Answer {
	display: none;
	position: relative;
	overflow: hidden;
	padding: 20px 30px 20px 70px;
	border: 20px solid #2c767d;
	border-top: 0;
}

.QAWrapper .Answer:before {
	content: "";
	width: 40px;
	height: 40px;
	top: 13px;
	left: 15px;
	border-radius: 50%;
	position: absolute;
	background-image: url(../../images/002/QA.jpg);
	background-size: cover;
	background-position: 0 0;
	-o-transition: background-position .20s linear;
	-webkit-transition: background-position .20s linear;
	-moz-transition: background-position .20s linear;
	transition: background-position .20s linear;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

.QAWrapper .less .Answer:before {
	-o-transition: background-position .20s linear;
	-webkit-transition: background-position .20s linear;
	-moz-transition: background-position .20s linear;
	transition: background-position .20s linear;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background-position: 0 40px;
}

.QBox.less .Qtitle {
	background-color: #2c767d;
	color: #ffffff;
	border-bottom: 0;
}

.QBox.less a.Qtitle h2,
.QBox.less a.Qtitle .h2 {
	color: #fff;
}

.QBox.less a.Qtitle:after {
	background-image: url(../../images/002/icon-minus.svg);
}

/*=====頁碼=====*/
.pageNum {
	text-align: center;
	margin: 40px auto 0 auto;
	background: #e0dcce;
	border-radius: 50px;
}

.pageNum a {
	display: inline-block;
	color: #595548;
	padding: 0 5px;
	text-decoration: none;
	-o-transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	line-height: 50px;
	position: relative;
}

.PagerInfo {
	text-align: right;
	color: #5f5d58;
	margin-top: 15px;
}

.PagerInfo span {
	color: #225d62;
}

.pageNum a.current,
.pageNum a:hover {
	color: #225d62;
	-o-transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
}

.pageNum a.current:before,
.pageNum a:hover:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #2c767d;
	display: block;
	content: "";
}

.pageNum span.disabled {
	border: #f3f3f3 1px solid;
	color: #ccc;
	margin-right: 2px;
	padding: 2px 5px;
}

.pageNum a.pre,
.pageNum a.next {
	text-indent: -9999px;
	color: #000;
	position: relative;
	padding: 0 13px;
}

.pageNum a.pre:after,
.pageNum a.next:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-size: 100%;
	background-position: center;
	background-color: transparent;
	margin: -7px 0 0 -7px;
}

.pageNum a.pre:after {
	background-image: url(../../images/002/icon-arrowL_orange.svg);
}

.pageNum a.next:after {
	background-image: url(../../images/002/icon-arrowR_orange.svg);
}

.pageNum a.pre:hover:before,
.pageNum a.next:hover:before {
	background: #5f5d58;
}

.pageNum a.square {
	color: #5f5d58;
	padding: 0 13px;
	font-size: 90%;
	border: 1px solid rgba(255, 255, 255, .3);
	border-width: 0px 1px;
	margin-left: -7px;
}

.pageNum a.square:hover:before {
	background: #5f5d58;
}

/*書的清單*/
.bookList {
	margin-top: 20px;
}

.oneYearBooks {
	margin-bottom: 30px;
}

.bookList h2.title,.bookList .h2.title {
	color: #23b0e9;
	font-size: 148%;
	padding-bottom: 15px;
	border-bottom: 1px dashed #23b0e9;
	margin-bottom: 45px;
}

.bookList ul {
	padding: 0px 36px;
}

.bookList ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bookList li {
	width: 33.33%;
	display: inline-block;
	margin: 0 -3px;
	position: relative;
	z-index: 2;
	padding: 0 2.5% 18px 2.5%;
	margin-bottom: 40px;
}

.bookList li:after {
	content: "";
	width: 100%;
	height: 93px;
	position: absolute;
	bottom: -33px;
	left: 0;
	z-index: -2;
	background: url(../../images/centerBoard.gif) repeat-x;
}

.bookList li:before {
	content: "";
	width: 140px;
	height: 93px;
	position: absolute;
	bottom: -33px;
	z-index: -1;
}

.bookList li:first-child:before {
	left: -35px;
	background: url(../../images/leftBoard.gif) no-repeat;
}

.bookList li:nth-child(5n-1):before {
	left: -35px;
	background: url(../../images/leftBoard.gif) no-repeat;
}

.bookList li:nth-child(4n-1):before {
	right: -35px;
	background: url(../../images/rightBoard.gif) no-repeat;
}

.bookList li:last-child a:before {
	content: "";
	width: 130px;
	height: 93px;
	position: absolute;
	bottom: -51px;
	z-index: -1;
	right: -47px;
	background: url(../../images/rightBoard.gif) no-repeat;
}

.bookList li a {
	display: block;
	position: relative;
}

.bookList li a img {
	width: 100%;
	height: auto;
	display: block;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.47);
}

.bookList span {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.65);
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	left: 0;
}

.bookList a:hover span {
	background: #fbd116;
	color: #000;
}

.bookList.pageBook li:first-child,
.bookList.pageBook li:last-child {
	width: 25.33%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.bookList.pageBook li:first-child:hover,
.bookList.pageBook li:last-child:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.bookList.pageBook li:first-child a:before,
.bookList.pageBook li:last-child a:before {
	content: "";
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.56) url(../../images/icon/btn_right_w.svg) no-repeat 21px center/45%;
	opacity: 0;
}

.bookList.pageBook li:first-child:hover a:before,
.bookList.pageBook li:last-child:hover a:before {
	opacity: 1;
}

.bookList.pageBook li:first-child a:before {
	transform: scale(-1);
}

.bookList.pageBook ul {
	text-align: center;
	padding: 0;
	margin-top: 60px;
}

.bookList.pageBook li {
	width: 37.33%;
}

.bookList.pageBook li span {
	opacity: 0;
}

.bookList.pageBook li:first-child:hover span,
.bookList.pageBook li:last-child:hover span {
	opacity: 1;
}

/*重大政策*/
.policiesBox {
	margin-bottom: 80px;
}

.policiesBox li {
	height: 345px;
	overflow: hidden;
	background: #FFF;
	margin-bottom: 30px;
	border: 1px solid #f0eee3;
}

.policiesBox .cover {
	height: 100%;
	width: 40%;
	float: left;
}

.policiesBox .info {
	height: 100%;
	width: 60%;
	float: left;
	padding: 25px 36px;
	color: #4b4b4b;
	position: relative;
}

.policiesBox h2,.policiesBox .h2 {
	color: #3f6124;
	font-size: 158%;
	margin-bottom: 15px;
}

.policiesBox span {
	line-height: 1.9em;
	font-size: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-o-line-clamp: 6;
	-ms-line-clamp: 6;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
}

.policiesBox a {
	display: block;
	background: #8F6C0A;
	color: #FFF;
	position: absolute;
	padding: 6px 20px 6px 33px;
	font-size: 95%;
	right: 36px;
	bottom: 23px;
}

.policiesBox a:before {
	content: "+";
	font-size: 165%;
	display: inline-block;
	position: absolute;
	left: 11px;
	top: 0px;
}

/*推廣區*/
.promote {
	height: 440px;
	overflow: hidden;
	background: #FBD116;
	margin-bottom: 30px;
	border: 1px solid #f0eee3;
}

.activityWrap .promote {
	border: none;
	height: 0;
	padding-bottom: 35.8%;
	background: #5b7f2f;
}

.activityWrap .slick-slider {
	margin-bottom: 0;
}

.promote .cover {
	height: 100%;
	width: 65%;
	float: right;
}

.promote .picRunBox,
.promote .bannerRunBox {
	height: 100%;
	width: 65%;
	float: right;
}

.activityWrap .promote .picRunBox,
.activityWrap .promote .bannerRunBox {
	width: 60%;
}

.promote .info {
	height: 100%;
	width: 35%;
	float: left;
	padding: 30px 36px;
	color: #000;
	position: relative;
}

.activityWrap .promote .info {
	width: 40%;
	color: #fff;
}

.activityBox h2,.activityBox .h2 {
	color: #000;
	font-size: 150%;
	margin-bottom: 15px;
	padding-left: 20px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-o-line-clamp: 3;
	-ms-line-clamp: 3;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
}

.promote h2:before,.promote .h2:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	height: calc(100% - 11px);
	width: 5px;
	background: #000;
}

.promote .info ul {
	font-size: 95%;
	margin-top: 5px;
	margin-bottom: 10px;
}

.promote .info ul li {
	padding-left: 5px;
	margin: 0 0 7px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 20px;
	position: relative;
}

.activityWrap .promote .info ul {
	font-size: 110%;
}

.promote .info ul li:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: rgba(0, 0, 0, 0.58);
	border-radius: 50%;
	top: 8px;
	left: 3px;
}

.activityWrap .promote .info ul li {
	padding: 0 0 0 110px;
	margin-bottom: 10px;
	overflow: initial;
	text-overflow: initial;
	white-space: initial;
	word-break: break-all;
	line-height: 199%;
}

.activityWrap .promote .info ul li span {
	color: #5b7f2f;
	background: #fff;
	display: inline-block;
	padding: 10px 15px;
	border-radius: 50px;
	font-size: 85%;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 100%;
}

.promote span {
	padding-top: 7px;
	margin-top: 10px;
	line-height: 1.8em;
	font-size: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-o-line-clamp: 4;
	-ms-line-clamp: 4;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
}

.activityWrap span {
	margin-top: 0;
}

.promote a {
	display: block;
	background: #000;
	color: #FFF;
	position: absolute;
	padding: 9px 23px 9px 42px;
	font-size: 95%;
	right: 36px;
	bottom: 18px;
}

.promote a:hover {
	bottom: 26px;
}

.promote a:before {
	content: "+";
	font-size: 165%;
	display: inline-block;
	position: absolute;
	left: 18px;
	top: 3px;
}

/* .activityList>li {
	display: inline-block;
	width: calc(25% - 18px);
	margin-right:18px;
	border: 1px solid #f0eee3;
} */

.activityList li a {
	display: block;
	color: #000;
	background: #FFF;
	border: 1px solid #f0eee3;
	position: relative;
}

.activityList li a:after {
	content: "";
	width: 100%;
	height: 4px;
	background: #FBD116;
	position: absolute;
	left: 0;
	bottom: 0;
}

.activityList li a:hover {
	background: #FBD116;
}

.activityList li a>u {
	display: block;
	width: 100%;
	height: 220px;
	overflow: hidden;
	position: relative;
	background: #000;
}

.activityList li a b {
	font-weight: bold;
	display: block;
	border: 2px solid #FFF;
	color: #FFF;
	padding: 0 20px;
	width: 140px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -70px;
	opacity: 0;
	-o-transition: opacity .20s linear;
	-webkit-transition: opacity .20s linear;
	-moz-transition: opacity .20s linear;
	transition: opacity .20s linear;
}

.activityList li a:hover b {
	opacity: 1;
}

.activityList li a i {
	opacity: 1;
	display: block;
	width: 100%;
	height: 100%;
	transform: scale(1);
	-o-transition: transform .20s linear, opacity .20s linear;
	-webkit-transition: transform .20s linear, opacity .20s linear;
	-moz-transition: transform .20s linear, opacity .20s linear;
	transition: transform .20s linear, opacity .20s linear;
}

.activityList li a:hover i {
	opacity: 0.5;
	transform: scale(1.1);
	-o-transition: transform .20s linear, opacity .20s linear;
	-webkit-transition: transform .20s linear, opacity .20s linear;
	-moz-transition: transform .20s linear, opacity .20s linear;
	transition: transform .20s linear, opacity .20s linear;
}

.activityList li a img {
	width: 100%;
	height: auto;
}

.activityList h2,.activityList .h2 {
	font-size: 108%;
	margin-top: 4px;
	margin-bottom: 10px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-o-line-clamp: 2;
	-ms-line-clamp: 2;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
}

.activityList .info {
	display: block;
	padding: 13px 24px 17px 24px;
}

.activityList .info u {
	display: block;
	font-size: 87%;
	padding: 4px 5px 4px 19px;
	position: relative;
}

.activityList .info u:before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 4.5px;
	background: #000;
}

/*-----魅力圖庫/旅遊資訊-----*/
.album .main,
.album .main article,
.travel .main,
.travel .main article,
.video .main,
.video .main article,
.nature .main,
.nature .main article {
	padding: 0;
	margin: 0;
}

.album header h1,
.travel header h1,
.video header h1 {
	display: inline-block;
	font-weight: bold;
	background: #FFD000;
	margin: 22px 0 0 0;
	padding: 12px 31px 13px 53px;
	color: #000;
	font-size: 260%;
}

.album header h1:before,
.travel header h1:before,
.video header h1:before,
.nature .header h1:before {
	content: "";
	display: block;
	width: 5px;
	height: 40px;
	background: #000;
	position: absolute;
	left: 30px;
	top: 24px;
}

/*-----魅力圖庫-----*/
.album header {
	padding: 30px 60px 80px 60px;
	background: url(../../images/album_header.jpg) center/cover;
}

.album .searchBox {
	width: 636px;
	padding: 30px 38px 25px 30px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
}

.albumList {
	overflow: hidden;
}

.albumList li {
	float: left;
}

.albumList li:nth-child(8n+1) {
	width: 25%;
	float: left;
}

.albumList li:nth-child(8n+2) {
	width: 25%;
	float: left;
}

.albumList li:nth-child(8n+3) {
	width: 50%;
	float: left;
}

.albumList li:nth-child(8n+4) {
	width: 50%;
	float: left;
	margin-top: -25%;
}

.albumList li:nth-child(8n+5) {
	width: 25%;
	float: right;
}

.albumList li:nth-child(8n+6) {
	width: 25%;
	float: right;
}

.albumList li:nth-child(8n+7) {
	width: 50%;
	float: right;
}

.albumList li:nth-child(8n+8) {
	width: 50%;
	float: right;
	margin-top: -25%;
}

.albumList a {
	display: block;
	width: 100%;
	position: relative;
}

.albumList a i {
	display: block;
	width: 100%;
	height: 0;
	padding: 50%;
}

.albumList li:nth-child(8n+1) a i {
	padding: 50%;
}

.albumList li:nth-child(8n+2) a i {
	padding: 50%;
}

.albumList li:nth-child(8n+3) a i {
	padding: 50%;
}

.albumList li:nth-child(8n+4) a i {
	padding: 25%;
}

.albumList li:nth-child(8n+5) a i {
	padding: 50%;
}

.albumList li:nth-child(8n+6) a i {
	padding: 50%;
}

.albumList li:nth-child(8n+7) a i {
	padding: 50%;
}

.albumList li:nth-child(8n+8) a i {
	padding: 25%;
}

.albumList a .info {
	background: rgba(0, 0, 0, 0.6);
	display: block;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	opacity: 0;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

.albumList a:hover .info {
	opacity: 1;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

.albumList a .info u {
	background: #FFF;
	color: #000;
	display: block;
	width: 136px;
	height: 42px;
	line-height: 42px;
	font-size: 110%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -68px;

	display: none;
}

.albumList a .info h2,.albumList a .info .h2 {
	position: absolute;
	display: table;
	width: 100%;
	height: 76px;
	font-size: 115%;
	text-align: center;
	line-height: 1.5em;
	top: 50%;
	left: 50%;
	margin-top: -38px;
	margin-left: -50%;
	padding: 0 15px;
}

.albumList a .info h2 strong,.albumList a .info .h2 strong {
	display: table-cell;
	vertical-align: middle;
}

/*-----旅遊資訊清單-----*/

.travel header {
	height: 75vh;
	padding: 30px 13% 80px 13%;
	background: no-repeat center/cover;
	position: relative;
}

.travel header .introWrap {
	position: absolute;
	bottom: 78px;
	width: 40%;
	max-width: 710px;
}

.special.travel .intro,
.special.nature .intro {
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 20px 30px 25px 30px;
	overflow: hidden;
	height: 270px;
}

.special.travel .intro h2,.special.travel .intro .h2 {
	font-size: 203%;
	margin-left: -3px;
	display: none;
}

.special.travel .intro i,
.special.nature .intro i {
	display: none;
	font-size: 94%;
	line-height: 1.7em;
}

.special.travel .intro h3,
.special.nature .intro h3,
.special.travel .intro .h3,
.special.nature .intro .h3 {
	font-size: 94%;
	line-height: 1.7em;
	overflow: hidden;
	margin-bottom: 17px;
}

.special.travel .intro a {
	display: block;
	width: 110px;
	padding: 5px 10px;
	background: #FFD000;
	color: #000;
	text-align: center;
	font-size: 90%;
	float: right;
}

/*------旅遊資訊暴流式-----*/
.travelBox {
	padding: 30px 13% 80px 13%
}

.travelList.grid li {
	padding: 0 25px 40px 25px;
}

.travelList.grid li a {
	width: 100%;
	background: #ffd208;
}

.travelList.grid li a:focus {
	border: 5px #38a5af solid;
}

.travelList.grid li a>i {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
}

.travelList.grid li h2,.travelList.grid li .h2 {
	text-align: center;
	color: #000;
	padding: 17px;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}

.travelList li .info {
	text-align: center;
	color: #000;
}

.travelList li .info span {
	display: table;
	width: 100%;
}

.travelList li .info span>* {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	padding: 16px 0;
	font-size: 115%;
}

.travelList li .info span>u.open {
	border-right: 1px solid #FFF;
}

.travelList li .info span>*:before {
	content: "";
	width: 42px;
	height: 40px;
	display: inline-block;
	margin-right: 16px;
	background: no-repeat center/contain;
	vertical-align: middle;
}

.travelList li .info span>.open:before {
	background-image: url(../../images/icon/open.svg);
}

.travelList li .info span>.close:before {
	background-image: url(../../images/icon/close.svg);
}

.travelList li .info span>s:before {
	margin-right: 6px;
	background-image: url(../../images/icon/temperature.svg);
}

.travelList li .info span>.close {
	background: #ff7800;
	color: #FFF;
	padding-left: 35px;
}

.travelList li .info span>.open {
	padding-left: 35px;
}

.travelList li .info>i {
	display: table;
	width: 100%;
	height: 54px;
	padding: 14px 20px 10px 20px;
}

.travelList li .info>b {
	display: table;
	width: 100%;
	height: 50px;
	padding: 0 20px 14px 20px;
}

.travelList li .info>*>u {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
}

.travelList li .info>*>u {
	height: 50px;
	height: 18px;
}

.travelList li .info i:before,
.travelList li .info b:before {
	content: "";
	width: 28px;
	height: 42px;
	height: 22px;
	display: table-cell;
	margin-right: 16px;
	background: no-repeat center/contain;
	vertical-align: top;
	background-position: top;
}

.travelList li .info i:before {
	background-image: url(../../images/icon/location.svg);
}

.travelList li .info b:before {
	background-image: url(../../images/icon/tel.svg);
}

/*------ 國家森林遊樂 ------*/
.special.travel header .map {
	position: absolute;
	width: 324px;
	height: 410px;
	background: url(../../images/taiwanMapGreen.png) no-repeat center/contain;
	right: 13%;
	bottom: 78px;
}

.travel .map a {
	position: absolute;
	text-align: center;
	color: #065000;
	width: 75px;
	display: block;
}

.travel .map a:before {
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -7px;
	background: #ffaa00;
	border: 3px solid #FFF;
}

/*------ 熱門影音 ------*/
.video header {
	padding: 30px 230px 80px 80px;
	background: url(../../images/album_header.jpg) center/cover;
}

.video .searchBox {
	width: 636px;
	padding: 30px 38px 25px 30px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
}

.video .movieBox {
	padding: 50px 230px 80px 80px;
}

/*大*/
.movieBig {
	margin: 0 25px 0 15px;
}

.movieBig:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.movieBig .pic {
	display: block;
	float: right;
	width: 48%;
	height: 368px;
	position: relative;
}

.movieBig .pic:focus {
	border: #3e7fd0 3px solid;
}

.movieBox .pic:before {
	content: "";
	display: block;
	width: 40%;
	height: 0;
	padding-bottom: 40%;
	top: 50%;
	left: 50%;
	margin-top: -20%;
	margin-left: -20%;
	background: url(../../images/icon/play.png) no-repeat center/contain;
	position: absolute;
	z-index: 1;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
	opacity: .4;
}

.movieBig .info {
	float: left;
	width: 47%;
	margin-right: 5%;
}

.movieBig h2,.movieBig .h2 {
	color: #000;
	font-size: 184%;
	padding-left: 24px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-o-line-clamp: 3;
	-ms-line-clamp: 3;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
	margin-bottom: 23px;
	margin-top: -4px;
}

.movieBig h2:before,.movieBig .h2:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	height: calc(100% - 7px);
	width: 5px;
	background: #8F6C0A;
}

.movieBig h2 span,.movieBig .h2 span {
	font-size: 50%;
	display: block;
	width: 108px;
	padding: 4px 10px;
	background: #3f6124;
	margin-top: 12px;
	color: #FFF;
	border-radius: 16px;
	text-align: center;
}

.movieBig p {
	height: 183px;
	font-size: 95%;
	line-height: 1.6em;
}

.movieBox b {
	display: block;
	margin-top: 15px;
}

.movieBox b i {
	color: #ff6000;
}

/*單個的*/
.oneMovie {
	position: relative;
}

.movieList.grid {
	margin-top: 40px;
}

.movieList.grid li {
	padding: 0px 30px 0 30px;
	height: 0;
	padding-bottom: 32%;
}

.oneMovie .pic {
	height: 0;
	padding-bottom: 53%;
	position: relative;
	border: 1px #CCCCCC solid;
}

.oneMovie .pic:focus {
	border: #3e7fd0 3px solid;
}

a.openInfo:hover {
	background: #fff;
	color: #000;
}

a.openInfo:focus {
	background: #fff;
	color: #000;
	border: 1px #3e7fd0 solid;
}

.oneMovie h2,.oneMovie .h2 {
	font-size: 120%;
	margin-top: 16px;
}

.oneMovie span {
	font-size: 68%;
	display: block;
	width: 90px;
	padding: 4px 10px;
	background: #3f6124;
	margin-top: 7px;
	color: #FFF;
	border-radius: 16px;
	text-align: center;
}

.oneMovie p {
	z-index: 2;
	font-size: 90%;
	line-height: 1.6em;
	display: none;
	position: absolute;
	top: 100%;
	background: #2F2F2F;
	color: #FFF;
	height: 190px;
	padding: 15px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.22);
}

a.openInfo {
	display: block;
	background: #000;
	color: #FFF;
	float: right;
	margin-top: -29px;
	padding: 5px 15px;
	font-size: 76%;
}

a.openInfo:before {
	content: "+";
	display: inline-block;
	margin-right: 8px;
	font-size: 110%;
}

/*██↓↓ 活動行事曆 ↓↓██*/

.monthTitle {
	background: #8F6C0A;
	text-align: center;
	padding: 16px 0;
}

.monthTitle a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	opacity: .5;
}

.monthTitle a.pre {
	background: url(../../images/icon/leftArr.svg) no-repeat center/contain;
}

.monthTitle a.next {
	background: url(../../images/icon/rightArr.svg) no-repeat center/contain;
}

.monthTitle h5,.monthTitle .h5 {
	display: inline-block;
	color: #FFF;
	font-size: 170%;
	vertical-align: middle;
	margin: 0 30px;
}

.monthTitle h5 i,.monthTitle .h5 i {
	margin-right: 10px;
}

.dayAll>li {
	padding: 20px 40px;
	position: relative;
}

.dayAll>li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.dayAll>li:before {
	content: "";
	width: 3px;
	height: 100%;
	background: #8F6C0A;
	position: absolute;
	top: 38px;
	left: 170px;
	z-index: 1;
}

.dayAll>li:last-child:before {
	display: none;
}

.dayAll>li:nth-child(odd) {
	background: #FFF;
}

.dayAll>li:nth-child(even) {
	background: #f8f8f8;
}

.dayAll li>.date.holiday {
	color: red;
}

.dayAll li>.date.holiday u:after {
	background: red;
}

.dayAll li>.date {
	display: block;
	float: left;
	color: #8F6C0A;
	width: 106px;
	position: relative;
}

.dayAll li.holiday>.date {
	color: red;
}

.dayAll>li>.date:before {
	content: "";
	width: 14px;
	height: 14px;
	background: #FFF;
	border: 4px solid #febb6c;
	position: absolute;
	border-radius: 50%;
	top: 5px;
	right: -36px;
	z-index: 2;
}

.dayAll>li>.date.holiday:before {
	background: #FFC1C1;
	border: 4px solid #FF3700;
}

.dayAll li>.date i {
	font-size: 166%;
	display: inline-block;
	vertical-align: middle;
}

.dayAll li>.date u {
	font-size: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-top: -7px;
	position: relative;
}

.dayAll li>.date u:after {
	content: "";
	position: absolute;
	background: #8F6C0A;
	width: 100%;
	height: 1px;
	bottom: -2px;
	left: 0;
}

.dayAll .event {
	float: left;
	width: calc(100% - 106px);
	padding-left: 62px;
}

.dayAll .event li {
	padding: 7px 0;
}

.dayAll .event a {
	display: block;
	position: relative;
	font-size: 96%;
	color: #616161;
}

.dayAll .event b {
	display: inline-block;
	background: #000;
	color: #FFF;
	padding: 2px 8px;
	position: absolute;
	font-size: 85%;
}

.dayAll .event b.act {
	background: #41B4D8;
}

.dayAll .event b.sign {
	background: #F3679A;
}

.dayAll .event b.holiday {
	background: #DE3E3E;
}

.dayAll .event h2,.dayAll .event .h2 {
	display: block;
	font-size: 100%;
	padding-left: 63px;
	line-height: 1.5em;
}

/*██↓↓ 最新消息列表 ↓↓██*/

.newsList>ul {
	margin-top: -20px;
}

.newsList .newsBox {
	border: 1px solid #d1cec1;
	margin-top: -1px;
}

.newsBox a {
	padding: 30px 20px;
	color: #575757;
	display: block;
}

.newsBox a:hover {
	background: #e0dcce;
}

.newsBox .info {
	display: block;
	margin-bottom: 0.5rem;
}

.newsBox .info>* {
	display: inline-block;
	vertical-align: middle;
	margin-right: 9px
}

.newsBox .info i {
	color: #5f5d58;
}

.newsBox .info i>span:after {
	content: "/";
}

.newsBox .info u {
	min-width: 90px;
	font-size: 82%;
	background: #3f6124;
	color: #FFF;
	padding: 0 12px;
	text-align: center;
	line-height: 29px;
}

.newsBox.Hot .info>*:last-child {
	position: relative;
}

.newsBox.Hot .info>*:last-child:after {
	content: "HOT";
	display: inline;
	width: 32px;
	font-size: 91%;
	line-height: 29px;
	background: #d95d45;
	color: #FFF;
	padding: 0px 11px 0px 11px;
	text-align: center;
	margin-left: 7px;
	top: -1px;
	right: -66px;
	position: absolute;
}

/*標籤*/
.newsBox.type1 .info u {
	background: #2c767d;
}

.newsBox.type2 .info u {
	background: #46C1DE;
}

.newsBox.type3 .info u {
	background: #F689BB;
}

.newsBox.type4 .info u {
	background: #9C7FDE;
}

.newsBox .info b {
	font-size: 82%;
	border: 1px solid #527B18;
	padding: 0px 10px;
	text-align: center;
	color: #527B18;
	line-height: 27px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newsBox.Hot .info b:after {
	content: "HOT";
	display: inline;
	width: 32px;
	font-size: 91%;
	background: #f37575;
	color: #FFF;
	padding: 6px 11px 7px 11px;
	text-align: center;
	margin-left: 7px;
	top: -1px;
	right: -66px;
	position: absolute;
}

.newsBox h2,
.newsBox h3,
.newsBox .h2,
.newsBox .h3 {
	font-size: 150%;
	padding: 16px 0;
	letter-spacing: 0.05em;
	color: #8F6C0A;
	position: relative;
}

.newsBox h2:before,
.newsBox h3:before,
.newsBox .h2:before,
.newsBox .h3:before {
	display: block;
	content: "";
	position: absolute;
	left: -20px;
	top: 22px;
	width: 4px;
	height: 25px;
	background: #2c767d;
}

.newsBox h4,
.newsBox .h4,
.newsBox p,
.newsBox p.newsheadline {
	color: #595548;
	font-size: 95%;
	line-height: 1.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-o-line-clamp: 3;
	-ms-line-clamp: 3;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
}

.newsDate {
	display: inline-block;
	background: #367d56;
	color: #FFF;
	font-size: 107%;
	padding: 7px 14px;
	margin-bottom: 17px;
	margin-right: 18px;
}

.newsDate span:after {
	content: "/";
}

.newsBox small,
.newsBox strong {
	position: relative;
	display: block;
	padding-left: 107px;
	font-size: 95%;
	line-height: 1.5;
}

.newsBox small {
	margin-bottom: 14px;
	margin-top: 5px;
}

.newsBox small u,
.newsBox strong u {
	position: absolute;
	background: #47A938;
	padding: 2px 12px;
	color: #FFF;
	font-size: 90%;
	margin-top: -2px;
	margin-left: -104px;
	border-radius: 15px;
}

.newsBtn {
	position: relative;
}

.newsBtn ul {
	list-style: none;
	position: absolute;
	height: 38px;
	top: -102px;
	right: 0;
}

.newsBtn li {
	float: left;
	margin-right: 20px;
}

.newsBtn li:last-child {
	margin-right: 0;
}

.newsBtn li a {
	display: block;
	background: #8F6C0A;
	color: #FFF;
	padding: 4px 13px;
}

.newsBtn li a:before {
	content: "";
	width: 20px;
	height: 22px;
	display: inline-block;
	margin-right: 11px;
	vertical-align: middle;
}

.newsBtn li a.jobTest:before {
	background: url(../../images/icon/jobTest.svg) no-repeat;
}

.newsBtn li a.jobVideo:before {
	background: url(../../images/icon/index_video.svg) no-repeat;
}

.hideH1 header h1 {
	display: none;
}

.hideH1 header h2,.hideH1 header .h2 {
	display: block;
	font-size: 194%;
	margin-bottom: 50px;
	color: #595548;
	padding-left: 24px;
	position: relative;
}

.hideH1 header h2:before,.hideH1 header .h2:before {
	content: "";
	width: 5px;
	height: 100%;
	background: #8F6C0A;
	position: absolute;
	left: 0;
	top: 0;
}

/*活動(用新聞改)*/
.events .newsBox a {
	position: relative;
	padding-left: 330px;
}

.events .newsBox h3,.events .newsBox .h3 {
	padding-top: 0;
}

.events .newsBox h3:before,.events .newsBox .h3:before {
	top: 7px;
	display: none;
}

.events .newsBox ol {
	margin-bottom: 15px;
	color: #5b7f2f;
}

.events .newsBox ol li {
	margin: 0 0 7px 0;
	overflow: hidden;
	position: relative;
	padding: 3px 0 3px 105px;
}

.events .newsBox ol li span {
	color: #eae7dd;
	background: #5b7f2f;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 50px;
	font-size: 85%;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.events .newsBox .Img {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 270px;
	height: calc(100% - 60px);
	border: 1px solid #e0dcce;
	overflow: hidden;
}

.events .newsBox .Img .imgLiquid {
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.events .newsBox a:hover .Img .imgLiquid {
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1);
}

.events .newsBox .Img .imgLiquid {
	position: relative;
	background-color: #000;
}

.events .newsBox .Img .imgLiquid>img {
	visibility: inherit !important;
	width: 100%;
	height: auto;
	position: absolute;
	margin: auto;
	top: -9999px;
	right: -9999px;
	bottom: -9999px;
	left: -9999px;
	max-width: initial;
}

/*首長信箱*/
.mailWrap {
	position: relative;
}

.mailWrap h2,.mailWrap .h2 {
	font-weight: bold;
	color: #797355;
	font-size: 120%;
	padding: 20px 0;
	margin: 20px 0 25px 0;
	border-bottom: 1px solid #e7e4d6;
}

.mailWrap .note {
	background: #eeebdd;
	color: #201c1c;
	padding: 31px 37px;
	border-radius: 8px;
	line-height: 1.5;
	overflow: hidden;
	display: table;
	width: 100%;
}

.mailWrap .note p {
	padding-left: 20px;
	margin: 0 12px 0 0;
	display: table-cell;
	vertical-align: middle;
}

.mailWrap .note:before {
	content: "";
	display: table-cell;
	width: 18%;
	max-width: 140px;
	height: 0;
	padding-bottom: 15%;
	background: url(../../images/mail_noteA.png) no-repeat center/contain;
}

/*第0步*/

.mailWrap .btns {
	position: absolute;
	overflow: hidden;
	top: -70px;
	right: 0;
}

.mailWrap .btns li {
	float: left;
	margin-left: 20px;
}

.mailWrap .btns li {
	float: left;
	margin-left: 20px;
}

.mailWrap .btns li a {
	display: block;
	background: #5f5d58 no-repeat 18px center/22px;
	border-radius: 6px;
	color: #FFF;
	padding: 8px 23px 8px 51px;
	font-size: 108%;
}

.mailWrap .btns li a:hover {
	background: #726F5E no-repeat 18px center/22px;
}

.mailWrap .btns li:nth-child(1) a {
	background-image: url(../../images/icon/mail_search.svg);
}

.mailWrap .btns li:nth-child(2) a {
	background-image: url(../../images/icon/mail_resend.svg);
}

.mailWrap ol {
	padding-left: 28px;
}

.mailWrap ol li {
	margin-bottom: 20px;
	line-height: 1.7em;
	position: relative;
}

.mailWrap ol li:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #797355;
	position: absolute;
	left: -25px;
	top: 8px;
}

/*步驟*/
.mailWrap .step {
	overflow: hidden;
	text-align: center;
	padding: 5px 0;
}

.mailWrap .step0 .step {
	padding: 5px 0 60px 0;
}

.mailWrap .step>li {
	width: calc(20% - 30px);
	display: inline-block;
	margin-bottom: 30px;
	margin-right: 20px;
	background: #8F6C0A;
	color: #FFF;
	border-radius: 6px;
	padding: 16px;
	position: relative;
}

.mailWrap .step>li.notYet {
	background: #cbcbcb;
}

.mailWrap .step>li span {
	font-size: 120%;
	position: relative;
}

.mailWrap .step>li h3,
.mailWrap .step>li .h3 {
	font-size: 92%;
	display: table;
	width: 100%;
	height: 76px;
	margin-top: 27px;
	line-height: 1.5;
}

.mailWrap .step0 .step>li h3,
.mailWrap .step0 .step>li .h3 {
	margin-top: 0;
}

.mailWrap .step>li h3 b,
.mailWrap .step>li .h3 b {
	display: table-cell;
	vertical-align: middle;
}

.mailWrap .step>li span:before {
	content: '';
	position: absolute;
	width: 300px;
	height: 1px;
	background: #FFF;
	top: 37px;
	left: 50%;
	margin-left: -150px;
}

.mailWrap .step0 .step>li span:after {
	content: "";
	display: block;
	width: 81%;
	height: 0;
	padding-bottom: 85%;
	background: no-repeat center/contain;
	margin: 17px auto 3px auto;
	max-width: 100px;
}

.mailWrap .step>li:nth-child(1) span:after {
	background-image: url(../../images/icon/mail_step1.svg);
}

.mailWrap .step>li:nth-child(2) span:after {
	background-image: url(../../images/icon/mail_step2.svg);
}

.mailWrap .step>li:nth-child(3) span:after {
	background-image: url(../../images/icon/mail_step3.svg);
}

.mailWrap .step>li:nth-child(4) span:after {
	background-image: url(../../images/icon/mail_step4.svg);
}

.mailWrap .step>li:nth-child(5) span:after {
	background-image: url(../../images/icon/mail_step5.svg);
}

.mailWrap .step>li i {
	position: absolute;
	bottom: -75px;
	color: #c50606;
	display: inline-block;
	width: 110%;
	height: 63px;
	font-size: 84%;
	left: -4px;
}

.mailWrap .stepBtn {
	text-align: center;
	margin-top: 50px;
}

.mailWrap .stepBtn a {
	display: inline-block;
	background: #5f5d58;
	border-radius: 6px;
	color: #FFF;
	padding: 10px 35px;
	font-size: 108%;
	margin: 0 20px;
}

.mailWrap .stepBtn a:hover {
	background: #726F5E;
}

.mailWrap .info {
	color: #4f482a;
	font-size: 100%;
	margin: 15px 0 40px 0;
	line-height: 1.5em;
}

.mailWrap .info p {
	margin-bottom: 20px;
}

.mailWrap .alert {
	margin-bottom: 20px;
	font-size: 100%;
	color: #B50808;
	text-align: center;
	display: block;
	text-decoration: none;
}

/*信箱表格*/
.mailFrom {
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 60px;
}

.mailFrom h4,
.mailFrom .h4 {
	background: #F1EEE3;
	color: #4f482a;
	font-weight: bold;
	padding: 15px 30px;
	font-size: 110%;
	border-radius: 6px 6px 0 0;
	border: 1px solid #E6E2D1;
}

.mailFrom table {
	width: 100%;
	border-left: 1px solid #eeebdd;
	font-size: 95%;
}

.mailFrom tr {
	border-bottom: 1px solid #eeebdd;
}

.mailFrom tr>* {
	border-right: 1px solid #eeebdd;
	padding: 13px 30px;
}

.mailFrom th {
	text-align: right;
	width: 22%;
}

.mailFrom td>* {
	vertical-align: middle;
}

.mailFrom td input[type="text"] {
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	color: #636262;
	font-size: 88%;
	padding: 8px 10px;
	height: 35px;
	margin-right: 12px;
}

.mailFrom td input[type="radio"] {
	margin-left: 3px;
	margin-right: 12px;
}

.mailFrom td input[type="file"] {
	font-size: 75%;
	padding: 0;
}

.mailFrom td input[type="submit"] {
	display: inline-block;
	background: #B1AFA6;
	border-radius: 5px;
	color: #FFF;
	padding: 0px 17px;
	font-size: 95%;
	height: 33px;
}

.mailFrom td u {
	margin-right: 12px;
}

.mailFrom i {
	color: #B50808;
	margin-right: 5px;
}

.mailFrom p {
	line-height: 1.5em;
}

.mailFrom h4 i,
.mailFrom .h4 i {
	font-weight: normal;
	float: right;
	font-size: 80%;
}

.mailFrom textarea {
	width: 90%;
	height: 140px;
	max-width: 600px;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	color: #636262;
	font-size: 88%;
	padding: 8px 10px;
}

.mailFrom ol span {
	font-weight: bold;
	color: #6A5B19;
}

.mailFrom ol b {
	text-decoration: underline;
	color: #B50808;
	font-size: 108%;
	margin-left: 10px;
}

.mailFrom ol s {
	color: #8B8B8B;
	display: block;
}

.mailFrom ol {
	padding-left: 95px;
	margin: 7px 0;
}

.mailFrom ol a {
	display: block;
	position: absolute;
	background: #B50808;
	color: #FFF;
	padding: 1px 13px;
	font-size: 88%;
	border-radius: 5px;
	top: -2px;
	left: -94px;
}

.mailFrom ol li {
	position: relative;
	margin-bottom: 9px;
}

.mailFrom ol li:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #797355;
	position: absolute;
	left: -19px;
}

.mailFrom td .total {
	border-top: 1px dashed #E3E3E3;
	padding: 11px 0;
	margin-top: 16px;
	color: #5f5d58;
}

.mailFrom td .total strong {
	margin: 0 15px;
	font-size: 110%;
	color: #B50808;
}

.mailFrom td .total u {
	float: right;
	margin-right: 0;
	color: #B50808;
}

.mailFrom td .verifyImg {
	height: 35px;
	border: 1px solid #d0d0d0;
	margin-right: 12px;
	border-radius: 4px;
}

.mailFrom td .status {
	display: inline-block;
	background: #B50808;
	border-radius: 99px;
	color: #FFF;
	padding: 10px 15px;
	font-size: 95%;
}

.mailFrom td a.goSurvey {
	display: inline-block;
	background: #B1AFA6;
	border-radius: 5px;
	color: #FFF;
	padding: 0px 17px;
	font-size: 95%;
	height: 33px;
	line-height: 33px;
	margin-right: 10px;
}

.mailFrom td a.alreadyDone {
	display: inline-block;
	background: #B1AFA6;
	border-radius: 5px;
	color: #FFF;
	padding: 0px 17px;
	font-size: 95%;
	height: 33px;
	line-height: 33px;
}

.mailFrom.reply h4,.mailFrom.reply .h4 {
	background: #655F45;
	color: #FFF;
}

/***************首長簡介****************/
.directorGeneral .photo {
	position: relative;
	background: #5cbf94;
	width: 100%;
}

.directorGeneral .photo .nameInfo {
	width: 100%;
	padding: 4%;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	bottom: 0;
}

.directorGeneral .photo .nameInfo i {
	display: block;
	margin-bottom: 10px;
}

.directorGeneral .photo .nameInfo h2,.directorGeneral .photo .nameInfo .h2 {
	color: #fff;
	font-size: 200%;
	padding: 0;
	margin: 0;
	border-bottom: 0;
}

.directorGeneral .photo .nameInfo h2 em,.directorGeneral .photo .nameInfo .h2 em {
	display: block;
	font-size: 45%;
	font-style: normal;
}

.dlTable_2 dl {
	display: table;
	width: 100%;
}

.dlTable_2 dl dt {
	background: #E0DCCE;
	color: #434343;
	display: table-cell;
	font-weight: bold;
	padding: 15px;
	width: 20%;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #d3d3d3;
}

.dlTable_2 dl dd {
	display: table-cell;
	margin: 0;
	padding: 15px;
	width: 80%;
	background: #F3F0E6;
	line-height: 180%;
	letter-spacing: 0.1em;
	text-align: justify;
	vertical-align: top;
	border-bottom: 1px solid #e4e4e4;
}

.dlTable_2 h3,.dlTable_2 .h3 {
	color: #ff7200;
	font-weight: 700;
	margin: 5px 0;
}

/*小張照片*/
.directorGeneral .photo:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.directorGeneral .photo .Img {
	float: left;
	width: 150px;
}

.directorGeneral .photo .Img img {
	display: block;
	width: inherit;
}

.directorGeneral .photo .nameInfo {
	float: left;
	width: auto;
}

/*------為您服務------*/
.serviceList.grid {
	height: auto !important;
}

.serviceList.grid li {
	padding: 0 20px 40px 20px;
	width: 25%;
	margin-left: -1%;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	display: inline-block;
	vertical-align: top;
	float: none;
}

.serviceList.grid li>div {
	min-height: 200px;
	padding-top: 155px;
}

.serviceList h2,.serviceList .h2 {
	font-size: 140%;
	color: #595548;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 18px;
}

.serviceList h2 a,.serviceList .h2 a {
	color: #5b7f2f;
	min-height: 65px;
}

.serviceList span {
	display: block;
	width: 110px;
	height: 110px;
	background: #5b7f2f;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -55px;
	text-align: center;
	line-height: 110px;
}

.serviceList span svg {
	width: 60%;
	height: 110px;
}

.serviceList span:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #5b7f2f;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: none;
}

.serviceList.grid li>div:hover span:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.serviceList li:nth-child(9n+1) span:after {
	box-shadow: 0 0 0 4px #2c767d;
}

.serviceList li:nth-child(9n+2) span:after {
	box-shadow: 0 0 0 4px #5b7f2f;
}

.serviceList li:nth-child(9n+3) span:after {
	box-shadow: 0 0 0 4px #8F6C0A;
}

.serviceList li:nth-child(9n+4) span:after {
	box-shadow: 0 0 0 4px #be4027;
}

.serviceList li:nth-child(9n+5) span:after {
	box-shadow: 0 0 0 4px #E50B2F;
}

.serviceList li:nth-child(9n+6) span:after {
	box-shadow: 0 0 0 4px #b75a99;
}

.serviceList li:nth-child(9n+7) span:after {
	box-shadow: 0 0 0 4px #4d8fe9;
}

.serviceList li:nth-child(9n+8) span:after {
	box-shadow: 0 0 0 4px #9bbf2d;
}

.serviceList li:nth-child(9n+9) span:after {
	box-shadow: 0 0 0 4px #5fceeb;
}

.serviceList.grid li span img {
	width: 60%;
	margin: 0 auto;
	vertical-align: middle;
	display: inline;
}

/* .serviceList li:nth-child(9n+1) h2,
.serviceList li:nth-child(9n+1) .serviceBtns a:after {}

.serviceList li:nth-child(9n+2) h2,
.serviceList li:nth-child(9n+2) .serviceBtns a:after {}

.serviceList li:nth-child(9n+3) h2,
.serviceList li:nth-child(9n+3) .serviceBtns a:after {}

.serviceList li:nth-child(9n+4) h2,
.serviceList li:nth-child(9n+4) .serviceBtns a:after {}

.serviceList li:nth-child(9n+5) h2,
.serviceList li:nth-child(9n+5) .serviceBtns a:after {}

.serviceList li:nth-child(9n+6) h2,
.serviceList li:nth-child(9n+6) .serviceBtns a:after {}

.serviceList li:nth-child(9n+7) h2,
.serviceList li:nth-child(9n+7) .serviceBtns a:after {}

.serviceList li:nth-child(9n+8) h2,
.serviceList li:nth-child(9n+8) .serviceBtns a:after {}

.serviceList li:nth-child(9n+9) h2,
.serviceList li:nth-child(9n+9) .serviceBtns a:after {} */

.serviceList li:nth-child(9n+1)>div>a,
.serviceList li:nth-child(9n+1) .serviceBtns a,
.serviceList li:nth-child(9n+1) span {
	background: #286b71;
}

.serviceList li:nth-child(9n+2)>div>a,
.serviceList li:nth-child(9n+2) .serviceBtns a,
.serviceList li:nth-child(9n+2) span {
	background: #5b7f2f;
}

.serviceList li:nth-child(9n+3)>div>a,
.serviceList li:nth-child(9n+3) .serviceBtns a,
.serviceList li:nth-child(9n+3) span {
	background: #8F6C0A;
}

.serviceList li:nth-child(9n+4)>div>a,
.serviceList li:nth-child(9n+4) .serviceBtns a,
.serviceList li:nth-child(9n+4) span {
	background: #be4027;
}

.serviceList li:nth-child(9n+5)>div>a,
.serviceList li:nth-child(9n+5) .serviceBtns a,
.serviceList li:nth-child(9n+5) span {
	background: #E50B2F;
}

.serviceList li:nth-child(9n+6)>div>a,
.serviceList li:nth-child(9n+6) .serviceBtns a,
.serviceList li:nth-child(9n+6) span {
	background: #b75a99;
}

.serviceList li:nth-child(9n+7)>div>a,
.serviceList li:nth-child(9n+7) .serviceBtns a,
.serviceList li:nth-child(9n+7) span {
	background: #4d8fe9;
}

.serviceList li:nth-child(9n+8)>div>a,
.serviceList li:nth-child(9n+8) .serviceBtns a,
.serviceList li:nth-child(9n+8) span {
	background: #9bbf2d;
}

.serviceList li:nth-child(9n+9)>div>a,
.serviceList li:nth-child(9n+9) .serviceBtns a,
.serviceList li:nth-child(9n+9) span {
	background: #5fceeb;
}

.serviceList li:nth-child(9n+1)>div>a:hover,
.serviceList li:nth-child(9n+1) .serviceBtns a:hover {
	background: #336165;
	/*background: #379da6;*/
}

.serviceList li:nth-child(9n+1)>div>a:focus,
.serviceList li:nth-child(9n+1) .serviceBtns a:focus {
	background: #336165;
}

.serviceList li:nth-child(9n+2)>div>a:hover,
.serviceList li:nth-child(9n+2) .serviceBtns a:hover {
	background: #32604a;
}

.serviceList li:nth-child(9n+2)>div>a:focus,
.serviceList li:nth-child(9n+2) .serviceBtns a:focus {
	background: #32604a;
}

.serviceList li:nth-child(9n+3)>div>a:hover,
.serviceList li:nth-child(9n+3) .serviceBtns a:hover {
	background: #894f24;
}

.serviceList li:nth-child(9n+3)>div>a:focus,
.serviceList li:nth-child(9n+3) .serviceBtns a:focus {
	background: #894f24;
}

.serviceList li:nth-child(9n+4)>div>a:hover,
.serviceList li:nth-child(9n+4) .serviceBtns a:hover {
	background: #8b301b;
}

.serviceList li:nth-child(9n+4)>div>a:focus,
.serviceList li:nth-child(9n+4) .serviceBtns a:focus {
	background: #8b301b;
}

.serviceList li:nth-child(9n+5)>div>a:hover,
.serviceList li:nth-child(9n+5) .serviceBtns a:hover {
	background: #883442;
}

.serviceList li:nth-child(9n+5)>div>a:focus,
.serviceList li:nth-child(9n+5) .serviceBtns a:focus {
	background: #883442;
}

.serviceList li:nth-child(9n+6)>div>a:hover,
.serviceList li:nth-child(9n+6) .serviceBtns a:hover {
	background: #643a56;
}

.serviceList li:nth-child(9n+6)>div>a:focus,
.serviceList li:nth-child(9n+6) .serviceBtns a:focus {
	background: #643a56;
}

.serviceList li:nth-child(9n+7)>div>a:hover,
.serviceList li:nth-child(9n+7) .serviceBtns a:hover {
	background: #355684;
}

.serviceList li:nth-child(9n+7)>div>a:focus,
.serviceList li:nth-child(9n+7) .serviceBtns a:focus {
	background: #355684;
}

.serviceList li:nth-child(9n+8)>div>a:hover,
.serviceList li:nth-child(9n+8) .serviceBtns a:hover {
	background: #62742b;
}

.serviceList li:nth-child(9n+8)>div>a:focus,
.serviceList li:nth-child(9n+8) .serviceBtns a:focus {
	background: #62742b;
}

.serviceList li:nth-child(9n+9)>div>a:hover,
.serviceList li:nth-child(9n+9) .serviceBtns a:hover {
	background: #2c6f80;
}

.serviceList li:nth-child(9n+9)>div>a:focus,
.serviceList li:nth-child(9n+9) .serviceBtns a:focus {
	background: #2c6f80;
}

.serviceList li>div>a:focus,
.serviceList li .serviceBtns a:focus {
	border-radius: 0;
}

.serviceList li:nth-child(9n+1) h2 a,.serviceList li:nth-child(9n+1) .h2 a {
	color: #2c767d;
}

.serviceList li:nth-child(9n+2) h2 a,.serviceList li:nth-child(9n+2) .h2 a {
	color: #5b7f2f;
}

.serviceList li:nth-child(9n+3) h2 a,.serviceList li:nth-child(9n+3) .h2 a {
	color: #8F6C0A;
}

.serviceList li:nth-child(9n+4) h2 a,.serviceList li:nth-child(9n+4) .h2 a {
	color: #be4027;
}

.serviceList li:nth-child(9n+5) h2 a,.serviceList li:nth-child(9n+5) .h2 a {
	color: #E50B2F;
}

.serviceList li:nth-child(9n+6) h2 a,.serviceList li:nth-child(9n+6) .h2 a {
	color: #b75a99;
}

.serviceList li:nth-child(9n+7) h2 a,.serviceList li:nth-child(9n+7) .h2 a {
	color: #4d8fe9;
}

.serviceList li:nth-child(9n+8) h2 a,.serviceList li:nth-child(9n+8) .h2 a {
	color: #9bbf2d;
}

.serviceList li:nth-child(9n+9) h2 a,.serviceList li:nth-child(9n+9) .h2 a {
	color: #5fceeb;
}

.serviceBtns {
	margin-top: -20px;
	padding: 0 30px;
}

.serviceBtns b {
	margin-bottom: 5px;
	display: block;
}

.serviceList .serviceBtns a {
	display: block;
	vertical-align: middle;
	position: relative;
	padding: 5px 20px;
	background: #5b7f2f;
	border-radius: 100px;
	color: #fff;
	position: relative;
	text-align: center;
	font-size: 90%;
}

.wrapper {
	overflow: hidden;
}

.wrapper.NavFixed_pding {
	padding-top: 207px;
}

.serviceList li>div>a {
	display: none;
	background: #000;
	color: #FFF;
	margin: 0 auto 40px auto;
	text-align: center;
	width: 120px;
	padding: 5px 20px;
	border-radius: 50px;
}

.serviceList li.noLower>div>a {
	display: block;
}

.serviceList li.noLower .serviceBtns {
	display: none;
}

/* .serviceList li.noLower span {
	width: 55%;
	margin: 25px auto 36px auto;
} */

/*
.serviceList li:nth-child(9n+1) svg path,.serviceList li:nth-child(9n+1) rect{fill:#2c767d !important;}
.serviceList li:nth-child(9n+2) svg path,.serviceList li:nth-child(9n+2) rect{fill:#5b7f2f !important;}
.serviceList li:nth-child(9n+3) svg path,.serviceList li:nth-child(9n+3) rect{fill:#8F6C0A !important;}
.serviceList li:nth-child(9n+4) svg path,.serviceList li:nth-child(9n+4) rect{fill:#be4027 !important;}
.serviceList li:nth-child(9n+5) svg path,.serviceList li:nth-child(9n+5) rect{fill:#E50B2F !important;}
.serviceList li:nth-child(9n+6) svg path,.serviceList li:nth-child(9n+6) rect{fill:#b75a99 !important;}
.serviceList li:nth-child(9n+7) svg path,.serviceList li:nth-child(9n+7) rect{fill:#4d8fe9 !important;}
.serviceList li:nth-child(9n+8) svg path,.serviceList li:nth-child(9n+8) rect{fill:#9bbf2d !important;}
.serviceList li:nth-child(9n+9) svg path,.serviceList li:nth-child(9n+9) rect{fill:#5fceeb !important;}
*/

/*------事求人------*/
.informationBox {
	margin-bottom: 50px;
}

.informationBox table {
	width: 100%;
	border-left: 1px solid #eeebdd;
	border-bottom: 1px solid #eeebdd;
	font-size: 95%;
}

.informationBox table th {
	text-align: right;
	width: 22%;
}

.informationBox table tr>* {
	border: 1px solid #e0dcce;
	padding: 13px 30px;
	font-size: 95%;
	line-height: 1.6;
}

.informationBox table tr>th {
	background: #30a66d;
	color: #f3f1ec;
}

.informationBox .title {
	display: block;
	font-weight: bold;
	color: #797355;
	font-size: 120%;
	margin: 20px 0 25px 0;
	padding-left: 28px;
	position: relative;
}

.informationBox .title:before {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: #797355;
	left: 3px;
	top: 10px;
}

/*------景點內頁------*/
/*大圖輪播*/
.picRunBox {
	position: relative;
}

.content .picRunBox {
	margin-bottom: 90px;
}

.picRunBox li span {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 59%;
	background-color: #000;
}

.picRunBox .slick-dots {
	bottom: 5px;
}

.picRunBox .slick-dots li.slick-active button:before,
.picRunBox .slick-dots li button:before {
	color: white;
}

.picRunBox .slick-list {
	width: 100%;
}

.bannerRunBox {
	position: relative;
}

.content .bannerRunBox {
	margin-bottom: 90px;
}

.bannerRunBox li span {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 59%;
	background-color: #000;
}

.bannerRunBox .slick-dots {
	bottom: 5px;
}

.bannerRunBox .slick-dots li.slick-active button:before,
.bannerRunBox .slick-dots li button:before {
	color: white;
}

.bannerRunBox .slick-list {
	width: 100%;
}

.parkMap {
	position: absolute;
	bottom: 0px;
	right: -8px;
	z-index: 1;
	transform: scale(0.75);
}

.parkMap span {
	display: block;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.5) url(../../images/indexMap/0.png) no-repeat center center;
	position: relative;
}

.parkMap span img {
	position: absolute;
	left: 54px;
	top: 27px;
	-webkit-animation-name: twinkling;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-name: twinkling;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	transition: all 0.3s ease;
}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes twinkling {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.parkMap a {
	position: absolute;
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	right: -20px;
	bottom: 8px;
	text-indent: -9999px;
	background: #fbd116 url(../../images/icon/search_W.svg) no-repeat center/45%;
}

.sceneBox {
	margin-bottom: 80px;
}

.sceneBox table {
	width: 100%;
	border-left: 1px solid #E0DCCE;
	border-bottom: 1px solid #E0DCCE;
	font-size: 95%;
	margin-bottom: 35px;
}

.sceneBox table th {
	text-align: right;
	width: 22%;
}
.sceneBox .txtList table th {
	text-align: center;
}

.sceneBox table tr>* {
	border-top: 1px solid #E0DCCE;
	border-right: 1px solid #E0DCCE;
	padding: 13px 30px;
	font-size: 95%;
	line-height: 1.6;
}

.sceneBox table tr>th {
	background: #3f6124;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	color: #FFF;
}

.sceneBox .title {
	display: block;
	color: #3f6124;
	font-size: 136%;
	margin: 50px 0 45px 0;
	padding-left: 35px;
	position: relative;
	overflow: hidden;
}

.sceneBox .title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #3f6124;
	right: -152px;
	top: 16px;
	opacity: .3;
}

.sceneBox .title:before {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	background: url(../../images/icon/doc.svg) no-repeat center/contain;
	left: 0;
	top: 4px;
}

.sceneBox .title2 {
	display: block;
	color: #3f6124;
	font-size: 107%;
	margin: 0 0 25px 0;
	padding-left: 18px;
	position: relative;
	overflow: hidden;
}

.sceneBox .title2:before {
	content: "";
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	background: #3f6124;
	left: 0px;
	top: 10px;
}

.sceneBox.ticketInfo .title {
	color: #8F6C0A;
}

.sceneBox.ticketInfo .title:after {
	background: #8F6C0A;
}

.sceneBox.ticketInfo .title:before {
	background: url(../../images/icon/ticket.svg) no-repeat center/contain;
}

.sceneBox.ticketInfo .title2 {
	color: #8F6C0A;
}

.sceneBox.ticketInfo .title2:before {
	background: #8F6C0A;
}

.sceneBox.ticketInfo table tr>th {
	background: #8F6C0A;
	text-align: center
}

.sceneBox.ticketInfo table tr>th:nth-child(1) {
	width: 10%;
}

.sceneBox.ticketInfo table tr>th:nth-child(2) {
	width: 10%;
}

.sceneBox.ticketInfo table tr:nth-child(odd) {
	background: rgba(255, 255, 255, .3);
}

/* 介紹區 */
.introWrap {
	margin-bottom: 36px;
	margin-top: 37px;
	font-size: 95%;
	line-height: 1.5;
	position: relative;
}

.introWrap:before {
	position: absolute;
	width: 3px;
	height: 100%;
	left: 1px;
	top: -2px;
	background: #FBD116;
}

/*google地圖*/
.googleMapBox {
	margin-bottom: 45px;
}

.googleMapBox .title {
	display: block;
	width: 100%;
	color: #000;
	background: rgba(0, 0, 0, .05);
	padding: 12px 20px 10px 24px;
	height: 59px;
	line-height: 38px;
	font-size: 140%;
	text-align: center;
}

.googleMapBox .title:before {
	content: "";
	display: inline-block;
	width: 45px;
	height: 22px;
	margin-left: -22px;
	background: url(../../images/icon/location_b.svg) no-repeat center/contain;
}

.googleMap {
	position: relative;
}

.googleMap:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 53%;
}

.googleMap>*:first-child {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.googleMap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.googleMapBox a.googleLink {
	margin-top: 20px;
}

.linkOut {
	text-align: center;
	text-align: center;
	margin-bottom: 70px;
}

.linkOut a {
	display: inline-block;
	padding: 10px 24px;
	border-radius: 8px;
	text-align: center;
	background: #8F6C0A;
	color: #FFF;
	box-shadow: 0px 4px 0px 0px #C77514;
}

/*第四層*/
.fourthBtn {
	margin: 26px 0 34px 0;
}

.fourthBtn ul {
	border: 1px solid #e3e9e2;
	padding: 26px 36px;
	overflow: hidden;
}

.fourthBtn ul li {
	float: left;
	width: 25%;
}

.fourthBtn ul li a {
	display: block;
	color: #3f6124;
	position: relative;
	padding-left: 27px;
}

.fourthBtn ul li a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #3f6124;
	left: 7px;
	top: 6px;
}

.fourthBtn ul li a.focus {
	display: block;
	color: #8F6C0A;
}

.fourthBtn ul li a.focus:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #8F6C0A;
	left: 7px;
	top: 6px;
}

/*展開式選單*/
.openListWrapper {
	margin: 20px 0;
	width: 100%;
	clear: both;
	padding-top: 20px;
}

.openListWrapper a.openListTitle {
	display: table;
	color: #FFF;
	text-decoration: none;
	padding: 15px 30px;
	overflow: hidden;
	background-color: #DFDFDF;
	border-bottom: 2px solid #FFF;
	position: relative;
	min-height: 45px;
	width: 100%;
	padding-left: 82px;
	background-repeat: no-repeat;
	background-position: 31px center;
	background-size: 16px;
	background-image: url(../../images/icon/add.png);
}

.openListBox:last-child .openListContent {
	border-bottom: 2px solid #DFDFDF;
}

.openListBox:nth-child(odd) a.openListTitle {
	background-color: #306D27;
}

.openListBox:nth-child(even) a.openListTitle {
	background-color: #16510D;
}

.openListBox.less a.openListTitle {
	background-image: url(../../images/icon/less.png);
	background-image: none\9;
}

a.openListTitle h2,a.openListTitle .h2 {
	display: table-cell;
	font-size: 100%;
	vertical-align: middle;
}

.openListContent {
	background: #FCFCFC;
	display: none;
	position: relative;
	padding: 20px 30px;
	border: 1px solid #DFDFDF;
	border-bottom: 2px solid #FFF;
	border-top: none;
}

.openListContent .download tr {
	border: none;
	border-bottom: 1px solid #F0EDDE;
}

.Answer .download tr {
	border: none;
	border-bottom: 1px solid #d1cec1;
}

.openListContent .download tr:last-child,
.Answer .download tr:last-child {
	border-bottom: none;
}

.openListContent .downloadBox {
	margin-bottom: 0;
}

.Answer .downloadBox {
	margin: 20px 0 0 0;
}

.Answer .download tr:hover {
	background: #e0dcce;
}

/*----旅遊資訊導覽頁----*/
.travelGuide .main {
	min-height: auto;
}

.travelGuide .main article {
	margin-bottom: 0;
	min-height: auto;
}

.travelGuide header h1,
.travelGuide header h2,
.travelGuide header .h1,
.travelGuide header .h2,
.travelGuide header>nav {
    display: none;
}

.travelGuide header .top .path {
    position: absolute;
	margin-top: 30px;
    left: 13%;
    z-index: 3;
}

.travelWrap {
	height: calc(100vh - 140px);
	position: relative;
	overflow: hidden;
}

.travelWrap .menu {
    position: absolute;
    width: 320px;
    height: 100%;
    left: 13%;
    top: 15%;
    z-index: 2;
}

.travelWrap .menu h2,.travelWrap .menu .h2 {
	display: inline-block;
	background: #5b7f2f;
	padding: 23px 31px;
	color: #fff;
	font-size: 180%;
	position: relative;
	width: 100%;
}

.travelWrap .menu:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.65);
}


.travelWrap .menu li {
	margin-bottom: 1px;
	background: rgba(0, 0, 0, 0.65);
}

.travelWrap .menu a {
	display: block;
	padding: 20px 40px;
	color: #FFF;
	font-size: 115%;
	background-size: 0;
}

.travelWrap .menu .acc{
	padding: 0;
}

.travelPic ul {
	position: relative;
	height: calc(100vh - 140px);
}

.travelPic li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.travelPic a {
	display: block;
}

.travelPic span {
	display: block;
	width: 100%;
	height: calc(100vh - 140px);
}

.travelPic i {
	display: none;
}

.travelPic b {
	position: absolute;
	bottom: 0;
	right: 10%;
	width: 200px;
	height: 200px;
	background: #000;
	opacity: 0;
}

.travelPic b.GOGO {
	opacity: 1;
	right: 15%;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	display: none;
}

.travelPic li:nth-child(1) b {
	width: 30%;
	height: 0;
	padding-bottom: 33%;
	max-width: 410px;
	background: url(../../images/travelPic_1.png) no-repeat center bottom/contain;
}

.travelPic li:nth-child(3) b {
	width: 30%;
	height: 0;
	padding-bottom: 33%;
	max-width: 410px;
	background: url(../../images/travelPic_3.png) no-repeat center bottom/contain;
}

.travelWrap .menu a.nowHover {
	background: url(../../images/icon/btn_right_w.svg) #8F6C0A no-repeat right center/38px 15px;
	color: #fff;
}

.travelPic li:nth-child(1) span {
	background-image: url(../../images/005/travelPic_01.jpg) !important;
}

.travelPic li:nth-child(2) span {
	background-image: url(../../images/005/travelPic_02.jpg) !important;
}

.travelPic li:nth-child(3) span {
	background-image: url(../../images/005/travelPic_03.jpg) !important;
}

/*kenny--------------國家森林遊樂區------------------------------*/

.travel .map a {
	font-size: 86%;
	letter-spacing: 0px;
	border-radius: 30px;
	text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
}

.travel .map.park a:nth-child(1) {
	top: 137px;
	left: 247px;
}

.travel .map.park a:nth-child(2) {
	top: 153px;
	left: 183px;
}

.travel .map.park a:nth-child(3) {
	top: 195px;
	left: 201px;
}

.travel .map.park a:nth-child(4) {
	top: 236px;
	left: 190px;
}

.travel .map.park a:nth-child(5) {
	top: 180px;
	left: 139px;
}

.travel .map.park a:nth-child(6) {
	top: 381px;
	left: 85px;
}

.travel .map.park a:nth-child(7) {
	top: 336px;
	left: 54px;
}

.travel .map.park a:nth-child(8) {
	top: 100px;
	left: 163px;
}

.travel .map.park a:nth-child(9) {
	top: 105px;
	left: 216px;
}

.travel .map.park a:nth-child(10) {
	top: 254px;
	left: 99px;
}

.travel .map.park a:nth-child(11) {
	top: 65px;
	left: 244px;
}

.travel .map.park a:nth-child(12) {
	top: 75px;
	left: 210px;
}

.travel .map.park a:nth-child(13) {
	top: 212px;
	left: 108px;
}

.travel .map.park a:nth-child(14) {
	top: 117px;
	left: 133px;
}

.travel .map.park a:nth-child(15) {
	top: 144px;
	left: 99px;
}

.travel .map.park a:nth-child(16) {
	top: 116px;
	left: 185px;
}

.travel .map.park a:nth-child(17) {
	top: 315px;
	left: 121px;
}

.travel .map.park a:nth-child(18) {
	top: 250px;
	left: 146px;
}

/*kenny--------------平地森林園區------------------------------*/
.MapBtn_10000210 {
	top: 214px !important;
	left: 188px !important;
}

.MapBtn_10000211 {
	top: 187px !important;
	left: 33px !important;
}

.MapBtn_10000212 {
	top: 331px !important;
	left: 66px !important;
}

/*kenny--------------林業園區------------------------------*/
.MapBtn_10000221 {
	top: 214px !important;
	left: 179px !important;
}

.MapBtn_10000222 {
	top: 100px !important;
	left: 241px !important;
}

.MapBtn_10000223 {
	top: 125px !important;
	left: 127px !important;
}

.MapBtn_10000224 {
	top: 214px !important;
	left: 75px !important;
}

/*kenny--------------自然教育中心------------------------------*/
.MapBtn_DYS {
	top: 72px !important;
	left: 210px !important;
}

.MapBtn_SL {
	top: 336px !important;
	left: 54px !important;
}

.MapBtn_JB {
	top: 315px !important;
	left: 121px !important;
}

.MapBtn_BSS {
	top: 135px !important;
	left: 132px !important;
}

.MapBtn_CN {
	top: 195px !important;
	left: 201px !important;
}

.MapBtn_AWD {
	top: 180px !important;
	left: 139px !important;
}

.MapBtn_LD {
	top: 96px !important;
	left: 251px !important;
}

.MapBtn_CK {
	top: 220px !important;
	left: 92px !important;
}

/*--------------生態教育館------------------------------*/
.MapBtn_10000488 {
	top: 31px !important;
	left: 216px !important;
}

.MapBtn_10000489 {
	top: 128px !important;
	left: 231px !important;
}

.MapBtn_10000490 {
	top: 90px !important;
	left: 242px !important;
}

.MapBtn_10000491 {
	top: 109px !important;
	left: 191px !important;
}

.MapBtn_10000492 {
	top: 97px !important;
	left: 116px !important;
}

.MapBtn_10000493 {
	top: 172px !important;
	left: 90px !important;
}

.MapBtn_10000494 {
	top: 323px !important;
	left: 108px !important;
}

.MapBtn_10000495 {
	top: 214px !important;
	left: 183px !important;
}

.MapBtn_10000496 {
	top: 224px !important;
	left: 129px !important;
}

/*vic新增*/

.about_1 .photo {
	text-align: center;
}

.about_1 .photo img {
	max-width: 524px;
	width: 100%;
}

.about_3>ul {
	list-style: none;
	padding-left: 0;
}

.about_3>ul>li {
	background-color: #FBF8F8;
	position: relative;
	padding: 20px 25px 20px 140px;
	min-height: 130px;
}

.about_3>ul .year {
	background-color: #3f6124 !important;
	color: #fff;
	padding: 15px 24px;
	font-size: 150%;
}

.about_3>ul>li:nth-child(odd) {
	background-color: #EFEFEF;
}

.about_3>ul>li>.day {
	font-size: 120%;
	background: #3f6124;
	position: absolute;
	left: 20px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	text-align: center;
	color: #FBD116;
}

.about_3>ul>li>.day i {
	display: block;
	font-size: 150%;
	width: 100%;
	color: #fff;
	padding: 22px 13px 0px;
}

.about_3>ul>li:first-child {
	min-height: initial;
}

.about_4>ul {
	margin: 30px 20px 15px 0px;
}

.about_4>ul>li {
	display: inline-block;
	color: #449439;
	font-size: 170%;
}

.about_4>ul .photo {
	min-width: 222px;
	float: left;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
}

.about_4>ul .photo img {
	border: 1px #edeadd solid;
}

.about_4 table {
	width: 100%;
	background-color: #FBFBFB;
}

.about_4 table tr:first-child {
	border-top: 1px solid #dddddd;
}

.about_4 table tr {
	border-bottom: 1px solid #dddddd;
}

.about_4 table tr>th {
	vertical-align: top;
	color: #449439;
	min-width: 80px;
	padding: 20px;
	font-size: 120%;
}

.about_4 table tr>td {
	padding: 20px;
}

.about_6 .ul_tltle {
	color: #449439;
	font-size: 140%;
	padding: 65px 0 0 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #e7e4d6;
}

.about_6 .title {
	color: #449439;
	font-size: 120%;
	margin: 0 0 10px 0;
}

.about_6 .button a:first-child {
	border-left: 1px solid #dddddd;
}

.about_6 .button a {
	border-right: 1px solid #dddddd;
	display: inline-block;
	padding: 0px 20px;
	position: relative;
	color: #595548;
	font-size: 110%;
	margin-bottom: 20px;
}

.about_6 .button a:before {
	content: "";
	position: absolute;
	width: auto;
	height: 2px;
	bottom: -8px;
	left: 0;
	right: 4px;
	background-color: #8F6C0A;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.about_6 .button a:after {
	content: "";
	position: absolute;
	width: auto;
	height: 2px;
	bottom: -8px;
	left: 0;
	right: 4px;
	background-color: rgba(0, 0, 0, .1);
	z-index: -1;
}

.about_6 .button a:hover {
	background-color: rgba(255, 255, 255, .1);
	color: #8F6C0A;
}

.about_6 .button a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.about_6>ol {
	list-style: decimal;
	font-size: 95%;
	padding-left: 40px;
}

.about_6>.vvv {
	list-style: none;
	font-size: 95%;
	padding-left: 0;
}

.about_6>ol li {
	margin-bottom: 20px;
	position: relative;
}

.about_6>.vvv li {
	margin-bottom: 0;
	line-height: 1.7em;
	position: relative;
}

.about_6 h2,.about_6 .h2 {
	color: #3f6124;
}

/*----自然保育----*/

.fRight {
	float: right;
}

.roundBTN {
	color: #fff;
	background: #8F6C0A;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	padding: 10px;
	display: table;
	width: 120px;
	height: 120px;
}

.roundBTN i {
	display: table-cell;
	vertical-align: middle;
}

.roundBTN:hover {
	background: #8F6C0A;
	color: #fff;
}

.nature header {
	padding: 30px 13% 0;
	background: no-repeat center/cover;
	position: relative;
}

.nature .header {
	width: 100%;
	height: 0;
	padding-top: 50%;
	position: relative;
}

.nature .header h1 {
	display: inline-block;
	font-weight: bold;
	background: #FFD000;
	padding: 12px 31px 13px 53px;
	color: #000;
	font-size: 260%;
}

.nature .header .introWrap {
	position: absolute;
	top: 20px;
	right: 15%;
	width: 45%;
	max-width: 710px;
}

.nature .header .top {
	margin-bottom: 35px;
	position: absolute;
	top: 30px;
}

.special.nature .intro h3,.special.nature .intro .h3 {
	height: 260px;
}

.special.nature .intro {
	margin-bottom: 30px;
}

.nature article.wrapper {
	background: url(../../images/natureBG_panda.jpg) no-repeat center top/ cover;
}

.nature article.wrapper>.content {
	position: relative;
	padding-bottom: 45%;
}

.nature article.wrapper>.content section {
	width: 100%;
	height: 0;
	padding-top: 30%;
	position: relative;
}

.nature article.wrapper>.content section .introWrap {
	position: absolute;
	top: 78px;
	left: 5%;
	width: 40%;
	max-width: 710px;
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
	padding: 20px 30px 25px 30px;
	opacity: 0;
}

.nature article.wrapper>.content section .introWrap.visible {
	opacity: 1;
}

.nature article.wrapper>.content section:nth-child(even) .introWrap {
	left: auto;
	right: 5%;
}

.nature article.wrapper>.content section .introWrap h2,
.nature article.wrapper>.content section .introWrap .h2 {
	text-align: center;
	font-size: 200%;
	margin-bottom: 15px;
}

.nature article.wrapper>.content section .introWrap p {
	font-size: 94%;
	line-height: 1.7em;
	max-height: 200px;
}

.special.nature .intro {
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 20px 30px 25px 30px;
	overflow: hidden;
}

/*--網站導覽--*/
.siteMap {
	padding-bottom: 80px;
	font-size: 95%;
}

.siteMap p {
	margin-bottom: 20px;
	line-height: 1.7em;
}

.site {
	overflow: hidden;
	margin-top: 50px;
}

.site a {
	position: relative;
	color: #303030;
	text-decoration: none;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
	display: inline-block;
}

.site a span {
	position: absolute;
	left: 23px;
	top: 12px;
}

.site ul li a:hover,
.site ul li a:focus {
	color: #8F6C0A !important;
	text-decoration: none;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

.site .box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin: .5%;
	margin-bottom: 39px;
	margin-left: -1%;
}

.site .box>a {
	display: block;
	background-color: #5b7f2f;
	color: #FFF;
	padding: 10px 20px 10px 44px;
}

.site .box>a:hover,
.site .box>a:focus {
	background-color: #8F6C0A;
}

.site .box>a span {
	left: 21px;
	top: 12px;
}

.site .box>ul {
	padding: 13px 20px;
}

.site .box ul li {
	margin: 5px 0;
}

.site .box ul>li>a {
	padding-left: 42px;
}

.site .box ul>li>a span {
	left: 0px;
	top: 2px;
}

.site .box>ul>li>ul {
	padding-left: 15px;
	margin: 12px 0;
}

.site .box>ul>li>ul a {
	color: #5f5d58;
	padding-left: 56px;
}

/*-----------社群及多媒體-------------*/

.mediaWrap {
	padding: 85px 13% 145px 13%;
	position: relative;
}

.mediaBtns {
	background: #F8F6ED;
}

.mediaBtns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.mediaBtns>li {
	float: left;
	width: 25%;
	border: 4.5px solid #F8F6ED;
}

.mediaBtns>li:nth-child(10n+3) {
	width: 50%;
	float: right;
}

.mediaBtns>li:nth-child(10n+6) {
	width: 50%;
	float: left;
	clear: left;
}

.mediaBtns>li.title h3,.mediaBtns>li.title .h3 {
	font-size: 252%;
	font-weight: bold;
	margin-left: -4px;
}

.mediaBtns>li.title h4,.mediaBtns>li.title .h4 {
	margin-top: -2px;
}

.mediaBtns>li.title .flower_deco {
	width: 108%;
	height: 0;
	padding-bottom: 62%;
	background: url(../../images/flower_deco.png) no-repeat center/contain;
	position: absolute;
	bottom: -94px;
	left: 0;
}

.mediaBtns>li a {
	display: block;
	overflow: hidden;
}

.mediaBtns>li a>span {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 85%;
}

.mediaBtns>li.videoBtn a>span {
	transform: scale(1.5);
}

/*是icon的話*/
.iconBtn a {
	background: #456;
	color: #FFF;
	width: 100%;
	height: 0;
	padding-bottom: 85%;
	text-align: center
}

.iconBtn a img {
	display: inline-block;
	width: 49%;
	max-width: 210px;
	margin-bottom: 2%;
	margin-top: 10%;
	background: no-repeat center/80%;
}

.iconBtn h2,.iconBtn .h2 {
	width: 100%;
	margin-top: 1%;
	height: 30px;
	font-size: 140%;
}

.iconBtn.goVideo a {
	background: #adc752;
}

.iconBtn.goAlbum a {
	background: #e88cba;
}

.iconBtn.goBlog a {
	background: #f87443;
}

.iconBtn.goFb a {
	background: #4fc2d7;
}

.iconBtn.goPlatform a {
	background: #11b9b3;
}

/*是相簿的話*/
.albumBtn a,
.videoBtn a {
	position: relative;
	font-size: 80%;
	color: #FFF;
}

.videoBtn a:before {
	content: "";
	display: block;
	width: 46%;
	height: 0;
	padding-bottom: 44%;
	top: 50%;
	left: 50%;
	margin-top: -25%;
	margin-left: -25%;
	background: url(../../images/icon/play.png) no-repeat center/contain;
	position: absolute;
	z-index: 1;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
	opacity: .5;
}

.videoBtn a:hover:before {
	opacity: .1;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

.albumBtn a h2,
.videoBtn a h2,
.albumBtn a .h2,
.videoBtn a .h2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	padding: 20px;
	opacity: 0;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
	z-index: 1;
}

.albumBtn a h2:before,
.videoBtn a h2:before,
.albumBtn a .h2:before,
.videoBtn a .h2:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}

.albumBtn a h2 b,
.videoBtn a h2 b,
.albumBtn a .h2 b,
.videoBtn a .h2 b {
	display: inline-block;
	vertical-align: middle;
}

.albumBtn a:hover h2,
.videoBtn a:hover h2,
.albumBtn a:hover .h2,
.videoBtn a:hover .h2 {
	opacity: 1;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

/*---林業文化園區---*/
.historyWrap {
	overflow: hidden;
}

.historyWrap li div {
	width: 100%;
	border: 1px solid #e8e8e8;
	padding: 28px 37px 6px 37px;
	font-size: 90%;
	line-height: 1.8;
}

.historyWrap li div p {
	margin-bottom: 20px;
}

.historyWrap .ecNetUlTabs>li {
	width: 33.3333%;
}

.historyWrap .ecNetUlTabs>li>a {
	height: 56px;
	line-height: 58px;
}

.historyWrap .ecNetUlTabs a.ecNetUlTabSelected {
	color: #fff;
	background-color: #e88cba;
	position: relative;
}

.historyWrap .ecNetUlTabs a.ecNetUlTabSelected:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 11px 0 11px;
	border-color: #e88cba transparent transparent transparent;
	position: absolute;
	margin-left: -11px;
	left: 50%;
	bottom: -8px;
	z-index: 9;
}

.historyWrap .ecNetUlTabs a.ecNetUlTab {
	color: #9a9a9a;
	border-right: 1px solid #FFF;
	background: #ebebeb;
}

.sceneBox.baseInfo ul {
	padding-left: 25px;
}

.sceneBox.baseInfo td>ul>li {
	margin-bottom: 19px;
	margin-top: 7px;
	position: relative;
}

.sceneBox.baseInfo td>ul>li:before {
	content: "";
	width: 7px;
	height: 7px;
	background: #3f6124;
	position: absolute;
	left: -20px;
	top: 8.5px;
}

.sceneBox.baseInfo td>ul>li>b {
	color: #3f6124;
	display: block;
	margin-bottom: 5px;
}

.sceneBox.baseInfo ul>li li {
	margin-bottom: 14px;
	position: relative;
}

.sceneBox.baseInfo ul>li li:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #787878;
	position: absolute;
	left: -20px;
	top: 9px;
}

.sceneBox.baseInfo ul>li li b {
	font-weight: bold;
	margin-right: 7px;
	color: #A99B38;
}

/*------交通資訊------*/
.transportation .title {
	display: block;
	color: #4fc2d7;
	font-size: 136%;
	margin: 50px 0 45px 0;
	padding-left: 35px;
	position: relative;
	overflow: hidden;
}

.transportation .title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #4fc2d7;
	right: -152px;
	top: 16px;
	opacity: .3;
}

.transportation .title:before {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	background: url(../../images/icon/transportation.svg) no-repeat center/contain;
	left: 0;
	top: 4px;
}

.transportation {
	overflow: hidden;
	margin-bottom: 55px;
}

.allTrans li {
	margin-bottom: 35px;
}

.allTrans li>* {
	display: inline-block;
	color: #565656;
	vertical-align: middle;
}

.allTrans li u {
	width: 140px;
	height: 140px;
	background: #4fc2d7 no-repeat center 19px/57%;
	border-radius: 50%;
}

.allTrans li.byCar u {
	background-image: url(../../images/icon/car.svg);
}

.allTrans li.byBus u {
	background-image: url(../../images/icon/bus.svg);
}

.allTrans li.byTrain u {
	background-image: url(../../images/icon/train.svg);
}

.allTrans li u b {
	color: #FFF;
	font-size: 105%;
	display: block;
	text-align: center;
	margin-top: 90px;
}

.allTrans .info {
	width: calc(100% - 192px);
	height: auto;
	margin-left: 40px;
	font-size: 90%;
	border: 1px solid #e0dede;
	border-radius: 50px;
}

.allTrans .info>div {
	display: table;
	position: relative;
}

.allTrans .info>div:before {
	content: "";
	width: 30px;
	height: 22px;
	background: url(../../images/icon/allTrans.gif);
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: -26px;
}

.allTrans .info>div span {
	display: table-cell;
	vertical-align: middle;
	padding: 16px 30px 16px 34px;
}

.allTrans .info>div span p {
	margin: 15px 0;
}

/*-----googleMap列表-----*/
.noticeWrap {
	margin-bottom: 60px;
}

.noticeWrap .title {
	display: block;
	color: #f87443;
	font-size: 136%;
	margin: 50px 0 35px 0;
	padding-left: 35px;
	position: relative;
	overflow: hidden;
}

.noticeWrap .title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #f87443;
	right: -152px;
	top: 16px;
	opacity: .3;
}

.noticeWrap .title:before {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	background: url(../../images/icon/notice.svg) no-repeat center/contain;
	left: 0;
	top: 4px;
}

.noticeWrap ul {
	padding-left: 60px;
	font-size: 95%;
}

.noticeWrap ul li {
	margin: 20px 0;
	position: relative;
}

.noticeWrap ul li:before {
	content: "";
	width: 7px;
	height: 7px;
	background: #f87443;
	position: absolute;
	left: -20px;
	top: 8.5px;
}

/*----訂閱RSS----*/

.rssWrap .info h2,
.rssWrap .info .h2 {
	color: #449439;
	font-size: 140%;
	padding: 30px 0 10px 0;
	margin: 20px 0 25px 0;
	border-bottom: 1px solid #e7e4d6;
}

.rssWrap .info ul ul {
	padding-left: 30px;
}

.rssWrap .info li li {
	list-style: disc;
	margin-bottom: 25px;
}

.rssList ul {
	overflow: hidden;
}

.rssList li {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.rssList li a {
	position: relative;
	display: block;
	background: #EC782D;
	color: #FFF;
	padding: 6px 14px 6px 38px;
	border-radius: 5px;
}

.rssList li a:before {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	background: url(../../images/icon/rss_w.svg) no-repeat center/contain;
	position: absolute;
	top: 8px;
	left: 12px;
	margin-right: 7px;
}

/*--網站交換橫幅--*/
.linksWrap h2,.linksWrap .h2 {
	color: #449439;
	font-size: 136%;
	margin: 50px 0 45px 0;
	padding-left: 35px;
	position: relative;
	overflow: hidden;
}

.linksWrap h2:after,.linksWrap .h2:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #449439;
	right: -152px;
	top: 16px;
	opacity: .3;
}

.linksWrap h2:before,.linksWrap .h2:before {
	content: "";
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	background: url(../../images/icon/RelatedLinks_g.svg) no-repeat center/contain;
	left: 0;
	top: 4px;
}

.linksWrap a {
	display: block;
}

.linksWrap>div {
	overflow: hidden;
}

.linksWrap ul {
	overflow: hidden;
	margin-bottom: 30px;
	margin-left: -.5%;
}

.linksWrap li {
	float: left;
	width: 23%;
	margin: 0 1% 30px 1%;
	background: #000
}

.linksWrap .insideBanner li a {
	width: 100%;
	height: 0;
	padding-bottom: 85%;
}

.linksWrap .outsideBanner li a {
	width: 100%;
	height: 0;
	padding-bottom: 36%;
}

.activityWrap em {
	display: block;
	margin: -10px 0 35px 26px;
}

.activityWrap em>* {
	font-size: 110%;
	vertical-align: middle;
	display: inline-block;
}

.activityWrap em i {
	border: 1px solid #3f6124;
	color: #3f6124;
	padding: 9px 17px;
	margin-right: 10px;
}

.activityWrap em b {
	background: #3f6124;
	color: #FFF;
	padding: 8px 17px 9px;
}

.activityWrap .intro {
	margin-bottom: 36px;
	margin-top: 37px;
	font-size: 95%;
	line-height: 1.8;
	position: relative;
}

.activityWrap .intro p {
	margin-bottom: 20px;
}

/*----活動內頁----*/
.activityWrap h2,.activityWrap .h2 {
	font-size: 194%;
	margin-bottom: 28px;
	color: #fff;
	padding-left: 24px;
	position: relative;
}

.activityWrap h2:before,.activityWrap .h2:before {
	background: #ffeb3b;
}

.googleMap .info_content h4,.googleMap .info_content .h4 {
	font-weight: 700;
	color: #fe892a;
	margin-bottom: 15px;
}

/*交通*/
.mapListWrap {
	margin-bottom: 60px;
}

.mapListWrap .title {
	display: block;
	color: #f87443;
	font-size: 136%;
	margin: 50px 0 28px 0;
	padding-left: 35px;
	position: relative;
	overflow: hidden;
}

.mapListWrap .title:before {
	background: url(../../images/icon/location_o.svg) no-repeat center/contain;
}

.mapListWrap ul {
	padding-left: 60px;
	font-size: 95%;
}

.mapListWrap ul li {
	margin: 20px 0;
	position: relative;
	line-height: 1.5;
}

.mapListWrap ul li:before {
	content: "";
	width: 7px;
	height: 7px;
	background: #f87443;
	position: absolute;
	left: -20px;
	top: 8.5px;
}

.mapListWrap b {
	color: #F87443;
	font-weight: bold;
	font-size: 116%;
	margin-right: 6px;
}

.mapListWrap i {
	color: #B57157;
	font-size: 116%;
}

.mapListWrap a {
	color: #555;
	position: relative;
}

.mapListWrap a.linkToMap {
	background: #F87443;
	color: #FFF;
	font-size: 90%;
	padding: 5px 9px 5px 10px;
	border-radius: 8px;
}

.mapListWrap a.linkToMap:after {
	content: "";
	width: 18px;
	height: 18px;
	background: url(../../images/icon/linkOut_w.svg) no-repeat center/contain;
	right: 0;
	top: 3px;
	position: relative;
	display: inline-block;
	margin-left: 6px;
}

.mapListWrap a u:hover {
	color: #888;
	text-decoration: underline;
}

span.tag {
	padding: 5px 20px;
	display: inline-block;
	min-width: 130px;
	background-color: #5f5d58;
	color: #FFF;
	text-align: center;
}

span.tag.tag1 {
	background: #237899;
}

span.tag.tag2 {
	background: #a74073;
}

span.tag.tag3 {
	background: #5b7f2f;
}

span.tag.tag4 {
	background: #ce4217;
}

span.tag.tag5 {
	background: #824da8;
}

span.tag.tag6 {
	background: #12726a
}

span.tag.tag7 {
	background: #bd3a45;
}

/*百分之50的平行選單*/
.parallelList {
	overflow: hidden;
	margin: 50px 0 20px 0;
}

.parallelBox {
	float: left;
	width: 33.33333%;
	margin-bottom: 80px;
	padding-right: 3%;
}

.parallelBox h2,.parallelBox .h2 {
	border-top: 3px solid #8ac981;
	padding: 16px 0 16px 16px;
	border-bottom: 1px solid #99d092;
	color: #3f6124;
}

.parallelBox ul li {
	border-bottom: 1px solid #E8E8E8;
	position: relative;
}

.parallelBox ul li:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #5f5d58;
	position: absolute;
	left: 20px;
	top: 25px;
}

.parallelBox ul li a {
	color: #5f5d58;
	display: block;
	padding: 15px 10px 15px 40px;
}

.parallelBox ul li a:hover {
	background: #F9F9F9;
}

/*生態工程*/
ul.drawingWrap {
	overflow: hidden;
	padding-left: 0;
	list-style: none;
	width: 100%;
}

.drawing,
.downloadDrawing {
	display: inline-block;
	vertical-align: top;
	width: 44%;
	margin: 0 2% 4% 2%;
}

.oneOfThrid .drawing,
.oneOfThrid .downloadDrawing {
	width: 30.333%;
	margin: 0 0.5% 30px 0.5%;
}

.drawing>b {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	background-color: #000;
}

.drawing>b img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	visibility: visible;
}

.drawing>span {
	font-size: 95%;
	display: block;
	background: #FBD116;
	padding: 17px 20px;
	border-radius: 0 0 15px 15px;
	line-height: 1.5em;
	color: #000;
}

.downloadDrawing a {
	display: block;
	position: relative;
}

.downloadDrawing a:before {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.6) url(../../images/icon/download.svg) no-repeat center/50px;
	position: absolute;
	z-index: 2;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

.downloadDrawing a:hover:before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

.downloadDrawing img {
	width: 100%;
	border: 1px solid #CCC;
}

.alignCenter {
	text-align: center;
}

.linkOutInfo>a {
	display: inline-block;
	color: #5f5d58;
	padding: 12px 18px 12px 18px;
	border-radius: 7px;
	border: 1px solid #5f5d58;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

.linkOutInfo>a:hover {
	padding: 9px 18px 15px 18px;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}

.linkOutInfo {
	text-align: center;
	max-width: 750px;
	margin: 1rem auto;
}
.processmemo{
	line-height: 1.7;
}

.movieList.grid li {
	opacity: 1;
}

/*文字轉語音*/
span.speak {
	display: block;
	float: right;
	margin-top: 8px;
	margin-bottom: 24px;
	display: none;
}

span.speak>a {
	color: #FFF;
	background: #80CF2C url(../../images/icon/rightArr.svg) no-repeat 21px center/13px;
	height: 36px;
	font-size: 50%;
	line-height: 36px;
	padding: 0 20px 0 46px;
	display: block;
	border-radius: 20px;
	border-bottom: 2px solid #6BB122;
	width: 103px;
}

span.speak>a.playing {
	background: #6bb122 url(../../images/icon/stopPlay.svg) no-repeat 21px center/15px;
	border-bottom: 2px solid #569217;
}

span.speak>a:hover {
	-webkit-animation-name: playVoice;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-name: playVoice;
	animation-duration: .5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

span.speak>a.playing:hover {
	-webkit-animation-name: none;
	animation-name: none;
}

@keyframes playVoice {
	0% {
		background: #80CF2C url(../../images/icon/rightArr.svg) no-repeat 21px center/13px;
	}

	100% {
		background: #80CF2C url(../../images/icon/rightArr.svg) no-repeat 28px center/13px;
	}
}

@-webkit-keyframes playVoice {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

/*內頁增加天氣跟開休園20170307*/
.picRunBox .info {
	text-align: center;
	color: #000;
	position: absolute;
	background: rgb(251, 209, 22);
	width: 100%;
	bottom: -67px;
}

.picRunBox .info span {
	display: block;
	width: 100%;
	overflow: hidden;
}

.picRunBox .info span>* {
	display: block;
	width: 50%;
	float: left;
	vertical-align: middle;
	font-size: 115%;
}

.picRunBox .info span>u.open {
	border-right: 1px solid #FFF;
	line-height: 68px;
}

.picRunBox .info span>s {
	line-height: 68px;
}

.picRunBox .info span>*:before {
	content: "";
	width: 42px;
	height: 40px;
	display: inline-block;
	margin-right: 16px;
	background: no-repeat center/contain;
	vertical-align: middle;
}

.picRunBox .info span>.open:before {
	background-image: url(../../images/icon/open.svg);
}

.picRunBox .info span>.close:before {
	background-image: url(../../images/icon/close.svg);
}

.picRunBox .info span>s:before {
	margin-right: 6px;
	background-image: url(../../images/icon/temperature.svg);
}

.picRunBox .info span>.close {
	line-height: 68px;
	background: #ff7800;
	color: #FFF;
}

.picRunBox .info>i {
	display: block;
	width: 100%;
	text-align: left;
	background: url(../../images/icon/location.svg) no-repeat 19px 20px /19px;
	padding: 16px 19px 16px 50px;
}

.picRunBox .info>b {
	display: block;
	width: 100%;
	padding: 0px 20px 18px 50px;
	text-align: left;
	background: url(../../images/icon/tel.svg) no-repeat 19px 0px /19px;
}

.picRunBox .info>span>u {
	display: block;
	float: left;
	height: 50%;
	vertical-align: top;
	text-align: center;
}

.bannerRunBox .info {
	text-align: center;
	color: #000;
	position: absolute;
	background: rgb(251, 209, 22);
	width: 100%;
	bottom: -67px;
}

.bannerRunBox .info span {
	display: block;
	width: 100%;
	overflow: hidden;
}

.bannerRunBox .info span>* {
	display: block;
	width: 50%;
	float: left;
	vertical-align: middle;
	font-size: 115%;
}

.bannerRunBox .info span>u.open {
	border-right: 1px solid #FFF;
	line-height: 68px;
}

.bannerRunBox .info span>s {
	line-height: 68px;
}

.bannerRunBox .info span>*:before {
	content: "";
	width: 42px;
	height: 40px;
	display: inline-block;
	margin-right: 16px;
	background: no-repeat center/contain;
	vertical-align: middle;
}

.bannerRunBox .info span>.open:before {
	background-image: url(../../images/icon/open.svg);
}

.bannerRunBox .info span>.close:before {
	background-image: url(../../images/icon/close.svg);
}

.bannerRunBox .info span>s:before {
	margin-right: 6px;
	background-image: url(../../images/icon/temperature.svg);
}

.bannerRunBox .info span>.close {
	line-height: 68px;
	background: #ff7800;
	color: #FFF;
}

.bannerRunBox .info>i {
	display: block;
	width: 100%;
	text-align: left;
	background: url(../../images/icon/location.svg) no-repeat 19px 20px /19px;
	padding: 16px 19px 16px 50px;
}

.bannerRunBox .info>b {
	display: block;
	width: 100%;
	padding: 0px 20px 18px 50px;
	text-align: left;
	background: url(../../images/icon/tel.svg) no-repeat 19px 0px /19px;
}

.bannerRunBox .info>span>u {
	display: block;
	float: left;
	height: 50%;
	vertical-align: top;
	text-align: center;
}

@media print {
	.imgLiquid,
	.bannerRunBox ul li span {
		padding: 0;
		height: 200px;
	}

	.imgLiquid img,
	.bannerRunBox ul li span>img {
		display: block !important;
		visibility: visible !important;
		width: 100%;
		height: 100%;
	}

	.searchBox {
		display: none;
	}

	/*活動*/
	.grid li {
		opacity: 1 !important;
		width: 50% !important;
		position: initial !important;
		float: left !important;
	}

	.othersBtn {
		display: none;
	}
}

/*PDF下載按鈕*/
.LawDownload {
	text-align: right;
	margin: 10px 0 30px;
}

.LawDownload>a {
	background: #FF6D46;
	padding: 5px;
	color: #fff;
	display: inline-block;
}

.LawDownload>a:hover {
	background: #b9320e;
}

/*無障礙鍵盤操作相簿功能*/
.keypress-instructions {
	background: #5b7f2f;
	margin-bottom: 30px;
	padding: 10px;
}

.keypress-instructions p {
	margin-bottom: 0;
	color: #fff;
	font-weight: bold;
}

.keypress-instructions ul {
	overflow: hidden;
	padding-left: 0;
	margin-bottom: 0;
}

.keypress-instructions ul li {
	list-style: none;
	padding: 5px;
	width: 50%;
	float: left;
	color: #fff;
}

.keypress-instructions ul li span {
	font-weight: bold;
	width: auto;
	background: transparent;
	float: none;
	color: inherit;
	font-size: inherit;
	padding: 0;
	margin: 0;
	display: inline;
	border-radius: 0;
	text-align: left;
}

.albumBox .keypress-instructions {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.keypress-instructions ul li {
		width: 100%;
	}
}

.collapse-btn,a.collapse-btn{
    display: inline-block;
    background-color: #367d56;
    color: #fff;
    padding: .5rem 1rem;
    margin-bottom: .5rem;
    border-radius: 7px;
}

/* rwd table 滾動 */
.tableScroll {
    width: 100%;
    overflow-x: auto;
}
.tableScrollInfo{
    display: none;
    margin-bottom: .5rem;
}
.tableScrollInfo::before{
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: url(../../images/icon/swipe.svg) no-repeat center/contain;
    margin-right: .5rem;
    vertical-align: middle;
}

/* 通用格線 */
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.row [class^=col-] {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.row-equal-height{
    align-items: stretch;
}

@media screen and (min-width: 768px) {
    .row .col-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .row .col-1-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .row .col-1-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .row .col-1-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* 函釋系統頁籤 */

.classTab {
    position: relative;
    margin-bottom: 2rem;
}

.classTab__table {
    width: 100%;
    position: relative;
}

@media screen and (min-width: 768px) {
    .classTab__table {
        display: flex;
    }
    .no-subtable .classTab__table {
        flex-wrap: wrap;
    }
}

.classTab__table>li {
    width: 100%;
    margin-bottom: 10px;
}

.no-subtable .classTab__table>li {
    width: auto;
    min-width: 25%;
}

@media screen and (min-width: 768px) {
    .classTab__table>li {
        margin-bottom: 0px;
    }
}

.classTab__btn {
    display: block;
    padding: 15px 10px;
    color: #fff;
    background-color: #f77e51;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .classTab__btn {
        border: 1px #fff solid;
        border-bottom: 2px #fff solid;
    }
    .classTab__table>li:first-child .classTab__btn {
        border-left-color: #f77e51;
    }
    .classTab__table>li:last-child .classTab__btn {
        border-right-color: #f77e51;
    }
    .no-subtable .classTab__btn {
        border-width: 2px;
    }
    .no-subtable .classTab__table>li:first-child .classTab__btn {
        border-left-color: #fff;
    }
    .no-subtable .classTab__table>li:last-child .classTab__btn {
        border-right-color: #fff;
    }
}

.classTab__btn:hover,
.classTab__btn:focus {
    color: #fff;
    background-color: #e76f43;
}

.classTab__btn.current {
    color: #fff;
    background-color: #db4135;
    border-bottom-color: #db4135;
}

.no-subtable .classTab__btn.current {
    border-bottom-color: #fff;
}

.classTab__subtable {
    width: 100%;
    padding: 20px;
    display: none;
    background-color: #db4135;
    border-top: 1px #ffffff solid;
}

@media screen and (min-width: 768px) {
    .classTab__subtable {
        position: absolute;
        left: 0px;
        border-top: none;
    }
}

.classTab__subtable-list {
    display: flex;
    flex-wrap: wrap;
}

.classTab__subtable-list>li {
    min-width: 33.33%;
    margin-bottom: 15px;
}

.classTab__subtable a {
    display: block;
    padding: 3px 10px;
    color: #fff;
    font-size: 90%;
}

.classTab__subtable a.current {
    padding-left: 7px;
    border-left: 5px #fad117 solid;
}

.collapse-btn,
a.collapse-btn {
    display: inline-block;
    background-color: #367d56;
    color: #fff;
    padding: .5rem 1rem;
    margin-bottom: .5rem;
    border-radius: 7px;
}