@charset "UTF-8";
/* line 32, ../sass/_tool.scss */
nav .langBar > div:first-child:before, nav .langBar > div.bar:before, nav:before, nav .navbar .point, .page-content[data-page="index"] .scrollHint:after {
  background: #fcc1ff;
  box-shadow: 0 0 4px rgba(231, 130, 130, 0.75);
}

/* line 36, ../sass/_tool.scss */
nav .langBar > div a, nav .langBar > div.langBox, nav .navbar .point.main:before, nav .navbar .point.main:after, .page-content[data-page="index"] .scrollHint {
  color: #fcc1ff;
  text-shadow: 0 0 4px rgba(231, 130, 130, 0.75);
}

/* line 1, ../sass/_particles.scss */
.starryNight {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 5;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  pointer-events: none;
  opacity: .8;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* line 15, ../sass/_particles.scss */
[page="page1"] .starryNight#starry {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/* line 20, ../sass/_particles.scss */
[page="page2"] .starryNight#starry {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
}

/* line 25, ../sass/_particles.scss */
[page="page3"] .starryNight#starry {
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8);
  -ms-transform: scale(1.8);
  -o-transform: scale(1.8);
  transform: scale(1.8);
}
/* line 27, ../sass/_particles.scss */
[page="page3"] .starryNight#starry .stars3 {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

/* line 49, ../sass/_particles.scss */
#starry .stars:after, #starry .stars2:after, #starry .stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  background: transparent;
}

/* line 74, ../sass/_particles.scss */
#starry .stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 261px 472px #FFF , 957px 1557px #FFF , 1076px 304px #FFF , 1110px 419px #FFF , 1189px 534px #FFF , 1561px 1418px #FFF , 1786px 1979px #FFF , 1905px 1345px #FFF , 1190px 1242px #FFF , 1056px 626px #FFF , 1445px 1066px #FFF , 1985px 72px #FFF , 1489px 534px #FFF , 1436px 1118px #FFF , 184px 1217px #FFF , 534px 1674px #FFF , 1978px 867px #FFF , 1516px 1170px #FFF , 1736px 2000px #FFF , 1734px 901px #FFF , 1527px 1615px #FFF , 996px 1362px #FFF , 1688px 824px #FFF , 738px 1857px #FFF , 190px 1950px #FFF , 883px 1145px #FFF , 1px 890px #FFF , 786px 352px #FFF , 1478px 912px #FFF , 829px 1168px #FFF , 1297px 748px #FFF , 192px 1969px #FFF , 717px 1556px #FFF , 287px 1382px #FFF , 482px 129px #FFF , 531px 1985px #FFF , 1774px 1101px #FFF , 106px 282px #FFF , 1431px 1505px #FFF , 1933px 200px #FFF , 60px 419px #FFF , 1326px 1312px #FFF , 1500px 765px #FFF , 250px 13px #FFF , 1184px 1196px #FFF , 1109px 762px #FFF , 27px 608px #FFF , 1427px 1062px #FFF , 1826px 271px #FFF , 74px 1447px #FFF , 1013px 438px #FFF , 267px 387px #FFF , 638px 1936px #FFF , 1098px 1350px #FFF , 1273px 1957px #FFF , 1120px 1310px #FFF , 1037px 377px #FFF , 826px 1561px #FFF , 1443px 1440px #FFF , 1768px 1549px #FFF , 576px 1311px #FFF , 238px 550px #FFF , 240px 425px #FFF , 390px 1566px #FFF , 1700px 113px #FFF , 1839px 1959px #FFF , 1824px 1789px #FFF , 1781px 1914px #FFF , 10px 1385px #FFF , 1267px 188px #FFF , 1379px 1262px #FFF , 324px 549px #FFF , 674px 532px #FFF , 320px 721px #FFF , 825px 955px #FFF , 887px 1611px #FFF , 201px 1145px #FFF , 162px 1846px #FFF , 260px 211px #FFF , 428px 1363px #FFF , 618px 1036px #FFF , 1916px 1486px #FFF , 814px 1743px #FFF , 203px 72px #FFF , 1234px 1817px #FFF , 1620px 167px #FFF , 1871px 1431px #FFF , 1253px 996px #FFF , 1087px 783px #FFF , 339px 1085px #FFF , 1625px 928px #FFF , 1000px 1111px #FFF , 313px 1181px #FFF , 135px 1893px #FFF , 1648px 896px #FFF , 892px 87px #FFF , 258px 54px #FFF , 797px 1875px #FFF , 1750px 1293px #FFF , 839px 1613px #FFF , 165px 923px #FFF , 1567px 819px #FFF , 384px 1528px #FFF , 82px 941px #FFF , 181px 1960px #FFF , 1772px 1671px #FFF , 167px 1619px #FFF , 616px 361px #FFF , 1320px 1784px #FFF , 396px 126px #FFF , 580px 1390px #FFF , 682px 1995px #FFF , 1532px 1461px #FFF , 1382px 876px #FFF , 491px 1904px #FFF , 1864px 941px #FFF , 744px 670px #FFF , 770px 165px #FFF , 1845px 810px #FFF , 1797px 1667px #FFF , 1470px 1222px #FFF , 1706px 1940px #FFF , 1942px 1702px #FFF , 557px 1851px #FFF , 874px 1744px #FFF , 1197px 1980px #FFF , 1250px 1034px #FFF , 14px 1023px #FFF , 530px 1124px #FFF , 979px 1341px #FFF , 845px 957px #FFF , 1757px 1573px #FFF , 1057px 1663px #FFF , 1709px 756px #FFF , 633px 1618px #FFF , 1626px 1921px #FFF , 1140px 1269px #FFF , 1757px 1982px #FFF , 1217px 1390px #FFF , 1803px 560px #FFF , 1648px 1192px #FFF , 557px 571px #FFF , 1949px 173px #FFF , 1483px 933px #FFF , 1943px 498px #FFF , 1700px 171px #FFF , 2000px 549px #FFF , 1524px 474px #FFF , 867px 1230px #FFF , 876px 1125px #FFF , 1799px 184px #FFF , 1677px 1540px #FFF , 1372px 1932px #FFF , 158px 1132px #FFF , 930px 1846px #FFF , 1826px 406px #FFF , 1975px 1123px #FFF , 490px 1059px #FFF , 849px 1192px #FFF , 1053px 1814px #FFF , 170px 1961px #FFF , 597px 1741px #FFF , 1099px 1201px #FFF , 734px 981px #FFF , 1173px 1987px #FFF , 507px 837px #FFF , 1304px 832px #FFF , 941px 103px #FFF , 1041px 1956px #FFF , 1568px 1969px #FFF , 841px 37px #FFF , 1919px 1249px #FFF , 1913px 1940px #FFF , 290px 31px #FFF , 789px 662px #FFF , 607px 1049px #FFF , 247px 331px #FFF , 137px 889px #FFF , 876px 2000px #FFF , 345px 1605px #FFF , 1535px 1097px #FFF , 1365px 326px #FFF , 1434px 1174px #FFF , 769px 1036px #FFF , 1800px 1688px #FFF , 1410px 1148px #FFF , 1362px 971px #FFF , 1321px 38px #FFF , 16px 609px #FFF , 1773px 706px #FFF , 732px 677px #FFF , 303px 756px #FFF , 1363px 483px #FFF , 410px 1338px #FFF , 1058px 1902px #FFF , 1976px 1419px #FFF , 175px 1371px #FFF , 1777px 1793px #FFF , 4px 1175px #FFF , 834px 1468px #FFF , 585px 1105px #FFF , 484px 1866px #FFF , 477px 1749px #FFF , 620px 1812px #FFF , 929px 1574px #FFF , 735px 245px #FFF , 578px 1513px #FFF , 1354px 752px #FFF , 1832px 285px #FFF , 906px 1665px #FFF , 1216px 1707px #FFF , 1497px 113px #FFF , 1676px 1578px #FFF , 1418px 1477px #FFF , 659px 1720px #FFF , 1005px 141px #FFF , 408px 1457px #FFF , 1363px 674px #FFF , 54px 1272px #FFF , 57px 1902px #FFF , 1210px 537px #FFF , 256px 228px #FFF , 67px 422px #FFF , 1694px 1525px #FFF , 697px 702px #FFF , 554px 1400px #FFF , 1763px 1651px #FFF , 238px 738px #FFF , 1896px 753px #FFF , 1358px 1357px #FFF , 82px 399px #FFF , 120px 578px #FFF , 887px 438px #FFF , 1189px 1480px #FFF , 1175px 1079px #FFF , 40px 595px #FFF , 1026px 509px #FFF , 1872px 347px #FFF , 1534px 1029px #FFF , 34px 1527px #FFF , 55px 1161px #FFF , 670px 1125px #FFF , 1592px 415px #FFF , 160px 841px #FFF , 1906px 1722px #FFF , 386px 860px #FFF , 815px 1516px #FFF , 1797px 484px #FFF , 1048px 1031px #FFF , 1445px 721px #FFF , 971px 1692px #FFF , 781px 339px #FFF , 729px 1510px #FFF , 1491px 641px #FFF , 622px 1552px #FFF , 1518px 1468px #FFF , 1902px 1858px #FFF , 1747px 924px #FFF , 892px 1873px #FFF , 874px 1990px #FFF , 1755px 546px #FFF , 1809px 1926px #FFF , 1247px 288px #FFF , 716px 1779px #FFF , 1140px 1803px #FFF , 851px 1064px #FFF , 1818px 557px #FFF , 620px 1979px #FFF , 1839px 1513px #FFF , 101px 1271px #FFF , 586px 1399px #FFF , 98px 390px #FFF , 800px 111px #FFF , 1819px 617px #FFF , 1424px 635px #FFF , 1279px 1448px #FFF , 1543px 1370px #FFF , 246px 736px #FFF , 1640px 938px #FFF , 1091px 285px #FFF , 1946px 400px #FFF , 368px 1517px #FFF , 323px 976px #FFF , 996px 1520px #FFF , 1937px 217px #FFF , 98px 1423px #FFF , 933px 274px #FFF , 578px 1043px #FFF , 628px 1420px #FFF , 1457px 1720px #FFF , 1050px 1859px #FFF , 1124px 408px #FFF , 1192px 299px #FFF , 904px 1501px #FFF , 1986px 1873px #FFF , 1157px 1941px #FFF , 658px 1885px #FFF , 1087px 862px #FFF , 1143px 184px #FFF , 1350px 1165px #FFF , 1104px 1666px #FFF , 491px 1477px #FFF , 1059px 1218px #FFF , 561px 868px #FFF , 90px 115px #FFF , 1186px 1693px #FFF , 680px 1058px #FFF , 1503px 548px #FFF , 1472px 1506px #FFF , 814px 1525px #FFF , 808px 1561px #FFF , 185px 1346px #FFF , 1779px 1105px #FFF , 581px 38px #FFF , 658px 86px #FFF , 1991px 655px #FFF , 871px 1309px #FFF , 1978px 1943px #FFF , 1034px 1586px #FFF , 1432px 1787px #FFF , 338px 1879px #FFF , 1031px 1910px #FFF , 811px 246px #FFF , 881px 412px #FFF , 1737px 836px #FFF , 1316px 887px #FFF , 1276px 359px #FFF , 1729px 1632px #FFF , 876px 1956px #FFF , 661px 1949px #FFF , 1676px 1482px #FFF , 234px 74px #FFF , 1500px 799px #FFF , 1034px 535px #FFF , 29px 1216px #FFF , 6px 114px #FFF , 64px 1963px #FFF , 1554px 636px #FFF , 820px 1962px #FFF , 1330px 648px #FFF , 634px 1587px #FFF , 1488px 1123px #FFF , 174px 1257px #FFF , 1150px 136px #FFF , 441px 1277px #FFF , 1170px 1612px #FFF , 617px 472px #FFF , 810px 67px #FFF , 600px 1455px #FFF , 149px 1936px #FFF , 1854px 949px #FFF , 467px 1271px #FFF , 1356px 1377px #FFF , 413px 192px #FFF , 77px 572px #FFF , 1138px 7px #FFF , 913px 1783px #FFF , 936px 1029px #FFF , 1423px 1069px #FFF , 136px 1839px #FFF , 1692px 411px #FFF , 1391px 1897px #FFF , 1206px 1975px #FFF , 563px 1011px #FFF , 434px 1368px #FFF , 323px 1142px #FFF , 1319px 1280px #FFF , 554px 389px #FFF , 1559px 1032px #FFF , 1px 68px #FFF , 657px 271px #FFF , 500px 1692px #FFF , 1520px 1095px #FFF , 1036px 391px #FFF , 1143px 1652px #FFF , 1486px 356px #FFF , 1348px 241px #FFF , 1139px 1761px #FFF , 574px 389px #FFF , 609px 1002px #FFF , 1520px 1667px #FFF , 999px 1680px #FFF , 1277px 580px #FFF , 1655px 1750px #FFF , 1655px 1586px #FFF , 601px 964px #FFF , 496px 1568px #FFF , 869px 250px #FFF , 1470px 1386px #FFF , 957px 1444px #FFF , 936px 122px #FFF , 885px 1729px #FFF , 1311px 992px #FFF , 300px 1462px #FFF , 17px 70px #FFF , 1851px 1711px #FFF , 509px 1838px #FFF , 265px 438px #FFF , 532px 460px #FFF , 634px 704px #FFF , 923px 1695px #FFF , 589px 941px #FFF , 1372px 1482px #FFF , 680px 986px #FFF , 1949px 1216px #FFF , 904px 1700px #FFF , 353px 1453px #FFF , 1548px 112px #FFF , 307px 539px #FFF , 1947px 1097px #FFF , 61px 689px #FFF , 1584px 725px #FFF , 1611px 32px #FFF , 377px 796px #FFF , 1500px 560px #FFF , 291px 1752px #FFF , 1204px 1835px #FFF , 1425px 1506px #FFF , 1744px 1251px #FFF , 28px 972px #FFF , 42px 1902px #FFF , 1660px 552px #FFF , 1994px 729px #FFF , 191px 797px #FFF , 1451px 461px #FFF , 1699px 1804px #FFF , 424px 926px #FFF , 540px 511px #FFF , 471px 1439px #FFF , 1243px 774px #FFF , 1928px 1343px #FFF , 426px 1593px #FFF , 330px 1011px #FFF , 1074px 1536px #FFF , 631px 60px #FFF , 395px 1107px #FFF , 1656px 1204px #FFF , 713px 1052px #FFF , 1475px 346px #FFF , 528px 657px #FFF , 469px 28px #FFF , 292px 444px #FFF , 1694px 172px #FFF , 588px 309px #FFF , 897px 652px #FFF , 711px 407px #FFF , 325px 675px #FFF , 372px 205px #FFF , 1698px 259px #FFF , 269px 1997px #FFF , 115px 79px #FFF , 1694px 556px #FFF , 1022px 1015px #FFF , 298px 1862px #FFF , 793px 1139px #FFF , 507px 1272px #FFF , 708px 485px #FFF , 1543px 932px #FFF , 605px 296px #FFF , 173px 1881px #FFF , 1189px 1477px #FFF , 283px 598px #FFF , 487px 1700px #FFF , 796px 196px #FFF , 644px 1370px #FFF , 873px 1389px #FFF , 1354px 82px #FFF , 1993px 383px #FFF , 763px 1795px #FFF , 247px 1929px #FFF , 1798px 947px #FFF , 1819px 1220px #FFF , 637px 1735px #FFF , 1396px 1677px #FFF , 438px 896px #FFF , 776px 508px #FFF , 1276px 1955px #FFF , 805px 275px #FFF , 639px 343px #FFF , 1830px 1040px #FFF , 1355px 1254px #FFF , 287px 1919px #FFF , 1265px 155px #FFF , 1481px 1934px #FFF , 557px 1360px #FFF , 876px 1997px #FFF , 75px 902px #FFF , 1729px 1966px #FFF , 209px 503px #FFF , 1461px 1182px #FFF , 1691px 459px #FFF , 838px 1231px #FFF , 1568px 325px #FFF , 400px 1825px #FFF , 1473px 532px #FFF , 1462px 226px #FFF , 1511px 1705px #FFF , 348px 1863px #FFF , 468px 648px #FFF , 344px 1781px #FFF;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
/* line 63, ../sass/_particles.scss */
#starry .stars:after {
  width: 1px;
  height: 1px;
  box-shadow: 261px 472px #FFF , 957px 1557px #FFF , 1076px 304px #FFF , 1110px 419px #FFF , 1189px 534px #FFF , 1561px 1418px #FFF , 1786px 1979px #FFF , 1905px 1345px #FFF , 1190px 1242px #FFF , 1056px 626px #FFF , 1445px 1066px #FFF , 1985px 72px #FFF , 1489px 534px #FFF , 1436px 1118px #FFF , 184px 1217px #FFF , 534px 1674px #FFF , 1978px 867px #FFF , 1516px 1170px #FFF , 1736px 2000px #FFF , 1734px 901px #FFF , 1527px 1615px #FFF , 996px 1362px #FFF , 1688px 824px #FFF , 738px 1857px #FFF , 190px 1950px #FFF , 883px 1145px #FFF , 1px 890px #FFF , 786px 352px #FFF , 1478px 912px #FFF , 829px 1168px #FFF , 1297px 748px #FFF , 192px 1969px #FFF , 717px 1556px #FFF , 287px 1382px #FFF , 482px 129px #FFF , 531px 1985px #FFF , 1774px 1101px #FFF , 106px 282px #FFF , 1431px 1505px #FFF , 1933px 200px #FFF , 60px 419px #FFF , 1326px 1312px #FFF , 1500px 765px #FFF , 250px 13px #FFF , 1184px 1196px #FFF , 1109px 762px #FFF , 27px 608px #FFF , 1427px 1062px #FFF , 1826px 271px #FFF , 74px 1447px #FFF , 1013px 438px #FFF , 267px 387px #FFF , 638px 1936px #FFF , 1098px 1350px #FFF , 1273px 1957px #FFF , 1120px 1310px #FFF , 1037px 377px #FFF , 826px 1561px #FFF , 1443px 1440px #FFF , 1768px 1549px #FFF , 576px 1311px #FFF , 238px 550px #FFF , 240px 425px #FFF , 390px 1566px #FFF , 1700px 113px #FFF , 1839px 1959px #FFF , 1824px 1789px #FFF , 1781px 1914px #FFF , 10px 1385px #FFF , 1267px 188px #FFF , 1379px 1262px #FFF , 324px 549px #FFF , 674px 532px #FFF , 320px 721px #FFF , 825px 955px #FFF , 887px 1611px #FFF , 201px 1145px #FFF , 162px 1846px #FFF , 260px 211px #FFF , 428px 1363px #FFF , 618px 1036px #FFF , 1916px 1486px #FFF , 814px 1743px #FFF , 203px 72px #FFF , 1234px 1817px #FFF , 1620px 167px #FFF , 1871px 1431px #FFF , 1253px 996px #FFF , 1087px 783px #FFF , 339px 1085px #FFF , 1625px 928px #FFF , 1000px 1111px #FFF , 313px 1181px #FFF , 135px 1893px #FFF , 1648px 896px #FFF , 892px 87px #FFF , 258px 54px #FFF , 797px 1875px #FFF , 1750px 1293px #FFF , 839px 1613px #FFF , 165px 923px #FFF , 1567px 819px #FFF , 384px 1528px #FFF , 82px 941px #FFF , 181px 1960px #FFF , 1772px 1671px #FFF , 167px 1619px #FFF , 616px 361px #FFF , 1320px 1784px #FFF , 396px 126px #FFF , 580px 1390px #FFF , 682px 1995px #FFF , 1532px 1461px #FFF , 1382px 876px #FFF , 491px 1904px #FFF , 1864px 941px #FFF , 744px 670px #FFF , 770px 165px #FFF , 1845px 810px #FFF , 1797px 1667px #FFF , 1470px 1222px #FFF , 1706px 1940px #FFF , 1942px 1702px #FFF , 557px 1851px #FFF , 874px 1744px #FFF , 1197px 1980px #FFF , 1250px 1034px #FFF , 14px 1023px #FFF , 530px 1124px #FFF , 979px 1341px #FFF , 845px 957px #FFF , 1757px 1573px #FFF , 1057px 1663px #FFF , 1709px 756px #FFF , 633px 1618px #FFF , 1626px 1921px #FFF , 1140px 1269px #FFF , 1757px 1982px #FFF , 1217px 1390px #FFF , 1803px 560px #FFF , 1648px 1192px #FFF , 557px 571px #FFF , 1949px 173px #FFF , 1483px 933px #FFF , 1943px 498px #FFF , 1700px 171px #FFF , 2000px 549px #FFF , 1524px 474px #FFF , 867px 1230px #FFF , 876px 1125px #FFF , 1799px 184px #FFF , 1677px 1540px #FFF , 1372px 1932px #FFF , 158px 1132px #FFF , 930px 1846px #FFF , 1826px 406px #FFF , 1975px 1123px #FFF , 490px 1059px #FFF , 849px 1192px #FFF , 1053px 1814px #FFF , 170px 1961px #FFF , 597px 1741px #FFF , 1099px 1201px #FFF , 734px 981px #FFF , 1173px 1987px #FFF , 507px 837px #FFF , 1304px 832px #FFF , 941px 103px #FFF , 1041px 1956px #FFF , 1568px 1969px #FFF , 841px 37px #FFF , 1919px 1249px #FFF , 1913px 1940px #FFF , 290px 31px #FFF , 789px 662px #FFF , 607px 1049px #FFF , 247px 331px #FFF , 137px 889px #FFF , 876px 2000px #FFF , 345px 1605px #FFF , 1535px 1097px #FFF , 1365px 326px #FFF , 1434px 1174px #FFF , 769px 1036px #FFF , 1800px 1688px #FFF , 1410px 1148px #FFF , 1362px 971px #FFF , 1321px 38px #FFF , 16px 609px #FFF , 1773px 706px #FFF , 732px 677px #FFF , 303px 756px #FFF , 1363px 483px #FFF , 410px 1338px #FFF , 1058px 1902px #FFF , 1976px 1419px #FFF , 175px 1371px #FFF , 1777px 1793px #FFF , 4px 1175px #FFF , 834px 1468px #FFF , 585px 1105px #FFF , 484px 1866px #FFF , 477px 1749px #FFF , 620px 1812px #FFF , 929px 1574px #FFF , 735px 245px #FFF , 578px 1513px #FFF , 1354px 752px #FFF , 1832px 285px #FFF , 906px 1665px #FFF , 1216px 1707px #FFF , 1497px 113px #FFF , 1676px 1578px #FFF , 1418px 1477px #FFF , 659px 1720px #FFF , 1005px 141px #FFF , 408px 1457px #FFF , 1363px 674px #FFF , 54px 1272px #FFF , 57px 1902px #FFF , 1210px 537px #FFF , 256px 228px #FFF , 67px 422px #FFF , 1694px 1525px #FFF , 697px 702px #FFF , 554px 1400px #FFF , 1763px 1651px #FFF , 238px 738px #FFF , 1896px 753px #FFF , 1358px 1357px #FFF , 82px 399px #FFF , 120px 578px #FFF , 887px 438px #FFF , 1189px 1480px #FFF , 1175px 1079px #FFF , 40px 595px #FFF , 1026px 509px #FFF , 1872px 347px #FFF , 1534px 1029px #FFF , 34px 1527px #FFF , 55px 1161px #FFF , 670px 1125px #FFF , 1592px 415px #FFF , 160px 841px #FFF , 1906px 1722px #FFF , 386px 860px #FFF , 815px 1516px #FFF , 1797px 484px #FFF , 1048px 1031px #FFF , 1445px 721px #FFF , 971px 1692px #FFF , 781px 339px #FFF , 729px 1510px #FFF , 1491px 641px #FFF , 622px 1552px #FFF , 1518px 1468px #FFF , 1902px 1858px #FFF , 1747px 924px #FFF , 892px 1873px #FFF , 874px 1990px #FFF , 1755px 546px #FFF , 1809px 1926px #FFF , 1247px 288px #FFF , 716px 1779px #FFF , 1140px 1803px #FFF , 851px 1064px #FFF , 1818px 557px #FFF , 620px 1979px #FFF , 1839px 1513px #FFF , 101px 1271px #FFF , 586px 1399px #FFF , 98px 390px #FFF , 800px 111px #FFF , 1819px 617px #FFF , 1424px 635px #FFF , 1279px 1448px #FFF , 1543px 1370px #FFF , 246px 736px #FFF , 1640px 938px #FFF , 1091px 285px #FFF , 1946px 400px #FFF , 368px 1517px #FFF , 323px 976px #FFF , 996px 1520px #FFF , 1937px 217px #FFF , 98px 1423px #FFF , 933px 274px #FFF , 578px 1043px #FFF , 628px 1420px #FFF , 1457px 1720px #FFF , 1050px 1859px #FFF , 1124px 408px #FFF , 1192px 299px #FFF , 904px 1501px #FFF , 1986px 1873px #FFF , 1157px 1941px #FFF , 658px 1885px #FFF , 1087px 862px #FFF , 1143px 184px #FFF , 1350px 1165px #FFF , 1104px 1666px #FFF , 491px 1477px #FFF , 1059px 1218px #FFF , 561px 868px #FFF , 90px 115px #FFF , 1186px 1693px #FFF , 680px 1058px #FFF , 1503px 548px #FFF , 1472px 1506px #FFF , 814px 1525px #FFF , 808px 1561px #FFF , 185px 1346px #FFF , 1779px 1105px #FFF , 581px 38px #FFF , 658px 86px #FFF , 1991px 655px #FFF , 871px 1309px #FFF , 1978px 1943px #FFF , 1034px 1586px #FFF , 1432px 1787px #FFF , 338px 1879px #FFF , 1031px 1910px #FFF , 811px 246px #FFF , 881px 412px #FFF , 1737px 836px #FFF , 1316px 887px #FFF , 1276px 359px #FFF , 1729px 1632px #FFF , 876px 1956px #FFF , 661px 1949px #FFF , 1676px 1482px #FFF , 234px 74px #FFF , 1500px 799px #FFF , 1034px 535px #FFF , 29px 1216px #FFF , 6px 114px #FFF , 64px 1963px #FFF , 1554px 636px #FFF , 820px 1962px #FFF , 1330px 648px #FFF , 634px 1587px #FFF , 1488px 1123px #FFF , 174px 1257px #FFF , 1150px 136px #FFF , 441px 1277px #FFF , 1170px 1612px #FFF , 617px 472px #FFF , 810px 67px #FFF , 600px 1455px #FFF , 149px 1936px #FFF , 1854px 949px #FFF , 467px 1271px #FFF , 1356px 1377px #FFF , 413px 192px #FFF , 77px 572px #FFF , 1138px 7px #FFF , 913px 1783px #FFF , 936px 1029px #FFF , 1423px 1069px #FFF , 136px 1839px #FFF , 1692px 411px #FFF , 1391px 1897px #FFF , 1206px 1975px #FFF , 563px 1011px #FFF , 434px 1368px #FFF , 323px 1142px #FFF , 1319px 1280px #FFF , 554px 389px #FFF , 1559px 1032px #FFF , 1px 68px #FFF , 657px 271px #FFF , 500px 1692px #FFF , 1520px 1095px #FFF , 1036px 391px #FFF , 1143px 1652px #FFF , 1486px 356px #FFF , 1348px 241px #FFF , 1139px 1761px #FFF , 574px 389px #FFF , 609px 1002px #FFF , 1520px 1667px #FFF , 999px 1680px #FFF , 1277px 580px #FFF , 1655px 1750px #FFF , 1655px 1586px #FFF , 601px 964px #FFF , 496px 1568px #FFF , 869px 250px #FFF , 1470px 1386px #FFF , 957px 1444px #FFF , 936px 122px #FFF , 885px 1729px #FFF , 1311px 992px #FFF , 300px 1462px #FFF , 17px 70px #FFF , 1851px 1711px #FFF , 509px 1838px #FFF , 265px 438px #FFF , 532px 460px #FFF , 634px 704px #FFF , 923px 1695px #FFF , 589px 941px #FFF , 1372px 1482px #FFF , 680px 986px #FFF , 1949px 1216px #FFF , 904px 1700px #FFF , 353px 1453px #FFF , 1548px 112px #FFF , 307px 539px #FFF , 1947px 1097px #FFF , 61px 689px #FFF , 1584px 725px #FFF , 1611px 32px #FFF , 377px 796px #FFF , 1500px 560px #FFF , 291px 1752px #FFF , 1204px 1835px #FFF , 1425px 1506px #FFF , 1744px 1251px #FFF , 28px 972px #FFF , 42px 1902px #FFF , 1660px 552px #FFF , 1994px 729px #FFF , 191px 797px #FFF , 1451px 461px #FFF , 1699px 1804px #FFF , 424px 926px #FFF , 540px 511px #FFF , 471px 1439px #FFF , 1243px 774px #FFF , 1928px 1343px #FFF , 426px 1593px #FFF , 330px 1011px #FFF , 1074px 1536px #FFF , 631px 60px #FFF , 395px 1107px #FFF , 1656px 1204px #FFF , 713px 1052px #FFF , 1475px 346px #FFF , 528px 657px #FFF , 469px 28px #FFF , 292px 444px #FFF , 1694px 172px #FFF , 588px 309px #FFF , 897px 652px #FFF , 711px 407px #FFF , 325px 675px #FFF , 372px 205px #FFF , 1698px 259px #FFF , 269px 1997px #FFF , 115px 79px #FFF , 1694px 556px #FFF , 1022px 1015px #FFF , 298px 1862px #FFF , 793px 1139px #FFF , 507px 1272px #FFF , 708px 485px #FFF , 1543px 932px #FFF , 605px 296px #FFF , 173px 1881px #FFF , 1189px 1477px #FFF , 283px 598px #FFF , 487px 1700px #FFF , 796px 196px #FFF , 644px 1370px #FFF , 873px 1389px #FFF , 1354px 82px #FFF , 1993px 383px #FFF , 763px 1795px #FFF , 247px 1929px #FFF , 1798px 947px #FFF , 1819px 1220px #FFF , 637px 1735px #FFF , 1396px 1677px #FFF , 438px 896px #FFF , 776px 508px #FFF , 1276px 1955px #FFF , 805px 275px #FFF , 639px 343px #FFF , 1830px 1040px #FFF , 1355px 1254px #FFF , 287px 1919px #FFF , 1265px 155px #FFF , 1481px 1934px #FFF , 557px 1360px #FFF , 876px 1997px #FFF , 75px 902px #FFF , 1729px 1966px #FFF , 209px 503px #FFF , 1461px 1182px #FFF , 1691px 459px #FFF , 838px 1231px #FFF , 1568px 325px #FFF , 400px 1825px #FFF , 1473px 532px #FFF , 1462px 226px #FFF , 1511px 1705px #FFF , 348px 1863px #FFF , 468px 648px #FFF , 344px 1781px #FFF;
}
/* line 77, ../sass/_particles.scss */
#starry .stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1282px 1647px #FFF , 979px 1533px #FFF , 322px 1531px #FFF , 1001px 840px #FFF , 555px 191px #FFF , 1575px 1641px #FFF , 1235px 1444px #FFF , 712px 789px #FFF , 1585px 1010px #FFF , 505px 1758px #FFF , 676px 1679px #FFF , 1143px 219px #FFF , 1154px 1526px #FFF , 286px 1806px #FFF , 185px 1301px #FFF , 1082px 1421px #FFF , 516px 1143px #FFF , 98px 1475px #FFF , 1086px 1607px #FFF , 1955px 307px #FFF , 413px 334px #FFF , 1812px 583px #FFF , 689px 1530px #FFF , 1892px 1923px #FFF , 793px 1743px #FFF , 1978px 225px #FFF , 807px 1875px #FFF , 129px 1022px #FFF , 1995px 82px #FFF , 1171px 1944px #FFF , 1018px 286px #FFF , 433px 540px #FFF , 945px 99px #FFF , 798px 374px #FFF , 849px 1210px #FFF , 1309px 997px #FFF , 113px 1655px #FFF , 1694px 256px #FFF , 20px 497px #FFF , 654px 1908px #FFF , 1579px 434px #FFF , 1369px 897px #FFF , 1081px 992px #FFF , 1160px 1896px #FFF , 1017px 1192px #FFF , 1024px 1652px #FFF , 845px 765px #FFF , 1761px 850px #FFF , 1328px 1319px #FFF , 377px 475px #FFF , 152px 1352px #FFF , 1874px 24px #FFF , 886px 1176px #FFF , 1955px 1294px #FFF , 1715px 1169px #FFF , 336px 405px #FFF , 1592px 704px #FFF , 1610px 1822px #FFF , 1820px 1866px #FFF , 956px 893px #FFF , 1928px 1954px #FFF , 352px 771px #FFF , 771px 1498px #FFF , 733px 1065px #FFF , 858px 400px #FFF , 548px 937px #FFF , 1764px 526px #FFF , 1570px 1674px #FFF , 856px 1197px #FFF , 1856px 498px #FFF , 954px 1007px #FFF , 1429px 1050px #FFF , 1759px 422px #FFF , 151px 302px #FFF , 991px 187px #FFF , 1685px 1132px #FFF , 1800px 1833px #FFF , 135px 1916px #FFF , 1049px 922px #FFF , 1287px 1917px #FFF , 1127px 1031px #FFF , 1511px 517px #FFF , 1945px 1624px #FFF , 1446px 1702px #FFF , 1572px 1867px #FFF , 584px 716px #FFF , 1656px 1374px #FFF , 1212px 1672px #FFF , 1709px 1891px #FFF , 851px 1435px #FFF , 691px 1978px #FFF , 957px 733px #FFF , 1204px 284px #FFF , 1022px 1492px #FFF , 342px 172px #FFF , 783px 981px #FFF , 614px 61px #FFF , 1797px 1527px #FFF , 1098px 569px #FFF , 1896px 866px #FFF , 1564px 222px #FFF , 314px 975px #FFF , 1330px 1331px #FFF , 1601px 920px #FFF , 1894px 1282px #FFF , 1083px 590px #FFF , 1767px 814px #FFF , 1662px 811px #FFF , 1924px 292px #FFF , 824px 1190px #FFF , 247px 1502px #FFF , 677px 314px #FFF , 1247px 792px #FFF , 1951px 1183px #FFF , 58px 1780px #FFF , 1607px 922px #FFF , 1611px 875px #FFF , 582px 727px #FFF , 681px 1975px #FFF , 927px 784px #FFF , 1570px 441px #FFF , 763px 429px #FFF , 645px 581px #FFF , 78px 988px #FFF , 1558px 276px #FFF , 463px 1735px #FFF , 162px 13px #FFF , 1464px 1250px #FFF , 289px 1493px #FFF , 1277px 102px #FFF , 38px 1197px #FFF , 1420px 1846px #FFF , 303px 361px #FFF , 284px 37px #FFF , 735px 846px #FFF , 1188px 904px #FFF , 43px 1909px #FFF , 504px 762px #FFF , 1395px 1765px #FFF , 300px 1277px #FFF , 267px 87px #FFF , 853px 1431px #FFF , 79px 855px #FFF , 1989px 350px #FFF , 1234px 1645px #FFF , 472px 808px #FFF , 1895px 378px #FFF , 1076px 654px #FFF , 638px 1995px #FFF , 1755px 1938px #FFF , 107px 1677px #FFF , 1026px 988px #FFF , 87px 1178px #FFF , 629px 1569px #FFF , 1110px 459px #FFF , 133px 286px #FFF , 1502px 212px #FFF , 1651px 1005px #FFF , 1340px 976px #FFF , 652px 81px #FFF , 1440px 940px #FFF , 246px 257px #FFF , 988px 1619px #FFF , 202px 658px #FFF , 970px 227px #FFF , 861px 374px #FFF , 1341px 891px #FFF , 1154px 1298px #FFF , 939px 367px #FFF , 849px 702px #FFF , 713px 292px #FFF , 1109px 547px #FFF , 1589px 991px #FFF , 366px 452px #FFF , 1936px 192px #FFF , 516px 1741px #FFF , 1705px 1926px #FFF , 666px 773px #FFF , 366px 1363px #FFF , 1045px 155px #FFF , 555px 1200px #FFF , 359px 1030px #FFF , 709px 758px #FFF , 971px 917px #FFF , 1087px 531px #FFF , 1659px 1759px #FFF , 748px 1422px #FFF , 848px 528px #FFF , 1822px 83px #FFF , 322px 87px #FFF , 165px 770px #FFF , 1631px 1731px #FFF , 724px 725px #FFF , 1284px 1166px #FFF , 1329px 1791px #FFF , 369px 1734px #FFF , 558px 1463px #FFF , 401px 174px #FFF , 544px 275px #FFF , 31px 1296px #FFF , 1499px 615px #FFF , 880px 90px #FFF , 8px 1067px #FFF , 1090px 1235px #FFF , 1431px 1384px #FFF , 1563px 889px #FFF , 532px 746px #FFF , 1606px 1811px #FFF , 1074px 618px #FFF , 1331px 1267px #FFF , 1879px 1087px #FFF , 237px 909px #FFF , 195px 94px #FFF , 185px 498px #FFF , 623px 672px #FFF , 1621px 96px #FFF , 1761px 43px #FFF , 1502px 1288px #FFF , 1335px 388px #FFF , 264px 259px #FFF , 679px 1272px #FFF , 1788px 49px #FFF , 1725px 1599px #FFF , 1671px 1162px #FFF , 64px 343px #FFF , 1206px 1797px #FFF , 1180px 25px #FFF , 1134px 1411px #FFF , 1046px 841px #FFF , 256px 79px #FFF , 304px 238px #FFF , 1072px 1804px #FFF , 1461px 83px #FFF , 1457px 1423px #FFF , 1474px 1334px #FFF , 406px 1461px #FFF , 528px 544px #FFF , 72px 1021px #FFF , 181px 1515px #FFF , 286px 1049px #FFF , 814px 237px #FFF , 1850px 65px #FFF , 969px 1875px #FFF , 1760px 1434px #FFF , 1863px 1822px #FFF , 82px 1016px #FFF , 449px 1989px #FFF , 1467px 38px #FFF , 1176px 82px #FFF , 651px 1563px #FFF;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
/* line 63, ../sass/_particles.scss */
#starry .stars2:after {
  width: 2px;
  height: 2px;
  box-shadow: 1282px 1647px #FFF , 979px 1533px #FFF , 322px 1531px #FFF , 1001px 840px #FFF , 555px 191px #FFF , 1575px 1641px #FFF , 1235px 1444px #FFF , 712px 789px #FFF , 1585px 1010px #FFF , 505px 1758px #FFF , 676px 1679px #FFF , 1143px 219px #FFF , 1154px 1526px #FFF , 286px 1806px #FFF , 185px 1301px #FFF , 1082px 1421px #FFF , 516px 1143px #FFF , 98px 1475px #FFF , 1086px 1607px #FFF , 1955px 307px #FFF , 413px 334px #FFF , 1812px 583px #FFF , 689px 1530px #FFF , 1892px 1923px #FFF , 793px 1743px #FFF , 1978px 225px #FFF , 807px 1875px #FFF , 129px 1022px #FFF , 1995px 82px #FFF , 1171px 1944px #FFF , 1018px 286px #FFF , 433px 540px #FFF , 945px 99px #FFF , 798px 374px #FFF , 849px 1210px #FFF , 1309px 997px #FFF , 113px 1655px #FFF , 1694px 256px #FFF , 20px 497px #FFF , 654px 1908px #FFF , 1579px 434px #FFF , 1369px 897px #FFF , 1081px 992px #FFF , 1160px 1896px #FFF , 1017px 1192px #FFF , 1024px 1652px #FFF , 845px 765px #FFF , 1761px 850px #FFF , 1328px 1319px #FFF , 377px 475px #FFF , 152px 1352px #FFF , 1874px 24px #FFF , 886px 1176px #FFF , 1955px 1294px #FFF , 1715px 1169px #FFF , 336px 405px #FFF , 1592px 704px #FFF , 1610px 1822px #FFF , 1820px 1866px #FFF , 956px 893px #FFF , 1928px 1954px #FFF , 352px 771px #FFF , 771px 1498px #FFF , 733px 1065px #FFF , 858px 400px #FFF , 548px 937px #FFF , 1764px 526px #FFF , 1570px 1674px #FFF , 856px 1197px #FFF , 1856px 498px #FFF , 954px 1007px #FFF , 1429px 1050px #FFF , 1759px 422px #FFF , 151px 302px #FFF , 991px 187px #FFF , 1685px 1132px #FFF , 1800px 1833px #FFF , 135px 1916px #FFF , 1049px 922px #FFF , 1287px 1917px #FFF , 1127px 1031px #FFF , 1511px 517px #FFF , 1945px 1624px #FFF , 1446px 1702px #FFF , 1572px 1867px #FFF , 584px 716px #FFF , 1656px 1374px #FFF , 1212px 1672px #FFF , 1709px 1891px #FFF , 851px 1435px #FFF , 691px 1978px #FFF , 957px 733px #FFF , 1204px 284px #FFF , 1022px 1492px #FFF , 342px 172px #FFF , 783px 981px #FFF , 614px 61px #FFF , 1797px 1527px #FFF , 1098px 569px #FFF , 1896px 866px #FFF , 1564px 222px #FFF , 314px 975px #FFF , 1330px 1331px #FFF , 1601px 920px #FFF , 1894px 1282px #FFF , 1083px 590px #FFF , 1767px 814px #FFF , 1662px 811px #FFF , 1924px 292px #FFF , 824px 1190px #FFF , 247px 1502px #FFF , 677px 314px #FFF , 1247px 792px #FFF , 1951px 1183px #FFF , 58px 1780px #FFF , 1607px 922px #FFF , 1611px 875px #FFF , 582px 727px #FFF , 681px 1975px #FFF , 927px 784px #FFF , 1570px 441px #FFF , 763px 429px #FFF , 645px 581px #FFF , 78px 988px #FFF , 1558px 276px #FFF , 463px 1735px #FFF , 162px 13px #FFF , 1464px 1250px #FFF , 289px 1493px #FFF , 1277px 102px #FFF , 38px 1197px #FFF , 1420px 1846px #FFF , 303px 361px #FFF , 284px 37px #FFF , 735px 846px #FFF , 1188px 904px #FFF , 43px 1909px #FFF , 504px 762px #FFF , 1395px 1765px #FFF , 300px 1277px #FFF , 267px 87px #FFF , 853px 1431px #FFF , 79px 855px #FFF , 1989px 350px #FFF , 1234px 1645px #FFF , 472px 808px #FFF , 1895px 378px #FFF , 1076px 654px #FFF , 638px 1995px #FFF , 1755px 1938px #FFF , 107px 1677px #FFF , 1026px 988px #FFF , 87px 1178px #FFF , 629px 1569px #FFF , 1110px 459px #FFF , 133px 286px #FFF , 1502px 212px #FFF , 1651px 1005px #FFF , 1340px 976px #FFF , 652px 81px #FFF , 1440px 940px #FFF , 246px 257px #FFF , 988px 1619px #FFF , 202px 658px #FFF , 970px 227px #FFF , 861px 374px #FFF , 1341px 891px #FFF , 1154px 1298px #FFF , 939px 367px #FFF , 849px 702px #FFF , 713px 292px #FFF , 1109px 547px #FFF , 1589px 991px #FFF , 366px 452px #FFF , 1936px 192px #FFF , 516px 1741px #FFF , 1705px 1926px #FFF , 666px 773px #FFF , 366px 1363px #FFF , 1045px 155px #FFF , 555px 1200px #FFF , 359px 1030px #FFF , 709px 758px #FFF , 971px 917px #FFF , 1087px 531px #FFF , 1659px 1759px #FFF , 748px 1422px #FFF , 848px 528px #FFF , 1822px 83px #FFF , 322px 87px #FFF , 165px 770px #FFF , 1631px 1731px #FFF , 724px 725px #FFF , 1284px 1166px #FFF , 1329px 1791px #FFF , 369px 1734px #FFF , 558px 1463px #FFF , 401px 174px #FFF , 544px 275px #FFF , 31px 1296px #FFF , 1499px 615px #FFF , 880px 90px #FFF , 8px 1067px #FFF , 1090px 1235px #FFF , 1431px 1384px #FFF , 1563px 889px #FFF , 532px 746px #FFF , 1606px 1811px #FFF , 1074px 618px #FFF , 1331px 1267px #FFF , 1879px 1087px #FFF , 237px 909px #FFF , 195px 94px #FFF , 185px 498px #FFF , 623px 672px #FFF , 1621px 96px #FFF , 1761px 43px #FFF , 1502px 1288px #FFF , 1335px 388px #FFF , 264px 259px #FFF , 679px 1272px #FFF , 1788px 49px #FFF , 1725px 1599px #FFF , 1671px 1162px #FFF , 64px 343px #FFF , 1206px 1797px #FFF , 1180px 25px #FFF , 1134px 1411px #FFF , 1046px 841px #FFF , 256px 79px #FFF , 304px 238px #FFF , 1072px 1804px #FFF , 1461px 83px #FFF , 1457px 1423px #FFF , 1474px 1334px #FFF , 406px 1461px #FFF , 528px 544px #FFF , 72px 1021px #FFF , 181px 1515px #FFF , 286px 1049px #FFF , 814px 237px #FFF , 1850px 65px #FFF , 969px 1875px #FFF , 1760px 1434px #FFF , 1863px 1822px #FFF , 82px 1016px #FFF , 449px 1989px #FFF , 1467px 38px #FFF , 1176px 82px #FFF , 651px 1563px #FFF;
}
/* line 80, ../sass/_particles.scss */
#starry .stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1556px 652px #FFF , 1725px 1980px #FFF , 623px 88px #FFF , 386px 238px #FFF , 338px 1664px #FFF , 13px 1062px #FFF , 709px 1095px #FFF , 615px 282px #FFF , 1088px 904px #FFF , 829px 1746px #FFF , 1178px 1849px #FFF , 903px 1180px #FFF , 1949px 1501px #FFF , 960px 1967px #FFF , 706px 1716px #FFF , 1678px 1493px #FFF , 148px 45px #FFF , 806px 1299px #FFF , 493px 632px #FFF , 15px 1347px #FFF , 1969px 890px #FFF , 1px 391px #FFF , 971px 1570px #FFF , 1274px 1392px #FFF , 1955px 733px #FFF , 132px 761px #FFF , 580px 989px #FFF , 395px 411px #FFF , 315px 1075px #FFF , 282px 1860px #FFF , 515px 1627px #FFF , 369px 1836px #FFF , 470px 1337px #FFF , 55px 840px #FFF , 1434px 1856px #FFF , 676px 1030px #FFF , 341px 112px #FFF , 66px 1822px #FFF , 857px 777px #FFF , 1933px 1702px #FFF , 1141px 1693px #FFF , 864px 566px #FFF , 401px 1914px #FFF , 866px 316px #FFF , 293px 1744px #FFF , 1571px 1612px #FFF , 1906px 887px #FFF , 913px 1157px #FFF , 1792px 1702px #FFF , 1920px 568px #FFF , 1363px 1298px #FFF , 1013px 1096px #FFF , 1074px 611px #FFF , 321px 192px #FFF , 968px 1631px #FFF , 1371px 1902px #FFF , 1510px 1613px #FFF , 1699px 1461px #FFF , 1425px 615px #FFF , 1184px 186px #FFF , 1749px 29px #FFF , 566px 1550px #FFF , 1481px 1930px #FFF , 774px 1241px #FFF , 826px 187px #FFF , 806px 765px #FFF , 1817px 927px #FFF , 692px 637px #FFF , 1127px 436px #FFF , 987px 1368px #FFF , 1186px 1886px #FFF , 1384px 1321px #FFF , 618px 1993px #FFF , 497px 1283px #FFF , 345px 1709px #FFF , 423px 1815px #FFF , 1654px 952px #FFF , 541px 937px #FFF , 19px 1000px #FFF , 1020px 253px #FFF , 604px 680px #FFF , 266px 116px #FFF , 729px 505px #FFF , 1581px 498px #FFF , 944px 1159px #FFF , 848px 867px #FFF , 1324px 375px #FFF , 519px 1004px #FFF , 1339px 1324px #FFF , 610px 1368px #FFF , 1987px 254px #FFF , 243px 624px #FFF , 181px 444px #FFF , 188px 997px #FFF , 572px 742px #FFF , 1319px 1442px #FFF , 478px 55px #FFF , 1207px 1420px #FFF , 1914px 1933px #FFF , 1982px 239px #FFF , 315px 1567px #FFF , 1778px 115px #FFF , 1149px 1585px #FFF , 249px 808px #FFF , 483px 786px #FFF , 741px 1010px #FFF , 746px 1764px #FFF , 1961px 1496px #FFF , 1192px 620px #FFF , 1854px 1989px #FFF , 695px 1313px #FFF , 688px 1621px #FFF , 732px 611px #FFF , 688px 1347px #FFF , 323px 1008px #FFF , 1536px 655px #FFF , 1792px 505px #FFF , 306px 1764px #FFF , 443px 1429px #FFF , 150px 1176px #FFF , 274px 502px #FFF , 1446px 1483px #FFF , 1316px 395px #FFF , 488px 28px #FFF , 646px 838px #FFF , 1973px 1983px #FFF , 1546px 1453px #FFF , 418px 618px #FFF , 1448px 181px #FFF , 1567px 416px #FFF , 1878px 1147px #FFF , 1493px 1771px #FFF , 1079px 1345px #FFF , 171px 352px #FFF , 664px 1133px #FFF , 964px 1536px #FFF , 1119px 313px #FFF , 1254px 1318px #FFF , 1515px 1494px #FFF , 318px 31px #FFF , 653px 1016px #FFF , 1701px 1602px #FFF , 1355px 1180px #FFF , 354px 1172px #FFF , 1467px 335px #FFF , 221px 925px #FFF , 303px 251px #FFF , 363px 415px #FFF , 1707px 240px #FFF , 1916px 857px #FFF , 1499px 1643px #FFF , 1208px 1278px #FFF , 1289px 1732px #FFF , 1757px 445px #FFF , 1844px 1284px #FFF , 1707px 1490px #FFF , 898px 704px #FFF , 1612px 724px #FFF , 90px 1059px #FFF , 1609px 1211px #FFF;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
/* line 63, ../sass/_particles.scss */
#starry .stars3:after {
  width: 3px;
  height: 3px;
  box-shadow: 1556px 652px #FFF , 1725px 1980px #FFF , 623px 88px #FFF , 386px 238px #FFF , 338px 1664px #FFF , 13px 1062px #FFF , 709px 1095px #FFF , 615px 282px #FFF , 1088px 904px #FFF , 829px 1746px #FFF , 1178px 1849px #FFF , 903px 1180px #FFF , 1949px 1501px #FFF , 960px 1967px #FFF , 706px 1716px #FFF , 1678px 1493px #FFF , 148px 45px #FFF , 806px 1299px #FFF , 493px 632px #FFF , 15px 1347px #FFF , 1969px 890px #FFF , 1px 391px #FFF , 971px 1570px #FFF , 1274px 1392px #FFF , 1955px 733px #FFF , 132px 761px #FFF , 580px 989px #FFF , 395px 411px #FFF , 315px 1075px #FFF , 282px 1860px #FFF , 515px 1627px #FFF , 369px 1836px #FFF , 470px 1337px #FFF , 55px 840px #FFF , 1434px 1856px #FFF , 676px 1030px #FFF , 341px 112px #FFF , 66px 1822px #FFF , 857px 777px #FFF , 1933px 1702px #FFF , 1141px 1693px #FFF , 864px 566px #FFF , 401px 1914px #FFF , 866px 316px #FFF , 293px 1744px #FFF , 1571px 1612px #FFF , 1906px 887px #FFF , 913px 1157px #FFF , 1792px 1702px #FFF , 1920px 568px #FFF , 1363px 1298px #FFF , 1013px 1096px #FFF , 1074px 611px #FFF , 321px 192px #FFF , 968px 1631px #FFF , 1371px 1902px #FFF , 1510px 1613px #FFF , 1699px 1461px #FFF , 1425px 615px #FFF , 1184px 186px #FFF , 1749px 29px #FFF , 566px 1550px #FFF , 1481px 1930px #FFF , 774px 1241px #FFF , 826px 187px #FFF , 806px 765px #FFF , 1817px 927px #FFF , 692px 637px #FFF , 1127px 436px #FFF , 987px 1368px #FFF , 1186px 1886px #FFF , 1384px 1321px #FFF , 618px 1993px #FFF , 497px 1283px #FFF , 345px 1709px #FFF , 423px 1815px #FFF , 1654px 952px #FFF , 541px 937px #FFF , 19px 1000px #FFF , 1020px 253px #FFF , 604px 680px #FFF , 266px 116px #FFF , 729px 505px #FFF , 1581px 498px #FFF , 944px 1159px #FFF , 848px 867px #FFF , 1324px 375px #FFF , 519px 1004px #FFF , 1339px 1324px #FFF , 610px 1368px #FFF , 1987px 254px #FFF , 243px 624px #FFF , 181px 444px #FFF , 188px 997px #FFF , 572px 742px #FFF , 1319px 1442px #FFF , 478px 55px #FFF , 1207px 1420px #FFF , 1914px 1933px #FFF , 1982px 239px #FFF , 315px 1567px #FFF , 1778px 115px #FFF , 1149px 1585px #FFF , 249px 808px #FFF , 483px 786px #FFF , 741px 1010px #FFF , 746px 1764px #FFF , 1961px 1496px #FFF , 1192px 620px #FFF , 1854px 1989px #FFF , 695px 1313px #FFF , 688px 1621px #FFF , 732px 611px #FFF , 688px 1347px #FFF , 323px 1008px #FFF , 1536px 655px #FFF , 1792px 505px #FFF , 306px 1764px #FFF , 443px 1429px #FFF , 150px 1176px #FFF , 274px 502px #FFF , 1446px 1483px #FFF , 1316px 395px #FFF , 488px 28px #FFF , 646px 838px #FFF , 1973px 1983px #FFF , 1546px 1453px #FFF , 418px 618px #FFF , 1448px 181px #FFF , 1567px 416px #FFF , 1878px 1147px #FFF , 1493px 1771px #FFF , 1079px 1345px #FFF , 171px 352px #FFF , 664px 1133px #FFF , 964px 1536px #FFF , 1119px 313px #FFF , 1254px 1318px #FFF , 1515px 1494px #FFF , 318px 31px #FFF , 653px 1016px #FFF , 1701px 1602px #FFF , 1355px 1180px #FFF , 354px 1172px #FFF , 1467px 335px #FFF , 221px 925px #FFF , 303px 251px #FFF , 363px 415px #FFF , 1707px 240px #FFF , 1916px 857px #FFF , 1499px 1643px #FFF , 1208px 1278px #FFF , 1289px 1732px #FFF , 1757px 445px #FFF , 1844px 1284px #FFF , 1707px 1490px #FFF , 898px 704px #FFF , 1612px 724px #FFF , 90px 1059px #FFF , 1609px 1211px #FFF;
}

/* line 7, ../sass/main.scss */
#logo {
  position: fixed;
  top: 4vw;
  z-index: 999;
  left: 2vw;
  cursor: pointer;
}

/* line 14, ../sass/main.scss */
#rotateHint {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000000;
  text-align: center;
  z-index: 9999;
  top: 0;
  left: 0;
}
/* line 23, ../sass/main.scss */
#rotateHint img {
  margin: 0 auto;
  height: 85%;
  max-height: 270px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 34, ../sass/main.scss */
body.showHint #rotateHint {
  display: block;
}

/* line 40, ../sass/main.scss */
.page-content {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}
/* line 45, ../sass/main.scss */
.page-content .content {
  position: fixed;
  top: 15vh;
  height: 70vh;
  width: 100vw;
  max-width: 1500px;
  min-width: 1024px;
  margin: 0 auto;
  left: 0;
  right: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0 10%;
  box-sizing: border-box;
  opacity: 0;
}
/* line 63, ../sass/main.scss */
.page-content.active .content {
  display: block;
}

/* line 70, ../sass/main.scss */
body[page="page0"] .page-content[link="page0"] .content {
  pointer-events: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: initial;
}

/* line 70, ../sass/main.scss */
body[page="page0"] .page-content[link="page1"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page0"] .page-content[link="page2"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page0"] .page-content[link="page3"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page0"] .page-content[link="page4"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page1"] .page-content[link="page0"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page1"] .page-content[link="page1"] .content {
  pointer-events: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: initial;
}

/* line 70, ../sass/main.scss */
body[page="page1"] .page-content[link="page2"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page1"] .page-content[link="page3"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page1"] .page-content[link="page4"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page2"] .page-content[link="page0"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page2"] .page-content[link="page1"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page2"] .page-content[link="page2"] .content {
  pointer-events: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: initial;
}

/* line 70, ../sass/main.scss */
body[page="page2"] .page-content[link="page3"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page2"] .page-content[link="page4"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page3"] .page-content[link="page0"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page3"] .page-content[link="page1"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page3"] .page-content[link="page2"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page3"] .page-content[link="page3"] .content {
  pointer-events: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: initial;
}

/* line 70, ../sass/main.scss */
body[page="page3"] .page-content[link="page4"] .content {
  pointer-events: none;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page4"] .page-content[link="page0"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page4"] .page-content[link="page1"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page4"] .page-content[link="page2"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page4"] .page-content[link="page3"] .content {
  pointer-events: none;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

/* line 70, ../sass/main.scss */
body[page="page4"] .page-content[link="page4"] .content {
  pointer-events: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: initial;
}

/* line 1, ../sass/_dot.scss */
.click_dot {
  max-width: 100%;
  background-size: 100%;
  background-image: url(../assets/image/Dot.png);
}

/* line 7, ../sass/_dot.scss */
.click_00000 {
  background-position: 0 0%;
  background-size: 100%;
}

/* line 8, ../sass/_dot.scss */
.click_00001 {
  background-position: 0 1.960784%;
  background-size: 100%;
}

/* line 9, ../sass/_dot.scss */
.click_00002 {
  background-position: 0 3.921569%;
  background-size: 100%;
}

/* line 10, ../sass/_dot.scss */
.click_00003 {
  background-position: 0 5.882353%;
  background-size: 100%;
}

/* line 11, ../sass/_dot.scss */
.click_00004 {
  background-position: 0 7.843137%;
  background-size: 100%;
}

/* line 12, ../sass/_dot.scss */
.click_00005 {
  background-position: 0 9.803922%;
  background-size: 100%;
}

/* line 13, ../sass/_dot.scss */
.click_00006 {
  background-position: 0 11.764706%;
  background-size: 100%;
}

/* line 14, ../sass/_dot.scss */
.click_00007 {
  background-position: 0 13.72549%;
  background-size: 100%;
}

/* line 15, ../sass/_dot.scss */
.click_00008 {
  background-position: 0 15.686275%;
  background-size: 100%;
}

/* line 16, ../sass/_dot.scss */
.click_00009 {
  background-position: 0 17.647059%;
  background-size: 100%;
}

/* line 17, ../sass/_dot.scss */
.click_00010 {
  background-position: 0 19.607843%;
  background-size: 100%;
}

/* line 18, ../sass/_dot.scss */
.click_00011 {
  background-position: 0 21.568627%;
  background-size: 100%;
}

/* line 19, ../sass/_dot.scss */
.click_00012 {
  background-position: 0 23.529412%;
  background-size: 100%;
}

/* line 20, ../sass/_dot.scss */
.click_00013 {
  background-position: 0 25.490196%;
  background-size: 100%;
}

/* line 21, ../sass/_dot.scss */
.click_00014 {
  background-position: 0 27.45098%;
  background-size: 100%;
}

/* line 22, ../sass/_dot.scss */
.click_00015 {
  background-position: 0 29.411765%;
  background-size: 100%;
}

/* line 23, ../sass/_dot.scss */
.click_00016 {
  background-position: 0 31.372549%;
  background-size: 100%;
}

/* line 24, ../sass/_dot.scss */
.click_00017 {
  background-position: 0 33.333333%;
  background-size: 100%;
}

/* line 25, ../sass/_dot.scss */
.click_00018 {
  background-position: 0 35.294118%;
  background-size: 100%;
}

/* line 26, ../sass/_dot.scss */
.click_00019 {
  background-position: 0 37.254902%;
  background-size: 100%;
}

/* line 27, ../sass/_dot.scss */
.click_00020 {
  background-position: 0 39.215686%;
  background-size: 100%;
}

/* line 28, ../sass/_dot.scss */
.click_00021 {
  background-position: 0 41.176471%;
  background-size: 100%;
}

/* line 29, ../sass/_dot.scss */
.click_00022 {
  background-position: 0 43.137255%;
  background-size: 100%;
}

/* line 30, ../sass/_dot.scss */
.click_00023 {
  background-position: 0 45.098039%;
  background-size: 100%;
}

/* line 31, ../sass/_dot.scss */
.click_00024 {
  background-position: 0 47.058824%;
  background-size: 100%;
}

/* line 32, ../sass/_dot.scss */
.click_00025 {
  background-position: 0 49.019608%;
  background-size: 100%;
}

/* line 33, ../sass/_dot.scss */
.click_00026 {
  background-position: 0 50.980392%;
  background-size: 100%;
}

/* line 34, ../sass/_dot.scss */
.click_00027 {
  background-position: 0 52.941176%;
  background-size: 100%;
}

/* line 35, ../sass/_dot.scss */
.click_00028 {
  background-position: 0 54.901961%;
  background-size: 100%;
}

/* line 36, ../sass/_dot.scss */
.click_00029 {
  background-position: 0 56.862745%;
  background-size: 100%;
}

/* line 37, ../sass/_dot.scss */
.click_00030 {
  background-position: 0 58.823529%;
  background-size: 100%;
}

/* line 38, ../sass/_dot.scss */
.click_00031 {
  background-position: 0 60.784314%;
  background-size: 100%;
}

/* line 39, ../sass/_dot.scss */
.click_00032 {
  background-position: 0 62.745098%;
  background-size: 100%;
}

/* line 40, ../sass/_dot.scss */
.click_00033 {
  background-position: 0 64.705882%;
  background-size: 100%;
}

/* line 41, ../sass/_dot.scss */
.click_00034 {
  background-position: 0 66.666667%;
  background-size: 100%;
}

/* line 42, ../sass/_dot.scss */
.click_00035 {
  background-position: 0 68.627451%;
  background-size: 100%;
}

/* line 43, ../sass/_dot.scss */
.click_00036 {
  background-position: 0 70.588235%;
  background-size: 100%;
}

/* line 44, ../sass/_dot.scss */
.click_00037 {
  background-position: 0 72.54902%;
  background-size: 100%;
}

/* line 45, ../sass/_dot.scss */
.click_00038 {
  background-position: 0 74.509804%;
  background-size: 100%;
}

/* line 46, ../sass/_dot.scss */
.click_00039 {
  background-position: 0 76.470588%;
  background-size: 100%;
}

/* line 47, ../sass/_dot.scss */
.click_00040 {
  background-position: 0 78.431373%;
  background-size: 100%;
}

/* line 48, ../sass/_dot.scss */
.click_00041 {
  background-position: 0 80.392157%;
  background-size: 100%;
}

/* line 49, ../sass/_dot.scss */
.click_00042 {
  background-position: 0 82.352941%;
  background-size: 100%;
}

/* line 50, ../sass/_dot.scss */
.click_00043 {
  background-position: 0 84.313725%;
  background-size: 100%;
}

/* line 51, ../sass/_dot.scss */
.click_00044 {
  background-position: 0 86.27451%;
  background-size: 100%;
}

/* line 52, ../sass/_dot.scss */
.click_00045 {
  background-position: 0 88.235294%;
  background-size: 100%;
}

/* line 53, ../sass/_dot.scss */
.click_00046 {
  background-position: 0 90.196078%;
  background-size: 100%;
}

/* line 54, ../sass/_dot.scss */
.click_00047 {
  background-position: 0 92.156863%;
  background-size: 100%;
}

/* line 55, ../sass/_dot.scss */
.click_00048 {
  background-position: 0 94.117647%;
  background-size: 100%;
}

/* line 56, ../sass/_dot.scss */
.click_00049 {
  background-position: 0 96.078431%;
  background-size: 100%;
}

/* line 57, ../sass/_dot.scss */
.click_00050 {
  background-position: 0 98.039216%;
  background-size: 100%;
}

/* line 58, ../sass/_dot.scss */
.click_00051 {
  background-position: 0 100%;
  background-size: 100%;
}

/* line 3, ../sass/_intro.scss */
.page-content[data-page="intro"] {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  background: #000;
  display: block;
  font-family: "Quantico", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
}
/* line 11, ../sass/_intro.scss */
.page-content[data-page="intro"].zoomOut {
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
}
/* line 15, ../sass/_intro.scss */
.page-content[data-page="intro"] .content {
  display: block;
  position: absolute;
  overflow: hidden;
  opacity: 1;
  max-width: 100vw;
}
/* line 22, ../sass/_intro.scss */
.page-content[data-page="intro"] .content .arealine {
  height: 5px;
  width: 100%;
  position: absolute;
  -webkit-transition: height 0.15s;
  -moz-transition: height 0.15s;
  -ms-transition: height 0.15s;
  transition: height 0.15s;
}
/* line 27, ../sass/_intro.scss */
.page-content[data-page="intro"] .content .arealine.sticky {
  height: 8px;
}
/* line 30, ../sass/_intro.scss */
.page-content[data-page="intro"] .content .arealine:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: url(../assets/image/intro_arealine.png);
  background-size: 33px 100%;
}
/* line 39, ../sass/_intro.scss */
.page-content[data-page="intro"] .content .arealine.arealineU {
  top: 0;
  left: 0;
}
/* line 43, ../sass/_intro.scss */
.page-content[data-page="intro"] .content .arealine.arealineD {
  bottom: 0;
  left: 0;
}
/* line 48, ../sass/_intro.scss */
.page-content[data-page="intro"] .content #runningLine {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  z-index: 60;
  height: 3px;
  width: 0;
  pointer-events: none;
}
/* line 56, ../sass/_intro.scss */
.page-content[data-page="intro"] .content #runningLine:before {
  content: "";
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  box-shadow: 0px 0px 15px #fff;
  z-index: 3;
}
/* line 72, ../sass/_intro.scss */
.page-content[data-page="intro"] .content.running .arealine.arealineU:before {
  -webkit-animation: goLeft 2.8s linear infinite;
  -moz-animation: goLeft 2.8s linear infinite;
  -ms-animation: goLeft 2.8s linear infinite;
  animation: goLeft 2.8s linear infinite;
}
/* line 77, ../sass/_intro.scss */
.page-content[data-page="intro"] .content.running .arealine.arealineD {
  -webkit-animation-delay: 4.2s;
  -moz-animation-delay: 4.2s;
  -ms-animation-delay: 4.2s;
  animation-delay: 4.2s;
}
/* line 79, ../sass/_intro.scss */
.page-content[data-page="intro"] .content.running .arealine.arealineD:before {
  -webkit-animation: goRight 2.8s linear infinite;
  -moz-animation: goRight 2.8s linear infinite;
  -ms-animation: goRight 2.8s linear infinite;
  animation: goRight 2.8s linear infinite;
}
/* line 84, ../sass/_intro.scss */
.page-content[data-page="intro"] .content.running #runningLine {
  -webkit-animation: showLine 2.8s linear;
  -moz-animation: showLine 2.8s linear;
  -ms-animation: showLine 2.8s linear;
  animation: showLine 2.8s linear;
}
/* line 89, ../sass/_intro.scss */
.page-content[data-page="intro"] .content.runLine #runningLine {
  width: 100%;
  -webkit-animation: runLine 2.8s linear infinite;
  -moz-animation: runLine 2.8s linear infinite;
  -ms-animation: runLine 2.8s linear infinite;
  animation: runLine 2.8s linear infinite;
}
/* line 95, ../sass/_intro.scss */
.page-content[data-page="intro"] .dotArea {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/* line 101, ../sass/_intro.scss */
.page-content[data-page="intro"] .dotArea #Dot1, .page-content[data-page="intro"] .dotArea #Dot2 {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 55;
  height: 280px;
  width: 280px;
}
/* line 113, ../sass/_intro.scss */
.page-content[data-page="intro"] .dotArea #Dot2 {
  display: block;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  top: 10px;
  left: 10vw;
  margin: 0;
  display: none;
}
/* line 122, ../sass/_intro.scss */
.page-content[data-page="intro"] .dotArea #tapHint {
  position: absolute;
  bottom: 18%;
  margin: 0 auto;
  left: 0;
  right: 0;
  font-size: 14pt;
  height: 14pt;
  line-height: 14pt;
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -ms-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
/* line 134, ../sass/_intro.scss */
.page-content[data-page="intro"] .dotArea .sentence {
  line-height: 2;
  font-size: 14pt;
  width: 85vw;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 146, ../sass/_intro.scss */
.page-content[data-page="intro"] .skip {
  position: absolute;
  bottom: calc(3% + 30px);
  text-align: center;
  margin: 0 auto;
  height: 2vh;
  z-index: 99;
  left: 0;
  right: 0;
  max-height: 39px;
}
/* line 156, ../sass/_intro.scss */
.page-content[data-page="intro"] .skip:before {
  content: "";
  position: absolute;
  display: block;
  height: calc(153% + 30px);
  width: 100%;
  top: -50%;
}
/* line 164, ../sass/_intro.scss */
.page-content[data-page="intro"] .skip img {
  cursor: pointer;
  height: 100%;
}

@keyframes goLeft {
  form {
    background-position: 0 0;
  }
  to {
    background-position: -32px 0;
  }
}
@-webkit-keyframes goLeft {
  form {
    background-position: 0 0;
  }
  to {
    background-position: -32px 0;
  }
}
@keyframes goRight {
  form {
    background-position: 0 0;
  }
  to {
    background-position: 32px 0;
  }
}
@-webkit-keyframes goRight {
  form {
    background-position: 0 0;
  }
  to {
    background-position: 32px 0;
  }
}
@keyframes runLine {
  0% {
    top: 3px;
  }
  50% {
    top: 100%;
  }
  100% {
    top: 3px;
  }
}
@-webkit-keyframes runLine {
  0% {
    top: 3px;
  }
  50% {
    top: 100%;
  }
  100% {
    top: 3px;
  }
}
@keyframes showLine {
  0% {
    top: 3px;
    width: 0;
  }
  25% {
    top: calc(50% - 2px);
    width: 0;
  }
  50% {
    top: 100%;
    width: 100%;
  }
  100% {
    top: 3px;
    width: 100%;
  }
}
@-webkit-keyframes showLine {
  0% {
    top: 3px;
    width: 0;
  }
  25% {
    top: calc(50% - 2px);
    width: 30%;
  }
  50% {
    top: 100%;
    width: 100%;
  }
  100% {
    top: 3px;
    width: 100%;
  }
}
/* line 2, ../sass/_nav.scss */
nav {
  position: fixed;
  right: 2vw;
  width: 101px;
  height: 40vh;
  top: 30vh;
  z-index: 50;
  display: none;
  font-family: "Quantico", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
}
/* line 13, ../sass/_nav.scss */
nav .langBar {
  position: fixed;
  right: 4vw;
  z-index: 50;
  top: 4vw;
  text-align: right;
  display: flex;
  display: -webkit-flex;
  line-height: 26px;
}
/* line 22, ../sass/_nav.scss */
nav .langBar > div {
  cursor: pointer;
  margin: 0 15px;
  position: relative;
}
/* line 26, ../sass/_nav.scss */
nav .langBar > div:first-child:before {
  content: "";
  height: 3px;
  width: 3px;
  position: absolute;
  border-radius: 50%;
  top: 13px;
  right: -15px;
}
/* line 36, ../sass/_nav.scss */
nav .langBar > div a {
  text-decoration: none;
}
/* line 40, ../sass/_nav.scss */
nav .langBar > div.bar {
  width: 60px;
  cursor: default;
}
/* line 43, ../sass/_nav.scss */
nav .langBar > div.bar:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 13px;
  left: 0;
}
/* line 53, ../sass/_nav.scss */
nav .langBar > div.langBox {
  text-align: left;
  width: 70px;
}
/* line 57, ../sass/_nav.scss */
nav .langBar > div.langBox .active {
  display: none;
}
/* line 60, ../sass/_nav.scss */
nav .langBar > div.langBox .option {
  display: none;
  opacity: .3;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
/* line 64, ../sass/_nav.scss */
nav .langBar > div.langBox .option:hover {
  opacity: .6;
}
/* line 69, ../sass/_nav.scss */
nav .langBar > div.langBox:hover .option {
  display: block;
}
/* line 72, ../sass/_nav.scss */
nav .langBar > div.langBox:hover .active {
  display: none;
}
/* line 79, ../sass/_nav.scss */
nav:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  display: block;
  opacity: .15;
  margin: 0 auto;
  left: 0;
  right: 0;
}
/* line 91, ../sass/_nav.scss */
nav .navbar {
  width: 100%;
  height: 11.42857vh;
  position: relative;
}
/* line 95, ../sass/_nav.scss */
nav .navbar .point {
  height: 3px;
  width: 3px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: .3;
  border-radius: 50%;
}
/* line 105, ../sass/_nav.scss */
nav .navbar .point:nth-child(1) {
  top: 0;
}
/* line 108, ../sass/_nav.scss */
nav .navbar .point:nth-child(2) {
  top: 2.85714vh;
}
/* line 111, ../sass/_nav.scss */
nav .navbar .point:nth-child(3) {
  top: 5.71429vh;
}
/* line 114, ../sass/_nav.scss */
nav .navbar .point:nth-child(4) {
  top: 8.57143vh;
}
/* line 117, ../sass/_nav.scss */
nav .navbar .point.main {
  opacity: 1;
}
/* line 119, ../sass/_nav.scss */
nav .navbar .point.main:before, nav .navbar .point.main:after {
  position: absolute;
  font-size: 8pt;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 3px;
  line-height: 3px;
  top: 50%;
  left: 10px;
  text-align: left;
  opacity: .3;
}
/* line 131, ../sass/_nav.scss */
nav .navbar .point.main:after {
  display: none;
  right: 10px;
  left: auto;
  opacity: 1;
  text-align: right;
}
/* line 138, ../sass/_nav.scss */
nav .navbar .point.main:hover {
  cursor: pointer;
}
/* line 140, ../sass/_nav.scss */
nav .navbar .point.main:hover:before {
  opacity: .7;
}
/* line 146, ../sass/_nav.scss */
nav .navbar[tag="page0"] {
  margin-top: 2.85714vh;
}

/* line 155, ../sass/_nav.scss */
nav .navbar[tag="page0"] .main:before {
  content: "01";
}
/* line 158, ../sass/_nav.scss */
nav .navbar[tag="page0"] .main:after {
  content: "Home";
}

/* line 164, ../sass/_nav.scss */
body[page="page0"] nav .navbar[tag="page0"] .main:before {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
}
/* line 168, ../sass/_nav.scss */
body[page="page0"] nav .navbar[tag="page0"] .main:after {
  display: block;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
  right: 15px;
}

/* line 155, ../sass/_nav.scss */
nav .navbar[tag="page1"] .main:before {
  content: "02";
}
/* line 158, ../sass/_nav.scss */
nav .navbar[tag="page1"] .main:after {
  content: "Character";
}

/* line 164, ../sass/_nav.scss */
body[page="page1"] nav .navbar[tag="page1"] .main:before {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
}
/* line 168, ../sass/_nav.scss */
body[page="page1"] nav .navbar[tag="page1"] .main:after {
  display: block;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
  right: 15px;
}

/* line 155, ../sass/_nav.scss */
nav .navbar[tag="page2"] .main:before {
  content: "03";
}
/* line 158, ../sass/_nav.scss */
nav .navbar[tag="page2"] .main:after {
  content: "Gameplay";
}

/* line 164, ../sass/_nav.scss */
body[page="page2"] nav .navbar[tag="page2"] .main:before {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
}
/* line 168, ../sass/_nav.scss */
body[page="page2"] nav .navbar[tag="page2"] .main:after {
  display: block;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
  right: 15px;
}

/* line 155, ../sass/_nav.scss */
nav .navbar[tag="page3"] .main:before {
  content: "04";
}
/* line 158, ../sass/_nav.scss */
nav .navbar[tag="page3"] .main:after {
  content: "Production";
}

/* line 164, ../sass/_nav.scss */
body[page="page3"] nav .navbar[tag="page3"] .main:before {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
}
/* line 168, ../sass/_nav.scss */
body[page="page3"] nav .navbar[tag="page3"] .main:after {
  display: block;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
  right: 15px;
}

/* line 155, ../sass/_nav.scss */
nav .navbar[tag="page4"] .main:before {
  content: "05";
}
/* line 158, ../sass/_nav.scss */
nav .navbar[tag="page4"] .main:after {
  content: "Contact";
}

/* line 164, ../sass/_nav.scss */
body[page="page4"] nav .navbar[tag="page4"] .main:before {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
}
/* line 168, ../sass/_nav.scss */
body[page="page4"] nav .navbar[tag="page4"] .main:after {
  display: block;
  -webkit-transform: translateY(-50%) scale(1.2);
  -moz-transform: translateY(-50%) scale(1.2);
  -ms-transform: translateY(-50%) scale(1.2);
  -o-transform: translateY(-50%) scale(1.2);
  transform: translateY(-50%) scale(1.2);
  right: 15px;
}

/* line 1, ../sass/_logo.scss */
.page-content[data-page="index"] .logo_motion {
  width: 1000px;
  height: 600px;
  position: relative;
  overflow: hidden;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 10, ../sass/_logo.scss */
.page-content[data-page="index"] #logoAni, .page-content[data-page="index"] #logoAni2 {
  display: none;
}
/* line 14, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe000,
.page-content[data-page="index"] .logoframe001,
.page-content[data-page="index"] .logoframe002,
.page-content[data-page="index"] .logoframe003,
.page-content[data-page="index"] .logoframe004,
.page-content[data-page="index"] .logoframe005,
.page-content[data-page="index"] .logoframe006,
.page-content[data-page="index"] .logoframe007,
.page-content[data-page="index"] .logoframe008,
.page-content[data-page="index"] .logoframe009,
.page-content[data-page="index"] .logoframe010,
.page-content[data-page="index"] .logoframe011,
.page-content[data-page="index"] .logoframe012,
.page-content[data-page="index"] .logoframe013,
.page-content[data-page="index"] .logoframe014,
.page-content[data-page="index"] .logoframe015,
.page-content[data-page="index"] .logoframe016,
.page-content[data-page="index"] .logoframe017,
.page-content[data-page="index"] .logoframe018,
.page-content[data-page="index"] .logoframe019 {
  width: 100%;
  background-size: 100%;
  background-image: url("../assets/image/CYTUS_LOGO_MOTION_2.svg");
  background-image: url("../assets/image/CYTUS_LOGO_MOTION_1.svg");
}
/* line 41, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe000 {
  background-position: 0 0%;
  background-size: 100%;
}
/* line 42, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe001 {
  background-position: 0 5.263158%;
  background-size: 100%;
}
/* line 43, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe002 {
  background-position: 0 10.526316%;
  background-size: 100%;
}
/* line 44, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe003 {
  background-position: 0 15.789474%;
  background-size: 100%;
}
/* line 45, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe004 {
  background-position: 0 21.052632%;
  background-size: 100%;
}
/* line 46, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe005 {
  background-position: 0 26.315789%;
  background-size: 100%;
}
/* line 47, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe006 {
  background-position: 0 31.578947%;
  background-size: 100%;
}
/* line 48, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe007 {
  background-position: 0 36.842105%;
  background-size: 100%;
}
/* line 49, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe008 {
  background-position: 0 42.105263%;
  background-size: 100%;
}
/* line 50, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe009 {
  background-position: 0 47.368421%;
  background-size: 100%;
}
/* line 51, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe010 {
  background-position: 0 52.631579%;
  background-size: 100%;
}
/* line 52, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe011 {
  background-position: 0 57.894737%;
  background-size: 100%;
}
/* line 53, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe012 {
  background-position: 0 63.157895%;
  background-size: 100%;
}
/* line 54, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe013 {
  background-position: 0 68.421053%;
  background-size: 100%;
}
/* line 55, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe014 {
  background-position: 0 73.684211%;
  background-size: 100%;
}
/* line 56, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe015 {
  background-position: 0 78.947368%;
  background-size: 100%;
}
/* line 57, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe016 {
  background-position: 0 84.210526%;
  background-size: 100%;
}
/* line 58, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe017 {
  background-position: 0 89.473684%;
  background-size: 100%;
}
/* line 59, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe018 {
  background-position: 0 94.736842%;
  background-size: 100%;
}
/* line 60, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe019 {
  background-position: 0 100%;
  background-size: 100%;
}
/* line 63, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe020,
.page-content[data-page="index"] .logoframe021,
.page-content[data-page="index"] .logoframe022,
.page-content[data-page="index"] .logoframe023,
.page-content[data-page="index"] .logoframe024,
.page-content[data-page="index"] .logoframe025,
.page-content[data-page="index"] .logoframe026,
.page-content[data-page="index"] .logoframe027,
.page-content[data-page="index"] .logoframe028,
.page-content[data-page="index"] .logoframe029,
.page-content[data-page="index"] .logoframe030,
.page-content[data-page="index"] .logoframe031,
.page-content[data-page="index"] .logoframe032,
.page-content[data-page="index"] .logoframe033,
.page-content[data-page="index"] .logoframe034,
.page-content[data-page="index"] .logoframe035,
.page-content[data-page="index"] .logoframe036,
.page-content[data-page="index"] .logoframe037,
.page-content[data-page="index"] .logoframe038,
.page-content[data-page="index"] .logoframe039 {
  width: 100%;
  background-size: 100%;
  background-image: url("../assets/image/CYTUS_LOGO_MOTION_2.svg");
}
/* line 87, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe020 {
  background-position: 0% 0%;
  background-size: 100%;
}
/* line 88, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe021 {
  background-position: 0% 5.263158%;
  background-size: 100%;
}
/* line 89, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe022 {
  background-position: 0% 10.526316%;
  background-size: 100%;
}
/* line 90, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe023 {
  background-position: 0% 15.789474%;
  background-size: 100%;
}
/* line 91, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe024 {
  background-position: 0% 21.052632%;
  background-size: 100%;
}
/* line 92, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe025 {
  background-position: 0% 26.315789%;
  background-size: 100%;
}
/* line 93, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe026 {
  background-position: 0% 31.578947%;
  background-size: 100%;
}
/* line 94, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe027 {
  background-position: 0% 36.842105%;
  background-size: 100%;
}
/* line 95, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe028 {
  background-position: 0% 42.105263%;
  background-size: 100%;
}
/* line 96, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe029 {
  background-position: 0% 47.368421%;
  background-size: 100%;
}
/* line 97, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe030 {
  background-position: 0% 52.631579%;
  background-size: 100%;
}
/* line 98, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe031 {
  background-position: 0% 57.894737%;
  background-size: 100%;
}
/* line 99, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe032 {
  background-position: 0% 63.157895%;
  background-size: 100%;
}
/* line 100, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe033 {
  background-position: 0% 68.421053%;
  background-size: 100%;
}
/* line 101, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe034 {
  background-position: 0% 73.684211%;
  background-size: 100%;
}
/* line 102, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe035 {
  background-position: 0% 78.947368%;
  background-size: 100%;
}
/* line 103, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe036 {
  background-position: 0% 84.210526%;
  background-size: 100%;
}
/* line 104, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe037 {
  background-position: 0% 89.473684%;
  background-size: 100%;
}
/* line 105, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe038 {
  background-position: 0% 94.736842%;
  background-size: 100%;
}
/* line 106, ../sass/_logo.scss */
.page-content[data-page="index"] .logoframe039 {
  background-position: 0% 100%;
  background-size: 100%;
}
/* line 3, ../sass/_index.scss */
.page-content[data-page="index"] .video {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: -1;
}
/* line 11, ../sass/_index.scss */
.page-content[data-page="index"] .video img {
  height: 85%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* line 20, ../sass/_index.scss */
.page-content[data-page="index"] .flexCenter {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
/* line 27, ../sass/_index.scss */
.page-content[data-page="index"] .logoLarge {
  width: 50%;
  text-align: right;
  padding-right: 50px;
  box-sizing: border-box;
}
/* line 32, ../sass/_index.scss */
.page-content[data-page="index"] .logoLarge img {
  max-width: 485px;
  width: 95%;
}
/* line 37, ../sass/_index.scss */
.page-content[data-page="index"] .introWord {
  width: 50%;
  text-align: left;
  font-size: 10pt;
  padding-left: 50px;
  box-sizing: border-box;
  line-height: 1.6;
}
/* line 44, ../sass/_index.scss */
.page-content[data-page="index"] .introWord.glitch {
  color: #ffffe6;
  text-shadow: 1px 1px 0 #ff6565, -1px -1px 0 #63c0eb;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
  opacity: .7;
}
/* line 51, ../sass/_index.scss */
.page-content[data-page="index"] .scrollHint {
  position: absolute;
  bottom: 5px;
  text-align: center;
  margin: 0 auto;
  cursor: default;
  text-shadow: 0 0 12px rgba(231, 130, 130, 0.75);
  font-family: "Quantico", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
  font-size: 8pt;
  width: 45px;
  left: 0;
  right: 0;
}
/* line 64, ../sass/_index.scss */
.page-content[data-page="index"] .scrollHint:after {
  content: "";
  width: 100%;
  position: absolute;
  display: block;
  height: 1px;
}
/* line 73, ../sass/_index.scss */
.page-content[data-page="index"] .after {
  display: none;
}
/* line 76, ../sass/_index.scss */
.page-content[data-page="index"] .downloads {
  display: none;
  position: fixed;
  bottom: 4vw;
  left: 2vw;
  width: 450px;
  align-items: flex-end;
  padding-left: 90px;
  box-sizing: border-box;
}
/* line 86, ../sass/_index.scss */
.page-content[data-page="index"] .downloads .appLogo {
  width: 80px;
  left: 0;
  bottom: 0;
  position: absolute;
}
/* line 92, ../sass/_index.scss */
.page-content[data-page="index"] .downloads .snsLogo {
  height: 40px;
}
/* line 94, ../sass/_index.scss */
.page-content[data-page="index"] .downloads .snsLogo img {
  height: 100%;
}
/* line 97, ../sass/_index.scss */
.page-content[data-page="index"] .downloads .snsLogo.apple {
  box-sizing: border-box;
  margin-right: 10px;
}
/* line 103, ../sass/_index.scss */
.page-content[data-page="index"].active .downloads.show {
  display: -webkit-flex;
  display: flex;
}
/* line 106, ../sass/_index.scss */
.page-content[data-page="index"].active .downloads.show.mobile {
  display: none;
}

/* line 1, ../sass/_char.scss */
.page-content[data-page="char"] .char {
  max-width: 100%;
  background-size: 100%;
  background-image: url(../assets/image/chars.png);
  background-repeat: no-repeat;
}

/* line 7, ../sass/_char.scss */
.page-content[data-page="char"] .mobile .char {
  background-image: url(../assets/image/mob/chars.png);
}

/* line 11, ../sass/_char.scss */
.char_cherry {
  background-position: 0 0%;
  background-size: 100%;
}

/* line 15, ../sass/_char.scss */
.char_paff {
  background-position: 0 59.992269%;
  background-size: 100%;
}

/* line 19, ../sass/_char.scss */
.char_neko {
  background-position: 0 39.988404%;
  background-size: 100%;
}

/* line 23, ../sass/_char.scss */
.char_robo {
  background-position: 0 79.996135%;
  background-size: 100%;
}

/* line 27, ../sass/_char.scss */
.char_xenon {
  background-position: 0 100%;
  background-size: 100%;
}

/* line 31, ../sass/_char.scss */
.char_conner {
  background-position: 0 19.984538%;
  background-size: 100%;
}

/* line 38, ../sass/_char.scss */
.page-content[data-page="char"] .mobile .char_paff {
  background-position: 0 0%;
  background-size: 100%;
}
/* line 42, ../sass/_char.scss */
.page-content[data-page="char"] .mobile .char_neko {
  background-position: 0 19.984538%;
  background-size: 100%;
}
/* line 46, ../sass/_char.scss */
.page-content[data-page="char"] .mobile .char_robo {
  background-position: 0 39.988404%;
  background-size: 100%;
}
/* line 50, ../sass/_char.scss */
.page-content[data-page="char"] .mobile .char_xenon {
  background-position: 0 59.992269%;
  background-size: 100%;
}
/* line 54, ../sass/_char.scss */
.page-content[data-page="char"] .mobile .char_conner {
  background-position: 0 79.996135%;
  background-size: 100%;
}
/* line 58, ../sass/_char.scss */
.page-content[data-page="char"] .mobile .char_cherry {
  background-position: 0 100%;
  background-size: 100%;
}

/* line 67, ../sass/_char.scss */
.page-content[data-page="char"] .content {
  height: 100vh;
  top: 0;
}
/* line 71, ../sass/_char.scss */
.page-content[data-page="char"] .flexCenter {
  margin: 0 auto;
  width: 85%;
  margin-left: 3%;
  height: 95vh;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 79, ../sass/_char.scss */
.page-content[data-page="char"] .slide {
  position: relative;
}
/* line 81, ../sass/_char.scss */
.page-content[data-page="char"] .slide .background {
  height: 70vh;
  margin: 15vh auto;
  text-align: center;
  position: relative;
}
/* line 86, ../sass/_char.scss */
.page-content[data-page="char"] .slide .background img {
  height: 80%;
  margin: 0 auto;
  opacity: .7;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
}
/* line 92, ../sass/_char.scss */
.page-content[data-page="char"] .slide .background:before, .page-content[data-page="char"] .slide .background:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  z-index: 6;
  background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#00050505',GradientType=1 );
}
/* line 106, ../sass/_char.scss */
.page-content[data-page="char"] .slide .background:after {
  left: auto;
  right: 0;
  background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00050505', endColorstr='#050505',GradientType=1 );
}
/* line 115, ../sass/_char.scss */
.page-content[data-page="char"] .slide .background .cover {
  height: 70vh;
  width: 100%;
  position: absolute;
  z-index: 5;
  pointer-events: none;
}
/* line 121, ../sass/_char.scss */
.page-content[data-page="char"] .slide .background .cover:before, .page-content[data-page="char"] .slide .background .cover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 45%;
  width: 100%;
  z-index: 6;
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#00050505',GradientType=0 );
}
/* line 135, ../sass/_char.scss */
.page-content[data-page="char"] .slide .background .cover:after {
  top: auto;
  bottom: 0;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00050505', endColorstr='#050505',GradientType=0 );
}
/* line 146, ../sass/_char.scss */
.page-content[data-page="char"] .slide[ref="Robo"] .background .motion {
  position: absolute;
  bottom: 5%;
  height: 40%;
  z-index: 7;
  max-height: 179px;
  left: 10%;
}
/* line 155, ../sass/_char.scss */
.page-content[data-page="char"] .slide .main {
  position: absolute;
  z-index: 12;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 161, ../sass/_char.scss */
.page-content[data-page="char"] .slide .main img {
  width: 100%;
}
/* line 165, ../sass/_char.scss */
.page-content[data-page="char"] .slide .intro {
  position: absolute;
  z-index: 13;
  left: 10%;
  top: 29.5%;
  height: 10%;
  width: 48%;
}
/* line 172, ../sass/_char.scss */
.page-content[data-page="char"] .slide .intro img {
  height: 100%;
}
/* line 175, ../sass/_char.scss */
.page-content[data-page="char"] .slide .intro .text {
  font-size: 10pt;
  text-align: left;
  margin-top: 10%;
  line-height: 2;
}

/* line 186, ../sass/_char.scss */
body[lang="en"] .page-content[data-page="char"] .slide .intro .text {
  line-height: 1.5;
}

/* line 191, ../sass/_char.scss */
.page-content[data-page="char"] .coverAni {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
/* line 199, ../sass/_char.scss */
.page-content[data-page="char"] .coverAni .charPart {
  display: none;
}
/* line 205, ../sass/_char.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff {
  display: block;
}
/* line 205, ../sass/_char.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .charPart.partNeko {
  display: block;
}
/* line 205, ../sass/_char.scss */
.page-content[data-page="char"] .coverAni[show="Robo"] .charPart.partRobo {
  display: block;
}
/* line 205, ../sass/_char.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon {
  display: block;
}
/* line 205, ../sass/_char.scss */
.page-content[data-page="char"] .coverAni[show="ConneR"] .charPart.partConneR {
  display: block;
}

/* line 2, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff {
  display: block;
  height: 100vh;
  top: 0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  right: 0;
  left: 0;
}
/* line 11, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .audience {
  position: absolute;
  bottom: 0;
  width: 90%;
  left: 0;
  right: 10%;
  margin: 0 auto;
  z-index: -1;
}
/* line 20, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion {
  position: absolute;
  height: 70px;
  width: 35px;
}
/* line 24, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(1) {
  top: 10%;
  left: 8%;
}
/* line 27, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(1) .light {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
/* line 31, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(2) {
  top: 31%;
  left: 0;
}
/* line 34, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(2) .light {
  height: 70%;
  width: 70%;
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
}
/* line 40, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(3) {
  bottom: 19%;
  left: 7%;
}
/* line 43, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(3) .light {
  -webkit-transform: rotate(340deg);
  -moz-transform: rotate(340deg);
  -ms-transform: rotate(340deg);
  -o-transform: rotate(340deg);
  transform: rotate(340deg);
}
/* line 47, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(4) {
  top: 11%;
  left: 30%;
}
/* line 50, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(4) .light {
  height: 60%;
  width: 60%;
  -webkit-transform: rotate(355deg);
  -moz-transform: rotate(355deg);
  -ms-transform: rotate(355deg);
  -o-transform: rotate(355deg);
  transform: rotate(355deg);
}
/* line 56, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(5) {
  top: 39%;
  left: 36%;
}
/* line 59, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(5) .light {
  -webkit-transform: rotate(325deg);
  -moz-transform: rotate(325deg);
  -ms-transform: rotate(325deg);
  -o-transform: rotate(325deg);
  transform: rotate(325deg);
}
/* line 63, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(6) {
  bottom: 21%;
  left: 34%;
}
/* line 66, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(6) .light {
  -webkit-transform: rotate(55deg);
  -moz-transform: rotate(55deg);
  -ms-transform: rotate(55deg);
  -o-transform: rotate(55deg);
  transform: rotate(55deg);
}
/* line 70, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(7) {
  top: 27%;
  left: 51%;
}
/* line 73, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(7) .light {
  -webkit-transform: rotate(345deg);
  -moz-transform: rotate(345deg);
  -ms-transform: rotate(345deg);
  -o-transform: rotate(345deg);
  transform: rotate(345deg);
}
/* line 77, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(8) {
  top: 50%;
  left: 48%;
}
/* line 80, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(8) .light {
  height: 80%;
  width: 80%;
  -webkit-transform: rotate(335deg);
  -moz-transform: rotate(335deg);
  -ms-transform: rotate(335deg);
  -o-transform: rotate(335deg);
  transform: rotate(335deg);
}
/* line 86, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(9) {
  top: 4%;
  left: 67%;
}
/* line 89, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(9) .light {
  -webkit-transform: rotate(75deg);
  -moz-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  -o-transform: rotate(75deg);
  transform: rotate(75deg);
}
/* line 93, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(10) {
  top: 12%;
  right: 2%;
}
/* line 96, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(10) .light {
  height: 80%;
  width: 80%;
  -webkit-transform: rotate(340deg);
  -moz-transform: rotate(340deg);
  -ms-transform: rotate(340deg);
  -o-transform: rotate(340deg);
  transform: rotate(340deg);
}
/* line 102, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(11) {
  top: 52%;
  right: 25%;
}
/* line 105, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(11) .light {
  height: 60%;
  width: 60%;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}
/* line 111, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(12) {
  bottom: 26%;
  right: 2%;
}
/* line 114, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(12) .light {
  height: 80%;
  width: 80%;
  -webkit-transform: rotate(85deg);
  -moz-transform: rotate(85deg);
  -ms-transform: rotate(85deg);
  -o-transform: rotate(85deg);
  transform: rotate(85deg);
}
/* line 120, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(13) {
  bottom: 5%;
  right: 31%;
}
/* line 123, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(13) .light {
  height: 60%;
  width: 60%;
  -webkit-transform: rotate(80deg);
  -moz-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  -o-transform: rotate(80deg);
  transform: rotate(80deg);
}
/* line 129, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(14) {
  bottom: 3%;
  right: 3%;
}
/* line 132, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(14) .light {
  -webkit-transform: rotate(140deg);
  -moz-transform: rotate(140deg);
  -ms-transform: rotate(140deg);
  -o-transform: rotate(140deg);
  transform: rotate(140deg);
}
/* line 137, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .fixed {
  -webkit-animation: twinkle 0.4s linear infinite;
  -moz-animation: twinkle 0.4s linear infinite;
  -ms-animation: twinkle 0.4s linear infinite;
  animation: twinkle 0.4s linear infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
/* line 142, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .zoomIn .show, .page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .zoomIn .stay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
/* line 149, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .zoomIn .show {
  -webkit-animation: zoomIn 0.5s linear 1;
  -moz-animation: zoomIn 0.5s linear 1;
  -ms-animation: zoomIn 0.5s linear 1;
  animation: zoomIn 0.5s linear 1;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
}
/* line 153, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .zoomIn .stay {
  -webkit-animation: twinkle 0.4s linear infinite;
  -moz-animation: twinkle 0.4s linear infinite;
  -ms-animation: twinkle 0.4s linear infinite;
  animation: twinkle 0.4s linear infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
/* line 159, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .rotate {
  height: 100%;
  width: 100%;
  -webkit-animation: rotate 10s linear infinite;
  -moz-animation: rotate 10s linear infinite;
  -ms-animation: rotate 10s linear infinite;
  animation: rotate 10s linear infinite;
}
/* line 164, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .revRotate {
  height: 100%;
  width: 100%;
  -webkit-animation: revRotate 12s linear infinite;
  -moz-animation: revRotate 12s linear infinite;
  -ms-animation: revRotate 12s linear infinite;
  animation: revRotate 12s linear infinite;
}
/* line 169, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light {
  height: 100%;
  width: 100%;
}
/* line 172, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light:before, .page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light:after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 182, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light.blue:before {
  background: url(../assets/image/motion/PAFF/Blue.svg) 50% 50% no-repeat;
}
/* line 185, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light.blue:after {
  background: url(../assets/image/motion/PAFF/Blue_glow.svg) 50% 50% no-repeat;
  -webkit-animation: bright 0.7s linear infinite;
  -moz-animation: bright 0.7s linear infinite;
  -ms-animation: bright 0.7s linear infinite;
  animation: bright 0.7s linear infinite;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  animation-delay: 0.5s;
  opacity: 0;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
/* line 194, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light.pink:before {
  background: url(../assets/image/motion/PAFF/Pink.svg) 50% 50% no-repeat;
}
/* line 197, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light.pink:after {
  background: url(../assets/image/motion/PAFF/Pink_glow.svg) 50% 50% no-repeat;
  -webkit-animation: bright 0.4s linear infinite;
  -moz-animation: bright 0.4s linear infinite;
  -ms-animation: bright 0.4s linear infinite;
  animation: bright 0.4s linear infinite;
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -ms-animation-delay: 0.7s;
  animation-delay: 0.7s;
  opacity: 0;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
/* line 206, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light.yellow:before {
  background: url(../assets/image/motion/PAFF/yellow.svg) 50% 50% no-repeat;
}
/* line 209, ../sass/_AniPaff.scss */
.page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .light.yellow:after {
  background: url(../assets/image/motion/PAFF/yellow_glow.svg) 50% 50% no-repeat;
  -webkit-animation: bright 1s linear infinite;
  -moz-animation: bright 1s linear infinite;
  -ms-animation: bright 1s linear infinite;
  animation: bright 1s linear infinite;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
  opacity: 0;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
@keyframes twinkle {
  form {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
  }
  to {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@-webkit-keyframes twinkle {
  form {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
  }
  to {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes bright {
  form {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes bright {
  form {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes revRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -o-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@-webkit-keyframes revRotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -o-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
/* line 1, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] {
  pointer-events: auto;
  height: 30%;
  margin-top: 10%;
}
/* line 5, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .charPart.partNeko {
  white-space: nowrap;
  font-size: 20pt;
  line-height: 35px;
  text-align: left;
}
/* line 12, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .bullets {
  position: absolute;
  margin-top: 10px;
  left: 100%;
  font-family: "", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
  -webkit-animation: bulletAni 40s linear infinite;
  -moz-animation: bulletAni 40s linear infinite;
  -ms-animation: bulletAni 40s linear infinite;
  animation: bulletAni 40s linear infinite;
}
/* line 18, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .bullets .bullet {
  min-width: 30px;
  min-width: 70px;
  display: inline-block;
}
/* line 23, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(1) {
  top: 10px;
}
/* line 25, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(1) .bullet {
  margin: 0 53px;
}
/* line 30, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(2) {
  top: 55px;
  -webkit-animation: bulletAni1 40s linear infinite;
  -moz-animation: bulletAni1 40s linear infinite;
  -ms-animation: bulletAni1 40s linear infinite;
  animation: bulletAni1 40s linear infinite;
}
/* line 33, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(2) .bullet {
  margin: 0 28px;
}
/* line 38, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(3) {
  top: 100px;
  -webkit-animation: bulletAni2 43s linear infinite;
  -moz-animation: bulletAni2 43s linear infinite;
  -ms-animation: bulletAni2 43s linear infinite;
  animation: bulletAni2 43s linear infinite;
}
/* line 41, ../sass/_AniNeko.scss */
.page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(3) .bullet {
  margin: 0 46px;
}
@keyframes bulletAni {
  0% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}
@-webkit-keyframes bulletAni {
  0% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}
@keyframes bulletAni1 {
  0% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  18% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}
@-webkit-keyframes bulletAni1 {
  0% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  18% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}
@keyframes bulletAni2 {
  0% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  7% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}
@-webkit-keyframes bulletAni2 {
  0% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  7% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}
/* line 2, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon {
  display: block;
  height: 100vh;
  top: 0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  right: 0;
  left: 0;
}
/* line 11, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion {
  position: absolute;
  height: 140px;
  width: 140px;
}
/* line 15, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(1) {
  top: 15%;
  left: 2%;
}
/* line 18, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(1) .light {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
/* line 22, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(2) {
  bottom: 20%;
  left: 7%;
}
/* line 25, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(2) .light {
  height: 80%;
  width: 80%;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
/* line 31, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(3) {
  top: 21%;
  left: 25%;
}
/* line 34, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(3) .light {
  height: 70%;
  width: 70%;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
/* line 40, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(4) {
  bottom: 27%;
  left: 23%;
}
/* line 43, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(4) .light {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
/* line 47, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(5) {
  bottom: 7%;
  left: 18%;
}
/* line 50, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(5) .light {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}
/* line 54, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(6) {
  top: 53%;
  left: 48%;
}
/* line 57, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(6) .light {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
}
/* line 61, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(7) {
  top: 14%;
  right: 12%;
}
/* line 64, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(7) .light {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
/* line 68, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(8) {
  bottom: 10%;
  right: 15%;
}
/* line 71, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(8) .light {
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  transform: rotate(50deg);
}
/* line 76, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .fixed {
  -webkit-animation: twinkle 0.4s linear infinite;
  -moz-animation: twinkle 0.4s linear infinite;
  -ms-animation: twinkle 0.4s linear infinite;
  animation: twinkle 0.4s linear infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
/* line 80, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light {
  height: 100%;
  width: 100%;
}
/* line 83, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light:before, .page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light:after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 93, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light.skull:before {
  background: url(../assets/image/motion/Xenon/Skull.svg) 50% 50% no-repeat;
}
/* line 96, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light.skull:after {
  background: url(../assets/image/motion/Xenon/Skull_glow.svg) 50% 50% no-repeat;
  -webkit-animation: bright 1s linear infinite;
  -moz-animation: bright 1s linear infinite;
  -ms-animation: bright 1s linear infinite;
  animation: bright 1s linear infinite;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
  opacity: 0;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
/* line 105, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light.smile:before {
  background: url(../assets/image/motion/Xenon/Smile.svg) 50% 50% no-repeat;
}
/* line 108, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light.smile:after {
  background: url(../assets/image/motion/Xenon/Smile_glow.svg) 50% 50% no-repeat;
  -webkit-animation: bright 1s linear infinite;
  -moz-animation: bright 1s linear infinite;
  -ms-animation: bright 1s linear infinite;
  animation: bright 1s linear infinite;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
  opacity: 0;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
/* line 117, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light.ACDC:before {
  background: url(../assets/image/motion/Xenon/ACDC.svg) 50% 50% no-repeat;
}
/* line 120, ../sass/_AniXenon.scss */
.page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .light.ACDC:after {
  background: url(../assets/image/motion/Xenon/ACDC_glow.svg) 50% 50% no-repeat;
  -webkit-animation: bright 1s linear infinite;
  -moz-animation: bright 1s linear infinite;
  -ms-animation: bright 1s linear infinite;
  animation: bright 1s linear infinite;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
  opacity: 0;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
/* line 2, ../sass/_AniConneR.scss */
.page-content[data-page="char"] .coverAni[show="ConneR"] .motion {
  position: absolute;
  bottom: 6%;
  width: 90%;
  z-index: 7;
  left: 0;
}
/* line 8, ../sass/_AniConneR.scss */
.page-content[data-page="char"] .coverAni[show="ConneR"] .motion .fixed {
  width: 75%;
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 10;
}
/* line 17, ../sass/_AniConneR.scss */
.page-content[data-page="char"] .coverAni[show="ConneR"] .motion .move {
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
  left: 5%;
  width: 60%;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
}
/* line 27, ../sass/_AniConneR.scss */
.page-content[data-page="char"] .coverAni[show="ConneR"] .motion .move img {
  position: absolute;
  height: 100%;
  left: 80%;
  top: 4%;
  -webkit-animation: music 30s linear infinite;
  -moz-animation: music 30s linear infinite;
  -ms-animation: music 30s linear infinite;
  animation: music 30s linear infinite;
}
/* line 34, ../sass/_AniConneR.scss */
.page-content[data-page="char"] .coverAni[show="ConneR"] .motion .move:before, .page-content[data-page="char"] .coverAni[show="ConneR"] .motion .move:after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  z-index: 5;
  width: 10%;
  display: block;
  background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.8) 64%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050505', endColorstr='#00050505',GradientType=1 );
}
/* line 47, ../sass/_AniConneR.scss */
.page-content[data-page="char"] .coverAni[show="ConneR"] .motion .move:after {
  left: auto;
  right: 0;
  background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00050505', endColorstr='#050505',GradientType=1 );
}
@keyframes music {
  0% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}
@-webkit-keyframes music {
  0% {
    left: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    left: 0;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%);
  }
}
/* line 1, ../sass/_gameplay.scss */
.GPsongs {
  max-width: 100%;
  background-size: 100%;
  background-image: url(../assets/image/gp_songs.png);
  background-repeat: no-repeat;
}

/* line 9, ../sass/_gameplay.scss */
.GPsong001 {
  background-position: 0 0%;
  background-size: 100%;
}

/* line 10, ../sass/_gameplay.scss */
.GPsong002 {
  background-position: 0 20%;
  background-size: 100%;
}

/* line 11, ../sass/_gameplay.scss */
.GPsong003 {
  background-position: 0 40%;
  background-size: 100%;
}

/* line 12, ../sass/_gameplay.scss */
.GPsong004 {
  background-position: 0 60%;
  background-size: 100%;
}

/* line 13, ../sass/_gameplay.scss */
.GPsong005 {
  background-position: 0 80%;
  background-size: 100%;
}

/* line 14, ../sass/_gameplay.scss */
.GPsong00n {
  background-position: 0 100%;
  background-size: 100%;
}

/* line 17, ../sass/_gameplay.scss */
.slick-slide {
  outline: none;
}

/* line 22, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .flexCenter {
  margin: 0 auto;
  width: 85%;
  margin-left: 3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 30, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .flexCenter:before, .page-content[data-page="gameplay"] .flexCenter:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #000000;
  z-index: 10;
  left: 0;
  top: 0;
  opacity: .2;
}
/* line 41, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .flexCenter:after {
  background: none;
  content: url(../assets/image/comingsoon.svg);
  opacity: 1;
  width: 50%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: auto;
}
/* line 53, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .flexCenter .slide {
  overflow: hidden;
}
/* line 55, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .flexCenter .slide .songs {
  width: 100%;
  margin: 0 auto;
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
}
/* line 59, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .flexCenter .slide .songs.click-disabled {
  cursor: initial;
}
/* line 62, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .flexCenter .slide .songs.top {
  margin-bottom: 1%;
}
/* line 65, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .flexCenter .slide .songs.bottom {
  margin-top: 1%;
}
/* line 74, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .popup {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0 auto;
  z-index: 999;
  display: none;
}
/* line 83, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .popup .close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1;
  -webkit-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
/* line 91, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .popup .gameVideo {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 65vh;
  width: 115.6vh;
  max-width: calc( 100vw - 370px);
  margin: 2.5vh auto;
  border-right: 1px solid #450606;
  border-bottom: 1px solid #450606;
}
/* line 101, ../sass/_gameplay.scss */
.page-content[data-page="gameplay"] .popup .gameVideo iframe {
  height: 100%;
  width: 100%;
}

/* line 2, ../sass/_product.scss */
.page-content[data-page="product"] .content {
  top: 0;
  height: 100vh;
  padding: 0 15% 0 7%;
}
/* line 8, ../sass/_product.scss */
.page-content[data-page="product"] .mainVisual {
  position: absolute;
  width: 70%;
  left: 44%;
  z-index: -1;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 15, ../sass/_product.scss */
.page-content[data-page="product"] .mainVisual img {
  width: 100%;
}
/* line 19, ../sass/_product.scss */
.page-content[data-page="product"] .text {
  height: 100%;
  position: relative;
  padding-right: 40%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 27, ../sass/_product.scss */
.page-content[data-page="product"] .text .logo {
  width: 67%;
  margin: 0 auto;
}
/* line 30, ../sass/_product.scss */
.page-content[data-page="product"] .text .logo img {
  width: 100%;
}
/* line 34, ../sass/_product.scss */
.page-content[data-page="product"] .text .prodText {
  width: 70%;
  margin: 3% auto 0;
  text-align: center;
  font-size: 10pt;
  line-height: 2;
}
/* line 40, ../sass/_product.scss */
.page-content[data-page="product"] .text .prodText > span {
  display: block;
}
/* line 44, ../sass/_product.scss */
.page-content[data-page="product"] .text .countdownAgain {
  width: 65%;
  height: 90px;
  background: #03fefe;
  color: #000000;
  margin: 3% auto;
  font-family: "Quantico", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
  font-size: 40pt;
  line-height: 90px;
}
/* line 54, ../sass/_product.scss */
.page-content[data-page="product"] .text.glitch .countdownAgain {
  background: #ca1204;
  color: #ffffff;
  font-size: 28pt;
}
/* line 59, ../sass/_product.scss */
.page-content[data-page="product"] .text .apps {
  width: 70%;
  margin: 5% auto;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
/* line 66, ../sass/_product.scss */
.page-content[data-page="product"] .text .apps .snsLogo {
  height: 40px;
}
/* line 68, ../sass/_product.scss */
.page-content[data-page="product"] .text .apps .snsLogo img {
  height: 100%;
}
/* line 71, ../sass/_product.scss */
.page-content[data-page="product"] .text .apps .snsLogo.apple {
  box-sizing: border-box;
  margin-right: 10px;
}
/* line 77, ../sass/_product.scss */
.page-content[data-page="product"] .text .sns {
  width: 67%;
  margin: 0 auto;
  font-family: "Quantico", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
  font-size: 8pt;
}
/* line 82, ../sass/_product.scss */
.page-content[data-page="product"] .text .sns .icons {
  margin: 3% auto 0;
  height: 55px;
}
/* line 86, ../sass/_product.scss */
.page-content[data-page="product"] .text .sns a {
  display: inline-block;
  height: 100%;
  width: 23%;
}
/* line 90, ../sass/_product.scss */
.page-content[data-page="product"] .text .sns a img {
  height: 100%;
}

/* line 102, ../sass/_product.scss */
.snsicons {
  max-width: 100%;
  background-size: 100%;
  background-image: url(../assets/image/sns.png);
}

/* line 107, ../sass/_product.scss */
.snsControl .snsicons {
  background-image: url(../assets/image/sns_only.png);
}

/* line 111, ../sass/_product.scss */
.SNSfb {
  background-position: 0 0%;
  background-size: 100%;
}

/* line 115, ../sass/_product.scss */
.SNSrk {
  background-position: 0 33.333333%;
  background-size: 100%;
}

/* line 119, ../sass/_product.scss */
.SNStw {
  background-position: 0 66.666667%;
  background-size: 100%;
}

/* line 123, ../sass/_product.scss */
.SNSyt {
  background-position: 0 100%;
  background-size: 100%;
}

/* line 2, ../sass/_contact.scss */
.page-content[data-page="contact"] .content {
  top: 0;
  height: 100vh;
  padding: 0 15% 0 7%;
}
/* line 8, ../sass/_contact.scss */
.page-content[data-page="contact"] .mainVisual {
  position: absolute;
  width: 80%;
  left: 44%;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 15, ../sass/_contact.scss */
.page-content[data-page="contact"] .mainVisual img {
  width: 100%;
}
/* line 19, ../sass/_contact.scss */
.page-content[data-page="contact"] .text {
  height: 100%;
  position: relative;
  padding-right: 40%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 27, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .title {
  width: 67%;
  margin: 0 auto;
}
/* line 30, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .title img {
  width: 100%;
}
/* line 34, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .emailInfo {
  width: 70%;
  margin: 3% auto 0;
  text-align: center;
  font-size: 12pt;
  line-height: 1.5;
  height: 25vh;
  padding-top: 15%;
  box-sizing: border-box;
}
/* line 43, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .emailInfo > span {
  display: block;
}
/* line 46, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .emailInfo a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}
/* line 53, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .sns {
  width: 67%;
  margin: 0 auto;
  font-family: "Quantico", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
  font-size: 8pt;
}
/* line 58, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .sns .icons {
  margin: 3% auto 0;
  height: 55px;
}
/* line 62, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .sns a {
  display: inline-block;
  height: 100%;
  width: 23%;
}
/* line 66, ../sass/_contact.scss */
.page-content[data-page="contact"] .text .sns a img {
  height: 100%;
}

/* line 78, ../sass/_contact.scss */
.snsicons {
  max-width: 100%;
  background-size: 100%;
  background-image: url(../assets/image/sns.png);
}

/* line 83, ../sass/_contact.scss */
.snsControl .snsicons {
  background-image: url(../assets/image/sns_only.png);
}

/* line 87, ../sass/_contact.scss */
.SNSfb {
  background-position: 0 0%;
  background-size: 100%;
}

/* line 91, ../sass/_contact.scss */
.SNSrk {
  background-position: 0 33.333333%;
  background-size: 100%;
}

/* line 95, ../sass/_contact.scss */
.SNStw {
  background-position: 0 66.666667%;
  background-size: 100%;
}

/* line 99, ../sass/_contact.scss */
.SNSyt {
  background-position: 0 100%;
  background-size: 100%;
}

/* line 1, ../sass/_popup.scss */
.page-content[data-page="popup"] {
  position: fixed;
  z-index: 1039;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}
/* line 13, ../sass/_popup.scss */
.page-content[data-page="popup"] .popup {
  position: relative;
  width: 80vw;
  max-width: 1200px;
  padding: 40px;
  box-sizing: border-box;
}
@media (max-width: 768px) and (orientation: portrait) {
  /* line 13, ../sass/_popup.scss */
  .page-content[data-page="popup"] .popup {
    width: 95vw;
  }
}
/* line 22, ../sass/_popup.scss */
.page-content[data-page="popup"] .popup img {
  width: 100%;
}
/* line 25, ../sass/_popup.scss */
.page-content[data-page="popup"] .popup.portrait {
  width: auto;
  height: 95vh;
  max-height: 830px;
}
/* line 29, ../sass/_popup.scss */
.page-content[data-page="popup"] .popup.portrait img {
  width: auto;
  height: 100%;
}
/* line 34, ../sass/_popup.scss */
.page-content[data-page="popup"] .popup .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  cursor: pointer;
  z-index: 20;
}
@media (max-width: 768px) {
  /* line 34, ../sass/_popup.scss */
  .page-content[data-page="popup"] .popup .closeBtn {
    right: 0;
  }
}
/* line 46, ../sass/_popup.scss */
.page-content[data-page="popup"] .popup a {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
}

/* line 61, ../sass/_popup.scss */
.popupImg-web {
  background-image: url("https://rayark.promo/c2_site/c2_announcement_pc_1600x1060.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* line 68, ../sass/_popup.scss */
.popupImg-mob3 {
  background-image: url("https://rayark.promo/c2_site/c2_announcement_mobile_1080x1656.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* SLICK  CUSTOM */
/* line 103, ../sass/main.scss */
.slick-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-150%, -50%);
  height: 90px;
  background: none;
  color: #ffffff;
  padding: 0;
  width: 10%;
  font-size: 14pt;
  border: none;
  outline: none;
  cursor: pointer;
  border-bottom: 2px solid #ffffff;
  text-transform: uppercase;
  font-family: "Quantico", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
}
/* line 120, ../sass/main.scss */
.slick-arrow.slick-next {
  -webkit-transform: translate(120%, -50%);
  -moz-transform: translate(120%, -50%);
  -ms-transform: translate(120%, -50%);
  -o-transform: translate(120%, -50%);
  transform: translate(120%, -50%);
  left: auto;
  right: 0;
}
/* line 125, ../sass/main.scss */
.slick-arrow.slick-disabled {
  opacity: .3;
}

@media (max-width: 1024px) {
  /* line 132, ../sass/main.scss */
  .page-content .content {
    min-width: 300px;
    padding: 0;
    top: 0;
    height: 100vh;
  }

  /* line 138, ../sass/main.scss */
  .slick-arrow {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    z-index: 5;
  }

  /* line 143, ../sass/main.scss */
  .slick-arrow.slick-next {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 5;
  }

  /* line 2, ../sass/s1024/_intro.scss */
  .page-content[data-page="intro"] .dotArea #Dot1, .page-content[data-page="intro"] .dotArea #Dot2, .page-content[data-page="intro"] .dotArea #Dot2 {
    height: 60vw;
    width: 60vw;
    max-height: 280px;
    max-width: 280px;
  }
  /* line 8, ../sass/s1024/_intro.scss */
  .page-content[data-page="intro"] .skip {
    height: 4vh;
  }

  /* line 2, ../sass/s1024/_index.scss */
  .page-content[data-page="index"] .flexCenter {
    flex-direction: column;
  }
  /* line 5, ../sass/s1024/_index.scss */
  .page-content[data-page="index"] .logoLarge {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  /* line 10, ../sass/s1024/_index.scss */
  .page-content[data-page="index"] .introWord {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 5%;
    line-height: 2;
    font-size: 14pt;
  }
  /* line 18, ../sass/s1024/_index.scss */
  .page-content[data-page="index"] .video img {
    width: 85%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* line 26, ../sass/s1024/_index.scss */
  .page-content[data-page="index"] .scrollHint {
    bottom: 5%;
  }

  /* line 31, ../sass/s1024/_index.scss */
  body[lang="en"] .page-content[data-page="index"] .introWord {
    line-height: 1.6;
  }

  /* line 2, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion {
    height: 5vw;
    width: 2.5vw;
    max-height: 70px;
    max-width: 35px;
  }
  /* line 10, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .audience {
    display: none;
  }

  /* line 14, ../sass/s1024/_char.scss */
  .page-content[data-page="char"] .flexCenter {
    padding: 0 100px;
  }

  /* line 17, ../sass/s1024/_char.scss */
  .page-content[data-page="char"] .slide[ref="Robo"] .background .motion {
    height: 15%;
    bottom: auto;
    top: 70%;
  }

  /* line 22, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff {
    height: 70vh;
    top: 15vh;
  }
  /* line 25, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(5) {
    top: 30%;
  }

  /* line 29, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon {
    height: 70vh;
    top: 15vh;
  }
  /* line 32, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion {
    height: 70px;
    width: 70px;
  }
  /* line 35, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Xenon"] .charPart.partXenon .motion:nth-child(6) {
    left: auto;
    right: 19%;
  }

  /* line 43, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(1) {
    top: calc(10% + 10px);
  }
  /* line 46, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(2) {
    top: calc(10% + 55px);
  }
  /* line 49, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="Neko"] .bullets:nth-child(3) {
    top: calc(10% + 100px);
  }

  /* line 54, ../sass/s1024/_char.scss */
  body[page="page1"] .page-content[data-page="char"] .coverAni[show="ConneR"] .motion {
    bottom: 50%;
    transform: translateY(35vh);
  }

  /* line 1, ../sass/s1024/_gameplay.scss */
  .page-content[data-page="gameplay"] .flexCenter {
    padding: 0 100px;
  }

  /* line 5, ../sass/s1024/_gameplay.scss */
  .page-content[data-page="gameplay"] .flexCenter:before, .page-content[data-page="gameplay"] .flexCenter:after {
    pointer-events: none;
    padding: 0 100px;
  }
}
/* line 153, ../sass/main.scss */
.mobile {
  display: none;
}

/* line 156, ../sass/main.scss */
.slick-slide img.mobile {
  display: none;
}

/* line 159, ../sass/main.scss */
body.mobile {
  display: block;
}

@media (max-width: 768px) and (orientation: portrait) {
  /* line 164, ../sass/main.scss */
  #logo {
    width: 50vw;
  }
  /* line 166, ../sass/main.scss */
  #logo img {
    width: 100%;
  }

  /* line 170, ../sass/main.scss */
  .pc {
    display: none !important;
  }

  /* line 173, ../sass/main.scss */
  .mobile {
    display: block;
  }

  /* line 176, ../sass/main.scss */
  .slick-slide img.mobile {
    display: block;
  }

  /* line 181, ../sass/main.scss */
  body.mobile[page="page0"] #logo {
    display: none;
  }
  /* line 185, ../sass/main.scss */
  body.mobile .page-content {
    min-height: 100vh;
    height: auto;
  }
  /* line 188, ../sass/main.scss */
  body.mobile .page-content .content {
    position: relative;
    opacity: 1 !important;
    pointer-events: initial !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
  }
  /* line 1, ../sass/mob/_nav.scss */
  body.mobile nav {
    position: initial;
    width: auto;
    height: auto;
  }
  /* line 5, ../sass/mob/_nav.scss */
  body.mobile nav:before {
    display: none;
  }
  /* line 8, ../sass/mob/_nav.scss */
  body.mobile nav .copyright {
    font-size: 8pt;
    text-align: center;
    margin-top: 10%;
  }
  /* line 13, ../sass/mob/_nav.scss */
  body.mobile nav .burger {
    position: fixed;
    top: 4vw;
    right: 4vw;
    cursor: pointer;
    z-index: 100;
  }
  /* line 19, ../sass/mob/_nav.scss */
  body.mobile nav .burger:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    height: 17vw;
    width: 17vw;
  }
  /* line 28, ../sass/mob/_nav.scss */
  body.mobile nav .burger span {
    height: 4px;
    width: 30px;
    background-color: #fff;
    margin: 4px;
    display: block;
    border-radius: 3px;
  }
  /* line 37, ../sass/mob/_nav.scss */
  body.mobile nav .navPage {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 99;
    background: rgba(0, 0, 0, 0.9);
    display: none;
  }
  /* line 46, ../sass/mob/_nav.scss */
  body.mobile nav .navPage .pageControl {
    font-family: "Quantico", "Noto Sans TC", "Noto Sans", "Microsoft YaHei", "微软雅黑", "微軟正黑體", "Microsoft JhengHei", monospace, Arial, sans-serif, "lucida grande", tahoma, verdana, arial;
  }
  /* line 50, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage {
    display: block;
    padding-top: 7vh;
    box-sizing: border-box;
  }
  /* line 54, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .flex {
    height: 100%;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* line 62, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .flex > div {
    width: 100%;
  }
  /* line 66, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .navbar {
    height: 5vh;
    width: 100%;
    min-height: 30px;
    text-align: center;
    margin-top: 10px;
  }
  /* line 72, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .navbar .point.main {
    font-size: 20pt;
    line-height: 20pt;
    text-align: center;
    height: auto;
    width: auto;
    background: none;
    box-shadow: none;
    border-radius: 0;
  }
  /* line 81, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .navbar .point.main:before, body.mobile nav.active .navPage .navbar .point.main:after {
    display: none;
  }
  /* line 86, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .snsControl {
    text-align: center;
    margin-top: 24%;
    overflow: hidden;
    height: 60px;
  }
  /* line 91, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .snsControl a {
    display: inline-block;
  }
  /* line 94, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .snsControl .snsicons {
    width: 10vw;
    margin: 0 2vw;
  }
  /* line 99, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .langBox {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    margin-top: 5%;
  }
  /* line 104, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .langBox .option {
    margin: 0 2vw;
    position: relative;
  }
  /* line 107, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .langBox .option:after {
    content: "|";
    position: absolute;
    right: -3vw;
    top: 0;
  }
  /* line 113, ../sass/mob/_nav.scss */
  body.mobile nav.active .navPage .langBox .option:last-child:after {
    content: "";
  }
  /* line 2, ../sass/mob/_intro.scss */
  body.mobile .page-content[data-page="intro"] .content {
    height: 65vh;
    top: 15vh;
  }
  /* line 5, ../sass/mob/_intro.scss */
  body.mobile .page-content[data-page="intro"] .content #tapHint {
    font-size: 10pt;
  }
  /* line 8, ../sass/mob/_intro.scss */
  body.mobile .page-content[data-page="intro"] .content .sentence {
    font-size: 10pt;
  }
  /* line 12, ../sass/mob/_intro.scss */
  body.mobile .page-content[data-page="intro"] .skip {
    bottom: auto;
    top: 84vh;
  }
  /* line 2, ../sass/mob/_index.scss */
  body.mobile .page-content[data-page="index"] .flexCenter {
    padding-bottom: 50px;
    box-sizing: border-box;
  }
  /* line 7, ../sass/mob/_index.scss */
  body.mobile .page-content[data-page="index"] .video .mobile {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../assets/image/mob/index_bg.gif) 50% 50% no-repeat;
    background-size: cover;
  }
  /* line 17, ../sass/mob/_index.scss */
  body.mobile .page-content[data-page="index"] .logo_motion {
    width: 100vw;
    height: 60vw;
  }
  /* line 21, ../sass/mob/_index.scss */
  body.mobile .page-content[data-page="index"] .introWord {
    position: absolute;
    bottom: calc(15% + 45px);
    font-size: 8pt;
    padding: 0 10%;
    box-sizing: border-box;
    line-height: 1.5;
  }
  /* line 29, ../sass/mob/_index.scss */
  body.mobile .page-content[data-page="index"] #MOBdownloads.show {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    bottom: 13%;
    left: 0;
    padding: 0;
    justify-content: center;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    right: 0;
  }
  /* line 41, ../sass/mob/_index.scss */
  body.mobile .page-content[data-page="index"] #MOBdownloads.show img {
    max-width: 100px;
  }
  /* line 44, ../sass/mob/_index.scss */
  body.mobile .page-content[data-page="index"] #MOBdownloads.show.downloads .snsLogo {
    height: auto;
    width: 49.5%;
  }
  /* line 47, ../sass/mob/_index.scss */
  body.mobile .page-content[data-page="index"] #MOBdownloads.show.downloads .snsLogo img {
    height: auto;
    width: 100%;
  }
  /* line 1, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content {
    min-height: 100vh;
    height: auto;
  }
  /* line 5, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni {
    position: relative;
    min-height: 100vh;
    pointer-events: initial;
  }
  /* line 9, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .charPart {
    display: block;
    z-index: 100;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    pointer-events: none;
  }
  /* line 19, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="ConneR"] .charPart.partConneR {
    width: 100%;
    bottom: 10%;
  }
  /* line 22, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="ConneR"] .charPart.partConneR .fixed {
    width: 98%;
  }
  /* line 25, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="ConneR"] .charPart.partConneR .move {
    left: 4%;
    width: 85%;
  }
  /* line 31, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Robo"] .charPart.partRobo svg {
    max-width: 470px;
    margin-left: 20px;
    margin-right: 20px;
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 24%;
    width: 50%;
  }
  /* line 40, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Robo"] .charPart.partRobo svg .ekg {
    fill: none;
    stroke: #a2d7e7;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: miter;
    opacity: 0;
    stroke-dashoffset: 1000;
    stroke-dasharray: 1000;
    animation: ekg 1.5s linear forwards infinite;
  }
  /* line 55, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Xenon"] .charPart.partXenon .motion {
    height: 15vw;
    width: 15vw;
  }
  /* line 60, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff {
    height: 100%;
    top: 0;
    width: 100%;
  }
  /* line 64, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion {
    height: 20vw;
    width: 9.5vw;
    max-height: 70px;
    max-width: 35px;
  }
  /* line 69, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(1), body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(3), body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(7)
  , body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(8), body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(10), body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(13), body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(14) {
    display: none;
  }
  /* line 73, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(2) {
    top: 25%;
  }
  /* line 76, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(4) {
    top: 45%;
    left: 10%;
  }
  /* line 80, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Paff"] .charPart.partPaff .motion:nth-child(5) {
    bottom: 19%;
    left: 7%;
    top: auto;
  }
  /* line 87, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Neko"] .charPart.partNeko {
    font-size: 10pt;
    line-height: 12px;
  }
  /* line 90, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Neko"] .charPart.partNeko .bullets {
    margin-top: 2px;
  }
  /* line 92, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Neko"] .charPart.partNeko .bullets:nth-child(1) {
    top: 2px;
  }
  /* line 95, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Neko"] .charPart.partNeko .bullets:nth-child(2) {
    top: 24px;
  }
  /* line 98, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.coverAni[show="Neko"] .charPart.partNeko .bullets:nth-child(3) {
    top: 46px;
  }
  /* line 103, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .view {
    position: absolute;
    bottom: 2vh;
    z-index: 50;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 86px;
    height: 6vh;
    cursor: pointer;
  }
  /* line 113, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .view img {
    height: 100%;
  }
  /* line 117, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background {
    height: 100%;
    margin: 0;
  }
  /* line 120, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background img {
    opacity: 1;
  }
  /* line 123, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background:before, body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background:after, body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .cover {
    display: none;
  }
  /* line 127, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgPaff, body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgNeko, body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgRobo, body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgXenon, body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgConner, body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgCherry {
    height: 100%;
    width: 100%;
    background-image: url(../assets/image/mob/charBG.png);
    background-size: 100%;
    background-position: 0 0%;
    background-size: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  /* line 136, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgNeko {
    background-position: 0 19.984538%;
    background-size: 100%;
  }
  /* line 140, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgRobo {
    background-position: 0 39.988404%;
    background-size: 100%;
  }
  /* line 144, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgXenon {
    background-position: 0 59.992269%;
    background-size: 100%;
  }
  /* line 148, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgConner {
    background-position: 0 79.996135%;
    background-size: 100%;
  }
  /* line 152, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .background .bgCherry {
    background-position: 0 100%;
    background-size: 100%;
  }
  /* line 162, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni .main {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: auto;
  }
  /* line 168, ../sass/mob/_char.scss */
  body.mobile .page-content[data-page="char"] .content .mobile .slide.coverAni.show .intro {
    display: block;
  }
  /* line 176, ../sass/mob/_char.scss */
  body.mobile .Charintro.intro {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    text-align: left;
    padding: 0 5%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.82);
    z-index: 1000;
    padding-top: 8vh;
    box-sizing: border-box;
  }
  /* line 178, ../sass/mob/_char.scss */
  body.mobile .Charintro.intro.show {
    display: block;
  }
  /* line 193, ../sass/mob/_char.scss */
  body.mobile .Charintro.intro .close {
    position: absolute;
    top: 20vw;
    right: 5vw;
    height: 9vw;
    width: 9vw;
    background: url(../assets/image/close.png) 50% 50% no-repeat;
    background-size: contain;
    z-index: 50;
  }
  /* line 202, ../sass/mob/_char.scss */
  body.mobile .Charintro.intro .close:before {
    content: "";
    width: 200%;
    height: 200%;
    display: block;
    margin: -50%;
  }
  /* line 210, ../sass/mob/_char.scss */
  body.mobile .Charintro.intro .flex {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 95%;
  }
  /* line 216, ../sass/mob/_char.scss */
  body.mobile .Charintro.intro .flex img {
    width: 30vw;
    height: auto;
    max-width: 189px;
  }
  /* line 221, ../sass/mob/_char.scss */
  body.mobile .Charintro.intro .flex .text {
    margin-top: 5%;
    font-size: 10pt;
  }
  @keyframes ekg {
    0% {
      opacity: 0;
    }
    25% {
      opacity: 1;
    }
    50% {
      stroke-dashoffset: 2000;
    }
    99% {
      opacity: 0;
      stroke-dashoffset: 3000;
    }
    100% {
      stroke-dashoffset: 1000;
    }
  }
  @-webkit-keyframes ekg {
    0% {
      opacity: 0;
    }
    25% {
      opacity: 1;
    }
    50% {
      stroke-dashoffset: 2000;
    }
    99% {
      opacity: 0;
      stroke-dashoffset: 3000;
    }
    100% {
      stroke-dashoffset: 1000;
    }
  }
  /* line 2, ../sass/mob/_gameplay.scss */
  body.mobile .page-content[data-page="gameplay"] .flexCenter {
    padding: 0;
    height: 85vh;
    top: 15vh;
    width: 100%;
    margin: 0;
    padding-bottom: 100px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  /* line 10, ../sass/mob/_gameplay.scss */
  body.mobile .page-content[data-page="gameplay"] .flexCenter:before, body.mobile .page-content[data-page="gameplay"] .flexCenter:after {
    padding: 0;
  }
  /* line 13, ../sass/mob/_gameplay.scss */
  body.mobile .page-content[data-page="gameplay"] .flexCenter .slick-list, body.mobile .page-content[data-page="gameplay"] .flexCenter .slick-track {
    height: 100%;
  }
  /* line 16, ../sass/mob/_gameplay.scss */
  body.mobile .page-content[data-page="gameplay"] .flexCenter .songs {
    height: 50%;
  }
  /* line 18, ../sass/mob/_gameplay.scss */
  body.mobile .page-content[data-page="gameplay"] .flexCenter .songs img {
    height: 100%;
    max-width: 99999px;
    width: auto;
  }
  /* line 25, ../sass/mob/_gameplay.scss */
  body.mobile .page-content[data-page="gameplay"] .GPsongs {
    background-image: url(../assets/image/mob/gp_songs.png);
  }
  /* line 30, ../sass/mob/_gameplay.scss */
  body.mobile .slick-arrow {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    left: 0;
    z-index: 5;
    top: auto;
    bottom: 5px;
    width: 20vw;
    line-height: 145px;
  }
  /* line 39, ../sass/mob/_gameplay.scss */
  body.mobile .slick-arrow.slick-next {
    left: auto;
    right: 0;
  }
  /* line 2, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .content {
    padding: 0 0 10vh 0;
    height: auto;
  }
  /* line 6, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .text {
    width: 100%;
    padding: 0;
    display: block;
  }
  /* line 10, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .text .apps .snsLogo {
    height: auto;
    width: 49.5%;
  }
  /* line 13, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .text .apps .snsLogo img {
    height: auto;
    width: 100%;
  }
  /* line 18, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .text .prodText {
    font-size: 8pt;
    width: 90%;
  }
  /* line 21, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .text .prodText > span {
    display: inline;
  }
  /* line 25, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .text.glitch .countdownAgain {
    font-size: 20pt;
  }
  /* line 29, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .mainVisual {
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    top: 10vw;
    position: relative;
    left: 0;
  }
  /* line 35, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .mainVisual:after {
    content: "";
    position: absolute;
    bottom: -17%;
    left: 0;
    height: 55%;
    width: 100%;
    z-index: 6;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 36%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00050505', endColorstr='#050505',GradientType=0 );
  }
  /* line 49, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .logo {
    margin: -25% auto 0;
  }
  /* line 52, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .sns {
    display: none;
  }
  /* line 55, ../sass/mob/_product.scss */
  body.mobile .page-content[data-page="product"] .countdownAgain {
    height: 50px;
    font-size: 40px;
    line-height: 50px;
    margin: 10% auto 0;
    max-width: 300px;
  }
  /* line 2, ../sass/mob/_contact.scss */
  body.mobile .page-content[data-page="contact"] .content {
    padding: 0 0 10vh 0;
    height: 100vh;
  }
  /* line 7, ../sass/mob/_contact.scss */
  body.mobile .page-content[data-page="contact"] .mainVisual {
    left: 0;
    width: 100%;
  }
  /* line 11, ../sass/mob/_contact.scss */
  body.mobile .page-content[data-page="contact"] .text {
    padding: 0;
  }
  /* line 16, ../sass/mob/_contact.scss */
  body.mobile .page-content[data-page="contact"] .text .emailInfo {
    height: 30vh;
    padding-top: 25%;
  }
}
/* line 207, ../sass/main.scss */
.preLoad {
  display: none !important;
}

/* line 211, ../sass/main.scss */
.pageAudio {
  opacity: 0 !important;
}