@charset "UTF-8";body{font-family:NotoSerifTC;background-color:#000;color:#d97cff;overflow-x:hidden;background:url(../images/bg02.png) no-repeat 50% 100%;background-size:100%,100%,cover;background-attachment:fixed;background-size:cover}@font-face{font-family:NotoSerifTC;src:url(../fonts/NotoSerifTC-ExtraLight.otf)}*{margin:0;padding:0}img{max-width:100%;height:auto}:focus{outline:0}a:active,a:focus,a:hover{text-decoration:none;outline:0}button:focus{outline:0}ol,ul{margin:0;padding:0;list-style-type:none!important}.btn-on{-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#gotop,.sideBtn ul>li>a{-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#header{background:url(../images/bg01.png) no-repeat 50% 100%;background-size:cover;position:relative;padding-top:50px}.titleBox{position:absolute;top:8%;left:0;right:0}.logoBox{position:absolute;top:8%;left:1%}.CharBox{padding-top:12%}.appBox{position:fixed;bottom:4%;left:52%;transform:translateX(-50%);z-index:999;font-size:0;filter:drop-shadow(0 0 6px rgb(255, 255, 255))}.appBox img{margin:0 5px}.appBox.fixed{bottom:8%}.sideBtn{position:fixed;top:55%;left:-2%;z-index:999;padding:0 0;padding-left:10%}.sideBtn::before{content:'';position:absolute;top:-40%;left:16%;background:url(../images/3rd.png) no-repeat;background-size:contain;width:182px;height:283px}.sideBtn ul{padding:0;margin:0;list-style:none}.sideBtn ul>li{line-height:40px;min-width:160px}#gotop,.sideBtn ul>li>a{background:url(../images/sidebtn_bg.png) no-repeat;display:block;padding:0;text-align:center;padding-left:16%;color:#ae85ff;text-decoration:none;width:241px;height:40px}.sideBtn ul>li:focus,.sideBtn ul>li:hover,.sideBtn ul>li>a.active{background:url(../images/sidebtn_bg_hover.png) no-repeat 0 -100%;color:#fff;background-size:cover;outline:0}.tab-content{position:relative;box-sizing:border-box;border:solid 1px #d2cef1;background-color:#0000002e;border-radius:0 0 0 30px;filter:drop-shadow(8px 8px 0 #ae85ff);background:linear-gradient(180deg,#fff 40%,#c0a0ff 120%);padding:6%;z-index:-5}.tab-content::before{position:absolute;content:'';background:url(../images/ptn1.png) 50% 0 repeat;height:100%;width:100%;bottom:0;top:0;right:0;left:0;z-index:-1;display:block}.tab-content>.tab-pane{overflow:hidden;display:block;height:0}.tab-content>.tab-pane.active{height:auto}.tab-content>.tab-pane>ul>li{border-bottom:1px #d2d2d2 dashed;position:relative;padding:15px 0}.tab-pane img{display:block;margin:0 auto;z-index:700}.tab-pane img+img{margin:2% auto}.icon a:hover{-webkit-filter:brightness(130%);filter:brightness(130%)}.nav-pills{padding-top:1%}.nav-pills>li{background:url(../images/s1_01Lab.png) no-repeat 100% 0;flex:auto;box-sizing:border-box;background-size:cover}.nav-pills>li>a{display:block;border-radius:0;font-weight:700;font-size:24px;color:#ae85ff;text-align:center;min-width:239px;min-height:55px;line-height:55px}.nav-pills>li>a.active,.nav-pills>li>a.active:focus,.nav-pills>li>a:hover{background:url(../images/s1_01Lab_hover.png) no-repeat 100% 0;color:#fff}#s1 .charWrap .nav{flex-wrap:nowrap;justify-content:center}#s2 .charWrap .nav-pills>li{background:url(../images/s2_01Lab.png) no-repeat 0 100%;flex:auto;box-sizing:border-box}#s2 .nav-pills>li>a.active,#s2 .nav-pills>li>a.active:focus,#s2 .nav-pills>li>a:hover{background:url(../images/s2_01Lab_hover.png) no-repeat 0 100%;color:#fff}#s3 .charWrap .nav-pills>li{background:url(../images/s3_01Lab.png) no-repeat 0 100%;flex:auto;box-sizing:border-box}#s3 .nav-pills>li>a.active,#s3 .nav-pills>li>a.active:focus,#s3 .nav-pills>li>a:hover{background:url(../images/s3_01Lab_hover.png) no-repeat 0 100%;color:#fff}.charWrap{position:relative;max-width:956px;margin:4% auto;text-align:center}.eventTitle{color:#d97cff;font-size:1.5rem;font-weight:700;margin-top:1.4rem;padding:.2% 10px;z-index:30}.eventSubTitle{color:#722cff;font-size:1.4rem;font-weight:700;margin-top:1.4rem;padding:.2% 10px;z-index:30}.eventText{font-size:1.1rem;color:#8b51ff}.tab-pane{font-size:1.1rem}.tab-pane img{font-size:1.1rem}.redpink{color:#ff8989}.greenlight{color:#adffa7}.yellowgold{color:#ffd875}.ytable{margin-bottom:1.2rem}.ytable td{border:solid 1px #f5ebba;text-align:center;font-size:1.2rem;font-weight:700;padding:4px 10px}.ytable td img{margin:0 auto}@media (max-width:1024px){.appBox{left:18%;transform:translateX(0)}.charWrap::after,.charWrap::before{display:none}}@media (max-width:850px){#s1 .charWrap .nav{flex-wrap:wrap}.nav-pills>li{flex:inherit}.sideBtn::before{top:-184%;left:10%}.sideBtn{padding-left:0}.logoBox{display:none}}@media (max-width:770px){.appBox{left:8%}.appBox a img{width:40vw}.tab-content::after{display:none}}@media (max-width:480px){.titleBox{top:20%}.titleBox img{width:60vw}.CharBox{width:100vw}.nav-pills>li>a{font-size:20px}.tab-content::before{display:none}.sideBtn{display:none}}