* {
	font-size: 16px;
	/*font-family: 微軟正黑體, Microsoft JhengHei, MingLiU, arial, verdana, helvetica, tahoma, Sans-serif;*/
}

html, body {
	/* height: 100%;*/
	/* overflow-x: hidden;*/
	background: #fff;
	/*font-family: 'Noto Serif TC', serif;*/
	font-family: "微軟正黑體";
	/* background: url(../images/ricepaper2.png) repeat;*/
}

.content {
	min-height: 750px;
}


.logo {
	width: 130px;
}

/*navbar*/
.navbar {
	background-color: #fff;
}

.navbar-light .navbar-nav .nav-link {
	color: #333;
	/* letter-spacing: 3px; */
	font-size: 16px;
	padding: 10px 15px;
	margin: 0px 5px;
}


	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
		background-color: #eee;
	}


.navbar-light .navbar-nav .nav-link.active1 {
	color:white !important;
	background-color:#f05c37 !important;
}

.navbar-light .navbar-nav .nav-link.active1:hover {
	background-color:#e25431 !important;
}


/* menu button */

.navbar-toggler:focus {
	outline: none;
}

.navbar-toggler {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 20px;
	top: 30px;
	z-index: 101;
}

	.navbar-toggler > span {
		background-color: #7d7d7d;
		border-radius: 1px;
		height: 2px;
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -1px 0 0 -15px;
		-webkit-transition: height 100ms;
		transition: height 100ms;
	}

		.navbar-toggler > span:after,
		.navbar-toggler > span:before {
			content: "";
			background-color: #7d7d7d;
			border-radius: 1px;
			height: 2px;
			width: 100%;
			position: absolute;
			left: 50%;
			margin-left: -15px;
			-webkit-transition: all 200ms;
			transition: all 200ms;
		}

		.navbar-toggler > span:after {
			top: -7px;
		}

		.navbar-toggler > span:before {
			bottom: -7px;
		}

	.navbar-toggler.act > span {
		height: 0;
	}

		.navbar-toggler.act > span:after,
		.navbar-toggler.act > span:before {
			background-color: #7d7d7d;
			top: 1px;
		}

		.navbar-toggler.act > span:after {
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.navbar-toggler.act > span:before {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

.navbar-light .navbar-toggler {
	border: none;
}

/*footer*/

footer {
    position: absolute;
    bottom: 0;
    background-color: #422818;
    /* background: url(../images/black_twill.png); */
    padding: 5px 0;
    color: #ccc;
    font-size: 14px;
    letter-spacing: 2px;
}
	footer .footer-copyright {
		color: #ccc;
		padding: 53px 0;
	}

		footer .footer-copyright a {
			color: #ccc;
			font-weight: 300;
		}

	footer a:hover {
		color: #808080;
		text-decoration: none;
	}

	footer .list-inline > li {
		display: inline-block;
		padding-right: 5px;
		padding-left: 5px;
	}

	footer .powered {
		font-size: 12px;
	}

		footer .powered, footer .powered a, footer a {
			color: #AAA;
		}

	footer .siteinfo ul > li + li:before {
		content: "/ ";
		padding: 0 5px;
		color: #9c9c9c;
	}

/*btn*/

.btn-primary {
	color: #fff;
	background-color: #f05c37;
	border-color: #f05c37;
}

	.btn-primary:hover {
		background-color: #90764a;
		border-color: #90764a;
	}
/*breadcrumb*/

.breadcrumb-item a {
	color: white;
}

.breadcrumb-area {
	background-color: #f9f6e5;
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 0px;
	padding-top: 80px;
	padding-bottom: 80px;
	background-size: cover;
	margin-top: 60px;
	color: white;
	height: 350px;
}

.breadcrumb-list li {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1.58;
	text-transform: uppercase;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #ffffff;
}

.breadcrumb-item.active {
	color: #ffffff;
}

/*community*/

.community {
	position: fixed;
	right: 0px;
	top: 170px;
	z-index: 2;
}

	.community li img {
		margin: 10px 0;
	}

	.community a {
		padding: 10px;
		background-color: none;
	}

	.community .img-sm {
		display: none;
	}
/*content*/

.content p.h2 {
	font-weight: 400;
}

.content-text p {
	line-height: 28px;
	text-align: justify;
	color: #353535;
	/*font-size: 14px;*/
}

/*title-text*/
.title-text {
	color: #f05c37;
}


/*RWD*/
@media (max-width: 992px) {
	.navbar .nav-link {
		line-height: 40px;
		border-bottom: #ccc solid 1px;
	}

	.navbar-collapse {
		position: fixed;
		top: 80px;
		right: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 100%;
		height: 100%;
	}

		.navbar-collapse.collapsing {
			right: -100%;
			background-color: #ffffff;
			transition: height 0s ease;
		}

		.navbar-collapse.show {
			right: 0;
			transition: right 300ms ease-in-out;
			background-color: #ffffff;
		}

	.navbar-toggler.collapsed ~ .navbar-collapse {
		transition: right 500ms ease-in-out;
	}
}

@media (max-width: 576px) {
	.community a {
		padding: 10px;
		background-color: black;
	}

	.community .img-sm {
		display: unset;
	}

	.community .img-lg {
		display: none;
	}
}
@media (max-width: 768px) {
   .breadcrumb-area {
    height: auto;
}
}