@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap";wr{display:block}nr{display:inline}sr{display:inline}@media only screen and (min-width: 1200px)and (max-width: 1600px){wr{display:inline}nr{display:block}sr{display:inline}}@media only screen and (min-width: 992px)and (max-width: 1200px){wr{display:inline}nr{display:block}sr{display:inline}}@media only screen and (max-width: 992px){wr{display:inline}nr{display:inline}sr{display:block}}@keyframes moveX{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(30%, 0, 0)}}@keyframes moveY{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(0, 30%, 0)}}@keyframes zoom{0%{transform:scale(100%)}100%{transform:scale(120%)}}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,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;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#log{position:fixed;width:500px;height:300px;z-index:3000;background:#fff;color:#000}body.modal-open{overflow:hidden !important;padding-right:0 !important}.modal-backdrop{background-color:rgba(255,255,255,0) !important}img{width:100%;height:auto;padding:0;margin:0;border:0;vertical-align:top}br.clear{clear:both}.hide{display:none}.row{width:100%;padding:0;margin:0}.col,.col-lg,.col-sm{padding:0px}.accordion{width:100%;height:auto;background-color:rgba(0,0,0,0)}.accordion .card{padding:0;margin:0;border-radius:0;border:0;background-color:rgba(0,0,0,0)}.accordion .card .card-header{padding:0;border:0;outline:none;background-color:rgba(0,0,0,0)}.accordion .card .card-header button{width:100%;padding:0 1.5em;margin:-2px 0;outline:none;border:0;text-align:left;background-color:rgba(0,0,0,0)}.accordion .card .card-header button h2{outline:none}.accordion .card .card-header button:hover{text-decoration:none}button{position:relative;display:flex;border:0;pointer-events:auto;outline:none;background-color:rgba(0,0,0,0)}button:focus{outline:none !important;box-shadow:none !important}.sliderBox{position:relative;display:flex;width:100%;height:auto;overflow:hidden;z-index:50}.sliderBox ul.innerBox{position:relative;display:flex;width:100%;height:auto;list-style-type:none;z-index:10;padding:0;margin:0;background-color:rgba(0,0,0,0)}.sliderBox ul.innerBox .slick-list{width:100%}.sliderBox ul.innerBox .slick-list .slick-track{width:100%}.sliderBox ul.innerBox li.inner{position:relative;display:flex;width:100vw;height:40vw;margin:0;padding:0}.sliderBox ul.innerBox .slick-dots{position:absolute;display:flex;width:100%;height:1em;padding:0;bottom:0em;list-style-type:none;justify-content:center}.sliderBox ul.innerBox .slick-dots li{position:relative;display:flex;width:.5em;height:.5em;margin-right:.5em;background-color:#eee;border-radius:1em;pointer-events:auto;cursor:pointer}.sliderBox ul.innerBox .slick-dots li:last-child{margin-right:0em}.sliderBox ul.innerBox .slick-dots li.slick-active{background-color:#000}.sliderBox ul.innerBox .slick-dots li button{display:none}.sliderBox .navigation{position:absolute;display:flex;width:100%;height:100%;padding:0 0 0 0;z-index:100;align-items:center;pointer-events:none}.sliderBox .navigation .prevBtn,.sliderBox .navigation .nextBtn{position:relative;display:flex;width:8%;height:100%;pointer-events:auto;cursor:pointer;align-items:center;justify-content:center}.sliderBox .navigation .prevBtn:hover,.sliderBox .navigation .nextBtn:hover{opacity:.5}.sliderBox .navigation .prevBtn .arrow,.sliderBox .navigation .nextBtn .arrow{display:flex;width:50%;height:auto;align-items:center;justify-content:center}.sliderBox .navigation .prevBtn .arrow i,.sliderBox .navigation .nextBtn .arrow i{color:#eee;font-size:1em}.sliderBox .navigation .prevBtn.gray .arrow i,.sliderBox .navigation .nextBtn.gray .arrow i{color:#aaa}.sliderBox .navigation .prevBtn{left:0}.sliderBox .navigation .nextBtn{position:absolute;right:0}@media only screen and (max-width: 992px){.sliderBox{width:100vw;height:150vw;margin:0}.sliderBox ul.innerBox li.inner{height:150vw}.sliderBox .navigation .prevBtn,.sliderBox .navigation .nextBtn{width:5vw}}.modal{width:100vw;max-width:100vw;min-width:100vw;height:100vh;padding:0;margin:0;border-radius:0;z-index:12000;background-color:rgba(0,0,0,.8);border:0}.modal .modal-dialog{position:relative;display:flex;width:100vw;max-width:100vw;min-width:0%;height:100%;padding:0;margin:0;pointer-events:none;border-radius:0;border:0;background-color:rgba(255,255,255,0)}.modal .modal-dialog .modal-content{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;background-color:rgba(255,255,255,0);padding:0;margin:0;border-radius:0;border:0;overflow:hidden;pointer-events:none;flex-direction:row;justify-content:center;align-items:center}.modal .modal-dialog .modal-content .modal-body{position:relative;display:flex;width:100%;max-width:100%;min-width:0%;height:auto;min-height:0;padding:0;margin:0;border:0px;border-radius:0px;pointer-events:auto;justify-content:center;align-items:center;background-color:rgba(255,255,255,0);border:0}@media only screen and (max-width: 992px){.modal{width:100vw;max-width:100vw}.modal .modal-dialog{width:100vw;max-width:100vw}}.modal-centered{top:0%;transform:translate(0%, 10%) !important}.modal.fade.show .modal-centered{top:0%;transform:translate(0, 0%) !important}.closeBtn{position:absolute;display:flex;width:3em;height:3em;pointer-events:auto;cursor:pointer;top:0em;right:0em;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;flex-direction:row;z-index:200}.closeBtn:hover{opacity:.5}.closeBtn i{color:#fff;font-size:1.2em}@media only screen and (max-width: 992px){.closeBtn{width:8vw;height:8vw}.closeBtn i{font-size:1em}}.loader,.loader:after{border-radius:50%;width:2em;height:2em}.loader{position:absolute;display:block;top:calc(50% - 1em);left:calc(50% - 1em);margin:0;border-top:.3em solid rgba(255,255,255,.2);border-right:.3em solid rgba(255,255,255,.2);border-bottom:.3em solid rgba(255,255,255,.2);border-left:.3em solid #fff;transform:translateZ(0);animation:load8 1.1s infinite linear}@keyframes load8{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[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 rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}body{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;font-size:14pt;font-family:"Noto Sans TC",sans-serif;font-weight:400;font-style:normal;letter-spacing:0em;overflow:auto;overflow-x:hidden;color:#222;background-color:#f3f3f3}@media only screen and (min-width: 1200px)and (max-width: 1600px){body{font-size:12pt}}@media only screen and (min-width: 992px)and (max-width: 1200px){body{font-size:11pt}}@media only screen and (max-width: 992px){body{font-size:3.5vw}}.bold,b{font-weight:700}#loading{position:fixed;display:flex;width:100vw;height:100vh;margin:0;padding:0;top:0;left:0;z-index:20000;pointer-events:auto;justify-content:center;align-items:center}#loading .bg{height:100%;background-color:rgba(255,10,10,.98)}#loading .prograssTxt{position:relative;display:flex;width:auto;height:auto;margin:7em 0 0 0;font-size:.5em}header{position:fixed;display:block;width:100%;height:100%;top:0;left:0;z-index:10000;pointer-events:none}@media only screen and (max-width: 992px){header{width:100vw}}nav.navi{position:absolute;display:flex;width:100%;height:auto;margin:0;padding:3em;z-index:500;transition:all .5s ease-out;background-color:rgba(0,0,0,0)}nav.navi h3{position:relative;display:flex;width:auto;height:auto;font-size:1.2em;margin:0 0em;color:#fff;pointer-events:auto}nav.navi #toggleBtn{display:none}@media only screen and (max-width: 992px){nav.navi{width:100vw;height:10vw;padding:0 5vw;align-items:center}nav.navi h3{font-size:1em}nav.navi #toggleBtn{position:absolute;display:flex;width:10vw;height:10vw;top:0;right:0;color:#fff;margin:0;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer}nav.navi #toggleBtn i{font-size:1.5em}}nav.navi.zoomout{padding:.8em 3em 1em 3em;background-color:#c90000}nav.navi.zoomout .menuBox ul.menu li{padding:.8em 3em 1em 3em}@media only screen and (max-width: 992px){nav.navi.zoomout{padding:2vw 5vw}}.menuBox{position:absolute;display:flex;width:auto;right:1em;top:0;margin:0;padding:0;pointer-events:none;z-index:1000}.menuBox ul.menu{position:relative;display:flex;width:100%;height:auto;padding:0;flex-direction:row;list-style:none}.menuBox ul.menu li{position:relative;display:flex;padding:3em 2em}.menuBox ul.menu li a,.menuBox ul.menu li a:link{width:100%;height:auto;pointer-events:auto;justify-content:center;text-decoration:none;color:#fff;font-weight:bold;font-size:1.2em;margin:0 0 0 0}.menuBox ul.menu li a:hover,.menuBox ul.menu li a:link:hover{text-decoration:underline}@media only screen and (max-width: 992px){.menuBox{display:none}}footer{position:relative;display:flex;width:100%;height:auto;padding:5%;color:#ff3131;z-index:1000;flex-direction:row;justify-content:flex-end}footer .logoBox{width:5em;margin:0 1.5em 0 0}footer .contactBox{position:relative;display:block}footer .contactBox .name{position:relative;display:block;width:100%;text-align:justify;text-justify:inter-ideograph;font-size:1.5em;font-weight:300;line-height:100%;margin:0 0 -0.2em 0}footer .contactBox .name:after{content:"";position:relative;display:inline-block;width:100%}footer .contactBox p{font-weight:300;line-height:140%;font-size:.9em;padding:0 6em 0 0;margin:0 0 .5em 0}footer .contactBox p a,footer .contactBox p a:link{color:#ff3131}footer .contactBox .copyright{position:absolute;display:block;width:95%;height:auto;right:0;bottom:0;margin:0em 0 0 0;text-align:right;font-size:.7em;font-weight:300;color:#999}@media only screen and (max-width: 992px){footer .contactBox p{padding:0}footer .contactBox .copyright{font-size:.6em}}ul.share{position:relative;display:flex;width:100%;height:auto;flex-direction:row;justify-content:flex-start;list-style:none;padding:0;margin:1em 0 0 0}ul.share li{height:auto;min-height:0;margin:0 .5em 0 0;padding:0}ul.share li .shareBtn{height:auto;color:#ff3131}ul.share li .shareBtn img{width:1.2em}ul.share li .shareBtn:hover{opacity:.5}ul.share li .shareBtn:first-child{margin:0 0 0 -0.5em}main{position:relative;display:block;width:100%;height:auto;margin:0;padding:0 0 0 0;z-index:1;overflow:hidden}@media only screen and (max-width: 992px){main{width:100vw;padding:0 0 0 0}}section{position:relative;display:block;width:100%;height:auto;min-height:50vw;margin:0 0 0 0;padding:0;z-index:100;overflow:visible;pointer-events:none}section .content{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;overflow:visible;z-index:30}section .content .box{position:relative;display:flex;width:100%;height:auto;margin:0 auto;padding:0;pointer-events:auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:hidden;z-index:100}@media only screen and (max-width: 992px){section{min-height:100vh}}h1,h2,h3,h4,h5,h6,p{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;line-height:130%;font-weight:normal;overflow:visible}h1{font-size:16em;font-weight:700;letter-spacing:-0.07em}h2{font-size:2.5em;font-weight:700;letter-spacing:-0.07em}h3{font-size:1.8em;font-weight:500}h6{font-size:1em}.txt,p{font-size:1em;line-height:180%;font-weight:normal}.commit{font-size:.9em}@media only screen and (min-width: 992px)and (max-width: 1200px){h1{font-size:10em}}@media only screen and (max-width: 992px){h1{font-size:5.3em}h2{font-size:1.4em}h3{font-size:1.2em}}.spaceW{letter-spacing:2.5em}.semicolon{text-indent:-0.5em}hr{width:100%;margin:2em 0;border-top:1px #eee solid}.bg{position:absolute;display:block;width:100%;height:100%;margin:0;padding:0;background-size:cover;background-repeat:no-repeat;background-position:center center}.txtBox{position:relative;display:flex;width:100%;height:auto;padding:0em;z-index:100;pointer-events:auto;flex-direction:column}.btnBox{position:relative;display:flex;width:100%;margin:.5em 0 2em 0}.btnBox.center{justify-content:center}.pic{position:relative;display:block;width:100%;height:auto;padding:0;margin:0 auto;overflow:hidden}#menuModal{background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#menuModal .modal-dialog .modal-content{height:100%}#menuModal .modal-dialog .modal-content .modal-body{width:25%;margin:0 auto;padding:0;flex-direction:column;justify-content:center;align-items:center}#menuModal .modal-dialog .modal-content .modal-body .closeBtn{top:-5em;right:-5em}#menuModal .modal-dialog .modal-content .modal-body ul.menu{position:relative;display:flex;width:100%;height:auto;flex-direction:column;margin:0;padding:0}#menuModal .modal-dialog .modal-content .modal-body ul.menu li{position:relative;display:flex;width:100%;height:auto;pointer-events:auto;cursor:pointer;padding:1em 0;color:#fff;font-size:1.2em;flex-direction:row;justify-content:center;border-bottom:1px rgba(255,255,255,.3) solid}#menuModal .modal-dialog .modal-content .modal-body ul.menu li a,#menuModal .modal-dialog .modal-content .modal-body ul.menu li a:link{color:#fff}#menuModal .modal-dialog .modal-content .modal-body ul.menu li:last-child{border-bottom:0px rgba(255,255,255,.3) solid}@media only screen and (max-width: 992px){#menuModal .modal-dialog .modal-content .modal-body{width:80%}#menuModal .modal-dialog .modal-content .modal-body .closeBtn{top:-5em;right:-1em}}#market,#concept,#service,#case{position:absolute;display:flex;margin-top:-5em;width:100%;height:1px}section.home{width:100vw;height:100vh;max-height:50vw;z-index:10;background-color:#e60000}section.home .content{height:100%}section.home .content .shape{position:absolute;display:block;width:100%;height:auto;top:100%;left:0;margin:-27vw 0 0 -2.3vw;z-index:120}section.home .content .shape img{display:none;width:100%;height:auto}section.home .content .box{overflow:hidden;height:100%;justify-content:center;align-items:center}section.home .content .box .logo{position:absolute;display:block;width:100%;height:auto;margin:0 0 0 0%;bottom:0;z-index:10}section.home .content .box .txtBox{width:80%;color:#fff}section.home .content .box .txtBox h1{margin-left:-0.1em}section.home .content .box .txtBox h2{margin:-1.2em 0 .5em 0}section.home .content .box .txtBox p{width:50%}@media only screen and (min-width: 992px)and (max-width: 1200px){section.home{max-height:74vw}}@media only screen and (max-width: 992px){section.home{max-height:100vh}section.home .content .shape{margin:-33vw 0 0 1vw}section.home .content .box .txtBox p{width:100%}}h1 ul{position:relative;display:flex;width:100%;height:100%;list-style:none;flex-direction:row;padding:0;perspective-origin:center center;perspective:1000px}h1 ul li{position:relative;display:flex}.pixi{position:absolute;display:flex;width:100vw;height:75vw;top:0}.pixi canvas{position:relative;top:0;left:0}@media only screen and (max-width: 992px){.pixi{display:none}}section.concept{height:100vh;max-height:50vw;z-index:200}section.concept .content{height:100%}section.concept .content .box{height:100%;justify-content:center;align-items:flex-end}section.concept .content .box .txtBox{width:auto;margin:0 5% 0 0}section.concept .content .box .txtBox h1{color:#ff3131}section.concept .content .box .txtBox p{margin:-1.2em 0 1em 0;color:#cf1a1a}@media only screen and (max-width: 992px){section.concept{height:130vw;min-height:130vw}section.concept .content .box .txtBox{width:80%;margin:45vw auto 0 auto}section.concept .content .box .txtBox p{margin:-0.5em 0 1em 0}}section.service{z-index:300}section.service .content .box{padding:15vw 0 25vw 0}section.service .content .box .txtBox{position:absolute;display:flex;width:80%;margin:0;top:15%;left:10%;color:#ff3131}section.service .content .box .txtBox p{margin:-2em 0 2.5em 2em;color:#a73339}section.service .content .box .ballBox{position:relative;display:flex;width:40%;height:auto;padding:0vw 0;left:55%;overflow:visible}section.service .content .box .ballBox .pic{overflow:visible}section.service .content .box .ballBox svg{position:absolute;display:block;width:200%;height:auto;top:-50%;left:-50%}@media only screen and (min-width: 1200px)and (max-width: 1600px){section.service .content .box .txtBox{top:12%;left:3%}}@media only screen and (max-width: 992px){section.service{height:240vw;min-height:240vw}section.service .content .box{padding:0vw 0 50vw 0}section.service .content .box .txtBox{position:relative;width:86%;top:0%;left:4%}section.service .content .box .txtBox p{margin:-1em 0 1.5em 0em}section.service .content .box .ballBox{width:50%;left:45%;margin:30vw 0}}ul.service{position:absolute;display:flex;width:100%;height:100%;padding:0;list-style:none}ul.service>li{position:absolute;display:flex;width:40em;height:auto;flex-direction:column;justify-content:flex-start;color:#ff3131}ul.service>li h3{margin:0 0 .5em 0}ul.service>li h3 .ch{color:#cf1a1a;margin:0 .5em 0 0}ul.service>li:nth-child(1){top:-30%;left:80%;margin:0 0 0 -15em}ul.service>li:nth-child(2){top:-35%;left:-20%;margin:0 0 0 -20em}ul.service>li:nth-child(2) ul{flex-direction:row;flex-wrap:wrap}ul.service>li:nth-child(2) ul li{width:15em}ul.service>li:nth-child(3){top:80%;left:-40%;margin:0 0 0 -15em}ul.service>li:nth-child(4){top:100%;left:-20%;margin:0 0 0 -25em}ul.service>li:nth-child(5){top:140%;left:-40%;margin:0 0 0 -20em}ul.service>li:nth-child(6){top:118%;left:60%;margin:0 0 0 -17em}@media only screen and (max-width: 992px){ul.service>li{width:15em;font-size:.9em}ul.service>li h3{margin:0 0 .2em 0}ul.service>li:nth-child(1){top:-55%;left:50%;margin:0 0 0 0em}ul.service>li:nth-child(2){top:-50%;left:-65%;margin:0 0 0 0em}ul.service>li:nth-child(3){top:30%;left:-65%;margin:0 0 0 0em}ul.service>li:nth-child(4){top:85%;left:-75%;margin:0 0 0 0em}ul.service>li:nth-child(5){top:145%;left:-50%;margin:0 0 0 0em}ul.service>li:nth-child(6){top:125%;left:35%;margin:0 0 0 0em}}ul.list{position:relative;display:flex;flex-direction:column;list-style:none;padding:0;text-indent:0em}ul.list li{padding:0}ul.list li::before{content:"．"}.path{fill:none;stroke:#ff3131;stroke-width:.44;transform-origin:0% 0%}.dot{fill:#ff3131}#line6{transform:translate(50%, 50%) rotate(80deg) scaleX(1.1)}#line5{transform:translate(50%, 50%) rotate(130deg) scaleX(1)}#line4{transform:translate(50%, 50%) rotate(140deg) scaleX(0.9)}#line3{transform:translate(50%, 50%) rotate(160deg) scaleX(1)}#line2{transform:translate(49.8%, 50%) rotate(240deg) scaleX(0.98)}#line1{transform:translate(49.8%, 50%) rotate(310deg) scaleX(0.95)}section.case{z-index:100}section.case .bg{background-size:contain;background-position:0 100%;background-repeat:repeat-x;background-image:url(../img/bg_case.png)}section.case .content .box .txtBox{position:relative;display:flex;flex-direction:column;align-items:flex-end;padding:0 10vw 5vw 0;color:#fff}section.case .content .box .txtBox h1{width:auto}section.case .content .box .txtBox h2{width:12.8em;margin:-1.2em 0 0em 0em}@media only screen and (max-width: 992px){section.case{min-height:150vw}section.case .content .box .txtBox h2{width:7em}}#caseSlider{display:flex;width:80vw;height:23vw;margin:0 auto 5vw auto}#caseSlider ul.innerBox{padding:0 0 2em 0}#caseSlider ul.innerBox li.inner{width:80vw;height:23vw;flex-direction:column}#caseSlider ul.innerBox li.inner .case{position:relative;display:flex;width:100%;flex-direction:row}#caseSlider ul.innerBox li.inner .case:nth-child(2){flex-direction:row-reverse}#caseSlider ul.innerBox li.inner .case .pic h4{position:absolute;top:0;margin:1em 1em 1em 2em;color:#fff;filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.9))}#caseSlider ul.innerBox .slick-dots li{opacity:.5;background-color:#fff}#caseSlider ul.innerBox .slick-dots li.slick-active{opacity:1}#caseSlider .navigation .nextBtn,#caseSlider .navigation .prevBtn{margin:0 0 2% 0}@media only screen and (max-width: 992px){#caseSlider{display:flex;width:92vw;height:110vw;left:0;margin:0 0 5vw 4vw}#caseSlider ul.innerBox li.inner{width:100%;height:110vw;flex-direction:column}#caseSlider ul.innerBox li.inner .case{position:relative;display:flex;width:100%;flex-direction:column}#caseSlider ul.innerBox li.inner .case .pic h4{position:absolute;top:0;width:90%;word-wrap:break-word;margin:1em;color:#fff;filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.9))}#caseSlider .navigation .nextBtn,#caseSlider .navigation .prevBtn{width:15%;height:100%;margin:0 0 7% 0}}