@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
	padding-top: 2rem;
	padding-bottom: 2rem;
	font-family: 'Noto Sans TC', sans-serif;
	font-size: 1.25rem;
	color: #555;
	background-color: rgba( 155, 155, 155, .95);
}
header,
article {background-color: #FFFFFF}
a {color:rgba( 0, 0, 0, .8);}
a, a:hover {text-decoration:none;}
header {
	padding-bottom: 0; /*30px*/
}
footer {
	padding-top: 1rem;
	font-size: .9rem;
	font-weight: 400;
}

.fs-1 {font-size: .75rem}
.fs-2 {font-size: 1rem}
.fs-3 {font-size: 1.25rem}
.fs-4 {font-size: 1.5rem}
.fs-5 {font-size: 1.75rem}
.fs-10 {font-size: 10px;}
.fs-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.fs-20 {font-size: 20px;}
.fs-22 {font-size: 22px;}

#page-btn .btn {
	border-radius: 50rem!important;
	padding-left: 3rem!important;
	padding-right: 3rem!important;
	color: #343a40;
	border-color: #343a40;
}

.map-responsive{
	overflow:hidden;
	padding-bottom:50%;
	position:relative;
	height:0;
}
.map-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}
	.map-responsive {
		height: calc(100vh - 250px)!important;
	}

@media (max-width: 575.98px) {
	#page-btn .btn {
		padding-left: 2rem!important;
		padding-right: 2rem!important;
	}
	.fs-5 {font-size: 1.5rem}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.fs-5 {font-size: 1.5rem}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.fs-5 {font-size: 1.1rem}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.fs-5 {font-size: 1.25rem}
}
@media (min-width: 1200px) {
	.fs-5 {font-size: 1.5rem}
}