@charset "UTF-8";@-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}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}.wrap{background:url(../images/background.png) no-repeat;background-size:cover;background-position-x:center;width:100%;height:auto;min-height:7618px;position:relative}@media only screen and (max-width:1280px){.wrap{min-height:5750px}}@media only screen and (max-width:767px){.wrap{min-height:6000px}}.float{position:fixed;top:350px;right:70px;z-index:99;opacity:0;-webkit-animation:floatFadeIn 2.5s ease-in-out 3s 1 forwards;animation:floatFadeIn 2.5s ease-in-out 3s 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}.float>ul li{position:relative;cursor:pointer}.float>ul li:not(:last-child):before{content:'';width:2px;height:39px;position:absolute;top:41px;right:29px;background:#fff}.float>ul li:nth-child(1){background:url(../images/bar/yellow/bar_01.png) no-repeat;background-size:contain;width:327px;height:61px}.float>ul li:nth-child(1).active,.float>ul li:nth-child(1):hover{background:url(../images/bar/red/bar_01.png) no-repeat;background-size:contain}.float>ul li:nth-child(2){background:url(../images/bar/yellow/bar_02.png) no-repeat;background-size:contain;width:210px;height:62px}.float>ul li:nth-child(2).active,.float>ul li:nth-child(2):hover{background:url(../images/bar/red/bar_02.png) no-repeat;background-size:contain}.float>ul li:nth-child(3){background:url(../images/bar/yellow/bar_03.png) no-repeat;background-size:contain;width:158px;height:61px}.float>ul li:nth-child(3).active,.float>ul li:nth-child(3):hover{background:url(../images/bar/red/bar_03.png) no-repeat;background-size:contain}.float>ul li:nth-child(4){background:url(../images/bar/yellow/bar_04.png) no-repeat;background-size:contain;width:258px;height:61px}.float>ul li:nth-child(4).active,.float>ul li:nth-child(4):hover{background:url(../images/bar/red/bar_04.png) no-repeat;background-size:contain}header{position:fixed;padding:20px 60px;z-index:99;width:100%;height:auto;pointer-events:none}@media only screen and (max-width:767px){header{padding:20px 30px}}header>a{display:block;width:230px;height:auto;pointer-events:all}@media only screen and (max-width:767px){header>a img{max-width:74%}}header>ul{position:absolute;top:28px;right:60px;pointer-events:all}@media only screen and (max-width:767px){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:767px){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:767px){header>button{display:block}}footer{width:100%;height:auto;background:#fff;position:absolute;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:767px){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:767px){footer>ul li:nth-child(1) img{width:155px}}@media only screen and (max-width:767px){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:767px){footer>ul li:nth-child(2) img{width:174px}}@media only screen and (max-width:767px){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:767px){footer>ul li:nth-child(4) img{display:none}}@-webkit-keyframes zoomIn{from{background-size:105%;filter:brightness(.75)}to{background-size:100%;filter:brightness(1)}}@keyframes zoomIn{from{background-size:105%;filter:brightness(.75)}to{background-size:100%;filter:brightness(1)}}@-webkit-keyframes fadeIn{from{opacity:0;transform:rotate(5deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes fadeIn{from{opacity:0;transform:rotate(5deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@-webkit-keyframes titleLight{0%{filter:brightness(1)}25%{filter:brightness(1.25)}50%{filter:brightness(1.5)}75%{filter:brightness(1.25)}100%{filter:brightness(1)}}@keyframes titleLight{0%{filter:brightness(1)}25%{filter:brightness(1.25)}50%{filter:brightness(1.5)}75%{filter:brightness(1.25)}100%{filter:brightness(1)}}section.main{background:#000;width:100%;height:auto;position:relative;overflow:hidden}section.main .box{position:relative;width:100%;height:1120px;margin-bottom:55px}@media only screen and (max-width:1280px){section.main .box{height:900px}}section.main .box .bg{background:url(../images/main/background.png) no-repeat;background-size:cover;background-position:center top;width:100%;height:1120px;position:absolute;top:0;left:0;-webkit-animation:zoomIn 1.5s ease-in-out 1 forwards;animation:zoomIn 1.5s ease-in-out 1 forwards}@media only screen and (max-width:1280px){section.main .box .bg{width:1920px;left:50%;transform:translateX(-50%);background-position:center -220px}}section.main .box .character{display:flex;justify-content:center;align-items:flex-end;position:relative}section.main .box .character>span{position:relative}section.main .box .character>span:first-child{left:80px;bottom:-132px;z-index:2}@media only screen and (max-width:767px){section.main .box .character>span:first-child{left:10px;bottom:-254px}section.main .box .character>span:first-child img{max-width:242px}}section.main .box .character>span:last-child{right:80px;bottom:-110px;z-index:3}@media only screen and (max-width:767px){section.main .box .character>span:last-child{right:10px;bottom:-232px}section.main .box .character>span:last-child img{max-width:223px}}section.main .box .text{background:url(../images/main/tittle.png) no-repeat;background-size:contain;background-position-x:50%;position:absolute;bottom:90px;left:0;z-index:4;width:100%;height:601px;-webkit-animation:titleLight 3s ease-in 1 forwards;animation:titleLight 3s ease-in 1 forwards}@media only screen and (max-width:1280px){section.main .box .text{background-size:753px auto;background-position-x:center;bottom:50px}}@media only screen and (max-width:767px){section.main .box .text{background-size:480px auto;height:300px;bottom:310px}}section.main .box .text .light-1{background:url(../images/main/light/light1.png) no-repeat;background-size:contain;position:absolute;top:179px;left:calc(50% - 319px);width:100%;height:64px}@media only screen and (max-width:1280px){section.main .box .text .light-1{height:28px;top:116px;left:calc(50% - 159px)}}@media only screen and (max-width:767px){section.main .box .text .light-1{height:15px;top:75px;left:calc(50% - 97px)}}section.main .box .text .light-2{background:url(../images/main/light/light2.png) no-repeat;background-size:contain;position:absolute;top:161px;right:calc(50% - 181px);width:181px;height:104px;transform:translateX(164px)}@media only screen and (max-width:1280px){section.main .box .text .light-2{height:54px;top:104px;right:calc(50% - 123px)}}@media only screen and (max-width:767px){section.main .box .text .light-2{height:30px;top:67px;right:calc(50% - 89px)}}section.main .box .text .light-3{background:url(../images/main/light/light3.png) no-repeat;background-size:contain;position:absolute;bottom:130px;left:calc(50% - 319px);width:100%;height:64px;transform:translateX(-150px)}@media only screen and (max-width:1280px){section.main .box .text .light-3{height:30px;bottom:317px}}@media only screen and (max-width:767px){section.main .box .text .light-3{height:15px;bottom:121px}}section.main .box .action{width:100%;display:flex;justify-content:center;position:absolute;bottom:55px;z-index:5}@media only screen and (max-width:1280px){section.main .box .action{bottom:200px}}@media only screen and (max-width:767px){section.main .box .action{bottom:180px;flex-direction:column;align-items:center}}section.main .box .action>a{width:331px;height:77px}@media only screen and (max-width:1280px){section.main .box .action>a{width:280px}}@media only screen and (max-width:767px){section.main .box .action>a{width:220px}}section.main .box .action>a:first-child{margin-right:180px;background:url(../images/main/button/register_red.png) no-repeat;background-size:contain}section.main .box .action>a:first-child:hover{background:url(../images/main/button/register_yellow.png) no-repeat;background-size:contain}@media only screen and (max-width:1280px){section.main .box .action>a:first-child{margin-right:60px}}@media only screen and (max-width:767px){section.main .box .action>a:first-child{margin-right:0}}section.main .box .action>a:last-child{background:url(../images/main/button/download_yellow.png) no-repeat;background-size:contain}section.main .box .action>a:last-child:hover{background:url(../images/main/button/download_red.png) no-repeat;background-size:contain}section.main .box .leaf{background:url(../images/main/leaf.png) no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;height:1484px;opacity:0}@media only screen and (max-width:1280px){section.main .box .leaf{background-size:contain}}@media only screen and (max-width:767px){section.main .box .leaf{display:none}}.cloud{position:absolute;top:730px;left:0;background:url(../images/main/grass_copy.png) no-repeat;background-size:cover;width:100%;height:823px;z-index:3}@media only screen and (max-width:1280px){.cloud{top:530px}}@media only screen and (max-width:767px){.cloud{top:510px}}@-webkit-keyframes swing{0%,100%{transform:rotateY(0)}25%{transform:rotateY(4deg)}50%{transform:rotateY(-4deg)}75%{transform:rotateY(4deg)}}@keyframes swing{0%,100%{transform:rotateY(0)}25%{transform:rotateY(4deg)}50%{transform:rotateY(-4deg)}75%{transform:rotateY(4deg)}}section.part-2{width:100%;height:auto;min-height:1800px;text-align:center;position:relative}@media only screen and (max-width:1280px){section.part-2{min-height:1100px}}section.part-2 .box{position:relative;top:100px;background:url(../images/season_pass/paper.png) no-repeat;background-size:contain;background-position-x:center;width:100%;max-width:1385px;height:1562px;margin:0 auto;display:flex;flex-direction:column;align-items:center;-webkit-animation:swing 6s ease-in-out infinite;animation:swing 6s ease-in-out infinite;transform-origin:center;padding:200px 0}@media only screen and (max-width:1280px){section.part-2 .box{background-size:768px auto;max-width:768px;height:1100px;padding:120px 0 0 0}}@media only screen and (max-width:767px){section.part-2 .box{padding:140px 0 0 0}}section.part-2 .box .sub-title{margin-top:50px}@media only screen and (max-width:1280px){section.part-2 .box .sub-title{margin-top:0}section.part-2 .box .sub-title img{max-width:75%}}@media only screen and (max-width:767px){section.part-2 .box .sub-title img{max-width:360px}}section.part-2 .box .title{margin-top:-50px}@media only screen and (max-width:1280px){section.part-2 .box .title{margin-top:-15px}section.part-2 .box .title img{max-width:75%}}@media only screen and (max-width:767px){section.part-2 .box .title{margin-top:0;margin-bottom:20px}section.part-2 .box .title img{max-width:375px}}section.part-2 .box .content{margin-top:-20px;margin-bottom:80px}@media only screen and (max-width:1280px){section.part-2 .box .content{margin-bottom:40px}section.part-2 .box .content img{max-width:75%}}@media only screen and (max-width:767px){section.part-2 .box .content img{max-width:360px}}section.part-2 .box .text{width:100%;max-width:900px}@media only screen and (max-width:1280px){section.part-2 .box .text{max-width:580px}}section.part-2 .box .text>ul{list-style-image:url(../images/season_pass/dot.png);font-size:24px;text-align:left;letter-spacing:4px;color:#3a1a0f}@media only screen and (max-width:1280px){section.part-2 .box .text>ul{font-size:16px;letter-spacing:2px}}@media only screen and (max-width:767px){section.part-2 .box .text>ul{list-style:none;max-width:332px;margin:0 auto;padding:0}}section.part-2 .box .text>ul li{position:relative;padding-bottom:12px}section.part-2 .box .text>ul li:after{position:absolute;left:32px;top:-4px}section.part-2 .box .text>ul li:nth-child(1):after{content:'達成通行證指定條件，可提升點數，並獲得各種獎勵。'}section.part-2 .box .text>ul li:nth-child(2):after{content:'通行證分成免費、貴族、皇家，不同區間有不同獎勵。'}section.part-2 .box .text>ul li:nth-child(3):after{content:'購買貴族通行證、皇家通行證可獲得限定的表情貼圖/動作/稱號。'}section.part-2 .box .text>ul li:nth-child(4):after{content:'Season Pass 本身不能使用送禮到其他帳號，進行贈送僅會收到贈品為正常情況。'}@media only screen and (max-width:767px){section.part-2 .box .text>ul li{height:36px}section.part-2 .box .text>ul li:before{content:'';position:absolute;top:1px;left:-12px;background:url(../images/season_pass/dot.png) no-repeat;background-size:contain;width:26px;height:20px}section.part-2 .box .text>ul li:not(last-child){margin-bottom:24px}}section.part-2 .box .extra{position:absolute}@media only screen and (max-width:1700px){section.part-2 .box .extra{display:none}}section.part-2 .box .extra>img{max-width:75%}section.part-2 .box .extra.extra-1{top:50px;left:40px;transform:rotate(-12deg)}section.part-2 .box .extra.extra-2{top:700px;right:-20px;transform:rotate(12deg)}section.part-2 .box .extra.extra-3{bottom:96px;left:-16px;transform:rotate(-12deg)}section.part-2 .adornment{position:absolute}section.part-2 .adornment.ink{top:350px;left:0;background:url(../images/deco/ink.png) no-repeat;background-size:contain;background-position-x:-100px;width:530px;height:603px}@media only screen and (max-width:1700px){section.part-2 .adornment.ink{display:none}}section.part-2 .adornment.pen{bottom:20px;right:0;background:url(../images/deco/pen_1.png) no-repeat;background-size:contain;width:759px;height:769px}@media only screen and (max-width:1700px){section.part-2 .adornment.pen{display:none}}section.part-3{width:100%;height:auto;min-height:1385px;text-align:center;position:relative}@media only screen and (max-width:1280px){section.part-3{min-height:1000px}}section.part-3 .box{position:relative;background:url(../images/part2/frame.png) no-repeat;background-size:contain;background-position-x:center;width:100%;height:1321px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width:1280px){section.part-3 .box{max-width:768px;background-size:768px auto;margin:0 auto;height:900px}}section.part-3 .box .ribbon{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:100%;-webkit-animation:ribbonLight 5s ease-in infinite forwards;animation:ribbonLight 5s ease-in infinite forwards}@media only screen and (max-width:1280px){section.part-3 .box .ribbon{top:0}section.part-3 .box .ribbon img{max-width:75%}}@media only screen and (max-width:767px){section.part-3 .box .ribbon img{max-width:375px}}section.part-3 .box .content{margin-top:140px}@media only screen and (max-width:1280px){section.part-3 .box .content{margin-top:0;position:relative;top:-15px}section.part-3 .box .content img{max-width:75%}}@media only screen and (max-width:767px){section.part-3 .box .content img{max-width:375px}}section.part-3 .box .content .text{display:block;margin-top:10px}@media only screen and (max-width:1280px){section.part-3 .box .content .text{margin-top:0}}section.part-3 .box .content .thumbnail{margin-top:40px}section.part-3 .box .content .thumbnail>span{display:inline-block}section.part-3 .box .content .thumbnail>span:first-child{margin-right:30px}@media only screen and (max-width:1280px){section.part-3 .box .content .thumbnail{margin-top:20px}section.part-3 .box .content .thumbnail>span:first-child{margin-right:0}}@media only screen and (max-width:767px){section.part-3 .box .content .thumbnail>span:first-child{margin-bottom:25px}section.part-3 .box .content .thumbnail img{max-width:230px}}section.part-3 .adornment.hourglass{position:absolute;bottom:160px;right:0;background:url(../images/deco/hourglass.png) no-repeat;background-size:contain;background-position-x:50px;width:485px;height:603px}@media only screen and (max-width:1700px){section.part-3 .adornment.hourglass{display:none}}section.part-4{width:100%;height:auto;min-height:1720px;text-align:center;position:relative}@media only screen and (max-width:1280px){section.part-4{min-height:1200px}}@media only screen and (max-width:767px){section.part-4{min-height:1400px}}section.part-4 .box{position:relative}section.part-4 .box .line{position:absolute;top:0;left:50%;transform:translateX(-50%);background:url(../images/deco/line.png) no-repeat;background-size:contain;width:1008px;height:76px}@media only screen and (max-width:1280px){section.part-4 .box .line{width:753px}}section.part-4 .box .actions{display:flex;justify-content:center;position:relative;top:126px;z-index:2}@media only screen and (max-width:1280px){section.part-4 .box .actions{top:100px}}@media only screen and (max-width:767px){section.part-4 .box .actions{flex-direction:column;align-items:center}}section.part-4 .box .actions>span{opacity:0}section.part-4 .box .actions>span:nth-child(1){background:url(../images/part3/button/btn_1_brown.png) no-repeat;background-size:contain;width:404px;height:157px;cursor:pointer}section.part-4 .box .actions>span:nth-child(1).active,section.part-4 .box .actions>span:nth-child(1):hover{background:url(../images/part3/button/btn_1_red.png) no-repeat;background-size:contain}section.part-4 .box .actions>span:nth-child(1):hover{transform:translate(0,-.25em)!important;transition:transform .5s}@media only screen and (max-width:1280px){section.part-4 .box .actions>span:nth-child(1){width:256px;height:100px}}section.part-4 .box .actions>span:nth-child(2){background:url(../images/part3/button/btn_2_brown.png) no-repeat;background-size:contain;width:404px;height:157px;cursor:pointer}section.part-4 .box .actions>span:nth-child(2).active,section.part-4 .box .actions>span:nth-child(2):hover{background:url(../images/part3/button/btn_2_red.png) no-repeat;background-size:contain}section.part-4 .box .actions>span:nth-child(2):hover{transform:translate(0,-.25em)!important;transition:transform .5s}@media only screen and (max-width:1280px){section.part-4 .box .actions>span:nth-child(2){width:256px;height:100px}}section.part-4 .box .actions>span:nth-child(3){background:url(../images/part3/button/btn_3_brown.png) no-repeat;background-size:contain;width:404px;height:157px;cursor:pointer}section.part-4 .box .actions>span:nth-child(3).active,section.part-4 .box .actions>span:nth-child(3):hover{background:url(../images/part3/button/btn_3_red.png) no-repeat;background-size:contain}section.part-4 .box .actions>span:nth-child(3):hover{transform:translate(0,-.25em)!important;transition:transform .5s}@media only screen and (max-width:1280px){section.part-4 .box .actions>span:nth-child(3){width:256px;height:100px}}section.part-4 .box .carousel{position:relative;top:168px;background:url(../images/part3/frame.png) no-repeat;background-size:contain;background-position-x:center;width:100%;height:1236px;overflow:hidden}@media only screen and (max-width:1280px){section.part-4 .box .carousel{top:145px;max-width:768px;background-size:768px auto;margin:0 auto;height:800px}}section.part-4 .box .carousel .arrow{position:absolute;top:522px;width:317px;height:119px;cursor:pointer;z-index:2}@media only screen and (max-width:1700px){section.part-4 .box .carousel .arrow{display:none}}section.part-4 .box .carousel .arrow.prev{left:20px;background:url(../images/part3/left_arrow.png) no-repeat;background-size:contain}section.part-4 .box .carousel .arrow.next{right:20px;background:url(../images/part3/right_arrow.png) no-repeat;background-size:contain}section.part-4 .box .carousel .contents{padding-top:100px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents{padding-top:60px}}section.part-4 .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-4 .box .carousel .contents .content.active{width:unset;height:unset;visibility:visible;opacity:1;transition:opacity 2s}section.part-4 .box .carousel .contents .content>p{color:#f0d5ab;font-size:48px;letter-spacing:12px;padding-left:18px;font-weight:700;margin-bottom:4px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content>p{font-size:36px}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content>p{font-size:32px}}section.part-4 .box .carousel .contents .content .divider{background:url(../images/part3/deco_line.png) no-repeat;background-size:contain;background-position-x:center;width:100%;height:47px;margin-bottom:36px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content .divider{max-width:400px;margin-bottom:0}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content .divider{max-width:330px}}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content .pic img{max-width:75%}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content .pic img{max-width:375px}}section.part-4 .box .carousel .contents .content>ul{list-style-image:url(../images/part3/dot_white.png);font-size:22px;text-align:left;letter-spacing:4px;color:#e8d6b2;width:100%;max-width:880px;margin-top:18px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content>ul{font-size:14px;letter-spacing:2px;max-width:626px;list-style-image:unset}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content>ul{max-width:375px}}section.part-4 .box .carousel .contents .content>ul li{position:relative}section.part-4 .box .carousel .contents .content>ul li:after{position:absolute;left:32px;top:-4px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content>ul li:after{left:18px;top:0}section.part-4 .box .carousel .contents .content>ul li:before{content:'';position:absolute;top:1px;left:-22px;background:url(../images/part3/dot_white.png) no-repeat;background-size:contain;width:26px;height:20px}}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(1){margin-bottom:48px}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(1):after{content:'新戰場【血樹林】是點數淬煉場進行的場所，歸屬於索爾和馬尼兩者其中之一展開48vs48對決'}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(2){margin-bottom:48px}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(2):after{content:'時間內無論國籍99等級的勇士可進行對決，比賽中參與度過低之玩家會被踢出'}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(3){margin-bottom:12px}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(3):after{content:'進行時所有角色的外型依所屬隊伍，將更改為已完成的傳說裝備'}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(4){margin-bottom:12px}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(4):after{content:'依對方的受傷害的傷害量做累計，分數高者獲勝'}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(5):after{content:'根據比賽結果可獲得的獎勵也有所不同'}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:not(:last-child){margin-bottom:6px}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:nth-child(1){margin-bottom:24px}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:not(:last-child){margin-bottom:24px}section.part-4 .box .carousel .contents .content:nth-child(1)>ul li:first-child{margin-bottom:48px}}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol{margin-top:80px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol{margin-top:40px}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol{margin-top:0}}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul{list-style:none}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul{padding:0}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul{display:flex;flex-direction:column}}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li{display:inline-block;position:relative}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li{width:calc(100% / 3 - 30px)}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li{width:100%}}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li:first-child{right:-58px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li:first-child{right:-24px}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li:first-child{right:0;bottom:-12px}}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li:last-child{left:-58px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li:last-child{left:-24px}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li:last-child{left:0;top:-12px}}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li img{display:block}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li img:last-child{margin-top:36px}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li img{display:inline-block}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li img:first-child{max-width:120px}section.part-4 .box .carousel .contents .content:nth-child(2) .symbol>ul li img:last-child{max-width:190px;margin-top:0}}section.part-4 .box .carousel .contents .content:nth-child(2)>ul{margin-top:80px}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content:nth-child(2)>ul{margin-top:40px}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(2)>ul{margin-top:26px}}section.part-4 .box .carousel .contents .content:nth-child(2)>ul li:nth-child(1){margin-bottom:12px}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(2)>ul li:nth-child(1){margin-bottom:24px}}section.part-4 .box .carousel .contents .content:nth-child(2)>ul li:nth-child(1):after{content:'特定時間點在地圖各處都有較高攻擊力上升與減少損傷效果'}section.part-4 .box .carousel .contents .content:nth-child(2)>ul li:nth-child(2):after{content:'逆轉氣息無法重疊以及若是在扭轉氣息buff使用中的情況下，無法使用逆轉氣息的其他物品'}section.part-4 .box .carousel .contents .content:nth-child(3)>ul li:nth-child(1){margin-bottom:48px}section.part-4 .box .carousel .contents .content:nth-child(3)>ul li:nth-child(1):after{content:'每到特定時間點兩隊累積分數前六名的玩家會被選定為王牌，對王牌造成傷害時，分數翻倍累積'}section.part-4 .box .carousel .contents .content:nth-child(3)>ul li:nth-child(2){margin-bottom:48px}section.part-4 .box .carousel .contents .content:nth-child(3)>ul li:nth-child(2):after{content:'被選定王牌的角色在buff持續時間內將會適用顯眼的效果，且會被標示在地圖與迷你地圖上（包含隱身狀態）'}section.part-4 .box .carousel .contents .content:nth-child(3)>ul li:nth-child(3):after{content:'被選定為王牌將無法使用逆轉氣息物品，若是已經獲得逆轉氣息buff的話，在被選定為王牌的同時，buff消失'}@media only screen and (max-width:1280px){section.part-4 .box .carousel .contents .content:nth-child(3)>ul li:not(:last-child){margin-bottom:24px}}@media only screen and (max-width:767px){section.part-4 .box .carousel .contents .content:nth-child(3)>ul li:not(:last-child){margin-bottom:48px}}section.part-4 .adornment.magic-wand{position:absolute;top:-380px;left:0;background:url(../images/deco/magic_wand.png) no-repeat;background-size:contain;background-position-x:-445px;width:966px;height:1459px}@media only screen and (max-width:1700px){section.part-4 .adornment.magic-wand{display:none}}section.part-5{width:100%;height:auto;min-height:1450px;text-align:center;position:relative}@media only screen and (max-width:1280px){section.part-5{min-height:1200px}}section.part-5 .box{position:relative}section.part-5 .box .ribbon{background:url(../images/part4/ribbon.png) no-repeat;background-size:contain;background-position-x:center;width:100%;height:261px;-webkit-animation:ribbonLight 5s ease-in infinite forwards;animation:ribbonLight 5s ease-in infinite forwards}@media only screen and (max-width:1280px){section.part-5 .box .ribbon{max-width:600px;height:180px;margin:0 auto}}@media only screen and (max-width:767px){section.part-5 .box .ribbon{max-width:375px;height:120px}}section.part-5 .box .actions{display:flex;justify-content:center;position:relative;z-index:2}@media only screen and (max-width:767px){section.part-5 .box .actions{flex-direction:column;align-items:center}}section.part-5 .box .actions>span{opacity:0}section.part-5 .box .actions>span:nth-child(1){background:url(../images/part4/button/button_01_brown.png) no-repeat;background-size:contain;width:404px;height:156px;cursor:pointer}section.part-5 .box .actions>span:nth-child(1).active,section.part-5 .box .actions>span:nth-child(1):hover{background:url(../images/part4/button/button_01_red.png) no-repeat;background-size:contain}section.part-5 .box .actions>span:nth-child(1):hover{transform:translate(0,-.25em)!important;transition:transform .5s}@media only screen and (max-width:1280px){section.part-5 .box .actions>span:nth-child(1){width:256px;height:100px}}section.part-5 .box .actions>span:nth-child(2){background:url(../images/part4/button/button_02_brown.png) no-repeat;background-size:contain;width:404px;height:156px;cursor:pointer}section.part-5 .box .actions>span:nth-child(2).active,section.part-5 .box .actions>span:nth-child(2):hover{background:url(../images/part4/button/button_02_red.png) no-repeat;background-size:contain}section.part-5 .box .actions>span:nth-child(2):hover{transform:translate(0,-.25em)!important;transition:transform .5s}@media only screen and (max-width:1280px){section.part-5 .box .actions>span:nth-child(2){width:256px;height:100px}}section.part-5 .box .actions>span:nth-child(3){background:url(../images/part4/button/button_03_brown.png) no-repeat;background-size:contain;width:404px;height:156px;cursor:pointer}section.part-5 .box .actions>span:nth-child(3).active,section.part-5 .box .actions>span:nth-child(3):hover{background:url(../images/part4/button/button_03_red.png) no-repeat;background-size:contain}section.part-5 .box .actions>span:nth-child(3):hover{transform:translate(0,-.25em)!important;transition:transform .5s}@media only screen and (max-width:1280px){section.part-5 .box .actions>span:nth-child(3){width:256px;height:100px}}section.part-5 .box .carousel{position:relative;top:10px;background:url(../images/part4/frame.png) no-repeat;background-size:contain;background-position-x:center;width:100%;height:672px;overflow:hidden}@media only screen and (max-width:1280px){section.part-5 .box .carousel{background:url(../images/part3/frame.png) no-repeat;background-size:contain;background-position-x:center;top:36px;max-width:768px;background-size:768px auto;margin:0 auto;height:800px}}section.part-5 .box .carousel .contents{padding-top:100px}section.part-5 .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-5 .box .carousel .contents .content .title{color:#fff6e5;font-size:36px;letter-spacing:4px}@media only screen and (max-width:767px){section.part-5 .box .carousel .contents .content .title{font-size:32px}}section.part-5 .box .carousel .contents .content .date{font-size:36px;background-color:#670909;color:#fff6e5;letter-spacing:4px;padding:0 52px}@media only screen and (max-width:1280px){section.part-5 .box .carousel .contents .content .date{width:480px;padding:0;font-size:30px}}@media only screen and (max-width:767px){section.part-5 .box .carousel .contents .content .date{width:336px;font-size:26px;margin-top:10px}}section.part-5 .box .carousel .contents .content .date>p{margin:0;position:relative;top:-2px}section.part-5 .box .carousel .contents .content .text{font-size:24px;letter-spacing:2px;color:#fff6e5;padding-top:30px;max-width:880px}@media only screen and (max-width:1280px){section.part-5 .box .carousel .contents .content .text{width:480px}}@media only screen and (max-width:767px){section.part-5 .box .carousel .contents .content .text{font-size:20px;width:360px;margin-top:10px}}section.part-5 .box .carousel .contents .content .text p{margin-bottom:6px}section.part-5 .box .carousel .contents .content .text b{font-weight:400}section.part-5 .box .carousel .contents .content .text .yellow{color:#ffd15e}section.part-5 .box .carousel .contents .content .text .big{font-size:36px;letter-spacing:4px;margin-bottom:16px}@media only screen and (max-width:1280px){section.part-5 .box .carousel .contents .content .text .big{font-size:30px}}@media only screen and (max-width:767px){section.part-5 .box .carousel .contents .content .text .big{font-size:26px}}section.part-5 .box .carousel .contents .content .text ul{list-style:none;text-align:left}@media only screen and (max-width:1280px){section.part-5 .box .carousel .contents .content .text ul{font-size:14px;padding:0}}section.part-5 .box .carousel .contents .content .text ul li{position:relative;padding-left:72px}@media only screen and (max-width:1280px){section.part-5 .box .carousel .contents .content .text ul li{padding-left:36px}}section.part-5 .box .carousel .contents .content .text ul li:before{content:'';position:absolute;top:6px;left:0;background:url(../images/part4/dot_white.png) no-repeat;background-size:contain;width:34px;height:25px}@media only screen and (max-width:1280px){section.part-5 .box .carousel .contents .content .text ul li:before{top:1px;width:26px;height:20px}}section.part-5 .box .carousel .contents .content .text ul li:not(:last-child){margin-bottom:10px}@media only screen and (max-width:1280px){section.part-5 .box .carousel .contents .content:nth-child(2) .text{width:626px}}@media only screen and (max-width:767px){section.part-5 .box .carousel .contents .content:nth-child(2) .text{width:360px}}@media only screen and (max-width:1280px){section.part-5 .box .carousel .contents .content:last-child .text{text-align:left}}section.part-5 .box .carousel .contents .content.active{width:unset;height:unset;visibility:visible;opacity:1;transition:opacity 2s}section.part-5 .adornment{position:absolute}section.part-5 .adornment.magnifier{top:-365px;right:0;background:url(../images/deco/magnifier.png) no-repeat;background-size:contain;background-position-x:60px;width:468px;height:584px}@media only screen and (max-width:1700px){section.part-5 .adornment.magnifier{display:none}}section.part-5 .adornment.pen-2{bottom:50px;left:0;background:url(../images/deco/pen.png) no-repeat;background-size:contain;background-position-x:-10px;width:497px;height:536px}@media only screen and (max-width:1700px){section.part-5 .adornment.pen-2{display:none}}section.part-5 .adornment.book{bottom:0;right:0;background:url(../images/deco/book.png) no-repeat;background-size:contain;background-position:70px 100px;width:742px;height:574px}@media only screen and (max-width:1700px){section.part-5 .adornment.book{display:none}}