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}@keyframes char1-swing-data-v-1a95a69e{0%{rotate:2deg}to{rotate:-2deg}}@keyframes blinking-data-v-1a95a69e{0%{opacity:1}to{opacity:.3}}@keyframes floating-data-v-1a95a69e{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes jump-data-v-1a95a69e{0%,20%,30%,50%{transform:translateY(0)}10%,40%{transform:translateY(-10px)}}@keyframes flashing-data-v-1a95a69e{0%,50%,81%{opacity:1}51%,80%{opacity:0}}@keyframes dice-data-v-1a95a69e{0%{transform:translate(-667px,-124px) rotate(0)}33%{opacity:1;transform:translate(-356px,-437px) rotate(120deg)}50%{transform:translate(-116px,-242px) rotate(180deg)}67%{transform:translate(-51px,-135px) rotate(240deg)}75%{transform:translate(0) rotate(300deg)}81%{transform:translate(-11px,-63px) rotate(1turn)}93%{transform:translateY(-33px) rotate(1turn)}100%{opacity:1;transform:translate(0) rotate(1turn)}}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:#f04295!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}#main main{position:relative;width:100vw;height:145vh;background:url(../images/mainBg.jpg) no-repeat center center;background-size:cover;overflow:hidden;z-index:1}#main main::before{content:'';position:absolute;background:url(../images/glass.png) no-repeat center center;background-size:cover;width:100vw;height:120vh;z-index:8;pointer-events:none;animation:floating-data-v-1a95a69e 1.5s ease-in-out 0s infinite alternate}@media only screen and (max-width:1200px){#main main{height:120vh}}@media only screen and (max-width:480px){#main main{background:url(../images/mainMb.jpg) no-repeat center center;background-size:100%;height:100vh}}#main main #mainContent{position:absolute;top:0;width:100vw;height:120vh;z-index:2}@media only screen and (max-width:1200px){#main main #mainContent{height:100vh}}@media only screen and (max-width:480px){#main main #mainContent{display:none}}#main main #mainContent #scene .mainDecobg1{position:absolute;background:url(../images/bg_deco1.png) no-repeat;width:508px;height:427px;right:0;top:40%;z-index:3}#main main #mainContent #scene .mainDecobg2{position:absolute;background:url(../images/bg_deco2.png) no-repeat;width:625px;height:285px;right:10%;top:8%;z-index:0}#main main #mainContent #scene .mainDecobg3{position:absolute;background:url(../images/bg_deco3.png) no-repeat;width:598px;height:444px;right:25%;top:38%;z-index:0}#main main #mainContent #scene .mainDecoL1{position:absolute;background:url(../images/mainDecoL1.png) no-repeat;width:298px;height:243px;left:35%;margin-left:-150px;top:100px;z-index:4}@media only screen and (max-width:1440px){#main main #mainContent #scene .mainDecoL1{left:15%}}#main main #mainContent #scene .mainDecoR1{position:absolute;background:url(../images/mainDecoR1.png) no-repeat;width:717px;height:544px;right:0;top:300px;z-index:4;animation:jump-data-v-1a95a69e 3s ease-in-out 1s infinite}#main main #mainContent #scene .mainDecoR1::after{content:'';position:absolute;width:755px;height:278px;right:270px;bottom:0;background:url(../images/mainDecoR1_coin.png) no-repeat center center;background-size:contian;animation:floating-data-v-1a95a69e 1.5s ease-in-out 0s infinite alternate}@media only screen and (max-width:1440px){#main main #mainContent #scene .mainDecoR1{right:-25%}}@media only screen and (max-width:767px){#main main #mainContent #scene .mainDecoR1{right:-50%}}#main main #mainContent #scene .mainDecoR2{position:absolute;background:url(../images/mainDecoR2.png) no-repeat;width:169px;height:272px;right:47%;margin-right:-85px;top:180px;z-index:4}#main main #mainContent #scene .mainDecoR2::after{content:'';position:absolute;width:73px;height:106px;right:20px;top:-110px;background:url(../images/mainDecoR2_1.png) no-repeat center center;background-size:contian;animation:blinking-data-v-1a95a69e 1.5s ease-in-out 0s infinite alternate}@media only screen and (max-width:1440px){#main main #mainContent #scene .mainDecoR2{right:30%;z-index:2}}#main main #mainContent #scene .mainBox{z-index:6;position:relative;display:flex;align-items:center;flex-direction:column}#main main #mainContent #scene .mainBox::before{content:'';position:absolute;width:1459px;height:1270px;max-width:65%;top:-5vh;transform:translate(-43%,10%);background:url(../images/mainCh_shine.png) no-repeat center center;background-size:contain;animation:blinking-data-v-1a95a69e 2s ease-in-out 0s infinite alternate}#main main #mainContent #scene .mainBox .mainCh{position:relative;background:url(../images/mainCh.png) no-repeat center center;background-size:contain;width:1197px;height:1109px;max-width:55%;top:-10vh;transform:translate(-60%,20%)}#main main #mainContent #scene .mainBox .mainCh::before{content:'';position:absolute;background:url(../images/mainCh_talk.png) no-repeat center center;background-size:contain;width:73px;max-width:8%;height:111px;right:213px;top:36%;transform-origin:1051px 67px;animation:flashing-data-v-1a95a69e 2s ease-in-out .15s infinite alternate}@media only screen and (max-width:1440px){#main main #mainContent #scene .mainBox .mainCh{max-width:80%}#main main #mainContent #scene .mainBox .mainCh::before{right:160px;top:40%}}@media only screen and (max-width:767px){#main main #mainContent #scene .mainBox .mainCh{min-width:100%;transform:translate(-30%,20%)}}#main main .mainBgMask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/mainBg_mask.png) no-repeat center center;background-size:cover;z-index:2}@media only screen and (max-width:1440px){#main main .mainBgMask{background:url(../images/mainBg_mask_m.png) no-repeat center center;background-size:cover}}@media only screen and (max-width:480px){#main main .mainBgMask{display:none}}#main main .logo{z-index:3;position:absolute;left:50%;bottom:30vh;transform:translateX(-50%);text-align:center;width:90%}@media only screen and (max-width:1200px){#main main .logo{bottom:5vh}}@media only screen and (max-width:800px){#main main .logo{bottom:4vh}}@media only screen and (max-width:480px){#main main .logo{display:none}}#main main .logo .mainLogoDeco1{position:absolute;width:114px;height:110px;left:calc(50% + 180px);top:150px;background:url(../images/mainTitle_deco1.png) no-repeat center center;background-size:contain;z-index:3;opacity:0;animation:dice-data-v-1a95a69e 1.2s ease-in-out 1.2s alternate forwards}#main main .logo .mainLogoDeco2{position:absolute;width:101px;height:123px;left:calc(50% + 250px);top:200px;background:url(../images/mainTitle_deco2.png) no-repeat center center;background-size:contain;z-index:3;opacity:0;animation:dice-data-v-1a95a69e 1.2s ease-out 1.4s alternate forwards}#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;width:100vw;background:url(../images/mainBg3.jpg) no-repeat center top;background-size:cover;overflow:hidden;text-align:center}#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.list2{margin-top:10vh}@media only screen and (max-width:1200px){#main section .listfour a.list2{margin-top:1vh}}#main section .listfour a:hover.list1{transition:.5s linear;transform:scale(1.025)}#main section .listfour a:hover.list2{transition:.5s linear;transform:scale(1.025)}#main section .listfour a:hover.list3{transition:.5s linear;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}}#adventure{position:relative;background:url(../images/adventure_bg.jpg) no-repeat center center;text-align:center;overflow:hidden}#adventure .char{position:absolute;pointer-events:none}@media only screen and (max-width:767px){#adventure .char{display:none}}#adventure .char.char1{left:0;top:100px;max-width:25%}#adventure .char.char2{right:0;top:70vh;max-width:25%}#adventure .char.char3{left:0;bottom:0;max-width:40%}#adventure .char.char4{right:0;bottom:0;max-width:40%}#adventure .con{padding-top:15px}#adventure .sys_table{position:relative;width:750px;max-width:100%;background:#ffeba1;border:1px solid #916800;padding:0 0 30px 0;margin-bottom:50px}#adventure .sys_table::after{content:'';position:absolute;width:137px;max-width:100%;height:121px;left:-30px;top:-50px;background:url(../images/adventure_sys_table_deco1.png) no-repeat center center;background-size:contain}@media only screen and (max-width:767px){#adventure .sys_table::after{display:none}}#adventure .sys_table::before{content:'';position:absolute;width:203px;max-width:100%;height:200px;right:-100px;bottom:-20px;background:url(../images/adventure_sys_table_deco2.png) no-repeat center center;background-size:contain}@media only screen and (max-width:767px){#adventure .sys_table::before{display:none}}#adventure .sys_table .title{background:#634700;width:100%}#adventure .sys_table .title p{padding:15px;color:#fff;font-size:24px;font-weight:800}#adventure .sys_table .con{display:flex;flex-direction:column;align-items:center}#adventure .sys_table .con .subtitle{background:#634700;border-radius:30px;padding:15px;margin-bottom:40px;margin-top:20px}#adventure .sys_table .con .subtitle p{font-size:18px;font-weight:500;color:#ffeba1;margin-bottom:0;padding:0 20px}#adventure .sys_table .con .box{text-align:left;width:100%;padding:0 40px}#adventure .sys_table .con .box li{list-style:none}#weapon{position:relative;background:url(../images/weapon_bg.jpg) no-repeat center center;text-align:center}#weapon .char{position:absolute;pointer-events:none}@media only screen and (max-width:767px){#weapon .char{display:none}}#weapon .char.char1{left:10%;top:100px;max-width:25%;margin-left:-100px}#weapon .char.char2{right:15%;top:30vh;max-width:25%;margin-right:-100px}#weapon .con{padding-top:15px}#weapon .box li{list-style:none}h1{margin:6% 0 2% 0}@media only screen and (max-width:480px){h1 img{max-width:90vw}}h2{position:relative;width:20%;text-align:left;color:#262626;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:#262626}h2 span:last-of-type{border:solid 1px #262626;font-size:18px;line-height:22px;text-align:center;padding:10px}h3{margin-right:1%}@media only screen and (max-width:480px){h3 img{max-width:90vw}}h3 img:first-of-type{margin-bottom:6%}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:#f04295;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 1vh 0}@media only screen and (max-width:480px){main,section{padding-top:60px}}.introduce-menu{position:fixed;left:6%;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:#f04295}.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:#f04295}.introduce-menu .nav .nav-item a.active span,.introduce-menu .nav .nav-item a:hover span{border-right-color:#f04295}.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:#d5ff36}#nav-main #expend #myTab .dropdown-menu .dropdown-item:hover a{color:#f04295}#GAinfor li{background-color:#f04295;margin:0 .5px}#GAinfor li:hover{background-color:#927b33;transition:.4s}