@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&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}aside ul li{align-items:center;position:relative;margin:20px 0 0 0;cursor:pointer}aside ul li.index-1 .icon{background-position:-208px 0}aside ul li.index-1 .icon::after{background-position:0 0}aside ul li.index-2 .icon{background-position:-208px 50%}aside ul li.index-2 .icon::after{background-position:0 50%}aside ul li.index-3 .icon{background-position:-208px 100%}aside ul li.index-3 .icon::after{background-position:0 100%}aside ul li.active .icon::after,aside ul li:hover .icon::after{opacity:1}aside ul li .icon{display:block;width:50px;height:67px;background:url(../images/quick.png) no-repeat;background-size:258px auto;transition:background-position .3s ease;position:relative}aside ul li .icon::after{content:'';position:absolute;top:0;right:0;width:208px;height:67px;background:url(../images/quick.png) no-repeat 0 0;background-size:258px auto;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.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:70%}@media only screen and (max-width:1440px){.swiper{max-width:100%}}.swiper .swiper-button-next,.swiper .swiper-button-prev{top:50%;transform:translateY(-30%);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:11%;background:url(../images/bt_swiper.png) no-repeat center center;background-size:contain;filter:grayscale(100%);transition:.3s all}@media only screen and (max-width:900px){.swiper .swiper-button-prev{left:1%;transform:translateY(30%)}}.swiper .swiper-button-prev.active,.swiper .swiper-button-prev:focus,.swiper .swiper-button-prev:hover{filter:unset}.swiper .swiper-button-next{right:11%;background:url(../images/bt_swiper_next.png) no-repeat center center;background-size:contain;filter:grayscale(100%);transition:.3s all}@media only screen and (max-width:900px){.swiper .swiper-button-next{right:1%;transform:translateY(30%)}}.swiper .swiper-button-next.active,.swiper .swiper-button-next:focus,.swiper .swiper-button-next:hover{filter:unset}.swiper-pagination{top:94%}.swiper-pagination .swiper-pagination-bullet{background-color:#20406e;position:relative;display:inline-block;width:50px;height:5px;margin:0 .10417%;border-radius:0;opacity:1;pointer-events:fill}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#4092ff}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:#fff;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:before{z-index:2;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}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,body main .content p{margin:10px;font-size:clamp(1.2rem,1.5vw,1.5rem)}body main .content .deco{margin-top:-25px}body main .content #btn-video{margin:20px;cursor:pointer;transition:.3s}body main .content #btn-video:hover{filter:brightness(1.5)}section{padding:2% 2% 5% 2%;min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}@media only screen and (max-width:1440px){section{min-height:70vh}}@media only screen and (max-width:767px){section{min-height:110vh}}section p{font-size:1.1rem;color:#fff}@media only screen and (max-width:480px){section p{margin:2% 40px;text-align:start;font-size:1rem}}section p span{color:#c6ab5a;font-size:1.1rem;vertical-align:baseline}@media only screen and (max-width:767px){section p span{font-size:1rem}}section h1{font-size:clamp(2rem,3vw,3.5rem)}@media only screen and (max-width:480px){section h1{margin:0 40px}}section h2{font-size:clamp(1.3rem,2vw,2.5rem)}@media only screen and (max-width:480px){section h2{margin:0 40px}}section .title{margin:3% 0}@media only screen and (max-width:767px){section .title img{max-width:100%}}section#s1{transition:.5s all}section#s1 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}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}section#s1 .bg.bg-3{background:url(../images/s1Bg03.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;margin:5% 0 0 10%}@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 .title{display:flex;align-items:flex-end}section#s1 .content .title .contentTitle{margin-right:2%}@media only screen and (max-width:767px){section#s1 .content .title .contentTitle{max-width:190px}}section#s1 .content .title .tab{display:flex;flex-direction:row;gap:15px;transition:.3s all}@media only screen and (max-width:767px){section#s1 .content .title .tab{padding:0 4%}}@media only screen and (max-width:480px){section#s1 .content .title .tab{padding:0;gap:5px}}section#s1 .content .title .tab button{border:1px solid rgba(206,190,148,0);filter:brightness(.8)}section#s1 .content .title .tab button.active{filter:brightness(1.2);border:3px solid #235ead}section#s1 .content .word{display:flex}@media only screen and (max-width:767px){section#s1 .content .word{display:none}}section#s1 .content .word .text:nth-of-type(1){margin-right:2%}@media only screen and (max-width:480px){section#s1 .content .word .text:nth-of-type(1){margin-right:0}}section#s1 .content .word .text:nth-of-type(1) p:nth-of-type(1){margin:0 0 5% 0}section#s1 .content .word .text:nth-of-type(2) p:nth-of-type(1){margin:0 0 16% 0}section#s1 .content .word .text p{text-align:start;font-weight:200}section#s1 .content .word_m{display:none}@media only screen and (max-width:767px){section#s1 .content .word_m{display:block}}section#s1 .content .word_m .text p{margin:4% 2% 0;line-height:1.4}section#s2{background:url(../images/s2Bg.jpg) no-repeat 50% 50%;background-size:cover;padding:6% 2% 5% 2%}@media only screen and (max-width:767px){section#s2{padding:20% 0 23% 0}}section#s2 .observe1{display:flex;justify-content:center;align-items:center}@media only screen and (max-width:767px){section#s2 .observe1{flex-direction:column;align-items:flex-start}}section#s2 .observe1 .obj1_content{margin:0 0 0 6%}@media only screen and (max-width:767px){section#s2 .observe1 .obj1_content{margin:0 0 5% 4%}}section#s2 .observe1 .obj1_content .obj1{margin:0 0 6% 0}@media only screen and (max-width:767px){section#s2 .observe1 .obj1_content .obj1 img{width:100%}}section#s2 .observe1 .obj1_content .word p{margin:0;line-height:1.5;text-align:start}section#s2 .observe1 .map-pic{position:relative;overflow:hidden;aspect-ratio:16/9;width:100%;max-width:1200px;margin:auto}section#s2 .observe1 .map-pic .movepic{width:100%;position:relative}section#s2 .swiper_content .observe2{display:flex;flex-direction:row-reverse;align-items:center;margin:7% 0 0;padding-right:5%}section#s2 .swiper_content .observe2 .area1{margin:0}@media only screen and (max-width:767px){section#s2 .swiper_content .observe2 .area1{margin:12% 0 0}}section#s2 .swiper_content .observe2 .obj2_content h3.obj2{margin-top:0;text-align:start}@media only screen and (max-width:767px){section#s2 .swiper_content .observe2 .obj2_content h3.obj2{margin:0 0 5% 0}}section#s2 .swiper_content .observe2 .obj2_content .word p{text-align:start;margin:4% 0 2% 0}@media only screen and (max-width:767px){section#s2 .swiper_content .observe2 .obj2_content .word p{margin:0 0 2% 0}}section#s2 .swiper_content .observe2 .obj2_content .swiper-pagination{bottom:-20%;left:-27%}@media only screen and (max-width:767px){section#s2 .swiper_content .observe2 .obj2_content .swiper-pagination{bottom:-10%;left:50%;transform:translateX(-50%)}}@media only screen and (max-width:767px){section#s2 .swiper_content .observe2{flex-direction:column;padding-right:0;margin:10% 0 0}}section#s2 .swiper_content .observe3{margin:7% 0;padding-bottom:5%}section#s2 .swiper_content .observe3 .obj3_content{margin-bottom:4%}@media only screen and (max-width:767px){section#s2 .swiper_content .observe3 .obj3_content .obj3{padding:0 3%}}@media only screen and (max-width:767px){section#s2 .swiper_content .observe3 .obj3_content .obj3 .tit03{display:none}}section#s2 .swiper_content .observe3 .obj3_content .obj3 .tit03_m{display:none}@media only screen and (max-width:767px){section#s2 .swiper_content .observe3 .obj3_content .obj3 .tit03_m{display:block}}@media only screen and (max-width:767px){section#s2 .swiper_content .observe3 .obj3_content .word{padding:4% 0}}section#s2 .swiper_content .observe3 .obj3_content .word p{margin:2% 40px}@media only screen and (max-width:767px){section#s2 .swiper_content .observe3 .obj3_content .word p{margin:2% 20px}}section#s2 .swiper_content .observe3 .obj3_content .swiper-pagination{bottom:-15%}@media only screen and (max-width:767px){section#s2 .swiper_content .observe3 .obj3_content .swiper-pagination{bottom:-6%}}section#s2 .swiper_content .observe3 .swiper.area2{max-width:100%}@media only screen and (max-width:767px){section#s2 .swiper_content .observe3 .swiper.area2{padding-top:5%}}section#s2 .swiper_content .swiper .swiper-slide img{max-width:70%}@media only screen and (max-width:767px){section#s2 .swiper_content .swiper .swiper-slide img{max-width:100%}}section#s3{background:url(../images/s3Bg.jpg) repeat 50% 50%;background-size:auto;padding:0;min-height:auto}section#s3 .chr-wrapper{display:flex;width:100%;height:100%}@media only screen and (max-width:768px){section#s3 .chr-wrapper{display:none}}section#s3 .chr-wrapper li.chr-box{position:relative;overflow:hidden;display:inline-block;height:100%;width:20%;background-repeat:no-repeat;background-size:100% auto;background-position:0 0}section#s3 .chr-wrapper li.chr-box .default-info{position:absolute;top:68.04408%;left:0;width:100%;font-size:1.66667vw;font-weight:400;color:#fff;text-align:center;transition:.4s}@media only screen and (max-width:900px){section#s3 .chr-wrapper li.chr-box .default-info{font-size:32px}}section#s3 .chr-wrapper li.chr-box .default-info::before{content:'';background:url(../images/s3_btn.png) no-repeat;width:100%;max-width:50px;height:62px;position:absolute;bottom:-65%;left:50%;transform:translateX(-50%)}section#s3 .chr-wrapper li.chr-box .overlay{position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:rgba(6,41,79,.8);color:#fff;padding:4rem 2rem 2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;transition:bottom .6s ease;opacity:0;z-index:2}section#s3 .chr-wrapper li.chr-box .overlay .name{font-size:2.4rem;margin-bottom:1rem;color:#ffebad}section#s3 .chr-wrapper li.chr-box .overlay .dsc1 p{font-size:1.4rem;margin-bottom:1rem;color:#ffebad}section#s3 .chr-wrapper li.chr-box .overlay .dsc2 p{font-size:1rem;line-height:1.6}section#s3 .chr-wrapper li.chr-box:hover .overlay{bottom:0;opacity:1}section#s3 .chr-wrapper li.chr-box:hover .default-info{opacity:0}section#s3 .character-tabs{display:none}@media only screen and (max-width:768px){section#s3 .character-tabs{display:block}}section#s3 .character-tabs .container{padding:0}section#s3 .character-tabs .container ul.nav-tabs{flex-wrap:wrap}section#s3 .character-tabs .container ul.nav-tabs .nav-item .nav-link{color:#2b62ab;background:#0a172f;border:none;padding:1rem 2rem;font-weight:700;border-radius:0;position:relative;font-size:1.2rem}section#s3 .character-tabs .container ul.nav-tabs .nav-item .nav-link.active{background-color:#ffe595;color:#9d5107}section#s3 .character-tabs .container ul.nav-tabs .nav-item .nav-link.active::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:5px;background:#ffe595}section#s3 .character-tabs .tab-content{margin-top:0!important}section#s3 .character-tabs .tab-content .tab-pane img{width:100%}section#s4{padding:0;min-height:unset;background:url(../images/s4Bg.jpg) no-repeat 50% 50%;background-size:cover;display:flex;flex-direction:row;justify-content:center;align-items:center}@media only screen and (max-width:768px){section#s4{flex-direction:column}}section#s4 .text{margin:2% 0 2% 0;background-size:contain;width:100%;max-width:640px;height:650px;padding:5% 2% 0 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media only screen and (max-width:1200px){section#s4 .text{margin:2% 0 2% 0}}@media only screen and (max-width:767px){section#s4 .text{height:auto;padding:15% 4% 0}}section#s4 .text p,section#s4 .text span{font-size:clamp(1.3rem,1.6vw,2.4rem);margin:10px 0;text-align:start;width:100%;max-width:600px;color:#3e8df6}@media only screen and (max-width:767px){section#s4 .text p,section#s4 .text span{width:100%;height:auto;padding:0 0 5% 0;line-height:1.5}}section#s4 .text p.small,section#s4 .text span.small{font-size:clamp(1.2rem,1.2vw,2rem);text-align:start;font-style:italic;margin-top:50px}@media only screen and (max-width:767px){section#s4 .text p.small,section#s4 .text span.small{margin-top:0}}@media only screen and (max-width:480px){section#s4 .text p,section#s4 .text span{margin:0}}section#s4 .text p:nth-of-type(1){color:#a4b3b9}@media only screen and (max-width:767px){section#s4 .text p:nth-of-type(1){width:100%;padding:0 0 5% 0}}section#s4 .text p:nth-of-type(1) span{color:#ffebad}section#s4 .tip-icon{display:flex}section#s4 .tip-icon .obj:nth-of-type(1){margin-right:20px}@media only screen and (max-width:767px){section#s4 .tip-icon{flex-direction:column;width:80%;margin-bottom:25%}section#s4 .tip-icon .obj:nth-of-type(1){margin-right:0;margin-bottom:20px}}