:root{--c-primary900: #202b41;--c-primary700: #004f95;--c-primary800: #263774;--c-primary500: #3082d4;--c-primary100: #ecf4ff;--c-yellow900: #f9a554;--c-yellow800: #ea9442;--c-yellow700: #ffd60d;--c-yellow600: #ffd200;--h-header-height: 58px;--h-header-top-height: 30px;--h-header-total: calc(var(--h-header-height) + var(--h-header-top-height));--w-search-width: 60px}@media only screen and (max-width: 678px){:root{--h-header-height: 46px;--h-header-top-height: 0px;--w-search-width: 46px}}.solution__hero{position:relative;padding-top:60px;margin-bottom:145px}.solution__hero__slider{position:relative;bottom:-145px;margin-top:-145px;z-index:1}.solution__hero__heading{padding:35px 20px 15px;font-size:25px;color:#fff;text-align:center;position:relative;z-index:3;font-weight:100;letter-spacing:.1em}.solution__hero__title{display:inline-block;margin:20px auto;position:relative;padding-bottom:20px;color:inherit}.solution__hero__title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff}.solution__hero__title--sub{line-height:1.6;color:inherit}.solution__hero__video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;z-index:1}.solution__hero__video video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}.solution-section{padding:60px 0;overflow:hidden}.solution-section:first-of-type{background:url(../images/solution/section-bg.png) no-repeat bottom right/cover;padding-top:140px;margin-top:-145px}.solution-section .container{width:min(1160px,100%);margin:0 auto;padding:10px 20px}#solution-column .solution-section__content{display:none}.solution-section__head{border-bottom:1px solid #c0c5cb;display:flex;align-items:flex-end;padding-bottom:10px}#solution-product .solution-section__head,#solution-video .solution-section__head{border-bottom:1px solid rgba(255,255,255,.4)}.solution-section__title{font-size:12px;color:#263546;flex:0 0 auto}#solution-product .solution-section__title,#solution-video .solution-section__title{color:#fff}.solution-section__title span{font-size:25px;display:block;padding:10px 0;font-weight:bold;color:inherit}.solution-section__more{font-size:14px;color:#004f95;flex:0 0 auto;text-align:left;padding:0 5px 12px;margin-left:15px;font-weight:bold;position:relative}.solution-section__more span{display:inline-block;position:relative;z-index:2;transition:.3s}.solution-section__more .svg-inline--fa{margin-left:5px;display:none;animation:arrow2 300ms 200ms forwards;position:relative;z-index:3;opacity:0}.solution-section__more:before{content:"";position:absolute;height:1px;background:rgba(0,79,149,.5);bottom:7px;left:10px;right:7px;z-index:1;transition:.3s}.solution-section__more:hover{color:#fff}.solution-section__more:hover:before{height:100%;background:#004f95;left:0;right:0;bottom:6px}.solution-section__more:hover .svg-inline--fa{display:inline-block}.solution-section__controller{flex:1 1 auto;padding-bottom:10px;position:relative;text-align:right}.solution-section__body{padding:10px 0}.solution-section#solution-product{background:url(../images/solution/section-product-bg.jpg) no-repeat center top/cover;padding:70px 0}.solution-section#solution-video{background:url(../images/solution/section-video-bg.jpg) no-repeat center top/cover}.solution-section#solution-edm{background:#f3f6fa}.solution-section#solution-userstory{background:linear-gradient(top, #f3f6fa 0, #d4d9e2 100%)}.solution-section#solution-column{padding:0;background:linear-gradient(104.92deg, #f7fbfe 1.18%, #d7dbe3 100%)}.solution-section[id*=column] .container{width:min(100%,1920px);display:grid;grid-template-columns:repeat(3, 1fr);padding:0px 20px}@media only screen and (max-width: 1024px){.solution-section[id*=column] .container{display:block}}.solution-section__container{transform:translate3d(150px, 0, 0);opacity:0;transition:.3s;overflow:visible}.solution-section__container.swiper-initialized{transform:translate3d(0, 0, 0);opacity:1}.solution__nav{font-size:20px;color:#263546;display:inline-block}#solution-video .solution__nav{color:#fff}.solution__nav--next{margin-left:20px}.solution__nav--next:hover{animation:arrow 300ms infinite alternate}.solution__nav--prev:hover{animation:arrow 300ms infinite alternate-reverse}.solution__nav a{color:inherit;outline:0}.solution__nav a.swiper-button-disabled{opacity:.5;pointer-events:none}.solution__list{padding-top:25px}.solution-product__cat-info{flex:0 0 160px;align-items:center;padding:20px;display:flex}.solution-product__cat-title{color:#fff;font-size:16px;padding-bottom:20px}.solution-product__cat-item{flex:1 1 auto;padding:10px 20px 10px 0;display:flex}.solution-product__list{display:flex;flex-wrap:wrap;flex:1 1 auto}.solution-product__item{flex:0 1 25%;display:flex;margin-bottom:10px}.solution-product__item__inner{margin-right:10px;background:rgba(255,255,255,.95);display:block;padding:15px 24px;flex:1 1 auto;align-items:center;justify-content:center;min-height:90px;transition:.3s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.solution-product__item__inner:hover{background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.5)}@supports(flex-direction: column){.solution-product__item__inner{display:flex;flex-direction:column}}.solution-product__item__title{font-size:13px;text-align:center;color:#263546;display:block;line-height:1.4}.solution-product__item__title--sub{font-size:11px;display:block;text-align:center;line-height:1.4}.solution-product__item__img{width:95%;margin-bottom:5px;display:block;background-size:contain;background-position:center;background-repeat:no-repeat}.solution-product__item__img:after{content:"";display:block;padding-top:14.1242937853%}#solution-events .solution-section__head{display:none}#solution-events .solution-section__body{display:grid;grid-template-columns:50% 50%}@media only screen and (max-width: 834px){#solution-events .solution-section__body{grid-template-columns:100%;padding:0 35px}}@media only screen and (max-width: 768px){#solution-events .solution-section__body{grid-template-columns:100%;padding:0}}#solution-events .featured-item{display:flex;flex-wrap:wrap;gap:15px;border-right:1px solid rgba(0,0,0,.2);padding-right:50px}@media only screen and (max-width: 834px){#solution-events .featured-item{padding:0;border-right:none;border-bottom:1px solid rgba(0,0,0,.2)}}#solution-events .featured-item .list-item__tags{margin-bottom:5px !important}#solution-events .featured-item .section-title__custom{width:100%;font-size:16px;color:#000;font-weight:500;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.2);margin-bottom:15px}#solution-events .featured-item__img{width:55%;flex-basis:55%;aspect-ratio:2/1;background-size:cover;transform:translate3d(0, 0, 0);box-shadow:0 20px 25px rgba(0,0,0,.2);transition:all 380ms}@media only screen and (max-width: 1024px){#solution-events .featured-item__img{width:100%;flex-basis:100%}}#solution-events .featured-item__img img{display:none}#solution-events .featured-item__img:hover{transform:translate3d(0, -8px, 0);box-shadow:0 15px 20px rgba(0,0,0,.1)}#solution-events .featured-item__events-details{flex:1;font-size:14px;line-height:22px;color:#000;font-weight:400;margin-bottom:10px}@media only screen and (max-width: 1024px){#solution-events .featured-item__events-details{width:100%;flex-basis:100%}}#solution-events .featured-item__events-details .events-date{margin-bottom:5px}#solution-events .featured-item__events-details .events-date::before{content:"活動時間：";font-size:12px;font-weight:normal;color:rgba(0,0,0,.3);display:block}#solution-events .featured-item__events-details .events-local::before{content:"活動地點：";font-size:12px;font-weight:normal;color:rgba(0,0,0,.3);display:block}#solution-events .featured-item__title{font-size:20px;line-height:1.5;font-weight:500;color:#232020;display:block;transition:color 300ms}#solution-events .featured-item__title:hover{color:#004f95}#solution-events .featured-item__summary{font-size:14px;font-weight:normal;color:rgba(0,0,0,.5);display:block;line-height:20px;text-align:justify}#solution-events .list-container{padding-left:50px;padding-top:15px}@media only screen and (max-width: 834px){#solution-events .list-container{padding:50px 0 0 0}}#solution-events .list-item{display:flex;flex-wrap:wrap;margin-bottom:40px}#solution-events .list-item__tags{width:100%;gap:6px;margin-bottom:10px}#solution-events .list-item__img{width:130px !important;height:65px !important;aspect-ratio:2/1;margin-right:35px;background-size:cover;box-shadow:0 4px 24px rgba(0,0,0,.25);transform:translate3d(0, 0, 0);transition:all 300ms}@media only screen and (max-width: 1024px){#solution-events .list-item__img{margin-right:15px}}@media only screen and (max-width: 834px){#solution-events .list-item__img{width:180px !important;height:90px !important}}#solution-events .list-item__img::after{display:none !important}#solution-events .list-item__img img{display:none}#solution-events .list-item__img:hover{transform:translate3d(0, -3px, 0);box-shadow:0 2px 18px rgba(0,0,0,.15)}#solution-events .list-item__info{flex:1}@media only screen and (max-width: 551px){#solution-events .list-item__info{width:100%;flex:100%;margin-top:15px}}#solution-events .list-item__title{font-size:14px;line-height:1.5;color:#232020;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.15);transition:color 300ms}#solution-events .list-item__title:hover{color:#004f95}#solution-events .list-item__events-details{font-size:12px;color:#232020;line-height:20px;margin-top:3px}#solution-events .list-item__events-details .events-date::before{content:"活動時間："}#solution-events .list-item__events-details .events-local::before{content:"活動地點："}#solution-events .list-item__events-details .featured-item__events-details{display:none}#solution-events .events-type{display:inline-block;font-size:12px;color:#000;padding:8px 14px;border:1px solid rgba(0,0,0,.2)}#solution-events .events-status{display:inline-flex;background:var(--st_bg);color:var(--st_color);padding:8px 14px;align-items:center}#solution-events .events-status:before{font-size:.75rem}#solution-events .events-status.st-pre-starcless{--st_bg: #11abfd;--st_color: #fff}#solution-events .events-status.st-pre-starcless::before{content:"開班中"}#solution-events .events-status.st-coming-soon{--st_bg: #000000;--st_color: #fff}#solution-events .events-status.st-coming-soon::before{content:"即將開放報名"}#solution-events .events-status.st-on-ging{--st_bg: #18b01e;--st_color: #fff}#solution-events .events-status.st-on-ging::before{content:"熱烈報名中"}#solution-events .events-status.st-expired{--st_bg: #c54646;--st_color: #fff}#solution-events .events-status.st-expired::before{content:"結束報名"}#solution-events .events-status.st-final{--st_bg: #03c100;--st_color: #fff}#solution-events .events-status.st-final::before{content:"圓滿結束"}#solution-events .events-status.st-pause{--st_bg: #ebbf4d;--st_color: #fff}#solution-events .events-status.st-pause::before{content:"暫停報名中"}#solution-events .solution-events-more{font-size:14px;font-weight:normal;text-align:right}#solution-events .solution-events-more a{text-decoration:none;color:#145b9c !important}@keyframes arrow{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(3px, 0, 0)}}@keyframes arrow2{from{transform:translate3d(-3px, 0, 0);opacity:0}to{transform:translate3d(1px, 0, 0);opacity:1}}