.mainColor{color:#ece8e1}.noteColor{color:#ff7e7e}.linkColor{color:#3fa493}.linkColor:hover{color:#358d7e}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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}button{background:0 0;border:0}body{background-color:#000;font-family:"Noto Sans TC",sans-serif,Arial;font-weight:bolder;overflow-x:hidden}main,section{position:relative;text-align:center}section{padding:4% 0}h3{font-weight:700;font-size:24px;letter-spacing:1px;line-height:1.3;color:#ece8e1;margin:3vh auto}@media only screen and (max-width:480px){h3{font-size:16px;width:300px;margin-top:40px}}p{font-size:18px;line-height:1.6;color:#ece8e1}@media only screen and (max-width:480px){p{margin:1vh;font-size:14px}}.outlink:hover{content:url(../images/btn1_hover.png)}@media only screen and (max-width:480px){.outlink{display:block;width:150px;margin:0 auto}}#gotop{position:fixed;right:2vw;bottom:2vh;z-index:9}@media only screen and (max-width:480px){#gotop{max-width:26vw}}#gotop:hover{background:url(../images/top_hover.png) no-repeat center center/contain}#gotop:hover img{opacity:0}main{background:url(../images/mainbg.jpg) no-repeat center top/cover;min-height:100vh;margin-top:60px;position:relative;overflow:hidden}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main{background:url(../images/mainbg.webp) no-repeat center top/cover}}@media only screen and (max-width:1440px){main{background-size:cover}}@media only screen and (max-width:480px){main{margin-bottom:-50vh}}main .mainCha{position:absolute;width:100%;max-width:1072px;left:5%;background-size:contain}@media only screen and (max-width:1200px){main .mainCha{left:-20%}}@media only screen and (max-width:480px){main .mainCha{top:0;left:0}}main .title{display:flex;flex-direction:column;position:absolute;left:50%;top:10%;z-index:9}@media only screen and (max-width:1200px){main .title{top:15%}}@media only screen and (max-width:480px){main .title{top:50%;transform:translate(-50%,-112%)}}main .mainlink{margin-top:5%;display:flex;justify-content:center;gap:10px}main .mainlink a{display:inline-block;position:relative}main .mainlink a img{display:block;transition:none;filter:drop-shadow(0 0 20px #d99968) drop-shadow(0 0 40px #d99968)}main .mainlink a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .3s ease;pointer-events:none;filter:drop-shadow(0 0 20px #d99968) drop-shadow(0 0 40px #d99968)}main .mainlink a:nth-child(1)::before{background-image:url(../images/register_hover.png)}main .mainlink a:nth-child(1):hover img{opacity:0}main .mainlink a:nth-child(1):hover::before{opacity:1}@media only screen and (max-width:480px){main .mainlink a:nth-child(1){display:none}}main .mainlink a:nth-child(2){display:none}@media only screen and (max-width:480px){main .mainlink a:nth-child(2){display:block;width:100px}}main .mainlink a:nth-child(3)::before{background-image:url(../images/download_hover.png)}main .mainlink a:nth-child(3):hover img{opacity:0}main .mainlink a:nth-child(3):hover::before{opacity:1}@media only screen and (max-width:480px){main .mainlink a:nth-child(3){display:none}}#sectionAll{background:url(../images/bg.png) no-repeat center top/cover;margin-top:-19vh;padding:4% 0 6%}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sectionAll{background:url(../images/bg.webp) no-repeat center top/cover}}@media only screen and (max-width:1200px){#sectionAll{margin-top:-40vh}}@media only screen and (max-width:480px){#sectionAll{padding-top:7vh;margin-top:-62vh}}#sectionAll #s1 .items{margin:7vh auto}@media only screen and (max-width:1440px){#sectionAll #s1 .items img{max-width:40vw;margin-bottom:4%}}@media only screen and (max-width:800px){#sectionAll #s1 .items{margin:4vh auto}}@media only screen and (max-width:480px){#sectionAll #s2 .mapTitle{width:200px}}#sectionAll #s2 .content{display:flex;justify-content:center;align-items:center;gap:53px;margin:7vh auto;flex-wrap:wrap}@media only screen and (max-width:480px){#sectionAll #s2 .content{gap:0;margin:7vh 2vh}}#sectionAll #s2 .content .video-box{position:relative}#sectionAll #s2 .content .video-box .popbtn{background:0 0;border:0}#sectionAll #s2 .content .video-box .popbtn::before{content:'';width:60px;height:60px;background:url(../images/play.png) no-repeat center center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sectionAll #s2 .content .video-box .popbtn::before{background:url(../images/play.webp) no-repeat center center/contain}}@media only screen and (max-width:480px){#sectionAll #s2 .content .video-box .popbtn::before{width:20vw;height:20vw}}#sectionAll #s2 .content .video-box .popbtn:hover{filter:brightness(1.2)}#sectionAll #s2 .txtWrapper{text-align:left}#sectionAll #s2 .txtWrapper p{font-size:16px;font-weight:500;line-height:1.2}#sectionAll #s3 .items{margin:7vh auto}@media only screen and (max-width:1440px){#sectionAll #s3 .items img{max-width:40vw;margin-bottom:4%}}@media only screen and (max-width:800px){#sectionAll #s3 .items{margin:4vh auto}}#sectionAll #s4 .items{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;padding:60px 20px}@media only screen and (max-width:800px){#sectionAll #s4 .items{flex-direction:column;padding:40px 0}}#sectionAll #s4 .items .box{width:344px;height:596px;clip-path:polygon(calc(100% - 184px) 0,100% 0,184px 100%,0 100%);margin-left:-162px;position:relative;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 150px rgba(0,0,0,.7);overflow:hidden;transition:all .2s ease-out}#sectionAll #s4 .items .box:first-child{margin-left:0}#sectionAll #s4 .items .box:hover{transform:scale(1.02);box-shadow:0 0 5px 5px #144698,0 0 30px 15px #f3bc80;z-index:999}@media only screen and (max-width:800px){#sectionAll #s4 .items .box{width:100%;height:unset;clip-path:polygon(0 50px,100% 0,100% calc(100% - 50px),0 100%);margin:-30px 0;margin-left:0;padding:40px 0}}@media only screen and (max-width:480px){#sectionAll #s4 .items .box{margin:-28px 0}}#sectionAll #s4 .items .box .content{display:flex;flex-direction:column;align-items:center;z-index:2;position:relative}#sectionAll #s4 .items .box .content p{font-size:18px;font-weight:700;text-align:center;text-shadow:4px 4px 15px #000,8px 8px 40px #000,12px 12px 80px #000}@media only screen and (max-width:480px){#sectionAll #s4 .items .box .content p{font-size:12px;margin-top:-3px}}@media only screen and (max-width:480px){#sectionAll #s4 .items .box .content img{width:70px}}#sectionAll #s4 .items .box1{background-image:url(../images/event1.jpg);background-size:480% auto;background-position:48% 13%}@media only screen and (max-width:800px){#sectionAll #s4 .items .box1{background-size:150% auto;background-position:75% 6%}}#sectionAll #s4 .items .box2{background-image:url(../images/event2.png);background-size:500% auto;background-position:74% 47%}@media only screen and (max-width:800px){#sectionAll #s4 .items .box2{background-size:200% auto}}#sectionAll #s4 .items .box3{background-image:url(../images/event3.png);background-size:580% auto;background-position:75% 39%}@media only screen and (max-width:800px){#sectionAll #s4 .items .box3{background-size:300% auto;background-position:90% 35%}}#sectionAll #s4 .items .box4{background-image:url(../images/event4.png);background-size:383% auto;background-position:36% 25%}@media only screen and (max-width:800px){#sectionAll #s4 .items .box4{background-size:200% auto;background-position:40% 22%}}#sectionAll #s4 .items .box4 p{margin-left:-25px}#sectionAll #s4 .items .box5{background-image:url(../images/event5.jpg);background-size:310% auto;background-position:45% 13%}@media only screen and (max-width:800px){#sectionAll #s4 .items .box5{background-size:145% auto;background-position:30% 13%}}#sectionAll #s4 .items .box6{background-image:url(../images/event6.png);background-size:600% auto;background-position:47% 35%}@media only screen and (max-width:800px){#sectionAll #s4 .items .box6{background-size:300% auto;background-position:53% 40%}}#sectionAll #s5 .items{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;padding:60px 20px}@media only screen and (max-width:800px){#sectionAll #s5 .items{flex-direction:column;padding:40px 0}}#sectionAll #s5 .items .box{width:436px;height:596px;clip-path:polygon(calc(100% - 275px) 0,100% 0,275px 100%,0 100%);margin-left:-162px;position:relative;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 150px rgba(0,0,0,.7);overflow:hidden;transition:all .2s ease-out}#sectionAll #s5 .items .box:first-child{margin-left:0}#sectionAll #s5 .items .box:hover{transform:scale(1.02);box-shadow:0 0 5px 5px #144698,0 0 30px 15px #f3bc80;z-index:999}@media only screen and (max-width:800px){#sectionAll #s5 .items .box{width:100%;height:unset;clip-path:polygon(0 50px,100% 0,100% calc(100% - 50px),0 100%);margin:-30px 0;margin-left:0;padding:40px 0}}@media only screen and (max-width:480px){#sectionAll #s5 .items .box{margin:-28px 0}}#sectionAll #s5 .items .box .content{display:flex;flex-direction:column;align-items:center;z-index:2;position:relative}#sectionAll #s5 .items .box .content p{font-size:18px;font-weight:700;text-align:center;text-shadow:4px 4px 15px #000,8px 8px 40px #000,12px 12px 80px #000}@media only screen and (max-width:480px){#sectionAll #s5 .items .box .content p{font-size:12px;margin-top:-3px}}@media only screen and (max-width:480px){#sectionAll #s5 .items .box .content img{width:70px}}#sectionAll #s5 .items .box1{background-image:url(../images/update1.png);background-size:140% auto;background-position:50% 48%}@media only screen and (max-width:800px){#sectionAll #s5 .items .box1{background-size:125% auto;background-position:80% 22%}}#sectionAll #s5 .items .box2{background-image:url(../images/update2.png);background-size:327% auto;background-position:50% 3%}@media only screen and (max-width:800px){#sectionAll #s5 .items .box2{background-size:100% auto;background-position:100% 0;z-index:3}}#sectionAll #s5 .items .box3{background-image:url(../images/update3.png);background-size:450% auto;background-position:54% 42%}@media only screen and (max-width:800px){#sectionAll #s5 .items .box3{background-size:200% auto;background-position:56% 37%;z-index:2}}#sectionAll #s5 .items .box4{background-image:url(../images/update4.png);background-size:300% auto;background-position:55% 55%}@media only screen and (max-width:800px){#sectionAll #s5 .items .box4{background-size:250% auto;background-position:53% 50%;z-index:1}}.modal{background-color:#00000085;padding-top:10vh;z-index:999}@media only screen and (max-width:480px){.modal{padding-top:20vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:1200px;pointer-events:auto}.modal .modal-body{text-align:center}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:43px;height:44px;font-size:0;right:-70px;top:0;transition:.2s;z-index:999}@media only screen and (max-width:1200px){button.close{right:0}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}@media only screen and (max-width:1440px){#player1{max-width:90vw;max-height:70vh}}