﻿*{font-family:'Noto Sans TC', sans-serif, arial}img{max-width:100%;height:auto}ul{padding:0;margin:0}ul li{list-style:none !important}ul.list li:after{content:"、"}ul.list li:last-child:after{content:""}iframe.video{width:100%;aspect-ratio:16/9}p span{display:block}input.invalid,textarea.invalid{border:2px solid red}a{outline:none !important}a:active{color:#1178FF !important;background-color:transparent !important;border-color:transparent !important}@media screen and (max-width: 768px){.btn-line,.btn-messanger,.social-media ul li i,#send{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}h2,h2.item-name span.name-tw,h2.item-name span.name-en,h2.item-name span.name-slash,p,span,.fs-3,.title a,#service-list-content .title,#talents-list-content .title,#space-list-content .title{color:#3b454e !important}#logo,#icon-line{background:url(../images/all-splice-c.svg) no-repeat}.navbar-brand{overflow:hidden;width:113px;left:calc((100vw - 113px) / 2);top:calc((55px - 21px) / 2)}.navbar-toggler{left:calc(100% - 65px)}.carousel-inner.isIndex .carousel-item{height:calc(100vw * 0.34)}.carousel-inner.isIndex .carousel-item:nth-child(1){background:url("../images/carousel/pic-1_s.jpg?v=5") no-repeat;background-size:cover;background-position:center center}.carousel-inner.isIndex .carousel-item:nth-child(2){background:url("../images/carousel/pic-2_s.jpg?v=5") no-repeat;background-size:cover;background-position:center center}.carousel-inner.isIndex .carousel-item:nth-child(3){background:url("../images/carousel/pic-3_s.jpg?v=5") no-repeat;background-size:cover;background-position:center center}.carousel-inner.isIndex .carousel-item:nth-child(4){background:url("../images/carousel/pic-4_s.jpg?v=5") no-repeat;background-size:cover;background-position:center 30%}.carousel-inner.isIndex .carousel-item:nth-child(5){background:url("../images/carousel/pic-5_s.jpg?v=5") no-repeat;background-size:cover;background-position:center center}i.fa-line{font-size:1.85em;color:#06C755}i.fa-square-facebook{color:#1877F2}.dropdown-item{line-height:40px}h2.item-name{margin-bottom:30px}h2.item-name span.name-tw{font-family:'Noto Sans', sans-serif;font-size:calc(1.325rem + .9vw);font-weight:bolder;margin-bottom:7px}h2.item-name span.name-en{font-family:arial;font-size:13px;font-weight:bold;letter-spacing:-0.02em}h2.item-name span.name-slash{font-size:20px;font-family:auto;position:relative;top:2px}.page-items{padding:40px 0 30px}.item-content-width{width:calc(100vw * 0.95)}.btn-service,.btn-equipment{background:#CF2521;min-width:calc(((100vw * 0.9) / 2) - 1rem);max-width:195px;height:70px;line-height:58px;font-size:1rem;color:white;padding-left:14px}.btn-service .bi-caret-right-fill,.btn-equipment .bi-caret-right-fill{font-size:1rem}.btn-service i,.btn-equipment i{right:-4px}.btn-line{width:120px;line-height:50px;font-size:18px;background:#06C755;color:white}.btn-line img{width:38px}.btn-line:hover{background:#06C755;color:white;opacity:.4}.btn-messanger{width:calc(((100vw * 0.9) / 2) - 1rem);line-height:50px;font-size:15px;background:#1877F2}.btn-messanger img{width:35px}.btn-messanger:hover{background:#1877F2;color:white;opacity:.4}a.btn-service:hover{background:#CF2521 !important;color:#fff !important}.btn.btn-more{width:120px;color:#1178FF;font-size:18px;font-weight:bold;line-height:36px}.btn.gradient-border-mask{position:relative;border-radius:3rem;background:linear-gradient(150deg, #CF2521, #1178FF) border-box;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.btn.gradient-border-mask:hover{opacity:.7;-webkit-transform:scale(0.98);-moz-transform:scale(0.98);-ms-transform:scale(0.98);-o-transform:scale(0.98);transform:scale(0.98)}.btn-contact{border-left:1px solid rgba(0,0,0,0.2);padding-left:32px;margin-left:20px}.navbar-collapse{padding:20px 15px 0}.nav-item{margin:0 0 14px}.nav-item:last-child{margin-top:20px}.nav-item:last-child .nav-link{padding:0}.nav-link{font-size:19px;padding:0 0 14px}footer{color:#333;font-size:12px;height:100px}.social-media ul{margin:0;padding:0}.social-media ul li{list-style:none}.social-media ul li i{font-size:30px;color:#CF2521}.social-media ul li i:hover{opacity:.4}.label{font-size:18px;background:#1178FF}.social-facebook{width:30px;height:30px;border-radius:5px;background:url(../images/social.png) no-repeat;background-size:cover;background-color:#cf2521;background-position:0 0}.social-instagram{width:30px;height:30px;border-radius:5px;background:url(../images/social.png) no-repeat;background-size:cover;background-color:#cf2521;background-position:-30px 0}.social-youtube{width:30px;height:30px;border-radius:5px;background:url(../images/social.png) no-repeat;background-size:cover;background-color:#cf2521;background-position:-60px 0}#logo{width:113px;height:21px;overflow:hidden;background-position:0 0;background-size:329px}#contact{background:#eee}.mb-bg{background:#efefef}.about-content:first-child{border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:20px !important}.about-content span{font-size:13px}.fs-18{font-size:18px}#user_name,#user_lineid{height:60px;margin-bottom:15px;font-size:17px}#user_email{height:60px;margin-bottom:15px;font-size:17px}#user_textarea{max-height:160px;min-height:160px;font-size:17px}#send{width:120px;height:50px;line-height:41px;font-size:18px;background:linear-gradient(to bottom, #CF2521 0%, #1178FF 130%);border:none}#service-list-content .list-img,#talents-list-content .list-img,#space-list-content .list-img{width:100%}#service-list-content .date,#talents-list-content .date,#space-list-content .date{font-size:14px}#service-list-content p.discription,#talents-list-content p.discription,#space-list-content p.discription{font-size:15px;max-height:90px;line-height:1.8}#service-list-content ul.tag li,#talents-list-content ul.tag li,#space-list-content ul.tag li{display:inline-block}#service-list-content ul.tag li:after,#talents-list-content ul.tag li:after,#space-list-content ul.tag li:after{content:'/';margin:0 10px;color:#ccc}#service-list-content ul.tag li:last-child:after,#talents-list-content ul.tag li:last-child:after,#space-list-content ul.tag li:last-child:after{content:""}.filter-board{background:#1178FF;padding:20px;max-width:100vw;margin:30px auto 0}.filter-board .talents-type-tag{margin:10px 5px;border-radius:30px;border:2px solid #fff !important;line-height:29px;padding:6px 26px}.filter-board .talents-type-tag:hover{color:white;background:transparent}.filter-board .talents-type-tag.btn-active{color:#1178FF;background:white}#experience ul{margin-top:20px;padding:0 30px 0 20px}#experience ul li{list-style:disc !important;line-height:20px;margin-bottom:10px}.fa-phone{color:#777;font-size:calc(1rem * 1.3);position:relative;bottom:-3px}.fa-facebook-messenger{top:5px}.fs-6d5{font-size:18px !important}#icon-line{width:30px;height:30px;overflow:hidden;background-position:calc( (-267px - (21px * 2)) * 1.43 ) 0;background-size:cover;top:8px}#search button{width:120px;margin:0 auto}#search-input{width:100%;font-size:18px}}@media screen and (min-width: 768px){.btn-service,.btn-equipment,.btn-line,.btn-messanger,#send,.social-media ul li i{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.btn-service:hover,.btn-equipment:hover,.btn-line:hover,.btn-messanger:hover,#send:hover,.social-media ul li i:hover{opacity:.7}.arrow .leftTop,.arrow .rightBottom,#logo,#icon-line{background:url(../images/all-splice-c.svg) no-repeat}.carousel-inner .carousel-item{height:calc(100vw * 0.34)}.carousel-inner .carousel-item:nth-child(1){background:url("../images/carousel/pic-1.jpg?v=5") no-repeat;background-size:cover;background-position:center center}.carousel-inner .carousel-item:nth-child(2){background:url("../images/carousel/pic-2.jpg?v=5") no-repeat;background-size:cover;background-position:center center}.carousel-inner .carousel-item:nth-child(3){background:url("../images/carousel/pic-3.jpg?v=5") no-repeat;background-size:cover;background-position:center center}.carousel-inner .carousel-item:nth-child(4){background:url("../images/carousel/pic-4.jpg?v=5") no-repeat;background-size:cover;background-position:center 30%}.carousel-inner .carousel-item:nth-child(5){background:url("../images/carousel/pic-5.jpg?v=5") no-repeat;background-size:cover;background-position:center center}.carousel-control-prev,.carousel-control-next{width:50px}i.fa-line{font-size:1.85em;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#06C755}i.fa-line:hover{color:#06C755}i.fa-square-facebook{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#1877F2}i.fa-square-facebook:hover{color:#1877F2}.btn-service,.btn-equipment{background:#CF2521;width:calc((1080px / 5) - 1rem);height:70px;line-height:58px;font-size:18px;color:white}.btn-service:hover,.btn-service:active,.btn-equipment:hover,.btn-equipment:active{background:#CF2521 !important;color:#fff !important}.btn-service .bi-caret-right-fill,.btn-equipment .bi-caret-right-fill{font-size:1rem}.btn-service i,.btn-equipment i{right:-4px}.btn-line{width:170px;line-height:46px;font-size:18px;background:#06C755;color:white}.btn-line img{width:30px}.btn-line:hover{background:#06C755;color:white;opacity:.4}.btn-messanger{width:170px;line-height:46px;font-size:18px;background:#1877F2}.btn-messanger img{width:27px}.btn-messanger:hover{background:#1877F2;color:white;opacity:.4}.btn.btn-more{width:120px;color:#1178FF;font-size:16px;line-height:31px;padding-top:8px}.btn.gradient-mask{position:relative;border-radius:0.375rem;background:linear-gradient(150deg, #CF2521, #1178FF) border-box;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.btn.gradient-mask:hover{opacity:.7}.btn.gradient-border-mask{position:relative;border-radius:30px;border:2px solid transparent;background:linear-gradient(180deg, #CF2521, #1178FF) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.btn.gradient-border-mask:hover{opacity:.7;-webkit-transform:scale(0.98);-moz-transform:scale(0.98);-ms-transform:scale(0.98);-o-transform:scale(0.98);transform:scale(0.98)}.btn-contact{border-left:1px solid rgba(0,0,0,0.2);padding-left:32px;margin-left:20px}.page-items{padding:40px 0 30px}.item-content-width{min-width:1080px;max-width:1200px}.items-width{width:calc(196px * 6)}.dropdown-item{line-height:40px}.dropdown-menu li:hover .sub-menu{visibility:visible}.dropdown:hover .dropdown-menu{display:block}.arrow .leftTop{background-position:calc( -267px * 4.76 ) 0;left:0;top:38px}.arrow .rightBottom{background-position:calc( ( -267px - 21px ) * 4.76 ) 0;right:0;bottom:-60px}.arrow .leftTop,.arrow .rightBottom{background-size:cover;width:100px;height:100px;overflow:hidden}.vertical-line{width:1px;background-image:linear-gradient(to bottom, #000 0%, #000 50%, transparent 50%);background-size:100% 8px;background-repeat:repeat-y}.about-content{width:calc(50% - 80.5px)}.about-content h2{font-weight:bolder}.about-content p{line-height:30px}p,#equipment-list-content .title a,#service-list-content .title a,#talents-list-content .title a,#space-list-content .title a,#equipment-list-content p.discription,#service-list-content p.discription,#talents-list-content p.discription,#space-list-content p.discription,span,.fs-3,.title a,#equipment-list-content a.title,#space-list-content a.title,h4{color:#3b454e !important}.btn.btn-more,#equipment-list-content .title a,#service-list-content .title a,#talents-list-content .title a,#space-list-content .title a{font-weight:bold}#equipment-list-content .date,#service-list-content .date,#talents-list-content .date,#space-list-content .date{font-size:15px}#equipment-list-content p.discription,#service-list-content p.discription,#talents-list-content p.discription,#space-list-content p.discription{min-height:55px;line-height:1.8}#equipment-list-content ul.tag li,#service-list-content ul.tag li,#talents-list-content ul.tag li,#space-list-content ul.tag li{display:inline-block}#equipment-list-content ul.tag li:after,#service-list-content ul.tag li:after,#talents-list-content ul.tag li:after,#space-list-content ul.tag li:after{content:'/';margin:0 10px;color:#ccc}#equipment-list-content ul.tag li:last-child:after,#service-list-content ul.tag li:last-child:after,#talents-list-content ul.tag li:last-child:after,#space-list-content ul.tag li:last-child:after{content:""}#equipment-list-content .list-img{width:310px}#equipment-list-content .equipment-pic{width:281px;height:211px}#service-list-content .list-img,#talents-list-content .list-img,#space-list-content .list-img{max-width:320px}.filter-board{padding:20px;max-width:1100px;margin:30px auto 0}.filter-board .talents-type-tag{margin:10px 5px;line-height:29px;padding:6px 26px}.filter-board .talents-type-tag:hover{color:#1178FF}.filter-board .talents-type-tag.btn-active{color:#1178FF;background:white}#equipment{min-height:calc(100vh - (111px + 95px))}#equipment h2{margin-bottom:100px}#equipment .arrow .leftTop{top:calc(38px + 62px)}#contact{background:#eee}#contact form{max-width:420px}#contact .content{margin-left:155px}#info{max-width:350px}#user_name,#user_lineid{height:60px;font-size:17px}#user_email{height:60px;font-size:17px}#user_textarea{max-height:160px;min-height:160px;font-size:17px}#send{width:160px;height:60px;line-height:49px;font-size:20px;background:linear-gradient(to bottom, #CF2521 0%, #1178FF 130%);border:none}.navbar,footer{line-height:44px}footer{color:#333;font-size:12px}.social-media ul{margin:0;padding:0}.social-media ul li{list-style:none}.social-media ul li i{font-size:30px;color:#CF2521}.social-media ul li i:hover{opacity:.4}.label{font-size:18px;background:#1178FF}.social-facebook{width:30px;height:30px;border-radius:5px;background:url(../images/social.png) no-repeat;background-size:cover;background-color:#cf2521;background-position:0 0;transition:all 0.3s}.social-facebook:hover{opacity:.7;-webkit-transform:scale(0.98);-moz-transform:scale(0.98);-ms-transform:scale(0.98);-o-transform:scale(0.98);transform:scale(0.98)}.social-instagram{width:30px;height:30px;border-radius:5px;background:url(../images/social.png) no-repeat;background-size:cover;background-color:#cf2521;background-position:-30px 0;transition:all 0.3s}.social-instagram:hover{opacity:.7;-webkit-transform:scale(0.98);-moz-transform:scale(0.98);-ms-transform:scale(0.98);-o-transform:scale(0.98);transform:scale(0.98)}.social-youtube{width:30px;height:30px;border-radius:5px;background:url(../images/social.png) no-repeat;background-size:cover;background-color:#cf2521;background-position:-60px 0;transition:all 0.3s}.social-youtube:hover{opacity:.7;-webkit-transform:scale(0.98);-moz-transform:scale(0.98);-ms-transform:scale(0.98);-o-transform:scale(0.98);transform:scale(0.98)}#experience ul{margin-top:20px;padding:0 30px 0 20px}#experience ul li{list-style:disc !important;line-height:25px;margin-bottom:15px}.comp-height{height:310px}.fa-phone{color:#777;font-size:calc(1rem * 1.3);position:relative;bottom:-4px}#logo{width:267px;height:21px;overflow:hidden;background-position:0 0;background-size:330px}.fa-facebook-messenger{top:6px}#icon-line{width:30px;height:30px;overflow:hidden;background-position:calc( (-267px - (21px * 2)) * 1.43 ) 0;background-size:cover;top:8px}.border-lg-0{border:0 !important}.fs-lg-5{font-size:1.25rem !important}#search-input{max-width:35vw}}
