@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
* {
	font-family: "Noto Sans TC";
}
p {
	margin: 0px;
}
html, body {
	height: 100%;
	background-color: #f2f2f2;
}
#mainNav {
	padding-top: 0rem;
	padding-right: 0.8rem;
	padding-bottom: 0rem;
	padding-left: 0.5rem;
	font-weight: 700;
	letter-spacing: 0.2rem;
	z-index: 999;
	border-bottom: 0px solid #d1d1d1;
}
#mainNav .navbar-toggler {
	font-size: 80%;
 padding: .8rem;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
	color: rgba(220, 53, 69, 0.9);/*主選單換色*/
}
@media (max-width:992px) {
 #mainNav ul {
 padding-top: 0rem;
 padding-bottom: 0rem;
}
}
@media (min-width:992px) {
 #mainNav {
 padding-top: 0rem;
 padding-right: 0.6rem;
 padding-bottom: 0rem;
 padding-left: 0.8rem;
 font-size: 1.1rem;
 border-bottom: 0px solid #d1d1d1;
}
 #mainNav .navbar-nav {
 margin-top: 0;
}
 .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
 color: rgba(220, 53, 69, 0.9); /*主選單換色*/
}
}
/* ------------------------------------------
  Header
--------------------------------------------- */
.events-header-bg {
	background-image: url(../images/v110.jpg);
	background-position: center center;
	background-size: cover;
	height: 100%;
	position: relative;/*內容垂直置中*/
	display: flex;/*內容垂直置中*/
	align-items: center;/*內容垂直置中*/
	background-repeat: no-repeat;
	overflow: hidden;/
}
@media (max-width:576px) {
 .events-header-bg {
	background-image: url(../images/v110.jpg);
	background-position: center center;
	background-size: cover;
    height: 300px;
}
}
@media (min-width:576px) and (max-width:992px) {
 .events-header-bg {
	background-image: url(../images/v110.jpg);
	background-position: center center;
	background-size: cover;
    height: 400px;
}
}
/* ------------------------------------------
  Aside
--------------------------------------------- */
.aside {
	position: absolute;
	height: auto;
	width: 120px;
	z-index: 99;
	right: 30px;
	top: 190px;
}
.aside ul {
	margin: 0px;
	padding: 0px;
}
.aside ul li {
	list-style-type: none;
	float: left;
}
@media (max-width:1023px) {
 .aside {
 display: none;
}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	.aside {
	top: 120px;
}
}
/* ------------------------------------------
  Main
--------------------------------------------- */
.radius {
	border-radius: 1rem;
}
main {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	letter-spacing: 2px;
	line-height: 2.1rem;
	display: block;
	padding-top: 1.8rem;
	padding-right: 3rem;
	padding-bottom: 3rem;
	padding-left: 3rem;
	background-color: #fff;
	font-size: 1.1rem;
}
@media (max-width:768px) {
 main {
 padding-top: 1rem;
 padding-right: 1rem;
 padding-bottom: 1rem;
 padding-left: 1rem;
 font-size: 1rem;
}
}
main h1 {
	font-size: 2.5rem;
	color: #333;
	letter-spacing: 0.5rem;
}
main h2 {
	font-size: 1.6rem;
	color: #333;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	background-color: #fafafa;
	letter-spacing: 0.5rem;
	border: 1px solid #E1E1E1;
	color: #3b70b3;
}
main h3 {
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-left: 12px;
	padding-bottom: 0px;
	font-size: 1.3rem;
	border-left-width: 7px;
	border-left-style: solid;
	color: #2061b2;
}
main h4 {
	margin-top: 1.5rem;
	color: #28a745;
	font-size: 1.15rem;
	margin-bottom: 3px;
	padding-left: 0px;
}
main ol {
	margin: 0px;
	padding: 0px;
}
main ol li {
	margin-left: 22px;
	padding: 0;
}
@media (max-width:1023px) {
 main h1 {
 font-size: 2rem;
 color: #333;
 letter-spacing: 0.5rem;
}
 main h2 {
 font-size: 1.4rem;
 width: 100%;
}
 main h4 {
 margin-top: 1rem;
 font-size: 1.15rem;
 width: 100%;
 line-height: 2rem;
}
 main ol li {
 margin-left: 1.7rem;
 padding: 0;
}
}
/* ------------------------------------------
  左側選單
--------------------------------------------- */
.list-group-item {
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
.list-group-item.active {
	z-index: 2;
	color: #fff;
	background: #4568DC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #B06AB3, #4568DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-color: #4668dc;
}
@media (max-width:768px) {
.list-group-item {
 padding-top: 0.8rem;
 padding-bottom: 0.8rem;
 font-size: 1.1rem;
 letter-spacing: 0.3rem;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.list-group-item {
 padding-top: 0.8rem;
 padding-bottom: 0.8rem;
 font-size: 1.2rem;
 letter-spacing: 0.3rem;
}
}
@media screen and (min-width: 1200px) {
.list-group-item {
 padding-top: 0.8rem;
 padding-bottom: 0.8rem;
 font-size: 1.15rem;
 letter-spacing: 0.1rem;
}
}
@media (min-width:1024px) {
 #collapseMenu {
 margin-bottom: 0.5rem;
 margin-top: 0.2rem;
}
}
@media (max-width:1024px) {
 #collapseMenu {
 margin-bottom: 0.5rem;
 margin-top: -0.5rem;
}
}

/* ------------------------------------------
  左側選單 part-2
--------------------------------------------- */
#collapseMenu-2 .list-group-item {
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
#collapseMenu-2 .list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}
@media (max-width:768px) {
#collapseMenu-2 .list-group-item {
 padding-top: 0.8rem;
 padding-bottom: 0.8rem;
 font-size: 1.1rem;
 letter-spacing: 0.3rem;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
#collapseMenu-2 .list-group-item {
 padding-top: 0.8rem;
 padding-bottom: 0.8rem;
 font-size: 1.2rem;
 letter-spacing: 0.3rem;
}
}
@media screen and (min-width: 1200px) {
#collapseMenu-2 .list-group-item {
 padding-top: 0.8rem;
 padding-bottom: 0.8rem;
 font-size: 1.15rem;
 letter-spacing: 0.1rem;
}
}
@media (max-width:1024px) {
 #collapseMenu-2 {
 margin-bottom: 0.5rem;
 margin-top: -0.5rem;
}
}
/* ------------------------------------------
  更新內容標簽
--------------------------------------------- */
.pills {
	border-radius: 2rem;
	width: 22%;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	margin-right: 0.5%;
	margin-left: 0.5%;
}
.pills_end {
	border-radius: 2rem;
	width: 22%;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	margin-right: 24%;
	margin-left: 0.5%;
}
@media (max-width:768px) {
 .pills {
 border-radius: 2rem;
 width: 95%;
 margin-top: 0.3rem;
 margin-bottom: 0.3rem;
 margin-right: 0.2rem;
 margin-left: 0.2rem;
}
 .pills_end {
 border-radius: 2rem;
 width: 95%;
 margin-top: 0.3rem;
 margin-bottom: 0.3rem;
 margin-right: 0.2rem;
 margin-left: 0.2rem;
}
}
/* ------------------------------------------
  footer
--------------------------------------------- */
footer {
	box-sizing: border-box;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 0.8rem;
	display: block;
	line-height: 28px;
	text-align: center;
	letter-spacing: 2px;
	height: 5rem;
}
footer a:link {
	text-decoration: none;
	color: #343a40;
}
footer a:hover {
	text-decoration: underline;
	color: #343a40;
}
footer .block_s {
	text-align: right;
}
footer .block_e {
	text-align: left;
}
@media (max-width:768px) {
 footer {
 line-height: 24px;
 word-break: break-all;
 height: 15rem;
 font-size: 0.7rem;
}
 footer p {
 margin-top: 0px;
 margin-bottom: 0.5rem;
}
footer .block_s {
 text-align: center;
}
footer .block_e {
 text-align: center;
}
.icon img {
 width: 60%;
}
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
 footer {
 line-height: 24px;
 word-break: keep-all;
 height: 12rem;
 font-size: 0.7rem;
}
 footer p {
 margin-top: 0px;
 margin-bottom: 0.5rem;
}
footer .block_s {
 text-align: center;
}
footer .block_e {
 text-align: center;
}
.icon img {
 width: 20%;
}
}
/* ------------------------------------------
  scroll-to-top
--------------------------------------------- */
.scroll-to-top {
	z-index: 1042;
	right: 1rem;
	bottom: 1rem;
}
.scroll-to-top a {
	width: 2rem;
	height: 2rem;
	background-color: rgba(33, 37, 41, 0.3);
	line-height: 2rem;
}
/* ------------------------------------------
  文字設定
--------------------------------------------- */
.text-blue {
	color: #007bff;
}
.text-light-blue {
	color: #4ebbf1;
}
.text-purple {
	color: #6f42c1;
}
.text-pink {
	color: #d63384;
}
.text-red {
	color: #dc3545;
}
.text-orange {
	color: #fd7e14;
}
.text-yellow {
	color: #ffc107;
}
.text-green {
	color: #28a745;
}
.text-white {
	color: #fff;
}
.text-dark {
	color: #343a40;
}
.text-purple{
ccolor: transparent; /* 文字顏色設定透明 */
background-image: linear-gradient(to right, #B06AB3, #4568DC);
-webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
background-clip: text;}
.text-sp {
	letter-spacing: 0.25rem;
}
@media (max-width:768px) {
.text-sp {
 letter-spacing: 0rem;
}
}
.justify {
	text-align: justify;
	padding-right: 1rem;
	padding-left: 1rem;
}
/* ------------------------------------------
  表格
--------------------------------------------- */
table {
	display: table;
	min-width: 40%;/*表格最小寬度限制*/
}
thead {
	background-color: #dc3545;
	color: #FFFFFF;
}
.table tr > .table-dark {
	background-color: #717377;
	color: #FFFFFF;
}
.table tr > .table-gray {
	background-color: #F2F2F2;
}
.table th, .table td {
	vertical-align: middle;/*垂直居中*/
}
@media (max-width:768px) {
 table .thead {
 height: 2rem;
 background-color: #646C74;
 color: #FFFFFF;
}
 table tr {
 height: 1.5rem;
}
 table {
 display: table;
 min-width: 100%;/*表格最小寬度限制100*/
 font-size: 0.8rem;
}
 .text-small {
 font-size: 0.6rem;
}
}
/* ------------------------------------------
  accordion
--------------------------------------------- */
.accordion {
	border: 1px solid #6f42c1;
	border-radius:1rem;
	overflow: hidden;
	padding: 0px;
}
.accordion-button {
	background: #4568DC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #B06AB3, #4568DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #fff;
	letter-spacing: 0.15rem;
	line-height: 2rem;
}
.accordion-button:not(.collapsed) {
background: #4568DC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #B06AB3, #4568DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #fff;
letter-spacing: 0.15rem;
line-height: 2rem;
box-shadow:none;
}
.accordion-button:not(.collapsed)::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}/*改白色*/
.accordion-button::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}/*改白色*/
.accordion-button:hover {
	background-color: #6f42c1;
}
.accordion-button:focus {
	box-shadow:none;
}
.accordion-header {
	margin: 0px;
	padding: 0px;
	border: 0px solid #939393;
}
.accordion-item:first-of-type {
	margin: 0px;
	padding: 0px;
	border: 0px solid #939393;
}
.accordion-item:not(:first-of-type) {
 margin: 0px;
 padding: 0px;
}
.p-o {
	padding: 0px;
}/*消除空隙*/
/* ------------------------------------------
  social
--------------------------------------------- */
.social {
 display: block;
 height: 4rem;
 width: auto;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
}
.social ul {
	margin: 0px;
	padding: 0px;
}
.social ul li {
	list-style-type: none;
	float: left;
	margin-right: 0.4rem;
	margin-left: 0.4rem;
}
@media (max-width:1023px) {
	.social ul li {
	list-style-type: none;
	float: left;
	width: 2.5rem;
    height: 2.5rem;
	display: block;
	margin-right: 0.15rem;
	margin-left: 0.15rem;
}
.social ul li img{
	width: 100%;
    height: 100%;
}
	}
/* ------------------------------------------
  漸層色
--------------------------------------------- */
.gradient-event {
background: #e1364b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #e1364b, #fc9088);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #e1364b, #fc9088); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
 --bs-btn-color:#fff;
 --bs-btn-border-color:#fc9088;
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-border-color:#fc9088;
 --bs-btn-active-color:#fff;
 --bs-btn-active-border-color:#fc9088;
}
.gradient-brown {
background: #961d15;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #641522, #961d15);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #641522, #961d15); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
 --bs-btn-color:#fff;
 --bs-btn-border-color:#961d15;
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-border-color:#961d15;
 --bs-btn-active-color:#fff;
 --bs-btn-active-border-color:#961d15;
}
.gradient-red {
background: #ED213A;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #8e1316, #ED213A);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #8e1316, #ED213A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
 --bs-btn-color:#fff;
 --bs-btn-border-color:#cd2c40;
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-border-color:#cd2c40;
 --bs-btn-active-color:#fff;
 --bs-btn-active-border-color:#cd2c40;
}
.gradient-blue {
	background: #77a4dc;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2061b2, #77a4dc);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2061b2, #77a4dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
 --bs-btn-color:#fff;
 --bs-btn-border-color:#77a4dc;
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-border-color:#77a4dc;
 --bs-btn-active-color:#fff;
 --bs-btn-active-border-color:#77a4dc;
}
.gradient-gray {
	background: #4c4f59;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #000000, #4c4f59);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #000000, #4c4f59); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
 --bs-btn-color:#fff;
 --bs-btn-border-color:#4c4f59;
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-border-color:#4c4f59;
 --bs-btn-active-color:#fff;
 --bs-btn-active-border-color:#4c4f59;
}
.gradient-purple {
	background: #ac8fa8;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #75396b, #ac8fa8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #75396b, #ac8fa8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
 --bs-btn-color:#fff;
 --bs-btn-border-color:#ac8fa8;
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-border-color:#ac8fa8;
 --bs-btn-active-color:#fff;
 --bs-btn-active-border-color:#ac8fa8;
}