.index-comingsoon{width:100%;height:100%;background-image:url("../images/comingsoon.jpg");background-size:cover;background-position:center bottom;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}@media screen and (orientation: portrait)and (max-width: 1024px){.index-comingsoon{background-size:100% 100%}}.index-comingsoon .index-container{width:30%}@media screen and (orientation: portrait)and (max-width: 1024px){.index-comingsoon .index-container{width:70%}}@media screen and (orientation: portrait)and (max-width: 767px){.index-comingsoon .index-container{width:85%}}.index-comingsoon .index-container img{width:100%}.youtobe-bt{animation:map-light 1.8s infinite ease;animation-fill-mode:forwards;opacity:0;transition-duration:.5s}.youtobe-bt:hover{transform:scale(1.08)}@keyframes map-light{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}*{font-family:"ar-udjingxiheib5",sans-serif,"Noto Serif TC","微軟正黑體","Helvetica Neue",serif,Helvetica,Arial,sans-serif;margin:0px;padding:0px;border:0}html,body{width:100%;height:100%;margin:0px;padding:0px;position:relative}body{background-size:100% auto;background-color:#fff;position:relative}img{display:block;border:0}.img-fluid{width:100%;height:auto}.d-1200-none{display:block !important}@media(max-width: 1200px){.d-1200-none{display:none !important}}.d-1200-block{display:none !important}@media(max-width: 1200px){.d-1200-block{display:block !important}}.d-992-none{display:block !important}@media(max-width: 992px){.d-992-none{display:none !important}}.d-992-block{display:none !important}@media(max-width: 992px){.d-992-block{display:block !important}}.d-768-none{display:block !important}@media(max-width: 767.98px){.d-768-none{display:none !important}}.d-768-block{display:none !important}@media(max-width: 767.98px){.d-768-block{display:block !important}}.d-mac{display:block !important}@media(max-width: 1200px){.d-mac{display:none !important}}.d-phone{display:none !important}@media(max-width: 1200px){.d-phone{display:block !important}}::-moz-selection{background:#606060;color:#fff}::selection{background:#606060;color:#fff}::-moz-selection{background:#606060;color:#fff}a{color:#fff !important;text-decoration:none !important}a:hover{color:#fff !important;text-decoration:none !important}.container{width:1480px;margin:50px auto;font-size:0px}@media screen and (max-width: 1920px){.container{width:1280px}}@media screen and (max-width: 1280px){.container{width:95%}}@media screen and (max-width: 767.98px){.container{width:90%}}.container-fluid{width:95%;margin:50px auto;font-size:0px}@media screen and (max-width: 767.98px){.container-fluid{width:90%}}nav{display:flex;justify-content:space-between;padding:0 3%}@media screen and (max-width: 1024px){nav{display:block}}nav .logo{margin:35px 0 25px}@media screen and (max-width: 1024px){nav .logo{margin:20px 0 15px}}nav .logo img{width:250px}@media screen and (max-width: 1024px){nav .logo img{width:35%;margin:0 auto}}@media screen and (max-width: 767.98px){nav .logo img{width:45%}}nav .navbar-toggler-bt{display:none}@media screen and (max-width: 1024px){nav .navbar-toggler-bt{display:block;cursor:pointer;position:absolute;right:20px;top:0px;border:1px solid #4b4b4b;border-radius:3px;width:35px;height:30px;padding:0 5px}nav .navbar-toggler-bt span{background-color:#000;display:block;height:2px;margin:5px 0;width:25px}}nav ul{font-size:0px;margin-top:45px;text-align:center}@media screen and (max-width: 1024px){nav ul{display:none;background-color:#d2d2d2;margin-top:0px}}nav ul a{color:#000 !important}nav ul a:hover{color:#000 !important}nav ul li{display:inline-block;font-size:16px;letter-spacing:2px;text-align:center;padding:0 12px}@media screen and (max-width: 1024px){nav ul li{display:block;font-size:14px;border-bottom:1px solid #e9e9e9;padding:10px 0}}nav ul li small{font-size:9px;letter-spacing:1px;color:#7e8885}@media screen and (max-width: 1024px){nav ul li small{font-size:7px}}nav ul li.line{height:100%;width:1%;font-size:8px;padding-top:1%;vertical-align:top}@media screen and (max-width: 1024px){nav ul li.line{display:none}}.index-area{background-color:#323232;width:100%;height:100%;overflow:hidden}.index-area .index-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;width:500px}.index-area .index-container .index-logo{margin:0 auto}.index-area .index-container .index-logo .logo-3D{position:relative;width:500px;height:100px;margin:0 auto}.index-area .index-container .index-logo .logo-WORD{width:180px;margin:80px auto 0}.index-area .index-container .index-logo .logo-WORD img{width:100%;height:auto;filter:grayscale(1) brightness(100)}.index-area .index-container ul{font-size:0px;margin-top:40px;text-align:center}.index-area .index-container ul li{display:inline-block;font-size:17px;letter-spacing:2px;color:#fff;text-align:center;padding:0 12px}.index-area .index-container ul li small{font-size:9px;letter-spacing:1px}.index-area .index-container ul li.line{height:100%;width:1%;font-size:8px;padding-top:1%;vertical-align:top}.index-area .index-video{position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:0;opacity:.5}.unit-title{width:100%;text-align:center;font-size:1.1rem;font-weight:400;letter-spacing:1px;padding-bottom:17px;border-bottom:1px solid #000}@media screen and (orientation: portrait)and (max-width: 1024px){.unit-title{font-size:15px;padding-bottom:10px}}.filters{margin:25px 5px}.button-group{text-align:center}.button-group .button{display:inline-block;padding:0px 20px;border-right:2px solid #000;color:#222;font-size:14px;letter-spacing:2px;cursor:pointer;font-weight:bold;transition-duration:.3s}@media screen and (max-width: 768px){.button-group .button{width:23%;padding:0px 0px;font-size:12px;text-align:center}}.button-group .button:hover{background-color:#a0b7d2;color:#fff;border-radius:5px;padding:5px 20px}.button-group .button:active,.button-group .button .button.is-checked{background-color:#a0b7d2;color:#fff;border-radius:5px;padding:5px 20px}.button-group .button:last-child{border:0px}.button.is-checked{background-color:#a0b7d2;color:#fff;border-radius:5px;padding:5px 20px}.grid{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}.works{position:relative;width:24%;margin:.7% 0;cursor:pointer}@media screen and (max-width: 1480px){.works{width:32%;margin:1% 0}}@media screen and (max-width: 1000px){.works{width:48%;margin:2% 0}}@media screen and (max-width: 767.98px){.works{width:100%;margin:2.5% 0}}.works img{width:100%;transition-duration:.5s}.works .black-area{position:absolute;left:0;bottom:0;background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));z-index:100;width:88%;padding:4% 6% 3%;color:#fff;transition-duration:.5s}.works .black-area p{font-size:.75rem;letter-spacing:.5px;margin-bottom:8px}.works .black-area h6{font-size:.83rem;letter-spacing:1px;font-weight:200}.works .black-area a{color:#fff;font-size:9px;letter-spacing:2px;padding:3px 5px;background-color:#7e8885}.works .white-area p{color:#7e8885;font-size:.75rem;letter-spacing:.5px;margin-top:12px;margin-bottom:6px}.works .white-area h6{font-size:.83rem;letter-spacing:1px;font-weight:200}.work-unit-title{width:100%;text-align:center}.work-unit-title h1{font-size:40px;letter-spacing:3px}@media screen and (max-width: 767.98px){.work-unit-title h1{font-size:5vw}}.work-unit-title h6{font-size:16px;letter-spacing:1px;margin:20px 0}.work-unit-title h6 span{color:#7e8885}.work-area{width:1280px;margin:0 auto}@media screen and (max-width: 1366px){.work-area{width:100%}}.work-area img{width:100%;margin:2% 0}.work-area p{width:70%;margin:8% auto;text-align:justify;font-size:14px;letter-spacing:1px;line-height:24px}.page-button-block{width:50%;margin:50px auto}@media screen and (max-width: 768px){.page-button-block{width:100%}}.page-button{display:inline-block;width:47%;height:50px;margin:40px 1.5% 60px;font-size:1rem;letter-spacing:2px;text-align:center;background-color:#ededed;cursor:pointer}@media screen and (max-width: 768px){.page-button{font-size:14px}}.page-button:hover{background-color:#000;color:#fff;transition:.5s}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;margin-top:-5%}@media screen and (max-width: 767.98px){canvas{margin-top:0%}}.ball-3D{position:relative;width:30%;margin:0px auto 100px;padding-bottom:20px}@media screen and (max-width: 767.98px){.ball-3D{overflow:hidden;width:100%;padding-bottom:50px}}.ball-3D img{width:100%}.ball-3D .work-area{width:auto;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center}.ball-3D .work-area .bt-title{font-size:1.8vw;text-align:center;letter-spacing:0vw;color:#7e8885;margin-bottom:20px}@media screen and (max-width: 767.98px){.ball-3D .work-area .bt-title{font-size:5.5vw;margin-bottom:5px}}.ball-3D .work-area button{color:#fff;font-size:.8vw;letter-spacing:2px;padding:.3vw .9vw;background-color:#7e8885}.ball-3D p{font-size:2.3vw;text-align:center;letter-spacing:4vw;color:#7e8885;transform:translateX(3%)}@media screen and (max-width: 767.98px){.ball-3D p{font-size:5.5vw;letter-spacing:8vw}}.top-carousel{position:absolute;bottom:0;left:0;z-index:-1;width:100%;overflow:hidden}@media screen and (max-width: 768px){.top-carousel{position:static;width:100%}}.top-carousel .pic-area{display:flex;animation:carousel 16s linear infinite}.top-carousel .pic-area img{width:16.6666666667%;height:auto}@keyframes carousel{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.flex-area{width:100%;display:flex;justify-content:space-evenly;align-items:center}@media screen and (max-width: 768px){.flex-area{margin-top:0;display:block}}.flex-area .left-area{width:42%}@media screen and (max-width: 768px){.flex-area .left-area{width:100%}}.flex-area .left-area p{font-size:13px;line-height:24px;letter-spacing:1px;text-align:justify}.flex-area .left-area img{width:55%}.flex-area .left-area .aboutUS-title{margin-bottom:25px}.flex-area .left-area .aboutUS-title h6{font-size:18px;font-weight:400;letter-spacing:1px}.flex-area .left-area .aboutUS-info{margin-top:20px}.flex-area .right-area{width:42%}@media screen and (max-width: 768px){.flex-area .right-area{width:100%}}.flex-area .right-area form{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}@media screen and (max-width: 768px){.flex-area .right-area form{margin-top:30px}}.flex-area .right-area form .w45{width:45%}@media screen and (max-width: 1024px){.flex-area .right-area form .w45{width:42%}}@media screen and (max-width: 768px){.flex-area .right-area form .w45{width:100%}}.flex-area .right-area form input,.flex-area .right-area form textarea{width:100%;margin:10px 0;padding:13px 10px;border:1px solid #c2c2c2;font-size:14px;letter-spacing:1px}.flex-area .right-area form input::-moz-placeholder, .flex-area .right-area form textarea::-moz-placeholder{color:#000}.flex-area .right-area form input::placeholder,.flex-area .right-area form textarea::placeholder{color:#000}.flex-area .right-area form input:focus,.flex-area .right-area form textarea:focus{border:1px solid #000}.flex-area .right-area form button{width:200px;height:40px;margin:10px auto 0;background-color:#000;color:#fff;font-size:14px;letter-spacing:2px;cursor:pointer;transition:.5s}.flex-area .right-area form button:hover{background-color:#a0b7d2;color:#000}.flex-area .right-area form button:active{background-color:#fff;color:#000}@media screen and (max-width: 768px){.flex-area .right-area form button{width:100%;margin-top:20px;margin-bottom:50px}}.swiper-button-next,.swiper-button-prev{color:#000 !important}footer{overflow:hidden;background-color:#000;color:#fff;padding:25px 3% 30px;display:flex;flex-direction:row;justify-content:space-between;align-content:center}@media(max-width: 1200px){footer{display:block;padding:15% 15%}}@media(max-width: 767.98px){footer{padding:15% 20%}}footer .footer-left{width:70%;display:flex}@media(max-width: 1200px){footer .footer-left{width:100%;display:inline-block}}footer .footer-left img{width:20%;margin-right:5%}@media(max-width: 1200px){footer .footer-left img{width:70%;margin-right:0%}}@media(max-width: 767.98px){footer .footer-left img{width:100%}}footer .footer-left p{font-size:13px;line-height:25px}@media(max-width: 1200px){footer .footer-left p{margin:5% 0 1%}}@media(max-width: 767.98px){footer .footer-left p{font-size:11px;line-height:24px}}@media(max-width: 380px){footer .footer-left p{font-size:10px;line-height:22px}}footer .footer-left p .footer-line{display:inline}@media(max-width: 767.98px){footer .footer-left p .footer-line{display:none}}footer .footer-left p .footer-newline{display:none}@media(max-width: 767.98px){footer .footer-left p .footer-newline{display:inline}}footer .footer-right{width:30%}@media(max-width: 1200px){footer .footer-right{width:100%}}footer .footer-right img{width:40%}@media(max-width: 1200px){footer .footer-right img{width:50%}}@media(max-width: 767.98px){footer .footer-right img{width:60%}}.footer-3Dball{position:fixed;width:94%;left:0;bottom:0}@media(max-width: 1200px){.footer-3Dball{position:static;width:76%}}.footer-fixed{position:fixed;bottom:0;z-index:1000;width:100%}/*# sourceMappingURL=main.css.map */