@font-face {
  font-family: 'Oscine';
  font-style: normal;
  font-weight: 700;
  src: local("Oscine Bold"), url("fonts/Oscine-Bold.woff2") format("woff2"); }
@font-face {
  font-family: 'Oscine';
  font-style: normal;
  font-weight: 400;
  src: local("Oscine Regular"), url("fonts/Oscine-Regular.woff2") format("woff2"); }
@font-face {
  font-family: 'Oscine';
  font-style: italic;
  font-weight: 400;
  src: local("Oscine Italic"), url("fonts/Oscine-Italic.woff2") format("woff2"); }
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local("Calibri"), url("fonts/Calibri-Regular.woff2") format("woff2"); }
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: local("Calibri Italic"), url("fonts/Calibri-Italic.woff2") format("woff2"); }
section.listing {
  background-color: #F5F7FF; }
  section.listing .filter {
    font-family: "Oscine", sans-serif;
    font-size: 18px;
    line-height: 24px; }
    section.listing .filter .search-bar {
      background-color: #3D66DD;
      color: #FFFFFF;
      box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.37);
      padding: 16px 0;
      position: relative; }
      @media (max-width: 991px) {
        section.listing .filter .search-bar {
          padding: 12px 0; } }
      section.listing .filter .search-bar > .container {
        display: flex;
        align-items: center; }
      section.listing .filter .search-bar .btn-filter {
        color: #FFFFFF;
        font-family: "Oscine", sans-serif;
        font-size: 18px;
        line-height: 24px;
        display: flex;
        align-items: center;
        padding: 10px 32px 10px 0;
        border-right: 1px solid #FFFFFF;
        flex: 1 0 auto; }
        @media (max-width: 991px) {
          section.listing .filter .search-bar .btn-filter {
            font-size: 16px;
            padding: 4px 24px 4px 0; } }
        section.listing .filter .search-bar .btn-filter .icon-filter {
          width: 28px;
          height: 22px;
          background-image: url("../img/icon/filter.svg");
          background-size: 28px 22px;
          background-position: center center;
          background-repeat: no-repeat;
          margin-right: 20px; }
          @media (max-width: 991px) {
            section.listing .filter .search-bar .btn-filter .icon-filter {
              width: 22px;
              height: 17px;
              background-image: url("../img/icon/filter.svg");
              background-size: 22px 17px;
              background-position: center center;
              background-repeat: no-repeat;
              margin-right: 15px; } }
        section.listing .filter .search-bar .btn-filter .icon-close {
          display: none;
          width: 20px;
          height: 20px;
          background-image: url("../img/icon/close.svg");
          background-size: 20px 20px;
          background-position: center center;
          background-repeat: no-repeat;
          width: 28px;
          margin-right: 20px; }
          @media (max-width: 991px) {
            section.listing .filter .search-bar .btn-filter .icon-close {
              width: 15px;
              height: 15px;
              background-image: url("../img/icon/close.svg");
              background-size: 15px 15px;
              background-position: center center;
              background-repeat: no-repeat;
              margin-right: 15px;
              width: 22px; } }
      section.listing .filter .search-bar .search-wrapper {
        padding: 10px 0 10px 40px;
        display: flex;
        align-items: center;
        width: 100%; }
        @media (max-width: 991px) {
          section.listing .filter .search-bar .search-wrapper {
            padding: 4px 0 4px 24px; } }
        section.listing .filter .search-bar .search-wrapper:before {
          content: "";
          display: inline-block;
          width: 25px;
          height: 25px;
          background-image: url("../img/icon/search-w.svg");
          background-size: 25px 25px;
          background-position: center center;
          background-repeat: no-repeat;
          margin-right: 16px; }
          @media (max-width: 991px) {
            section.listing .filter .search-bar .search-wrapper:before {
              width: 20px;
              height: 20px;
              background-image: url("../img/icon/search-w.svg");
              background-size: 20px 20px;
              background-position: center center;
              background-repeat: no-repeat;
              width: 24px;
              margin-right: 12px; } }
        section.listing .filter .search-bar .search-wrapper input {
          border: none;
          background: none;
          width: 100%;
          font-family: "Oscine", sans-serif;
          font-size: 18px;
          line-height: 24px;
          color: #FFFFFF; }
          @media (max-width: 991px) {
            section.listing .filter .search-bar .search-wrapper input {
              font-size: 16px; } }
          section.listing .filter .search-bar .search-wrapper input::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #FFFFFF;
            opacity: 1;
            /* Firefox */ }
          section.listing .filter .search-bar .search-wrapper input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #FFFFFF; }
          section.listing .filter .search-bar .search-wrapper input::-ms-input-placeholder {
            /* Microsoft Edge */
            color: #FFFFFF; }
    section.listing .filter .filter-option-list {
      background-color: #FFFFFF;
      padding: 28px 0 8px;
      display: none;
      margin-bottom: 0; }
      section.listing .filter .filter-option-list .filter-option {
        display: inline-block;
        text-align: center;
        padding: 0;
        margin-bottom: 0;
        border: none; }
        @media (max-width: 1199px) {
          section.listing .filter .filter-option-list .filter-option {
            margin-bottom: 0;
            width: auto; } }
        @media (max-width: 575px) {
          section.listing .filter .filter-option-list .filter-option {
            display: flex; } }
        section.listing .filter .filter-option-list .filter-option:not(:last-child) {
          margin-right: 0; }
          section.listing .filter .filter-option-list .filter-option:not(:last-child) label {
            margin-right: 14px; }
            @media (max-width: 575px) {
              section.listing .filter .filter-option-list .filter-option:not(:last-child) label {
                margin-right: 0; } }
        section.listing .filter .filter-option-list .filter-option:hover, section.listing .filter .filter-option-list .filter-option.active {
          background-color: transparent; }
        section.listing .filter .filter-option-list .filter-option label {
          cursor: pointer;
          padding: 6px 20px;
          border: 1px solid #3D66DD;
          border-radius: 29px;
          margin-bottom: 15px;
          display: inline-block;
          font-family: "Oscine", sans-serif;
          font-size: 16px;
          line-height: 18px;
          color: #3D66DD; }
          @media (max-width: 575px) {
            section.listing .filter .filter-option-list .filter-option label {
              width: 100%;
              margin-bottom: 18px; } }
        section.listing .filter .filter-option-list .filter-option input {
          position: absolute;
          opacity: 0; }
          section.listing .filter .filter-option-list .filter-option input:checked + label {
            background-color: #3D66DD;
            color: #FFFFFF; }
          section.listing .filter .filter-option-list .filter-option input:focus + label, section.listing .filter .filter-option-list .filter-option input:focus-visible + label {
            outline-offset: 1px;
            outline: -webkit-focus-ring-color auto 1px; }
  section.listing .card {
    background-color: #FFFFFF;
    width: calc((100% - 48px)/3);
    margin-bottom: 26px; }
    section.listing .card:not(:nth-child(3n)) {
      margin-right: 24px; }
    @media (max-width: 991px) {
      section.listing .card {
        width: calc((100% - 24px)/2); }
        section.listing .card:not(:nth-child(3n)) {
          margin-right: 0; }
        section.listing .card:not(:nth-child(2n)) {
          margin-right: 24px; } }
    @media (max-width: 575px) {
      section.listing .card {
        width: 100%; }
        section.listing .card:not(:nth-child(2n)) {
          margin-right: 0; } }
  section.listing .card-wrapper {
    padding: 60px 0 100px;
    flex-wrap: wrap; }
    @media (max-width: 991px) {
      section.listing .card-wrapper {
        padding: 40px 0 70px; } }
    section.listing .card-wrapper .card {
      width: calc((100% - 48px)/3);
      margin-bottom: 26px; }
      section.listing .card-wrapper .card:not(:nth-child(3n)) {
        margin-right: 24px; }
      @media (max-width: 991px) {
        section.listing .card-wrapper .card {
          width: calc((100% - 24px)/2); }
          section.listing .card-wrapper .card:not(:nth-child(3n)) {
            margin-right: 0; }
          section.listing .card-wrapper .card:not(:nth-child(2n)) {
            margin-right: 24px; } }
      @media (max-width: 575px) {
        section.listing .card-wrapper .card {
          width: 100%; }
          section.listing .card-wrapper .card:not(:nth-child(2n)) {
            margin-right: 0; } }
  section.listing .scheme-item {
    border-radius: 20px;
    overflow: hidden;
    text-align: center; }
    section.listing .scheme-item:hover .cover {
      transform: scale(1.04); }
    section.listing .scheme-item > .wrapper {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
    section.listing .scheme-item .cover-wrapper {
      overflow: hidden; }
      section.listing .scheme-item .cover-wrapper .cover {
        width: 100%;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding-top: 43.2%;
        transition: transform 0.3s ease-in-out; }
    section.listing .scheme-item .scheme-content {
      padding: 20px 30px 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
      @media (max-width: 991px) {
        section.listing .scheme-item .scheme-content {
          padding: 20px 26px 30px; } }
    section.listing .scheme-item .scheme-name {
      font-family: "Oscine", sans-serif;
      font-weight: 700;
      font-size: 24px;
      line-height: 29px;
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        section.listing .scheme-item .scheme-name {
          font-size: 22px;
          line-height: 26px; } }
    section.listing .scheme-item .btn-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      justify-content: center;
      margin-top: auto; }
      section.listing .scheme-item .btn-container > .btn {
        min-width: auto;
        width: 100%;
        padding: 14px 4px; }
        section.listing .scheme-item .btn-container > .btn:not(:last-child) {
          margin-right: 10px; }
        section.listing .scheme-item .btn-container > .btn:first-child:last-child {
          width: 50%; }
        @media (max-width: 991px) {
          section.listing .scheme-item .btn-container > .btn {
            word-break: keep-all;
            white-space: nowrap; } }
section.notice {
  position: relative; }
  section.notice .floating-btn {
    background-color: #4555A5;
    border-radius: 28.5px;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    padding: 21px 20px; }
    @media (max-width: 991px) {
      section.notice .floating-btn {
        right: 20px;
        max-width: calc(100% - 40px);
        bottom: 20px;
        padding: 14px 20px; } }
    section.notice .floating-btn .btn-notice {
      font-family: "Oscine", sans-serif;
      font-weight: 700;
      font-size: 21px;
      line-height: 21px; }
      @media (max-width: 991px) {
        section.notice .floating-btn .btn-notice {
          font-size: 16px; } }
      section.notice .floating-btn .btn-notice > span {
        display: flex;
        align-items: center; }
        section.notice .floating-btn .btn-notice > span:after {
          content: "";
          display: inline-block;
          width: 23px;
          height: 23px;
          background-image: url("../img/icon/important.svg");
          background-size: 23px 23px;
          background-position: center center;
          background-repeat: no-repeat;
          margin-left: 20px; }
    section.notice .floating-btn .popbox {
      display: none;
      width: 350px;
      padding: 4px 0 14px; }
      @media (max-width: 991px) {
        section.notice .floating-btn .popbox {
          width: auto; } }
      section.notice .floating-btn .popbox .head {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 18px;
        font-family: "Oscine", sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 21px; }
        section.notice .floating-btn .popbox .head .popbox-close:after {
          content: "";
          display: inline-block;
          width: 16px;
          height: 16px;
          background-image: url("../img/icon/close.svg");
          background-size: 16px 16px;
          background-position: center center;
          background-repeat: no-repeat; }
      section.notice .floating-btn .popbox .notice-item {
        padding-top: 20px; }
        section.notice .floating-btn .popbox .notice-item:not(:last-child) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.4);
          padding-bottom: 20px; }
        section.notice .floating-btn .popbox .notice-item .title {
          font-family: "Oscine", sans-serif;
          font-weight: 700;
          font-size: 16px;
          line-height: 21px;
          margin-bottom: 5px; }
        section.notice .floating-btn .popbox .notice-item > p {
          margin-bottom: 0;
          font-size: 16px;
          line-height: 19px; }
          section.notice .floating-btn .popbox .notice-item > p a {
            color: #FFFFFF; }

html[lang="zh-Hant"] section.listing .filter {
  font-family: "Noto Sans TC", sans-serif; }
  html[lang="zh-Hant"] section.listing .filter .search-bar .btn-filter {
    font-family: "Noto Sans TC", sans-serif; }
  html[lang="zh-Hant"] section.listing .filter .search-bar .search-wrapper input {
    font-family: "Noto Sans TC", sans-serif; }
  html[lang="zh-Hant"] section.listing .filter .filter-option-list .filter-option label {
    font-family: "Noto Sans TC", sans-serif; }
  html[lang="zh-Hant"] section.listing .filter .scheme-item .scheme-name {
    font-family: "Noto Sans TC", sans-serif; }
html[lang="zh-Hant"] section.notice .floating-btn .btn-notice {
  font-family: "Noto Sans TC", sans-serif; }
html[lang="zh-Hant"] section.notice .floating-btn .popbox .head {
  font-family: "Noto Sans TC", sans-serif; }
html[lang="zh-Hant"] section.notice .floating-btn .popbox .notice-item .title {
  font-family: "Noto Sans TC", sans-serif; }
html[lang="zh-Hans"] section.listing .filter {
  font-family: "Noto Sans SC", sans-serif; }
  html[lang="zh-Hans"] section.listing .filter .search-bar .btn-filter {
    font-family: "Noto Sans SC", sans-serif; }
  html[lang="zh-Hans"] section.listing .filter .search-bar .search-wrapper input {
    font-family: "Noto Sans SC", sans-serif; }
  html[lang="zh-Hans"] section.listing .filter .filter-option-list .filter-option label {
    font-family: "Noto Sans SC", sans-serif; }
  html[lang="zh-Hans"] section.listing .filter .scheme-item .scheme-name {
    font-family: "Noto Sans SC", sans-serif; }
html[lang="zh-Hans"] section.notice .floating-btn .btn-notice {
  font-family: "Noto Sans SC", sans-serif; }
html[lang="zh-Hans"] section.notice .floating-btn .popbox .head {
  font-family: "Noto Sans SC", sans-serif; }
html[lang="zh-Hans"] section.notice .floating-btn .popbox .notice-item .title {
  font-family: "Noto Sans SC", sans-serif; }

/*# sourceMappingURL=funding-schemes.css.map */