@import"https://fonts.googleapis.com/css?family=Noto+Serif+TC&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:auto}h2{color:#fff;font-size:18px;font-weight:700;margin:0}@media(max-width: 1299px){h2{font-size:16px}}section{width:100%}.cursor{cursor:pointer}.display-flex{display:flex;flex-wrap:wrap}.fixed-btn{width:48px;height:48px;border-radius:55%}body{--bg: #1d2630;--color: #fff;--line-color: #333b44;--border-color: #dfdfdf;width:100%;background-color:rgba(0,0,0,0);font-size:16px;overflow-x:hidden;font-family:"Noto Serif JP",serif !important}body a{cursor:pointer;text-decoration:none}body button{border:0;box-shadow:none;cursor:pointer}body p{word-break:break-word}body li{list-style:none}body body a,body a:active,body a:focus,body a:hover{text-decoration:none}body button,body button:active,body button:focus,body button:hover{outline:none}video{cursor:pointer}.mobile{display:none !important}@media(max-width: 767px){.mobile{display:block !important}}@media(max-width: 767px){.pc{display:none !important}}.active{color:#900baa}.bgVideo{position:fixed;left:0;top:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover}#nav{margin:0 auto;width:100%;position:sticky;top:0;left:0;transition:height .3s ease-in;z-index:10}@media(max-width: 1299px){#nav{height:70px}}.navBg{background:url("../images/headerBg.png") no-repeat center bottom/cover;width:100%;height:140px;position:absolute;z-index:-1;display:none}@media(max-width: 767px){.navBg{background:none}}#navbar{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1200px;height:100%;margin:0 auto;padding-bottom:15px}@media(max-width: 1299px){#navbar{width:100%;padding:0 15px;height:80%}}#navbar__brand{width:165px;height:40px}@media(max-width: 1299px){#navbar__brand{width:120px;height:28px}}#navbar__brand img{-o-object-fit:cover;object-fit:cover;-o-object-fit:contain;object-fit:contain}#navbar__brand img,#navbar__brand img img{width:100%;height:100%;-o-object-position:center;object-position:center}@media(max-width: 1299px){#navbar__brand img,#navbar__brand img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}}#navbar__brand img img{-o-object-fit:cover;object-fit:cover}.navLink{font-size:18px;font-weight:700;line-height:80px;margin:0 30px;color:#fff;text-shadow:0 0 20px #352217;position:relative;z-index:11}.navLink .active{color:#fff}.navLink:hover{color:#fff}#navLang{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;z-index:11}#navLang a{color:#fff;font-size:15px;font-weight:600;line-height:80px}@media(max-width: 1299px){#navLang a{font-size:13px}}.nav--scroll #nav{height:58px}.nav--scroll #navbar__brand{width:140px;height:32px}.nav--scroll #home__banner{margin-top:58px}.nav--scroll #nav__langMenu{top:42px}#btn__scrollTop{right:5px;bottom:150px;background-color:rgba(255,255,255,0);display:none}@media(max-width: 767px){#btn__scrollTop{display:none !important}}#btn__scrollTop i:before{color:#fff;font-size:30px}#btn__twitter{bottom:117px;color:#fff;font-size:28px;padding-top:8px}#btn__twitter:hover,#btn__scrollTop:hover{opacity:1}.scrollTop_btn{width:80px;height:200px;position:fixed;z-index:5;opacity:.8}.scrollTop_btn span{font-size:18px;color:#000;position:absolute;right:30px;bottom:0}.scrollTop_btn span:nth-child(2){position:absolute;width:2px;height:101px;overflow:hidden;top:-10px;right:39px}.scrollTop_btn span:nth-child(2):before{content:"";position:absolute;width:2px;height:101px;background:#000;right:0;animation:scrollUp 1.7s ease-in-out infinite}.scrollTop_btn span:nth-child(2):after{content:"";position:absolute;width:2px;height:160px;background:#000;opacity:.4;right:0}.dis_none{display:none !important}#page{height:auto;width:100%;margin:0 auto;overflow:hidden;top:0;left:0}#header_menu_bar{position:fixed;z-index:11;left:0;bottom:0;width:100%;height:56px;padding-bottom:0;background:#b68366;padding:0;color:#fff}#header_menu_bar .navBarMobile{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}#header_menu_bar a{font-size:15px;font-weight:400;line-height:56px;margin:0 auto}.container{width:100%;height:100vh;overflow-x:hidden;overflow-y:scroll;position:relative;top:0;left:0}#bgOverlayContainer{position:fixed;left:0;top:0;z-index:-1;display:none;width:100%;height:100%;background-image:url(../images/pic.png)}.introduceBoxintroduceBox{position:relative}.logoTopBox,.PreBtnBox,.downBtnBox{position:absolute;height:auto;left:50%;transform:translate(-50%, -50%);max-width:600px;width:100%;z-index:2}.logoTopBox button,.PreBtnBox button,.downBtnBox button{display:contents}.logoTopBox img,.PreBtnBox img,.downBtnBox img{width:100%}.logoTopBox a,.PreBtnBox a,.downBtnBox a{display:flex;flex-direction:column;align-items:center}.logoTopBox{top:610px;max-width:600px}@media(max-width: 767px){.logoTopBox{top:425px}}.PreBtnBox{top:800px;max-width:350px;cursor:pointer}@media(max-width: 767px){.PreBtnBox{width:85%;top:585px}}.logobtn{display:flex;justify-content:center}.downBtnBox{top:850px;display:flex;justify-content:center;flex-direction:column;align-items:center}@media(max-width: 996px){.downBtnBox{top:800px}}@media(max-width: 767px){.downBtnBox{top:600px;width:50%}}.downBtnBox img{width:70%}@media(max-width: 767px){.downBtnBox img{width:100%}}.downBtnBox span{font-size:1.2rem;color:#fff}@media(max-width: 767px){.downBtnBox span{color:#000;font-size:1rem}}.PreBox{margin:0% auto 2% 0;text-align:center;position:relative;z-index:2}.PreBox img{cursor:pointer;width:80%;max-width:300px;margin:0 2%}.cloud{position:relative;top:560px;width:100%;overflow:hidden}.cloud img{width:100%;min-width:1920px}@media(max-width: 767px){.cloud{top:350px;height:600px}}.gameIntroduction{min-height:100vh;width:100%;height:auto;position:relative;margin:0 auto;background:url("../images/skyBg.png") no-repeat top center/cover}.gameIntroductionBox{top:100px;width:100%;position:absolute;z-index:1}.gameIntroductionBox img{width:100%}.gameCharacter{position:absolute;width:100%;max-width:900px;transform:translate(-50%, -50%)}.gameCharacter img{width:100%}@media(max-width: 1400px){.gameCharacter{width:50%}}@media(max-width: 1024px){.gameCharacter{width:66%}}@media(max-width: 480px){.gameCharacter{width:100%}}.characterR{top:50%;left:85%}@media(max-width: 1400px){.characterR{left:88%}}@media(max-width: 1024px){.characterR{top:30%;left:95%}}.characterL{top:50%;left:15%}@media(max-width: 1400px){.characterL{left:10%}}@media(max-width: 1024px){.characterL{top:25%;left:12%}}.title{position:relative;text-align:center;width:60%;z-index:4;margin:0 auto}.title img{width:100%}@media(max-width: 767px){.title{width:100%}}.logIn{padding:3% 0;max-width:1260px;display:flex;justify-content:center;margin:0 auto;position:relative;flex-direction:column}.logIn .title{width:100%}.logInpack{display:flex;justify-content:center;flex-direction:column;width:100%;margin:0 auto;position:relative;max-width:1920px}.logInpack img{width:100%;display:block}@media(max-width: 767px){.logInpack img{width:100%}}.logInBg{position:absolute;display:flex;justify-content:center;top:12%;left:43%;width:13%}@media(max-width: 767px){.logInBg{display:flex;flex-wrap:wrap;width:80%;top:7%;left:10%}}.logInBg img{width:100%;padding:.5%}@media(max-width: 767px){.logInBg img{width:33%;padding-bottom:5%;top:5%;left:17%}}.appointmentLogin{display:flex;justify-content:center;flex-direction:row;align-items:baseline}@media(max-width: 767px){.appointmentLogin{margin:0 auto}}.appointmentLogin img{width:100%}@media(max-width: 767px){.appointmentLogin img{width:80%;margin:0 auto}}.appointmentLogin p{font-size:1.2rem}.logBut{display:flex;flex-direction:column;align-items:center;z-index:100}.logBut button{display:contents}.legend{max-width:1260px;margin:0 auto;display:flex;justify-content:center;flex-direction:column;font-size:1.2rem;color:#fff;padding:1%;align-items:center}.legend p{font-size:1.5rem}.legend li{font-size:1rem}@media(max-width: 767px){.legend{font-size:.6rem}}.legendList{display:flex;justify-content:space-between;width:50%}@media(max-width: 767px){.legendList{width:100%;font-size:.9rem}}.legendList ul{display:block}.compatible{padding:2%}.gameIntroductionTit{top:250px}@media(max-width: 767px){.gameIntroductionTit{top:430px}}.introductionText{top:220px;z-index:3;width:90%;max-width:450px;backdrop-filter:blur(2px);text-align:justify;position:relative;margin:0 auto;font-size:18px;line-height:2.8rem;padding:40px 0 0;border-radius:24px}.introductionText p{color:#4c3b48;font-weight:600;text-shadow:1px 0 2px #fff}@media(max-width: 767px){.introductionText{top:380px;padding:60px 0 0;font-size:15px;line-height:2rem;margin-bottom:40px}}.characterC{padding-top:80px;position:relative;left:-4%;max-width:800px;width:50%;z-index:2;margin:170px auto 0}.characterC img{width:100%}@media(max-width: 767px){.characterC{padding-top:60px;width:100%;margin:350px auto 0}}.characterIntroduction{min-height:100vh;position:relative;padding-top:20px;margin:50px auto 0;width:100%}.characterIntroductionMain{width:70%;margin:30px auto;position:relative}.characterIntroductionMain img{width:100%}@media(max-width: 767px){.characterIntroductionMain{width:100%;margin:0 auto}}.absolute{position:absolute;transform:translate(-50%, -50%)}.characterFirstOther{width:50%;top:23%;left:70%;z-index:2}.characterSec{margin-top:15%}.characterText{color:#494137;display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;text-shadow:2px 2px 5px #fff}.vertical{-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.vertical p{padding-right:5px}.horizontal{display:inline;max-width:250px;width:100%}.horizontal p{padding-bottom:5px}.letter{letter-spacing:1.6rem}@media(max-width: 1400px){.letter{letter-spacing:1rem}}.horizontalOL{display:inline;max-width:270px;width:100%}.horizontalOL p{padding-bottom:5px}.characterTitleOL{font-size:5vmin;font-weight:400}@media(max-width: 1400px){.characterTitleOL{font-size:4vmin}}@media(max-width: 1024px){.characterTitleOL{font-size:3vmin}}@media(max-width: 767px){.characterTitleOL{font-size:8vmin;line-height:2rem}}.characterSloganOL,.characterSubtitleOL{font-size:2vmin;font-weight:300;letter-spacing:.1rem}@media(max-width: 1400px){.characterSloganOL,.characterSubtitleOL{font-size:1.5vmin}}@media(max-width: 1024px){.characterSloganOL,.characterSubtitleOL{font-size:1.3vmin}}@media(max-width: 767px){.characterSloganOL,.characterSubtitleOL{font-size:5vmin}}.letterOL{letter-spacing:.6rem}.characterFir1Text1OL{top:7%;left:19%}@media(max-width: 767px){.characterFir1Text1OL{top:30%;left:30%}}.characterSec2Text1OL{top:47%;left:85%}@media(max-width: 1299px){.characterSec2Text1OL{top:49%}}.characterFir2Text1OL{top:10.5%;left:80%}.characterFir1Text2OL{top:21.5%;left:22%}@media(max-width: 1400px){.characterFir1Text2OL{left:27%}}@media(max-width: 1024px){.characterFir1Text2OL{left:29%}}@media(max-width: 767px){.characterFir1Text2OL{top:84.5%;left:55%}}.characterFir1Text1EN{top:6%;left:20%}@media(max-width: 767px){.characterFir1Text1EN{top:23%;left:37%}}.letterEN{letter-spacing:.5rem}@media(max-width: 1400px){.letterEN{letter-spacing:1rem}}.horizontalEN{display:inline}.horizontalEN p{padding-bottom:5px}.characterTitleEN{font-size:5vmin;font-weight:400}@media(max-width: 1400px){.characterTitleEN{font-size:4vmin}}@media(max-width: 1024px){.characterTitleEN{font-size:3vmin}}@media(max-width: 767px){.characterTitleEN{font-size:8vmin;line-height:2rem}}.characterSloganEN,.characterSubtitleEN{font-size:2vmin;font-weight:300;letter-spacing:.1rem}@media(max-width: 1400px){.characterSloganEN,.characterSubtitleEN{font-size:1.5vmin}}@media(max-width: 1024px){.characterSloganEN,.characterSubtitleEN{font-size:1.3vmin}}@media(max-width: 767px){.characterSloganEN,.characterSubtitleEN{font-size:5vmin}}.characterSec2Text1EN{top:46%;left:82%}.characterFir1Text2EN{top:21.5%;left:21.5%}@media(max-width: 767px){.characterFir1Text2EN{top:84.5%;left:41%}}.characterFir2Text1EN{top:8%;left:79%}@media(max-width: 767px){.characterFir2Text1EN{top:21.5%;left:33%}}.characterSec4Text2EN{top:85.2%;left:82.5%}@media(max-width: 1400px){.characterSec4Text2EN{top:86%;left:86.5%}}.sloganboxEN{top:4% !important;z-index:12;animation:slogan .5s .8s 1 both}.characterSec2EN{width:53%;top:54%;left:64%;z-index:2}@media(max-width: 767px){.characterSec2EN{width:100%;top:55%;left:85%}}.characterTitle{font-size:6.5vmin;font-weight:400}@media(max-width: 1400px){.characterTitle{font-size:4vmin}}@media(max-width: 1024px){.characterTitle{font-size:3vmin}}@media(max-width: 767px){.characterTitle{font-size:8vmin;line-height:2rem}}.characterSlogan,.characterSubtitle{font-size:2vmin;font-weight:300;letter-spacing:.1rem}@media(max-width: 1400px){.characterSlogan,.characterSubtitle{font-size:1.5vmin}}@media(max-width: 1024px){.characterSlogan,.characterSubtitle{font-size:1.3vmin}}@media(max-width: 767px){.characterSlogan,.characterSubtitle{font-size:3.5vmin}}.characterFir1Text1{top:7%;left:16%}@media(max-width: 767px){.characterFir1Text1{top:29%;left:30%}}.characterFir1Text2{top:21.5%;left:23%}@media(max-width: 1400px){.characterFir1Text2{left:27%}}@media(max-width: 1024px){.characterFir1Text2{left:29%}}@media(max-width: 767px){.characterFir1Text2{top:84.5%;left:54%}}.characterFir2Text1{top:10%;left:80%}.characterFir2Text2{top:4.5%;left:71%}@media(max-width: 1400px){.characterFir2Text2{left:74%}}.characterSec1Text1{top:38%;left:17%}.characterSec1Text2{top:45.8%;left:20%}@media(max-width: 1400px){.characterSec1Text2{top:46.5%;left:27%}}.characterSec2Text1{top:47%;left:85%}.characterSec2Text2{top:41.3%;left:77.5%}@media(max-width: 1400px){.characterSec2Text2{top:42%;left:81%}}.characterSec3Text1{top:66%;left:17%}.characterSec3Text2{top:74.5%;left:22.5%}@media(max-width: 1400px){.characterSec3Text2{top:75.5%;left:25%}}.characterSec4Text1{top:80%;left:83%}.characterSec4Text2{top:85.2%;left:84.5%}@media(max-width: 1400px){.characterSec4Text2{top:85.5%;left:86.5%}}.characterFirst img{position:relative;left:3%}.characterFirstL{width:49%;top:13.5%;left:30%;z-index:2}@media(max-width: 767px){.characterFirstL{width:100%;top:52%;left:65%}}.characterFirstR{width:30%;top:15%;left:61.5%;z-index:3}@media(max-width: 767px){.characterFirstR{width:70%;top:52%;left:78%}}.characterSec1{width:48%;top:38%;left:49%;z-index:2}@media(max-width: 767px){.characterSec1{width:100%;top:54%;left:85%}}.characterSec2{width:53%;top:54%;left:68%;z-index:2}@media(max-width: 767px){.characterSec2{width:100%;top:55%;left:85%}}.characterSec3{width:47%;top:68%;left:45%;z-index:2}@media(max-width: 767px){.characterSec3{width:100%;top:16%;left:20%;transform:rotateY(180deg)}}.characterSec4{width:57%;top:86%;left:45%;z-index:2}@media(max-width: 767px){.characterSec4{width:100%;top:19%;left:26%;transform:rotateY(180deg)}}.characterTotal{width:100%;display:flex;flex-direction:column}.characterTotal .characterIcon{z-index:2;width:100%;text-align:center;margin:5px auto}.characterTotal .characterIcon img{width:30%;cursor:pointer}.characterDialogBox{position:fixed;top:0;right:0;left:0;bottom:0;margin:0 auto;z-index:101;width:100%;height:100vh;padding:10px;min-width:700px;background:rgba(15,2,1,.8);z-index:10;display:none;text-align:center;overflow-y:scroll}.characterDialogBox::before{content:"";display:inline-block;width:0;vertical-align:middle}@media(max-width: 767px){.characterDialogBox{min-width:auto;padding:0;overflow-y:scroll}}.characterDialogMain{position:relative;z-index:10;width:100%;max-width:1200px;left:0;right:0;margin:0 auto}.dialogCloseBtn{background:url("../images/close_button.png") no-repeat center/cover;position:absolute;top:30px;left:96.2%;z-index:15;width:40px;height:40px;cursor:pointer}@media(max-width: 767px){.dialogCloseBtn{left:90%}}.dialogbox{position:absolute;transform:translate(-50%, 0%);top:50px;left:50%;width:100%}.dialogbox img{border-radius:28px;width:100%;vertical-align:middle}@media(max-width: 767px){.dialogbox img{border-radius:0}}.sloganbox{top:15% !important;z-index:12;animation:slogan .5s .8s 1 both}.sloganM_1{z-index:12;animation:sloganM_1 .5s .8s 1 both}.sloganM_2{z-index:12;animation:sloganM_2 .5s .8s 1 both}.sloganM_3{z-index:12;animation:sloganM_3 .5s .8s 1 both}.characterBox{z-index:11;animation:character .5s .3s 1 both}.bgBox{z-index:10;animation:boxBg .5s 0s 1 both}.gameScreenshot{min-height:400px;position:relative;padding-top:30px;margin:0 auto;width:100%}@media(max-width: 767px){.gameScreenshot{min-height:auto}}.gallery-ingame{max-width:1100px;position:relative;width:100%;margin:5% auto 0}.gallery-ingame .swiper-slide{width:100%;display:flex;align-items:center;justify-content:center;max-height:600px;border:3px solid #bfbfbf;border-radius:20px}.gallery-ingame .swiper-slide img{border-radius:20px;width:100%}@media(max-width: 767px){.gallery-ingame .swiper-slide{width:90%}}.footer{background:url("../images/newFooterBg.png") no-repeat bottom center/cover;display:flex;width:100%;height:50vh}@media(max-width: 767px){.footer{background:url("../images/newFooterBgM.png") no-repeat bottom center/cover;height:40%}}.footerItem{max-width:1920px;margin:0 auto;width:100%;padding:2%;height:45vh}@media(max-width: 996px){.footerItem{height:73vh}}.footerLinks{display:flex;justify-content:center;position:relative;transition:all .1s ease-in-out}.footerLinks a{z-index:2;color:#fff;display:flex;width:50px;height:50px;margin:0 12px 10px;border-radius:100px;font-size:32px;justify-content:center;align-items:center;opacity:.8}.footerLinks a:hover{opacity:1}.footerLink{text-align:center;z-index:2;padding-bottom:56px}.footerLink li{font-size:18px;font-weight:bold;padding:0 2px;text-transform:uppercase;cursor:pointer;color:#000;opacity:.8;text-shadow:0px 0px 10px #fafafa}.footerLink li:hover{opacity:1}.m{margin:10px !important}.ml{margin-left:10px !important}@media(max-width: 1299px){.ml{margin-left:5px !important}}.mt{margin-top:10px !important}.mb{margin-bottom:10px !important}.mr{margin-right:10px !important}.m-l{margin:20px !important}.ml-l{margin-left:20px !important}.mt-l{margin-top:20px !important}.mb-l{margin-bottom:20px !important}.mr-l{margin-right:20px !important}.ma{margin:auto}.p{padding:10px !important}.pl{padding-left:10px !important}.pt{padding-top:10px !important}.pb{padding-bottom:10px !important}.pr{padding-right:10px !important}.p-l{padding:20px !important}.pl-l{padding-left:20px !important}.pt-l{padding-top:20px !important}.pb-l{padding-bottom:20px !important}.pr-l{padding-right:20px !important}.pa{padding:auto}.t-center{text-align:center}.t-right{text-align:right}.t-left{text-align:left}body::-webkit-scrollbar,.privacy_pre_check_content::-webkit-scrollbar{width:6px;height:4px}body::-webkit-scrollbar-thumb,.privacy_pre_check_content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0);background:#c5c5c5}body::-webkit-scrollbar-track,.privacy_pre_check_content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.055);border-radius:0;background:rgba(0,0,0,0)}@keyframes slogan{0%{top:10%;left:10%;opacity:0;transform:scale(0)}30%{top:0;left:0;opacity:1;transform:scale(1)}85%{transform:scale(0.96)}100%{top:0;left:0;transform:scale(1)}}@keyframes sloganM_1{0%{top:10%;left:-3%;opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1)}85%{transform:scale(0.96)}100%{top:8%;left:-3%;transform:scale(1)}}@keyframes sloganM_2{0%{top:10%;left:5%;opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1)}85%{transform:scale(0.96)}100%{top:8%;left:5%;transform:scale(1)}}@keyframes sloganM_3{0%{top:10%;left:5%;opacity:0;transform:scale(0)}30%{top:5%;left:0%;opacity:1;transform:scale(1)}85%{transform:scale(0.96)}100%{top:5%;left:0%;transform:scale(1)}}@keyframes boxBg{0%{opacity:0;transform:translate3d(90%, 0, 0)}100%{opacity:1;transform:translate3d(-50%, 0, 0)}}@keyframes character{0%{opacity:0;transform:translate3d(-90%, 0, 0)}100%{opacity:1;transform:translate3d(-50%, 0, 0)}}#confetti{display:none;position:fixed;width:100%;height:100%;overflow:hidden;z-index:-1;top:0}.dot1{background:url("../images/DOT.gif") center no-repeat;width:30px;height:30px;opacity:.7;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;position:absolute}.dot2{background:url("../images/DOT1.gif") center no-repeat;width:50px;height:50px;opacity:1;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;position:absolute}.dot3{background:url("../images/DOT.gif") center no-repeat;width:100px;height:100px;opacity:.4;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;position:absolute}.dot4{background:url("../images/DOT1.gif") center no-repeat;width:100px;height:100px;opacity:1;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;position:absolute}.dot5{background:url("../images/DOT1.gif") center no-repeat;width:5px;height:5px;opacity:.3;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;position:absolute}.vertical-rl{writing-mode:vertical-rl;white-space:nowrap;transition:all .4s ease}@keyframes scrollUp{0%{top:100%}100%{top:-100%}}