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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{margin:0;padding:0;font-family:"微軟正黑體",Nanum Barun Gothic,sans-serif;background:#000;color:#000;font-size:16px;font-weight:400;line-height:24px}ol,ul{list-style:none}blockquote,q{quotes:none}q:after,q:before{content:'';content:none}a:active,a:focus,a:hover,a:visited,button:focus{text-decoration:none;outline:0}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}a,button{border:none!important;background-color:transparent!important;padding:0}::-webkit-scrollbar{display:none}::-webkit-scrollbar-button{display:none}@-webkit-keyframes char1-swing-data-v-1a95a69e{0%{rotate:2deg}to{rotate:-2deg}}@keyframes char1-swing-data-v-1a95a69e{0%{rotate:2deg}to{rotate:-2deg}}@-webkit-keyframes blinking-data-v-1a95a69e{0%{opacity:1}to{opacity:.3}}@keyframes blinking-data-v-1a95a69e{0%{opacity:1}to{opacity:.3}}@-webkit-keyframes floating-data-v-1a95a69e{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes floating-data-v-1a95a69e{0%{transform:translateY(0)}to{transform:translateY(-10px)}}body{background:#474456}.sideBtn{display:none;margin:0;padding:0}@media only screen and (max-width:480px){.sideBtn{display:block;position:fixed;right:5px;bottom:4vh;z-index:999}}.sideBtn a{display:inline-block;background-color:#ef2e96!important;width:100px;height:50px;color:#fff;font-size:20px;text-align:center;line-height:50px;margin:4px;opacity:.85;border-radius:7px;border:2px solid #ffff!important}#myTabContent{position:relative;overflow:hidden}#main main{position:relative;background:url(../images/mainBg.jpg) no-repeat 50% 0;background-size:cover;height:1351px;overflow:hidden;z-index:1}@media only screen and (max-width:800px){#main main{background:url(../images/mainMb.jpg) no-repeat 50% 0;height:0;padding-top:171.80556%;background-size:cover}}@media only screen and (max-width:800px){#main main #mainContent{display:none}}#main main #mainContent #scene>div{position:absolute;left:50%;background-size:contain;background-position:0 0;background-repeat:no-repeat}#main main #mainContent #scene .mainCh2-1{background-image:url(../images/mainCh2-1.png);width:687px;height:792px;top:363px;margin-left:-27px;z-index:0}#main main #mainContent #scene .mainCh2-2{background-image:url(../images/mainCh2-2.png);width:687px;height:792px;top:363px;margin-left:-27px;z-index:3}#main main #mainContent #scene .mainCh3{background-image:url(../images/mainCh3.png);width:1391px;height:910px;margin-left:-1087px;top:456px;z-index:3}#main main #mainContent #scene .mushroom1{background-image:url(../images/mushroom1.png);width:324px;height:416px;margin-left:-985px;top:597px;z-index:2}#main main #mainContent #scene .bird1{background-image:url(../images/bird1.png);width:264px;height:351px;margin-left:-870px;top:143px;z-index:5}#main main #mainContent #scene .bird2{background-image:url(../images/bird2.png);width:257px;height:177px;margin-left:481px;top:49px;z-index:5}#main main #mainContent #scene .bird3{background-image:url(../images/bird3.png);width:663px;height:425px;margin-left:380px;top:663px;z-index:5}#main main #mainContent #scene .mainCh{background-image:url(../images/mainCh.png);width:1337px;height:1264px;margin-left:-1025px;top:-73px}#main main #mainContent #scene .mushroom2{width:318px;height:269px;margin-left:-804px;top:1082px;background-image:url(../images/mushroom2.png);z-index:8}#main main #mainContent #scene .mushroom3{width:254px;height:154px;margin-left:-579px;top:1196px;background-image:url(../images/mushroom3.png);z-index:8}#main main #mainContent #scene .effect1{width:467px;height:582px;margin-left:525px;top:635px;background-image:url(../images/effect1.png);-webkit-animation:blink 3s ease-in-out .6s infinite alternate;animation:blink 3s ease-in-out .6s infinite alternate;z-index:1}#main main #mainContent #scene .effect2{width:585px;height:530px;margin-left:-1174px;top:-16px;background-image:url(../images/effect2.png);-webkit-animation:blink 2.8s ease-in-out .8s infinite alternate;animation:blink 2.8s ease-in-out .8s infinite alternate;z-index:1}#main main #mainContent #scene .effect3{width:402px;height:207px;margin-left:418px;top:32px;background-image:url(../images/effect3.png);-webkit-animation:blink 2.5s ease-in-out 1s infinite alternate;animation:blink 2.5s ease-in-out 1s infinite alternate;z-index:1}#main main #mainContent #scene .wind-effect{width:2560px;height:1258px;margin-left:-1280px;top:30px;background-image:url(../images/wind-effect.png);z-index:11}#main main #mainContent #scene .leaf1{width:89px;height:140px;background-image:url(../images/leaf1.png);margin-left:-989px;top:451px}#main main #mainContent #scene .leaf2{width:252px;height:180px;background-image:url(../images/leaf2.png);margin-left:914px;top:1052px}#main main #mainContent #scene .tornado{width:424px;height:334px;margin-left:525px;top:424px;background-image:url(../images/tornado.png)}#main main .logo{z-index:7;position:absolute;left:50%;top:738px;transform:translateX(-50%);text-align:center;max-width:628px;width:100%}@media only screen and (max-width:800px){#main main .logo{display:none}}#main main .sub{position:absolute;left:50%;top:992px;transform:translateX(-50%);text-align:center;max-width:546px;width:100%;z-index:7}@media only screen and (max-width:800px){#main main .sub{display:none}}#main main .popYt{top:40vh;z-index:3;position:absolute;left:50%;transform:translateX(-50%);z-index:9}#main main .popYt img{width:80%}@media only screen and (max-width:1200px){#main main .popYt img{width:70%}}#main main .popYt:hover{background:url(../images/playBtn_hover.png) no-repeat center top;background-size:contain}#main main .popYt:hover img{opacity:0}#main section{position:relative;height:1440px;background:url(../images/mainBg3.jpg) no-repeat 50% 0;background-size:cover;overflow:hidden;text-align:center}@media only screen and (max-width:1440px){#main section{height:100%}}#main section .listfour{display:flex;flex-wrap:wrap;justify-content:center}#main section .listfour a{position:relative;display:block;margin:1vw}#main section .listfour a::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;transition:all .25s ease-in-out;background-size:contain;background-position:0 0;background-repeat:no-repeat}#main section .listfour a.list1::before{background-image:url(../images/mainBtn1_hover.png)}#main section .listfour a.list2{margin:32vh -40px 0}@media only screen and (max-width:1440px){#main section .listfour a.list2{margin:1vw}}#main section .listfour a.list2::before{background-image:url(../images/mainBtn2_hover.png)}#main section .listfour a.list3::after{content:'';background:url(../images/bird.png) no-repeat 0 0;width:406px;height:273px;position:absolute;top:-222px;left:50%;margin-left:43px}@media only screen and (max-width:1440px){#main section .listfour a.list3::after{display:none}}#main section .listfour a.list3::before{background-image:url(../images/mainBtn3_hover.png)}#main section .listfour a:hover::before{opacity:1;transform:scale(1.025)}.popup{position:fixed;width:100%;height:100%;top:0;left:0;background:#00000080;z-index:1050;display:flex;flex-direction:column;align-items:center;justify-content:center}.popup .close{right:unset;top:unset;transform:translate(500px,-350px)}@media only screen and (max-width:1200px){.popup .close{transform:unset;right:0;top:100px}}#story{background:url(../images/storyBg.jpg) no-repeat 50% 0;text-align:center;height:1372px}@media only screen and (max-width:767px){#story{height:100%}}.story{position:relative;max-width:626px;margin:-47px auto 0}@media only screen and (max-width:767px){.story{margin-top:0}}.story::before{content:'';background:url(../images/light.png) no-repeat 0 0;width:403px;height:243px;position:absolute;left:50%;top:-78px;margin-left:-491px}.story p{line-height:28.5px;margin-bottom:36px;font-size:18px}@media only screen and (max-width:767px){.story p{font-size:16px}}@media only screen and (max-width:480px){.story p{font-size:14px}}.story p:last-child{margin-bottom:0}@media only screen and (max-width:480px){.story{background:url(../images/storyIframe.png) no-repeat center center;background-size:cover;padding:50% 1vw}.story>img{display:none}}.story>div{position:absolute;color:#000;top:50%;width:100%;text-align:center;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:767px){.story>div{padding:0 30px}}@media only screen and (max-width:480px){.story>div{position:relative;max-width:100%;left:0;right:0;transform:translateX(0);padding:0}}.ctnTwo{display:flex;flex-wrap:wrap;justify-content:center}.ctnTwo h3{margin-right:60px}@media only screen and (max-width:800px){.ctnTwo h3{margin:20px auto 20px 20px;width:50%}}.ctnTwo .map{position:relative;max-width:1014px;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left}@media only screen and (max-width:1440px){.ctnTwo .map{max-width:90vw}}@media only screen and (max-width:800px){.ctnTwo .map{justify-content:center}}.ctnTwo .map h4{margin:0 0 4% 0}.ctnTwo .map h4 span{color:#fff;background-color:#ef2e96}.ctnTwo .map .pic-modal{width:100%;position:relative}.ctnTwo .map>div{width:48%;margin:4vh 0}@media only screen and (max-width:800px){.ctnTwo .map>div{width:98%}}#map1{background:url(../images/mapBg1.jpg) no-repeat center center}#map1 .map h4 span{background-color:#267f4a}#map2{background:url(../images/mapBg2.jpg) no-repeat center center}#map2 .map h4 span{background-color:#f80046}#map3{background:url(../images/mapBg3.jpg) no-repeat center center}#map3 h2 span:first-of-type{background-color:#fff}#map3 h2 span:last-of-type{border-color:#fff;color:#fff}#map3 .map h4,#map3 .map p{color:#fff}#map3 .map h4 span{background-color:#7757ff}#map4{background:url(../images/mapBg4.jpg) no-repeat center center}#map1,#map2,#map3,#map4{background-size:cover!important}.popbtn{position:relative}.popbtn .look{position:absolute;right:2%;bottom:4%;cursor:pointer;opacity:.5}.popbtn .look:hover{opacity:1}.carousel-inner{padding:1rem}.carousel-control-next-icon,.carousel-control-prev-icon{width:40px;height:40px}@media only screen and (max-width:480px){.carousel-control-next-icon,.carousel-control-prev-icon{width:20px;height:20px}}.ctnBoss{display:flex;flex-wrap:none;justify-content:center;margin-left:10vw}@media only screen and (max-width:1440px){.ctnBoss{flex-wrap:wrap;margin-left:0}}.ctnBoss .boss{width:28%;text-align:left;margin-top:19vh}@media only screen and (max-width:1440px){.ctnBoss .boss{width:90%}}.ctnBoss .boss h4{margin-bottom:40px}.ctnBoss .boss h4,.ctnBoss .boss p{color:#fff;font-size:16px}.ctnBoss .boss p{margin-bottom:35px}.ctnBoss .boss p:last-child{margin-bottom:0}#boss{background:url(../images/bossBg.jpg) no-repeat 50% 0;background-size:cover;height:1440px}@media only screen and (max-width:1440px){#boss{height:100%}}#boss h2{color:#fff}#boss h2 span:first-of-type{background-color:#fff}#boss h2 span:last-child{border-color:#fff}#boss .bossImg1{margin-top:-12vh;max-width:1194px}@media only screen and (max-width:1440px){#boss .bossImg1{margin-top:50px}}#boss2 .boss>img{margin-left:-40px}#boss2 .bossImg2{margin:-2vh 0 0 -7vw;max-width:1223px}.monsTwo{color:#fff;display:flex;justify-content:center;align-items:center;margin:1vw 0;flex-wrap:wrap}.monsTwo:nth-of-type(odd){flex-direction:row-reverse}@media only screen and (max-width:1200px){.monsTwo:nth-of-type(odd){flex-direction:row}}.monsTwo .monster{width:29.5%;margin:0 2vw;text-align:left}@media only screen and (max-width:1200px){.monsTwo .monster{width:90%}}.monsTwo .monster strong{font-weight:700}.monsTwo .monster p{color:#000}#monster{background:url(../images/monsterBg.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width:800px){#monster{margin-top:-40px}}.ctnNPC{display:flex;flex-wrap:wrap;justify-content:center}.ctnNPC .npc{width:23%;text-align:left;margin-top:15vh;margin-right:5vw}@media only screen and (max-width:1440px){.ctnNPC .npc{width:90%}}.ctnNPC .npc>img{margin-left:-23px}#npc{background:url(../images/npcBg.jpg) no-repeat 50% 0;background-size:cover;height:1371px}@media only screen and (max-width:800px){#npc{height:100%;background-position:70% 0}}@media only screen and (max-width:480px){h1 img{max-width:90vw}}h2{position:relative;width:20%;text-align:left;color:#000;margin:6vh 0 2vh 0;display:flex;align-items:center}@media only screen and (max-width:480px){h2{width:60%}}h2 span:first-of-type{width:70px;height:1px;background:#000}h2 span:last-of-type{border:solid 1px #000;font-size:18px;line-height:22px;text-align:center;padding:10px}h4{font-size:18px;font-weight:700;line-height:20px;margin:4% 0;color:#000}@media only screen and (max-width:1440px){h4{margin:1% 0}}h4 span{display:inline-block;background-color:#ef2e96;padding:.4% 1%;margin-right:1%;white-space:nowrap}h6{font-size:20px;font-weight:700;margin:6vh 0 2vh 0}p{font-size:1rem;margin-bottom:2vh}.tab-pane{display:none}.tab-pane.active{display:block}.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}}#myTabContent>div,#myTabContent>section{min-height:100vh;background-size:cover}main,section{padding:90px 0 200px}@media only screen and (max-width:480px){main,section{padding-top:60px}}.introduce-menu{position:fixed;right:4%;bottom:10%;z-index:99}@media only screen and (max-width:1440px){.introduce-menu{left:unset;right:2%;bottom:20%}}.introduce-menu::before{content:"";display:block;border-color:transparent transparent #fff transparent;border-style:solid;border-width:0 70px 30px 70px}.introduce-menu::after{content:"";display:block;border-color:#fff transparent transparent transparent;border-style:solid;border-width:30px 70px 0 70px}.introduce-menu .nav{background-color:#fff;padding:4% 1% 4% 44px;display:block;text-align:left;font-size:14px;border:none}.introduce-menu .nav .nav-item{position:relative;display:list-item;list-style:disc;color:#848484;line-height:40px;text-indent:-4px}.introduce-menu .nav .nav-item::marker{color:#ef2e96}.introduce-menu .nav .nav-item a{display:inline-block;padding:0;color:#808285}.introduce-menu .nav .nav-item a span{position:absolute;width:20px;left:-36%;border-right:solid 1px #848484}.introduce-menu .nav .nav-item a.active,.introduce-menu .nav .nav-item a:hover{color:#ef2e96}.introduce-menu .nav .nav-item a.active span,.introduce-menu .nav .nav-item a:hover span{border-right-color:#ef2e96}.introduce-btn{position:fixed;z-index:999;right:2%;bottom:48%;width:60px;height:60px;border-radius:50%;background-color:rgba(0,0,0,.7);display:none}.introduce-btn a{display:block;position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden;text-indent:-10000em;transition:.6s all;transform:rotate(135deg)}.introduce-btn a::after,.introduce-btn a::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;background:#fff}.introduce-btn a::before{width:25px;height:2px}.introduce-btn a::after{width:2px;height:25px}.introduce-btn a.active{transform:rotate(0)}.landscape{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:#33313e;display:none;z-index:999}@media only screen and (orientation:landscape) and (max-device-width:850px){.landscape{display:block}}.landscape span{position:absolute;right:0;top:50%;margin:0;width:100%;text-align:center;transform:translateY(-50%)}.landscape span>p{color:#ccc;margin:0;font-size:16px}#nav-main #expend #myTab li.nav-item a:hover,#nav-main #expend #myTab li.nav-item a[aria-expanded=true]{color:#ef2e96}#nav-main #expend #myTab .dropdown-menu .dropdown-item:hover a{color:#ef2e96}#GAinfor li{background-color:#ef2e96;margin:0 .5px}#GAinfor li:hover{background-color:#62f99c;transition:.4s}#laFooter{background:0 0;padding:10px 0;margin:0 auto;position:absolute;left:0;right:0;bottom:0}#laFooter .container{padding:0}#laFooter .container ul.copyright{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;list-style-type:none;font-size:12px;line-height:18px;color:#fff;margin:0;padding:0}#laFooter .container ul.copyright li{margin:4px 0;padding-left:8px;list-style:none}#laFooter .container ul.copyright li img{display:inline-block;max-height:50px;vertical-align:inherit}#laFooter .container ul.copyright li:last-child{display:flex;align-items:center}#laFooter .container ul.copyright li:last-child img{margin-right:5px}