@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");*: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-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:90%;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:10em;padding:.75em 1.5em;padding-left:1.8em;letter-spacing:1px;position:relative;box-shadow:0 7px 20px 0 rgba(22,26,90,0.3);border:none;font-size:1.1em;transition:all 0.2s linear;z-index:2;font-weight:bold}.act-wrap .act-btn .fa{margin-left:0.4em}.act-wrap .act-btn:before{content:'';position:absolute;top:0;left:0;right:0;margin:auto;width:40%;height:100%;border-radius:10em;background:#161a5a;z-index:-1;opacity:0;transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1)}.act-wrap .act-btn:hover{background:#fff}.act-wrap .act-btn:hover:before{opacity:1;width:100%}.act-wrap .btn-blue{background:#161a5a;color:#fff}.act-wrap .btn-blue:before{background:#202683}.act-wrap .btn-blue:hover{color:#fff}.act-wrap .btn-steelblue{background:#2d7fb3;color:#fff}.act-wrap .btn-steelblue:before{background:#4399d0}.act-wrap .btn-steelblue:hover{color:#fff}.act-wrap .btn-red{background:#ff73a1;color:#fff}.act-wrap .btn-red:before{background:#ff407f}.act-wrap .btn-red:hover{color:#fff}.act-wrap .btn-green{background:#16b95b;color:#fff}.act-wrap .btn-green:before{background:#118b45}.act-wrap .btn-green:hover{color:#fff}.act-wrap .btn-orange{background:#f2511d;color:#fff}.act-wrap .btn-orange:before{background:#d03c0c}.act-wrap .btn-orange:hover{color:#fff}.act-wrap .btn-white{background:#fff;color:#f160af;box-shadow:0 7px 20px 0 rgba(184,48,121,0.4)}.act-wrap .btn-white:before{background:#d8137e}.act-wrap .btn-white:hover{color:#fff}.act-wrap .act-btn-outline{border-radius:10em;padding:.5em 1em;padding-left:1.2em;letter-spacing:1px;position:relative;box-shadow:0 7px 20px 0 rgba(0,0,0,0.2);border:none;transition:all 0.2s linear;z-index:2}.act-wrap .act-btn-outline .fa{margin-left:0.4em}.act-wrap .act-btn-outline:before{content:'';position:absolute;top:0;left:0;right:0;margin:auto;width:40%;height:100%;border-radius:10em;background:#161a5a;z-index:-1;opacity:0;transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1)}.act-wrap .act-btn-outline:hover{background:#fff}.act-wrap .act-btn-outline:hover:before{opacity:1;width:100%}.act-wrap .btn-outline-blue{color:#161a5a;background:#fff;border:2px solid #161a5a}.act-wrap .btn-outline-blue:before{background:#161a5a}.act-wrap .btn-outline-blue:hover{color:#fff;border:1px solid #161a5a}.act-wrap .btn-outline-steelblue{color:#2d7fb3;background:#fff;border:2px solid #2d7fb3}.act-wrap .btn-outline-steelblue:before{background:#2d7fb3}.act-wrap .btn-outline-steelblue:hover{color:#fff;border:1px solid #2d7fb3}.act-wrap .btn-outline-purple{color:#5350ea;background:#fff;border:2px solid #5350ea}.act-wrap .btn-outline-purple:before{background:#5350ea}.act-wrap .btn-outline-purple:hover{color:#fff;border:1px solid #5350ea}.act-wrap .btn-outline-red{color:#ff73a1;background:#fff;border:2px solid #ff73a1}.act-wrap .btn-outline-red:before{background:#ff73a1}.act-wrap .btn-outline-red:hover{color:#fff;border:1px solid #ff73a1}.act-wrap .btn-outline-green{color:#16b95b;background:#fff;border:2px solid #16b95b}.act-wrap .btn-outline-green:before{background:#16b95b}.act-wrap .btn-outline-green:hover{color:#fff;border:1px solid #16b95b}.act-wrap .btn-outline-orange{color:#f2511d;background:#fff;border:2px solid #f2511d}.act-wrap .btn-outline-orange:before{background:#f2511d}.act-wrap .btn-outline-orange:hover{color:#fff;border:1px solid #f2511d}.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:280px;width:46%;margin-bottom:0.5em}.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:.6em}@media screen and (max-width: 769px){.act-wrap .btn-wrap-center .btn{width:60%;padding:0.5em 1em;white-space:nowrap;letter-spacing:0}.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:.2em}}.act-wrap a:hover{color:#161a5a}.act-wrap .sect-title{text-align:center;margin-bottom:3em}.act-wrap .sect-title h2{font-size:2.8em;font-weight:bolder;line-height:1.4;color:#161a5a}.act-wrap .sect-title p{font-size:1.4em;line-height:1.8;color:#161a5a}@media screen and (max-width: 769px){.act-wrap .sect-title{padding-right:.75em;padding-left:.75em;margin-bottom:2em}.act-wrap .sect-title h2{font-size:1.8em}}.act-wrap .act-nb,.act-wrap .nb{font-family:"Helvetica Neue", Helvetica, Arial}.act-wrap .text-blue{color:#161a5a !important}.act-wrap .text-steelblue{color:#2d7fb3 !important}.act-wrap .text-green{color:#16b95b !important}.act-wrap .text-purple{color:#5350ea !important}.act-wrap .text-red{color:#ff73a1 !important}.act-wrap .text-orange{color:#f2511d !important}.act-wrap .text-yellow{color:#fff001 !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}#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:#161a5a;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.png") no-repeat top 12% center #e1e9f6;background-size:100%;width:100%;position:relative;overflow:hidden;z-index:1}.act-header .act-container-wrap{padding-top:clamp(30px, 5vh, 80px);z-index:9}.act-header h1{font-size:clamp(40px, 4.8vw, 68px);font-weight:bold;text-align:center;color:#161a5a}.act-header h1 .act-nb{font-size:120%;line-height:1;position:relative;bottom:-0.1em}.act-header h1 .text-small{font-size:34%;display:block;margin-top:0.5em}.act-header h1 .act-btn{font-size:60%}.act-header .sub-text-wrap{max-width:920px;width:80%;z-index:8;position:absolute;bottom:7.5em;left:50%;transform:translateX(-50%)}.act-header .sub-text{background:#fff;border-radius:1em;overflow:hidden}.act-header .sub-text p{padding:1em;margin-bottom:0;font-size:1em}.act-header .sub-text .yellow-part{background:#fff001;flex:none;font-weight:bold;line-height:1.8}.act-header .main-bg{margin-top:12%}.act-header .main-bg img{max-width:none !important}.act-header .main-bg .sailor-wrap{width:32%;position:absolute;z-index:4;top:-42%;left:24%}.act-header .main-bg .sailor-wrap .sailor{width:100%;animation:sailor-move 3s both infinite;position:relative}.act-header .main-bg .iceberg{width:22%;position:absolute;z-index:1;top:-60%;right:18%}.act-header .main-bg .sea-wrap{position:relative}.act-header .main-bg .splash{width:26%;position:absolute;top:15%;left:26%;z-index:8;animation:flash 3s both infinite , splash-move 3s both infinite}.act-header .main-bg .act-sea{position:relative}.act-header .main-bg .sea1{z-index:2;width:120%;left:-10%;animation:sea-move1 3s both infinite}.act-header .main-bg .sea2{z-index:3;width:100%;margin-top:-13%;left:-6%;animation:sea-move2 3s both infinite}.act-header .main-bg .sea3{z-index:5;width:80%;margin-top:-16%;left:5%;animation:sea-move3 3s both infinite}.act-header .main-bg .sea4{z-index:6;width:140%;left:-10%;margin-top:-14%;animation:sea-move4 3s both infinite}@media screen and (min-width: 769px) and (max-width: 1480px){.act-header{background:url("../images/header-bg.png") no-repeat top 18% center #e1e9f6;background-size:100%}.act-header .main-bg .sailor-wrap{width:34%;top:-45%;left:24%}.act-header .main-bg .iceberg{width:23%;top:-64%;right:12%}.act-header .main-bg .splash{width:26%;top:15%;left:26%}.act-header .sub-text-wrap{bottom:6em;width:55%}}@keyframes sailor-move{0%, 100%{transform:translateX(-1em) translateY(0) rotate(-2deg)}50%{transform:translateX(0) translateY(1em) rotate(2deg)}}@keyframes splash-move{0%, 100%{transform:translateX(-2em) translateY(0) rotate(-4deg)}50%{transform:translateX(0) translateY(2em) rotate(4deg)}}@keyframes sea-move1{0%, 100%{transform:translateX(-1em) translateY(-0.2em)}50%{transform:translateX(1em) translateY(0.2em)}}@keyframes sea-move2{0%, 100%{transform:translateX(1em) translateY(0.2em)}50%{transform:translateX(-1em) translateY(-0.2em)}}@keyframes sea-move3{0%, 100%{transform:translateX(-1em) translateY(0.2em)}50%{transform:translateX(1em) translateY(-0.2em)}}@keyframes sea-move4{0%, 100%{transform:translateX(2em) translateY(0.2em) rotate(2deg)}50%{transform:translateX(-2em) translateY(-0.2em) rotate(0deg)}}@media screen and (max-width: 769px){.act-header{font-size:calc(2vw + 1.5vmin) !important;background:url("../images/header-bg-m.png") no-repeat top 11em center #e1e9f6;background-size:100%}.act-header .act-container-wrap{padding-top:3em}.act-header h1{font-size:3em}.act-header h1 .text-small{margin-top:0.7em}.act-header h1 .act-btn{font-size:100%;padding:.5em 2em;margin-top:1em}.act-header .sub-text-wrap{width:92%;bottom:6em}.act-header .sub-text p{font-size:1em}.act-header .main-bg{margin-top:8em}.act-header .main-bg .sailor-wrap{width:70%;top:-20%;left:-5%}.act-header .main-bg .iceberg{width:42%;top:-26%;right:2%}.act-header .main-bg .splash{width:60%;top:10%;left:0%}.act-header .main-bg .sea1{width:120%;left:-10%}.act-header .main-bg .sea2{width:120%;left:-10%;margin-top:-18%}.act-header .main-bg .sea3{width:120%;left:-10%;margin-top:-20%}.act-header .main-bg .sea4{width:140%;left:-10%;margin-top:-16%}}.act-sect1{z-index:2;margin-top:-3em;background:url("../images/bg-grid.gif")}@media screen and (min-width: 769px) and (max-width: 1480px){.act-sect1{margin-top:-2em}}.act-sect1 .sect-title{margin-bottom:4em}.act-sect1 .sect-title .bubble-text{font-size:1.5em;margin-bottom:1.2em;position:relative;background:#fff;border-radius:10em;padding:0.5em 1em;display:inline-block;box-shadow:0.1em 0.3em 0.6em 0.2em rgba(93,127,194,0.2)}.act-sect1 .sect-title .bubble-text:before{content:"";border-style:solid;border-width:.6em .4em 0 .4em;border-color:#fff transparent transparent transparent;left:50%;transform:translateX(-50%);line-height:0;height:0;width:0;top:100%;position:absolute}.act-sect1 .act-plan{width:100%;background:#fff;border-radius:1em;padding:0;box-shadow:0.1em 0.3em 0.6em 0.2em rgba(93,127,194,0.2)}.act-sect1 .act-plan:not(:last-child){margin-bottom:4em}.act-sect1 .act-plan .text-part{width:60%}.act-sect1 .act-plan .header-part{padding-left:2.5em}.act-sect1 .act-plan .act-title{margin-top:-20px;font-weight:bold;font-size:2em;color:#fff;background:#f2511d;display:inline-block;padding:.75em 1em;border-radius:0 0 1em 1em;line-height:1.5;margin-bottom:0;position:relative}.act-sect1 .act-plan .act-title:before{content:"";right:100%;position:absolute;top:0;width:0;height:0;border-style:solid;border-width:20px 12px 0px 0;border-color:transparent #b3c4e6 transparent transparent}.act-sect1 .act-plan .sort-wrap{margin-left:1em;margin-top:1.5em}.act-sect1 .act-plan .act-sort{padding:0.5em 1em;background:#fff1ec;color:#f2511d;border-radius:.5em;display:inline-block;font-size:1em;margin-bottom:0.3em}.act-sect1 .act-plan .act-sort:not(:last-child){margin-right:0.3em}.act-sect1 .act-plan .act-inner{padding:1.5em 2.5em 0}.act-sect1 .act-plan .act-inner p{font-size:1.2em;font-weight:bold;line-height:1.8;width:100%;max-width:600px}.act-sect1 .act-plan .act-inner .act-btn{padding:0.5em 3em;margin-top:.6em;font-size:1.1em}.act-sect1 .act-plan .pic-part{width:40%;padding-top:1em}.act-sect1 .act-plan .act-pic{width:100%;max-width:466px;border-radius:0 0 1em 0;margin-left:auto;display:block}.act-sect1 .act-plan02 .act-title{background:#5350ea}.act-sect1 .act-plan02 .act-sort{background:#e6e6ff;color:#5350ea}.act-sect1 .act-plan03 .act-title{background:#ff73a1}.act-sect1 .act-plan03 .act-sort{background:#ffe6f2;color:#ff73a1}.act-sect1 .act-plan04 .act-title{background:#16b95b}.act-sect1 .act-plan04 .act-sort{background:#d3ffe6;color:#16b95b}.act-sect1 .act-plan05 .act-title{background:#2d7fb3}.act-sect1 .act-plan05 .act-sort{background:#d2ecfc;color:#2d7fb3}@media screen and (max-width: 769px){.act-sect1 .act-plan{border-radius:.6em;padding-bottom:6em}.act-sect1 .act-plan:not(:last-child){margin-bottom:5em}.act-sect1 .act-plan .text-part{width:100%}.act-sect1 .act-plan .header-part{padding-left:2em}.act-sect1 .act-plan .act-title{margin-top:-16px;padding:.75em 1em;border-radius:0 0 .6em .6em;font-size:1.3em}.act-sect1 .act-plan .act-title:before{border-width:16px 10px 0px 0}.act-sect1 .act-plan .sort-wrap{margin-left:1em;margin-top:1em}.act-sect1 .act-plan .act-sort{padding:0.5em 1em}.act-sect1 .act-plan .act-inner{padding:1em 2em 0}.act-sect1 .act-plan .act-inner p{font-size:1.2em;line-height:1.5}.act-sect1 .act-plan .act-inner .act-btn{padding:0.5em 3em;margin-top:0;position:absolute;bottom:1.8em;left:50%;transform:translateX(-50%)}.act-sect1 .act-plan .pic-part{width:90%;padding-top:1em;margin-left:auto;margin-right:auto}.act-sect1 .act-plan .act-pic{border-radius:0;margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=style.css.map */