@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);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:cwTeXYen,'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:70px 0 0;font-size:24px;color:#fff}@media only screen and (max-width:480px){h2{font-size:15px;margin-top:40px}}p{margin-bottom:0;font-size:16px;line-height:24px}@media only screen and (max-width:480px){p{font-size:12px;line-height:16px}}.mt-15{margin-top:-15px}.mt-30{margin-top:-30px}@media only screen and (max-width:768px){.mt-30{margin-top:0}}.mt60{margin-top:60px}@media only screen and (max-width:480px){.mt60{margin-top:0}}.mb30{margin-bottom:30px}.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/header_bg.jpg) no-repeat 50% 0;height:950px;padding-top:50px;z-index:1;background-size:cover}@media only screen and (max-width:768px){main{background-position-x:95%;height:calc(100vh - 110px);padding-top:10px}}@media only screen and (max-width:480px){main{height:calc(100vh - 120px)}}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%;transform:translateX(-50%);top:259px;margin-left:-66px}@media only screen and (max-width:768px){main .title{right:0;left:0;margin:0 auto;top:auto;bottom:25px;transform:none}}@media only screen and (max-width:480px){main .title{padding:0 30px}}main .btnMB,main .btnPC{display:flex;justify-content:flex-end;margin-top:10px}@media only screen and (max-width:768px){main .btnMB,main .btnPC{justify-content:center}}@media only screen and (max-width:480px){main .btnMB,main .btnPC{margin-top:0}}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(25,37,53,.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(254,218,4,.8);color:#fff}main .btnMB{display:none}aside{position:absolute;background:#f5f5f5;margin:0;left:0;right:0;z-index:3;box-shadow:0 0 15px 0 #000;-webkit-box-shadow:0 0 15px 0 #000;-moz-box-shadow:0 0 15px 0 #000}@media only screen and (max-width:480px){aside{min-height:auto}}aside ul.nav{align-items:center;justify-content:center;margin:0 auto;max-width:1200px;padding:0}aside ul.nav li{margin:0;text-align:center;max-width:100%;flex:1 0 12.5%;line-height:22px;height:110px}@media only screen and (max-width:480px){aside ul.nav li{height:60px;flex:1 0 25%}}aside ul.nav li:hover{background:#523391;background:linear-gradient(to bottom,#523391 0,#7c50d8 68%,#9050d8 100%);color:#fff}aside ul.nav li:hover a{color:#fff}aside ul.nav li:hover a::before{border:none}aside ul.nav li a{display:block;color:#aaa;font-size:16px;font-weight:700;font-family:'Microsoft JhengHei',sans-serif,Arial;position:relative;height:100%;align-items:center;justify-content:center;display:flex}aside ul.nav li a.active::before{border:none}aside ul.nav li a.active,aside ul.nav li a:hover{color:#fff}aside ul.nav li a::before{content:'';border-right:1px solid #bbb;width:1px;height:30px;position:absolute;right:0;top:50%;transform:translateY(-50%)}@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 li:has(>a.active){background:#523391;background:linear-gradient(to bottom,#523391 0,#7c50d8 68%,#9050d8 100%)}aside ul.nav li:last-child a::before,aside ul.nav li:nth-of-type(4) a::before{border:none}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;padding-top:110px}@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:25px auto}section .ycircle li{color:#ffe67e;line-height:24px;font-size:16px}@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{margin:0 auto;padding:115px 0 190px;line-height:36px}@media only screen and (max-width:480px){section .range{padding-left:10px;padding-right:10px;line-height:24px}}section .range h2.rule{margin:70px 0 25px}section .range img{position:relative;z-index:3}section .range li,section .range p{font-family:cwTeXYen,serif;font-weight:400}section .range::before{content:"";position:absolute;left:50%;bottom:0;z-index:0}section .range::after{content:"";width:100%;position:absolute;right:0;bottom:0;background-position:50% 0;background-repeat:no-repeat;z-index:1;pointer-events:none}@media only screen and (max-width:768px){section .range::after{background-size:cover;background-position-x:77%}}#tab1,#tab4,#tab5,#tab6{position:relative;background-position:50% 0;background-repeat:no-repeat;background-size:cover}#tab1::after,#tab1::before,#tab4::after,#tab4::before,#tab5::after,#tab5::before,#tab6::after,#tab6::before{content:"";position:absolute;z-index:0}@media only screen and (max-width:1200px){#tab1::after,#tab1::before,#tab4::after,#tab4::before,#tab5::after,#tab5::before,#tab6::after,#tab6::before{display:none}}#tab1::before,#tab4::before,#tab5::before,#tab6::before{right:50%}#tab1::after,#tab4::after,#tab5::after,#tab6::after{left:50%}@media only screen and (max-width:1200px){#tab1 .range::before,#tab4 .range::before,#tab5 .range::before,#tab6 .range::before{display:none}}#tab1{background-image:url(../images/con_bg-1.jpg)}#tab1::before{background:url(../images/deco11.png) no-repeat 0 0;width:676px;height:1021px;margin-right:282px;bottom:40px}#tab1 .range::before{background:url(../images/deco12.png) no-repeat 0 0;width:377px;height:366px;margin-left:442px;top:364px}#tab1 .range::after{height:571px;background-image:url(../images/floor-1.png)}@media only screen and (max-width:768px){#tab1 .range::after{height:74.3489vw}}#tab1 .thrlevel{filter:drop-shadow(8px 8px 0 rgba(40,26,70,.3))}.thrlevel{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0;position:relative;z-index:1}.thrlevel button{margin:0 1vw}#tab4{background-image:url(../images/con_bg-4.jpg)}#tab4::before{background:url(../images/deco41.png) no-repeat 0 0;width:490px;height:1137px;margin-right:472px;bottom:27px}#tab4 .range{padding-bottom:222px}#tab4 .range::before{background:url(../images/deco42.png) no-repeat 0 0;width:471px;height:498px;margin-left:398px;top:247px}#tab4 .range::after{height:787px;background-image:url(../images/floor-4.png)}@media only screen and (max-width:768px){#tab4 .range::after{height:102.473vw}}#tab4 .range .ycircle{margin:45px auto 50px}@media only screen and (max-width:480px){#tab4 .range .ycircle{margin:25px auto 30px}}#tab5{background-image:url(../images/con_bg-5.jpg)}#tab5::before{background:url(../images/deco51.png) no-repeat 0 0;width:409px;height:871px;margin-right:552px;bottom:-10px}#tab5 .range{padding-bottom:289px}#tab5 .range::before{background:url(../images/deco52.png) no-repeat 0 0;width:442px;height:1038px;margin-left:355px;top:589px;z-index:6}#tab5 .range::after{height:543px;background-image:url(../images/floor-5.png)}@media only screen and (max-width:768px){#tab5 .range::after{height:70.703vw}}#tab5 .notice{margin:105px 0 0}@media only screen and (max-width:480px){#tab5 .notice{margin-top:50px}}#tab5 .notice h6{color:#fff;font-size:18px;margin:0 0 15px;line-height:1}#tab5 .notice ol{padding:0}#tab5 .notice ol li{font-size:15px;line-height:24px;font-weight:400;color:#a7b9e2}@media only screen and (max-width:480px){#tab5 .notice ol li{font-size:12px}}#tab6{background-image:url(../images/con_bg-6.jpg)}#tab6::before{background:url(../images/deco61.png) no-repeat 0 0;width:866px;height:1081px;margin-right:72px;bottom:-57px}#tab6::after{background:url(../images/deco62.png) no-repeat 0 0;width:405px;height:572px;margin-left:440px;top:292px}#tab6 .range{padding-bottom:310px}#tab6 .range::after{height:543px;background-image:url(../images/floor-6.png)}@media only screen and (max-width:768px){#tab6 .range::after{height:70.703vw}}#tab6 .range h2{margin-bottom:35px}#tab6 .range .heart{position:relative}#tab6 .range .heart::after{content:'';background:url(../images/heart.png) no-repeat 0 0;width:24px;height:20px;display:inline-block}.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}}