@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(//fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url(//fonts.googleapis.com/earlyaccess/cwtexming.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, b {
  font-weight: normal;
  font-style: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

q:before, q:after {
  content: ""; }

abbr, acronym {
  border: 0; }

a {
  text-decoration: none; }

input, button, textarea, select, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

textarea:focus, input:focus {
  outline: none; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  line-height: 1.5;
  font-family: "Noto Sans TC", serif, "Microsoft JhengHei", \5FAE\8EDF\6B63\9ED1\9AD4, PMingLiU, \65B0\7D30\660E\9AD4, sans-serif;
  font-size: 16px;
  background: url("../img/bg1.jpg");
  color: #232323; }

footer {
  background-color: #fff; }

.wrapper {
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  position: relative; }

.header {
  background: url("../img/top.jpg") 50% 0% no-repeat;
  width: 100%;
  height: 855px; }
  .header-wrap {
    max-width: 1024px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
  .header__logo {
    position: absolute;
    width: 158px;
    height: 108px;
    left: 88px;
    top: 22px; }
    .header__logo a {
      width: 100%;
      height: 100%;
      display: block; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1280px), screen and (-o-min-device-pixel-ratio: 5/4) and (min-width: 1280px), screen and (min-resolution: 120dpi) and (min-width: 1280px) {
    .header {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
      transform-origin: top left;
      width: 125%;
      height: 1068px; } }
  @media only screen and (max-width: 1024px) {
    .header {
      background: url("../img/top_s.jpg") 50% 0% no-repeat;
      background-size: 100%;
      height: 80vw; }
      .header__logo {
        top: 1.8vw;
        left: 1.8vw;
        width: 22vw;
        height: 14vw; } }

.nav {
  position: fixed;
  z-index: 5; }
  .nav-ham, .nav-menu {
    display: none; }
  .nav .links {
    position: fixed;
    top: 45px;
    right: 20px;
    z-index: 5; }
    .nav .links-ac, .nav .links-group {
      border: 2px solid #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background-color: rgba(78, 9, 95, 0.72);
      display: inline-block;
      -webkit-box-shadow: 2px 3px 1px rgba(78, 9, 95, 0.3);
      box-shadow: 2px 3px 1px rgba(78, 9, 95, 0.3); }
      .nav .links-ac a, .nav .links-group a {
        color: #fff; }
    .nav .links-ac {
      margin-right: 10px;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 1px; }
      .nav .links-ac a {
        width: 100%;
        height: 100%;
        display: block; }
      .nav .links-ac a {
        padding: 4px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .nav .links-group {
      padding: 0 14px; }
      .nav .links-group > div {
        display: inline-block;
        text-indent: -9999px;
        width: 35px;
        height: 35px; }
        .nav .links-group > div a {
          width: 100%;
          height: 100%;
          display: block; }
        .nav .links-group > div a {
          padding: 4px 10px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
      .nav .links-group__dl {
        background: url("../img/icon_download.png") 50% 50% no-repeat;
        background-size: auto 60%; }
      .nav .links-group__fb {
        background: url("../img/icon_fb.png") 50% 50% no-repeat;
        background-size: auto 60%; }
      .nav .links-group__bh {
        background: url("../img/icon_baha.png") 50% 50% no-repeat;
        background-size: auto 60%; }
  @media only screen and (max-width: 764px) {
    .nav {
      top: -300px;
      right: 0;
      width: 100%;
      background-color: rgba(78, 9, 95, 0.9);
      text-align: center;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      padding: 15px 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .nav-ham {
        display: block;
        width: 32px;
        height: 32px;
        position: fixed;
        right: 10px;
        top: 10px; }
        .nav-ham span {
          display: block;
          background-color: #4e095f;
          width: 32px;
          height: 4px;
          -webkit-transition: all 0.35s;
          -o-transition: all 0.35s;
          transition: all 0.35s; }
          .nav-ham span:not(:last-child) {
            margin-bottom: 6px; }
      .nav-menu {
        display: block;
        margin-top: 20px; }
        .nav-menu li {
          margin-bottom: 20px;
          letter-spacing: 1px; }
          .nav-menu li a {
            color: #fff; }
      .nav .links {
        right: auto;
        top: 0 !important;
        position: relative;
        width: 100%; }
        .nav .links-ac, .nav .links-group {
          display: block;
          border: 0;
          background-color: transparent;
          -webkit-box-shadow: none;
          box-shadow: none; }
        .nav .links-ac {
          margin-right: 0;
          margin-bottom: 20px;
          letter-spacing: 1px; }
          .nav .links-ac a {
            padding: 0; }
        .nav .links-group > div {
          margin: 0 10px; }
      .nav.is--active {
        top: 0; }
        .nav.is--active .nav-ham span {
          background-color: #fff;
          height: 3px; }
          .nav.is--active .nav-ham span:first-child {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: 15px; }
          .nav.is--active .nav-ham span:nth-child(2) {
            margin-top: 10px;
            opacity: 0; }
          .nav.is--active .nav-ham span:last-child {
            -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            margin-top: -22px; } }

section {
  padding: 75px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  section .sec-wrap {
    max-width: 1280px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative; }
  section .title {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 1px;
    width: 240px;
    height: auto;
    margin: 0 auto;
    position: relative;
    background-color: #a21b0d;
    text-align: center;
    color: #fff;
    padding: 2px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; }
    section .title:after {
      display: block;
      content: '';
      position: absolute;
      width: 95px;
      height: 74px;
      background: url("../img/poring.png");
      left: 50%;
      margin-left: -47px;
      top: -60px; }
  section .subtitle {
    font-size: 24px;
    font-weight: bold;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    padding: 2px 20px;
    width: 280px;
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center; }
  @media only screen and (max-width: 1280px) {
    section .sec-wrap {
      padding: 0 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  @media only screen and (max-width: 414px) {
    section .sec-wrap {
      padding: 0 14px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    section .subtitle {
      width: 200px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

.signUp {
  padding-bottom: 200px;
  background: url("../img/flowerbg.png"); }
  .signUp .title {
    margin-bottom: 10px; }
  .signUp-rule {
    max-width: 768px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative; }
    .signUp-rule-date {
      font-size: 24px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      letter-spacing: 2px; }
      .signUp-rule-date i {
        color: #a21b0d;
        margin: 0 5px;
        font-size: 16px; }
    .signUp-rule-txt {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 260px;
      margin-top: 50px; }
      .signUp-rule-txt > li {
        font-size: 15px;
        color: #FFE6E6;
        counter-increment: li;
        position: relative; }
        .signUp-rule-txt > li:not(:last-child) {
          margin-bottom: 15px; }
        .signUp-rule-txt > li:before {
          position: absolute;
          content: counter(li);
          background-color: #a21b0d;
          color: #fff;
          text-align: center;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          content: counter(li);
          width: 20px;
          left: -24px;
          font-size: 12px;
          margin-top: 2px; }
  .signUp-calendar {
    position: relative;
    margin-top: 100px;
    text-align: center; }
    .signUp-calendar .subtitle {
      color: #FFE6E6;
      border: 2px solid #FFE6E6; }
    .signUp-calendar .user {
      margin-top: 20px;
      font-size: 20px;
      font-weight: 500;
      color: #fff; }
      .signUp-calendar .user span {
        background-color: #ffcc01;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 0 15px 6px;
        margin: 0 5px;
        color: #a21b0d;
        font-size: 16px;
        font-weight: 700;
        -webkit-box-shadow: inset 0 -5px 0 rgba(192, 48, 48, 0.9);
        box-shadow: inset 0 -5px 0 rgba(192, 48, 48, 0.9);
        cursor: pointer;
        position: relative;
        top: -2px; }
        .signUp-calendar .user span:active {
          top: 0;
          padding: 1px 15px;
          -webkit-box-shadow: inset 0 0px 0 rgba(192, 48, 48, 0.9);
          box-shadow: inset 0 0px 0 rgba(192, 48, 48, 0.9); }
    .signUp-calendar .calendar {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: relative;
      margin-top: 50px; }
      .signUp-calendar .calendar-square {
        border: 8px solid #d9493c;
        background-color: #fff;
        padding: 5px 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 15%;
        margin: 0 0.83% 40px;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in; }
        .signUp-calendar .calendar-square__date {
          position: relative;
          color: #FFE6E6;
          background-color: #a21b0d;
          padding: 2px 15px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: inline-block;
          font-size: 14px;
          top: -20px;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px; }
        .signUp-calendar .calendar-square__img img {
          height: 90px;
          width: auto; }
        .signUp-calendar .calendar-square__name {
          font-size: 14px;
          color: #a21b0d;
          font-weight: 500;
          height: 42px; }
        .signUp-calendar .calendar-square__btn {
          line-height: 34px;
          font-size: 20px;
          margin: 6px 0 4px;
          height: 36px;
          opacity: 0;
          color: #fff; }
          .signUp-calendar .calendar-square__btn i {
            color: #ffcc01;
            display: none; }
        .signUp-calendar .calendar-square.is--took .calendar-square__btn {
          background-color: #a21b0d;
          font-weight: bold;
          opacity: 1;
          background-color: #c64135;
          pointer-events: none; }
          .signUp-calendar .calendar-square.is--took .calendar-square__btn i {
            display: inline-block; }
        .signUp-calendar .calendar-square.is--past .calendar-square__btn {
          opacity: 1;
          background-color: #b0b0b0; }
        .signUp-calendar .calendar-square.is--today {
          background-color: #a21b0d;
          border-color: #a21b0d; }
          .signUp-calendar .calendar-square.is--today .calendar-square__date {
            background-color: #ffcc01;
            color: #a21b0d;
            font-weight: 900; }
          .signUp-calendar .calendar-square.is--today .calendar-square__name {
            color: #fff; }
          .signUp-calendar .calendar-square.is--today .calendar-square__btn {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            opacity: 1;
            background-color: #ffcc01;
            font-weight: 700;
            -webkit-box-shadow: inset 0 -5px 0 rgba(192, 48, 48, 0.9);
            box-shadow: inset 0 -5px 0 rgba(192, 48, 48, 0.9);
            cursor: pointer;
            position: relative;
            color: #a21b0d;
            padding: 0px 5px 5px; }
            .signUp-calendar .calendar-square.is--today .calendar-square__btn:active {
              padding: 4px 5px 2px;
              -webkit-box-shadow: inset 0 0px 0 rgba(192, 48, 48, 0.9);
              box-shadow: inset 0 0px 0 rgba(192, 48, 48, 0.9); }
  @media only screen and (max-width: 1024px) {
    .signUp-calendar .calendar-square {
      width: 32%;
      margin: 0 0.62% 40px; }
      .signUp-calendar .calendar-square__btn {
        height: 40px;
        font-size: 3.2vw;
        line-height: 38px; } }
  @media only screen and (max-width: 414px) {
    .signUp-rule-txt {
      padding-left: 28px; }
    .signUp-calendar .calendar-square {
      width: 48%;
      margin: 0 1% 30px; }
      .signUp-calendar .calendar-square__btn {
        font-size: 5.4vw; } }

.award {
  width: 100%;
  position: relative;
  background: url("../img/flowerbg.png") 50% 50%, url("../img/bg2.jpg"); }
  .award:after, .award:before {
    display: block;
    content: '';
    width: 100%;
    position: absolute; }
  .award:before {
    height: 140px;
    background: url("../img/innerbg1.jpg");
    top: -140px; }
  .award:after {
    bottom: -150px;
    height: 150px;
    background: url("../img/innerbg2.jpg"); }
  .award-increase {
    max-width: 1024px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    border: 2px solid #a21b0d;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
    .award-increase .subtitle {
      background: url("../img/bg2.jpg");
      margin-top: -20px;
      border: 2px solid #a21b0d;
      color: #a21b0d; }
    .award-increase-days {
      margin: 40px 0 50px;
      text-align: center; }
      .award-increase-days .days {
        width: 196px;
        height: 392px;
        background: url("../img/box.png") no-repeat;
        background-size: 100%;
        margin: 0 18px;
        text-align: center;
        display: inline-block;
        padding: 60px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #FFE6E6;
        position: relative; }
        .award-increase-days .days-num {
          font-size: 15px;
          line-height: 1.2; }
          .award-increase-days .days-num span {
            font-weight: bold;
            font-size: 40px;
            color: #ffcc01;
            margin-right: 4px; }
        .award-increase-days .days-item {
          margin-top: 5px;
          font-size: 20px;
          height: 80px; }
          .award-increase-days .days-item i.fa-image {
            color: #ffcc01;
            cursor: pointer; }
            .award-increase-days .days-item i.fa-image + img {
              position: absolute;
              width: 70px;
              height: auto;
              right: 0px;
              border: 1px solid #d9493c;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              display: none; }
          @media only screen and (min-width: 768px) {
            .award-increase-days .days-item i.fa-image:hover + img {
              display: inline; } }
          .award-increase-days .days-item__img {
            display: none;
            width: 50px;
            height: 50px;
            margin: 0 auto;
            position: relative;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            overflow: hidden;
            margin-bottom: 5px; }
            .award-increase-days .days-item__img img {
              position: relative;
              width: 100%;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
        .award-increase-days .days-btn {
          font-size: 24px;
          font-weight: bold;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          background-color: #ffcc01;
          color: #a21b0d;
          cursor: pointer;
          height: 40px;
          line-height: 38px; }
          .award-increase-days .days-btn i.fa-check {
            color: #ffcc01;
            display: none; }
        .award-increase-days .days.is--took .days-btn {
          background-color: #c64135;
          color: #fff;
          cursor: default;
          pointer-events: none;
          opacity: 1; }
          .award-increase-days .days.is--took .days-btn i.fa-check {
            display: inline-block; }
        .award-increase-days .days.is--yet .days-btn {
          background-color: #b0b0b0;
          color: #756b6a;
          cursor: default; }
  .award-ex {
    position: relative;
    margin-top: 30px;
    text-align: center; }
    .award-ex h3 {
      font-size: 24px;
      font-weight: bold;
      color: #a21b0d; }
      .award-ex h3 i {
        color: #a21b0d;
        display: block; }
    .award-ex-example {
      max-width: 768px;
      width: 100%;
      height: auto;
      margin: 0 auto;
      position: relative; }
      .award-ex-example .example {
        width: 22%;
        height: 200px;
        margin: 0 1%;
        vertical-align: top;
        display: inline-block;
        border: 2px solid #a21b0d;
        position: relative;
        z-index: 1; }
        .award-ex-example .example:before {
          position: absolute;
          background-color: #FFE6E6;
          width: calc(100% - 4px);
          height: calc(100% - 4px);
          display: block;
          content: '';
          z-index: 0; }
        .award-ex-example .example-top {
          background-color: #a21b0d;
          padding: 5px;
          font-size: 20px;
          font-weight: 500;
          color: #FFE6E6;
          position: relative;
          z-index: 1; }
          .award-ex-example .example-top span {
            color: #ffcc01;
            font-weight: bold;
            margin-left: 2px; }
        .award-ex-example .example-txt {
          position: relative;
          z-index: 1;
          width: 100%;
          text-align: left;
          padding: 5px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media only screen and (max-width: 768px) {
    .award-increase .subtitle {
      margin-top: -36px; }
    .award-increase-days {
      margin-top: 20px; }
      .award-increase-days .days {
        width: 36vw;
        height: 72vw;
        margin: 10px 3vw;
        padding: 8.6vw 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .award-increase-days .days-num {
          font-size: 3vw; }
          .award-increase-days .days-num span {
            font-size: 8vw; }
        .award-increase-days .days-item {
          margin-top: 1vw;
          font-size: 4vw;
          height: 14vw; }
          .award-increase-days .days-item .fa-image + img {
            position: relative;
            margin-right: 4.6vw;
            top: 33.8vw; }
        .award-increase-days .days-btn {
          font-size: 3.2vw; }
    .award-ex .example {
      width: 44%;
      margin: 0 2% 20px; } }
  @media only screen and (max-width: 414px) {
    .award-increase-days {
      margin-bottom: 0; }
      .award-increase-days .days {
        width: 60vw;
        height: 120vw;
        margin: 10px 0;
        padding: 14vw 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .award-increase-days .days-num {
          font-size: 4.8vw; }
          .award-increase-days .days-num span {
            font-size: 15vw; }
        .award-increase-days .days-item {
          font-size: 6.4vw;
          height: 22vw; }
          .award-increase-days .days-item .fa-image {
            font-size: 8vw; }
            .award-increase-days .days-item .fa-image + img {
              position: relative;
              margin-right: 0px;
              top: 50vw; }
        .award-increase-days .days-btn {
          font-size: 8vw;
          height: 12vw;
          line-height: 11.5vw; }
    .award-ex .example {
      width: 45%;
      margin: 0 1% 20px;
      height: 240px; } }

.notice {
  padding-top: 200px;
  background: url("../img/flowerbg.png"); }
  .notice .title {
    margin-bottom: 50px;
    margin-top: -50px; }
  .notice-list {
    max-width: 600px;
    width: calc(100% - 580px);
    margin-left: 152px; }
    .notice-list > li {
      font-size: 15px;
      color: #FFE6E6;
      counter-increment: li;
      position: relative; }
      .notice-list > li:not(:last-child) {
        margin-bottom: 15px; }
      .notice-list > li:before {
        position: absolute;
        content: counter(li);
        background-color: #a21b0d;
        color: #fff;
        text-align: center;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        content: counter(li);
        width: 20px;
        left: -24px;
        font-size: 12px;
        margin-top: 2px; }
    .notice-list li a {
      color: #a21b0d;
      font-size: 18px;
      font-weight: 500;
      border-bottom: 2px dotted #a21b0d; }
    .notice-list li .take {
      background-color: #ffcc01;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      padding: 0px 5px;
      color: #a21b0d;
      font-weight: bold;
      margin: 0 4px; }
  @media only screen and (max-width: 1024px) {
    .notice-list {
      margin-left: 0;
      padding-left: 24px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: calc(100% - 350px); } }
  @media only screen and (max-width: 764px) {
    .notice-list {
      max-width: none;
      width: 100%; } }

[class^="chara-"] {
  position: absolute; }

.chara-bird {
  bottom: -10px; }
  .chara-bird:before {
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    width: 180px;
    height: 180px;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    bottom: 6px;
    right: -8px; }

.chara-boy {
  bottom: -72px;
  left: -208px; }

.chara-girls {
  right: 128px;
  bottom: 0; }
  .chara-girls:before {
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    width: 220px;
    height: 220px;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    bottom: 10px;
    right: 18px; }

@media only screen and (max-width: 1024px) {
  .chara-boy {
    display: none; }
  .chara-girls {
    right: 0; } }

@media only screen and (max-width: 764px) {
  .chara-girls {
    position: relative;
    width: 50vw;
    margin: 30px auto 0; }
    .chara-girls img {
      width: 100%; } }

@media only screen and (max-width: 414px) {
  .chara-bird {
    position: relative;
    width: 205px;
    margin: 20px auto 0; }
    .chara-bird:before {
      width: 148px;
      height: 148px; }
  .chara-girls {
    width: 70vw; }
    .chara-girls:before {
      width: 196px;
      height: 196px;
      right: 4px;
      bottom: 6px; } }

.swal2-modal h2 {
  font-size: 20px;
  line-height: 40px; }

.swal2-content {
  font-size: 24px; }