@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://www.digiwin.com/tw/dsc/css/hover-2.3.1.css");@import url("https://www.digiwin.com/tw/dsc/css/swiper-bundle.min.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}@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)}}.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)}}#WB002554.WB002554_index a i.fa{font-size:16px}#WB002554.WB002554_index #indBanner{background:url("../images/index/bg_banner.jpg") no-repeat center center;color:#FFF}@media screen and (max-width: 768px){#WB002554.WB002554_index #indBanner{background:url("../images/index/mobile/header-bg.jpg") no-repeat center center;background-position:100% 0}}#WB002554.WB002554_index #indBanner h1{color:#f6ff00}@media screen and (max-width: 768px){#WB002554.WB002554_index #indBanner h1{font-size:30px;font-weight:bold;line-height:1.4}}#WB002554.WB002554_index #problems{padding-bottom:0;margin-top:60px;background:url(../images/demand_bg1.png) no-repeat center bottom;font-family:"微軟正黑體", "新細明體", Arial, Helvetica, sans-serif}#WB002554.WB002554_index .demand{overflow:hidden;position:relative;width:100%;min-width:1000px;padding:70px 0;font-size:16px;line-height:28px}#WB002554.WB002554_index .sectionNote{padding:0 30px;line-height:27px;text-align:justify}#WB002554.WB002554_index .imgNote{text-align:center;font-size:13px}#WB002554.WB002554_index #problems .chart{position:relative;height:495px;margin:25px 0;background:url(../images/index/demand_table_bg.png) no-repeat left top}#WB002554.WB002554_index #problems .chart .left{position:absolute;z-index:5;top:19px;left:49px;width:507px;margin:0 0 0 19px;padding:12px 38px 0 50px;background:url(../images/index/demand_chartDesbg.png) no-repeat left top;height:495px}#WB002554.WB002554_index #problems .chart .left li{margin:0 0 19px;color:#666;font-size:18px;line-height:23px}#WB002554.WB002554_index #problems .chart .left li.highLight{color:#fff;font-weight:bold}#WB002554.WB002554_index #problems .chart .right{position:absolute;z-index:4;top:16px;right:255px;width:465px;margin-top:7px;color:#fff;text-align:right}#WB002554.WB002554_index #problems .chart .right li{width:0;height:50px;margin:0 0 16px;background-color:#cca453;line-height:50px}#WB002554.WB002554_index #problems .chart .right .digital{display:none;margin-right:15px;font-size:18px}#WB002554.WB002554_index #problems .chart .right .problem03,#WB002554.WB002554_index #problems .chart .right .problem04,#WB002554.WB002554_index #problems .chart .right .problem05,#WB002554.WB002554_index #problems .chart .right .problem06{background-color:#c8c8c8}#WB002554.WB002554_index #problems .callIn{margin-top:60px;background:url(../images/demand_callin_bg.png) no-repeat center bottom}#WB002554.WB002554_index #problems .callIn01{margin-left:270px}#WB002554.WB002554_index #problems .callIn02{margin:-40px 0 0 20px}#WB002554.WB002554_index #problems .callIn03{margin:10px 0 30px 120px}#WB002554.WB002554_index #foreword .newsGroup{display:-webkit-flex;display:-moz-box;display:flex}#WB002554.WB002554_index #foreword .newsGroup .list{float:left;width:33.33333%;padding:0 15px}@media screen and (max-width: 768px){#WB002554.WB002554_index #foreword .newsGroup .list{padding:0}}#WB002554.WB002554_index #foreword .newsGroup .list .outline{height:100%;padding:20px 30px;border:1px solid #ccc;border-radius:2px}@media screen and (max-width: 768px){#WB002554.WB002554_index #foreword .newsGroup .list .outline{padding:20px 15px}}#WB002554.WB002554_index #foreword .newsGroup .list h4{margin-bottom:10px;font-size:20px;color:#0f8aca}#WB002554.WB002554_index #foreword .newsGroup .list h4:hover{color:#41aae0}#WB002554.WB002554_index #foreword .newsGroup .list .date{margin-top:20px;font-size:16px;text-align:right}#WB002554.WB002554_index #foreword .getOrder{max-width:1170px;width:100%;margin:30px auto 0;padding:30px;background:url("../images/index/bg_getOrder.jpg") no-repeat center center;border-radius:2px}@media screen and (max-width: 768px){#WB002554.WB002554_index #foreword .getOrder{background:url("../images/index/mobile/section1-list-bg.jpg") no-repeat center center;padding:30px 15px}}#WB002554.WB002554_index #foreword .getOrder ul{float:left;max-width:670px;width:100%}#WB002554.WB002554_index #foreword .getOrder li{float:left;width:100%;list-style:none}#WB002554.WB002554_index #foreword .getOrder .pageLink-bgColor{float:right;max-width:440px;width:100%;background:#0f8aca}#WB002554.WB002554_index #service{background:url("../images/index/bg_problems.jpg") no-repeat center center;color:#fff}@media screen and (max-width: 768px){#WB002554.WB002554_index #service{background:url("../images/index/mobile/section2-bg.jpg") no-repeat center center}}#WB002554.WB002554_index #service .jobProblem:hover .handTop{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}#WB002554.WB002554_index #service .txt{float:left;overflow:hidden;padding:0 15px;cursor:pointer}@media screen and (max-width: 768px){#WB002554.WB002554_index #service .txt{float:none;width:100% !important;margin-bottom:12px;padding:0}}#WB002554.WB002554_index #service .txt .outline{overflow:hidden;position:relative;padding:30px 0;background-color:#0482b7;border-radius:2px}#WB002554.WB002554_index #service .txt .nameLayer{position:relative;text-align:center;z-index:2}#WB002554.WB002554_index #service .txt .nameLayer p{margin-top:8px;font-size:24px;font-weight:bold;text-align:inherit}#WB002554.WB002554_index #service .txt .txtLayer-M{position:absolute;top:50%;left:0;padding:0 10px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#WB002554.WB002554_index #service .txt .txtLayer-M p{float:left;padding:0 20px}#WB002554.WB002554_index #service .txt .handTop{position:absolute;top:95%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:24px;-webkit-animation:handTop 1.5s infinite;-moz-animation:handTop 1.5s infinite;-o-animation:handTop 1.5s infinite;animation:handTop 1.5s infinite;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes handTop{0%{top:95%}50%{top:87%}100%{top:95%}}@-moz-keyframes handTop{0%{top:95%}50%{top:87%}100%{top:95%}}@-o-keyframes handTop{0%{top:95%}50%{top:87%}100%{top:95%}}@keyframes handTop{0%{top:95%}50%{top:87%}100%{top:95%}}#WB002554.WB002554_index #service .txt .mask{position:absolute;top:100%;left:0;z-index:3;width:100%;height:100%}#WB002554.WB002554_index #service .txt01{width:50%}#WB002554.WB002554_index #service .txt01 .outline{background-color:#175ca1}#WB002554.WB002554_index #service .txt01 .txtLayer-M{color:#286db1}#WB002554.WB002554_index #service .txt01 .txtLayer-M p{width:100%}#WB002554.WB002554_index #service .txt01 .mask{background-color:rgba(6,56,107,0.9)}#WB002554.WB002554_index #service .txt02{width:50%}#WB002554.WB002554_index #service .txt02 .outline{background-color:#054483}#WB002554.WB002554_index #service .txt02 .txtLayer-M{color:#145494}#WB002554.WB002554_index #service .txt02 .txtLayer-M p{width:100%}#WB002554.WB002554_index #service .txt02 .mask{background-color:rgba(9,46,83,0.9)}#WB002554.WB002554_index #service .txt03{width:33.33333%}#WB002554.WB002554_index #service .txt03 .outline{background-color:#7ccdc4}#WB002554.WB002554_index #service .txt03 .txtLayer-M{color:#89d5cd}#WB002554.WB002554_index #service .txt03 .txtLayer-M p{width:100%}#WB002554.WB002554_index #service .txt03 .mask{background-color:rgba(43,191,175,0.9)}#WB002554.WB002554_index #service a.pageBtn-normal{display:block;margin:30px auto 0;background-color:transparent;text-align:center}#WB002554.WB002554_index #service a.pageBtn-normal:hover{color:#2793f8}#WB002554.WB002554_index #case{background:#f5f5f5;text-align:center}#WB002554.WB002554_index #case a:hover{color:#fb7da7}#WB002554.WB002554_index #case a.pageLink-bgColor{float:right;margin-top:20px;padding:2px 8px;font-size:18px;line-height:27px}#WB002554.WB002554_index #case a.pageLink-bgColor:hover{color:#fff}#WB002554.WB002554_index #control{background:url("../images/index/bgGreen.jpg") no-repeat center center;color:#fff}@media screen and (max-width: 768px){#WB002554.WB002554_index #control{background-image:linear-gradient(225deg, #1a77c9, #289bd7)}}#WB002554.WB002554_index #control img{display:block;margin:0 auto}#WB002554.WB002554_index #control a.pageLink-outline{display:block;margin:0 auto;max-width:500px;width:100%;background-color:#fff;color:#289bd7;margin-top:60px;margin-bottom:20px;border:#289bd7 1px solid}#WB002554.WB002554_index #control a.pageLink-outline:hover{color:#289bd7}#WB002554.WB002554_index #solution{background:#f5f5f5;overflow:hidden;text-align:center}#WB002554.WB002554_index #solution a.pageLink-outline{background-color:#FFF;color:#ff6600}#WB002554.WB002554_index #solution a.pageLink-outline:hover{color:#555555}#WB002554.WB002554_index #service .jobProblem .txt{color:#fff}#WB002554.WB002554_index #service .jobProblem .txt .txtLayer-M{transition:all .3s}#WB002554.WB002554_index #service .jobProblem .txt .mask{transition:all .5s}#WB002554.WB002554_index #service .jobProblem .txt:hover .txtLayer-M{display:block;z-index:5;color:#fff;transition-delay:.6s}#WB002554.WB002554_index #service .jobProblem .txt:hover .mask{top:0}#WB002554.WB002554_index #foreword .newsGroup .list{height:390px}@media screen and (max-width: 768px){#WB002554.WB002554_index #foreword .newsGroup .list{height:240px;margin-bottom:60px}}#WB002554 #indBanner .pageDesc{max-width:500px;width:100%}@media screen and (max-width: 768px){#WB002554 #indBanner .pageDesc{font-size:18px}}#WB002554 .section{width:100%;min-width:0}#WB002554 .content{max-width:1200px;width:100%}@media screen and (max-width: 768px){#WB002554 .content{padding-right:15px;padding-left:15px}}@media screen and (max-width: 768px){#WB002554 .section h2{font-size:26px;font-weight:bold;text-align:left;line-height:1.5}#WB002554 p.sectionDesc,#WB002554 p.sectionDesc-center{margin:0 auto;padding:0;font-size:20px;line-height:1.5;margin-bottom:20px;text-align:left}#WB002554 .section .outline p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}#WB002554 .swiper-pagination-bullet{width:12px;height:12px}#WB002554 .pageLink-bgColor,#WB002554 .pageLink-outline{line-height:1.5;display:inline-flex !important;padding:1.5em;text-align:left;font-size:20px}#WB002554 .pageLink-bgColor i.fa,#WB002554 .pageLink-outline i.fa{margin-right:6px;position:relative;top:4px}}.act-sect-seminar .seminar-title{color:#1991d1;font-size:2em;font-weight:normal;margin-bottom:20px}.act-sect-seminar .act-container-wrap{padding-right:15px;padding-left:15px}.act-sect-seminar .seminar-container .seminar-item{margin-bottom:20px}@media screen and (min-width: 769px){.act-sect-seminar .seminar-container .seminar-item:not(:last-child){margin-right:10px}}.act-sect-seminar .seminar-container .seminar-item-inner{color:#000;display:block;transition:all .3s;box-shadow:0 10px 20px -10px rgba(0,0,0,0.15),0 0 1px 1px rgba(0,0,0,0.06)}.act-sect-seminar .seminar-container .seminar-item-inner:hover{box-shadow:0 20px 50px -20px rgba(0,0,0,0.3),0 0 1px 1px rgba(0,0,0,0.12)}.act-sect-seminar .seminar-container .seminar-item-inner:hover .seminar-btn{background:#4db3ea}.act-sect-seminar .seminar-container .seminar-item-inner .seminar-pic{width:100%}.act-sect-seminar .seminar-container .seminar-item-inner .seminar-text{padding:10px 10px 10px}.act-sect-seminar .seminar-container .seminar-item-inner .seminar-text h3{font-size:1.5em;font-weight:bold;line-height:1.4;margin-bottom:0}.act-sect-seminar .seminar-container .seminar-item-inner .seminar-text p{font-size:1em;margin-bottom:0}.act-sect-seminar .seminar-container .seminar-item-inner .seminar-btn{transition:all .3s;background:#1991d1;color:#fff;padding:.25em 1.25em;font-size:1em}.act-sect-seminar .seminar-btn-more{transition:all .3s;width:80%;max-width:400px;display:block;text-align:center;padding:0.5em;font-size:1.25em;margin:1.5em auto;background:#1991d1;color:#fff !important;padding:0.6em;font-size:1.15em}.act-sect-seminar .seminar-btn-more:hover{background:#4db3ea}.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:#fff;font-size:16px}.act-container-wrap{max-width:1200px}.act-sect{padding-top:2em;padding-bottom:2em}@media screen and (max-width: 768px){.act-sect{padding-top:3em;padding-bottom:3em}}.act-sect-case-title{background:#f5f5f5;padding-top:4em}.act-sect-case-title .act-container-wrap{max-width:1000px}.act-sect-case-title .title-line-caption{display:flex;white-space:nowrap;color:#1991d1;letter-spacing:2px;text-align:center;align-items:center;width:100%;overflow:hidden;font-size:1.6em;font-weight:normal;margin-bottom:0}@media screen and (max-width: 768px){.act-sect-case-title .title-line-caption{font-size:1.4em;white-space:normal;display:block}.act-sect-case-title .title-line-caption:after,.act-sect-case-title .title-line-caption:before{display:none}}.act-sect-case-title .title-line-caption:after,.act-sect-case-title .title-line-caption:before{border-top:1px solid #1991d1;content:'';position:relative;width:50%}.act-sect-case-title .title-line-caption:before{right:1.5%}.act-sect-case-title .title-line-caption:after{left:1.5%}.act-sect-case{min-height:600px;background:url("../images/index/202103/case-bg.png") no-repeat center bottom #f5f5f5}.act-sect-case .act-container-wrap{max-width:1100px}.act-sect-case .case-logo{width:280px;text-align:right;margin-bottom:20px}.act-sect-case .case-logo .case-industry{color:#1991d1;background:rgba(25,145,209,0.15);padding:.25em 1em;font-size:14px;line-height:1}.act-sect-case .case-logo .case-name{color:#1991d1;font-size:40px;margin-top:5px}.act-sect-case .case-text-part{padding-top:30px;color:#fff}.act-sect-case .case-text-part .case-title{font-size:1.8em;margin-bottom:0.5em}.act-sect-case .case-text-part .case-p{width:100%;max-width:400px;padding-left:10px;border-left:1px solid #fff;padding-right:15px}.act-sect-case .case-text-part .case-point{color:#e9eca2;font-size:2.5em;font-weight:bold}.act-sect-case .case-text-part .case-btn{background:#e9eca2;color:#1991d1 !important;font-size:1.2em;padding:0.5em 1.5em;margin-top:0.5em;display:inline-block}.act-sect-case .case-text-part .case-btn:before{background:#fff}.act-sect-case .case-text-part .case-btn i{margin-left:0.5em;font-size:140% !important;position:relative;top:0.08em}.act-sect-case .case-text-part .btn-link{padding-bottom:4px;color:#fff}.act-sect-case .case-text-part .btn-link:before{background:#fff;height:1px}.act-sect-case .case-text-part .btn-link:hover{color:#fff;text-decoration:none}@media screen and (max-width: 768px){.act-sect-case-title{padding-bottom:2em}.act-sect-case{padding-bottom:0;padding-top:0;min-height:0;background:#f5f5f5}.act-sect-case .case-logo{padding-left:15px}.act-sect-case .case-text-part{padding-bottom:28em;padding-left:15px;background:url("../images/index/202103/case-bg-m2.png") no-repeat center bottom,url("../images/index/202103/case-bg-m.png") no-repeat left top #1991d1;background-size:100%}}.act-sect-vendor{background:#f5f5f5}.act-sect-vendor .act-container-wrap{max-width:1000px}.act-sect-vendor .vendor-btn{padding:5px;display:block}.act-sect-vendor .vendor-btn:hover img{box-shadow:0 0 5px 0px rgba(0,0,0,0.1),0 6px 30px -6px rgba(0,0,0,0.2)}.act-sect-vendor .vendor-btn img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 0 0 0 transparent;transition:all .3s}.act-sect-vendor .vendor-btn p{font-size:1em;color:#000;margin-top:6px}.act-sect-vendor .swiper-arrows-wrap{height:136px;position:relative}.act-sect-vendor .swiper-container{width:calc(100% - 6em);margin-left:auto;margin-right:auto;height:100%}.act-sect-vendor .swiper-slide{text-align:center;font-size:1.15em}.act-sect-vendor .swiper-button-next:after,.act-sect-vendor .swiper-button-prev:after{font-size:2.5em}@media screen and (max-width: 768px){.act-sect-vendor .swiper-arrows-wrap{height:100px}.act-sect-vendor .vendor-btn{padding:2px;font-size:0.9em}}
/*# sourceMappingURL=WB002554_index_v2.css.map */