:root {--blue: #1e2f97;--cornflower: #797ef6;--red: #ff6161;--yellow: #fff000;interpolate-size: allow-keywords;}*:focus {outline: none !important;}button {outline: none !important;border: none !important;}ol, ul {list-style: none;}#toolbar {display: none !important;}html {max-width: 100vw;overflow-x: hidden;}body {font-size: 16px;}.act-sect {position: relative;}.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) {max-width: 100vw;overflow-x: hidden;}& input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}& a:hover {color: var(--blue);}}@keyframes item01-fade {0% {opacity: 0;transform: translateY(100px) translateX(50px);}100% {opacity: 1;transform: translateY(0) translateX(0);}}@keyframes item02-fade {0% {opacity: 0;transform: translateY(100px) translateX(-50px);}100% {opacity: 1;transform: translateY(0) translateX(0);}}@keyframes item03-fade {0% {opacity: 0;transform: translateY(40px) translateX(-100px);}100% {opacity: 1;transform: translateY(0) translateX(0);}}@keyframes item04-fade {0% {opacity: 0;transform: translateY(0) translateX(-100px);}100% {opacity: 1;transform: translateY(0) translateX(0);}}@keyframes item05-fade {0% {opacity: 0;transform: translateY(-100px) translateX(-50px);}100% {opacity: 1;transform: translateY(0) translateX(0);}}@keyframes item06-fade {0% {opacity: 0;transform: translateY(-100px) translateX(50px);}100% {opacity: 1;transform: translateY(0) translateX(0);}}@keyframes item07-fade {0% {opacity: 0;transform: translateY(-50px) translateX(100px);}100% {opacity: 1;transform: translateY(0) translateX(0);}}@keyframes item08-fade {0% {opacity: 0;transform: translateY(50px) translateX(100px);}100% {opacity: 1;transform: translateY(0) translateX(0);}}@keyframes shadow {0%, 100% {box-shadow: 0 0 1em 0.2em rgba(255, 255, 255, 0.6);}50% {box-shadow: 0 0 1.6em 0.6em rgba(255, 255, 255, 0.8);}}@keyframes float {0%, 100% {transform: translateY(0.5em);}50% {transform: translateY(0);}}@keyframes arr-move {0%, 100% {left: 0;}50% {left: 0.2em;}}.ERP-group {&.active {& .act-item01 {animation: item01-fade 0.6s ease-out both 1s;}& .act-item02 {animation: item02-fade 0.6s ease-out both 1.1s;}& .act-item03 {animation: item03-fade 0.6s ease-out both 1.2s;}& .act-item04 {animation: item04-fade 0.6s ease-out both 1.3s;}& .act-item05 {animation: item05-fade 0.6s ease-out both 1.4s;}& .act-item06 {animation: item06-fade 0.6s ease-out both 1.5s;}& .act-item07 {animation: item07-fade 0.6s ease-out both 1.6s;}& .act-item08 {animation: item08-fade 0.6s ease-out both 1.7s;}}}.act-wrap {& .navbar {position: fixed;top: 0;left: 0;width: 100%;background: rgba(86, 91, 233, 0.9);padding: 0;z-index: 99;overflow-x: hidden;& .navbar-brand {width: 5em;}& .swiper-container {width: 100%;overflow: hidden;max-width: 800px;}& .swiper-wrapper {display: flex;}& .swiper-slide {flex: 0 0 auto;color: #fff;margin: 0;padding: 0.8em 1.5em;width: auto !important;border: none;text-align: center;background: transparent;border-radius: 0;font-size: 1em;white-space: nowrap;&:hover {color: #fff;}&.active {background: #1aa7ec;color: #fff;}}& .nav-tel {margin-left: 3em;}@media screen and (min-width: 770px) {& .swiper-slide {width: auto;flex: 1;}& .swiper-wrapper {transform: translate3d(0, 0px, 0px) !important;}}}}@media screen and (max-width: 769px) {.act-wrap .navbar {background: #4e55b3;visibility: hidden;&.navbar-show {visibility: visible;}& .act-container-wrap {padding-left: 0;padding-right: 0;}& .toggle-arrow {position: absolute;right: 0;bottom: 0;background: #4e55b3;background: linear-gradient(to right, rgba(78, 85, 179, 0) 0%, #4e55b3 50%);color: #fff;cursor: pointer;line-height: 1;transform: rotate(0deg);transition: all 0s;z-index: 2;height: 100%;width: 2.8em;& i {line-height: 0;position: absolute;right: 0.25em;bottom: 0.6em;font-size: 1.8em;}}&.menu_open {padding-bottom: 1em;& .swiper-wrapper {flex-direction: column;align-items: flex-start;transform: translate3d(0, 0px, 0px) !important;}& .swiper-slide {min-width: 100vw;}& .toggle-arrow {background: transparent;height: 1.5em;bottom: -1em;transform: rotate(180deg);transition: all 0s;& i {bottom: 0;}}}}}.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-container-wrap {padding-left: 1em;padding-right: 1em;}.act-sect {font-size: calc(2vw + 1.5vmin) !important;padding-top: 3em;padding-bottom: 3em;}}.act-wrap {& .act-btn {border-radius: 100em;padding: 0.5em 2em;letter-spacing: 2px;cursor: pointer;}& .btn-more-arr {position: relative;padding: 0.25em 1em;padding-right: 1.5em;font-size: 1.1em;font-family: "Helvetica Neue", Helvetica, Arial;font-weight: bold;&::after {content: "›";position: absolute;right: 0.7em;top: 0.3em;}}& .btn-blue {background: var(--blue);color: #fff;&:hover {color: #fff;background: #16226c;}}& .btn-cornflowerblue {background: var(--cornflower);color: #fff;&:hover {color: #fff;background: #4950f3;}}& .btn-red {background: var(--red);color: #fff;&:hover {color: #fff;background: #ff2e2e;}}& .btn-yellow {background: var(--yellow);color: #000;&:hover {color: #000;background: #e6d800;}}& .btn-outline-blue {color: var(--blue);background: #fff;border: 1px solid var(--blue);&:hover {color: var(--blue);border: 1px solid var(--blue);background: #fff;}}& .btn-outline-white {color: #fff;border: 1px solid #fff;padding-top: calc(0.6em - 1px);padding-bottom: calc(0.6em - 1px);&:hover {color: #fff;border: none;padding: 0.6em;background: linear-gradient(to right, #00c0fa 0%, #0196ff 100%);}}& .btn-lineArr {position: relative;padding: 0.5em 1.2em;padding-left: 2.2em;font-size: 1.2em;padding-right: 1em;& .line-arr {position: relative;display: inline-block;margin-left: 0.2em;top: -0.25em;width: 1.5em;height: 1px;background: #fff;transition: all 0.3s;&::before {content: "";position: absolute;right: 0;bottom: 0;width: 0.6em;height: 1.2px;background: #fff;transform: rotate(45deg);transform-origin: right bottom;}}&:hover .line-arr {width: 2.5em;transition: all 0.3s;}}& .btn-sect-center {display: block;margin-top: 2em;margin-left: auto;margin-right: auto;width: 80%;max-width: 180px;}& .btn-wrap-center {text-align: center;margin-top: 3em;& .btn {max-width: 220px;width: 45%;&:not(:last-child) {margin-right: 1.2em;}}@media screen and (max-width: 769px) {& .btn:not(:last-child) {margin-right: 0.5em;}}}}.act-wrap {& .act-nb, & .nb {font-family: "Helvetica Neue", Helvetica, Arial;}& .text-blue {color: var(--blue) !important;}& .text-red {color: var(--red) !important;}& .text-yellow {color: var(--yellow) !important;}& .text-list-decimal {list-style-type: decimal;padding-left: 1em;}& .text-list-disc {list-style-type: disc;padding-left: 1em;}}.act-wrap .sect-title {text-align: center;margin-bottom: 3em;& h2 {font-size: 2.4em;font-weight: normal;line-height: 1.4;color: #000;margin-bottom: 0.8em;}& .sub-text {max-width: 1130px;margin-left: auto;margin-right: auto;text-align: left;margin-bottom: 0.5em;padding-left: 1em;padding-right: 1em;}& h3 {font-size: 1.15em;font-weight: bold;display: inline;}& p {font-size: 1.15em;line-height: 1.6;color: #000;text-align: left;font-weight: normal;margin-bottom: 0;}@media screen and (min-width: 769px) and (max-width: 1380px) {& h2 {margin-bottom: 0.3em;}& .sub-text {max-width: 1000px;}}@media screen and (max-width: 769px) {padding-right: 0.75em;padding-left: 0.75em;margin-bottom: 2em;& h2 {font-size: 1.8em;}}}.act-form {z-index: 1;position: relative;width: 270px;background: rgba(146, 153, 255, 0.6);border-radius: 1em;text-align: center;padding-top: 1.5em;& h3 {font-size: 1.2em;color: #fff;letter-spacing: 0.4em;font-weight: normal;}& .act-input-form {padding: 0.5em 1em 1em;& .act-btn {margin-top: 0.5em;padding-left: 2em;padding-right: 2em;width: 100%;}}& .inputText-group {position: relative;padding: 2px !important;margin-bottom: 12px;& label {position: absolute;top: 10px;left: 10px;padding: 0 6px;color: #999;font-size: 1em;transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out, background-color 0.2s ease-in-out;}& input:focus ~ label, & input:valid ~ label {top: -8px;font-size: 0.7em;background-color: #fff;border-radius: 4px;}& input {border-radius: 4px;width: 100%;border: none;font-size: 1em;color: #333;background: #fff;padding: 0.6em;outline: none !important;box-shadow: none !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;}}& .noInput {background: #fff;}@media screen and (max-width: 769px) {width: 85%;height: auto;padding: 1em 0.5em 1em;margin-left: auto;margin-right: auto;& h3 {font-size: 1.6em;color: #fff;font-weight: normal;}& .act-input-form {padding: 0.5em 1em 1em;& .act-btn {margin-top: 0.5em;padding-left: 3em;padding-right: 3em;}}& .inputText-group {margin-bottom: 12px;& input:focus ~ label, & input:valid ~ label {border-radius: 4px;top: -10px;}& input {font-size: 1.2em;}}}}.act-header {background-color: var(--blue);background-size: cover;background-repeat: no-repeat;background-position: top center;width: 100%;position: relative;height: auto;& .act-container-wrap {max-width: 1200px;padding-left: 2em;padding-right: 2em;padding-top: 7em;padding-bottom: 26em;z-index: 2;}& .act-title {padding-top: 6em;color: #fff;z-index: 2;position: relative;display: inline-block;& h1 {font-size: 3.6em;color: #fff;margin-bottom: 0.25em;font-weight: bold;}& p {line-height: 1.8;font-size: 1.7em;}}& .btn-wrap {display: inline-block;margin-top: 1em;}& .act-form {position: absolute;right: 2em;top: 12em;z-index: 2;}@media screen and (min-width: 769px) and (max-width: 1380px) {background-size: 120%;& .act-container-wrap {padding-top: 5em;padding-bottom: 22em;}& .act-form {top: 10em;}}@media screen and (max-width: 769px) {font-size: calc(1vw + 1vh + 0.5vmin) !important;height: auto;background-size: cover;& .logo {width: 6em;position: absolute;top: 1.5em;left: 1.5em;}& .act-container-wrap {padding: 5em 1.2em 6em;}& .act-title {padding-top: 0;text-align: center;display: block;& h1 {font-size: 3em;margin-bottom: 0.25em;}& p {font-size: 1.4em;}}& .btn-wrap {text-align: center;margin-top: 1em;width: 100%;}& .act-form {position: relative;right: auto;top: auto;margin-top: 3em;}}}.act-sect1 {margin-top: -10em;z-index: 2;& .act-content {max-width: 1000px;margin-left: auto;margin-right: auto;}& .act-item {& .act-icon {width: 6em;}& .text-part {margin-left: 1em;& h4 {font-size: 1.5em;font-weight: bold;color: var(--cornflower);}& p {font-size: 1.1em;}}}@media screen and (min-width: 769px) and (max-width: 1380px) {margin-top: -8em;}@media screen and (max-width: 769px) {margin-top: 0;& .act-item {& .act-icon {width: 5em;display: block;margin-left: auto;margin-right: auto;margin-bottom: 0.5em;}& .text-part {margin-left: 1em;& h4 {font-size: 1.4em;}& p {font-size: 0.9em;}}}}}.act-sect2 {padding-top: 15em;margin-top: -10em;z-index: 1;padding-bottom: 2em;background-color: #7cb7f6;background-size: cover;background-repeat: no-repeat;background-position: top center;overflow: hidden;& .act-container-wrap {max-width: 1100px;}& .AiGP-wrap {padding: 8em 1em 5em;font-size: 1.1em;& .act-bg {display: block;margin-left: auto;margin-right: auto;width: 100%;margin-top: -8em;z-index: 1;}}& .triangle-part {position: relative;z-index: 6;display: block;margin-left: auto;margin-right: auto;text-align: center;width: 11em;& .btn-center {z-index: 4;position: relative;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;border-radius: 100em;padding: 1.2em;background: linear-gradient(to bottom, #2508fb 0%, #4e6fff 100%);border: 2px solid #fff;box-shadow: 0.2em 0.2em 0 0 rgba(255, 255, 255, 0.5);& span {color: var(--yellow);font-size: 1.1em;text-align: center;margin-bottom: 0;font-weight: bold;}&:hover {transform: scale(1.1);transition: all 0.2s ease;}}& .btn-item {z-index: 2;cursor: pointer;width: 10.2em;display: inline-block;position: absolute;& .act-inner {position: absolute;z-index: 3;& .act-icon {width: 3em;}& p {font-size: 1.2em;color: #fff;font-weight: bold;}}& .item-bg {width: 100%;height: auto;z-index: 2;position: relative;}& .act-hover {position: absolute;z-index: 1;background: #fff;border-radius: 0 100em 100em 0;padding: 0.65em;text-align: left;width: 4em;overflow: hidden;opacity: 0;transition: all 0.2s ease;& h3 {font-size: 1.1em;font-weight: bold;margin-bottom: 0.2em;white-space: nowrap;}& p {font-size: 0.9em;color: #000;margin-bottom: 0;}}&:hover .act-hover {width: auto;opacity: 1;transition: all 0.5s ease;}}& .btn-item01 {top: -7.5em;width: 11em;left: 0%;& .act-inner {top: 20%;left: 50%;transform: translateX(-50%);}& .act-hover {left: 5em;top: 1em;padding-left: 4.5em;}& .act-hover p {width: 52ch;}}& .btn-item02 {right: -4.8em;top: 1.2em;& .act-inner {top: 40%;right: 25%;}& .act-hover {left: 5em;top: 1.5em;padding-left: 4em;}& .act-hover p {width: 42ch;}}& .btn-item03 {left: -4.8em;top: 1.2em;& .act-inner {top: 40%;left: 25%;}& .act-hover {right: 5em;top: 1.5em;padding-left: 1.8em;padding-right: 3em;border-radius: 100em 0 0 100em;}& .act-hover p {width: 42ch;}}}& .btn-AIGP {z-index: 4;transition: all 0.2s ease;position: absolute;display: inline-flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;border-radius: 100em;padding: 1em;width: 7em;background: linear-gradient(to bottom, #128def 0%, #5ad4c3 100%);animation: float 1.5s infinite both ease-in-out;transform-origin: center center;transform: scale(1);& span {color: #fff;font-size: 1em;text-align: center;margin-bottom: 0;font-weight: bold;white-space: nowrap;}&:hover {animation: none;transform: scale(1.1);transition: all 0.2s ease;}}& .btn-AIGP01 {top: 38%;left: 20%;}& .btn-AIGP02 {top: 44%;right: 14%;background: linear-gradient(to bottom, #38ebba 0%, #6fb1d2 100%);}& .btn-AIGP03 {top: 65%;left: 15%;background: linear-gradient(to bottom, #4253d0 0%, #dc3d63 100%);}& .btn-AIGP04 {top: 66%;right: 18%;background: linear-gradient(to bottom, #015eea 0%, #9ee9ff 100%);}@media screen and (min-width: 769px) and (max-width: 1380px) {padding-top: 9em;background-size: 120%;}@media screen and (max-width: 769px) {padding-top: 3em;margin-top: 0;padding-bottom: 3em;background: linear-gradient(to bottom, #7a89f6 0%, #7ccaf6 100%);& .AiGP-wrap {padding: 8em 0 7em;font-size: 0.9em;& .act-bg {margin-top: -6em;z-index: 1;height: 14em;width: 120%;left: -10%;position: relative;}}& .triangle-part {width: 11em;font-size: 0.95em;& .btn-item .act-hover {display: none;}}& .btn-AIGP {width: 7em;}& .btn-AIGP01 {top: 39%;left: 5%;}& .btn-AIGP02 {top: 40%;right: 5%;}& .btn-AIGP03 {top: 58%;left: 9%;}& .btn-AIGP04 {top: 59%;right: 9%;}& .hover-wrap {& .act-item {z-index: 1;background: #fff;border-radius: 1em;padding: 0.65em;text-align: left;&:not(:last-child) {margin-bottom: 0.5em;}& h3 {font-size: 1.2em;font-weight: bold;margin-bottom: 0.2em;white-space: nowrap;}& p {font-size: 1em;color: #000;margin-bottom: 0;}}}}}.act-sect3 {background-color: #ededed;background-size: 100%;background-repeat: no-repeat;background-position: bottom center;padding-bottom: 10.5em;& .act-item {background: linear-gradient(to bottom, #797ef6 0%, #7dd6f6 100%);height: 100%;padding: 2em;& h3 {color: #fff;font-weight: bold;font-size: 1.8em;text-align: center;}& p {color: #fff;width: 90%;margin-left: auto;margin-right: auto;max-width: 280px;}& .act-icon {width: 60%;display: block;margin-left: auto;margin-right: auto;margin-top: 0.6em;}}@media screen and (min-width: 770px) {& .swiper-wrapper {justify-content: center;align-items: stretch;& .swiper-slide {flex: 1;width: auto;&:not(:last-child) {margin-right: 0.8em;}}}}@media screen and (min-width: 769px) and (max-width: 1380px) {background-size: 120%;padding-bottom: 10em;}@media screen and (max-width: 769px) {background: #ededed;padding-bottom: 2em;& .swiper-pagination {position: relative;margin-top: 2em;}& .swiper-pagination-bullet {width: 1em;height: 1em;}& .swiper-pagination-bullet-active {background: #797ef6;}}}.act-sect4 {margin-top: -10em;z-index: 2;& .tab-wrap {margin: 2em auto;position: relative;max-width: 1100px;}& .tab-item {width: 100%;background: #f2f2f2;}& .tab-nav {padding: 2em 2em 1em 3em;overflow: hidden;& h3 {font-size: 1.4em;font-weight: bold;letter-spacing: 0.2em;position: relative;&::before {content: "";width: 0.1em;height: 4em;background: #fff;position: absolute;transform: rotate(25deg);bottom: -0.1em;left: -0.2em;}}}& .tab-nav01 {background: #4bdede;color: #fff;}& .tab-nav02 {background: #1ca6ec;color: #fff;}& .tab-content01 {background: linear-gradient(to bottom, #4bdede 0%, #9ee2fb 100%);}& .tab-content02 {background: linear-gradient(to bottom, #1ca6ec 0%, #797ef6 100%);& .tab-inner {max-width: 900px;margin-left: auto;margin-right: auto;width: 96%;}}& .tab-content {font-size: 1em;padding: 1em 1em 2em;& .tab-inner {& .act-item {text-align: center;}& .icon-box {aspect-ratio: 1 / 1;width: 6em;margin-bottom: 0.6em;display: flex;align-items: center;justify-content: center;padding: 0.2em;border-radius: 100em;border: 0.15em solid #fff;margin-left: auto;margin-right: auto;transition: all 0.3s;& .act-icon {width: 4.5em;}&:hover {background: rgba(67, 85, 202, 0.6);transition: all 0.3s;}}& h4 {color: #fff;font-weight: bold;font-size: 1.3em;}& p {color: #fff;font-size: 0.9em;}}}& .part {flex: 1;padding: 0 1.5em;& .text-header {position: relative;padding: 0 0.5em;& .act-icon {width: 1.5em;margin-right: 0.3em;position: relative;top: -0.2em;}& h4 {font-size: 2em;}& .btn-more {font-size: 1.2em;&:hover {text-decoration: none;& i {animation: arr-move 0.6s infinite both;}}& i {margin-left: 0.25em;position: relative;left: 0;}}}& .link-content {padding: 1em 0;& .act-btn {border: 0.15em solid #000;padding: 0.5em 1em;padding-right: 1.5em;margin: 0.5em 0.2em;flex: none;letter-spacing: 1px;white-space: nowrap;min-width: 23%;position: relative;font-size: 1em;&::after {content: "›";position: absolute;right: 0.7em;}&::before {content: "";border: 0.2em solid transparent;transition: all 0.3s;position: absolute;top: -0.12em;left: -0.1em;right: -0.1em;bottom: -0.12em;border-radius: 100em;}}}}& .manufacture-part {color: #1e2f97;& .text-header {border-bottom: 1px solid #1e2f97;& h4 {color: #1e2f97;}}& .btn-more {color: #1e2f97;}& .link-content .act-btn {color: #1e2f97;border-color: #1e2f97;&:hover::before {border: 0.2em solid #8400ff;transition: all 0.3s;}}}& .circulation-part {color: #ff14a9;& .text-header {border-bottom: 1px solid #ff14a9;& h4 {color: #ff14a9;}}& .btn-more {color: #ff14a9;}& .link-content .act-btn {color: #ff14a9;border-color: #ff14a9;&:hover::before {border: 0.2em solid #ff1414;transition: all 0.3s;}}}& .btn-wrap {text-align: center;margin-top: 2em;& .act-btn {padding: 0.5em 4em;font-size: 1.1em;}}@media screen and (max-width: 769px) {margin-top: 0;& .act-container-wrap {padding-left: 0;padding-right: 0;}& .tab-wrap {width: 100%;& .tab-item {width: 100%;}& .tab-nav {padding: 1em 0;text-align: center;cursor: pointer;position: absolute;top: 0;& h3 {font-size: 1.3em;letter-spacing: 0;margin-bottom: 0;&::before {display: none;}}}& .tab-nav01 {width: 50%;left: 0;}& .tab-nav02 {width: 50%;right: 0;}& .tab-content {padding: 1em;padding-top: 6em;padding-bottom: 8em;}& .tab-inner {& .act-item {margin: 0.6em 0.9em;}& .icon-box {width: 5em;margin-bottom: 0.6em;& .act-icon {width: 4em;}}& h4 {font-size: 1.2em;}& p {font-size: 0.9em;}}}& .part {padding: 0 1em;& .text-header {padding: 0 0.5em;& .act-icon {width: 1.5em;}& h4 {font-size: 1.8em;}& .btn-more {font-size: 1.3em;}}& .link-content {padding: 1em 0;& .act-btn {padding: 0.5em 1em;padding-right: 1.5em;margin: 0.5em 0.2em;min-width: 30%;font-size: 1em;}}}& .circulation-part {margin-top: 1em;}& .btn-wrap {text-align: center;margin-top: -8em;z-index: 2;position: relative;& .act-btn {padding: 0.5em 4em;font-size: 1.1em;}}}}.act-sect5 {padding-top: 14em;margin-top: -8em;z-index: 1;background: url("../images/s5-bg02.jpg") no-repeat bottom center, url("../images/s5-bg01.jpg") no-repeat top center #1ca6ef;background-size: 100%, 100%;& .sect-title {margin-bottom: 4em;}& .ERP-group {padding: 6em 0;max-width: 610px;display: block;margin-left: auto;margin-right: auto;position: relative;z-index: 2;& .ERP-bg {display: block;margin-left: auto;margin-right: auto;width: 63%;}& .act-item {position: absolute;width: 20%;opacity: 0;& .act-inner {aspect-ratio: 1 / 1;border-radius: 100em;width: 100%;background: rgba(34, 95, 231, 0.7);color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;border: 2px solid #fff;box-shadow: 0 0 1em 0.2em rgba(255, 255, 255, 0.8);transition: all 0.3s;animation: shadow 2s infinite both;}& span {font-size: 1.1em;line-height: 1.2;}&:hover .act-inner {animation: none;box-shadow: 0 0 1.2em 0.8em #fff;transition: all 0.3s;background: #1e2f97;}}& .act-item01 {top: 0;left: 22%;}& .act-item02 {top: 0;right: 22%;}& .act-item03 {top: 24%;right: 2%;}& .act-item04 {top: 55%;right: 0;}& .act-item05 {bottom: 0;right: 22%;}& .act-item06 {bottom: 0;left: 22%;}& .act-item07 {top: 55%;left: 0;}& .act-item08 {top: 24%;left: 2%;}}& .arr-group {width: 100%;display: block;top: 5%;z-index: 1;position: absolute;left: 50%;transform: translateX(-50%);}@media screen and (min-width: 769px) and (max-width: 1380px) {padding-top: 12em;background-size: 120%, 120%;& .ERP-group {max-width: 520px;}}@media screen and (max-width: 769px) {padding-top: 3em;margin-top: 0;background: url("../images/s5-bg02.jpg") no-repeat bottom center #1ca6ef;background-size: 160%;& .ERP-group {& .ERP-bg {width: 63%;}& .act-item {width: 25%;}& .act-item h4 {font-size: 1.1em;}}}}.act-sect6 {padding-bottom: 0;& .Demo-offset {visibility: hidden;position: relative;top: -7em;}& .sect-title {margin-bottom: 0;}& .act-city {display: block;margin-left: auto;margin-right: auto;width: 100%;}& .swiper-pagination {position: absolute;top: -6em;min-height: 8em;left: 50%;transform: translateX(-50%);width: 90%;max-width: 880px;display: flex;align-items: flex-end;margin-bottom: 0;& .swiper-pagination-bullet {position: relative;z-index: 1;margin: 0;width: auto;height: auto;border-radius: 0;flex: 1;background: transparent;opacity: 1;padding: 0;text-align: center;& .icon-box {background: #a4a4a4;border-radius: 100em;padding: 0.5em;display: inline-flex;width: 5em;aspect-ratio: 1 / 1;align-items: center;justify-content: center;border: 0.4em solid transparent;transition: all 0.2s;}& .act-icon {width: 70%;}}& .swiper-pagination-bullet-active {& .icon-box {background: #797ef6;border-color: #d1d9fd;}}}& .slide-label {text-align: center;margin-bottom: 1.5em;& h3 {font-size: 2em;font-weight: bold;color: var(--blue);margin-bottom: 0;}}& .swiper-value-wrap {position: relative;background: url("../images/s6-bg-l.jpg") no-repeat left -2em top, url("../images/s6-bg-r.jpg") no-repeat right bottom -10em #d1d9fd;background-size: 24%, 40%;}& .swiper-value {padding: 3em 0;position: relative;max-width: 1100px;margin-left: auto;margin-right: auto;}& .dv-box {position: relative;cursor: pointer;display: inline-block;& .arr-wrap {transition: all 0.3s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 5.5em;aspect-ratio: 1 / 1;z-index: 2;display: flex;align-items: center;justify-content: center;&::before, &::after {content: "";border-radius: 100em;position: absolute;}&::before {width: 100%;height: 100%;transition: all 0.3s;mix-blend-mode: overlay;background: rgba(186, 198, 253, 0.7);}&::after {width: 80%;height: 80%;border: 1px solid #fff;transition: all 0.3s;}& .arr {width: 40%;height: auto;transform: translateX(0.25em);transition: all 0.3s;}}& .dv-pic {width: 100%;}&:hover {& .arr-wrap::after {width: 70%;height: 70%;transition: all 0.2s;}& .arr-wrap::before {background: rgba(130, 149, 238, 0.7);}& .arr {width: 26%;transition: all 0.2s;}}}& .act-inner {position: relative;padding: 2em 1em;}& .act-item {flex: 1;min-width: 26%;margin-bottom: 3em;& h4 {text-align: center;color: var(--blue);font-weight: 800;font-size: 1.6em;border-bottom: 1px solid var(--blue);padding-bottom: 0.3em;max-width: 300px;margin-left: auto;margin-right: auto;}& p {font-size: 1.1em;width: 90%;max-width: 280px;margin-left: auto;margin-right: auto;margin-bottom: 1.5em;}& .btn-wrap {text-align: center;margin-top: 1.5em;& .btn-red {padding: 0.5em 3em;}}}& .act-inner-style2 {& .act-item {text-align: left;max-width: 250px;& h4 {text-align: left;padding-left: 0.2em;margin-left: 0;margin-right: 0;}& p {font-size: 1.1em;width: 100%;padding: 0 0.25em;max-width: 100%;margin-bottom: 1.5em;margin-left: 0;margin-right: 0;}&:not(:last-child) {margin-right: 1em;}}}& .act-inner01 {& .act-item {max-width: 350px;}& .act-item p {min-height: 8ch;}}& .act-inner02 {padding-left: 4em;padding-right: 4em;}& .act-inner03 {max-width: 700px;margin-left: auto;margin-right: auto;& .act-item {min-width: 40%;}}@media screen and (min-width: 769px) and (max-width: 1380px) {& .act-city {width: 70%;}& .sect-title {margin-bottom: 0;}& .swiper-value-wrap {background: url("../images/s6-bg-l.jpg") no-repeat left -3em top, url("../images/s6-bg-r.jpg") no-repeat right bottom -10em #d1d9fd;background-size: 20%, 36%;}& .swiper-value {max-width: 1000px;}}@media screen and (max-width: 769px) {& .swiper-value-wrap {background: url("../images/s6-bg-l.jpg") no-repeat left -7em top 4em, url("../images/s6-bg-r.jpg") no-repeat right bottom -3em #d1d9fd;background-size: 50%, 60%;}& .swiper-value {padding: 2em 0;}& .act-inner {padding: 2em 1em;}& .act-item {min-width: 42%;& h4 {font-size: 1.5em;}& p {font-size: 1em;margin-bottom: 1em;}& .btn-wrap {margin-top: 1em;& .btn-red {padding: 0.5em 2em;}}}& .act-inner-style2 {padding-left: 2.5em;padding-right: 2em;& .act-item {& p {font-size: 1em;}&:not(:last-child) {margin-right: 1em;}}}& .act-inner01 .act-item p {min-height: 0;}}}.act-sect-QA {z-index: 2;}.QA-wrap {& .QA {margin-bottom: 0.5em;background: #f5f5f5;border-radius: 0.6em;& .Q {color: #000;border-left: 0.6em solid #797ef6;border-radius: 0.6em;background: #e9e9e9;vertical-align: middle;padding: 0.8em 2em 0.8em 1em;font-weight: 700;cursor: pointer;position: relative;& h3 {font-size: 1.3em;line-height: 1.4;margin-bottom: 0;}&::before {content: "";background: url("../images/arr-down.svg") no-repeat top 80% center;background-size: 80% auto;width: 1.8em;height: 1.8em;position: absolute;right: 1em;top: 0.8em;transition: all 0.3s;border: 2px solid #797ef6;border-radius: 100em;}&.closed::before {transition: all 0.3s;transform: rotate(180deg);}}& .A {color: #000;padding: 0.5em 1.5em 1em;font-size: 1.1em;font-weight: 500;display: none;& p {font-size: 1em;font-weight: 400;}& .read {color: #797ef6;font-weight: bold;font-size: 1.1em;}& .btn-link {color: #000;font-weight: 500;font-size: 1.1em;}}}}.act-sect-QA .QA-pic {width: 90%;margin-left: auto;display: block;margin-top: 4em;}@media screen and (max-width: 769px) {.act-sect-QA {& .sect-title h2 {text-align: left;padding-left: 0.6em;}& .QA-pic {width: 40%;margin-left: auto;margin-right: auto;margin-top: 1em;position: absolute;right: 0.5em;top: 0;}}.QA-wrap .QA {& .Q {padding-right: 3em;padding-left: 1em;& h3 {font-size: 1.2em;}}& .A {padding: 0.5em 1.5em 1em;font-size: 1.1em;}}}.act-sect-footer {padding-top: 13em;margin-top: -10em;z-index: 1;background-color: var(--blue);background-size: 100%;background-repeat: no-repeat;background-position: top center;& .sect-title h2 {margin-bottom: 0.4em;}& .btn-wrap {text-align: center;margin-top: 1.5em;& .act-btn {padding: 0.5em 4em;font-size: 1.1em;}}@media screen and (min-width: 769px) and (max-width: 1380px) {background-size: 120%;}@media screen and (max-width: 769px) {padding-top: 3em;margin-top: 0;background-size: cover;}}