@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..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}aside{position:fixed;z-index:50;top:50%;right:15px;transform:translateY(-50%)}@media only screen and (max-width:1440px){aside{display:none!important}}aside ul{display:flex;flex-direction:column;align-items:flex-end;background:#00000073;padding:10px 20px}aside ul li{display:block;position:relative;padding:12px 0;color:#ffdb7994;cursor:pointer;border-radius:5px;font-size:1rem}aside ul li.active,aside ul li:hover{color:#ffdb79;transition:.3s all}aside ul li.active:after,aside ul li:hover:after{background-position:100% 0}.modal.video{background:rgba(0,0,0,.7)}.modal.video .modal-dialog{top:10%}@media only screen and (max-width:900px){.modal.video .modal-dialog{top:30%}}.modal.video .modal-dialog .modal-content{background:unset;border:unset}.modal.video .modal-dialog .modal-content .modal-header{padding:0;border:unset}.modal.video .modal-dialog .modal-content .modal-header button{position:absolute;display:inline-block;width:40px;height:40px;font-size:0;right:0;top:-50px;margin:0;padding:0}.modal.video .modal-dialog .modal-content .modal-header button:after,.modal.video .modal-dialog .modal-content .modal-header button:before{transition:.2s;content:'';position:absolute;top:50%;left:50%;width:64px;height:1px;background-color:#fff}.modal.video .modal-dialog .modal-content .modal-header button:before{transform:translate(-50%,-50%) rotate(45deg)}.modal.video .modal-dialog .modal-content .modal-header button:after{transform:translate(-50%,-50%) rotate(135deg)}@media only screen and (max-width:767px){.modal.video .modal-dialog .modal-content .modal-header button{right:0;top:-35px;width:30px;height:30px}.modal.video .modal-dialog .modal-content .modal-header button:after,.modal.video .modal-dialog .modal-content .modal-header button:before{width:30px}}.modal.video .modal-dialog .modal-content .modal-body{padding:0 0 56.25% 0;position:relative;width:100%;height:0;overflow:hidden}.modal.video .modal-dialog .modal-content .modal-body iframe{position:absolute;top:0;left:0;width:100%;height:100%}.swiper{max-width:80%}@media only screen and (max-width:1440px){.swiper{max-width:100%}}.swiper .swiper-button-next,.swiper .swiper-button-prev{top:50%;width:84px;height:112px;z-index:9}.swiper .swiper-button-next::after,.swiper .swiper-button-prev::after{content:''}@media only screen and (max-width:900px){.swiper .swiper-button-next,.swiper .swiper-button-prev{width:40px;height:50px}}.swiper .swiper-button-prev{left:1%;background:url(../images/s2Arrow.png) no-repeat center center;background-size:contain;transform:rotate(180deg);filter:grayscale(100%)}@media only screen and (max-width:900px){.swiper .swiper-button-prev{left:1%}}.swiper .swiper-button-prev.active,.swiper .swiper-button-prev:focus,.swiper .swiper-button-prev:hover{filter:unset}.swiper .swiper-button-next{right:1%;background:url(../images/s2Arrow.png) no-repeat center center;background-size:contain;filter:grayscale(100%)}@media only screen and (max-width:900px){.swiper .swiper-button-next{right:1%}}.swiper .swiper-button-next.active,.swiper .swiper-button-next:focus,.swiper .swiper-button-next:hover{filter:unset}.swiper-pagination{bottom:-20px!important}.swiper-pagination .swiper-pagination-bullet{background-color:#806b3e;opacity:1}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#b79320}a{text-decoration:none}#smooth-content{padding-top:80px}@media only screen and (max-width:767px){#smooth-content{padding-top:60px}}body{background-color:#000;font-family:"Noto Sans TC",sans-serif;overflow-x:hidden}body p{font-weight:400;text-align:center;color:#cebe94;line-height:1.5;margin:1% 0}@media only screen and (max-width:480px){body p{line-height:1.2}}body main{background:url(../images/banner-bg.png) top center no-repeat;position:relative;background-size:cover;min-height:1500px;font-size:1rem;overflow:hidden}@media only screen and (max-width:767px){body main{min-height:1820px}}body main .content{position:absolute;right:53.5%;top:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:12}@media only screen and (max-width:767px){body main .content{left:0;width:100%;top:0}}body main .content .title{margin:10px;position:relative;text-align:center}@media only screen and (max-width:767px){body main .content .title img{max-width:80%;margin:auto}}body main .content .title .text p{font-size:clamp(1rem,1vw,1.5rem);line-height:1.6;color:#fff;font-weight:600;letter-spacing:-.01em}body main .content .title .text p span{color:#ff7cb8;vertical-align:baseline}body main .content .btns{gap:16px;justify-content:center;margin-top:16px}body main .content .btns a{background:#92194f;color:#fff;font-size:clamp(1rem,1vw,1.5rem);padding:8px 40px;border-radius:8px}body main .banner-video{position:absolute;right:53%;top:33%;z-index:2}@media only screen and (max-width:767px){body main .banner-video{top:860px;left:50%;width:100%;transform:translateX(-50%);z-index:10;text-align:center}}body main .banner-video::before{content:'';position:absolute;background:url(../images/video-deco.png) center center no-repeat;width:258px;height:303px;right:485px;z-index:2}body main .banner-video::after{content:'';position:absolute;background:url(../images/video_frame.png) center center no-repeat;width:1164px;height:444px;right:-345px;top:0;z-index:4;background-size:contain}@media only screen and (max-width:767px){body main .banner-video::after{left:53%;transform:translateX(-50%);width:184vw;background-position:top center;top:-4%}}body main .banner-video span{content:'';position:absolute;background:url(../images/Btn-play.png) center center no-repeat;background-size:contain;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;transition:.3s all}body main .banner-video:hover span{background-image:url(../images/Btn-play-hover.png)}body main .banner-video video{position:relative;width:512px;height:304px;z-index:3}@media only screen and (max-width:767px){body main .banner-video video{max-width:80%;height:-moz-fit-content;height:fit-content}}body main .char{position:absolute;z-index:3;left:45%;top:3%}@media only screen and (max-width:767px){body main .char{width:150%;left:50%;transform:translateX(-50%);top:280px;text-align:center}}body main .items{position:absolute;bottom:4%;width:100%;left:50%;z-index:8;transform:translateX(-50%);text-align:center}body main .items picture{display:block}@media only screen and (max-width:767px){body main .items{z-index:20;top:1100px}}.modal-dialog{max-width:960px}.modal-dialog .modal-content{background:0 0;align-items:flex-end;border:none}.modal-dialog .modal-content .close{color:#fff;text-shadow:none;width:-moz-fit-content;width:fit-content;padding:1rem;transition:.3s all;border:1px solid #fff}.modal-dialog .modal-content .modal-body{width:100%;padding:0}.modal-dialog .modal-content .modal-body iframe{width:100%;aspect-ratio:16/9}@keyframes balloon{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(20px) rotate(15deg)}100%{transform:translateY(0) rotate(0)}}#s1{background:url(../images/s1.jpg) center center no-repeat;background-size:cover;padding:5% 0;height:calc(100vh);position:relative;overflow:hidden}@media only screen and (max-width:1440px){#s1{min-height:880px;padding:4vw}}@media only screen and (max-width:767px){#s1{background-image:url(../images/s1-m.jpg)}}#s1 .content{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;width:100%}#s1 .content .title{text-align:left}@media only screen and (max-width:767px){#s1 .content .title{text-align:center}}#s1 .content .detail{position:relative;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:767px){#s1 .content .detail{width:100%}}#s1 .content .detail::before{position:absolute;content:'';width:150%;height:150%;left:50%;top:50%;transform:translate(-50%,-50%);background:#00000052;border-radius:50%;filter:blur(70px)}#s1 .content .detail p{line-height:1.6;font-size:clamp(.8rem,1vw,1.5rem);color:#bea8aa;font-weight:700;margin-top:0;text-align:left;position:relative}@media only screen and (max-width:767px){#s1 .content .detail p{width:100%;text-align:center}}#s1 .content .detail p span{font-size:clamp(.8rem,1vw,1.5rem);text-align:center;color:#ffe8eb}@media only screen and (max-width:480px){#s1 .content .detail p span{margin:0}}#s1 .content .balloon{width:-moz-fit-content;width:fit-content;animation:balloon 4s ease-in-out infinite}@media only screen and (max-width:767px){#s1 .content .balloon{margin-top:60vw}#s1 .content .balloon img{width:120px}}#s2{background:url(../images/s2.jpg) center center no-repeat;background-size:cover;padding:5% 0;height:calc(100vh);position:relative;overflow:hidden}@media only screen and (max-width:767px){#s2{background-image:url(../images/s2-m.jpg);height:700px}}#s2 .balloon{position:absolute;left:70%;top:10%}#s2 .balloon img{width:-moz-fit-content;width:fit-content;animation:balloon 4s ease-in-out infinite}@media only screen and (max-width:767px){#s2 .balloon{top:5%;left:50%;transform:translateX(-50%);width:120px}}#s3{background:url(../images/s3.jpg) center center no-repeat;background-size:cover;padding:5% 0;height:calc(100vh);position:relative;overflow:hidden}@media only screen and (max-width:767px){#s3{background-image:url(../images/s3-m.jpg);height:700px}}#s3 .balloon{position:absolute;right:70%;top:10%}#s3 .balloon img{width:-moz-fit-content;width:fit-content;animation:balloon 4s ease-in-out infinite}@media only screen and (max-width:767px){#s3 .balloon{right:50%;width:120px}}#s4{background:url(../images/s4.jpg) center center no-repeat;background-size:cover;padding:5% 0;height:120vh;position:relative;overflow:hidden}@media only screen and (max-width:767px){#s4{background-image:url(../images/s4-m.jpg);height:800px}}#s4 .balloon{position:absolute;left:70%;top:10%}#s4 .balloon img{width:-moz-fit-content;width:fit-content;animation:balloon 4s ease-in-out infinite}@media only screen and (max-width:767px){#s4 .balloon{width:120px;top:5%;left:30%}}#s4 .notice{position:absolute;left:50%;transform:translateX(-50%);bottom:4%}@media only screen and (max-width:767px){#s4 .notice{width:100%;padding:0 8vw}}#s4 .notice ul li{list-style:disc;color:#a5ccfb}@media only screen and (max-width:767px){#s4 .notice ul li{font-size:12px}}