@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500&display=swap");
@font-face {
  font-family: 'FakePearl-Regular';
  src: url(https://cdn.jsdelivr.net/gh/max32002/FakePearl@1.1/webfont/FakePearl-Regular.woff2) format("woff2"), url(https://cdn.jsdelivr.net/gh/max32002/FakePearl@1.1/webfont/FakePearl-Regular.woff) format("woff"); }

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Noto Sans TC", "PingFang SC", "微軟正黑體", sans-serif;
  font-weight: 500;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

html {
  font-size: 16px; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*自訂*/
a {
  text-decoration: none;
  outline: none; }

body {
  color: #141414;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

input {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  outline: none;
  border-radius: 0; }

input:-internal-autofill-selected {
  background-color: none !important; }

/*HTML5 tag*/
section, article, aside, footer, header, nav, main {
  display: block; }

/*Input reset*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  -o-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  /*透明*/ }

input[type=submit], input[type=reset], input[type=button], input[type=text], input[type=password], textarea, select {
  -webkit-appearance: none; }

button {
  outline: none;
  border: none;
  background-color: none; }

input[type="checkbox"] {
  margin: 0; }

input:-internal-autofill-selected {
  background-color: none !important; }

select {
  background-color: white !important; }

.codeBox.thin .gc-reset {
  top: -1px; }

.codeBox .img {
  height: 75%;
  background-size: auto 125% !important;
  width: 100px !important;
  top: 12% !important; }

.codeBox.thin.verify__box > div:nth-child(2) {
  height: 67px !important; }

.codeBox.thin.verify__box {
  min-height: 67px; }

a {
  display: inline-block;
  width: 100%;
  height: 100%; }

img {
  display: block; }

.l-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  position: relative; }

.l-wrapperhidden {
  overflow: hidden; }

.l-wrapperSub {
  max-width: 1170px;
  width: 95%;
  margin: 0 auto;
  position: relative; }

@media screen and (max-width: 1024px) {
  .l-wrapper {
    width: 100%; }
  .l-wrapperSub {
    width: 90%; } }

.l-padding-b5 {
  padding-bottom: 5px; }

.l-length {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.l-disinline {
  display: inline-block; }

.l-fontBold {
  font-weight: 700; }

.l-fontSizeL {
  font-size: 18px; }

.l-fontSizeS {
  font-size: 13px; }

.l-alignLeft {
  text-align: left; }
  @media screen and (max-width: 375px) {
    .l-alignLeft {
      text-align: center; } }

.l-tableBgColor {
  background-color: rgba(255, 243, 204, 0.8); }

.l-lightBgColor {
  background-color: rgba(255, 255, 255, 0.6); }

.l-title {
  font-size: 1.3rem;
  color: #868f95;
  font-family: "Noto Sans TC", sans-serif; }

.l-fontColorBrown {
  color: #bb8561; }

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

.l-poa {
  position: absolute; }

@-webkit-keyframes flash {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.7;
    -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  55%, 65%, 85%, 95% {
    opacity: 0.9; }
  60%, 70%, 80%, 90% {
    opacity: 0.8; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes flash {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.7;
    -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  55%, 65%, 85%, 95% {
    opacity: 0.9; }
  60%, 70%, 80%, 90% {
    opacity: 0.8; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes flash02 {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.7; }
  55%, 65%, 85%, 95% {
    opacity: 0.9; }
  60%, 70%, 80%, 90% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }

@keyframes flash02 {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.7; }
  55%, 65%, 85%, 95% {
    opacity: 0.9; }
  60%, 70%, 80%, 90% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flash03 {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.999;
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  55%, 65%, 85%, 95% {
    opacity: 1; }
  60%, 70%, 80%, 90% {
    opacity: 0.899; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes flash03 {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.999;
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  55%, 65%, 85%, 95% {
    opacity: 1; }
  60%, 70%, 80%, 90% {
    opacity: 0.899; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes flash04 {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.999;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px); }
  55%, 65%, 85%, 95% {
    opacity: 1; }
  60%, 70%, 80%, 90% {
    opacity: 0.899; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes flash04 {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.999;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px); }
  55%, 65%, 85%, 95% {
    opacity: 1; }
  60%, 70%, 80%, 90% {
    opacity: 0.899; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

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

@-webkit-keyframes gradientRotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }

@keyframes gradientRotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }

@-webkit-keyframes gradientRotate02 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  90% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes gradientRotate02 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  90% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes flashCommonBtn {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.7;
    -webkit-transform: translateX(2px) skew(-28deg);
    transform: translateX(2px) skew(-28deg); }
  55%, 65%, 85%, 95% {
    opacity: 0.9; }
  60%, 70%, 80%, 90% {
    opacity: 0.8; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) skew(-28deg);
    transform: translateX(0) skew(-28deg); } }

@keyframes flashCommonBtn {
  0% {
    opacity: 1; }
  20%, 40%, 50% {
    opacity: 0.7;
    -webkit-transform: translateX(2px) skew(-28deg);
    transform: translateX(2px) skew(-28deg); }
  55%, 65%, 85%, 95% {
    opacity: 0.9; }
  60%, 70%, 80%, 90% {
    opacity: 0.8; }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) skew(-28deg);
    transform: translateX(0) skew(-28deg); } }

.wrapper {
  max-width: 1440px;
  width: 100%;
  position: relative;
  margin: 0 auto; }

.ki_container {
  position: relative;
  background-image: url("../img/bg_main.jpg");
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
  padding: 0 0 8% 0; }
  .ki_container::after {
    content: '';
    position: absolute;
    background-image: url("../img/acc010.png");
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none; }
  @media screen and (max-width: 1440px) {
    .ki_container {
      padding: 0 0 8% 0; } }
  @media screen and (max-width: 540px) {
    .ki_container {
      background-position: 19%; } }

.fire_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 5; }
  .fire_wrap .fire {
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: transparent; }
    .fire_wrap .fire--slow {
      -webkit-box-shadow: 1784px 288px #FDC56A, 1742px 505px #FDC56A, 1305px 466px #FDC56A, 129px 1757px #FDC56A, 1058px 1378px #FDC56A, 1308px 1565px #FDC56A, 1763px 918px #FDC56A, 828px 409px #FDC56A, 957px 399px #FDC56A, 1409px 1755px #FDC56A, 73px 1415px #FDC56A, 685px 1244px #FDC56A, 363px 196px #FDC56A, 325px 88px #FDC56A, 1168px 1659px #FDC56A, 43px 956px #FDC56A, 527px 515px #FDC56A, 1806px 1595px #FDC56A, 1044px 159px #FDC56A, 923px 1530px #FDC56A, 1036px 687px #FDC56A, 741px 1908px #FDC56A, 990px 1985px #FDC56A, 315px 827px #FDC56A, 101px 1593px #FDC56A, 71px 1225px #FDC56A, 1901px 1758px #FDC56A, 739px 785px #FDC56A, 713px 1651px #FDC56A, 423px 1227px #FDC56A, 900px 1775px #FDC56A, 187px 1081px #FDC56A, 1952px 1115px #FDC56A, 1774px 160px #FDC56A, 1184px 791px #FDC56A, 513px 1509px #FDC56A, 1549px 1921px #FDC56A, 279px 435px #FDC56A, 61px 292px #FDC56A, 1237px 1391px #FDC56A, 833px 981px #FDC56A, 1248px 674px #FDC56A, 569px 566px #FDC56A, 202px 1438px #FDC56A, 83px 1964px #FDC56A, 1321px 787px #FDC56A, 114px 340px #FDC56A, 1024px 1763px #FDC56A, 34px 718px #FDC56A, 750px 1854px #FDC56A, 1210px 1538px #FDC56A, 1984px 1515px #FDC56A, 442px 795px #FDC56A, 1886px 527px #FDC56A, 1856px 1136px #FDC56A, 236px 630px #FDC56A, 699px 38px #FDC56A, 880px 1873px #FDC56A, 1352px 931px #FDC56A, 347px 223px #FDC56A, 665px 1245px #FDC56A, 212px 1206px #FDC56A, 1040px 1489px #FDC56A, 1416px 1240px #FDC56A, 63px 1167px #FDC56A, 125px 852px #FDC56A, 1030px 702px #FDC56A, 342px 738px #FDC56A, 632px 1228px #FDC56A, 1033px 1238px #FDC56A, 1726px 292px #FDC56A, 587px 1429px #FDC56A, 272px 543px #FDC56A, 671px 1025px #FDC56A, 1964px 1809px #FDC56A, 917px 542px #FDC56A, 1894px 640px #FDC56A, 363px 955px #FDC56A, 1463px 620px #FDC56A, 1367px 786px #FDC56A, 749px 1079px #FDC56A, 503px 854px #FDC56A, 1212px 1567px #FDC56A, 706px 1498px #FDC56A, 32px 609px #FDC56A, 941px 1216px #FDC56A, 1980px 1029px #FDC56A, 1339px 424px #FDC56A, 1749px 662px #FDC56A, 1616px 822px #FDC56A, 547px 1980px #FDC56A, 1893px 1748px #FDC56A, 1792px 479px #FDC56A, 1792px 900px #FDC56A, 1632px 1980px #FDC56A, 1540px 1841px #FDC56A, 223px 1984px #FDC56A, 1581px 1803px #FDC56A, 1867px 1112px #FDC56A, 1335px 357px #FDC56A, 306px 1309px #FDC56A, 1575px 1322px #FDC56A, 1383px 270px #FDC56A, 256px 988px #FDC56A, 1475px 864px #FDC56A, 1585px 1322px #FDC56A, 1855px 1955px #FDC56A, 995px 1087px #FDC56A, 344px 548px #FDC56A, 930px 395px #FDC56A, 198px 19px #FDC56A, 50px 1663px #FDC56A, 261px 1457px #FDC56A, 1763px 341px #FDC56A, 1399px 491px #FDC56A, 1494px 1442px #FDC56A, 1510px 1851px #FDC56A, 936px 1247px #FDC56A, 147px 1533px #FDC56A, 1207px 1789px #FDC56A, 1202px 1451px #FDC56A, 888px 276px #FDC56A, 1803px 500px #FDC56A, 145px 1711px #FDC56A, 107px 1906px #FDC56A, 1130px 1502px #FDC56A, 1899px 707px #FDC56A, 1856px 58px #FDC56A, 1775px 1757px #FDC56A, 760px 1469px #FDC56A, 1461px 833px #FDC56A, 1566px 1806px #FDC56A, 598px 806px #FDC56A, 516px 817px #FDC56A, 803px 386px #FDC56A, 1670px 1249px #FDC56A, 1525px 1757px #FDC56A, 1447px 398px #FDC56A, 622px 721px #FDC56A, 1303px 1269px #FDC56A, 1988px 1039px #FDC56A, 1142px 523px #FDC56A, 836px 767px #FDC56A, 1352px 6px #FDC56A, 889px 1786px #FDC56A, 811px 1073px #FDC56A, 1079px 1884px #FDC56A, 1388px 1225px #FDC56A, 284px 808px #FDC56A, 976px 916px #FDC56A, 186px 1661px #FDC56A, 64px 1741px #FDC56A, 303px 1007px #FDC56A, 1262px 314px #FDC56A, 370px 1528px #FDC56A, 1295px 616px #FDC56A, 1025px 1262px #FDC56A, 1803px 378px #FDC56A, 314px 343px #FDC56A, 870px 1266px #FDC56A, 1053px 967px #FDC56A, 1138px 1513px #FDC56A, 94px 297px #FDC56A, 349px 844px #FDC56A, 437px 262px #FDC56A, 16px 1566px #FDC56A, 1263px 628px #FDC56A, 1320px 208px #FDC56A, 878px 552px #FDC56A, 638px 206px #FDC56A, 1928px 1789px #FDC56A, 1061px 1342px #FDC56A, 830px 1156px #FDC56A, 1590px 39px #FDC56A, 70px 1525px #FDC56A, 483px 873px #FDC56A, 726px 836px #FDC56A, 1811px 1894px #FDC56A, 1636px 1975px #FDC56A, 1229px 851px #FDC56A, 1765px 652px #FDC56A, 40px 1975px #FDC56A, 445px 343px #FDC56A, 151px 1484px #FDC56A, 438px 1438px #FDC56A, 1376px 1524px #FDC56A, 1105px 1023px #FDC56A, 665px 200px #FDC56A, 1554px 1977px #FDC56A, 1712px 789px #FDC56A, 1884px 1934px #FDC56A, 1801px 335px #FDC56A, 854px 1415px #FDC56A, 1729px 1027px #FDC56A, 334px 1554px #FDC56A, 1447px 1324px #FDC56A, 779px 783px #FDC56A, 1278px 787px #FDC56A, 1417px 1822px #FDC56A, 158px 113px #FDC56A;
      box-shadow: 1784px 288px #FDC56A, 1742px 505px #FDC56A, 1305px 466px #FDC56A, 129px 1757px #FDC56A, 1058px 1378px #FDC56A, 1308px 1565px #FDC56A, 1763px 918px #FDC56A, 828px 409px #FDC56A, 957px 399px #FDC56A, 1409px 1755px #FDC56A, 73px 1415px #FDC56A, 685px 1244px #FDC56A, 363px 196px #FDC56A, 325px 88px #FDC56A, 1168px 1659px #FDC56A, 43px 956px #FDC56A, 527px 515px #FDC56A, 1806px 1595px #FDC56A, 1044px 159px #FDC56A, 923px 1530px #FDC56A, 1036px 687px #FDC56A, 741px 1908px #FDC56A, 990px 1985px #FDC56A, 315px 827px #FDC56A, 101px 1593px #FDC56A, 71px 1225px #FDC56A, 1901px 1758px #FDC56A, 739px 785px #FDC56A, 713px 1651px #FDC56A, 423px 1227px #FDC56A, 900px 1775px #FDC56A, 187px 1081px #FDC56A, 1952px 1115px #FDC56A, 1774px 160px #FDC56A, 1184px 791px #FDC56A, 513px 1509px #FDC56A, 1549px 1921px #FDC56A, 279px 435px #FDC56A, 61px 292px #FDC56A, 1237px 1391px #FDC56A, 833px 981px #FDC56A, 1248px 674px #FDC56A, 569px 566px #FDC56A, 202px 1438px #FDC56A, 83px 1964px #FDC56A, 1321px 787px #FDC56A, 114px 340px #FDC56A, 1024px 1763px #FDC56A, 34px 718px #FDC56A, 750px 1854px #FDC56A, 1210px 1538px #FDC56A, 1984px 1515px #FDC56A, 442px 795px #FDC56A, 1886px 527px #FDC56A, 1856px 1136px #FDC56A, 236px 630px #FDC56A, 699px 38px #FDC56A, 880px 1873px #FDC56A, 1352px 931px #FDC56A, 347px 223px #FDC56A, 665px 1245px #FDC56A, 212px 1206px #FDC56A, 1040px 1489px #FDC56A, 1416px 1240px #FDC56A, 63px 1167px #FDC56A, 125px 852px #FDC56A, 1030px 702px #FDC56A, 342px 738px #FDC56A, 632px 1228px #FDC56A, 1033px 1238px #FDC56A, 1726px 292px #FDC56A, 587px 1429px #FDC56A, 272px 543px #FDC56A, 671px 1025px #FDC56A, 1964px 1809px #FDC56A, 917px 542px #FDC56A, 1894px 640px #FDC56A, 363px 955px #FDC56A, 1463px 620px #FDC56A, 1367px 786px #FDC56A, 749px 1079px #FDC56A, 503px 854px #FDC56A, 1212px 1567px #FDC56A, 706px 1498px #FDC56A, 32px 609px #FDC56A, 941px 1216px #FDC56A, 1980px 1029px #FDC56A, 1339px 424px #FDC56A, 1749px 662px #FDC56A, 1616px 822px #FDC56A, 547px 1980px #FDC56A, 1893px 1748px #FDC56A, 1792px 479px #FDC56A, 1792px 900px #FDC56A, 1632px 1980px #FDC56A, 1540px 1841px #FDC56A, 223px 1984px #FDC56A, 1581px 1803px #FDC56A, 1867px 1112px #FDC56A, 1335px 357px #FDC56A, 306px 1309px #FDC56A, 1575px 1322px #FDC56A, 1383px 270px #FDC56A, 256px 988px #FDC56A, 1475px 864px #FDC56A, 1585px 1322px #FDC56A, 1855px 1955px #FDC56A, 995px 1087px #FDC56A, 344px 548px #FDC56A, 930px 395px #FDC56A, 198px 19px #FDC56A, 50px 1663px #FDC56A, 261px 1457px #FDC56A, 1763px 341px #FDC56A, 1399px 491px #FDC56A, 1494px 1442px #FDC56A, 1510px 1851px #FDC56A, 936px 1247px #FDC56A, 147px 1533px #FDC56A, 1207px 1789px #FDC56A, 1202px 1451px #FDC56A, 888px 276px #FDC56A, 1803px 500px #FDC56A, 145px 1711px #FDC56A, 107px 1906px #FDC56A, 1130px 1502px #FDC56A, 1899px 707px #FDC56A, 1856px 58px #FDC56A, 1775px 1757px #FDC56A, 760px 1469px #FDC56A, 1461px 833px #FDC56A, 1566px 1806px #FDC56A, 598px 806px #FDC56A, 516px 817px #FDC56A, 803px 386px #FDC56A, 1670px 1249px #FDC56A, 1525px 1757px #FDC56A, 1447px 398px #FDC56A, 622px 721px #FDC56A, 1303px 1269px #FDC56A, 1988px 1039px #FDC56A, 1142px 523px #FDC56A, 836px 767px #FDC56A, 1352px 6px #FDC56A, 889px 1786px #FDC56A, 811px 1073px #FDC56A, 1079px 1884px #FDC56A, 1388px 1225px #FDC56A, 284px 808px #FDC56A, 976px 916px #FDC56A, 186px 1661px #FDC56A, 64px 1741px #FDC56A, 303px 1007px #FDC56A, 1262px 314px #FDC56A, 370px 1528px #FDC56A, 1295px 616px #FDC56A, 1025px 1262px #FDC56A, 1803px 378px #FDC56A, 314px 343px #FDC56A, 870px 1266px #FDC56A, 1053px 967px #FDC56A, 1138px 1513px #FDC56A, 94px 297px #FDC56A, 349px 844px #FDC56A, 437px 262px #FDC56A, 16px 1566px #FDC56A, 1263px 628px #FDC56A, 1320px 208px #FDC56A, 878px 552px #FDC56A, 638px 206px #FDC56A, 1928px 1789px #FDC56A, 1061px 1342px #FDC56A, 830px 1156px #FDC56A, 1590px 39px #FDC56A, 70px 1525px #FDC56A, 483px 873px #FDC56A, 726px 836px #FDC56A, 1811px 1894px #FDC56A, 1636px 1975px #FDC56A, 1229px 851px #FDC56A, 1765px 652px #FDC56A, 40px 1975px #FDC56A, 445px 343px #FDC56A, 151px 1484px #FDC56A, 438px 1438px #FDC56A, 1376px 1524px #FDC56A, 1105px 1023px #FDC56A, 665px 200px #FDC56A, 1554px 1977px #FDC56A, 1712px 789px #FDC56A, 1884px 1934px #FDC56A, 1801px 335px #FDC56A, 854px 1415px #FDC56A, 1729px 1027px #FDC56A, 334px 1554px #FDC56A, 1447px 1324px #FDC56A, 779px 783px #FDC56A, 1278px 787px #FDC56A, 1417px 1822px #FDC56A, 158px 113px #FDC56A;
      -webkit-animation: fireEffect 60s linear infinite;
      animation: fireEffect 60s linear infinite; }
      .fire_wrap .fire--slow:after {
        content: '';
        position: absolute;
        -webkit-box-shadow: 1784px 288px #FDC56A, 1742px 505px #FDC56A, 1305px 466px #FDC56A, 129px 1757px #FDC56A, 1058px 1378px #FDC56A, 1308px 1565px #FDC56A, 1763px 918px #FDC56A, 828px 409px #FDC56A, 957px 399px #FDC56A, 1409px 1755px #FDC56A, 73px 1415px #FDC56A, 685px 1244px #FDC56A, 363px 196px #FDC56A, 325px 88px #FDC56A, 1168px 1659px #FDC56A, 43px 956px #FDC56A, 527px 515px #FDC56A, 1806px 1595px #FDC56A, 1044px 159px #FDC56A, 923px 1530px #FDC56A, 1036px 687px #FDC56A, 741px 1908px #FDC56A, 990px 1985px #FDC56A, 315px 827px #FDC56A, 101px 1593px #FDC56A, 71px 1225px #FDC56A, 1901px 1758px #FDC56A, 739px 785px #FDC56A, 713px 1651px #FDC56A, 423px 1227px #FDC56A, 900px 1775px #FDC56A, 187px 1081px #FDC56A, 1952px 1115px #FDC56A, 1774px 160px #FDC56A, 1184px 791px #FDC56A, 513px 1509px #FDC56A, 1549px 1921px #FDC56A, 279px 435px #FDC56A, 61px 292px #FDC56A, 1237px 1391px #FDC56A, 833px 981px #FDC56A, 1248px 674px #FDC56A, 569px 566px #FDC56A, 202px 1438px #FDC56A, 83px 1964px #FDC56A, 1321px 787px #FDC56A, 114px 340px #FDC56A, 1024px 1763px #FDC56A, 34px 718px #FDC56A, 750px 1854px #FDC56A, 1210px 1538px #FDC56A, 1984px 1515px #FDC56A, 442px 795px #FDC56A, 1886px 527px #FDC56A, 1856px 1136px #FDC56A, 236px 630px #FDC56A, 699px 38px #FDC56A, 880px 1873px #FDC56A, 1352px 931px #FDC56A, 347px 223px #FDC56A, 665px 1245px #FDC56A, 212px 1206px #FDC56A, 1040px 1489px #FDC56A, 1416px 1240px #FDC56A, 63px 1167px #FDC56A, 125px 852px #FDC56A, 1030px 702px #FDC56A, 342px 738px #FDC56A, 632px 1228px #FDC56A, 1033px 1238px #FDC56A, 1726px 292px #FDC56A, 587px 1429px #FDC56A, 272px 543px #FDC56A, 671px 1025px #FDC56A, 1964px 1809px #FDC56A, 917px 542px #FDC56A, 1894px 640px #FDC56A, 363px 955px #FDC56A, 1463px 620px #FDC56A, 1367px 786px #FDC56A, 749px 1079px #FDC56A, 503px 854px #FDC56A, 1212px 1567px #FDC56A, 706px 1498px #FDC56A, 32px 609px #FDC56A, 941px 1216px #FDC56A, 1980px 1029px #FDC56A, 1339px 424px #FDC56A, 1749px 662px #FDC56A, 1616px 822px #FDC56A, 547px 1980px #FDC56A, 1893px 1748px #FDC56A, 1792px 479px #FDC56A, 1792px 900px #FDC56A, 1632px 1980px #FDC56A, 1540px 1841px #FDC56A, 223px 1984px #FDC56A, 1581px 1803px #FDC56A, 1867px 1112px #FDC56A, 1335px 357px #FDC56A, 306px 1309px #FDC56A, 1575px 1322px #FDC56A, 1383px 270px #FDC56A, 256px 988px #FDC56A, 1475px 864px #FDC56A, 1585px 1322px #FDC56A, 1855px 1955px #FDC56A, 995px 1087px #FDC56A, 344px 548px #FDC56A, 930px 395px #FDC56A, 198px 19px #FDC56A, 50px 1663px #FDC56A, 261px 1457px #FDC56A, 1763px 341px #FDC56A, 1399px 491px #FDC56A, 1494px 1442px #FDC56A, 1510px 1851px #FDC56A, 936px 1247px #FDC56A, 147px 1533px #FDC56A, 1207px 1789px #FDC56A, 1202px 1451px #FDC56A, 888px 276px #FDC56A, 1803px 500px #FDC56A, 145px 1711px #FDC56A, 107px 1906px #FDC56A, 1130px 1502px #FDC56A, 1899px 707px #FDC56A, 1856px 58px #FDC56A, 1775px 1757px #FDC56A, 760px 1469px #FDC56A, 1461px 833px #FDC56A, 1566px 1806px #FDC56A, 598px 806px #FDC56A, 516px 817px #FDC56A, 803px 386px #FDC56A, 1670px 1249px #FDC56A, 1525px 1757px #FDC56A, 1447px 398px #FDC56A, 622px 721px #FDC56A, 1303px 1269px #FDC56A, 1988px 1039px #FDC56A, 1142px 523px #FDC56A, 836px 767px #FDC56A, 1352px 6px #FDC56A, 889px 1786px #FDC56A, 811px 1073px #FDC56A, 1079px 1884px #FDC56A, 1388px 1225px #FDC56A, 284px 808px #FDC56A, 976px 916px #FDC56A, 186px 1661px #FDC56A, 64px 1741px #FDC56A, 303px 1007px #FDC56A, 1262px 314px #FDC56A, 370px 1528px #FDC56A, 1295px 616px #FDC56A, 1025px 1262px #FDC56A, 1803px 378px #FDC56A, 314px 343px #FDC56A, 870px 1266px #FDC56A, 1053px 967px #FDC56A, 1138px 1513px #FDC56A, 94px 297px #FDC56A, 349px 844px #FDC56A, 437px 262px #FDC56A, 16px 1566px #FDC56A, 1263px 628px #FDC56A, 1320px 208px #FDC56A, 878px 552px #FDC56A, 638px 206px #FDC56A, 1928px 1789px #FDC56A, 1061px 1342px #FDC56A, 830px 1156px #FDC56A, 1590px 39px #FDC56A, 70px 1525px #FDC56A, 483px 873px #FDC56A, 726px 836px #FDC56A, 1811px 1894px #FDC56A, 1636px 1975px #FDC56A, 1229px 851px #FDC56A, 1765px 652px #FDC56A, 40px 1975px #FDC56A, 445px 343px #FDC56A, 151px 1484px #FDC56A, 438px 1438px #FDC56A, 1376px 1524px #FDC56A, 1105px 1023px #FDC56A, 665px 200px #FDC56A, 1554px 1977px #FDC56A, 1712px 789px #FDC56A, 1884px 1934px #FDC56A, 1801px 335px #FDC56A, 854px 1415px #FDC56A, 1729px 1027px #FDC56A, 334px 1554px #FDC56A, 1447px 1324px #FDC56A, 779px 783px #FDC56A, 1278px 787px #FDC56A, 1417px 1822px #FDC56A, 158px 113px #FDC56A;
        box-shadow: 1784px 288px #FDC56A, 1742px 505px #FDC56A, 1305px 466px #FDC56A, 129px 1757px #FDC56A, 1058px 1378px #FDC56A, 1308px 1565px #FDC56A, 1763px 918px #FDC56A, 828px 409px #FDC56A, 957px 399px #FDC56A, 1409px 1755px #FDC56A, 73px 1415px #FDC56A, 685px 1244px #FDC56A, 363px 196px #FDC56A, 325px 88px #FDC56A, 1168px 1659px #FDC56A, 43px 956px #FDC56A, 527px 515px #FDC56A, 1806px 1595px #FDC56A, 1044px 159px #FDC56A, 923px 1530px #FDC56A, 1036px 687px #FDC56A, 741px 1908px #FDC56A, 990px 1985px #FDC56A, 315px 827px #FDC56A, 101px 1593px #FDC56A, 71px 1225px #FDC56A, 1901px 1758px #FDC56A, 739px 785px #FDC56A, 713px 1651px #FDC56A, 423px 1227px #FDC56A, 900px 1775px #FDC56A, 187px 1081px #FDC56A, 1952px 1115px #FDC56A, 1774px 160px #FDC56A, 1184px 791px #FDC56A, 513px 1509px #FDC56A, 1549px 1921px #FDC56A, 279px 435px #FDC56A, 61px 292px #FDC56A, 1237px 1391px #FDC56A, 833px 981px #FDC56A, 1248px 674px #FDC56A, 569px 566px #FDC56A, 202px 1438px #FDC56A, 83px 1964px #FDC56A, 1321px 787px #FDC56A, 114px 340px #FDC56A, 1024px 1763px #FDC56A, 34px 718px #FDC56A, 750px 1854px #FDC56A, 1210px 1538px #FDC56A, 1984px 1515px #FDC56A, 442px 795px #FDC56A, 1886px 527px #FDC56A, 1856px 1136px #FDC56A, 236px 630px #FDC56A, 699px 38px #FDC56A, 880px 1873px #FDC56A, 1352px 931px #FDC56A, 347px 223px #FDC56A, 665px 1245px #FDC56A, 212px 1206px #FDC56A, 1040px 1489px #FDC56A, 1416px 1240px #FDC56A, 63px 1167px #FDC56A, 125px 852px #FDC56A, 1030px 702px #FDC56A, 342px 738px #FDC56A, 632px 1228px #FDC56A, 1033px 1238px #FDC56A, 1726px 292px #FDC56A, 587px 1429px #FDC56A, 272px 543px #FDC56A, 671px 1025px #FDC56A, 1964px 1809px #FDC56A, 917px 542px #FDC56A, 1894px 640px #FDC56A, 363px 955px #FDC56A, 1463px 620px #FDC56A, 1367px 786px #FDC56A, 749px 1079px #FDC56A, 503px 854px #FDC56A, 1212px 1567px #FDC56A, 706px 1498px #FDC56A, 32px 609px #FDC56A, 941px 1216px #FDC56A, 1980px 1029px #FDC56A, 1339px 424px #FDC56A, 1749px 662px #FDC56A, 1616px 822px #FDC56A, 547px 1980px #FDC56A, 1893px 1748px #FDC56A, 1792px 479px #FDC56A, 1792px 900px #FDC56A, 1632px 1980px #FDC56A, 1540px 1841px #FDC56A, 223px 1984px #FDC56A, 1581px 1803px #FDC56A, 1867px 1112px #FDC56A, 1335px 357px #FDC56A, 306px 1309px #FDC56A, 1575px 1322px #FDC56A, 1383px 270px #FDC56A, 256px 988px #FDC56A, 1475px 864px #FDC56A, 1585px 1322px #FDC56A, 1855px 1955px #FDC56A, 995px 1087px #FDC56A, 344px 548px #FDC56A, 930px 395px #FDC56A, 198px 19px #FDC56A, 50px 1663px #FDC56A, 261px 1457px #FDC56A, 1763px 341px #FDC56A, 1399px 491px #FDC56A, 1494px 1442px #FDC56A, 1510px 1851px #FDC56A, 936px 1247px #FDC56A, 147px 1533px #FDC56A, 1207px 1789px #FDC56A, 1202px 1451px #FDC56A, 888px 276px #FDC56A, 1803px 500px #FDC56A, 145px 1711px #FDC56A, 107px 1906px #FDC56A, 1130px 1502px #FDC56A, 1899px 707px #FDC56A, 1856px 58px #FDC56A, 1775px 1757px #FDC56A, 760px 1469px #FDC56A, 1461px 833px #FDC56A, 1566px 1806px #FDC56A, 598px 806px #FDC56A, 516px 817px #FDC56A, 803px 386px #FDC56A, 1670px 1249px #FDC56A, 1525px 1757px #FDC56A, 1447px 398px #FDC56A, 622px 721px #FDC56A, 1303px 1269px #FDC56A, 1988px 1039px #FDC56A, 1142px 523px #FDC56A, 836px 767px #FDC56A, 1352px 6px #FDC56A, 889px 1786px #FDC56A, 811px 1073px #FDC56A, 1079px 1884px #FDC56A, 1388px 1225px #FDC56A, 284px 808px #FDC56A, 976px 916px #FDC56A, 186px 1661px #FDC56A, 64px 1741px #FDC56A, 303px 1007px #FDC56A, 1262px 314px #FDC56A, 370px 1528px #FDC56A, 1295px 616px #FDC56A, 1025px 1262px #FDC56A, 1803px 378px #FDC56A, 314px 343px #FDC56A, 870px 1266px #FDC56A, 1053px 967px #FDC56A, 1138px 1513px #FDC56A, 94px 297px #FDC56A, 349px 844px #FDC56A, 437px 262px #FDC56A, 16px 1566px #FDC56A, 1263px 628px #FDC56A, 1320px 208px #FDC56A, 878px 552px #FDC56A, 638px 206px #FDC56A, 1928px 1789px #FDC56A, 1061px 1342px #FDC56A, 830px 1156px #FDC56A, 1590px 39px #FDC56A, 70px 1525px #FDC56A, 483px 873px #FDC56A, 726px 836px #FDC56A, 1811px 1894px #FDC56A, 1636px 1975px #FDC56A, 1229px 851px #FDC56A, 1765px 652px #FDC56A, 40px 1975px #FDC56A, 445px 343px #FDC56A, 151px 1484px #FDC56A, 438px 1438px #FDC56A, 1376px 1524px #FDC56A, 1105px 1023px #FDC56A, 665px 200px #FDC56A, 1554px 1977px #FDC56A, 1712px 789px #FDC56A, 1884px 1934px #FDC56A, 1801px 335px #FDC56A, 854px 1415px #FDC56A, 1729px 1027px #FDC56A, 334px 1554px #FDC56A, 1447px 1324px #FDC56A, 779px 783px #FDC56A, 1278px 787px #FDC56A, 1417px 1822px #FDC56A, 158px 113px #FDC56A; }
    .fire_wrap .fire--medium {
      -webkit-box-shadow: 1248px 904px #FDC56A, 482px 376px #FDC56A, 1831px 1727px #FDC56A, 586px 1760px #FDC56A, 403px 1875px #FDC56A, 1089px 290px #FDC56A, 766px 499px #FDC56A, 1712px 953px #FDC56A, 1694px 1426px #FDC56A, 1245px 1246px #FDC56A, 899px 832px #FDC56A, 145px 175px #FDC56A, 229px 271px #FDC56A, 669px 59px #FDC56A, 1706px 1951px #FDC56A, 239px 1010px #FDC56A, 320px 871px #FDC56A, 1297px 479px #FDC56A, 551px 1127px #FDC56A, 1365px 810px #FDC56A, 1725px 1198px #FDC56A, 1738px 1622px #FDC56A, 842px 619px #FDC56A, 1189px 648px #FDC56A, 488px 1220px #FDC56A, 984px 1385px #FDC56A, 472px 113px #FDC56A, 1920px 266px #FDC56A, 1324px 509px #FDC56A, 155px 636px #FDC56A, 218px 424px #FDC56A, 1729px 1370px #FDC56A, 81px 124px #FDC56A, 1381px 747px #FDC56A, 760px 1615px #FDC56A, 955px 72px #FDC56A, 1073px 1606px #FDC56A, 97px 1077px #FDC56A, 950px 458px #FDC56A, 374px 1866px #FDC56A, 213px 1069px #FDC56A, 1046px 181px #FDC56A, 284px 515px #FDC56A, 1019px 1747px #FDC56A, 1836px 401px #FDC56A, 1891px 271px #FDC56A, 693px 1970px #FDC56A, 686px 1967px #FDC56A, 502px 1961px #FDC56A, 878px 357px #FDC56A, 983px 1755px #FDC56A, 1130px 1315px #FDC56A, 578px 1578px #FDC56A, 431px 438px #FDC56A, 1829px 1632px #FDC56A, 1319px 374px #FDC56A, 1973px 1605px #FDC56A, 1721px 157px #FDC56A, 711px 1961px #FDC56A, 334px 1335px #FDC56A, 690px 11px #FDC56A, 1584px 129px #FDC56A, 526px 1868px #FDC56A, 1817px 951px #FDC56A, 1177px 1850px #FDC56A, 17px 393px #FDC56A, 354px 755px #FDC56A, 723px 1602px #FDC56A, 767px 941px #FDC56A, 811px 1804px #FDC56A, 1145px 582px #FDC56A, 1190px 786px #FDC56A, 834px 1171px #FDC56A, 168px 1111px #FDC56A, 1911px 1901px #FDC56A, 1722px 7px #FDC56A, 272px 711px #FDC56A, 1168px 1284px #FDC56A, 1462px 425px #FDC56A, 791px 1185px #FDC56A, 1369px 483px #FDC56A, 632px 1689px #FDC56A, 984px 1893px #FDC56A, 1207px 1212px #FDC56A, 821px 333px #FDC56A, 1128px 1755px #FDC56A, 455px 1657px #FDC56A, 1650px 600px #FDC56A, 1120px 190px #FDC56A, 130px 374px #FDC56A, 1981px 884px #FDC56A, 1785px 1970px #FDC56A, 1328px 665px #FDC56A, 274px 1868px #FDC56A, 17px 599px #FDC56A, 255px 476px #FDC56A, 1464px 977px #FDC56A, 1249px 1064px #FDC56A, 1132px 1376px #FDC56A, 1270px 1142px #FDC56A;
      box-shadow: 1248px 904px #FDC56A, 482px 376px #FDC56A, 1831px 1727px #FDC56A, 586px 1760px #FDC56A, 403px 1875px #FDC56A, 1089px 290px #FDC56A, 766px 499px #FDC56A, 1712px 953px #FDC56A, 1694px 1426px #FDC56A, 1245px 1246px #FDC56A, 899px 832px #FDC56A, 145px 175px #FDC56A, 229px 271px #FDC56A, 669px 59px #FDC56A, 1706px 1951px #FDC56A, 239px 1010px #FDC56A, 320px 871px #FDC56A, 1297px 479px #FDC56A, 551px 1127px #FDC56A, 1365px 810px #FDC56A, 1725px 1198px #FDC56A, 1738px 1622px #FDC56A, 842px 619px #FDC56A, 1189px 648px #FDC56A, 488px 1220px #FDC56A, 984px 1385px #FDC56A, 472px 113px #FDC56A, 1920px 266px #FDC56A, 1324px 509px #FDC56A, 155px 636px #FDC56A, 218px 424px #FDC56A, 1729px 1370px #FDC56A, 81px 124px #FDC56A, 1381px 747px #FDC56A, 760px 1615px #FDC56A, 955px 72px #FDC56A, 1073px 1606px #FDC56A, 97px 1077px #FDC56A, 950px 458px #FDC56A, 374px 1866px #FDC56A, 213px 1069px #FDC56A, 1046px 181px #FDC56A, 284px 515px #FDC56A, 1019px 1747px #FDC56A, 1836px 401px #FDC56A, 1891px 271px #FDC56A, 693px 1970px #FDC56A, 686px 1967px #FDC56A, 502px 1961px #FDC56A, 878px 357px #FDC56A, 983px 1755px #FDC56A, 1130px 1315px #FDC56A, 578px 1578px #FDC56A, 431px 438px #FDC56A, 1829px 1632px #FDC56A, 1319px 374px #FDC56A, 1973px 1605px #FDC56A, 1721px 157px #FDC56A, 711px 1961px #FDC56A, 334px 1335px #FDC56A, 690px 11px #FDC56A, 1584px 129px #FDC56A, 526px 1868px #FDC56A, 1817px 951px #FDC56A, 1177px 1850px #FDC56A, 17px 393px #FDC56A, 354px 755px #FDC56A, 723px 1602px #FDC56A, 767px 941px #FDC56A, 811px 1804px #FDC56A, 1145px 582px #FDC56A, 1190px 786px #FDC56A, 834px 1171px #FDC56A, 168px 1111px #FDC56A, 1911px 1901px #FDC56A, 1722px 7px #FDC56A, 272px 711px #FDC56A, 1168px 1284px #FDC56A, 1462px 425px #FDC56A, 791px 1185px #FDC56A, 1369px 483px #FDC56A, 632px 1689px #FDC56A, 984px 1893px #FDC56A, 1207px 1212px #FDC56A, 821px 333px #FDC56A, 1128px 1755px #FDC56A, 455px 1657px #FDC56A, 1650px 600px #FDC56A, 1120px 190px #FDC56A, 130px 374px #FDC56A, 1981px 884px #FDC56A, 1785px 1970px #FDC56A, 1328px 665px #FDC56A, 274px 1868px #FDC56A, 17px 599px #FDC56A, 255px 476px #FDC56A, 1464px 977px #FDC56A, 1249px 1064px #FDC56A, 1132px 1376px #FDC56A, 1270px 1142px #FDC56A;
      -webkit-animation: fireEffect 120s linear infinite;
      animation: fireEffect 120s linear infinite; }
      .fire_wrap .fire--medium:after {
        content: '';
        position: absolute;
        -webkit-box-shadow: 1248px 904px #FDC56A, 482px 376px #FDC56A, 1831px 1727px #FDC56A, 586px 1760px #FDC56A, 403px 1875px #FDC56A, 1089px 290px #FDC56A, 766px 499px #FDC56A, 1712px 953px #FDC56A, 1694px 1426px #FDC56A, 1245px 1246px #FDC56A, 899px 832px #FDC56A, 145px 175px #FDC56A, 229px 271px #FDC56A, 669px 59px #FDC56A, 1706px 1951px #FDC56A, 239px 1010px #FDC56A, 320px 871px #FDC56A, 1297px 479px #FDC56A, 551px 1127px #FDC56A, 1365px 810px #FDC56A, 1725px 1198px #FDC56A, 1738px 1622px #FDC56A, 842px 619px #FDC56A, 1189px 648px #FDC56A, 488px 1220px #FDC56A, 984px 1385px #FDC56A, 472px 113px #FDC56A, 1920px 266px #FDC56A, 1324px 509px #FDC56A, 155px 636px #FDC56A, 218px 424px #FDC56A, 1729px 1370px #FDC56A, 81px 124px #FDC56A, 1381px 747px #FDC56A, 760px 1615px #FDC56A, 955px 72px #FDC56A, 1073px 1606px #FDC56A, 97px 1077px #FDC56A, 950px 458px #FDC56A, 374px 1866px #FDC56A, 213px 1069px #FDC56A, 1046px 181px #FDC56A, 284px 515px #FDC56A, 1019px 1747px #FDC56A, 1836px 401px #FDC56A, 1891px 271px #FDC56A, 693px 1970px #FDC56A, 686px 1967px #FDC56A, 502px 1961px #FDC56A, 878px 357px #FDC56A, 983px 1755px #FDC56A, 1130px 1315px #FDC56A, 578px 1578px #FDC56A, 431px 438px #FDC56A, 1829px 1632px #FDC56A, 1319px 374px #FDC56A, 1973px 1605px #FDC56A, 1721px 157px #FDC56A, 711px 1961px #FDC56A, 334px 1335px #FDC56A, 690px 11px #FDC56A, 1584px 129px #FDC56A, 526px 1868px #FDC56A, 1817px 951px #FDC56A, 1177px 1850px #FDC56A, 17px 393px #FDC56A, 354px 755px #FDC56A, 723px 1602px #FDC56A, 767px 941px #FDC56A, 811px 1804px #FDC56A, 1145px 582px #FDC56A, 1190px 786px #FDC56A, 834px 1171px #FDC56A, 168px 1111px #FDC56A, 1911px 1901px #FDC56A, 1722px 7px #FDC56A, 272px 711px #FDC56A, 1168px 1284px #FDC56A, 1462px 425px #FDC56A, 791px 1185px #FDC56A, 1369px 483px #FDC56A, 632px 1689px #FDC56A, 984px 1893px #FDC56A, 1207px 1212px #FDC56A, 821px 333px #FDC56A, 1128px 1755px #FDC56A, 455px 1657px #FDC56A, 1650px 600px #FDC56A, 1120px 190px #FDC56A, 130px 374px #FDC56A, 1981px 884px #FDC56A, 1785px 1970px #FDC56A, 1328px 665px #FDC56A, 274px 1868px #FDC56A, 17px 599px #FDC56A, 255px 476px #FDC56A, 1464px 977px #FDC56A, 1249px 1064px #FDC56A, 1132px 1376px #FDC56A, 1270px 1142px #FDC56A;
        box-shadow: 1248px 904px #FDC56A, 482px 376px #FDC56A, 1831px 1727px #FDC56A, 586px 1760px #FDC56A, 403px 1875px #FDC56A, 1089px 290px #FDC56A, 766px 499px #FDC56A, 1712px 953px #FDC56A, 1694px 1426px #FDC56A, 1245px 1246px #FDC56A, 899px 832px #FDC56A, 145px 175px #FDC56A, 229px 271px #FDC56A, 669px 59px #FDC56A, 1706px 1951px #FDC56A, 239px 1010px #FDC56A, 320px 871px #FDC56A, 1297px 479px #FDC56A, 551px 1127px #FDC56A, 1365px 810px #FDC56A, 1725px 1198px #FDC56A, 1738px 1622px #FDC56A, 842px 619px #FDC56A, 1189px 648px #FDC56A, 488px 1220px #FDC56A, 984px 1385px #FDC56A, 472px 113px #FDC56A, 1920px 266px #FDC56A, 1324px 509px #FDC56A, 155px 636px #FDC56A, 218px 424px #FDC56A, 1729px 1370px #FDC56A, 81px 124px #FDC56A, 1381px 747px #FDC56A, 760px 1615px #FDC56A, 955px 72px #FDC56A, 1073px 1606px #FDC56A, 97px 1077px #FDC56A, 950px 458px #FDC56A, 374px 1866px #FDC56A, 213px 1069px #FDC56A, 1046px 181px #FDC56A, 284px 515px #FDC56A, 1019px 1747px #FDC56A, 1836px 401px #FDC56A, 1891px 271px #FDC56A, 693px 1970px #FDC56A, 686px 1967px #FDC56A, 502px 1961px #FDC56A, 878px 357px #FDC56A, 983px 1755px #FDC56A, 1130px 1315px #FDC56A, 578px 1578px #FDC56A, 431px 438px #FDC56A, 1829px 1632px #FDC56A, 1319px 374px #FDC56A, 1973px 1605px #FDC56A, 1721px 157px #FDC56A, 711px 1961px #FDC56A, 334px 1335px #FDC56A, 690px 11px #FDC56A, 1584px 129px #FDC56A, 526px 1868px #FDC56A, 1817px 951px #FDC56A, 1177px 1850px #FDC56A, 17px 393px #FDC56A, 354px 755px #FDC56A, 723px 1602px #FDC56A, 767px 941px #FDC56A, 811px 1804px #FDC56A, 1145px 582px #FDC56A, 1190px 786px #FDC56A, 834px 1171px #FDC56A, 168px 1111px #FDC56A, 1911px 1901px #FDC56A, 1722px 7px #FDC56A, 272px 711px #FDC56A, 1168px 1284px #FDC56A, 1462px 425px #FDC56A, 791px 1185px #FDC56A, 1369px 483px #FDC56A, 632px 1689px #FDC56A, 984px 1893px #FDC56A, 1207px 1212px #FDC56A, 821px 333px #FDC56A, 1128px 1755px #FDC56A, 455px 1657px #FDC56A, 1650px 600px #FDC56A, 1120px 190px #FDC56A, 130px 374px #FDC56A, 1981px 884px #FDC56A, 1785px 1970px #FDC56A, 1328px 665px #FDC56A, 274px 1868px #FDC56A, 17px 599px #FDC56A, 255px 476px #FDC56A, 1464px 977px #FDC56A, 1249px 1064px #FDC56A, 1132px 1376px #FDC56A, 1270px 1142px #FDC56A; }
    .fire_wrap .fire--fast {
      -webkit-box-shadow: 1234px 513px #FDC56A, 78px 490px #FDC56A, 1852px 237px #FDC56A, 752px 643px #FDC56A, 1870px 200px #FDC56A, 1459px 1121px #FDC56A, 325px 1708px #FDC56A, 1269px 1112px #FDC56A, 718px 455px #FDC56A, 337px 399px #FDC56A, 1623px 1107px #FDC56A, 1298px 1151px #FDC56A, 1666px 1516px #FDC56A, 1029px 562px #FDC56A, 861px 983px #FDC56A, 1010px 1490px #FDC56A, 559px 903px #FDC56A, 878px 1530px #FDC56A, 1486px 1132px #FDC56A, 1224px 677px #FDC56A, 1596px 74px #FDC56A, 1300px 103px #FDC56A, 567px 1205px #FDC56A, 491px 1814px #FDC56A, 1281px 1957px #FDC56A, 1064px 1310px #FDC56A, 1969px 1261px #FDC56A, 1289px 453px #FDC56A, 754px 1394px #FDC56A, 433px 1394px #FDC56A, 1363px 1512px #FDC56A, 723px 806px #FDC56A, 1909px 547px #FDC56A, 1874px 1215px #FDC56A, 1715px 1459px #FDC56A, 469px 952px #FDC56A, 1445px 1741px #FDC56A, 795px 1914px #FDC56A, 1691px 1640px #FDC56A, 673px 1981px #FDC56A, 1292px 760px #FDC56A, 1096px 740px #FDC56A, 1122px 1548px #FDC56A, 679px 516px #FDC56A, 1316px 1485px #FDC56A, 667px 1116px #FDC56A, 1216px 1976px #FDC56A, 780px 1980px #FDC56A, 1217px 699px #FDC56A, 938px 480px #FDC56A;
      box-shadow: 1234px 513px #FDC56A, 78px 490px #FDC56A, 1852px 237px #FDC56A, 752px 643px #FDC56A, 1870px 200px #FDC56A, 1459px 1121px #FDC56A, 325px 1708px #FDC56A, 1269px 1112px #FDC56A, 718px 455px #FDC56A, 337px 399px #FDC56A, 1623px 1107px #FDC56A, 1298px 1151px #FDC56A, 1666px 1516px #FDC56A, 1029px 562px #FDC56A, 861px 983px #FDC56A, 1010px 1490px #FDC56A, 559px 903px #FDC56A, 878px 1530px #FDC56A, 1486px 1132px #FDC56A, 1224px 677px #FDC56A, 1596px 74px #FDC56A, 1300px 103px #FDC56A, 567px 1205px #FDC56A, 491px 1814px #FDC56A, 1281px 1957px #FDC56A, 1064px 1310px #FDC56A, 1969px 1261px #FDC56A, 1289px 453px #FDC56A, 754px 1394px #FDC56A, 433px 1394px #FDC56A, 1363px 1512px #FDC56A, 723px 806px #FDC56A, 1909px 547px #FDC56A, 1874px 1215px #FDC56A, 1715px 1459px #FDC56A, 469px 952px #FDC56A, 1445px 1741px #FDC56A, 795px 1914px #FDC56A, 1691px 1640px #FDC56A, 673px 1981px #FDC56A, 1292px 760px #FDC56A, 1096px 740px #FDC56A, 1122px 1548px #FDC56A, 679px 516px #FDC56A, 1316px 1485px #FDC56A, 667px 1116px #FDC56A, 1216px 1976px #FDC56A, 780px 1980px #FDC56A, 1217px 699px #FDC56A, 938px 480px #FDC56A;
      -webkit-animation: fireEffect 180s linear infinite;
      animation: fireEffect 180s linear infinite; }
      .fire_wrap .fire--fast:after {
        content: '';
        position: absolute;
        -webkit-box-shadow: 1234px 513px #FDC56A, 78px 490px #FDC56A, 1852px 237px #FDC56A, 752px 643px #FDC56A, 1870px 200px #FDC56A, 1459px 1121px #FDC56A, 325px 1708px #FDC56A, 1269px 1112px #FDC56A, 718px 455px #FDC56A, 337px 399px #FDC56A, 1623px 1107px #FDC56A, 1298px 1151px #FDC56A, 1666px 1516px #FDC56A, 1029px 562px #FDC56A, 861px 983px #FDC56A, 1010px 1490px #FDC56A, 559px 903px #FDC56A, 878px 1530px #FDC56A, 1486px 1132px #FDC56A, 1224px 677px #FDC56A, 1596px 74px #FDC56A, 1300px 103px #FDC56A, 567px 1205px #FDC56A, 491px 1814px #FDC56A, 1281px 1957px #FDC56A, 1064px 1310px #FDC56A, 1969px 1261px #FDC56A, 1289px 453px #FDC56A, 754px 1394px #FDC56A, 433px 1394px #FDC56A, 1363px 1512px #FDC56A, 723px 806px #FDC56A, 1909px 547px #FDC56A, 1874px 1215px #FDC56A, 1715px 1459px #FDC56A, 469px 952px #FDC56A, 1445px 1741px #FDC56A, 795px 1914px #FDC56A, 1691px 1640px #FDC56A, 673px 1981px #FDC56A, 1292px 760px #FDC56A, 1096px 740px #FDC56A, 1122px 1548px #FDC56A, 679px 516px #FDC56A, 1316px 1485px #FDC56A, 667px 1116px #FDC56A, 1216px 1976px #FDC56A, 780px 1980px #FDC56A, 1217px 699px #FDC56A, 938px 480px #FDC56A;
        box-shadow: 1234px 513px #FDC56A, 78px 490px #FDC56A, 1852px 237px #FDC56A, 752px 643px #FDC56A, 1870px 200px #FDC56A, 1459px 1121px #FDC56A, 325px 1708px #FDC56A, 1269px 1112px #FDC56A, 718px 455px #FDC56A, 337px 399px #FDC56A, 1623px 1107px #FDC56A, 1298px 1151px #FDC56A, 1666px 1516px #FDC56A, 1029px 562px #FDC56A, 861px 983px #FDC56A, 1010px 1490px #FDC56A, 559px 903px #FDC56A, 878px 1530px #FDC56A, 1486px 1132px #FDC56A, 1224px 677px #FDC56A, 1596px 74px #FDC56A, 1300px 103px #FDC56A, 567px 1205px #FDC56A, 491px 1814px #FDC56A, 1281px 1957px #FDC56A, 1064px 1310px #FDC56A, 1969px 1261px #FDC56A, 1289px 453px #FDC56A, 754px 1394px #FDC56A, 433px 1394px #FDC56A, 1363px 1512px #FDC56A, 723px 806px #FDC56A, 1909px 547px #FDC56A, 1874px 1215px #FDC56A, 1715px 1459px #FDC56A, 469px 952px #FDC56A, 1445px 1741px #FDC56A, 795px 1914px #FDC56A, 1691px 1640px #FDC56A, 673px 1981px #FDC56A, 1292px 760px #FDC56A, 1096px 740px #FDC56A, 1122px 1548px #FDC56A, 679px 516px #FDC56A, 1316px 1485px #FDC56A, 667px 1116px #FDC56A, 1216px 1976px #FDC56A, 780px 1980px #FDC56A, 1217px 699px #FDC56A, 938px 480px #FDC56A; }

.stone_wrap {
  position: relative;
  z-index: 8;
  pointer-events: none; }
  .stone_wrap div img {
    width: 100%;
    height: 100%; }
  .stone_wrap .stone01 {
    width: 22%;
    bottom: 0;
    left: -6%; }
  .stone_wrap .stone02 {
    left: 0;
    top: 0; }
  .stone_wrap .stone03 {
    top: 0;
    right: 0; }
  @media screen and (max-width: 768px) {
    .stone_wrap .stone01 {
      width: 20%; }
    .stone_wrap .stone02 {
      width: 20%; }
    .stone_wrap .stone03 {
      width: 12%; } }

.main_wrap {
  width: 55%;
  position: relative;
  z-index: 10;
  padding: 2% 0 0 0; }
  .main_wrap img {
    margin: 0 auto; }
  @media screen and (max-width: 1700px) {
    .main_wrap {
      margin: 0 0 0 4.5%; } }
  @media screen and (max-width: 992px) {
    .main_wrap {
      width: 60%; } }
  @media screen and (max-width: 768px) {
    .main_wrap {
      width: 80%;
      margin: 0 0 0 7.5%;
      padding: 0; } }
  @media screen and (max-width: 480px) {
    .main_wrap {
      width: 85%;
      margin: 0 0 0 3.5%; } }

.logo {
  margin: 0 0 -5vw 0;
  position: relative;
  z-index: 5; }
  .logo a {
    max-width: 369px;
    width: 44%;
    margin: 0 auto;
    display: block; }
  .logo img {
    width: 100%; }
  @media screen and (max-width: 1440px) {
    .logo {
      margin: 0 0 -7vw 0; } }
  @media screen and (max-width: 540px) {
    .logo a {
      width: 65%;
      margin: 0 auto -16vw; } }

.slogan_primary {
  position: relative; }
  .slogan_primary .text01 {
    width: 70%; }
  .slogan_primary .text02 {
    width: 23.5%;
    position: absolute;
    right: 0;
    top: 56%;
    animation: flash02 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955) alternate-reverse; }
  @media screen and (max-width: 1440px) {
    .slogan_primary .text01 {
      width: 60%; }
    .slogan_primary .text02 {
      right: 4%;
      top: 50%; } }
  @media screen and (max-width: 1170px) {
    .slogan_primary .text01 {
      width: 65%; }
    .slogan_primary .text02 {
      right: 2%; } }
  @media screen and (max-width: 540px) {
    .slogan_primary .text01 {
      width: 85%; }
    .slogan_primary .text02 {
      right: -8%;
      top: 80%; } }

@media screen and (max-width: 1440px) {
  .slogan_secondary img {
    width: 55%; } }

@media screen and (max-width: 1170px) {
  .slogan_secondary img {
    width: 60%; } }

@media screen and (max-width: 540px) {
  .slogan_secondary img {
    width: 80%; } }

.button_wrap {
  margin: 5% 0; }
  @media screen and (max-width: 768px) {
    .button_wrap {
      margin: 20% 0 0; } }

.button__team a {
  display: block;
  width: 428px;
  margin: 0 auto; }
  .button__team a:hover {
    -webkit-animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.button__team img {
  max-width: 90%; }

.button__other {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2% 0 0 0; }
  .button__other a {
    width: calc(100% / 2 - 40px); }
    .button__other a:hover {
      -webkit-animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .button__other a:nth-child(1) img {
      margin: 0 -1.2vw 0 auto; }
    .button__other a:nth-child(2) img {
      margin: 0 auto 0 0; }
  .button__other img {
    max-width: 100%; }

@media screen and (max-width: 1170px) {
  .button__team img {
    max-width: 75%; }
  .button__other a {
    width: calc(100% / 1 - 40px); } }

@media screen and (max-width: 860px) {
  .button__team img {
    max-width: 65%; } }

@media screen and (max-width: 768px) {
  .button__team img {
    max-width: 80%; } }

@media screen and (max-width: 680px) {
  .button__team img {
    max-width: 70%; } }

@media screen and (max-width: 540px) {
  .button__team a {
    width: 100%; }
  .button__team img {
    max-width: 85%;
    margin: 0 10%; }
  .button__other {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .button__other a img {
      max-width: 85%; }
    .button__other a:nth-child(1) img {
      margin: 1% auto; }
    .button__other a:nth-child(2) img {
      margin: 2% auto; } }

.ki_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .ki_wrap img {
    width: 100%; }
  .ki_wrap .ki01 {
    left: 15%;
    bottom: -4%;
    z-index: 3;
    max-width: 1629px;
    -webkit-animation: flash03 4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flash03 4s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .ki_wrap .ki02 {
    left: 76%;
    bottom: 0;
    z-index: 2;
    max-width: 455px;
    -webkit-animation: flash04 4s 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flash04 4s 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .ki_wrap .ki03 {
    left: 54%;
    top: 2.5%;
    z-index: 1;
    max-width: 674px;
    -webkit-animation: flash03 4s 1.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flash03 4s 1.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .ki_wrap .ki04 {
    top: 25%;
    left: 2%;
    max-width: 302px;
    width: 13%;
    -webkit-animation: flash04 4s 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flash04 4s 2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .ki_wrap .ki05 {
    left: 47%;
    top: 10%;
    max-width: 194px;
    width: 10%;
    -webkit-animation: flash03 4s 2.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flash03 4s 2.5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  @media screen and (max-width: 1440px) {
    .ki_wrap .ki03 {
      width: 40%; }
    .ki_wrap .ki04 {
      width: 19%;
      left: -4%; } }
  @media screen and (max-width: 1170px) {
    .ki_wrap .ki01 {
      left: 18%;
      width: 90%; }
    .ki_wrap .ki02 {
      width: 28%;
      left: 76%; } }
  @media screen and (max-width: 992px) {
    .ki_wrap .ki01 {
      left: 18%;
      width: 95%; }
    .ki_wrap .ki03 {
      left: 56%;
      top: 7%; } }
  @media screen and (max-width: 768px) {
    .ki_wrap .ki01 {
      width: 130%;
      left: -2%;
      bottom: 0%; }
    .ki_wrap .ki02 {
      width: 40%;
      left: -11%; }
    .ki_wrap .ki03 {
      width: 55%;
      top: 9%;
      left: 64%; }
    .ki_wrap .ki04 {
      width: 19%;
      left: 3%;
      top: 13%; }
    .ki_wrap .ki05 {
      left: 61%; } }
  @media screen and (max-width: 540px) {
    .ki_wrap .ki01 {
      width: 170%;
      left: -10%;
      bottom: 0%; }
    .ki_wrap .ki02 {
      width: 44%;
      left: -15%;
      bottom: 6%; }
    .ki_wrap .ki03 {
      width: 70%;
      left: 55%;
      top: 15%; }
    .ki_wrap .ki04 {
      top: 4%; } }
  @media screen and (max-width: 425px) {
    .ki_wrap .ki05 {
      left: 61%;
      top: 5%; } }
  @media screen and (max-width: 390px) {
    .ki_wrap .ki01 {
      width: 180%;
      left: -18%; }
    .ki_wrap .ki02 {
      bottom: 6%; } }

.acc01 img {
  margin: 1vw 0 0 5vw; }

.acc05 {
  top: 0;
  right: 0; }
  @media screen and (max-width: 768px) {
    .acc05 img {
      max-width: 70%;
      margin: 0 0 0 auto; } }

.bg_acc01 {
  z-index: 4;
  background-image: url("../img/bg_acc01.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 20vw;
  bottom: 0; }

.button_wrap .acc01 img {
  margin: 0 7vw 0 auto; }

@media screen and (max-width: 480px) {
  .button_wrap {
    margin: 0; } }

.acc_head {
  position: relative;
  margin: -8.8% 0 0 0;
  z-index: 5;
  background-image: url("../img/bg_head.png");
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 10vw; }

.container {
  padding: 2% 0 10%;
  background-image: url("../img/bg_bule.jpg");
  background-size: 30%;
  background-position: 0 0;
  background-repeat: repeat; }

.evt_head img {
  margin: 0 auto;
  max-width: 50%; }

.evt_head .cntext {
  margin: 2% auto;
  max-width: 30%; }

@media screen and (max-width: 1024px) {
  .evt_head .cntext {
    max-width: 40%; } }

@media screen and (max-width: 768px) {
  .evt_head img {
    max-width: 60%; }
  .evt_head .cntext {
    max-width: 45%; } }

@media screen and (max-width: 540px) {
  .evt_head img {
    max-width: 90%; }
  .evt_head .cntext {
    max-width: 60%; } }

@media screen and (max-width: 480px) {
  .evt_head .cntext {
    max-width: 80%; } }

.evt_body {
  width: 90%;
  margin: 5% auto 0;
  position: relative; }
  .evt_body .title {
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    color: #163cb9;
    padding: 2% 6%;
    margin: 0 0 4% 0; }
  .evt_body--rules {
    z-index: 2; }
    .evt_body--rules .evt_info .text {
      background-color: #fff; }
    .evt_body--rules .evt_info:nth-child(1) {
      margin: 0 0 0 8%; }
    .evt_body--rules .evt_info:nth-child(2) {
      margin: -1% 0 -3% 15%;
      width: 80%; }
    .evt_body--rules .evt_info:nth-child(3) {
      margin: -2% 0 0 3%; }
    .evt_body--rules .evt_info:nth-child(4) {
      width: 70%;
      margin: 0 0 0 27%; }
    .evt_body--rules .evt_info:nth-child(5) {
      margin: -4% 0 0 10%;
      z-index: 0; }
      .evt_body--rules .evt_info:nth-child(5) .text {
        width: 35%; }
    .evt_body--rules .evt_info:nth-child(6) {
      z-index: 1;
      width: 80%;
      margin: 0 0 0 14%; }
  @media screen and (max-width: 1440px) {
    .evt_body--rules .evt_info:nth-child(3) {
      margin: -2% 0 0 3%; }
    .evt_body--rules .evt_info:nth-child(4) {
      margin: 0 0 0 10%; }
    .evt_body--rules .evt_info:nth-child(6) {
      margin: -3% 0 0 11%; } }
  @media screen and (max-width: 1170px) {
    .evt_body--rules .evt_info:nth-child(4) {
      margin: 0 0 0 16%; } }
  @media screen and (max-width: 992px) {
    .evt_body--rules .evt_info .text {
      background-color: #fff; }
    .evt_body--rules .evt_info:nth-child(1) {
      margin: 2% 0; }
    .evt_body--rules .evt_info:nth-child(2) {
      margin: 2% 0;
      width: 100%; }
    .evt_body--rules .evt_info:nth-child(3) {
      margin: 2% 0; }
    .evt_body--rules .evt_info:nth-child(4) {
      width: 100%;
      margin: 2% 0; }
    .evt_body--rules .evt_info:nth-child(5) {
      margin: 2% 0;
      z-index: 0; }
      .evt_body--rules .evt_info:nth-child(5) .text {
        width: 100%; }
    .evt_body--rules .evt_info:nth-child(6) {
      z-index: 1;
      width: 100%;
      margin: 2% 0; } }
  @media screen and (max-width: 540px) {
    .evt_body .title {
      display: block; } }

.evt_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative; }
  .evt_info:nth-child(2) {
    margin: -4% -4% 0 0;
    z-index: 1; }
  .evt_info:nth-child(3) {
    margin: -6% 0 0 -4%;
    z-index: 1; }
  .evt_info:nth-child(4) {
    z-index: 1; }
  .evt_info:nth-child(5) {
    margin: -13% 0 0 0;
    z-index: 1; }
    .evt_info:nth-child(5) .text {
      width: 50%; }
  .evt_info .num {
    width: 100%; }
  .evt_info .text {
    width: 40%;
    padding: 2%;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin: 1% 0 0 0; }
    .evt_info .text p {
      padding: 0 2%;
      line-height: 25px; }
  .evt_info--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .evt_info--right .num img {
      margin: 0 0 0 60%; }
  .evt_info .deadline {
    padding: 0 0 0 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .evt_info .deadline_box {
    width: 50%; }
    .evt_info .deadline_box:nth-child(1) {
      margin: 0 0 3% 0; }
  .evt_info .deadline_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .evt_info .deadline_head p {
      padding: 0 0 0 2%;
      color: #e45a6a; }
  .evt_info .deadline_time {
    margin: 1% 0;
    line-height: 22px; }
  .evt_info .rule01 p {
    padding: 0 0 0 2%; }
  @media screen and (max-width: 1440px) {
    .evt_info .num img {
      width: 15%; }
    .evt_info:nth-child(3) {
      margin: -6% 0 0 -2%; } }
  @media screen and (max-width: 992px) {
    .evt_info .text {
      width: 60%; }
    .evt_info:nth-child(2) {
      margin: 2% 0;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .evt_info:nth-child(3) {
      margin: 2% 0; }
    .evt_info:nth-child(4) {
      margin: 2% 0; }
    .evt_info:nth-child(5) {
      margin: 2% 0; }
      .evt_info:nth-child(5) .text {
        width: 60%; }
    .evt_info--right {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .evt_info .num img {
      margin: 0; } }
  @media screen and (max-width: 768px) {
    .evt_info .text {
      width: 100%; }
    .evt_info .num img {
      width: 25%; }
    .evt_info .deadline_box {
      width: calc(100% / 3 - 10px); }
    .evt_info:nth-child(5) .text {
      width: 100%; } }
  @media screen and (max-width: 680px) {
    .evt_info .deadline_box {
      width: calc(100% / 2 - 10px); }
    .evt_info .text {
      margin: 2% 0; } }
  @media screen and (max-width: 540px) {
    .evt_info .deadline_box {
      width: calc(100% / 1 - 0px);
      margin: 1% 0; }
    .evt_info .num img {
      width: 30%; }
    .evt_info .text {
      margin: 3% 0; } }

.evt_signUp {
  margin: 2% 0; }
  .evt_signUp li {
    width: 100%;
    margin: 1% 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .evt_signUp li p {
      width: 100%; }
    .evt_signUp li span {
      display: inline-block;
      padding: 0 2% 0 0; }

.accKi06 {
  position: absolute;
  top: 2%;
  left: 50%;
  -webkit-transform: translateX(-70%);
  -ms-transform: translateX(-70%);
  transform: translateX(-70%);
  pointer-events: none;
  width: 70%; }
  .accKi06 img {
    width: 100%;
    height: 100%; }
  @media screen and (max-width: 1440px) {
    .accKi06 {
      width: 63%; } }
  @media screen and (max-width: 1024px) {
    .accKi06 {
      width: 80%; } }
  @media screen and (max-width: 992px) {
    .accKi06 {
      width: 100%;
      left: 85%;
      top: 7%; } }
  @media screen and (max-width: 768px) {
    .accKi06 {
      display: none; } }

.accKi07 {
  position: absolute;
  top: 2%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  width: 68%; }
  .accKi07 img {
    width: 100%;
    height: 100%; }
  @media screen and (max-width: 1440px) {
    .accKi07 {
      width: 60%; } }
  @media screen and (max-width: 1024px) {
    .accKi07 {
      width: 78%; } }
  @media screen and (max-width: 992px) {
    .accKi07 {
      width: 80%;
      left: 80%;
      top: 4%; } }
  @media screen and (max-width: 768px) {
    .accKi07 {
      display: none; } }

.purple .container {
  padding: 5% 0 13%;
  background-image: none;
  background-color: #f8f7ff; }

.purple .acc_head {
  background-image: url("../img/bg_head_purple.png");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 8.6vw; }

.rule01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.rewards {
  position: relative;
  z-index: 1; }
  .rewards .acc_head {
    background-image: url("../img/bg_head02.png");
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 8.8vw; }
  .rewards .container {
    background-image: url("../img/bg_bule_long.jpg");
    background-size: 100%;
    background-position: 0 0;
    background-repeat: repeat-y;
    padding: 2% 0 10%; }

.evt_rd_head img {
  margin: 0 auto; }

@media screen and (max-width: 768px) {
  .evt_rd_head img {
    max-width: 55%; } }

@media screen and (max-width: 680px) {
  .evt_rd_head img {
    max-width: 75%; } }

.evt_rd_body--bule .rd_item {
  width: 100%; }

.evt_rd_body--bule .rd_head p {
  color: #7e9aff; }

.evt_rd_body--bule .item_block .item--mount {
  max-width: 900px; }

@media screen and (max-width: 1170px) {
  .evt_rd_body .item_block .item--mount {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    background-image: url("../img/item/item019_a.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .evt_rd_body .item_block .item--mount::before {
      display: none; }
    .evt_rd_body .item_block .item--mount img {
      display: none; } }

.rd_block {
  margin: 4% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rd_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .rd_head p {
    color: #ff807e; }
  .rd_head img {
    margin: 0 0 0 -1%; }

.rd_item {
  background-color: #f6f6f6;
  padding: 2%;
  border-radius: 15px; }
  .rd_item--left {
    width: 64%; }
  .rd_item--right .item_block {
    margin: 4% auto; }
  .rd_item--exclusive {
    width: 100%; }
    .rd_item--exclusive .item_block .item {
      width: calc(100% / 3 - 10px); }
      .rd_item--exclusive .item_block .item--reward {
        max-width: initial;
        width: 100%; }
  @media screen and (max-width: 1280px) {
    .rd_item--left {
      width: 60%; } }
  @media screen and (max-width: 1270px) {
    .rd_item--left {
      width: 100%; }
    .rd_item--right {
      width: 100%;
      margin: 2% 0; } }
  @media screen and (max-width: 680px) {
    .rd_item--right .item_block {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.item_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 2% 0;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }
  .item_block .item {
    position: relative;
    border-radius: 15px;
    background: #fff;
    background-clip: padding-box;
    border: solid 4px transparent;
    z-index: 1;
    padding: 3px;
    min-height: 330px;
    overflow: hidden; }
    .item_block .item::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: inherit;
      background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #a6f3ff), to(#ffa0c2));
      background: -webkit-linear-gradient(0, #a6f3ff 0%, #ffa0c2 100%);
      background: -o-linear-gradient(0, #a6f3ff 0%, #ffa0c2 100%);
      background: linear-gradient(0, #a6f3ff 0%, #ffa0c2 100%);
      z-index: -1;
      animation: gradientRotate 6s infinite ease-in alternate-reverse;
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      background-origin: border-box; }
    .item_block .item img {
      border-radius: inherit; }
    .item_block .item .l-poa {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 2; }
    .item_block .item--reward {
      width: 100%;
      text-align: center;
      line-height: 22px;
      border-radius: 15px; }
      .item_block .item--reward img {
        margin: 0 auto; }
      .item_block .item--reward p {
        margin: 2% 0 0 0;
        white-space: nowrap; }
      .item_block .item--reward span {
        display: block; }
      .item_block .item--reward .bg_white {
        position: absolute;
        width: 98%;
        height: 98%;
        background-color: #fff;
        z-index: 1;
        border-radius: 15px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      @media screen and (max-width: 1280px) {
        .item_block .item--reward .bg_white {
          width: 97%; } }
    .item_block .item--mount {
      max-width: 450px;
      width: 100%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
      .item_block .item--mount img {
        width: 100%;
        height: 100%; }
    .item_block .item--doll .imgMobile {
      display: none; }
  @media screen and (max-width: 1170px) {
    .item_block .item {
      min-height: 240px; }
      .item_block .item--doll {
        width: 100%;
        min-height: initial; }
        .item_block .item--doll .imgPc {
          display: none; }
        .item_block .item--doll .imgMobile {
          display: block;
          width: 100%; }
      .item_block .item--reward img {
        max-width: 60%; }
      .item_block .item--reward p {
        white-space: initial; } }
  @media screen and (max-width: 640px) {
    .item_block .item {
      min-height: 200px; } }
  @media screen and (max-width: 640px) {
    .item_block .item {
      min-height: 150px; } }
  @media screen and (max-width: 540px) {
    .item_block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .item_block .item--reward .bg_white {
        width: 99%; }
      .item_block .item--reward img {
        max-width: 45%; } }
  @media screen and (max-width: 480px) {
    .item_block .item--doll {
      min-height: initial; } }

.scrolltop {
  position: fixed;
  font-size: 3rem;
  cursor: pointer;
  color: #163cb9;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.5%;
  z-index: 99;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  display: none; }
  .scrolltop:hover {
    opacity: .8; }
  .scrolltop.active {
    display: block; }

.icon {
  color: #e45a6a;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg); }

.footer_bgSet {
  background-color: #2b2828; }

.l-titleSize {
  font-size: 1.25rem;
  font-weight: 600; }
  @media screen and (max-width: 1440px) {
    .l-titleSize {
      font-size: 1rem; } }

.l-noticeColor {
  color: #e45a6a; }

.l-titleSizeL {
  font-size: 2rem;
  font-weight: 600; }
  @media screen and (max-width: 1440px) {
    .l-titleSizeL {
      font-size: 1.75rem; } }
  @media screen and (max-width: 680px) {
    .l-titleSizeL {
      font-size: 1.5rem; } }

.sign_wrap .sign_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .sign_wrap .sign_in.active {
    display: none; }
  .sign_wrap .sign_in p {
    width: 100%;
    text-align: center;
    margin: 0 0 2%; }

.sign_wrap .btn {
  margin: 0 0.5%;
  cursor: pointer; }
  .sign_wrap .btn:hover {
    -webkit-animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.sign_wrap .sign_out {
  width: 28%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto 3%;
  padding: 2% 6%;
  background-color: #e7fcff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  display: none; }
  .sign_wrap .sign_out.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .sign_wrap .sign_out p {
    margin: 0 auto;
    padding: 2% 0%; }
  .sign_wrap .sign_out .signOutBtn {
    cursor: pointer;
    display: inline-block;
    background-color: #7e9aff;
    color: #fff;
    margin: 0 0 0 2%;
    border-radius: 5px;
    padding: 3% 5%; }
    .sign_wrap .sign_out .signOutBtn:hover {
      -webkit-animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
      animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }

@media screen and (max-width: 1024px) {
  .sign_wrap .sign_out {
    width: 38%; } }

@media screen and (max-width: 768px) {
  .sign_wrap .sign_out {
    width: 50%;
    margin: 3% auto; } }

@media screen and (max-width: 680px) {
  .sign_wrap {
    margin: 8% 0 6%; }
    .sign_wrap .sign_out {
      width: 80%;
      margin: 9% auto; } }

.evt_body .title {
  margin: 0 0 2% 0; }

.evt_info {
  margin: 2% 0;
  z-index: 1; }
  .evt_info:nth-child(2) {
    margin: 2% 0; }
  .evt_info:nth-child(3) {
    margin: 2% 0; }
  .evt_info:nth-child(4) {
    margin: 2% 0; }
  .evt_info:nth-child(5) {
    margin: 2% 0; }
  .evt_info .text {
    width: 60%; }
    .evt_info .text ul {
      line-height: 25px; }
  @media screen and (max-width: 860px) {
    .evt_info .text {
      width: 75%; } }
  @media screen and (max-width: 768px) {
    .evt_info .text {
      width: 100%; } }

.accKi09 {
  top: 5%;
  left: 50%; }
  @media screen and (max-width: 1440px) {
    .accKi09 {
      left: 45%;
      top: -5%; } }
  @media screen and (max-width: 1024px) {
    .accKi09 {
      left: 37%; } }
  @media screen and (max-width: 860px) {
    .accKi09 {
      left: 30%; } }
  @media screen and (max-width: 768px) {
    .accKi09 {
      display: none; } }

.purple {
  position: relative;
  z-index: 1; }

.sign_wrap {
  margin: 4% 0 2%; }
  .sign_wrap .sign_out {
    background-color: #fff; }

.betting_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .betting_info .betting {
    max-width: 312px;
    max-height: 112px;
    width: 100%;
    height: 100vw;
    border-radius: 15px;
    margin: 0 0.4%; }
    .betting_info .betting h6 {
      width: 100%; }
    .betting_info .betting p {
      width: 100%;
      text-align: center;
      font-size: 2rem;
      color: #e84895; }
    .betting_info .betting--coins {
      background-color: #fff;
      padding: 2%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .betting_info .betting--point {
      background-color: #fff;
      padding: 2%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 1024px) {
    .betting_info {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .betting_info .betting {
        max-width: 38%;
        height: initial;
        max-height: initial; }
        .betting_info .betting img {
          width: 100%; }
        .betting_info .betting--coins {
          max-width: 100%;
          width: 100%;
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3;
          margin: 1%; }
        .betting_info .betting--point {
          max-width: 100%;
          width: 100%;
          -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
          order: 4; } }
  @media screen and (max-width: 480px) {
    .betting_info .betting {
      max-width: 49%; }
      .betting_info .betting--coins {
        max-width: 100%;
        width: 100%; }
      .betting_info .betting--point {
        max-width: 100%;
        width: 100%; } }

.game_day_wrap {
  color: #444445; }

.game_day_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .game_day_btn div {
    text-align: center;
    width: calc(100% / 8 - 10px);
    padding: 2%;
    margin: 2% 0;
    background-color: #fff;
    border-radius: 50px;
    position: relative;
    background-clip: padding-box;
    border: solid 2px transparent;
    background: -webkit-gradient(linear, left top, right top, from(#a6f3ff), to(#a76ddb));
    background: -webkit-linear-gradient(left, #a6f3ff 0%, #a76ddb 100%);
    background: -o-linear-gradient(left, #a6f3ff 0%, #a76ddb 100%);
    background: linear-gradient(to right, #a6f3ff 0%, #a76ddb 100%);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background-origin: border-box; }
    .game_day_btn div::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: inherit;
      background-color: #fff; }
    .game_day_btn div.active {
      background: -webkit-gradient(linear, left top, right top, from(#c7a6ff), to(#db708b));
      background: -webkit-linear-gradient(left, #c7a6ff 0%, #db708b 100%);
      background: -o-linear-gradient(left, #c7a6ff 0%, #db708b 100%);
      background: linear-gradient(to right, #c7a6ff 0%, #db708b 100%);
      background-origin: border-box;
      -webkit-transition: all .5s linear;
      -o-transition: all .5s linear;
      transition: all .5s linear; }
      .game_day_btn div.active p {
        color: #e84895; }
    .game_day_btn div p {
      position: relative;
      z-index: 1;
      color: #a76ddb; }
  @media screen and (max-width: 1024px) {
    .game_day_btn {
      margin: 2% 0 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .game_day_btn > div {
        width: calc(100% / 4 - 10px);
        margin: 1% 0; } }
  @media screen and (max-width: 860px) {
    .game_day_btn > div {
      padding: 3%; } }
  @media screen and (max-width: 540px) {
    .game_day_btn > div {
      width: calc(100% / 2 - 10px); } }
  @media screen and (max-width: 480px) {
    .game_day_btn > div {
      padding: 4%; } }

.game_block {
  background-color: #fff;
  padding: 2%;
  border: 1px solid #bfccff;
  margin: 5% 0; }
  @media screen and (max-width: 860px) {
    .game_block {
      padding: 4% 0; } }

.team_information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .team_information .text_vs {
    margin: 0 1%;
    font-family: "Noto Serif TC", serif;
    font-size: 2rem;
    color: #ee6957;
    font-weight: 600; }
  @media screen and (max-width: 860px) {
    .team_information {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .team_information .text_vs {
        width: 100%;
        text-align: center;
        margin: 1% 0; } }

.team_photo {
  position: relative;
  margin: 0 auto; }
  .team_photo.active {
    overflow: hidden; }
    .team_photo.active::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #000;
      top: 0;
      left: 0;
      border-radius: 10px;
      opacity: 0.7; }
  .team_photo img {
    max-width: 100%; }
  .team_photo .team_data {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
  .team_photo .power {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2% 0; }
    .team_photo .power img {
      max-width: 8%; }
    .team_photo .power p {
      color: #fff;
      background-color: #ee6957;
      padding: 2% 5%;
      border-radius: 50px;
      margin: 7px 0 0 4px; }
  .team_photo .combat {
    text-align: left;
    color: #fff;
    font-size: 2rem; }
  @media screen and (max-width: 1024px) {
    .team_photo .team_data {
      width: 60%; } }
  @media screen and (max-width: 820px) {
    .team_photo {
      width: 90%; } }
  @media screen and (max-width: 540px) {
    .team_photo .team_data {
      width: 80%; } }
  @media screen and (max-width: 480px) {
    .team_photo .team_data {
      width: 100%; }
    .team_photo .combat {
      font-size: 1.4rem; } }

.result {
  margin: 2% 0;
  padding: 0 0 0 2%;
  font-size: 15px; }
  .result > span {
    margin: 0 4px 0 0;
    color: #ffc77e; }
  .result > p {
    margin: 0 1% 0 0; }
  @media screen and (max-width: 820px) {
    .result {
      width: 90%;
      margin: 1% auto; } }

.odds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1%; }
  .odds .l-flex {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .odds.flexRight {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .odds div:nth-child(2) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .odds p {
    font-size: 2rem; }
  .odds span {
    margin: 0 0 0 -10%; }
  .odds .odds_left p {
    color: #f09b8e; }
  .odds .odds_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .odds .odds_right p {
      color: #8ee6f0; }
  @media screen and (max-width: 820px) {
    .odds {
      width: 85%;
      margin: 2% auto; }
      .odds.flexRight {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }

.support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2% 0 1%; }
  @media screen and (max-width: 860px) {
    .support {
      width: 90%;
      margin: 4% auto;
      border-top: 1px dashed #bfccff;
      padding: 2% 0; } }

.progress {
  width: 50%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1% 2% 1%;
  background-color: #fcfdff;
  overflow: hidden;
  position: relative; }
  .progress img {
    max-width: 60%;
    margin: 0 0 0 auto; }
  .progress p {
    width: 100%;
    position: relative;
    z-index: 1; }
  .progress .support_line {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
  .progress--red {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px; }
    .progress--red .acc_line {
      position: absolute;
      background-image: url("../img/acc020.png");
      background-size: 100%;
      background-position: 0 50%;
      background-repeat: no-repeat;
      width: 50%;
      height: 100%;
      top: 0;
      right: -10px;
      opacity: 0.1; }
    .progress--red .support_line {
      width: 0;
      right: 0;
      background-color: #f6d1cd;
      -webkit-transform: skewX(38deg);
      -ms-transform: skewX(38deg);
      transform: skewX(38deg); }
    .progress--red p {
      color: #ee6957; }
  .progress--bule {
    text-align: right;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px; }
    .progress--bule .acc_line {
      position: absolute;
      background-image: url("../img/acc021.png");
      background-size: 100%;
      background-position: 0 50%;
      background-repeat: no-repeat;
      width: 50%;
      height: 100%;
      top: 0;
      left: -10px;
      opacity: 0.1; }
    .progress--bule .support_line {
      width: 0;
      left: 0;
      background-color: #dafdfd;
      -webkit-transform: skewX(-38deg);
      -ms-transform: skewX(-38deg);
      transform: skewX(-38deg); }
    .progress--bule p {
      color: #7cdad5; }
  @media screen and (max-width: 860px) {
    .progress {
      padding: 2% 2% 2%; }
      .progress .acc_line {
        display: none; }
      .progress--red .acc_line {
        width: 100%;
        right: -54%; }
      .progress--red .support_line {
        -webkit-transform: skewX(0);
        -ms-transform: skewX(0);
        transform: skewX(0); }
      .progress--bule .acc_line {
        width: 100%;
        left: -54%; }
      .progress--bule .support_line {
        -webkit-transform: skewX(0);
        -ms-transform: skewX(0);
        transform: skewX(0); } }

.support_text {
  margin: 0 1%; }

.l-btn {
  cursor: pointer; }
  .l-btn:hover {
    -webkit-animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flash 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.l-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.l-guessbtn {
  position: relative;
  width: 25%;
  padding: 1.1% 2% 2.1%;
  background-color: #1638ad;
  margin: 3% 36% -4%;
  cursor: pointer;
  -webkit-transform: skew(-28deg);
  -ms-transform: skew(-28deg);
  transform: skew(-28deg);
  z-index: 2; }
  .l-guessbtn.active {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    background-color: #a51e33; }
    .l-guessbtn.active p {
      color: #a51e33; }
    .l-guessbtn.active::before {
      border: 1px solid #a51e33; }
    .l-guessbtn.active::after {
      background-color: #f3bdc5; }
    .l-guessbtn.active .top {
      background-image: url("../img/acc014.png");
      background-size: 100%;
      background-position: 0 0;
      background-repeat: no-repeat; }
  .l-guessbtn:hover {
    -webkit-animation: flashCommonBtn 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: flashCommonBtn 1s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .l-guessbtn p {
    -webkit-transform: skew(28deg);
    -ms-transform: skew(28deg);
    transform: skew(28deg);
    color: #1638ad;
    font-weight: 600;
    text-align: center; }
  .l-guessbtn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #1638ad;
    top: -9px;
    left: 11px;
    pointer-events: none; }
  .l-guessbtn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #b2fefb;
    top: -4px;
    left: 6px;
    z-index: -1; }
  .l-guessbtn .top {
    background-image: url("../img/acc013.png");
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 64px;
    height: 9px;
    top: 0;
    right: 0;
    -webkit-transform: skew(28deg);
    -ms-transform: skew(28deg);
    transform: skew(28deg); }
  .l-guessbtn .bottom {
    background-image: url("../img/acc012.png");
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 64px;
    height: 9px;
    bottom: 10px;
    left: 10px;
    -webkit-transform: skew(28deg);
    -ms-transform: skew(28deg);
    transform: skew(28deg); }
  .l-guessbtn.confirm_btn {
    width: 40%;
    margin: 5% auto 2%;
    padding: 1.1% 2% 2.8%; }
  @media screen and (max-width: 820px) {
    .l-guessbtn {
      width: 55%;
      padding: 2.1% 2% 4.1%;
      margin: 3% auto 0%; } }
  @media screen and (max-width: 480px) {
    .l-guessbtn {
      width: 65%;
      padding: 2.1% 2% 7.1%;
      margin: 8% auto 0%; } }

.rewards .evt_body {
  background-color: #f6f6f6;
  padding: 2%;
  border-radius: 10px; }

@media screen and (max-width: 480px) {
  .rewards .container {
    padding: 10% 0; } }

.evt_store_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  color: #333333;
  margin: 2% 0; }
  .evt_store_body .store {
    max-width: 262px;
    width: 100%; }
  @media screen and (max-width: 1024px) {
    .evt_store_body {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .evt_store_body .store {
        margin: 2%; } }
  @media screen and (max-width: 680px) {
    .evt_store_body .store {
      width: 46%; } }
  @media screen and (max-width: 540px) {
    .evt_store_body .store {
      width: 100%; } }

.store_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 4% 0;
  padding: 0 3.5%; }
  .store_head span {
    color: #ff807e; }
  .store_head .acc {
    margin: 0 0 0 -8%;
    max-width: 45%; }

.store_body {
  text-align: center;
  background-color: #fff;
  border-radius: 10px; }
  .store_body .store_item_wrap {
    padding: 2%; }
    .store_body .store_item_wrap > p {
      text-align: left;
      padding: 2% 0 0 2%;
      font-size: 15px; }
    .store_body .store_item_wrap img {
      margin: 5% auto;
      max-width: 30%; }
  .store_body .store_text {
    line-height: 22px; }
  .store_body .exchange {
    padding: 4% 0;
    cursor: pointer;
    background-color: #ff807e;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; }
    .store_body .exchange:hover {
      background-color: #7eafff; }
  .store_body .disable {
    background-color: #7e7e7e;
    cursor: default; }
    .store_body .disable:hover {
      background-color: #7e7e7e; }

.popup_area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none; }
  .popup_area.active {
    display: block; }

.popup_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }

.popup_content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 768px;
  max-height: 500px;
  width: 100%;
  height: 100%; }
  .popup_content iframe {
    position: absolute;
    width: 100%;
    height: 100%; }
  @media screen and (max-width: 786px) {
    .popup_content {
      width: 90%; } }

.popup_close {
  font-size: 3rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: -5%;
  color: #fff;
  z-index: 2;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear; }
  .popup_close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  @media screen and (max-width: 992px) {
    .popup_close {
      top: -12%;
      right: 1%; } }
  @media screen and (max-width: 860px) {
    .popup_close {
      top: 30px;
      right: 25px;
      color: #1a41b6; } }
  @media screen and (max-width: 680px) {
    .popup_close {
      top: -50px;
      right: 10px; } }