@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Mohave:ital,wght@0,300..700;1,300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}ul{list-style:none}img{max-width:100%;height:auto;display:block;border:0}a{text-decoration:none;color:#1e1e1e;transition:all .3s ease-in-out}a:hover{color:#1e1e1e}p{line-height:1.75;color:#1e1e1e}.container{max-width:1200px;margin:0 auto;padding:0 64px}.wrap{font-family:"Noto Sans TC","Microsoft Jhenghei","微軟正黑",sans-serif;overflow:hidden;background-color:#e4e9ef}.sc_tit{text-align:center;margin-bottom:1.5rem}.sc_tit h2{font-size:30px;color:#912b96;font-weight:700;letter-spacing:.2px}h3{text-align:left;line-height:1.5}h3.subtit{font-size:22px;font-weight:700}.cta{text-align:center}.cta .bttn{display:inline-block;background:linear-gradient(120deg, #912b96, #3D1152);color:#fff;padding:1.5rem 2.5rem;min-width:330px;text-align:center;border-radius:100px;font-size:2rem;font-weight:700;letter-spacing:3px;box-shadow:0 0 16px 4px hsla(0,0%,100%,.25);transition:all .3s ease-in-out}.cta .bttn:hover{letter-spacing:6px;transform:scale(1.05)}@media(max-width: 768px){.container{padding:0 20px}.sc_tit{margin-bottom:14px}.sc_tit h2{font-size:22px;letter-spacing:.1px}.sc_intro{margin-left:0px;margin-bottom:30px;font-size:16px}h3.subtit{font-size:18px;line-height:1.5}}.fix_aside{position:fixed;z-index:99;bottom:1%;right:-20%;display:flex;flex-direction:column;transition:all 1s}.fix_aside.is_active{right:.5%}.fix_aside .item{width:60px;height:60px;background-color:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.15);border-radius:6px;margin:.35rem;cursor:pointer;transition:all .3s ease-in-out}.fix_aside .item.signup{background:linear-gradient(120deg, #c530ff, #912b96);position:relative;text-align:center}.fix_aside .item.signup p{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;line-height:1.25;font-size:18px;font-weight:700;text-shadow:0 0 4px rgba(28,2,103,.35)}.fix_aside .item.scrollTop{background-image:url(../../assets/images/icons/arrow_top.png);background-repeat:no-repeat;background-position:center center}.fix_aside .item:hover{transform:translateY(-3px);box-shadow:0 1px 3px 0 rgba(0,0,0,0)}nav{position:fixed;top:0;left:0;width:100%;height:auto;z-index:999;transition:all .2s ease-out}nav.is_active .nav_area ul{padding:16px 0}nav .nav_area{position:relative;top:0;right:0;width:100%;box-sizing:border-box;padding:0 60px;margin:0 auto;height:auto;display:flex;justify-content:space-between;align-items:center;background-color:#fff}nav .nav_area ul{position:relative;padding:18px 0;margin:0 0 0 0;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .2s ease-out}nav .nav_area ul li{position:relative;width:auto;height:auto;display:inline-flex;justify-content:center;align-items:center;padding:0 15px}nav .nav_area ul li .nav-link{position:relative;width:auto;height:auto;box-sizing:border-box;padding:3px;color:#1e1e1e;font-weight:500;font-size:15px;overflow:hidden;text-decoration:none;cursor:pointer;transition:all .2s ease-out}nav .nav_area ul li .nav-link:first-child:hover{transform:translateY(0px)}nav .nav_area ul li .nav-link:hover{color:#eb8a1d}nav .nav_mobile{display:none}nav .nav_sns{position:absolute;top:10px;right:0;cursor:pointer;padding:0 12px;text-align:right}nav .nav_sns .hover{display:inline-block;position:relative}nav .nav_sns .hover:hover .hover_menu{display:block}nav .nav_sns .hover img{width:40px;line-height:0}nav .nav_sns .hover_holder{cursor:pointer}nav .nav_sns .hover_menu{position:absolute;padding:.5em 0;display:none}nav .nav_sns .hover_menu .hover_item{cursor:pointer;display:block;margin-top:.5em}header{height:min(56.25vw,100vh);width:100%;position:relative}header .mainBG{position:fixed;height:min(56.25vw,100vh);top:0%;left:0%;width:100%}header .mainBG .inner{position:relative;width:100%;height:min(56.25vw,100vh)}header .mainBG .inner .bg{position:relative;animation:bg-ani 20s ease-in-out normal infinite}@keyframes bg-ani{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.15) rotate(-2deg);opacity:.25}60%{transform:scale(1.35) rotate(5deg);opacity:.5}100%{transform:scale(1) rotate(0deg)}}header .mainBG .inner .bg1{position:absolute;top:0%;left:0%;z-index:1;animation:bg1-ani 20s ease-in-out normal infinite;mix-blend-mode:color-burn}@keyframes bg1-ani{0%{transform:scale(1.25) rotate(0deg);opacity:.35}30%{transform:scale(1.1) rotate(-2deg);opacity:.6}60%{transform:scale(1.15) rotate(2deg);opacity:.8}100%{transform:scale(1.25) rotate(0deg);opacity:.35}}header .mainBG .inner .bg2{position:absolute;top:0%;left:0%;z-index:1;animation:bg2-ani 20s ease-in-out normal infinite}@keyframes bg2-ani{0%{transform:scale(1.2) rotate(0deg);opacity:.1}30%{transform:scale(1.1) rotate(-1deg);opacity:.25}60%{transform:scale(1.1) rotate(1deg);opacity:0}100%{transform:scale(1.2) rotate(0deg);opacity:.1}}header .logo{position:absolute;z-index:1;top:5%;left:3%;width:24.7916666667%}header .title{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-93%, -38%);width:46.9270833333%}header .title .t1{width:100%;margin:0 auto 3.5%}header .title .t2{width:99.0011098779%;margin:0 auto 3.5%}header .title .t3{width:38.179800222%;margin:0}header .title .t3 a img{transition:all .3s ease-in-out}header .title .t3 a img:hover{transform:scale(1.1)}header .title .timer{display:flex;justify-content:center;margin-top:3rem}header .title .timer .tb{position:relative;display:inline-block;color:#fff;padding:0rem .75rem .75rem .75rem;font-size:1.25rem;font-weight:700;letter-spacing:.12rem;text-align:center;width:3.5rem;border-right:.5px solid #fff}header .title .timer .tb:last-child{border-right:0 solid #fff}header .title .timer .tb::after{position:absolute;top:50%;left:50%;transform:translate(-50%, 90%);font-size:.625rem;letter-spacing:.05rem}header .title .timer .tb.d::after{content:"DAY"}header .title .timer .tb.h::after{content:"HR"}header .title .timer .tb.m::after{content:"MIN"}header .title .timer .tb.s::after{content:"SEC"}.main{position:relative;z-index:1;background-color:rgba(228,233,239,.5);backdrop-filter:blur(5px)}.sc_intro{position:relative;z-index:1;padding:3rem 0}.sc_intro_cnt p{text-align:center;line-height:1.75}.sc_intro_cnt .highlight{padding:3rem 0;margin:2rem 0;display:flex;justify-content:space-between;background-color:#f6f9ff;border-radius:16px;box-shadow:0 0 16px 4px hsla(0,0%,100%,.75),0 4px 8px 0 rgba(0,0,0,.2)}.sc_intro_cnt .highlight .item{padding:0rem 2rem;border-right:1px solid #dde5eb}.sc_intro_cnt .highlight .item:last-child{border-right:0px solid #dde5eb}.sc_intro_cnt .highlight .item .subtit{font-size:18px;font-weight:700;color:#3d1152}.sc_intro_cnt .highlight .item img{border-radius:1000px;width:65%;margin:0 auto;margin-bottom:1.5rem}.sc_case{position:relative;z-index:1;padding:3rem 0}.sc_case_cnt{text-align:center;margin-bottom:2rem}.sc_case_cnt p a{text-decoration:underline}.sc_case .item{background-color:#f6f9ff;border-radius:16px;overflow:hidden;box-shadow:0 0 16px 4px hsla(0,0%,100%,.75),0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;height:100%}.sc_case .item a{display:flex;flex-direction:column;height:100%}.sc_case .item .wording{padding:2.5rem 2.5rem 1.75rem 2.5rem;text-align:left}.sc_case .item img{margin-bottom:1.5rem}.sc_case .item .company{margin-top:1rem;text-align:right;font-weight:600}.sc_case .item .text{margin-bottom:.5rem}.sc_case .item .bttn{display:block;text-align:center;padding:1.5rem 0;color:#fff;font-size:20px;font-weight:700;background:linear-gradient(to right, rgba(86, 120, 191, 0.75), rgba(100, 172, 219, 0.75));margin-top:auto;transition:all .3s ease-in-out}.sc_case .item .bttn:hover{letter-spacing:3px;background:linear-gradient(to right, #5678bf, #64acdb)}.sc_case .slider{width:100%;margin-bottom:48px}.sc_case .slick-list{overflow:visible}.sc_case .slick-slide{margin:0px 10px}.sc_case .slick-prev:before,.sc_case .slick-next:before{color:#000}.sc_case .slick-slide{transition:all ease-in-out .3s;margin:0 16px}.sc_case .slick-active{opacity:1}.sc_case .slick-current{opacity:1}.sc_case .slick-dots{bottom:-50px}.sc_case .slick-dots li button:before{color:#fff;opacity:1;font-size:10px}.sc_case .slick-dots li.slick-active button:before{color:#3d1152;opacity:1}.sc_case .slick-track{display:flex}.sc_case .slick-slide{height:inherit;display:flex}.sc_case .slick-slide>div{display:flex;width:100%}.sc_video{position:relative;z-index:1;padding:3.5rem 0 10rem 0}.sc_video_cnt{display:flex;justify-content:space-between;margin:0}.sc_video_cnt .video-item{width:31.5%;border:0px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);padding:0}.sc_video_cnt .video-item h3.topic{font-size:18px;letter-spacing:.2px;color:#3d1152;text-align:center}.sc_video_cnt .video-item:hover .video-pic::before{background:linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))}.sc_video_cnt .video-item:hover .video-pic .play{opacity:0}.sc_video_cnt .video-pic{position:relative;margin-bottom:.75rem}.sc_video_cnt .video-pic img{width:100%;border-radius:8px}.sc_video_cnt .video-pic::before{content:"";position:absolute;top:0%;left:0%;width:100%;height:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.5));transition:all .3s ease-in-out}.sc_video_cnt .video-pic .play{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s ease-in-out}.sc_video_cnt .video-pic .play .play-inner{position:relative;width:56px;height:56px;background-color:hsla(0,0%,100%,.75);border-radius:100%}.sc_video_cnt .video-pic .play .play-inner::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-25%, -50%) scale(2);width:8px;height:11px;background-color:#c530ff;clip-path:polygon(100% 50%, 0 0, 0 100%)}.sc_cta{position:relative;z-index:1;background-color:#3d1152;padding:3rem 0}.sc_cta .container{max-width:900px;margin:0 auto}.sc_cta_cnt{position:relative;display:flex;color:#fff}.sc_cta_cnt .sc_tit{-moz-text-align-last:left;text-align-last:left}.sc_cta_cnt .sc_tit h2{color:#fff}.sc_cta_cnt .text{color:#fff;margin-bottom:2rem}.sc_cta_cnt .text span{font-size:20px;font-weight:700}.sc_cta_cnt .cta{text-align:left}.sc_cta_cnt .pic{position:absolute;top:-30%;right:0%}.frame-box-outer{display:none;position:fixed;z-index:10;background-color:rgba(0,0,0,.8);height:100vh;width:100vw;top:50%;left:50%;transform:translate(-50%, -50%)}.frame-box-outer .frame-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.frame-box-outer .frame-box .frame-box-inner{position:relative}.frame-box-outer .frame-box .frame-box-inner iframe{width:700px;height:395px}.frame-box-outer .frame-box .frame-box-inner .close{position:absolute;width:20px;height:20px;transform-origin:center center;top:-5%;right:-5%;cursor:pointer;transition:all .3s ease-in-out}.frame-box-outer .frame-box .frame-box-inner .close .line{height:1px;width:20px;background-color:#fff}.frame-box-outer .frame-box .frame-box-inner .close .line-1{transform:rotate(45deg)}.frame-box-outer .frame-box .frame-box-inner .close .line-2{transform:rotate(-45deg)}@media(max-width: 768px){nav{height:35px}nav .nav_area{position:absolute;top:0;right:-100%;width:100%;height:100vh;background-color:#fff;flex-direction:column;justify-content:center}nav .nav_area ul{position:relative;width:auto;height:auto;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0%;left:0%}nav .nav_area ul li{position:relative;width:100%;height:auto;padding:15px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}nav .nav_area ul li a{position:relative;width:auto;height:auto;box-sizing:border-box;padding:3px;font-size:1rem;font-weight:500;overflow:hidden;text-decoration:none;cursor:pointer;transition:all .3s ease-in-out}nav .nav_area ul li a:hover{transform:translateY(-4px)}nav .nav_mobile{position:relative;display:block}nav .nav_mobile-btn{position:absolute;top:5px;right:15px;width:35px;height:35px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}nav .nav_mobile-btn-line{position:relative;display:block;width:25px;height:2px;background:#cbcbcb;border-radius:4px;margin:2.5px 0}nav .nav_sns{position:absolute;top:12px;right:0;cursor:pointer;padding:0 12px;text-align:right;transform:translateY(0)}header{height:50vw;margin-top:0}header .logo{width:35%}header .kv .inner{height:50vw}header .kv .inner .bg{transform:scale(1.25)}header .title{width:60%;transform:translate(-75%, -30%)}.sc_intro{padding:30px 0}.sc_intro_cnt .highlight{padding:0 2rem;flex-direction:column}.sc_intro_cnt .highlight .item{padding:2rem .5rem;border-right:0px solid #dde5eb;border-bottom:1px solid #dde5eb}.sc_intro_cnt .highlight .item:last-child{border-bottom:0px solid #dde5eb}.sc_intro_cnt .highlight .item img{width:70%;margin-bottom:1rem}.sc_case{padding:30px 0}.sc_case .slider{margin-bottom:30px}.sc_case .item .wording{padding:2rem 1.75rem 1.75rem 1.75rem;text-align:left}.sc_video{padding:30px 0 120px 0}.sc_video_cnt{flex-direction:column}.sc_video_cnt .video-item{width:100%;margin-bottom:1.75rem}.sc_video_cnt .video-item h3.pic{font-size:16px}.sc_video_cnt .video-pic{margin-bottom:.5em}.sc_video_cnt .video-tit{line-height:1.25;font-size:14px}.sc_cta{padding:3rem 0}.sc_cta_cnt{flex-direction:column-reverse}.sc_cta_cnt .pic{top:-57%;right:10%;width:30%;margin:0 auto}.frame-box-outer .frame-box .frame-box-inner iframe{width:300px;height:200px}.frame-box-outer .frame-box .frame-box-inner .close{width:15px;height:15px}.frame-box-outer .frame-box .frame-box-inner .close .line{width:15px}}/*# sourceMappingURL=all.min.css.map */