﻿@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");html{scroll-behavior:smooth}*:focus{outline:none !important}button{outline:none !important;border:none !important}.act-container-wrap{width:100%;margin-left:auto;margin-right:auto;position:relative}.act-sect{position:relative}.act-wrap .act-nb{font-family:Helvetica, Arial}@media screen and (max-width: 768px){.act-sect{font-size:calc(1vw + 1vh + .5vmin) !important}}.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)}}.fadeInLeftSmaller{animation-name:fadeInLeftSmaller}@keyframes fadeInLeftSmaller{from{opacity:0;-webkit-transform:translate3d(-10%, 0, 0);transform:translate3d(-10%, 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)}}.fadeInBottomLeftSmaller{animation-name:fadeInBottomLeftSmaller}@keyframes fadeInBottomLeftSmaller{from{opacity:0;-webkit-transform:translate3d(-10%, 10%, 0);transform:translate3d(-10%, 10%, 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)}}.act-wrap{width:100%;height:auto;position:relative;font-family:'Noto Sans TC',"微軟正黑體",Microsoft Yahei,Helvetica, Arial;font-weight:400;line-height:1.5;color:#212529;text-align:left;background:#e9ecf3;font-size:16px}.act-header{z-index:1;background:url("../images/header-bg.jpg") no-repeat top center;background-size:cover;width:100%;position:relative;overflow:hidden;height:930px}.act-header .act-title{padding-left:3em;color:#1e3485;padding-top:2.5em}.act-header .act-title .logo{margin-bottom:1.5em;position:relative;left:-.5em;display:inline-block}.act-header .act-title .logo img{width:9em}.act-header .act-title h2{font-weight:normal;font-size:2em;letter-spacing:1px}.act-header .act-title h2 span{color:#fff;background:#ff2525;margin-right:0.4em;font-size:66%;vertical-align:2px;padding:0.16em 0.6em}.act-header .act-title h1{font-weight:500;font-size:3.8em;letter-spacing:2px;line-height:1.05}.act-header .act-title h1 span{color:#ff2525}.act-header .act-data{margin-top:3em}@media screen and (min-width: 769px){.act-header .act-data{margin-left:20px}}.act-header .act-data .act-item{text-align:center;background:#fff;width:7em;height:7em;padding-top:.8em;border-radius:100em;position:relative}.act-header .act-data .act-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:-3px auto auto;border:7px solid transparent;border-top-color:#ff7171;line-height:0;height:0;width:0}.act-header .act-data .act-item:not(:last-child){margin-right:0.35em}.act-header .act-data .act-item .act-icon{width:1.8em;display:block;margin-left:auto;margin-right:auto;margin-bottom:0.3em}.act-header .act-data .act-item h3{font-size:.9em;line-height:1;margin-bottom:0;white-space:nowrap}.act-header .act-data .act-item .act-nb{font-size:1.8em;color:#ff2525;line-height:1.4;font-weight:normal;white-space:nowrap}.act-header .act-data .act-item .act-arr{width:.55em;margin-right:-5px;position:relative;top:-.05em}.act-header .text-note{padding-left:3em;color:#1e3485;font-size:1em;letter-spacing:0.2em;margin-top:1em}@keyframes arr{0%, 100%{top:0}45%,55%{top:2px}}@media screen and (max-width: 768px){.act-header{font-size:calc(1vw + 1vh + .5vmin) !important;background:url("../images/header-bg-m.jpg") no-repeat top center;background-size:100% auto;height:auto;padding-bottom:2em}.act-header .act-title{font-size:0.9em;padding-left:8%}.act-header .act-title .logo{width:8em}.act-header .act-title h2{font-size:1.8em}.act-header .act-title h1{font-size:2.5em}.act-header .act-data{margin-top:2em;width:96%;margin-left:auto;margin-right:auto}.act-header .act-data .act-item{font-size:1.1em;max-width:7em;min-height:7em;margin:0.5em}}.act-container-wrap{max-width:1200px}.act-sect{padding-top:4em;padding-bottom:4em}canvas{max-width:100% !important;height:auto !important}.act-wrap .act-btn-blue{background:#6485ff !important;color:#fff !important;font-size:1.5em;padding:0.5em 3em !important;text-align:center;border-radius:10px;transition:all .3s}.act-wrap .act-btn-blue:hover{background:#456dff !important}@media screen and (max-width: 768px){.act-sect{padding-top:3em;padding-bottom:3em}}.act-value-process{position:absolute;width:100%;height:170vh;pointer-events:none;padding-top:0;padding-bottom:0;z-index:6;top:400px;background:url("../images/value-process.png") no-repeat top center}.act-value-process .act-container-wrap{max-width:1300px}.act-value-process .act-item{position:absolute;text-align:center}.act-value-process .act-item .act-icon{width:8em !important;position:relative;left:40px;top:10px}.act-value-process .act-item h2{font-size:2.6em;transform:rotate(28deg) skew(-14deg);color:#fff;margin-bottom:0;line-height:1;font-weight:bold}.act-value-process .act-item p{font-size:1.6em;transform:rotate(28deg) skew(-14deg);color:#000;margin-bottom:0;line-height:1.2;left:-48px;position:relative}.act-value-process .act-item .p-small{font-size:1.35em}.act-value-process .act-item01{left:245px;top:272px}.act-value-process .act-item02{left:510px;top:155px}.act-value-process .act-item02 .act-icon{top:-0px}.act-value-process .act-item03{left:810px;top:20px}.act-value-process .act-item03 .act-icon{top:26px}.act-value-process .act-text{position:absolute;top:546px;left:-48px;font-weight:bold;color:#fff;font-size:2.6em;line-height:1.2;letter-spacing:0;transform:rotate(28deg) skew(-14deg)}.act-value-process .pic-ERP{position:absolute;top:606px;left:-160px}@media screen and (max-width: 1300px){.act-value-process{top:420px;background:url("../images/value-process-1024.png") no-repeat top center}.act-value-process .act-item{display:none}.act-value-process .act-text{display:none}}@media screen and (max-width: 768px){.act-value-process{position:relative;top:auto;pointer-events:auto;background:url("../images/value-process-m.png") no-repeat top center;background-size:100% auto;height:60em}.act-value-process:before{z-index:-1;position:absolute;width:100%;height:100%;background:url("../images/city-bg01-m.jpg") no-repeat top left,url("../images/city-bg02-m.jpg") no-repeat bottom right;background-size:100% auto}.act-value-process .act-container-wrap{font-size:0.8em;height:100%}.act-value-process .act-item{display:none}.act-value-process .act-item .act-icon{display:none}.act-value-process .act-item p{left:-1.3em;top:0}.act-value-process .act-item01{top:38%;left:37%}.act-value-process .act-item01 .act-icon{left:1.2em;top:0em}.act-value-process .act-item02{top:17%;left:36%}.act-value-process .act-item02 .act-icon{top:2em;left:2em;width:10em}.act-value-process .act-item03{top:-2%;left:50%}.act-value-process .act-item03 .act-icon{top:1.6em}.act-value-process .act-text{top:64%;left:7%;display:none}.m-bg{background:url("../images/city-bg01-m.jpg") no-repeat top center,url("../images/city-bg02-m.jpg") no-repeat top 34em center;background-size:100% auto}}@media screen and (max-width: 768px) and (max-height: 750px){.act-value-process{height:66em}.act-value-process .act-item01{top:39%;left:37%}.act-value-process .act-item02{top:19%;left:37%}.act-value-process .act-item02 .act-icon{top:2em;left:2em;width:10em}.act-value-process .act-item03{top:0%;left:49%}.act-value-process .act-item03 .act-icon{top:1.4em}.act-value-process .act-text{top:65%;left:8%}.m-bg{background:url("../images/city-bg01-m.jpg") no-repeat top center,url("../images/city-bg02-m.jpg") no-repeat top 30em center;background-size:100% auto}}.act-case{padding-top:0px;position:relative;z-index:1;background:url("../images/content-bg.jpg") no-repeat bottom center;background-size:cover;padding-bottom:160px}.act-case .act-item{max-width:580px;padding:.8em  1.8em 0;position:relative;margin-bottom:40px}.act-case .act-item:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;transform:skewY(-6deg);background:#fff;z-index:-1;border-radius:16px;box-shadow:0 40px 100px -40px rgba(93,104,130,0.8)}.act-case .act-item:after{content:"";width:100%;height:12px;position:absolute;z-index:2;background:#ff9c9c;transform:skewY(-6deg);bottom:-2px;left:0;border-radius:0 0 16px 16px}.act-case .act-char{position:relative;position:relative;z-index:1}.act-case .act-char .char-pic{position:relative}.act-case .act-char .act-name{font-size:1.2em;position:absolute;font-weight:bold}.act-case .act-char .act-name span{font-size:70%;display:block;font-weight:normal}.act-case .act-text{position:relative;z-index:2;padding-top:3.6em}.act-case .act-text .industry{color:#fff;background:#ff7171;padding:0.4em 0.8em;white-space:nowrap;font-size:0.9em;line-height:1;display:inline-block;border-radius:2px;margin-bottom:6px}.act-case .act-text .v-logo{display:block}.act-case .act-text h4{color:#ff7171;font-size:2.6em;font-weight:bold;margin-bottom:0;white-space:nowrap}.act-case .act-text p{font-size:1.1em;padding-top:0.5em;letter-spacing:2px}.act-case .char-left .char-pic{margin-left:1.1em;bottom:-22px}.act-case .char-left .act-text{margin-left:0em}.act-case .char-left .act-name{top:30%;left:6%}.act-case .char-right .char-pic{bottom:4px}.act-case .char-right .act-text{padding-right:0.5em;padding-top:2em}.act-case .char-right .act-name{top:26%;right:6%}.act-case .act-item03 .char-pic{padding-right:1em}.act-case .act-item03 .act-text{padding-top:5em}.act-case .act-item03 .act-name{top:32%;right:-2%}.act-case .act-item04 .act-text{padding-top:4em}.act-case .act-item04 .act-name{top:28%;right:13%}.act-case .act-item01,.act-case .act-item03{margin-right:40px}.act-case .act-item02,.act-case .act-item04{top:-64px}.act-case .act-btn-blue{display:block;margin-left:auto;margin-right:auto;width:60%;max-width:260px;box-shadow:0 20px 40px -20px rgba(93,104,130,0.8)}.act-case .act-btn-blue:hover{box-shadow:0 10px 20px -10px rgba(93,104,130,0.8)}@media screen and (max-width: 1300px) and (min-width: 769px){.act-case .act-item{max-width:42%;padding:2em  1.8em 0;position:relative;margin-bottom:30px;font-size:0.8em}.act-case .act-char{width:50%}.act-case .act-char .char-pic{height:20em;width:auto}.act-case .act-char .act-name{font-size:1.1em}.act-case .act-char .act-name span{font-size:70%}.act-case .act-text{width:50%;padding-top:2em}.act-case .act-text .v-logo{max-width:80%;height:auto}.act-case .act-text h4{font-size:1.8em}.act-case .act-text p{font-size:1em}.act-case .char-left .char-pic{bottom:-1em}.act-case .char-left .act-text{margin-left:0}.act-case .char-left .act-name{top:26%;left:0}.act-case .char-right .char-pic{bottom:2px}.act-case .act-item03 .act-text{padding-top:2em}.act-case .act-item04 .act-text{padding-top:2em}}@media screen and (max-width: 768px){.act-case{height:auto;padding-top:0;background:url("../images/content-bg-m.jpg") no-repeat bottom center;background-size:cover;padding-bottom:4em}.act-case .act-container-wrap{padding-left:1em;padding-right:1em}.act-case .act-item{margin-bottom:2em;padding:2em 1.4em 0}.act-case .act-char{width:50%}.act-case .act-char .char-pic{height:17em;width:auto}.act-case .act-char .act-name{font-size:1.1em}.act-case .act-char .act-name span{font-size:70%}.act-case .act-text{width:50%;padding-top:0}.act-case .act-text .v-logo{max-width:80%;height:auto}.act-case .act-text h4{font-size:1.8em}.act-case .act-text p{font-size:1em;line-height:1.4}.act-case .char-left .char-pic{bottom:-1em}.act-case .char-left .act-text{margin-left:0}.act-case .char-left .act-name{top:26%;left:0}.act-case .char-right .char-pic{bottom:2px}.act-case .act-item03 .act-text{padding-top:2em}.act-case .act-item04 .act-text{padding-top:2em}.act-case .act-item01,.act-case .act-item03{margin-right:0}.act-case .act-item02,.act-case .act-item04{top:auto}.act-case .act-item01{order:1}.act-case .act-item02{order:3;z-index:6}.act-case .act-item03{order:2}.act-case .act-item04{order:4;z-index:7}.act-case .act-btn-blue{margin-top:1em}}.act-sect-illustrate{z-index:1;padding-top:140px}.act-sect-illustrate .act-content{position:relative;z-index:2;padding:3em 2em;max-width:1100px;margin-left:auto;margin-right:auto}.act-sect-illustrate .act-content .act-item{padding:1em 3em 0;flex:1}.act-sect-illustrate .act-content .act-item h3{font-size:2em;color:#fff66b;font-weight:bold;margin-bottom:0.8em}.act-sect-illustrate .act-content .act-item p{font-size:1.2em;color:#fff;margin-bottom:0}.act-sect-illustrate .act-content .act-item01{margin-top:3em}.act-sect-illustrate .act-content .act-item02{border-left:1px solid rgba(255,255,255,0.6)}.act-sect-illustrate .act-bg{width:100%;height:100%;position:absolute;left:0;top:0;transform:skewY(-6deg);z-index:1;border-radius:16px;background:url("../images/text-bg.png") no-repeat bottom center #436bff;background-size:100%}@media screen and (max-width: 768px){.act-sect-illustrate{padding-top:0;margin-top:-13em}.act-sect-illustrate .act-container-wrap{padding-left:1em;padding-right:1em}.act-sect-illustrate .act-content{padding:2em 3em}.act-sect-illustrate .act-content .act-item{padding:2em 0em}.act-sect-illustrate .act-content .act-item h3{font-size:2em}.act-sect-illustrate .act-content .act-item p{font-size:1.2em;color:#fff}.act-sect-illustrate .act-content .act-item01{margin-top:3em}.act-sect-illustrate .act-content .act-item02{border:none;border-top:1px solid rgba(255,255,255,0.6)}.act-sect-illustrate .act-bg{background:url("../images/text-bg-m.png") no-repeat bottom center #436bff;background-size:100%;border-radius:16px}}.act-sect-form{position:absolute;overflow:hidden;transition:all .3s;z-index:9;width:100%;left:0;top:0;pointer-events:none}.act-sect-form *{transition:all .3s}.act-sect-form .act-open-bg{background:rgba(255,255,255,0);width:320px;height:320px;position:absolute;right:0;top:0;z-index:1;border-radius:100em;transition-delay:0s;pointer-events:auto}.act-sect-form .act-container-wrap{max-width:1100px;padding-right:15px}.act-sect-form .act-pc-box{display:block;margin-left:auto;border-radius:12px;z-index:9;position:relative;padding:1.2em;background:rgba(255,255,255,0.8);width:340px;pointer-events:auto}.act-sect-form .act-title{text-align:center;position:relative;padding-top:0}.act-sect-form .act-title span{color:#ff2525;font-size:1.2em;position:absolute;width:100%;top:0;left:0;opacity:0}.act-sect-form .act-title h3{line-height:1.2;margin-bottom:0;font-size:1.8em}.act-sect-form .act-title p{font-size:1.2em;margin:0;color:#212529}.act-sect-form .act-title p a{color:#212529}.act-sect-form .act-from{position:relative;padding-top:1em;overflow:hidden;height:180px}.act-sect-form .act-from:before{content:"";position:absolute;width:100%;height:100px;z-index:9;bottom:0;pointer-events:none;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%)}.act-sect-form .act-from.closed{animation:form-h-close 0.3s both}@media screen and (min-width: 769px) and (max-width: 1380px){.act-sect-form .act-from.closed{animation:form-h-close-1360 .3s both}}.act-sect-form .act-btn-blue{width:100% !important;height:auto !important;font-size:1em !important;display:block;border-radius:4px;box-shadow:none;outline:none;border:none}.act-sect-form .verifica{margin:10px 0;color:#848484;font-weight:300}.act-sect-form .renovCode{background:url("../images/reload.svg") no-repeat top center;width:20px;height:20px;margin-left:3px;position:relative;top:-3px}.act-sect-form #fromSource{display:none}.act-sect-form #identCode{width:125px}.act-sect-form #vericodePic{margin-left:0px;width:110px;height:36px;position:relative;top:-3px}.act-sect-form .checAgree{display:block;margin-bottom:1em}.act-sect-form .checAgree a{color:#6485ff !important}.act-sect-form.from-open{width:100%}.act-sect-form.from-open .act-open-bg{background:rgba(255,255,255,0.8);transform:scale(12);position:fixed;transition:all .4s;border-radius:0;transition-delay:.08s}.act-sect-form.from-open .act-pc-box{width:400px}.act-sect-form.from-open .act-title{padding-top:1.6em}.act-sect-form.from-open .act-title span{opacity:1}.act-sect-form.from-open .act-from{height:auto;animation:form-h 0.3s both}@media screen and (min-width: 769px) and (max-width: 1380px){.act-sect-form.from-open .act-from{animation:form-h-1360 0.3s both}}.act-sect-form.from-open .act-from:before{display:none}.act-sect-form.from-open .label-input-lt{background:#fff}@keyframes form-h{0%{height:180px}90%{height:580px}100%{height:auto}}@keyframes form-h-close{0%{height:auto}1%{height:580px}100%{height:180px}}@keyframes form-h-1360{0%{height:180px}90%{height:360px}100%{height:auto}}@keyframes form-h-close-1360{0%{height:auto}1%{height:360px}100%{height:180px}}@media screen and (min-width: 769px) and (max-width: 1380px){.act-sect-form.from-open{padding-top:.5em}.act-sect-form.from-open .act-title{text-align:left;padding-top:.5em}.act-sect-form.from-open .act-title h3{display:inline-block}.act-sect-form.from-open .act-title p{display:inline-block}.act-sect-form.from-open .act-title span{right:0;display:inline-block;left:auto;width:auto;text-align:right;bottom:0;top:auto}.act-sect-form.from-open .act-pc-box{width:80%;max-width:900px;padding-left:2em;padding-right:2em;background:#fff}.act-sect-form.from-open .act-from{text-align:center;padding-top:1em;display:flex;justify-content:space-between;flex-wrap:wrap}.act-sect-form.from-open .form-group{margin-bottom:14px;width:calc(50% - 2px)}.act-sect-form.from-open .textarea{width:100%;margin-bottom:0}.act-sect-form.from-open .act-btn-blue{max-width:360px;margin-top:.6em !important}.act-sect-form.from-open .verifica{display:inline-block}.act-sect-form.from-open .checAgree{display:inline-block;margin:15px  0 0 auto}}@media screen and (max-width: 768px){.act-sect-form{position:relative;background:#fff}.act-sect-form .act-container-wrap{padding-right:0}.act-sect-form .act-open-bg{display:none}.act-sect-form .act-pc-box{width:100%;padding-left:1.5em;padding-right:1.5em}.act-sect-form .act-from{height:auto}.act-sect-form .act-from:before{display:none}.act-sect-form .act-title{padding-top:1.6em;font-size:1.4em;padding-bottom:1em}.act-sect-form .act-title span{opacity:1}.act-sect-form .act-title p{margin-top:0.2em}.act-sect-form .act-title p a{display:inline-block;padding:.1em 0.4em;border-radius:10px;border:1px solid #b1b1b1;font-size:85%}.act-sect-form .label-input-lt{background:#fff !important}.act-sect-form .act-btn-blue{font-size:1.4em !important}}.act-wrap .form-control,.act-wrap input[type="text"]{position:relative;z-index:1;transition:all .3s;border-radius:0;border:1px solid #989898;background:transparent;box-shadow:none !important;outline:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.act-wrap .form-control:focus,.act-wrap .form-control:active,.act-wrap input[type="text"]:focus,.act-wrap input[type="text"]:active{box-shadow:none;border:1px solid #989898;background:transparent;transition:all .3s}.act-wrap .form-group{position:relative;padding-bottom:2px}.act-wrap .label-input-lt{position:absolute;top:-15px;left:10px;background:#f5f7f9;padding:2px 5px;display:block;z-index:2;color:#848484;font-size:16px}.act-wrap textarea.form-control{padding-top:16px}.act-wrap input::-webkit-input-placeholder,.act-wrap textarea::-webkit-input-placeholder{color:#989898 !important}.act-wrap input:-moz-placeholder,.act-wrap textarea:-moz-placeholder{color:#989898 !important}.act-wrap input::-moz-placeholder,.act-wrap textarea::-moz-placeholder{color:#989898 !important}.act-wrap input:-ms-input-placeholder,.act-wrap textarea:-ms-input-placeholder{color:#989898 !important}
/*# sourceMappingURL=style.css.map */
