@charset "UTF-8";*,::after,::before{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5;position:relative}body{position:relative;margin:0;padding:0;font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:0}hr{box-sizing:content-box;height:0;overflow:visible}ol,ul{list-style:none}button{border:none;background:0 0;cursor:pointer;font-family:inherit}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}a:focus,input:focus{outline:0}figure{margin:0}picture{display:block;font-size:0}body{font-weight:300}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:.5em}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}body,html{position:relative;font-size:20px}@media screen and (max-width:1280px){body,html{font-size:16px}}@media screen and (max-width:768px){body,html{font-size:14px}}body{color:#3a3a3a;letter-spacing:.1em;width:100vw;overflow-x:hidden}.wrapper{width:100vw;overflow-x:hidden;padding-top:100px}@media screen and (max-width:576px){.wrapper{padding-top:70px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1em}@media (max-width:1200px){.container{padding:0 3vw}}@media screen and (orientation:portrait) and (max-width:576px){.container{padding:0 5vw}}section{position:relative;padding:150px 0}section .container{display:flex;flex-direction:column;gap:1.5em}@media screen and (max-width:1280px){section{padding:10vw 0}}.bar{position:relative;background-color:#f6ec3a;height:10px}.bar::after,.bar::before{content:"";position:absolute;width:33.33%;height:100%}.bar::before{left:0;background-color:#334db1}.bar::after{right:0;background-color:#d13738}.title{text-align:center}.title h2{color:#294c80;font-size:2rem;font-weight:300;display:inline-block;position:relative}.title h2::after,.title h2::before{content:"";position:absolute;top:50%;height:1px;background-color:#294c80;width:3em}.title h2::before{left:0;transform:translate(calc(-100% - .5em),0)}.title h2::after{right:0;transform:translate(calc(100% + .5em),0)}.title .description span{display:block}.img-shadow{position:relative}.img-shadow picture{position:relative;z-index:2}.img-shadow::after,.img-shadow::before{content:"";position:absolute;left:0}.img-shadow::before{background-color:rgba(138,137,137,.3);width:90%;height:90%;top:50%;transform:translate(-5%,-50%)}.img-shadow::after{background-color:rgba(138,137,137,.15);width:80%;height:80%;top:50%;transform:translate(-10%,-50%)}.top{position:fixed;z-index:11;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media screen and (max-width:1280px){.top{padding:0 3vw}}@media screen and (max-width:576px){.top{height:70px}}.top .company{font-size:1.2rem;font-weight:700;text-decoration:none;display:flex;align-items:center}.top .company-logo{width:93px}.top .company-name{font-size:inherit;font-weight:400}@media screen and (max-width:1180px){.top .company-logo{width:8vw}}@media screen and (max-width:576px){.top .company-logo{width:15vw}}@media screen and (max-width:1180px){.top.menu-open .nav{transform:translate(0,0)}}.top .nav{display:flex;align-items:center}@media screen and (max-width:1180px){.top .nav{position:fixed;width:100vw;height:100vh;left:0;top:0;background-color:rgba(0,0,0,.9);justify-content:center;transform:translate(100%,0);transition:all .3s}}.top .nav-list{display:flex}@media screen and (max-width:1180px){.top .nav-list{flex-direction:column;text-align:center;width:80vw;font-size:2.2vw}}@media screen and (orientation:portrait){.top .nav-list{font-size:3vw}}@media screen and (orientation:portrait) and (max-width:576px){.top .nav-list{font-size:5vw}}.top .nav-item{list-style:none}.top .nav-item:last-child .nav-link::after{display:none}@media screen and (max-width:1180px){.top .nav-item{border-bottom:1px dotted rgba(255,255,255,.3)}.top .nav-item:last-child{border:none}}.top .nav-link{position:relative;padding:0 1.5em;color:#000;text-decoration:none;transition:all .3s ease}@media screen and (max-width:1180px){.top .nav-link{color:#fff;padding:.5em 0;display:block}}@media (hover:hover){.top .nav-link:hover{color:#294c80}}.top .nav-link.active{color:#294c80}@media screen and (max-width:1180px) and (hover:hover){.top .nav-link:hover{color:#fef555}}@media screen and (max-width:1180px){.top .nav-link.active{color:#fef555}}.top .nav-link::after{content:"";display:block;width:1px;height:1em;background-color:#c9cbd3;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media screen and (max-width:1180px){.top .nav-link::after{display:none}}.footer{padding:2em 1em;background-color:#000;color:#fff}.copyright{text-align:center}.hamburger{display:none;padding:15px;background:0 0;border:0;cursor:pointer;transition:opacity .15s linear}@media screen and (max-width:1180px){.hamburger{display:inline-block}}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:30px;height:24px}.hamburger-inner{position:absolute;top:50%;display:block;margin-top:-1px;transition:background-color 125ms ease-in 175ms}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:100%;height:4px;background-color:#3a3a3a;border-radius:10px;transition:transform 125ms cubic-bezier(.6,.04,.98,.335)}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block;position:absolute}.hamburger-inner::before{top:-10px;transition:top 125ms ease-in 175ms,transform 125ms cubic-bezier(.6,.04,.98,.335)}.hamburger-inner::after{bottom:-10px;transition:bottom 125ms ease-in 175ms,transform 125ms cubic-bezier(.6,.04,.98,.335)}.hamburger.is-active .hamburger-inner{background-color:transparent}.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}.hamburger.is-active .hamburger-inner::before{top:0;transform:rotate(45deg);transition:top 125ms ease-out,transform 125ms cubic-bezier(.215,.61,.355,1) .1s}.hamburger.is-active .hamburger-inner::after{bottom:0;transform:rotate(-45deg);transition:bottom 125ms ease-out,transform 125ms cubic-bezier(.215,.61,.355,1) .1s}.header-scroll .hamburger-inner,.header-scroll .hamburger-inner::after,.header-scroll .hamburger-inner::before{background-color:#000}.line_button{z-index:90;font-size:30px;position:fixed;background-color:#00c323;box-shadow:0 5px 10px rgba(0,0,0,.15);color:#fff;right:1em;bottom:1em;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;font-weight:700;border-radius:999px;width:4em;height:4em;line-height:1.2}.line_button span:nth-child(2){font-size:.6em;font-weight:500}@media screen and (orientation:portrait){.line_button{font-size:3vw}}@media screen and (orientation:portrait) and (max-width:576px){.line_button{font-size:5vw}}.fancybox__content>.f-button.is-close-btn{opacity:1;top:-3em!important}.fancybox__content>.f-button.is-close-btn svg{display:none}.fancybox__content>.f-button.is-close-btn::after{content:"CLOSE";letter-spacing:.1em;color:#fff;padding-bottom:.5em;border-bottom:1px solid #fff}@media screen and (orientation:portrait){.fancybox__content>.f-button.is-close-btn{right:1em!important}}.hero{padding:0;text-align:center}.hero h1{text-align:left;font-size:3.125vw;text-transform:uppercase}.hero h1 span{display:block}.hero h1 span:last-child{font-weight:400;font-size:.75em}@media screen and (orientation:portrait){.hero h1{font-size:10vw}}.hero-content{position:absolute;top:50%;transform:translate(0,-50%);z-index:2;display:flex;align-items:center;gap:15px;color:#fff}.hero-content canvas{width:20.83vw;height:7.8vw}@media screen and (orientation:portrait){.hero-content{flex-direction:column-reverse;align-items:center;width:100%}.hero-content canvas{width:100vw;height:24vw}}.swiper-hero{width:100%}@media screen and (orientation:portrait){.swiper-hero{height:calc(100vh - 100px)}}@media screen and (max-width:576px){.swiper-hero{height:calc(100vh - 70px)}}.swiper-hero .swiper-slide{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.swiper-hero .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (orientation:portrait){.swiper-hero .swiper-slide picture{width:100%;height:100%}}.swiper-hero .swiper-pagination{top:auto;bottom:0;transform:translate(0,-60%)}.swiper-hero .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,.5);opacity:1;transition:all .3s ease}.swiper-hero .swiper-pagination .swiper-pagination-bullet-active{background:#fff;transform:scale(1.2)}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes move{from{background-position:0 0}to{background-position:50px 50px}}.about,.client{background-color:#e9e9e9;background-image:url(../images/volume-bg.webp);background-position:bottom;background-repeat:repeat-x}@media screen and (max-width:576px){.about,.client{background-size:60%}}@media screen and (orientation:landscape){.about .title{text-align:left}.about .title h2::before{display:none}.about .title h2::after{width:8em}}.about-img{display:flex;justify-content:space-between;gap:20px}.about .container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:2rem}.about .container .title{grid-column:1;grid-row:1}.about .container .about-content{grid-column:1;grid-row:2;min-width:31em}.about .container .about-cover{grid-column:2;grid-row:1/3;height:100%;display:flex;align-items:center}.about .container .about-cover img,.about .container .about-cover picture{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about .container .about-img{grid-column:1/-1;grid-row:3}.about .container .about-img img,.about .container .about-img picture{-o-object-fit:cover;object-fit:cover}@media screen and (orientation:portrait){.about .container{display:flex;flex-direction:column;align-items:center}}@media screen and (orientation:portrait) and (max-width:576px){.about .container{gap:5vw}}@media screen and (orientation:portrait){.about .container .about-content{text-align:center;min-width:auto}.about .container .about-img{flex-wrap:wrap;gap:3vw}}@media screen and (orientation:portrait) and (max-width:576px){.about .container .about-img{gap:5vw}}@media screen and (orientation:portrait){.about .container .about-img picture{flex:0 0 calc(50% - 1.5vw)}}@media screen and (orientation:portrait) and (max-width:576px){.about .container .about-img picture{flex:0 0 calc(50% - 2.5vw)}}@media screen and (orientation:portrait){.about .container .img-shadow::after,.about .container .img-shadow::before{display:none}}.about-content{line-height:2}.about-content span{display:block}.about-content strong{font-weight:500;color:#294c80}.service .title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (orientation:portrait){.service .title{flex-wrap:wrap;gap:3vw}}@media screen and (orientation:portrait) and (max-width:576px){.service .title{gap:5vw}}.service .title span{display:block}.service .container{max-width:100%}.service-list{display:flex;justify-content:space-between;gap:1em}@media screen and (orientation:portrait){.service-list{flex-wrap:wrap;gap:3vw}}@media screen and (orientation:portrait) and (max-width:576px){.service-list{gap:5vw}}.service-item{flex:1 0 0%;height:544px;padding:0 1em;letter-spacing:0;display:flex;align-items:end;background-size:cover;background-repeat:no-repeat}.service-item:nth-child(1){background-image:url(../images/service/service-img-1.webp)}.service-item:nth-child(2){background-image:url(../images/service/service-img-2.webp)}.service-item:nth-child(3){background-image:url(../images/service/service-img-3.webp)}.service-item:nth-child(4){background-image:url(../images/service/service-img-4.webp)}@media screen and (orientation:portrait){.service-item{flex:0 0 calc(50% - 1.5vw);height:50vw}}@media screen and (orientation:portrait) and (max-width:576px){.service-item{flex:0 0 100%;height:80vw}}.service-content{width:100%;background:rgba(0,0,0,.6);color:#fff;padding:1em}.service-subtitle{color:#fef555;font-size:20px;margin-bottom:.5em}.service-text{font-size:18px;line-height:2;height:8.5em}.service-text span{display:block}@media screen and (max-width:1180px){.service-text{font-size:14px}}.client{position:relative}.client .swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}.client .swiper-client{height:20em}.client .swiper-slide{height:4em!important;display:flex;justify-content:center;align-items:center;position:relative}.client-name{font-weight:500;font-size:1rem}@media screen and (max-width:1180px){.client-name{font-size:1.3rem}}.portfolio .title{display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (orientation:portrait){.portfolio .title{gap:3vw}}@media screen and (orientation:portrait) and (max-width:576px){.portfolio .title .description{padding:0 5vw}.portfolio .title .description span{display:inline}}.portfolio .container{max-width:100%;padding:0}.portfolio .swiper{padding:3vw 0 30px}.portfolio .swiper a{display:block;text-decoration:none;box-shadow:0 0 1.5vw rgba(0,0,0,.25);background-color:#fff}.portfolio .swiper-slide{transition:all 1s cubic-bezier(.075,.82,.165,1)}.portfolio .swiper-slide-active{transform:scale(1.5);z-index:2}@media screen and (orientation:portrait) and (max-width:576px){.portfolio .swiper-slide-active{transform:scale(1)}}@media screen and (orientation:portrait) and (max-width:576px){.portfolio .swiper-slide{padding:0 5vw}}.portfolio .swiper-slide-prev{transform:translate(-2vw,0)}.portfolio .swiper-slide-next{transform:translate(2vw,0)}.portfolio .swiper-button-control{padding-top:5vw;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:.5em}@media screen and (max-width:1180px){.portfolio .swiper-button-control{padding-top:8vw}}@media screen and (max-width:820px){.portfolio .swiper-button-control{padding-top:10vw}}@media screen and (max-width:576px){.portfolio .swiper-button-control{padding-top:7vw}}.portfolio .swiper-button-next,.portfolio .swiper-button-prev{position:relative;top:auto;left:auto;right:auto;margin-top:0;background-color:#294c80;width:2em;height:2em;border-radius:5px}.portfolio .swiper-button-next::after,.portfolio .swiper-button-prev::after{color:#fff;font-size:16px;font-weight:700}.portfolio-img{position:relative;width:100%}.portfolio-img::after,.portfolio-img::before{position:absolute;content:""}.portfolio-img::before{width:45px;height:45px;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.1,.66,.42,1.04);z-index:2;background-image:url(../images/icon-click.webp);background-size:contain;background-repeat:no-repeat}.portfolio-img::after{width:100%;height:100%;background-color:rgba(0,0,0,.65);left:0;top:0}@media screen and (hover:hover){.portfolio-img:hover::before{transform:translate(-50%,-50%) scale(1.2)}}.portfolio-content{padding:0 .5em .5em}.portfolio-name{color:#3a3a3a;font-size:12px;font-weight:600;position:relative;padding:.5em 0;margin-bottom:.5em}.portfolio-name::after{position:absolute;content:"";width:4em;height:1px;background-color:#294c80;left:0;bottom:0}.portfolio-type{color:#294c80;font-size:12px;display:flex;align-items:center;gap:.3em}.portfolio-type-icon{width:20px;display:flex;align-items:center}.portfolio-type-icon svg path{fill:#294c80}.portfolio-more{display:flex;justify-content:center}.portfolio-more a,.portfolio-more button{display:flex;color:#294c80;border:1px solid #294c80;text-decoration:none;font-size:18px;padding:.5em 2em;gap:.5rem;transition:all .3s ease}.portfolio-more a .loading,.portfolio-more button .loading{display:none;width:20px;height:20px;border:2px solid #294c80;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.portfolio-more a.loading,.portfolio-more button.loading{pointer-events:none}.portfolio-more a.loading .plus,.portfolio-more button.loading .plus{display:none}.portfolio-more a.loading .loading,.portfolio-more button.loading .loading{display:block}@media (hover:hover){.portfolio-more a:hover,.portfolio-more button:hover{color:#fff;background-color:#294c80}.portfolio-more a:hover.loading,.portfolio-more button:hover.loading{border:2px solid #fff;border-top-color:transparent}}@keyframes spin{to{transform:rotate(360deg)}}.contact{background-color:#e9e9e9}.contact .title{display:flex;flex-direction:column;align-items:center;gap:2rem}@media screen and (orientation:portrait){.contact .title{flex-wrap:wrap;gap:3vw}}@media screen and (orientation:portrait) and (max-width:576px){.contact .title{gap:5vw}}@media screen and (orientation:portrait) and (max-width:576px){.contact .title .description span{display:inline}}.contact-subtitle{display:flex;align-items:center;margin-bottom:1em;font-size:1.5rem}@media screen and (max-width:1180px){.contact-subtitle{justify-content:center}}.contact-subtitle picture{width:75px}@media screen and (orientation:portrait){.contact-subtitle picture{width:60px}}.contact-subtitle h3{font-size:inherit;font-weight:500}.contact-content{display:flex;align-items:center}@media screen and (max-width:1180px){.contact-content{flex-direction:column;gap:2em}}.contact-info,.contact-map{flex:1 0 0%}.contact-info ul{display:flex;flex-direction:column;gap:1em}.contact-info li{font-size:1rem;display:flex;align-items:center;gap:.5em}.contact-info svg path{fill:#3a3a3a}.contact-icon{width:2em;display:flex;justify-content:center}.contact-address svg{width:1.4em}.contact-tel svg{width:1.5em}.contact-line svg{width:2em}.contact-mail svg{width:1.2em}.contact-map iframe{position:relative;z-index:2}@media screen and (max-width:1180px){.contact-map iframe{width:80vw;height:40vw}}@media screen and (orientation:portrait){.contact-map iframe{width:90vw;height:60vw}}@media screen and (max-width:576px){.contact-map .img-shadow::after,.contact-map .img-shadow::before{display:none}}.portfolio-filter .title{flex:1 1 auto;text-align:left}.portfolio-filter .title h2{display:block;margin-bottom:0}.portfolio-filter .title h2::before{display:none}.portfolio-filter .title h2::after{width:calc(100% - 4.5em);left:4em;right:auto;transform:translate(0,0)}@media screen and (orientation:portrait) and (max-width:576px){.portfolio-filter .title{margin-bottom:3vw}.portfolio-filter .title h2::before{display:block}.portfolio-filter .title h2::after{width:3em;left:auto;right:0;transform:translate(calc(100% + .5em),0)}}.portfolio-filter .filter-nav{justify-content:space-between;gap:1em;margin-bottom:2em}.portfolio-filter .filter-nav,.portfolio-filter .filter-nav-list{display:flex;align-items:center}@media screen and (orientation:portrait) and (max-width:576px){.portfolio-filter .filter-nav{flex-direction:column;align-items:center}}.portfolio-filter .filter-nav-list{gap:2em}@media screen and (max-width:576px){.portfolio-filter .filter-nav-list{gap:1em}}.portfolio-filter .filter-nav li{border:1px solid #294c80;color:#294c80;font-size:.9rem;padding:.5em 2em;cursor:pointer}.portfolio-filter .filter-nav li.mixitup-control-active{color:#fff;background-color:#294c80}@media (hover:hover){.portfolio-filter .filter-nav li:hover{color:#fff;background-color:#294c80}}@media screen and (max-width:576px){.portfolio-filter .filter-nav li{padding:.5em .8em}}.portfolio-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media screen and (orientation:portrait){.portfolio-list{grid-template-columns:repeat(2,1fr)}}@media screen and (orientation:portrait) and (max-width:576px){.portfolio-list{grid-template-columns:repeat(1,1fr)}}.portfolio-list .portfolio-item a{text-decoration:none}.portfolio-list .portfolio-img::before{width:60px;height:60px}.portfolio-list .portfolio-name{font-size:1rem}.portfolio-list .portfolio-type-text{font-size:.8rem}.portfolio-list .portfolio-type-icon{width:1.2rem}
/*# sourceMappingURL=main.min.css.map */