:root{font-size:12px}@media (min-width: 350px){:root{font-size:16px}}@media (min-width: 700px){:root{font-size:12px}}@media (min-width: 1024px){:root{font-size:16px}}@font-face{font-family:NECMobile;src:url(../../assets/font/NECMobile.otf) format("otf"),url(../../assets/font/NECMobile.woff) format("woff"),url(../../assets/font/NECMobile.woff2) format("woff2")}body{background-color:#0F1316}.wrapper{font-family:NECMobile, Futura, 'Noto Sans TC', sans-serif}main{position:fixed;width:100%;height:100vh;overflow:auto;overflow-x:hidden}@-webkit-keyframes dotActive{0%{opacity:0;-webkit-transform:translate(-50%, -50%) scale(0.8);transform:translate(-50%, -50%) scale(0.8)}70%{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}100%{opacity:0;-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2)}}@keyframes dotActive{0%{opacity:0;-webkit-transform:translate(-50%, -50%) scale(0.8);transform:translate(-50%, -50%) scale(0.8)}70%{opacity:1;-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}100%{opacity:0;-webkit-transform:translate(-50%, -50%) scale(1.2);transform:translate(-50%, -50%) scale(1.2)}}@-webkit-keyframes dotActiveMB{0%{opacity:0}70%{opacity:1}100%{opacity:0}}@keyframes dotActiveMB{0%{opacity:0}70%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0.4}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0.4}100%{opacity:1}}@-webkit-keyframes notbed{0%{opacity:0}2.5%{opacity:1}5%{opacity:0}7.5%{opacity:0.8}10%{opacity:0.8}15%{opacity:0}20%{opacity:0.3}25%{opacity:0}30%{opacity:0.1}100%{opacity:0.1}}@keyframes notbed{0%{opacity:0}2.5%{opacity:1}5%{opacity:0}7.5%{opacity:0.8}10%{opacity:0.8}15%{opacity:0}20%{opacity:0.3}25%{opacity:0}30%{opacity:0.1}100%{opacity:0.1}}@-webkit-keyframes notbed2{0%{opacity:0}2.5%{opacity:0.3}5%{opacity:0}7.5%{opacity:0.2}10%{opacity:0.1}15%{opacity:0}20%{opacity:0.2}25%{opacity:0}30%{opacity:0.05}100%{opacity:0.05}}@keyframes notbed2{0%{opacity:0}2.5%{opacity:0.3}5%{opacity:0}7.5%{opacity:0.2}10%{opacity:0.1}15%{opacity:0}20%{opacity:0.2}25%{opacity:0}30%{opacity:0.05}100%{opacity:0.05}}@-webkit-keyframes type{0%{width:0%}99%{width:100%}100%{width:100%}}@keyframes type{0%{width:0%}99%{width:100%}100%{width:100%}}.bgAni{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bgAni img{position:absolute;top:50%;left:50%}.bgAni .n1{-webkit-transform:translate(40%, -390%);transform:translate(40%, -390%);-webkit-animation-duration:1s;animation-duration:1s}.bgAni .n2{-webkit-transform:translate(-100%, 170%);transform:translate(-100%, 170%);-webkit-animation-duration:5s;animation-duration:5s}.bgAni .n3{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation-duration:0.6s;animation-duration:0.6s;height:500px}.bgAni .n4{-webkit-transform:translate(-100%, 170%);transform:translate(-100%, 170%);-webkit-animation-duration:2s;animation-duration:2s}.bgAni .n5{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation-duration:2s;animation-duration:2s}.bgAni .heehee{-webkit-animation-name:notbed;animation-name:notbed;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps(40);animation-timing-function:steps(40);-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-play-state:running;animation-play-state:running;white-space:nowrap;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:1}.bgAni .QQ{-webkit-animation-name:notbed2;animation-name:notbed2;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps(40);animation-timing-function:steps(40);-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-play-state:running;animation-play-state:running;white-space:nowrap;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:1}#c{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.intro{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(30%), color-stop(#000), color-stop(70%), to(rgba(0,0,0,0)));background-image:linear-gradient(90deg, rgba(0,0,0,0), 30%, #000, 70%, rgba(0,0,0,0));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.intro .text{position:relative;width:100%;max-width:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.intro .text p{position:relative;display:inline-block;text-align:center;padding:0;margin:0;color:transparent;font-size:1.3125rem;margin:15px auto;letter-spacing:2px}.intro .text p::before{content:attr(data-text);position:absolute;top:0px;left:0px;width:100%;height:100%;color:#99f5ff;overflow:hidden;border-right-width:0;border-right-style:solid;border-right-color:#fff;-webkit-animation-name:type;animation-name:type;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:steps(18);animation-timing-function:steps(18);-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-play-state:running;animation-play-state:running;white-space:nowrap;-webkit-animation-fill-mode:both;animation-fill-mode:both}.intro .text #ht1::before{-webkit-animation-delay:0.6s;animation-delay:0.6s}.intro .text #ht2::before{-webkit-animation-delay:1.6s;animation-delay:1.6s}.intro .text #ht3::before{-webkit-animation-delay:2.6s;animation-delay:2.6s}.intro .text #ht4::before{-webkit-animation-delay:3.6s;animation-delay:3.6s}.matrix{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;overflow-x:hidden;z-index:1;background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(30%), color-stop(#000), color-stop(70%), to(rgba(0,0,0,0)));background-image:linear-gradient(90deg, rgba(0,0,0,0), 30%, #000, 70%, rgba(0,0,0,0));opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:500px;perspective:500px}.matrix_cnt{position:relative;width:100%;max-width:600px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .1s;transition:all .1s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.matrix_cnt .item{position:relative;width:150px;height:150px;color:#99F5FF;background-color:transparent;border:1px solid #99F5FF;margin:5px;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.matrix_cnt .item .y{position:relative;text-align:center;font-size:1rem;font-weight:bold}.matrix_cnt .item .t{position:relative;text-align:center;font-size:1.125rem;margin:10px auto}.matrix_cnt .item:hover{color:#000;background-color:#99F5FF}.timeLine{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;overflow-x:hidden;z-index:1;background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(10%), color-stop(#000), color-stop(90%), to(rgba(0,0,0,0)));background-image:linear-gradient(90deg, rgba(0,0,0,0), 10%, #000, 90%, rgba(0,0,0,0));display:none}.timeLine_items{position:relative;width:100%;max-width:1000px;height:auto;margin:0 auto;padding:100px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeLine_items .item{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeLine_items .item-dot{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeLine_items .item-dot .upLine{position:relative;width:1px;height:100px;margin:0 auto;background-color:#99f5ff;z-index:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-play-state:running;animation-play-state:running}.timeLine_items .item-dot .downLine{position:relative;width:1px;height:50px;margin:0 auto;background-color:#99f5ff;z-index:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-play-state:running;animation-play-state:running}.timeLine_items .item-dot .dot{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;margin:20px auto;cursor:pointer;z-index:1}.timeLine_items .item-dot .dot-cir{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:absolute;top:0;left:0;width:25px;height:25px;border-radius:99%;background-color:#99f5ff;-webkit-transform-origin:50%;transform-origin:50%;-webkit-transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%) scale(0.5);transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);z-index:1}.timeLine_items .item-dot .dot-cir::after{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;content:'';position:absolute;width:100%;height:100%;top:50%;left:50%;background-color:#000;border:5px solid #99f5ff;border-radius:999%;-webkit-transform-origin:50%;transform-origin:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;z-index:-1}.timeLine_items .item-dot .dot-year{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:absolute;top:50%;left:calc(100% + 20px);font-size:28px;font-weight:300;color:#99f5ff;-webkit-transform:translate(0, -40%);transform:translate(0, -40%)}.timeLine_items .item-dot .dot.years5 .dot-cir{background-color:#f29127}.timeLine_items .item-dot .dot.years5 .dot-cir::after{background-color:#000;border:5px solid #f29127}.timeLine_items .item-dot .dot.meme .dot-cir::after{border:10px solid #99f5ff;opacity:1;-webkit-animation-name:dotActive;animation-name:dotActive;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-play-state:running;animation-play-state:running}.timeLine_items .item-dot .dot.active{margin:20px auto}.timeLine_items .item-dot .dot.active .dot-cir{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1)}.timeLine_items .item-dot .dot.active .dot-year{font-size:52px;font-weight:bold}.timeLine_items .item-dot .dot:hover .dot-cir::after{opacity:1}.timeLine_items .item-space{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px;height:auto;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.timeLine_items .item-space .space{position:relative;width:100%;height:auto;border:3px solid #99f5ff;display:block}.timeLine_items .item-space .space-img{position:relative;width:100%;max-width:100%;height:auto}.timeLine_items .item-space .space-tit{position:absolute;bottom:-90px;right:0;font-size:60px;font-weight:500;color:#99f5ff}.timeLine_items .item-space .downLine{position:relative;width:1px;height:150px;margin:0 auto;background-color:#99f5ff;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-play-state:running;animation-play-state:running}@media (max-width: 768px){.intro .text p{font-size:1rem;margin:15px auto;letter-spacing:2px}.matrix_cnt .item{width:100px;height:100px;margin:5px}.matrix_cnt .item .y{font-size:0.875rem}.matrix_cnt .item .t{font-size:0.875rem;line-height:1.3;margin:10px auto}.timeLine{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(30%), color-stop(#000), color-stop(70%), to(rgba(0,0,0,0)));background-image:linear-gradient(90deg, rgba(0,0,0,0), 30%, #000, 70%, rgba(0,0,0,0))}.timeLine_items .item-dot .upLine{height:50px}.timeLine_items .item-dot .downLine{height:30px}.timeLine_items .item-dot .dot{margin:10px auto}.timeLine_items .item-dot .dot-cir{width:15px;height:15px}.timeLine_items .item-dot .dot-year{left:calc(100% + 20px);font-size:18px;-webkit-transform:translate(0, -40%);transform:translate(0, -40%)}.timeLine_items .item-dot .dot.meme .dot-cir::after{-webkit-animation-name:dotActiveMB;animation-name:dotActiveMB}.timeLine_items .item-dot .dot.active{margin:20px auto}.timeLine_items .item-dot .dot.active .dot-cir{width:30px;height:30px}.timeLine_items .item-dot .dot.active .dot-year{font-size:32px;font-weight:bold}.timeLine_items .item-dot .dot:hover .dot-cir::after{opacity:1}.timeLine_items .item-space .space-tit{bottom:-35px;font-size:22px}.timeLine_items .item-space .downLine{height:50px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}@media (min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-sm-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}@media (min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-md-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}@media (min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-lg-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}@media (min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-xl-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/*# sourceMappingURL=all.min.css.map */