a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}body::-webkit-scrollbar{width:0;background:0 0}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}button{background:0 0;border:none;font-size:0}img{max-width:100%;height:auto}body{background-color:#281902;color:#fff;font-family:Noto Serif TC,'思源宋體'}@font-face{font-family:SweiFanSerifCJKtc-Regular;src:url(https://cdn.jsdelivr.net/gh/max32002/swei-fan-serif@2.0/WebFont/CJK%20TC/SweiFanSerifCJKtc-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/max32002/swei-fan-serif@2.0/WebFont/CJK%20TC/SweiFanSerifCJKtc-Regular.woff) format("woff")}@media (min-width:1200px){.container-custom{max-width:980px}}h1{margin:0 0 10px;display:inline-block}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:Noto Serif TC,'思源宋體';color:#fff;font-size:20px;line-height:27px;margin-bottom:8px}@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}body.fixed,html.fixed{overflow:hidden}img{width:100%}body{background-color:#2e2b3d;background-size:cover;background-repeat:no-repeat;position:relative}.container{max-width:960px}#particles-js{position:fixed;width:100%;top:0;left:0;z-index:999;pointer-events:none}.header{width:100%}.header .sideBtn{background:url(../images/nav_line.png) no-repeat;background-position:0 0;width:100%;max-width:203px;position:fixed;left:0;top:15%;z-index:100}@media only screen and (max-width:767px){.header .sideBtn{display:none}}.header .sideBtn>a>img{margin-top:4vh}.header .sideBtn ul{width:128px;padding-top:5%;margin-left:20px;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(1) a::before{content:"";background:url(../images/nav_pic.png) repeat;background-size:100%;width:7px;height:10px;position:absolute;top:88px;left:80px;z-index:-1}.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(2) a::before{content:"";background:url(../images/nav_pic.png) repeat;background-size:100%;width:7px;height:10px;position:absolute;top:174px;left:80px;z-index:-1}.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(3) a::before{content:"";background:url(../images/nav_pic.png) repeat;background-size:100%;width:7px;height:10px;position:absolute;top:261px;left:80px;z-index:-1}.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(4) a::before{content:"";background:url(../images/nav_pic.png) repeat;background-size:100%;width:7px;height:10px;position:absolute;top:343px;left:80px;z-index:-1}.header .sideBtn ul li:nth-of-type(5) a.active,.header .sideBtn ul li:nth-of-type(5) a:hover{background:url(../images/nav_s0_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.jpg) no-repeat;background-size:auto;background-position:top;width:100%;position:relative;height:1164px;min-height:100vh;overflow:hidden;z-index:1}@media only screen and (max-width:767px){.top-bn{background:url(../images/top_bg_m.jpg) no-repeat;background-position:top center;height:108vh;background-size:130%}}.top-bn .light{background:url(../images/moon.png) top center no-repeat;width:1920px;height:1015px;position:absolute;left:0;top:0;animation:light 2.5s infinite ease-in-out alternate;-webkit-animation:light 2.5s infinite ease-in-out alternate}@media only screen and (max-width:480px){.top-bn .light{display:none}}.top-bn #s7.container-fulid{overflow:hidden}@media only screen and (min-width:768px){.top-bn #s7.container-fulid .game-logo{width:100%;max-width:250px;position:absolute;top:8%;left:16%;z-index:21}}@media only screen and (max-width:1024px){.top-bn #s7.container-fulid .game-logo{max-width:220px}}@media only screen and (max-width:767px){.top-bn #s7.container-fulid .game-logo{display:flex;justify-content:center;max-width:140px;padding-top:13%;position:absolute;left:10px}}.top-bn #s7.container-fulid .game-logo .logo-pic{display:inline-block;position:relative;z-index:99}@media only screen and (max-width:767px){.top-bn #s7.container-fulid .game-logo .logo-pic img{content:url(../images/logo_m.png)}}.top-bn #s7.container-fulid .bn-content{width:100%;position:relative;margin:auto;z-index:20}.top-bn #s7.container-fulid .bn-content .top-char{position:relative;z-index:1;max-width:1579px;margin:0 0 0 auto}@media only screen and (max-width:767px){.top-bn #s7.container-fulid .bn-content .top-char{width:230%;left:-30%}}.top-bn #s7.container-fulid .bn-content .top-bn-title{width:100%;max-width:740px;position:absolute;right:0;left:0;bottom:8%;margin:auto;z-index:2}@media only screen and (max-width:767px){.top-bn #s7.container-fulid .bn-content .top-bn-title{max-width:650px;left:0;bottom:20%}}.top-bn #s7.container-fulid .bn-content .top-bn-title .b-title{position:relative}.top-bn #s7.container-fulid .bn-content .top-bn-title .b-title .ani_tit{position:absolute;bottom:0;left:0;-webkit-animation:shake .6s ease-in-out infinite;animation:shake .6s ease-in-out infinite}.top-bn #s7.container-fulid .bn-content .top-bn-title .s-title{margin-top:10px}.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{flex-direction:row;justify-content:center;position:absolute;bottom:29%;left:0;right:0}}@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}.top-bn #s7.container-fulid .DL-group a .btn:hover{transform:scale(1.1);transition:transform .5s}section.content{background:url(../images/main_bg.png) no-repeat top center;background-size:cover;position:relative;margin-top:-610px;padding-top:220px;overflow:hidden;z-index:10}section.content #fester .awake{position:relative;margin-top:150px;padding:150px 0 50px 0;text-align:center}@media only screen and (max-width:767px){section.content #fester .awake{padding-top:94px}}section.content #fester .awake::before{content:"";background:url(../images/char01.png) no-repeat;background-size:100%;width:665px;height:664px;position:absolute;bottom:4%;left:50%;transform:translateX(-50%)}@media only screen and (max-width:767px){section.content #fester .awake::before{bottom:0}}section.content #fester .awake .awakeflex .awake-title h1 .s1-title{max-width:571px}section.content #fester .awake .awakeflex .content{margin:auto;padding:40px 0}@media only screen and (max-width:767px){section.content #fester .awake .awakeflex .content{padding:10px 0}}section.content #fester .awake .awakeflex .content p{padding:10px 0;line-height:43px}@media only screen and (max-width:767px){section.content #fester .awake .awakeflex .content p{padding:2px 0;line-height:30px}}section.content #fester .awake .awakeflex .content .ui_pic{max-width:447px;position:relative;margin:0 auto;padding:120px 0 0}section.content #fester .power{background:url(../images/page2_bg.png) no-repeat top center;background-size:auto;position:relative;padding:100px 0;text-align:center}section.content #fester .power .powerflex{display:flex;flex-direction:column;align-items:center}section.content #fester .power .powerflex .power-title{width:100%;max-width:571px;margin:auto;padding-bottom:20px}section.content #fester .power .powerflex .content{position:relative}section.content #fester .power .powerflex .content .p2-content{max-width:516px;margin:auto}@media only screen and (max-width:767px){section.content #fester .power .powerflex .content .p2-content{padding:0 10px}}section.content #fester .power .powerflex .content .p2-content p{padding:10px 0;line-height:34px}@media only screen and (max-width:767px){section.content #fester .power .powerflex .content .pic{display:none}}section.content #fester .power .powerflex .content .pic_m{display:none}@media only screen and (max-width:767px){section.content #fester .power .powerflex .content .pic_m{display:inline-block;max-width:503px}}section.content #fester .power .powerflex .content .icon_pic{padding-top:80px;max-width:330px;margin:auto}@media only screen and (max-width:767px){section.content #fester .power .powerflex .content .icon_pic{max-width:250px}}section.content #fester .strengthen{position:relative;padding:80px 0 50px}section.content #fester .strengthen .strengthenflex{display:flex;flex-direction:column;align-items:center}section.content #fester .strengthen .strengthenflex .strengthen-title{width:100%;max-width:571px}section.content #fester .strengthen .strengthenflex .content{width:100%}section.content #fester .strengthen .strengthenflex .content .pic{max-width:468px;margin:auto}section.content #fester .strengthen .strengthenflex .content .group-icon{display:flex;justify-content:center;margin-top:-30px}@media only screen and (max-width:767px){section.content #fester .strengthen .strengthenflex .content .group-icon{flex-direction:column;align-items:center}}section.content #fester .strengthen .strengthenflex .content .group-icon .table1{max-width:369px;padding-right:20px}@media only screen and (max-width:767px){section.content #fester .strengthen .strengthenflex .content .group-icon .table1{padding:0 0 10px 0}}section.content #fester .strengthen .strengthenflex .content .group-icon .table2{max-width:369px}section.content #fester .gift{position:relative;padding:80px 0 50px}section.content #fester .gift .giftflex .gift-title{width:100%;max-width:571px;margin:auto}section.content #fester .gift .giftflex .content{width:100%;position:relative}section.content #fester .gift .giftflex .content .wrod{max-width:574px;margin:50px auto}section.content #fester .gift .giftflex .content .event_rule{display:flex;justify-content:center}section.content #fester .gift .giftflex .content .pic{max-width:292px}section.content #fester .gift .giftflex .content .pic:nth-of-type(1){margin-right:10px}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:0 0;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 .6rem}.modal .modal-body h6{font-size:15px;background:rgba(205,148,96,.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:#000}.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:.6rem}@media only screen and (max-width:480px){.eventflex img{margin:0}}.eventflex strong{font-weight:700;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:0}#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),0)}@media only screen and (max-width:480px){#nav-tab button#nav-east-tab{transform:translate(calc(-50% - 120px),0)}}#nav-tab button#nav-east-tab.active{background-color:#853c00}#nav-tab button#nav-mid-tab{transform:translate(-50%,0)}#nav-tab button#nav-mid-tab.active{background-color:#38321e}#nav-tab button#nav-west-tab{transform:translate(calc(-50% + 150px),0)}@media only screen and (max-width:480px){#nav-tab button#nav-west-tab{transform:translate(calc(-50% + 120px),0)}}#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}}