@import url("https://www.digiwin.com.tw/dsc/css/bootstrap4.0_M.css");@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");@import url("https://www.digiwin.com.tw/dsc/css/animate-3.7.2.css");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");@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");*: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}.act-wrap input{-webkit-appearance:none;-moz-appearance:none;appearance:none}ol,ul{list-style:none}@media screen and (max-width: 768px){.act-sect{font-size:calc(1vw + 1vh + .5vmin) !important}}.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-container-wrap{max-width:1200px}.act-sect{padding-top:5em;padding-bottom:5em}@media screen and (min-width: 768px) and (max-width: 1380px){.act-header,.act-sect{font-size:0.9em}}@media screen and (max-width: 768px){.act-sect{padding-top:3em;padding-bottom:3em}}.act-wrap .navbar-wrap{padding-right:15px;z-index:99;height:60px;background:#182432;color:#fff;position:sticky;top:0}.act-wrap .navbar-wrap:before{content:"";background:#09b8bb;left:0;width:30%;position:absolute;top:0;height:100%}.act-wrap .navbar{background:#182432;height:100%;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-right:0;padding-left:0}.act-wrap .navbar .navbar-brand{padding-left:15px}.act-wrap .navbar .navbar-brand img{position:relative;top:-4px}.act-wrap .navbar .nav-item{padding-left:1em;padding-right:1em}.act-wrap .navbar .nav-link{color:#fff;font-size:1em;font-weight:500}.act-wrap .navbar .nav-link.active{color:#0ad5d8}.act-wrap .navbar .btn-item{padding-top:2px}@media screen and (max-width: 768px){.act-wrap .navbar-wrap{display:none}}.act-wrap .act-btn{border-radius:0;padding:.75em;letter-spacing:2px}.act-wrap .btn-blue{background:#3798e4;color:#fff}.act-wrap .btn-blue:hover{color:#fff;background:#1c7fcc}.act-wrap .btn-yellow{background:#ffde00;color:#182432;border-radius:10em}.act-wrap .btn-yellow:hover{color:#182432;background:#ffe533}.act-wrap .btn-red{background:#da4415;color:#fff;border-radius:10em}.act-wrap .btn-red:hover{color:#fff;background:#ec6236}.act-wrap .btn-black{background:#182432;color:#fff;border-radius:10em}.act-wrap .btn-black:hover{color:#fff;background:#293d54}.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: 768px){.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:.5em}}.act-wrap a:hover{color:#3798e4}.act-wrap .sect-title{text-align:center;margin-bottom:3em}.act-wrap .sect-title h2{font-size:2.2em;font-weight:normal;line-height:1.4;font-weight:400}.act-wrap .sect-title h2.text-lg{font-size:3em;font-weight:900}.act-wrap .sect-title .act-point{background:#0ad5d8;font-size:50%;font-weight:500;padding:0.25em .7em;margin-left:0.5em;vertical-align:middle;display:inline-block;position:relative;top:-0.2em}.act-wrap .sect-title p{font-size:1.4em;line-height:1.8}.act-wrap .sect-title .text-note{font-size:1em}@media screen and (max-width: 768px){.act-wrap .sect-title{padding-right:.75em;padding-left:.75em;margin-bottom:2em}.act-wrap .sect-title h2{font-size:1.8em}.act-wrap .sect-title h2.text-lg{font-size:2.2em}.act-wrap .sect-title p{font-size:1.2em}}.act-wrap .nb{font-family:"Helvetica Neue", Helvetica, Arial}.act-wrap .text-underlin{display:inline-block;padding-bottom:.25em;padding-left:0.5em;padding-right:0.5em}.act-wrap .text-underline-dark{border-bottom:1px solid #182432}.act-wrap .text-underline-main{border-bottom:1px solid #09b8bb}.act-wrap .text-underline-white{border-bottom:1px solid #fff}.act-wrap .text-main{color:#09b8bb}.act-wrap .text-blue{color:#3798e4}.act-wrap .text-red{color:#da4415}.act-wrap .text-yellow{color:#ffde00}.act-wrap .text-list-decimal{list-style-type:decimal;padding-left:1em}.act-wrap .text-list-disc{list-style-type:disc;padding-left:1em}.tab-wrap{margin:50px auto;position:relative;max-width:1100px;margin-left:auto;margin-right:auto}.tab-wrap .tab-item{width:calc(50% - 1em);background:#f2f2f2}.tab-wrap .tab-item.bg-white{background:#fff}.tab-wrap .tab-nav{text-align:center;height:50px;line-height:50px;padding:0;font-size:1.3em;font-weight:bold}.tab-wrap .tab-nav01{background:#182432;color:#fff}.tab-wrap .tab-nav02{background:#0ad5d8;color:#182432}.tab-wrap .tab-content{font-size:1em}@media screen and (min-width: 769px){.tab-wrap .tab-content{display:block !important}}.tab-wrap .tab-content .tab-inner{padding:1.5em 2em}@media screen and (max-width: 768px){.tab-wrap{width:100%;position:relative}.tab-wrap .tab-item{width:100%;background:transparent}.tab-wrap .tab-nav{text-align:center;cursor:pointer;position:absolute;top:0;font-size:1.1em}.tab-wrap .tab-nav01{width:50%;left:0}.tab-wrap .tab-nav02{width:50%;right:0}.tab-wrap .tab-content{padding-top:50px}.tab-wrap .tab-content01{background:#182432;color:#fff}.tab-wrap .tab-content02{background:#0ad5d8;color:#182432}}@media screen and (min-width: 769px){.customer-case .tab-hover-wrap{position:relative;display:block !important;padding-bottom:3em}.customer-case .tab-hover-wrap .tab-item{position:static}.customer-case .tab-hover-wrap .tab-item:last-child .text-part:before{display:none !important}.customer-case .tab-hover-wrap .tab-nav{cursor:pointer;width:calc(60% - 40px);position:relative;padding-top:1em;padding-bottom:1em;padding-left:40px}.customer-case .tab-hover-wrap .tab-nav:before{content:"";background:#182432;height:3px;width:90%;right:0;position:absolute;top:0;opacity:0}.customer-case .tab-hover-wrap .tab-nav h3{font-size:1.4em}.customer-case .tab-hover-wrap .tab-nav .nb{position:absolute;left:0;font-size:1em;font-weight:bold}.customer-case .tab-hover-wrap .tab-content{height:0;overflow:hidden;transition:all .3s}.customer-case .tab-hover-wrap .tab-content .inner{padding:0 1em 0}.customer-case .tab-hover-wrap .tab-content .inner *{transition:all .3s}.customer-case .tab-hover-wrap .tab-content .inner .text-part{position:relative;padding-bottom:1em;font-size:1.1em;width:calc( 60% - 40px);left:0;padding-left:40px}.customer-case .tab-hover-wrap .tab-content .inner .text-part:before{content:"";background:#182432;height:1px;width:calc(100% - 30px);right:0;position:absolute;bottom:0}.customer-case .tab-hover-wrap .tab-content .inner .pic-part{width:40%;position:absolute;right:0;top:0;display:none}.customer-case .tab-hover-wrap .tab-content .inner .pic-part .v-logo{display:block;margin-bottom:1em}.customer-case .tab-hover-wrap .tab-content .inner .pic-part .v-pic{display:block;cursor:pointer;object-fit:cover;height:300px}.customer-case .tab-hover-wrap .tab-item.active .tab-nav:before{width:100%;opacity:1;transition:all .3s}.customer-case .tab-hover-wrap .tab-item.active .tab-content{height:auto;overflow:visible;transition:all .3s}.customer-case .tab-hover-wrap .tab-item.active .tab-content .inner *{transition:all .3s}.customer-case .tab-hover-wrap .tab-item.active .tab-content .inner .text-part{border-width:100%}.customer-case .tab-hover-wrap .tab-item.active .tab-content .inner .pic-part{display:block}.customer-case .swiper-pagination{display:none}}@media screen and (max-width: 768px){.customer-case .tab-swiper-container{padding-left:2em;padding-right:2em}.customer-case .tab-hover-wrap{padding-bottom:3em}.customer-case .tab-hover-wrap .tab-nav{margin-bottom:1em}.customer-case .tab-hover-wrap .tab-nav h3{font-size:1.6em}.customer-case .tab-hover-wrap .tab-nav .nb{display:none}.customer-case .tab-hover-wrap .tab-content .inner{padding:0}.customer-case .tab-hover-wrap .tab-content .inner .text-part{margin-top:1em}.customer-case .tab-hover-wrap .tab-content .inner .pic-part .v-logo{display:block;margin-bottom:1em;height:2.2em}.customer-case .tab-hover-wrap .tab-content .inner .pic-part .v-mv{display:block}.customer-case .swiper-pagination{border:1px solid #182432;display:inline-block;width:auto;margin-left:auto;margin-right:auto;border-radius:10em;padding:0.2em 1em;left:50%;transform:translateX(-50%)}.customer-case .swiper-pagination-bullet{width:10px;height:10px}.customer-case .swiper-pagination-bullet-active{background:#182432}}.service-tab-wrap{position:relative;max-width:1100px;margin-left:auto;margin-right:auto}.service-tab-wrap .tab-item.active{padding-top:175px}.service-tab-wrap .tab-nav{text-align:center;width:25%;position:absolute;top:0;cursor:pointer;border-bottom:1px solid #a7a8a9;padding:.5em}.service-tab-wrap .tab-nav h3{font-size:1.3em;font-weight:bold;margin-top:1em;color:#c7c7c7}.service-tab-wrap .tab-nav:before{content:"";position:absolute;z-index:2;left:51%;right:51%;bottom:0;background:#09b8bb;height:4px;transition-property:left, right;transition-duration:0.3s;transition-timing-function:ease-out}.service-tab-wrap .tab-nav.active h3{color:#09b8bb}.service-tab-wrap .tab-nav.active:before{left:0;right:0}.service-tab-wrap .tab-nav.active .act-icon{background-position:bottom center}.service-tab-wrap .act-icon{width:90px;height:90px;background-repeat:no-repeat;background-position:top center;background-size:100%;display:block;margin-left:auto;margin-right:auto}.service-tab-wrap .act-icon01{background-image:url("../../images/WB00329501/service-icon01.png")}.service-tab-wrap .act-icon02{background-image:url("../../images/WB00329501/service-icon02.png")}.service-tab-wrap .act-icon03{background-image:url("../../images/WB00329501/service-icon03.png")}.service-tab-wrap .act-icon04{background-image:url("../../images/WB00329501/service-icon04.png")}.service-tab-wrap .tab-nav01{left:0}.service-tab-wrap .tab-nav02{left:25%}.service-tab-wrap .tab-nav03{left:50%}.service-tab-wrap .tab-nav04{left:75%}.service-tab-wrap .tab-content{font-size:1em;height:120px;background:#09b8bb;text-align:center;padding:1.5em;display:flex;align-items:center;justify-content:center}.service-tab-wrap .tab-content p{font-size:1.4em;margin-bottom:0}@media screen and (max-width: 768px){.service-tab-wrap .tab-item.active{padding-top:0}.service-tab-wrap .tab-nav{width:100%;position:relative;top:0;color:#fff;cursor:pointer;left:0 !important;display:flex;justify-content:flex-start;align-self:center;padding:1em 1em}.service-tab-wrap .tab-nav h3{font-size:1.5em;margin-left:0.8em}.service-tab-wrap .tab-nav:before{display:none}.service-tab-wrap .act-icon{width:5em;height:5em;margin:0}.service-tab-wrap .tab-content{top:0;height:auto;text-align:left}.service-tab-wrap .tab-content .tab-inner{padding:1em}.service-tab-wrap .tab-content p{font-size:1.3em}}.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:#182432;text-align:left;background:#fff;font-size:16px}.act-header{background:url("../../images/WB00329501/header-bg.jpg") no-repeat top center;background-size:cover;width:100%;position:relative;overflow:hidden;height:calc(100vh - 195px)}.act-header .act-container-wrap{padding-top:11vh;padding-left:2em}.act-header .act-title{color:#fff;font-size:3.2em;margin-bottom:.5em}.act-header .act-title span{color:#ffde00}.act-header p{font-size:1.4em;color:#fff}.act-header .act-btn{padding-left:2em;padding-right:2em;margin-top:1.5em}@media screen and (max-width: 1380px){.act-header .act-container-wrap{padding-top:2.5em;padding-left:1em}}@media screen and (max-width: 768px){.act-header{font-size:calc(1vw + 1vh + .5vmin) !important;background:url("../../images/WB00329501/header-bg-m.jpg") no-repeat top center;background-size:cover;height:auto;padding-bottom:9em}.act-header .act-container-wrap{padding-top:5em;padding-left:1em;padding-right:0}.act-header .act-title{font-size:2.4em}.act-header p{font-size:1.3em;padding-right:1.5em}}.act-sect1{background:#f2f2f2}.act-sect1 .act-container-wrap{max-width:1000px}.act-sect1 .act-customer .act-item{text-align:center;margin-bottom:3em}.act-sect1 .act-customer .act-item h4{background:#fff;display:inline-block;padding:.5em 1em;font-size:0.9em}.act-sect1 .act-customer .act-item h3{font-weight:bold;font-size:1.6em}.act-sect1 .act-customer .act-item .act-icon{width:9em;display:block;margin-left:auto;margin-right:auto;margin-top:1em}.act-sect1 .act-customer .act-item p{width:240px;text-align:left;margin-top:1em;margin-left:auto;margin-right:auto}.act-sect1 .act-problem{position:relative;margin-top:2em;background:#0ad5d8}.act-sect1 .act-problem:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:0 1em 1.5em 1em;border-color:transparent transparent #0ad5d8 transparent}.act-sect1 .act-problem .act-inner{padding-top:2em;padding-bottom:2em;width:80%;margin-left:auto;margin-right:auto}.act-sect1 .act-problem .act-item{margin-bottom:1.5em}.act-sect1 .act-problem .act-item img{display:inline-block}.act-sect1 .act-problem .act-item p{display:inline-block;font-size:1.5em;margin-left:0.7em}@media screen and (max-width: 768px){.act-sect1{padding-bottom:0}.act-sect1 .act-customer .act-item p{font-size:1.1em}.act-sect1 .act-problem .act-inner{width:100%;padding-left:1.8em}.act-sect1 .act-problem .act-item img{width:3.2em}.act-sect1 .act-problem .act-item p{font-size:1.4em;margin-left:0.5em;position:relative;top:0.2em}}.act-sect2{z-index:2;background:#182432}.act-sect2 .act-container-wrap{padding-left:1em;padding-right:1em}.act-sect2 .act-step{position:relative}.act-sect2 .act-step .a-link{width:33%;height:40%;position:absolute;display:block;z-index:9;bottom:0}.act-sect2 .act-step .a-link01{left:0}.act-sect2 .act-step .a-link02{left:33%}.act-sect2 .act-step .a-link03{right:0}.act-sect2:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:40px 100px 0 100px;border-color:#182432 transparent transparent transparent}.act-sect2 .act-text-footer{margin-bottom:0;text-align:center;color:#fff;margin-top:3em;font-size:1.4em}@media screen and (max-width: 768px){.act-sect2:before{border-width:2em 8em 0 8em}.act-sect2 .act-text-footer{margin-top:2em}}.act-sect3{z-index:1;background:#fff}.act-sect3 .act-container-wrap{padding-left:1em;padding-right:1em}.act-sect3:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:40px 100px 0 100px;border-color:#fff transparent transparent transparent}.act-sect3 .act-text-footer{margin-bottom:0;text-align:center;margin-top:4em;font-size:1.4em}@media screen and (max-width: 768px){.act-sect3:before{border-width:2em 8em 0 8em}.act-sect3 .act-text-footer{margin-top:2em}}.act-sect4{background:#f2f2f2}.act-sect4:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:40px 100px 0 100px;border-color:#f2f2f2 transparent transparent transparent}.act-sect4 .act-container-wrap{padding-left:1em;padding-right:1em}.act-sect5 .act-container-wrap{padding-left:1em;padding-right:1em}.act-customer-case{background:#0ad5d8}.act-customer-knowledge{padding-top:1em;background:#0ad5d8}.act-customer-knowledge .act-container-wrap{padding-left:1em;padding-right:1em}.act-customer-knowledge .act-knowledge .act-item{width:calc(100%/3 - 25px)}.act-customer-knowledge .act-knowledge .act-item .act-pic{border:3px solid #182432}.act-customer-knowledge .act-knowledge .act-item h3{font-size:1.5em;font-weight:bold;margin-top:0.5em;padding-bottom:0.5em}.act-customer-knowledge .act-knowledge .act-item .more{color:#182432;font-weight:bold;transition:all .3s;font-size:1.1em}.act-customer-knowledge .act-knowledge .act-item .more:hover{padding-left:0.5em;transition:all .3s}.act-customer-knowledge .act-knowledge .act-item .more i{font-size:120%;margin-left:0.25em;position:relative;top:0.1em}@media screen and (max-width: 768px){.act-customer-knowledge .act-knowledge .act-item{width:100%;margin-bottom:2em}.act-customer-knowledge .act-knowledge .act-item .more{font-size:1.4em}}.act-customer-service{background:#182432}.act-customer-service .act-container-wrap{padding-left:1.5em;padding-right:1.5em}
/*# sourceMappingURL=style.css.map */