@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap);.mainColor{color:#bbbcc6}.noteColor{color:#f03a47}.noteColor-2{color:#43f876}.warningColor{color:#f8c543}.linkColor{color:#00b4ff}.linkColor:hover{color:#008bc5}body{background:#100908;color:#bbbcc6;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif,Arial;font-optical-sizing:auto;font-weight:400;font-style:normal}a,button{color:#bbbcc6}a:hover,button:hover{color:#bbbcc6;text-decoration:none}li,ul{list-style:none;padding:0;margin:0}button{border:none;outline:0}.d-none{display:none!important}#particles-js{position:absolute;width:100%;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:1440px){#particles-js{display:none}}img{max-width:100%}.mb-5{margin-bottom:24px}h5{text-align:center;font-size:36px;font-weight:900;line-height:1.6jpg;color:#bbbcc6}h4{text-align:center;font-size:26px;font-weight:900;line-height:1.6;color:#bbbcc6}p{font-size:18px;line-height:1.6;color:#bbbcc6;font-weight:400;margin:0}@media only screen and (max-width:480px){p{font-size:13px}}@media (min-width:1200px){.container-custom{max-width:1230px}}.sideBtn{position:fixed;right:100px;top:50%;transform:translateY(-50%);z-index:1030;transition:all .3s ease-in-out}@media only screen and (max-width:769px){.sideBtn{display:none}}.sideBtn.scroll{opacity:0;margin-top:60px}.sideBtn ul li{display:block;width:15px;height:15px;margin:8px 0;position:relative}.sideBtn ul li a{position:relative;display:block;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;background:0 0;border:1px solid #f8c543;padding:0;transition:all .25s ease-in-out;border-radius:50%}.sideBtn ul li a.active,.sideBtn ul li a:hover{background:#f8c543}.sideBtn ul li a.active span{opacity:1}.sideBtn ul li span{position:absolute;top:0;color:#f8c543;font-size:14px;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer;right:20px;transition:all .25s ease-in-out;line-height:1}.sideBtn ul li:hover span{width:auto;opacity:1}.overflow{position:absolute;top:110px;left:0;right:0;margin:0 auto;z-index:998}@media only screen and (max-width:991px){.overflow{top:72px;padding:0 12px}}@media only screen and (max-width:769px){.overflow{margin-top:0}}.overflow #pills-tab{margin:0 auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.9))}@media only screen and (max-width:769px){.overflow #pills-tab li.nav-item{display:flex;flex:0 0 33.333333%}}.overflow #pills-tab li.nav-item button{width:345px;height:70px;transition:0s all;padding:0;border-radius:0;background-color:transparent;background-size:contain;background-position:0 0;background-repeat:no-repeat;margin:0 3px;position:relative}@media only screen and (max-width:769px){.overflow #pills-tab li.nav-item button{width:100%;height:6.5019vw}}.overflow #pills-tab li.nav-item button.active::before{content:"";background:url(../images/skull.png) no-repeat 0 0;width:49px;height:59px;position:absolute;background-size:contain;left:0;right:0;top:-40px;margin:0 auto}@media only screen and (max-width:769px){.overflow #pills-tab li.nav-item button.active::before{width:39px;height:49px}}@media only screen and (max-width:480px){.overflow #pills-tab li.nav-item button.active::before{width:29px;height:39px;top:-27px}}.overflow #pills-tab li.nav-item #pills-1-tab{background-image:url(../images/tab-01.png)}.overflow #pills-tab li.nav-item #pills-1-tab.active{background-image:url(../images/tab-01-active.png)}.overflow #pills-tab li.nav-item #pills-2-tab{background-image:url(../images/tab-02.png)}.overflow #pills-tab li.nav-item #pills-2-tab.active{background-image:url(../images/tab-02-active.png)}.overflow #pills-tab li.nav-item #pills-3-tab{background-image:url(../images/tab-03.png)}.overflow #pills-tab li.nav-item #pills-3-tab.active{background-image:url(../images/tab-03-active.png)}a.sideBar{position:fixed;right:16px;bottom:27px;z-index:999;transition:.3s all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;width:120px}a.sideBar:hover{transform:scale(1.05)}@media only screen and (max-width:480px){a.sideBar{width:60px;right:12px;bottom:12px}}a#sign-game{position:fixed;right:15px;top:90px;background:url(../images/sign-game.png) no-repeat 0 0;background-size:contain;z-index:999;width:156px;height:156px;text-indent:-99999em;transition:all .25s ease-in-out}a#sign-game:hover{filter:brightness(125%)}@media only screen and (max-width:480px){a#sign-game{width:70px;height:71px;right:5px;top:70px}}#main{padding:0;background:url(../images/even-bg.jpg) no-repeat 50% 0;background-size:cover}#main #notice{margin-bottom:0;padding-bottom:150px}@media only screen and (max-width:480px){#main #notice{padding-bottom:80px}}@media only screen and (max-width:769px){#main #notice .notice{padding:0}}#main #notice .notice p{color:#997971;font-size:16px;text-indent:0}@media only screen and (max-width:480px){#main #notice .notice p{font-size:12px}}#main section{text-align:center;margin:0 0 75px}#main section .tit{margin:0 0 75px}@media only screen and (max-width:480px){#main section .tit{margin:0 auto 55px;width:70%}}#main section .content{position:relative;background:url(../images/frame-body.png) repeat-y 50% 0;max-width:999px;width:100%;height:100%;margin:0 auto;padding:10px 0 70px}#main section .content::after{content:'';background:url(../images/frame-border-top.png) no-repeat 50% 0;width:100%;height:24px;position:absolute;top:-24px;left:0;right:0;margin:0 auto}#main section .content::before{content:'';background:url(../images/frame-border-bottom.png) no-repeat 50% 0;width:100%;height:24px;position:absolute;bottom:-24px;left:0;right:0;margin:0 auto}#main section .content p a:hover{text-decoration:underline}#main section .content .date{margin:0 0 35px}#main section .content .intro-wrap{display:flex;justify-content:center;flex-direction:row;margin:60px 0 0}@media only screen and (max-width:480px){#main section .content .intro-wrap{flex-direction:column;margin-top:30px}}#main section .content .intro-wrap .intro-col{margin:0 12px}@media only screen and (max-width:480px){#main section .content .intro-wrap .intro-col{margin:10px 0}}#main section .content .intro-wrap .intro-col a{transition:all .25s ease-in-out}#main section .content .intro-wrap .intro-col a:hover{filter:brightness(125%)}@media only screen and (max-width:480px){#main section#notice .tit,#main section#s1 .tit,#main section#s6 .tit,#main section#s7 .tit,#main section#s8 .tit,#main section#s9 .tit{width:50%}}#main section#s2 .intro-col{margin:0 30px}@media only screen and (max-width:480px){#main section#s2 .intro-col{margin:10px 0}}#main section#s2 .note{text-indent:0}#main section#notice .content{text-align:left;padding-bottom:10px}#main section#notice .content ol{padding:0 70px;margin:0}@media only screen and (max-width:480px){#main section#notice .content ol{padding:0 25px 0 35px}}#main section#notice .content ol li{list-style:auto;font-size:16px;line-height:1.8}@media only screen and (max-width:480px){#main section#notice .content ol li{font-size:14px}}.link{text-decoration:underline}a.sidebar-btn{position:fixed;right:0;bottom:0;z-index:999;transition:.3s all;width:200px}@media only screen and (max-width:480px){a.sidebar-btn{width:100px}}a.sidebar-btn:hover{filter:brightness(125%)}button:active,button:focus{outline:0}.navbar{margin-bottom:0;border:0;background-color:#090909!important;position:fixed;z-index:1000;width:100%;top:0;min-height:90px;padding:0 0 0 30px}@media only screen and (max-width:769px){.navbar{min-height:60px;align-items:center;padding:8px}}@media only screen and (max-width:769px){.navbar .logo{width:200px}}@media only screen and (max-width:480px){.navbar .logo{width:170px}}.navbar ul{display:flex;flex-direction:row}.navbar ul.nav-social{margin-right:15px}@media only screen and (max-width:769px){.navbar ul.nav-social{margin-right:5px}}.navbar ul.nav-social li{margin:0 3px}.navbar ul.nav-social li a{display:block;width:38px;height:39px;background:url(../images/navbar-icon.png) no-repeat -38px 0}.navbar ul.nav-social li a:hover{background-position-y:100%}@media only screen and (max-width:769px){.navbar ul.nav-social .music{display:none}}.navbar ul.nav-social .music .jp-audio.jp-state-playing button{background-position-y:-38px}.navbar ul.nav-social .music .jp-audio button{display:block;width:38px;height:39px;background:url(../images/navbar-icon.png) no-repeat 0 0}.navbar ul.nav-social .music .jp-audio button:hover{background-position-y:-38px}.navbar ul.nav-info li{height:90px;line-height:87px}@media only screen and (max-width:769px){.navbar ul.nav-info li{height:auto;line-height:1}}.navbar ul.nav-info li:first-child{margin-right:2px}.navbar ul.nav-info li a{height:100%;width:160px;border-top:5px solid #f8c543;display:block;text-align:center;color:#f8c543}@media only screen and (max-width:769px){.navbar ul.nav-info li a{border:none}}.navbar ul.nav-info li a:hover{background:rgba(255,212,0,.1)}@media only screen and (max-width:769px){.navbar ul.nav-info li a.dl-btn{display:none}}@media only screen and (max-width:769px){.navbar ul.nav-info li a.reg-btn{background:url(../images/navbar-icon.png) no-repeat -76px 0;width:38px;height:39px;text-indent:-9999em}.navbar ul.nav-info li a.reg-btn:hover{background-position-y:100%}}main{position:relative}main .banner{background:url(../images/index_bg.jpg) no-repeat 50% 0;background-size:cover;height:1093px;position:relative;margin:60px 0 0}@media only screen and (max-width:769px){main .banner{height:calc(80vh - 60px);margin-top:60px}}main .banner .banner_title{position:absolute;left:50%;transform:translateX(-50%);bottom:250px;z-index:5;text-align:center;max-width:714px;width:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.9))}@media only screen and (max-width:769px){main .banner .banner_title{bottom:50px}}main .banner .banner_title .sub{max-width:714px;width:100%;margin:10px 0 0 105px}@media only screen and (max-width:769px){main .banner .banner_title .sub{width:50%}}main .banner>img{max-width:200%;position:absolute;left:50%;transform:translateX(-50%)}.maintab{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}@media only screen and (max-width:1440px){.maintab{left:24%;transform:translateX(0)}}@media only screen and (max-width:1200px){.maintab{left:20%}}@media only screen and (max-width:480px){.maintab{left:auto}}.maintab img{margin:0 1vw}@media only screen and (max-width:1200px){.maintab img{width:28vw}}@media only screen and (max-width:480px){.maintab img{width:48vw}}.maintab img:hover{filter:brightness(1.5)}footer{background:#090909}footer ul.copyright{display:flex;align-items:center;margin:0;padding:20px 0;text-align:left;justify-content:center}@media only screen and (max-width:769px){footer ul.copyright{flex-direction:column}}footer ul.copyright li{margin:0 10px;font-size:14px}@media only screen and (max-width:769px){footer ul.copyright li{margin:10px 0}}footer ul.copyright li.ht{width:195px}footer ul.copyright li.rating{display:flex}footer ul.copyright li.rating .rating-info{margin:0 5px 0 0;width:50px}footer ul.copyright li span{line-height:1.4;vertical-align:top;display:inline-block;font-size:12px}