@import url("https://www.digiwin.com/tw/dsc/css/bootstrap4.0_M.css");@import url("https://www.digiwin.com/tw/dsc/css/animate-3.7.2.css");@import url("https://www.digiwin.com/tw/dsc/css/swiper-bundle.min.css");@import url("https://www.digiwin.com/tw/dsc/css/jquery.fancybox.min_3.5.7.css");@import url("https://www.digiwin.com/tw/dsc/css/aos-2.3.1.css");*:focus{outline:none !important}button{outline:none !important;border:none !important}.act-sect{position:relative}.act-wrap input{-webkit-appearance:none;-moz-appearance:none;appearance:none}ol,ul{list-style:none}body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,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,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select{margin:0;padding:0}.wow{animation-fill-mode:both}.fadeInUpSmall{animation-name:fadeInUpSmall}@keyframes fadeInUpSmall{from{opacity:0;-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInDownSmall{animation-name:fadeInDownSmall}@keyframes fadeInDownSmall{from{opacity:0;-webkit-transform:translate3d(0, -20%, 0);transform:translate3d(0, -20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInLeftSmall{animation-name:fadeInLeftSmall}@keyframes fadeInLeftSmall{from{opacity:0;-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInRightSmall{animation-name:fadeInRightSmall}@keyframes fadeInRightSmall{from{opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInTopLeftSmall{animation-name:fadeInTopLeftSmall}@keyframes fadeInTopLeftSmall{from{opacity:0;-webkit-transform:translate3d(-20%, -20%, 0);transform:translate3d(-20%, -20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInTopRightSmall{animation-name:fadeInTopRightSmall}@keyframes fadeInTopRightSmall{from{opacity:0;-webkit-transform:translate3d(20%, -20%, 0);transform:translate3d(20%, -20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBottomLeftSmall{animation-name:fadeInBottomLeftSmall}@keyframes fadeInBottomLeftSmall{from{opacity:0;-webkit-transform:translate3d(-20%, 20%, 0);transform:translate3d(-20%, 20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBottomRightSmall{animation-name:fadeInBottomRightSmall}@keyframes fadeInBottomRightSmall{from{opacity:0;-webkit-transform:translate3d(20%, 20%, 0);transform:translate3d(20%, 20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInSmall{animation-name:bounceInSmall}@keyframes bounceInSmall{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.8, 0.8, 0.8)}40%{transform:scale3d(1.04, 1.04, 1.04)}60%{transform:scale3d(1, 1, 1)}80%{opacity:1;transform:scale3d(1.01, 1.01, 1.01)}to{opacity:1;transform:scale3d(1, 1, 1)}}.act-top-bar{padding:0.5em 1em;top:0;left:0;width:100%;position:fixed;z-index:9;background:linear-gradient(to right, rgba(4,89,228,0.65) 0%, rgba(171,149,255,0.65) 100%)}.act-top-bar .logo img{height:1.6em;position:relative}.act-top-bar .act-btn{text-align:center;display:inline-block;padding:0.5em;color:#fff;font-size:1.1em;margin-bottom:0}.act-top-bar .act-btn:hover{color:#fff}@media screen and (max-width: 769px){.act-top-bar{padding-left:.5em;padding-right:.5em}.act-top-bar .logo img{height:1.5em;position:relative;top:-0.2em}.act-top-bar .act-btn{font-size:.8em;padding:0 !important}}.act-container-wrap{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;padding-left:1em;padding-right:1em}.act-sect{padding-top:5em;padding-bottom:5em}@media screen and (min-width: 769px) and (max-width: 1380px){.act-sect .act-container-wrap{width:80%;max-width:1000px}.act-header,.act-sect{font-size:0.85em}}@media screen and (max-width: 769px){.act-sect{font-size:calc(2vw + 1.5vmin) !important;padding-top:3em;padding-bottom:3em}}.act-wrap .act-btn{border-radius:0;padding:.5em;letter-spacing:2px}.act-wrap .btn-blue{background:#3422e6;color:#fff}.act-wrap .btn-blue:hover{color:#fff;background:#2516bf}.act-wrap .btn-red{background:#de0010;color:#fff}.act-wrap .btn-red:hover{color:#fff;background:#ab000c}.act-wrap .btn-yellow{background:#ffcf3f;color:#fff}.act-wrap .btn-yellow:hover{color:#fff;background:#ffc20c}.act-wrap .btn-outline-blue{color:#3422e6;background:#fff;border:1px solid #3422e6}.act-wrap .btn-outline-blue:hover{color:#3422e6;border:1px solid #3422e6;background:#fff}.act-wrap .btn-outline-white{color:#fff;border:1px solid #fff;padding-top:calc(0.6em - 1px);padding-bottom:calc(0.6em - 1px)}.act-wrap .btn-outline-white:hover{color:#fff;border:none;padding:0.6em;background:linear-gradient(to right, #00c0fa 0%, #0196ff 100%)}.act-wrap .btn-sect-center{display:block;margin-top:2em;margin-left:auto;margin-right:auto;width:80%;max-width:180px}.act-wrap .btn-wrap-center{text-align:center;margin-top:3em}.act-wrap .btn-wrap-center .btn{max-width:220px;width:45%}.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:1.2em}@media screen and (max-width: 769px){.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:.5em}}.act-wrap a:hover{color:#3422e6}.act-wrap .sect-title{text-align:center;margin-bottom:3em}.act-wrap .sect-title h1,.act-wrap .sect-title h2{font-size:2.5em;font-weight:normal;line-height:1.4;color:#3422e6;font-weight:bold}.act-wrap .sect-title p{font-size:1.3em;line-height:1.8;color:#000}@media screen and (max-width: 769px){.act-wrap .sect-title{padding-right:.75em;padding-left:.75em;margin-bottom:2em}.act-wrap .sect-title h1,.act-wrap .sect-title h2{font-size:1.8em}.act-wrap .sect-title p{font-size:1.1em;margin-bottom:0.5em}}.act-wrap .act-nb,.act-wrap .nb{font-family:"Helvetica Neue", Helvetica, Arial}.act-wrap .text-blue{color:#3422e6 !important}.act-wrap .text-red{color:#de0010 !important}.act-wrap .text-yellow{color:#ffcf3f !important}.act-wrap .text-list-decimal{list-style-type:decimal;padding-left:1em}.act-wrap .text-list-disc{list-style-type:disc;padding-left:1em}.act-sect-assistant .search-wrapper{position:sticky;top:1.5em;z-index:9;width:90%;max-width:420px;left:50%;transform:translateX(-50%)}.act-sect-assistant .search-fixed{position:fixed}.act-sect-assistant .search-content{position:absolute;width:100%;border:1px solid #ddd;border-radius:2em;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:0;background:#fff}.act-sect-assistant .search-icon{position:absolute;background:#3422e6;color:#fff;border-radius:100em;padding:1em;right:-2px;top:2px}.act-sect-assistant .search-icon .act-icon{width:1.5em}.act-sect-assistant .search-input{width:100%;background:transparent;font-size:1.1em;color:#666;outline:none;border:none;padding:1em;padding-left:1.5em;letter-spacing:0.1em}.act-sect-assistant input::-webkit-input-placeholder,.act-sect-assistant textarea::-webkit-input-placeholder{color:#666 !important}.act-sect-assistant input:-moz-placeholder,.act-sect-assistant textarea:-moz-placeholder{color:#666 !important}.act-sect-assistant input::-moz-placeholder,.act-sect-assistant textarea::-moz-placeholder{color:#666 !important}.act-sect-assistant input:-ms-input-placeholder,.act-sect-assistant textarea:-ms-input-placeholder{color:#666 !important}.act-sect-assistant .suggestions-list{top:100%;left:0;width:100%;list-style:none;padding:0;margin:0;display:none;z-index:1000;border:none;padding-bottom:1em;cursor:pointer}.act-sect-assistant .suggestions-list li{padding:.6em;padding-left:1.5em;font-size:1.1em;color:#000;letter-spacing:0.1em;cursor:pointer;display:block}.act-sect-assistant .suggestions-list li:hover{background-color:#d7ceff}.act-sect-assistant .div-wrap{margin-top:10em;max-width:1200px;margin-left:auto;margin-right:auto}.act-sect-assistant .target-div{margin-top:2em;flex:1;max-width:310px;min-width:310px;padding:0;transform:scale(1);transition:all 0.3s ease}.act-sect-assistant .target-div.filter{filter:blur(6px);opacity:.7;transition:all 0.3s ease}.act-sect-assistant .target-div.clear{filter:blur(0px);transition:all 0.3s ease .4s;opacity:1;transform:scale(1.2)}.act-sect-assistant .act-item{position:relative}.act-sect-assistant .act-item:hover .arr-wrap{transition:all 0.3s;width:4.6em}.act-sect-assistant .act-item:hover .arr-wrap .arr{transition:all 0.2s}.act-sect-assistant .cover-wrap{position:relative;cursor:pointer}.act-sect-assistant .cover-wrap .nana{position:absolute;right:-3em;bottom:-4px;z-index:4;width:66%}.act-sect-assistant .arr-wrap{transition:all .3s;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:3.6em;aspect-ratio:1 / 1;z-index:6;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.act-sect-assistant .arr-wrap:before,.act-sect-assistant .arr-wrap:after{content:"";border-radius:100em;position:absolute}.act-sect-assistant .arr-wrap:before{width:100%;aspect-ratio:1 / 1;mix-blend-mode:overlay;background:rgba(255,255,255,0.8)}.act-sect-assistant .arr-wrap .arr{width:40%;height:auto;transform:translateX(0.25em);transition:all .3s}.act-sect-assistant .act-cover{position:relative;overflow:hidden;border-radius:1em}.act-sect-assistant .act-cover:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(133,137,214,0.6);z-index:2}.act-sect-assistant .act-cover h3{position:absolute;top:0;left:0;background:#6b22e6;color:#fff;text-align:center;width:100%;padding:0.35em;font-size:1.3em;letter-spacing:0.1em;z-index:2}.act-sect-assistant .act-cover .act-pic{width:100%;max-width:310px;position:relative;z-index:1;border:1px solid #6b22e6;border-radius:1em}.act-sect-assistant .act-label{color:#434343;font-size:1em;text-align:center;z-index:4;position:absolute;top:5%;left:-20%;width:60%;transform:rotate(-40deg);padding:0.4em;box-shadow:1px 1px 6px 1px rgba(36,0,98,0.4)}.act-sect-assistant .label-blue{background:linear-gradient(to right, #84f5de 0%, #56e8f2 50%, #4cc5f8 100%)}.act-sect-assistant .label-orange{background:linear-gradient(to right, #ffe8ce 0%, #fbb8a0 100%)}.act-sect-assistant .label-purple{background:linear-gradient(to right, #f0d2ff 0%, #c684fe 100%)}.act-sect-assistant .text-comment{margin-top:1.2em;background:#fbe8ae;color:#000;padding:1em;border-radius:1em;font-size:1em;line-height:1.4;position:relative;margin-bottom:.5em}.act-sect-assistant .text-comment:before{content:"";width:0px;height:0px;position:absolute;bottom:100%;right:20%;border-style:solid;border-width:0 0 1em 1em;border-color:transparent transparent #fbe8ae transparent}.act-sect-assistant .text-ps{font-size:0.9em;letter-spacing:0;line-height:1.5;margin-left:0.6em}.act-sect-assistant .has-link{position:relative}.act-sect-assistant .has-link .text-ps{padding-right:9em}.act-sect-assistant .has-link .act-btn{position:absolute;right:0;top:0;color:#fff;line-height:1.2;font-size:.9em;background:linear-gradient(to bottom, #6717cd 0%, #2871fa 100%);padding:.35em 1em;border-radius:100em;border:2px solid #39ded5}.act-sect-assistant .has-link .act-btn:hover{background:linear-gradient(to bottom, #4a08ae 0%, #4a08ae 100%)}@media screen and (max-width: 769px){.act-sect-assistant .search-wrapper{width:80%;top:2.2em;left:10%;transform:translateX(0)}.act-sect-assistant .target-div{margin-top:4em;flex:1;max-width:none;min-width:100px;padding:0;width:84%;display:block;margin-left:auto;margin-right:auto}.act-sect-assistant .cover-wrap .nana{position:absolute;right:-2em;bottom:-4px;z-index:4;width:50%}}body.bg-transparent{background:transparent !important}.dv-small .Demo-wrap{transform:scale(0.76);transform-origin:top center}.Demo-wrap{font-family:'Noto Sans TC',"微軟正黑體",Microsoft Yahei,Poppins,Helvetica, Arial;font-weight:400;line-height:1.5;color:#000;text-align:left;font-size:1em;position:relative;width:100%;height:100%;z-index:9;max-width:1200px;margin-left:auto;margin-right:auto}.Demo-wrap .swiper-slide{opacity:0 !important}.Demo-wrap .swiper-slide-active{opacity:1 !important}.Demo-wrap .Demo-container{padding:.4em;border-radius:1em;width:100%;background:linear-gradient(to bottom, #bac8e0 0%, #93a5cf 100%);max-width:1200px;margin-left:auto;margin-right:auto}.Demo-wrap .Demo-container .Demo-pic{border-radius:1em;width:100%;max-width:1200px;display:block;margin-left:auto;margin-right:auto}.Demo-wrap .act-btn{font-size:1.2em;border-radius:100em;padding:0.5em 1em}.Demo-wrap .btn-red{background:#de0010;color:#fff}.Demo-wrap .btn-red:hover{color:#fff;background:#ab000c}.Demo-wrap .btn-purple{background:#6021d2;color:#fff}.Demo-wrap .btn-purple:hover{color:#fff;background:#4c1aa6}.Demo-wrap .btn-wave-wrap{position:relative;margin-top:2em;width:80%;margin-left:auto;margin-right:auto;max-width:200px}.Demo-wrap .btn-wave-wrap .act-btn{display:block;width:100%;position:relative;z-index:2}.Demo-wrap .btn-wave-wrap .wave{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:100em;z-index:1;animation:btn-wave 2s infinite;pointer-events:none;background:#ff6161}.Demo-wrap .btn-wave-wrap .wave:nth-child(2){animation-delay:0.5s}@keyframes btn-wave{0%{transform:scale(0);opacity:1}100%{transform:scale(1.6);opacity:0}}.Demo-wrap .step-box{background:#7176f0;color:white;padding:1.5em;border-radius:1em;position:absolute;z-index:6;box-shadow:0 0.5em 1em rgba(0,0,0,0.2);max-width:90%;text-align:center}.Demo-wrap .step-box .arr{line-height:0;height:0;width:0;position:absolute;border-style:solid;border-width:.7em 1.4em .7em 0;border-color:transparent #7176f0 transparent transparent}.Demo-wrap .step-box .arrUp{transform:rotate(90deg)}.Demo-wrap .step-box .arrDown{transform:rotate(-90deg)}.Demo-wrap .step-box .arrLeft{transform:rotate(0deg)}.Demo-wrap .step-box .arrRight{transform:rotate(180deg)}.Demo-wrap .step-box h3{font-size:1.3em;margin-bottom:0.5em;font-weight:bold}.Demo-wrap .step-box p{font-size:1.1em;margin-bottom:1.5em}.Demo-wrap .step-nav{display:flex;justify-content:space-between}.Demo-wrap .step-nav .step-btn,.Demo-wrap .step-nav .step-prev-btn,.Demo-wrap .step-nav .step-next-btn{background-color:transparent;border:none;color:white;font-size:1.1em;cursor:pointer;white-space:nowrap;font-family:'Noto Sans TC',"微軟正黑體",Microsoft Yahei,Poppins,Helvetica, Arial}.Demo-wrap .step-nav .step-prev-btn{margin-right:auto}.Demo-wrap .step-nav .step-prev-btn:before{font-family:inherit !important;content:'◀';font-size:1em;margin-right:0.5em}.Demo-wrap .step-nav .step-next-btn{margin-left:auto}.Demo-wrap .step-nav .step-next-btn:after{font-family:inherit !important;content:'▶';font-size:1em;margin-left:0.5em}.Demo-wrap .ripple-wrap{position:absolute;width:200px;cursor:pointer;z-index:3;display:flex;justify-content:center;align-items:center}.Demo-wrap .ripple-wrap .ripple{position:absolute;width:30%;aspect-ratio:1 / 1;background-color:rgba(255,97,97,0.3);border:1px solid #ff6161;border-radius:100em;animation:ripple-animation 2s both infinite;cursor:pointer}@keyframes ripple-animation{0%{transform:scale(1);opacity:0}20%{opacity:1}95%,100%{transform:scale(3);opacity:0}}.Demo-wrap .ripple:nth-child(2){animation-delay:.5s}.Demo-wrap .textsquare-box{position:absolute;border-radius:.8em;min-width:5%;min-height:5%;background-color:rgba(255,97,97,0.1);border:1px solid #ff6161}.Demo-wrap .breadcrumb{padding:0;padding-left:0em;padding-right:0em;width:110%;left:-5%;display:flex;justify-content:center;align-items:center;margin-top:1.5em;margin-right:auto;margin-left:auto;position:relative;background:transparent}.Demo-wrap .breadcrumb-item{flex:1;align-items:center;position:relative}.Demo-wrap .breadcrumb-item:before,.Demo-wrap .breadcrumb-item:after{content:"" !important;position:absolute;width:50%;height:1.5px;background-color:lightgray;top:50%;transform:translateY(-50%);z-index:1}.Demo-wrap .breadcrumb-item:before{left:0}.Demo-wrap .breadcrumb-item:after{right:0}.Demo-wrap .breadcrumb-item:first-child:before{display:none}.Demo-wrap .breadcrumb-item:last-child:after{display:none}.Demo-wrap .breadcrumb-item .act-dot{width:1em;aspect-ratio:1 / 1;position:relative;background-color:#fff;display:block;margin-left:auto;margin-right:auto;border-radius:100em;z-index:5}.Demo-wrap .breadcrumb-item .act-text{margin-top:5px;text-align:center;display:inline-block;color:#fff;font-size:1em;position:absolute;top:1em;white-space:nowrap;z-index:2;left:50%;transform:translateX(-50%)}.Demo-wrap .breadcrumb-item.active .act-dot{background-color:#4adede}.Demo-wrap .breadcrumb-item.active .act-text{color:#4adede}.Demo-wrap .breadcrumb-item.active:before{background-color:#4adede}.Demo-wrap .breadcrumb-item.line-light:after{background-color:#4adede}#toolbar{display:none !important}html{max-width:100vw;overflow-X:hidden}body{font-size:16px}.act-wrap{width:100%;height:auto;position:relative;font-family:Microsoft Yahei,"微軟正黑體",Poppins,Helvetica, Arial;font-weight:400;line-height:1.5;color:#000;text-align:left;background:#fff;font-size:1em}@media screen and (max-width: 769px){.act-wrap{max-width:100vw;overflow-X:hidden}}.act-header{background:url("../images/header-bg.webp") no-repeat top center,url("../images/header-bg2.webp") no-repeat bottom right;background-size:100% , 50%;width:100%;position:relative;padding-bottom:6em}.act-header .act-container-wrap{padding-top:8em;max-width:calc(1200px + 2em )}@media screen and (max-width: 769px){.act-header{font-size:calc(2vw + 1.5vmin) !important;background:url("../images/header-bg-m.webp") no-repeat top center;background-size:100%}.act-header .act-container-wrap{padding-top:7em}}.act-sect1{padding-top:0;padding-bottom:0}.act-sect1:before{content:"";position:absolute;width:95%;height:100%;right:0;background:linear-gradient(to right, #c8baff 0%, #5c93ed 100%);border-radius:100em 0 0 100em;z-index:1}.act-sect1 .sect-title{margin-bottom:0}.act-sect1 .act-container-wrap{padding-top:3em;padding-bottom:3em;z-index:2}.act-sect1 .act-pic{display:block;margin-left:auto;margin-right:auto;width:100%}@media screen and (max-width: 769px){.act-sect1:before{width:100%;height:100%;background:linear-gradient(to right, #c8baff 0%, #5c93ed 100%);border-radius:0}}.act-sect2{padding-bottom:1em}.act-sect2 .act-container-wrap{max-width:1260px}.act-sect2 .act-pic{width:100%;display:block;margin-left:auto;margin-right:auto}.act-sect2 .integrate-part{max-width:1194px;margin-left:auto;margin-right:auto}.act-sect2 .integrate-part .act-part{position:relative;padding-top:1em;margin-top:-2px;flex:1}.act-sect2 .integrate-part .act-part:not(:last-child){margin-right:.4em}.act-sect2 .integrate-part .act-part h4{background:linear-gradient(to bottom, #937efe 0%, #44f 100%);border-radius:.6em;width:80%;max-width:200px;color:#fff;padding:0.4em;text-align:center;display:block;position:absolute;left:50%;transform:translateX(-50%);top:0}.act-sect2 .integrate-part .act-item{flex:1;background:#a3acf9;border-radius:.8em;padding:3em 1.2em 2em}.act-sect2 .integrate-part .act-item:not(:last-child){margin-right:.15em}.act-sect2 .integrate-part .act-item .act-icon{width:5em;display:block;margin-left:auto;margin-right:auto;margin-bottom:0.5em}.act-sect2 .integrate-part .act-item h3{color:#fff;text-align:center;margin-bottom:0.5em;font-size:1.5em;font-weight:bold}.act-sect2 .integrate-part .act-item p{color:#fff;font-size:0.9em;margin-bottom:0}@media screen and (max-width: 769px){.act-sect2 .act-container-wrap{overflow-X:scroll}.act-sect2 .act-container-wrap .act-inner{min-width:60em}}.act-sect3{background:url("../images/s3-bg.webp") no-repeat bottom center;background-size:100%;padding-bottom:7em}.act-sect3 .advantages-part .act-item{max-width:236px;flex:1;background:#6b22e6;border-radius:0;text-align:center;padding:3em 1em 3em;position:relative;overflow:hidden;cursor:pointer}.act-sect3 .advantages-part .act-item:not(:last-child){margin-right:.3em}.act-sect3 .advantages-part .act-item:before{content:"";width:98%;height:98%;top:0;left:0;background:linear-gradient(to bottom, #e4e7fc 0%, #bfc5f9 100%);position:absolute;z-index:1;border-radius:0 0 100px 0;transform:translateY(0) translateX(0);transition:all .3s}.act-sect3 .advantages-part .act-item:hover:before{transform:translateY(-110%) translateX(-110%);transition:all .6s;opacity:1}.act-sect3 .advantages-part .act-item:hover .act-inner{transform:translateY(-160%) translateX(-130%);transition:all .6s}.act-sect3 .advantages-part .act-item:hover .act-hover{transform:translateY(0) translateX(0) scale(1);transition:all .6s;opacity:1}.act-sect3 .advantages-part .act-item .act-inner{transition:all .3s;position:relative;z-index:2;transform:translateY(0) translateX(0);padding:1em}.act-sect3 .advantages-part .act-item .act-icon{margin-bottom:1em;position:relative;z-index:2;width:6em}.act-sect3 .advantages-part .act-item h3{line-height:1.5;font-size:1.9em;position:relative;z-index:2;color:#6b22e6;font-weight:bold;margin-bottom:.6em}.act-sect3 .advantages-part .act-item p{color:#270069;font-size:1em;line-height:1.6;text-align:left}.act-sect3 .advantages-part .act-item .act-hover{transform:translateY(120%) translateX(120%) scale(0.3);transform-origin:left top;text-align:left;padding:1em .5em;padding-top:2.6em;transition:all .3s;z-index:9;position:absolute;top:0;left:0;width:100%;height:calc(100% + 2px)}.act-sect3 .advantages-part .act-item .act-hover:before{content:"";width:200%;height:200%;top:-50%;left:-50%;position:absolute;z-index:1;border-radius:0}.act-sect3 .advantages-part .act-item .act-hover h3{color:#fff;text-align:center;font-size:1.9em}.act-sect3 .advantages-part .act-item .act-hover p{color:#fff;font-size:1em;line-height:1.6;position:relative;z-index:2;margin-bottom:2em;padding:0 1em}.act-sect3 .advantages-part .act-item .act-hover .act-pic{position:relative;z-index:2;width:100%;margin-left:auto;margin-right:auto;display:block}.act-sect3 .advantages-part .act-item .zoom{width:1.5em;position:absolute;right:.6em;bottom:.6em;z-index:3}@media screen and (max-width: 769px){.act-sect3{background:url("../images/s3-bg-m.webp") no-repeat bottom center;background-size:100%}.act-sect3 .advantages-part .act-item{width:100%;max-width:none;margin-top:1em}.act-sect3 .advantages-part .act-item .act-icon{width:7em}.act-sect3 .advantages-part .act-item h3{font-size:1.9em}.act-sect3 .advantages-part .act-item p{color:#270069;font-size:1.1em}.act-sect3 .advantages-part .act-item .act-hover{padding:1em .5em;padding-top:1.5em}}
/*# sourceMappingURL=style.css.map */