@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap");html,body{background-color:#222222;color:#fff;font-family:"HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, "Noto Sans TC","微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif !important;font-size:16px}body{background-image:linear-gradient(to right, #121212, #2a2a2a)}body.bg-white{background-image:inherit;color:#212529}.clear{clear:both}.clearfix{display:inline-block}.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:"."}* html .clearfix{height:1%}*:focus,.form-control:focus,button:focus,.btn:focus{outline:none;box-shadow:none}.clearfix{display:block}label{font-stretch:condensed}.btn{display:block;border-radius:0;padding:0}.btn.btn-main{width:144px;height:44px;background-color:#ff455c;box-shadow:0 10px 15px 0 rgba(0,0,0,0.3);color:#fff;font-weight:bold;font-size:16px;line-height:44px}.btn.btn-main:hover{background-color:#AF2839}.btn.btn-main:active{background-color:#711823}.btn:disabled{opacity:.3;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:inherit;text-decoration:none}ul{list-style:none;padding:0;margin:0}.row{margin-left:0;margin-right:0}.text-transform span{display:inline-block;transition:.15s transform ease-out}.text-transform:hover span{transition:.15s transform ease-in}.text-transform:hover .text02{transform:translateY(5px)}.text-transform:hover .text03{transform:translateY(-7px)}.text-transform:hover .text04{transform:translateY(7px)}#mask{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:99999;width:100%;height:100vh;background-color:#151315}#mask video{width:100%;height:auto;padding:0;margin:0 auto}@media screen and (max-width: 1680px){#mask video video{width:100%;height:auto}}.border-bg{position:fixed;z-index:1;width:100%;height:100vh;padding:0;margin:0}.border-bg .border-content{border-right:1px solid #4a4a4a;opacity:0.5}.border-bg .border-content:last-child{border-right:0}@media screen and (max-width: 1279px){.border-bg .border-content:last-child{display:none !important}}.menu-open{overflow:hidden}.scrolldown{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1px;height:64px;background-color:#333}.scrolldown:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#fff, #fff);animation:animate 2s linear infinite}@keyframes animate{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}100%{transform-origin:bottom;transform:scaleY(0)}}header{position:relative;width:100%}header .logo-wrap{position:absolute;top:40px;left:calc(50% - 720px);width:100%;max-width:1440px;height:43px;padding-left:0;margin:0 auto}header .logo-wrap img{width:100%}header .logo-wrap .logo{position:relative;z-index:9999;display:block;width:197px;height:44px}@media screen and (max-width: 1440px){header .logo-wrap{left:0;padding-left:70px}}@media screen and (max-width: 1280px){header .logo-wrap .logo{width:161px;height:36px;background-size:161px}}@media screen and (max-width: 1279px){header .logo-wrap{top:44px;padding-left:40px}}@media screen and (max-width: 767px){header .logo-wrap{top:50px;padding-left:24px}header .logo-wrap .logo{width:107px;height:24px;background-size:107px}}header .header-wrap{position:fixed;top:0;left:calc(50% - 720px);z-index:9998;width:100%;max-width:1440px;padding:40px 0;margin:0 auto}@media screen and (max-width: 1440px){header .header-wrap{left:0;padding:40px 70px 0 70px}}@media screen and (max-width: 1279px){header .header-wrap{padding:44px 50px 0 50px}}@media screen and (max-width: 767px){header .header-wrap{padding:50px 25px 0 25px}}header .header-wrap .nav{justify-content:flex-end;height:30px;padding-top:0;padding-bottom:0;padding-right:56px}header .header-wrap .nav .nav-toggler{display:block;position:absolute;top:5px;right:0;z-index:10001;padding:0;border:0;cursor:pointer}header .header-wrap .nav .nav-toggler .hamburger-box{width:32px;height:22px}header .header-wrap .nav .nav-toggler .hamburger-inner,header .header-wrap .nav .nav-toggler .hamburger-inner:after,header .header-wrap .nav .nav-toggler .hamburger-inner:before{width:32px;height:2px;background-color:#fff}header .header-wrap .nav .nav-toggler .hamburger-inner:before{top:-10px}header .header-wrap .nav .nav-toggler .hamburger-inner:after{bottom:-10px}header .header-wrap .nav .nav-toggler .hamburger.is-active .hamburger-inner,header .header-wrap .nav .nav-toggler .hamburger.is-active .hamburger-inner:after,header .header-wrap .nav .nav-toggler .hamburger.is-active .hamburger-inner:before{background-color:#fff}header .header-wrap .nav .nav-toggler.is-active .hamburger-inner:before{top:0}header .header-wrap .nav .nav-toggler.is-active .hamburger-inner:after{bottom:0}header .header-wrap .nav .nav-content{display:block;position:fixed;top:0;right:-100%;z-index:10000;width:100%;height:100vh;background-image:linear-gradient(to right, #121212, #2a2a2a);transition:.5s right}header .header-wrap .nav .nav-content .nav-menu{float:right;width:60%;height:100%;padding-top:240px}@media screen and (max-width: 1279px){header .header-wrap .nav .nav-content .nav-menu{width:100%;height:calc(100% - 296px);padding-top:160px}}@media screen and (max-width: 1024px){header .header-wrap .nav .nav-content .nav-menu{padding-top:100px}}@media screen and (max-width: 767px){header .header-wrap .nav .nav-content .nav-menu{padding-top:115px;height:calc(100% - 76px)}}header .header-wrap .nav .nav-content .nav-menu .menu-content{float:left;width:100%;max-width:760px;padding-left:70px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul{float:left;padding-right:180px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li{padding-bottom:40px;color:#fff;font-weight:bold;font-size:32px;line-height:normal}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li:last-child{padding-bottom:0}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button{position:relative;z-index:1;padding:0 3px 0 13px;border:0;background-color:transparent;color:#fff;font-weight:600;transition:.4s color ease-in;cursor:pointer}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:after{content:'';display:block;position:absolute;bottom:9px;left:0;z-index:-1;width:0;height:24px;background-color:#1a75ff;transition:.4s width ease-in}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:hover{color:#fff;transition:.25s color ease-out}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:hover:after{width:100%;transition:.25s width ease-out}@media screen and (max-width: 1024px){header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:hover{transition:none}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:hover:after{content:none}}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu{padding-right:0}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .title{color:#fff;font-weight:bold;font-size:32px}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .title .project-count{display:inline-block;color:#ff455c;font-size:24px;transform:translateY(-9px)}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu li{padding-bottom:24px;color:rgba(255,255,255,0.8);font-weight:normal;font-size:20px;transition:.25s ease-in}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu li:hover{color:#fff;transition:.25s ease-out}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .lang{display:none}header .header-wrap .nav .nav-content .nav-menu .menu-content ol{list-style:none;padding:0;margin:0}header .header-wrap .nav .nav-content .nav-menu .menu-content ol li button{color:rgba(255,255,255,0.8);font-weight:normal}header .header-wrap .nav .nav-content .nav-menu .menu-content ol li button:hover:after{content:none}@media screen and (max-width: 1279px){header .header-wrap .nav .nav-content .nav-menu .menu-content{float:left;padding-left:38px}}@media screen and (max-width: 767px){header .header-wrap .nav .nav-content .nav-menu .menu-content{float:left;padding-left:12px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul{width:100%;padding-right:0}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li{font-size:20px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li:last-child{padding-bottom:40px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button{padding:0 3px 0 13px}header .header-wrap .nav .nav-content .nav-menu .menu-content ul li>button:after{bottom:5px;height:20px}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .title{font-size:20px}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu li{padding-bottom:40px}header .header-wrap .nav .nav-content .nav-menu .menu-content .works-menu .lang{display:block}header .header-wrap .nav .nav-content .nav-menu .menu-content ol{display:none}}header .header-wrap .nav .nav-content .contact-info{position:relative;float:left;width:40%;height:100%;padding-top:240px;padding-left:110px;background-color:#121212}header .header-wrap .nav .nav-content .contact-info .content{float:right;padding-right:183px}header .header-wrap .nav .nav-content .contact-info .content ul li{padding-bottom:24px;color:#fff;font-weight:normal;font-size:14px;line-height:1.43}header .header-wrap .nav .nav-content .contact-info .content ul li label{color:rgba(255,255,255,0.5)}header .header-wrap .nav .nav-content .contact-info .content ul li p{margin-bottom:0}header .header-wrap .nav .nav-content .contact-info .content ul li p a{transition:.25s}header .header-wrap .nav .nav-content .contact-info .content ul li p a:hover{color:rgba(255,255,255,0.8)}header .header-wrap .nav .nav-content .contact-info .content .social{overflow:hidden;margin-bottom:50px}header .header-wrap .nav .nav-content .contact-info .content .social a{float:left;width:44px;height:44px;margin-right:8px;opacity:.5;transition:.25s ease-in}header .header-wrap .nav .nav-content .contact-info .content .social a.icon-fb{background:url(../img/facebook.svg) center center no-repeat}header .header-wrap .nav .nav-content .contact-info .content .social a.icon-md{margin-right:0;background:url(../img/medium.svg) center center no-repeat}header .header-wrap .nav .nav-content .contact-info .content .social a:hover{opacity:1;transition:.25s ease-out}@media screen and (max-width: 1279px){header .header-wrap .nav .nav-content .contact-info{width:100%;height:296px;padding:54px}header .header-wrap .nav .nav-content .contact-info .content{float:unset;padding-right:0}header .header-wrap .nav .nav-content .contact-info ul{float:left}header .header-wrap .nav .nav-content .contact-info .social{position:absolute;right:36px;bottom:138px;margin-bottom:0}}@media screen and (max-width: 767px){header .header-wrap .nav .nav-content .contact-info{height:76px;padding:16px 25px}header .header-wrap .nav .nav-content .contact-info ul{display:none}header .header-wrap .nav .nav-content .contact-info .social{float:right;position:unset}}header .header-wrap .nav .nav-content.active{right:0;transition:.5s right}header .header-wrap .nav .nav-content.active .nav-menu{transform:translateX(0)}header .header-wrap .nav .nav-content.active .contact-info{transform:translateX(0)}header .header-wrap .nav .btn-works{width:85px;height:36px;background-color:rgba(255,255,255,0.2);color:#fff;font-weight:bold;font-size:20px;line-height:36px;letter-spacing:0.4px;text-align:center;transition:.3s}header .header-wrap .nav .btn-works:hover{background-color:#ff455c}@media screen and (max-width: 767px){header .header-wrap .nav .btn-works{display:none}}#content-main .text-transform.more{display:block;position:relative;padding-left:40px;font-weight:bold;font-size:14px}#content-main .text-transform.more:after{content:' ';position:absolute;top:9px;left:0;width:35px;height:2px;border-top:2px solid #ff455c}#content-main .text-transform.more label{display:block;color:rgba(255,255,255,0.5);font-weight:bold;font-size:14px;line-height:1.43}footer{position:relative;z-index:1;background:#141414}footer .footer-wrap{position:relative;overflow:hidden;max-width:1440px;padding:88px 70px 0;margin:0 auto}footer .footer-wrap .footer-map{display:block;position:absolute;top:0;right:0;overflow:hidden;width:660px;height:214px;margin:0 auto;background:#141414 url(../img/map.png) right top no-repeat;background-size:100%}footer .footer-wrap .footer-logo{position:relative;z-index:9;max-width:197px;margin-bottom:36px}footer .footer-wrap .footer-menu{position:relative;z-index:9;float:left;overflow:hidden}footer .footer-wrap .footer-menu ul li{float:left;padding:14px 20px 0}footer .footer-wrap .footer-menu ul li.works{position:relative;padding-right:36px}footer .footer-wrap .footer-menu ul li:first-child{padding-left:0}footer .footer-wrap .footer-menu ul li button{padding:0;border:0;background-color:transparent;color:#fff;font-weight:500;font-size:14px;cursor:pointer;transition:.25s}footer .footer-wrap .footer-menu ul li button:hover{color:rgba(255,255,255,0.8)}footer .footer-wrap .footer-menu ul li button .project-count{position:absolute;top:0;right:0;color:#ff455c;font-weight:600;font-size:20px;line-height:1.6;letter-spacing:0.4px;font-stretch:condensed}footer .footer-wrap .contact-info{position:relative;z-index:9;float:right;overflow:hidden;margin-top:-10px;margin-bottom:40px;font-stretch:condensed}footer .footer-wrap .contact-info ul li{float:left;padding-right:47px;color:#ffffff;font-weight:bold;font-size:14px;line-height:1.43}footer .footer-wrap .contact-info ul li label{color:rgba(255,255,255,0.5);font-weight:bold}footer .footer-wrap .contact-info ul li p{margin:0}footer .footer-wrap .contact-info ul li p a{transition:.25s}footer .footer-wrap .contact-info ul li p a:hover{color:rgba(255,255,255,0.8)}footer .copy-right{overflow:hidden;width:100%;padding:40px 0;margin:0 auto;border-top:1px solid rgba(217,217,217,0.3)}footer .copy-right .text-wrap{max-width:1440px;padding:0 70px;margin:0 auto}footer .copy-right .text-wrap p{float:left;margin-bottom:0;color:#838383;font-size:14px}footer .copy-right .text-wrap .social{float:right;margin-top:-20px}footer .copy-right .text-wrap .social a{float:left;width:44px;height:44px;margin-right:8px;opacity:.5;transition:.25s ease-in}footer .copy-right .text-wrap .social a.icon-fb{background:url(../img/facebook.svg) center center no-repeat}footer .copy-right .text-wrap .social a.icon-md{margin-right:0;background:url(../img/medium.svg) center center no-repeat}footer .copy-right .text-wrap .social a:hover{opacity:1;transition:.25s ease-out}@media screen and (max-width: 1279px){footer .footer-wrap .footer-menu{display:none}footer .footer-wrap .contact-info{float:left}}@media screen and (max-width: 767px){footer .footer-wrap{padding:160px 24px 0;background-position-x:center}footer .footer-wrap .footer-map{width:375px;height:214px;background-position:-100px top;background-size:660px}footer .footer-wrap .footer-logo{margin-bottom:40px}footer .footer-wrap .contact-info{margin-top:0;margin-bottom:16px}footer .footer-wrap .contact-info ul li{width:100%;margin-bottom:24px}footer .copy-right{padding:20px 0}footer .copy-right .text-wrap{padding:0 24px}footer .copy-right .text-wrap .social{display:none}}.fadeInUpS{-webkit-animation-name:fadeInUp;animation-name:fadeInUpS}@-webkit-keyframes fadeInUpS{0%{-webkit-transform:translate3d(0, 30%, 0);opacity:0;transform:translate3d(0, 30%, 0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpS{0%{-webkit-transform:translate3d(0, 30%, 0);opacity:0;transform:translate3d(0, 30%, 0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}