@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap";.pageBgWrap{background:url(../images/index/bg2.jpg) no-repeat center top/100% 100%}@keyframes shiny{0%{background:url(../images/index/earth/circle-2.png) no-repeat center center/contain}to{background:url(../images/index/earth/circle-3.png) no-repeat center center/contain}}.kv{margin-bottom:-1px}.kv .content{display:inline-grid;position:relative;width:100%;padding:0;overflow:hidden}.kv .content .layer{width:100vw;grid-area:1/1/2/2}.kv .content .layer.bgWrap video{position:relative;left:50%;width:1920px;transform:translate(-50%)}@media (min-width: 1921px){.kv .content .layer.bgWrap video{width:100%}}@media (max-width: 768px){.kv .content .layer.bgWrap video{height:100vh}}.kv .content .layer.overlay{z-index:2;align-self:flex-end;height:100%;background:#0000001a}.kv .content .layer.contWrap{display:flex;position:relative;bottom:140px;z-index:3;flex-direction:column;justify-content:center;align-self:flex-end;max-width:560px;justify-self:center}@media (max-width: 768px){.kv .content .layer.contWrap{max-width:80%}}@media (max-width: 576px){.kv .content .layer.contWrap{bottom:40px}}.kv .content .layer.contWrap .titleBar{margin:auto auto 40px}.kv .content .layer.contWrap .titleBar div,.kv .content .layer.contWrap .titleBar p{color:#fff}.kv .content .layer.contWrap .btn{margin-bottom:40px}.kv .content .layer.contWrap .btn p{color:#fff}.kv .content .layer.contWrap .btn .btnArrow{filter:invert(1) brightness(2)}.kv .content .layer.ballBtnWrap{position:absolute;right:60px;z-index:4;justify-content:flex-end;align-self:flex-end;width:180px;cursor:pointer}@media (max-width: 1200px){.kv .content .layer.ballBtnWrap{right:28px;width:120px}}@media (max-width: 768px){.kv .content .layer.ballBtnWrap{display:none}}.kv .content .layer.ballBtnWrap .innerWrap{display:inline-grid}.kv .content .layer.ballBtnWrap .innerWrap .inner{grid-area:1/1/2/2}.kv .content .layer.ballBtnWrap .innerWrap .barWrap{align-self:center;justify-self:center;width:17px}@media (max-width: 1200px){.kv .content .layer.ballBtnWrap .innerWrap .barWrap{width:14px}}.kv .content .layer.ballBtnWrap .innerWrap .ball{align-self:center;justify-self:center}.kv .content .layer.ballBtnWrap .innerWrap .ball a{display:block;position:relative;transition:all .2s linear;animation:upDownMove 1s linear infinite;margin-top:68px}@media (max-width: 1200px){.kv .content .layer.ballBtnWrap .innerWrap .ball a{margin-top:48px}}.kv .content .layer.ballBtnWrap .innerWrap .ball a:hover{margin-top:40px}@media (max-width: 1200px){.kv .content .layer.ballBtnWrap .innerWrap .ball a:hover{margin-top:28px}}.menu .menuWrap .menuOpenWrap{padding-top:8vh;padding-bottom:8vh;width:480px;height:calc(100vh + 10px);background:url(../images/sidebar.jpg) no-repeat center bottom/cover;transition:all .5s ease}.earth .containerFluid{width:100%;overflow:hidden}.earth .content{display:inline-grid;width:100%;padding:0}.earth .content .inner{grid-area:1/1/2/2}.earth .content .bg{display:none}.earth .content .bg.active{display:block}.earth .content .bg .bgInner{width:100%}@media (max-width: 991px){.earth .content .bg .bgInner{width:300%;overflow:hidden}}@media (max-width: 576px){.earth .content .bg .bgInner{width:350%}}@media (max-width: 480px){.earth .content .bg .bgInner{width:380%}}@media (max-width: 400px){.earth .content .bg .bgInner{width:420%}}@media (max-width: 350px){.earth .content .bg .bgInner{width:450%}}@media (max-width: 300px){.earth .content .bg .bgInner{width:500%}}.earth .content .bg .videoWrap:before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(0deg,#0000004d,#0000004d);content:""}.earth .content .bg .videoWrap video{margin-bottom:-2px}@media (max-width: 576px){.earth .content .bg .videoWrap video{position:relative;left:-1px}}.earth .content .main{z-index:2;width:90%;margin:auto}.earth .content .main .titleBar{position:relative;margin-right:0;margin-left:auto;margin-bottom:40px}.earth .content .main .titleBar .titleTxt{margin-top:4px}.earth .content .main .titleBar.active .chTitle,.earth .content .main .titleBar.active .titleTxt{color:#f5f5f5}.earth .content .main .layers{position:relative}.earth .content .main .layers .earthInner{position:relative;width:648px;margin:auto}@media (max-width: 1600px){.earth .content .main .layers .earthInner{width:40%}}@media (max-width: 991px){.earth .content .main .layers .earthInner{width:70%;margin-top:60px}}@media (max-width: 576px){.earth .content .main .layers .earthInner{width:80%;margin-top:48px}}@media (max-width: 375px){.earth .content .main .layers .earthInner{margin-top:40px}}.earth .content .main .layers .earthInner .earthImg{position:relative;width:100%}.earth .content .main .layers .earthInner .circleBtnWrap{display:inline-grid;position:absolute;top:0;width:100%;height:100%}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn{display:flex;position:absolute;flex-wrap:wrap;justify-content:center;width:18%;cursor:pointer;grid-area:1/1/2/2}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn .click{display:none;width:55%}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn .circle{background:url(../images/index/earth/circle-1.png) no-repeat center center/contain}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn img{position:relative}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn.circleBtn1{top:17%;left:18%;align-self:start;justify-self:start}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn.circleBtn2{top:46%;left:76%;align-self:center;justify-self:end}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn.circleBtn2 .circle{transform:rotate(-20deg)}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn.circleBtn3{top:75%;left:23%;align-self:end;justify-self:start}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn.circleBtn3 .circle{transform:rotate(78deg)}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn.first .click{display:block;animation:upDownMove 2s infinite}.earth .content .main .layers .earthInner .circleBtnWrap .circleBtn.active .circle{animation:shiny .5s infinite linear}.earth .content .main .layers .boxes{display:inline-grid;position:absolute;top:0;right:0;left:0;max-width:1800px;height:100%;pointer-events:none;margin-right:auto;margin-left:auto}@media (max-width: 991px){.earth .content .main .layers .boxes{display:flex;position:relative;flex-wrap:wrap;justify-content:center;margin-top:60px}}@media (max-width: 576px){.earth .content .main .layers .boxes{margin-top:48px}}@media (max-width: 375px){.earth .content .main .layers .boxes{margin-top:40px}}.earth .content .main .layers .boxes .box{grid-area:1/1/2/2;display:none;justify-content:center;align-items:center;max-width:500px;background:#fff0;border:.5px solid rgba(255,255,255,.7);border-radius:40px;box-shadow:2px 2px .5px -2px #ffffff80 inset,-2px -2px 10px -2px #ffffff80 inset,0 0 8px #a0a0a080 inset,0 4px 24px -4px #00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 1800px){.earth .content .main .layers .boxes .box{width:25vw}}@media (max-width: 991px){.earth .content .main .layers .boxes .box{width:auto;max-width:700px}}@media (max-width: 768px){.earth .content .main .layers .boxes .box{width:75%;max-width:none}}.earth .content .main .layers .boxes .box.active{display:flex;animation:scaleIn .5s forwards}.earth .content .main .layers .boxes .box .boxWrap{padding:6%;color:#f5f5f5}@media (max-width: 576px){.earth .content .main .layers .boxes .box .boxWrap{padding:10%}}.earth .content .main .layers .boxes .box .boxWrap .hr{width:100%;height:1px;margin:12px auto;background:#f5f5f5}.earth .content .main .layers .boxes .box .boxWrap .txt{font-weight:400}.earth .content .main .layers .boxes .box.box1{align-self:start;justify-self:start}.earth .content .main .layers .boxes .box.box2{align-self:center;justify-self:end}.earth .content .main .layers .boxes .box.box3{align-self:end;justify-self:start}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.balls .containerFluid{height:1200px;overflow:hidden}@media (max-width: 768px){.balls .containerFluid{height:auto}}.balls .content{display:inline-grid;position:relative;left:50%;width:168vw;transform:translate(-50%);margin-top:200px;aspect-ratio:1/1}@media (max-width: 768px){.balls .content{margin-top:80px;margin-bottom:80px}}@media (max-width: 440px){.balls .content{width:184.8vw}}@media (max-width: 380px){.balls .content{width:252vw}}.balls .content .inner{grid-area:1/1/2/2}.balls .content .inner.round{display:flex;position:relative;justify-content:center;height:100%;border:1px dashed #817c79;border-radius:50%;transform:rotate(-30deg);justify-self:center;transform-origin:50% 50%;aspect-ratio:1/1}@media (max-width: 768px){.balls .content .inner.round{transform:rotate(-24deg)}}@media (max-width: 380px){.balls .content .inner.round{transform:rotate(-16deg)}}.balls .content .inner.round .items{display:inline-grid;transform:translateY(-103px)}@media (max-width: 1200px){.balls .content .inner.round .items{transform:translateY(-79.3px)}}@media (max-width: 480px){.balls .content .inner.round .items{transform:translateY(-59.4px)}}.balls .content .inner.round .items:before{background:url(../images/index/balls/zero.png);background-position:center 120px;background-repeat:no-repeat;background-size:48px auto;transform:rotate(-7deg);content:"";grid-area:1/1/2/2;transform-origin:center bottom}@media (max-width: 1300px){.balls .content .inner.round .items:before{transform:rotate(-8deg)}}@media (max-width: 1200px){.balls .content .inner.round .items:before{background-position:center 100px}}@media (max-width: 768px){.balls .content .inner.round .items:before{background-position:center 90px;transform:rotate(24deg)}}@media (max-width: 480px){.balls .content .inner.round .items:before{background-position:center 80px}}@media (max-width: 420px){.balls .content .inner.round .items:before{background-position:center 70px;background-size:32px auto}}@media (max-width: 380px){.balls .content .inner.round .items:before{transform:rotate(16deg)}}.balls .content .inner.round .items:after{background:url(../images/index/balls/one.png);background-position:center 120px;background-repeat:no-repeat;background-size:48px auto;transform:rotate(67deg);content:"";grid-area:1/1/2/2;transform-origin:center bottom}@media (max-width: 1300px){.balls .content .inner.round .items:after{transform:rotate(68deg)}}@media (max-width: 1200px){.balls .content .inner.round .items:after{background-position:center 85px}}@media (max-width: 768px){.balls .content .inner.round .items:after{background:url(../images/index/balls/one2.png);background-position:center 90px;background-repeat:no-repeat;background-size:48px auto;transform:rotate(204deg)}}@media (max-width: 576px){.balls .content .inner.round .items:after{background-position:center 70px}}@media (max-width: 480px){.balls .content .inner.round .items:after{background-position:center 65px}}@media (max-width: 420px){.balls .content .inner.round .items:after{background-position:center 70px;background-size:32px auto}}@media (max-width: 380px){.balls .content .inner.round .items:after{background-position:center 55px;transform:rotate(196deg)}}@media (max-width: 340px){.balls .content .inner.round .items:after{background-position:center 70px}}@media (max-width: 320px){.balls .content .inner.round .items:after{background-position:center 75px}}.balls .content .inner.round .items .item{display:flex;flex-direction:column;align-items:center;height:calc(84vw + 24px);transition:transform .5s;transform:rotate(0);grid-area:1/1/2/2;transform-origin:50% 100%}@media (max-width: 1200px){.balls .content .inner.round .items .item{height:calc((84vw + 24px)*.95)}}@media (max-width: 576px){.balls .content .inner.round .items .item{height:calc((84vw + 24px)*.92)}}@media (max-width: 480px){.balls .content .inner.round .items .item{height:calc((92.4vw + 24px)*.8)}}@media (max-width: 440px){.balls .content .inner.round .items .item{height:calc((92.4vw + 24px)*.88)}}@media (max-width: 380px){.balls .content .inner.round .items .item{height:calc((126vw + 24px)*.89)}}.balls .content .inner.round .items .item .itemImg{padding:12px;border-radius:50%;cursor:pointer}@media (max-width: 1200px){.balls .content .inner.round .items .item .itemImg{width:110.6px}}@media (max-width: 768px){.balls .content .inner.round .items .item .itemImg{width:142.2px}}@media (max-width: 576px){.balls .content .inner.round .items .item .itemImg{width:126.4px}}@media (max-width: 480px){.balls .content .inner.round .items .item .itemImg{width:94.8px;padding:6px}}.balls .content .inner.round .items .item .itemBar{width:1px;height:100%}.balls .content .inner.round .items .item.active .itemImg{border:thin dashed #817c79}.balls .content .inner.round .active .items .item1{transform:rotate(0)}.balls .content .inner.round .active .items .item1 .itemImg{transform:rotate(30deg)}@media (max-width: 768px){.balls .content .inner.round .active .items .item1 .itemImg{transform:rotate(24deg)}}@media (max-width: 380px){.balls .content .inner.round .active .items .item1 .itemImg{transform:rotate(16deg)}}.balls .content .inner.round .active .items .item2{transform:rotate(15deg)}@media (max-width: 768px){.balls .content .inner.round .active .items .item2{transform:rotate(48deg)}}@media (max-width: 380px){.balls .content .inner.round .active .items .item2{transform:rotate(32deg)}}.balls .content .inner.round .active .items .item2 .itemImg{transform:rotate(15deg)}@media (max-width: 768px){.balls .content .inner.round .active .items .item2 .itemImg{transform:rotate(-24deg)}}@media (max-width: 380px){.balls .content .inner.round .active .items .item2 .itemImg{transform:rotate(-16deg)}}.balls .content .inner.round .active .items .item3{transform:rotate(45deg)}@media (max-width: 768px){.balls .content .inner.round .active .items .item3{transform:rotate(180deg)}}.balls .content .inner.round .active .items .item3 .itemImg{transform:rotate(-15deg)}@media (max-width: 768px){.balls .content .inner.round .active .items .item3 .itemImg{transform:rotate(-156deg)}}@media (max-width: 380px){.balls .content .inner.round .active .items .item3 .itemImg{transform:rotate(-164deg)}}.balls .content .inner.round .active .items .item4{transform:rotate(60deg)}@media (max-width: 768px){.balls .content .inner.round .active .items .item4{transform:rotate(228deg)}}@media (max-width: 380px){.balls .content .inner.round .active .items .item4{transform:rotate(212deg)}}.balls .content .inner.round .active .items .item4 .itemImg{transform:rotate(-30deg)}@media (max-width: 768px){.balls .content .inner.round .active .items .item4 .itemImg{transform:rotate(-204deg)}}@media (max-width: 380px){.balls .content .inner.round .active .items .item4 .itemImg{transform:rotate(-196deg)}}.balls .content .inner.main{margin-top:240px}@media (max-width: 768px){.balls .content .inner.main{align-self:center;width:72%;margin-right:auto;margin-left:auto;margin-top:0}}.balls .content .inner.main .titleBar{margin:auto auto 48px}.balls .content .inner.main .opening{display:none;position:relative;z-index:100;max-width:1096px;margin:auto}.balls .content .inner.main .opening.active{display:block}@media (max-width: 991px){.balls .content .inner.main .opening{width:85vw}}.balls .content .inner.main .explain{display:none;max-width:1096px;margin:auto;overflow:hidden}.balls .content .inner.main .explain.active{display:block}@media (max-width: 991px){.balls .content .inner.main .explain{width:85vw}}@media (max-width: 768px){.balls .content .inner.main .explain .titleBar{max-width:500px}}@media (max-width: 576px){.balls .content .inner.main .explain .titleBar{margin-bottom:24px!important}}.balls .content .inner.main .explain .titleBar .enTitle{margin-bottom:6px}.balls .content .inner.main .explain .titleBar .titleTxt{margin-top:8px}.balls .content .inner.main .explain .itemWrap .items .item .itemIntro{max-width:450px;margin:auto;padding:4%;background:linear-gradient(0deg,#ffffff1a,#ffffff1a),#ffffff80;border-radius:32px;box-shadow:2px 2px 2px -2px #fff inset,-2px -2px 2px -2px #fff inset,0 0 8px #00000014;background-blend-mode:normal,darken;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 480px){.balls .content .inner.main .explain .itemWrap .items .item .itemIntro{width:95%}}.balls .content .inner.main .explain .itemWrap .items .item .itemIntro .enTitle{font-family:"Noto Serif Display",serif;font-weight:700;margin-bottom:4px}.balls .content .inner.main .explain .itemWrap .items .item .itemIntro .txt{margin-top:8px}.balls .content .inner.footprints{width:70px;justify-self:center;transform:translateY(-27px)}@media (max-width: 768px){.balls .content .inner.footprints{width:60px;transform:translateY(50px)}}@media (max-width: 576px){.balls .content .inner.footprints{width:48px;transform:translateY(70px)}}@media (max-width: 480px){.balls .content .inner.footprints{width:36px;transform:translateY(60px)}}@media (max-width: 410px){.balls .content .inner.footprints{width:28px;transform:translateY(40px)}}@media (max-width: 380px){.balls .content .inner.footprints{width:36px;transform:translateY(60px)}}@media (max-width: 320px){.balls .content .inner.footprints{width:28px;transform:translateY(40px)}}@media (max-width: 300px){.balls .content .inner.footprints{display:none}}.hero .container{display:flex;justify-content:center}.hero .container .content{position:relative;left:6vw;width:1412px}@media (max-width: 1800px){.hero .container .content{left:2vw}}@media (max-width: 1500px){.hero .container .content{left:0;width:90%}}@media (max-width: 768px){.hero .container .content{padding:20px 0}}@media (max-width: 576px){.hero .container .content{width:85%}}.hero .container .content .titleBar{margin-bottom:40px}@media (max-width: 576px){.hero .container .content .titleBar{text-align:center}}.hero .container .content .inner .itemWrap{padding-bottom:80px}@media (max-width: 576px){.hero .container .content .inner .itemWrap{width:75%}}.hero .container .content .inner .itemWrap .items .item .itemVideo{display:inline-grid}.hero .container .content .inner .itemWrap .items .item .itemVideo .layer{grid-area:1/1/2/2}.hero .container .content .inner .itemWrap .items .item .itemVideo .videoWrap video{width:100%;border-radius:32px;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.hero .container .content .inner .itemWrap .items .item .itemVideo .videoWrap video{border-radius:24px}}.hero .container .content .inner .itemWrap .items .item .itemVideo .icon{position:relative;right:16px;bottom:16px;align-self:flex-end;width:42px;justify-self:flex-end;cursor:pointer}@media (max-width: 768px){.hero .container .content .inner .itemWrap .items .item .itemVideo .icon{right:12px;bottom:12px;width:36px}}.hero .container .content .inner .itemWrap .items .item .itemVideo .icon .voiceIcon,.hero .container .content .inner .itemWrap .items .item .itemVideo .icon .muteIcon,.hero .container .content .inner .itemWrap .items .item .itemVideo .icon.voice .playIcon,.hero .container .content .inner .itemWrap .items .item .itemVideo .icon.voice .muteIcon{display:none}.hero .container .content .inner .itemWrap .items .item .itemVideo .icon.voice .voiceIcon{display:block}.hero .container .content .inner .itemWrap .items .item .itemVideo .icon.mute .playIcon,.hero .container .content .inner .itemWrap .items .item .itemVideo .icon.mute .voiceIcon{display:none}.hero .container .content .inner .itemWrap .items .item .itemVideo .icon.mute .muteIcon{display:block}.hero .container .content .inner .itemWrap .items .item .itemIntro{width:85%;margin:auto}.hero .container .content .inner .itemWrap .items .item .itemIntro .introWrap .title{margin:16px auto 20px;font-family:"Noto Serif Display",Noto Sans TC}.hero .container .content .inner .itemWrap .items .item .itemIntro .introWrap .txt{margin-top:8px}.hero .container .content .inner .itemWrap .items .item .itemIntro .introWrap .btnArrowWrap{margin:20px auto}@media (max-width: 768px){.hero .container .content .inner .itemWrap .items .item .itemIntro .introWrap .btnArrowWrap{margin:16px auto 0}}.moment{padding:80px 0}@media (max-width: 768px){.moment .content{padding:20px 0}}.moment .content .titleBar{max-width:1000px;margin:auto}@media (max-width: 1200px){.moment .content .titleBar{width:80vw}}.moment .content .inner{margin-top:80px}@media (max-width: 576px){.moment .content .inner{margin-top:40px}}.moment .content .inner .itemWrap .items{position:relative;left:2vw;max-width:1800px}@media (min-width: 1921px){.moment .content .inner .itemWrap .items{left:0;max-width:2000px;margin:auto}}@media (max-width: 991px){.moment .content .inner .itemWrap .items{left:6vw}}@media (max-width: 576px){.moment .content .inner .itemWrap .items{left:0}}.moment .content .inner .itemWrap .items .item a{display:inline-grid}@media (max-width: 576px){.moment .content .inner .itemWrap .items .item a{display:grid;width:100%;justify-items:center}}.moment .content .inner .itemWrap .items .item .layer{grid-area:1/1/2/2}@media (max-width: 850px){.moment .content .inner .itemWrap .items .item .layer{width:40vw;justify-self:center}}@media (max-width: 576px){.moment .content .inner .itemWrap .items .item .layer{width:60vw;justify-self:center;margin:0 auto}}@media (max-width: 500px){.moment .content .inner .itemWrap .items .item .layer{width:70vw;justify-self:center}}.moment .content .inner .itemWrap .items .item .itemIntro{display:inline-grid;position:relative;bottom:12px;align-self:flex-end;color:#f5f5f5}.moment .content .inner .itemWrap .items .item .itemIntro .layer2{grid-area:1/1/2/2}.moment .content .inner .itemWrap .items .item .itemIntro .introBg{justify-self:center;align-self:flex-end;width:92%}.moment .content .inner .itemWrap .items .item .itemIntro .introBg img{background-blend-mode:normal,overlay;-webkit-backdrop-filter:blur(1.2px);backdrop-filter:blur(1.2px)}.moment .content .inner .itemWrap .items .item .itemIntro .btn{position:relative;top:20px;right:8.5%;align-self:flex-start;justify-self:flex-end}.moment .content .inner .itemWrap .items .item .itemIntro .btn .btnArrow{filter:invert(1) brightness(2)}.story{width:100%;overflow:hidden}.story .container{display:flex;justify-content:flex-start;overflow:visible}@media (min-width: 1921px){.story .container{justify-content:center}}.story .container .content{position:relative;left:5vw;max-width:1800px}@media (min-width: 1921px){.story .container .content{left:0;margin:auto}}@media (max-width: 768px){.story .container .content{left:6vw;width:1400px;padding:40px 0}}@media (max-width: 576px){.story .container .content{width:1000px}}@media (max-width: 460px){.story .container .content{left:7vw;width:900px}}.story .container .content .titleBar{margin-bottom:40px}@media (max-width: 991px){.story .container .content .titleBar{width:70vw}}@media (max-width: 460px){.story .container .content .titleBar{width:65vw}}@media (max-width: 393px){.story .container .content .titleBar{width:62vw}}.story .container .content .inner .itemWrap .items .item a .itemInner{display:inline-grid;overflow:hidden;border-radius:32px;aspect-ratio:724/520}@media (max-width: 576px){.story .container .content .inner .itemWrap .items .item a .itemInner{aspect-ratio:1/1}}@media (max-width: 576px){.story .container .content .inner .itemWrap .items .item a .itemInner .bg{overflow:hidden}}.story .container .content .inner .itemWrap .items .item a .itemInner .bg img{transition:all .5s ease}@media (max-width: 576px){.story .container .content .inner .itemWrap .items .item a .itemInner .bg img{width:auto;height:100%;transition:none;transform:translate(-15%);aspect-ratio:724/520}}.story .container .content .inner .itemWrap .items .item a .itemInner .layer{grid-area:1/1/2/2}.story .container .content .inner .itemWrap .items .item a .itemInner .overlay{z-index:2;align-self:flex-end;height:160px;background:linear-gradient(180deg,#1e1e1e00 6.56%,#222c)}@media (max-width: 576px){.story .container .content .inner .itemWrap .items .item a .itemInner .overlay{height:70%}}.story .container .content .inner .itemWrap .items .item a .itemInner .brand{display:flex;position:relative;top:20px;left:20px;justify-content:center;align-items:center;align-self:flex-start;justify-self:flex-start}.story .container .content .inner .itemWrap .items .item a .itemInner .brand p{padding:16px;background:#64646466;border-radius:32px;box-shadow:1px .5px #fff9 inset,-1px -1px #fff6 inset,0 0 5px #ffffff26 inset,0 2px 20px 2px #3535350d inset,0 2px 30px #0000000d,0 8px 72px -5px #0000001a;color:#f5f5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story .container .content .inner .itemWrap .items .item a .itemInner .desc{display:flex;position:relative;bottom:20px;left:20px;z-index:3;justify-content:center;align-items:center;align-self:flex-end;width:82%}@media (max-width: 576px){.story .container .content .inner .itemWrap .items .item a .itemInner .desc{width:74%}}.story .container .content .inner .itemWrap .items .item a .itemInner .desc p{color:#f5f5f5}.story .container .content .inner .itemWrap .items .item a .itemInner .btn{position:relative;right:16px;bottom:52px;z-index:3;align-self:flex-end;justify-self:flex-end}.story .container .content .inner .itemWrap .items .item a .itemInner .btn .btnArrow{filter:invert(1) brightness(2)}.story .container .content .inner .itemWrap .items .item a:hover .itemInner .bg img{transform:scale(1.05)}@media (max-width: 576px){.story .container .content .inner .itemWrap .items .item a:hover .itemInner .bg img{transform:translate(-15%)}}.select .content{display:flex;justify-content:center;align-items:center;width:90%;margin:auto;gap:70px}@media (max-width: 1200px){.select .content{gap:40px}}@media (max-width: 991px){.select .content{flex-direction:column-reverse;width:80%}}@media (max-width: 768px){.select .content{padding:20px 0 40px}}.select .content .imgWrap{overflow:hidden;border-radius:32px}@media (max-width: 991px){.select .content .imgWrap{max-width:600px}}.select .content .titleWrap .titleBar{margin-bottom:48px}@media (max-width: 1200px){.select .content .titleWrap .titleBar{margin-bottom:28px}}.select .content .titleWrap .titleBar>*{color:#f5f5f5;text-align:right}@media (max-width: 991px){.select .content .titleWrap .titleBar>*{text-align:left}}.select .content .titleWrap .btn{justify-content:flex-end}@media (max-width: 991px){.select .content .titleWrap .btn{justify-content:flex-start}}.select .content .titleWrap .btn>*{color:#f5f5f5}.select .content .titleWrap .btn .btnArrow{filter:invert(1) brightness(2)}.mission{padding:80px 0}.mission .container{display:flex;justify-content:center}.mission .container .content{display:flex;flex-direction:column;justify-content:center;width:90%;margin:auto;background:url(../images/index/mission/table-bg.jpg) no-repeat center top/cover;border-radius:48px}@media (max-width: 768px){.mission .container .content{width:80%}}.mission .container .content .titleBar{max-width:1000px;margin:auto}@media (max-width: 991px){.mission .container .content .titleBar{width:80%}}.mission .container .content .titleBar>*{color:#f5f5f5}.mission .container .content .inner{display:inline-grid;margin:40px auto}.mission .container .content .inner .layer{grid-area:1/1/2/2;align-self:center;justify-self:center}.mission .container .content .inner .table{max-width:694px;margin:auto}@media (max-width: 768px){.mission .container .content .inner .table{width:80%}}.mission .container .content .inner .txt .text{color:#32373f;font-family:"Noto Serif Display",Noto Sans TC;line-height:1.4;text-align:center;transform:translateY(-6%)}@media (max-width: 768px){.mission .container .content .inner .txt .text{line-height:1.2}}@media (max-width: 500px){.mission .container .content .inner .txt .text{font-size:1.2rem}}@media (max-width: 393px){.mission .container .content .inner .txt .text{font-size:1rem}}.mission .container .content .btn>*{color:#f5f5f5}.mission .container .content .btn .btnArrow{filter:invert(1) brightness(2)}.sdgs .container{display:flex;justify-content:center}.sdgs .container .content{width:1733px;margin:auto}@media (max-width: 576px){.sdgs .container .content{width:768px}}@media (max-width: 375px){.sdgs .container .content{width:600px}}.sdgs .container .content .titleBar{max-width:1000px;margin:auto}@media (max-width: 1200px){.sdgs .container .content .titleBar{width:80vw}}.sdgs .container .content .titleBar>*{color:#f5f5f5}.sdgs .container .content .inner{margin-top:80px}@media (max-width: 576px){.sdgs .container .content .inner{margin-top:40px}}.sdgs .container .content .inner .itemWrap .items .item>*{color:#f5f5f5}.sdgs .container .content .inner .itemWrap .items .item a{display:flex;flex-direction:column;justify-content:center}.sdgs .container .content .inner .itemWrap .items .item:nth-child(odd){margin-top:36px}.sdgs .container .content .inner .itemWrap .items .item:nth-child(2n) a{flex-direction:column-reverse}.sdgs .container .content .inner .itemWrap .items .item .imgWrap{overflow:hidden;border-radius:32px}.sdgs .container .content .inner .itemWrap .items .item .itemIntro{padding:37px 27px;background:linear-gradient(0deg,#ffffff1a,#ffffff1a),#0000001a;border-radius:32px;box-shadow:0 8px 12px #00000014,-1px 0 5.3px #fff inset,0 0 2px #fff inset;background-blend-mode:normal,darken;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 375px){.sdgs .container .content .inner .itemWrap .items .item .itemIntro{padding:24px}}.sdgs .container .content .inner .itemWrap .items .item .itemIntro .contTxt{margin:4px 0 8px}.sdgs .container .content .inner .itemWrap .items .item .itemIntro .btn{margin-top:8px;justify-content:flex-end}.sdgs .container .content .inner .itemWrap .items .item .itemIntro .btn .btnArrow{filter:invert(1) brightness(2)}.logos{padding-bottom:800px}@media (max-width: 576px){.logos{padding-bottom:500px}}@media (max-width: 460px){.logos{padding-bottom:400px}}@media (max-width: 576px){.logos .content{width:80%;margin:auto}}.logos .content .logosWrap{display:flex;flex-direction:column;gap:100px}@media (max-width: 576px){.logos .content .logosWrap{gap:40px}}@media (max-width: 576px){.logos .content .logosWrap .logoList{width:80%;margin:auto}}.logos .content .logosWrap .logoList .title{color:#f5f5f5;margin-bottom:40px}@media (max-width: 576px){.logos .content .logosWrap .logoList .title{margin-bottom:20px}}.logos .content .logosWrap .logoList .logoInner{display:flex;justify-content:center;align-items:center;gap:40px}.logos .content .logosWrap .logoList .logoInner .mclogo{max-width:400px}.logos .content .logosWrap .logoList .logoInner .imgWrap{width:auto;height:77px}.swiper{position:relative;padding-bottom:36px}@media (max-width: 576px){.swiper{padding-bottom:24px}}.swiper.storySlider{overflow:visible}.swiper.storySlider .arrowWrap{display:flex;position:absolute;top:0;right:calc(-95vw + 100% + 40px + max(0px,(100vw - 1920px) / 2));z-index:2;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:auto;transform:translateY(calc(-100% - 40px))}@media (max-width: 768px){.swiper.storySlider .arrowWrap{gap:4px}}.swiper.storySlider .arrowWrap .prev,.swiper.storySlider .arrowWrap .next{position:relative;inset:auto;flex-shrink:0;box-sizing:border-box;width:36px;height:36px;margin:0;border-radius:50%}@media (max-width: 576px){.swiper.storySlider .arrowWrap .prev,.swiper.storySlider .arrowWrap .next{width:32px;height:32px}}@media (max-width: 375px){.swiper.storySlider .arrowWrap .prev,.swiper.storySlider .arrowWrap .next{width:28px;height:28px}}.swiper.storySlider .arrowWrap .prev{background:url(../images/arrow-left.svg) no-repeat center 45%;background-size:98% auto}.swiper.storySlider .arrowWrap .next{background:url(../images/arrow-right.svg) no-repeat 55% 45%;background-size:98% auto}.swiper.storySlider .arrowWrap svg{display:none}.swiper .pageDots{position:absolute;top:96%}@media (max-width: 576px){.swiper .pageDots{top:94%}}.swiper .pageDots .swiper-pagination-bullet{width:50px;height:6px;background:#c4bebb;border-radius:20px;opacity:1}@media (max-width: 768px){.swiper .pageDots .swiper-pagination-bullet{width:8%;height:3px;margin:2px}}@media (max-width: 576px){.swiper .pageDots .swiper-pagination-bullet{width:12%}}.swiper .pageDots .swiper-pagination-bullet-active{background:#64605e;opacity:1}.swiper.momentSlider{padding-bottom:80px}@media (max-width: 375px){.swiper.momentSlider{padding-bottom:60px}}@media (max-width: 768px){.swiper.momentSlider .pageDots .swiper-pagination-bullet{width:5%}}@media (max-width: 576px){.swiper.momentSlider .pageDots .swiper-pagination-bullet{width:5%}}.swiper.sdgsSlider{padding-bottom:80px}@media (max-width: 375px){.swiper.sdgsSlider{padding-bottom:60px}}.swiper.sdgsSlider .pageDots .swiper-pagination-bullet{width:2%}@media (max-width: 576px){.swiper.sdgsSlider .pageDots .swiper-pagination-bullet{width:3%}}.pageBgWrap{background:url(../images/index/bg2.jpg) no-repeat center top/100% 100%}@keyframes shiny{0%{background:url(../images/index/earth/circle-2.png) no-repeat center center/contain}to{background:url(../images/index/earth/circle-3.png) no-repeat center center/contain}}.menu .menuWrap .menuOpenWrap{padding-top:8vh;padding-bottom:8vh;width:480px;height:calc(100vh + 10px);background:url(../images/sidebar.jpg) no-repeat center bottom/cover;transition:all .5s ease}.introPage{background:url(../images/intro/bg.jpg) no-repeat center bottom/cover;padding-bottom:700px}@media (max-width: 1200px){.introPage{padding-bottom:600px}}@media (max-width: 768px){.introPage{padding-bottom:500px}}@media (max-width: 576px){.introPage{padding-bottom:440px}}.introPage .intro{padding-top:140px}@media (max-width: 768px){.introPage .intro{padding-top:80px}}.introPage .intro .content{margin-bottom:0}.introPage .intro .content .introWrap{display:flex;justify-content:center;align-items:center;gap:2%}@media (max-width: 1200px){.introPage .intro .content .introWrap{flex-direction:column;gap:40px}}.introPage .intro .content .introWrap .titleBar{width:30%}@media (max-width: 1200px){.introPage .intro .content .introWrap .titleBar{width:80%;text-align:center}}.introPage .intro .content .introWrap .video{width:60%}@media (max-width: 1200px){.introPage .intro .content .introWrap .video{width:95%}}.introPage .intro .content .introWrap .video .videoWrap{display:inline-grid}.introPage .intro .content .introWrap .video .videoWrap .layer{grid-area:1/1/2/2}.introPage .intro .content .introWrap .video video{width:100%;aspect-ratio:16/9;border-radius:32px}@media (max-width: 576px){.introPage .intro .content .introWrap .video video{border-radius:16px}}.introPage .intro .content .introWrap .video .iconWrap{align-self:flex-end}.introPage .intro .content .introWrap .video .iconWrap .icon{position:relative;bottom:16px;left:16px;width:32px}@media (max-width: 768px){.introPage .intro .content .introWrap .video .iconWrap .icon{bottom:12px;left:12px;width:24px}}.introPage .intro .content .introWrap .video .iconWrap .icon{cursor:pointer}.introPage .intro .content .desc{max-width:810px;margin:125px auto auto}@media (max-width: 1200px){.introPage .intro .content .desc{width:80%;margin-top:56px}}.introPage .intro .content .desc .descWrap{display:flex;flex-direction:column;gap:28px}.pageBgWrap{background:url(../images/index/bg2.jpg) no-repeat center top/100% 100%}@keyframes shiny{0%{background:url(../images/index/earth/circle-2.png) no-repeat center center/contain}to{background:url(../images/index/earth/circle-3.png) no-repeat center center/contain}}.menu .menuWrap .menuOpenWrap{padding-top:8vh;padding-bottom:8vh;width:480px;height:calc(100vh + 10px);background:url(../images/sidebar.jpg) no-repeat center bottom/cover;transition:all .5s ease}.gameInfo{display:none}.gameInfo>*{color:#f5f5f5}.gameInfo.active{display:block}.gameInfo .titleBar{max-width:1000px;margin:auto;padding-top:140px}@media (max-width: 768px){.gameInfo .titleBar{width:90%;padding-top:100px}}@media (max-width: 576px){.gameInfo .titleBar{padding-top:68px}}.gameInfo .titleBar>*{color:#f5f5f5}.gameInfo .titleBar .enTitle{color:#f5f5f5}.gameInfo .inner{display:flex;flex-direction:column;gap:48px;margin:68px auto}@media (max-width: 576px){.gameInfo .inner{margin:32px auto}}.gameInfo .inner .box{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;width:750px;margin:auto;padding:48px 0;background:linear-gradient(0deg,#ffffff1a,#ffffff1a),#ffffff0d;border-radius:32px;box-shadow:0 4px 4px #00000040,0 8px 12px #00000014,-1px 0 5.3px #fff inset,0 0 2px #fff inset;gap:48px;background-blend-mode:normal,darken;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 991px){.gameInfo .inner .box{width:90%}}@media (max-width: 991px){.gameInfo .inner .box .cont{width:85%}}.gameInfo .inner .box .txt{margin-top:12px}.gameInfo .inner .box .gift{width:200px;margin:32px auto auto}@media (max-width: 576px){.gameInfo .inner .box .gift{width:180px;margin-top:24px}}.gameInfo .inner .box .btn{margin-top:28px;display:none}.gameInfo .inner .box .btn.active{display:flex}.gameInfo .inner .box .btn>*{color:#f5f5f5}.gameInfo .inner .box .btn .btnArrow{filter:invert(1) brightness(2)}.gameInfo .inner .score .boxWrap{display:flex;flex-direction:column;gap:48px;margin-top:40px}.gameInfo .inner .score .boxWrap .list{display:flex;justify-content:center;gap:12px;width:100%}.gameInfo .inner .score .boxWrap .list:nth-child(2n){flex-direction:row-reverse}.gameInfo .inner .score .boxWrap .list .imgWrap{max-width:118px}@media (max-width: 576px){.gameInfo .inner .score .boxWrap .list .imgWrap{width:30%}}@media (max-width: 393px){.gameInfo .inner .score .boxWrap .list .imgWrap{margin-top:20px}}.gameInfo .inner .score .boxWrap .list .descWrap{width:50%}@media (max-width: 576px){.gameInfo .inner .score .boxWrap .list .descWrap{width:60%}}.gamePageWrap{background:url(../images/game/bg.jpg) no-repeat center top/cover}.gameBox{display:none;position:relative;width:100%;max-width:750px;height:90vh;margin:0 auto;padding:12px;background:linear-gradient(270deg,#95a3ab33,#0003 50.48%,#95a3ab33);border-radius:24px}.gameBox.active{display:block}.gameBox .soundBtn{position:absolute;top:10px;right:10px;z-index:100;width:40px;height:40px;cursor:pointer}@media (max-width: 768px){.gameBox .soundBtn{width:32px;height:32px}}@media (max-width: 480px){.gameBox .soundBtn{width:24px;height:24px}}.gameBox .soundBtn.voice{background:url(../images/voice.png) no-repeat center center;background-size:100% 100%}.gameBox .soundBtn.mute{background:url(../images/mute.png) no-repeat center center;background-size:100% 100%}.gameBox .playground{position:relative;width:100%;height:calc(100% - 134px);margin:0 0 16px;overflow:hidden;border-radius:24px}@media (max-width: 375px){.gameBox .playground{height:calc(100% - 184px)}}.gameBox .playground .tips{display:none;position:absolute;z-index:99;flex-direction:column;justify-content:flex-end;background:#0009;top:0;right:0;bottom:0;left:0}.gameBox .playground .tips.active{display:flex}.gameBox .playground .tips .pic{display:flex;justify-content:space-evenly;align-items:center;width:100%;padding:24px 0}.gameBox .playground .tips .pic.pc .left,.gameBox .playground .tips .pic.pc .right{max-width:129px}.gameBox .playground .tips .pic.mo .left,.gameBox .playground .tips .pic.mo .right{max-width:30px}.gameBox .playground .tips .pic .left,.gameBox .playground .tips .pic .right{flex-basis:24%}.gameBox .playground .tips .count{color:#fff;font-size:12.8rem;font-weight:700;line-height:1.6;text-align:center}@media (max-width: 1400px){.gameBox .playground .tips .count{font-size:12rem}}@media (max-width: 768px){.gameBox .playground .tips .count{font-size:10rem}}@media (max-width: 576px){.gameBox .playground .tips .count{font-size:8rem}}@media (max-width: 480px){.gameBox .playground .tips .count{font-size:7.2rem}}.gameBox .playground .tips p{display:none;color:#fff;text-align:center}.gameBox .playground .tips p.active{display:block}.gameBox .playground .item{position:absolute;top:0;width:20%;padding:0 4%;animation:move 1.5s linear infinite}.gameBox .playground .item.path1{left:0}.gameBox .playground .item.path2{left:20%}.gameBox .playground .item.path3{left:40%}.gameBox .playground .item.path4{left:60%}.gameBox .playground .item.path5{left:80%}.gameBox .playground .item .bubble{max-width:53px;margin:0 auto;padding:4px;background:#fff0;border:.5px solid rgba(255,255,255,.7);border-radius:32px;box-shadow:0 4px 24px -4px #00000029,2px 2px .5px -2px #ffffff80 inset,-2px -2px 10px -2px #ffffff80 inset,0 0 8px #a0a0a080 inset;aspect-ratio:1/1;-webkit-backdrop-filter:blur(10.4px);backdrop-filter:blur(10.4px)}@media (max-width: 630px){.gameBox .playground .item .bubble{max-width:40px}}@media (max-width: 375px){.gameBox .playground .item .bubble{max-width:32px}}.gameBox .playground .boat{position:absolute;bottom:0;left:40%;width:20%}.gameBox .playground .clickArea{display:flex;position:absolute;z-index:99;cursor:pointer;top:0;right:0;bottom:0;left:0}.gameBox .playground .clickArea .left,.gameBox .playground .clickArea .right{flex-basis:50%;height:100%}.gameBox .information{display:flex;gap:12px;align-items:center;width:100%;padding:16px 24px;background:#fff0;border:.5px solid rgba(255,255,255,.7);border-radius:32px;box-shadow:2px 2px .5px -2px #ffffff80 inset,-2px -2px 10px -2px #ffffff80 inset,0 0 8px #a0a0a080 inset,0 4px 24px -4px #00000029;-webkit-backdrop-filter:blur(10.4px);backdrop-filter:blur(10.4px)}@media (max-width: 375px){.gameBox .information{flex-wrap:wrap}}.gameBox .information .txt{padding:0 8px;color:#fff}@media (max-width: 375px){.gameBox .information .txt{flex-basis:45%}}.gameBox .information .txt h3{margin:0;font-size:1.6rem;font-weight:600;text-align:center}@media (max-width: 630px){.gameBox .information .txt h3{font-size:1.4rem}}@media (max-width: 480px){.gameBox .information .txt h3{font-size:1.2rem}}.gameBox .information .txt p{margin:0;font-size:4rem;font-weight:600;text-align:center}@media (max-width: 630px){.gameBox .information .txt p{font-size:3rem}}@media (max-width: 480px){.gameBox .information .txt p{font-size:2.4rem}}.gameBox .information ul{display:flex;flex:1;justify-content:space-between;margin:0;padding:0;gap:12px}@media (max-width: 375px){.gameBox .information ul{flex-basis:100%}}.gameBox .information li{display:flex;align-items:center;gap:4px}@media (max-width: 750px){.gameBox .information li{gap:0}}@media (max-width: 630px){.gameBox .information li{flex-wrap:wrap;justify-content:center}}.gameBox .information li img{max-width:44px}.gameBox .information li span{color:#fff;font-size:2.6rem;font-weight:600;line-height:1.5}@media (max-width: 630px){.gameBox .information li span{font-size:2rem}}@media (max-width: 480px){.gameBox .information li span{font-size:1.6rem}}@keyframes move{0%{top:0}to{top:100%}}.gameForm{display:none;justify-content:center;align-items:center;font-size:5rem}.gameForm>*{color:#f5f5f5}.gameForm.active{display:flex}.gameForm .inner{width:100%;padding-top:140px;margin:0 auto}@media (max-width: 768px){.gameForm .inner{padding-top:100px}}@media (max-width: 576px){.gameForm .inner{padding-top:68px}}.gameForm .inner .box{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;width:750px;margin:auto;padding:48px 0;background:linear-gradient(0deg,#ffffff1a,#ffffff1a),#ffffff0d;border-radius:32px;box-shadow:0 4px 4px #00000040,0 8px 12px #00000014,-1px 0 5.3px #fff inset,0 0 2px #fff inset;gap:48px;background-blend-mode:normal,darken;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 991px){.gameForm .inner .box{width:90%}}@media (max-width: 991px){.gameForm .inner .box .cont{width:85%}}.gameForm .inner .box .cont .headTitle{margin-bottom:48px;text-shadow:0 0 10.2px rgba(255,255,255,.8)}.gameForm .inner .box .cont .txt{margin-top:12px}.gameForm .inner .box .cont .txt svg{transform:translateY(12%)}.gameForm .inner .box .cont .txt a{transition:all .2s linear}.gameForm .inner .box .cont .txt a:hover{color:#7ee5ff;text-decoration:underline}.gameForm .inner .box .cont .gift{width:200px;margin:32px auto auto}@media (max-width: 576px){.gameForm .inner .box .cont .gift{width:180px;margin-top:24px}}.gameForm .inner .box .cont .copyBtnWrap{margin-top:12px}.gameForm .inner .box .cont .copyBtnWrap .copyBtn{display:flex;justify-content:center}.gameForm .inner .box .cont .copyBtnWrap .copyBtn .pointer{display:flex;justify-content:center;align-items:center;width:178px;padding:12px 24px;background:#f1f3f4;border-radius:8px;color:#606464;cursor:pointer;gap:8px}.gameForm .inner .box .cont .copyBtnWrap .copyBtn .pointer svg{width:20px}.gameForm .inner .box .cont .form{display:none;justify-content:center;margin-top:10px}.gameForm .inner .box .cont .form.active{display:flex}.gameForm .inner .box .cont .form+.again{margin-top:48px;display:none}.gameForm .inner .box .cont .form+.again.active{display:flex}.gameForm .inner .box .cont .form .listWrap{display:flex;flex-direction:column;text-align:center}.gameForm .inner .box .cont .form .listWrap .list input{max-width:287px;padding:16px 24px;border:1px solid #75838d;border-radius:8px;color:#606464}@media (max-width: 420px){.gameForm .inner .box .cont .form .listWrap .list input{max-width:200px}}@media (max-width: 300px){.gameForm .inner .box .cont .form .listWrap .list input{max-width:160px}}.gameForm .inner .box .cont .form .btnsWrap{margin-top:40px;display:flex;justify-content:center;gap:20px}@media (max-width: 576px){.gameForm .inner .box .cont .form .btnsWrap{gap:8px}}@media (max-width: 420px){.gameForm .inner .box .cont .form .btnsWrap{flex-direction:column-reverse}}@media (max-width: 420px){.gameForm .inner .box .cont .form .btnsWrap .btn{width:100%;margin:8px auto}}.gameForm .inner .box .cont .form .btnsWrap .btn .btnArrow{filter:invert(1) brightness(2)}.gameForm .inner .box .cont .form .btnsWrap .btn2 .btnTxt,.gameForm .inner .box .cont .form .btnsWrap .btn2 .btnArrowWrap{box-shadow:0 0 17.4px #ffffff80,0 0 17.4px #ffffff80}.pageBgWrap{background:url(../images/index/bg2.jpg) no-repeat center top/100% 100%}@keyframes shiny{0%{background:url(../images/index/earth/circle-2.png) no-repeat center center/contain}to{background:url(../images/index/earth/circle-3.png) no-repeat center center/contain}}.menu .menuWrap .menuOpenWrap{padding-top:8vh;padding-bottom:8vh;width:480px;height:calc(100vh + 10px);background:url(../images/sidebar.jpg) no-repeat center bottom/cover;transition:all .5s ease}.pinkoi{background:url(../images/pinkoi/bg.jpg) no-repeat center bottom/cover}.pinkoi .content{padding:0}.pinkoi .content .pinkoiWrap .kv{background:url(../images/pinkoi/kv-bg.jpg) no-repeat left top/cover;padding-top:240px;padding-bottom:84px}@media (max-width: 991px){.pinkoi .content .pinkoiWrap .kv{padding-top:200px;padding-bottom:48px}}@media (max-width: 768px){.pinkoi .content .pinkoiWrap .kv{padding-top:160px}}.pinkoi .content .pinkoiWrap .kv>*{color:#f5f5f5}.pinkoi .content .pinkoiWrap .kv .kvWrap{position:relative;left:6%}@media (max-width: 991px){.pinkoi .content .pinkoiWrap .kv .kvWrap{left:0;width:85%;margin:auto}}.pinkoi .content .pinkoiWrap .kv .kvWrap .titleBar{margin-bottom:48px}@media (max-width: 991px){.pinkoi .content .pinkoiWrap .kv .kvWrap .titleBar{margin-bottom:28px}}.pinkoi .content .pinkoiWrap .kv .kvWrap .titleBar>*{color:#f5f5f5}.pinkoi .content .pinkoiWrap .kv .kvWrap .btnsWrap{display:flex;gap:40px}@media (max-width: 991px){.pinkoi .content .pinkoiWrap .kv .kvWrap .btnsWrap{gap:12px}}@media (max-width: 480px){.pinkoi .content .pinkoiWrap .kv .kvWrap .btnsWrap{flex-wrap:wrap}}.pinkoi .content .pinkoiWrap .kv .kvWrap .btnsWrap .btn .btnArrow{filter:invert(1) brightness(2)}.pinkoi .content .pinkoiWrap .shop{padding:80px 0 400px}@media (max-width: 576px){.pinkoi .content .pinkoiWrap .shop{padding:40px 0 200px}}.pinkoi .content .pinkoiWrap .shop .itemWrap{display:flex;flex-wrap:wrap;justify-content:center;width:88%;margin:auto;gap:2%}@media (max-width: 991px){.pinkoi .content .pinkoiWrap .shop .itemWrap{gap:3%}}@media (max-width: 768px){.pinkoi .content .pinkoiWrap .shop .itemWrap{width:92%}}.pinkoi .content .pinkoiWrap .shop .itemWrap .item{width:18%;margin-bottom:2%}@media (max-width: 1400px){.pinkoi .content .pinkoiWrap .shop .itemWrap .item{width:23%}}@media (max-width: 991px){.pinkoi .content .pinkoiWrap .shop .itemWrap .item{width:30%;margin-bottom:3%}}@media (max-width: 768px){.pinkoi .content .pinkoiWrap .shop .itemWrap .item{width:45%;margin-bottom:6%}}.pinkoi .content .pinkoiWrap .shop .itemWrap .item .itemInner .itemImg{width:100%;overflow:hidden;border-radius:32px}.pinkoi .content .pinkoiWrap .shop .itemWrap .item .itemInner .itemCont{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;width:100%;height:auto;padding:36px 28px;background:linear-gradient(0deg,#ffffff1a,#ffffff1a),#ffffff80;border-radius:32px;box-shadow:0 8px 12px #00000014,-1px 0 5.3px #fff inset,0 0 2px #fff inset;background-blend-mode:normal,darken;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:4px}@media (max-width: 576px){.pinkoi .content .pinkoiWrap .shop .itemWrap .item .itemInner .itemCont{padding:0}}@media (max-width: 576px) and (max-width: 576px){.pinkoi .content .pinkoiWrap .shop .itemWrap .item .itemInner .itemCont .contWrap{width:80%;margin:12% auto}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.ch{font-family:Noto Sans TC,sans-serif}.en{font-family:"Noto Serif Display",serif!important}.fontRed{color:#ff878c}.fontGreen{color:#7ee5ff}.headingLarger{font-family:Noto Sans TC,sans-serif;font-size:6.4rem;font-weight:700;line-height:1.2}@media (max-width: 1200px){.headingLarger{font-size:5.2rem}}@media (max-width: 991px){.headingLarger{font-size:4.8rem}}@media (max-width: 768px){.headingLarger{font-size:4rem}}@media (max-width: 576px){.headingLarger{font-size:3.2rem}}@media (max-width: 440px){.headingLarger{font-size:2.4rem}}.heading1{font-family:Noto Sans TC,sans-serif;font-size:4.4rem;font-weight:700;line-height:1.4}@media (max-width: 1400px){.heading1{font-size:4rem}}@media (max-width: 768px){.heading1{font-size:3.6rem}}@media (max-width: 576px){.heading1{font-size:2.8rem}}.heading2{font-family:Noto Sans TC,sans-serif;font-size:3.6rem;font-weight:700;line-height:1.6;letter-spacing:1.8px}@media (max-width: 768px){.heading2{font-size:3.2rem}}@media (max-width: 576px){.heading2{font-size:2rem}}.heading3{font-family:Noto Sans TC,sans-serif;font-size:3.2rem;font-weight:600;line-height:1.4}@media (max-width: 768px){.heading3{font-size:2.8rem}}@media (max-width: 576px){.heading3{font-size:1.8rem}}.heading4{font-family:Noto Sans TC,sans-serif;font-size:2.8rem;font-weight:600;line-height:1.6}@media (max-width: 576px){.heading4{font-size:1.6rem}}.heading5{font-family:Noto Sans TC,sans-serif;font-size:2.4rem;font-weight:700;line-height:1.6}@media (max-width: 1400px){.heading5{font-size:2rem}}@media (max-width: 768px){.heading5{font-size:1.8rem}}@media (max-width: 576px){.heading5{font-size:1.6rem}}.heading6{font-family:Noto Sans TC,sans-serif;font-size:1.8rem;font-weight:600;line-height:1.6}@media (max-width: 576px){.heading6{font-size:1.6rem}}.heading7{font-family:Noto Sans TC,sans-serif;font-size:1.6rem;font-weight:600;line-height:1.5}@media (max-width: 576px){.heading7{font-size:1.4rem}}.enHeading2{font-family:"Noto Serif Display",serif;font-size:4.8rem;font-weight:900;line-height:1.2;letter-spacing:1px;text-align:center}@media (max-width: 768px){.enHeading2{font-size:3.6rem}}@media (max-width: 576px){.enHeading2{font-size:2.4rem}}.text1{font-family:Noto Sans TC,sans-serif;font-size:1.8rem;font-weight:400;line-height:1.5}@media (max-width: 1400px){.text1{font-size:1.6rem}}@media (max-width: 576px){.text1{font-size:1.4rem}}.text2{font-family:Noto Sans TC,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.5}@media (max-width: 576px){.text2{font-size:1.4rem}}.text3{font-family:Noto Sans TC,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.5}@media (max-width: 576px){.text3{font-size:1.2rem}}.text4{font-family:Noto Sans TC,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.5}@media (max-width: 576px){.text4{font-size:1rem}}*,*:before,*:after{box-sizing:border-box;color:inherit}html{scroll-behavior:smooth;width:100%;color:#817c79;font-family:"Noto Serif Display",Noto Sans TC;font-size:10px}body{width:100%;margin:0;padding:0;background:#fff}main{display:block}img{width:100%;vertical-align:middle}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.5}button{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;font-family:inherit;cursor:pointer;outline:none}.container{width:100%;max-width:1920px;margin:0 auto;overflow:hidden}.containerFluid{width:100%}.content{padding:80px 0}.center{text-align:center}.left{text-align:left}.right{text-align:right}.hidePcmd{display:block}@media (max-width: 1280px){.hidePcmd{display:none}}.showPcmd{display:none}@media (max-width: 1280px){.showPcmd{display:block}}.hidePcsm{display:inline-block}@media (max-width: 991px){.hidePcsm{display:none}}.showPcsm{display:none}@media (max-width: 991px){.showPcsm{display:inline-block}}.hidePad{display:inline-block}@media (max-width: 768px){.hidePad{display:none}}.showPad{display:none}@media (max-width: 768px){.showPad{display:inline-block}}.hideMobile{display:inline-block}@media (max-width: 576px){.hideMobile{display:none}}.showMobile{display:none}@media (max-width: 576px){.showMobile{display:inline-block}}.pageBgWrap{background:url(../images/index/bg2.jpg) no-repeat center top/100% 100%}.titleBar{max-width:720px}.titleBar .enTitle{margin-bottom:12px;color:#64605e;font-family:"Noto Serif Display",serif;font-weight:600}.titleBar .chTitle{color:#817c79;font-family:"Noto Serif Display",Noto Sans TC}.titleBar .titleTxt{margin-top:8px;color:#817c79}.btn{display:flex;justify-content:center;align-items:center}.btn a{display:inline-block}.btn .btnWrap{display:flex;justify-content:center;align-items:center;transition:all .2s linear;gap:2px;cursor:pointer}.btn .btnWrap:hover{gap:16px}.btn .btnWrap .btnTxt{padding:16px 20px;background:#ffffff1a;border-radius:32px;box-shadow:1px .5px #fff9 inset,-1px -1px #fff6 inset,0 0 5px #ffffff26 inset,0 2px 20px 2px #3535350d inset,0 2px 30px #0000000d,0 8px 72px -5px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn .btnWrap .btnArrowWrap{display:flex;justify-content:center;align-items:center;width:42px;height:42px;background:#ffffff1a;border-radius:21px;box-shadow:1px .5px #fff9 inset,-1px -1px #fff6 inset,0 0 5px #ffffff26 inset,0 2px 20px 2px #3535350d inset,0 2px 30px #0000000d,0 8px 72px -5px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn .btnWrap .btnArrowWrap .btnArrow{width:24px}.more{display:flex;justify-content:center;align-items:center;color:#f5f5f5}.btnArrowWrap{display:flex;justify-content:center;align-items:center;width:42px;height:42px;background:linear-gradient(180deg,#d9e4ed80,#ffffff80);border-radius:32px;box-shadow:1px .5px #fff9 inset,-1px -1px #fff6 inset,0 0 5px #ffffff26 inset,0 2px 20px 2px #3535350d inset,0 2px 30px #0000000d,0 8px 72px -5px #0000001a;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px)}@media (max-width: 576px){.btnArrowWrap{width:28px;height:28px}}.btnArrowWrap .btnArrow{width:20px}@media (max-width: 576px){.btnArrowWrap .btnArrow{width:16px}}@keyframes upDownMove{0%{top:0}50%{top:-8px}to{top:0}}@keyframes shiny{0%{background:url(../images/index/earth/circle-2.png) no-repeat center center/contain}to{background:url(../images/index/earth/circle-3.png) no-repeat center center/contain}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.header{position:fixed;z-index:100;width:100%;height:150px;background:linear-gradient(0deg,#fff6,#fff6),#ffffff80;border-radius:0 0 32px 32px;box-shadow:2px 2px 2px -2px #fff inset,-2px -2px 2px -2px #fff inset,0 8px 12px #00000014;background-blend-mode:normal,darken;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .5s ease}.header.active{height:80px}.header.hide{display:none}@media (max-width: 768px){.header{height:107px}.header.active{height:70px}}.header .content{padding:0}.header .content .logo{position:relative;top:-5px;width:310px;margin:auto;transition:all .5s ease}.header .content .logo.active{top:-10px;width:200px}@media (max-width: 768px){.header .content .logo{top:5px;width:180px}.header .content .logo.active{top:-5px;width:150px}}.header .content .socialWrap{display:inline-grid}.header .content .socialWrap .listBtn{width:32px;grid-area:1/1/2/2}.header .content .socialWrap .listBtn.social{position:absolute;top:40%;transition:all .5s ease}@media (max-width: 1200px){.header .content .socialWrap .listBtn.social{display:none}}.header .content .socialWrap .listBtn.social.active{top:30%}.header .content .socialWrap .listBtn:nth-child(1){right:355px}.header .content .socialWrap .listBtn:nth-child(2){right:285px}.header .content .socialWrap .listBtn:nth-child(3){right:215px}.header .content .socialWrap .listBtn:nth-child(4){right:145px}.menu{z-index:10001}.menu .menuWrap{position:absolute;top:-10px;right:-480px;padding:0;transition:all .5s ease}@media (max-width: 576px){.menu .menuWrap{right:-100vw}}.menu .menuWrap.active{right:0}.menu .menuWrap.active .iconInner{top:24px;right:-433.6px}@media (max-width: 576px){.menu .menuWrap.active .iconInner{right:-87vw}}@media (max-width: 400px){.menu .menuWrap.active .iconInner{top:20px;right:-89vw}}.menu .menuWrap .iconWrap{position:absolute}.menu .menuWrap .iconWrap.active .iconInner .bar{box-shadow:none}.menu .menuWrap .iconWrap.active .iconInner .bar.bar1{background:#606464;margin-top:14px;transform:rotate(-45deg)}.menu .menuWrap .iconWrap.active .iconInner .bar.bar2{opacity:0}.menu .menuWrap .iconWrap.active .iconInner .bar.bar3{background:#606464;margin-top:-8px;transform:rotate(45deg)}.menu .menuWrap .iconInner{position:relative;top:70px;right:116px;width:32px;height:32px;margin:auto;transition:all .5s ease;cursor:pointer}.menu .menuWrap .iconInner.active{top:35px}@media (max-width: 1200px){.menu .menuWrap .iconInner{right:81.2px}}@media (max-width: 768px){.menu .menuWrap .iconInner{top:48px;right:15vw}.menu .menuWrap .iconInner.active{top:30px}}@media (max-width: 400px){.menu .menuWrap .iconInner{right:20vw}}.menu .menuWrap .iconInner .bar{position:relative;width:21px;height:1px;margin:auto;background:#606464}.menu .menuWrap .iconInner .bar.bar1{margin-top:8px}.menu .menuWrap .iconInner .bar.bar2,.menu .menuWrap .iconInner .bar.bar3{margin-top:6px}.menu .menuWrap .menuOpenWrap{padding-top:8vh;padding-bottom:8vh;width:480px;height:calc(100vh + 10px);background:url(../images/sidebar.jpg) no-repeat center bottom/cover;transition:all .5s ease}@media (max-width: 576px){.menu .menuWrap .menuOpenWrap{width:100vw;padding-top:9vh}}.menu .menuWrap .menuOpenInner{display:flex;flex-direction:column;justify-content:space-between;height:100%}.menu .menuWrap .menuOpenInner .linkInner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;margin-right:auto;margin-left:auto;gap:28px}@media (max-width: 576px){.menu .menuWrap .menuOpenInner .linkInner{width:80%}}.menu .menuWrap .menuOpenInner .linkInner a{display:block;display:flex;justify-content:space-between;align-items:center;width:100%;color:#606464}.menu .menuWrap .menuOpenInner .linkInner a p{font-family:"Noto Serif Display",Noto Sans TC;font-size:2rem;font-weight:600}@media (max-width: 768px){.menu .menuWrap .menuOpenInner .linkInner a p{font-size:1.8rem}}@media (max-width: 576px){.menu .menuWrap .menuOpenInner .linkInner a p{font-size:1.6rem}}@media (max-width: 375px){.menu .menuWrap .menuOpenInner .linkInner a p{font-size:1.4rem}}.menu .menuWrap .menuOpenInner .linkOuter{width:100%}.menu .menuWrap .menuOpenInner .linkOuter .mclogo{filter:invert(.9) sepia(1) grayscale(1) brightness(1.2);max-width:264px;margin:auto}@media (max-width: 576px){.menu .menuWrap .menuOpenInner .linkOuter .mclogo{width:200px}}.menu .menuWrap .menuOpenInner .linkOuter .socialIcons{display:flex;justify-content:center;align-items:center;margin-top:16px;gap:44px}@media (max-width: 576px){.menu .menuWrap .menuOpenInner .linkOuter .socialIcons{gap:32px}}.menu .menuWrap .menuOpenInner .linkOuter .socialIcons .icon{width:32px}@media (max-width: 576px){.menu .menuWrap .menuOpenInner .linkOuter .socialIcons .icon{width:24px}}.couponPageWrap{background:url(../images/game/bg.jpg) no-repeat center top/cover}.couponPageWrap .couponPage .coupon{justify-content:center;align-items:center;font-size:5rem}.couponPageWrap .couponPage .coupon>*{color:#f5f5f5}.couponPageWrap .couponPage .coupon .inner{width:100%;padding-top:0;margin:0 auto}.couponPageWrap .couponPage .coupon .inner .box{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;width:750px;margin:auto;padding:48px 0;background:linear-gradient(0deg,#ffffff1a,#ffffff1a),#ffffff0d;border-radius:32px;box-shadow:0 4px 4px #00000040,0 8px 12px #00000014,-1px 0 5.3px #fff inset,0 0 2px #fff inset;gap:48px;background-blend-mode:normal,darken;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 991px){.couponPageWrap .couponPage .coupon .inner .box{width:90%}}@media (max-width: 991px){.couponPageWrap .couponPage .coupon .inner .box .cont{width:85%}}.couponPageWrap .couponPage .coupon .inner .box .cont .headTitle{margin-bottom:20px;text-shadow:0 0 10.2px rgba(255,255,255,.8)}.couponPageWrap .couponPage .coupon .inner .box .cont .headTxt{font-weight:400;text-shadow:0 0 10.2px rgba(255,255,255,.8)}.couponPageWrap .couponPage .coupon .inner .box .cont .gift{width:200px;margin:32px auto auto}@media (max-width: 576px){.couponPageWrap .couponPage .coupon .inner .box .cont .gift{width:180px;margin-top:24px}}.couponPageWrap .couponPage .coupon .inner .box .cont .form{margin:40px auto 0}.couponPageWrap .couponPage .coupon .inner .box .cont .form .listWrap{display:flex;flex-direction:column;width:287px;gap:12px;margin:auto}@media (max-width: 576px){.couponPageWrap .couponPage .coupon .inner .box .cont .form .listWrap{width:90%}}.couponPageWrap .couponPage .coupon .inner .box .cont .form .insertBox{width:100%;padding:16px 24px;background:#fff;border:1px solid #75838d;border-radius:8px;color:#606464;font-family:"Noto Serif Display",Noto Sans TC;font-weight:500}.couponPageWrap .couponPage .coupon .inner .box .cont .form .txtWrap{margin-top:40px;margin-bottom:40px}.couponPageWrap .couponPage .coupon .inner .box .cont .form .txtWrap .txt{font-weight:400}.couponPageWrap .couponPage .coupon .inner .box .cont .form .txtWrap li{list-style:disc;margin:8px 0}@media (max-width: 420px){.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn{width:100%;margin:8px auto}}.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn.redeem,.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn.redeemed{display:none}.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn.redeem.active,.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn.redeemed.active{display:flex}.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn .btnWrap .btnTxt,.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn .btnWrap .btnArrowWrap{box-shadow:0 0 17.4px #ffffff80,0 0 17.4px #ffffff80}.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn .btnWrap .btnArrowWrap .btnArrow{filter:invert(1) brightness(2)}.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn .btnWrap2{cursor:default}.couponPageWrap .couponPage .coupon .inner .box .cont .form .btnsWrap .btn .btnWrap2 .btnTxt{background:#4d4d4d80;border-radius:32px;box-shadow:1px .5px #fff9 inset,-1px -1px #fff6 inset,0 0 5px #ffffff80 inset,0 2px 20px 2px #35353580 inset,0 2px 30px #0000000d,0 8px 72px -5px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.couponPageWrap .couponPage .coupon .inner .box .remind{width:80%;margin:auto;transform:translate(2.5%)}.couponPageWrap .couponPage .coupon .inner .box .remind .txtWrap{margin-bottom:0}.couponPageWrap .couponPage .coupon .inner .box .remind .txtWrap .txt{font-weight:400;list-style:disc;margin-bottom:12px}.couponPageWrap footer{padding:24px 0;background:#32373f}.couponPageWrap footer .content .inner{display:flex;justify-content:center;align-items:center;gap:20px}.couponPageWrap footer .content .inner .logo1{width:105px}.couponPageWrap footer .content .inner .deco{color:#f5f5f5;font-size:2rem;font-weight:800}.couponPageWrap footer .content .inner .logo2{width:83px}footer{display:flex;justify-content:center;align-items:center;padding:40px 0;background:#000}footer.hide{display:none}footer .content{display:flex;justify-content:center;align-items:center;padding:0}footer .content .copyright{color:#f5f5f5}@media (max-width: 991px){footer .content .copyright{width:100%;text-align:center}}footer .content .copyright .txt{font-family:Noto Sans TC,sans-serif;font-size:1.6rem}@media (max-width: 576px){footer .content .copyright .txt{font-size:1.4rem}}