@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;600;800&display=swap";.btn{-webkit-transition:all .6s ease;transition:all .6s ease}.btn{padding:15px 30px;background:-webkit-gradient(linear, left top, right top, from(#0065ad), to(#433461));background:linear-gradient(to right, #0065ad 0%, #433461 100%);color:#fff;letter-spacing:1px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}@media screen and (max-width: 767px){.btn{padding:10px 20px}}.btn:hover{color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.btn:active{background:hsl(0,0%,90%);color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}body{-webkit-text-size-adjust:none;font-family:"Noto Sans TC",sans-serif !important;font-size:18px;color:#333;line-height:1.8em}@media(min-width: 1600px){.container{width:1200px}}@media(min-width: 1700px){.container{width:1460px}}.glyphicon-chevron-left:before{content:"";background:url(../../images/arrow-left-solid.svg);width:35px;height:35px;display:block;background-repeat:no-repeat;color:#fff;-webkit-filter:invert(1);filter:invert(1);opacity:.9}.glyphicon-chevron-right:before{content:"";background:url(../../images/arrow-right-solid.svg);width:35px;height:35px;display:block;background-repeat:no-repeat;color:#fff;-webkit-filter:invert(1);filter:invert(1);opacity:.9}.carousel-indicators li{width:30px;height:8px;margin:0px}.carousel-indicators .active{width:30px;height:8px}.side-menu{position:fixed;width:300px;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(71, 71, 126)), to(#001f4b));background-image:linear-gradient(180deg, rgb(71, 71, 126), #001f4b);padding-top:50px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:5px 0 25px hsla(250,62%,13%,.5);box-shadow:5px 0 25px hsla(250,62%,13%,.5);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:.3s;transition:.3s;z-index:999}.side-menu form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0px 10px 50px;border-radius:15px;border:1px solid hsla(0,0%,100%,.6)}.side-menu form input{width:230px}.side-menu form button{width:50px}.side-menu form input,.side-menu form button{border:0;padding:5px;background:rgba(0,0,0,0);color:#fff}.side-menu form input:focus,.side-menu form button:focus{outline:none}.side-menu nav a{color:#fff;display:block;text-decoration:none;padding:10px;position:relative;-webkit-transition:all .3s;transition:all .3s}.side-menu nav a i{margin-right:-1.2em;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .3s;transition:all .3s}.side-menu nav a:hover i{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);margin-right:0em;-webkit-transition:all .3s;transition:all .3s}.side-menu nav a+a:before{content:"";position:absolute;border-top:1px solid hsla(234,28%,44%,.8);left:10px;right:10px;top:0}.side-menu label{position:absolute;width:40px;height:80px;color:#fff;background-color:#000;right:-40px;top:30%;bottom:0;margin:auto;line-height:80px;text-align:center;font-size:20px;border-radius:0 5px 5px 0;cursor:pointer;display:none}@media screen and (max-width: 767px){.side-menu label{display:block}}#menu-switch{position:fixed;opacity:0;z-index:999}#menu-switch:checked+.side-menu{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#menu-switch:checked+.side-menu label>i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#carousel-generic{z-index:888}.KV{position:relative}.KV .gogowrap{position:absolute;z-index:900;bottom:-50px;width:100%}@media screen and (max-width: 1400px){.KV .gogowrap{bottom:0}}.KV .gogowrap img.gogobg{width:100%}@media screen and (max-width: 767px){.KV .gogowrap img.gogobg{display:none}}.KV .gogowrap .gogo{height:100px;width:100%;z-index:999;position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;position:absolute;bottom:18%;right:30px}@media screen and (max-width: 1600px){.KV .gogowrap .gogo{bottom:15%}}@media screen and (max-width: 1400px){.KV .gogowrap .gogo{bottom:2%}}@media screen and (max-width: 1200px){.KV .gogowrap .gogo{bottom:-15%}}@media screen and (max-width: 1024px){.KV .gogowrap .gogo{bottom:-40%}}@media screen and (max-width: 820px){.KV .gogowrap .gogo{bottom:-67%}}@media screen and (max-width: 767px){.KV .gogowrap .gogo{bottom:-120px;line-height:1.4em;font-weight:600;right:10px}}.KV .gogowrap .gogo p{width:450px;padding:0 15px;text-align:justify;color:#3f3665}@media screen and (max-width: 767px){.KV .gogowrap .gogo p{font-size:15px}}.title{font-weight:bold;color:#111;letter-spacing:2px}h3.subtitle{color:#0065ad;font-weight:600}span.decoline{height:1px;display:block;background:#0065ad;padding:0;margin:0}.btn-center{margin:15px auto;display:block;width:140px;position:absolute;left:0;right:0;z-index:10}.btn-center2{border:0;background:hsla(0,0%,100%,.7);color:#020202;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.btn-center2:hover{background:#004299}.fa-hand-pointer:before{font-size:30px;padding:0 10px;color:#0f3653}.btn-center2:hover .fa-hand-pointer:before{color:#fff}.section01{padding:60px 0 0;display:block;min-height:600px;background:#fff;position:relative;z-index:950}@media screen and (max-width: 1400px){.section01{z-index:100}}@media screen and (max-width: 767px){.section01{padding:100px 0 0}}@media screen and (max-width: 414px){.section01{padding:120px 0 0}}.section01 .feature::before{content:"";position:absolute;top:0;left:0;background:url("../../images/cloudbg.png");background-repeat:no-repeat;background-position:left top;background-position:20px -100px;background-size:cover;width:700px;height:600px}@media screen and (max-width: 1400px){.section01 .feature::before{display:none}}.section01 .thumbnail{position:relative;border-radius:15px;padding:0;background:#515151}.section01 .thumbnail img{border-radius:15px 15px 0 0}.section01 .thumbnail h4{position:absolute;color:#fff;padding:0 20px;font-size:30px;font-weight:600;text-shadow:0 2px 4px #000;letter-spacing:2px}.section01 .thumbnail .caption{color:#fff;font-size:18px;letter-spacing:1px;min-height:160px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.section01 .thumbnail .caption .btn-go{background:#fff;color:#020202;font-size:16px;padding:5px 8px;float:right}.section01 .thumbnail .caption .btn-go:hover{color:#fff;background:#111}.section01 .servicewrap{padding-top:30px}@media screen and (max-width: 1400px){.section01 .servicewrap .itembox{width:50%}}@media screen and (max-width: 767px){.section01 .servicewrap .itembox{width:100%}}.section01 .servicewrap ul.serviceitems{font-size:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;line-height:1.8em;min-height:180px}@media screen and (max-width: 767px){.section01 .servicewrap ul.serviceitems{min-height:120px}}.section01 .servicewrap ul.serviceitems h4{color:#0065ad;font-weight:600}.section01 .servicewrap ul.serviceitems img{padding:0 15px}.section02{padding:180px 0 0;background:#dff1fa;min-height:600px;position:relative}.section02::before{content:"";position:absolute;width:100%;top:0;left:0;background:url("../../images/decbg02.svg");background-size:cover;height:143px;background-repeat:no-repeat;background-position:center bottom}.section02 .cases{padding:76px 0 0}.section02 .cases ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:33px}.section02 .cases ul li{-webkit-flex-basis:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;position:relative;overflow:hidden}@media screen and (max-width: 1024px){.section02 .cases ul li{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}}@media screen and (max-width: 767px){.section02 .cases ul li{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}}.section02 .cases ul li img{border-radius:8px}.section02 .cases ul li span{display:block;position:absolute;bottom:0;height:100%;width:100%;border-radius:8px;-webkit-transition:.5s;transition:.5s;bottom:-100%;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.section02 .cases ul li span{display:none}}.section02 .cases ul li a{overflow:hidden;position:relative;border-radius:8px;-webkit-transition:.5s;transition:.5s;margin:10px;display:block}.section02 .cases ul li a:hover span{bottom:0;background:rgba(0,64,114,.6);-webkit-transition:.5s;transition:.5s}.section03{padding:240px 0 60px;background:#fff;min-height:600px;position:relative}@media screen and (max-width: 767px){.section03{padding:180px 0 60px}}.section03::before{content:"";position:absolute;width:100%;top:0;left:0;background:url("../../images/decbg03.svg");background-size:cover;height:143px;background-repeat:no-repeat;background-position:center bottom}.section03 .distinctive{position:relative;z-index:100}.section03 .distinctive::before{content:"";position:absolute;top:0px;right:-180px;background:url("../../images/cloudbg2.png");background-repeat:no-repeat;background-position:left top;background-position:20px -100px;background-size:cover;width:720px;height:600px;z-index:-2}@media screen and (max-width: 1400px){.section03 .distinctive::before{display:none}}.section03 .prdfeature{padding-left:20px;margin-bottom:30px}.section03 .prdfeature i{margin-left:-20px;padding-right:5px;color:red;font-size:24px}.section03 .thumbnail{padding:0;border-radius:15px}.section03 .thumbnail img{border-radius:15px 15px 0 0}.section03 .thumbnail .caption h3{color:#fff;font-weight:600;letter-spacing:1px;text-align:center}@media screen and (max-width: 767px){.section03 .thumbnail .caption h3{font-size:18px}}.section03 .pdcard01{background:#0065ad}.section03 .pdcard02{background:#eb5107}.section03 .upgrade{padding:180px 0}@media screen and (max-width: 767px){.section03 .upgrade{padding:180px 0 60px}}.section03 .upgrade .upgradeinfo{background:#dff1fa;min-height:300px;padding:30px;border-radius:15px}@media screen and (max-width: 767px){.section03 .upgrade .upgradeinfo{padding:15px 0 0}}.section03 .upgrade .upgradeinfo .upgradepic{margin-top:-120px;border-radius:15px;-webkit-box-shadow:0 0 5px #57b9ff;box-shadow:0 0 5px #57b9ff}.section03 .upgrade .upgradeinfo .upgradetxt{padding:15px 30px;font-size:18px;line-height:1.6em}@media screen and (max-width: 767px){.section03 .upgrade .upgradeinfo .upgradetxt{padding:15px}}#contactus .fillform{padding:30px 0 60px}#contactus .fillform strong{color:#e7161b}.cursorFollower{position:absolute;width:200px;height:200px;border-radius:50%;-webkit-box-shadow:inset 0 0 25px hsla(0,0%,100%,.25);box-shadow:inset 0 0 25px hsla(0,0%,100%,.25);-webkit-animation:animate 8s ease-in-out infinite;animation:animate 8s ease-in-out infinite;z-index:999;opacity:1;pointer-events:none;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;scale:.5}@-webkit-keyframes animate{0%,100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes animate{0%,100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}}.cursorFollower::before{content:"";position:absolute;left:50px;top:45px;width:30px;height:30px;border-radius:50%;background:#fff;z-index:10;-webkit-filter:blur(2px);filter:blur(2px)}.cursorFollower::after{content:"";position:absolute;left:80px;top:80px;width:20px;height:20px;border-radius:50%;background:#fff;z-index:10;-webkit-filter:blur(2px);filter:blur(2px)}.cursorFollower span{position:absolute;border-radius:50%}.cursorFollower span:nth-child(1){inset:10px;border-left:15px solid #0fb4ff;-webkit-filter:blur(8px);filter:blur(8px)}.cursorFollower span:nth-child(2){inset:10px;border-right:15px solid #ff4484;-webkit-filter:blur(8px);filter:blur(8px)}.cursorFollower span:nth-child(3){inset:20px;border-top:15px solid #ffeb3b;-webkit-filter:blur(8px);filter:blur(8px)}.cursorFollower span:nth-child(4){inset:30px;border-left:15px solid #ff4484;-webkit-filter:blur(12px);filter:blur(12px)}.cursorFollower span:nth-child(5){inset:10px;border-bottom:10px solid #fff;-webkit-filter:blur(8px);filter:blur(8px);-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes fadeInOut{0%,100%{opacity:0}20%,80%{opacity:1}}@keyframes fadeInOut{0%,100%{opacity:0}20%,80%{opacity:1}}.links{z-index:1;-webkit-transition:.3s ease;transition:.3s ease}.links:hover{-webkit-transition:.3s ease;transition:.3s ease;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.thumbnail:hover{-webkit-box-shadow:2px 10px 10px #d3d3d3;box-shadow:2px 10px 10px #d3d3d3}