@import url(https://fonts.googleapis.com/css2?family=Caprasimo&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden;font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif}footer{padding:24px 0;background:#0b0f20}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}button{background:0 0;border:none}img{max-width:100%;height:auto}.modal-modal,a,button{background-color:transparent;border:none;cursor:pointer}button.close{width:54px;height:54px;background:url(//landing.mangot5.com/template/la/event/nav/images/close.png) no-repeat 0 0;background-size:contain;overflow:hidden;text-indent:-10000em;cursor:pointer;border:0;opacity:1;position:absolute;right:1rem;top:-54px;z-index:999}.modal-dialog{width:100%;max-width:1400px;margin:8vh auto 0 auto;text-align:center;pointer-events:auto}@media only screen and (max-width:480px){.modal-dialog{margin:40% auto}}.modal-dialog iframe{max-width:100%}@media only screen and (max-width:350px){.modal-dialog iframe{max-height:60vh}}body{background:#000;color:#fff;font-weight:600}h2{position:relative;margin-bottom:4vh;border-bottom:1px solid #8a8bd294}h2 img{margin-bottom:20px}p{line-height:1.4rem;margin-bottom:2vh}a{transition:.3s all}.ycolor{color:#8a8bd2}#particles-js{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:1200px){#particles-js{display:none}}main{position:relative;background:url(../images/main.jpg) no-repeat center center;background-size:cover;min-height:100vh;padding-top:50px}@media only screen and (max-width:480px){main{padding-top:20px;min-height:90vh;background-position:38% 40%}}main .logo{margin-left:2vw;display:inline-block}@media only screen and (max-width:350px){main .logo img{width:30vw}}main .title{position:absolute;z-index:1;text-align:center;left:50%;bottom:20vh;transform:translateX(-50%);background-size:contain;width:50vw}@media only screen and (max-width:1200px){main .title{width:100vw}}main .title>img{width:80%}@media only screen and (max-width:480px){main .title{width:100%}main .title>img{width:100%}}main .btnMB,main .btnPC{display:flex;justify-content:center;margin-top:2vh}@media only screen and (max-width:480px){main .btnMB,main .btnPC{margin-bottom:40px}}main .btnMB li,main .btnPC li{margin:0 .5vw;display:inline-block}@media only screen and (max-width:480px){main .btnMB li,main .btnPC li{margin:0 1vw}}main .btnMB li a,main .btnPC li a{border:3px solid #f8bdffbb;border-radius:40px;padding:6px 40px;color:#fcdcff;background-color:#c580d5d3;font-size:22px;transition:.3s all;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media only screen and (max-width:1200px){main .btnMB li a,main .btnPC li a{padding:6px 20px}}@media only screen and (max-width:480px){main .btnMB li a,main .btnPC li a{font-size:16px}}main .btnMB li a:hover,main .btnPC li a:hover{color:#c580d5;border:3px solid #c580d5;background-color:#fff}main .btnMB{display:none}aside{min-height:10vh;position:absolute;bottom:0;width:100%;background:#00000096;border-top:1px solid #7783a8;border-bottom:1px solid #7783a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media only screen and (max-width:480px){aside{min-height:auto}}aside ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto}@media only screen and (max-width:480px){aside ul li{width:24vw}}aside ul li:last-child a::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:36px;background:#7783a8}@media only screen and (max-width:1200px){aside ul li:last-child a::after{display:none}}aside ul li a{line-height:1.6;color:#7783a8;padding:36px 24px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}aside ul li a p{margin:0}aside ul li a.active,aside ul li a:hover{color:#fff}aside ul li a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:36px;background:#7783a8}@media only screen and (max-width:1200px){aside ul li a::before{display:none}}@media only screen and (max-width:1200px){aside ul li a{padding:16px}}@media only screen and (max-width:480px){aside ul li a{padding:8px}aside ul li a p{text-align:center;font-size:12px;line-height:1.4}}aside ul a.active img,aside ul li:hover img{opacity:0}aside.fixed{width:100%;position:fixed;top:0;z-index:9;bottom:inherit}@-webkit-keyframes bg{0%{background-position:center top}50%{background-position:center bottom}100%{background-position:center top}}@keyframes bg{0%{background-position:center top}50%{background-position:center bottom}100%{background-position:center top}}section{position:relative;background:url(../images/bg.jpg) no-repeat center top;background-size:cover;text-align:center;-webkit-animation:bg 100s ease infinite;animation:bg 100s ease infinite}section p{color:#fff;font-size:1.6rem;line-height:1.6}@media only screen and (max-width:480px){section p{font-size:1rem;line-height:1.6;padding:0 2vw}}section .ycircle{margin:2vh auto}section .ycircle li{color:#8a8bd2;font-size:1rem;line-height:1.6;font-weight:400}section .ycircle li::before{content:"※";margin-right:4px}section .range{max-width:1200px;margin:0 auto;padding:8vh 0}@media only screen and (max-width:1024px){section .range{max-width:90vw}}section .range>img{margin:4vh 0 1vh 0}#tab1,#tab4,#tab5,#tab7,#tab8{position:relative}#tab1::after,#tab1::before,#tab4::after,#tab4::before,#tab5::after,#tab5::before,#tab7::after,#tab7::before,#tab8::after,#tab8::before{content:"";position:absolute;width:20vw;height:90%;background:0 0}@media only screen and (max-width:1440px){#tab1::after,#tab1::before,#tab4::after,#tab4::before,#tab5::after,#tab5::before,#tab7::after,#tab7::before,#tab8::after,#tab8::before{width:24vw}}@media only screen and (max-width:1024px){#tab1::after,#tab1::before,#tab4::after,#tab4::before,#tab5::after,#tab5::before,#tab7::after,#tab7::before,#tab8::after,#tab8::before{display:none}}#tab1::before{background:url(../images/deco11.png) no-repeat center center;background-size:contain;left:12vw;bottom:40vh;width:12vw}#tab1::after{background:url(../images/deco12.png) no-repeat center bottom;background-size:contain;right:0;bottom:16vh;width:30vw}#tab1 .thrlevel{display:flex;flex-wrap:wrap;justify-content:center;margin:3vh 0}#tab1 .thrlevel button{margin:0 1vw}#tab4::before{background:url(../images/deco41.png) no-repeat center center;background-size:contain;left:3vw;bottom:0}#tab4::after{background:url(../images/deco42.png) no-repeat center bottom;background-size:contain;right:5vw;bottom:120vh}#tab4 .race+p,#tab4 img+p{font-size:1.2rem;font-weight:400}#tab4 .popbtn{margin:2vh 0 4vh}#tab4 .race{display:flex;align-items:center;justify-content:center;margin:8vh 0 4vh}@media only screen and (max-width:480px){#tab4 .race>img{width:10vw}}#tab4 .race p:first-of-type{font-size:1.2rem;font-weight:400}#tab4 .race .num{font-family:Caprasimo,cursive;font-weight:400;font-size:4rem;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 0 #000,0 3px 0 #000,0 4px 0 #000,0 5px 0 #000,0 6px 0 #000}@media only screen and (max-width:768px){#tab4 .race .num{font-size:3rem}}@media only screen and (max-width:480px){#tab4 .race .num{font-size:1.8rem}}@media only screen and (max-width:350px){#tab4 .race .num{font-size:1.2rem}}#tab4 .race .candy,#tab4 .race .cookie{position:relative}#tab4 .race .candy::before,#tab4 .race .cookie::before{content:"";width:169px;height:115px;background:0 0;position:absolute;top:0}@media only screen and (max-width:768px){#tab4 .race .candy::before,#tab4 .race .cookie::before{width:16vw}}@media only screen and (max-width:480px){#tab4 .race .candy::before,#tab4 .race .cookie::before{height:50px}}#tab4 .race .candy img,#tab4 .race .cookie img{margin-bottom:2vh}@media only screen and (max-width:768px){#tab4 .race .candy img,#tab4 .race .cookie img{width:24vw}}#tab4 .race .candy::before{background:url(../images/candy2.png) no-repeat center center;background-size:contain;left:-55%}@media only screen and (max-width:480px){#tab4 .race .candy::before{left:-16%}}#tab4 .race .cookie::before{background:url(../images/cookie2.png) no-repeat center center;background-size:contain;right:-55%}@media only screen and (max-width:480px){#tab4 .race .cookie::before{right:-16%}}#tab5::before{background:url(../images/deco51.png) no-repeat center center;background-size:contain;width:30vw;left:3vw;bottom:0}#tab5::after{background:url(../images/deco52.png) no-repeat center bottom;background-size:contain;right:5vw;bottom:0}#tab6::before{background:url(../images/deco61.png) no-repeat center center;background-size:contain;left:2vw;bottom:0}#tab6::after{background:url(../images/deco62.png) no-repeat center bottom;background-size:contain;right:2vw;bottom:0}#tab6 .npc6{position:absolute;transform:translate(-50%,-100px)}@media only screen and (max-width:768px){#tab6 .npc6{position:relative;transform:unset}}#tab7::before{background:url(../images/deco71.png) no-repeat center center;background-size:contain;left:2vw;width:16vw;bottom:0}#tab7::after{background:url(../images/deco72.png) no-repeat center bottom;background-size:contain;right:0;bottom:0;width:20vw}#tab7 .award{justify-content:center;margin:40px 0 0 0}#tab7 .award button{margin:0 12px}#tab8::before{background:url(../images/deco81.png) no-repeat center center;background-size:contain;left:8vw;width:16vw;bottom:40vh}#tab8::after{background:url(../images/deco82.png) no-repeat center bottom;background-size:contain;right:5vw;bottom:10vh;width:20vw}.navbar-toggler-icon{background-image:url(../images/hamburger.svg)}.navbar-toggler-icon:focus{outline:unset}.navbar-toggler-icon .fas.fa-bars{color:#fff}.navbar{padding:0;background-color:#000}.navbar .navbar-nav{align-items:center}@media only screen and (max-width:768px){.navbar li.nav-item{width:100%;display:inline-block;margin:auto;text-align:center}}.navbar a.nav-link{color:#fff;padding:.8rem 1.5rem;padding-right:1rem;padding-left:1rem}.navbar a.nav-link:hover{background-color:#484848}footer{font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif}footer .copyright ul.clearfix{text-align:center}@media only screen and (max-width:480px){footer .copyright ul.clearfix{display:flex;justify-content:center;align-items:center;flex-direction:column}}footer .copyright ul.clearfix li{margin-bottom:12px}@media only screen and (max-width:480px){footer .copyright ul.clearfix li:last-child img{margin-bottom:8px}}footer .copyright ul.clearfix li span{line-height:1.6}@media only screen and (max-width:480px){footer .copyright ul.clearfix li span{width:100%;text-align:center}}footer .copyright ul.clearfix li p{line-height:1.4}@media only screen and (max-width:480px){footer .copyright ul.clearfix li p{font-size:12px}}