body {
	background-color: #f0f4ed!important;
}


#content {
	padding-top: 30px;
}

@media only screen and (max-width: 767.98px) {
	#content {
		padding-top: 85px;
	}
}

.computer.only.banner.segment {
	/*height: 23vh!important;*/
	min-height: 150px!important;
	background-image: url('../jpg/top-banner.jpg')!important;
/*	margin-top:0!important;*/
	padding-bottom: 0.5em!important;
}

.computer.only.banner .menu {
	margin-top:-1.5em!important;
	margin-bottom:-0.75em!important;
/*	padding: 0 3px!important;*/
	font-family:  Noto Serif TC Bold, san-serif!important;
	font-size: 1.75em!important;
}

.computer.only.banner .menu .active.item {
	color: #1d5345!important;
	background-color: unset!important;
}

.computer.only.banner .menu .active.item:hover {
	color: #3a592d!important;
}

.computer.only.banner .menu .item:hover {
	color: #aefe8e!important;
}

.banner .divider {
	border-top: 1px solid #fff !important;
	/*border-bottom: 1px solid #fff !important;*/
}

.banner .header {
	font-family:  Noto Serif TC Bold, san-serif!important;
	font-weight: 700!important;
}

.banner.mobile {
	background-image: url('../jpg/top-banner.jpg')!important;
}

.content .header, .content.header {
	font-family:  Noto Serif TC Bold, san-serif!important;
	font-weight: 700!important;
	color: #4b748c!important;
}

.content .horizontal.divider::before {
	width:  100%!important;
}

.container {
	min-height: 85vh;
}

.foot.segment {
	margin-top: 3em!important;
	font-family:  Noto Serif TC Bold, san-serif!important;
	background-color: #77AAB3 !important;
}

.family.page {
	font-size: 1.2em;
	line-height: 2;
}

.scrolling.wrapper {
	overflow-x: auto;
}

.scrolling.wrapper table {
	min-width: 30em;
}

.scrolling.wide.wrapper table {
	min-width: 40em;
}