@charset "UTF-8";
* {
  font-family: 微軟儷黑體, 微軟正黑體, 'Crimson Text', Arial, Helvetica, Geneva, sans-serif; }

body,
html {
  background-color: #000;
  touch-action: manipulation; }

a {
  text-decoration: none;
  color: #f24; }
  a:hover {
    text-decoration: none; }

.row {
  margin-left: 0;
  margin-right: 0; }

header {
  margin-bottom: -5%; }
  @media (max-width: 768px) {
    header {
      margin-bottom: 0px; } }
  header .christmas-visual {
    background-image: url(../img/vision.jpg);
    margin: 0 auto;
    background-position: center;
    background-size: cover;
    padding-bottom: 43.54%; }
    @media (max-width: 768px) {
      header .christmas-visual {
        display: none; } }
  header .christmas-mvisual {
    background-image: url(../img/visionmob.jpg);
    margin: 0 auto;
    background-position: center;
    background-size: cover;
    padding-bottom: 99.28%;
    display: none; }
    @media (max-width: 768px) {
      header .christmas-mvisual {
        display: block; } }

/*==============排行榜=============*/
.christmas-Leaderboard .container {
  margin-top: 0px; }
  .christmas-Leaderboard .container .thumbnail_item {
    margin-bottom: 30px; }
    .christmas-Leaderboard .container .thumbnail_item .consumer {
      color: #554945;
      width: 100%;
      height: max-content;
      padding: 10px; }
      @media screen and (max-width: 768px) {
        .christmas-Leaderboard .container .thumbnail_item .consumer {
          width: 100%;
          padding: 10 0; } }
      .christmas-Leaderboard .container .thumbnail_item .consumer .item_text {
        margin: 0 auto;
        width: 100%;
        background-color: #2c363b; }
        .christmas-Leaderboard .container .thumbnail_item .consumer .item_text p {
          margin-bottom: 0;
          padding: 5px 0;
          font-size: 2rem;
          color: #fff; }
          @media screen and (max-width: 1024px) {
            .christmas-Leaderboard .container .thumbnail_item .consumer .item_text p {
              font-size: 2rem; } }
          @media screen and (max-width: 768px) {
            .christmas-Leaderboard .container .thumbnail_item .consumer .item_text p {
              font-size: 4vmin; } }
      .christmas-Leaderboard .container .thumbnail_item .consumer .item_text2 {
        margin: 0 auto;
        width: 100%;
        background-color: #1b2124; }
        .christmas-Leaderboard .container .thumbnail_item .consumer .item_text2 .tree {
          width: 25%;
          height: auto;
          float: left;
          padding: 0 0 0 10%; }
        .christmas-Leaderboard .container .thumbnail_item .consumer .item_text2 .itemtext {
          width: 75%; }
        .christmas-Leaderboard .container .thumbnail_item .consumer .item_text2 p {
          margin-bottom: 0;
          padding: 5px 0;
          font-size: 2rem;
          color: #fff; }
          @media screen and (max-width: 1024px) {
            .christmas-Leaderboard .container .thumbnail_item .consumer .item_text2 p {
              font-size: 2rem; } }
          @media screen and (max-width: 768px) {
            .christmas-Leaderboard .container .thumbnail_item .consumer .item_text2 p {
              font-size: 4vmin; } }

.christmas-girls {
  color: #fff;
  margin-bottom: 30px; }
  .christmas-girls table {
    width: 100%; }
    .christmas-girls table thead th {
      font-size: 2vmin;
      font-weight: 100;
      padding: 10px 0;
      font-weight: 100; }
      @media (max-width: 768px) {
        .christmas-girls table thead th {
          font-size: 4vmin; } }
    .christmas-girls table thead .th001 {
      background-color: #990842;
      text-align: center; }
    .christmas-girls table thead .th002 {
      background-color: #2c363b;
      text-align: center; }
    .christmas-girls table tbody {
      font-size: 2vmin;
      font-weight: 100; }
      @media (max-width: 768px) {
        .christmas-girls table tbody {
          font-size: 4vmin; } }
      .christmas-girls table tbody td {
        padding: 10px 0;
        border-bottom: 1px solid #fff; }

.christmas-fans {
  color: #fff;
  margin-bottom: 30px; }
  .christmas-fans table {
    width: 100%; }
    .christmas-fans table thead th {
      text-align: center;
      width: 33%;
      padding: 10px 0;
      font-size: 2vmin;
      font-weight: 100; }
      @media (max-width: 768px) {
        .christmas-fans table thead th {
          font-size: 4vmin; } }
    .christmas-fans table thead .th001 {
      background-color: #990842; }
    .christmas-fans table thead .th002 {
      background-color: #2c363b; }
    .christmas-fans table tbody {
      font-size: 2vmin;
      font-weight: 100; }
      @media (max-width: 768px) {
        .christmas-fans table tbody {
          font-size: 5vmin; } }
      .christmas-fans table tbody td {
        border-bottom: 1px solid #fff;
        padding: 10px 0; }

/*==============活動內容=============*/
.christmas-activities {
  font-size: 2vmin;
  font-weight: 100;
  position: relative;
  color: #fff; }
  @media screen and (max-width: 768px) {
    .christmas-activities {
      font-size: 4vmin; } }
  .christmas-activities .item h1 {
    font-size: 3.5vmin;
    padding: 20px; }
  .christmas-activities .item ul {
    padding: 0; }
  .christmas-activities .item li {
    list-style-type: none; }

/*# sourceMappingURL=style.css.map */