@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+TC:200,300,400,500,600,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+TC:200,300,400,500,600,700,900&display=swap");
table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

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

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

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

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

abbr, acronym {
  border: 0;
}

a {
  text-decoration: none;
}

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

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

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

body {
  line-height: 1.5;
  font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
  font-size: 16px;
  color: #545454;
}
@media all and (min-width: 0\0 ) {
  body {
    font-family: "Microsoft JhengHei", 微軟正黑體, PMingLiU, 新細明體, sans-serif;
  }
}

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

.shine {
  animation: shine 0.3s infinite linear;
  -webkit-animation: shine 0.3s infinite linear;
}

@-webkit-keyframes shine {
  0%, 100% {
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
  }
  50% {
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
  }
}
@keyframes shine {
  0%, 100% {
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
  }
  50% {
    -webkit-filter: brightness(105%);
            filter: brightness(105%);
  }
}
@-webkit-keyframes bullet {
  0%, 100% {
    -webkit-transform: translate(20px, 10px);
            transform: translate(20px, 10px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes bullet {
  0%, 100% {
    -webkit-transform: translate(20px, 10px);
            transform: translate(20px, 10px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes bulletBm {
  0%, 100% {
    -webkit-transform: translate(40px, -20px);
            transform: translate(40px, -20px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes bulletBm {
  0%, 100% {
    -webkit-transform: translate(40px, -20px);
            transform: translate(40px, -20px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes bgrun {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 44px 44px;
  }
}
@keyframes bgrun {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 44px 44px;
  }
}
.stars {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 2px;
  z-index: 1;
  opacity: 0.7;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  pointer-events: none;
}
.stars > div {
  position: absolute;
  background: transparent;
  border-radius: 50%;
}
.stars > div:after {
  display: block;
  content: " ";
  position: absolute;
  background: transparent;
  top: 200px;
}
.stars #star1 {
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 577px 800px 2px #FFF , 612px 170px 4px #FFF , 322px 833px 1px #FFF , 825px 426px 2px #FFF , 903px 96px 2px #FFF , 944px 608px 1px #FFF , 54px 649px 4px #FFF , 915px 741px 1px #FFF , 778px 796px 5px #FFF , 1743px 672px 1px #FFF , 1252px 773px 5px #FFF , 141px 489px 2px #FFF , 637px 201px 1px #FFF , 1286px 782px 5px #FFF , 1067px 831px 4px #FFF , 1448px 496px 3px #FFF , 1399px 166px 3px #FFF , 684px 272px 5px #FFF , 926px 604px 2px #FFF , 1582px 247px 4px #FFF , 542px 663px 3px #FFF , 557px 15px 2px #FFF , 777px 752px 2px #FFF , 943px 584px 1px #FFF , 1356px 422px 2px #FFF , 1748px 252px 2px #FFF , 601px 382px 3px #FFF , 1371px 53px 1px #FFF , 1608px 403px 1px #FFF , 1032px 836px 5px #FFF , 1363px 428px 5px #FFF , 947px 186px 3px #FFF , 675px 768px 3px #FFF , 169px 740px 3px #FFF , 1002px 115px 1px #FFF , 1210px 628px 3px #FFF , 449px 114px 1px #FFF , 1508px 38px 3px #FFF , 193px 355px 2px #FFF , 1572px 703px 5px #FFF , 990px 652px 1px #FFF , 410px 303px 5px #FFF , 221px 43px 5px #FFF , 1687px 734px 4px #FFF , 805px 229px 4px #FFF , 1000px 826px 2px #FFF , 1379px 557px 2px #FFF , 1190px 758px 5px #FFF , 1264px 376px 4px #FFF , 1888px 406px 1px #FFF , 1287px 371px 3px #FFF , 224px 305px 5px #FFF , 938px 667px 1px #FFF , 595px 749px 4px #FFF , 1156px 783px 4px #FFF , 805px 500px 1px #FFF , 353px 424px 3px #FFF , 1815px 760px 1px #FFF , 26px 268px 5px #FFF , 1900px 254px 2px #FFF , 1797px 810px 4px #FFF , 1758px 623px 2px #FFF , 1169px 442px 5px #FFF , 787px 469px 4px #FFF , 1655px 80px 3px #FFF , 992px 32px 3px #FFF , 577px 146px 1px #FFF , 288px 633px 2px #FFF , 360px 617px 2px #FFF , 107px 527px 4px #FFF , 208px 221px 5px #FFF;
          box-shadow: 577px 800px 2px #FFF , 612px 170px 4px #FFF , 322px 833px 1px #FFF , 825px 426px 2px #FFF , 903px 96px 2px #FFF , 944px 608px 1px #FFF , 54px 649px 4px #FFF , 915px 741px 1px #FFF , 778px 796px 5px #FFF , 1743px 672px 1px #FFF , 1252px 773px 5px #FFF , 141px 489px 2px #FFF , 637px 201px 1px #FFF , 1286px 782px 5px #FFF , 1067px 831px 4px #FFF , 1448px 496px 3px #FFF , 1399px 166px 3px #FFF , 684px 272px 5px #FFF , 926px 604px 2px #FFF , 1582px 247px 4px #FFF , 542px 663px 3px #FFF , 557px 15px 2px #FFF , 777px 752px 2px #FFF , 943px 584px 1px #FFF , 1356px 422px 2px #FFF , 1748px 252px 2px #FFF , 601px 382px 3px #FFF , 1371px 53px 1px #FFF , 1608px 403px 1px #FFF , 1032px 836px 5px #FFF , 1363px 428px 5px #FFF , 947px 186px 3px #FFF , 675px 768px 3px #FFF , 169px 740px 3px #FFF , 1002px 115px 1px #FFF , 1210px 628px 3px #FFF , 449px 114px 1px #FFF , 1508px 38px 3px #FFF , 193px 355px 2px #FFF , 1572px 703px 5px #FFF , 990px 652px 1px #FFF , 410px 303px 5px #FFF , 221px 43px 5px #FFF , 1687px 734px 4px #FFF , 805px 229px 4px #FFF , 1000px 826px 2px #FFF , 1379px 557px 2px #FFF , 1190px 758px 5px #FFF , 1264px 376px 4px #FFF , 1888px 406px 1px #FFF , 1287px 371px 3px #FFF , 224px 305px 5px #FFF , 938px 667px 1px #FFF , 595px 749px 4px #FFF , 1156px 783px 4px #FFF , 805px 500px 1px #FFF , 353px 424px 3px #FFF , 1815px 760px 1px #FFF , 26px 268px 5px #FFF , 1900px 254px 2px #FFF , 1797px 810px 4px #FFF , 1758px 623px 2px #FFF , 1169px 442px 5px #FFF , 787px 469px 4px #FFF , 1655px 80px 3px #FFF , 992px 32px 3px #FFF , 577px 146px 1px #FFF , 288px 633px 2px #FFF , 360px 617px 2px #FFF , 107px 527px 4px #FFF , 208px 221px 5px #FFF;
  -webkit-animation: animStar 5s linear infinite;
          animation: animStar 5s linear infinite;
}
.stars #star1:after {
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 577px 800px 2px #FFF , 612px 170px 4px #FFF , 322px 833px 1px #FFF , 825px 426px 2px #FFF , 903px 96px 2px #FFF , 944px 608px 1px #FFF , 54px 649px 4px #FFF , 915px 741px 1px #FFF , 778px 796px 5px #FFF , 1743px 672px 1px #FFF , 1252px 773px 5px #FFF , 141px 489px 2px #FFF , 637px 201px 1px #FFF , 1286px 782px 5px #FFF , 1067px 831px 4px #FFF , 1448px 496px 3px #FFF , 1399px 166px 3px #FFF , 684px 272px 5px #FFF , 926px 604px 2px #FFF , 1582px 247px 4px #FFF , 542px 663px 3px #FFF , 557px 15px 2px #FFF , 777px 752px 2px #FFF , 943px 584px 1px #FFF , 1356px 422px 2px #FFF , 1748px 252px 2px #FFF , 601px 382px 3px #FFF , 1371px 53px 1px #FFF , 1608px 403px 1px #FFF , 1032px 836px 5px #FFF , 1363px 428px 5px #FFF , 947px 186px 3px #FFF , 675px 768px 3px #FFF , 169px 740px 3px #FFF , 1002px 115px 1px #FFF , 1210px 628px 3px #FFF , 449px 114px 1px #FFF , 1508px 38px 3px #FFF , 193px 355px 2px #FFF , 1572px 703px 5px #FFF , 990px 652px 1px #FFF , 410px 303px 5px #FFF , 221px 43px 5px #FFF , 1687px 734px 4px #FFF , 805px 229px 4px #FFF , 1000px 826px 2px #FFF , 1379px 557px 2px #FFF , 1190px 758px 5px #FFF , 1264px 376px 4px #FFF , 1888px 406px 1px #FFF , 1287px 371px 3px #FFF , 224px 305px 5px #FFF , 938px 667px 1px #FFF , 595px 749px 4px #FFF , 1156px 783px 4px #FFF , 805px 500px 1px #FFF , 353px 424px 3px #FFF , 1815px 760px 1px #FFF , 26px 268px 5px #FFF , 1900px 254px 2px #FFF , 1797px 810px 4px #FFF , 1758px 623px 2px #FFF , 1169px 442px 5px #FFF , 787px 469px 4px #FFF , 1655px 80px 3px #FFF , 992px 32px 3px #FFF , 577px 146px 1px #FFF , 288px 633px 2px #FFF , 360px 617px 2px #FFF , 107px 527px 4px #FFF , 208px 221px 5px #FFF;
          box-shadow: 577px 800px 2px #FFF , 612px 170px 4px #FFF , 322px 833px 1px #FFF , 825px 426px 2px #FFF , 903px 96px 2px #FFF , 944px 608px 1px #FFF , 54px 649px 4px #FFF , 915px 741px 1px #FFF , 778px 796px 5px #FFF , 1743px 672px 1px #FFF , 1252px 773px 5px #FFF , 141px 489px 2px #FFF , 637px 201px 1px #FFF , 1286px 782px 5px #FFF , 1067px 831px 4px #FFF , 1448px 496px 3px #FFF , 1399px 166px 3px #FFF , 684px 272px 5px #FFF , 926px 604px 2px #FFF , 1582px 247px 4px #FFF , 542px 663px 3px #FFF , 557px 15px 2px #FFF , 777px 752px 2px #FFF , 943px 584px 1px #FFF , 1356px 422px 2px #FFF , 1748px 252px 2px #FFF , 601px 382px 3px #FFF , 1371px 53px 1px #FFF , 1608px 403px 1px #FFF , 1032px 836px 5px #FFF , 1363px 428px 5px #FFF , 947px 186px 3px #FFF , 675px 768px 3px #FFF , 169px 740px 3px #FFF , 1002px 115px 1px #FFF , 1210px 628px 3px #FFF , 449px 114px 1px #FFF , 1508px 38px 3px #FFF , 193px 355px 2px #FFF , 1572px 703px 5px #FFF , 990px 652px 1px #FFF , 410px 303px 5px #FFF , 221px 43px 5px #FFF , 1687px 734px 4px #FFF , 805px 229px 4px #FFF , 1000px 826px 2px #FFF , 1379px 557px 2px #FFF , 1190px 758px 5px #FFF , 1264px 376px 4px #FFF , 1888px 406px 1px #FFF , 1287px 371px 3px #FFF , 224px 305px 5px #FFF , 938px 667px 1px #FFF , 595px 749px 4px #FFF , 1156px 783px 4px #FFF , 805px 500px 1px #FFF , 353px 424px 3px #FFF , 1815px 760px 1px #FFF , 26px 268px 5px #FFF , 1900px 254px 2px #FFF , 1797px 810px 4px #FFF , 1758px 623px 2px #FFF , 1169px 442px 5px #FFF , 787px 469px 4px #FFF , 1655px 80px 3px #FFF , 992px 32px 3px #FFF , 577px 146px 1px #FFF , 288px 633px 2px #FFF , 360px 617px 2px #FFF , 107px 527px 4px #FFF , 208px 221px 5px #FFF;
}
.stars #star2 {
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 1877px 364px 4px #FFF , 411px 363px 1px #FFF , 263px 613px 4px #FFF , 1454px 216px 2px #FFF , 1898px 684px 1px #FFF , 666px 308px 1px #FFF , 35px 158px 4px #FFF , 1852px 52px 3px #FFF , 124px 519px 2px #FFF , 91px 228px 1px #FFF , 1684px 39px 1px #FFF , 394px 608px 2px #FFF , 576px 320px 2px #FFF , 272px 114px 1px #FFF , 589px 238px 5px #FFF , 47px 451px 4px #FFF , 387px 799px 5px #FFF , 1881px 166px 4px #FFF , 1620px 736px 5px #FFF , 531px 199px 2px #FFF , 1224px 803px 1px #FFF , 211px 390px 2px #FFF , 157px 677px 2px #FFF , 344px 66px 5px #FFF , 1009px 569px 4px #FFF , 1533px 688px 4px #FFF , 485px 698px 5px #FFF , 902px 69px 1px #FFF , 1910px 631px 2px #FFF , 1337px 282px 1px #FFF , 1686px 690px 4px #FFF , 757px 467px 4px #FFF , 1676px 121px 5px #FFF , 1575px 248px 5px #FFF , 66px 216px 1px #FFF , 158px 301px 1px #FFF , 977px 450px 3px #FFF , 451px 41px 2px #FFF , 862px 310px 3px #FFF , 908px 101px 3px #FFF , 1746px 563px 4px #FFF;
          box-shadow: 1877px 364px 4px #FFF , 411px 363px 1px #FFF , 263px 613px 4px #FFF , 1454px 216px 2px #FFF , 1898px 684px 1px #FFF , 666px 308px 1px #FFF , 35px 158px 4px #FFF , 1852px 52px 3px #FFF , 124px 519px 2px #FFF , 91px 228px 1px #FFF , 1684px 39px 1px #FFF , 394px 608px 2px #FFF , 576px 320px 2px #FFF , 272px 114px 1px #FFF , 589px 238px 5px #FFF , 47px 451px 4px #FFF , 387px 799px 5px #FFF , 1881px 166px 4px #FFF , 1620px 736px 5px #FFF , 531px 199px 2px #FFF , 1224px 803px 1px #FFF , 211px 390px 2px #FFF , 157px 677px 2px #FFF , 344px 66px 5px #FFF , 1009px 569px 4px #FFF , 1533px 688px 4px #FFF , 485px 698px 5px #FFF , 902px 69px 1px #FFF , 1910px 631px 2px #FFF , 1337px 282px 1px #FFF , 1686px 690px 4px #FFF , 757px 467px 4px #FFF , 1676px 121px 5px #FFF , 1575px 248px 5px #FFF , 66px 216px 1px #FFF , 158px 301px 1px #FFF , 977px 450px 3px #FFF , 451px 41px 2px #FFF , 862px 310px 3px #FFF , 908px 101px 3px #FFF , 1746px 563px 4px #FFF;
  -webkit-animation: animStar 10s linear infinite;
          animation: animStar 10s linear infinite;
}
.stars #star2:after {
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 1877px 364px 4px #FFF , 411px 363px 1px #FFF , 263px 613px 4px #FFF , 1454px 216px 2px #FFF , 1898px 684px 1px #FFF , 666px 308px 1px #FFF , 35px 158px 4px #FFF , 1852px 52px 3px #FFF , 124px 519px 2px #FFF , 91px 228px 1px #FFF , 1684px 39px 1px #FFF , 394px 608px 2px #FFF , 576px 320px 2px #FFF , 272px 114px 1px #FFF , 589px 238px 5px #FFF , 47px 451px 4px #FFF , 387px 799px 5px #FFF , 1881px 166px 4px #FFF , 1620px 736px 5px #FFF , 531px 199px 2px #FFF , 1224px 803px 1px #FFF , 211px 390px 2px #FFF , 157px 677px 2px #FFF , 344px 66px 5px #FFF , 1009px 569px 4px #FFF , 1533px 688px 4px #FFF , 485px 698px 5px #FFF , 902px 69px 1px #FFF , 1910px 631px 2px #FFF , 1337px 282px 1px #FFF , 1686px 690px 4px #FFF , 757px 467px 4px #FFF , 1676px 121px 5px #FFF , 1575px 248px 5px #FFF , 66px 216px 1px #FFF , 158px 301px 1px #FFF , 977px 450px 3px #FFF , 451px 41px 2px #FFF , 862px 310px 3px #FFF , 908px 101px 3px #FFF , 1746px 563px 4px #FFF;
          box-shadow: 1877px 364px 4px #FFF , 411px 363px 1px #FFF , 263px 613px 4px #FFF , 1454px 216px 2px #FFF , 1898px 684px 1px #FFF , 666px 308px 1px #FFF , 35px 158px 4px #FFF , 1852px 52px 3px #FFF , 124px 519px 2px #FFF , 91px 228px 1px #FFF , 1684px 39px 1px #FFF , 394px 608px 2px #FFF , 576px 320px 2px #FFF , 272px 114px 1px #FFF , 589px 238px 5px #FFF , 47px 451px 4px #FFF , 387px 799px 5px #FFF , 1881px 166px 4px #FFF , 1620px 736px 5px #FFF , 531px 199px 2px #FFF , 1224px 803px 1px #FFF , 211px 390px 2px #FFF , 157px 677px 2px #FFF , 344px 66px 5px #FFF , 1009px 569px 4px #FFF , 1533px 688px 4px #FFF , 485px 698px 5px #FFF , 902px 69px 1px #FFF , 1910px 631px 2px #FFF , 1337px 282px 1px #FFF , 1686px 690px 4px #FFF , 757px 467px 4px #FFF , 1676px 121px 5px #FFF , 1575px 248px 5px #FFF , 66px 216px 1px #FFF , 158px 301px 1px #FFF , 977px 450px 3px #FFF , 451px 41px 2px #FFF , 862px 310px 3px #FFF , 908px 101px 3px #FFF , 1746px 563px 4px #FFF;
}
.stars #star3 {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 1487px 817px 5px #FFF , 415px 475px 2px #FFF , 733px 124px 2px #FFF , 1442px 230px 1px #FFF , 799px 405px 4px #FFF , 1259px 228px 1px #FFF , 200px 344px 4px #FFF , 338px 160px 2px #FFF , 1345px 796px 1px #FFF , 1220px 117px 3px #FFF , 1507px 755px 2px #FFF , 577px 174px 4px #FFF , 45px 10px 4px #FFF , 1823px 588px 5px #FFF , 1500px 284px 3px #FFF , 947px 805px 4px #FFF , 1774px 788px 4px #FFF , 152px 386px 3px #FFF , 1807px 556px 4px #FFF , 1516px 351px 2px #FFF , 947px 356px 3px #FFF , 142px 817px 5px #FFF , 623px 294px 2px #FFF , 476px 45px 2px #FFF , 1898px 329px 2px #FFF , 517px 173px 4px #FFF , 1008px 474px 4px #FFF , 1635px 539px 2px #FFF , 1282px 689px 5px #FFF , 305px 556px 1px #FFF , 237px 18px 4px #FFF;
          box-shadow: 1487px 817px 5px #FFF , 415px 475px 2px #FFF , 733px 124px 2px #FFF , 1442px 230px 1px #FFF , 799px 405px 4px #FFF , 1259px 228px 1px #FFF , 200px 344px 4px #FFF , 338px 160px 2px #FFF , 1345px 796px 1px #FFF , 1220px 117px 3px #FFF , 1507px 755px 2px #FFF , 577px 174px 4px #FFF , 45px 10px 4px #FFF , 1823px 588px 5px #FFF , 1500px 284px 3px #FFF , 947px 805px 4px #FFF , 1774px 788px 4px #FFF , 152px 386px 3px #FFF , 1807px 556px 4px #FFF , 1516px 351px 2px #FFF , 947px 356px 3px #FFF , 142px 817px 5px #FFF , 623px 294px 2px #FFF , 476px 45px 2px #FFF , 1898px 329px 2px #FFF , 517px 173px 4px #FFF , 1008px 474px 4px #FFF , 1635px 539px 2px #FFF , 1282px 689px 5px #FFF , 305px 556px 1px #FFF , 237px 18px 4px #FFF;
  -webkit-animation: animStar 15s linear infinite;
          animation: animStar 15s linear infinite;
}
.stars #star3:after {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 1487px 817px 5px #FFF , 415px 475px 2px #FFF , 733px 124px 2px #FFF , 1442px 230px 1px #FFF , 799px 405px 4px #FFF , 1259px 228px 1px #FFF , 200px 344px 4px #FFF , 338px 160px 2px #FFF , 1345px 796px 1px #FFF , 1220px 117px 3px #FFF , 1507px 755px 2px #FFF , 577px 174px 4px #FFF , 45px 10px 4px #FFF , 1823px 588px 5px #FFF , 1500px 284px 3px #FFF , 947px 805px 4px #FFF , 1774px 788px 4px #FFF , 152px 386px 3px #FFF , 1807px 556px 4px #FFF , 1516px 351px 2px #FFF , 947px 356px 3px #FFF , 142px 817px 5px #FFF , 623px 294px 2px #FFF , 476px 45px 2px #FFF , 1898px 329px 2px #FFF , 517px 173px 4px #FFF , 1008px 474px 4px #FFF , 1635px 539px 2px #FFF , 1282px 689px 5px #FFF , 305px 556px 1px #FFF , 237px 18px 4px #FFF;
          box-shadow: 1487px 817px 5px #FFF , 415px 475px 2px #FFF , 733px 124px 2px #FFF , 1442px 230px 1px #FFF , 799px 405px 4px #FFF , 1259px 228px 1px #FFF , 200px 344px 4px #FFF , 338px 160px 2px #FFF , 1345px 796px 1px #FFF , 1220px 117px 3px #FFF , 1507px 755px 2px #FFF , 577px 174px 4px #FFF , 45px 10px 4px #FFF , 1823px 588px 5px #FFF , 1500px 284px 3px #FFF , 947px 805px 4px #FFF , 1774px 788px 4px #FFF , 152px 386px 3px #FFF , 1807px 556px 4px #FFF , 1516px 351px 2px #FFF , 947px 356px 3px #FFF , 142px 817px 5px #FFF , 623px 294px 2px #FFF , 476px 45px 2px #FFF , 1898px 329px 2px #FFF , 517px 173px 4px #FFF , 1008px 474px 4px #FFF , 1635px 539px 2px #FFF , 1282px 689px 5px #FFF , 305px 556px 1px #FFF , 237px 18px 4px #FFF;
}
@-webkit-keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
}
@keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
}

@-webkit-keyframes bgEffect {
  0%, 5%, 30%, 39%, 40%, 70%, 80% {
    opacity: 0;
  }
  95%, 97% {
    opacity: 1;
  }
  96%, 98%, 100% {
    opacity: 0;
  }
}

@keyframes bgEffect {
  0%, 5%, 30%, 39%, 40%, 70%, 80% {
    opacity: 0;
  }
  95%, 97% {
    opacity: 1;
  }
  96%, 98%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes magicEffect {
  0%, 100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  10%, 20%, 30%, 40% {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
  }
  15%, 25%, 35%, 45% {
    -webkit-transform: translate(0px, 1px);
            transform: translate(0px, 1px);
  }
}
@keyframes magicEffect {
  0%, 100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  10%, 20%, 30%, 40% {
    -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
  }
  15%, 25%, 35%, 45% {
    -webkit-transform: translate(0px, 1px);
            transform: translate(0px, 1px);
  }
}
@-webkit-keyframes main_bg_cloud {
  0% {
    right: -50%;
  }
  100% {
    right: 50%;
  }
}
@keyframes main_bg_cloud {
  0% {
    right: -50%;
  }
  100% {
    right: 50%;
  }
}
@-webkit-keyframes main_bg_mist {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes main_bg_mist {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes main_bg_m {
  0% {
    top: -82px;
  }
  50% {
    top: -72px;
  }
  100% {
    top: -82px;
  }
}
@keyframes main_bg_m {
  0% {
    top: -82px;
  }
  50% {
    top: -72px;
  }
  100% {
    top: -82px;
  }
}
@-webkit-keyframes main_bg_gem_01 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes main_bg_gem_01 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes main_bg_gem_02 {
  0% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
}
@keyframes main_bg_gem_02 {
  0% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
}
@-webkit-keyframes main_bg_f {
  0% {
    top: -72px;
  }
  50% {
    top: -82px;
  }
  100% {
    top: -72px;
  }
}
@keyframes main_bg_f {
  0% {
    top: -72px;
  }
  50% {
    top: -82px;
  }
  100% {
    top: -72px;
  }
}
@media only screen and (max-width: 1280px) {
  @-webkit-keyframes main_bg_m {
    0% {
      top: -20px;
    }
    50% {
      top: -30px;
    }
    100% {
      top: -20px;
    }
  }
  @keyframes main_bg_m {
    0% {
      top: -20px;
    }
    50% {
      top: -30px;
    }
    100% {
      top: -20px;
    }
  }
  @-webkit-keyframes main_bg_f {
    0% {
      top: -20px;
    }
    50% {
      top: -10px;
    }
    100% {
      top: -20px;
    }
  }
  @keyframes main_bg_f {
    0% {
      top: -20px;
    }
    50% {
      top: -10px;
    }
    100% {
      top: -20px;
    }
  }
}
ul {
  padding: 0;
  margin: 0;
}

.header {
  position: relative;
  overflow: hidden;
}
.header-logo {
  width: 38vw;
  height: 17vw;
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 25%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.header-logo .logo {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 34/17;
  background: url("../img/logo.png") 50% 0 no-repeat;
  background-size: 100%;
}
.header .bg-zone {
  position: relative;
}
.header .bg-zone .bg {
  width: 100vw;
  height: auto;
}
.header .bg-zone .bat {
  position: absolute;
  top: 5vw;
  left: 15vw;
  -webkit-animation: bounce 3s ease-in-out infinite;
          animation: bounce 3s ease-in-out infinite;
}
@media only screen and (max-width: 1600px) {
  .header .bg-zone .bat {
    width: 12%;
  }
}
@media only screen and (max-width: 1280px) {
  .header .bg-zone .bat {
    width: 10%;
  }
}
@media only screen and (max-width: 764px) {
  .header .bg-zone .bat {
    top: 6vw;
    left: 18vw;
    width: 12%;
  }
}
@media only screen and (max-width: 414px) {
  .header .bg-zone .bat {
    top: 14vw;
    left: 15vw;
    width: 17%;
  }
}
@media only screen and (max-width: 375px) {
  .header .bg-zone .bat {
    top: 12vw;
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.header .bg-zone .slide {
  position: absolute;
  visibility: hidden;
  /* 預設完全不可見 */
  opacity: 0;
  /* 預設透明 */
  -webkit-transition: all 7s linear;
  transition: all 7s linear;
  top: 0;
  left: 100%;
}
.header .bg-zone .slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  /* 適應容器大小 */
  max-height: 100%;
}
.header .bg-zone .slide.active {
  visibility: visible;
  /* 顯示當前圖片 */
  opacity: 1;
  /* 透明度變為可見 */
  top: 0;
  left: 0;
}
.header .bg-zone .bg-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header .bg-zone #stars {
  width: 3px;
  height: 3px;
  background: transparent;
  -webkit-box-shadow: 1635px 1093px rgba(255, 97, 97, 0.6), 366px 873px rgba(255, 97, 97, 0.6), 989px 40px rgba(255, 97, 97, 0.6), 1566px 215px rgba(255, 97, 97, 0.6), 1738px 768px rgba(255, 97, 97, 0.6), 656px 355px rgba(255, 97, 97, 0.6), 1277px 87px rgba(255, 97, 97, 0.6), 1262px 1845px rgba(255, 97, 97, 0.6), 121px 917px rgba(255, 97, 97, 0.6), 342px 419px rgba(255, 97, 97, 0.6), 807px 1567px rgba(255, 97, 97, 0.6), 483px 1063px rgba(255, 97, 97, 0.6), 143px 749px rgba(255, 97, 97, 0.6), 1976px 63px rgba(255, 97, 97, 0.6), 486px 1064px rgba(255, 97, 97, 0.6), 729px 413px rgba(255, 97, 97, 0.6), 96px 782px rgba(255, 97, 97, 0.6), 934px 511px rgba(255, 97, 97, 0.6), 1382px 924px rgba(255, 97, 97, 0.6), 1844px 1830px rgba(255, 97, 97, 0.6), 1686px 1239px rgba(255, 97, 97, 0.6), 162px 1421px rgba(255, 97, 97, 0.6), 1966px 536px rgba(255, 97, 97, 0.6), 557px 41px rgba(255, 97, 97, 0.6), 1601px 1665px rgba(255, 97, 97, 0.6), 1191px 51px rgba(255, 97, 97, 0.6), 482px 36px rgba(255, 97, 97, 0.6), 1290px 685px rgba(255, 97, 97, 0.6), 1673px 72px rgba(255, 97, 97, 0.6), 899px 28px rgba(255, 97, 97, 0.6), 450px 1352px rgba(255, 97, 97, 0.6), 193px 1016px rgba(255, 97, 97, 0.6), 1827px 1043px rgba(255, 97, 97, 0.6), 1980px 1631px rgba(255, 97, 97, 0.6), 1701px 1899px rgba(255, 97, 97, 0.6), 1826px 1124px rgba(255, 97, 97, 0.6), 1153px 514px rgba(255, 97, 97, 0.6), 1012px 718px rgba(255, 97, 97, 0.6), 894px 764px rgba(255, 97, 97, 0.6), 1505px 619px rgba(255, 97, 97, 0.6), 1976px 1346px rgba(255, 97, 97, 0.6), 808px 420px rgba(255, 97, 97, 0.6), 9px 882px rgba(255, 97, 97, 0.6), 1047px 379px rgba(255, 97, 97, 0.6), 706px 795px rgba(255, 97, 97, 0.6), 91px 1532px rgba(255, 97, 97, 0.6), 1370px 1650px rgba(255, 97, 97, 0.6), 1854px 79px rgba(255, 97, 97, 0.6), 898px 499px rgba(255, 97, 97, 0.6), 1920px 1763px rgba(255, 97, 97, 0.6), 1832px 1362px rgba(255, 97, 97, 0.6), 1985px 500px rgba(255, 97, 97, 0.6), 1705px 1058px rgba(255, 97, 97, 0.6), 143px 1719px rgba(255, 97, 97, 0.6), 398px 686px rgba(255, 97, 97, 0.6), 733px 1816px rgba(255, 97, 97, 0.6), 2000px 1711px rgba(255, 97, 97, 0.6), 1649px 1005px rgba(255, 97, 97, 0.6), 1963px 1962px rgba(255, 97, 97, 0.6), 1881px 206px rgba(255, 97, 97, 0.6), 1333px 1503px rgba(255, 97, 97, 0.6), 968px 1316px rgba(255, 97, 97, 0.6), 1484px 432px rgba(255, 97, 97, 0.6), 1343px 156px rgba(255, 97, 97, 0.6), 1878px 678px rgba(255, 97, 97, 0.6), 1447px 296px rgba(255, 97, 97, 0.6), 616px 199px rgba(255, 97, 97, 0.6), 531px 1553px rgba(255, 97, 97, 0.6), 897px 201px rgba(255, 97, 97, 0.6), 1852px 262px rgba(255, 97, 97, 0.6), 1414px 1428px rgba(255, 97, 97, 0.6), 1523px 938px rgba(255, 97, 97, 0.6), 1352px 275px rgba(255, 97, 97, 0.6), 891px 1706px rgba(255, 97, 97, 0.6), 458px 602px rgba(255, 97, 97, 0.6), 447px 224px rgba(255, 97, 97, 0.6), 1175px 804px rgba(255, 97, 97, 0.6), 1388px 98px rgba(255, 97, 97, 0.6), 1010px 387px rgba(255, 97, 97, 0.6), 1209px 1368px rgba(255, 97, 97, 0.6), 242px 19px rgba(255, 97, 97, 0.6), 597px 671px rgba(255, 97, 97, 0.6), 1831px 862px rgba(255, 97, 97, 0.6), 1133px 825px rgba(255, 97, 97, 0.6), 1629px 1076px rgba(255, 97, 97, 0.6), 969px 642px rgba(255, 97, 97, 0.6), 1106px 519px rgba(255, 97, 97, 0.6), 1401px 1757px rgba(255, 97, 97, 0.6), 1499px 772px rgba(255, 97, 97, 0.6), 104px 1783px rgba(255, 97, 97, 0.6), 1163px 1605px rgba(255, 97, 97, 0.6), 1041px 506px rgba(255, 97, 97, 0.6), 506px 1783px rgba(255, 97, 97, 0.6), 86px 1910px rgba(255, 97, 97, 0.6), 327px 1237px rgba(255, 97, 97, 0.6), 9px 240px rgba(255, 97, 97, 0.6), 1798px 907px rgba(255, 97, 97, 0.6), 1219px 1832px rgba(255, 97, 97, 0.6), 1584px 841px rgba(255, 97, 97, 0.6), 869px 487px rgba(255, 97, 97, 0.6), 1899px 691px rgba(255, 97, 97, 0.6), 918px 1531px rgba(255, 97, 97, 0.6), 633px 136px rgba(255, 97, 97, 0.6), 678px 828px rgba(255, 97, 97, 0.6), 1599px 1511px rgba(255, 97, 97, 0.6), 1191px 533px rgba(255, 97, 97, 0.6), 1067px 1066px rgba(255, 97, 97, 0.6), 1396px 294px rgba(255, 97, 97, 0.6), 1456px 982px rgba(255, 97, 97, 0.6), 1199px 1751px rgba(255, 97, 97, 0.6), 1191px 71px rgba(255, 97, 97, 0.6), 196px 1616px rgba(255, 97, 97, 0.6), 1735px 581px rgba(255, 97, 97, 0.6), 1773px 1294px rgba(255, 97, 97, 0.6), 1982px 792px rgba(255, 97, 97, 0.6), 1428px 1651px rgba(255, 97, 97, 0.6), 1922px 730px rgba(255, 97, 97, 0.6), 861px 1660px rgba(255, 97, 97, 0.6), 344px 1160px rgba(255, 97, 97, 0.6), 88px 100px rgba(255, 97, 97, 0.6), 1086px 1346px rgba(255, 97, 97, 0.6), 1563px 587px rgba(255, 97, 97, 0.6), 1004px 672px rgba(255, 97, 97, 0.6), 623px 1744px rgba(255, 97, 97, 0.6), 986px 533px rgba(255, 97, 97, 0.6), 1933px 513px rgba(255, 97, 97, 0.6), 1610px 1926px rgba(255, 97, 97, 0.6), 1059px 1040px rgba(255, 97, 97, 0.6), 8px 135px rgba(255, 97, 97, 0.6), 650px 1485px rgba(255, 97, 97, 0.6), 396px 509px rgba(255, 97, 97, 0.6), 59px 1690px rgba(255, 97, 97, 0.6), 1222px 424px rgba(255, 97, 97, 0.6), 486px 1707px rgba(255, 97, 97, 0.6), 283px 1760px rgba(255, 97, 97, 0.6), 464px 1715px rgba(255, 97, 97, 0.6), 426px 8px rgba(255, 97, 97, 0.6), 1281px 743px rgba(255, 97, 97, 0.6), 1542px 1310px rgba(255, 97, 97, 0.6), 1901px 1409px rgba(255, 97, 97, 0.6), 1864px 581px rgba(255, 97, 97, 0.6), 1601px 880px rgba(255, 97, 97, 0.6), 215px 1511px rgba(255, 97, 97, 0.6), 126px 1722px rgba(255, 97, 97, 0.6), 181px 1724px rgba(255, 97, 97, 0.6), 1564px 1421px rgba(255, 97, 97, 0.6), 625px 709px rgba(255, 97, 97, 0.6), 506px 933px rgba(255, 97, 97, 0.6), 1934px 614px rgba(255, 97, 97, 0.6), 1528px 884px rgba(255, 97, 97, 0.6), 1295px 118px rgba(255, 97, 97, 0.6), 1717px 1172px rgba(255, 97, 97, 0.6), 1119px 1361px rgba(255, 97, 97, 0.6), 1912px 499px rgba(255, 97, 97, 0.6), 565px 80px rgba(255, 97, 97, 0.6), 1440px 150px rgba(255, 97, 97, 0.6), 359px 1719px rgba(255, 97, 97, 0.6), 1809px 1551px rgba(255, 97, 97, 0.6), 1730px 1280px rgba(255, 97, 97, 0.6), 648px 1588px rgba(255, 97, 97, 0.6), 87px 134px rgba(255, 97, 97, 0.6), 1110px 122px rgba(255, 97, 97, 0.6), 1977px 1306px rgba(255, 97, 97, 0.6), 734px 763px rgba(255, 97, 97, 0.6), 1704px 1962px rgba(255, 97, 97, 0.6), 1920px 778px rgba(255, 97, 97, 0.6), 967px 1495px rgba(255, 97, 97, 0.6), 762px 1280px rgba(255, 97, 97, 0.6), 1748px 1636px rgba(255, 97, 97, 0.6), 821px 658px rgba(255, 97, 97, 0.6), 130px 1959px rgba(255, 97, 97, 0.6), 1095px 1855px rgba(255, 97, 97, 0.6), 937px 653px rgba(255, 97, 97, 0.6), 976px 1163px rgba(255, 97, 97, 0.6), 745px 947px rgba(255, 97, 97, 0.6), 1682px 212px rgba(255, 97, 97, 0.6), 455px 505px rgba(255, 97, 97, 0.6), 463px 837px rgba(255, 97, 97, 0.6), 771px 1690px rgba(255, 97, 97, 0.6), 475px 103px rgba(255, 97, 97, 0.6), 284px 661px rgba(255, 97, 97, 0.6), 911px 301px rgba(255, 97, 97, 0.6), 165px 360px rgba(255, 97, 97, 0.6), 1253px 838px rgba(255, 97, 97, 0.6), 565px 1390px rgba(255, 97, 97, 0.6), 474px 134px rgba(255, 97, 97, 0.6), 1676px 1689px rgba(255, 97, 97, 0.6), 1572px 1915px rgba(255, 97, 97, 0.6), 1214px 1531px rgba(255, 97, 97, 0.6), 710px 1001px rgba(255, 97, 97, 0.6), 1177px 635px rgba(255, 97, 97, 0.6), 1590px 1897px rgba(255, 97, 97, 0.6), 1378px 1105px rgba(255, 97, 97, 0.6), 1297px 869px rgba(255, 97, 97, 0.6), 1476px 1051px rgba(255, 97, 97, 0.6), 133px 1702px rgba(255, 97, 97, 0.6), 1571px 844px rgba(255, 97, 97, 0.6), 1729px 941px rgba(255, 97, 97, 0.6), 58px 205px rgba(255, 97, 97, 0.6), 454px 750px rgba(255, 97, 97, 0.6);
          box-shadow: 1635px 1093px rgba(255, 97, 97, 0.6), 366px 873px rgba(255, 97, 97, 0.6), 989px 40px rgba(255, 97, 97, 0.6), 1566px 215px rgba(255, 97, 97, 0.6), 1738px 768px rgba(255, 97, 97, 0.6), 656px 355px rgba(255, 97, 97, 0.6), 1277px 87px rgba(255, 97, 97, 0.6), 1262px 1845px rgba(255, 97, 97, 0.6), 121px 917px rgba(255, 97, 97, 0.6), 342px 419px rgba(255, 97, 97, 0.6), 807px 1567px rgba(255, 97, 97, 0.6), 483px 1063px rgba(255, 97, 97, 0.6), 143px 749px rgba(255, 97, 97, 0.6), 1976px 63px rgba(255, 97, 97, 0.6), 486px 1064px rgba(255, 97, 97, 0.6), 729px 413px rgba(255, 97, 97, 0.6), 96px 782px rgba(255, 97, 97, 0.6), 934px 511px rgba(255, 97, 97, 0.6), 1382px 924px rgba(255, 97, 97, 0.6), 1844px 1830px rgba(255, 97, 97, 0.6), 1686px 1239px rgba(255, 97, 97, 0.6), 162px 1421px rgba(255, 97, 97, 0.6), 1966px 536px rgba(255, 97, 97, 0.6), 557px 41px rgba(255, 97, 97, 0.6), 1601px 1665px rgba(255, 97, 97, 0.6), 1191px 51px rgba(255, 97, 97, 0.6), 482px 36px rgba(255, 97, 97, 0.6), 1290px 685px rgba(255, 97, 97, 0.6), 1673px 72px rgba(255, 97, 97, 0.6), 899px 28px rgba(255, 97, 97, 0.6), 450px 1352px rgba(255, 97, 97, 0.6), 193px 1016px rgba(255, 97, 97, 0.6), 1827px 1043px rgba(255, 97, 97, 0.6), 1980px 1631px rgba(255, 97, 97, 0.6), 1701px 1899px rgba(255, 97, 97, 0.6), 1826px 1124px rgba(255, 97, 97, 0.6), 1153px 514px rgba(255, 97, 97, 0.6), 1012px 718px rgba(255, 97, 97, 0.6), 894px 764px rgba(255, 97, 97, 0.6), 1505px 619px rgba(255, 97, 97, 0.6), 1976px 1346px rgba(255, 97, 97, 0.6), 808px 420px rgba(255, 97, 97, 0.6), 9px 882px rgba(255, 97, 97, 0.6), 1047px 379px rgba(255, 97, 97, 0.6), 706px 795px rgba(255, 97, 97, 0.6), 91px 1532px rgba(255, 97, 97, 0.6), 1370px 1650px rgba(255, 97, 97, 0.6), 1854px 79px rgba(255, 97, 97, 0.6), 898px 499px rgba(255, 97, 97, 0.6), 1920px 1763px rgba(255, 97, 97, 0.6), 1832px 1362px rgba(255, 97, 97, 0.6), 1985px 500px rgba(255, 97, 97, 0.6), 1705px 1058px rgba(255, 97, 97, 0.6), 143px 1719px rgba(255, 97, 97, 0.6), 398px 686px rgba(255, 97, 97, 0.6), 733px 1816px rgba(255, 97, 97, 0.6), 2000px 1711px rgba(255, 97, 97, 0.6), 1649px 1005px rgba(255, 97, 97, 0.6), 1963px 1962px rgba(255, 97, 97, 0.6), 1881px 206px rgba(255, 97, 97, 0.6), 1333px 1503px rgba(255, 97, 97, 0.6), 968px 1316px rgba(255, 97, 97, 0.6), 1484px 432px rgba(255, 97, 97, 0.6), 1343px 156px rgba(255, 97, 97, 0.6), 1878px 678px rgba(255, 97, 97, 0.6), 1447px 296px rgba(255, 97, 97, 0.6), 616px 199px rgba(255, 97, 97, 0.6), 531px 1553px rgba(255, 97, 97, 0.6), 897px 201px rgba(255, 97, 97, 0.6), 1852px 262px rgba(255, 97, 97, 0.6), 1414px 1428px rgba(255, 97, 97, 0.6), 1523px 938px rgba(255, 97, 97, 0.6), 1352px 275px rgba(255, 97, 97, 0.6), 891px 1706px rgba(255, 97, 97, 0.6), 458px 602px rgba(255, 97, 97, 0.6), 447px 224px rgba(255, 97, 97, 0.6), 1175px 804px rgba(255, 97, 97, 0.6), 1388px 98px rgba(255, 97, 97, 0.6), 1010px 387px rgba(255, 97, 97, 0.6), 1209px 1368px rgba(255, 97, 97, 0.6), 242px 19px rgba(255, 97, 97, 0.6), 597px 671px rgba(255, 97, 97, 0.6), 1831px 862px rgba(255, 97, 97, 0.6), 1133px 825px rgba(255, 97, 97, 0.6), 1629px 1076px rgba(255, 97, 97, 0.6), 969px 642px rgba(255, 97, 97, 0.6), 1106px 519px rgba(255, 97, 97, 0.6), 1401px 1757px rgba(255, 97, 97, 0.6), 1499px 772px rgba(255, 97, 97, 0.6), 104px 1783px rgba(255, 97, 97, 0.6), 1163px 1605px rgba(255, 97, 97, 0.6), 1041px 506px rgba(255, 97, 97, 0.6), 506px 1783px rgba(255, 97, 97, 0.6), 86px 1910px rgba(255, 97, 97, 0.6), 327px 1237px rgba(255, 97, 97, 0.6), 9px 240px rgba(255, 97, 97, 0.6), 1798px 907px rgba(255, 97, 97, 0.6), 1219px 1832px rgba(255, 97, 97, 0.6), 1584px 841px rgba(255, 97, 97, 0.6), 869px 487px rgba(255, 97, 97, 0.6), 1899px 691px rgba(255, 97, 97, 0.6), 918px 1531px rgba(255, 97, 97, 0.6), 633px 136px rgba(255, 97, 97, 0.6), 678px 828px rgba(255, 97, 97, 0.6), 1599px 1511px rgba(255, 97, 97, 0.6), 1191px 533px rgba(255, 97, 97, 0.6), 1067px 1066px rgba(255, 97, 97, 0.6), 1396px 294px rgba(255, 97, 97, 0.6), 1456px 982px rgba(255, 97, 97, 0.6), 1199px 1751px rgba(255, 97, 97, 0.6), 1191px 71px rgba(255, 97, 97, 0.6), 196px 1616px rgba(255, 97, 97, 0.6), 1735px 581px rgba(255, 97, 97, 0.6), 1773px 1294px rgba(255, 97, 97, 0.6), 1982px 792px rgba(255, 97, 97, 0.6), 1428px 1651px rgba(255, 97, 97, 0.6), 1922px 730px rgba(255, 97, 97, 0.6), 861px 1660px rgba(255, 97, 97, 0.6), 344px 1160px rgba(255, 97, 97, 0.6), 88px 100px rgba(255, 97, 97, 0.6), 1086px 1346px rgba(255, 97, 97, 0.6), 1563px 587px rgba(255, 97, 97, 0.6), 1004px 672px rgba(255, 97, 97, 0.6), 623px 1744px rgba(255, 97, 97, 0.6), 986px 533px rgba(255, 97, 97, 0.6), 1933px 513px rgba(255, 97, 97, 0.6), 1610px 1926px rgba(255, 97, 97, 0.6), 1059px 1040px rgba(255, 97, 97, 0.6), 8px 135px rgba(255, 97, 97, 0.6), 650px 1485px rgba(255, 97, 97, 0.6), 396px 509px rgba(255, 97, 97, 0.6), 59px 1690px rgba(255, 97, 97, 0.6), 1222px 424px rgba(255, 97, 97, 0.6), 486px 1707px rgba(255, 97, 97, 0.6), 283px 1760px rgba(255, 97, 97, 0.6), 464px 1715px rgba(255, 97, 97, 0.6), 426px 8px rgba(255, 97, 97, 0.6), 1281px 743px rgba(255, 97, 97, 0.6), 1542px 1310px rgba(255, 97, 97, 0.6), 1901px 1409px rgba(255, 97, 97, 0.6), 1864px 581px rgba(255, 97, 97, 0.6), 1601px 880px rgba(255, 97, 97, 0.6), 215px 1511px rgba(255, 97, 97, 0.6), 126px 1722px rgba(255, 97, 97, 0.6), 181px 1724px rgba(255, 97, 97, 0.6), 1564px 1421px rgba(255, 97, 97, 0.6), 625px 709px rgba(255, 97, 97, 0.6), 506px 933px rgba(255, 97, 97, 0.6), 1934px 614px rgba(255, 97, 97, 0.6), 1528px 884px rgba(255, 97, 97, 0.6), 1295px 118px rgba(255, 97, 97, 0.6), 1717px 1172px rgba(255, 97, 97, 0.6), 1119px 1361px rgba(255, 97, 97, 0.6), 1912px 499px rgba(255, 97, 97, 0.6), 565px 80px rgba(255, 97, 97, 0.6), 1440px 150px rgba(255, 97, 97, 0.6), 359px 1719px rgba(255, 97, 97, 0.6), 1809px 1551px rgba(255, 97, 97, 0.6), 1730px 1280px rgba(255, 97, 97, 0.6), 648px 1588px rgba(255, 97, 97, 0.6), 87px 134px rgba(255, 97, 97, 0.6), 1110px 122px rgba(255, 97, 97, 0.6), 1977px 1306px rgba(255, 97, 97, 0.6), 734px 763px rgba(255, 97, 97, 0.6), 1704px 1962px rgba(255, 97, 97, 0.6), 1920px 778px rgba(255, 97, 97, 0.6), 967px 1495px rgba(255, 97, 97, 0.6), 762px 1280px rgba(255, 97, 97, 0.6), 1748px 1636px rgba(255, 97, 97, 0.6), 821px 658px rgba(255, 97, 97, 0.6), 130px 1959px rgba(255, 97, 97, 0.6), 1095px 1855px rgba(255, 97, 97, 0.6), 937px 653px rgba(255, 97, 97, 0.6), 976px 1163px rgba(255, 97, 97, 0.6), 745px 947px rgba(255, 97, 97, 0.6), 1682px 212px rgba(255, 97, 97, 0.6), 455px 505px rgba(255, 97, 97, 0.6), 463px 837px rgba(255, 97, 97, 0.6), 771px 1690px rgba(255, 97, 97, 0.6), 475px 103px rgba(255, 97, 97, 0.6), 284px 661px rgba(255, 97, 97, 0.6), 911px 301px rgba(255, 97, 97, 0.6), 165px 360px rgba(255, 97, 97, 0.6), 1253px 838px rgba(255, 97, 97, 0.6), 565px 1390px rgba(255, 97, 97, 0.6), 474px 134px rgba(255, 97, 97, 0.6), 1676px 1689px rgba(255, 97, 97, 0.6), 1572px 1915px rgba(255, 97, 97, 0.6), 1214px 1531px rgba(255, 97, 97, 0.6), 710px 1001px rgba(255, 97, 97, 0.6), 1177px 635px rgba(255, 97, 97, 0.6), 1590px 1897px rgba(255, 97, 97, 0.6), 1378px 1105px rgba(255, 97, 97, 0.6), 1297px 869px rgba(255, 97, 97, 0.6), 1476px 1051px rgba(255, 97, 97, 0.6), 133px 1702px rgba(255, 97, 97, 0.6), 1571px 844px rgba(255, 97, 97, 0.6), 1729px 941px rgba(255, 97, 97, 0.6), 58px 205px rgba(255, 97, 97, 0.6), 454px 750px rgba(255, 97, 97, 0.6);
  -webkit-animation: animStar 50s linear infinite;
          animation: animStar 50s linear infinite;
}
.header .bg-zone #stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  -webkit-box-shadow: 1635px 1093px rgba(255, 97, 97, 0.6), 366px 873px rgba(255, 97, 97, 0.6), 989px 40px rgba(255, 97, 97, 0.6), 1566px 215px rgba(255, 97, 97, 0.6), 1738px 768px rgba(255, 97, 97, 0.6), 656px 355px rgba(255, 97, 97, 0.6), 1277px 87px rgba(255, 97, 97, 0.6), 1262px 1845px rgba(255, 97, 97, 0.6), 121px 917px rgba(255, 97, 97, 0.6), 342px 419px rgba(255, 97, 97, 0.6), 807px 1567px rgba(255, 97, 97, 0.6), 483px 1063px rgba(255, 97, 97, 0.6), 143px 749px rgba(255, 97, 97, 0.6), 1976px 63px rgba(255, 97, 97, 0.6), 486px 1064px rgba(255, 97, 97, 0.6), 729px 413px rgba(255, 97, 97, 0.6), 96px 782px rgba(255, 97, 97, 0.6), 934px 511px rgba(255, 97, 97, 0.6), 1382px 924px rgba(255, 97, 97, 0.6), 1844px 1830px rgba(255, 97, 97, 0.6), 1686px 1239px rgba(255, 97, 97, 0.6), 162px 1421px rgba(255, 97, 97, 0.6), 1966px 536px rgba(255, 97, 97, 0.6), 557px 41px rgba(255, 97, 97, 0.6), 1601px 1665px rgba(255, 97, 97, 0.6), 1191px 51px rgba(255, 97, 97, 0.6), 482px 36px rgba(255, 97, 97, 0.6), 1290px 685px rgba(255, 97, 97, 0.6), 1673px 72px rgba(255, 97, 97, 0.6), 899px 28px rgba(255, 97, 97, 0.6), 450px 1352px rgba(255, 97, 97, 0.6), 193px 1016px rgba(255, 97, 97, 0.6), 1827px 1043px rgba(255, 97, 97, 0.6), 1980px 1631px rgba(255, 97, 97, 0.6), 1701px 1899px rgba(255, 97, 97, 0.6), 1826px 1124px rgba(255, 97, 97, 0.6), 1153px 514px rgba(255, 97, 97, 0.6), 1012px 718px rgba(255, 97, 97, 0.6), 894px 764px rgba(255, 97, 97, 0.6), 1505px 619px rgba(255, 97, 97, 0.6), 1976px 1346px rgba(255, 97, 97, 0.6), 808px 420px rgba(255, 97, 97, 0.6), 9px 882px rgba(255, 97, 97, 0.6), 1047px 379px rgba(255, 97, 97, 0.6), 706px 795px rgba(255, 97, 97, 0.6), 91px 1532px rgba(255, 97, 97, 0.6), 1370px 1650px rgba(255, 97, 97, 0.6), 1854px 79px rgba(255, 97, 97, 0.6), 898px 499px rgba(255, 97, 97, 0.6), 1920px 1763px rgba(255, 97, 97, 0.6), 1832px 1362px rgba(255, 97, 97, 0.6), 1985px 500px rgba(255, 97, 97, 0.6), 1705px 1058px rgba(255, 97, 97, 0.6), 143px 1719px rgba(255, 97, 97, 0.6), 398px 686px rgba(255, 97, 97, 0.6), 733px 1816px rgba(255, 97, 97, 0.6), 2000px 1711px rgba(255, 97, 97, 0.6), 1649px 1005px rgba(255, 97, 97, 0.6), 1963px 1962px rgba(255, 97, 97, 0.6), 1881px 206px rgba(255, 97, 97, 0.6), 1333px 1503px rgba(255, 97, 97, 0.6), 968px 1316px rgba(255, 97, 97, 0.6), 1484px 432px rgba(255, 97, 97, 0.6), 1343px 156px rgba(255, 97, 97, 0.6), 1878px 678px rgba(255, 97, 97, 0.6), 1447px 296px rgba(255, 97, 97, 0.6), 616px 199px rgba(255, 97, 97, 0.6), 531px 1553px rgba(255, 97, 97, 0.6), 897px 201px rgba(255, 97, 97, 0.6), 1852px 262px rgba(255, 97, 97, 0.6), 1414px 1428px rgba(255, 97, 97, 0.6), 1523px 938px rgba(255, 97, 97, 0.6), 1352px 275px rgba(255, 97, 97, 0.6), 891px 1706px rgba(255, 97, 97, 0.6), 458px 602px rgba(255, 97, 97, 0.6), 447px 224px rgba(255, 97, 97, 0.6), 1175px 804px rgba(255, 97, 97, 0.6), 1388px 98px rgba(255, 97, 97, 0.6), 1010px 387px rgba(255, 97, 97, 0.6), 1209px 1368px rgba(255, 97, 97, 0.6), 242px 19px rgba(255, 97, 97, 0.6), 597px 671px rgba(255, 97, 97, 0.6), 1831px 862px rgba(255, 97, 97, 0.6), 1133px 825px rgba(255, 97, 97, 0.6), 1629px 1076px rgba(255, 97, 97, 0.6), 969px 642px rgba(255, 97, 97, 0.6), 1106px 519px rgba(255, 97, 97, 0.6), 1401px 1757px rgba(255, 97, 97, 0.6), 1499px 772px rgba(255, 97, 97, 0.6), 104px 1783px rgba(255, 97, 97, 0.6), 1163px 1605px rgba(255, 97, 97, 0.6), 1041px 506px rgba(255, 97, 97, 0.6), 506px 1783px rgba(255, 97, 97, 0.6), 86px 1910px rgba(255, 97, 97, 0.6), 327px 1237px rgba(255, 97, 97, 0.6), 9px 240px rgba(255, 97, 97, 0.6), 1798px 907px rgba(255, 97, 97, 0.6), 1219px 1832px rgba(255, 97, 97, 0.6), 1584px 841px rgba(255, 97, 97, 0.6), 869px 487px rgba(255, 97, 97, 0.6), 1899px 691px rgba(255, 97, 97, 0.6), 918px 1531px rgba(255, 97, 97, 0.6), 633px 136px rgba(255, 97, 97, 0.6), 678px 828px rgba(255, 97, 97, 0.6), 1599px 1511px rgba(255, 97, 97, 0.6), 1191px 533px rgba(255, 97, 97, 0.6), 1067px 1066px rgba(255, 97, 97, 0.6), 1396px 294px rgba(255, 97, 97, 0.6), 1456px 982px rgba(255, 97, 97, 0.6), 1199px 1751px rgba(255, 97, 97, 0.6), 1191px 71px rgba(255, 97, 97, 0.6), 196px 1616px rgba(255, 97, 97, 0.6), 1735px 581px rgba(255, 97, 97, 0.6), 1773px 1294px rgba(255, 97, 97, 0.6), 1982px 792px rgba(255, 97, 97, 0.6), 1428px 1651px rgba(255, 97, 97, 0.6), 1922px 730px rgba(255, 97, 97, 0.6), 861px 1660px rgba(255, 97, 97, 0.6), 344px 1160px rgba(255, 97, 97, 0.6), 88px 100px rgba(255, 97, 97, 0.6), 1086px 1346px rgba(255, 97, 97, 0.6), 1563px 587px rgba(255, 97, 97, 0.6), 1004px 672px rgba(255, 97, 97, 0.6), 623px 1744px rgba(255, 97, 97, 0.6), 986px 533px rgba(255, 97, 97, 0.6), 1933px 513px rgba(255, 97, 97, 0.6), 1610px 1926px rgba(255, 97, 97, 0.6), 1059px 1040px rgba(255, 97, 97, 0.6), 8px 135px rgba(255, 97, 97, 0.6), 650px 1485px rgba(255, 97, 97, 0.6), 396px 509px rgba(255, 97, 97, 0.6), 59px 1690px rgba(255, 97, 97, 0.6), 1222px 424px rgba(255, 97, 97, 0.6), 486px 1707px rgba(255, 97, 97, 0.6), 283px 1760px rgba(255, 97, 97, 0.6), 464px 1715px rgba(255, 97, 97, 0.6), 426px 8px rgba(255, 97, 97, 0.6), 1281px 743px rgba(255, 97, 97, 0.6), 1542px 1310px rgba(255, 97, 97, 0.6), 1901px 1409px rgba(255, 97, 97, 0.6), 1864px 581px rgba(255, 97, 97, 0.6), 1601px 880px rgba(255, 97, 97, 0.6), 215px 1511px rgba(255, 97, 97, 0.6), 126px 1722px rgba(255, 97, 97, 0.6), 181px 1724px rgba(255, 97, 97, 0.6), 1564px 1421px rgba(255, 97, 97, 0.6), 625px 709px rgba(255, 97, 97, 0.6), 506px 933px rgba(255, 97, 97, 0.6), 1934px 614px rgba(255, 97, 97, 0.6), 1528px 884px rgba(255, 97, 97, 0.6), 1295px 118px rgba(255, 97, 97, 0.6), 1717px 1172px rgba(255, 97, 97, 0.6), 1119px 1361px rgba(255, 97, 97, 0.6), 1912px 499px rgba(255, 97, 97, 0.6), 565px 80px rgba(255, 97, 97, 0.6), 1440px 150px rgba(255, 97, 97, 0.6), 359px 1719px rgba(255, 97, 97, 0.6), 1809px 1551px rgba(255, 97, 97, 0.6), 1730px 1280px rgba(255, 97, 97, 0.6), 648px 1588px rgba(255, 97, 97, 0.6), 87px 134px rgba(255, 97, 97, 0.6), 1110px 122px rgba(255, 97, 97, 0.6), 1977px 1306px rgba(255, 97, 97, 0.6), 734px 763px rgba(255, 97, 97, 0.6), 1704px 1962px rgba(255, 97, 97, 0.6), 1920px 778px rgba(255, 97, 97, 0.6), 967px 1495px rgba(255, 97, 97, 0.6), 762px 1280px rgba(255, 97, 97, 0.6), 1748px 1636px rgba(255, 97, 97, 0.6), 821px 658px rgba(255, 97, 97, 0.6), 130px 1959px rgba(255, 97, 97, 0.6), 1095px 1855px rgba(255, 97, 97, 0.6), 937px 653px rgba(255, 97, 97, 0.6), 976px 1163px rgba(255, 97, 97, 0.6), 745px 947px rgba(255, 97, 97, 0.6), 1682px 212px rgba(255, 97, 97, 0.6), 455px 505px rgba(255, 97, 97, 0.6), 463px 837px rgba(255, 97, 97, 0.6), 771px 1690px rgba(255, 97, 97, 0.6), 475px 103px rgba(255, 97, 97, 0.6), 284px 661px rgba(255, 97, 97, 0.6), 911px 301px rgba(255, 97, 97, 0.6), 165px 360px rgba(255, 97, 97, 0.6), 1253px 838px rgba(255, 97, 97, 0.6), 565px 1390px rgba(255, 97, 97, 0.6), 474px 134px rgba(255, 97, 97, 0.6), 1676px 1689px rgba(255, 97, 97, 0.6), 1572px 1915px rgba(255, 97, 97, 0.6), 1214px 1531px rgba(255, 97, 97, 0.6), 710px 1001px rgba(255, 97, 97, 0.6), 1177px 635px rgba(255, 97, 97, 0.6), 1590px 1897px rgba(255, 97, 97, 0.6), 1378px 1105px rgba(255, 97, 97, 0.6), 1297px 869px rgba(255, 97, 97, 0.6), 1476px 1051px rgba(255, 97, 97, 0.6), 133px 1702px rgba(255, 97, 97, 0.6), 1571px 844px rgba(255, 97, 97, 0.6), 1729px 941px rgba(255, 97, 97, 0.6), 58px 205px rgba(255, 97, 97, 0.6), 454px 750px rgba(255, 97, 97, 0.6);
          box-shadow: 1635px 1093px rgba(255, 97, 97, 0.6), 366px 873px rgba(255, 97, 97, 0.6), 989px 40px rgba(255, 97, 97, 0.6), 1566px 215px rgba(255, 97, 97, 0.6), 1738px 768px rgba(255, 97, 97, 0.6), 656px 355px rgba(255, 97, 97, 0.6), 1277px 87px rgba(255, 97, 97, 0.6), 1262px 1845px rgba(255, 97, 97, 0.6), 121px 917px rgba(255, 97, 97, 0.6), 342px 419px rgba(255, 97, 97, 0.6), 807px 1567px rgba(255, 97, 97, 0.6), 483px 1063px rgba(255, 97, 97, 0.6), 143px 749px rgba(255, 97, 97, 0.6), 1976px 63px rgba(255, 97, 97, 0.6), 486px 1064px rgba(255, 97, 97, 0.6), 729px 413px rgba(255, 97, 97, 0.6), 96px 782px rgba(255, 97, 97, 0.6), 934px 511px rgba(255, 97, 97, 0.6), 1382px 924px rgba(255, 97, 97, 0.6), 1844px 1830px rgba(255, 97, 97, 0.6), 1686px 1239px rgba(255, 97, 97, 0.6), 162px 1421px rgba(255, 97, 97, 0.6), 1966px 536px rgba(255, 97, 97, 0.6), 557px 41px rgba(255, 97, 97, 0.6), 1601px 1665px rgba(255, 97, 97, 0.6), 1191px 51px rgba(255, 97, 97, 0.6), 482px 36px rgba(255, 97, 97, 0.6), 1290px 685px rgba(255, 97, 97, 0.6), 1673px 72px rgba(255, 97, 97, 0.6), 899px 28px rgba(255, 97, 97, 0.6), 450px 1352px rgba(255, 97, 97, 0.6), 193px 1016px rgba(255, 97, 97, 0.6), 1827px 1043px rgba(255, 97, 97, 0.6), 1980px 1631px rgba(255, 97, 97, 0.6), 1701px 1899px rgba(255, 97, 97, 0.6), 1826px 1124px rgba(255, 97, 97, 0.6), 1153px 514px rgba(255, 97, 97, 0.6), 1012px 718px rgba(255, 97, 97, 0.6), 894px 764px rgba(255, 97, 97, 0.6), 1505px 619px rgba(255, 97, 97, 0.6), 1976px 1346px rgba(255, 97, 97, 0.6), 808px 420px rgba(255, 97, 97, 0.6), 9px 882px rgba(255, 97, 97, 0.6), 1047px 379px rgba(255, 97, 97, 0.6), 706px 795px rgba(255, 97, 97, 0.6), 91px 1532px rgba(255, 97, 97, 0.6), 1370px 1650px rgba(255, 97, 97, 0.6), 1854px 79px rgba(255, 97, 97, 0.6), 898px 499px rgba(255, 97, 97, 0.6), 1920px 1763px rgba(255, 97, 97, 0.6), 1832px 1362px rgba(255, 97, 97, 0.6), 1985px 500px rgba(255, 97, 97, 0.6), 1705px 1058px rgba(255, 97, 97, 0.6), 143px 1719px rgba(255, 97, 97, 0.6), 398px 686px rgba(255, 97, 97, 0.6), 733px 1816px rgba(255, 97, 97, 0.6), 2000px 1711px rgba(255, 97, 97, 0.6), 1649px 1005px rgba(255, 97, 97, 0.6), 1963px 1962px rgba(255, 97, 97, 0.6), 1881px 206px rgba(255, 97, 97, 0.6), 1333px 1503px rgba(255, 97, 97, 0.6), 968px 1316px rgba(255, 97, 97, 0.6), 1484px 432px rgba(255, 97, 97, 0.6), 1343px 156px rgba(255, 97, 97, 0.6), 1878px 678px rgba(255, 97, 97, 0.6), 1447px 296px rgba(255, 97, 97, 0.6), 616px 199px rgba(255, 97, 97, 0.6), 531px 1553px rgba(255, 97, 97, 0.6), 897px 201px rgba(255, 97, 97, 0.6), 1852px 262px rgba(255, 97, 97, 0.6), 1414px 1428px rgba(255, 97, 97, 0.6), 1523px 938px rgba(255, 97, 97, 0.6), 1352px 275px rgba(255, 97, 97, 0.6), 891px 1706px rgba(255, 97, 97, 0.6), 458px 602px rgba(255, 97, 97, 0.6), 447px 224px rgba(255, 97, 97, 0.6), 1175px 804px rgba(255, 97, 97, 0.6), 1388px 98px rgba(255, 97, 97, 0.6), 1010px 387px rgba(255, 97, 97, 0.6), 1209px 1368px rgba(255, 97, 97, 0.6), 242px 19px rgba(255, 97, 97, 0.6), 597px 671px rgba(255, 97, 97, 0.6), 1831px 862px rgba(255, 97, 97, 0.6), 1133px 825px rgba(255, 97, 97, 0.6), 1629px 1076px rgba(255, 97, 97, 0.6), 969px 642px rgba(255, 97, 97, 0.6), 1106px 519px rgba(255, 97, 97, 0.6), 1401px 1757px rgba(255, 97, 97, 0.6), 1499px 772px rgba(255, 97, 97, 0.6), 104px 1783px rgba(255, 97, 97, 0.6), 1163px 1605px rgba(255, 97, 97, 0.6), 1041px 506px rgba(255, 97, 97, 0.6), 506px 1783px rgba(255, 97, 97, 0.6), 86px 1910px rgba(255, 97, 97, 0.6), 327px 1237px rgba(255, 97, 97, 0.6), 9px 240px rgba(255, 97, 97, 0.6), 1798px 907px rgba(255, 97, 97, 0.6), 1219px 1832px rgba(255, 97, 97, 0.6), 1584px 841px rgba(255, 97, 97, 0.6), 869px 487px rgba(255, 97, 97, 0.6), 1899px 691px rgba(255, 97, 97, 0.6), 918px 1531px rgba(255, 97, 97, 0.6), 633px 136px rgba(255, 97, 97, 0.6), 678px 828px rgba(255, 97, 97, 0.6), 1599px 1511px rgba(255, 97, 97, 0.6), 1191px 533px rgba(255, 97, 97, 0.6), 1067px 1066px rgba(255, 97, 97, 0.6), 1396px 294px rgba(255, 97, 97, 0.6), 1456px 982px rgba(255, 97, 97, 0.6), 1199px 1751px rgba(255, 97, 97, 0.6), 1191px 71px rgba(255, 97, 97, 0.6), 196px 1616px rgba(255, 97, 97, 0.6), 1735px 581px rgba(255, 97, 97, 0.6), 1773px 1294px rgba(255, 97, 97, 0.6), 1982px 792px rgba(255, 97, 97, 0.6), 1428px 1651px rgba(255, 97, 97, 0.6), 1922px 730px rgba(255, 97, 97, 0.6), 861px 1660px rgba(255, 97, 97, 0.6), 344px 1160px rgba(255, 97, 97, 0.6), 88px 100px rgba(255, 97, 97, 0.6), 1086px 1346px rgba(255, 97, 97, 0.6), 1563px 587px rgba(255, 97, 97, 0.6), 1004px 672px rgba(255, 97, 97, 0.6), 623px 1744px rgba(255, 97, 97, 0.6), 986px 533px rgba(255, 97, 97, 0.6), 1933px 513px rgba(255, 97, 97, 0.6), 1610px 1926px rgba(255, 97, 97, 0.6), 1059px 1040px rgba(255, 97, 97, 0.6), 8px 135px rgba(255, 97, 97, 0.6), 650px 1485px rgba(255, 97, 97, 0.6), 396px 509px rgba(255, 97, 97, 0.6), 59px 1690px rgba(255, 97, 97, 0.6), 1222px 424px rgba(255, 97, 97, 0.6), 486px 1707px rgba(255, 97, 97, 0.6), 283px 1760px rgba(255, 97, 97, 0.6), 464px 1715px rgba(255, 97, 97, 0.6), 426px 8px rgba(255, 97, 97, 0.6), 1281px 743px rgba(255, 97, 97, 0.6), 1542px 1310px rgba(255, 97, 97, 0.6), 1901px 1409px rgba(255, 97, 97, 0.6), 1864px 581px rgba(255, 97, 97, 0.6), 1601px 880px rgba(255, 97, 97, 0.6), 215px 1511px rgba(255, 97, 97, 0.6), 126px 1722px rgba(255, 97, 97, 0.6), 181px 1724px rgba(255, 97, 97, 0.6), 1564px 1421px rgba(255, 97, 97, 0.6), 625px 709px rgba(255, 97, 97, 0.6), 506px 933px rgba(255, 97, 97, 0.6), 1934px 614px rgba(255, 97, 97, 0.6), 1528px 884px rgba(255, 97, 97, 0.6), 1295px 118px rgba(255, 97, 97, 0.6), 1717px 1172px rgba(255, 97, 97, 0.6), 1119px 1361px rgba(255, 97, 97, 0.6), 1912px 499px rgba(255, 97, 97, 0.6), 565px 80px rgba(255, 97, 97, 0.6), 1440px 150px rgba(255, 97, 97, 0.6), 359px 1719px rgba(255, 97, 97, 0.6), 1809px 1551px rgba(255, 97, 97, 0.6), 1730px 1280px rgba(255, 97, 97, 0.6), 648px 1588px rgba(255, 97, 97, 0.6), 87px 134px rgba(255, 97, 97, 0.6), 1110px 122px rgba(255, 97, 97, 0.6), 1977px 1306px rgba(255, 97, 97, 0.6), 734px 763px rgba(255, 97, 97, 0.6), 1704px 1962px rgba(255, 97, 97, 0.6), 1920px 778px rgba(255, 97, 97, 0.6), 967px 1495px rgba(255, 97, 97, 0.6), 762px 1280px rgba(255, 97, 97, 0.6), 1748px 1636px rgba(255, 97, 97, 0.6), 821px 658px rgba(255, 97, 97, 0.6), 130px 1959px rgba(255, 97, 97, 0.6), 1095px 1855px rgba(255, 97, 97, 0.6), 937px 653px rgba(255, 97, 97, 0.6), 976px 1163px rgba(255, 97, 97, 0.6), 745px 947px rgba(255, 97, 97, 0.6), 1682px 212px rgba(255, 97, 97, 0.6), 455px 505px rgba(255, 97, 97, 0.6), 463px 837px rgba(255, 97, 97, 0.6), 771px 1690px rgba(255, 97, 97, 0.6), 475px 103px rgba(255, 97, 97, 0.6), 284px 661px rgba(255, 97, 97, 0.6), 911px 301px rgba(255, 97, 97, 0.6), 165px 360px rgba(255, 97, 97, 0.6), 1253px 838px rgba(255, 97, 97, 0.6), 565px 1390px rgba(255, 97, 97, 0.6), 474px 134px rgba(255, 97, 97, 0.6), 1676px 1689px rgba(255, 97, 97, 0.6), 1572px 1915px rgba(255, 97, 97, 0.6), 1214px 1531px rgba(255, 97, 97, 0.6), 710px 1001px rgba(255, 97, 97, 0.6), 1177px 635px rgba(255, 97, 97, 0.6), 1590px 1897px rgba(255, 97, 97, 0.6), 1378px 1105px rgba(255, 97, 97, 0.6), 1297px 869px rgba(255, 97, 97, 0.6), 1476px 1051px rgba(255, 97, 97, 0.6), 133px 1702px rgba(255, 97, 97, 0.6), 1571px 844px rgba(255, 97, 97, 0.6), 1729px 941px rgba(255, 97, 97, 0.6), 58px 205px rgba(255, 97, 97, 0.6), 454px 750px rgba(255, 97, 97, 0.6);
}
@keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
  }
}
.header .dl {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 4;
}
.header .dl-ham {
  display: none;
}
.header .dl_list {
  width: 1280px;
  height: auto;
  margin: 0 auto;
  position: relative;
  margin-top: -44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .dl-icon {
  width: 120px;
  height: 120px;
  border: 3px solid #ae8e4a;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("../img/app_icon.png") 50% 50% no-repeat;
  background-size: 100%;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}
.header .dl-group {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .dl-group li {
  position: relative;
  width: 180px;
  height: 52px;
  text-align: center;
  vertical-align: bottom;
  border-radius: 5px;
  border: 1px solid #ae8e4a;
  margin: 0 4px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  overflow: hidden;
}
.header .dl-group li a {
  padding-top: 10px;
}
.header .dl-group li a {
  width: 100%;
  height: 100%;
  display: block;
}
.header .dl-group li.dl_Apple {
  border: 1px solid #ccc;
  background: #000 url("../img/dl_apple.png") 50% 50% no-repeat;
  background-size: 90%;
}
.header .dl-group li.dl_Google {
  border: 1px solid #ccc;
  background: #000 url("../img/dl_google.png") 50% 50% no-repeat;
  background-size: 90%;
}
.header .dl-group li.dl_reg {
  border: 1px solid #ccc;
  background: #000 url("../img/dl_reg.png") 50% 50% no-repeat;
  background-size: 90%;
}
.header .dl-group li.icon_apk, .header .dl-group li.icon_save {
  background: url("../img/bg_pattern_05.jpg");
}
.header .dl-group li.icon_game, .header .dl-group li.icon_teach {
  background: url("../img/bg_pattern_06.jpg");
}
@media only screen and (min-width: 1281px) {
  .header .dl-group li:hover {
    margin-top: -3px;
    -webkit-animation: shine 0.3s infinite linear;
            animation: shine 0.3s infinite linear;
  }
}
.header .dl-group__icon, .header .dl-group__txt {
  display: inline-block;
  vertical-align: middle;
}
.header .dl-group__icon {
  margin-right: 5px;
}
.header .dl-group__icon img {
  height: 34px;
}
.header .dl-group__txt {
  color: #fff;
  margin-top: -5px;
  font-size: 20px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  line-height: 1.2;
}
.header .dl-group__txt span {
  font-size: 14px;
  display: block;
}
@media only screen and (max-width: 1280px) {
  .header-bg_ani {
    height: 680px;
  }
  .header-logo {
    width: 42vw;
  }
  .header .dl_list {
    width: calc(100% - 40px);
  }
  .header .dl-icon {
    margin-right: 30px;
  }
  .header .dl-group {
    width: calc(100% - 180px);
  }
}
@media only screen and (max-width: 1024px) {
  .header-bg_ani {
    display: none;
  }
  .header-logo {
    width: 50vw;
  }
  .header .dl {
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 11;
    right: -100%;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  .header .dl-ham {
    display: block;
    width: 44px;
    height: 44px;
    position: fixed;
    top: 45px;
    right: 10px;
    cursor: pointer;
    z-index: 7;
    background-color: rgba(213, 170, 79, 0.8);
  }
  .header .dl-ham span {
    display: block;
    height: 4px;
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  .header .dl-ham span:nth-child(1) {
    width: 36px;
    top: 10px;
    left: 4px;
  }
  .header .dl-ham span:nth-child(2) {
    top: 20px;
    left: 4px;
    width: 24px;
    opacity: 1;
  }
  .header .dl-ham span:nth-child(3) {
    top: 20px;
    width: 24px;
    right: 4px;
    opacity: 1;
  }
  .header .dl-ham span:nth-child(4) {
    width: 30px;
    top: 30px;
    left: 7px;
  }
  .header .dl_list {
    margin-top: 120px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .header .dl-icon {
    top: auto;
    bottom: -120px;
    width: 90px;
    height: 90px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
  }
  .header .dl-group {
    display: block;
    text-align: center;
    width: 96%;
  }
  .header .dl-group li {
    width: 100%;
    height: 64px;
    border-radius: 0px;
    border: 0;
    margin: 0px 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .header .dl-group li a {
    padding-top: 18px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .header .dl-group li a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .header .dl-group li.dl_Apple, .header .dl-group li.dl_Google {
    width: calc(49% - 2px);
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-size: auto 50px;
    margin-bottom: 10px;
  }
  .header .dl-group li.icon_apk, .header .dl-group li.icon_save {
    background: none;
    border-bottom: 1px solid #614E16;
  }
  .header .dl-group li.icon_game, .header .dl-group li.icon_teach {
    background: none;
    border-bottom: 1px solid #614E16;
  }
  .header .dl-group__txt span {
    display: inline-block;
    font-size: 20px;
  }
  .header .dl.active {
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .header .dl.active .dl-ham {
    background-color: rgba(255, 255, 255, 0);
  }
  .header .dl.active .dl-ham span {
    background: #d5aa4f;
  }
  .header .dl.active .dl-ham span:nth-child(1) {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
    margin-top: 10px;
  }
  .header .dl.active .dl-ham span:nth-child(2) {
    top: 20px;
    left: -30px;
    width: 1px;
    height: 1px;
    opacity: 0;
  }
  .header .dl.active .dl-ham span:nth-child(3) {
    top: 20px;
    width: 1px;
    height: 1px;
    right: -30px;
    opacity: 0;
  }
  .header .dl.active .dl-ham span:nth-child(4) {
    width: 36px;
    left: 4px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    margin-top: -10px;
  }
}
@media only screen and (max-width: 764px) {
  .header .bg-zone .bg {
    width: 142vw;
    height: auto;
  }
  .header .header-logo {
    width: 77vw;
  }
  .header .dl-ham {
    top: 10px;
  }
  .header .dl_list {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 414px) {
  .header .bg-zone .bg {
    width: 180vw;
    height: auto;
  }
}

section {
  position: relative;
  width: 100%;
}
section .secWrap {
  padding: 60px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1280px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
section h2 {
  font-size: 48px;
  text-indent: -9999px;
  width: 502px;
  height: 47px;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  section .secWrap {
    padding: 50px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (max-width: 480px) {
  section h2 {
    width: 251px;
    height: 24px;
  }
  section .secWrap {
    padding: 30px 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.news {
  background: url("../img/bg_pattern_01.jpg");
}
.news .secWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news-banner {
  position: relative;
  width: 600px;
}
.news-banner .newsSlider {
  border: 1px solid #ae8e4a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 0px;
  position: relative;
  padding-bottom: 73%;
}
.news-banner .newsSlider ul {
  width: 100%;
}
.news-banner .newsSlider ul .newsSlider-li img {
  width: 100%;
  display: block;
}
.news-notice {
  width: 620px;
}
.news-notice_title {
  position: relative;
}
.news-notice_title h3 {
  width: 99px;
  height: 27px;
  background: url("../img/news.png");
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
}
.news-notice_title-more {
  position: absolute;
  width: 71px;
  height: 27px;
  border: 1px solid #ae8e4a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("../img/more.png") 50% 50%;
  background-size: 53px 13px;
  background-repeat: no-repeat;
  right: 0;
  top: 2px;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.news-notice_title-more:hover {
  background-color: rgba(174, 142, 74, 0.2);
}
.news-notice_title:after {
  width: calc(100% - 190px);
  display: block;
  position: absolute;
  content: "";
  height: 1px;
  background-color: #ae8e4a;
  top: 14px;
  left: 109px;
}
.news-notice_main {
  position: relative;
  margin-top: 20px;
}
.news-notice_main-switch {
  border-right: 1px solid #ae8e4a;
}
.news-notice_main-switch li {
  float: left;
  width: 25%;
  text-align: center;
  color: #ae8e4a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ae8e4a;
  border-right: 0;
  padding: 4px 10px;
  font-size: 14px;
  cursor: pointer;
}
.news-notice_main-switch li.isActive {
  background-color: #ae8e4a;
  color: #fff;
}
.news-notice_main-switch:after {
  clear: both;
  content: "";
  display: table;
}
.news-notice_main-list {
  border-bottom: 1px solid #ae8e4a;
  padding-bottom: 2px;
}
.news-notice_main-list .listList {
  border-bottom: 1px solid #ae8e4a;
}
.news-notice_main-list .listList.listEvent, .news-notice_main-list .listList.listNew, .news-notice_main-list .listList.listSystem {
  display: none;
}
.news-notice_main-list .listList li {
  position: relative;
}
.news-notice_main-list .listList li:not(:last-child) {
  border-bottom: 1px dotted #ae8e4a;
}
.news-notice_main-list .listList li a {
  padding: 12px 0;
  font-size: 15px;
  color: #545454;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1281px) {
  .news-notice_main-list .listList li a:hover {
    color: #ae8e4a;
  }
}
.news-notice_main-list .listList li a:before {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 10px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  margin-right: 10px;
}
.news-notice_main-list .listList li .date {
  color: #b9ab8e;
  position: absolute;
  right: 0;
  top: 12px;
  font-size: 14px;
}
.news-notice_main-list .listList li.icoEvent a:before {
  content: "活動";
  background-color: #f4cb74;
}
.news-notice_main-list .listList li.icoNew a:before {
  content: "新聞";
  background-color: #92b7eb;
}
.news-notice_main-list .listList li.icoSystem a:before {
  content: "系統";
  background-color: #afcb6c;
}
.news-notice_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.news-notice_links li {
  width: 132px;
  height: 116px;
  position: relative;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.news-notice_links li a {
  width: 100%;
  height: 100%;
  display: block;
}
.news-notice_links li.linkFB {
  background: url("../img/btn_fb.png") no-repeat;
  background-size: 100%;
}
.news-notice_links li.linkFB:hover {
  -webkit-animation: shine 0.3s infinite linear;
          animation: shine 0.3s infinite linear;
}
.news-notice_links li.linkBH {
  background: url("../img/btn_gamer.png") no-repeat;
  background-size: 100%;
}
.news-notice_links li.linkBH:hover {
  -webkit-animation: shine 0.3s infinite linear;
          animation: shine 0.3s infinite linear;
}
.news-notice_links li.linkIG {
  background: url("../img/btn_ig.png") no-repeat;
  background-size: 100%;
}
.news-notice_links li.linkIG:hover {
  -webkit-animation: shine 0.3s infinite linear;
          animation: shine 0.3s infinite linear;
}
.news-notice_links li.linkADD {
  display: block;
  width: 195px;
}
.news-notice_links li.linkADD a {
  width: 100%;
  height: 58px;
  display: block;
}
.news-notice_links li.linkADD a:hover {
  -webkit-animation: shine 0.3s infinite linear;
          animation: shine 0.3s infinite linear;
}
.news-notice_links li.linkADD .linkADD-ban {
  margin-top: -3px;
  background: url("../img/btn_ban.png") no-repeat;
  background-size: 100%;
}
.news-notice_links li.linkADD .linkADD-rule {
  margin-top: 3px;
  background: url("../img/btn_rule.png") no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 1280px) {
  .news-banner {
    width: 48%;
  }
  .news-notice {
    width: 50%;
  }
  .news-notice_links li {
    height: 0;
    position: relative;
    padding-bottom: 19.2%;
    margin: 0.5%;
  }
  .news-notice_links li a {
    padding-bottom: 84%;
  }
  .news-notice_links li.linkADD a {
    height: 0;
    padding-bottom: 29.8%;
  }
}
@media only screen and (max-width: 768px) {
  .news .secWrap {
    display: block;
  }
  .news-banner, .news-notice {
    width: 100%;
    position: relative;
    margin: 0 auto;
  }
  .news-notice {
    margin-top: 50px;
  }
  .news-notice_main-list .listList li a {
    padding: 15px 0 25px;
    width: 100%;
  }
  .news-notice_main-list .listList li .date {
    top: 42px;
    font-size: 13px;
  }
  .news-notice_links li {
    width: 68%;
  }
  .news-notice_links li.linkADD {
    width: 100%;
  }
}

.event {
  cursor: pointer;
}
.event img {
  display: block;
  width: 100%;
}

.class {
  position: relative;
  background: url(../img/class_bg.jpg) no-repeat top;
  background-size: cover;
}
.class h2 {
  z-index: 10;
  background: url(../img/h2-class.png) no-repeat;
  background-size: contain;
  width: 21.08vw;
  height: 5.965vw;
  display: block;
  top: 1.2vw;
}
.class-cont {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.class-cont .infoWrap {
  margin-left: 15vw;
  width: 70%;
  height: 88%;
  overflow: hidden;
}
.class-cont .infoWrap .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.class-cont .infoWrap .swiper-slide {
  background-size: cover;
  background-position: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.class-cont .infoWrap .swiper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.class-cont .infoWrap .mySwiper2 {
  height: 100%;
  width: 100%;
}
.class-cont .infoWrap .mySwiper2 .introGroup {
  margin-top: 8%;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro__iconL {
  width: 9vw;
  height: auto;
  opacity: 0.5;
  position: absolute;
  top: 5vw;
  z-index: -5;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-name__old {
  color: #826e88;
  font-size: 2.6vw;
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-name__old span {
  font-size: 1.1vw;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-name__new {
  font-family: "Microsoft JhengHei", 微軟正黑體, PMingLiU;
  font-size: 0.95vw;
  background: url(../img/subtitle-bg.png) no-repeat;
  background-size: cover;
  width: 308px;
  height: 34px;
  text-indent: 0.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-info {
  margin-top: 3%;
  margin-bottom: 3%;
  font-size: 0.8vw;
  text-align: initial;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-info li {
  margin-bottom: 4px;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-gendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 7%;
  margin-bottom: 4%;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-gendar__male {
  margin-right: 10px;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-gendar > div {
  display: inline-block;
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-gendar > div .is--active {
  opacity: 1;
}
.class-cont .infoWrap .mySwiper2 .introGroup .classIntro-showcase .inner-frame {
  display: inline-block;
  border: 1px solid #d0ab55;
  padding: 5px;
  width: 18vw;
}
.class-cont .infoWrap .mySwiper2 .classIntro__chara {
  position: relative;
  left: unset;
  -webkit-transform: unset;
          transform: unset;
}
.class-cont .infoWrap .mySwiper2 .classIntro__chara img {
  margin: 2rem 0;
  height: auto;
}
.class-cont .iconWrap {
  width: 30%;
  position: relative;
}
.class-cont .iconWrap .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.class-cont .iconWrap .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.class-cont .iconWrap .swiper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.class-cont .iconWrap .mySwiper {
  width: 50%;
  height: 14%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.class-cont .iconWrap .mySwiper .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.class-cont .iconWrap .mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
}
.class-cont .iconWrap .mySwiper .swiper-slide img {
  width: unset;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
}
.class-cont .iconWrap .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.class-cont .iconWrap .mySwiper .swiper-slide-thumb-active.classNav-btns__btn {
  background: url("../img/class_iconbg-click.png") no-repeat center;
  background-size: contain;
}
.class-cont .iconWrap .mySwiper .classNav-btns__btn {
  background: url(../img/class_iconbg.png) no-repeat center;
  background-size: contain;
  width: 4.3vw;
  height: 4.6vw;
  cursor: pointer;
}
.class-cont .iconWrap .mySwiper .classNav-btns__btn:hover, .class-cont .iconWrap .mySwiper .classNav-btns__btn.is--active {
  background: url("../img/class_iconbg-click.png") no-repeat center;
  background-size: contain;
}
.class-cont .iconWrap .mySwiper .swiper-button-next {
  right: -10%;
}
.class-cont .iconWrap .mySwiper .swiper-button-prev {
  right: 10%;
}
.class-Sidebar {
  position: absolute;
  color: #826e88;
  font-size: 1vw;
  top: 44%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 13%;
  z-index: 9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.class-Sidebar li a {
  position: relative;
  padding-left: 35px;
  color: #826e88;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.class-Sidebar a::before {
  content: "";
  position: absolute;
  background: url(../img/unchoose.png) no-repeat 100% center;
  width: 10px;
  height: 20px;
  left: 6%;
  background-size: contain;
}
.class-Sidebar li a:focus::after,
.class-Sidebar li a:hover::after {
  content: "";
  position: absolute;
  margin-left: 1rem;
  left: 0;
  bottom: -5%;
  width: 100%;
  height: 1px;
  background-color: #ceb883;
  color: #ceb883;
}
.class-Sidebar a:focus::before,
.class-Sidebar a:hover::before {
  content: "";
  position: absolute;
  background: url(../img/choose.png) no-repeat 100% center;
  width: 20px;
  height: 20px;
  left: 1%;
}
.class-Sidebar a.tabs-selected::before {
  content: "";
  position: absolute;
  background: url(../img/choose.png) no-repeat 100% center;
  width: 20px;
  height: 20px;
  left: 1%;
}
.class-Sidebar a.tabs-selected::after {
  content: "";
  position: absolute;
  margin-left: 1rem;
  left: 0;
  bottom: -5%;
  width: 100%;
  height: 1px;
  background-color: #ceb883;
  color: #ceb883;
}
.class-Sidebar::before {
  position: absolute;
  top: auto;
  margin-top: 9px;
  left: 13px;
  display: block;
  content: "";
  background: url(../img/dot.png) no-repeat;
  background-size: contain;
  width: 2px;
  height: 299px;
}
@media only screen and (max-width: 1800px) {
  .class h2 {
    width: 23.08vw;
    height: 6.965vw;
  }
  .class-cont .classIntro__chara img {
    width: 93%;
    height: auto;
  }
  .class-Sidebar {
    left: 7%;
  }
  .class-Sidebar::before {
    height: 265px;
  }
}
@media only screen and (max-width: 1600px) {
  .class-cont .infoWrap .mySwiper2 .introGroup .classIntro-name__new {
    font-size: 1.2vw;
  }
  .class-Sidebar {
    font-size: 1.2vw;
  }
  .class-Sidebar::before {
    height: 247px;
  }
}
@media only screen and (max-width: 1280px) {
  .class-cont .infoWrap .mySwiper2 .introGroup .classIntro__iconL {
    top: 3vw;
  }
  .class-cont .infoWrap .mySwiper2 .introGroup .classIntro-info {
    font-size: 1vw;
  }
  .class-cont .infoWrap .mySwiper2 .classIntro__chara img {
    width: 100%;
  }
  .class-Sidebar {
    left: 4%;
    font-size: 1.3vw;
  }
}
@media only screen and (max-width: 1024px) {
  .class {
    background: url(../img/M_class_bg.jpg) no-repeat top;
    background-size: cover;
    max-width: 140.625vw;
    height: 200.371vw;
  }
  .class h2 {
    width: 71vw;
    height: 19.891vw;
    top: 5vw;
  }
  .class-cont .infoWrap {
    margin-left: 0;
    width: 100%;
    height: 66%;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup {
    margin-top: 35%;
    text-align: center;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro__iconL {
    left: 40%;
    top: 28vw;
    width: 20vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-name {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-name__old {
    font-size: 7vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-name__new {
    width: 34.0625vw;
    height: 4.2292vw;
    font-size: 2.5vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-info {
    font-size: 2.2vw;
    margin-bottom: 4%;
    text-align: center;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-info li {
    margin-bottom: 0.5vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-gendar {
    margin-top: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-gendar > div {
    width: 7.5vw;
    height: 7.5vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-showcase .inner-frame {
    width: 73vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .classIntro__chara {
    display: none;
  }
  .class-cont .iconWrap {
    width: 74%;
  }
  .class-cont .iconWrap .mySwiper .swiper-wrapper .swiper-slide img {
    height: 38%;
  }
  .class-cont .iconWrap .mySwiper .swiper-wrapper .classNav-btns__btn {
    width: 7.8vw;
    height: 19.5vw;
  }
  .class-Sidebar {
    font-size: 2.5vw;
    width: 100%;
    top: 20%;
    left: 4%;
    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;
    margin: 0 auto;
  }
  .class-Sidebar li {
    margin: 0 10vw 2vw 0;
  }
  .class-Sidebar li a {
    margin-bottom: 0;
  }
  .class-Sidebar a::before {
    width: 1.5625vw;
    height: 1.6602vw;
    left: 7%;
  }
  .class-Sidebar::before {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .class-cont .infoWrap {
    height: 70%;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup {
    margin-top: 37%;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-showcase .inner-frame {
    width: 77vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .classIntro__chara {
    right: -24vw;
    top: -102vw;
    width: 44vw;
    z-index: -1;
  }
  .class-cont .iconWrap .swiper-button-next {
    right: -56px;
  }
  .class-cont .iconWrap .swiper-button-prev {
    left: -56px;
  }
  .class-Sidebar {
    font-size: 2.8vw;
    left: 3%;
  }
  .class-Sidebar li {
    margin: 0 7vw 2vw 0;
  }
  .class-Sidebar a:hover::before {
    left: 3%;
  }
}
@media only screen and (max-width: 480px) {
  .class-cont .infoWrap {
    height: 75%;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup {
    margin-top: 34%;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-info {
    font-size: 2.8vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-name__old {
    font-size: 9vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-name__new {
    width: 61.0625vw;
    height: 6.2292vw;
    font-size: 3.4vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro-gendar > div {
    width: 9.5vw;
    height: 9.5vw;
  }
  .class-cont .infoWrap .mySwiper2 .swiper-wrapper .swiper-slide .introGroup .classIntro__chara {
    right: -29vw;
    top: -112vw;
    width: 33vw;
  }
  .class-cont .iconWrap .swiper-button-next {
    top: 64%;
    width: 6.9479vw;
    height: 6.8125vw;
    right: -41px;
  }
  .class-cont .iconWrap .swiper-button-prev {
    top: 64%;
    width: 6.9479vw;
    height: 6.8125vw;
    left: -41px;
  }
  .class-Sidebar {
    font-size: 3.5vw;
  }
  .class-Sidebar li a {
    padding-left: 22px;
  }
  .class-Sidebar li a:hover::before {
    left: -5%;
  }
}

.game {
  background: url("../img/bg_game_02.jpg") 50% 0 no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-color: #826e88;
  padding-top: 5vw;
}
.game h2 {
  z-index: 10;
  position: absolute;
  left: 50%;
  top: -4vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../img/h2-game.png) no-repeat;
  background-size: contain;
  width: 21.08vw;
  height: 5.965vw;
  display: block;
}
.game_bg01, .game_bg02 {
  width: 100%;
  background: url("../img/bg_game_01.jpg") 50% 0 no-repeat;
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
  position: absolute;
}
.game_bg01 {
  height: 18%;
  top: 0;
}
.game_bg02 {
  height: 50%;
  bottom: 0;
}
.game .secWrap {
  z-index: 4;
}
.game-banner {
  position: relative;
  margin: 0px auto 50px;
  width: 960px;
}
.game-banner .gameSlider {
  border: 2px solid #d5aa4f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 8px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 1px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56%;
}
.game-banner .gameSlider ul {
  width: 100%;
}
.game-banner .gameSlider ul .gameSlider-li img {
  width: 100%;
  display: block;
}
.game-banner .gameSlider-pagination {
  margin-top: 15px;
}
@media only screen and (max-width: 1800px) {
  .game h2 {
    width: 23.08vw;
    height: 6.965vw;
  }
}
@media only screen and (max-width: 1024px) {
  .game {
    padding-top: 34vw;
  }
  .game h2 {
    width: 71vw;
    height: 19.891vw;
    top: -32vw;
  }
}
@media only screen and (max-width: 1280px) {
  .game-banner {
    width: calc(100% - 164px);
  }
}
@media only screen and (max-width: 768px) {
  .game_bg01 {
    height: 21%;
    top: 0;
  }
  .game .gameSlider-next,
  .game .gameSlider-prev {
    display: none;
  }
  .game-banner {
    width: 100%;
  }
}

.system {
  background-color: #fff;
  border-top: 1px solid #ae8e4a;
  padding: 50px 0;
}
.system-banner {
  width: calc(100% - 164px);
}
@media only screen and (max-width: 600px) {
  .system {
    padding: 20px 0;
  }
}

.overlay {
  position: fixed;
  z-index: 999;
  width: 100%;
}
.overlay-mask {
  position: fixed;
  width: 0;
  height: 0;
  top: -50vw;
  right: -50vw;
  border-radius: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.overlay-mask.isActive {
  width: 200vw;
  height: 200vw;
  opacity: 1;
  top: 50%;
  right: 50%;
  margin-top: -100vw;
  margin-right: -100vw;
}
.overlay-cont {
  position: relative;
  width: 1280px;
  height: calc(100vh - 140px);
  margin: 0 auto;
  display: none;
}
.overlay-close {
  width: 44px;
  height: 44px;
  background-color: #ae8e4a;
  position: absolute;
  right: 0;
  top: 0px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.overlay-close span {
  width: 40px;
  height: 1px;
  background-color: #000;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.overlay-close span:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: 22px;
  margin-left: 2px;
}
.overlay-close span:last-child {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: -1px;
  margin-left: 2px;
}
.overlay-close:hover {
  border-radius: 22px;
}
.overlay-close:hover span {
  width: 24px;
  height: 2px;
  border-radius: 2px;
}
.overlay-close:hover span:first-child {
  margin-top: 22px;
  margin-left: 10px;
}
.overlay-close:hover span:last-child {
  margin-top: -2px;
  margin-left: 10px;
}
.overlay-load {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 60px;
  height: 100%;
}
@media only screen and (max-width: 1280px) {
  .overlay-cont {
    width: 100%;
  }
  .overlay-load {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 768px) {
  .overlay-mask {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .overlay-mask.isActive {
    height: 150vh;
    margin-top: -75vh;
  }
}

.topAD {
  position: fixed;
  z-index: 999;
  width: 100%;
  display: none;
}
.topAD-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0vw;
  right: 0vw;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 1;
}
.topAD-banner {
  position: fixed;
  width: 1200px;
  height: 628px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 2px solid #d5aa4f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.topAD-banner img {
  width: 100%;
}
.topAD-close {
  width: 44px;
  height: 44px;
  background-color: #ae8e4a;
  position: fixed;
  right: 10px;
  top: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.topAD-close span {
  width: 36px;
  height: 2px;
  background-color: #000;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.topAD-close span:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: 22px;
  margin-left: 4px;
}
.topAD-close span:last-child {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: -2px;
  margin-left: 4px;
}
@media only screen and (max-width: 1280px) {
  .topAD-banner {
    width: 96vw;
    height: 50.2vw;
  }
}

footer {
  background: url("../img/bg_pattern_01.jpg");
  pointer-events: none;
}

.hide {
  display: none !important;
}