@charset "UTF-8";
.c-intro{display:block;width:100%;padding:210px 0 200px 0;margin:0 auto;background:url(/assets/images/common/intro_bg_acc01.png) top left/auto no-repeat,url(/assets/images/common/intro_bg_acc02.png) bottom right/auto no-repeat #10233a}.c-intro__bg{position:absolute;top:0;left:0;display:block;width:70%;max-width:1275px;overflow:hidden}.c-intro__bg__item{display:block;width:100%;opacity:0;transition:opacity 1s .4s ease-in-out}.c-intro__bg__item.wow{animation-name:fadeIn}.c-intro__bg__item[data-bg="about"]{display:none}.c-intro__bg__item img{object-fit:contain;object-position:top left;width:100%;height:100%}.c-intro__bg__tip{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.c-intro__bg__tip__item{position:absolute;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.c-intro__bg__tip__item.wow{animation-name:fadeIn}.c-intro__bg__tip__item::before{content:'';position:relative;display:block;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;background:url(/assets/images/common/icon_check_bold_white.svg) center /32.5% auto no-repeat,radial-gradient(ellipse at center,#02b6dc 70%,transparent 70%) center / calc(100% - 8px) calc(100% - 8px) no-repeat rgba(217,232,250,.5);overflow:hidden}.c-intro__bg__tip__item::after{content:'';position:absolute;bottom:100%;left:calc(100% - 3px);display:block;width:82px;height:53px;background:linear-gradient(to right,#fff 0%,#fff 100%) top right / 30px 1px no-repeat,linear-gradient(-45deg,transparent calc(50% - .5px),#fff calc(50% - .5px),#fff calc(50% + .5px),transparent calc(50% + .5px)) bottom left / 53px 100% no-repeat}.c-intro__bg__tip__item__tag{position:absolute;bottom:calc(100% + 28px);display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;padding:15px 20px;font-size:18px;line-height:1;color:#091018;font-family:'NotoSansTC-M';letter-spacing:.5px;background:linear-gradient(to left,transparent 0%,#fff 40%,#fff 60%,transparent 100%) top left / 40px 1px no-repeat,var(--buttonBg);white-space:nowrap}.c-intro__bg__tip__item__tag::before{content:'';position:relative;display:block;width:17px;height:17px;margin:0 15px 0 0;background:url(/assets/images/common/icon_gear2_aqua_opacity30.svg);flex:0 0 auto}.c-intro__bg__tip__item__tag::after{content:'';position:absolute;top:calc(50% - 10px);left:-6px;display:block;width:calc(100% + 12px);height:20px;border-left:1px solid #d9e8fa;border-right:1px solid #d9e8fa}.c-intro__bg__tip__item:nth-child(1){top:calc(44% - 20px);left:calc(46.7% - 20px)}.c-intro__bg__tip__item:nth-child(1) .c-intro__bg__tip__item__tag{left:calc(100% + 85px)}.c-intro__bg__tip__item:nth-child(2){top:calc(69% - 20px);left:calc(49% - 20px)}.c-intro__bg__tip__item:nth-child(2)::after{width:169px;height:52px;background-size:118px 1px,52px 100%}.c-intro__bg__tip__item:nth-child(2) .c-intro__bg__tip__item__tag{left:calc(100% + 172px)}.c-intro__bg__tip__item:nth-child(3){top:calc(85% - 20px);left:calc(41.5% - 20px)}.c-intro__bg__tip__item:nth-child(3)::after{top:100%;bottom:auto;width:145px;height:28px;background:linear-gradient(to right,#fff 0%,#fff 100%) bottom right / 118px 1px no-repeat,linear-gradient(45deg,transparent calc(50% - .5px),#fff calc(50% - .5px),#fff calc(50% + .5px),transparent calc(50% + .5px)) top left / 28px 100% no-repeat}.c-intro__bg__tip__item:nth-child(3) .c-intro__bg__tip__item__tag{top:calc(100% + 4px);bottom:auto;left:calc(100% + 148px)}.c-intro__inner{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;max-width:1450px}.c-intro__inner__box{display:block;width:calc(50% - 60px);max-width:575px;margin:0 0 0 auto}.c-intro__inner__box__title{margin:0 0 100px 0}.c-intro__inner__box__title.wow{animation-name:fadeInUp}.c-intro__inner__box__content{display:block;width:100%;margin:0 0 65px 0;font-size:16px;font-family:'NotoSansTC';line-height:2.1;letter-spacing:.5px;color:rgba(255,255,255,.7)}.c-intro__inner__box__content.wow{animation-name:fadeInUp}.c-intro__inner__box__content__text{display:block;width:100%;margin:0 0 25px 0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;text-align:justify}.c-intro__inner__box__content__text:last-child{margin:0}.c-intro__inner__box__feature{display:flex;flex-wrap:wrap;align-self:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%;margin:0 0 -35px 0}.c-intro__inner__box__feature__item{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:calc(50% - 10px);max-width:265px;margin:0 0 35px 0}.c-intro__inner__box__feature__item.wow{animation-name:fadeIn}.c-intro__inner__box__feature__item__pic{display:block;width:106px;flex:0 0 auto}.c-intro__inner__box__feature__item__pic::before{content:'';position:relative;display:block;width:100%;padding:65.09% 0 0 0;background:url(/assets/images/common/index_about_dashboard_color.png) center / contain no-repeat}.c-intro__inner__box__feature__item__pic::after{content:'';position:absolute;bottom:14.49%;right:50%;display:block;width:50%;height:18.84%;background:url(/assets/images/common/icon_arrow_pin.svg) center / contain no-repeat;transform-origin:right bottom;transform:translate(11.32%,50%)}.c-intro__inner__box__feature__item__pic[data-percent="100"]::after{transform:rotate(180deg) translate(11.32%,50%)}.c-intro__inner__box__feature__item__pic[data-percent="0"]::before{background-image:url(/assets/images/common/index_about_dashboard.png)}.c-intro__inner__box__feature__item__content{display:block;width:100%;margin:0 0 0 25px;flex:0 1 auto}.c-intro__inner__box__feature__item__content__title{display:block;width:100%;font-size:16px;color:#fff;line-height:1.8;font-family:'NotoSansTC';letter-spacing:.5px}.c-intro__inner__box__feature__item__content__num{display:block;width:100%;font-size:30px;line-height:1.2;color:#fff;font-family:'Oswald'}.c-intro__inner__box__feature__item__content__num::after{content:'%'}.c-intro[data-style="about"]{background:url(/assets/images/common/intro_bg_acc02.png) bottom right / auto no-repeat}.c-intro[data-style="about"] .c-intro__bg__item{display:none}.c-intro[data-style="about"] .c-intro__bg__item[data-bg="about"]{display:block;margin:-5vw 0 0 0}.c-intro[data-style="about"] .c-intro__bg__item img{margin:-1px}.c-intro[data-style="about"] .c-intro__inner__box__title{display:none}.c-intro[data-style="about"] .c-intro__inner__box__feature__item{width:100%;max-width:none;margin:0;padding:20px 0;border-top:1px solid rgba(217,232,250,.3)}.c-intro[data-style="about"] .c-intro__inner__box__feature__item:last-child{border-bottom:1px solid rgba(217,232,250,.3)}@media screen and (max-width:1850px){.c-intro__bg__tip__item:nth-child(2)::after{width:81px;height:52px;background-size:30px 1px,52px 100%}.c-intro__bg__tip__item:nth-child(2) .c-intro__bg__tip__item__tag{left:calc(100% + 83px)}.c-intro__bg__tip__item:nth-child(3)::after{width:48px;background-size:20px 1px,28px 100%}.c-intro__bg__tip__item:nth-child(3) .c-intro__bg__tip__item__tag{left:calc(100% + 50px)}}@media screen and (max-width:991px){.c-intro{padding:0 0 190px 0;background:url(/assets/images/common/intro_bg_acc02_pad.png) bottom right/auto no-repeat #10233a}.c-intro__bg{position:relative;width:100%;height:auto;max-width:none}.c-intro__bg__tip__item:nth-child(1){top:calc(32% - 20px);left:calc(57.7% - 20px)}.c-intro__bg__tip__item:nth-child(2){top:calc(54% - 20px);left:calc(54.5% - 20px)}.c-intro__bg__tip__item:nth-child(2)::after{width:169px;height:52px;background-size:118px 1px,52px 100%}.c-intro__bg__tip__item:nth-child(2) .c-intro__bg__tip__item__tag{left:calc(100% + 172px)}.c-intro__bg__tip__item:nth-child(3){top:calc(74% - 20px);left:calc(47.5% - 20px)}.c-intro__bg__tip__item:nth-child(3)::after{top:100%;bottom:auto;width:145px;height:28px;background:linear-gradient(to right,#fff 0%,#fff 100%) bottom right / 118px 1px no-repeat,linear-gradient(45deg,transparent calc(50% - .5px),#fff calc(50% - .5px),#fff calc(50% + .5px),transparent calc(50% + .5px)) top left / 28px 100% no-repeat}.c-intro__bg__tip__item:nth-child(3) .c-intro__bg__tip__item__tag{top:calc(100% + 4px);bottom:auto;left:calc(100% + 148px)}.c-intro__inner{flex-direction:column}.c-intro__inner__box{width:100%;max-width:none;margin:85px 0 0 0}.c-intro__inner__box__content{margin:0 0 50px 0;font-size:15px;color:rgba(217,232,250,.5)}.c-intro__inner__box__content__text{margin:0 0 15px 0}.c-intro__inner__box__feature__item__content__title,.c-intro__inner__box__feature__item__content__num{color:var(--textColor2)}.c-intro[data-style="about"] .c-intro__bg__item[data-bg="about"]{margin:-5.66vw 0 0 0}}@media screen and (max-width:767px){.c-intro__bg__tip{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:calc(100% - 60px);height:auto;margin:35px auto 0 auto}.c-intro__bg__tip__item{position:relative;display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:calc(33.33% - 5px);height:auto;margin:0 0 10px 0;border-radius:0}.c-intro__bg__tip__item::before{width:40px;height:40px;margin:0 10px 0 0}.c-intro__bg__tip__item::after{display:none}.c-intro__bg__tip__item__tag{position:relative;bottom:auto;left:auto;padding:0;color:#fff;font-family:inherit;background:none}.c-intro__bg__tip__item__tag::before,.c-intro__bg__tip__item__tag::after{display:none}.c-intro__bg__tip__item:nth-child(1),.c-intro__bg__tip__item:nth-child(2),.c-intro__bg__tip__item:nth-child(3){top:auto;bottom:auto;left:auto}.c-intro__bg__tip__item:nth-child(1) .c-intro__bg__tip__item__tag,.c-intro__bg__tip__item:nth-child(2) .c-intro__bg__tip__item__tag,.c-intro__bg__tip__item:nth-child(3) .c-intro__bg__tip__item__tag{top:auto;bottom:auto;left:0}.c-intro__inner__box__title{margin:0 0 35px 0}}@media screen and (max-width:575px){.c-intro{padding:0 0 90px 0;background-image:url(/assets/images/common/intro_bg_acc02_mb.png)}.c-intro__bg__tip{width:calc(100% - 40px);margin:20px auto 0 auto}.c-intro__bg__tip__item{width:calc(50% - 5px)}.c-intro__bg__tip__item__tag{font-size:16px}.c-intro__inner__box__title{margin:0 0 45px 0}.c-intro__inner__box__content{margin:0 0 40px 0}.c-intro__inner__box__feature{display:block;margin:0 0 -30px 0}.c-intro__inner__box__feature__item{width:100%;max-width:none;margin:0 0 30px 0}.c-intro__inner__box__feature__item__content{width:100%;margin:0 0 0 25px}.c-intro[data-style="about"] .c-intro__bg__item[data-bg="about"]{margin:0}.c-intro[data-style="about"] .c-intro__inner__box{margin:30px auto 0 auto}.c-intro[data-style="about"] .c-intro__inner__box__feature__item{margin:0 0 30px 0;padding:0;border-top:none}.c-intro[data-style="about"] .c-intro__inner__box__feature__item:last-child{margin:0;border-bottom:none}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.about{margin:0 auto 150px auto}.about__service{max-width:1450px;margin:65px auto 0 auto}.about__service__header{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;margin:0 auto 70px auto;padding:0 180px}.about__service__box{left:-15px;display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 30px);max-width:1475px;margin:0 auto;counter-reset:item}.about__service__box.slick-slider{display:block}.about__service__box .slick-prev{top:-190px;left:auto;right:105px}.about__service__box .slick-next{top:-190px;right:10px}.about__service__box__item{display:block;width:calc(25% - 30px);margin:0 15px;padding:50px 30px 70px 30px;background:var(--bgFocusColor);flex:0 0 auto}.about__service__box__item__pic{display:block;width:100%;max-width:200px;margin:0 auto 45px auto}.about__service__box__item__pic::before{content:'';position:relative;display:block;width:100%;padding:100% 0 0 0;background:url(/assets/images/about/about_circle.png) center/100% no-repeat;transform-origin:center;transition:transform 1s ease-in-out}.about__service__box__item:nth-child(2) .about__service__box__item__pic::before{transition-delay:1s}.about__service__box__item:nth-child(3) .about__service__box__item__pic::before{transition-delay:2s}.about__service__box__item:nth-child(4) .about__service__box__item__pic::before{transition-delay:3s}.about__service__box__item__pic img{position:absolute;top:50%;left:50%;object-fit:contain;object-position:center;width:50%;height:50%;transform:translate(-50%,-50%)}.about__service__box__item__text{display:block;width:100%;font-size:20px;line-height:1.2;color:var(--textColor);font-family:'NotoSansTC';letter-spacing:.5px;text-align:center;counter-increment:item}.about__service__box__item__text::before{content:'Service.' counter(item,decimal-leading-zero);display:block;width:100%;height:1px;margin:20px 0;font-size:12px;color:var(--mainColor);line-height:1.5;font-family:'Oswald','NotoSansTC';letter-spacing:2px;text-transform:uppercase}.about__service__box.wow{opacity:1;visibility:visible}.about__service__box.wow.animated .about__service__box__item__pic::before{transform:rotate(360deg)}@media screen and (max-width:991px){.about{margin:0 auto 120px auto}.about__service{margin:0 auto}.about__service__header{justify-content:flex-start;justify-items:flex-start;padding:0 180px 0 0}.about__service__box .slick-prev,.about__service__box .slick-next{top:-150px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.about{margin:0 auto 80px auto}.about__service{margin:20px auto 0 auto}.about__service__header{margin:0 0 50px 0;padding:0 140px 0 0}.about__service__box .slick-prev{top:-125px;right:90px}.about__service__box .slick-next{top:-125px;right:20px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}