body {
  background-color: #fff2d8 !important;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  font-family: "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }
  body .dropdown-menu {
    background-color: #fff1d8; }
  body .dropdown-item:focus,
  body .dropdown-item:hover {
    background-color: #ffebae; }
  body .carousel-caption {
    left: 0;
    right: 0;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.5); }
  body .icon-facebook {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    background-image: url(/images/facebook.svg); }
  body .icon-line {
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    background-image: url(/images/line.png); }
  body .mg-slideshow {
    height: 300px; }
    body .mg-slideshow .mg-slideshow-op-btn {
      opacity: 0;
      cursor: pointer;
      top: 50%;
      transform: translateY(-50%);
      transition: opacity 0.3s ease-out;
      z-index: 10;
      height: 20px;
      width: 20px; }
      body .mg-slideshow .mg-slideshow-op-btn.right {
        right: 30px;
        border-right: 3px solid white;
        border-top: 3px solid white;
        transform: rotate(45deg); }
      body .mg-slideshow .mg-slideshow-op-btn.left {
        left: 30px;
        border-left: 3px solid white;
        border-top: 3px solid white;
        transform: rotate(-45deg); }
    body .mg-slideshow .mg-slideshow-dots {
      bottom: 20px;
      z-index: 10; }
      body .mg-slideshow .mg-slideshow-dots .mg-slideshow-dot {
        position: relative;
        display: inline-block;
        cursor: pointer;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: gray;
        opacity: 0.5; }
        body .mg-slideshow .mg-slideshow-dots .mg-slideshow-dot.active:after, body .mg-slideshow .mg-slideshow-dots .mg-slideshow-dot:hover:after {
          top: 50%;
          left: 50%;
          position: absolute;
          display: inline-block;
          content: "";
          background-color: white;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          transform: translate(-50%, -50%); }
        body .mg-slideshow .mg-slideshow-dots .mg-slideshow-dot:not(:first-child) {
          margin-left: 5px; }
    body .mg-slideshow:hover .mg-slideshow-op-btn {
      opacity: 1; }
    body .mg-slideshow .mg-slideshow-item {
      opacity: 0;
      transition: opacity 0.8s ease; }
      body .mg-slideshow .mg-slideshow-item .mg-slideshow-title {
        opacity: 0;
        z-index: 10;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        transition: all 0.8s 0.8s ease-out;
        font-size: 36px;
        color: white; }
      body .mg-slideshow .mg-slideshow-item .mg-slideshow-description {
        opacity: 0;
        z-index: 10;
        left: 50%;
        top: 15%;
        transform: translateX(-50%);
        transition: all 0.8s 1.6s ease-out;
        font-size: 36px;
        color: white; }
      body .mg-slideshow .mg-slideshow-item .mg-slideshow-button {
        border: 2px solid white;
        opacity: 0;
        z-index: 10;
        left: 50%;
        top: 35%;
        transform: translateX(-50%);
        transition: top 0.8s 2.4s ease-out, opacity 0.8s 2.4s ease-out;
        font-size: 24px;
        color: white;
        text-decoration: none;
        padding: 5px; }
        body .mg-slideshow .mg-slideshow-item .mg-slideshow-button:hover {
          color: gray;
          border: 2px solid gray; }
      body .mg-slideshow .mg-slideshow-item .mg-slideshow-img {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
      body .mg-slideshow .mg-slideshow-item.active {
        opacity: 1; }
        body .mg-slideshow .mg-slideshow-item.active .mg-slideshow-title {
          top: 15%;
          opacity: 1; }
        body .mg-slideshow .mg-slideshow-item.active .mg-slideshow-description {
          top: 35%;
          opacity: 1; }
        body .mg-slideshow .mg-slideshow-item.active .mg-slideshow-button {
          top: 60%;
          opacity: 1; }
  body .mg-tab-nav .tab a {
    font-size: 20px;
    color: #000000; }
    body .mg-tab-nav .tab a:hover {
      color: #007bff;
      text-decoration: none; }
  body .mg-tab-nav .tab .underline {
    border-top: 2px solid #ffc107;
    width: 0; }
  body .mg-tab-nav .tab:hover .underline {
    width: 100%;
    transition: width 0.3s ease; }
  body .mg-tab-nav .tab.active .underline {
    width: 100%; }
  body .mg-tab-nav .tab.active a {
    color: #007bff; }
  body .mg-content .mg-content-widget {
    display: flex;
    flex-direction: column; }
    body .mg-content .mg-content-widget .header {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      body .mg-content .mg-content-widget .header .title {
        display: inline-block;
        font-size: 24px;
        font-weight: bold;
        border-bottom: 2px solid #ffc107; }
    body .mg-content .mg-content-widget .content {
      flex-grow: 1; }
  body .mg-blocks .mg-block {
    flex-basis: 50%; }
  body .mg-breadcrumb .breadcrumb {
    background-color: transparent; }
    body .mg-breadcrumb .breadcrumb a,
    body .mg-breadcrumb .breadcrumb li {
      color: #777777; }
  body .mg-section:not(:first-child) {
    margin-top: 50px; }
  body .mg-branch-content .mg-branch-img {
    height: 350px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-basis: 50%; }
  body .mg-branch-content .mg-branch-desc {
    font-size: 16px;
    flex-basis: 50%; }
  body .mg-card {
    max-width: 361px;
    flex-basis: 361px; }
    body .mg-card .mg-card-img-container {
      overflow: hidden;
      cursor: pointer; }
      body .mg-card .mg-card-img-container .mg-card-img {
        height: 300px;
        width: 100%;
        transition: transform 0.3s ease;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; }
        body .mg-card .mg-card-img-container .mg-card-img:hover {
          transform: scale(1.1); }
    body .mg-card .mg-card-body a {
      color: #000000 !important; }
      body .mg-card .mg-card-body a:hover {
        text-decoration: none; }

footer {
  color: #ffffff;
  background-color: #5f5f5f;
  font-size: 16px; }
  footer .copy-right {
    line-height: 40px;
    background-color: #434343;
    text-align: center; }

.banner-container {
  height: 320px;
  background-position: center;
  background-size: cover; }

.banner-img-1 {
  background-image: url("/images/banner1.jpg"); }

.brand-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center; }
  .brand-link .fab {
    vertical-align: middle; }
  .brand-link:hover {
    background-color: transparent; }
    .brand-link:hover .fab {
      color: #ffffff; }

nav .logo-text {
  font-size: 2rem; }

nav .nav-item {
  transition: background-color 0.3s ease; }
  nav .nav-item .nav-link {
    line-height: 2.5;
    padding: 0 0.5rem; }
    nav .nav-item .nav-link.active {
      font-weight: bold;
      color: #000000 !important;
      background-color: #ffebae; }
  nav .nav-item:hover {
    background-color: #ffebae; }

/*# sourceMappingURL=style.css.map */