:root { --bs-primary: #1D7CB5; }

/* ******* ******* ******* ******* ******* ******* ******* */
/*template*/
html { position: relative; min-height: 100%; }

body { font-family: Arial, Helvetica, sans-serif, "Microsoft JhengHei"; font-size: 1.125rem; line-height: 2; color: #343a40; }

a { text-decoration: none; color: #12537a; }

a.sr-only-goContent, a.visually-hidden-goContent { background-color: #524932; color: #FFF; position: absolute !important; top: 0; left: 0; text-decoration: none; font-size: 1.125rem; padding: 5px 8px 0px 5px; }
a.sr-only-goContent:active, a.sr-only-goContent:focus, a.visually-hidden-goContent:active, a.visually-hidden-goContent:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

a:focus-visible, a:focus-visible img, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible, .btn:focus-visible, .navbar-toggler:focus-visible, .form-control:focus, .form-select:focus, .page-link:focus, .nav-link:focus-visible, .dropdown-item:focus-visible { outline: 2px solid #ffffff !important; box-shadow: 0 0 0 6px #000 !important; }

@media screen and (max-width: 991px) { .header { border-top: 10px solid #524932; border-bottom: 2px solid #524932; background-color: #FFF; background-image: url(../images/indexBG.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom 50%; }
  .header .navbar-brand { display: block; max-width: calc(100% - 5rem); margin: 0 auto 0 0; padding: 0; }
  .header .navbar-toggler { background-color: #524932; padding-left: .5rem; padding-right: .5rem; }
  .header .navbar-toggler:focus { box-shadow: none; }
  .header .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
  .header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); background-size: 60%; }
  .header .navbar-collapse { position: fixed; background-color: #fff; left: 0; right: 0; bottom: 0; z-index: 1050; overflow-x: auto; }
  .header .navbar-collapse.show { display: flex; flex-direction: column; }
  .header .navbar-collapse.show > nav { width: 100%; }
  .header .navbar-collapse.show .nav-tools { order: 12; }
  .header .guide-U { display: inline-block; color: #524932; font-size: .9em; font-weight: bold; position: relative; margin-left: 15px; margin-right: auto; }
  .header .guide-U:focus, .header .guide-U:hover, .header .guide-U:active { text-decoration: none; }
  .header .nav-tools .nav-link, .header .nav-main .nav-link, .header .nav-sys .nav-link { color: #343a40; font-size: 1.1em; font-weight: bold; text-shadow: 1px 1px rgba(255, 255, 255, 0.5), 2px 2px 4px white, -1px -1px 5px white; border-bottom: 1px solid #ddd; padding: 5px 15px; }
  .header .nav-tools .nav-link:hover, .header .nav-tools .nav-link:focus, .header .nav-main .nav-link:hover, .header .nav-main .nav-link:focus, .header .nav-sys .nav-link:hover, .header .nav-sys .nav-link:focus { background-color: #ebebeb; }
  .header .nav-tools .nav-main-sub, .header .nav-main .nav-main-sub, .header .nav-sys .nav-main-sub { display: none; border-bottom: 1px solid #ddd; }
  .header .nav-tools .nav-main-sub .nav-link, .header .nav-main .nav-main-sub .nav-link, .header .nav-sys .nav-main-sub .nav-link { font-size: 1em; padding: 0px 15px 0px calc(15px + 1em); text-shadow: none; border-bottom: none; background-color: transparent; }
  .header .nav-tools .nav-main-sub .nav-link:hover, .header .nav-tools .nav-main-sub .nav-link:focus, .header .nav-main .nav-main-sub .nav-link:hover, .header .nav-main .nav-main-sub .nav-link:focus, .header .nav-sys .nav-main-sub .nav-link:hover, .header .nav-sys .nav-main-sub .nav-link:focus { background-color: #ebebeb; }
  .header .nav-tools .nav-main-sub .nav-link:active, .header .nav-tools .nav-main-sub .nav-link.active, .header .nav-main .nav-main-sub .nav-link:active, .header .nav-main .nav-main-sub .nav-link.active, .header .nav-sys .nav-main-sub .nav-link:active, .header .nav-sys .nav-main-sub .nav-link.active { color: #fff; background-color: #176899; }
  .header .nav-tools .nav-item.active .nav-link, .header .nav-main .nav-item.active .nav-link, .header .nav-sys .nav-item.active .nav-link { background-color: #918159; }
  .header .nav-tools .nav-item.active .nav-link:hover, .header .nav-tools .nav-item.active .nav-link:focus, .header .nav-main .nav-item.active .nav-link:hover, .header .nav-main .nav-item.active .nav-link:focus, .header .nav-sys .nav-item.active .nav-link:hover, .header .nav-sys .nav-item.active .nav-link:focus { color: #343a40; background-color: #918159; font-weight: bold; }
  .header .nav-tools .nav-item.active .nav-main-sub .nav-link, .header .nav-main .nav-item.active .nav-main-sub .nav-link, .header .nav-sys .nav-item.active .nav-main-sub .nav-link { background-color: #fff; }
  .header .nav-tools .nav-item.active .nav-main-sub .nav-link:hover, .header .nav-tools .nav-item.active .nav-main-sub .nav-link:focus, .header .nav-main .nav-item.active .nav-main-sub .nav-link:hover, .header .nav-main .nav-item.active .nav-main-sub .nav-link:focus, .header .nav-sys .nav-item.active .nav-main-sub .nav-link:hover, .header .nav-sys .nav-item.active .nav-main-sub .nav-link:focus { background-color: #ebebeb; }
  .header .nav-tools .nav-item.active .nav-main-sub .nav-link:active, .header .nav-tools .nav-item.active .nav-main-sub .nav-link.active, .header .nav-main .nav-item.active .nav-main-sub .nav-link:active, .header .nav-main .nav-item.active .nav-main-sub .nav-link.active, .header .nav-sys .nav-item.active .nav-main-sub .nav-link:active, .header .nav-sys .nav-item.active .nav-main-sub .nav-link.active { color: #fff; background-color: #176899; }
  .header .nav-tools .nav-main-sub.show, .header .nav-main .nav-main-sub.show, .header .nav-sys .nav-main-sub.show { display: block; } }
@media screen and (min-width: 992px) { .header { border-top: 10px solid #524932; border-bottom: 2px solid #524932; background-color: #FFF; background-image: url(../images/indexBG.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom 50%; border-bottom: 46px solid #e4dfd2; }
  .header .navbar { padding: 0; }
  .header .navbar-brand { margin: 0 auto 0 0; padding: 0; }
  .header .navbar-collapse { background-color: transparent; position: initial; border-radius: 0; box-shadow: none; }
  .header .guide-U { color: #524932; font-size: .9em; font-weight: bold; position: absolute; top: 0; right: calc(.75rem + (1em*4 + 10px)*3 + (1em + 10px)); }
  .header .guide-U:focus, .header .guide-U:hover, .header .guide-U:active { text-decoration: none; }
  .header .nav-tools { position: absolute; top: 0; right: .75rem; }
  .header .nav-tools .nav-link { color: #524932; font-size: 0.9em; margin-left: 15px; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); padding: 0; }
  .header .nav-tools .nav-link:hover, .header .nav-tools .nav-link:focus, .header .nav-tools .nav-link:active { text-decoration: none; color: #176899; }
  .header .nav-main .nav-link { height: 50px; color: #343a40; font-size: 1.1em; font-weight: bold; line-height: 1; text-shadow: 1px 1px rgba(255, 255, 255, 0.5), 2px 2px 4px white, -1px -1px 5px white; border-radius: 5px 5px 0 0; padding: 15px 10px; }
  .header .nav-main .nav-link:hover, .header .nav-main .nav-link:focus { background-color: transparent; color: #176899; }
  .header .nav-main .nav-main-sub { display: none; }
  .header .nav-main .nav-item.active .nav-link { background-color: #e4dfd2; }
  .header .nav-main .nav-item.active .nav-link:hover, .header .nav-main .nav-item.active .nav-link:focus, .header .nav-main .nav-item.active .nav-link:active { color: #343a40; background-color: #e4dfd2; }
  .header .nav-main .nav-item.active .nav-main-sub { display: flex; flex-wrap: nowrap; white-space: nowrap; max-width: 100%; border-radius: 0; position: absolute; }
  .header .nav-main .nav-item.active .nav-main-sub .nav-link { background-color: transparent; font-size: 1em; text-shadow: none; height: 46px; }
  .header .nav-main .nav-item.active .nav-main-sub .nav-link:hover, .header .nav-main .nav-item.active .nav-main-sub .nav-link:focus, .header .nav-main .nav-item.active .nav-main-sub .nav-link:active, .header .nav-main .nav-item.active .nav-main-sub .nav-link.hover, .header .nav-main .nav-item.active .nav-main-sub .nav-link.focus, .header .nav-main .nav-item.active .nav-main-sub .nav-link.active { color: #176899; }
  .header .nav-sys { position: absolute; bottom: -10px; right: .75rem; }
  .header .nav-sys .nav-item { margin-left: 10px; }
  .header .nav-sys .nav-link { text-align: center; width: 104px; height: 119px; color: #343a40; line-height: 1.4; font-weight: bold; padding-top: 30px; background-repeat: no-repeat; background-position: 0px 0px; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
  .header .nav-sys .nav-link.goAdmin { background-image: url(../images/btn-link-orange2.png); text-indent: -9999px; overflow: hidden; }
  .header .nav-sys .nav-link.goTest { background-image: url(../images/btn-link-blue2.png); text-indent: -9999px; overflow: hidden; }
  .header .nav-sys .nav-link.goReport { background-image: url(../images/btn-link-yellow2.png); text-indent: -9999px; overflow: hidden; }
  .header .nav-sys .nav-link:hover, .header .nav-sys .nav-link:focus, .header .nav-sys .nav-link:active { background-position: 0px -119px; background-color: transparent; transform: translateY(3px); }
  .header .navi-tab3 .nav-main-sub, .header .navi-tab4 .nav-main-sub, .header .navi-tab5 .nav-main-sub { transform: translateX(-37.5%); }
  .header .navi-tab6 .nav-main-sub { transform: translateX(calc(-100% + 37.5%)); } }
@media screen and (min-width: 1200px) { .header { background-image: url(../images/headerBG.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: center center; }
  .header .nav-main .nav-link { padding: 15px 25px; } }
@media screen and (min-width: 1400px) { .header .nav-main .nav-link { transform: translateX(calc((-104px - 10px)*1.5)); } }
.content { padding-bottom: 2rem; }

.breadcrumb { background-color: transparent; font-size: 0.8em; padding: 8px 15px 8px 5px; margin-bottom: 20px; }
.breadcrumb .breadcrumb-item > a { color: #524932; }
.breadcrumb .breadcrumb-item > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb .breadcrumb-item.active > a { color: #777; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #ccc; }

.footer { box-shadow: 0px -2px 8px rgba(237, 197, 231, 0.7); background-color: #f8f8f8; color: #666; font-size: 0.9em; position: absolute; bottom: 0; width: 100%; }
.footer .footer-map { padding: 15px 0; line-height: 1.5; }
.footer .footer-map .nav-map { margin-bottom: 0px; }
.footer .footer-map .nav-map > li > a { padding: 0px 15px 0px 0px; }
.footer .footer-copyright { padding: 15px 0; border-top: 1px solid #ccc; }
.footer .footer-copyright > .container [class*="col-"]:nth-child(1) { text-align: center; }
.footer .footer-copyright > .container [class*="col-"]:nth-child(1) img { display: block; margin: 10px auto; }
.footer .footer-copyright > .container [class*="col-"]:nth-child(2) { text-align: center; }
.footer .footer-copyright > .container [class*="col-"]:nth-child(2) img { margin-left: .25rem; }
.footer .footer-copyright > .container [class*="col-"]:nth-child(3) { text-align: center; margin-top: 10px; }
@media screen and (min-width: 768px) { .footer .footer-copyright > .container [class*="col-"]:nth-child(1) { text-align: center; }
  .footer .footer-copyright > .container [class*="col-"]:nth-child(1) img { display: inline; margin: 10px; }
  .footer .footer-copyright > .container [class*="col-"]:nth-child(2) { text-align: left; }
  .footer .footer-copyright > .container [class*="col-"]:nth-child(2) img { margin-left: .25rem; }
  .footer .footer-copyright > .container [class*="col-"]:nth-child(3) { text-align: right; margin-top: 0px; } }
@media screen and (min-width: 1200px) { .footer .footer-copyright > .container [class*="col-"]:nth-child(1) { text-align: left; }
  .footer .footer-copyright > .container [class*="col-"]:nth-child(1) img { display: inline; margin: 5px; }
  .footer .footer-copyright > .container [class*="col-"]:nth-child(2) { text-align: left; }
  .footer .footer-copyright > .container [class*="col-"]:nth-child(2) img { margin-left: .25rem; }
  .footer .footer-copyright > .container [class*="col-"]:nth-child(3) { text-align: right; margin-top: 0px; } }

/* ******* ******* ******* ******* ******* ******* ******* */
/*UI*/
.bg-success { background-color: #dff0d8; }
.bg-success th, .bg-success td { background-color: #dff0d8; }

.bg-info { background-color: #d9edf7; }
.bg-info th, .bg-info td { background-color: #d9edf7; }

.bg-warning { background-color: #fcf8e3; }
.bg-warning th, .bg-warning td { background-color: #fcf8e3; }

.bg-danger { background-color: #f2dede; }
.bg-danger th, .bg-danger td { background-color: #f2dede; }

.bg-green { color: #fff; background-color: #4f780f; }

.bg-blue { color: #fff; background-color: #176899; }

.bg-orange { color: #fff; background-color: #a65a00; }

.bg-gray { background-color: #ebebeb; }

.border-green { border-color: #4f780f; }

.border-blue { border-color: #176899; }

.border-orange { border-color: #a65a00; }

.align-middle { vertical-align: middle; }
.align-middle th, .align-middle td { vertical-align: middle !important; }

.text-left { text-align: left; }
.text-left th, .text-left td { text-align: left !important; }

.text-center { text-align: center; }
.text-center th, .text-center td { text-align: center !important; }

.text-right { text-align: right; }
.text-right th, .text-right td { text-align: right !important; }

.TAA-page { margin: 20px 0 40px 0; }
.TAA-page > span span, .TAA-page > span a { display: inline-block; color: #176899; font-size: .9rem; line-height: 1; min-width: 2rem; min-height: 2rem; text-decoration: none; margin: 0 5px; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; }
.TAA-page > span span:hover, .TAA-page > span span:active, .TAA-page > span span:focus, .TAA-page > span a:hover, .TAA-page > span a:active, .TAA-page > span a:focus { color: #23527c; background-color: #eee; border-color: #ddd; }
.TAA-page > span span.active, .TAA-page > span a.active { color: #fff; background-color: #337ab7; border-color: #337ab7; border-radius: 100%; }

.goTop { display: none; position: fixed; z-index: 1000; bottom: 129px; width: 48px; height: 48px; cursor: pointer; background-color: transparent; border: none; background-image: url(../images/goTOP.png); background-repeat: no-repeat; background-position: center center; background-position: 0px 0px; right: 10px; text-indent: -9999px; overflow: hidden; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .goTop { /* IE10+ specific styles go here */ right: 20px; } }
.goTop:hover, .goTop:active, .goTop:focus { background-position: 0px -50px; }

.guide-C { color: #524932; margin-top: 3px; margin-left: -4px; font-size: 1em; }
.guide-C:focus, .guide-C:hover, .guide-C:active { text-decoration: none; }

.guide-Z { color: #524932; font-size: 1em; line-height: 1.4; font-weight: bold; }
.guide-Z:focus, .guide-Z:hover, .guide-Z:active { text-decoration: none; }
@media screen and (min-width: 768px) { .guide-Z { float: left; } }

.content.withBg { background-color: #FFF; }
.content .page-title { text-align: center; background-color: #726545; border-radius: 8px; color: #FFF; padding: 10px 0; border: 2px dashed #FFF; box-shadow: 4px 4px #726545, -4px -4px #726545, -4px 4px #726545, 4px -4px #726545; font-weight: bold; margin-bottom: 30px; }
.content .page-title > small { color: #FFF; }
.content .page-sub-title { line-height: 1.4; background-image: url(../images/spot.png); background-repeat: no-repeat; background-position: left top .25em; padding-left: 25px; font-weight: bold; color: #524932; }
.content p { margin-bottom: 2em; padding-left: 25px; }
.content hr { margin-bottom: 35px; border-top: 2px dashed #aa9a73; opacity: 1.0; }
.content .section-padding { padding-left: 25px; }
.content .list-group .list-group-item { border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #ddd; margin-bottom: 0px; }
.content .list-group.bottomNone .list-group-item:last-child { border-bottom: none; }
.content .list-with-icon .list-group-item { padding-left: 35px; background-repeat: no-repeat; background-position: left top .5rem; }

.btn-primary { background-color: #176899; border-color: #176899; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.hover, .btn-primary.focus { background-color: #104a6d !important; border-color: #104a6d !important; }
.btn-primary:active, .btn-primary.active { background-color: #104a6d !important; border-color: #104a6d !important; }

.btn > .glyphicon { top: 2px; }

/* ******* ******* ******* ******* ******* ******* ******* */
/*News*/
.news-list > li .news-data { float: left; background-color: #4f780f; color: #FFF; font-size: .9em; padding: 0px 10px; border-radius: 8px; }
@media screen and (max-width: 420px) { .news-list > li .news-data { float: none; } }
.news-list > li .news-topic { padding: 0px 5px; padding-left: 6em; }
@media screen and (max-width: 420px) { .news-list > li .news-topic { padding-left: 0; } }

/*About*/
.about3-list { margin: 0 0 2em 0; padding: 0 0 0 25px; }
.about3-list li { list-style: none; margin-bottom: 1em; }
.about3-list li .about3-list-version { text-align: center; border-radius: 8px; font-weight: bold; border-width: 2px; border-style: solid; }

.paper-list > li { padding-left: 2em; text-indent: -2em; }
.paper-list > li a { text-indent: 0; }

/*Content*/
.list-Content5 .list-group-item { padding: 1rem 1rem; }
.list-Content5 .list-group-item:hover, .list-Content5 .list-group-item:focus, .list-Content5 .list-group-item:active { color: #176899; }
.list-Content5 .list-group-item:last-child { border-bottom: none; }

/*Course*/
.panel-Course2 { margin-bottom: 2rem; background-color: #fff; border: 1px solid transparent; border-radius: 4px; }
.panel-Course2 .panel-heading { padding: .75rem 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.panel-Course2 .panel-heading > h3 { line-height: 1.4; background-image: none; padding-left: 0px; font-weight: bold; color: inherit; font-size: 1.2em; margin-top: 0px; margin-bottom: 0px; }
.panel-Course2 .list-group.list-with-icon .list-group-item { padding-left: 50px; background-position: left 15px center; }
.panel-Course2 .list-group.list-with-icon .list-group-item:hover, .panel-Course2 .list-group.list-with-icon .list-group-item:focus, .panel-Course2 .list-group.list-with-icon .list-group-item:active { color: #176899; background-color: #f5f5f5; }
.panel-Course2 .list-group.list-with-icon .list-group-item:last-child { border-bottom: none; }

.panel-Course2.panel-danger { border-color: #ebccd1; }
.panel-Course2.panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.panel-Course2.panel-danger .list-group .list-group-item { border-bottom-color: #ebccd1; }

.panel-Course2.panel-warning { border-color: #faebcc; }
.panel-Course2.panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.panel-Course2.panel-warning .list-group .list-group-item { border-bottom-color: #faebcc; }

.panel-Course2.panel-success { border-color: #d6e9c6; }
.panel-Course2.panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.panel-Course2.panel-success .list-group .list-group-item { border-bottom-color: #d6e9c6; }

.panel-Course2.panel-purple { border-color: #e2b9e2; }
.panel-Course2.panel-purple > .panel-heading { color: #6d4181; background-color: #f6eaf6; border-color: #e2b9e2; }
.panel-Course2.panel-purple .list-group .list-group-item { border-bottom-color: #e2b9e2; }

/*Activity*/
@media screen and (max-width: 991px) { .table-responsive { margin-bottom: 1rem; }
  .table-responsive > .table { min-width: 920px; margin-bottom: 0; } }
.table-activity { text-align: center; border: 1px solid #ddd; }
.table-activity thead tr th { text-align: center; vertical-align: middle; }
.table-activity thead tr th:nth-child(1) { width: 13rem; }
.table-activity thead tr th:nth-child(2) { width: auto; text-align: left; }
.table-activity thead tr th:nth-child(3) { width: 6rem; }
.table-activity thead tr th:nth-child(4) { width: 8.5rem; }
.table-activity thead tr th:nth-child(5) { width: 8.5rem; }
.table-activity tbody tr td { vertical-align: middle; border-style: dashed; }
.table-activity tbody tr td:nth-child(1) { font-size: 0.9em; }

/*FAQ*/
.qa { margin-bottom: 40px; }
.qa .panel { border: 1px solid #ddd; border-radius: 0; margin: -1px 0px 0px 0px !important; }
.qa .panel .panel-heading { padding: 0px; }
.qa .panel .panel-heading a { display: block; font-size: 1.2em; text-decoration: none; padding: 15px 15px 15px 43px; background-image: url(../images/qa_q.png); background-repeat: no-repeat; background-position: left 5px top 10px; /*&:focus, &:active{
	background-color:#FFF;
	color:#FFF;
	border-bottom:none;
}*/ }
.qa .panel .panel-heading a:hover, .qa .panel .panel-heading a:focus, .qa .panel .panel-heading a:active { color: #176899; background-color: #f5f5f5; }
.qa .panel .panel-heading .panel-title { line-height: 1.4; background-image: none; background-repeat: no-repeat; background-position: left center; padding-left: 0px; font-weight: normal; color: inherit; }
.qa .panel .panel-collapse.collapse.in { borer-top: none; }
.qa .panel .panel-body { background-color: #fff; background-image: url(../images/qa_a.png); background-repeat: no-repeat; background-position: left 5px top 15px; padding-left: 43px; border-bottom: 2px solid #ddd; color: #333; borer-top: none; }

.qa .accordion .accordion-item { border: none; margin: 0 !important; }
.qa .accordion .accordion-item:not(:last-child) { /*border-bottom: 1px dashed #ddd;*/ }
.qa .accordion .accordion-item .accordion-header .panel-title { margin: 0; }
.qa .accordion .accordion-item .accordion-header .accordion-button { font-size: 1.2rem; border-radius: 0; padding: 1.5rem 15px 1.5rem 43px; background-position: left 5px center; border-bottom: 1px dashed var(--bs-accordion-border-color); }
.qa .accordion .accordion-item .accordion-header .accordion-button:hover { font-weight: bold; }
.qa .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: #c5e4f6; box-shadow: none; color: #176899; font-weight: bold; border: 1px solid var(--bs-accordion-border-color); border-bottom: none; border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); position: relative; }
.qa .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before { content: ""; display: block; width: calc(100% + 2px); height: 1px; background-color: #fff; position: absolute; top: -2px; left: -1px; right: -1px; }
.qa .accordion .accordion-item .accordion-body { border-bottom: none; padding-top: 0; background-position: left 5px top 0; background-color: #c5e4f6; }
.qa .accordion .accordion-item .collapse.show .accordion-body { border: 1px solid var(--bs-accordion-border-color); border-top: none; border-bottom-left-radius: var(--bs-accordion-inner-border-radius); border-bottom-right-radius: var(--bs-accordion-inner-border-radius); }

/*contact*/
.contact-icon .glyphicon { background-color: #f3df4e; color: #524932; font-size: 1.8em; width: 1.8em; height: 1.8em; line-height: 1.7; border-radius: 50%; border: 2px dashed #524932; }

/*map*/
.nav-map { margin-bottom: 40px; flex-direction: column; align-items: flex-start; }
.nav-map > li > a { font-weight: bold; text-align: left; color: #333; padding: 10px 15px 10px 0px; }
.nav-map > li > a:hover, .nav-map > li > a:focus, .nav-map > li > a:active { background-color: transparent; color: #176899; }
.nav-map > li > ul { padding: 0; }
.nav-map > li > ul > li { list-style: none; }
.nav-map > li > ul > li > a { font-size: 0.85em; color: #666; }
.nav-map > li > ul > li > a:hover, .nav-map > li > ul > li > a:focus, .nav-map > li > ul > li > a:active { background-color: transparent; color: #176899; }
.nav-map > li > ul > li > a:before { content: "- "; }
@media screen and (min-width: 768px) { .nav-map { flex-direction: row; } }
.nav-map > .nav-item { margin-top: .5rem; }
@media screen and (min-width: 768px) { .nav-map > .nav-item { margin-top: 0; } }
.nav-map .nav-link { text-align: left; padding: 0.25rem .5rem; }
.nav-map.nav-justified .nav-item, .nav-map.nav-justified > .nav-link { flex-basis: auto; }