@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, .04);
}
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-12 {font-size: 12px;}
.fs-14 {font-size: 14px;}
.fs-16 {font-size: 16px;}
.fs-18 {font-size: 18px;}
.d-inline-block {display: inline-block;}

.text-color1 {color: rgba( 0, 122, 154, 1);}

.text-main-color1 {color: #FFFFFF;}
.text-main-color2 {color: #808080;}
.text-main-color3 {color: #1A1A1A;}

.text-sub-color1 {color: #4F8B53;}
.text-sub-color2 {color: #A8BC55;}
.text-sub-color3 {color: #79A9BF;}
.text-sub-color4 {color: #E79468;}
.text-have {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 24px; font-weight: 700; line-height: .75rem !important;
	color: #FF0000; vertical-align: bottom;
}
.badge-hipepr1 {color: #fff; background-color: #4F8B53;}
.badge-hipepr2 {color: #fff; background-color: #A8BC55;}
.badge-hipepr3 {color: #fff; background-color: #79A9BF;}
.badge-hipepr4 {color: #fff; background-color: #E79468;}
.badge-hipepr5 {color: #fff; background-color: #007A9A;}
.bg-secondary1 {background-color: rgba( 0, 0, 0, .08);}
.btn-preset {
    border: 1px solid transparent;
    background-color: #007A9A;
    border-color: #007A9A;
    color: #fff;
}
.btn-preset:hover {
    background-color: #E79468;
    border-color: #E79468;
    color: #fff;
}
.page-link {
	color: #007A9A;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007A9A;
    border-color: #007A9A;
}
#search-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 14px;
	font-weight: 200;
	color: #C0C0C0;
}
#search-form input::-moz-placeholder { /* Firefox 19+ */
	font-size: 14px;
	font-weight: 200;
	color: #C0C0C0;
}
#search-form input:-ms-input-placeholder { /* IE 10+ */
	font-size: 14px;
	font-weight: 200;
	color: #C0C0C0;
}
#search-form input:-moz-placeholder { /* Firefox 18- */
	font-size: 14px;
	font-weight: 200;
	color: #C0C0C0;
}

.breadcrumb {
    border-radius: 0;
    font-size: 14px;
}

span[class*="float-"] .btn {
	border-radius: 15px;
	font-size: 14px;
	border: 1px solid #F0F0F0;
}

footer a {
	color: #808080;
}
.copyright {font-size: .5rem;}

footer .col .list-inline * {
	vertical-align: middle;
}
footer .col .list-inline li{
    list-style-type: none;
    display: inline;
}
footer .list-inline li.list-inline-item{
	margin-bottom: .5rem!important;
	padding-right: 1rem!important;
}
footer .col .list-inline li:not(:first-child){
	/*
	padding-left: 15px;
	padding-right: 5px;
	*/
	margin-left: .5rem;
}
footer .col .list-inline li:not(:first-child):before{
	margin-right: .5rem;
	content: " | ";
	font-size: 12px;
}

@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) {
}

/* ---------------- 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
}