@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body{font-family:Barlow Condensed,Noto Sans TC,sans-serif}body,li,ul{padding:0;margin:0}li,ul{list-style:none}.container{max-width:1140px;margin:0 auto;height:100%}.bottom-content{min-height:calc(100vh - 135px)}.bottom-content,.footer{width:100%;display:inline-block}.footer{text-align:center;font-family:Barlow Condensed;font-size:16px;color:hsla(0,0%,100%,.8);line-height:60px}.menu{width:100%;float:left;font-size:24px}.menu ul{padding:.5rem 0}.menu ul li{display:inline-block;margin:.25rem 1rem;padding:.25rem 1rem}.menu ul li.now,.menu ul li:hover{background:hsla(0,0%,100%,.2);cursor:pointer}.menu ul li.now:nth-child(3),.menu ul li:hover:nth-child(3){background:none}.menu ul li img{max-height:40px;vertical-align:middle}.menu ul a{text-decoration:none;color:#fff}.mobile{display:none}.title{font-weight:500;margin-top:3rem;font-family:Barlow Condensed}.sub-title,.title{width:100%;display:inline-block}.sub-title{margin:0 0 10px 0;font-family:Noto Sans TC;font-size:16px;font-weight:400}.home{width:100%;height:100vh;color:#fff;overflow:hidden;font-family:Barlow Condensed;background-attachment:fixed}.home .container{z-index:999;position:relative}.videoBg{z-index:10}.myVideo{right:0;bottom:0;min-width:100%;min-height:100%;height:auto;-o-object-fit:cover;object-fit:cover}.homeContent,.myVideo{position:fixed;width:100%}.homeContent{top:0;height:100vh;background:rgba(0,0,0,.25)}.screen{width:100%;height:calc(100% - 152px);float:left;font-size:24px;border:1px solid #fff}.screen .box{width:33.3333333333%;float:left;height:33.3333333333%;box-sizing:border-box;padding:2rem;position:relative}.screen .box p{margin:10px 0}.screen .box.center-bottom,.screen .box.center-center,.screen .box.center-top,.screen .box.left-bottom,.screen .box.left-center,.screen .box.left-top{border-right:1px dashed #fff}.screen .box.center-center,.screen .box.center-top,.screen .box.left-center,.screen .box.left-top,.screen .box.right-center,.screen .box.right-top{border-bottom:1px dashed #fff}.screen .box.center-center{background-image:url(../img/idx-logo.206e5247.svg);background-repeat:no-repeat;background-size:35%;background-position:50%}.screen .box.left-bottom,.screen .box.left-top,.screen .box.right-bottom,.screen .box.right-top{background-image:url(../img/idx-box-left-top.38f260c4.svg);background-repeat:no-repeat;background-size:15%;background-position:0 0}.screen .box.right-top{background-image:url(../img/idx-box-right-top.47a9b842.svg);background-position:100% 0}.screen .box.left-bottom{background-image:url(../img/idx-box-left-bottom.f1a6756c.svg);background-position:0 100%}.screen .box.right-bottom{background-image:url(../img/idx-box-right-bottom.e8b2dc5e.svg);background-position:100% 100%}.screen .box.left-top{text-align:left}.screen .box.left-top .img{position:relative}.screen .box.left-top .img img{height:35px}.screen .box.left-top .img .circle-light{width:35px;height:35px;border-radius:50%;position:absolute;top:0;left:0}.screen .box.right-top{text-align:right}.screen .box.right-top .img img{height:25px;margin:5px 0}.screen .box .text{position:absolute}.screen .box.left-bottom .text{left:2rem;bottom:1rem;text-align:left}.screen .box.left-bottom .text .img img{height:35px}.screen .box.right-bottom .text{right:2rem;bottom:1rem;text-align:right}.screen .box.center-bottom .text{left:0;bottom:1rem;width:100%}.screen .box.center-bottom .text .img img{max-width:85%}.about{width:100%;min-height:100vh;background:url(../img/bg2.437e6254.png) bottom no-repeat;color:#fff;background-size:cover;background-attachment:fixed;font-family:Barlow Condensed}.about .menu{border-bottom:1px solid hsla(0,0%,100%,.5)}.about .info{width:100%;display:inline-block;font-family:Noto Sans TC;font-size:15px;text-align:left;line-height:28px;display:-webkit-box}.about .info .left,.about .info .right{float:left;box-sizing:border-box;padding:1.5rem;background:hsla(0,0%,100%,.1)}.about .info .left p,.about .info .right p{margin:10px 0}.about .info .left img,.about .info .right img{vertical-align:text-top;height:25px;margin-right:10px}.about .info .left{width:30.33%;margin-right:1%}.about .info .right{width:66.66%;margin-left:2%}.about .info .right .col{width:calc(50% - 1px);float:left;box-sizing:border-box}.about .info .right .col:first-child{padding-right:1rem;border-right:1px solid hsla(0,0%,100%,.5)}.about .info .right .col:nth-child(2){padding-left:1.5rem}.about .why{width:100%;display:inline-block;font-family:Noto Sans TC}.about .why .list{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.about .why .list li{width:14.2%;box-sizing:border-box;padding:10px;text-align:center}.about .why .list li img{width:100%}.about .why .list li p{margin:0 0 10px 0}.service{width:100%;min-height:100vh;background:url(../img/bg2.437e6254.png) bottom no-repeat;color:#fff;background-size:cover;background-attachment:fixed;font-family:Barlow Condensed}.service .menu{border-bottom:1px solid hsla(0,0%,100%,.5)}.service .list{width:100%;display:inline-block}.service .list li{width:30.33%;min-height:500px;height:calc(100vh - 250px);margin:0 1.5%;padding:4rem 0 2rem 0;box-sizing:border-box;float:left;border:1px solid hsla(0,0%,100%,.3);position:relative;transition:.5s}.service .list li:hover{background-color:hsla(0,0%,100%,.2);transition:.5s}.service .list li .content{opacity:1;z-index:10;position:relative;text-shadow:0 0 10px rgba(0,0,0,.25)}.service .list li .title{margin:10px 0}.service .list li .liner{width:30px;height:5px;background:#56d4cc;display:inline-block}.service .list li p{line-height:1.75}.service .list li:after{z-index:1;width:100%;height:100%;content:" ";display:block;position:absolute;left:0;top:0;opacity:.8;background-size:cover;background-position:50%;background-repeat:no-repeat}.service .list li:first-child:after{background-image:url(../img/work-img-1.963aa83d.png)}.service .list li:nth-child(2):after{background-image:url(../img/work-img-2.547f809b.png)}.service .list li:nth-child(3):after{background-image:url(../img/work-img-3.0b16248a.png)}.work{width:100%;min-height:100vh;background:url(../img/bg2.437e6254.png) bottom no-repeat;color:#fff;background-size:cover;background-attachment:fixed;font-family:Barlow Condensed}.work h1{position:relative}.work h1 a{color:#fff}.work h1 .go-back{text-align:right;position:absolute;right:0;top:0;width:120px;float:left;font-size:16px;line-height:38px}.work h1 .go-back img{vertical-align:text-top;margin-left:10px;margin-right:10px}.work h1.content{text-align:left}.work .menu{border-bottom:1px solid hsla(0,0%,100%,.5)}.work .list{width:100%;display:-webkit-box}.work .list li{width:17.5%;height:140px;float:left;margin-right:3%;box-sizing:border-box;overflow:hidden;position:relative;border:1px solid hsla(0,0%,100%,.3)}.work .list li a:hover{cursor:pointer}.work .list li:first-child{border:1px solid hsla(0,0%,100%,.5)}.work .list li:last-child{margin-right:0}.work .list li img{width:100%;min-height:100%}.work .list li p{margin:10px 0}.work .list li .w-big{font-size:36px;margin:25px 0 10px 0;text-transform:uppercase}.work .list li .liner{position:absolute;width:100%;height:5px}.work .list li .liner.yellow{background-color:#d6c215}.work .list li .liner.green{background-color:#9dd456}.work .list li .liner.lightblue{background-color:#56d4cc}.work .list li .liner.blue{background-color:#5698d4}.work .list li .text{width:100%;float:left;padding:.5rem .75rem;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.6)}.work .list.content{display:block}.work .list.content li{width:calc(22.75% - 2px);height:160px;float:left;margin-right:3%;margin-bottom:1.5rem;position:relative}.work .list.content li:nth-child(4n){margin-right:0}.work .list video{width:100%;min-height:100%}.work .see-more{width:100%;float:left;margin:2rem 0}.work .see-more a{color:#fff}.work .see-more .line{width:calc(100% - 120px);float:left;height:1px;background:hsla(0,0%,100%,.5);margin:10px 0}.work .see-more .button{width:120px;float:left}.work .see-more .button img{vertical-align:text-top;margin-left:10px}.work .el-dialog{margin-top:5vh!important}.work .el-dialog__body{text-align:center!important;margin:0 auto}.work .el-dialog__body img,.work .el-dialog__body video{width:80%}.contact,.work .video-content-text{width:100%}.contact{min-height:100vh;background:url(../img/bg2.437e6254.png) bottom no-repeat;color:#fff;background-size:cover;background-attachment:fixed;font-family:Barlow Condensed}.contact .menu{border-bottom:1px solid hsla(0,0%,100%,.5)}.contact .info{width:100%;font-family:Barlow Condensed,Noto Sans TC;font-size:15px;text-align:left;line-height:28px;display:-webkit-box}.contact .info .left{width:350px;min-height:500px;height:calc(100vh - 250px);margin-right:30px;box-sizing:border-box;padding:1.5rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);text-align:center}.contact .info .left .name{margin:10px 0 0 0}.contact .info .left .name_en{margin:0;text-transform:uppercase}.contact .info .left img{height:80px}.contact .info .right{width:calc(100% - 380px);opacity:.85}@keyframes fade{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.blink{background:#ef4848;animation:fade 1s infinite;-webkit-animation:fade 1s infinite}@media(max-width:1140px){.container{max-width:95%;margin:0 2.5%}}@media(max-width:992px){.container{max-width:95%;margin:0 2.5%}.screen .box .center-center{background-size:50%}.about .info{display:inline-block}.about .info .left{width:100%;margin-right:0;margin-bottom:1rem}.about .info .right{width:100%;margin-left:0}.about .why .list li{width:25%}.service .list li:after{background-size:cover}.work .list li{width:22%;height:120px}.work .list li:last-child{display:none}.work .list li .w-big{font-size:30px}.work .list.content li{width:calc(31.33% - 2px);height:120px;float:left;margin-right:3%;margin-bottom:1.5rem}.work .list.content li:nth-child(4n){margin-right:3%}.work .list.content li:nth-child(3n){margin-right:0}.work .el-dialog__body img,.work .el-dialog__body video{width:100%}.contact .info{display:inline-block}.contact .info .left{width:100%;margin-right:0;margin-bottom:1rem;height:auto;min-height:0;float:left;padding:0 1rem}.contact .info .left .logo{width:40%;float:left;margin-top:5rem}.contact .info .left .text{width:60%;float:left}.contact .info .right{width:100%;margin-left:0;float:left;height:420px}}@media(max-height:480px){.home{height:auto;overflow:initial;min-height:100vh}.screen{height:calc(100vh - 92px);font-size:18px}.screen .box{padding:1rem}.screen .box.left-top .img img{height:20px}.screen .box.left-top .img .circle-light{width:20px;height:20px;top:0}.screen .box.left-bottom .text{left:1rem;bottom:.5rem}.screen .box.left-bottom .text .img img{height:20px}.screen .box.right-top .img img{height:10px}.screen .box.right-bottom .text{right:1rem;bottom:.5rem}}@media(max-width:576px){#app{overflow:hidden}.container{max-width:95%;margin:0 5%}.menu .desktop{display:none}.menu .mobile{display:block;padding:1rem 0}.menu .mobile .el-dropdown-link{cursor:pointer;color:#409eff;display:table-caption;text-indent:9999px;width:30px;height:30px;background:url(../img/menu.d43d5ff5.svg) 50% no-repeat}.menu .mobile .logo{width:49%;display:inline-block;text-align:left}.menu .mobile .sidebar{width:49%;display:inline-block;text-align:right}.el-dropdown-menu{width:150px!important;right:4.5%!important;left:auto!important;background:hsla(0,0%,100%,.95)!important}.el-dropdown-menu__item{text-align:center;font-size:24px!important;padding:0 18px!important;line-height:40px!important}.el-dropdown-menu__item a{text-decoration:none;color:#666}.el-popper .popper__arrow{right:7px!important;left:auto!important}.el-popper .el-popper[x-placement^=bottom]{margin-top:21px!important}.screen{font-size:18px}.screen .box{padding:1rem}.screen .box.center-center{background-size:80%}.screen .box.left-top .img img{height:25px}.screen .box.left-top .img .circle-light{width:25px;height:25px}.screen .box.right-top .img img{height:15px}.screen .box.left-bottom .text{left:1rem;bottom:.5rem}.screen .box.left-bottom .text .img img{height:25px}.screen .box.right-bottom .text{right:1rem;bottom:.5rem}.about .info .right .col{width:100%}.about .info .right .col:first-child{border-right:0;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.5)}.about .info .right .col:nth-child(2){padding-left:0;padding-top:1rem}.about .why .list li{width:33%}.service .list li{width:100%;margin:1rem 0;height:auto;padding:2rem 0 1rem 0;min-height:0}.work .list{display:inline-block}.work .list li{width:48%;margin-right:2%;margin-bottom:1rem}.work .list.content li{width:calc(48.5% - 2px);height:120px;float:left;margin-right:3%;margin-bottom:1.5rem}.work .list.content li:nth-child(3n){margin-right:3%}.work .list.content li:nth-child(2n){margin-right:0}.work .see-more{margin:1rem 0 2rem}.contact .info .left img{height:50px}.contact .info .left .logo{width:100%;margin-top:2rem}.contact .info .left .text{width:100%}}