@charset "UTF-8";@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);@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}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-family:cwTeXYen!important;font-weight:600}h2{position:relative;margin-bottom:4vh}h2::after,h2::before{content:"";position:absolute;width:21vw;height:2px;background:url(../images/line.png) no-repeat center center;background-size:cover;bottom:18px}@media only screen and (max-width:1440px){h2::after,h2::before{width:28vw}}@media only screen and (max-width:768px){h2::after,h2::before{width:20vw}}@media only screen and (max-width:480px){h2::after,h2::before{bottom:4px}}h2::before{left:0}h2::after{right:0}p{line-height:1.4rem;margin-bottom:2vh}.ycolor{color:#ffe67e}#particles-js{position:fixed;width:100vw;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{min-height:70vh}}main .logo{margin-left:2vw}@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:6vh;transform:translateX(-50%);background:url(../images/titlebg.png) center center;background-size:contain}@media only screen and (max-width:480px){main .title{transform:unset;left:unset}}main .btnMB,main .btnPC{display:flex;justify-content:center;margin-top:2vh}main .btnMB li,main .btnPC li{margin:0 .2vw}@media only screen and (max-width:480px){main .btnMB li,main .btnPC li{margin:0 1vw}}main .btnMB li:hover img,main .btnPC li:hover img{opacity:0}main .btnMB{display:none}aside{background:url(../images/navbg.jpg) no-repeat center center;background-size:cover;min-height:110px;padding:1vh 0}@media only screen and (max-width:480px){aside{min-height:auto}}aside ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-height:110px;margin:0 auto}aside ul li{margin:0 .2vw}@media only screen and (max-width:480px){aside ul li{width:24vw}}aside ul a.active img,aside ul li:hover img{opacity:0}aside.fixed{width:100%;position:fixed;top:0;z-index:9}section{position:relative;background:url(../images/bg.jpg) no-repeat center top;background-size:cover;text-align:center}section p{color:#fff;font-size:1.6rem;line-height:2.2rem}@media only screen and (max-width:480px){section p{font-size:1rem;line-height:1.2rem;padding:0 2vw}}section button:hover{filter:drop-shadow(0 0 10px #ffe67e)}section .ycircle{margin:2vh auto}section .ycircle li{color:#ffe67e;font-size:1.1rem;line-height:1.4rem;font-weight:400}section .ycircle li::before{content:"※";margin-right:4px}section .range{background-color:#949be05e;max-width:1200px;margin:0 auto;padding:8vh 0}@media only screen and (max-width:1024px){section .range{max-width:90vw}}section .range::before{content:"";width:40vw;height:310px;position:absolute;right:0;bottom:0;background:url(../images/floor.png) no-repeat center bottom;background-size:contain}section .range>img{margin:4vh 0 1vh 0}#tab1,#tab10,#tab2,#tab3,#tab4,#tab6,#tab9{position:relative}#tab10::after,#tab10::before,#tab1::after,#tab1::before,#tab2::after,#tab2::before,#tab3::after,#tab3::before,#tab4::after,#tab4::before,#tab6::after,#tab6::before,#tab9::after,#tab9::before{content:"";position:absolute;width:30vw;height:90%;background:0 0}@media only screen and (max-width:1440px){#tab10::after,#tab10::before,#tab1::after,#tab1::before,#tab2::after,#tab2::before,#tab3::after,#tab3::before,#tab4::after,#tab4::before,#tab6::after,#tab6::before,#tab9::after,#tab9::before{width:24vw}}@media only screen and (max-width:1024px){#tab10::after,#tab10::before,#tab1::after,#tab1::before,#tab2::after,#tab2::before,#tab3::after,#tab3::before,#tab4::after,#tab4::before,#tab6::after,#tab6::before,#tab9::after,#tab9::before{display:none}}#tab1::before{background:url(../images/deco11.png) no-repeat center center;background-size:contain;left:0;bottom:0}#tab1::after{background:url(../images/deco12.png) no-repeat center bottom;background-size:contain;right:2vw;bottom:0}#tab1 .thrlevel{display:flex;flex-wrap:wrap;justify-content:center;margin:3vh 0}#tab1 .thrlevel button{margin:0 1vw}#tab2::before{background:url(../images/deco21.png) no-repeat center center;background-size:contain;left:0;bottom:30vh}#tab2::after{background:url(../images/deco22.png) no-repeat center bottom;background-size:contain;right:2vw;bottom:0}#tab3::before{background:url(../images/deco31.png) no-repeat center center;background-size:contain;left:6vw;bottom:10vh}#tab3::after{background:url(../images/deco32.png) no-repeat center bottom;background-size:contain;right:1vw;bottom:0}#tab4::before{background:url(../images/deco41.png) no-repeat center center;background-size:contain;left:0;bottom:0}#tab4::after{background:url(../images/deco42.png) no-repeat center bottom;background-size:contain;right:0;bottom:0}#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%}}#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}}#tab9::before{background:url(../images/deco91.png) no-repeat center center;background-size:contain;left:2vw;bottom:0}#tab9::after{background:url(../images/deco92.png) no-repeat center bottom;background-size:contain;right:2vw;bottom:0;width:40vw}#tab10::before{background:url(../images/deco101.png) no-repeat center center;background-size:contain;left:2vw;bottom:2vh}#tab10::after{background:url(../images/deco102.png) no-repeat center bottom;background-size:contain;right:2vw;bottom:0}.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}