@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
	font-family: 'Noto Sans TC', sans-serif;
	background-color: rgba( 0, 0, 0, .06);
}
header,
article {background-color: #FFFFFF}
a {color:rgba( 0, 0, 0, .8);}
a, a:hover {text-decoration:none;}
header {
	padding-bottom: 0; /*30px*/
}
/*
.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;}
.bg-secondary1 {background-color: rgba( 0, 0, 0, .08);}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: rgba(52, 52, 52, 1);
    border-color: rgba(52, 52, 52, 1);
}
.page-link {
	color: rgba(52, 52, 52, 1);
}
.btn.btn-radius{
	border-radius: 9999em 9999em;
}
.btn.btn-primary{
	background-color: #3167b8;
    border-color: #3167b8;
}
.btn.btn-danger{
	background-color: #7f1924;
    border-color: #7f1924;
}
main {border-top: 1px solid #e0e0e0;}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
}
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
}
// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
}
// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}
// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {
}
/*
@media (max-width: 575.98px) {
	.list-unstyled li {
		display: inline-block;
		margin-right: 10px;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {
	footer {font-size: .9rem;}
	footer h5 {font-size: 1rem;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	footer {font-size: .9rem;}
	footer h5 {font-size: 1rem;}

}
@media (min-width: 1200px) {
}
*/
footer {
	font-size: 14px;
}
footer .list-inline-item {
	padding-bottom: 5px;
}
footer .copyright {
	font-size: .8em;
}
@media (min-width: 576px) {
footer .list-inline-item{
	display: block;
}
}

/* ---------------- Back to Top -------------------------------------------------------------- */
.back-top {
	position: fixed; display: none; z-index: 999;
	right: 5px; bottom: 0;
	color: #ffffff; background: #212121;
	margin-bottom: 10px; padding-top: 5px;
	border-radius: 50%; width:45px; height: 45px;
    line-height: 14px; font-size: 16px;
}
.back-top:hover,
.back-top:focus,
.back-top:active {color: #ffffff;}
.back-top:hover {
	-webkit-transition: all 100ms ease-in-out 0s;
		 -o-transition: all 100ms ease-in-out 0s;
			transition: all 100ms ease-in-out 0s;
	background: #373939
}