@keyframes flash{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:1}}@keyframes bounce{0%{transform:translateY(0)}20%{transform:translateY(0)}40%{transform:translateY(-30px)}50%{transform:translateY(0)}60%{transform:translateY(-15px)}80%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-10px)}20%{transform:translateX(10px)}30%{transform:translateX(-10px)}40%{transform:translateX(10px)}50%{transform:translateX(-10px)}60%{transform:translateX(10px)}70%{transform:translateX(-10px)}80%{transform:translateX(10px)}90%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes tada{0%{transform:scale(1)}10%{transform:scale(.9) rotate(-3deg)}20%{transform:scale(.9) rotate(-3deg)}30%{transform:scale(1.1) rotate(3deg)}40%{transform:scale(1.1) rotate(-3deg)}50%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-3deg)}70%{transform:scale(1.1) rotate(3deg)}80%{transform:scale(1.1) rotate(-3deg)}90%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes swing{20%,40%,60%,80%,to{transform-origin:top center 50%}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes wobble{0%{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}to{transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}to{transform:skewX(0deg)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}to{opacity:0;transform:translateX(-2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}to{opacity:0;transform:translateX(2000px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}to{opacity:1;transform:translateX(0)}}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px) rotateY(0)}40%{animation-timing-function:ease-out;transform:perspective(400px) translateZ(150px) rotateY(170deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1)}80%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(1turn) scale(.95)}to{animation-timing-function:ease-in;transform:perspective(400px) scale(1)}}@keyframes flipInX{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:perspective(400px) rotateX(0deg)}}@keyframes flipOutX{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:perspective(400px) rotateX(0deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipInY{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes flipOutY{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:perspective(400px) rotateY(0deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes lightSpeedIn{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateX(100%) skewX(-30deg)}60%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(-20%) skewX(30deg)}80%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) skewX(-15deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) skewX(0deg)}}@keyframes lightSpeedOut{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) skewX(0deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateX(100%) skewX(-30deg)}}@keyframes rotateOut{0%{opacity:1;transform:rotate(0);transform-origin:center center 50%}to{opacity:0;transform:rotate(200deg);transform-origin:center center 50%}}@keyframes rotateOutDownLeft{0%{opacity:1;transform:rotate(0);transform-origin:left bottom 50%}to{opacity:0;transform:rotate(90deg);transform-origin:left bottom 50%}}@keyframes rotateOutUpLeft{0%{opacity:1;transform:rotate(0);transform-origin:left bottom 50%}to{opacity:0;transform:rotate(-90deg);transform-origin:left bottom 50%}}@keyframes rotateOutDownRight{0%{opacity:1;transform:rotate(0);transform-origin:right bottom 50%}to{opacity:0;transform:rotate(-90deg);transform-origin:right bottom 50%}}@keyframes rotateOutUpRight{0%{opacity:1;transform:rotate(0);transform-origin:right bottom 50%}to{opacity:0;transform:rotate(90deg);transform-origin:right bottom 50%}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg);transform-origin:center center 50%}to{opacity:1;transform:rotate(0);transform-origin:center center 50%}}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-90deg);transform-origin:left bottom 50%}to{opacity:1;transform:rotate(0);transform-origin:left bottom 50%}}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(90deg);transform-origin:left bottom 50%}to{opacity:1;transform:rotate(0);transform-origin:left bottom 50%}}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom 50%}to{opacity:1;transform:rotate(0);transform-origin:right bottom 50%}}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(90deg);transform-origin:right bottom 50%}to{opacity:1;transform:rotate(0);transform-origin:right bottom 50%}}@keyframes hinge{0%{animation-timing-function:ease-in-out;transform:rotate(0);transform-origin:top left 50%}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left 50%}40%{animation-timing-function:ease-in-out;transform:rotate(60deg);transform-origin:top left 50%}80%{animation-timing-function:ease-in-out;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:rotate(60deg) translateY(0);transform-origin:top left 50%}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateY(700px)}}@keyframes rollIn{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateX(-100%) rotate(-120deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes rollOut{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) rotate(0deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateX(-100%) rotate(-120deg)}}#kv-simple figure{background-position:50%;background-size:cover}@media (min-width:1280px){#kv-simple figure{background-position:100%;background-size:contain}}.page-menu .slogan{margin-top:calc(1.4rem + 4.8vw)}@media (min-width:1200px){.page-menu .slogan{margin-top:5rem}}.page-menu .items-container li figure{border-radius:.625rem;height:140px;padding:.625rem;width:140px}#user-management .slogan{background:linear-gradient(0deg,#0074e1,#00ffa8);background:-webkit-linear-gradient(0deg,#0074e1,#00ffa8);background-clip:text;-webkit-background-clip:text;color:transparent}#user-management .items-container li:first-child figure{background-color:#0074e1}#user-management .items-container li:first-child h3{color:#0074e1}#user-management .items-container li:nth-child(2) figure{background-color:#00a4cd}#user-management .items-container li:nth-child(2) h3{color:#00a4cd}#user-management .items-container li:nth-child(3) figure{background-color:#00c1c1}#user-management .items-container li:nth-child(3) h3{color:#00c1c1}#user-management .items-container li:nth-child(4) figure{background-color:#00e0b5}#user-management .items-container li:nth-child(4) h3{color:#00e0b5}#user-organization figure{padding:calc(1.0875rem + 1.05vw)}@media (min-width:1200px){#user-organization figure{padding:1.875rem}}#system-management .slogan{background:linear-gradient(0deg,#427a4f,#53c45b 35%,#00c1c1 65%,#536a88);background:-webkit-linear-gradient(0deg,#427a4f,#53c45b 35%,#00c1c1 65%,#536a88);background-clip:text;-webkit-background-clip:text;color:transparent}#system-management .items-container li:first-child figure{background-color:#427a4f}#system-management .items-container li:first-child h3{color:#427a4f}#system-management .items-container li:nth-child(2) figure{background-color:#53c45b}#system-management .items-container li:nth-child(2) h3{color:#53c45b}#system-management .items-container li:nth-child(3) figure{background-color:#00c1c1}#system-management .items-container li:nth-child(3) h3{color:#00c1c1}#system-management .items-container li:nth-child(4) figure{background-color:#536a88}#system-management .items-container li:nth-child(4) h3{color:#536a88}#system-management .items-container li:nth-child(5) figure{background-color:#1f3d26}#system-management .items-container li:nth-child(5) h3{color:#1f3d26}#system-management .items-container li:nth-child(6) figure{background-color:#36843c}#system-management .items-container li:nth-child(6) h3{color:#36843c}#system-management .items-container li:nth-child(7) figure{background-color:#088787}#system-management .items-container li:nth-child(7) h3{color:#088787}#system-management .items-container li:nth-child(8) figure{background-color:#324257}#system-management .items-container li:nth-child(8) h3{color:#324257}#system-disk .box-container{border-radius:2rem;box-shadow:0 16px 40px #edf0f7}#system-notification figure{padding:0 calc(1.6rem + 7.2vw)}@media (min-width:1200px){#system-notification figure{padding:0 7rem}}@media (min-width:1280px){#system-cloud .qnap-bs-container>div{padding:5rem 0}}@media (min-width:1920px){#system-cloud .qnap-bs-container>div{padding:7.5rem 0}}#system-security{padding:calc(1.825rem + 9.9vw) 0 calc(2rem + 12vw)}@media (min-width:1200px){#system-security{padding:9.25rem 0 11rem}}#learn-more section{padding:calc(1.275rem + 3.3vw) 0 calc(1.35rem + 4.2vw)}@media (min-width:1200px){#learn-more section{padding:3.75rem 0 4.5rem}}
