:root {
  /* icons */
  --jc140-navigation-arrow: url("/year-of-the-horse/assets/images/YOTH-icons-navigation-arrow.svg");
  --jc140-filter-arrow: url("/year-of-the-horse/assets/images/YOTH-icons-filter-arrow.svg");
  --jc140-filter-arrow2: url("/year-of-the-horse/assets/images/YOTH-icons-arrow.png");
  --jc140-filter-arrow2-blue: url("/year-of-the-horse/assets/images/YOTH-icons-arrow-blue.png");
  --jc140-icon-line-arrow-white: url("/year-of-the-horse/assets/images/YOTH-icons-line-arrow-white.svg");
  --jc140-icon-line-arrow-blue: url("/year-of-the-horse/assets/images/YOTH-icons-line-arrow-blue.svg");
  --jc140-filter-tick: url("/year-of-the-horse/assets/images/YOTH-icons-tick.svg");
  --jc140-icon-close: url("/year-of-the-horse/assets/images/YOTH-icons-close.png");
  --jc140-icon-remark: url("/year-of-the-horse/assets/images/YOTH-icons-remark.svg");
  --jc140-icon-white-arrow-left: url("/year-of-the-horse/assets/images/YOTH-icons-white-arrow-left.svg");
  --jc140-icon-time: url("/year-of-the-horse/assets/images/YOTH-icons-time.svg");
  --jc140-icon-location: url("/year-of-the-horse/assets/images/YOTH-icons-mdi_location.png");
  --jc140-icon-qutoa: url("/year-of-the-horse/assets/images/YOTH-icons-qutoa.png");
  --jc140-icon-qutoa-yellow: url("/year-of-the-horse/assets/images/YOTH-icons-qutoa-yellow.png");
  --jc140-icon-close2: url("/year-of-the-horse/assets/images/YOTH-racing-close.png");

  /* style image */
  --jc140-event-title-bg1: url("/year-of-the-horse/assets/images/YOTH-event-title-bg1.png");
  --jc140-event-detail-banner-bg: url("/year-of-the-horse/assets/images/YOTH-event_detail_banner_bg.png");
  --jc140-about-intro-bg: url("/year-of-the-horse/assets/images/YOTH-about-intro-bg.png");
  --jc140-about-bg: url("/year-of-the-horse/assets/images/YOTH-about-intro-bg.svg");
  --jc140-footer-bg: url("/year-of-the-horse/assets/images/YOTH-footer_bg_curve.png");
  --jc140-banner-bg: url("/year-of-the-horse/assets/images/YOTH-banner_bg_curve.png");
  --jc140-140logo: url("/year-of-the-horse/assets/images/YOTH-header-logo-mobile.svg");
  --jc140-landing-race-bg: url("/year-of-the-horse/assets/images/YOTH-landing-racr-bg.png");
  --jc140-story-banner-bg: url("/year-of-the-horse/assets/images/YOTH-story-banner-bg.png");
  --jc140-story-banner2-bg: url("/year-of-the-horse/assets/images/YOTH-story-banner2-bg.png");

  /* animation */
  --jc140-transition-slow: all ease 900ms;
  --jc140-transition-normal: all ease 600ms;
  --jc140-transition-fast: all ease 300ms;

  /* color */
  --jc140-blue1-color: #022169;
  --jc140-blue2-color: #054ae8;
  --jc140-blue3-color: #7de8fa;
  --jc140-yellow-color: #fecf13;
  --jc140-grey1-color: #ededf2;
  --jc140-grey2-color: #939598;
  --jc140-grey3-color: #ebebeb;
  --jc140-text-color: #000000;
  --jc140-white-color: #ffffff;

  /* header */
  --header-height: 108px;

  /* footer */
  --footer-top-height: 120px;

  /* about us banner */
  --about-use-bg-height: 31px;
}

@media screen and (max-width: 1226px) {
  :root {
    --header-height: 80px;
  }
}

.col_blue1 {
  color: var(--jc140-blue1-color);
}
.col_blue2 {
  color: var(--jc140-blue2-color);
}
.col_blue3 {
  color: var(--jc140-blue3-color);
}
.col_yellow {
  color: var(--jc140-yellow-color);
}
.col_grey1 {
  color: var(--jc140-grey1-color);
}
.col_grey2 {
  color: var(--jc140-grey2-color);
}
.col_text {
  color: var(--jc140-text-color);
}
.col_white {
  color: var(--jc140-white-color);
}

/* bg */
.bg_blue1 {
  background-color: var(--jc140-blue1-color);
}
.bg_blue2 {
  background-color: var(--jc140-blue2-color);
}
.bg_blue3 {
  background-color: var(--jc140-blue3-color);
}
.bg_yellow {
  background-color: var(--jc140-yellow-color);
}
.bg_grey1 {
  background-color: var(--jc140-grey1-color);
}
.bg_grey2 {
  background-color: var(--jc140-grey2-color);
}
.bg_text {
  background-color: var(--jc140-text-color);
}
.bg_white {
  background-color: var(--jc140-white-color);
}

@media screen and (max-width: 768px) {
  .mob_bg_blue1 {
    background-color: var(--jc140-blue1-color);
  }
  .mob_bg_blue2 {
    background-color: var(--jc140-blue2-color);
  }
  .mob_bg_blue3 {
    background-color: var(--jc140-blue3-color);
  }
  .mob_bg_yellow {
    background-color: var(--jc140-yellow-color);
  }
  .mob_bg_grey1 {
    background-color: var(--jc140-grey1-color);
  }
  .mob_bg_grey2 {
    background-color: var(--jc140-grey2-color);
  }
  .mob_bg_text {
    background-color: var(--jc140-text-color);
  }
  .mob_bg_white {
    background-color: var(--jc140-white-color);
  }
}

html {
  line-height: 1.3;
}

html,
body {
  scroll-padding-top: var(--header-height);
  scroll-behavior: smooth;
}

html:lang(zh-CN) *,
html:lang(zh-TW) .header__lang--menu a:last-child {
  font-family: "Noto Sans SC", sans-serif !important;
}

html:lang(zh-TW) * {
  font-family: "Noto Sans HK", sans-serif !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
}

h1,
.h1 {
  font-size: 48px;
}

h2,
.h2 {
  font-size: 40px;
}

h3,
.h3 {
  font-size: 32px;
}

h4,
.h4 {
  font-size: 24px;
}

h5,
.h5 {
  font-size: 20px;
}

.body-small {
  font-size: 14px;
}

.body {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  h1,
  .h1 {
    font-size: 32px;
  }

  h2,
  .h2 {
    font-size: 24px;
  }

  h3,
  .h3 {
    font-size: 20px;
  }
}

/* text align */
/* .text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
} */

.fzBold {
  font-weight: 800;
}

.fzItal{
  font-style: italic;
}

/* common margin */
.mT28 {
  margin-top: 28px;
}
.mB16 {
  margin-bottom: 16px;
}
.mB24 {
  margin-bottom: 24px !important;
}
.mB32 {
  margin-bottom: 32px;
}
.mB40 {
  margin-bottom: 40px;
}
.mB48 {
  margin-bottom: 48px;
}

.pB32 {
  padding-bottom: 32px;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

@media screen and (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-none {
    display: none !important;
  }
}

/* container */
.section--wrapper {
  padding: 80px 0;
}

@media screen and (min-width: 768px) {
  .section--wrapper {
    padding: 40px 0;
  }
}

.content {
  max-width: 1174px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.content.noPadding {
  padding-left: 0;
  padding-right: 0;
}

.section-wrapper2 {
  max-width: 1440px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .content.noPaddingMobile {
    padding-left: 0;
    padding-right: 0;
  }
}

.small--content {
  max-width: 877px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

html:lang(en) body {
  font-family: "Red Hat Text", sans-serif;
}

html:lang(zh-TW) body {
  font-family: "Noto Sans TC", sans-serif;
}

/* body{
  background-color: var(--jc140-blue1-color);
} */

/* page level edit */
#page {
  overflow: unset;
}
.entry-content > * {
  overflow: hidden;
}
.rh-header-blk {
  margin-top: var(--header-height);
}

rger-container {
  min-height: unset;
}
.burger-container {
  display: none;
}
#main {
  margin-bottom: 0;
}

/* #main .entry-content > div.last {
  padding-bottom: var(--footer-top-height);
} */

.gotoTop {
  display: none !important;
}

.font-chromatica-regular {
  font-family: "Chromatica", sans-serif !important;
  font-weight: normal !important;
}