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}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}@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}}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}}@media only screen and (max-width: 480px){main .main{background-position-x:75%}}main .main img{display:block}@media only screen and (max-width: 1200px){main .main img{opacity:0}}main .title{position:absolute;top:30vh;left:18vw;z-index:1}@media only screen and (max-width: 1200px){main .title{top:10vh;left:10vw}}@media only screen and (max-width: 1024px){main .title{top:unset;left:1vw;bottom:2%}}@media only screen and (max-width: 768px){main .title{left:0}}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}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}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%)}main .title button.popbtn .bg-video{width:420px;height:240px}@media only screen and (max-width: 480px){main .title button.popbtn .bg-video{width:98vw}}main .title .link{display:flex;justify-content:center;align-items:center}main .title .link a{color:#877172;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{background:url(../images/mainBtn_on.png) no-repeat center center/cover;color:#fff}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .link a:hover{background:url(../images/mainBtn_on.webp) no-repeat center center/cover}}@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:#cfa2a2;font-size:1.1rem;line-height:2rem;text-align:left;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}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:#c3c3c3}section:nth-of-type(1) p span{color:#fff;font-weight:bold}section:nth-of-type(2){background:url("../images/s2Bg.jpg") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(2){background:url("../images/s2Bg.webp") no-repeat center top/cover}}@media only screen and (max-width: 480px){section:nth-of-type(2){background-position-y:center}}section:nth-of-type(2) h2{min-height:120vh}@media only screen and (max-width: 480px){section:nth-of-type(2) h2{min-height:unset}}section:nth-of-type(2) p{margin:1vh 0 4vh}section p{color:#999191}section p.time{font-family:"Microsoft JhengHei";max-width:560px;color:#ff6774;line-height:36px;background:url("../images/dateBG.png") no-repeat center top/cover;margin:1% auto 2%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section p.time{background:url("../images/dateBG.webp") no-repeat center top/cover}}section h2{position:relative;margin:2vh auto}section .box{margin:8vh auto 6vh}@media only screen and (max-width: 480px){section .box .ctnflex{margin-top:50vh}}section .box .ctnflex picture{margin:2vh 2vw 8vh}@media only screen and (max-width: 480px){section .box .ctnflex picture{filter:drop-shadow(0 0 6px #000)}}section #sign{max-width:1060px;min-height:440px;background:url("../images/ctnBg.png") no-repeat center center/cover;padding:3% 0;margin:4vh auto 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section #sign{background:url("../images/ctnBg.webp") no-repeat center center/cover}}@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:#fff}section #sign a.form_signup:hover{filter:drop-shadow(0 0 6px #fff)}section #sign .logout-wrap{color:#fff}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:#cfa2a2;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:#cfa2a2;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)}