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-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}body::-webkit-scrollbar{width:0;background:transparent}ol,ul,button{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button{background:transparent;border:none;font-size:0}img{max-width:100%;height:auto}body{background-color:#2e2b3d;color:#fff}@media (min-width: 1200px){.container-custom{max-width:980px}}h1{margin:0 0 10px;display:inline-block;width:100%}h2{color:#967e35;font-size:22px}@media only screen and (max-width: 767px){h2{font-size:18px}}@media only screen and (max-width: 480px){h2{font-size:16px}}p{font-family:SweiFanSerifCJKtc-Regular, '微軟正黑體';color:#fff;font-size:17px;line-height:24px;margin-bottom:30px}@media only screen and (max-width: 480px){p{font-size:15px;margin-bottom:10px}}p span{font-size:inherit;color:#cd9460;vertical-align:top}@media only screen and (max-width: 480px){p span{font-size:15px}}.note{margin:4% 0 0}#particles-js{position:fixed;width:100%;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width: 1200px){#particles-js{display:none}}.specolor{color:#cd9460}html.fixed,body.fixed{overflow:hidden}img{width:100%}body{background-color:#2e2b3d;background-size:cover;background-repeat:no-repeat}.container{max-width:960px}.header{width:100%}.header .sideBtn{position:fixed;left:1%;top:29%;z-index:100;transform:translateX(0);transition:transform 0.2s}@media only screen and (min-width: 768px){.header .sideBtn.hide{transform:translateX(-150%)}}@media only screen and (max-width: 767px){.header .sideBtn{display:none}}.header .sideBtn>a>img{margin-top:4vh}.header .sideBtn ul{width:257px;padding:0;margin:0;list-style:none}.header .sideBtn ul li:nth-of-type(7) a.active,.header .sideBtn ul li:nth-of-type(7) a:hover{background:url("../images/nav_s0_on.png") 50% 0 no-repeat}.header .sideBtn ul li:nth-of-type(1) a.active,.header .sideBtn ul li:nth-of-type(1) a:hover{background:url("../images/nav_s1_on.png") 50% 0 no-repeat}.header .sideBtn ul li:nth-of-type(2) a.active,.header .sideBtn ul li:nth-of-type(2) a:hover{background:url("../images/nav_s2_on.png") 50% 0 no-repeat}.header .sideBtn ul li:nth-of-type(3) a.active,.header .sideBtn ul li:nth-of-type(3) a:hover{background:url("../images/nav_s3_on.png") 50% 0 no-repeat}.header .sideBtn ul li:nth-of-type(4) a.active,.header .sideBtn ul li:nth-of-type(4) a:hover{background:url("../images/nav_s4_on.png") 50% 0 no-repeat}.header .sideBtn ul li:nth-of-type(5) a.active,.header .sideBtn ul li:nth-of-type(5) a:hover{background:url("../images/nav_s5_on.png") 50% 0 no-repeat}.header .sideBtn ul li:nth-of-type(6) a.active,.header .sideBtn ul li:nth-of-type(6) a:hover{background:url("../images/nav_s6_on.png") 50% 0 no-repeat}.header .sideBtn ul li a{padding:2px 0}.header .sideBtn ul li a.active img,.header .sideBtn ul li a:hover img{opacity:0}.header .sideBtn ul>ul>li{padding-bottom:6px}.header .sideBtn ul>ul>li a{width:257px;height:55px;position:relative;display:block;padding:0;text-align:center;text-decoration:none}.top-bn{background:url("../images/top-bg.png") no-repeat;background-size:cover;background-position:bottom;width:100%;position:relative;height:1040px;min-height:100vh;overflow:hidden}.top-bn::after{content:"";background:url("../images/top_pic5.png") no-repeat top center;width:1920px;height:399px;position:absolute;bottom:-3%;left:0;right:0;margin:auto;z-index:21}@media only screen and (max-width: 767px){.top-bn::after{width:768px;height:360px;bottom:8%}}.top-bn .character{background:url("../images/top_pic4.png") no-repeat;background-size:100% 100%;margin:0 auto;width:100%;max-width:1910px;height:900px;overflow:hidden;position:absolute;top:0;right:0;z-index:1;-webkit-animation:ani 5s infinite alternate ease-in-out;animation:ani 5s infinite alternate ease-in-out}@media only screen and (max-width: 767px){.top-bn .character{background-size:115% 49%;background-position:-60px 20%}}.top-bn .character::before{content:"";background:url("../images/top_pic1.png") no-repeat top center;width:1920px;height:502px;position:absolute;top:0px;left:0;right:0;margin:auto;z-index:1}@media only screen and (max-width: 767px){.top-bn .character::before{background-size:100%;width:1290px;height:271px;left:-16%}}.top-bn .character::after{content:"";background:url("../images/top_pic2.png") no-repeat top;background-size:75%;width:670px;height:337px;position:absolute;bottom:50px;right:5%;z-index:1}@media only screen and (max-width: 767px){.top-bn .character::after{left:-27%}}@-webkit-keyframes ani{0%{filter:brightness(0.8)}25%{filter:brightness(0.83)}40%{filter:brightness(0.65)}45%{filter:brightness(0.85)}50%{filter:brightness(1)}65%{filter:brightness(0.8)}80%{filter:brightness(0.6)}85%{filter:brightness(0.85)}90%{filter:brightness(0.9)}100%{filter:brightness(1)}}@keyframes ani{0%{filter:brightness(0.8)}25%{filter:brightness(0.83)}40%{filter:brightness(0.65)}45%{filter:brightness(0.85)}50%{filter:brightness(1)}65%{filter:brightness(0.8)}80%{filter:brightness(0.6)}85%{filter:brightness(0.85)}90%{filter:brightness(0.9)}100%{filter:brightness(1)}}.top-bn #s7.container-fulid{overflow:hidden;padding-bottom:25px}@media only screen and (min-width: 768px){.top-bn #s7.container-fulid .game-logo{width:100%;max-width:280px;position:absolute;top:7%;left:12%;z-index:21}}@media only screen and (max-width: 767px){.top-bn #s7.container-fulid .game-logo{display:flex;justify-content:center;padding-top:10%}}.top-bn #s7.container-fulid .game-logo .logo-pic{display:inline-block;position:relative;z-index:99}@media only screen and (min-width: 768px){.top-bn #s7.container-fulid .game-logo .logo-pic{width:100%;max-width:280px}}@media only screen and (max-width: 767px){.top-bn #s7.container-fulid .game-logo .logo-pic{transform:unset}}.top-bn #s7.container-fulid .bn-content{width:100%;position:relative;top:10%;margin:auto;z-index:20}@media only screen and (max-width: 767px){.top-bn #s7.container-fulid .bn-content{width:100%;margin:auto}}.top-bn #s7.container-fulid .bn-content .char-box{width:100%}@media only screen and (min-width: 768px){.top-bn #s7.container-fulid .bn-content .char-box{position:relative;z-index:10}}.top-bn #s7.container-fulid .bn-content .char-box .middle-char{display:inline-block;width:100%;max-width:1030px;padding:5% 0 0 0}@media only screen and (max-width: 767px){.top-bn #s7.container-fulid .bn-content .char-box .middle-char{transform:scale(1.5)}}@media only screen and (max-width: 480px){.top-bn #s7.container-fulid .bn-content .char-box .middle-char{left:-40px;position:relative}}.top-bn #s7.container-fulid .bn-content .top-bn-title{width:100%;max-width:240px;position:absolute;right:5%}@media only screen and (max-width: 767px){.top-bn #s7.container-fulid .bn-content .top-bn-title{max-width:450px;bottom:0;right:0;left:0;margin:auto;z-index:10;transform:scale(1.1)}}@media only screen and (min-width: 768px){.top-bn #s7.container-fulid .bn-content .top-bn-title{max-width:890px;right:12%;top:10%;margin:auto;z-index:20}}.top-bn #s7.container-fulid .DL-group{display:flex;position:relative;z-index:20}@media only screen and (max-width: 767px){.top-bn #s7.container-fulid .DL-group{justify-content:center}}@media only screen and (min-width: 768px){.top-bn #s7.container-fulid .DL-group{display:flex;flex-direction:column;position:absolute;top:6%;right:20px}}.top-bn #s7.container-fulid .DL-group a{display:inline-block}section.content{background:url("../images/main-bg.png") no-repeat top center;background-size:cover;position:relative;margin-top:-270px;padding-top:150px;overflow:hidden}section.content #fester.revision-news{background:url("../images/bg_page1.jpg") no-repeat top center;background-size:cover;position:relative;margin-top:-15px;padding-top:150px}@media only screen and (max-width: 767px){section.content #fester.revision-news{padding-top:94px}}section.content #fester::before{content:"";background:url("../images/top_pic6.png") no-repeat;background-size:100%;width:300px;height:280px;position:absolute;top:20%;right:0}@media only screen and (max-width: 767px){section.content #fester::before{display:none}}section.content #fester::after{content:"";background:url("../images/top_pic7.png") no-repeat;background-position:center center;background-size:100%;width:371px;height:439px;position:absolute;top:50%;left:0;margin:auto;z-index:1}@media only screen and (max-width: 767px){section.content #fester::after{display:none}}section.content #fester .news-title{display:flex;justify-content:center}@media only screen and (max-width: 480px){section.content #fester .news-title{transform:scale(1.7)}}section.content #fester .version{width:100%;display:flex;justify-content:space-evenly;align-items:center;position:relative;z-index:10}section.content #fester .years-content{position:relative;z-index:3;padding-top:14%}@media only screen and (max-width: 767px){section.content #fester .years-content{padding-bottom:3rem}}section.content #fester .years-content .years-title{display:flex;justify-content:center}@media only screen and (max-width: 480px){section.content #fester .years-content .years-title{transform:scale(1.7)}}section.content #fester .years-content .rule{display:flex;justify-content:center;padding-top:6%}section.content #fester .years-content .rule .txt-group{padding-bottom:20px}section.content #fester .years-content .rule .txt-group .txt-items{color:#fff;line-height:1.5;padding-bottom:10px}section.content #fester .years-content .rule .txt-group .txt-items span{font-size:20px;font-family:'Noto Serif TC', serif;font-weight:600}section.content #fester .years-content .rule .txt-group .txt-items p{font-size:17px;padding-left:50px}@media only screen and (max-width: 767px){section.content #fester .years-content .rule .txt-group .txt-items p{padding-left:0px}}section.content #fester .years-content .gift{position:relative;z-index:10}section.content #fester .years-content .gift:nth-child(1){padding-bottom:30px}section.content #fester .years-content .notic-buy{padding:10px 0;margin:auto;color:#fff;max-width:600px}@media only screen and (max-width: 767px){section.content #fester .years-content .notic-buy{padding:10px 10px}}section.content #fester .years-content .more_check{font-size:20px;font-family:'Noto Serif TC', serif;font-weight:600;color:yellow;text-decoration:underline;text-underline-offset:8px}section.content #fester .note{padding:10px 0;text-align:left;max-width:620px;margin:auto}section.content #fester .btn-buy{max-width:285px;margin:auto}@media only screen and (max-width: 767px){section.content #fester .btn-buy{max-width:225px;width:100%}}section.content .supply{padding:4% 0}section.content .supply::before{content:"";background:url("../images/top_pic7.png") no-repeat;background-position:center center;background-size:100%;width:371px;height:439px;position:absolute;top:50%;left:0;margin:auto;z-index:1}@media only screen and (max-width: 767px){section.content .supply::before{display:none}}section.content .supply::after{content:"";background:url("../images/top_pic6.png") no-repeat;background-position:center center;background-size:100%;width:385px;height:417px;position:absolute;top:37%;right:0;margin:auto;z-index:1}@media only screen and (max-width: 767px){section.content .supply::after{display:none}}section.content .supply .supply-content{position:relative;z-index:10}section.content .supply .supply-content .supply-title{display:flex;justify-content:center}@media only screen and (max-width: 480px){section.content .supply .supply-content .supply-title{transform:scale(1.7)}}section.content .supply .supply-content .rule{display:flex;justify-content:center;padding-top:6%}section.content .supply .supply-content .rule .txt-group{padding-bottom:20px}section.content .supply .supply-content .rule .txt-group .txt-items{color:#fff;line-height:1.5;padding-bottom:10px}section.content .supply .supply-content .rule .txt-group .txt-items span{font-size:20px;font-family:'Noto Serif TC', serif;font-weight:600}section.content .supply .supply-content .rule .txt-group .txt-items p{font-size:17px;padding-left:50px}@media only screen and (max-width: 767px){section.content .supply .supply-content .rule .txt-group .txt-items p{padding-left:0px}}section.content .supply .supply-content .rule .txt-group p.notic-buy{padding:10px 0;margin:auto;color:#fff;max-width:600px}@media only screen and (max-width: 767px){section.content .supply .supply-content .rule .txt-group p.notic-buy{padding:10px 10px}}section.content .supply .supply-content .rule .txt-group .more_check{font-size:20px;font-family:'Noto Serif TC', serif;font-weight:600;color:yellow;text-decoration:underline;text-underline-offset:8px}section.content .supply .supply-content .btn-buy{padding-top:30px;max-width:285px;margin:auto}@media only screen and (max-width: 767px){section.content .supply .supply-content .btn-buy{max-width:225px;width:100%}}section.content .returngift{padding:4% 0}section.content .returngift::before{content:"";background:url("../images/top_pic7.png") no-repeat;background-position:center center;background-size:100%;width:371px;height:439px;position:absolute;top:50%;left:0;margin:auto;z-index:1}@media only screen and (max-width: 767px){section.content .returngift::before{display:none}}section.content .returngift::after{content:"";background:url("../images/top_pic6.png") no-repeat;background-position:center center;background-size:100%;width:385px;height:417px;position:absolute;bottom:25%;right:0;margin:auto;z-index:1}@media only screen and (max-width: 767px){section.content .returngift::after{display:none}}section.content .returngift .returngift-content{position:relative;z-index:10}section.content .returngift .returngift-content .returngift-title{display:flex;justify-content:center}@media only screen and (max-width: 480px){section.content .returngift .returngift-content .returngift-title{transform:scale(1.7)}}section.content .returngift .returngift-content .rule{display:flex;justify-content:center;padding-top:6%}section.content .returngift .returngift-content .rule .txt-group{padding-bottom:20px}section.content .returngift .returngift-content .rule .txt-group .txt-items{color:#fff;line-height:1.5;padding-bottom:10px}section.content .returngift .returngift-content .rule .txt-group .txt-items span{font-size:20px;font-family:'Noto Serif TC', serif;font-weight:600}section.content .returngift .returngift-content .rule .txt-group .txt-items p{font-size:17px;padding-left:50px}@media only screen and (max-width: 767px){section.content .returngift .returngift-content .rule .txt-group .txt-items p{padding-left:0px}}section.content .returngift .returngift-content .gift{position:relative;z-index:10}section.content .returngift .returngift-content .note{padding:10px 0;text-align:left;max-width:630px;margin:auto}section.content .doublegift{position:relative;background:url("../images/bg_page4.png") no-repeat top center;background-size:cover;padding:50% 0 100px 0;margin-top:-50%;overflow:hidden}section.content .doublegift::before{content:"";background:url("../images/char03.png") no-repeat;background-size:cover;width:842px;height:546px;position:absolute;bottom:0;left:0;right:0;margin:auto}@media only screen and (max-width: 767px){section.content .doublegift::before{width:681px;height:445px;bottom:12%}}@media only screen and (max-width: 480px){section.content .doublegift::before{width:441px;height:285px}}section.content .doublegift::after{content:"";background:url("../images/char02.png") no-repeat left top;background-size:cover;width:591px;height:625px;position:absolute;bottom:0;left:12%}@media only screen and (max-width: 767px){section.content .doublegift::after{width:371px;height:385px;bottom:0;left:-17%}}@media only screen and (max-width: 480px){section.content .doublegift::after{display:none}}section.content .doublegift .doublegift-content{position:relative;z-index:10}section.content .doublegift .doublegift-content .doublegift-title{display:flex;justify-content:center;padding-bottom:30px}@media only screen and (max-width: 480px){section.content .doublegift .doublegift-content .doublegift-title{transform:scale(1.7)}}section.content .doublegift .doublegift-content .gift{position:relative;z-index:10}section.content .doublegift .doublegift-content .gift .gift-bn{margin:auto;max-width:638px}section.content .notic{background:url("../images/footer_bg.jpg");padding:1.5rem 0;display:flex;justify-content:center;color:#fff;font-family:'Noto Serif TC', serif}section.content .notic .notic-group{padding:0 5% 1% 5%}section.content .notic .notic-group .notic-title{display:flex;justify-content:center;max-width:200px;padding-bottom:10px;font-size:20px}section.content .notic .notic-group .word{line-height:1.8}section.content .notic .notic-group .word p{font-size:1rem;margin-bottom:10px}.modal{background:url(../images/bg-event.png) no-repeat 50% 0;background-size:cover;background-attachment:fixed;z-index:999;padding-top:50px}.modal#exampleModal0 h1{width:80%}.modal .modal-content{background:none;border:none}.modal .modal-body{text-align:center}.modal .modal-body h2{margin:30px 0 15px;color:#cd9460}.modal .modal-body h5{font-size:1.6rem;line-height:1.8rem;color:#cd9460;margin:2rem 0 0.6rem}.modal .modal-body h6{font-size:15px;background:rgba(205,148,96,0.6);color:#fff;padding:10px 0;width:100%}.modal .modal-body li{color:#bebebe;font-size:16px;line-height:24px;list-style-type:circle;text-indent:-22px;width:100%}@media only screen and (max-width: 480px){.modal .modal-body li{font-size:13px}}.modal .modal-body .table h2{margin:0}.modal .modal-body .survey{margin-bottom:-55px}button.close{opacity:1;position:absolute;right:0;width:70px;height:70px;font-size:70px;font-weight:lighter;color:#cd9460;text-shadow:none;overflow:hidden;border:solid 1px #cd9460;border-radius:70px;z-index:9}@media only screen and (max-width: 1200px){button.close{width:50px;height:50px;font-size:50px}}@media only screen and (max-width: 480px){button.close{top:-2vh;right:4vw}}button.close span{display:block}button.close:hover{background-color:#cd9460;color:#000000}.eventflex{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:0 auto 1rem auto}.eventflex table{margin:0 !important}.eventflex img{margin:0.6rem}@media only screen and (max-width: 480px){.eventflex img{margin:0}}.eventflex strong{font-weight:bold;color:#2f3947}.modal-backdrop{display:none}#nav-tab{position:relative;border:unset}#nav-tab button{position:absolute;background-color:unset;font-size:20px;line-height:40px;min-height:40px;max-width:33%;border-image-source:url("../images/border_material.png");border-image-slice:30;border-image-width:1px;border-image-repeat:round;left:50%;top:100px}#nav-tab button p{margin-top:0px}#nav-tab button#nav-north-tab{transform:translate(-50%, -50px)}@media only screen and (max-width: 480px){#nav-tab button#nav-north-tab{transform:translate(-50%, -80px)}}#nav-tab button#nav-north-tab.active{background-color:#17202c}#nav-tab button#nav-east-tab{transform:translate(calc(-50% - 150px), 0px)}@media only screen and (max-width: 480px){#nav-tab button#nav-east-tab{transform:translate(calc(-50% - 120px), 0px)}}#nav-tab button#nav-east-tab.active{background-color:#853c00}#nav-tab button#nav-mid-tab{transform:translate(-50%, 0px)}#nav-tab button#nav-mid-tab.active{background-color:#38321e}#nav-tab button#nav-west-tab{transform:translate(calc(-50% + 150px), 0px)}@media only screen and (max-width: 480px){#nav-tab button#nav-west-tab{transform:translate(calc(-50% + 120px), 0px)}}#nav-tab button#nav-west-tab.active{background-color:#084227}#nav-tab button#nav-south-tab{transform:translate(-50%, 50px)}@media only screen and (max-width: 480px){#nav-tab button#nav-south-tab{transform:translate(-50%, 80px)}}#nav-tab button#nav-south-tab.active{background-color:#960000}#nav-tabContent{margin-top:200px}@media only screen and (max-width: 480px){#nav-tabContent{margin-top:260px}}