<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

@media only screen and (max-width : 1000px) {
  .stellarnav &gt; ul &gt; li &gt; a { padding: 20px 23px; }
}



body{
  font-family: "Noto Sans TC", sans-serif !important;
}

/*h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}*/

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/*
 * Blog name and description
 */
.blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog-description {
  font-size: 1.1rem;
  color: #999;
}
/*----------------------------------------------------------*/
.stellarnav {
    margin: 0 0 20px 0;
  }

.stellarnav.light{
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}

.stellarnav.light ul ul {
    background: #f9f9f9 !important;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
}

.stellarnav.light &gt; ul &gt; li &gt; ul &gt; li{
  border-top: 1px solid #eee !important;
  padding: 0 27px;
}

.stellarnav.light &gt; ul &gt; li &gt; ul &gt; li a:focus{
  color: #212529;
/*  background-color: #000 !important;*/
}

.stellarnav li.has-sub &gt; a:after {
    border-top: 6px solid #333 !important;
}

.stellarnav.mobile ul {
    right: 0;
    z-index: 99;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
  }

.stellarnav &gt; ul &gt; li &gt; a { 
  padding: 16px 26px !important;
 }

/*bootstrap*/

.breadcrumb {
    padding: 0.1rem 1rem !important;
    margin-bottom: 1rem !important;
    list-style: none;
    background-color: #fff !important;
    border-radius: 0.25rem !important;
  }
.breadcrumb a {
    color: #307ea2 !important;
  }

 /*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/* Caret Breadcrumb */
.breadcrumb-caret .breadcrumb-item + .breadcrumb-item::before {
  content: "\f0da";
  font-family: "FontAwesome";
}

/* Bullet */
.breadcrumb-bullet .breadcrumb-item + .breadcrumb-item::before {
  content: "•";
}

/* Arrow Breadcrumb */
.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before {
  content: "";
}

.breadcrumb-arrow {
  height: 40px;
  line-height: 40px;
}

.breadcrumb-arrow .breadcrumb-item:first-child a {
  border-radius: 4px 0 0 4px;
}

.breadcrumb-arrow .breadcrumb-item,
.breadcrumb-arrow .breadcrumb-item a,
.breadcrumb-arrow .breadcrumb-item span {
  display: inline-block;
  vertical-align: top;
}

.breadcrumb-arrow .breadcrumb-item:not(:first-child) {
  margin-left: -1px;
}

.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item:before {
  padding: 0;
  content: "";
}

.breadcrumb-arrow .breadcrumb-item a,
.breadcrumb-arrow .breadcrumb-item.active {
  height: 40px;
  padding: 0 10px 0 25px;
  line-height: 40px;
}

.breadcrumb-arrow .breadcrumb-item a {
  position: relative;
  color: #fff;
  text-decoration: none;
  background-color: #3bafda;
  border: 1px solid #3bafda;
}

.breadcrumb-arrow .breadcrumb-item a:after,
.breadcrumb-arrow .breadcrumb-item a:before {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  content: "";
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.breadcrumb-arrow .breadcrumb-item a:before {
  right: -10px;
  z-index: 3;
  border-left-color: #3bafda;
  border-left-style: solid;
  border-left-width: 11px;
}

.breadcrumb-arrow .breadcrumb-item a:after {
  right: -11px;
  z-index: 2;
  border-left: 11px solid #2494be;
}

.breadcrumb-arrow .breadcrumb-item a:focus,
.breadcrumb-arrow li a:hover {
  background-color: #4fc1e9;
  border: 1px solid #4fc1e9;
}

.breadcrumb-arrow .breadcrumb-item a:focus:before,
.breadcrumb-arrow li a:hover:before {
  border-left-color: #4fc1e9;
}

.breadcrumb-arrow li.active:after,
.breadcrumb-arrow li.active:before {
  border-left-color: #2494be;
}

</pre></body></html>