@charset "UTF-8";
.c-page{width:100%;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:space-between;margin:35px auto 0 auto}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:50px;height:50px;margin:0 15px;border-radius:50%;font-size:16px;line-height:1;font-family:"Poppins-M","NotoSansTC-M";transition:color .4s ease-in-out,background-color .4s ease-in-out;overflow:hidden}.c-page__count a:hover,.c-page__count a.active{color:#000;background:#fff}.c-page__prev,.c-page__next{margin:0 15px 0 40px;flex:0 0 auto}.c-page__prev{margin:0 40px 0 15px}.c-page__prev::after,.c-page__next::before{position:relative;display:block}.c-page__prev::after{content:'Prev'}.c-page__next::before{content:'Next'}.c-page__back{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:175px;padding:40px 5px;font-size:16px;line-height:1;font-family:"Poppins-M","NotoSansTC-M";border-radius:50px;border:2px solid rgba(255,255,255,.2)}.c-page-detail .c-page__prev{margin:0 20px 0 0}.c-page-detail .c-page__next{margin:0 0 0 20px}@media screen and (max-width:991px){.c-page{margin:25px auto 0 auto}.c-page__prev,.c-page__next{margin:0}}@media screen and (max-width:767px){.c-page__count a{display:none}.c-page__count a.active{display:flex;color:#fff;background:none}.c-page__prev,.c-page__next{width:70px;height:70px}.c-page__back{padding:25px 5px}}@media screen and (max-width:575px){.c-page{margin:20px auto 0 auto}.c-page__prev,.c-page__next{width:50px;height:50px}.c-page__back{width:120px;padding:20px 5px;font-size:13px}}@supports (-webkit-touch-callout:none){}
main::before{height:calc(100% + 150px);background:linear-gradient(to bottom,rgba(19,19,19,.2) 0%,rgba(19,19,19,1) 90%)}.technology{margin:55px auto 70px auto}.technology__box{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.technology__box__item{display:block;width:calc((100% - 225px) / 4);margin:0 75px 100px 0;opacity:0;animation:fadeInDown 1s .2s ease-in-out forwards}.technology__box__item:nth-child(4n){margin:0 0 100px 0}.technology__box__item__pic{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;padding:100% 0 0 0;margin:0 auto;background:#333;border-radius:50%;overflow:hidden}.technology[data-page="partners"] .technology__box__item__pic{border-radius:15px;padding:60% 0 0 0}.technology__box__item__pic img{position:absolute;top:50%;left:50%;object-fit:contain;object-position:center;width:60%;height:60%;transform:translate(-50%,-50%)}.technology[data-page="partners"] .technology__box__item__pic img{width:80%;height:80%}.technology[data-page="partners"] .technology__box__item__content__link{height:100%;padding:0}.technology__box__item__content{position:static;display:block;width:100%;margin:35px auto 0 auto;text-align:center}.technology__box__item__content__title{display:block;width:100%;font-size:25px;line-height:1;font-family:"Poppins-M","NotoSansTC-M";margin:0 auto 15px auto}.technology__box__item__content__text{display:block;width:100%;max-height:8em;font-size:16px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:normal;transition:max-height 1s ease-in-out}.technology__box__item__content__text.show{max-height:700px}.technology__box__item__content__short{position:absolute;top:0;left:0;display:block;width:100%;font-size:16px;line-height:1.6;opacity:0;pointer-events:none;overflow:hidden}.technology__box__item__content__short.show{position:relative;opacity:1;pointer-events:all}.technology__box__item__content__bt{display:inline-block;width:auto;max-width:100%;font-size:14px;line-height:1;color:#fff;font-family:"Poppins-M";margin:30px auto 0 auto;text-align:center}.technology__box__item__content__bt::before,.technology__box__item__content__bt::after{padding:0 0 5px 0;border-bottom:1px solid #fff;transition:opacity .4s .6s ease-in-out}.technology__box__item__content__bt::before{content:'Read More'}.technology__box__item__content__bt::after{content:'Hide';position:absolute;bottom:0;left:50%;transform:translateX(-50%);opacity:0;pointer-events:none}.technology__box__item__content__text.show~.technology__box__item__content__bt::before{opacity:0;pointer-events:none}.technology__box__item__content__text.show~.technology__box__item__content__bt::after{opacity:1;pointer-events:all}.technology__box__item__content__link{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;padding:100% 0 0 0;border-radius:50%;background:rgba(0,0,0,.8);opacity:0;overflow:hidden;transition:opacity .4s ease-in-out}.technology[data-page="partners"] .technology__box__item__content__link{border-radius:15px}.technology__box__item__content__link:hover{opacity:1}.technology__box__item__content__link .c-view{position:absolute;top:50%;left:50%;width:170px;transform:translate(-50%,-50%)}.technology__box__item__content__link:hover .c-view::before{animation-name:viewBtLineL}.technology__box__item__content__link:hover .c-view::after{animation-name:viewBtLineR}.c-page{max-width:600px;margin:0 auto}@media screen and (max-width:1400px){.technology__box__item,.technology__box__item:nth-child(4n){width:calc((100% - 120px) / 3);margin:0 60px 100px 0}.technology__box__item:nth-child(3n){margin:0 0 100px 0}}@media screen and (max-width:991px){.technology{margin:75px auto 50px auto}.technology__box__item,.technology__box__item:nth-child(3n),.technology__box__item:nth-child(4n){width:calc((100% - 60px) / 2);margin:0 60px 70px 0}.technology__box__item:nth-child(2n){margin:0 0 70px 0}.technology__box__item__pic{max-width:300px;padding:min(300px,100%) 0 0 0}.technology[data-page="partners"] .technology__box__item__pic{padding:min(180px,100%) 0 0 0}.technology[data-page="partners"] .technology__box__item__content__link{position:absolute;height:100%;max-width:none;margin:0;opacity:0}.technology[data-page="partners"] .technology__box__item__content__link .c-view{max-width:170px}.technology__box__item__content{position:relative}.technology__box__item__content__text.show{max-height:360px}.technology__box__item__content__link{position:relative;width:100%;max-width:170px;margin:30px auto 0 auto;padding:0;background:none;border-radius:0;opacity:1;overflow:visible}.technology__box__item__content__link .c-view{position:relative;top:0;left:0;width:100%;transform:none}.c-page{max-width:none}}@media screen and (max-width:767px){.technology__box__item,.technology__box__item:nth-child(3n),.technology__box__item:nth-child(4n){width:calc((100% - 40px) / 2);margin:0 40px 70px 0}.technology__box__item:nth-child(2n){margin:0 0 70px 0}.technology__box__item__pic{max-width:210px;padding:min(210px,100%) 0 0 0}.technology[data-page="partners"] .technology__box__item__pic{padding:min(126px,100%) 0 0 0}.technology__box__item__content{margin:25px 0 0 0}.technology__box__item__content__title{font-size:16px}.technology__box__item__content__text,.technology__box__item__content__short{font-size:13px}.technology__box__item__content__bt{margin:20px auto 0 auto;font-size:12px}.technology__box__item__content__link{margin:20px auto 0 auto}}@media screen and (max-width:575px){.technology{margin:50px auto 50px auto}.technology__box__item,.technology__box__item:nth-child(2n),.technology__box__item:nth-child(3n),.technology__box__item:nth-child(4n){width:100%;margin:0 0 60px 0}.technology[data-page="partners"] .technology__box__item__pic{border-radius:10px}.technology__box__item__content__text.show{max-height:300px}.technology[data-page="partners"] .technology__box__item__content__link{border-radius:10px}.c-page{padding:20px 0 0 0;border-top:2px solid rgba(255,255,255,.1)}}@supports (-webkit-touch-callout:none){}