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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}ol,ul,button{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,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}img{max-width:100%;height:auto}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-fullscreen-button,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-panel,audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-return-to-realtime-button,audio::-webkit-media-controls-rewind-button,audio::-webkit-media-controls-seek-back-button,audio::-webkit-media-controls-seek-forward-button,audio::-webkit-media-controls-time-remaining-display,audio::-webkit-media-controls-timeline,audio::-webkit-media-controls-timeline-container,audio::-webkit-media-controls-toggle-closed-captions-button,audio::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-volume-slider-container{font-size:12px;color:#fff}audio::-webkit-media-controls-enclosure{background:0 0;border-radius:10px;background-color:none}audio::-webkit-media-controls-timeline{display:none}audio::-webkit-media-controls-fullscreen-volume-min-button,audio::-webkit-media-controls-fullscreen-volume-slider,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-volume-slider-container{display:flex;background-color:rgba(0,0,0,0);filter:invert(80%)}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;text-align:center;font-size:1.2rem;letter-spacing:-1px}body p{font-size:1.2rem;line-height:2rem;letter-spacing:0}@media only screen and (max-width: 480px){body p{line-height:1.4rem;padding:0 2vw}}@media only screen and (max-width: 480px){body img{max-width:90%}}.ctnflex{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}main{position:relative;background:url(../images/mainBg.jpg) no-repeat center center/cover;overflow:hidden;padding-top:80px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main{background:url(../images/mainBg.webp) no-repeat center center/cover}}@media only screen and (max-width: 1200px){main{min-height:100vh}}@media only screen and (max-width: 480px){main{padding-top:60px}}main .main{position:relative}@media only screen and (max-width: 1200px){main .main{height:100vh;background:url(../images/mainChar.png) no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .main{background:url(../images/mainChar.png) no-repeat center top/cover}}}@media only screen and (max-width: 768px){main .main{background-position-x:30%}}@media only screen and (max-width: 480px){main .main{background-position-x:40%}}main .main img{display:block}@media only screen and (max-width: 1200px){main .main img{opacity:0}}main .title{position:absolute;top:20vh;right:12vw;z-index:1}@media only screen and (max-width: 1440px){main .title{top:10vh;right:1vw}}@media only screen and (max-width: 1024px){main .title{max-width:50vw;top:unset;bottom:2%}}@media only screen and (max-width: 768px){main .title{right:25vw}}@media only screen and (max-width: 480px){main .title{max-width:98vw;right:1vw}}main .title>picture{display:block}@media only screen and (max-width: 480px){main .title>picture{filter:drop-shadow(0 0 10px #000)}}main .title button.popbtn{position:relative;margin:4vh auto 1vh}@media only screen and (max-width: 768px){main .title button.popbtn{margin-top:0}}main .title button.popbtn:hover::after{background:url(../images/vBtn_hover.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title button.popbtn:hover::after{background:url(../images/vBtn_hover.png) no-repeat center center/contain}}main .title button.popbtn::before,main .title button.popbtn::after{content:"";position:absolute}main .title button.popbtn::before{width:100%;height:100%;background:url(../images/videoFrame.png) no-repeat center center/contain;pointer-events:none}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title button.popbtn::before{background:url(../images/videoFrame.png) no-repeat center center/contain}}main .title button.popbtn::after{width:80px;height:80px;background:url(../images/vBtn.png) no-repeat center center/contain;top:50%;left:50%;transform:translate(-50%, -50%)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title button.popbtn::after{background:url(../images/vBtn.png) no-repeat center center/contain}}main .title button.popbtn .bg-video{width:420px;height:240px}@media only screen and (max-width: 480px){main .title button.popbtn .bg-video{width:100%}}main .title .link{display:flex;justify-content:center;align-items:center}main .title .link a{color:#d1bda1;display:block;background:url(../images/mainBtn.png) no-repeat center center/cover;width:160px;line-height:50px;margin:2% 1%;transition:.3s all}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .link a{background:url(../images/mainBtn.webp) no-repeat center center/cover}}main .title .link a:hover{color:#fff2e0}@media only screen and (max-width: 480px){main .title .link a:nth-of-type(2){display:none}}ul.notice{position:relative;max-width:80%;color:#a69a91;font-size:1.1rem;line-height:2rem;text-align:left;letter-spacing:.4px;padding-left:30px;margin:4vh auto 0}@media only screen and (max-width: 480px){ul.notice{max-width:90%}}ul.notice li{list-style:"※";padding-left:6px}ul.notice li span{color:#f1e6c5;font-weight:400}section{position:relative;text-align:center;padding:4% 0}@media only screen and (max-width: 1200px){section{padding:1% 0}}section:nth-of-type(1){background:url("../images/s1Bg.jpg") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(1){background:url("../images/s1Bg.webp") no-repeat center top/cover}}section:nth-of-type(1) p{color:#c4b587}section:nth-of-type(1) p span{color:#f7e3a6;font-weight:bold}section:nth-of-type(1) p.grayY{color:#c3bca8}section:nth-of-type(2){padding-top:1%;background:url("../images/s2Bg.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(2){background:url("../images/s2Bg.webp") no-repeat center center/cover}}@media only screen and (max-width: 480px){section:nth-of-type(2){background-position-x:60%}}section:nth-of-type(2) p{color:#9683c7;margin:1vh 0}section:nth-of-type(2) .box{padding-right:40vw}@media only screen and (max-width: 768px){section:nth-of-type(2) .box{max-width:80vw;padding:0;margin-left:0;filter:drop-shadow(0 2px 4px #1e1e47)}}@media only screen and (max-width: 480px){section:nth-of-type(2) .box{margin-top:0}}section:nth-of-type(2) .box h2{margin-right:16%;margin-bottom:-1%}section h2{position:relative;margin:2vh auto}section h2 p{margin-top:2vh}section p{color:#c4b587;font-weight:400}@media only screen and (max-width: 480px){section p{font-size:16px}}section p.time{font-family:"Microsoft JhengHei";max-width:560px;color:#e5cd89;line-height:36px;border:solid 1px rgba(240,230,208,.231372549);border-radius:20px;background-color:#1f170c;margin:1% auto}section p.time span{color:#f7e3a6}section .box{margin:8vh auto 6vh}section .box .ctnflex picture{margin:2vh 2vw 8vh}@media only screen and (max-width: 480px){section .box .ctnflex picture{margin:0;filter:drop-shadow(0 0 6px #000)}}section #sign{max-width:1060px;min-height:440px;background-color:#1f170c;border:solid 3px #6b5b3b;border-radius:6px;padding:3% 0;margin:4vh auto 0}@media only screen and (max-width: 1200px){section #sign{max-width:98vw}}section #sign .submit{cursor:pointer}section #sign .submit:hover{filter:brightness(1.2)}section #sign a.form_signup{color:#f1e6c5}section #sign a.form_signup:hover{filter:drop-shadow(0 0 6px #fff)}section #sign .logout-wrap{color:#f1e6c5}section #sign .logout-wrap span{filter:drop-shadow(0 0 6px #fff)}section .stage{max-width:1060px;min-height:200px;display:flex;justify-content:center;align-items:center;color:#ffe79c;font-size:2rem;font-weight:bold;margin:2vh auto;background:url("../images/s2Frame.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section .stage{background:url("../images/s2Frame.webp") no-repeat center center/cover}}@media only screen and (max-width: 1200px){section .stage{max-width:98vw}}@media only screen and (max-width: 480px){section .stage{flex-direction:column;padding:2% 0}}.itemlist{min-width:70%;display:flex;justify-content:center;align-items:flex-end}@media only screen and (max-width: 768px){.itemlist{flex-wrap:wrap}}.itemlist .item{max-width:180px;margin:0 4%}@media only screen and (max-width: 480px){.itemlist .item{max-width:unset;margin:0}}.itemlist .item p{color:#c5b488;font-size:1.1rem;font-weight:500;line-height:1.2rem}.modal{z-index:999;padding-top:10vh;background-color:rgba(0,0,0,.5215686275)}@media only screen and (max-width: 480px){.modal{padding-top:20vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:unset;pointer-events:auto}@media only screen and (max-width: 768px){.modal .modal-dialog{max-width:90%;margin:0 auto}}.modal .modal-body{text-align:center;border-radius:10px;padding:2%}.modal .modal-body h4{color:#3d2231;font-size:1.6rem;font-weight:600}.modal .modal-body picture{margin:2%}@media only screen and (max-width: 480px){.modal .modal-body picture{margin:0}}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:30px;height:30px;font-size:0;top:2vw;right:10vw;transition:.2s;z-index:999}button.close::before{content:"";position:absolute;top:50%;left:50%;width:45px;height:1px;background-color:#fff;transform:translate(-50%, -50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:45px;height:1px;background-color:#fff;transform:translate(-50%, -50%) rotate(135deg)}