@charset "UTF-8";
/* THEME: VARS */
body.overflow {
  overflow: hidden; }

/* width */
::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0); }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; }

#debug {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99; }

#backtotop {
  display: none; }

.terms_conditions ul {
  color: #004722; }

.section__header {
  background: url("../hero_img/bg.jpeg?=2");
  background-size: auto 100%;
  background-position: center; }
  .section__header .key-visual .banner {
    position: relative; }
    .section__header .key-visual .banner img {
      width: 100%; }
  .section__header .section__header-container {
    background: none; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.message:before,
.card .content {
  -webkit-box-shadow: 0 1rem 2rem black;
          box-shadow: 0 1rem 2rem black;
  background: white;
  color: #1a3c4d; }

.better,
.message.better:before {
  -webkit-box-shadow: 0 2.5rem 2rem -2rem #1a3c4d;
          box-shadow: 0 2.5rem 2rem -2rem #1a3c4d; }

.headers_txt_container .header--desc > p {
  color: #004722;
  font-weight: 500;
  line-height: 28px; }

@media (max-width: 375px) {
  .headers_txt_container div[class*="col-"] {
    padding-right: -0 !important;
    padding-left: -0 !important; } }

@media (min-width: 376px) and (max-width: 440px) {
  .headers_txt_container div[class*="col-"] {
    padding-right: -0 !important;
    padding-left: -0 !important; } }

@media (min-width: 441px) and (max-width: 540px) {
  .headers_txt_container div[class*="col-"] {
    padding-right: -0 !important;
    padding-left: -0 !important; } }

@media (min-width: 541px) and (max-width: 990px) {
  .headers_txt_container div[class*="col-"] {
    padding-right: -0 !important;
    padding-left: -0 !important; } }

@media (max-width: 375px) {
  .headers_txt_container div.row {
    margin-right: -12px !important;
    margin-left: -12px !important; } }

@media (min-width: 376px) and (max-width: 440px) {
  .headers_txt_container div.row {
    margin-right: -12px !important;
    margin-left: -12px !important; } }

@media (min-width: 441px) and (max-width: 540px) {
  .headers_txt_container div.row {
    margin-right: -12px !important;
    margin-left: -12px !important; } }

@media (min-width: 541px) and (max-width: 990px) {
  .headers_txt_container div.row {
    margin-right: -12px !important;
    margin-left: -12px !important; } }

.headers_txt_container a.btn {
  width: 100%; }

@media (max-width: 375px) {
  .headers_txt_container a.btn img {
    width: 80%; } }

@media (min-width: 376px) and (max-width: 440px) {
  .headers_txt_container a.btn img {
    width: 90%; } }

@media (min-width: 441px) and (max-width: 540px) {
  .headers_txt_container a.btn img {
    width: 90%; } }

@media (min-width: 541px) and (max-width: 990px) {
  .headers_txt_container a.btn img {
    width: 90%; } }

@media (min-width: 991px) {
  .headers_txt_container a.btn img {
    width: 100%; } }

.headers_txt_container .header--desc > p:first-child {
  padding-top: 0; }

.headers_txt_container {
  background: #f5faff; }

main {
  background: #f5faff;
  overflow: hidden;
  position: relative; }

.bottom,
.bd-introduction {
  position: relative;
  z-index: 55; }

.read-more {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), color-stop(90%, #f5faff));
  background-image: linear-gradient(to bottom, transparent 30%, #f5faff 90%); }

.btn-terms {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 0;
  padding: 2px 72px 10px;
  color: #ebe6ef;
  background-color: #3b7217;
  border-color: #3b7217; }

.arrow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 14px;
  width: 14px;
  border-style: solid;
  border-color: #ebe6ef;
  border-width: 0px 1px 1px 0px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-width 150ms ease-in-out;
  transition: border-width 150ms ease-in-out; }

.btn-secondary:hover .arrow {
  border-bottom-width: 2px;
  border-right-width: 2px; }

a:hover .btn-secondary .arrow {
  border-bottom-width: 2px;
  border-right-width: 2px; }

.btn-secondary:hover {
  color: #fff;
  background-color: #266008;
  border-color: #266008; }

a:hover .btn-secondary {
  color: #fff;
  background-color: #266008;
  border-color: #266008; }

.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #5a684d;
  border-color: #5a684d; }

.read-more:not(.collapsed) .btn-terms {
  padding: 10px 72px 2px; }

.read-more:not(.collapsed) .arrow {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg); }

.sponsor-background {
  background-color: #f5faff;
  /* background-image: linear-gradient(141deg, #97f5f7 0%, #8deeff 75%); */ }

.sponsor-title {
  padding-top: 25px;
  padding-bottom: 15px;
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #004722; }

.code-tab {
  display: none; }

.wrapper {
  position: relative;
  z-index: 40;
  text-align: center;
  margin: auto; }

.code-tab h3 {
  background: none; }

#schedule {
  max-width: 898px;
  width: 100%;
  position: absolute;
  /*.slick-slide:before {
        display: none;
        content: "today";
        position: absolute;
        width: 50px;
        height: 50px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition: all .15s ease-out;
        background: #c43427;
    }*/
  /* SLICK: ARROWS */
  /* SLICK: DOTS */ }
  @media (max-width: 375px) {
    #schedule {
      top: 7px; } }
  @media (min-width: 376px) and (max-width: 440px) {
    #schedule {
      top: 10px; } }
  @media (min-width: 441px) and (max-width: 540px) {
    #schedule {
      top: 10px; } }
  @media (min-width: 541px) and (max-width: 768px) {
    #schedule {
      top: 10px; } }
  @media (min-width: 769px) and (max-width: 990px) {
    #schedule {
      top: 10px; } }
  @media (min-width: 991px) {
    #schedule {
      top: 5px; } }
  #schedule:before {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    opacity: 0; }
  #schedule.sticky {
    border-radius: 70px;
    overflow: hidden;
    position: fixed;
    z-index: 30;
    max-width: 700px;
    width: 100%;
    top: 0;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); }
    #schedule.sticky .owl-stage-outer {
      overflow: initial;
      padding-top: 0.8rem; }
      #schedule.sticky .owl-stage-outer:before {
        opacity: 1;
        position: absolute;
        background: #dcf4df;
        width: 130%;
        height: 7rem;
        content: "";
        top: 0;
        left: 0;
        -webkit-transition: all .15s ease-out;
        transition: all .15s ease-out;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    #schedule.sticky .owl-nav button.owl-next {
      right: 20px;
      top: 0; }
    #schedule.sticky .owl-nav button.owl-prev {
      left: 20px;
      top: 0; }
  #schedule.owl-carousel .owl-nav button.owl-next {
    right: 20px; }
  #schedule.owl-carousel .owl-nav button.owl-prev {
    left: 20px; }
  #schedule .fa.fa-angle-left,
  #schedule .fas.fa-angle-right {
    color: #00316c; }
  #schedule .today {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  #schedule .today .schedule_btn:before {
    background: #e51b29; }
  #schedule .schedule_btn {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 100%;
    background: none;
    border: none;
    position: relative; }
    #schedule .schedule_btn.selected:before {
      background: #014238; }
    #schedule .schedule_btn img {
      position: relative;
      width: 100%;
      border-radius: 60%; }
    #schedule .schedule_btn h3 {
      position: relative;
      color: #fff;
      left: -3px;
      display: block;
      font-size: 1.17em;
      -webkit-margin-before: 1em;
              margin-block-start: 1em;
      -webkit-margin-after: 1em;
              margin-block-end: 1em;
      -webkit-margin-start: 0px;
              margin-inline-start: 0px;
      -webkit-margin-end: 0px;
              margin-inline-end: 0px;
      font-weight: bold; }
    #schedule .schedule_btn:before {
      content: "";
      position: absolute;
      background: #089b35;
      border-radius: 60%;
      width: 3rem;
      height: 3rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      /* justify-content: center; */
      /* align-content: center;*/
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: all .15s ease-out;
      transition: all .15s ease-out; }
    #schedule .schedule_btn:after {
      content: "";
      position: absolute;
      background: url(../img/date_btn.png);
      background-size: 100% 100%;
      width: 60px;
      height: 60px;
      top: 40%;
      left: 56%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: all .15s ease-out;
      transition: all .15s ease-out; }
  #schedule .center .slick-center h3 {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.08); }
  #schedule .center h3 {
    opacity: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
  #schedule .schedule_btn[data-label="01"]:after,
  #schedule .schedule_btn[data-label="21"]:after {
    background: url(../img/date_st_btn.png);
    background-size: 100% 100%; }
  #schedule .schedule_btn[data-label="02"]:after,
  #schedule .schedule_btn[data-label="22"]:after {
    background: url(../img/date_nd_btn.png);
    background-size: 100% 100%; }
  #schedule .schedule_btn[data-label="03"]:after,
  #schedule .schedule_btn[data-label="23"]:after {
    background: url(../img/date_rd_btn.png);
    background-size: 100% 100%; }
  #schedule .slick-slide.today:before {
    display: inline-block; }
  #schedule .slick-custom-arrow {
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 100;
    padding: 20px 16px;
    background-color: rgba(255, 255, 255, 0);
    color: #fff; }
    #schedule .slick-custom-arrow:hover {
      cursor: pointer;
      background-color: #000;
      color: #fff; }
    #schedule .slick-custom-arrow-right {
      right: 0;
      top: 50%; }
    #schedule .slick-custom-arrow-left {
      left: 0;
      top: 50%; }
  #schedule .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #schedule .slick-dots .slick-active button {
      border: 0;
      height: 15px;
      width: 15px;
      background-color: #ffffff; }
    #schedule .slick-dots li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 4px;
      padding: 0;
      height: 20px;
      width: 20px; }
      #schedule .slick-dots li button {
        background-color: rgba(255, 255, 255, 0);
        border: 1px solid #fff;
        border-radius: 50%;
        opacity: 1;
        display: block;
        height: 18px;
        width: 18px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer; }

#schedule_bar {
  position: relative; }
  #schedule_bar:before {
    content: "";
    background: url(../img/split-13.png);
    background-size: auto 100%;
    background-repeat: repeat-x;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 20px;
    left: 0; }
  #schedule_bar:after {
    content: "";
    background: url(../img/split-13.png);
    background-size: auto 100%;
    background-repeat: repeat-x;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: 0; }

#schedule_bar {
  padding: 4rem 0 7rem;
  text-align: center;
  background: url("../img/main_bg.jpg"); }

#schedule_wrapper {
  overflow: hidden;
  margin: auto;
  max-width: 900px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #dcf4df;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: 56; }
  #schedule_wrapper:before {
    content: "";
    width: 100%;
    position: relative;
    display: block; }
  @media (max-width: 375px) {
    #schedule_wrapper {
      max-width: 800px;
      width: 90%; } }
  @media (min-width: 376px) and (max-width: 440px) {
    #schedule_wrapper {
      max-width: 800px;
      width: 90%; } }
  @media (min-width: 441px) and (max-width: 540px) {
    #schedule_wrapper {
      max-width: 800px;
      width: 90%; } }
  @media (min-width: 541px) and (max-width: 768px) {
    #schedule_wrapper {
      max-width: 800px;
      width: 90%; } }
  @media (min-width: 769px) and (max-width: 850px) {
    #schedule_wrapper {
      max-width: 840px;
      width: 93%; } }
  @media (min-width: 851px) and (max-width: 990px) {
    #schedule_wrapper {
      max-width: 880px;
      width: 95%; } }
  @media (min-width: 991px) {
    #schedule_wrapper {
      max-width: 900px; } }

@media (max-width: 375px) {
  #schedule_wrapper:before {
    padding-top: calc(35% - 10px); } }

@media (min-width: 376px) and (max-width: 440px) {
  #schedule_wrapper {
    width: 90% !important; }
    #schedule_wrapper:before {
      padding-top: calc(30% - 5px); } }

@media (min-width: 441px) and (max-width: 580px) {
  #schedule_wrapper:before {
    padding-top: calc(28% - 10px); } }

@media (min-width: 581px) and (max-width: 640px) {
  #schedule_wrapper:before {
    padding-top: calc(22% - 10px); } }

@media (min-width: 641px) and (max-width: 767px) {
  #schedule_wrapper:before {
    padding-top: calc(20% - 10px); } }

@media (min-width: 768px) and (max-width: 990px) {
  #schedule_wrapper:before {
    padding-top: calc(18% - 10px); } }

@media (min-width: 991px) and (max-width: 1200px) {
  #schedule_wrapper:before {
    padding-top: calc(14% - 10px); } }

@media (min-width: 1199px) {
  #schedule_wrapper:before {
    padding-top: calc(14% - 8px); } }

#bar_title {
  max-width: 990px;
  width: 100%;
  position: relative;
  bottom: -2.2rem;
  z-index: 57; }
  @media (max-width: 375px) {
    #bar_title {
      padding-bottom: 3rem; } }
  @media (min-width: 376px) and (max-width: 440px) {
    #bar_title {
      padding-bottom: 3rem; } }
  @media (min-width: 441px) and (max-width: 540px) {
    #bar_title {
      padding-bottom: 3rem; } }
  @media (min-width: 541px) and (max-width: 768px) {
    #bar_title {
      padding-bottom: 1rem; } }

@media (max-width: 767px) {
  .wrapper {
    max-width: 600px; } }

@media (min-width: 992px) {
  .wrapper {
    max-width: 900px; } }

@media (max-width: 767px) {
  #christmas_calendar .award {
    width: 50%; }
  .wrapper {
    max-width: 600px; }
  #bar_title {
    padding-bottom: 0; } }

#christmas_calendar {
  padding-top: 10px; }
  #christmas_calendar .award {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #dcf4df;
    padding-top: 5px;
    margin-bottom: 10px; }
    #christmas_calendar .award:last-child {
      width: 100%; }
      #christmas_calendar .award:last-child .card {
        margin: auto;
        width: 70%;
        max-width: 550px; }
        #christmas_calendar .award:last-child .card:after {
          content: "";
          position: absolute;
          display: block;
          width: 33.4%;
          height: 7%;
          background: url(../img/mask2.png) no-repeat;
          background-size: auto 100%;
          background-position: bottom;
          -webkit-transition: all .15s ease-in;
          transition: all .15s ease-in;
          top: 0%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
        @media (max-width: 767px) {
          #christmas_calendar .award:last-child .card {
            margin: 10px;
            width: 100%;
            max-width: none; } }
    #christmas_calendar .award.selected .card {
      background: #ffdcdc; }
    #christmas_calendar .award.selected:before {
      display: none;
      content: "今日";
      position: absolute;
      background: #e67e22;
      color: #fff;
      padding: 5px; }
    #christmas_calendar .award.selected .content {
      background: #e41b29; }
    #christmas_calendar .award.selected .bottom button {
      color: #e41b29; }
    #christmas_calendar .award .card {
      overflow: hidden;
      width: 100%;
      border: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #dcf4df;
      padding: 0;
      margin: 10px;
      border-radius: 15px;
      -webkit-box-shadow: 0px 5px 5px 0px #c9c073;
              box-shadow: 0px 5px 5px 0px #c9c073; }
      #christmas_calendar .award .card .inside {
        position: absolute; }
      #christmas_calendar .award .card:before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        background: url(../img/card_bg.png); }
      #christmas_calendar .award .card:after {
        content: "";
        position: absolute;
        display: block;
        width: 33.4%;
        height: 6%;
        background: url(../img/mask.png) no-repeat;
        background-size: auto 100%;
        background-position: bottom;
        -webkit-transition: all .15s ease-in;
        transition: all .15s ease-in;
        top: 0%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    #christmas_calendar .award .content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      text-align: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      text-align: center;
      background: #006633;
      border-radius: 12px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #christmas_calendar .award .content > div {
        min-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 10px 10px 10px; }
        @media (max-width: 440px) {
          #christmas_calendar .award .content > div {
            padding: 5px 5px 5px; } }
        #christmas_calendar .award .content > div .name {
          font-weight: 600;
          font-size: 1.1rem;
          color: white;
          height: 52.8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-line-pack: center;
              align-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          @media (max-width: 850px) {
            #christmas_calendar .award .content > div .name {
              font-size: 1rem;
              line-height: 1.1; } }
          @media (max-width: 440px) {
            #christmas_calendar .award .content > div .name {
              line-height: 1.6; } }
        #christmas_calendar .award .content > div .value {
          font-weight: 300;
          font-size: .8rem;
          color: white;
          height: 19.2px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-line-pack: center;
              align-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
    #christmas_calendar .award .bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      padding: 0px 10px 10px !important; }
      #christmas_calendar .award .bottom button {
        width: 100%;
        padding: 10px;
        border: none;
        border-radius: 12px;
        color: #006633;
        font-size: 1rem;
        background: #fff; }

@media (min-width: 768px) {
  #christmas_calendar .award.selected,
  #christmas_calendar .award {
    width: 33.3%; }
  .card {
    cursor: pointer; }
  /*.card:hover:before {
		opacity: 1;
	}*/ }

#award_page {
  position: relative;
  z-index: 9; }
  #award_page li,
  #award_page p {
    font-size: 1rem;
    font-weight: 400;
    color: #0b4727;
    line-height: 1.5rem;
    padding: 0 20px; }
    #award_page li span,
    #award_page p span {
      /*color: #ff4e00; */ }
  #award_page h3 {
    line-height: 1;
    font-weight: 800;
    text-align: center;
    color: #ff4e00;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem; }

#modal_title {
  -webkit-transition: top 0.25s ease;
  transition: top 0.25s ease;
  position: absolute;
  top: -1%;
  right: 0;
  left: 0;
  width: 50%;
  margin: auto;
  z-index: 25; }

#award_title {
  margin: 12px;
  background: #006633;
  border-radius: 20px;
  position: relative;
  height: 17%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 20px; }
  #award_title:before {
    content: "";
    top: -40px;
    position: absolute;
    width: calc(100% + 27px);
    height: 81%;
    top: -20px;
    background: url(../img/show_title.png) no-repeat;
    background-size: 100%; }
  #award_title span.main {
    font-weight: 700;
    padding: .8rem 0;
    padding-bottom: 0; }
    @media (min-width: 441px) {
      #award_title span.main {
        font-size: -8rem; } }
    @media (max-width: 440px) {
      #award_title span.main {
        font-size: 1.4rem;
        font-weight: 500; } }
  #award_title span.sub {
    font-size: 1.2rem;
    padding-top: .3rem;
    padding-bottom: 0rem;
    padding-right: 1rem;
    padding-left: 1rem; }
    @media (min-width: 441px) {
      #award_title span.sub {
        font-size: 1.2rem;
        font-weight: 400; } }
    @media (max-width: 440px) {
      #award_title span.sub {
        font-size: .7em;
        font-weight: 400; } }
  #award_title.shadow {
    color: #ffffff;
    text-shadow: 1px 0px 10px #0c1e32;
    text-align: center; }

.modal__inner {
  -webkit-transition: top .25s ease;
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  margin: auto;
  overflow: auto;
  border-radius: 5px;
  padding: 1em 2em;
  height: 90%; }
  .modal__inner .inner {
    background: #dcf4df;
    margin-top: 12%;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 30px;
    padding-bottom: 1px; }
    .modal__inner .inner > div {
      background: #fff;
      margin: 20px;
      border-radius: 20px;
      position: relative; }
      .modal__inner .inner > div:before {
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        content: "";
        position: absolute;
        border-radius: 20px;
        -webkit-transition: all .15s ease-out;
        transition: all .15s ease-out;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='black' stroke-width='2' stroke-dasharray='8%2c 4%2c 1%2c 4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
        border-radius: 20px; }

@media (max-width: 440px) {
  .card {
    margin: 2px !important; }
  #award_title {
    margin: 0;
    padding: 10px; }
    #award_title:before {
      display: none; }
    #award_title .main {
      padding: 0rem 0 !important; }
  #modal_title {
    width: 100%; }
  .modal__inner {
    width: 100%;
    height: 85%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1em 0em; }
  #award_page {
    padding: 0 5px; } }

@media (min-width: 441px) and (max-width: 768px) {
  #modal_title {
    width: 100%; }
  .modal__inner {
    width: 90%;
    height: 90%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1em 1em; } }

@media screen and (min-width: 769px) {
  #modal_title {
    width: 100%; }
  .modal__inner {
    width: 90%;
    height: 90%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1em 0em;
    max-width: 600px; } }

.card {
  position: relative;
  padding: 10px; }
  .card img {
    max-width: 600px;
    width: 100%;
    margin-bottom: 10px; }
  .card:before {
    display: none;
    content: attr(data-award);
    position: absolute;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    background: rgba(0, 44, 35, 0.7);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    font-size: 1rem; }
  .card .thumb,
  .card .content {
    position: relative;
    z-index: 25;
    display: -webkit-flex; }
  .card .image_wrapper {
    width: 100%;
    position: relative; }
    .card .image_wrapper:before {
      top: 0;
      content: "";
      width: 100%;
      position: relative;
      padding-top: 100%;
      background: #004722; }
  .card[data-type]:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: attr(data-date);
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 60%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white; }
  .card[data-type="giveaway"]:after, .card[data-type="video_giveaway"]:after {
    display: none; }
  .card[data-type="mission"]:after, .card[data-type="U_Jetso_limit"]:after, .card[data-type="U_Jetso_reward"]:after, .card[data-type="U_Jetso_ufun"]:after {
    display: none; }

#snow {
  z-index: 20;
  position: fixed;
  height: 100%; }

#schedule .owl-item.today {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: scaler 1s infinite alternate;
          animation: scaler 1s infinite alternate;
  z-index: 200; }

.key-overlap {
  top: 0; }

@-webkit-keyframes scaler {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes scaler {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@-webkit-keyframes smallmover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@keyframes smallmover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px); } }

@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }

@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); } }

@-webkit-keyframes smallmover_n_scale {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes smallmover_n_scale {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

#chart {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; }

.today {
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

/** Animation **/
.animate-1 {
  opacity: 0.0;
  opacity: 1\9;
  animation: animate-1 1s;
  -webkit-animation: animate-1 1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-1 {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes animate-1 {
  0% {
    -webkit-transform: scale(0.1);
    opacity: 0.0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

.animate-2 {
  opacity: 0.0;
  opacity: 1\9;
  animation: animate-2 0.5s;
  -webkit-animation: animate-2 0.5s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-2 {
  0% {
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
    opacity: 0.0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes animate-2 {
  0% {
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
    opacity: 0.0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animate-3 {
  opacity: 0.0;
  opacity: 1\9;
  animation: animate-3 0.5s;
  -webkit-animation: animate-3 0.5s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-3 {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes animate-3 {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

.animate-4 {
  opacity: 0.0;
  opacity: 1\9;
  animation: animate-4 0.5s;
  -webkit-animation: animate-4 0.5s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-4 {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes animate-4 {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

.animate-5 {
  opacity: 0.0;
  opacity: 1\9;
  animation: animate-5 0.5s;
  -webkit-animation: animate-5 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-5 {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
            transform: translate3d(-40px, 0, 0);
    opacity: 0.0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes animate-5 {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
    opacity: 0.0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animate-6 {
  opacity: 0.0;
  opacity: 1\9;
  animation: animate-6 0.5s;
  -webkit-animation: animate-6 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-6 {
  0% {
    -webkit-transform: translate3d(40px, 0, 0);
            transform: translate3d(40px, 0, 0);
    opacity: 0.0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes animate-6 {
  0% {
    -webkit-transform: translate3d(40px, 0, 0);
    opacity: 0.0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animate-7 {
  opacity: 0.0;
  opacity: 1\9;
  animation: animate-7 0.7s;
  -webkit-animation: animate-7 0.7s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-7 {
  0% {
    opacity: 0.0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 1.0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes animate-7 {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

.animate-8 {
  opacity: 0.0;
  opacity: 1\9;
  animation: animate-8 0.6s;
  -webkit-animation: animate-8 0.6s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-8 {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.0; }
  90% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes animate-8 {
  0% {
    -webkit-transform: scale(0.1);
    opacity: 0.0; }
  90% {
    -webkit-transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

.animate-9 {
  -webkit-animation: animate-9 1.8s infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes animate-9 {
  0% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98); } }

@-webkit-keyframes animate-9 {
  0% {
    -webkit-transform: scale(0.98); }
  50% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(0.98); } }

.scale-title {
  -webkit-animation: crescendo 0.4s ease-in;
          animation: crescendo 0.4s ease-in; }

@-webkit-keyframes crescendo {
  from {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes crescendo {
  from {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.owl-carousel .nav-button {
  height: 50px;
  width: 25px;
  cursor: pointer;
  position: absolute;
  top: 20px !important; }

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.25; }

.owl-carousel .owl-prev {
  left: -15px; }
  .owl-carousel .owl-prev img {
    width: 15px; }

.owl-carousel .owl-next {
  right: -15px; }
  .owl-carousel .owl-next img {
    width: 15px; }

.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
  font-size: 39px;
  background: #000000;
  border-radius: 3px; }

.owl-carousel .prev-carousel:hover {
  background-position: 0px -53px; }

.owl-carousel .next-carousel:hover {
  background-position: -24px -53px; }

.owl-stage-outer {
  padding-top: 2rem; }

.owl-carousel .owl-stage-outer {
  overflow: initial; }

.owl-item {
  text-align: center; }

.owl-carousel .nav-btn {
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important; }

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.2; }

.owl-carousel .prev-slide {
  background: url(nav-icon.png) no-repeat scroll 0 0;
  left: -33px;
  top: 1rem; }

.owl-carousel .next-slide {
  background: url(nav-icon.png) no-repeat scroll -24px 0px;
  right: -33px;
  top: 1rem; }

.owl-carousel .prev-slide:hover {
  background-position: 0px -53px; }

.owl-carousel .next-slide:hover {
  background-position: -24px -53px; }

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/* [Object] Modal
 * =============================== */
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
  z-index: 109;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .modal img.awardImg {
    width: 100%;
    /*max-width: 500px;*/
    margin: 0 auto 20px;
    display: block;
    border-radius: 20px; }

#loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f1f2f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#loading.hide {
  display: none; }

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer; }

.modal-state {
  display: none; }

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible; }

.modal-state:checked + .modal .modal__inner {
  top: -30px; }

.modal__close {
  position: fixed;
  right: 1em;
  top: 1em;
  width: 3.1em;
  height: 3.1em;
  background: #000;
  border-radius: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  z-index: 55; }
  .modal__close svg {
    width: 100%; }

.modal__bar {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 20; }
  .modal__bar a.next_button {
    display: none;
    padding: 10px;
    margin: 10px;
    background: none;
    width: 224px; }

.modal__close:after,
.modal__close:before {
  content: '';
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0; }

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa; }

.modal__close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

/*
#christmas_calendar .award .card .inside {
	top: -75px;
	left: -75px;
	width: 150px;
	height: 150px;
	background: #79acfb;
	border-radius: 2rem;
}
#christmas_calendar .award .card .inside:before {
		
		position:absolute;

		@include dayLabel(attr(data-day))

}*/
#christmas_calendar #award_5 .card .name {
  font-size: 16px; }
  @media (max-width: 850px) {
    #christmas_calendar #award_5 .card .name {
      font-size: .9rem;
      line-height: 1.3; } }

@media (max-width: 850px) {
  #christmas_calendar #award_5 .card .value {
    font-size: .7rem; } }

@media (max-width: 440px) {
  #christmas_calendar #award_5 .card .value {
    font-size: .67rem; } }

@media (max-width: 440px) {
  #christmas_calendar #award_13 .card .name {
    font-size: .9rem;
    line-height: 1.6; } }

@media (max-width: 385px) {
  #christmas_calendar #award_6 .card .name {
    font-size: .88rem;
    line-height: 1.6; } }

@media (max-width: 385px) {
  #christmas_calendar #award_8 .card .name {
    font-size: .88rem;
    line-height: 1.6; } }

@media (max-width: 385px) {
  #christmas_calendar #award_13 .card .name {
    font-size: .85rem;
    line-height: 1.6; } }

@media (max-width: 385px) {
  #christmas_calendar #award_16 .card .name {
    font-size: .88rem;
    line-height: 1.6; } }

@media (max-width: 425px) {
  .headers_txt_container .header--desc > p {
    line-height: 24px; } }

.bd-row__header img[src*="tnc"] {
  height: auto;
  width: 280px; }
  @media (max-width: 385px) {
    .bd-row__header img[src*="tnc"] {
      width: 220px; } }

img[src*="coming_soon"] {
  width: 100%;
  max-width: 500px; }
  @media (max-width: 440px) {
    img[src*="coming_soon"] {
      max-width: 330px; } }
/*# sourceMappingURL=christmas_style.css.map */