/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.swiper-button-next,.swiper-button-prev{opacity:0.5!important}.swiper-button-next:hover,.swiper-button-prev:hover{opacity:0.8!important}.swiper-button-prev:after,.swiper-button-next:after{filter:drop-shadow(0px 0px 5px rgba(17,17,17,0.5))!important;}.swiper-pagination{bottom:10px;left:50%;}.swiper-pagination-bullet{margin:0 2px 0 2px;}.application-slide-block{max-width:780px;width:100%;margin:0 auto;overflow:hidden;margin-top:25px}.application-slide-block h2{text-align:center;margin:0;margin-bottom:34px;font-size:20px;line-height:20px;font-weight:bold;}.application-slide-block ul.slide-wrapper{padding:0;margin:0;}.application-slide-block ul.slide-wrapper .slick-dots{position:relative;margin-top:18px;bottom:0;}.application-slide-block ul.slide-wrapper .slick-dots li{margin:0;}.application-slide-block ul.slide-wrapper .slick-dots li button:before{opacity:1;color:#ebebeb;content:"•";}.application-slide-block ul.slide-wrapper .slick-dots li.slick-active button:before{opacity:1;color:#2d3994;}@media only screen and (min-width:666px){.application-slide-block{margin-top:30px}.application-slide-block h2{margin-bottom:28px;}}@media only screen and (min-width:980px){.application-slide-block{margin-top:56px}.application-slide-block h2{margin-bottom:46px;font-size:20px;line-height:28px;}}@media (min-width:1440px){.application-slide-block h2{margin-bottom:46px;font-size:30px;line-height:28px;}}
.bottom-block-1{display:flex;max-width:1920px;width:100%;margin:0 auto;flex-wrap:wrap;margin-top:36px;}.bottom-block-1 a{position:absolute;font-size:16px;line-height:24px;color:#fff;transition:.5s;}.bottom-block-1 img{flex-basis:100%;max-width:100%;}.bottom-block-1 .content-wrapper{flex-basis:100%;max-width:100%;background-image:linear-gradient(to right,#53B2DE 0%,#0F3C99 100%);padding:19px 35px 48px;position:relative;letter-spacing:-0.3px;}.bottom-block-1 .img-wrapper{flex-basis:100%;max-width:100%;}.bottom-block-1 .content-wrapper .block-title{font-size:18px;line-height:18px;font-weight:bold;color:#fff;margin-bottom:8px;}.bottom-block-1 .content-wrapper .block-sub-title{font-size:22px;line-height:22px;font-weight:400;color:#fff;margin-bottom:30px;}.bottom-block-1 .content-wrapper .block-content{font-size:16px;line-height:24px;font-weight:400;color:#fff;}.bottom-block-1 .more{position:absolute;font-size:16px;line-height:24px;color:#fff;transition:.5s;}@media only screen and (min-width:666px){.bottom-block-1{padding:0px;margin-top:24px;}.bottom-block-1 a{bottom:25px;right:20px;}.bottom-block-1 img{object-fit:cover;height:100%;}.bottom-block-1 .content-wrapper{flex-basis:50%;max-width:50%;padding:28px 26px 48px 48px;}.bottom-block-1 .content-wrapper{padding:28px 26px 48px 48px;}.bottom-block-1 .img-wrapper{flex-basis:50%;max-width:50%;}.bottom-block-1 .content-wrapper .block-title{margin-bottom:18px;}.bottom-block-1 .content-wrapper .block-sub-title{margin-bottom:15px;}.bottom-block-1 .content-wrapper .more{bottom:25px;right:20px;}.bottom-block-1  a:hover .more{font-weight:bold;}}@media only screen and (min-width:980px){.bottom-block-1{margin-top:36px;}.bottom-block-1 .content-wrapper{padding:62px 33px 125px;}.bottom-block-1 .content-wrapper .block-title{font-size:20px;line-height:30px;font-weight:500;margin-bottom:34px;}.bottom-block-1 .content-wrapper .block-sub-title{font-size:25px;line-height:36px;margin-bottom:40px;}.bottom-block-1 .content-wrapper > a{font-size:16px;line-height:22px;bottom:36px;right:20px;}}.bottom-block-2{display:none;}@media only screen and (min-width:666px){.bottom-block-2{margin-top:30px;text-align:center;display:block;padding-bottom:34px;}.bottom-block-2 .block-title{font-size:20px;line-height:20px;font-weight:bold;margin-bottom:18px;letter-spacing:-0.5px;}.bottom-block-2 .block-content{max-width:480px;margin:0 auto;font-size:16px;line-height:24px;font-weight:400;margin-bottom:8px;}.bottom-block-2 > a{font-size:16px;line-height:24px;font-weight:400;background-color:#2692cf;display:flex;width:218px;height:32px;margin:0 auto;align-items:center;justify-content:center;color:#fff;border-radius:10px;}.bottom-block-2 > a:hover{background-color:#fff;border:2px solid #2693cf;color:#2693cf;}}@media only screen and (min-width:980px){.bottom-block-2{margin-top:34px;padding-bottom:42px;}.bottom-block-2 .block-title{font-size:20px;line-height:28px;margin-bottom:32px;}.bottom-block-2 .block-content{max-width:940px;font-size:16px;line-height:22px;margin-bottom:38px;}.bottom-block-2  a{font-size:20px;line-height:28px;width:346px;height:54px;transition:background-color 0.3s;}}@media (min-width:1440px){.bottom-block-1{margin-top:36px;}.bottom-block-1 .content-wrapper{padding:97px 50px 97px 113px;}.bottom-block-1 .content-wrapper .block-title{font-size:30px;line-height:30px;font-weight:500;margin-bottom:48px;}.bottom-block-1 .content-wrapper .block-sub-title{font-size:36px;line-height:36px;margin-bottom:56px;}.bottom-block-1 .content-wrapper > a{font-size:22px;line-height:22px;bottom:50px;right:48px;}.bottom-block-2{margin-top:48px;padding-bottom:62px;}.bottom-block-2 .block-title{font-size:30px;line-height:28px;margin-bottom:57px;}.bottom-block-2 .block-content{max-width:940px;font-size:22px;line-height:22px;margin-bottom:53px;}.bottom-block-2 > a{font-size:26px;line-height:28px;width:540px;height:80px;transition:background-color 0.3s;}}
#block-front-icon-block{width:100vw;margin-left:calc(-50vw + 50%);}#block-front-icon-block .content{width:100vw;}.icon-block{background-color:#09104d;padding:13px;}.icon-block .icon-block-wrapper{max-width:1186px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;}.icon-block .icon-block-wrapper .icon-block-item{flex-basis:50%;max-width:50%;margin-bottom:5px;}.icon-block .icon-block-wrapper .icon-block-item a{display:block;}.icon-block .icon-block-wrapper .icon-block-item a img{display:none;}.icon-block .icon-block-wrapper .icon-block-item a .icon-title{font-size:14px;line-height:15px;font-weight:400;color:#fff;}@media only screen and (min-width:666px){.icon-block{padding:10px;}.icon-block .icon-block-wrapper{max-width:1186px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;}.icon-block .icon-block-wrapper .icon-block-item{flex-basis:20%;max-width:20%;margin-bottom:0px;}.icon-block .icon-block-wrapper .icon-block-item a{display:block;text-align:center;}.icon-block .icon-block-wrapper .icon-block-item a img:hover{transition:all .3s;}.icon-block .icon-block-wrapper .icon-block-item a .img-wrapper{height:45px;}.icon-block .icon-block-wrapper .icon-block-item a img{display:block;width:35px;margin:0 auto;animation-direction:reverse;transform-origin:center;}.icon-block .icon-block-wrapper .icon-block-item a .icon-title{font-size:15px;line-height:15px;margin-top:0px;}}@media only screen and (min-width:980px){.icon-block{padding:30px 10px 30px 10px;}.icon-block .icon-block-wrapper .icon-block-item a img{width:50px;}.icon-block .icon-block-wrapper .icon-block-item a img:hover{}.icon-block .icon-block-wrapper .icon-block-item a .img-wrapper{height:75px;}.icon-block .icon-block-wrapper .icon-block-item a .icon-title{margin-top:0px;font-size:18px;line-height:20px;}.icon-block .icon-block-wrapper .icon-block-item a img{transition:all .3s;}.icon-block .icon-block-wrapper .icon-block-item a:hover img{transform:scale(1.3);}}
.video-lightbox .modal-dialog{max-width:850px;}.video-lightbox .close{position:absolute;right:-30px;top:-30px;color:#fff;font-size:40px}.iframeHolder{height:474px;}.youtube-perview{cursor:pointer}.www-index-video .text-block,.us-index-video .text-block,.tw-index-video .text-block,.jp-index-video .text-block{padding-top:70px;}.color-highlights .col{padding:10px;box-sizing:border-box;}.color-highlights .col a div{padding:100px 15px;text-align:center;transition:all 0.3s;margin-top:10px;margin-bottom:0;background-size:cover}.color-highlights .col a div h2{color:#111;font-size:1.8rem;margin:0;font-weight:800}.color-highlights .col a div p{color:#333;font-size:16px;margin-bottom:0}.color-highlights .blue-box{background-color:#7ad7ed;background-image:url(https://staging-ed9.hellosanta.tw/sites/default/files/2025-09/1000_F_01.jpg);}.color-highlights .yellow-box{background-color:#ffae2e;background-image:url(https://staging-ed9.hellosanta.tw/sites/default/files/2025-09/1000_F_02.jpg)}.color-highlights .gray-box{background-color:#95b5ca;background-image:url(https://staging-ed9.hellosanta.tw/sites/default/files/2025-09/1000_F_03.jpg)}.color-highlights .green-box{background-color:#a5d2bb;background-image:url(https://staging-ed9.hellosanta.tw/sites/default/files/2025-09/1000_F_04.jpg)}.color-highlights .col a:hover div{box-shadow:0 0 10px rgba(17,17,17,0.5);margin-top:5px;margin-bottom:0px;}.color-highlights .col a:hover{text-decoration:none}.blue-line{display:block;border-top:3px solid #0071ba;max-width:450px;width:100%;margin:50px auto 0 auto;padding-bottom:30px;}.video-block{background-color:#002e5a;color:#fff;padding:50px 0 40px 0;}.news-and-headlines .pic{position:relative;overflow:hidden;height:250px;}.news-and-headlines .pic img{width:100%;min-height:100%}.news-and-headlines a,.news-and-headlines h2,.news-and-headlines p{text-decoration:none;}.news-and-headlines h2,.news-and-headlines h3,.news-and-headlines p{color:#111;margin:0;padding:5px 0;}.news-and-headlines h2{font-size:1.5rem;font-weight:bold;padding:10px 0 0 0;}.news-and-headlines h3{font-size:1.1rem;font-weight:400;padding:10px 0 0 0}.news-gray-block{padding:50px 0}.news-gray-block .gray-box{background-color:#d8dfe7;padding:40px;color:#111;margin-bottom:10px}.news-gray-block a:hover{text-decoration:none;opacity:0.8;}.news-gray-block .deep-blue-box{background-color:#002e5a;color:#fff;padding:40px;margin-bottom:10px}.news-gray-block .gray-box h3,.news-gray-block .deep-blue-box h3{font-size:20px;margin:0;padding-bottom:8px;}.news-gray-block .gray-box p,.news-gray-block .deep-blue-box p{font-size:14px;margin:0;}.case-gray-block{padding:50px 0;}.case-gray-block .card{background-color:#d8dfe7;border:none;box-shadow:0 0 10px rgba(17,17,17,0.28)}.case-gray-block .card .btn-primary{background-color:#0a104e}.case-gray-block .card-title{margin:0;color:#000;font-size:1.25rem;line-height:1.5rem;padding-bottom:10px}.case-slider{position:relative;display:block;}.case-slider .button-next,.case-slider .button-prev{position:absolute;display:block;z-index:10;top:50%;left:-25px;}.case-slider .button-next{left:auto;right:-25px;}.case-slider .button-next::before,.case-slider .button-prev::before{display:block;content:" ";width:5px;height:20px;background-color:#2e3993;border-radius:50px;transform:rotate(45deg)}.case-slider .button-next::after,.case-slider .button-prev::after{display:block;content:" ";width:5px;height:20px;background-color:#2e3993;border-radius:50px;transform:rotate(-45deg);margin-top:-32px}.case-slider .button-prev::before{transform:rotate(-45deg)}.case-slider .button-prev::after{transform:rotate(45deg)}.sec-dots{position:relative}.circles{height:80px;position:absolute;width:80px;display:block;z-index:2}.circles > div{animation:growAndFade 3s infinite ease-out;background-color:#2f98ff;border-radius:50%;height:100%;opacity:0;position:absolute;width:100%;}.circle-after span{margin-left:80px;margin-top:10px;display:block;width:155px;padding:5px;background:dodgerblue;color:#fff;position:absolute;opacity:0;transition:all 0.3s}.circle-1 span{right:75px}.circle-2 span{right:-10px;top:65px;width:120px;}.circle-after::after{content:"";border:3px solid dodgerblue;display:block;height:60px;width:60px;border-radius:50%;margin-left:10px;margin-top:10px;opacity:0;transition:all 0.3s;}.circles:hover > div{animation:none;}.circles:hover .circle-after span{opacity:1}.circles:hover .circle-after::after{opacity:1}.circle-1{top:5%;left:calc(22% - 40px);}.circle-2{top:calc(67% - 40px);left:calc(20% - 40px);}.circle-3{top:calc(60% - 40px);left:calc(73% - 40px);}.circle-4{top:calc(75% - 40px);left:calc(52% - 40px);}.circles .circle1{animation-delay:1s;position:absolute;left:0;top:0;}.circles .circle2{animation-delay:2s;position:absolute;left:0;top:0;}.circles .circle3{animation-delay:3s;position:absolute;left:0;top:0;}@keyframes growAndFade{0%{opacity:0.5;transform:scale(0);}100%{opacity:0;transform:scale(1);}}.swiper-container{width:100%;height:200px;position:relative;overflow:hidden;}h2.title{color:#000;font-size:20px;font-weight:bold;line-height:2.48;letter-spacing:normal;text-align:center;margin:0;}.group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}div.item{position:relative;background-color:#fff;-webkit-box-shadow:0 0 4.9px 0.1px rgba(0,0,0,0.36);box-shadow:0 0 4.9px 0.1px rgba(0,0,0,0.36);-webkit-box-flex:1;-ms-flex:1;flex:1;}.box-shadow{-webkit-box-shadow:0 0 4.9px 0.1px rgba(0,0,0,0.36);box-shadow:0 0 4.9px 0.1px rgba(0,0,0,0.36);}.text-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px 18px;}.text-block p{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#333333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;min-height:72px;margin:0;}.text-block h4{font-size:20px;font-weight:600;line-height:1.1;letter-spacing:normal;text-align:left;color:#2e3993;margin-bottom:21px;margin:0 0 21px 0;}.learn-more{font-size:16px;font-weight:normal;line-height:1.28;letter-spacing:normal;color:#000000;text-decoration:none;text-align:right;margin-top:10px;-webkit-transition:all .3s;transition:all .3s;position:relative;}.learn-more::after{content:'';position:absolute;bottom:-5px;right:0;width:90px;height:2px;background-color:#3259b3;opacity:0;transition:opacity 300ms,transform 300ms;transform:scale(0);transform-origin:center;}.case-study-mode .item:hover .learn-more::after,.text-block:hover .learn-more::after,.learn-more :hover::after,.learn-more span:focus::after{transform:scale(1);opacity:1;}@media screen and (max-width:1600px){.color-highlights .col a div h2{font-size:1.7rem;}.color-highlights .col a div p{font-size:14px;}}@media screen and (max-width:1400px){.color-highlights .col a div h2{height:80px}}@media screen and (max-width:960px){.iframeHolder{height:auto;}.www-index-video .text-block,.us-index-video .text-block,.tw-index-video .text-block,.jp-index-video .text-block{padding-top:20px;}}@media screen and (max-width:780px){#iframeHolder{height:250px;}.circles:hover .circle-after span{opacity:0}.circles:hover .circle-after::after{opacity:0}.circle-after span{display:none}.color-highlights .col{padding:5px;}.color-highlights .col a div h2{height:auto}.color-highlights .col a:hover div{margin-top:10px;margin-bottom:0px;}}@media screen and (max-width:767px){div.item:nth-child(1),div.item:nth-child(3){display:none;}.text-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px 18px;}.text-block p{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#333333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;min-height:72px;margin:0;}.text-block h4{font-size:20px;font-weight:600;line-height:1.1;letter-spacing:normal;text-align:left;color:#2e3993;margin-bottom:21px;margin:0 0 21px 0;}}@media screen and (max-width:567px){.color-highlights .col{padding:0px;}.color-highlights .col a div{padding:40px 20px;}.case-gray-block{padding:30px 0 80px 0;}.case-slider .button-next,.case-slider .button-prev{left:calc(50% - 30px);top:auto;bottom:-35px;}.case-slider .button-next{left:auto;right:calc(50% - 30px);}}@media (min-width:768px){h2.title{font-size:20px;line-height:3.3;}.group{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}div.item{margin-right:10px;}div.item:last-child{margin-right:0;}.text-block h4{font-size:18px;}.learn-more{margin-top:56px;}}@media (min-width:1441px){h2.title{font-size:30px;}.text-block h4{font-size:26px;line-height:1.2em;}.learn-more{margin-top:16px;position:relative}}
#block-front-slide-block{width:100vw;margin-left:calc(-50vw + 50%);}#block-front-slide-block .content{width:100vw;}
.front-mode2{position:relative;width:100%;height:200px;}@media (min-width:768px){.front-mode2{height:300px;}}@media (min-width:1200px){.front-mode2{height:400px;}}@media (min-width:1441px){.front-mode2{height:600px;}}.front-mode2 video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}.front-mode2 .text{font-size:30px;font-weight:500;color:#ffffff;position:absolute;top:50%;left:50%;line-height:1.35;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}@media (min-width:768px){.front-mode2 .text{font-size:60px;}}@media (min-width:1200px){.front-mode2 .text{font-size:60px;text-shadow:0px 0px 20px #ffffff;}}