@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}body{background-color:#000;font-family:"Noto Sans TC",sans-serif;overflow-x:hidden;text-align:center}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{position:relative;background-size:cover;min-height:100vh;font-size:1rem;overflow:hidden}body main video{position:absolute;transform:translate(-50%,-50%);width:100%;height:100%;top:50%;left:50%;z-index:1;-o-object-fit:cover;object-fit:cover}body main .content{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}body main .content .title{margin:10px;font-size:clamp(1.2rem,1.5vw,1.5rem);position:relative}body main .content .title::before{content:'';position:absolute;background:#ffffffa3;width:100%;height:100%;border-radius:50%;z-index:-1;filter:blur(120px)}body main .content .title .text p{font-size:clamp(1.3rem,1.8vw,1.5rem);line-height:1.6;color:#000;font-weight:600;letter-spacing:-.05em}body main .content .scroll{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);font-size:2rem;-webkit-animation:loop 1.5s .3s ease-in-out infinite;animation:loop 1.5s .3s ease-in-out infinite}@-webkit-keyframes loop{0%{transform:translateX(-50%) translateY(-3px)}50%{transform:translateX(-50%) translateY(3px)}100%{transform:translateX(-50%) translateY(-3px)}}@keyframes loop{0%{transform:translateX(-50%) translateY(-3px)}50%{transform:translateX(-50%) translateY(3px)}100%{transform:translateX(-50%) translateY(-3px)}}section{padding:5%;min-height:calc(100vh - 80px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:start}@media only screen and (max-width:1440px){section{min-height:80vh;padding:8vw}}section p{line-height:1.8;font-size:1.1rem;color:#b6ccf7;margin-top:0}@media only screen and (max-width:480px){section p{margin:0;font-size:1rem}}section p span{font-size:clamp(1.3rem,1.3vw,2.5rem);text-align:center;color:#b6ccf7}@media only screen and (max-width:480px){section p span{margin:0}}section .title{margin-bottom:24px}@media only screen and (max-width:767px){section .title{margin-bottom:12px}}@media only screen and (max-width:480px){section .title img{max-width:80%}}section#s1{transition:.5s all}@media only screen and (max-width:767px){section#s1{padding:12vw 4vw}}section#s1 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;transition:.3s all}section#s1 .bg.bg-1{background:url(../images/s1Bg01.jpg) no-repeat 30% 50%;background-size:cover;-webkit-animation:move 40s infinite linear;animation:move 40s infinite linear}section#s1 .bg.bg-2{background:url(../images/s1Bg02.jpg) no-repeat 30% 50%;background-size:cover;-webkit-animation:move 40s infinite linear;animation:move 40s infinite linear}@-webkit-keyframes move{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes move{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}section#s1 .content{text-align:start;display:flex;flex-direction:column;gap:20px;position:relative}section#s1 .content::before{content:'';position:absolute;background:#000000a3;width:50%;height:100%;left:50%;transform:translateX(-50%);border-radius:50%;z-index:0;filter:blur(120px)}@media only screen and (max-width:767px){section#s1 .content::before{width:100%;filter:blur(60px)}}@media only screen and (max-width:767px){section#s1 .content{margin:0 5%}}@media only screen and (max-width:480px){section#s1 .content{margin:unset}}section#s1 .content .text{margin-bottom:12px}@media only screen and (max-width:767px){section#s1 .content .text{margin-bottom:0}}section#s1 .content p{text-align:center}section#s1 .content .tab{display:flex;justify-content:center;flex-direction:row;gap:15px}@media only screen and (max-width:480px){section#s1 .content .tab{padding:0 40px;gap:5px}}section#s1 .content .tab button{border:none;position:relative;filter:brightness(.8);transition:.3s all}section#s1 .content .tab button::after{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #4f9af1;box-sizing:border-box;transition:.15s;opacity:0;transition:.3s all;content:''}section#s1 .content .tab button.active{filter:brightness(1.2)}section#s1 .content .tab button.active::after{opacity:1}section#s2{background:url(../images/s2Bg.jpg) no-repeat 50% 50%;background-size:cover;justify-content:center}section#s2 .content p{margin:0 40px 40px;color:#b1a398}section#s2 .content .tab button{position:relative;margin:0 1%}section#s2 .content .tab button h5{color:#72624b;font-size:clamp(1.1rem,1.8vw,1.5rem);width:195px;height:60px}@media only screen and (max-width:480px){section#s2 .content .tab button h5{width:140px;height:40px}}section#s2 .content .tab button.active h5,section#s2 .content .tab button:hover h5{color:#dfae67}section#s2 .content .tab button.active:before,section#s2 .content .tab button:hover:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/s2Tab_deco01.png) no-repeat 50% 50%;background-size:contain}section#s2 .content .swiper{margin-bottom:12px}section#s2 .content .swiper .swiper-slide{display:flex;justify-content:center;align-items:center}@media only screen and (max-width:900px){section#s2 .content .swiper .swiper-slide{flex-direction:column}}section#s2 .content .swiper .swiper-slide img{max-width:80%}@media only screen and (max-width:768px){section#s2 .content .swiper .swiper-slide img{max-width:100%}}section#s2 .content .swiper-pagination .swiper-pagination-bullet{background-color:#dfaf678a;width:12px;height:12px}section#s2 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#6580f4}section#s3{background:url(../images/s3Bg.jpg) no-repeat 50% 50%;background-size:cover}section#s3 .title{margin-bottom:4vw}@media only screen and (max-width:768px){section#s3 .title{margin-bottom:6vw}}section#s3 .content .container{width:100%}section#s3 .content .container .d-flex{gap:1%;width:100%;justify-content:center;flex-wrap:wrap}@media only screen and (max-width:768px){section#s3 .content .container .d-flex{flex-direction:column;gap:8vw}}section#s3 .content .container .d-flex .item{width:48%}@media only screen and (max-width:768px){section#s3 .content .container .d-flex .item{width:100%}}section#s3 .content .container .d-flex .item:last-child{width:44%}@media only screen and (max-width:768px){section#s3 .content .container .d-flex .item:last-child{width:100%}}section#s3 .content .container .d-flex .item img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}