@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600&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:#fff;background-size:cover;color:#000;font-family:'Noto Serif TC','Microsoft JhengHei',Verdana,Geneva,sans-serif;font-weight:600;line-height:36px;font-size:16px}h1{position:relative;margin-bottom:15px;font-size:24px}h1::after,h1::before{content:"";position:absolute;width:335px;height:6px;background-size:cover;top:20px}@media only screen and (max-width:480px){h1::after,h1::before{display:none}}h1::before{background:url(../images/line-lf.png) no-repeat 0 0;right:50%;margin-right:217px}h1::after{background:url(../images/line-rt.png) no-repeat 0 0;left:50%;margin-left:217px}h2{margin-bottom:15px;font-size:24px}@media only screen and (max-width:480px){h2{font-size:15px}}p{margin-bottom:0;font-size:16px;line-height:24px}@media only screen and (max-width:480px){p{font-size:12px;line-height:16px}}.ycolor{color:#2b9ae7}#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/header_bg.jpg) no-repeat 50% 0;height:813px;padding-top:50px;z-index:1;background-size:cover}@media only screen and (max-width:768px){main{background-position-x:68%;height:calc(100vh - 92px);padding-top:10px}}@media only screen and (max-width:480px){main{background-position-x:63.5%;height:calc(100vh - 88px)}}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;right:50%;top:307px;margin-right:-163px;background:url(../images/titlebg.png) center center;background-size:contain}@media only screen and (max-width:768px){main .title{right:0;left:0;margin:0 auto;top:auto;bottom:60px}}main .btnMB,main .btnPC{display:flex;justify-content:center;margin-top:-78px}@media only screen and (max-width:768px){main .btnMB,main .btnPC{margin-top:-10.156vw}}main .btnMB li,main .btnPC li{margin:0 10px}@media only screen and (max-width:480px){main .btnMB li,main .btnPC li{margin:0 3px}}main .btnMB li a,main .btnPC li a{background:rgba(94,111,214,.7);border-radius:25px;padding:6px 39px;font-size:20px;color:#d6dcff;font-weight:700;font-family:'Microsoft JhengHei',sans-serif,Arial}@media only screen and (max-width:768px){main .btnMB li a,main .btnPC li a{font-size:16px}}@media only screen and (max-width:480px){main .btnMB li a,main .btnPC li a{font-size:14px;padding:6px 20px}}main .btnMB li a:hover,main .btnPC li a:hover{background:rgba(45,52,105,.8);color:#fff}main .btnMB{display:none}aside{position:absolute;background:url(../images/navbg.png) no-repeat 50% 0;margin:0;left:0;right:0;z-index:3}@media only screen and (max-width:480px){aside{min-height:auto}}aside ul.nav{align-items:center;justify-content:center;margin:10px auto;max-width:1060px;padding:0;border-right:1px solid #c1bee3;border-left:1px solid #c1bee3}aside ul.nav li{margin:10px 0;text-align:center;max-width:100%;flex:1 0 25%;line-height:1}@media only screen and (max-width:480px){aside ul.nav li{margin:5px 0}}aside ul.nav li:nth-of-type(1) a,aside ul.nav li:nth-of-type(5) a{border-left:none}aside ul.nav li:nth-of-type(4) a,aside ul.nav li:nth-of-type(8) a{border-right:none}aside ul.nav li a{display:block;color:#fff;font-size:20px;font-weight:700;padding:0;border-left:1px solid #c1bee3;font-family:'Microsoft JhengHei',sans-serif,Arial}aside ul.nav li a.active,aside ul.nav li a:hover{color:#feeb89}@media only screen and (max-width:768px){aside ul.nav li a{font-size:16px}}@media only screen and (max-width:480px){aside ul.nav li a{font-size:12px}}aside ul.nav a.active img,aside ul.nav li:hover img{opacity:0}aside.fixed{width:100%;position:fixed;top:0;z-index:9}section{position:relative;background:url(../images/content_bg.jpg) no-repeat 50% 0;text-align:center;overflow:hidden}@media only screen and (max-width:768px){section{background-position-y:100%}}section button:hover{filter:drop-shadow(0 0 10px #5e6fd6)}section .ycircle{margin:35px auto}section .ycircle li{color:#2b9ae7;line-height:24px}@media only screen and (max-width:480px){section .ycircle li{font-size:12px;line-height:16px}}section .ycircle li::before{content:"※";margin-right:4px}section .range{max-width:1200px;margin:0 auto;padding:215px 0 230px;line-height:36px}@media only screen and (max-width:480px){section .range{padding:150px 0;line-height:24px}}section .range img{position:relative;z-index:3}section .range li,section .range p{font-family:'Noto Serif TC',serif;font-weight:400}@media only screen and (max-width:1024px){section .range{max-width:90vw}}section .range::before{content:"";position:absolute;left:50%;bottom:0;z-index:0}section .range::after{content:"";width:100%;height:398px;position:absolute;right:0;bottom:0;background:url(../images/floor.png) no-repeat center bottom;background-size:contain;z-index:1;pointer-events:none}section .mt-15{margin-top:-15px}section .mt-30{margin-top:-30px}@media only screen and (max-width:768px){section .mt-30{margin-top:0}}section .mt40{margin-top:40px}@media only screen and (max-width:480px){section .mt40{margin-top:0}}section .mb30{margin-bottom:30px}#tab1,#tab4,#tab5,#tab6,#tab7,#tab8{position:relative}#tab1::after,#tab1::before,#tab4::after,#tab4::before,#tab5::after,#tab5::before,#tab6::after,#tab6::before,#tab7::after,#tab7::before,#tab8::after,#tab8::before{content:"";position:absolute;z-index:0}@media only screen and (max-width:1024px){#tab1::after,#tab1::before,#tab4::after,#tab4::before,#tab5::after,#tab5::before,#tab6::after,#tab6::before,#tab7::after,#tab7::before,#tab8::after,#tab8::before{display:none}}#tab1::before,#tab4::before,#tab5::before,#tab6::before,#tab7::before,#tab8::before{right:50%}#tab1::after,#tab4::after,#tab5::after,#tab6::after,#tab7::after,#tab8::after{left:50%}#tab1::before{background:url(../images/deco11.png) no-repeat 0 0;width:281px;height:276px;margin-right:307px;top:285px}#tab1 .range::before{background:url(../images/deco12.png) no-repeat 0 0;width:562px;height:1121px;margin-left:349px}.thrlevel{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0;position:relative;z-index:1}.thrlevel button{margin:0 1vw}#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;width:365px;height:359px;margin-right:468px;top:988px}#tab4 .range::before{background:url(../images/deco42.png) no-repeat 0 0;width:597px;height:1093px;margin-left:431px;bottom:107px}#tab5::before{background:url(../images/deco51.png) no-repeat center center;width:763px;height:1054px;margin-right:193px;top:275px}#tab5 .range::before{background:url(../images/deco52.png) no-repeat 0 0;width:401px;height:447px;margin-left:433px;bottom:69px}#tab5 .notice{margin:110px 0 0}@media only screen and (max-width:480px){#tab5 .notice{margin-top:50px}}#tab5 .notice ol{padding:15px 0 0}#tab5 .notice ol li{font-size:15px;line-height:24px;font-weight:400}@media only screen and (max-width:480px){#tab5 .notice ol li{font-size:12px}}#tab6::before{background:url(../images/deco61.png) no-repeat 0 0;width:688px;height:1026px;margin-right:335px;top:843px}#tab6::after{background:url(../images/deco62.png) no-repeat 0 0;width:249px;height:279px;margin-left:410px;top:419px}#tab6 .range::before{background:url(../images/deco63.png) no-repeat 0 0;width:503px;height:964px;margin-left:387px;bottom:103px}#tab7::before{background:url(../images/deco71.png) no-repeat 0 0;width:276px;height:247px;margin-right:471px;top:684px}#tab7::after{background:url(../images/deco72.png) no-repeat 0 0;width:425px;height:402px;margin-left:421px;top:305px}#tab7 .range{padding-bottom:320px}@media only screen and (max-width:480px){#tab7 .range{padding-bottom:150px}}#tab7 .range::before{background:url(../images/deco73.png) no-repeat 0 0;width:383px;height:441px;margin-left:504px;bottom:145px}.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}}