@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}button{outline:none;border:none;background-color:transparent}input,select{outline:none}body{overflow-x:hidden;height:100vh}::-moz-placeholder{color:#c4c4c4}::placeholder{color:#c4c4c4}::-webkit-input-placeholder{color:#c4c4c4}:-ms-input-placeholder{color:#c4c4c4}::-moz-placeholder{color:#c4c4c4;opacity:1}img{max-width:100%;height:auto}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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;color:#545454;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}html a,body a,div a,span a,applet a,object a,iframe a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a,blockquote a,pre a,a a,abbr a,acronym a,address a,big a,cite a,code a,del a,dfn a,em a,font a,img a,ins a,kbd a,q a,s a,samp a,small a,strike a,strong a,sub a,sup a,tt a,var a,dl a,dt a,dd a,ol a,ul a,li a,fieldset a,form a,label a,legend a,table a,caption a,tbody a,tfoot a,thead a,tr a,th a,td a{text-decoration:none;color:#545454}html a:hover,body a:hover,div a:hover,span a:hover,applet a:hover,object a:hover,iframe a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,p a:hover,blockquote a:hover,pre a:hover,a a:hover,abbr a:hover,acronym a:hover,address a:hover,big a:hover,cite a:hover,code a:hover,del a:hover,dfn a:hover,em a:hover,font a:hover,img a:hover,ins a:hover,kbd a:hover,q a:hover,s a:hover,samp a:hover,small a:hover,strike a:hover,strong a:hover,sub a:hover,sup a:hover,tt a:hover,var a:hover,dl a:hover,dt a:hover,dd a:hover,ol a:hover,ul a:hover,li a:hover,fieldset a:hover,form a:hover,label a:hover,legend a:hover,table a:hover,caption a:hover,tbody a:hover,tfoot a:hover,thead a:hover,tr a:hover,th a:hover,td a:hover{text-decoration:none;color:#545454}h1,h2,h3,h4,h5,h6,p{font-size:100%;margin:0}ol,ul{list-style:none}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;max-width:100%}caption,th{text-align:left}q:before,q:after{content:""}button:focus{outline:none}figure{margin:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.expertise-wrapper .content-block h2,.detail-title h2{font-family:Noto Sans TC,sans-serif!important;font-size:24px;font-weight:500;line-height:normal;letter-spacing:2px}.recruit-form-title h2,.recruit-show-section .recruit-content h2,.recruit-show-section .recruit-banner h2,.recruit-description .title,.page-wrapper .page-title,.content-wrapper .team-article h3,.content-wrapper .about-article h3,.title-module.award-record-title h2{font-family:Noto Sans TC,sans-serif!important;font-size:24px;font-weight:400;line-height:normal;letter-spacing:2px}.filter-wrapper h4{font-family:Noto Sans TC,sans-serif!important;font-size:20px;font-weight:500;line-height:normal;letter-spacing:2px}.title-module.projects h2{font-family:Noto Sans TC,sans-serif!important;font-size:20px;font-weight:400;line-height:normal;letter-spacing:2px}.swal2-popup .swal2-title,.content-wrapper .team-article h4,.content-wrapper .about-article h4{font-family:Noto Sans TC,sans-serif!important;font-size:18px;font-weight:400;line-height:normal;letter-spacing:2px}.recruit-show-section .other-opening a,.contact-wrapper .contact-info-text p:last-child,.contact-wrapper .contact-info-text a,.submit-btn{font-family:Noto Sans TC,sans-serif!important;font-size:16px;font-weight:500;line-height:normal;letter-spacing:1px}.recruit-form-title p,.recruit-show-section li,.recruit-show-section p,.recruit-show-section .content-block h5,.recruit-show-section .recruit-title,.recruit-description .content,.expertise-wrapper .content-block .content-text,.page-wrapper .page-content a,.page-wrapper .page-content p,.page-wrapper .page-content li,.page-wrapper .page-content h4,.page-wrapper .description,.detail-wrapper .detail-content-text{font-family:Noto Sans TC,sans-serif!important;font-size:16px;font-weight:400;line-height:2;letter-spacing:2px}.recruit-table td,.filter-wrapper a,.expertise-wrapper .expertise-nav span,.award-record .award-record-date,.swal2-confirm,.swal2-popup #swal2-content,.content-wrapper .name span,.btn-effect a,.figures figure .figure-title{font-family:Noto Sans TC,sans-serif!important;font-size:16px;font-weight:400;line-height:normal;letter-spacing:2px}.multiple-fields .add-button{font-family:Noto Sans TC,sans-serif!important;font-size:14px;font-weight:500;line-height:normal;letter-spacing:1px}.detail-meta-block .detail-meta-text,.detail-meta-block a{font-family:Noto Sans TC,sans-serif!important;font-size:12px;font-weight:500;line-height:normal;letter-spacing:1px}.award-record .award-record-items .award{font-family:Noto Sans TC,sans-serif!important;font-size:14px;font-weight:500;line-height:2;letter-spacing:1px}.recruit-form .opening p,.recruit-show-section .other h5,.recruit-table th,.form-wrapper .error-message,.form-wrapper .input-block>label,.content-wrapper .position,.figures figure .figure-text span{font-family:Noto Sans TC,sans-serif!important;font-size:14px;font-weight:400;line-height:normal;letter-spacing:2px}.recruit-form input::-moz-placeholder,.recruit-form textarea::-moz-placeholder{font-family:Noto Sans TC,sans-serif!important;font-size:14px;font-weight:400;line-height:2;letter-spacing:2px}.radio-block .form-check-label,.recruit-form input::placeholder,.recruit-form textarea::placeholder,.recruit-form select,.recruit-form select:required:invalid,.recruit-show-section .recruit-banner-text p,.award-record .award-record-items .items,.content-wrapper .team-article p,.content-wrapper .team-article li,.content-wrapper .about-article .chronology,.content-wrapper .about-article p{font-family:Noto Sans TC,sans-serif!important;font-size:14px;font-weight:400;line-height:2;letter-spacing:2px}.recruit-form .file-label:before,.recruit-form .upload-text,.contact-wrapper .contact-info-text p:first-child,.detail-meta-block .detail-meta-title{font-family:Noto Sans TC,sans-serif!important;font-size:12px;font-weight:400;line-height:normal;letter-spacing:2px}.title-module h2{font-family:Inter,sans-serif;font-size:24px;font-weight:400;line-height:normal;letter-spacing:1px}.scroll-block p{font-family:Inter,sans-serif;font-size:20px;font-weight:400;line-height:normal;letter-spacing:1px}.filter-wrapper button,footer .icons .copyright,footer .company-info-content .contact-info a,footer .company-info-content .links a,header .nav-link{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:normal;letter-spacing:1px}.container-fluid{max-width:1315px;padding-right:32px;padding-left:32px}@media (max-width: 768px){.container-fluid{padding-right:24px;padding-left:24px}}.container-fluid.detail-swiper-container{max-width:1754px;margin-bottom:64px;height:800px}.container-fluid.detail-container{max-width:918px}.container-fluid.award-record{max-width:800px}.container-fluid.recruit-form-container{max-width:760px}@media (max-width: 576px){.container-fluid.detail-swiper-container{margin-bottom:32px;height:550px}}header{background-color:#fff;position:fixed;top:0;height:120px;width:100%;z-index:999}header .navbar{padding:40px 70px;height:auto}header .navbar-brand{display:flex;align-items:center;padding-top:0;padding-bottom:0}header .navbar-nav{flex-direction:row}header .navbar-nav .nav-item{padding:0}header .navbar-nav .nav-item+.nav-item{padding-left:32px}header .navbar-nav img{display:none}header .nav-link{padding:4px;color:#212121}header .btn-mobile-menu{display:none}header .btn-mobile-menu-clear{display:none}@media (max-width: 992px){header{height:64px}header .navbar{padding:20px 32px;position:relative}header .navbar.active{background-color:#fff}header .navbar-brand{height:24px}header .navbar-nav{display:none;flex-direction:column;position:absolute;width:100%;left:0;top:64px}header .navbar-nav .nav-item{padding:20px 32px}header .navbar-nav .nav-link{padding:0;display:flex;justify-content:space-between}header .navbar-nav img{display:inline}header .navbar-nav.active{display:block;background-color:#fff}header .btn-mobile-menu{display:block}header .btn-mobile-menu.active{display:none}header .btn-mobile-menu-clear.active{display:block}}@media (max-width: 576px){header .navbar{padding:20px 24px}header .navbar .nav-item{padding:20px 24px}header .navbar .nav-item+.nav-item{padding-left:24px}}.home-logo,.menu-w{display:none}.home-logo-b,.menu-b{display:inline}.home header{background-color:transparent}.home .home-logo,.home .menu-w{display:inline}.home .home-logo-b,.home .menu-b{display:none}@media (max-width: 992px){.home .home-logo.hidden{display:none}.home .home-logo-b.show{display:inline}}@media (min-width: 992px){.home .nav-link.white{color:#fff}.home .nav-link.white:hover{background-color:#fff3}}header .nav-link:hover{color:#757575}@media (max-width: 992px){header .nav-link:hover{color:#212121}}footer{background-color:#fff}footer>div{padding:40px 70px}footer .company-info{display:flex}footer .company-info-logo{margin-right:64px}footer .company-info-content .links{margin-top:-5px;margin-bottom:31px}footer .company-info-content .links a{color:#212121}footer .company-info-content .links a+a{border-left:1px solid #212121;padding-left:15px;margin-left:15px}footer .company-info-content .contact-info{display:flex;justify-content:space-between;flex-wrap:wrap}footer .company-info-content .contact-info a{margin-bottom:4px;color:#212121}footer .icons>p{text-align:right}footer .icons p:first-child{margin-bottom:22px}footer .icons .copyright{color:#212121}footer .icons img:hover{filter:invert(.55)}footer .icons a+a{margin-left:26px}@media (max-width: 1325px){footer>div{padding:80px 32px;flex-direction:column}footer .icons{align-self:flex-end}}@media (max-width: 992px){footer .company-info-content .contact-info{margin-bottom:85px}}@media (max-width: 768px){footer .company-info-content .links a+a{padding-left:7px;margin-left:5px}}@media (max-width: 576px){footer>div{padding:40px 24px}footer .company-info-logo{margin-bottom:40px}footer .company-info{flex-direction:column}footer .company-info-content .contact-info{flex-direction:column}footer .company-info-content .links a{display:inline-block;width:100%}footer .company-info-content .links a+a{border-left:none;padding-left:0;margin-left:0}}footer .links a:hover,footer .contact-info a:hover{color:#757575}section.home{padding-top:80px;padding-bottom:74px}@media (max-width: 834px){section.home{padding-top:32px;padding-bottom:23px}}@media (max-width: 576px){section.home{padding-bottom:62px}}section.detail-section,section.news-index-section,section.expertise-index-section,section.team-section,section.recruit-create-section,section.project-section{padding-top:148px}@media (max-width: 992px){section.detail-section,section.news-index-section,section.expertise-index-section,section.team-section,section.recruit-create-section,section.project-section{padding-top:128px}}section.news-index-section,section.recruit-section,section.recruit-show-section,section.recruit-create-section,section.project-list-section{padding-bottom:80px}section.detail-section,section.expertise-index-section,section.team-section{padding-bottom:120px}section.page-section,section.about-banner-section,section.contact-section,section.recruit-show-section,section.recruit-banner-section{padding-top:120px}section.about-content-section{padding-top:80px;padding-bottom:120px}section.about-content-section.pb-80{padding-bottom:80px}section.about-content-section.gray-050{background-color:#fafafa}@media (max-width: 992px){section.page-section,section.about-banner-section,section.expertise-index-section,section.recruit-show-section,section.recruit-banner-section,section.recruit-section,section.detail-section,section.project-list-section,section.team-section{padding-top:64px;padding-bottom:0}section.about-content-section.pt-lg-32{padding-top:32px}section.team-section,section.project-section{padding-top:96px}section.recruit-create-section{padding-top:104px}}@media (max-width: 834px){section.contact-section,section.recruit-create-section{padding-top:96px}}.swiper .swiper-wrapper{align-items:center}.swiper .swiper-pagination-bullet{background:#fafafa}.swiper .swiper-button-prev:after{content:url(/images/icons/ic_arrow_left_d@2x.png)}.swiper .swiper-button-next:after{content:url(/images/icons/ic_arrow_right_d@2x.png)}.swiper .swiper-button-prev:after,.swiper .swiper-button-next:after{font-size:24px}.swiper.home-swiper{width:100%;height:100vh}.swiper.home-swiper img,.swiper.home-swiper video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiper.home-swiper .swiper-horizontal>.swiper-pagination-bullets,.swiper.home-swiper .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 35px);left:-56px}.swiper.home-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper.home-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 7px)}.swiper.home-swiper .swiper-pagination{text-align:right}@media (max-width: 576px){.swiper.home-swiper img{height:90vh}}.swiper.detail-swiper .swiper-slide{display:flex;justify-content:center}.swiper.detail-swiper img{width:auto;height:auto;-o-object-fit:cover;object-fit:cover;max-height:800px}@media (max-width: 768px){.swiper.home-swiper{height:calc(100vh - 85px)}}@media (max-width: 576px){.swiper.detail-swiper img{max-height:550px}}.scroll-block{z-index:1;width:160px;height:144px;position:absolute;left:50%;bottom:0;transform:translate(-80px)}.scroll-block p{color:#fff}.scroll-block img{position:absolute;left:50%;margin-left:-32px;bottom:10px;animation-name:moveDown;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running}@media (max-width: 768px){.scroll-block{display:none}}@keyframes moveDown{0%{top:70px;opacity:1}30%{top:75px;opacity:1}to{top:80px;opacity:0}}.title-module{margin-bottom:40px}.title-module h2{color:#212121}.title-module.award-record-title{margin-bottom:48px}.title-module.projects{margin-bottom:16px}.title-module.projects h2{color:#212121}.figure-block{display:flex;justify-content:flex-start;flex-wrap:wrap}.figures{width:32.14%;margin-bottom:40px}.figures:nth-child(3n-1){margin-right:1.75%}.figures:nth-child(3n-2){margin-right:1.75%}.figures:hover .hover-container{opacity:1}.figures figure{position:relative;width:100%;border-radius:0;border:0}.figures figure .img-container{position:relative}.figures figure .hover-container{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;transition:.3s}.figures figure .hover-container img{position:absolute;top:50%;left:50%;margin-left:-69px;margin-top:-14px;z-index:1}.figures figure .figure-img{position:relative;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-bottom:0}.figures figure figcaption{padding-top:8px}.figures figure .figure-title{color:#212121;margin-bottom:4px}.figures figure .figure-text{display:flex;justify-content:space-between}.figures figure .figure-text span{color:#757575}@media (max-width: 992px){.figures{width:48.5%}.figures:nth-child(3n-1){margin-right:0%}.figures:nth-child(3n-2){margin-right:0%}.figures:nth-child(2n-1){margin-right:3%}.figures:nth-child(2n-2){margin-right:0%}.figures .figure-img{height:372px}}@media (max-width: 576px){.figures{width:100%}.figures:nth-child(2n-1){margin-right:0%}}.figure-block.news .figures,.figure-block.projects .figures{width:49%}.figure-block.news .figures:nth-child(3n-1),.figure-block.projects .figures:nth-child(3n-1){margin-right:0%}.figure-block.news .figures:nth-child(3n-2),.figure-block.projects .figures:nth-child(3n-2){margin-right:0%}.figure-block.news .figures:nth-child(2n-1),.figure-block.projects .figures:nth-child(2n-1){margin-right:2%}.figure-block.news .figures .img-container img,.figure-block.projects .figures .img-container img{max-width:612px;max-height:612px}@media (max-width: 576px){.figure-block.news .figures,.figure-block.projects .figures{width:100%}.figure-block.news .figures:nth-child(2n-1),.figure-block.projects .figures:nth-child(2n-1){margin-right:0%}}.home-learn-more,.expertise-learn-more{display:flex;justify-content:end;align-items:center}.btn-effect a{color:#212121;padding-bottom:8px;position:relative;width:-moz-max-content;width:max-content}.btn-effect a:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;transition:width .3s ease 0s;color:#757575;background-color:#757575}.btn-effect .link-icon{position:relative;margin-left:8px;width:24px;height:24px}.btn-effect .link-icon img{position:absolute}.btn-effect .link-icon img:nth-child(2){opacity:0}.btn-effect a,.btn-effect img{transition:.3s}.submit-btn{padding:12px 51.5px;background-color:#000;color:#fff}.btn-effect a:hover{color:#757575}.btn-effect a:hover img{transform:translate(5px)}.btn-effect a:hover:before{width:100%}.btn-effect a:hover .link-icon img:nth-child(1){opacity:0}.btn-effect a:hover .link-icon img:nth-child(2){opacity:1}@media (max-width: 992px){.btn-effect a:hover{color:#212121}.btn-effect a:hover img{transform:translate(0)}.btn-effect a:hover:before{width:0}.btn-effect a:hover .link-icon img:nth-child(1){opacity:1}.btn-effect a:hover .link-icon img:nth-child(2){opacity:0}}.detail-outer-frame{width:100%;height:100%;display:flex;align-items:center}.detail-title{margin-bottom:40px}.detail-title h2{color:#212121}@media (max-width: 576px){.detail-title{margin-bottom:32px}}.detail-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.detail-wrapper .detail-title{width:100%}.detail-wrapper .detail-content{width:70.7%}.detail-wrapper .detail-meta{width:18.9%}.detail-wrapper .detail-swiper{margin-bottom:40px}.detail-wrapper .detail-content-text{color:#424242;text-align:justify}@media (max-width: 576px){.detail-wrapper .detail-content,.detail-wrapper .detail-meta{width:100%}.detail-wrapper .detail-content{margin-bottom:40px}}.detail-meta-block{margin-bottom:16px}.detail-meta-block .detail-meta-title{color:#757575}.detail-meta-block .detail-meta-text,.detail-meta-block a{color:#212121}.detail-meta-block a:hover{color:#757575}.content-wrapper{display:flex;justify-content:space-between}.content-wrapper:not(:last-child){margin-bottom:80px}.content-wrapper .about-article{width:46.9%;margin-right:48px}.content-wrapper .about-article h3,.content-wrapper .about-article h4{color:#212121;margin-bottom:24px}.content-wrapper .about-article .chronology,.content-wrapper .about-article p{color:#424242;text-align:justify}.content-wrapper .about-article p+p{margin-top:16px}.content-wrapper .about-article span{margin-right:16px}.content-wrapper .about-article .chronology{display:flex;align-items:start}.content-wrapper .about-article .chronology:not(:last-child){margin-bottom:16px}.content-wrapper .about-figure{flex:1;max-width:614px}.content-wrapper .about-figure img{width:100%}@media (max-width: 992px){.content-wrapper.about{flex-wrap:wrap}.content-wrapper .about-article,.content-wrapper .about-figure{width:100%}.content-wrapper .about-article{margin-right:0;margin-bottom:24px}.content-wrapper .about-article h3{margin-bottom:24px}.content-wrapper .about-article h4{margin-bottom:16px}.content-wrapper .about-figure{max-width:100%;flex:unset}}.content-wrapper.company{display:block}.content-wrapper .team-article{width:46.9%;margin-right:44px;display:flex;flex-direction:column;justify-content:center}.content-wrapper .team-article h4{color:#212121;margin-bottom:26px}.content-wrapper .team-article h3{color:#212121;margin-bottom:12px}.content-wrapper .team-article ul{margin-bottom:12px}.content-wrapper .team-article li{color:#212121}.content-wrapper .team-article p{color:#616161;text-align:justify}.content-wrapper .team-figure img{height:480px;-o-object-fit:cover;object-fit:cover}.content-wrapper .position{color:#757575;margin-bottom:24px}.content-wrapper .name{display:flex;flex-wrap:wrap}.content-wrapper .name span{color:#212121;margin-bottom:24px;min-width:54px;margin-right:7.8%}@media (max-width: 768px){.content-wrapper.team{flex-wrap:wrap;margin-bottom:40px}.content-wrapper .team-article{margin-bottom:24px;width:100%;margin-right:0}.content-wrapper .team-figure{width:100%}.content-wrapper .team-figure img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.content-wrapper .name span{width:9.8%;margin-right:9%}}.swal2-popup .swal2-title{color:#000}.swal2-popup #swal2-content{color:#757575}.swal2-popup .swal2-styled{padding:.625em 4em}.swal2-popup .swal2-styled:focus{box-shadow:none}.swal2-popup .swal2-styled.swal2-confirm{background-color:#000}.page-banner img{height:200px;-o-object-fit:cover;object-fit:cover}.page-wrapper{max-width:746px;margin:auto;padding:64px 32px 120px}.page-wrapper .description{color:#424242;margin-bottom:40px}.page-wrapper .page-title{margin-bottom:16px;color:#212121;display:flex}.page-wrapper .page-title span{color:#212121}.page-wrapper .page-content:not(:last-child){margin-bottom:40px}.page-wrapper .page-content h4{color:#616161;margin-bottom:16px}.page-wrapper .page-content p,.page-wrapper .page-content li{color:#616161;text-align:justify}.page-wrapper .page-content li{padding-left:1em;position:relative}.page-wrapper .page-content li:not(:last-child){margin-bottom:16px}.page-wrapper .page-content li:after{content:"";position:absolute;left:0;top:16px;width:2px;height:2px;background-color:#616161;border-radius:50%}.page-wrapper .page-content p:not(:last-child){margin-bottom:16px}.page-wrapper .page-content>p,.page-wrapper .page-content .list{padding-left:51px}.page-wrapper .page-content a{color:#212121}@media (max-width: 576px){.page-wrapper{padding-left:24px;padding-right:24px}}.form-wrapper{background-color:#fafafa}.form-wrapper .input-block{display:flex;justify-content:space-between;margin-bottom:24px}.form-wrapper .input-block>label{color:#212121;width:19.2%;min-width:96px}.form-wrapper .input-block>label span{color:#f8390c}.form-wrapper .input-block>div{width:80.4%}.form-wrapper .input-block .form-control{border:1px solid #e0e0e0}.form-wrapper .input-block.captcha{margin-bottom:40px}.form-wrapper .input-block.captcha .captcha-input{width:100%;margin-right:8px}.form-wrapper .input-block.captcha .captcha-img{width:100px;margin-right:8px}.form-wrapper .input-block.captcha .reload{width:20px}.form-wrapper .form-control,.form-wrapper .form-select{border-radius:0}.form-wrapper .form-control:focus,.form-wrapper .form-select:focus{border-color:#e0e0e0;box-shadow:none}.form-wrapper .reload img{cursor:pointer;margin-top:8px}.form-wrapper .btn-block{display:flex;justify-content:end}.form-wrapper .error-input{border:1px solid #f8390c!important}.form-wrapper .error-message{color:#f8390c;margin-top:5px;display:none}.form-wrapper .error-message.is-invalid{display:block}@media (max-width: 768px){.form-wrapper .input-block{flex-wrap:wrap}.form-wrapper .input-block>label,.form-wrapper .input-block>div{width:100%}}.max-width-container{max-width:2048px;margin:auto}.home-banner{opacity:1;position:fixed;top:0;right:0;height:100%;width:100%;min-height:100%;min-width:100%;z-index:-9999}.home.projects{margin-top:100vh}@media (max-width: 768px){.home.projects{margin-top:calc(100vh - 85px)}}.home .container-fluid{max-width:1464px}.home-video-mobile{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-banner-section .max-width-container{text-align:center}.award-record .award-record-wrapper{display:flex}.award-record .award-record-wrapper:not(:last-child){margin-bottom:80px}.award-record .award-record-date{color:#424242;min-width:50px;margin-right:56px}.award-record .award-record-items p{display:flex;flex-wrap:wrap;margin-bottom:16px}.award-record .award-record-items .award{color:#424242;margin-right:8px}.award-record .award-record-items .items{margin-left:30px;position:relative}.award-record .award-record-items .items:before{content:"";width:4px;height:4px;border-radius:50%;background-color:#757575;position:absolute;left:-12px;top:12px}@media (max-width: 576px){.award-record .award-record-wrapper{flex-wrap:wrap}.award-record .award-record-date{width:100%;margin-bottom:16px}}.contact-wrapper{display:flex;justify-content:space-between}.contact-wrapper .contact-info-text:not(:last-child){margin-bottom:24px}.contact-wrapper .contact-info-text p:first-child{color:#757575}.contact-wrapper .contact-info-text p:last-child,.contact-wrapper .contact-info-text a{color:#212121;word-wrap:break-word}.contact-wrapper .contact-info{margin-right:32px;width:22.8%}.contact-wrapper .contact-form{padding:80px 96px;width:74.7%}@media (max-width: 992px){.contact-wrapper .contact-form{padding:80px 32px}}@media (max-width: 768px){.contact-wrapper{flex-wrap:wrap;flex-direction:column-reverse}.contact-wrapper .contact-info{width:100%;margin-right:0;margin-bottom:120px}.contact-wrapper .contact-form{width:100%;margin-bottom:40px;padding:32px 24px}}.expertise-wrapper{display:flex}.expertise-wrapper .expertise-nav{width:100%;height:auto;max-width:408px;position:fixed;top:160px;background-color:#fff;overflow:hidden}.expertise-wrapper .expertise-nav ul{width:100%;max-width:190px;margin:auto}.expertise-wrapper .expertise-nav li:not(:last-child){margin-bottom:20px}.expertise-wrapper .expertise-nav li:last-child{padding-bottom:10px}.expertise-wrapper .expertise-nav span{color:#212121}.expertise-wrapper .expertise-nav p{display:none;cursor:pointer}.expertise-wrapper .expertise-content{margin-left:408px}.expertise-wrapper .expertise-banner{margin-bottom:160px}.expertise-wrapper .content-block{max-width:1400px;padding-right:32px}.expertise-wrapper .content-block:not(:last-child){margin-bottom:160px}.expertise-wrapper .content-block h2{color:#212121;margin-bottom:32px}.expertise-wrapper .content-block .content-text{color:#616161;margin-bottom:32px;margin-left:16px}.expertise-wrapper .content-img{margin-bottom:32px;max-width:1000px}@media (max-width: 992px){.expertise-wrapper .expertise-banner{margin-bottom:80px}.expertise-wrapper .expertise-content{margin-left:0}.expertise-wrapper .content-block{padding-left:32px}.expertise-wrapper .expertise-nav{width:auto;top:initial;bottom:60px;left:32px;box-shadow:0 4px 12px #0003;border-radius:5px;background-color:#fafafa;z-index:10}.expertise-wrapper .expertise-nav ul,.expertise-wrapper .expertise-nav p{max-width:288px;width:288px;padding:15px 20px}.expertise-wrapper .expertise-nav li{display:flex;position:relative}.expertise-wrapper .expertise-nav li:last-child{padding-bottom:0}.expertise-wrapper .expertise-nav p{position:relative}.expertise-wrapper .expertise-nav p>span:after{content:"";position:absolute;top:22px;right:20px;width:10px;height:10px;border-radius:50%;background-color:#000}.expertise-wrapper .expertise-nav a,.expertise-wrapper .expertise-nav span{width:100%}.expertise-wrapper .expertise-nav a:after{content:"";position:absolute;top:7px;right:0;width:10px;height:10px;border-radius:50%;background-color:#e0e0e0}.expertise-wrapper .expertise-nav a.active:after{background-color:#000}.expertise-wrapper .expertise-nav span{display:inline-block}.expertise-wrapper .expertise-nav .show-text.active{display:block}.expertise-wrapper .expertise-nav ul.ease-out{transition:ease-out .3s}.expertise-wrapper .expertise-nav ul.hidden{height:0;padding:0 20px}}.filter-wrapper{margin-bottom:8px;position:relative;z-index:1}.filter-wrapper button{color:#212121}.filter-wrapper .filter-block{background-color:#fff;display:none;position:absolute;width:100%;min-height:578px;z-index:10}.filter-wrapper .filter-block.active{display:flex}.filter-wrapper .type,.filter-wrapper .location{width:50%;max-width:400px;padding:33px 0}.filter-wrapper h4{color:#212121;margin-bottom:24px}.filter-wrapper a{color:#212121;display:block;width:-moz-max-content;width:max-content;padding:16px 0}.filter-wrapper a:hover{color:#757575}.projects-title{position:relative;top:-35px}.recruit-banner-section .max-width-container{text-align:center}.recruit-table{margin-bottom:120px}.recruit-table th{color:#616161;padding:1.438rem .5rem}.recruit-table th:nth-child(1){min-width:110px}.recruit-table th:nth-child(2),.recruit-table th:nth-child(3){min-width:80px}.recruit-table th:nth-child(5){min-width:125px}.recruit-table td{color:#212121;padding:1.438rem .5rem}@media (max-width: 834px){.recruit-table th:nth-child(4){width:205px}}@media (max-width: 768px){.recruit-table{margin-bottom:0}.recruit-table thead{display:none}.recruit-table tbody,.recruit-table tr,.recruit-table td{display:block;width:100%}.recruit-table tbody tr+tr{margin-top:56px}.recruit-table tbody tr td{padding:8px;position:relative}.recruit-table tbody tr td{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;position:relative;padding-left:35%;display:flex;align-items:center}.recruit-table tbody tr td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:12px}}@media (max-width: 576px){.recruit-table tbody tr td:before{padding-left:0}}.recruit-description{padding-top:80px;padding-bottom:64px}.recruit-description .title{color:#212121;margin-bottom:32px}.recruit-description .content{color:#424242}@media (max-width: 768px){.recruit-description{padding-top:32px}}.recruit-show-section .recruit-banner{background-image:url(/images/banner/banner_recruit.png);height:200px;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;align-items:center;margin-bottom:80px}.recruit-show-section .recruit-banner h2{color:#212121;margin-bottom:8px}.recruit-show-section .recruit-wrapper,.recruit-show-section .recruit-banner-text{display:flex}.recruit-show-section .recruit-banner-text p{color:#424242}.recruit-show-section .recruit-banner-text p:first-child{margin-right:32px}.recruit-show-section .col-left{width:90%;margin-right:32px}.recruit-show-section .col-right{width:10%;min-width:120px}.recruit-show-section .recruit-content{display:flex}.recruit-show-section .recruit-content:not(:last-child){margin-bottom:80px}.recruit-show-section .recruit-content>div{text-align:left;width:100%}.recruit-show-section .recruit-content h2{color:#212121}.recruit-show-section .recruit-title{color:#212121;margin-right:32px;width:22%;min-width:70px}.recruit-show-section .content-block{display:flex;min-width:570px;max-width:747px}.recruit-show-section .content-block h5{color:#616161;min-width:73px;margin-right:32px}.recruit-show-section .content-block:not(:last-child){margin-bottom:16px}.recruit-show-section li,.recruit-show-section p{color:#212121}.recruit-show-section .other h5{color:#757575;margin-bottom:8px}.recruit-show-section .other-opening{display:flex;flex-direction:column}.recruit-show-section .other-opening a{color:#212121;width:-moz-max-content;width:max-content;margin-bottom:8px}.recruit-show-section .other-opening a:hover{color:#757575}@media (max-width: 992px){.recruit-show-section .recruit-banner{height:120px;margin-bottom:32px}.recruit-show-section .recruit-wrapper{flex-wrap:wrap}.recruit-show-section .col-left{width:100%;margin-right:0;margin-bottom:84px}.recruit-show-section .col-right{width:100%}}@media (max-width: 768px){.recruit-show-section .content-block{flex-direction:column;min-width:auto}.recruit-show-section .btn-effect{padding-top:3px}.recruit-show-section .recruit-title{min-width:auto;margin-bottom:24px}.recruit-show-section .recruit-content:not(:last-child){flex-wrap:wrap}.recruit-show-section .recruit-content:last-child>div{width:auto}}.recruit-form{padding:40px}.recruit-form .input-block>label{width:25%}.recruit-form .input-block>div{width:74%}.recruit-form .opening{display:flex;align-items:center}.recruit-form input::-moz-placeholder,.recruit-form textarea::-moz-placeholder{color:#9e9e9e}.recruit-form input::placeholder,.recruit-form textarea::placeholder,.recruit-form select,.recruit-form select:required:invalid{color:#9e9e9e}.recruit-form select{color:#212121}.recruit-form option{color:#000}.recruit-form option:disabled{display:none}.recruit-form .upload-text{color:#616161;margin-top:4px}.recruit-form .file-label{display:flex;background-color:#fff;padding:7px 8px;border:1px solid #e0e0e0}.recruit-form .file-label:before{content:"選擇檔案";color:#424242;border:1px solid #bdbdbd;border-radius:2px;padding:4px 8px;margin-right:5px}.recruit-form input[type=file]{display:none}@media (max-width: 768px){.recruit-form .input-block{flex-wrap:wrap}.recruit-form .input-block>label,.recruit-form .input-block>div{width:100%}}.recruit-form-title h2{color:#212121;margin-bottom:24px}.recruit-form-title p{color:#616161;margin-bottom:24px}.radio-block{display:flex}.radio-block .form-check{margin-right:27px}.radio-block .form-check{display:flex;align-items:center}.radio-block .form-check-input{margin-right:8px}.multiple-fields>div:not(:last-child){margin-bottom:16px}.multiple-fields .field-item+.field-item{margin-top:8px}.multiple-fields .field-item.select{position:relative}.multiple-fields .field-item.select img{position:absolute;right:10px;top:10px}.multiple-fields .field-item.button{width:100%;display:flex;justify-content:end}.multiple-fields .button{display:flex;justify-content:end;margin-top:16px}.multiple-fields .add-button{display:flex;align-items:center;color:#007cef}.multiple-fields .add-button img{margin-right:4px}