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}button,ol,ul{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}a,button{border:none;font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active,.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active{padding:0;background:0 0;background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}@font-face{font-family:SWEI-leg;src:url(../webfonts/SweiB2LegCJKtc-Regular.ttf)}body{background-color:#000;font-family:SWEI-leg,"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial}.sideBtn{position:fixed;right:1vw;top:50%;transform:translateY(-50%);z-index:99;transition:1s all;min-width:205px}.sideBtn li{position:relative;text-align:right;margin:4% 0}.sideBtn li:last-of-type{margin-top:6%}.sideBtn li .icon,.sideBtn li span{display:inline-block}.sideBtn li a{position:relative;padding:0}.sideBtn li a.active .icon,.sideBtn li a:hover .icon{opacity:1}@media only screen and (max-width:480px){.sideBtn li a.active .icon,.sideBtn li a:hover .icon{opacity:.6}}.sideBtn li a .icon{position:absolute;right:0;pointer-events:none;opacity:0}#main{position:relative;background:url(../images/main_bg.jpg) no-repeat center center;background-size:cover;padding:80px 0 4%;min-height:120vh;overflow:hidden}@media only screen and (max-width:1440px){#main{min-height:100vh}}@media only screen and (max-width:1200px){#main{background-position-x:60%}}@media only screen and (max-width:480px){#main{min-height:calc(100vh + 80px);top:-80px;background:url(../images/main_bg_m.jpg) no-repeat center bottom;background-size:cover}}#main::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/main_snow.png) no-repeat center center;background-size:cover;mix-blend-mode:screen;pointer-events:none}#main .title_wrapper{position:absolute;left:35%;top:10%;transform:translate(-50%,0)}@media only screen and (max-width:1440px){#main .title_wrapper{left:28%;top:12%}}@media only screen and (max-width:768px){#main .title_wrapper{left:40%;top:5%}}@media only screen and (max-width:480px){#main .title_wrapper{left:0;top:unset;transform:unset;width:100%}}#main .title_wrapper .title_box{position:absolute;text-align:center}#main .title_wrapper .title_box .title{opacity:0;filter:blur(30px);animation:blur 1s ease-in-out 1 forwards}#main .title_wrapper .title_box.title01{margin-left:100px;left:130px;top:55px}@media only screen and (max-width:480px){#main .title_wrapper .title_box.title01{top:80px;left:5px;transform:scale(.7)}}#main .title_wrapper .title_box.title02{margin-left:100px;left:0;top:0}@media only screen and (max-width:480px){#main .title_wrapper .title_box.title02{top:70px;left:-97px;transform:scale(.7)}}#main .title_wrapper .title_box.title03{margin-left:100px;left:10px;top:180px}@media only screen and (max-width:480px){#main .title_wrapper .title_box.title03{top:245px;left:-70px;transform:scale(.9)}}#main .title_wrapper .title_box.title04{position:relative;margin-top:400px}@media only screen and (max-width:480px){#main .title_wrapper .title_box.title04{position:absolute;width:100%;left:50%;margin:0;top:calc(100vh - 250px);transform:translateX(-50%);padding:15px}#main .title_wrapper .title_box.title04 img{content:url(../images/main_title04_m.png)}}#main .title_wrapper .title_box.title05{position:relative;margin-top:15px}@media only screen and (max-width:480px){#main .title_wrapper .title_box.title05{position:absolute;width:100%;left:50%;margin:0;top:calc(100vh - 150px);transform:translateX(-50%);padding:15px}#main .title_wrapper .title_box.title05 img{content:url(../images/main_title05_m.png)}}#main .title_wrapper .link{display:flex;justify-content:center;align-items:center;text-align:center;margin:15px 0;opacity:0;filter:blur(30px);animation:blur 1s ease-in-out 1 forwards}@media only screen and (max-width:480px){#main .title_wrapper .link{position:absolute;z-index:99;width:100%;left:50%;margin:0;top:calc(100vh - 80px);transform:translateX(-50%)}}#main .title_wrapper .link a{color:#fff;display:inline-block;width:140px;line-height:40px;border-radius:4px;background:url(../images/main_btn.png) no-repeat center center;background-size:contain;margin:0 .2vw;transition:.3s all}#main .title_wrapper .link a:hover{filter:brightness(5)}@media only screen and (max-width:480px){#main .title_wrapper .link a:nth-of-type(2){display:none}}#main .title_wrapper>.popbtn{position:relative;width:280px;height:280px;margin:4% auto}@media only screen and (max-width:480px){#main .title_wrapper>.popbtn{width:90vw;margin:10% auto}}#main .title_wrapper>.popbtn::before{content:'';width:102px;height:102px;background:url(../images/vbtn.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s;z-index:9}#main .title_wrapper>.popbtn:hover::before{filter:brightness(2)}#main .title_wrapper>.popbtn .bg-video{width:280px;height:280px;border-radius:100%;overflow:hidden;background-color:#000;margin:0 auto}#main .title_wrapper>.popbtn .bg-video::before{content:'';width:301px;height:302px;background:url(../images/vbtndeco.png) no-repeat center center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s;z-index:999}.coin{position:relative;text-align:center;max-width:150px;background-color:#0d2525;padding:4px;margin:1% auto;font-weight:700;font-size:2rem;font-family:Cinzel}.coin::before{content:'';width:20px;height:100%;border:solid 12px transparent;border-right-color:#0d2525;position:absolute;top:0;left:-24px}.coin::after{content:'';width:20px;height:100%;border:solid 12px transparent;border-left-color:#0d2525;position:absolute;top:0;right:-24px}.coin img{margin-right:10%}.coin span{color:#fff}#notice{background-color:#f2f2f2f2;font-weight:700;color:#292929;padding:2% 4%;border-radius:0 0 12px 12px}@media only screen and (max-width:480px){#notice{padding:2%;padding-left:20px}}#notice li{text-align:left;font-size:1.2rem;font-weight:400;line-height:1.6rem;list-style:disc;max-width:98%;margin:1% auto}@media only screen and (max-width:480px){#notice li{font-size:1rem;margin:2% auto}}section{position:relative;text-align:center;min-height:100vh;padding:4% 0}@media only screen and (max-width:1200px){section{min-height:unset;padding:30px 0}}section h2{position:relative;margin:2vh auto}section h2 p{font-size:1.2rem;line-height:1.6rem;letter-spacing:unset;margin:1rem auto}section h2>img{margin-bottom:-1%}@media only screen and (max-width:1200px){section h2>img{max-width:90vw}}section#s1{min-height:120vh;display:flex;justify-content:center;background:#164a40;padding-top:200px}@media only screen and (max-width:480px){section#s1{margin-top:-90px}}section#s1::before{content:'';position:absolute;top:-149px;left:0;width:100%;height:150px;clip-path:polygon(0 0,0 100%,100% 100%);background:#164a40;pointer-events:none}@media only screen and (max-width:480px){section#s1::before{height:50px;top:-49px}}section#s1::after{content:'';width:1092px;height:1352px;top:-120vh;left:53%;transform:translateX(-50%);background:url(../images/main_char.png) no-repeat center center;background-size:contain;position:absolute;pointer-events:none}@media only screen and (max-width:1440px){section#s1::after{top:-100vh}}@media only screen and (max-width:768px){section#s1::after{width:100%;top:-85vh}}@media only screen and (max-width:480px){section#s1::after{content:'';display:none}}section#s1 .container .title{margin-bottom:30px}section#s1 .container .title p{margin-top:15px;line-height:28px;font-size:20px;font-weight:600;color:#51988a}section#s1 .container .content{position:relative;overflow:hidden;display:flex;flex-wrap:nowrap}section#s1 .container .content.content1{background:#445894}@media only screen and (max-width:1200px){section#s1 .container .content.content1{flex-wrap:wrap;flex-direction:column}}section#s1 .container .content.content1 .deco{position:absolute}section#s1 .container .content.content1 .deco.deco1{left:0;top:0;width:50%;height:200px;background:#385094;clip-path:polygon(0 0,100% 0,0 100%);z-index:0}section#s1 .container .content.content1 .deco.deco2{right:0;bottom:0;width:50%;height:200px;background:#385094;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:0}section#s1 .container .content.content1 div.pic{position:relative;padding:15px}@media only screen and (max-width:1200px){section#s1 .container .content.content1 div.pic{margin-bottom:15px}}section#s1 .container .content.content1 div.pic:nth-of-type(3)::after,section#s1 .container .content.content1 div.pic:nth-of-type(4)::after{content:'>';position:absolute;right:-5px;top:40%;color:#0eecbf}@media only screen and (max-width:1200px){section#s1 .container .content.content1 div.pic:nth-of-type(3)::after,section#s1 .container .content.content1 div.pic:nth-of-type(4)::after{right:50%;top:unset;bottom:-15px;transform:rotate(90deg)}}section#s1 .container .content.content2{margin-top:30px;margin-left:-15px;margin-right:-15px}@media only screen and (max-width:1200px){section#s1 .container .content.content2{flex-direction:column}}section#s1 .container .content.content2 .pic{padding:30px 15px;margin:15px;background:#1a1a1a}section#s1 .container .tips li{text-align:left;line-height:28px;font-size:18px;color:#51988a}section#s2{background:#164a40}section#s2 .title{margin-bottom:50px}section#s2 .title p{margin-top:15px;line-height:28px;font-size:20px;font-weight:600;color:#51988a}section#s2 .swiperTab{display:flex;justify-content:center;max-width:60vw;margin:auto}@media only screen and (max-width:1200px){section#s2 .swiperTab{max-width:98vw}}@media only screen and (max-width:480px){section#s2 .swiperTab{position:relative;z-index:99}}section#s2 .swiperTab button{background-color:#151515;color:#282828;width:210px;height:50px;font-size:1.4rem;margin:0}section#s2 .swiperTab button img{opacity:.3}@media only screen and (max-width:480px){section#s2 .swiperTab button{width:33vw}}section#s2 .swiperTab button.active,section#s2 .swiperTab button:hover{background-color:#18346c;color:#fff1f6}section#s2 .swiperTab button.active img,section#s2 .swiperTab button:hover img{opacity:1}section#s2 .swiperTab button:first-of-type{border-radius:10px 0 0 0}section#s2 .swiperTab button:last-of-type{border-radius:0 10px 0 0}section#s2 .mySwiper{max-width:60vw;margin:0 auto}@media only screen and (max-width:1200px){section#s2 .mySwiper{max-width:98vw}}section#s3{background:#164a40}section#s3 .title{margin-bottom:50px}section#s3 .swiperTab_weapon{display:flex;justify-content:center;max-width:60vw;margin:auto}@media only screen and (max-width:1200px){section#s3 .swiperTab_weapon{max-width:98vw}}@media only screen and (max-width:480px){section#s3 .swiperTab_weapon{position:relative;z-index:99}}section#s3 .swiperTab_weapon button{background-color:#151515;color:#282828;width:210px;height:50px;font-size:1.4rem;margin:0}section#s3 .swiperTab_weapon button img{opacity:.3}@media only screen and (max-width:480px){section#s3 .swiperTab_weapon button{width:33vw}}section#s3 .swiperTab_weapon button.active,section#s3 .swiperTab_weapon button:hover{background-color:#18346c;color:#fff1f6}section#s3 .swiperTab_weapon button.active img,section#s3 .swiperTab_weapon button:hover img{opacity:1}section#s3 .swiperTab_weapon button:first-of-type{border-radius:10px 0 0 0}section#s3 .swiperTab_weapon button:last-of-type{border-radius:0 10px 0 0}section#s3 .mySwiper_weapon{max-width:60vw;margin:0 auto}@media only screen and (max-width:1200px){section#s3 .mySwiper_weapon{max-width:98vw}}section#s3 .tips li{text-align:left;line-height:28px;font-size:18px;color:#51988a}section#s4{background:#164a40}section#s4 .title{margin-bottom:50px}section#s4 .title p{margin-top:15px;line-height:28px;font-size:20px;font-weight:600;color:#51988a}section#s4 .container{background:#0c322b;padding:0;display:flex;flex-wrap:wrap;justify-content:center}section#s4 .container .pic{padding:0}section#s4 .container .arrow{display:flex;align-items:center;justify-content:flex-end}@media only screen and (max-width:768px){section#s4 .container .arrow{justify-content:center}section#s4 .container .arrow img{transform:rotate(90deg)}}section#s4 .container .step{padding:20px 0;display:flex;align-items:center}@media only screen and (max-width:768px){section#s4 .container .step{justify-content:center}}section#s5{background:#164a40}section#s5 .title{margin-bottom:50px}section#s5 .title p{margin-top:15px;line-height:28px;font-size:20px;font-weight:600;color:#51988a}section#s5 .wrapper{position:relative;width:1200px;max-width:100%;text-align:center;margin:auto;margin-top:50px;padding:30px}section#s5 .wrapper::before{content:'';position:absolute;width:calc(100% - 50px);height:calc(100% - 80px);left:0;top:0;background:#272727;z-index:0}@media only screen and (max-width:480px){section#s5 .wrapper::before{width:100%}}section#s5 .wrapper img{position:relative}@media only screen and (max-width:480px){section#s5 .wrapper img{content:url(../images/s5_pic_m.png)}}section#s5 .wrapper .tips{margin-top:80px}section#s5 .wrapper .tips li{text-align:left;line-height:28px;font-size:18px;margin-left:-30px;color:#51988a}ul.remark{font-size:1.2rem;color:#6b515a;line-height:2rem;text-align:left;max-width:900px;margin:2% auto;padding-left:16px}@media only screen and (max-width:800px){ul.remark{max-width:90vw}}ul.remark li{list-style:disc}.modal{z-index:999;padding-top:10vh;background-color:#00000085}@media only screen and (max-width:480px){.modal{padding-top:20vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:900px;pointer-events:auto}.modal .modal-header{height:70px;justify-content:center;align-items:center;background-color:#292929;border-radius:12px 12px 0 0}.modal .modal-body{padding:4%;text-align:center}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:60px;height:60px;font-size:0;right:0;top:0;transition:.2s;z-index:999}@media only screen and (max-width:1200px){button.close{right:0}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:60px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:60px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}#player1{max-width:100%}@media only screen and (max-width:1200px){#player1{max-width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}@media only screen and (max-width:1200px){#notice-modal .modal-body{max-width:90vw}}.swiper-notification{display:block;width:14px;height:14px}.swiper-button-next,.swiper-button-prev{width:58px;height:98px;top:300px;background:url(../images/arrow.png) no-repeat center center;background-size:contain;position:absolute;filter:brightness(.4)}@media only screen and (max-width:480px){.swiper-button-next,.swiper-button-prev{width:40px;height:40px}}.swiper-button-next::after,.swiper-button-prev::after{content:''}.swiper-button-next:hover,.swiper-button-prev:hover{filter:brightness(1)}.swiper-button-next{transform:rotate(180deg)}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{top:20px}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}.swiper-pagination{position:absolute;margin:0 auto}@media only screen and (max-width:1200px){.swiper-pagination{margin:2% auto}}@media only screen and (max-width:480px){.swiper-pagination{margin:4% auto}}.swiper-pagination .swiper-pagination-bullet{position:absolute;width:90px;height:50px;opacity:0;font-size:1.4rem;color:#855b6a;border-radius:0;background:0 0;margin:0;pointer-events:none}@media only screen and (max-width:480px){.swiper-pagination .swiper-pagination-bullet{width:40vw}}.swiper-pagination .swiper-pagination-bullet span{opacity:0}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2),.swiper-pagination .swiper-pagination-bullet:nth-of-type(4){transform:translateX(-90px);opacity:0}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::before{content:"男";position:absolute;width:90px;height:50px;right:0;border-radius:25px 0 0 25px;line-height:50px;color:#454f50;background:#81898a}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:nth-of-type(2):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4):hover{display:inline-block}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(2):hover::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4):hover::before{color:#6df8ff;background:#2c2a29}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2).on,.swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4).on,.swiper-pagination .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active{opacity:1;pointer-events:painted}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3),.swiper-pagination .swiper-pagination-bullet:nth-of-type(5){opacity:0}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5)::before{content:"女";position:absolute;width:90px;height:50px;left:0;border-radius:0 25px 25px 0;line-height:50px;color:#454f50;background:#81898a}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:nth-of-type(3):hover,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5):hover{display:inline-block;color:#eeddd7}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(3):hover::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active::before,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5):hover::before{color:#6df8ff;background:#2c2a29}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3).on,.swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5).on,.swiper-pagination .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active{opacity:1;pointer-events:painted}.swiper-wrapper{align-items:center}.animated{animation-duration:.5s;animation-fill-mode:both}@keyframes willow{0%{transform-origin:right top;transform:skew(0deg,0deg)}50%{transform-origin:right top;transform:skew(8deg,0deg)}100%{transform-origin:right top;transform:skew(0deg,0deg)}}.willow{animation:take 10s infinite linear}@keyframes movemove{0%{transform-origin:center top;transform:rotate(6deg)}50%{transform-origin:center top;transform:rotate(-6deg)}100%{transform-origin:center top;transform:rotate(6deg)}}.movemove{animation-name:movemove}@keyframes blur{0%{opacity:0;filter:blur(30px)}100%{opacity:1;filter:blur(0)}}