@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@keyframes flashing {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes brighting {
  from {
    filter: brightness(1.5);
  }
  to {
    filter: brightness(0.5);
  }
}
html, body {
  position: relative;
}

html {
  font-family: "Noto Sans TC", sans-serif;
  font-size: calc(1vw + 12px);
}

body {
  overflow-x: hidden;
  width: 100vw;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
  background-color: #333;
  border-radius: 0.15vw;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-auto::-webkit-scrollbar {
  width: 0.5vw;
}

.overflow-y-auto::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

ul, ol, li {
  list-style-type: none;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.375rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

p, span {
  font-size: 1rem;
}

button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
button img:not(.lightbox-btn) {
  width: 100%;
}

a {
  text-decoration: none;
}

a img {
  width: inherit;
  height: inherit;
}

.img-center {
  display: block;
  margin: 0 auto;
}

.word_all {
  word-break: keep-all;
}

.abs {
  position: absolute;
}

.hover-bright:hover {
  filter: brightness(3);
}

iframe {
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
}
.hover .b {
  display: none;
}

#breadcrumb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: #fff;
}
#breadcrumb .menu hr {
  background: #222;
}

.lightbox {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lightbox.hide {
  display: none;
}
.lightbox.step1 .step1, .lightbox.step2 .step2, .lightbox.step3 .step3, .lightbox.step4 .step4, .lightbox.step5 .step5, .lightbox.active1 .active1, .lightbox.active2 .active2, .lightbox.active3 .active3, .lightbox.active4 .active4 {
  display: block !important;
}
.lightbox .window {
  position: relative;
}
.lightbox .window.index {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lightbox .window.index div.step1, .lightbox .window.index div.step2, .lightbox .window.index div.step3, .lightbox .window.index div.step4, .lightbox .window.index div.step5, .lightbox .window.index div.active1, .lightbox .window.index div.active2, .lightbox .window.index div.active3, .lightbox .window.index div.active4 {
  background-image: url(../imgs/index/window-pc_mid.png);
  background-repeat: repeat-y;
  max-height: 70vh;
  background-size: 100% auto;
  padding: 1rem;
  padding-top: 0;
  margin-bottom: -2px;
  margin-top: -2px;
}
.lightbox .window.index img.bg {
  width: 100%;
}
.lightbox .window.index > div {
  display: none;
  width: 100%;
}
.lightbox .window.index > div > div {
  width: 100%;
  max-height: 68vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.lightbox .window.index > div > div::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 0.15vw;
}
.lightbox .window.index > div > div::-webkit-scrollbar {
  width: 0.5vw;
}
.lightbox .window.index > div > div::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.lightbox .window.index .title {
  width: min(70vw, 750px);
  margin: 1.25rem auto;
}
.lightbox .window.index [class*=step] p {
  padding-left: 1.65rem;
}
.lightbox .window.index .sub_t {
  display: inline-block;
  margin-top: 1rem;
  height: 1.25rem;
}
.lightbox .window.index .step1 p {
  position: relative;
}
.lightbox .window.index .step1 p::before {
  position: absolute;
  top: 0;
  left: 0;
}
.lightbox .window.index .step1 p:nth-of-type(1)::before, .lightbox .window.index .step1 p:nth-of-type(2)::before {
  content: "■";
}
.lightbox .window.index .step1 p:nth-of-type(3), .lightbox .window.index .step1 p:nth-of-type(4) {
  background-size: 1rem auto;
  background-position: left center;
  background-repeat: no-repeat;
}
.lightbox .window.index .step1 p:nth-of-type(3) {
  background-image: url(../imgs/index/list_n1.svg);
}
.lightbox .window.index .step1 p:nth-of-type(4) {
  background-image: url(../imgs/index/list_n2.svg);
}
.lightbox .window.index table {
  text-align: center;
  border: 5px solid #000;
  border-collapse: collapse;
}
.lightbox .window.index table td {
  border: 2px solid #000;
  padding: 0 1rem;
}
.lightbox .window.index table thead {
  background: #07f;
  color: #fff;
}
.lightbox .window.index table tbody {
  background: #fff;
}
.lightbox .window.index .txt_blue {
  display: inline-block;
  padding-left: 1.125rem;
  margin-top: 1rem;
  color: #0af;
  position: relative;
}
.lightbox .window.index .txt_blue::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}
.lightbox .window.index .txt_blue_tint {
  display: inline-block;
  margin-top: 1rem;
  color: #0af;
}
.lightbox .window.index .active2 p {
  margin-top: 0.5rem;
}
.lightbox .window.index .lamp {
  height: 0.9rem;
  display: inline-block;
  margin-right: 0.25rem;
}
.lightbox .window.index .txt_red {
  color: #f33;
}
.lightbox .window.index .list_item {
  position: relative;
  padding-left: 1.5rem;
}
.lightbox .window.index .list_item_item {
  padding-left: 2rem;
}
.lightbox .window.index .list_item::before {
  position: absolute;
  top: 0;
  left: 0;
}
.lightbox .window.index .list_item.no1::before {
  content: "1.";
}
.lightbox .window.index .list_item.no2::before {
  content: "2.";
}
.lightbox .window.index .list_item.no3::before {
  content: "3.";
}
.lightbox .window.index .list_item.no4::before {
  content: "4.";
}
.lightbox .window.index .list_item.no5::before {
  content: "5.";
}
.lightbox .window.index .list_item.no6::before {
  content: "6.";
}
.lightbox .window.index .list_item.no7::before {
  content: "7.";
}
.lightbox .window.index .list_item.no8::before {
  content: "8.";
}
.lightbox .window.index .list_item.no9::before {
  content: "9.";
}
.lightbox .window.index .list_item.no10::before {
  content: "10.";
}
.lightbox .window.index .list_item.no11::before {
  content: "11.";
}
.lightbox .window.index .list_item.no12::before {
  content: "12.";
}
.lightbox .window.index .prize {
  width: 100%;
}
.lightbox .window.index .active4 h3 {
  text-align: center;
}
.lightbox .window.send {
  position: relative;
}
.lightbox .window.send .pc, .lightbox .window.send .mobile {
  max-width: 85vw;
  max-height: 85vh;
}
.lightbox .window.send .phy, .lightbox .window.send .attend {
  position: absolute;
}
.lightbox .window.send .phy {
  font-weight: bolder;
  color: #ff7aba;
}
.lightbox .close img {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-110%);
}

@media (min-width: 768px) {
  body {
    padding-top: 5.7vw;
  }
  #breadcrumb {
    padding: 0 1.6vw;
    width: 100%;
    height: 5.7vw;
  }
  #breadcrumb .logo {
    width: 10.725vw;
  }
  #breadcrumb .menu {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #breadcrumb .menu_bg {
    display: none;
  }
  #breadcrumb .menu li:not(.share) {
    margin: 0 1.275vw;
  }
  #breadcrumb .menu .hover:not([href*="#s03"]) img {
    height: 1.275vw;
  }
  #breadcrumb .menu .hover[href*="#s03"] img {
    width: 10.125vw;
  }
  #breadcrumb .menu hr {
    width: 3px;
    height: 3.75vw;
  }
  #breadcrumb .share {
    margin-left: 7.275vw;
    width: 8.525vw;
  }
  #breadcrumb .share img {
    display: block;
    width: 100%;
  }
  #breadcrumb .share .margin_top {
    margin-top: 0.35rem;
  }
  .lightbox .close {
    width: min(7.5vw, 75px);
  }
  .lightbox .window.index {
    width: 1355px;
    max-width: 90vw;
  }
  .lightbox .window.send .attend {
    top: 55%;
    left: 50%;
    transform: translateX(-50%);
    width: 25vw;
  }
  .lightbox .window.send .phy {
    font-size: 1.2rem;
    width: 10vw;
    top: 37.5%;
    left: 49%;
  }
}
@media (max-width: 768px) {
  body {
    padding-top: 11.025vw;
  }
  #breadcrumb {
    padding: 0 4.7vw;
    width: 100vw;
    height: 11.025vw;
  }
  #breadcrumb .logo {
    width: 19.8vw;
  }
  #breadcrumb .menu {
    position: fixed;
    right: 0;
    max-height: calc(100vh - 15vw);
    background: #fff;
    text-align: center;
    z-index: 9;
    top: 11.025vw;
    width: 43.5vw;
  }
  #breadcrumb .menu_btn {
    width: 5.7vw;
    margin-right: 3.525vw;
  }
  #breadcrumb .menu_btn:not(.open) .close {
    display: none;
  }
  #breadcrumb .menu_btn.open .open {
    display: none;
  }
  #breadcrumb .menu_bg {
    position: fixed;
    width: 100vw;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    height: calc(100vh - 11.025vw);
    bottom: 0;
  }
  #breadcrumb .menu_bg:not(.open) {
    display: none;
  }
  #breadcrumb .menu:not(.open) {
    display: none;
  }
  #breadcrumb .menu hr {
    height: 2px;
    margin: auto;
    width: 38.25vw;
  }
  #breadcrumb .menu li:not(.share) {
    margin: 2.85vh 0;
  }
  #breadcrumb .menu .share {
    margin: 3vw 0;
  }
  #breadcrumb .menu .share img {
    height: 2.9625vh;
  }
  #breadcrumb .menu .hover:not([href*="#s03"]) img {
    height: 2.85vh;
  }
  #breadcrumb .menu .hover[href*="#s03"] img {
    max-height: 4.6125vh;
    height: 7.8vw;
    margin-right: 3vw;
  }
  .lightbox .close {
    width: 7.5vw;
  }
  .lightbox .window.index {
    width: 90vw;
  }
  .lightbox .window.send .attend {
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 45vw;
  }
  .lightbox .window.send .phy {
    width: 18vw;
    top: 30%;
    left: 48%;
    font-size: 0.75rem;
  }
}
.copyright {
  text-align: center;
  color: #3e6b8b;
  font-size: 0.75rem;
  margin-bottom: max(6.9vw, 30px);
}

#index #s01 {
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow-x: hidden;
}
#index #s02 {
  background-image: url(../imgs/index/bg2.png);
  background-repeat: no-repeat;
  overflow-x: hidden;
  text-align: center;
  background-color: #ea9ffe;
  background-size: 100% auto;
}
#index #s02 .cards button {
  position: relative;
}
#index #s02 .cards .q-icon {
  animation: flashing 0.5s infinite alternate;
}
#index #s02 .contour {
  margin: 0 auto;
}
#index #s02 .contour .bg {
  width: 100%;
}
#index #s02 .contour .wrapper {
  position: relative;
  margin: 0 auto;
}
#index #s02 .contour .wrapper button {
  position: absolute;
  cursor: pointer;
  top: 50%;
}
#index #s02 .contour .wrapper button img {
  width: 100%;
}
#index #s02 .contour .wrapper button:first-child {
  left: 0;
  transform: translate(-150%, -50%);
}
#index #s02 .contour .wrapper button:last-child {
  right: 0;
  transform: translate(150%, -50%);
}
#index #s02 .contour .wrapper .carousel {
  display: grid;
  grid-auto-flow: column;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
#index #s02 .contour .wrapper .carousel::-webkit-scrollbar {
  display: none;
}
#index #s02 .contour .wrapper .carousel.no-transition {
  scroll-behavior: auto;
}
#index #s02 .contour .wrapper .carousel .dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
#index #s02 .contour .wrapper .carousel .dragging .card {
  cursor: grab;
  user-select: none;
}
#index #s02 .contour .wrapper .carousel :where(.card, img) {
  display: flex;
  justify-content: center;
  align-items: center;
}
#index #s02 .contour .wrapper .carousel .card {
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  font-weight: bold;
}
#index #s02 .contour .wrapper .carousel .card img {
  object-fit: cover;
  width: 100%;
  border-radius: 5px;
  border: 4px solid #000;
}
#index #s02 .contour .wrapper .carousel .card a {
  color: #000;
  text-decoration: none;
}
#index #s02 .download {
  display: inline-block;
}
#index #s03 {
  background-image: url(../imgs/index/bg3.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #a8e0fb;
  text-align: center;
  overflow-x: hidden;
}
#index #s03 .btns {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
#index #s03 .window {
  margin-bottom: 3.3vw;
}
#index #s03 .window.pc {
  width: 57.3vw;
}
#index #s03 .window.mobile {
  width: 86vw;
}
#index #s03 button img {
  width: 100%;
}
#index #s03 .join {
  display: inline-block;
  animation: brighting 0.5s infinite alternate;
}
#index #s04 {
  background-image: url(../imgs/index/bg4.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #ff96be;
  text-align: center;
  overflow-x: hidden;
  position: relative;
}
#index #s04 .bg_pic {
  position: absolute;
  width: calc(100vw + 100px);
  top: 2vw;
  left: 50%;
  transform: translateX(-50%);
}
#index #s04 .extend {
  margin-top: 0.8rem;
}
#index #s04 p, #index #s04 a, #index #s04 span {
  font-size: 0.8rem;
}
#index #s04 .knowledge {
  background-image: url(../imgs/index/knowledge_bg_mid.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  width: min(1200px, 85vw);
  padding: 1.5vw;
  margin: 0 auto;
  text-align: left;
}
#index #s04 .knowledge_bg {
  width: min(1200px, 85vw);
}
#index #s04 .knowledge img {
  width: 100%;
}
#index #s04 .knowledge img:not(:first-child) {
  display: inline-block;
  margin-top: 5vw;
}
#index #s04 .knowledge .list_item {
  position: relative;
  padding-left: 1.5rem;
}
#index #s04 .knowledge .list_item::before {
  position: absolute;
  left: 0;
  top: 0.05rem;
}
#index #s04 .knowledge .list_item.sq::before {
  content: "■";
}
#index #s04 .knowledge .list_item.no1 {
  background-image: url(../imgs/index/list_n1.svg);
}
#index #s04 .knowledge .list_item.no2 {
  background-image: url(../imgs/index/list_n2.svg);
}
#index #s04 .knowledge .list_item.no3 {
  background-image: url(../imgs/index/list_n3.svg);
}
#index #s04 .knowledge .list_item.no1, #index #s04 .knowledge .list_item.no2, #index #s04 .knowledge .list_item.no3 {
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: left 0.1rem;
}
#index #s05 {
  background-image: url(../imgs/index/bg5.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #eda2f8;
  text-align: center;
}
#index #s05 .link_group {
  display: flex;
  justify-content: space-between;
  margin: 1rem auto;
}
#index #s05 .link_group a {
  color: #000;
  font-size: 0.75rem;
  display: block;
  text-decoration: none;
}
#index #s05 .social_chanel {
  position: relative;
}
#index #s05 .social_chanel > img {
  width: 100%;
}
#index #s05 .social_chanel .icon {
  position: absolute;
  transform: translate(-50%, -50%);
}
#index #s05 .copyright {
  color: #c459a4;
  font-size: 0.75rem;
}
#index .float {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
#index .float img {
  width: min(150px, 20vw);
}
#index .float .top_btn {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#index .footer {
  text-align: center;
  padding: min(3vw, 38px);
  font-size: 0.75rem;
  font-weight: bolder;
  color: #514f4f;
}
#index .footer a {
  color: inherit;
  text-decoration: none;
}
#index #s01, #index #s02, #index #s03, #index #s04 {
  position: relative;
}
#index div[id*=_site] {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) {
  #index div[id*=_site] {
    height: 5.7vw;
  }
  #index .starline {
    width: 8.6vw;
  }
  #index #s01 {
    background-image: url(../imgs/index/bg1-pc.jpg);
    height: 54.8vw;
    width: 100%;
  }
  #index #s01 .title {
    width: 61.7%;
    top: 9.3vw;
    left: 2.8%;
  }
  #index #s01 .moon {
    width: 8.1%;
    top: 3.3vw;
    right: 2.1%;
  }
  #index #s01 .modal {
    width: 33.6%;
    bottom: 0;
    right: 5.3%;
  }
  #index #s01 .phy {
    width: 95.2%;
    left: 2.4%;
    bottom: 0;
  }
  #index #s01 .penguin {
    width: 11.1%;
    top: 40.3vw;
    left: 21.8%;
  }
  #index #s01 .feather {
    width: 14%;
    top: 24vw;
    right: 2.4%;
  }
  #index #s02 {
    padding: 7vw 0 3.5vw 0;
  }
  #index #s02 .title {
    width: 28vw;
  }
  #index #s02 .sub_t1 {
    width: 23.4vw;
  }
  #index #s02 .sub_t2 {
    width: 23.3vw;
    margin-top: 4.7vw;
  }
  #index #s02 .sub_t3 {
    width: 23.3vw;
    margin-top: 3.8vw;
  }
  #index #s02 iframe {
    width: 59.8vw;
    height: 33.6375vw;
    margin-top: 0.6vw;
  }
  #index #s02 .cards {
    width: 63.2vw;
    margin-top: 0.9vw;
    display: flex;
    justify-content: space-between;
  }
  #index #s02 .cards .step {
    width: 20.5vw;
  }
  #index #s02 .cards .step1 .q-icon {
    width: 2.9vw;
    right: 1.8vw;
    bottom: 1.8vw;
  }
  #index #s02 .cards .step2 .q-icon, #index #s02 .cards .step3 .q-icon, #index #s02 .cards .step4 .q-icon, #index #s02 .cards .step5 .q-icon {
    width: 2.2vw;
    bottom: 1.25vw;
    right: 2.2vw;
  }
  #index #s02 .cards .step2, #index #s02 .cards .step4 {
    margin-right: 0.5vw;
  }
  #index #s02 .cards .step4, #index #s02 .cards .step5 {
    margin-top: 0.6vw;
  }
  #index #s02 .link_video {
    width: 17.7vw;
    transform: translate(23vw, -3.9vw);
  }
  #index #s02 .contour {
    margin-top: -2.4vw;
    margin-bottom: 6.8vw;
    width: 77.1vw;
  }
  #index #s02 .contour .wrapper {
    width: 80.55%;
    margin-top: -26.5vw;
  }
  #index #s02 .contour .wrapper button {
    width: 2.8vw;
  }
  #index #s02 .contour .wrapper .carousel {
    gap: 1vw;
    grid-auto-columns: calc(33.3333333333% - 0.9vw);
  }
  #index #s02 .download {
    width: 32vw;
    margin-bottom: 1vw;
  }
  #index #s03 {
    padding: 1.3vw 0 2.6vw 0;
  }
  #index #s03 .title {
    width: 28vw;
  }
  #index #s03 .sub_t {
    width: 23.3vw;
  }
  #index #s03 .btns {
    margin: 1.2vw auto;
    width: 56vw;
  }
  #index #s03 .btns button {
    width: 13vw;
  }
  #index #s03 .join {
    width: 31.4vw;
    margin-bottom: 2.2vw;
  }
  #index #s04 {
    padding: 2vw;
  }
  #index #s04 .title {
    width: 30.6vw;
  }
  #index #s04 .sub_t {
    width: 23.3vw;
    margin-top: 0.5vw;
    margin-bottom: 1.4vw;
  }
  #index #s05 {
    padding: 2vw;
  }
  #index #s05 .title {
    width: 30.5vw;
  }
  #index #s05 .sub_t {
    width: 23.3vw;
    margin-top: 1vw;
  }
  #index #s05 .link {
    width: 17vw;
  }
  #index #s05 .link_group {
    width: 44vw;
  }
  #index #s05 .social_chanel {
    margin: 5vw auto;
    width: 57vw;
  }
  #index #s05 .social_chanel .icon {
    width: 10%;
    top: 55%;
  }
  #index #s05 .social_chanel a:nth-of-type(1) .icon {
    left: 20%;
  }
  #index #s05 .social_chanel a:nth-of-type(2) .icon {
    left: 40%;
  }
  #index #s05 .social_chanel a:nth-of-type(3) .icon {
    left: 60%;
  }
  #index #s05 .social_chanel a:nth-of-type(4) .icon {
    left: 80%;
  }
}
@media (max-width: 768px) {
  #index div[id*=_site] {
    height: 11.025vw;
  }
  #index .starline {
    width: 13vw;
  }
  #index #s01 {
    background-image: url(../imgs/index/bg1-mb.jpg);
    height: 171vw;
    width: 100vw;
  }
  #index #s01 .title {
    width: 84.8%;
    top: 18.8vw;
    left: 7.6%;
  }
  #index #s01 .moon {
    width: 16.9%;
    top: 70.2vw;
    right: 3.1%;
  }
  #index #s01 .modal {
    width: 66.7%;
    bottom: 0;
    right: 7.8%;
  }
  #index #s01 .phy {
    height: 16%;
    left: 4.4%;
    bottom: 3.1vw;
  }
  #index #s01 .penguin {
    width: 18.4%;
    top: 77.5vw;
    left: 3.5%;
  }
  #index #s01 .feather {
    width: 31%;
    top: 112.4vw;
    right: 4.7%;
  }
  #index #s02 {
    padding-top: 3vw;
    padding-bottom: 21vw;
  }
  #index #s02 .title {
    width: 45vw;
  }
  #index #s02 .sub_t1 {
    margin-top: -1vw;
    width: 64.8vw;
  }
  #index #s02 .sub_t2 {
    width: 64.7vw;
    margin-top: 6vw;
  }
  #index #s02 .sub_t3 {
    width: 64.7vw;
    margin-top: 5.5vw;
  }
  #index #s02 iframe {
    width: 85.3vw;
    height: 48vw;
    margin-top: 3.5vw;
  }
  #index #s02 .cards {
    width: 59.1vw;
    margin-top: 2.2vw;
  }
  #index #s02 .cards button {
    margin-top: 1.6vw;
  }
  #index #s02 .cards .step {
    width: 100%;
  }
  #index #s02 .cards .step1 .q-icon {
    width: 8.2vw;
    right: 4.9vw;
    bottom: 6vw;
  }
  #index #s02 .cards .step2 .q-icon, #index #s02 .cards .step3 .q-icon, #index #s02 .cards .step4 .q-icon, #index #s02 .cards .step5 .q-icon {
    width: 6.4vw;
    bottom: 3.3vw;
    right: 6vw;
  }
  #index #s02 .link_video {
    width: 51.7vw;
    margin-top: 4.2vw;
  }
  #index #s02 .contour {
    margin-top: 1.2vw;
    margin-bottom: 6.8vw;
    width: 80vw;
  }
  #index #s02 .contour .wrapper {
    width: 75%;
    margin-top: -75vw;
  }
  #index #s02 .contour .wrapper button {
    width: 9vw;
  }
  #index #s02 .contour .wrapper .carousel {
    grid-auto-columns: 100%;
  }
  #index #s02 .download {
    width: 73.4vw;
    margin-top: 3.8vw;
  }
  #index #s03 {
    padding: 1.7vw 0 4.3vw 0;
  }
  #index #s03 .title {
    width: 44.8vw;
  }
  #index #s03 .sub_t {
    width: 64.7vw;
  }
  #index #s03 .btns {
    margin: 2.7vw auto 3.9vw auto;
    width: 60.5vw;
    height: 21.4vw;
  }
  #index #s03 .btns button {
    width: 28.8vw;
  }
  #index #s03 .join {
    width: 62.4vw;
    margin-bottom: 2vw;
  }
  #index #s04 {
    padding: 3.25vw;
    background-position: top center;
  }
  #index #s04 .title {
    width: 49vw;
  }
  #index #s04 .sub_t {
    width: 64.7vw;
    margin-top: 0.5vw;
    margin-bottom: 3vw;
  }
  #index #s05 {
    padding: 3vw;
  }
  #index #s05 .title {
    width: 48.2vw;
  }
  #index #s05 .sub_t {
    width: 64.6vw;
  }
  #index #s05 .link {
    height: 12.42vw;
    margin: 0 3vw;
  }
  #index #s05 .link_group {
    width: 78vw;
  }
  #index #s05 .social_chanel {
    margin: 6.5vw auto;
    width: 80vw;
  }
  #index #s05 .social_chanel .icon {
    width: 22.5%;
  }
  #index #s05 .social_chanel a:nth-of-type(1) .icon {
    top: 30%;
    left: 30%;
  }
  #index #s05 .social_chanel a:nth-of-type(2) .icon {
    top: 70%;
    left: 30%;
  }
  #index #s05 .social_chanel a:nth-of-type(3) .icon {
    top: 30%;
    left: 70%;
  }
  #index #s05 .social_chanel a:nth-of-type(4) .icon {
    top: 70%;
    left: 70%;
  }
}
#active {
  background-image: url(../imgs/active/bg.png), url(../imgs/active/bg-repeat.jpg);
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto;
}
#active .title {
  width: min(537px, 57.6vw);
}
#active .step_t {
  display: inline-block;
  box-sizing: content-box;
  max-width: 90%;
}
#active iframe {
  width: min(1000px, 80vw);
  height: min(562.5px, 45vw);
}
#active .step1, #active .step2, #active .step3, #active .step4, #active .step5 {
  width: min(1120px, 90vw);
  background-color: #fff;
  border: 2px solid #000;
  margin: 0 auto;
}
#active .step1, #active .step2, #active .step4 {
  margin-top: min(110px, 7vw);
}
#active .tint {
  padding-left: 12.3%;
  font-size: 0.8rem;
  color: #555;
}
#active .step1 {
  padding-bottom: min(52px, 10.7vw);
}
#active .step1 .input_group, #active .step1 .video_tint {
  padding-left: 6.12%;
}
#active .step1 .video_tint {
  font-weight: bold;
  font-size: 0.8rem;
  margin-top: min(27px, 3.5vw);
  margin-bottom: min(18px, 2vw);
}
#active .step1 .question {
  height: min(4.05vw, 31.05px);
  max-width: 90%;
}
#active .step1 .check {
  box-sizing: content-box;
  height: min(4.05vw, 31.05px);
  display: block;
}
#active .step1 .input_group {
  position: relative;
}
#active .step1 .input_group .tint_answer {
  position: absolute;
  width: min(183.7px, 19.47vw);
}
#active .step1 .input_group label.btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  flex: 1 1 auto;
  background-position: left center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  cursor: pointer;
  background-size: auto 100%;
}
#active .step1 .input_group label.btn_a {
  background-image: url(../imgs/active/btn_a2.svg);
}
#active .step1 .input_group label.btn_b {
  background-image: url(../imgs/active/btn_b2.svg);
}
#active .step1 .input_group label.btn_c {
  background-image: url(../imgs/active/btn_c2.svg);
}
#active .step1 .input_group label.btn_d {
  background-image: url(../imgs/active/btn_d2.svg);
}
#active .step1 .input_group .btn-check {
  display: none;
}
#active .step1 .input_group .btn-check:checked + .btn_a {
  background-image: url(../imgs/active/btn_a.svg);
}
#active .step1 .input_group .btn-check:checked + .btn_b {
  background-image: url(../imgs/active/btn_b.svg);
}
#active .step1 .input_group .btn-check:checked + .btn_c {
  background-image: url(../imgs/active/btn_c.svg);
}
#active .step1 .input_group .btn-check:checked + .btn_d {
  background-image: url(../imgs/active/btn_d.svg);
}
#active .step2 .plate {
  display: block;
}
#active .step2 .plate_group {
  margin: 0 auto;
}
#active .step2 .upload {
  position: relative;
  font-weight: bold;
  font-size: 0.85rem;
}
#active .step2 .upload_btn {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
#active .step2 .upload_file {
  position: absolute;
  color: #ff5b5b;
}
#active .step2 .photo_tint {
  padding-left: 8%;
  margin-top: 0.8rem;
  font-size: 0.8rem;
}
#active .step2 .sample_photo {
  display: block;
  border: 0.15rem solid #000;
}
#active .step2 .sample_photos {
  margin: 0.7rem auto;
  font-weight: bolder;
  text-align: center;
}
#active .step2 h6 {
  background: #f53f9b;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  font-size: 0.9rem;
}
#active .step3 .input_group {
  font-size: 0.75rem;
  font-weight: bolder;
}
#active .step3 .input_group input {
  font-size: 0.75rem;
  border: 0.075rem solid #000;
}
#active .step4 .tint {
  margin-top: min(24px, 3.1vw);
  width: min(796px, 79.2vw);
  padding-left: 13%;
  position: relative;
}
#active .step4 .tint::before {
  position: absolute;
  top: 0;
  left: 10%;
  content: "◎";
}
#active .step4 .input_group {
  font-weight: bold;
  padding-left: 13%;
  margin-bottom: min(57px, 6.5vw);
}
#active .step4 .input_group p {
  font-size: 0.8rem;
}
#active .step4 .input_group p img {
  height: 0.8rem;
}
#active .step4 .input_group label, #active .step4 .input_group input {
  font-size: 0.7rem;
}
#active .step5 {
  margin-bottom: min(50px, 4.3vw);
}
#active .step5 .tint {
  margin-top: min(25px, 2vw);
}
#active .step5 .input_group {
  font-weight: bold;
  background: #fff7c5;
  width: min(1044px, 82.6vw);
  margin: min(27px, 3.6vw) auto;
  padding: min(31px, 3.6vw) 0;
  border-radius: 1rem;
}
#active .step5 .input_group p {
  font-size: 0.8rem;
}
#active .step5 .input_group input, #active .step5 .input_group select {
  font-size: 0.8rem;
}
#active .step5 .input_group label, #active .step5 .input_group span {
  font-size: 0.7rem;
}
#active .step5 .input_group label, #active .step5 .input_group input, #active .step5 .input_group span, #active .step5 .input_group select {
  display: inline-block;
}
#active .step5 .input_group input, #active .step5 .input_group select {
  border: none;
}
#active .step5 .input_address {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#active .step5 .input_address .question {
  margin-right: 0.25rem;
}
#active .step5 .input_address select {
  margin-right: 0.5rem;
}
#active .step5 .input_sex label {
  font-size: 0.8rem;
}
#active .float {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
#active .float img {
  width: min(187.5px, 25vw);
}

@media (min-width: 768px) {
  #active .title {
    margin-top: 85px;
  }
  #active .step_t {
    max-height: 29px;
    padding: 12px;
  }
  #active .step1 .input_group {
    margin-top: 32px;
  }
  #active .step1 .input_group .check {
    padding: 11px 0 11px 60px;
  }
  #active .step1 .input_group label.btn {
    margin-top: 15px;
  }
  #active .step1 .input_group .tint_answer {
    bottom: 0;
    right: 30%;
  }
  #active .step2 .plate {
    width: 30.2%;
  }
  #active .step2 .plate_group {
    display: flex;
    justify-content: space-between;
    width: 89.8%;
    margin-top: 54px;
  }
  #active .step2 .upload {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 76.813%;
    margin-top: 2.1vw;
    padding-left: 8%;
  }
  #active .step2 .upload .star_tint {
    width: 4.19%;
  }
  #active .step2 .upload_btn {
    top: 0;
    right: 0;
    width: 11.4vw;
    height: 2.3vw;
  }
  #active .step2 .upload_ic {
    width: 11.4vw;
  }
  #active .step2 .upload_file {
    font-size: 0.64rem;
    transform: translateY(-50%);
    top: 50%;
    left: 102%;
  }
  #active .step2 .sample_photo {
    width: 47.55%;
  }
  #active .step2 .sample_photos {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 83%;
  }
  #active .step2 h6 {
    width: 33.9%;
    padding: 0.6vw 0;
    margin-bottom: 1.8vw;
  }
  #active .step3 .tint {
    margin-top: 30px;
  }
  #active .step3 .input_group {
    display: flex;
    justify-content: space-between;
    margin: 42px auto;
    width: 71.43%;
  }
  #active .step3 .input_group > div {
    width: 47.25%;
  }
  #active .step3 .input_group input {
    width: 76.45%;
    height: 100%;
  }
  #active .step4 .input_group {
    margin-top: 2vw;
  }
  #active .step5 .question {
    margin: 0.5rem 0 0.5rem 0.5rem;
  }
  #active .step5 .input_group {
    padding-left: 3vw;
  }
  #active .step5 .input_name, #active .step5 .input_sex {
    display: inline-block;
  }
  #active .step5 .input_name input {
    width: min(325px, 23.8vw);
  }
  #active .step5 .input_age select {
    width: min(136.73px, 10.164vw);
  }
  #active .step5 .input_phone input, #active .step5 .input_email input {
    width: 67%;
  }
  #active .step5 .input_address select {
    width: min(136.73px, 10.164vw);
  }
  #active .step5 .input_address input {
    width: min(460px, 34vw);
  }
  #active .step5 .check {
    margin-left: 1.5vw;
  }
  #active .step5 .btn_send {
    width: 21.88%;
    margin-bottom: 37px;
  }
}
@media (max-width: 768px) {
  #active .title {
    margin-top: 5vw;
  }
  #active .step_t {
    height: 3vw;
    padding: 1vw;
  }
  #active .step1 .input_group {
    margin-top: 32px;
  }
  #active .step1 .input_group .check {
    padding: 1.2vw 0 1.2vw 7vw;
  }
  #active .step1 .input_group label.btn {
    width: 30.2vw;
    margin-top: 3vw;
  }
  #active .step1 .input_group .tint_answer {
    top: 90%;
    right: 20%;
  }
  #active .step2 .plate {
    width: 70.5%;
    margin: 0 auto;
    margin-top: 3.25vw;
  }
  #active .step2 .upload {
    margin-top: 2.1vw;
  }
  #active .step2 .upload .star_tint {
    width: 5.3vw;
  }
  #active .step2 .upload > div {
    text-align: center;
  }
  #active .step2 .upload_btn {
    bottom: 0;
    left: 50%;
    transform: translateX(-40%);
    width: 36.6vw;
    height: 7vw;
  }
  #active .step2 .upload_ic {
    display: block;
    margin: 6.5vw auto;
    width: 36.6vw;
  }
  #active .step2 .upload_file {
    font-size: 0.7rem;
    left: 50%;
    transform: translateX(-50%);
    top: 33.15%;
  }
  #active .step2 .sample_photo {
    width: 70.4vw;
    margin: 0 auto;
  }
  #active .step2 h6 {
    width: 60.65%;
    padding: 1.7vw 0;
    margin-bottom: 5.5vw;
  }
  #active .step3 .tint {
    margin-top: 4vw;
  }
  #active .step3 .input_group {
    margin: 3.8vw auto;
    width: 69.15%;
  }
  #active .step3 .input_group > div {
    margin: 1vw 0;
  }
  #active .step3 .input_group input {
    width: 77.06%;
    height: 100%;
  }
  #active .step4 .input_group {
    margin-top: 3.5vw;
  }
  #active .step5 .question {
    width: 18vw;
    margin: 0.5rem 0 0.5rem 0.25rem;
  }
  #active .step5 .input_group {
    padding-left: 2.2vw;
  }
  #active .step5 .input_age select {
    width: 21vw;
  }
  #active .step5 .input_address input, #active .step5 .input_name input, #active .step5 .input_phone input, #active .step5 .input_email input {
    width: 55.2vw;
  }
  #active .step5 .input_address {
    width: 77.3vw;
  }
  #active .step5 .input_address select {
    width: 21vw;
  }
  #active .step5 .input_address input {
    margin-left: 19vw;
  }
  #active .step5 .check {
    margin-left: 9vw;
  }
  #active .step5 .btn_send {
    width: 36.5vw;
    margin-bottom: 6vw;
  }
}
#video .copyright {
  color: #a11c66;
  font-size: 0.75rem;
  text-align: center;
}
#video .main {
  background-color: #e99eff;
}
#video .main .btn_group {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#video .main .btn_group > * {
  display: block;
}
#video .main .btn_group > div {
  position: relative;
}
#video .main .btn_group > div .bg, #video .main .btn_group > div .btn_search > svg {
  position: absolute;
  height: 70%;
  top: 50%;
  transform: translateY(-50%);
}
#video .main .btn_group > div .bg {
  left: 5%;
}
#video .main .btn_group > div .btn_search > svg {
  right: 5%;
}
#video .main .btn_group > div #search-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 0.75rem;
  padding-left: 20%;
  border: 0.1rem solid #000;
}
#video .main .btn_group button.active .a {
  display: none !important;
}
#video .main .btn_group button.active .b {
  display: inline-block !important;
}
#video .main .text {
  font-size: 0.8rem;
}
#video .main .page {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: min(44px, 5vw);
  margin-bottom: min(35px, 4.4vw);
}
#video .main .page * {
  display: inline-block;
}
#video .main .page_num {
  position: relative;
  color: #fff;
}
#video .main .page_num.active {
  color: #000;
}
#video .main .page_num.active .a {
  display: none !important;
}
#video .main .page_num > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#video .main .page_num .a {
  background: #000;
  border-radius: 50%;
}
#video .main .page_num .b {
  width: 100%;
}
#video .main .content {
  font-weight: bold;
  margin: 0 auto;
}
#video .main .content .thumb {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
}
#video .main .content .thumb .bg, #video .main .content .thumb svg {
  position: absolute;
}
#video .main .content .thumb .bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
#video .main .content .thumb svg {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22.5%;
}
#video .main .content .text {
  text-align: justify;
  width: 100%;
  margin-top: min(14px, 1.8vw);
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0.3vw;
}
#video .footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: min(138px, 14vw);
  font-size: 0.75rem;
  font-weight: bolder;
  color: #514f4f;
}
#video .footer a {
  color: inherit;
  text-decoration: none;
}
#video .float {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
#video .float img {
  width: min(187.5px, 25vw);
}

@media (min-width: 768px) {
  #video .main {
    background-image: url(../imgs/video/bg-grid.svg), url(../imgs/video/bg-light.png), url(../imgs/video/bg-stars.svg), url(../imgs/video/bg-wave-pc.svg), url(../imgs/video/bg.png);
    background-repeat: no-repeat, repeat-y, repeat-y, no-repeat, no-repeat;
    background-size: 100% auto, 82% auto, 85% auto, 100% auto, 100% auto;
    background-position: top center, 8vw center, 8vw center, top center, top center;
    padding-top: 3vw;
    padding-bottom: 1.8vw;
  }
  #video .main .btn_group {
    width: 92.5vw;
    align-items: center;
  }
  #video .main .btn_group > button {
    width: 18.4vw;
  }
  #video .main .btn_group > div {
    width: 16vw;
    height: 2.4vw;
  }
  #video .main .page_firs, #video .main .page_last {
    width: 40px;
  }
  #video .main .page_prev, #video .main .page_next {
    width: 30px;
  }
  #video .main .page_first {
    margin-right: 10px;
  }
  #video .main .page_prev {
    margin-right: 50px;
  }
  #video .main .page_next {
    margin-left: 50px;
  }
  #video .main .page_last {
    margin-left: 10px;
  }
  #video .main .page_num {
    width: 65px;
    height: 65px;
    margin: 0 8px;
  }
  #video .main .page_num .a {
    width: 48px;
    height: 48px;
  }
  #video .main .content {
    width: min(85vw, 1263px);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #video .main .content > div {
    width: 31.6%;
    margin-top: 28px;
  }
  #video .main .content > div .thumb {
    height: min(398px, 26.7vw);
  }
  #video .main .content .text {
    height: 8.69vw;
  }
  #video .footer {
    height: 7.3vw;
  }
}
@media (max-width: 768px) {
  .main {
    background-image: url(../imgs/video/bg-grid.svg), url(../imgs/video/bg-light.png), url(../imgs/video/bg-stars.svg), url(../imgs/video/bg-wave.svg), url(../imgs/video/bg.png);
    background-repeat: no-repeat, repeat-y, repeat-y, repeat-y, no-repeat;
    background-size: 150% auto, 82% auto, 85% auto, 100% auto, 100% auto;
    background-position: top center, 8vw center, 8vw center, top center, top center;
    padding-top: 6vw;
    padding-bottom: 3vw;
  }
  .main .btn_group {
    width: 84vw;
    height: 23.4vw;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .main .btn_group > button {
    width: 41vw;
  }
  .main .btn_group > div {
    width: 82.8vw;
    height: 5.6vw;
  }
  .main .page_first, .main .page_last {
    width: 3.9vw;
  }
  .main .page_prev, .main .page_next {
    width: 2.6vw;
  }
  .main .page_first {
    margin-right: 1vw;
  }
  .main .page_prev {
    margin-right: 6vw;
  }
  .main .page_next {
    margin-left: 6vw;
  }
  .main .page_last {
    margin-left: 1vw;
  }
  .main .page_num {
    width: 6vw;
    height: 6vw;
    margin: 0 1vw;
  }
  .main .page_num .a {
    width: 4.4vw;
    height: 4.4vw;
  }
  .main .content {
    width: 62.5vw;
    padding-top: 8.5vw;
  }
  .main .content > div {
    width: 100%;
  }
  .main .content > div:not(:first-child) {
    margin-top: 9.5vw;
  }
  .main .content > div .thumb {
    height: 62.5vw;
  }
  .main .content .text {
    height: 21.4vw;
  }
  .footer {
    height: 14vw;
  }
}
#winner {
  background-image: url(../imgs/active/bg.png), url(../imgs/active/bg-repeat.jpg);
  background-repeat: no-repeat, repeat-y;
}
@media (min-width: 1900px) {
  #winner {
    background-size: 100% auto;
  }
}
@media (max-width: 1900px) {
  #winner {
    background-size: min(1900px, 130vw) auto;
    background-position-x: center;
  }
}
#winner .float {
  position: fixed;
  bottom: 1vw;
  right: 1vw;
}
#winner .float img {
  width: min(100px, 12vw);
}
#winner .main_winner {
  background: #fff;
  border: 3px solid #000;
  margin: 5vh auto;
  width: min(1150px, 95vw);
  padding-bottom: min(151.5px, 13.5vw);
}
#winner .main_winner .btn {
  text-align: center;
}
#winner .main_winner .btn img {
  display: inline-block;
  width: min(250.7px, 20.71vw);
  margin: 0 min(25.25px, 2.25vw);
}
#winner .main_winner .title {
  text-align: center;
  background: #000;
  color: #fff;
  font-size: min(40.4px, 3.6vw);
  padding: min(10.1px, 0.9vw) 0;
  margin-bottom: min(60.6px, 5.4vw);
}
#winner .main_winner .title img {
  display: inline-block;
  height: min(35.35px, 3.15vw);
  margin: min(10.1px, 0.9vw) 0;
}
#winner .main_winner table {
  display: block;
  margin: 0 auto;
}
#winner .main_winner table.product {
  width: min(1089.05px, 89.965vw);
  text-align: center;
  margin-top: min(151.5px, 13.5vw);
}
#winner .main_winner table.product tr {
  display: flex;
}
#winner .main_winner table.product td {
  display: flex;
  justify-content: center;
  align-items: center;
}
#winner .main_winner table.product td:nth-child(1) {
  width: min(156.278675px, 12.9099775vw);
  border-right: 1px solid #fff;
  padding-left: min(25.25px, 2.25vw);
}
#winner .main_winner table.product td:nth-child(2) {
  width: min(705.26878px, 58.261334vw);
  border-right: 1px solid #fff;
}
#winner .main_winner table.product td:nth-child(3) {
  width: min(227.502545px, 18.7936885vw);
  padding-right: min(25.25px, 2.25vw);
}
#winner .main_winner table.product tr:nth-child(1) {
  font-size: min(20.2px, 1.8vw);
}
#winner .main_winner table.product tr:nth-child(2) {
  color: #fff;
  line-height: 1;
  padding: 5px 0;
  border-radius: min(30.3px, 2.7vw);
  height: min(60.6px, 5.4vw);
  font-size: min(28.28px, 2.52vw);
}
#winner .main_winner table.product.general tr:nth-child(1) {
  color: #40add3;
}
#winner .main_winner table.product.general tr:nth-child(2) {
  background: #40add3;
}
#winner .main_winner table.product.limit tr:nth-child(1) {
  color: #ed7aa0;
}
#winner .main_winner table.product.limit tr:nth-child(2) {
  background: #ed7aa0;
}
#winner .main_winner table.list {
  width: min(1048.34px, 86.602vw);
}
#winner .main_winner table.list tr {
  display: flex;
  height: min(60.6px, 5.4vw);
}
#winner .main_winner table.list td {
  display: flex;
  align-items: center;
  font-size: min(28.28px, 2.52vw);
}
#winner .main_winner table.list td:nth-child(1) {
  justify-content: center;
  width: min(114.6254956px, 9.46906268vw);
}
#winner .main_winner table.list td:nth-child(1) p {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  border-radius: 2px;
  padding-bottom: min(5.05px, 0.45vw);
  width: min(43.43px, 3.87vw);
  height: min(43.43px, 3.87vw);
}
#winner .main_winner table.list td:nth-child(2) {
  width: min(129.260322px, 10.6780266vw);
}
#winner .main_winner table.list td:nth-child(3) {
  width: min(261.351162px, 21.5898786vw);
}
#winner .main_winner table.list td:nth-child(4) {
  width: min(543.04012px, 44.859836vw);
}
#winner .main_winner table.list.general {
  color: #40add3;
}
#winner .main_winner table.list.general tr:nth-child(2n) {
  background: #e5f4f9;
}
#winner .main_winner table.list.general p {
  background: #40add3;
}
#winner .main_winner table.list.limit {
  color: #ed7aa0;
}
#winner .main_winner table.list.limit tr:nth-child(2n) {
  background: #fff0f6;
}
#winner .main_winner table.list.limit p {
  background: #ed7aa0;
}/*# sourceMappingURL=style.css.map */