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}body{background:#adc4cd}.sideBtn{display:none;margin:0;padding:0}@media only screen and (max-width:480px){.sideBtn{display:block;position:fixed;right:5px;bottom:6vh;z-index:999}}.sideBtn a{display:inline-block;background-color:#5f54ff!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 #89b2ff!important}#main main{position:relative;width:100vw;height:120vh;background:url(../images/5thpower_bg1.jpg) no-repeat center center;background-size:cover;overflow:hidden}@media only screen and (max-width:1200px){#main main{height:100vh}}#main main .canvas{z-index:9!important;position:fixed;width:100%;height:100%;top:0;overflow:hidde;pointer-events:none}@media only screen and (max-width:480px){#main main .canvas{display:none}}#main main #scene{position:absolute;width:100vw;height:120vh}@media only screen and (max-width:1200px){#main main #scene{height:100vh}}#main main #scene .role1,#main main #scene .role2{position:absolute}#main main #scene .role1{background:url(../images/5thpower_role1.png) no-repeat center center;background-size:contain;height:1289px;margin-left:-36vw;margin-top:-16vh}@media only screen and (max-width:1440px){#main main #scene .role1{width:67vw;height:112vh;margin-left:-62px}}@media only screen and (max-width:800px){#main main #scene .role1{width:93vw;height:129vh;margin-left:-83px}}@media only screen and (max-width:480px){#main main #scene .role1{width:182vw;margin-left:-56vw}}@media only screen and (max-width:350px){#main main #scene .role1{margin-top:-27vh}}#main main #scene .role2{background:url(../images/5thpower_role2.png) no-repeat center center;background-size:contain;width:1608px;height:1700px;margin-top:-60vh;margin-left:29vw}@media only screen and (max-width:1440px){#main main #scene .role2{width:71vw;height:170vh;margin-left:33vw}}@media only screen and (max-width:800px){#main main #scene .role2{height:172vh;width:108vw;margin-left:12vw}}@media only screen and (max-width:480px){#main main #scene .role2{width:164vw;margin-left:0}}#main main #scene .role3{background:url(../images/5thpower_role3.png) no-repeat center center;background-size:contain;width:1952px;height:1612px;margin-top:-20vh}@media only screen and (max-width:1440px){#main main #scene .role3{width:93vw;height:128vh;margin-left:3vw}}@media only screen and (max-width:800px){#main main #scene .role3{height:130vh;width:108vw;margin-left:-5vw;margin-top:-22vh}}@media only screen and (max-width:480px){#main main #scene .role3{display:none!important}}#main main #scene .role4{background:url(../images/5thpower_role4.png) no-repeat center center;background-size:contain;width:2244px;height:1533px;margin-top:-14vh;margin-left:-15vw;transform:translateX(-50%);-webkit-animation:fadeIn 2s infinite linear alternate;animation:fadeIn 2s infinite linear alternate}@media only screen and (max-width:1440px){#main main #scene .role4{width:140vw;margin-top:-29vh;margin-top-margin-left:-23vw}}@media only screen and (max-width:800px){#main main #scene .role4{height:199vh;height-width:167vw;height-margin-top:-43vh;height-margin-left:-30vw}}@media only screen and (max-width:480px){#main main #scene .role4{display:none!important}}#main main .logo{position:absolute;left:49.5%;bottom:2vh;transform:translateX(-50%)}@media only screen and (max-width:1440px){#main main .logo{bottom:5vh}#main main .logo img{width:40vw}}@media only screen and (max-width:480px){#main main .logo{left:auto;transform:translateX(0);padding:0 4vw}#main main .logo img{width:90vw}}@media only screen and (max-width:350px){#main main .logo{bottom:15vh}}#main main .popyt{position:absolute;left:50%;transform:translate(-50%);bottom:52vh;z-index:9}@media only screen and (max-width:1440px){#main main .popyt img{width:13vw}}@media only screen and (max-width:1200px){#main main .popyt{bottom:45vh}}@media only screen and (max-width:800px){#main main .popyt{bottom:32vh}}@media only screen and (max-width:480px){#main main .popyt{bottom:42vh}#main main .popyt img{width:30vw}}#main main .popyt:hover{background:url(../images/5thpower_v2.png) no-repeat center top;background-size:contain}#main main .popyt:hover img{opacity:0}#main main .jumpop{display:block;background-color:#00000094}.ctnnew_monster{display:flex;justify-content:center}.ctnnew_monster .new_monster{width:30%;text-align:left;margin-top:4vh}@media only screen and (max-width:1440px){.ctnnew_monster .new_monster{width:35%}}@media only screen and (max-width:480px){.ctnnew_monster .new_monster{width:80%}}@media only screen and (max-width:1440px){.ctnnew_monster{align-items:center}.ctnnew_monster>.wow.fadeInRight img{width:40vw}}@media only screen and (max-width:480px){.ctnnew_monster{flex-direction:column-reverse}.ctnnew_monster>.wow.fadeInRight img{width:60vw}}.ctnnew_monster h4,.ctnnew_monster p{color:#fff}.ctnnew_monster .yticon{width:100%;display:flex;justify-content:center;align-items:center;margin:1vw 0;justify-content:space-around}@media only screen and (max-width:1440px){.ctnnew_monster .yticon{justify-content:flex-start}}#new_monster{background:url(../images/5thpower_nmobg.jpg) no-repeat center center;background-size:cover}#new_monster1 .yticon button{line-height:0}#new_monster1 .yticon button:hover img{opacity:0}#new_monster1 .yticon button:hover:nth-of-type(1){background:url(../images/5thpower_njv1_hover.jpg) no-repeat center center;background-size:contain}#new_monster1 .yticon button:hover:nth-of-type(2){background:url(../images/5thpower_njv2_hover.jpg) no-repeat center center;background-size:contain}#new_monster2 .ctnnew_monster>div{max-width:50vw}@media only screen and (max-width:1440px){#new_monster2 .ctnnew_monster>div{max-width:inherit}}.monsTwo{display:flex;justify-content:center;align-items:center;margin:1vw 0;flex-wrap:wrap}.monsTwo:nth-of-type(even){flex-direction:row-reverse}@media only screen and (max-width:1200px){.monsTwo:nth-of-type(even){flex-direction:row}}.monsTwo .monster{width:30%;margin:0 2vw;text-align:left}@media only screen and (max-width:1200px){.monsTwo .monster{width:90%}}.monsTwo .yticon{width:100%;display:flex;justify-content:space-around;margin:1vw 0;flex-wrap:nowrap;justify-content:center}.monsTwo .yticon button{margin:0 .3vw}#monster{background:url(../images/5thpower_mobg.jpg) no-repeat center center;background-size:cover}@media only screen and (max-width:480px){#monster{background:url(../images/hex_mobg_phone.jpg) no-repeat center center}}#monster h2{color:#000}#monster h2 span:first-of-type{background:#000}#monster h2 span:last-of-type{border:solid 1px #000}#monster h4{text-align:center}#monster .monsTwo:nth-of-type(1) .yticon button{line-height:0}#monster .monsTwo:nth-of-type(1) .yticon button:hover img{opacity:0}#monster .monsTwo:nth-of-type(1) .yticon button:hover:nth-of-type(1){background:url(../images/5thpower_jv1_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(1) .yticon button:hover:nth-of-type(2){background:url(../images/5thpower_jv2_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(2) .yticon button{line-height:0}#monster .monsTwo:nth-of-type(2) .yticon button:hover img{opacity:0}#monster .monsTwo:nth-of-type(2) .yticon button:hover:nth-of-type(1){background:url(../images/5thpower_jv3_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(2) .yticon button:hover:nth-of-type(2){background:url(../images/5thpower_jv4_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(3) .yticon button{line-height:0}#monster .monsTwo:nth-of-type(3) .yticon button:hover img{opacity:0}#monster .monsTwo:nth-of-type(3) .yticon button:hover:nth-of-type(1){background:url(../images/5thpower_jv5_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(3) .yticon button:hover:nth-of-type(2){background:url(../images/5thpower_jv6_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(4) .yticon button{line-height:0}#monster .monsTwo:nth-of-type(4) .yticon button:hover img{opacity:0}#monster .monsTwo:nth-of-type(4) .yticon button:hover:nth-of-type(1){background:url(../images/5thpower_jv7_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(4) .yticon button:hover:nth-of-type(2){background:url(../images/5thpower_jv8_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(5) .yticon button{line-height:0}#monster .monsTwo:nth-of-type(5) .yticon button:hover img{opacity:0}#monster .monsTwo:nth-of-type(5) .yticon button:hover:nth-of-type(1){background:url(../images/5thpower_jv9_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(5) .yticon button:hover:nth-of-type(2){background:url(../images/5thpower_jv10_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(6) .yticon button{line-height:0}#monster .monsTwo:nth-of-type(6) .yticon button:hover img{opacity:0}#monster .monsTwo:nth-of-type(6) .yticon button:hover:nth-of-type(1){background:url(../images/5thpower_jv11_hover.jpg) no-repeat center center;background-size:contain}#monster .monsTwo:nth-of-type(6) .yticon button:hover:nth-of-type(2){background:url(../images/5thpower_jv12_hover.jpg) no-repeat center center;background-size:contain}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:#fff;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:#fff}h2 span:last-of-type{border:solid 1px #fff;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:#54a0ff;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}}.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:#54a0ff}#nav-main #expend #myTab .dropdown-menu .dropdown-item:hover a{color:#54a0ff}#GAinfor li{background-color:#54a0ff;margin:0 .5px}#GAinfor li:hover{background-color:#4e53df;transition:.4s}