@import url("css-NotoSansTC100300400500700900_swap.css");
@import url("css-NotoSerifTC200300400500600700900_swap.css");
@import url("css-NotoSansTC100300400500700900_swap.css");
@import url("css-NotoSerifTC200300400500600700900_swap.css");
table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

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

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

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

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

abbr, acronym {
  border: 0;
}

a {
  text-decoration: none;
}

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

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

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

body {
  line-height: 1.5;
  font-family: "Noto Sans TC", serif, "Microsoft JhengHei", 微軟正黑體, 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 whitebg {
  0%, 100% {
    -webkit-transform: scale(1.25) rotate(-3deg);
            transform: scale(1.25) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes whitebg {
  0%, 100% {
    -webkit-transform: scale(1.25) rotate(-3deg);
            transform: scale(1.25) rotate(-3deg);
  }
  50% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@-webkit-keyframes balloon {
  0%, 100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-7px, 10px);
            transform: translate(-7px, 10px);
  }
}
@keyframes balloon {
  0%, 100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(-7px, 10px);
            transform: translate(-7px, 10px);
  }
}
@-webkit-keyframes carriage {
  0%, 100% {
    margin-right: -17px;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  50% {
    margin-right: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes carriage {
  0%, 100% {
    margin-right: -17px;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  50% {
    margin-right: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-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: 504px 759px 5px #FFF , 20px 232px 4px #FFF , 1746px 614px 1px #FFF , 1236px 786px 4px #FFF , 1309px 554px 5px #FFF , 420px 391px 5px #FFF , 1340px 281px 2px #FFF , 1510px 12px 2px #FFF , 1196px 697px 3px #FFF , 641px 531px 5px #FFF , 1229px 154px 2px #FFF , 742px 427px 5px #FFF , 918px 534px 2px #FFF , 552px 797px 2px #FFF , 1220px 689px 5px #FFF , 226px 127px 2px #FFF , 1649px 696px 3px #FFF , 222px 674px 1px #FFF , 1844px 800px 4px #FFF , 1642px 583px 5px #FFF , 1567px 663px 3px #FFF , 1300px 647px 2px #FFF , 76px 588px 3px #FFF , 1157px 248px 2px #FFF , 1573px 96px 4px #FFF , 1134px 177px 1px #FFF , 1040px 444px 1px #FFF , 382px 678px 5px #FFF , 1575px 419px 1px #FFF , 1614px 186px 3px #FFF , 1540px 573px 1px #FFF , 578px 575px 4px #FFF , 443px 48px 5px #FFF , 1285px 79px 2px #FFF , 1754px 167px 5px #FFF , 1402px 756px 1px #FFF , 220px 742px 3px #FFF , 1468px 475px 2px #FFF , 143px 730px 3px #FFF , 1574px 380px 2px #FFF , 608px 768px 1px #FFF , 1113px 753px 3px #FFF , 578px 134px 3px #FFF , 1122px 762px 5px #FFF , 88px 708px 5px #FFF , 1656px 128px 2px #FFF , 388px 97px 3px #FFF , 755px 658px 5px #FFF , 837px 384px 3px #FFF , 131px 526px 5px #FFF , 920px 691px 3px #FFF , 145px 275px 4px #FFF , 1647px 742px 2px #FFF , 1160px 616px 3px #FFF , 817px 411px 1px #FFF , 910px 138px 1px #FFF , 346px 330px 4px #FFF , 1825px 271px 5px #FFF , 344px 51px 3px #FFF , 1448px 47px 4px #FFF , 1px 768px 2px #FFF , 144px 325px 1px #FFF , 987px 50px 3px #FFF , 926px 659px 3px #FFF , 1121px 25px 1px #FFF , 160px 513px 2px #FFF , 1907px 214px 4px #FFF , 346px 458px 5px #FFF , 169px 172px 3px #FFF , 361px 44px 5px #FFF , 519px 798px 4px #FFF;
          box-shadow: 504px 759px 5px #FFF , 20px 232px 4px #FFF , 1746px 614px 1px #FFF , 1236px 786px 4px #FFF , 1309px 554px 5px #FFF , 420px 391px 5px #FFF , 1340px 281px 2px #FFF , 1510px 12px 2px #FFF , 1196px 697px 3px #FFF , 641px 531px 5px #FFF , 1229px 154px 2px #FFF , 742px 427px 5px #FFF , 918px 534px 2px #FFF , 552px 797px 2px #FFF , 1220px 689px 5px #FFF , 226px 127px 2px #FFF , 1649px 696px 3px #FFF , 222px 674px 1px #FFF , 1844px 800px 4px #FFF , 1642px 583px 5px #FFF , 1567px 663px 3px #FFF , 1300px 647px 2px #FFF , 76px 588px 3px #FFF , 1157px 248px 2px #FFF , 1573px 96px 4px #FFF , 1134px 177px 1px #FFF , 1040px 444px 1px #FFF , 382px 678px 5px #FFF , 1575px 419px 1px #FFF , 1614px 186px 3px #FFF , 1540px 573px 1px #FFF , 578px 575px 4px #FFF , 443px 48px 5px #FFF , 1285px 79px 2px #FFF , 1754px 167px 5px #FFF , 1402px 756px 1px #FFF , 220px 742px 3px #FFF , 1468px 475px 2px #FFF , 143px 730px 3px #FFF , 1574px 380px 2px #FFF , 608px 768px 1px #FFF , 1113px 753px 3px #FFF , 578px 134px 3px #FFF , 1122px 762px 5px #FFF , 88px 708px 5px #FFF , 1656px 128px 2px #FFF , 388px 97px 3px #FFF , 755px 658px 5px #FFF , 837px 384px 3px #FFF , 131px 526px 5px #FFF , 920px 691px 3px #FFF , 145px 275px 4px #FFF , 1647px 742px 2px #FFF , 1160px 616px 3px #FFF , 817px 411px 1px #FFF , 910px 138px 1px #FFF , 346px 330px 4px #FFF , 1825px 271px 5px #FFF , 344px 51px 3px #FFF , 1448px 47px 4px #FFF , 1px 768px 2px #FFF , 144px 325px 1px #FFF , 987px 50px 3px #FFF , 926px 659px 3px #FFF , 1121px 25px 1px #FFF , 160px 513px 2px #FFF , 1907px 214px 4px #FFF , 346px 458px 5px #FFF , 169px 172px 3px #FFF , 361px 44px 5px #FFF , 519px 798px 4px #FFF;
  -webkit-animation: animStar 5s linear infinite;
          animation: animStar 5s linear infinite;
}
.stars #star1:after {
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 504px 759px 5px #FFF , 20px 232px 4px #FFF , 1746px 614px 1px #FFF , 1236px 786px 4px #FFF , 1309px 554px 5px #FFF , 420px 391px 5px #FFF , 1340px 281px 2px #FFF , 1510px 12px 2px #FFF , 1196px 697px 3px #FFF , 641px 531px 5px #FFF , 1229px 154px 2px #FFF , 742px 427px 5px #FFF , 918px 534px 2px #FFF , 552px 797px 2px #FFF , 1220px 689px 5px #FFF , 226px 127px 2px #FFF , 1649px 696px 3px #FFF , 222px 674px 1px #FFF , 1844px 800px 4px #FFF , 1642px 583px 5px #FFF , 1567px 663px 3px #FFF , 1300px 647px 2px #FFF , 76px 588px 3px #FFF , 1157px 248px 2px #FFF , 1573px 96px 4px #FFF , 1134px 177px 1px #FFF , 1040px 444px 1px #FFF , 382px 678px 5px #FFF , 1575px 419px 1px #FFF , 1614px 186px 3px #FFF , 1540px 573px 1px #FFF , 578px 575px 4px #FFF , 443px 48px 5px #FFF , 1285px 79px 2px #FFF , 1754px 167px 5px #FFF , 1402px 756px 1px #FFF , 220px 742px 3px #FFF , 1468px 475px 2px #FFF , 143px 730px 3px #FFF , 1574px 380px 2px #FFF , 608px 768px 1px #FFF , 1113px 753px 3px #FFF , 578px 134px 3px #FFF , 1122px 762px 5px #FFF , 88px 708px 5px #FFF , 1656px 128px 2px #FFF , 388px 97px 3px #FFF , 755px 658px 5px #FFF , 837px 384px 3px #FFF , 131px 526px 5px #FFF , 920px 691px 3px #FFF , 145px 275px 4px #FFF , 1647px 742px 2px #FFF , 1160px 616px 3px #FFF , 817px 411px 1px #FFF , 910px 138px 1px #FFF , 346px 330px 4px #FFF , 1825px 271px 5px #FFF , 344px 51px 3px #FFF , 1448px 47px 4px #FFF , 1px 768px 2px #FFF , 144px 325px 1px #FFF , 987px 50px 3px #FFF , 926px 659px 3px #FFF , 1121px 25px 1px #FFF , 160px 513px 2px #FFF , 1907px 214px 4px #FFF , 346px 458px 5px #FFF , 169px 172px 3px #FFF , 361px 44px 5px #FFF , 519px 798px 4px #FFF;
          box-shadow: 504px 759px 5px #FFF , 20px 232px 4px #FFF , 1746px 614px 1px #FFF , 1236px 786px 4px #FFF , 1309px 554px 5px #FFF , 420px 391px 5px #FFF , 1340px 281px 2px #FFF , 1510px 12px 2px #FFF , 1196px 697px 3px #FFF , 641px 531px 5px #FFF , 1229px 154px 2px #FFF , 742px 427px 5px #FFF , 918px 534px 2px #FFF , 552px 797px 2px #FFF , 1220px 689px 5px #FFF , 226px 127px 2px #FFF , 1649px 696px 3px #FFF , 222px 674px 1px #FFF , 1844px 800px 4px #FFF , 1642px 583px 5px #FFF , 1567px 663px 3px #FFF , 1300px 647px 2px #FFF , 76px 588px 3px #FFF , 1157px 248px 2px #FFF , 1573px 96px 4px #FFF , 1134px 177px 1px #FFF , 1040px 444px 1px #FFF , 382px 678px 5px #FFF , 1575px 419px 1px #FFF , 1614px 186px 3px #FFF , 1540px 573px 1px #FFF , 578px 575px 4px #FFF , 443px 48px 5px #FFF , 1285px 79px 2px #FFF , 1754px 167px 5px #FFF , 1402px 756px 1px #FFF , 220px 742px 3px #FFF , 1468px 475px 2px #FFF , 143px 730px 3px #FFF , 1574px 380px 2px #FFF , 608px 768px 1px #FFF , 1113px 753px 3px #FFF , 578px 134px 3px #FFF , 1122px 762px 5px #FFF , 88px 708px 5px #FFF , 1656px 128px 2px #FFF , 388px 97px 3px #FFF , 755px 658px 5px #FFF , 837px 384px 3px #FFF , 131px 526px 5px #FFF , 920px 691px 3px #FFF , 145px 275px 4px #FFF , 1647px 742px 2px #FFF , 1160px 616px 3px #FFF , 817px 411px 1px #FFF , 910px 138px 1px #FFF , 346px 330px 4px #FFF , 1825px 271px 5px #FFF , 344px 51px 3px #FFF , 1448px 47px 4px #FFF , 1px 768px 2px #FFF , 144px 325px 1px #FFF , 987px 50px 3px #FFF , 926px 659px 3px #FFF , 1121px 25px 1px #FFF , 160px 513px 2px #FFF , 1907px 214px 4px #FFF , 346px 458px 5px #FFF , 169px 172px 3px #FFF , 361px 44px 5px #FFF , 519px 798px 4px #FFF;
}
.stars #star2 {
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 245px 97px 1px #FFF , 1042px 82px 1px #FFF , 761px 551px 1px #FFF , 1765px 178px 4px #FFF , 1762px 20px 1px #FFF , 536px 806px 1px #FFF , 1248px 835px 4px #FFF , 709px 556px 2px #FFF , 1253px 679px 2px #FFF , 1015px 461px 4px #FFF , 1178px 441px 4px #FFF , 574px 32px 2px #FFF , 601px 800px 5px #FFF , 171px 142px 4px #FFF , 1111px 563px 2px #FFF , 360px 807px 1px #FFF , 774px 22px 1px #FFF , 1250px 111px 5px #FFF , 803px 741px 5px #FFF , 870px 253px 5px #FFF , 1629px 400px 5px #FFF , 1251px 742px 5px #FFF , 695px 816px 1px #FFF , 1577px 726px 3px #FFF , 149px 153px 1px #FFF , 842px 18px 2px #FFF , 740px 810px 4px #FFF , 1706px 120px 3px #FFF , 1460px 178px 4px #FFF , 1909px 684px 5px #FFF , 1867px 124px 3px #FFF , 1125px 530px 4px #FFF , 1418px 453px 1px #FFF , 165px 750px 5px #FFF , 1739px 175px 2px #FFF , 410px 90px 5px #FFF , 703px 782px 1px #FFF , 583px 772px 4px #FFF , 490px 831px 2px #FFF , 1877px 117px 4px #FFF , 1809px 402px 5px #FFF;
          box-shadow: 245px 97px 1px #FFF , 1042px 82px 1px #FFF , 761px 551px 1px #FFF , 1765px 178px 4px #FFF , 1762px 20px 1px #FFF , 536px 806px 1px #FFF , 1248px 835px 4px #FFF , 709px 556px 2px #FFF , 1253px 679px 2px #FFF , 1015px 461px 4px #FFF , 1178px 441px 4px #FFF , 574px 32px 2px #FFF , 601px 800px 5px #FFF , 171px 142px 4px #FFF , 1111px 563px 2px #FFF , 360px 807px 1px #FFF , 774px 22px 1px #FFF , 1250px 111px 5px #FFF , 803px 741px 5px #FFF , 870px 253px 5px #FFF , 1629px 400px 5px #FFF , 1251px 742px 5px #FFF , 695px 816px 1px #FFF , 1577px 726px 3px #FFF , 149px 153px 1px #FFF , 842px 18px 2px #FFF , 740px 810px 4px #FFF , 1706px 120px 3px #FFF , 1460px 178px 4px #FFF , 1909px 684px 5px #FFF , 1867px 124px 3px #FFF , 1125px 530px 4px #FFF , 1418px 453px 1px #FFF , 165px 750px 5px #FFF , 1739px 175px 2px #FFF , 410px 90px 5px #FFF , 703px 782px 1px #FFF , 583px 772px 4px #FFF , 490px 831px 2px #FFF , 1877px 117px 4px #FFF , 1809px 402px 5px #FFF;
  -webkit-animation: animStar 10s linear infinite;
          animation: animStar 10s linear infinite;
}
.stars #star2:after {
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 245px 97px 1px #FFF , 1042px 82px 1px #FFF , 761px 551px 1px #FFF , 1765px 178px 4px #FFF , 1762px 20px 1px #FFF , 536px 806px 1px #FFF , 1248px 835px 4px #FFF , 709px 556px 2px #FFF , 1253px 679px 2px #FFF , 1015px 461px 4px #FFF , 1178px 441px 4px #FFF , 574px 32px 2px #FFF , 601px 800px 5px #FFF , 171px 142px 4px #FFF , 1111px 563px 2px #FFF , 360px 807px 1px #FFF , 774px 22px 1px #FFF , 1250px 111px 5px #FFF , 803px 741px 5px #FFF , 870px 253px 5px #FFF , 1629px 400px 5px #FFF , 1251px 742px 5px #FFF , 695px 816px 1px #FFF , 1577px 726px 3px #FFF , 149px 153px 1px #FFF , 842px 18px 2px #FFF , 740px 810px 4px #FFF , 1706px 120px 3px #FFF , 1460px 178px 4px #FFF , 1909px 684px 5px #FFF , 1867px 124px 3px #FFF , 1125px 530px 4px #FFF , 1418px 453px 1px #FFF , 165px 750px 5px #FFF , 1739px 175px 2px #FFF , 410px 90px 5px #FFF , 703px 782px 1px #FFF , 583px 772px 4px #FFF , 490px 831px 2px #FFF , 1877px 117px 4px #FFF , 1809px 402px 5px #FFF;
          box-shadow: 245px 97px 1px #FFF , 1042px 82px 1px #FFF , 761px 551px 1px #FFF , 1765px 178px 4px #FFF , 1762px 20px 1px #FFF , 536px 806px 1px #FFF , 1248px 835px 4px #FFF , 709px 556px 2px #FFF , 1253px 679px 2px #FFF , 1015px 461px 4px #FFF , 1178px 441px 4px #FFF , 574px 32px 2px #FFF , 601px 800px 5px #FFF , 171px 142px 4px #FFF , 1111px 563px 2px #FFF , 360px 807px 1px #FFF , 774px 22px 1px #FFF , 1250px 111px 5px #FFF , 803px 741px 5px #FFF , 870px 253px 5px #FFF , 1629px 400px 5px #FFF , 1251px 742px 5px #FFF , 695px 816px 1px #FFF , 1577px 726px 3px #FFF , 149px 153px 1px #FFF , 842px 18px 2px #FFF , 740px 810px 4px #FFF , 1706px 120px 3px #FFF , 1460px 178px 4px #FFF , 1909px 684px 5px #FFF , 1867px 124px 3px #FFF , 1125px 530px 4px #FFF , 1418px 453px 1px #FFF , 165px 750px 5px #FFF , 1739px 175px 2px #FFF , 410px 90px 5px #FFF , 703px 782px 1px #FFF , 583px 772px 4px #FFF , 490px 831px 2px #FFF , 1877px 117px 4px #FFF , 1809px 402px 5px #FFF;
}
.stars #star3 {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 242px 647px 3px #FFF , 1756px 675px 1px #FFF , 1725px 241px 4px #FFF , 49px 786px 2px #FFF , 1377px 157px 5px #FFF , 1432px 339px 5px #FFF , 634px 170px 3px #FFF , 716px 718px 2px #FFF , 780px 160px 1px #FFF , 405px 748px 2px #FFF , 1067px 353px 1px #FFF , 829px 508px 1px #FFF , 1531px 633px 4px #FFF , 957px 290px 1px #FFF , 304px 582px 3px #FFF , 771px 467px 5px #FFF , 1637px 405px 4px #FFF , 1000px 162px 3px #FFF , 124px 266px 5px #FFF , 1537px 321px 2px #FFF , 462px 672px 1px #FFF , 1632px 793px 1px #FFF , 1007px 696px 5px #FFF , 638px 448px 4px #FFF , 106px 631px 4px #FFF , 1641px 630px 1px #FFF , 1109px 63px 5px #FFF , 571px 277px 2px #FFF , 1616px 801px 4px #FFF , 1284px 480px 3px #FFF , 400px 628px 3px #FFF;
          box-shadow: 242px 647px 3px #FFF , 1756px 675px 1px #FFF , 1725px 241px 4px #FFF , 49px 786px 2px #FFF , 1377px 157px 5px #FFF , 1432px 339px 5px #FFF , 634px 170px 3px #FFF , 716px 718px 2px #FFF , 780px 160px 1px #FFF , 405px 748px 2px #FFF , 1067px 353px 1px #FFF , 829px 508px 1px #FFF , 1531px 633px 4px #FFF , 957px 290px 1px #FFF , 304px 582px 3px #FFF , 771px 467px 5px #FFF , 1637px 405px 4px #FFF , 1000px 162px 3px #FFF , 124px 266px 5px #FFF , 1537px 321px 2px #FFF , 462px 672px 1px #FFF , 1632px 793px 1px #FFF , 1007px 696px 5px #FFF , 638px 448px 4px #FFF , 106px 631px 4px #FFF , 1641px 630px 1px #FFF , 1109px 63px 5px #FFF , 571px 277px 2px #FFF , 1616px 801px 4px #FFF , 1284px 480px 3px #FFF , 400px 628px 3px #FFF;
  -webkit-animation: animStar 15s linear infinite;
          animation: animStar 15s linear infinite;
}
.stars #star3:after {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 242px 647px 3px #FFF , 1756px 675px 1px #FFF , 1725px 241px 4px #FFF , 49px 786px 2px #FFF , 1377px 157px 5px #FFF , 1432px 339px 5px #FFF , 634px 170px 3px #FFF , 716px 718px 2px #FFF , 780px 160px 1px #FFF , 405px 748px 2px #FFF , 1067px 353px 1px #FFF , 829px 508px 1px #FFF , 1531px 633px 4px #FFF , 957px 290px 1px #FFF , 304px 582px 3px #FFF , 771px 467px 5px #FFF , 1637px 405px 4px #FFF , 1000px 162px 3px #FFF , 124px 266px 5px #FFF , 1537px 321px 2px #FFF , 462px 672px 1px #FFF , 1632px 793px 1px #FFF , 1007px 696px 5px #FFF , 638px 448px 4px #FFF , 106px 631px 4px #FFF , 1641px 630px 1px #FFF , 1109px 63px 5px #FFF , 571px 277px 2px #FFF , 1616px 801px 4px #FFF , 1284px 480px 3px #FFF , 400px 628px 3px #FFF;
          box-shadow: 242px 647px 3px #FFF , 1756px 675px 1px #FFF , 1725px 241px 4px #FFF , 49px 786px 2px #FFF , 1377px 157px 5px #FFF , 1432px 339px 5px #FFF , 634px 170px 3px #FFF , 716px 718px 2px #FFF , 780px 160px 1px #FFF , 405px 748px 2px #FFF , 1067px 353px 1px #FFF , 829px 508px 1px #FFF , 1531px 633px 4px #FFF , 957px 290px 1px #FFF , 304px 582px 3px #FFF , 771px 467px 5px #FFF , 1637px 405px 4px #FFF , 1000px 162px 3px #FFF , 124px 266px 5px #FFF , 1537px 321px 2px #FFF , 462px 672px 1px #FFF , 1632px 793px 1px #FFF , 1007px 696px 5px #FFF , 638px 448px 4px #FFF , 106px 631px 4px #FFF , 1641px 630px 1px #FFF , 1109px 63px 5px #FFF , 571px 277px 2px #FFF , 1616px 801px 4px #FFF , 1284px 480px 3px #FFF , 400px 628px 3px #FFF;
}
@keyframes animStar {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
  }
}

@-webkit-keyframes character01 {
  0% {
    opacity: 0;
    left: 220px;
  }
  100% {
    opacity: 1;
    left: 240px;
  }
}

@keyframes character01 {
  0% {
    opacity: 0;
    left: 220px;
  }
  100% {
    opacity: 1;
    left: 240px;
  }
}
@-webkit-keyframes character02 {
  0% {
    opacity: 0;
    left: 15px;
  }
  100% {
    opacity: 1;
    left: -5px;
  }
}
@keyframes character02 {
  0% {
    opacity: 0;
    left: 15px;
  }
  100% {
    opacity: 1;
    left: -5px;
  }
}
@-webkit-keyframes character03 {
  0% {
    opacity: 0;
    left: 255px;
  }
  100% {
    opacity: 1;
    left: 235px;
  }
}
@keyframes character03 {
  0% {
    opacity: 0;
    left: 255px;
  }
  100% {
    opacity: 1;
    left: 235px;
  }
}
@-webkit-keyframes character04 {
  0% {
    opacity: 0;
    left: 800px;
  }
  100% {
    opacity: 1;
    left: 820px;
  }
}
@keyframes character04 {
  0% {
    opacity: 0;
    left: 800px;
  }
  100% {
    opacity: 1;
    left: 820px;
  }
}
@-webkit-keyframes character05 {
  0% {
    opacity: 0;
    left: 1200px;
  }
  100% {
    opacity: 1;
    left: 1220px;
  }
}
@keyframes character05 {
  0% {
    opacity: 0;
    left: 1200px;
  }
  100% {
    opacity: 1;
    left: 1220px;
  }
}
@-webkit-keyframes character06 {
  0% {
    opacity: 0;
    top: 90px;
    left: 1200px;
  }
  100% {
    opacity: 1;
    top: 90px;
    left: 1180px;
  }
}
@keyframes character06 {
  0% {
    opacity: 0;
    top: 90px;
    left: 1200px;
  }
  100% {
    opacity: 1;
    top: 90px;
    left: 1180px;
  }
}
@-webkit-keyframes bubbles {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bubbles {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes figureDeep {
  0%, 2%, 5% {
    opacity: 0.3;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  3% {
    opacity: 0.2;
    -webkit-transform: translate(20px, -1px);
            transform: translate(20px, -1px);
  }
  15% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
}
@keyframes figureDeep {
  0%, 2%, 5% {
    opacity: 0.3;
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  3% {
    opacity: 0.2;
    -webkit-transform: translate(20px, -1px);
            transform: translate(20px, -1px);
  }
  15% {
    opacity: 0;
    -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
  }
}
@-webkit-keyframes bowEffect {
  5% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  6% {
    opacity: 0.2;
    -webkit-transform: scale(1.009);
            transform: scale(1.009);
  }
  8% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bowEffect {
  5% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  6% {
    opacity: 0.2;
    -webkit-transform: scale(1.009);
            transform: scale(1.009);
  }
  8% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes lightEffect {
  0%, 2%, 5% {
    opacity: 0.1;
  }
  3% {
    opacity: 0.2;
  }
  15% {
    opacity: 0;
  }
}
@keyframes lightEffect {
  0%, 2%, 5% {
    opacity: 0.1;
  }
  3% {
    opacity: 0.2;
  }
  15% {
    opacity: 0;
  }
}
@-webkit-keyframes kvShow {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.2;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes kvShow {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.2;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes rotateEffect {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes rotateEffect {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
ul {
  padding: 0;
  margin: 0;
}

.header {
  position: relative;
  width: 100%;
  height: 880px;
  background: url("../image/kv_all.jpg") no-repeat;
  background-position: left top;
  background-size: 100%;
}
.header-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url("../image/kv_mask.png") no-repeat;
  background-position: left top;
  background-size: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  animation: bowEffect 2s infinite cubic-bezier(0.95, 0.05, 0.795, 0.035) alternate-reverse;
}
.header-white {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #fff;
  top: 0;
  left: 0;
  pointer-events: none;
  animation: lightEffect 2s 0.5s infinite ease-in-out alternate-reverse;
}
.header-main {
  width: 100%;
  height: calc(100% - 140px);
  position: absolute;
}
.header-main .header-slogan {
  max-width: 63%;
  position: absolute;
  left: 50%;
  top: 55%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
.header-logo {
  max-width: 383px;
  min-height: 175px;
  z-index: 5;
  margin: 20px;
  width: 12vw;
  pointer-events: none;
  position: relative;
}
.header-logo .logo {
  width: 100%;
  height: 100%;
  background: url("../image/logo.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.header .kv {
  width: 100%;
  height: calc(100% - 140px);
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  overflow: hidden;
  pointer-events: none;
}
.header .kv_mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.header .dl {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("../image/header_dl_bg.jpg");
  background-position: center center;
  z-index: 4;
}
.header .dl-ham {
  display: none;
}
.header .dl_list {
  width: 1280px;
  height: auto;
  margin: 0 auto;
  position: relative;
  margin-top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}
.header .dl-icon {
  width: 120px;
  height: 120px;
  border: 3px solid #fff;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("../image/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;
  pointer-events: auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.header .dl-group li {
  position: relative;
  width: 180px;
  height: 52px;
  text-align: center;
  vertical-align: bottom;
  border-radius: 5px;
  border: 1px solid #cbbf99;
  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("../image/dl_apple.png") 50% 50% no-repeat;
  background-size: 90%;
}
.header .dl-group li.dl_Google {
  border: 1px solid #ccc;
  background: #000 url("../image/dl_google.png") 50% 50% no-repeat;
  background-size: 90%;
}
.header .dl-group li.dl_Galaxy {
  border: 1px solid #ccc;
  background: #000 url("../image/dl_galaxy.png") 50% 50% no-repeat;
  background-size: 90%;
}
.header .dl-group li.dl_Huawei {
  border: 1px solid #ccc;
  background: #000 url("../image/dl_huawei.png") 50% 50% no-repeat;
  background-size: 90%;
}
.header .dl-group li.dl_pc {
  border: 1px solid #ccc;
  background: #4c4d4d url("../image/bg_pattern_07.jpg") 50% 50% no-repeat;
  background-size: 90%;
  position: relative;
}
.header .dl-group li.dl_pc::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../image/dl_pc.png") 50% 50% no-repeat;
  background-size: 80%;
  width: 186px;
  height: 52px;
  pointer-events: none;
}
.header .dl-group li.dl_apk {
  border: 1px solid #ccc;
  background: #ef6363 url("../image/bg_pattern_08.jpg") 50% 50% no-repeat;
  background-size: 90%;
  position: relative;
}
.header .dl-group li.dl_apk::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../image/dl_apk.png") 50% 50% no-repeat;
  background-size: 80%;
  width: 186px;
  height: 52px;
  pointer-events: none;
}
.header .dl-group li.icon_apk, .header .dl-group li.icon_gift {
  background: url("../image/bg_pattern_05.jpg");
  background-position: center center;
}
.header .dl-group li.icon_save {
  background: url("../image/bg_pattern_06.jpg");
  background-position: center center;
  background-size: contain;
  border: none;
  overflow: visible;
}
.header .dl-group li.icon_save::after {
  content: "";
  position: absolute;
  background: url("../image/icon_recharge.png");
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 66px;
  max-height: 56px;
  width: 100%;
  height: 100vw;
  top: -8px;
  left: 5px;
}
@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;
  padding: 5px 0 0 45px;
}
.header .dl-group__txt span {
  font-size: 14px;
  display: block;
}
@media screen and (min-width: 2560px) {
  .header {
    height: 40vw;
  }
  .header .kv {
    width: 100%;
  }
  .header-slogan {
    top: 65%;
  }
}
@media only screen and (max-width: 1600px) {
  .header {
    height: 720px;
  }
}
@media only screen and (max-width: 1280px) {
  .header {
    height: 650px;
  }
  .header .el-group {
    width: 100%;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    -webkit-transform-origin: 20% 0;
            transform-origin: 20% 0;
  }
  .header .el__balloon {
    width: 125px;
    height: 150px;
    left: -20px;
    top: -20px;
  }
  .header .el__carriage {
    position: absolute;
    width: 216px;
    height: 252px;
    right: 0;
    top: 0px;
  }
  .header .dl_list {
    width: calc(80% - 40px);
  }
  .header .dl-icon {
    margin-right: 30px;
  }
  .header .dl-group {
    width: calc(100% - 180px);
  }
  .header .dl-group li.dl_pc::after {
    background-size: 90%;
    width: 100%;
  }
  .header .dl-group li.dl_apk::after {
    background-size: 90%;
    width: 100%;
  }
}
@media screen and (max-width: 1120px) and (min-width: 1024px) {
  .header {
    height: 600px;
  }
  .header .dl-group .icon_save::after {
    display: none;
  }
  .header .dl-group__txt {
    padding: 5px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header {
    background: url("../image/bg_s.jpg") no-repeat;
    background-position: 50% top;
    background-size: 100%;
    height: 80vw;
  }
  .header-mask {
    display: none;
  }
  .header-main {
    display: none;
  }
  .header .kv {
    display: none;
  }
  .header .el-group {
    display: none;
  }
  .header .el .el-el {
    display: none;
  }
  .header .dl {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url();
    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: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 7;
    background-color: rgba(254, 240, 221, 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, .header .dl-group li.dl_Galaxy, .header .dl-group li.dl_Huawei, .header .dl-group li.dl_pc, .header .dl-group li.dl_apk {
    width: calc(49% - 2px);
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-size: contain;
    margin-bottom: 10px;
  }
  .header .dl-group li.dl_apk {
    background-size: cover;
  }
  .header .dl-group li.dl_apk::after {
    height: 40px;
    background-size: contain;
  }
  .header .dl-group li.dl_pc {
    background-size: cover;
  }
  .header .dl-group li.dl_pc::after {
    height: 40px;
    background-size: contain;
  }
  .header .dl-group li.icon_apk, .header .dl-group li.icon_gift {
    background: none;
    border-bottom: 1px solid rgba(254, 240, 221, 0.8);
  }
  .header .dl-group li.icon_save {
    width: 98%;
    margin: 0 auto;
  }
  .header .dl-group li.icon_save::after {
    display: none;
  }
  .header .dl-group__txt {
    padding: 0;
  }
  .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: rgba(254, 240, 221, 0.8);
  }
  .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 .dl-ham {
    top: 10px;
  }
  .header .dl_list {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 414px) {
  .header {
    height: 80vw;
  }
}

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: 514px;
  height: 82px;
  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("../image/bg_news_area.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 #c98b61;
  -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: 131px;
  height: 58px;
  background: url("../image/news.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
}
.news-notice_title-more {
  position: absolute;
  width: 56px;
  height: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("../image/more.png") 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  bottom: 11px;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.news-notice_title-more:hover {
  -webkit-filter: contrast(200%);
          filter: contrast(200%);
}
.news-notice_title:after {
  width: calc(100% - 200px);
  display: block;
  position: absolute;
  content: "";
  height: 3px;
  bottom: 15px;
  left: 136px;
  background-color: #e9d6c6;
  border-radius: 50px;
}
.news-notice_main {
  position: relative;
  margin-top: 20px;
}
.news-notice_main-switch {
  border-right: 1px solid #cbbf99;
  background-color: #f1e5ce;
  -webkit-box-shadow: 2px 2px 0 #c98b61, 2px 0px 0 #c98b61, 0px 2px 0 #c98b61;
          box-shadow: 2px 2px 0 #c98b61, 2px 0px 0 #c98b61, 0px 2px 0 #c98b61;
  border: 1px solid #c98b61;
}
.news-notice_main-switch li {
  float: left;
  width: 25%;
  text-align: center;
  color: #503b32;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 10px;
  font-size: 14px;
  cursor: pointer;
}
.news-notice_main-switch li.isActive {
  background: #5d3e1d;
  color: #fff;
}
.news-notice_main-switch:after {
  clear: both;
  content: "";
  display: table;
}
.news-notice_main-list {
  padding-bottom: 2px;
  margin-top: 10px;
}
.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 #cbbf99;
}
.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% - 112px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 1281px) {
  .news-notice_main-list .listList li a:hover {
    color: #cbbf99;
  }
}
.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: 10px;
}
.news-notice_links li {
  width: 95px;
  height: 109px;
  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("../image/btn_fb.png") no-repeat;
  background-size: contain;
}
.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("../image/btn_gamer.png") no-repeat;
  background-size: contain;
}
.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("../image/btn_ig.png") no-repeat;
  background-size: contain;
}
.news-notice_links li.linkIG:hover {
  -webkit-animation: shine 0.3s infinite linear;
          animation: shine 0.3s infinite linear;
}
.news-notice_links li.linkDiscord {
  background: url("../image/btn_discord.png") no-repeat;
  background-size: contain;
}
.news-notice_links li.linkDiscord: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 {
  background: url("../image/btn_ban.png") no-repeat;
  background-size: 100%;
  position: relative;
}
.news-notice_links li.linkADD .linkADD-ban::after {
  content: "";
  position: absolute;
  background: url("../image/icon_ban_bear.png") no-repeat;
  background-size: 100%;
  top: -20px;
  left: 10px;
  max-width: 65px;
  min-height: 66px;
  width: 65px;
  height: 66px;
}
@media only screen and (max-width: 1024px) {
  .news-notice_links li.linkADD .linkADD-ban::after {
    top: -1vw;
    left: 1.5vw;
    width: 4.5vw;
    height: 6vw;
  }
}
@media only screen and (max-width: 768px) {
  .news-notice_links li.linkADD .linkADD-ban::after {
    top: -2vw;
    left: 2.2vw;
    width: 8vw;
  }
}
@media only screen and (max-width: 640px) {
  .news-notice_links li.linkADD .linkADD-ban::after {
    width: 10vw;
    height: 11vw;
    top: -3vw;
    left: 2vw;
    width: 8.5vw;
  }
}
.news-notice_links li.linkADD .linkADD-rule {
  margin-top: 3px;
  background: url("../image/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 {
    margin: 0.5%;
    height: 0;
    position: relative;
    padding-bottom: 19.2%;
  }
  .news-notice_links li a {
    padding-bottom: 56.25%;
  }
  .news-notice_links li.linkADD a {
    height: 0;
    padding-bottom: 29%;
  }
}
@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: 146px;
  }
  .news-notice_links li.linkADD {
    width: 226px;
  }
  .news-notice_links li.linkADD a {
    padding-bottom: 27%;
  }
}

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

.game {
  background: url("../image/bg_game_01.jpg") center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.game h2 {
  background: url("../image/h2_02.png") no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 85px;
  width: 216px;
  height: 57px;
  margin-bottom: 2%;
}
.game_bg01, .game_bg02 {
  width: 100%;
  background: url("../image/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::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../image/banner_frame.png");
  background-repeat: no-repeat;
  left: -13px;
  top: -57px;
  display: block;
  width: 988px;
  height: 616px;
  z-index: 10;
  pointer-events: none;
}
.game-banner .gameSlider {
  border: 1px solid rgba(230, 214, 179, 0.35);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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: 30px;
}
@media only screen and (max-width: 1280px) {
  .game h2 {
    margin-bottom: 4%;
  }
  .game-banner {
    width: calc(100% - 164px);
  }
  .game-banner::after {
    width: 105%;
    height: 113%;
    top: -10%;
    left: -1%;
    background-size: contain;
  }
}
@media only screen and (max-width: 768px) {
  .game h2 {
    width: 60vw;
    height: 10vw;
    margin-bottom: 6%;
  }
  .game_bg01 {
    height: 21%;
    top: 0;
  }
  .game .gameSlider-next, .game .gameSlider-prev {
    display: none;
  }
  .game-banner {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .game .gameSlider-pagination {
    margin-top: 2vw;
  }
}

.system {
  background-color: #fff;
  border-top: 1px solid #cbbf99;
  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: #cbbf99;
  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: #cbbf99;
  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("../image/bg_pattern_01.jpg");
  pointer-events: none;
}

.swiper-pagination-bullet {
  border: 1px solid #c98b61;
}

.swiper-pagination-bullet-active {
  background-color: #c98b61;
}

.game-banner .gameSlider {
  border-radius: 20px;
}

.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: 943px 95px 3px #FFF, 22px 183px 3px #FFF, 1302px 518px 2px #FFF, 1639px 837px 4px #FFF, 953px 655px 1px #FFF, 113px 368px 3px #FFF, 272px 540px 5px #FFF, 477px 755px 1px #FFF, 564px 242px 1px #FFF, 1786px 101px 1px #FFF, 1660px 246px 1px #FFF, 1325px 444px 1px #FFF, 1131px 530px 2px #FFF, 571px 728px 2px #FFF, 1834px 643px 4px #FFF, 821px 819px 2px #FFF, 1440px 319px 4px #FFF, 992px 645px 2px #FFF, 101px 662px 1px #FFF, 798px 310px 5px #FFF, 115px 189px 1px #FFF, 1809px 220px 1px #FFF, 1598px 128px 5px #FFF, 408px 613px 4px #FFF, 208px 354px 3px #FFF, 1404px 815px 3px #FFF, 436px 295px 1px #FFF, 428px 586px 2px #FFF, 669px 548px 1px #FFF, 791px 717px 1px #FFF, 1378px 247px 2px #FFF, 491px 521px 2px #FFF, 1916px 821px 4px #FFF, 1834px 6px 3px #FFF, 23px 525px 2px #FFF, 107px 572px 5px #FFF, 685px 757px 3px #FFF, 337px 95px 4px #FFF, 1711px 475px 3px #FFF, 108px 531px 5px #FFF, 922px 385px 3px #FFF, 1747px 752px 3px #FFF, 1349px 584px 5px #FFF, 944px 246px 3px #FFF, 1891px 46px 4px #FFF, 504px 389px 1px #FFF, 320px 393px 5px #FFF, 1247px 269px 4px #FFF, 1729px 836px 5px #FFF, 1665px 466px 2px #FFF, 128px 734px 2px #FFF, 771px 440px 4px #FFF, 417px 552px 4px #FFF, 736px 113px 3px #FFF, 641px 808px 2px #FFF, 300px 120px 5px #FFF, 1196px 310px 5px #FFF, 890px 630px 2px #FFF, 1516px 400px 3px #FFF, 131px 117px 2px #FFF, 1878px 491px 4px #FFF, 776px 541px 5px #FFF, 226px 627px 4px #FFF, 488px 591px 5px #FFF, 1060px 702px 2px #FFF, 1051px 110px 4px #FFF, 768px 429px 1px #FFF, 731px 615px 3px #FFF, 1274px 214px 5px #FFF, 485px 228px 1px #FFF, 565px 431px 5px #FFF;
  box-shadow: 943px 95px 3px #FFF, 22px 183px 3px #FFF, 1302px 518px 2px #FFF, 1639px 837px 4px #FFF, 953px 655px 1px #FFF, 113px 368px 3px #FFF, 272px 540px 5px #FFF, 477px 755px 1px #FFF, 564px 242px 1px #FFF, 1786px 101px 1px #FFF, 1660px 246px 1px #FFF, 1325px 444px 1px #FFF, 1131px 530px 2px #FFF, 571px 728px 2px #FFF, 1834px 643px 4px #FFF, 821px 819px 2px #FFF, 1440px 319px 4px #FFF, 992px 645px 2px #FFF, 101px 662px 1px #FFF, 798px 310px 5px #FFF, 115px 189px 1px #FFF, 1809px 220px 1px #FFF, 1598px 128px 5px #FFF, 408px 613px 4px #FFF, 208px 354px 3px #FFF, 1404px 815px 3px #FFF, 436px 295px 1px #FFF, 428px 586px 2px #FFF, 669px 548px 1px #FFF, 791px 717px 1px #FFF, 1378px 247px 2px #FFF, 491px 521px 2px #FFF, 1916px 821px 4px #FFF, 1834px 6px 3px #FFF, 23px 525px 2px #FFF, 107px 572px 5px #FFF, 685px 757px 3px #FFF, 337px 95px 4px #FFF, 1711px 475px 3px #FFF, 108px 531px 5px #FFF, 922px 385px 3px #FFF, 1747px 752px 3px #FFF, 1349px 584px 5px #FFF, 944px 246px 3px #FFF, 1891px 46px 4px #FFF, 504px 389px 1px #FFF, 320px 393px 5px #FFF, 1247px 269px 4px #FFF, 1729px 836px 5px #FFF, 1665px 466px 2px #FFF, 128px 734px 2px #FFF, 771px 440px 4px #FFF, 417px 552px 4px #FFF, 736px 113px 3px #FFF, 641px 808px 2px #FFF, 300px 120px 5px #FFF, 1196px 310px 5px #FFF, 890px 630px 2px #FFF, 1516px 400px 3px #FFF, 131px 117px 2px #FFF, 1878px 491px 4px #FFF, 776px 541px 5px #FFF, 226px 627px 4px #FFF, 488px 591px 5px #FFF, 1060px 702px 2px #FFF, 1051px 110px 4px #FFF, 768px 429px 1px #FFF, 731px 615px 3px #FFF, 1274px 214px 5px #FFF, 485px 228px 1px #FFF, 565px 431px 5px #FFF;
  -webkit-animation: animStar 5s linear infinite;
  animation: animStar 5s linear infinite;
}

.stars #star1:after {
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 943px 95px 3px #FFF, 22px 183px 3px #FFF, 1302px 518px 2px #FFF, 1639px 837px 4px #FFF, 953px 655px 1px #FFF, 113px 368px 3px #FFF, 272px 540px 5px #FFF, 477px 755px 1px #FFF, 564px 242px 1px #FFF, 1786px 101px 1px #FFF, 1660px 246px 1px #FFF, 1325px 444px 1px #FFF, 1131px 530px 2px #FFF, 571px 728px 2px #FFF, 1834px 643px 4px #FFF, 821px 819px 2px #FFF, 1440px 319px 4px #FFF, 992px 645px 2px #FFF, 101px 662px 1px #FFF, 798px 310px 5px #FFF, 115px 189px 1px #FFF, 1809px 220px 1px #FFF, 1598px 128px 5px #FFF, 408px 613px 4px #FFF, 208px 354px 3px #FFF, 1404px 815px 3px #FFF, 436px 295px 1px #FFF, 428px 586px 2px #FFF, 669px 548px 1px #FFF, 791px 717px 1px #FFF, 1378px 247px 2px #FFF, 491px 521px 2px #FFF, 1916px 821px 4px #FFF, 1834px 6px 3px #FFF, 23px 525px 2px #FFF, 107px 572px 5px #FFF, 685px 757px 3px #FFF, 337px 95px 4px #FFF, 1711px 475px 3px #FFF, 108px 531px 5px #FFF, 922px 385px 3px #FFF, 1747px 752px 3px #FFF, 1349px 584px 5px #FFF, 944px 246px 3px #FFF, 1891px 46px 4px #FFF, 504px 389px 1px #FFF, 320px 393px 5px #FFF, 1247px 269px 4px #FFF, 1729px 836px 5px #FFF, 1665px 466px 2px #FFF, 128px 734px 2px #FFF, 771px 440px 4px #FFF, 417px 552px 4px #FFF, 736px 113px 3px #FFF, 641px 808px 2px #FFF, 300px 120px 5px #FFF, 1196px 310px 5px #FFF, 890px 630px 2px #FFF, 1516px 400px 3px #FFF, 131px 117px 2px #FFF, 1878px 491px 4px #FFF, 776px 541px 5px #FFF, 226px 627px 4px #FFF, 488px 591px 5px #FFF, 1060px 702px 2px #FFF, 1051px 110px 4px #FFF, 768px 429px 1px #FFF, 731px 615px 3px #FFF, 1274px 214px 5px #FFF, 485px 228px 1px #FFF, 565px 431px 5px #FFF;
  box-shadow: 943px 95px 3px #FFF, 22px 183px 3px #FFF, 1302px 518px 2px #FFF, 1639px 837px 4px #FFF, 953px 655px 1px #FFF, 113px 368px 3px #FFF, 272px 540px 5px #FFF, 477px 755px 1px #FFF, 564px 242px 1px #FFF, 1786px 101px 1px #FFF, 1660px 246px 1px #FFF, 1325px 444px 1px #FFF, 1131px 530px 2px #FFF, 571px 728px 2px #FFF, 1834px 643px 4px #FFF, 821px 819px 2px #FFF, 1440px 319px 4px #FFF, 992px 645px 2px #FFF, 101px 662px 1px #FFF, 798px 310px 5px #FFF, 115px 189px 1px #FFF, 1809px 220px 1px #FFF, 1598px 128px 5px #FFF, 408px 613px 4px #FFF, 208px 354px 3px #FFF, 1404px 815px 3px #FFF, 436px 295px 1px #FFF, 428px 586px 2px #FFF, 669px 548px 1px #FFF, 791px 717px 1px #FFF, 1378px 247px 2px #FFF, 491px 521px 2px #FFF, 1916px 821px 4px #FFF, 1834px 6px 3px #FFF, 23px 525px 2px #FFF, 107px 572px 5px #FFF, 685px 757px 3px #FFF, 337px 95px 4px #FFF, 1711px 475px 3px #FFF, 108px 531px 5px #FFF, 922px 385px 3px #FFF, 1747px 752px 3px #FFF, 1349px 584px 5px #FFF, 944px 246px 3px #FFF, 1891px 46px 4px #FFF, 504px 389px 1px #FFF, 320px 393px 5px #FFF, 1247px 269px 4px #FFF, 1729px 836px 5px #FFF, 1665px 466px 2px #FFF, 128px 734px 2px #FFF, 771px 440px 4px #FFF, 417px 552px 4px #FFF, 736px 113px 3px #FFF, 641px 808px 2px #FFF, 300px 120px 5px #FFF, 1196px 310px 5px #FFF, 890px 630px 2px #FFF, 1516px 400px 3px #FFF, 131px 117px 2px #FFF, 1878px 491px 4px #FFF, 776px 541px 5px #FFF, 226px 627px 4px #FFF, 488px 591px 5px #FFF, 1060px 702px 2px #FFF, 1051px 110px 4px #FFF, 768px 429px 1px #FFF, 731px 615px 3px #FFF, 1274px 214px 5px #FFF, 485px 228px 1px #FFF, 565px 431px 5px #FFF;
}

.stars #star2 {
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 1299px 458px 1px #FFF, 1307px 112px 3px #FFF, 27px 172px 2px #FFF, 26px 680px 2px #FFF, 883px 359px 5px #FFF, 1403px 591px 3px #FFF, 176px 476px 3px #FFF, 1295px 51px 1px #FFF, 99px 789px 3px #FFF, 589px 809px 4px #FFF, 404px 690px 2px #FFF, 238px 116px 2px #FFF, 1032px 526px 5px #FFF, 1320px 86px 2px #FFF, 62px 734px 3px #FFF, 1702px 98px 1px #FFF, 228px 674px 5px #FFF, 270px 1px 2px #FFF, 1849px 138px 5px #FFF, 463px 121px 5px #FFF, 1139px 451px 3px #FFF, 672px 275px 3px #FFF, 1197px 548px 5px #FFF, 1233px 749px 4px #FFF, 282px 686px 2px #FFF, 1633px 289px 1px #FFF, 366px 528px 1px #FFF, 1298px 502px 2px #FFF, 1737px 736px 5px #FFF, 755px 178px 2px #FFF, 374px 451px 2px #FFF, 715px 665px 1px #FFF, 800px 173px 2px #FFF, 14px 476px 5px #FFF, 1102px 247px 3px #FFF, 1260px 829px 1px #FFF, 1768px 53px 5px #FFF, 405px 721px 1px #FFF, 1828px 348px 3px #FFF, 1392px 545px 5px #FFF, 1769px 427px 1px #FFF;
  box-shadow: 1299px 458px 1px #FFF, 1307px 112px 3px #FFF, 27px 172px 2px #FFF, 26px 680px 2px #FFF, 883px 359px 5px #FFF, 1403px 591px 3px #FFF, 176px 476px 3px #FFF, 1295px 51px 1px #FFF, 99px 789px 3px #FFF, 589px 809px 4px #FFF, 404px 690px 2px #FFF, 238px 116px 2px #FFF, 1032px 526px 5px #FFF, 1320px 86px 2px #FFF, 62px 734px 3px #FFF, 1702px 98px 1px #FFF, 228px 674px 5px #FFF, 270px 1px 2px #FFF, 1849px 138px 5px #FFF, 463px 121px 5px #FFF, 1139px 451px 3px #FFF, 672px 275px 3px #FFF, 1197px 548px 5px #FFF, 1233px 749px 4px #FFF, 282px 686px 2px #FFF, 1633px 289px 1px #FFF, 366px 528px 1px #FFF, 1298px 502px 2px #FFF, 1737px 736px 5px #FFF, 755px 178px 2px #FFF, 374px 451px 2px #FFF, 715px 665px 1px #FFF, 800px 173px 2px #FFF, 14px 476px 5px #FFF, 1102px 247px 3px #FFF, 1260px 829px 1px #FFF, 1768px 53px 5px #FFF, 405px 721px 1px #FFF, 1828px 348px 3px #FFF, 1392px 545px 5px #FFF, 1769px 427px 1px #FFF;
  -webkit-animation: animStar 10s linear infinite;
  animation: animStar 10s linear infinite;
}

.stars #star2:after {
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 1299px 458px 1px #FFF, 1307px 112px 3px #FFF, 27px 172px 2px #FFF, 26px 680px 2px #FFF, 883px 359px 5px #FFF, 1403px 591px 3px #FFF, 176px 476px 3px #FFF, 1295px 51px 1px #FFF, 99px 789px 3px #FFF, 589px 809px 4px #FFF, 404px 690px 2px #FFF, 238px 116px 2px #FFF, 1032px 526px 5px #FFF, 1320px 86px 2px #FFF, 62px 734px 3px #FFF, 1702px 98px 1px #FFF, 228px 674px 5px #FFF, 270px 1px 2px #FFF, 1849px 138px 5px #FFF, 463px 121px 5px #FFF, 1139px 451px 3px #FFF, 672px 275px 3px #FFF, 1197px 548px 5px #FFF, 1233px 749px 4px #FFF, 282px 686px 2px #FFF, 1633px 289px 1px #FFF, 366px 528px 1px #FFF, 1298px 502px 2px #FFF, 1737px 736px 5px #FFF, 755px 178px 2px #FFF, 374px 451px 2px #FFF, 715px 665px 1px #FFF, 800px 173px 2px #FFF, 14px 476px 5px #FFF, 1102px 247px 3px #FFF, 1260px 829px 1px #FFF, 1768px 53px 5px #FFF, 405px 721px 1px #FFF, 1828px 348px 3px #FFF, 1392px 545px 5px #FFF, 1769px 427px 1px #FFF;
  box-shadow: 1299px 458px 1px #FFF, 1307px 112px 3px #FFF, 27px 172px 2px #FFF, 26px 680px 2px #FFF, 883px 359px 5px #FFF, 1403px 591px 3px #FFF, 176px 476px 3px #FFF, 1295px 51px 1px #FFF, 99px 789px 3px #FFF, 589px 809px 4px #FFF, 404px 690px 2px #FFF, 238px 116px 2px #FFF, 1032px 526px 5px #FFF, 1320px 86px 2px #FFF, 62px 734px 3px #FFF, 1702px 98px 1px #FFF, 228px 674px 5px #FFF, 270px 1px 2px #FFF, 1849px 138px 5px #FFF, 463px 121px 5px #FFF, 1139px 451px 3px #FFF, 672px 275px 3px #FFF, 1197px 548px 5px #FFF, 1233px 749px 4px #FFF, 282px 686px 2px #FFF, 1633px 289px 1px #FFF, 366px 528px 1px #FFF, 1298px 502px 2px #FFF, 1737px 736px 5px #FFF, 755px 178px 2px #FFF, 374px 451px 2px #FFF, 715px 665px 1px #FFF, 800px 173px 2px #FFF, 14px 476px 5px #FFF, 1102px 247px 3px #FFF, 1260px 829px 1px #FFF, 1768px 53px 5px #FFF, 405px 721px 1px #FFF, 1828px 348px 3px #FFF, 1392px 545px 5px #FFF, 1769px 427px 1px #FFF;
}

.stars #star3 {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 1271px 634px 1px #FFF, 1693px 838px 2px #FFF, 1854px 633px 1px #FFF, 71px 38px 1px #FFF, 1357px 189px 5px #FFF, 1275px 300px 4px #FFF, 1443px 560px 5px #FFF, 1652px 716px 1px #FFF, 1081px 371px 4px #FFF, 60px 233px 2px #FFF, 673px 461px 5px #FFF, 623px 837px 3px #FFF, 1038px 690px 2px #FFF, 218px 17px 2px #FFF, 1402px 239px 1px #FFF, 681px 241px 1px #FFF, 1723px 604px 1px #FFF, 1480px 780px 4px #FFF, 332px 536px 2px #FFF, 467px 780px 1px #FFF, 1269px 585px 5px #FFF, 1534px 221px 2px #FFF, 1565px 67px 4px #FFF, 1770px 307px 3px #FFF, 1395px 414px 3px #FFF, 346px 271px 2px #FFF, 932px 270px 4px #FFF, 758px 139px 5px #FFF, 89px 624px 3px #FFF, 1430px 835px 2px #FFF, 1268px 731px 2px #FFF;
  box-shadow: 1271px 634px 1px #FFF, 1693px 838px 2px #FFF, 1854px 633px 1px #FFF, 71px 38px 1px #FFF, 1357px 189px 5px #FFF, 1275px 300px 4px #FFF, 1443px 560px 5px #FFF, 1652px 716px 1px #FFF, 1081px 371px 4px #FFF, 60px 233px 2px #FFF, 673px 461px 5px #FFF, 623px 837px 3px #FFF, 1038px 690px 2px #FFF, 218px 17px 2px #FFF, 1402px 239px 1px #FFF, 681px 241px 1px #FFF, 1723px 604px 1px #FFF, 1480px 780px 4px #FFF, 332px 536px 2px #FFF, 467px 780px 1px #FFF, 1269px 585px 5px #FFF, 1534px 221px 2px #FFF, 1565px 67px 4px #FFF, 1770px 307px 3px #FFF, 1395px 414px 3px #FFF, 346px 271px 2px #FFF, 932px 270px 4px #FFF, 758px 139px 5px #FFF, 89px 624px 3px #FFF, 1430px 835px 2px #FFF, 1268px 731px 2px #FFF;
  -webkit-animation: animStar 15s linear infinite;
  animation: animStar 15s linear infinite;
}

.stars #star3:after {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 1271px 634px 1px #FFF, 1693px 838px 2px #FFF, 1854px 633px 1px #FFF, 71px 38px 1px #FFF, 1357px 189px 5px #FFF, 1275px 300px 4px #FFF, 1443px 560px 5px #FFF, 1652px 716px 1px #FFF, 1081px 371px 4px #FFF, 60px 233px 2px #FFF, 673px 461px 5px #FFF, 623px 837px 3px #FFF, 1038px 690px 2px #FFF, 218px 17px 2px #FFF, 1402px 239px 1px #FFF, 681px 241px 1px #FFF, 1723px 604px 1px #FFF, 1480px 780px 4px #FFF, 332px 536px 2px #FFF, 467px 780px 1px #FFF, 1269px 585px 5px #FFF, 1534px 221px 2px #FFF, 1565px 67px 4px #FFF, 1770px 307px 3px #FFF, 1395px 414px 3px #FFF, 346px 271px 2px #FFF, 932px 270px 4px #FFF, 758px 139px 5px #FFF, 89px 624px 3px #FFF, 1430px 835px 2px #FFF, 1268px 731px 2px #FFF;
  box-shadow: 1271px 634px 1px #FFF, 1693px 838px 2px #FFF, 1854px 633px 1px #FFF, 71px 38px 1px #FFF, 1357px 189px 5px #FFF, 1275px 300px 4px #FFF, 1443px 560px 5px #FFF, 1652px 716px 1px #FFF, 1081px 371px 4px #FFF, 60px 233px 2px #FFF, 673px 461px 5px #FFF, 623px 837px 3px #FFF, 1038px 690px 2px #FFF, 218px 17px 2px #FFF, 1402px 239px 1px #FFF, 681px 241px 1px #FFF, 1723px 604px 1px #FFF, 1480px 780px 4px #FFF, 332px 536px 2px #FFF, 467px 780px 1px #FFF, 1269px 585px 5px #FFF, 1534px 221px 2px #FFF, 1565px 67px 4px #FFF, 1770px 307px 3px #FFF, 1395px 414px 3px #FFF, 346px 271px 2px #FFF, 932px 270px 4px #FFF, 758px 139px 5px #FFF, 89px 624px 3px #FFF, 1430px 835px 2px #FFF, 1268px 731px 2px #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);
  }
}