@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");html{font-family:Kanit,sans-serif;font-weight:400}body,html{padding:unset;margin:unset;height:100%}.scroll-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.scroll-container section{scroll-snap-align:start}.nav{width:100%;top:0;left:0;background:rgba(0,0,0,.35);position:fixed;z-index:5;display:flex;justify-content:space-around;transition:background .3s ease;height:96px;align-items:center}.nav-item{text-align:center;line-height:60px;position:relative;overflow:hidden;flex:1 1 auto;width:-moz-fit-content;width:fit-content;padding:0 20px;cursor:pointer;font-size:1.3vw}.nav .nav-item a{color:white;text-decoration:none;transition:color .3s}#menunav .txtmenunav.active a,.nav .nav-item.active a{color:rgb(255 200 105)}.bgsection1{background-image:url(/assets/BG-Section1.png);display:flex;align-items:center;justify-content:center;flex-direction:column}.bgsection1,.bgsection2{background-size:cover;height:100vh;width:100%;background-position:50%;position:relative}.bgsection2{background-image:url(/assets/BG-Section2.png)}.sizebtn-download{height:4vw;cursor:pointer}.sizeiconnav{height:24px;cursor:pointer}.sizeicompic{width:100%;height:100%}.card-mildstone{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.point-mildstone{height:60px;margin-bottom:5px}.sizemilestone{width:100%;height:100%}.card-disc{height:20vw;position:relative;display:flex;align-items:center;justify-content:center}.sizereward{height:8vw}.point-mildstone-txt{color:white;font-size:2vw;text-align:center;margin-top:2.5vw}.bg-cardmildstone{width:100%;height:100%}.pst-card{position:absolute;display:flex;flex-direction:column;align-items:center}.bg-character{background-image:url(/assets/Char3anim.gif);width:800px;height:100vh;background-repeat:no-repeat;background-position:-135px 253px;background-size:cover}#menunav,.nav-mobile{display:none}#nextsection{position:absolute;bottom:20px;cursor:pointer;width:60px;height:50px}.nav-right{gap:12px;display:flex;align-items:center}.groupnav-mb{width:100%}.group-section1,.groupnav-mb{display:flex;flex-direction:column;align-items:center}.group-section1{justify-content:center}.sizelogo-wizard-sec1{height:12vw}.group-download{display:flex;gap:18px;margin-top:3vw}.icon-arrow-nextsection{width:100%;height:100%;animation:spring-bounce 2s ease-in-out infinite}@keyframes spring-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.position-char{height:100%;width:100%;display:flex;align-items:end}.section-2{position:absolute;width:100%;height:100vh;top:0}.section-2-top{height:43%;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:end}.txt-regis{width:20%;margin-bottom:5px}.section-txt-top{width:55%;height:30%;position:relative;display:flex;align-items:center;justify-content:center}.txt-number-player{position:absolute;color:white;font-size:3vw}.bg-txt-player{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.section-regis{width:50%;height:20%;position:relative;display:flex;align-items:center;justify-content:center;margin-top:25px}.txt-regis-sec2{position:absolute;color:black;font-size:2vw;cursor:pointer}.bg-btn-regis{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.section-2-bottom{height:55%;display:flex;align-items:start;padding:0 100px}.pst-setion2{position:relative;width:100%}.process-bar{position:absolute;width:100%;top:34px}.process-bar-full{position:absolute;width:100%;top:37px;z-index:1}.size-bar{width:100%}.pst-card-reward{margin-top:20px}.pst-card-reward,.w-pst-card-reward{display:flex;justify-content:space-between}.w-pst-card-reward{width:45%}.covermainsec-feaature{background-image:url(/assets/BG-Section3.png);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;height:100vh;width:100%}.coverdivleft-feaature{width:42%;display:flex;justify-content:center;align-items:center;background-color:rgb(0 0 0/76%);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) 89%,rgba(0,0,0,0) 93%)}.subdivleft-feaature{width:30vw;height:70vh;display:flex;flex-direction:column;align-items:start;justify-content:center}.subdivleft01-feaature{width:85%;display:flex;justify-content:center;margin-bottom:40px}.subdivleft02-feaature{width:85%;height:43%}.nonedf{display:none}.flexdid{display:flex}.des-subdivleft02-feaature-01{background-image:url(/assets/Faction01_Dark_Info.png)}.des-subdivleft02-feaature-01,.des-subdivleft02-feaature-02{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%}.des-subdivleft02-feaature-02{background-image:url(/assets/Faction02_Light_Info.png)}.des-subdivleft02-feaature-03{background-image:url(/assets/Faction03_Fire_Info.png)}.des-subdivleft02-feaature-03,.des-subdivleft02-feaature-04{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.des-subdivleft02-feaature-04{background-image:url(/assets/Faction04_Ice_Info.png)}.coverdivright-feaature{width:58%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.subdivright-feaature{width:98%;height:70vh;z-index:1;display:flex;align-items:end}.subdivright01-feaature{width:18%;height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.subdivright02-feaature{width:60%;display:flex;justify-content:left;align-items:center}.extradivright-feaature{width:440px;height:100vh;background-image:url(/assets/KanariaAnim.gif);background-repeat:no-repeat;background-size:cover;position:absolute;z-index:0;bottom:0;right:0;background-position:-33px 253px}.subdivright02-1-feaature{width:calc(90% - 15px);height:65vh;padding:3px 15px 15px;border-radius:26px;background-color:rgb(22 25 34/65%);display:flex;flex-direction:column;border:1px solid white;justify-content:space-between;margin-left:35px}.covericonarrw-right{width:100px;height:60px;display:flex;justify-content:start}.contenskill-right{height:90%;height:calc(100vh - 30vh);overflow-y:hidden;justify-content:start;padding-top:26px}.contenskill-right,.covermainsec-footertopup{display:flex;width:100%;flex-direction:column}.covermainsec-footertopup{background-color:#171923;height:100vh;align-items:center;justify-content:center}.sup01-50-footertopup,.sup02-50-footertopup{width:50%;display:flex;justify-content:center}.sup02-50-footertopup{flex-direction:column;align-items:center}.fottertext{font-size:1vw;cursor:pointer;font-weight:300;color:white;text-align:start}.fonttercopyright{font-size:.9vw;font-weight:300;color:white}.supsec-footertopup{display:flex;width:100%;margin-bottom:10px;justify-content:center}.textjoinour{font-size:1.2vw;cursor:pointer;font-weight:300;color:white;text-align:start;margin-bottom:10px}.iconsocialfooter{width:3vw;height:2.5vw;display:flex;justify-content:center;align-items:center;border-radius:100px;cursor:pointer}.size-iconsocialfooter{width:80%;height:80%;-o-object-fit:contain;object-fit:contain}.sup01-50-1-footertopup{width:9vw;height:8vw;margin-right:4%}.sup01-50-2-footertopup{display:flex;flex-direction:column;justify-content:center}.covericonsocialfooter{display:flex;justify-content:space-between}.subdivleft01-feaature-iconskill-img{width:21%;height:88%;cursor:pointer;border:3px solid transparent;-o-object-fit:cover;object-fit:cover;z-index:1}.addfam{z-index:0;box-shadow:-1px 0 15px 8px rgb(35 113 205/90%)}.size-contenskill-right01-01{width:55%;height:55%;-o-object-fit:contain;object-fit:contain;cursor:pointer}.sub01boxkill_right{width:8vw;height:16vh;cursor:pointer}.size_sub01boxkill_right{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.subdivright02-2-feaature{display:flex}.subdivright02-3-feaature{background-image:url(/assets/SkillNameBar.png);background-size:contain;background-repeat:no-repeat;width:100%;height:100%;background-position:50%;padding-top:5px;padding-bottom:9px}.cover-subdivright02-liner,.subdivright02-3-feaature{display:flex;align-items:center;justify-content:center}.cover-subdivright02-liner{width:4vw;height:3vw}.size-subdivright02-liner{width:64%;-o-object-fit:cover;object-fit:cover}.subdivright02-3txt-feaature{font-size:2.3vw;font-weight:500;color:#9ccee8}.textcommonmagic{color:#9ccee8;font-size:1.2vw;display:flex;justify-content:center}.covercontent-subdivright02-3-feaature{display:flex;flex-direction:column;align-items:center}.boxpreviweskill-subdivright02-3{width:12vw;height:12vw;display:flex;justify-content:center;align-items:center;margin-bottom:50px}.size-boxpreviweskill-subdivright02-3{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.des-content-subdivright02-3-feaature{color:white;padding:0 2vw;text-align:center;font-size:1.6vw;font-weight:500}.flxcol{flex-direction:column;display:flex}a.atextfooter{color:white;text-decoration:none;font-size:.9vw;cursor:pointer;font-weight:300;width:35%;text-align:start}a.fottertext{text-decoration:unset}@media (max-width:1600px){.subdivleft02-feaature{width:88%;height:37%}.sub01boxkill_right{height:14vh}.extradivright-feaature{background-position:56px 253px}.subdivright02-1-feaature{margin-left:27px}.extradivright-feaature{background-position:0 253px}}@media (max-width:1440px){.card-disc{height:18vw}.sizereward{height:7vw}.process-bar,.process-bar-full{top:39px}.txt-regis-sec2{font-size:1.8vw}.extradivright-feaature{background-position:38px 253px}.subdivright02-1-feaature{margin-left:19px}}@media (max-width:1366px){.sizelogo-wizard-sec1{height:15vw}.subdivright02-2-feaature{display:flex}}@media (max-width:1280px){.sub01boxkill_right{width:9vw}.subdivright02-1-feaature{height:58vh}.contenskill-right{padding-top:76px}}@media (max-width:1200px){.extradivright-feaature{width:385px;background-position:48px 202px}}@media (max-width:1050px){.sizelogo-wizard-sec1{height:20vw}.sizebtn-download{height:5vw}.subdivright02-1-feaature{height:52vh;margin-left:23px}.contenskill-right{padding-top:50px}.subdivright-feaature{display:flex;align-items:center}}@media (max-width:1024px){.sub01boxkill_right{height:12vh}.contenskill-right{padding-top:63px}.subdivright02-2-feaature{display:flex}.subdivright01-feaature{display:flex;flex-direction:column}#pre-register{min-height:100vh;overflow-y:scroll}}@media (max-width:834px){.section-txt-top{width:85%}.nav{display:none}#menunav{position:fixed;top:0;right:-100%;width:50%;background-color:black;z-index:4;transition:right .4s ease;margin-top:74px;padding:24px;border-radius:12px;display:flex;flex-direction:column}#menunav.open{right:20px}.nav-mobile{display:flex;width:100%;height:64px;position:fixed;z-index:5;justify-content:end;align-items:center;transition:background .3s ease;background-color:unset!important}#opennav{width:32px;height:32px;padding-right:20px;cursor:pointer}.txtmenunav{position:relative;height:48px;width:100%;background-repeat:round;display:flex;align-items:center;justify-content:center;font-size:4.5vw;margin-bottom:10px}.txt-navmb{position:absolute;z-index:1;text-decoration:none}.txt-navmb a{color:black;text-decoration:none;display:block}.bgtxtnav{position:absolute;width:100%;height:100%}.sizeiconnavmobile{height:30px;width:30px;margin-bottom:10px}.sizeiconnavmobile-w{height:30px;width:40px;margin-bottom:10px}.group-download{flex-direction:column}.sizebtn-download{height:7vw}.sizelogo-wizard-sec1{height:25vw}.process-bar,.process-bar-full{display:none}.pst-card-reward{flex-direction:column;align-items:center}.w-pst-card-reward{width:100%;justify-content:space-evenly}.sizereward{height:12vw}.point-mildstone{height:6vw;width:6vw}.txt-regis-sec2{font-size:5vw}.txt-regis{width:30%;margin-bottom:10px}.txt-number-player{font-size:5vw}.section-regis{margin:20px 0}.section-2-top{height:unset;margin-top:70px}.bg-character{display:none}.card-disc{width:175px;height:100%}.sizereward{height:14vw}.w-pst-card-reward{margin-bottom:20px}.point-mildstone-txt{font-size:3vw}.section-2-bottom{height:unset;padding:unset}.extradivright-feaature{display:none}.covermainsec-feaature{display:flex;flex-direction:column}.coverdivright-feaature{width:100%;height:56vh}.coverdivleft-feaature{width:100%;height:44vh;padding-top:15px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,1) 93%,rgba(0,0,0,0) 101%)}.subdivright-feaature{width:calc(100% - 35px);height:100%;display:flex;flex-direction:column;align-items:center;padding:0 35px}.subdivright02-feaature{display:flex;justify-content:center;width:100%}.subdivright02-1-feaature{height:32vh;width:calc(100% - 15px);margin-left:unset}.contenskill-right{display:flex;flex-direction:row;height:12vh;width:100%;padding-top:unset;justify-content:center;align-items:center}.sub01boxkill_right{width:100%;height:10vh}.subdivright01-feaature{height:15vh;width:100%;display:flex;flex-direction:row}.subdivleft-feaature{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#mainright_dark{display:flex}#mainright_fire,#mainright_ice,#mainright_light{display:none}.subdivleft01-feaature-iconskill-img{width:13%;height:100%}.subdivleft02-feaature{width:88%;height:57%;padding-bottom:15px}.subdivright02-3txt-feaature{font-size:3.8vw}.boxpreviweskill-subdivright02-3{display:none}.des-content-subdivright02-3-feaature,.textcommonmagic{font-size:2.5vw}.flxcol{display:flex;flex-direction:row}.sup01-50-footertopup,.supsec-footertopup{display:flex;align-items:center;justify-content:center;flex-direction:column}.sup01-50-footertopup{width:100%}.fottertext{text-align:center}.fonttercopyright,.fottertext{font-size:3vw}.textjoinour{text-align:center;font-size:4.5vw;margin-top:60px;margin-bottom:20px}.sup01-50-2-footertopup{width:100%}.sup01-50-1-footertopup{width:42vw;height:36vw;margin-right:unset}.covericonsocialfooter{display:flex;justify-content:center}.iconsocialfooter{width:9vw;height:9vw;margin-right:26px}.sup02-50-footertopup{margin-top:40px;width:100%;margin-bottom:70px}.cover-subdivright02-liner{width:12vw}a.fottertext{text-decoration:unset}}@media (max-width:670px){.section-txt-top{height:20%}.sizereward{height:13vw}.point-mildstone-txt{font-size:3vw}#opennav{width:26px;height:26px}.point-mildstone{height:8vw;width:8vw;margin-bottom:10px}.sizereward{height:12vw}.subdivleft02-feaature{width:88%;height:52%}.subdivleft01-feaature-iconskill-img{width:12%;height:100%}}@media (max-width:520px){.section-2-bottom{padding:unset}.sizelogo-wizard-sec1{height:32vw}.sizebtn-download{height:10vw}.w-pst-card-reward{margin-bottom:20px}.sizereward{height:16vw}.point-mildstone-txt{font-size:4vw}.card-disc{width:150px}.txt-regis{width:40%}.subdivleft02-feaature{width:88%;height:44%}.sub01boxkill_right{height:8vh}.subdivright02-1-feaature{height:27vh;margin-left:unset;width:unset}.textcommonmagic{font-size:3vw}.subdivleft01-feaature{margin-top:20px;margin-bottom:20px}.subdivleft01-feaature-iconskill-img{width:13%;height:100%}.subdivleft02-feaature{width:100%;height:100%}.subdivleft01-feaature{width:100%;margin-top:40px}#mainright_dark{padding:0 20px}#mainright_dark,#mainright_fire,#mainright_ice,#mainright_light{width:100%;justify-content:center}.subdivright02-3txt-feaature{font-size:5vw}.des-content-subdivright02-3-feaature{font-size:3.5vw}.textjoinour{font-size:4vw;margin-top:41px}.fottertext{text-align:center;font-size:3.2vw}.fonttercopyright{font-size:3vw}.iconsocialfooter{width:9vw;height:8vw;margin-right:12px}.sup01-50-1-footertopup{width:37vw;height:33vw;margin-right:unset}}@media (max-width:393px){.txt-regis{width:35%}.card-disc{width:145px}.subdivleft02-feaature{width:88%;height:33%}.sub01boxkill_right{height:6vh}.subdivright02-1-feaature{height:22vh;margin-left:unset}.textjoinour{font-size:4.5vw}.fottertext,a.mobileatextfooter{font-size:4.2vw}.fonttercopyright{font-size:3vw}}@media (max-width:375px){.sizereward{height:20vw}.point-mildstone-txt{font-size:5vw}.txt-regis{width:40%}.bgsection2{height:135vh}.subdivleft02-feaature{width:100%;height:100%}.subdivleft01-feaature-iconskill-img{width:17%}.iconskill-img{width:20%;height:100%}.subdivleft01-feaature-iconskill-img{width:12%;margin-right:10px}.sub01boxkill_right{height:9vh;width:17vw}#mainright_dark{padding:0 15px;width:calc(100% - 15px);justify-content:space-between}.covermainsec-footertopup{padding-top:25px;padding-bottom:25px}.textjoinour{font-size:6vw;margin-top:30px;margin-bottom:15px}.fottertext,a.mobileatextfooter{font-size:4.5vw}.fonttercopyright{font-size:3.5vw}.sup02-50-footertopup{margin-top:30px}}