@import url(../fonts/fonts.css);
body {
  font-family: 'Ubuntu', 'Noto Sans TC', sans-serif; }

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #222 #f3f3f3; }

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px; }

*::-webkit-scrollbar-track {
  background: #f3f3f3; }

*::-webkit-scrollbar-thumb {
  background-color: #222;
  border-radius: 25px;
  border: 4px solid #f3f3f3; }

body {
  font-size: 16px; }
  @media (min-width: 769px) {
    body {
      font-size: 18px; } }

a {
  text-decoration: none;
  transition: all 0.2s ease-in; }

.btn {
  font-size: 0.85em;
  text-align: center;
  padding: 0.45em 2.5em;
  border-radius: 0;
  text-transform: uppercase; }

.btn-outline-dark {
  border: 1px solid #333;
  color: #333; }

/*Button Group*/
/*Navbar*/
.navbar {
  padding: 0;
  background-color: transparent;
  z-index: 1000;
  transition: all 0.2s ease-in;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
  .navbar .container {
    position: relative;
    transition: all 0.2s linear; }
    .navbar .container .navbar-toggler {
      padding: 0.5em; }
      .navbar .container .navbar-toggler i {
        color: #003399;
        font-size: 1.3em; }
    .navbar .container .navbar-brand {
      padding: 5px 0;
      margin-right: 0 !important;
      transition: all 0.2s ease-in; }
      .navbar .container .navbar-brand .logo {
        width: auto;
        height: 60px;
        transition: all 0.2s ease-in; }
    .navbar .container .offcanvas {
      width: 330px;
      max-width: 100%;
      border-left: 0 !important; }
      .navbar .container .offcanvas .offcanvas-header img {
        height: 60px;
        width: auto; }
      .navbar .container .offcanvas .offcanvas-header .btn-close {
        padding: 1em; }
      .navbar .container .offcanvas .navbar-nav .nav-item {
        margin: 0 0.5em;
        padding: 0;
        display: block;
        position: relative; }
        .navbar .container .offcanvas .navbar-nav .nav-item .nav-link {
          color: #222;
          font-size: 1em;
          position: relative;
          text-transform: uppercase;
          border: 0;
          background-color: transparent;
          padding: 0.5em 0;
          width: 100%;
          text-align: left;
          transition: all 0.2s ease-in; }
          .navbar .container .offcanvas .navbar-nav .nav-item .nav-link:hover, .navbar .container .offcanvas .navbar-nav .nav-item .nav-link:focus {
            color: #222; }
          .navbar .container .offcanvas .navbar-nav .nav-item .nav-link.active {
            color: black; }
        .navbar .container .offcanvas .navbar-nav .nav-item .dropdown-menu {
          border-radius: 0;
          border: 0 !important;
          padding: 0;
          box-shadow: none; }
          .navbar .container .offcanvas .navbar-nav .nav-item .dropdown-menu .dropdown-item a {
            color: #222; }
          .navbar .container .offcanvas .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .navbar .container .offcanvas .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
            color: #29629b;
            background-color: #f3f3f3; }
        .navbar .container .offcanvas .navbar-nav .nav-item .dropdown-toggle {
          position: relative;
          background-color: transparent;
          border: 0; }
          .navbar .container .offcanvas .navbar-nav .nav-item .dropdown-toggle:after {
            position: absolute;
            right: 0;
            top: 50%;
            display: block;
            margin-left: 0.255em;
            vertical-align: 0.255em;
            content: "" !important;
            border: 0 solid transparent !important;
            width: 12px;
            height: 12px;
            background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z' clip-rule='evenodd'/></svg>");
            transform: translateY(-50%); }
      .navbar .container .offcanvas .subnav {
        padding: 0;
        margin: 1.5em 0 0 0;
        width: 100%;
        position: inherit;
        left: auto;
        top: auto;
        display: block;
        justify-content: flex-start;
        border-top: 1px solid #999; }
        .navbar .container .offcanvas .subnav:after {
          display: none; }
        .navbar .container .offcanvas .subnav .social {
          border-left: 0;
          padding: 0;
          display: block; }
          .navbar .container .offcanvas .subnav .social a:link, .navbar .container .offcanvas .subnav .social a:visited {
            color: #666;
            padding: 0.5em 0.3em;
            display: inline-block;
            font-size: 1.6em; }
          .navbar .container .offcanvas .subnav .social a:hover, .navbar .container .offcanvas .subnav .social a:active {
            color: #003399;
            padding: 0.5em 0.3em;
            display: inline-block;
            font-size: 1.6em; }
          .navbar .container .offcanvas .subnav .social a.top {
            display: none; }
        .navbar .container .offcanvas .subnav .search {
          border-left: 0;
          padding: 0.2em 0;
          display: block;
          position: relative; }
          .navbar .container .offcanvas .subnav .search .form-control {
            display: inline-block;
            border: 1px solid transparent;
            background-color: #f3f3f3;
            width: calc(100% - 2.5em);
            padding: 0.3em 1em;
            border-radius: 0;
            transition: all 0.3s linear; }
            .navbar .container .offcanvas .subnav .search .form-control::placeholder {
              color: #666; }
          .navbar .container .offcanvas .subnav .search .btn-search {
            display: inline-block;
            padding: 0 0.5em;
            border: 0 !important; }
            .navbar .container .offcanvas .subnav .search .btn-search:hover {
              color: #003399; }
          .navbar .container .offcanvas .subnav .search:hover .form-control {
            border-bottom: 1px solid #999; }
        .navbar .container .offcanvas .subnav .lang {
          border-left: 0;
          border-right: 0;
          padding: 0;
          display: block;
          margin-top: 0.5em; }
          .navbar .container .offcanvas .subnav .lang .btn {
            border: 0 !important;
            color: #666;
            width: 100%;
            text-align: left;
            padding: 0 0.5em;
            font-size: 1em; }
            .navbar .container .offcanvas .subnav .lang .btn:hover {
              color: #003399; }
          .navbar .container .offcanvas .subnav .lang:hover .dropdown-menu {
            display: block;
            width: 100%; }
          .navbar .container .offcanvas .subnav .lang .dropdown-toggle {
            text-transform: uppercase; }
            .navbar .container .offcanvas .subnav .lang .dropdown-toggle:after {
              display: none !important; }
            .navbar .container .offcanvas .subnav .lang .dropdown-toggle:hover {
              color: black; }
          .navbar .container .offcanvas .subnav .lang .dropdown-menu {
            background-color: white;
            box-shadow: none;
            border: 0;
            padding: 0;
            border-radius: 0;
            top: 100%;
            right: 0; }
            .navbar .container .offcanvas .subnav .lang .dropdown-menu .dropdown-item {
              padding: 0;
              font-size: 1em;
              background-color: transparent; }
              .navbar .container .offcanvas .subnav .lang .dropdown-menu .dropdown-item a:link, .navbar .container .offcanvas .subnav .lang .dropdown-menu .dropdown-item a:visited {
                color: #222;
                background-color: transparent;
                display: block;
                padding: 0.5em 1em; }
              .navbar .container .offcanvas .subnav .lang .dropdown-menu .dropdown-item a:hover, .navbar .container .offcanvas .subnav .lang .dropdown-menu .dropdown-item a:active {
                color: #222;
                background-color: #f3f3f3;
                display: block;
                padding: 0.5em 1em; }
          .navbar .container .offcanvas .subnav .lang .dropdown-menu[data-bs-popper] {
            margin-top: 0 !important; }
            .navbar .container .offcanvas .subnav .lang .dropdown-menu[data-bs-popper] .dropdown-item {
              color: #222; }

@media (min-width: 769px) {
  .navbar {
    padding: 0;
    background-color: white;
    transition: all 0.2s ease-in; }
    .navbar .container {
      position: relative;
      transition: all 0.2s linear; }
      .navbar .container .navbar-brand {
        display: block;
        padding: 10px 0; }
        .navbar .container .navbar-brand .logo {
          width: auto;
          height: 75px;
          transition: all 0.2s ease-in; }
      .navbar .container .navbar-toggler i {
        color: #003399;
        font-size: 1.7em; }
      .navbar .container .offcanvas {
        width: inherit;
        border-left: 3px solid transparent; }
        .navbar .container .offcanvas .offcanvas-body {
          display: block; }
          .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item {
            margin: 0;
            padding: 0;
            align-self: center;
            position: relative; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link {
              color: #29629b;
              font-size: 1.1rem;
              position: relative;
              padding: 0.55em 0.8em; }
              .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link:hover, .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link:focus {
                color: #003399; }
              .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link.active {
                color: black; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item:hover .nav-link {
              color: black; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item:hover .dropdown-menu {
              display: block; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle:after {
              display: none !important; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle:hover {
              color: black; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu {
              background-color: white;
              box-shadow: 12px 6px 24px rgba(0, 0, 0, 0.15); }
              .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item {
                padding: 0; }
                .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item a {
                  color: #222;
                  display: block;
                  padding: 0.5em 1em; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu[data-bs-popper] {
              margin-top: 0 !important;
              top: 0 !important; }
              .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
                color: #222; }
          .navbar .container .offcanvas .offcanvas-body .subnav {
            padding: 0;
            margin: 0;
            width: 100%;
            position: absolute;
            left: 0;
            top: -2em;
            display: flex;
            justify-content: flex-end;
            border-top: 0; }
            .navbar .container .offcanvas .offcanvas-body .subnav:after {
              position: absolute;
              left: -50%;
              top: 0;
              content: "";
              width: 200%;
              height: 100%;
              background-color: #f3f3f3;
              z-index: -1; }
            .navbar .container .offcanvas .offcanvas-body .subnav a:link, .navbar .container .offcanvas .offcanvas-body .subnav a:visited {
              color: #666;
              padding: 0.3em;
              display: inline-block; }
            .navbar .container .offcanvas .offcanvas-body .subnav a:hover, .navbar .container .offcanvas .offcanvas-body .subnav a:active {
              color: #003399;
              padding: 0.3em;
              display: inline-block; }
            .navbar .container .offcanvas .offcanvas-body .subnav .social {
              border-left: 1px solid white;
              padding: 0 1em;
              display: inline-flex; }
              .navbar .container .offcanvas .offcanvas-body .subnav .social a.top {
                display: none; }
            .navbar .container .offcanvas .offcanvas-body .subnav .search {
              border-left: 1px solid white;
              padding: 0.2em 1em;
              display: inline-flex;
              position: relative; }
              .navbar .container .offcanvas .offcanvas-body .subnav .search .form-control {
                display: inline-block;
                border: 1px solid transparent;
                background-color: transparent;
                width: 100px;
                padding: 0;
                border-radius: 0;
                transition: all 0.3s linear; }
                .navbar .container .offcanvas .offcanvas-body .subnav .search .form-control::placeholder {
                  color: #999; }
              .navbar .container .offcanvas .offcanvas-body .subnav .search .btn-search {
                display: inline-block;
                padding: 0 0.5em;
                border: 0 !important; }
                .navbar .container .offcanvas .offcanvas-body .subnav .search .btn-search:hover {
                  color: #003399; }
              .navbar .container .offcanvas .offcanvas-body .subnav .search:hover .form-control {
                border-bottom: 1px solid #999; }
            .navbar .container .offcanvas .offcanvas-body .subnav .lang {
              border-left: 1px solid white;
              border-right: 1px solid white;
              padding: 0 0.5em;
              display: inline-flex; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .btn {
                border: 0 !important;
                color: #666;
                font-size: 0.9em; }
                .navbar .container .offcanvas .offcanvas-body .subnav .lang .btn:hover {
                  color: #003399; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang:hover .dropdown-menu {
                display: block; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-toggle:after {
                display: none !important; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-toggle:hover {
                color: black; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu {
                background-color: white;
                box-shadow: 12px 6px 24px rgba(0, 0, 0, 0.15);
                border: 0;
                padding: 0;
                border-radius: 0;
                top: 100%;
                right: 0; }
                .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu .dropdown-item {
                  padding: 0;
                  font-size: 0.95em; }
                  .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu .dropdown-item a {
                    color: #222;
                    display: block;
                    padding: 0.5em 1em; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu[data-bs-popper] {
                margin-top: 100% !important; }
                .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu[data-bs-popper] .dropdown-item {
                  color: #222; } }
@media (min-width: 992px) {
  .navbar {
    padding: 2em 0 0 0;
    background-color: white;
    transition: all 0.2s ease-in; }
    .navbar .container {
      position: relative;
      transition: all 0.2s linear; }
      .navbar .container .navbar-brand {
        display: block;
        padding: 10px 0; }
        .navbar .container .navbar-brand .logo {
          width: auto;
          height: 70px;
          transition: all 0.2s ease-in; }
      .navbar .container .offcanvas {
        width: inherit;
        border-left: 3px solid transparent; }
        .navbar .container .offcanvas .offcanvas-body {
          display: block; }
          .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item {
            margin: 0;
            padding: 0;
            align-self: center;
            position: relative; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link {
              color: #29629b;
              font-size: 1.1rem;
              position: relative;
              padding: 0.55em 0 0.55em 1.8em; }
              .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link:hover, .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link:focus {
                color: #003399; }
              .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link.active {
                color: black; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item:hover .nav-link {
              color: black; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item:hover .dropdown-menu {
              display: block; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle:after {
              display: none !important; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-toggle:hover {
              color: black; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu {
              background-color: white;
              box-shadow: 12px 6px 24px rgba(0, 0, 0, 0.15); }
              .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item {
                padding: 0; }
                .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu .dropdown-item a {
                  color: #222;
                  display: block;
                  padding: 0.5em 1em; }
            .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu[data-bs-popper] {
              margin-top: 0 !important;
              top: 0 !important; }
              .navbar .container .offcanvas .offcanvas-body .navbar-nav .nav-item .dropdown-menu[data-bs-popper] .dropdown-item {
                color: #222; }
          .navbar .container .offcanvas .offcanvas-body .subnav {
            padding: 0;
            margin: 0;
            width: 100%;
            position: absolute;
            left: 0;
            top: -2em;
            display: flex;
            justify-content: flex-end;
            border-top: 0; }
            .navbar .container .offcanvas .offcanvas-body .subnav:after {
              position: absolute;
              left: -50%;
              top: 0;
              content: "";
              width: 200%;
              height: 100%;
              background-color: #f3f3f3;
              z-index: -1;
              display: block; }
            .navbar .container .offcanvas .offcanvas-body .subnav .social {
              border-left: 1px solid white;
              padding: 0 1em;
              display: inline-flex; }
              .navbar .container .offcanvas .offcanvas-body .subnav .social a:link, .navbar .container .offcanvas .offcanvas-body .subnav .social a:visited {
                color: #666;
                padding: 0.3em;
                display: inline-block;
                font-size: 1em; }
              .navbar .container .offcanvas .offcanvas-body .subnav .social a:hover, .navbar .container .offcanvas .offcanvas-body .subnav .social a:active {
                color: #003399;
                padding: 0.3em;
                display: inline-block;
                font-size: 1em; }
              .navbar .container .offcanvas .offcanvas-body .subnav .social a.top {
                display: none; }
            .navbar .container .offcanvas .offcanvas-body .subnav .search {
              border-left: 1px solid white;
              padding: 0.2em 1em;
              display: inline-flex;
              position: relative; }
              .navbar .container .offcanvas .offcanvas-body .subnav .search .form-control {
                display: inline-block;
                border: 1px solid transparent;
                background-color: transparent;
                width: 100px;
                padding: 0;
                border-radius: 0;
                transition: all 0.3s linear; }
                .navbar .container .offcanvas .offcanvas-body .subnav .search .form-control::placeholder {
                  color: #999; }
              .navbar .container .offcanvas .offcanvas-body .subnav .search .btn-search {
                display: inline-block;
                padding: 0 0.5em;
                border: 0 !important; }
                .navbar .container .offcanvas .offcanvas-body .subnav .search .btn-search:hover {
                  color: #003399; }
              .navbar .container .offcanvas .offcanvas-body .subnav .search:hover .form-control {
                border-bottom: 1px solid #999; }
            .navbar .container .offcanvas .offcanvas-body .subnav .lang {
              border-left: 1px solid white;
              border-right: 1px solid white;
              padding: 0 0.5em;
              display: inline-flex;
              margin-top: 0; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .btn {
                border: 0 !important;
                color: #666;
                width: auto; }
                .navbar .container .offcanvas .offcanvas-body .subnav .lang .btn:hover {
                  color: #003399; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang:hover .dropdown-menu {
                display: block;
                width: auto; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-toggle {
                text-transform: capitalize; }
                .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-toggle:after {
                  display: none !important; }
                .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-toggle:hover {
                  color: black; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu {
                background-color: white;
                box-shadow: 12px 6px 24px rgba(0, 0, 0, 0.15);
                border: 0;
                padding: 0;
                border-radius: 0;
                top: 100%;
                right: 0; }
                .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu .dropdown-item {
                  padding: 0;
                  font-size: 0.95em; }
                  .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu .dropdown-item a {
                    color: #222;
                    display: block;
                    padding: 0.5em 1em; }
              .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu[data-bs-popper] {
                margin-top: 100% !important; }
                .navbar .container .offcanvas .offcanvas-body .subnav .lang .dropdown-menu[data-bs-popper] .dropdown-item {
                  color: #222; } }
.navbar.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: white;
  padding: 0; }
  .navbar.fixed .container .navbar-brand .logo {
    width: auto;
    height: 60px; }
  .navbar.fixed .container .offcanvas .offcanvas-body .subnav:after {
    display: none; }
  .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social {
    position: inherit;
    display: block;
    right: auto;
    top: auto;
    border-left: 0;
    padding: 0;
    text-align: left; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social:after {
      display: none; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:link, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:visited {
      display: inline-block;
      padding: 0.5em 0.3em;
      border-bottom: 0; }
      .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:link i, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:visited i {
        color: #666;
        font-size: 1em; }
      .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:link:last-child, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:visited:last-child {
        border-bottom: 0; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:hover, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:active {
      background-color: transparent; }
      .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:hover i, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:active i {
        color: #003399; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a.top {
      display: none; }
  .navbar.fixed .container .offcanvas .offcanvas-body .subnav .search {
    display: block; }
  .navbar.fixed .container .offcanvas .offcanvas-body .subnav .lang {
    display: block; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav .lang .btn {
      font-size: 1em; }
  @media (min-width: 769px) {
    .navbar.fixed .container .navbar-brand .logo {
      width: auto;
      height: 70px; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav:after {
      display: none; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social {
      position: fixed;
      display: block;
      right: 0;
      top: 50%;
      border-left: 0;
      padding: 0;
      text-align: center; }
      .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:link, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:visited {
        display: block;
        padding: 0.3em 0.6em;
        border-bottom: 1px solid #29629b;
        position: relative; }
        .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:link:after, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:visited:after {
          position: absolute;
          content: "";
          background-color: #6699cc;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: -1;
          display: block; }
        .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:link i, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:visited i {
          color: white;
          font-size: 1.3em; }
        .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:link:last-child, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:visited:last-child {
          border-bottom: 0; }
      .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:hover, .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a:active {
        background-color: #29629b; }
      .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a.top {
        display: block;
        margin-top: 20px;
        background-color: transparent;
        color: #003399; }
        .navbar.fixed .container .offcanvas .offcanvas-body .subnav .social a.top:after {
          display: none; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav .search {
      display: none; }
    .navbar.fixed .container .offcanvas .offcanvas-body .subnav .lang {
      display: none; } }

footer .sitemap {
  padding: 3em 0; }
  footer .sitemap .logo-bottom {
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 1.5em; }
    footer .sitemap .logo-bottom img {
      width: 200px;
      height: auto; }
    footer .sitemap .logo-bottom:before {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: calc(50% - 120px);
      height: 2px;
      border-bottom: 1px solid #cdcdcd;
      content: ""; }
    footer .sitemap .logo-bottom:after {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: calc(50% - 120px);
      height: 2px;
      border-bottom: 1px solid #cdcdcd;
      content: ""; }
  footer .sitemap h5 {
    color: #003399;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase; }
    footer .sitemap h5 a {
      color: #003399;
      display: block; }
  footer .sitemap h6 {
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase; }
    footer .sitemap h6 a {
      color: #222;
      display: block; }
  footer .sitemap .col {
    min-width: 50%;
    margin-bottom: 1em; }
    @media (min-width: 769px) {
      footer .sitemap .col {
        min-width: auto;
        margin-bottom: 0; } }
footer .copyright {
  background-color: #f3f3f3;
  padding: 1em;
  font-size: 0.85em;
  color: #333;
  text-align: center; }
  footer .copyright a:link, footer .copyright a:visited {
    color: #333; }
  footer .copyright a:hover, footer .copyright a:active {
    color: #29629b; }

.subpage {
  background-image: url("../images/bg-subpage.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
  background-size: 200% auto;
  min-height: 650px; }
  .subpage .breadcrumb {
    margin: 1em 0 2em 0;
    justify-content: flex-end; }
    .subpage .breadcrumb .breadcrumb-item {
      color: #999;
      font-size: 0.85em; }
      .subpage .breadcrumb .breadcrumb-item a:link, .subpage .breadcrumb .breadcrumb-item a:visited {
        color: #999; }
      .subpage .breadcrumb .breadcrumb-item a:hover, .subpage .breadcrumb .breadcrumb-item a:active {
        color: #29629b; }
      .subpage .breadcrumb .breadcrumb-item:before {
        color: #999; }
  .subpage .page-title {
    color: #003399;
    font-weight: bold;
    font-size: 1.8em;
    margin-bottom: 1em; }
  @media (min-width: 769px) {
    .subpage {
      background-size: 100% auto; }
      .subpage .page-title {
        font-size: 2.67em; } }

.pagination {
  color: #999 !important;
  font-size: 1em;
  margin-top: 2em;
  text-align: center; }
  .pagination .btn {
    padding: 0.3em 0.5em !important;
    border-radius: 50%;
    margin: 0 0.2em; }
    .pagination .btn a:link, .pagination .btn a:visited {
      line-height: 36px;
      padding: 0.45em 0.5em;
      color: #999; }
    .pagination .btn a:hover, .pagination .btn a:active {
      line-height: 36px;
      padding: 0.45em 0.5em;
      color: white; }
    .pagination .btn:hover {
      color: white;
      background-color: #6699cc; }
    .pagination .btn.disabled {
      border: transparent !important; }
      .pagination .btn.disabled a {
        color: #cdcdcd !important; }

.privacy-box {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: white;
  width: 100%;
  padding-top: 1em;
  z-index: 99999;
  text-align: center;
  font-size: 0.9em;
  box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2); }
  .privacy-box p {
    margin-bottom: 0; }
  .privacy-box a {
    color: #29629b; }
  .privacy-box .btn-privacy {
    border-top: 1px solid #cdcdcd;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    color: #29629b;
    padding: 0.5em;
    display: inline-block;
    background-color: transparent;
    margin-top: 1em; }
    .privacy-box .btn-privacy:hover {
      color: #003399; }