html {
  overflow-x: hidden !important;
}

body {
  font-family: 'Noto Sans TC', sans-serif, arial, helvetica;
  padding: 0;
  margin: 0;
}

.fp-tableCell {
  position: relative;
  overflow: hidden;
}

ul, li, ol, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#displayMessage {
  display: none;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  #displayMessage {
    height: 100vh;
    width: 100vw;
    display: block;
    text-align: center;
    font-size: 0.8rem;
    position: fixed;
    background: url("../Images/FP1/19_Pattern_bkg.png");
  }
  #displayMessage > div {
    position: absolute;
    width: 100vw;
    top: 33vh;
    left: 0;
  }
  #fullpage {
    opacity: 0;
  }
}

.section {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.section span {
  position: relative !important;
  opacity: 1 !important;
}

.s1 h1 {
  margin: auto auto;
  text-align: center;
  font-size: 6rem;
  color: #666666;
}

.green {
  color: #0e8145;
}

.blue {
  color: #0c78ab;
}

#pie [class*="_title"], #pie2 [class*="_title"] {
  display: block;
}

#pie [class*="_lineGroups"] > g, #pie2 [class*="_lineGroups"] > g {
  display: none;
}

#pie [class*="_lineGroups"] > g > text, #pie2 [class*="_lineGroups"] > g > text {
  display: none;
}

#pie [class*="_lineGroups"] > g:last-child, #pie2 [class*="_lineGroups"] > g:last-child {
  display: block;
}

#pie [class*="_labels-outer"] > g, #pie2 [class*="_labels-outer"] > g {
  display: none;
}

/* Preloading */
.main-preloader, .preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999999999;
  background-color: #fff;
  text-align: center;
}

.main-preloader {
  z-index: 999999999;
}

.preloder {
  z-index: 999;
}

.main-preloader .main-preloader-inner {
  position: absolute;
  top: 50%;
  width: 100%;
}

.main-preloader .preloader-percentage {
  color: #45a7e6;
  margin: 0;
}

.main-preloader .preloader-percentage span {
  display: inline-block;
  float: center;
  font-size: 50px;
}

iframe {
  opacity: 1;
}

.ytp-title-channel, .ytp-title-beacon {
  opacity: 0;
}
/*# sourceMappingURL=hkg2021.css.map */