@import url(https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@200&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap);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:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{position:relative;overflow-x:hidden}button,ol,ul{margin:0;padding:0;list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{border:none;font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active,.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active{padding:0;background:0 0;background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}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:transparent;filter:invert(80%)}body{background-color:#000;font-family:'Noto Serif TC';font-weight:600;font-size:18px;overflow-x:hidden;text-align:center;color:#fff}@media only screen and (max-width:480px){body{font-size:14px}}#main{position:relative;background:url(../images/banner-bg.png) no-repeat 30% 0;background-size:cover;padding:0 0 4%;min-height:100vh;overflow:hidden}#main .title{position:relative;z-index:2;margin-left:40vw;margin-top:160px}@media only screen and (max-width:900px){#main .title{margin-left:unset;margin-top:40vh}}@media only screen and (max-width:480px){#main .title{margin-top:30vh}}#main .title .link{display:flex;justify-content:center;align-items:center}#main .title .link a{color:#fff;display:inline-block;width:225px;margin:0 .5%;transition:.3s all}#main .title .link a:hover{transform:scale(1.1)}@media only screen and (max-width:480px){#main .title .link a:nth-child(1),#main .title .link a:nth-child(3){display:none}}#main .scrollDown{position:absolute;left:50%;bottom:50px;transform:translateX(-50%)}#main .scrollDown::after{content:'';position:absolute;bottom:-30px;transform:translateX(-50%);left:52%;width:20px;height:100px;pointer-events:none;background:url(../images/scroll.png) no-repeat 0 0;background-size:contain}#main .scrollDown .div{height:25px;overflow:hidden}#main .scrollDown .div p{position:relative;font-weight:700;font-size:1.2rem;background:linear-gradient(0deg,#118c91 21.05%,#096063 81.34%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-animation:scrollAni 1s ease-out infinite;animation:scrollAni 1s ease-out infinite;text-fill-color:transparent}#main .scrollDown .div p:nth-child(2){top:23px}@-webkit-keyframes scrollAni{0%{top:-30px}100%{top:0}}@keyframes scrollAni{0%{top:-30px}100%{top:0}}.sideBar{position:fixed;top:30%;z-index:999;height:297px;width:164px;text-align:center;transition:1s all;display:flex;align-items:center;justify-content:center;background:url(../images/sidebar.png) no-repeat 0 0;background-size:contain}.sideBar img{max-width:100%;transition:.3s linear}@media only screen and (max-width:480px){.sideBar img{max-width:80%}}.sideBar img:hover{filter:brightness(1.1)}.sideBar ul{display:flex;flex-direction:column;justify-content:center;list-style:none;gap:3px}.sideBar ul li:hover a{color:#fff}.sideBar ul li a{color:#eace88;text-shadow:0 2px 4px rgba(0,0,0,.5)}.sideBar ul li:after{content:"";display:block;width:100%;height:12px;background:url(../images/sidebar-star.png) no-repeat 50% 50%}.sideBar ul li:nth-child(3):after{width:0}.sideBar button{position:absolute;right:-37px;width:70px;height:70px;transition:linear 1s}.sideBar button.close{top:unset;right:-41px;width:70px;height:70px;opacity:1!important}.sideBar button.close::after,.sideBar button.close::before{content:"";position:relative;width:0;height:0;background-color:#ffffff00;transform:translate(0,0)}.sideBar button.close>img{transform:rotate(180deg)}.sideBar.off{transform:translateX(-85%)}section{padding:4% 2%;min-height:100vh;position:relative}@media only screen and (max-width:1440px){section{min-height:0}}@media only screen and (max-width:767px){section{padding:12% 6%}}section::before{content:'';position:absolute;top:-213px;left:0;width:100%;height:332px;pointer-events:none;background-size:cover}@media only screen and (max-width:767px){section::before{height:100px;top:-63px}}section p{line-height:1.6}@media only screen and (max-width:767px){section p{text-align:center;font-size:16px}}section p span{color:#d03933;font-size:16px}@media only screen and (max-width:767px){section p span{font-size:16px;text-align:center;font-weight:800;line-height:1.6}}section p.notice{font-size:18px;color:#ff4144}section .title{margin-bottom:20px}section .title p{font-size:24px;line-height:1.6;font-weight:700}@media only screen and (max-width:767px){section .title p{text-align:center}}@media only screen and (max-width:480px){section .title p{font-size:1.2rem}}section:nth-child(odd) .title p{color:#eace88}section:nth-child(even) .title p{color:#103f48}section button{display:inline-block;margin:3%;transition:.3s all}section button:hover{filter:brightness(1.2)}@media only screen and (max-width:480px){section button img{max-height:50px}}section#s1{background:url(../images/s5-bg.png) no-repeat 50% 50%;background-size:cover;display:flex;justify-content:center;flex-direction:column}section#s1 img.s1Img{margin:auto 0}section#s1::before{background:url(../images/s2-border-btm.png) no-repeat 50% 50%;background-size:cover}section#s1 .title{margin-bottom:0}section#s1 .content_row3{display:flex;justify-content:center;flex-direction:row;align-items:center}@media only screen and (max-width:767px){section#s1 .content_row3{flex-direction:column}}section#s1 .content_row3 .eventBox{max-width:464px;text-align:start}@media only screen and (max-width:767px){section#s1 .content_row3 .eventBox .ch{display:none}}@media only screen and (max-width:767px){section#s1 .content_row3 .eventBox p{padding:unset}}section#s1 .content_row3 .eventBox_column .event{text-align:end}section#s1 .content_row3 .eventBox_column .event:nth-child(1){margin:0 0 50px}@media only screen and (max-width:767px){section#s1 .content_row3 .eventBox_column .event:nth-child(1){margin:20px 0}}@media only screen and (max-width:767px){section#s1 .content_row3 .eventBox_column .event{text-align:start}}@media only screen and (max-width:767px){section#s1 .content_row3 .eventBox_column .event p{padding:unset}}section#s2{background:url(../images/yellow-bg.png) no-repeat 50% 50%;background-size:cover;display:flex;justify-content:center;flex-direction:column}section#s2:before{background:url(../images/s1-border-btm.png) no-repeat 0 50%;background-size:cover}section#s2 .content_row3{display:flex;flex-direction:row;justify-content:center}@media only screen and (max-width:767px){section#s2 .content_row3{flex-direction:column}}section#s4{display:flex;flex-direction:column;background:url(../images/yellow-bg.png) no-repeat 50% 50%;background-size:cover}section#s4::before{background:url(../images/s3-border-btm.png) no-repeat 50% 50%;background-size:cover}section#s4 .content_row2{margin:auto}section#s4 .content_row2 .eventBox{max-width:1300px;display:flex;flex-direction:row;gap:50px}@media only screen and (max-width:767px){section#s4 .content_row2 .eventBox{flex-direction:column;gap:40px;padding:0 0;margin-bottom:40px}}section#s4 .content_row2 .eventBox p{color:#103f48}section#s4 .content_row2 .eventBox .event:nth-child(2){margin-top:100px}@media only screen and (max-width:767px){section#s4 .content_row2 .eventBox .event:nth-child(2){margin:unset}}section#s4 .content_row2 .eventBox .event img{padding-bottom:3%}section#s5{background:url(../images/s5-bg.png) no-repeat 50% 50%;background-size:cover;display:flex;flex-direction:column}section#s5::before{background:url(../images/s4-border-btm.png) no-repeat 50% 50%;background-size:cover}section#s5 .content_row3{display:flex;justify-content:center;flex-direction:row;align-items:center;overflow:hidden}@media only screen and (max-width:767px){section#s5 .content_row3{flex-direction:column}}section#s5 .content_row3 .chWrap{position:relative}section#s5 .content_row3 .chWrap a{position:absolute;cursor:pointer;transition:.3s all}section#s5 .content_row3 .chWrap a:hover{filter:brightness(1.5)}section#s5 .content_row3 .chWrap._1 a{bottom:24%;left:12%}@media only screen and (max-width:767px){section#s5 .content_row3 .chWrap._1 a{left:inherit;right:0;bottom:4%}}section#s5 .content_row3 .chWrap._2 a{right:13%;top:inherit;bottom:4%}@media only screen and (max-width:767px){section#s5 .content_row3 .chWrap._2 a{right:-12%}}section#s5 .content_row3 img.ch1{margin-left:-50px}@media only screen and (max-width:767px){section#s5 .content_row3 img.ch1{margin-left:0}}section#s5 .content_row3 img.text{margin:0 -10vw}@media only screen and (max-width:767px){section#s5 .content_row3 img.text{margin:unset}}section#s5 .content_row3 img.ch2{margin-right:-100px}@media only screen and (max-width:767px){section#s5 .content_row3 img.ch2{margin:unset}}section#s5 .notice_s5{position:relative;margin:auto;max-width:1000px;max-height:400px;padding:80px 120px;background:linear-gradient(180deg,rgba(0,0,0,.582) 0,rgba(7,65,67,.6) 100%);border:2px solid #eace88;text-align:start}@media only screen and (max-width:767px){section#s5 .notice_s5{padding:40px;max-height:unset}}section#s5 .notice_s5::after{content:'';position:absolute;top:-10px;left:-10px;width:102%;height:100%;pointer-events:none;background:url(../images/s5-notice-deco-btm.png) no-repeat 0 0;background-size:contain}@media only screen and (max-width:767px){section#s5 .notice_s5::after{top:-5px;left:-5px}}section#s5 .notice_s5::before{content:'';position:absolute;bottom:-20px;left:-10px;width:102%;height:100%;pointer-events:none;background:url(../images/s5-notice-deco-top.png) no-repeat 0 100%;background-size:contain}@media only screen and (max-width:767px){section#s5 .notice_s5::before{bottom:-10px;left:-5px}}section#s5 .notice_s5 .textWrap{display:flex;flex-direction:row;margin-bottom:20px}@media only screen and (max-width:767px){section#s5 .notice_s5 .textWrap{margin-bottom:12px;flex-direction:column}}section#s5 .notice_s5 .textWrap h3{color:#eace88;font-size:18px;min-width:100px}@media only screen and (max-width:767px){section#s5 .notice_s5 .textWrap h3{font-size:16px}}section#s5 .notice_s5 .textWrap p{text-align:start;font-size:18px}section#s6{background:url(../images/yellow-bg.png) no-repeat 50% 50%;background-size:cover;display:flex;flex-direction:column}section#s6::before{background:url(../images/s5-border-btm.png) no-repeat 50% 50%;background-size:cover}section#s6 .title p.sub{font-size:18px}@media only screen and (max-width:480px){section#s6 .title p.sub{font-size:16px}}section#s6 .notice.title{margin-bottom:1vw}section#s6 .notice_s6{position:relative;margin:auto;max-width:880px;max-height:232px;text-align:start}@media only screen and (max-width:767px){section#s6 .notice_s6{max-height:unset}}section#s6 .notice_s6 p{color:#103f48;text-align:start}.swiper{max-width:50vw;height:100%;position:relative;margin-bottom:1vw}.swiper::before{content:"";background:url(../images/skin-bg.png) no-repeat 50% 50%;background-size:contain;max-width:600px;max-height:600px;width:100%;height:100%;position:absolute;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:1440px){.swiper{max-width:95vw}}.swiper .swiper-button-prev{width:114px;height:114px;background:url(../images/arrow-left.png) no-repeat top center;background-size:contain;transition:.3s all}.swiper .swiper-button-prev:hover{filter:brightness(1.2)}.swiper .swiper-button-prev::after{content:''}@media only screen and (max-width:767px){.swiper .swiper-button-prev{width:50px;height:50px}}.swiper .swiper-button-next{width:114px;height:114px;background:url(../images/arrow-right.png) no-repeat top center;background-size:contain}.swiper .swiper-button-next:hover{filter:brightness(1.2)}.swiper .swiper-button-next::after{content:''}@media only screen and (max-width:767px){.swiper .swiper-button-next{width:50px;height:50px}}footer{background:#262626;padding:60px 0;margin:0 auto}@media only screen and (max-width:900px){footer{padding:40px 20px}}footer .container{padding:0}footer .container .main-content{display:flex;padding:0 60px}@media only screen and (max-width:900px){footer .container .main-content{flex-direction:column;padding:0}}footer .container .main-content .company{display:flex;margin-right:48px;align-items:center}@media only screen and (max-width:900px){footer .container .main-content .company{align-items:center;flex-direction:column;text-align:center;margin-right:0;margin-bottom:20px}}footer .container .main-content .company p{font-size:12px;color:#8d8d8d;text-align:left}footer .container .main-content .company .c01{margin-right:48px}@media only screen and (max-width:900px){footer .container .main-content .company .c01{margin:0 auto 16px auto}}@media only screen and (max-width:900px){footer .container .main-content .age-alert .d-flex{margin-left:4px}}footer .container .main-content .age-alert .d-flex img{width:63px;height:62px;margin-right:12px}footer .container .main-content .age-alert .d-flex p{color:#989898;font-size:14px;font-family:sans-serif;text-align:left}@media only screen and (max-width:900px){footer .container .main-content .age-alert .d-flex p{font-size:12px;line-height:1.6}}footer .container .copyright{margin-top:60px}@media only screen and (max-width:900px){footer .container .copyright{margin-top:40px}}footer .container .copyright p{font-size:14px;display:block;color:#989898;font-weight:400;text-align:center;font-family:sans-serif}@media only screen and (max-width:900px){footer .container .copyright p{font-size:12px;line-height:1.6}}.modal{z-index:999;padding-top:5vh;background-color:#00000085}@media only screen and (max-width:480px){.modal{padding-top:10vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:900px;pointer-events:auto}.modal .modal-body{text-align:center;padding:4%}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:60px;height:60px;font-size:0;right:-70px;top:0;transition:.2s;z-index:999}@media only screen and (max-width:900px){button.close{right:0;width:60px;height:60px}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:60px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:60px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}#player1{max-width:900px}@media only screen and (max-width:900px){#player1{width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}#nav{justify-content:space-between;align-items:center;padding:12px 48px 0 12px;background-color:transparent!important;position:fixed;z-index:900;width:100%}@media only screen and (max-width:900px){#nav{padding:4px 12px 0 0}}#nav button{color:#fff;padding:8px;background:linear-gradient(45deg,rgba(134,13,13,.796078),rgba(66,7,7,.815686));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:56px;height:56px;position:relative;border-radius:60px}#nav button span{position:absolute;width:32px;left:50%;top:50%;height:2px;background:#d6a502;transition:.3s all;display:inline-block;transform:translateX(-50%);transform-origin:0 0}#nav button[aria-expanded=false] span:nth-child(1){top:40%}#nav button[aria-expanded=false] span:nth-child(3){top:60%}#nav button[aria-expanded=true] span:nth-child(1){top:50%;transform:rotate(-15deg) translateX(-50%)}#nav button[aria-expanded=true] span:nth-child(2){opacity:0}#nav button[aria-expanded=true] span:nth-child(3){transform:rotate(15deg) translateX(-50%);top:50%}#nav button:focus{outline:0}#nav button:focus-visible{outline:0}@media only screen and (max-width:900px){#nav .navbar-nav{justify-content:flex-end;align-items:flex-end}#nav .navbar-nav li{margin-bottom:4px}}#nav .logo a{display:inline-block}#nav .logo a img{width:320px}@media only screen and (max-width:900px){#nav .logo a img{width:200px}}@media only screen and (max-width:480px){#nav .logo a img{width:180px}}#nav .socials{margin:0!important;justify-content:flex-end!important}#nav .socials a{display:inline-block;margin-left:4px;transition:.3s all}#nav .socials a:hover{filter:brightness(1.5)}