@-webkit-keyframes ribbonLight{0%{filter:brightness(1)}25%{filter:brightness(1.1)}50%{filter:brightness(1.2)}75%{filter:brightness(1.1)}100%{filter:brightness(1)}}@keyframes ribbonLight{0%{filter:brightness(1)}25%{filter:brightness(1.1)}50%{filter:brightness(1.2)}75%{filter:brightness(1.1)}100%{filter:brightness(1)}}@-webkit-keyframes floatFadeIn{from{opacity:0}to{opacity:1}}@keyframes floatFadeIn{from{opacity:0}to{opacity:1}}[v-cloak]{display:none!important}.h2,h2{font-size:0}img{max-width:100%}li.disabled{pointer-events:none}span{display:block}body,html{overflow-x:hidden;background:#000;font-family:'Noto Sans TC',sans-serif}body.mask,html.mask{overflow:hidden}body.mask:before{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.65);z-index:1000}body.mask:after{content:'僅供直式瀏覽';position:fixed;top:calc(50% - 36px);left:0;width:100vw;height:100vh;z-index:10001;color:#f8f8f8;font-size:36px;text-align:center;letter-spacing:12px}@media (min-width:1200px){section.part-3 .content .custom-container{max-width:910px}}.wrap{overflow:hidden}.float{position:fixed;top:350px;right:70px;z-index:99;opacity:0;-webkit-animation:floatFadeIn .5s ease-in-out .5s 1 forwards;animation:floatFadeIn .5s ease-in-out .5s 1 forwards}@media only screen and (max-width:1700px){.float{display:none}}.float>ul{list-style:none;display:flex;flex-direction:column;align-items:flex-end;background:url(../images/sidebar.png) no-repeat 0 0;width:235px;height:430px;padding:0;margin:0}.float>ul li{position:relative;cursor:pointer;width:100%;height:46px}.float>ul li.active::before,.float>ul li:hover::before{background:url(../images/sidebar-hover.png) no-repeat 0 0;content:'';position:absolute;left:0;right:0;margin:0 auto;width:100%;height:100%;pointer-events:none}.float>ul li:nth-child(2).active::before,.float>ul li:nth-child(2):hover::before{background-position-y:-46px}.float>ul li:nth-child(3).active::before,.float>ul li:nth-child(3):hover::before{background-position-y:-92px}.float>ul li:nth-child(4).active::before,.float>ul li:nth-child(4):hover::before{background-position-y:-138px}.float>ul li:nth-child(5).active::before,.float>ul li:nth-child(5):hover::before{background-position-y:-184px}.float>ul li:nth-child(6).active::before,.float>ul li:nth-child(6):hover::before{background-position-y:-230px}.float>ul li:nth-child(7).active::before,.float>ul li:nth-child(7):hover::before{background-position-y:-276px}.float>ul li:nth-child(8).active::before,.float>ul li:nth-child(8):hover::before{background-position-y:-322px}.float>ul li:nth-child(9).active::before,.float>ul li:nth-child(9):hover::before{background-position-y:-368px}.float>ul li a{display:block;width:100%;height:100%;text-indent:-99999em}main{background:url(../images/background.jpg) no-repeat 50% 0;position:relative;text-align:center}@media only screen and (max-width:768px){main{background-size:cover}}header{position:fixed;padding:20px 60px;z-index:99;width:100%;height:auto;pointer-events:none}@media only screen and (max-width:768px){header{padding:20px 30px}}header>a{display:block;width:230px;height:auto;pointer-events:all}@media only screen and (max-width:768px){header>a img{max-width:74%}}header>ul{position:absolute;top:28px;right:60px;pointer-events:all}@media only screen and (max-width:768px){header>ul{visibility:hidden;top:-180px;right:-180px;width:360px;height:360px;border-radius:100%;padding:0;margin:0;border:55px solid rgba(255,255,255,.25)}}header>ul li{list-style:none;display:inline-block}@media only screen and (max-width:768px){header>ul li{position:absolute}header>ul li:nth-child(1){bottom:71px;left:-47px}header>ul li:nth-child(2){bottom:18px;left:-25px}header>ul li:nth-child(3){bottom:-25px;left:17px}header>ul li:nth-child(4){bottom:-48px;left:73px}}header>ul li a{display:block;width:48px;height:48px;filter:brightness(.85)}header>ul li a:active,header>ul li a:hover{filter:brightness(1.2)}header>ul li:not(:last-child){margin-right:5px}header>ul li:nth-child(1) a{background:url(../images/icon/lava_s1.png) no-repeat;background-size:48px}header>ul li:nth-child(2) a{background:url(../images/icon/lava_s2.png) no-repeat;background-size:48px}header>ul li:nth-child(3) a{background:url(../images/icon/lava_s3.png) no-repeat;background-size:48px}header>ul li:nth-child(4) a{background:url(../images/icon/lava_s4.png) no-repeat;background-size:48px}header>button{display:none;position:absolute;top:22px;right:22px;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;stroke:#fff;cursor:pointer;transition:all 175ms ease-in-out;pointer-events:all}header>button>svg{width:40px;overflow:visible}header>button>svg .path{stroke-dasharray:412px 1500px;fill:transparent;stroke-width:67px;stroke-linecap:round;stroke:#d2bc93;opacity:0}header>button>svg #burger-bar-one{opacity:1;stroke-dasharray:412px 1500px}header>button>svg #burger-bar-two{opacity:1;stroke-dasharray:412px 1500px}header>button>svg #burger-bar-three{opacity:1}@media only screen and (max-width:768px){header>button{display:block}}footer{width:100%;height:auto;background:#fff;position:relative;left:0;bottom:0;z-index:98}footer>ul{list-style:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:0;padding:20px 0}footer>ul li{position:relative}footer>ul li img.sp{display:none}footer>ul li:not(:last-child){margin-right:24px}@media only screen and (max-width:1280px){footer>ul li:not(:last-child){margin-right:16px}}@media only screen and (max-width:768px){footer>ul li:nth-child(1){width:calc(50% - 8px);margin-bottom:10px;text-align:right}}footer>ul li:nth-child(1) img{width:195px}@media only screen and (max-width:1280px){footer>ul li:nth-child(1) img{width:175px}}@media only screen and (max-width:768px){footer>ul li:nth-child(1) img{width:155px}}@media only screen and (max-width:768px){footer>ul li:nth-child(2){width:calc(50% - 8px);margin-bottom:10px;margin-right:0;text-align:left}}@media only screen and (max-width:1280px){footer>ul li:nth-child(2) img{width:194px}}@media only screen and (max-width:768px){footer>ul li:nth-child(2) img{width:174px}}@media only screen and (max-width:768px){footer>ul li:nth-child(3){width:100%;display:flex;justify-content:center;align-items:center;padding-left:28px}footer>ul li:nth-child(3) img.sp{display:block;width:32px;margin-right:12px}}footer>ul li:nth-child(3) p{margin-bottom:0;font-size:14px}@media only screen and (max-width:1280px){footer>ul li:nth-child(3) p{font-size:12px}}footer>ul li:nth-child(4) img{width:48px}@media only screen and (max-width:768px){footer>ul li:nth-child(4) img{display:none}}section.main{background:url(../images/main/background.jpg) no-repeat 50% 0;background-size:cover;width:100%;max-width:1920px;height:1138px;position:relative;top:0;left:50%;transform:translateX(-50%);overflow:hidden}@media only screen and (max-width:768px){section.main{background:url(../images/main/background-mb.jpg) no-repeat 50% 0;height:0;padding-top:160.27027%;background-size:cover}}section.main .tit{background:url(../images/main/tittle.png) no-repeat;background-size:contain;background-position-x:50%;position:absolute;bottom:263px;left:0;z-index:4;width:100%;height:309px}@media only screen and (max-width:768px){section.main .tit{height:40.234vw;bottom:34.244vw}}#particles-js{position:absolute;width:100%;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:768px){#particles-js{display:none}}section.part-2{width:100%;height:928px;background:url(../images/part2/background.jpg) no-repeat 50% 0;text-align:center;position:relative;background-size:cover}@media only screen and (max-width:768px){section.part-2{height:100%;padding:80px 15px}}section.part-2:before{content:'';background:url(../images/part2/mm.png) no-repeat 0 0;width:754px;height:1120px;position:absolute;right:0;bottom:-100px}@media only screen and (max-width:1280px){section.part-2:before{display:none}}section.part-2 .box .sub-title{margin:0 0 60px}@media only screen and (max-width:1280px){section.part-2 .box .sub-title{margin-top:0}}@media only screen and (max-width:480px){section.part-2 .box .sub-title{margin-bottom:20px}}section.part-2 .box .title{margin:0 0 60px}@media only screen and (max-width:480px){section.part-2 .box .title{margin-bottom:20px}section.part-2 .box .title img{width:75%}}section.part-3{padding:125px 0 0}section.part-3::before{content:'';position:absolute;top:-30px;left:0;right:0;height:52px;width:100%;background:url(../images/line.png) no-repeat 50% 0}@media only screen and (max-width:768px){section.part-3{padding:80px 15px}}section.part-3 .box .title{margin:0 0 80px}@media only screen and (max-width:480px){section.part-3 .box .title{margin-bottom:20px}section.part-3 .box .title img{width:75%}}section.part-3 .box .actions{display:flex;justify-content:center;align-items:center;position:relative}section.part-3 .box .actions>span{margin:0 5px}section.part-3 .box .actions>span.label{position:relative}section.part-3 .box .actions>span.label:before{content:'';background:url(../images/part3/button/limited.png) no-repeat 0 0;width:64px;height:40px;display:block;position:absolute;top:-19px;left:19px;background-size:contain}@media only screen and (max-width:480px){section.part-3 .box .actions>span.label:before{width:11.33vw;height:6.33vw;top:-3.958vw;left:3.958vw}}section.part-3 .box .actions>span:nth-child(1){background:url(../images/part3/button/btn-1.png) no-repeat 0 0;background-size:contain;width:169px;height:54px;cursor:pointer;position:relative}@media only screen and (max-width:480px){section.part-3 .box .actions>span:nth-child(1){width:25vw;height:7.916vw}}section.part-3 .box .actions>span:nth-child(1).active,section.part-3 .box .actions>span:nth-child(1):hover{background:url(../images/part3/button/btn-1_hover.png) no-repeat 0 0;background-size:contain}section.part-3 .box .actions>span:nth-child(2){background:url(../images/part3/button/btn-2.png) no-repeat 0 0;background-size:contain;width:169px;height:54px;cursor:pointer;position:relative}@media only screen and (max-width:480px){section.part-3 .box .actions>span:nth-child(2){width:25vw;height:7.916vw}}section.part-3 .box .actions>span:nth-child(2).active,section.part-3 .box .actions>span:nth-child(2):hover{background:url(../images/part3/button/btn-2_hover.png) no-repeat 0 0;background-size:contain}section.part-3 .box .actions>span:nth-child(3){background:url(../images/part3/button/btn-3.png) no-repeat 0 0;background-size:contain;width:169px;height:54px;cursor:pointer;position:relative}@media only screen and (max-width:480px){section.part-3 .box .actions>span:nth-child(3){width:25vw;height:7.916vw}}section.part-3 .box .actions>span:nth-child(3).active,section.part-3 .box .actions>span:nth-child(3):hover{background:url(../images/part3/button/btn-3_hover.png) no-repeat 0 0;background-size:contain}section.part-3 .box .carousel{position:relative;overflow:hidden}section.part-3 .box .carousel .contents{padding-top:90px}@media only screen and (max-width:1280px){section.part-3 .box .carousel .contents{padding-top:60px}}@media only screen and (max-width:480px){section.part-3 .box .carousel .contents{padding-top:20px}}section.part-3 .box .carousel .contents .content{display:flex;flex-direction:column;align-items:center;opacity:0;width:0;height:0;visibility:hidden;transition:opacity .5s}section.part-3 .box .carousel .contents .content.active{width:unset;height:unset;visibility:visible;opacity:1;transition:opacity .3s}section.part-3 .box .carousel .contents .content .custom-container h2{margin:0 auto 40px}@media only screen and (max-width:480px){section.part-3 .box .carousel .contents .content .custom-container h2{margin-bottom:15px}}section.part-3 .box .carousel .contents .content .custom-container h2:nth-of-type(1){width:55%}section.part-3 .box .carousel .contents .content .custom-container h2:nth-of-type(2){margin-top:40px}@media only screen and (max-width:480px){section.part-3 .box .carousel .contents .content .custom-container h2:nth-of-type(2){margin-top:15px}}section.part-3 .box .carousel .contents .content .custom-container p{margin-bottom:45px}section.part-4{padding:150px 0 220px;position:relative}@media only screen and (max-width:768px){section.part-4{padding:0 15px 80px}}section.part-4 .box{position:relative}@media only screen and (max-width:480px){section.part-4 .box .title img{width:75%}}section.part-4 .box .tit-boss{margin:95px auto 30px}@media only screen and (max-width:768px){section.part-4 .box .tit-boss{margin-top:30px}}@media only screen and (max-width:480px){section.part-4 .box .tit-boss{width:40%}}section.part-4 .box .narrate{margin:0 0 40px}section.part-4 .box .narrate-2{margin:25px 0 50px}section.part-5 .box{position:relative}section.part-5 .box::before{content:'';background:url(../images/part5/mm.png) no-repeat 0 0;width:1507px;height:1117px;position:absolute;left:0;top:-74px;z-index:0}@media only screen and (max-width:1280px){section.part-5 .box::before{display:none}}section.part-5 .box .title{margin-bottom:30px}@media only screen and (max-width:480px){section.part-5 .box .title img{width:75%}}section.part-5 .box img{position:relative;z-index:7}section.part-6{padding:175px 0 200px}@media only screen and (max-width:480px){section.part-6{padding:80px 0}}section.part-6 .box{position:relative}section.part-6 .box .title{margin:0 0 85px}@media only screen and (max-width:480px){section.part-6 .box .title{margin-bottom:30px}}@media only screen and (max-width:480px){section.part-6 .box .title img{width:75%}}@media only screen and (max-width:768px){section.part-6 .box .container .row [class^=col-]{margin-bottom:30px}}section.part-6 .box img{position:relative;z-index:7}section.part-7{padding:120px 0 100px;background:url(../images/part7/background.jpg) no-repeat 50% 0;height:100%;background-size:cover;position:relative}@media only screen and (max-width:480px){section.part-7{padding:80px 0;height:100%}}section.part-7::before{content:'';position:absolute;top:-30px;left:0;right:0;height:52px;width:100%;background:url(../images/line.png) no-repeat 50% 0}section.part-7 .box{position:relative}section.part-7 .box .title{margin:0 0 85px}@media only screen and (max-width:480px){section.part-7 .box .title{margin-bottom:30px}}@media only screen and (max-width:480px){section.part-7 .box .title img{width:75%}}section.part-7 .box .actions{display:flex;justify-content:center;position:relative;align-items:center}section.part-7 .box .actions>span{margin:0 5px}section.part-7 .box .actions>span:nth-child(1){background:url(../images/part7/button/btn-1.png) no-repeat 0 0;background-size:contain;width:229px;height:80px;cursor:pointer;position:relative}@media only screen and (max-width:480px){section.part-7 .box .actions>span:nth-child(1){width:25vw;height:8.75vw}}section.part-7 .box .actions>span:nth-child(1).active,section.part-7 .box .actions>span:nth-child(1):hover{background:url(../images/part7/button/btn-1_hover.png) no-repeat 0 0;background-size:contain}section.part-7 .box .actions>span:nth-child(2){background:url(../images/part7/button/btn-2.png) no-repeat 0 0;background-size:contain;width:229px;height:80px;cursor:pointer;position:relative}@media only screen and (max-width:480px){section.part-7 .box .actions>span:nth-child(2){width:25vw;height:8.75vw}}section.part-7 .box .actions>span:nth-child(2).active,section.part-7 .box .actions>span:nth-child(2):hover{background:url(../images/part7/button/btn-2_hover.png) no-repeat 0 0;background-size:contain}section.part-7 .box .actions>span:nth-child(3){background:url(../images/part7/button/btn-3.png) no-repeat 0 0;background-size:contain;width:229px;height:80px;cursor:pointer;position:relative}@media only screen and (max-width:480px){section.part-7 .box .actions>span:nth-child(3){width:25vw;height:8.75vw}}section.part-7 .box .actions>span:nth-child(3).active,section.part-7 .box .actions>span:nth-child(3):hover{background:url(../images/part7/button/btn-3_hover.png) no-repeat 0 0;background-size:contain}section.part-7 .box .actions>span:nth-child(4){background:url(../images/part7/button/btn-4.png) no-repeat 0 0;background-size:contain;width:229px;height:80px;cursor:pointer;position:relative}@media only screen and (max-width:480px){section.part-7 .box .actions>span:nth-child(4){width:25vw;height:8.75vw}}section.part-7 .box .actions>span:nth-child(4).active,section.part-7 .box .actions>span:nth-child(4):hover{background:url(../images/part7/button/btn-4_hover.png) no-repeat 0 0;background-size:contain}section.part-7 .box .carousel{position:relative}section.part-7 .box .carousel::before{content:'';background:url(../images/part7/mm-1.png) no-repeat 0 0;width:484px;height:1380px;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:0}@media only screen and (max-width:1280px){section.part-7 .box .carousel::before{display:none}}section.part-7 .box .carousel::after{content:'';background:url(../images/part7/mm-2.png) no-repeat 0 0;width:493px;height:1199px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:0}@media only screen and (max-width:1280px){section.part-7 .box .carousel::after{display:none}}section.part-7 .box .carousel .contents{padding-top:90px;position:relative;z-index:7}@media only screen and (max-width:1280px){section.part-7 .box .carousel .contents{padding-top:60px}}section.part-7 .box .carousel .contents .content{display:flex;flex-direction:column;align-items:center;opacity:0;width:0;height:0;visibility:hidden;transition:opacity .5s}section.part-7 .box .carousel .contents .content.active{width:unset;height:unset;visibility:visible;opacity:1;transition:opacity .3s}.notice{background:#0f0d0d;padding:70px 0;position:relative;z-index:7}@media only screen and (max-width:480px){.notice{padding:40px 0}}.notice .wrap{max-width:1200px;margin:0 auto}@media only screen and (max-width:480px){.notice .wrap{padding:0 15px}}.notice .wrap .notice-tit{margin:0 auto 50px;text-align:center}@media only screen and (max-width:480px){.notice .wrap .notice-tit{margin-bottom:20px;width:35%}}.notice .wrap ul{list-style:none;margin:0;padding:0}.notice .wrap ul li{color:#beb49c;font-size:16px;font-weight:400;line-height:2.1}@media only screen and (max-width:480px){.notice .wrap ul li{font-size:12px}}