@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..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: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}.nav-tabs,.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a,.nav-tabs>li>a:hover{background-color:unset;border:unset;line-height:unset}@media only screen and (max-width:991px){nav.nav-top .nav_logo li a{position:absolute;width:50px;transform:translateX(-50%)}}li{list-style:none}@media only screen and (max-width:480px){.mp-none{display:none}}@media only screen and (max-width:991px){.m-none{display:none}}@media only screen and (min-width:992px){.nm-none{display:none}}@media only screen and (min-width:1780px){.pclgs{display:none}}body{position:relative;background-color:#00021b;background-repeat:no-repeat;background-position:center 100vh;background-size:cover;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;width:100%;overflow-x:hidden}body.mask{display:none}@media only screen and (max-width:480px){body{background-position:center 100vh;background-size:cover}}body #pup_box_info_m{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#000000b0;z-index:1050;display:none;overflow:scroll}body #pup_box_info_m .wrapper{position:relative;display:flex;justify-content:center;margin-top:40%}body #pup_box_info_m .wrapper .con{position:relative}body #pup_box_info_m .wrapper .con .close{position:absolute;width:40px;height:40px;top:-40px;right:0;border-images-slice:1;opacity:1}body #pup_box_info_m .wrapper .con .close::after{content:'';position:absolute;width:2px;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#fff;transition:.3s all}body #pup_box_info_m .wrapper .con .close::before{content:'';position:absolute;width:2px;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);background-color:#fff;transition:.3s all}body #pup_box_info_m .wrapper .con .close:hover::after{transform:translate(-50%,-50%) rotate(-45deg);background-color:#a87e1d;opacity:0}body #pup_box_info_m .wrapper .con .close:hover::before{transform:translate(-50%,-50%) rotate(45deg);background-color:#a87e1d;opacity:0}body a{background-color:unset}body a:hover{text-decoration:none}body img{max-width:100%}body h3{font-size:30px;line-height:1.6;color:#fff;font-weight:600;margin-top:20px}@media only screen and (max-width:991px){body h3{font-size:20px}}body h4{font-size:18px;line-height:1.6;font-weight:400;margin-top:16px}@media only screen and (max-width:991px){body h4{font-size:20px}}@media only screen and (max-width:480px){body h4{font-size:15px;letter-spacing:0}}body h5{font-size:16px;line-height:1.6;color:#ff00f6;font-weight:300;margin-top:10px;margin-bottom:5px}@media only screen and (max-width:991px){body h5{font-size:20px}}@media only screen and (max-width:480px){body h5{font-size:16px}}body p{font-size:13px;line-height:1.6;letter-spacing:1px;color:#fff;font-weight:300}@media only screen and (max-width:991px){body p{font-size:16px}}@media only screen and (max-width:480px){body p{font-size:12px}}body p.notice_text{color:#ce3633}@media only screen and (max-width:991px){body p.notice_text{font-size:12px}}body .mt-20{margin-top:20px}body .mt-100{margin-top:100px}body .mt-200{margin-top:200px}body .mt--200{margin-top:-200px}body .mb-100{margin-bottom:100px}@media only screen and (max-width:480px){body .container{padding-right:25px;padding-left:25px}}#fullpage .banner{position:relative;background:url(../images/banner.png) center top no-repeat;width:100%;background-size:cover;text-align:center;height:1080px;overflow:hidden}@media only screen and (max-width:991px){#fullpage .banner{height:110vh;background-position-x:50%;margin-top:60px}}#fullpage .banner .content{position:absolute;left:15%;top:15%;text-align:center;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}@media only screen and (max-width:991px){#fullpage .banner .content{right:0;left:50%;bottom:40%;transform:translateX(-50%);top:inherit;width:90%}}#fullpage .banner .content .d-flex a{display:inline-block;transition:.3s all;width:206px;height:130px;background-size:contain!important}#fullpage .banner .content .d-flex a:hover{filter:brightness(1.2)}@media only screen and (max-width:991px){#fullpage .banner .content .d-flex a{width:180px;height:115px;max-width:100%}}#fullpage .banner .content .d-flex a.signin{background:url(../images/btn-01.png) center center no-repeat}#fullpage .banner .content .d-flex a.dl{background:url(../images/btn-02.png) center center no-repeat}@media only screen and (max-width:991px){#fullpage .banner .content .d-flex a.dl{display:none}}#fullpage .banner .content a.video{position:absolute;top:85%;background:url(../images/play.png) center center no-repeat;width:532px;height:439px;background-size:contain;transition:.3s all}@media only screen and (max-width:991px){#fullpage .banner .content a.video{transform:scale(.8);top:70%}}#fullpage .banner .content a.video:hover{filter:brightness(1.2)}#fullpage .banner .content a.video::before{position:absolute;content:'';background:url(../images/effect_frame.png) center top no-repeat;width:500px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-animation:video 8s steps(161) 0s infinite;animation:video 8s steps(161) 0s infinite}@-webkit-keyframes video{from{background-position-y:0}to{background-position-y:-64400px}}@keyframes video{from{background-position-y:0}to{background-position-y:-64400px}}#fullpage .banner .char{background:url(../images/char.png) center center no-repeat;width:505px;height:889px;position:absolute;left:55%;top:20%}@media only screen and (max-width:991px){#fullpage .banner .char{width:400px;height:750px;left:50%;top:5%;background-size:contain;transform:translateX(-50%)}}#fullpage #s2{display:flex;align-items:center;flex-direction:column;width:100%;background-size:cover;position:relative;justify-content:flex-end}@media only screen and (max-width:991px){#fullpage #s2{padding:18px 18px 0 0}}#fullpage #s3{position:relative;background:url(../images/sec-03.png) center center no-repeat;width:100%;height:1070px;overflow:hidden}@media only screen and (max-width:991px){#fullpage #s3{height:80vh;background-position-x:25%}}#fullpage #s3 .detail{background:url(../images/sec-03-content.png) center center no-repeat;width:633px;height:635px;position:absolute;left:46%;top:50%;transform:translateY(-50%);z-index:5}@media only screen and (max-width:991px){#fullpage #s3 .detail{width:95%;left:50%;top:inherit;bottom:2%;transform:translate(-50%,0);height:95vw;background-size:contain}}#fullpage #s3 .detail span{background:url(../images/detail.png) center center no-repeat;position:absolute;display:inline-block;width:23px;height:23px;transition:.3s all}@media only screen and (max-width:991px){#fullpage #s3 .detail span{width:16px;height:16px;background-size:contain}}#fullpage #s3 .detail span.more-01{top:36%;left:40%}#fullpage #s3 .detail span.more-01:hover::before{opacity:1}#fullpage #s3 .detail span.more-01::before{content:'';position:absolute;opacity:0;background:url(../images/01-hover.png) center center no-repeat;width:677px;height:616px;top:-200px;right:200%;transition:.3s all;pointer-events:none}@media only screen and (max-width:991px){#fullpage #s3 .detail span.more-01::before{display:none}}#fullpage #s3 .detail span.more-02{top:36%;left:78%}#fullpage #s3 .detail span.more-02:hover::before{opacity:1}#fullpage #s3 .detail span.more-02::before{content:'';position:absolute;opacity:0;background:url(../images/02-hover.png) center center no-repeat;width:638px;height:219px;top:200%;right:-200px;transition:.3s all;pointer-events:none}@media only screen and (max-width:991px){#fullpage #s3 .detail span.more-02::before{display:none}}.modal .modal-dialog{max-width:1080px}.modal .modal-dialog .modal-content{background-color:transparent}.modal .modal-dialog .modal-content .modal-header{border:none}.modal .modal-dialog .modal-content .modal-header .close{color:#fff;opacity:1;position:absolute;right:40px;top:0;width:60px;height:60px;padding:0}.modal .modal-dialog .modal-content .modal-header .close span:first-child{position:absolute;width:50px;height:2px;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);transform-origin:50% 50%}.modal .modal-dialog .modal-content .modal-header .close span:last-child{position:absolute;width:50px;height:2px;background:#fff;left:50%;top:50%;transform-origin:50% 50%;transform:translate(-50%,-50%) rotate(-45deg)}.modal .modal-dialog .modal-content .modal-body{padding:0}.modal .modal-dialog .modal-content .modal-body iframe{width:100%;height:auto;aspect-ratio:16/9}aside.sideBtn{position:fixed;right:2%;bottom:3%;z-index:1030;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation:float 3.8s ease-in-out infinite;animation:float 3.8s ease-in-out infinite}@media only screen and (max-width:991px){aside.sideBtn{bottom:0}}@-webkit-keyframes float{0%{bottom:3%}50%{bottom:5%}100%{bottom:3%}}@keyframes float{0%{bottom:3%}50%{bottom:5%}100%{bottom:3%}}aside.sideBtn .gotop{display:inline-block;background:url(../image/top.png) center center no-repeat;width:108px;height:167px;margin-top:4px;cursor:pointer;background-size:contain;transition:.3s all}aside.sideBtn .gotop:hover{filter:brightness(1.2)}@media only screen and (max-width:991px){aside.sideBtn .gotop{width:40px;height:80px}}