@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;600&family=Poiret+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Courgette&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;600&family=Poiret+One&display=swap";.show-mobile{display:inline-block !important}@media(min-width: 640px){.show-mobile{display:inline-block !important}}@media(min-width: 1000px){.show-mobile{display:none !important}}.show-pc{display:none !important}@media(min-width: 640px){.show-pc{display:none !important}}@media(min-width: 1000px){.show-pc{display:inline-block !important}}ul{list-style:none;padding:0;margin:0}ul li{padding:0}.try-logo-bg{background-image:url("../images/tryhacker_logo_aj.png");background-repeat:repeat;background-color:#e2ebef}.white-bg{background-color:#fff}.with-border{border-radius:20px}@media(min-width: 1000px){.with-border{border-right:20px}}.row-pc-30{width:100%}@media(min-width: 1000px){.row-pc-30{width:30%}}.row-pc-70{width:100%}@media(min-width: 1000px){.row-pc-70{width:70%}}.row-pc-25{width:100%}@media(min-width: 1000px){.row-pc-25{width:25%}}.row-pc-75{width:100%}@media(min-width: 1000px){.row-pc-75{width:75%}}.animator-background{width:100%;height:100%;background:#fff}.animator-background,.menu-active-animator-background{position:absolute;width:100%;heigh:100%;z-index:0;left:0;top:0}.menu-active-animator-background span{width:20vmin;height:20vmin;border-radius:20vmin;backface-visibility:hidden;position:absolute;animation-name:move;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}.menu-active-animator-background span:nth-child(1){width:19vmin;height:19vmin;border-radius:19vmin;color:#ffffff82;top:11%;left:67%;animation-duration:10.5s;animation-delay:-10.9s;transform-origin:10vw -14vh;box-shadow:-38vmin 0 6.4004776408vmin currentColor}.menu-active-animator-background span:nth-child(2){width:30vmin;height:30vmin;border-radius:30vmin;color:#ffffff82;top:25%;left:30%;animation-duration:14.3s;animation-delay:-9.6s;transform-origin:-12vw -4vh;box-shadow:60vmin 0 12.3069948173vmin currentColor}.menu-active-animator-background span:nth-child(3){width:13vmin;height:13vmin;border-radius:13vmin;color:#ffffff82;top:9%;left:5%;animation-duration:10.9s;animation-delay:-0.3s;transform-origin:13vw 23vh;box-shadow:26vmin 0 4.6741038105vmin currentColor}.menu-active-animator-background span:nth-child(4){width:11vmin;height:11vmin;border-radius:11vmin;color:#ffffff82;top:82%;left:85%;animation-duration:12.7s;animation-delay:-9.6s;transform-origin:9vw -23vh;box-shadow:22vmin 0 4.1615755379vmin currentColor}.menu-active-animator-background span:nth-child(5){width:29vmin;height:29vmin;border-radius:29vmin;color:#ffffff82;top:71%;left:42%;animation-duration:10.3s;animation-delay:-6s;transform-origin:0vw 15vh;box-shadow:-58vmin 0 7.3115285799vmin currentColor}.menu-active-animator-background span:nth-child(6){width:24vmin;height:24vmin;border-radius:24vmin;color:#ffffff82;top:66%;left:58%;animation-duration:11.2s;animation-delay:-9.8s;transform-origin:24vw 8vh;box-shadow:48vmin 0 12.2737860449vmin currentColor}.menu-active-animator-background span:nth-child(7){width:15vmin;height:15vmin;border-radius:15vmin;color:#ffffff82;top:58%;left:80%;animation-duration:11.9s;animation-delay:-13.3s;transform-origin:-3vw 6vh;box-shadow:30vmin 0 3.7850954538vmin currentColor}.menu-active-animator-background span:nth-child(8){width:24vmin;height:24vmin;border-radius:24vmin;color:#ffffff82;top:50%;left:17%;animation-duration:13.6s;animation-delay:-5.5s;transform-origin:-22vw 24vh;box-shadow:48vmin 0 7.1590952215vmin currentColor}.menu-active-animator-background span:nth-child(9){width:21vmin;height:21vmin;border-radius:21vmin;color:#ffffff82;top:75%;left:97%;animation-duration:11.3s;animation-delay:-0.4s;transform-origin:4vw -15vh;box-shadow:42vmin 0 6.4634397315vmin currentColor}.menu-active-animator-background span:nth-child(10){width:28vmin;height:28vmin;border-radius:28vmin;color:#ffffff82;top:51%;left:61%;animation-duration:15s;animation-delay:-15.5s;transform-origin:-1vw -14vh;box-shadow:56vmin 0 14.8257810202vmin currentColor}.menu-active-animator-background span:nth-child(11){width:23vmin;height:23vmin;border-radius:23vmin;color:#ffffff82;top:72%;left:6%;animation-duration:10.6s;animation-delay:-2.4s;transform-origin:16vw -9vh;box-shadow:46vmin 0 8.5103322057vmin currentColor}.menu-active-animator-background span:nth-child(12){width:20vmin;height:20vmin;border-radius:20vmin;color:#ffffff82;top:66%;left:52%;animation-duration:15.3s;animation-delay:-10.5s;transform-origin:24vw -3vh;box-shadow:40vmin 0 4.2230100019vmin currentColor}.menu-active-animator-background span:nth-child(13){width:19vmin;height:19vmin;border-radius:19vmin;color:#ffffff82;top:45%;left:31%;animation-duration:15.5s;animation-delay:-2.3s;transform-origin:24vw 3vh;box-shadow:38vmin 0 6.5857917474vmin currentColor}.menu-active-animator-background span:nth-child(14){width:18vmin;height:18vmin;border-radius:18vmin;color:#ffffff82;top:59%;left:64%;animation-duration:12.6s;animation-delay:-3.1s;transform-origin:6vw 22vh;box-shadow:36vmin 0 7.9863000601vmin currentColor}.menu-active-animator-background span:nth-child(15){width:21vmin;height:21vmin;border-radius:21vmin;color:#ffffff82;top:77%;left:40%;animation-duration:14.2s;animation-delay:-8.9s;transform-origin:6vw 2vh;box-shadow:42vmin 0 3.7596911477vmin currentColor}.menu-active-animator-background span:nth-child(16){width:19vmin;height:19vmin;border-radius:19vmin;color:#ffffff82;top:41%;left:54%;animation-duration:12.7s;animation-delay:-15.7s;transform-origin:14vw -7vh;box-shadow:-38vmin 0 7.1225785371vmin currentColor}.menu-active-animator-background span:nth-child(17){width:13vmin;height:13vmin;border-radius:13vmin;color:#ffffff82;top:72%;left:71%;animation-duration:11.3s;animation-delay:-1.8s;transform-origin:21vw 16vh;box-shadow:26vmin 0 5.1643662765vmin currentColor}.menu-active-animator-background span:nth-child(18){width:23vmin;height:23vmin;border-radius:23vmin;color:#ffffff82;top:8%;left:37%;animation-duration:16s;animation-delay:-4.9s;transform-origin:15vw -16vh;box-shadow:-46vmin 0 10.7321525531vmin currentColor}.menu-active-animator-background span:nth-child(19){width:17vmin;height:17vmin;border-radius:17vmin;color:#ffffff82;top:31%;left:7%;animation-duration:13.5s;animation-delay:-12.5s;transform-origin:1vw -12vh;box-shadow:-34vmin 0 5.5637915945vmin currentColor}.menu-active-animator-background span:nth-child(20){width:25vmin;height:25vmin;border-radius:25vmin;color:#ffffff82;top:75%;left:76%;animation-duration:15.7s;animation-delay:-5.6s;transform-origin:22vw 20vh;box-shadow:50vmin 0 10.4844664123vmin currentColor}.animator-background span{width:20vmin;height:20vmin;border-radius:20vmin;backface-visibility:hidden;position:absolute;animation-name:move;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}.animator-background span:nth-child(1){width:25vmin;height:25vmin;border-radius:25vmin;color:#fffa76;top:17%;left:86%;animation-duration:12.4s;animation-delay:-2.3s;transform-origin:23vw 7vh;box-shadow:-50vmin 0 13.5891852975vmin currentColor}.animator-background span:nth-child(2){width:13vmin;height:13vmin;border-radius:13vmin;color:#3fa2c7;top:71%;left:30%;animation-duration:14s;animation-delay:-15.5s;transform-origin:22vw 7vh;box-shadow:-26vmin 0 5.179566611vmin currentColor}.animator-background span:nth-child(3){width:10vmin;height:10vmin;border-radius:10vmin;color:#3fa2c7;top:28%;left:33%;animation-duration:13.4s;animation-delay:-12.7s;transform-origin:15vw -8vh;box-shadow:20vmin 0 3.7389838239vmin currentColor}.animator-background span:nth-child(4){width:22vmin;height:22vmin;border-radius:22vmin;color:#fffa76;top:78%;left:49%;animation-duration:14s;animation-delay:-3.5s;transform-origin:-8vw 7vh;box-shadow:-44vmin 0 8.6435927014vmin currentColor}.animator-background span:nth-child(5){width:12vmin;height:12vmin;border-radius:12vmin;color:#fffa76;top:92%;left:82%;animation-duration:10.6s;animation-delay:-1s;transform-origin:0vw -15vh;box-shadow:24vmin 0 5.0512779959vmin currentColor}.animator-background span:nth-child(6){width:16vmin;height:16vmin;border-radius:16vmin;color:#fffa76;top:95%;left:52%;animation-duration:13.5s;animation-delay:-0.5s;transform-origin:20vw 3vh;box-shadow:-32vmin 0 6.7371276905vmin currentColor}.animator-background span:nth-child(7){width:20vmin;height:20vmin;border-radius:20vmin;color:#fffa76;top:46%;left:90%;animation-duration:13.7s;animation-delay:-11.2s;transform-origin:20vw 2vh;box-shadow:-40vmin 0 9.5687702844vmin currentColor}.animator-background span:nth-child(8){width:10vmin;height:10vmin;border-radius:10vmin;color:#fffa76;top:93%;left:42%;animation-duration:13.2s;animation-delay:-11.8s;transform-origin:4vw -7vh;box-shadow:20vmin 0 4.0116670245vmin currentColor}.animator-background span:nth-child(9){width:22vmin;height:22vmin;border-radius:22vmin;color:#fcf9b8;top:77%;left:26%;animation-duration:12s;animation-delay:-7.9s;transform-origin:2vw -23vh;box-shadow:44vmin 0 3.9015181653vmin currentColor}.animator-background span:nth-child(10){width:15vmin;height:15vmin;border-radius:15vmin;color:#3fa2c7;top:58%;left:33%;animation-duration:14s;animation-delay:-7.1s;transform-origin:19vw -11vh;box-shadow:-30vmin 0 4.9918700377vmin currentColor}.animator-background span:nth-child(11){width:27vmin;height:27vmin;border-radius:27vmin;color:#fffa76;top:21%;left:39%;animation-duration:11.2s;animation-delay:-14.3s;transform-origin:-2vw -23vh;box-shadow:54vmin 0 7.628114144vmin currentColor}.animator-background span:nth-child(12){width:12vmin;height:12vmin;border-radius:12vmin;color:#3fa2c7;top:32%;left:44%;animation-duration:13.3s;animation-delay:-11.3s;transform-origin:13vw -15vh;box-shadow:-24vmin 0 2.5071436774vmin currentColor}.animator-background span:nth-child(13){width:23vmin;height:23vmin;border-radius:23vmin;color:#fcf9b8;top:49%;left:37%;animation-duration:12.4s;animation-delay:-7s;transform-origin:0vw 11vh;box-shadow:-46vmin 0 8.8494596428vmin currentColor}.animator-background span:nth-child(14){width:11vmin;height:11vmin;border-radius:11vmin;color:#fffa76;top:91%;left:54%;animation-duration:16s;animation-delay:-3.4s;transform-origin:19vw 7vh;box-shadow:-22vmin 0 3.3413408093vmin currentColor}.animator-background span:nth-child(15){width:18vmin;height:18vmin;border-radius:18vmin;color:#fffa76;top:80%;left:75%;animation-duration:14.3s;animation-delay:-3.7s;transform-origin:-20vw 20vh;box-shadow:-36vmin 0 5.0316438213vmin currentColor}.animator-background span:nth-child(16){width:21vmin;height:21vmin;border-radius:21vmin;color:#fffa76;top:91%;left:66%;animation-duration:11.1s;animation-delay:-11.6s;transform-origin:16vw -6vh;box-shadow:-42vmin 0 4.8866061117vmin currentColor}.animator-background span:nth-child(17){width:23vmin;height:23vmin;border-radius:23vmin;color:#fcf9b8;top:66%;left:2%;animation-duration:11.6s;animation-delay:-9.9s;transform-origin:-8vw -22vh;box-shadow:46vmin 0 4.6539539059vmin currentColor}.animator-background span:nth-child(18){width:27vmin;height:27vmin;border-radius:27vmin;color:#fffa76;top:94%;left:7%;animation-duration:14.8s;animation-delay:-2.8s;transform-origin:13vw 9vh;box-shadow:54vmin 0 6.4971509587vmin currentColor}.animator-background span:nth-child(19){width:12vmin;height:12vmin;border-radius:12vmin;color:#3fa2c7;top:47%;left:5%;animation-duration:12.4s;animation-delay:-2.6s;transform-origin:-8vw 12vh;box-shadow:24vmin 0 3.3912431556vmin currentColor}.animator-background span:nth-child(20){width:30vmin;height:30vmin;border-radius:30vmin;color:#fffa76;top:44%;left:18%;animation-duration:10.3s;animation-delay:-1.8s;transform-origin:11vw 19vh;box-shadow:-60vmin 0 7.1561544711vmin currentColor}@keyframes move{100%{transform:translate3d(0, 0, 1px) rotate(360deg)}}.wave-area .ocean{height:5%;width:100%;position:absolute;bottom:0;left:0;background:#3fa2c7}.wave-area .wave{background:url(svg/wave.svg) repeat-x;position:absolute;top:-198px;width:6400px;height:198px;-webkit-animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;transform:translate3d(0, 0, 0)}.wave-area .wave:nth-of-type(2){top:-175px;-webkit-animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;animation:wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite,swell 7s ease -1.25s infinite;opacity:1}@-webkit-keyframes wave{0%{margin-left:0}100%{margin-left:-1600px}}@keyframes wave{0%{margin-left:0}100%{margin-left:-1600px}}@-webkit-keyframes swell{0%,100%{transform:translate3d(0, -25px, 0)}50%{transform:translate3d(0, 5px, 0)}}@keyframes swell{0%,100%{transform:translate3d(0, -25px, 0)}50%{transform:translate3d(0, 5px, 0)}}/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:2px 1px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:27px;height:29px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:27px;height:3px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-13px}.hamburger-inner::after{bottom:-13px}.hamburger--3dx .hamburger-box{perspective:54px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx .hamburger-inner::before,.hamburger--3dx .hamburger-inner::after{transition:transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent !important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0, 13px, 0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0, -13px, 0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:54px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after{transition:transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent !important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0, 13px, 0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0, -13px, 0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:54px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dy .hamburger-inner::before,.hamburger--3dy .hamburger-inner::after{transition:transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent !important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0, 13px, 0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0, -13px, 0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:54px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dy-r .hamburger-inner::before,.hamburger--3dy-r .hamburger-inner::after{transition:transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent !important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0, 13px, 0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0, -13px, 0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:54px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dxy .hamburger-inner::before,.hamburger--3dxy .hamburger-inner::after{transition:transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent !important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0, 13px, 0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0, -13px, 0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:54px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dxy-r .hamburger-inner::before,.hamburger--3dxy-r .hamburger-inner::after{transition:transform 0s .1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent !important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0, 13px, 0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0, -13px, 0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-5.4px, 0, 0) rotate(-45deg) scale(0.7, 1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-5.4px, 0, 0) rotate(45deg) scale(0.7, 1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(5.4px, 0, 0) rotate(45deg) scale(0.7, 1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(5.4px, 0, 0) rotate(-45deg) scale(0.7, 1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-5.4px, -6.75px, 0) rotate(-45deg) scale(0.7, 1);transition:top .1s ease,transform .1s .1s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-5.4px, 6.75px, 0) rotate(45deg) scale(0.7, 1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(0.165, 0.84, 0.44, 1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(5.4px, -6.75px, 0) rotate(45deg) scale(0.7, 1);transition:top .1s ease,transform .1s .1s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(5.4px, 6.75px, 0) rotate(-45deg) scale(0.7, 1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::before,.hamburger--boring .hamburger-inner::after{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--collapse .hamburger-inner::after{top:-26px;transition:top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0, -13px, 0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity .1s .22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--collapse-r .hamburger-inner::after{top:-26px;transition:top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0, -13px, 0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity .1s .22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .25s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--elastic .hamburger-inner{top:1.5px;transition-duration:.275s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger--elastic .hamburger-inner::before{top:13px;transition:opacity .125s .275s ease}.hamburger--elastic .hamburger-inner::after{top:26px;transition:transform .275s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0, 13px, 0) rotate(135deg);transition-delay:.075s}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0, -26px, 0) rotate(-270deg);transition-delay:.075s}.hamburger--elastic-r .hamburger-inner{top:1.5px;transition-duration:.275s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger--elastic-r .hamburger-inner::before{top:13px;transition:opacity .125s .275s ease}.hamburger--elastic-r .hamburger-inner::after{top:26px;transition:transform .275s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0, 13px, 0) rotate(-135deg);transition-delay:.075s}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0, -26px, 0) rotate(270deg);transition-delay:.075s}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s .175s ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top .05s .125s linear,left .125s .175s ease-in}.hamburger--emphatic .hamburger-inner::after{top:13px;right:0;transition:transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top .05s .125s linear,right .125s .175s ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent !important}.hamburger--emphatic.is-active .hamburger-inner::before{left:-54px;top:-54px;transform:translate3d(54px, 54px, 0) rotate(45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-54px;top:-54px;transform:translate3d(-54px, 54px, 0) rotate(-45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s .175s ease-in}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top .05s .125s linear,left .125s .175s ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:13px;right:0;transition:transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top .05s .125s linear,right .125s .175s ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent !important}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-54px;top:54px;transform:translate3d(54px, -54px, 0) rotate(-45deg);transition:left .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-54px;top:54px;transform:translate3d(-54px, -54px, 0) rotate(45deg);transition:right .125s ease-out,top .05s .125s linear,transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)}.hamburger--minus .hamburger-inner::before,.hamburger--minus .hamburger-inner::after{transition:bottom .08s 0s ease-out,top .08s 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::before,.hamburger--minus.is-active .hamburger-inner::after{opacity:0;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s .08s linear}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner::before{top:13px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:26px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0, 13px, 0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-3.8571428571px, -10px, 0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0, -26px, 0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:1.5px}.hamburger--slider-r .hamburger-inner::before{top:13px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider-r .hamburger-inner::after{top:26px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0, 13px, 0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(3.8571428571px, -10px, 0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0, -26px, 0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin-r .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spring .hamburger-inner{top:1.5px;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner::before{top:13px;transition:top .1s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spring .hamburger-inner::after{top:26px;transition:top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent !important}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 13px, 0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 13px, 0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spring-r .hamburger-inner::after{top:-26px;transition:top .2s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s .2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform .13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0, -13px, 0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0s .22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform .13s .22s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--stand .hamburger-inner{transition:transform .075s .15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s .075s linear}.hamburger--stand .hamburger-inner::before{transition:top .075s .075s ease-in,transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--stand .hamburger-inner::after{transition:bottom .075s .075s ease-in,transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent !important;transition:transform .075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s .15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--stand-r .hamburger-inner{transition:transform .075s .15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s .075s linear}.hamburger--stand-r .hamburger-inner::before{transition:top .075s .075s ease-in,transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom .075s .075s ease-in,transform .075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent !important;transition:transform .075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s .15s linear}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom .075s .1s ease-out,transform .075s .15s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--squeeze .hamburger-inner{transition-duration:.075s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top .075s .12s ease,opacity .075s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .075s ease,opacity .075s .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.hamburger--vortex .hamburger-inner::before,.hamburger--vortex .hamburger-inner::after{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.hamburger--vortex.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.hamburger--vortex-r .hamburger-inner::before,.hamburger--vortex-r .hamburger-inner::after{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.hamburger--vortex-r.is-active .hamburger-inner::before,.hamburger--vortex-r.is-active .hamburger-inner::after{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}body{margin:0;padding:0;position:relative}.textillate{visibility:hidden}.zoom-in{width:100% !important}.zoom-in .logo img{animation:transformer 1s ease-in 0s 1;animation-fill-mode:forwards}@keyframes transformer{from{width:30%}to{width:100%}}.swiper-pagination{z-index:1}.swiper-pagination-bullet{--swiper-theme-color: #e8e8e8 !important;width:30px !important;height:4px !important;border-radius:6px !important}.swiper-pagination-bullet.swiper-pagination-bullet-active{--swiper-theme-color: #badeeb !important}.section-how-to-work01 .swiper-pagination{display:block;bottom:40px}@media(min-width: 1000px){.section-how-to-work01 .swiper-pagination{bottom:10px;display:none}}.height-full{height:100%;min-height:130px}@media(min-width: 1000px){.height-full{min-height:480px}}.menu{position:fixed;top:4px;z-index:99999;right:20px}@media(min-width: 1000px){.menu{top:10px;right:43px}}@media(min-width: 1480px){.menu{top:20px;right:60px}}.menu .menu-intro{position:absolute;right:0;height:100vh;display:inline-block;background:#fff;z-index:0;width:25%;text-align:right}.menu .menu-intro .basic-info{position:absolute;bottom:51px;color:#3fa2c7;font-size:14px;line-height:1.75;right:20px}@media(min-width: 1480px){.menu .menu-intro .basic-info{font-size:12px;right:62px}}@media(min-width: 1480px){.menu .menu-intro .basic-info{font-size:16px}}.menu .menu-intro .basic-info img{width:auto;max-width:100%}@media(min-width: 1000px){.menu .menu-intro .basic-info img{max-width:182px}}@media(min-width: 1480px){.menu .menu-intro .basic-info img{max-width:100%}}.menu .menu-intro .basic-info a img{max-width:100%}@media(min-width: 1000px){.menu .menu-intro .basic-info a img{max-width:120px}}@media(min-width: 1480px){.menu .menu-intro .basic-info a img{max-width:100%}}.menu .hamburger{position:absolute;top:0;right:0;z-index:1001}.menu .hamburger .hamburger-inner,.menu .hamburger .hamburger-inner::before,.menu .hamburger .hamburger-inner::after{background-color:#3fa2c7}@media(min-width: 1000px){.menu .hamburger .hamburger-inner,.menu .hamburger .hamburger-inner::before,.menu .hamburger .hamburger-inner::after{width:40px;height:5px}}.menu .hamburger .hamburger-inner::after{display:none}.menu .hamburger .hamburger-inner::before{transition:all .5s ease;left:-15px}@media(min-width: 1000px){.menu .hamburger .hamburger-inner::before{left:-20px}}.menu .hamburger.is-active .hamburger-inner,.menu .hamburger.is-active .hamburger-inner::before,.menu .hamburger.is-active .hamburger-inner::after{background-color:#fff}@media(min-width: 1000px){.menu .hamburger.is-active .hamburger-inner,.menu .hamburger.is-active .hamburger-inner::before,.menu .hamburger.is-active .hamburger-inner::after{background-color:#3fa2c7}}.menu .hamburger.is-active .hamburger-inner::before{left:0}.menu .mobile-menu-list{position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh;z-index:1000;display:none;background-color:#3fa2c7}.menu .mobile-menu-list.on{display:inline-block}.menu .mobile-menu-list .middle-content{width:72%;padding:0 25% 0 3%}@media(min-width: 1000px){.menu .mobile-menu-list .middle-content{padding:4% 25% 0 3%}}@media(min-width: 1480px){.menu .mobile-menu-list .middle-content{padding:3% 25% 0 3%}}.menu .mobile-menu-list .middle-content ul{float:left;width:100%}.menu .mobile-menu-list .middle-content ul:first-child{width:100%}@media(min-width: 1000px){.menu .mobile-menu-list .middle-content ul{width:60%}.menu .mobile-menu-list .middle-content ul:first-child{width:40%}}.menu .mobile-menu-list .middle-content ul li{margin-bottom:26px}@media(min-width: 1000px){.menu .mobile-menu-list .middle-content ul li{margin-bottom:61px}}.menu .mobile-menu-list .middle-content ul li a{font-family:"Montserrat",微軟正黑體,sans-serif;text-decoration:none;font-size:28px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#fff;white-space:nowrap;cursor:pointer}@media(min-width: 1000px){.menu .mobile-menu-list .middle-content ul li a{font-size:50px}}@media(min-width: 1480px){.menu .mobile-menu-list .middle-content ul li a{font-size:72px}}.menu .mobile-menu-list .middle-content ul li a.active,.menu .mobile-menu-list .middle-content ul li a:hover{-webkit-text-stroke:1px #fff;color:transparent}@media(min-width: 1000px){.menu .mobile-menu-list .middle-content ul li a.active,.menu .mobile-menu-list .middle-content ul li a:hover{-webkit-text-stroke:2px #fff}}.menu_bg{background-color:#3fa2c700;width:100%;position:fixed;z-index:2;transition:all .2s ease;height:60px}.menu_bg .short-logo{cursor:pointer;width:auto;max-width:100%;display:inline-block;position:absolute}@media(min-width: 1000px){.menu_bg{height:60px}}@media(min-width: 1480px){.menu_bg{height:100px}}.menu_bg .short-logo{opacity:0;display:inline-block;position:absolute;top:50%;transform:translate(0, -50%);margin-left:20px;transition:all .5s ease}@media(min-width: 1000px){.menu_bg .short-logo{margin-left:100px}}.menu_bg .short-logo img{width:auto;max-width:110px}@media(min-width: 1000px){.menu_bg .short-logo img{max-width:185px}}body.menu_bg_show .menu_bg{background-color:#3fa2c7}body.menu_bg_show .menu_bg .short-logo{opacity:1}body.menu_bg_show .hamburger .hamburger-inner,body.menu_bg_show .hamburger .hamburger-inner::before,body.menu_bg_show .hamburger .hamburger-inner::after{background-color:#fff !important}@media(min-width: 1000px){body.menu_bg_show .hamburger .hamburger-inner,body.menu_bg_show .hamburger .hamburger-inner::before,body.menu_bg_show .hamburger .hamburger-inner::after{background-color:#fff !important}}body.menu_bg_show .hamburger.is-active .hamburger-inner,body.menu_bg_show .hamburger.is-active .hamburger-inner::before,body.menu_bg_show .hamburger.is-active .hamburger-inner::after{background-color:#fff !important}@media(min-width: 1000px){body.menu_bg_show .hamburger.is-active .hamburger-inner,body.menu_bg_show .hamburger.is-active .hamburger-inner::before,body.menu_bg_show .hamburger.is-active .hamburger-inner::after{background-color:#3fa2c7 !important}}main{position:relative}main .board{min-height:100vh}main .board,main .normal-board{position:relative;display:inline-block;width:100%;overflow:hidden;float:left}main .board.mobile-addtop,main .normal-board.mobile-addtop{margin-top:50px}@media(min-width: 1000px){main .board.mobile-addtop,main .normal-board.mobile-addtop{margin-top:0}}main .board.section-case,main .normal-board.section-case{background-color:#f4f4f4;padding-bottom:40px;min-height:auto;height:auto}@media(min-width: 1000px){main .board.section-case,main .normal-board.section-case{height:100vh;padding-bottom:0}}main .board .major-content,main .normal-board .major-content{position:absolute;z-index:100;width:100%;height:100%;margin-top:-30px}@media(min-width: 1000px){main .board .major-content,main .normal-board .major-content{margin-top:0}}main .board.section-contact-us .content-part,main .normal-board.section-contact-us .content-part{width:90%;padding:0 5%;max-width:1320px;margin:0 auto}main .section-major{text-align:center}main .section-major .logo{vertical-align:middle;pointer-events:none}main .section-major .logo img{max-width:100%}@media(min-width: 1000px){main .section-major .logo img{max-width:80%}}@media(min-width: 1480px){main .section-major .logo img{max-width:100%}}main .section-major .slogan{pointer-events:none;width:100%;margin:24.7px 254.4px 26.3px 12.5px;font-weight:bold;line-height:1.75;text-align:center;color:#555;font-size:16px}@media(min-width: 1000px){main .section-major .slogan{font-size:17px}}@media(min-width: 1480px){main .section-major .slogan{font-size:24px}}.middle-content{width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#bm-board{width:100%;height:100%;overflow:hidden;position:fixed;display:inline-block;z-index:199999;background-color:#fff}#bm-board #bm{display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100vw;height:auto}#arrow-down{display:inline-block;width:100%;height:210px;position:absolute;left:50%;transform:translate(-50%, 0);z-index:999;bottom:80px}@media(min-width: 1000px){#arrow-down{bottom:40px}}.section-title{padding-left:20px;color:#fff;font-size:14px;position:relative;padding-top:55px;padding-bottom:0;z-index:1}@media(min-width: 1000px){.section-title{padding-top:213px;padding-bottom:38px}}@media(min-width: 1480px){.section-title{padding-top:100px;padding-bottom:81px}}.section-title .stroke,.section-title .deep-gray-txt{font-family:"Montserrat",微軟正黑體,sans-serif;position:relative;z-index:1}.section-title .marquee{top:21px}@media(min-width: 1000px){.section-title .marquee{top:93px}}.section-title .section-short-content{position:absolute;top:50%;transform:translate(0, -50%);left:20px;right:auto;top:50%}@media(min-width: 1000px){.section-title .section-short-content{top:140px;left:auto;right:120px}}.section-title span{position:relative;z-index:1}.section-title .stroke{font-weight:bold;font-size:28px;-webkit-text-stroke:1px #fff;color:transparent}@media(min-width: 1000px){.section-title .stroke{-webkit-text-stroke:2px #fff}}.section-title .stroke.white-txt{color:#fff}@media(min-width: 1000px){.section-title{padding-left:152px;padding-top:213px;font-size:13px;padding-bottom:38px}.section-title .stroke{font-weight:bold;font-size:59px}}@media(min-width: 1000px)and (min-width: 1000px){.section-title .stroke{font-size:60px}}@media(min-width: 1000px)and (min-width: 1480px){.section-title .stroke{font-size:80px}}@media(min-width: 1000px)and (min-width: 1000px){.section-title .stroke.deep-stock-color{font-size:75px}}@media(min-width: 1000px)and (min-width: 1480px){.section-title .stroke.deep-stock-color{font-size:88px}}@media(min-width: 1480px){.section-title{padding-left:200px;padding-top:238px;padding-bottom:73px;font-size:18px}}.section-title.normal-space{padding-top:50px;padding-left:20px;padding-bottom:20px}@media(min-width: 1000px){.section-title.normal-space{padding-top:60px;padding-left:120px;padding-bottom:55px}}.section-title.normal-and-readme-space{padding-top:50px;padding-left:20px;padding-bottom:165px}@media(min-width: 1000px){.section-title.normal-and-readme-space{padding-top:60px;padding-left:120px;padding-bottom:180px}}.section-title.blue-txt{color:#81bad0;font-weight:normal;font-size:14px;padding-top:50px;padding-left:20px}@media(min-width: 1000px){.section-title.blue-txt{padding-top:140px;padding-left:80px;font-size:13px}}@media(min-width: 1480px){.section-title.blue-txt{padding-top:160px;padding-left:120px;font-size:28px}}.section-title.blue-txt .stroke{font-weight:bold;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#d7ecf4;font-size:28px}@media(min-width: 1000px){.section-title.blue-txt .stroke{font-size:75px}}@media(min-width: 1480px){.section-title.blue-txt .stroke{font-size:100px}}.section-title.blue-background{background-color:#3fa2c7}.content-part{padding-bottom:10px}.content-part .slider-content{width:100%;display:inline-block}.content-part .slider-content .htw-num{font-family:"Poiret One";font-weight:lighter;color:#98c8db;font-size:30px}@media(min-width: 1480px){.content-part .slider-content .htw-num{font-size:40px}}.content-part .slider-content .htw-big{font-family:"Poiret One";font-weight:lighter;color:#3fa2c7;font-size:60px}@media(min-width: 1480px){.content-part .slider-content .htw-big{font-size:80px}}.content-part .slider-content .htw-ajust-txt-size{font-size:24px;display:block}@media(min-width: 1000px){.content-part .slider-content .htw-ajust-txt-size{display:inline-block;font-size:42px}}.content-part .slider-content .htw-content{font-family:"Montserrat",Arial;font-weight:500;line-height:1.75;color:#717171;margin-top:30px;font-size:14px;margin-bottom:27px}@media(min-width: 1000px){.content-part .slider-content .htw-content{margin-bottom:86px;font-size:17px}}@media(min-width: 1480px){.content-part .slider-content .htw-content{font-size:24px}}.board.blue-bg,.normal-board.blue-bg{background-color:#3fa2c7}.left-part,.right-part{float:left;width:100%;position:relative}@media(min-width: 1000px){.left-part,.right-part{width:50%}}.left-part .take-center,.right-part .take-center{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}@media(min-width: 1000px){.left-part .take-center,.right-part .take-center{width:400px;top:50%;left:60%;transform:translate(-50%, -50%)}}@media(min-width: 1440px){.left-part .take-center,.right-part .take-center{left:48%}}@media(min-width: 1480px){.left-part .take-center,.right-part .take-center{left:45%}}@media(min-width: 1680px){.left-part .take-center,.right-part .take-center{left:50%}}@media(min-width: 1720px){.left-part .take-center,.right-part .take-center{left:34%}}.left-part .take-center .slogan-title,.right-part .take-center .slogan-title{font-weight:bold;color:#727272;font-size:36px}@media(min-width: 1000px){.left-part .take-center .slogan-title,.right-part .take-center .slogan-title{line-height:64px;font-size:44px}}@media(min-width: 1480px){.left-part .take-center .slogan-title,.right-part .take-center .slogan-title{line-height:80px;font-size:60px}}.left-part .take-center .short-content,.right-part .take-center .short-content{font-weight:bold;color:#727272;font-size:14px}@media(min-width: 1000px){.left-part .take-center .short-content,.right-part .take-center .short-content{line-height:35px;font-size:13px}}@media(min-width: 1480px){.left-part .take-center .short-content,.right-part .take-center .short-content{font-size:18px;line-height:40px}}.left-part .take-center .short-content a,.right-part .take-center .short-content a{color:#3fa2c7}.content-part.add-top{padding-top:50px}.content-part.flex-center{display:flex;justify-content:center}.content-part .conetent-align-box{display:none;position:relative;z-index:1;width:80%;top:21px;left:10%;transform:initial}@media(min-width: 1480px){.content-part .conetent-align-box{position:absolute;width:80%;top:50%;left:50%;transform:translate(-50%, -50%)}}.content-part .conetent-align-box.active{display:inline-block}.content-part .content-title{display:block;font-size:18px;font-weight:bold;margin-top:calc(50% - 65px)}@media(min-width: 1000px){.content-part .content-title{margin-top:calc(50% - 165px);font-size:22px}}@media(min-width: 1480px){.content-part .content-title{margin-top:0;font-size:30px}}.content-part .content-subtitle{display:block;font-size:12px;padding:11px 0;font-weight:bold}@media(min-width: 1000px){.content-part .content-subtitle{padding:30px 0 16px 0;font-size:13px}}@media(min-width: 1480px){.content-part .content-subtitle{padding:30px 0 16px 0;font-size:18px}}.content-part .content-intro{display:block;font-size:12px}@media(min-width: 1000px){.content-part .content-intro{font-size:12px}}@media(min-width: 1480px){.content-part .content-intro{font-size:18px}}.content-part .row-left,.content-part .row-right{display:inline-block;width:50%}.content-part .row-left .item span,.content-part .row-right .item span{cursor:pointer}@media(min-width: 340px){.content-part .row-left{width:36%}.content-part .row-right{width:64%}}@media(min-width: 1000px){.content-part .row-left,.content-part .row-right{width:50%}}.section-service,.section-about-us-service{padding-bottom:67px;min-height:auto !important}@media(min-width: 1000px){.section-service,.section-about-us-service{min-height:100vh;padding-bottom:0}}.section-service .row-right,.section-service .row-left,.section-about-us-service .row-right,.section-about-us-service .row-left{position:relative;color:#fff;min-height:auto}@media(min-width: 1000px){.section-service .row-right,.section-service .row-left,.section-about-us-service .row-right,.section-about-us-service .row-left{min-height:calc(100vh - 111px)}}@media(min-width: 1480px){.section-service .row-right,.section-service .row-left,.section-about-us-service .row-right,.section-about-us-service .row-left{min-height:650px}}.section-service .row-right.bg-computer,.section-service .row-left.bg-computer,.section-about-us-service .row-right.bg-computer,.section-about-us-service .row-left.bg-computer{background-image:url("../images/index_service.png");background-repeat:no-repeat;background-size:cover}.section-service .row-right.bg-computer a,.section-service .row-right.bg-computer span,.section-service .row-left.bg-computer a,.section-service .row-left.bg-computer span,.section-about-us-service .row-right.bg-computer a,.section-about-us-service .row-right.bg-computer span,.section-about-us-service .row-left.bg-computer a,.section-about-us-service .row-left.bg-computer span{position:relative}.section-service .row-right.bg-computer .blue-filter,.section-service .row-left.bg-computer .blue-filter,.section-about-us-service .row-right.bg-computer .blue-filter,.section-about-us-service .row-left.bg-computer .blue-filter{background-color:#00445d;opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.section-service .row-right .item,.section-service .row-left .item,.section-about-us-service .row-right .item,.section-about-us-service .row-left .item{position:relative;display:inline-block;margin-left:0;width:100%}@media(min-width: 1000px){.section-service .row-right .item,.section-service .row-left .item,.section-about-us-service .row-right .item,.section-about-us-service .row-left .item{width:calc(100% - 200px);margin-left:200px}}.section-service .row-right .item a,.section-service .row-left .item a,.section-about-us-service .row-right .item a,.section-about-us-service .row-left .item a{display:inline-block;background-color:#3fa2c7;font-weight:bold;z-index:1;position:relative;font-size:14px;margin-left:0;padding:10px 2px 10px 10px}@media(min-width: 640px){.section-service .row-right .item a,.section-service .row-left .item a,.section-about-us-service .row-right .item a,.section-about-us-service .row-left .item a{padding:10px 3px 10px 20px}}@media(min-width: 1000px){.section-service .row-right .item a,.section-service .row-left .item a,.section-about-us-service .row-right .item a,.section-about-us-service .row-left .item a{padding:20px;margin-left:50px;font-size:18px}}@media(min-width: 1480px){.section-service .row-right .item a,.section-service .row-left .item a,.section-about-us-service .row-right .item a,.section-about-us-service .row-left .item a{font-size:24px}}.section-service .row-right .item i,.section-service .row-left .item i,.section-about-us-service .row-right .item i,.section-about-us-service .row-left .item i{display:none;border-bottom:1px solid #fff;left:0;width:100%;position:absolute;z-index:0;top:50%;transform:translate(0, -50%)}.section-service .row-right .item.active i,.section-service .row-left .item.active i,.section-about-us-service .row-right .item.active i,.section-about-us-service .row-left .item.active i{display:inline-block}.section-service{min-height:auto}.section-service .row-right{min-height:auto;padding-bottom:200px}.switch-button{display:none;margin-top:-80px}@media(min-width: 1000px){.switch-button{margin-top:0;display:inline-block;padding-bottom:20px}}@media(min-width: 1440px){.switch-button{margin-bottom:90px}}@media(min-width: 1480px){.switch-button{margin-bottom:9px}}@media(min-width: 1680px){.switch-button{margin-bottom:53px}}.switch-button .right-button,.switch-button .left-button{display:inline-block;background-size:cover;cursor:pointer;padding:40px}@media(min-width: 1000px){.switch-button .right-button,.switch-button .left-button{padding:30px}}@media(min-width: 1480px){.switch-button .right-button,.switch-button .left-button{padding:40px}}.switch-button .right-button.end,.switch-button .left-button.end{cursor:initial;opacity:.5}.switch-button .right-button{background-image:url("../images/arrow-button.png");margin-left:30px}.switch-button .left-button{background-image:url("../images/arrow-button.png");-webkit-transform:rotate(180deg)}.load-animator{width:auto;display:inline-block;max-width:90%;padding:0 5%}@media(min-width: 1000px){.load-animator{padding:0;max-width:100%}}.htw-part-content{display:inline-block;text-align:left;min-width:80%}@media(min-width: 1000px){.htw-part-content{min-width:auto}}.txt-center{width:100%;text-align:center}.bottom-part{position:absolute;width:100%;bottom:0;left:-25%;z-index:1}@media(min-width: 1000px){.bottom-part{left:-36%}}@media(min-width: 1440px){.bottom-part{left:-34%}}@media(min-width: 1480px){.bottom-part{left:-33%}}@media(min-width: 1680px){.bottom-part{left:-32%}}.show-more{position:relative;width:100%;height:108px;display:inline-block}@media(min-width: 1000px){.show-more{height:240px}}.read-more{text-decoration:none;position:absolute;font-size:14px;font-weight:bold;color:#fff;width:100%;max-width:80%;display:inline-block;z-index:1}.read-more.b1{bottom:-120px}@media(min-width: 1000px){.read-more.b1{bottom:-60px}}.read-more.b2{bottom:-70px;right:auto;left:0}@media(min-width: 1000px){.read-more.b2{bottom:-70px;right:0;left:auto}}.read-more.b3{color:#484848;max-width:200px;top:50%;left:50%;transform:translate(-50%, -50%)}.read-more.b3 .line{border-bottom:1px solid #484848}.read-more.b4{color:#484848;max-width:200px;top:50%;transform:translate(0, -50%);right:0}.read-more.b4 .line{border-bottom:1px solid #484848}.read-more.b5{color:#484848;max-width:200px;bottom:0;left:0}@media(min-width: 1000px){.read-more.b5{left:calc(50% + 20px)}}.read-more.b5 .line{border-bottom:1px solid #484848}.read-more.b6{color:#fff;max-width:200px;bottom:90px;left:50%;transform:translate(-50%, 0)}@media(min-width: 1000px){.read-more.b6{max-width:138px;transform:none;bottom:88px;right:15%;left:unset}}@media(min-width: 1440px){.read-more.b6{max-width:200px}}.read-more.b6 .line{border-bottom:1px solid #fff}.read-more.b7{color:#484848;max-width:200px;bottom:0;transform:translate(-50%, 0);left:50%}.read-more.b7 .line{border-bottom:1px solid #484848}@media(min-width: 1000px){.read-more{font-size:10px;max-width:150px}}@media(min-width: 1480px){.read-more{max-width:220px;font-size:14px}}.read-more .arrow-box{overflow:hidden;width:20px;height:20px;position:absolute !important;right:0;top:0}.read-more .arrow-box .arrow{position:absolute;left:0;animation-name:arrowAnimateIn;animation-duration:.5s;animation-direction:reverse}.read-more:hover .arrow{animation-name:arrowAnimateOut;animation-duration:1s;animation-direction:normal}@keyframes arrowAnimateIn{0%{left:0;top:0}38%{left:23px;top:0}39%{left:23px;top:-20px}41%{left:-23px;top:-20px}42%{left:-23px;top:0}100%{left:0;top:0}}@keyframes arrowAnimateOut{0%{left:0;top:0}38%{left:23px;top:0}39%{left:23px;top:-20px}41%{left:-23px;top:-20px}42%{left:-23px;top:0}100%{left:0;top:0}}.read-more .line{border-bottom:1px solid #fff;width:100%;display:inline-block}.top-fix-bg{display:inline-block;position:initial;width:100%;margin-top:0}@media(min-width: 1000px){.top-fix-bg{position:absolute;z-index:1;margin-top:-70px;width:45%}}.top-fix-bg img{width:100%}.switch-case-content-part{overflow:hidden;width:95%;float:right;background-color:#fff;position:relative;margin-top:-100px;padding-bottom:0;height:auto;min-height:250px}@media(min-width: 1000px){.switch-case-content-part{margin-top:0;width:60%;float:right;position:relative;padding-bottom:50px;height:calc(100vh - 380px)}}@media(min-width: 1480px){.switch-case-content-part{padding-bottom:70px;height:calc(100vh - 422px)}}.switch-case-content-part .case-article-title{font-weight:bold;color:#4d4d4d;font-size:16px;padding:32px 5% 0 5%}@media(min-width: 1000px){.switch-case-content-part .case-article-title{padding:77px 10% 0 10%;font-size:36px}}.switch-case-content-part .clase-article-description{margin-top:10px;font-size:14px;line-height:1.71;color:#4d4d4d;padding:0 5% 0 5%}@media(min-width: 1000px){.switch-case-content-part .clase-article-description{padding:0 10% 0 10%;font-size:18px;line-height:1.5;margin-top:20px}}@media(min-width: 1480px){.switch-case-content-part .clase-article-description{font-size:24px}}.switch-case-content-part .class-read-more{position:relative;height:110px;display:inline-block;width:80%;padding:30px 5% 0 5%}@media(min-width: 1000px){.switch-case-content-part .class-read-more{height:70px;padding:30px 10% 0 10%}}@media(min-width: 1480px){.switch-case-content-part .class-read-more{height:140px}}.switch-case-content-part .class-read-more .read-more{max-width:160px;color:#4d4d4d}.switch-case-content-part .class-read-more .read-more .line{border-bottom:1px solid #4d4d4d}.switch-case-button{margin-top:-80px;display:inline-block;width:100%;position:absolute;bottom:0px;z-index:1}@media(min-width: 1000px){.switch-case-button{display:inline-block}}.switch-case-button .case-right-button,.switch-case-button .case-left-button{display:inline-block;background-repeat:no-repeat;background-color:#eaeaea;background-position:center;cursor:pointer;padding:25px;position:absolute;bottom:0}@media(min-width: 1480px){.switch-case-button .case-right-button,.switch-case-button .case-left-button{padding:30px}}@media(min-width: 1480px){.switch-case-button .case-right-button,.switch-case-button .case-left-button{padding:50px}}.switch-case-button .case-right-button.end,.switch-case-button .case-left-button.end{cursor:initial;opacity:.7}.switch-case-button .case-right-button{background-image:url("../images/arrow-case.png");right:0}.switch-case-button .case-left-button{background-image:url("../images/arrow-case.png");-webkit-transform:rotate(180deg)}.flex-verticle-center{display:flex;align-content:space-around;flex-direction:column;align-items:center}.article-row{display:flex;max-width:1240px;align-content:stretch;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:100%;max-width:100%}@media(min-width: 1000px){.article-row{flex-direction:row;justify-content:space-evenly;max-width:1000px;width:100%}}@media(min-width: 1480px){.article-row{flex-direction:row;justify-content:space-evenly;max-width:1260px;width:100%}}.article-row .right-col{margin-top:27px}@media(min-width: 1000px){.article-row .right-col{margin-top:70px}}.article-row .left-col{margin-top:27px}@media(min-width: 1000px){.article-row .left-col{margin-top:-40px}}.article-row .left-col,.article-row .right-col{width:90%;padding:0 5%}@media(min-width: 1000px){.article-row .left-col,.article-row .right-col{width:46.8%;padding:0 1.6%}}.article-row .left-col .article-image,.article-row .right-col .article-image{position:relative;min-height:100px}@media(min-width: 1480px){.article-row .left-col .article-image,.article-row .right-col .article-image{min-height:354px}}.article-row .left-col .article-image img,.article-row .right-col .article-image img{top:0;width:100%;position:relative}@media(min-width: 1480px){.article-row .left-col .article-image img,.article-row .right-col .article-image img{position:absolute;transition:all .5s ease}}.article-row .left-col .article-box,.article-row .right-col .article-box{margin:-25px 8% 0 8%;width:84%;position:relative}@media(min-width: 1000px){.article-row .left-col .article-box,.article-row .right-col .article-box{width:84%;margin:-45px 8% 0px 8%}}.article-row .left-col .article-box .fake-white-background,.article-row .right-col .article-box .fake-white-background{background-color:rgba(255,255,255,.8);width:100%;display:inline-block;height:20px}@media(min-width: 1000px){.article-row .left-col .article-box .fake-white-background,.article-row .right-col .article-box .fake-white-background{height:40px}}.article-row .left-col .article-box .article-intro,.article-row .right-col .article-box .article-intro{position:relative;z-index:1;width:calc(100% - 40px);background-color:#fff;color:#525252;padding:0 20px 20px 20px;margin-top:-5px;background:linear-gradient(315deg, transparent 24px, #ffffff 0);overflow:hidden}@media(min-width: 1000px){.article-row .left-col .article-box .article-intro,.article-row .right-col .article-box .article-intro{padding:0 70px 30px 30px;width:calc(100% - 100px);background:linear-gradient(315deg, transparent 50px, #ffffff 0)}}.article-row .left-col .article-box .article-intro .article-intro-title,.article-row .right-col .article-box .article-intro .article-intro-title{font-family:"Montserrat",微軟正黑體,sans-serif;font-weight:600;color:#525252;display:inline-block;width:100%;font-size:22px}.article-row .left-col .article-box .article-intro .article-intro-tag,.article-row .right-col .article-box .article-intro .article-intro-tag{display:inline-block;width:100%;margin:10px 0 10px 0}@media(min-width: 1000px){.article-row .left-col .article-box .article-intro .article-intro-tag,.article-row .right-col .article-box .article-intro .article-intro-tag{margin:10px 0 18px 0}}.article-row .left-col .article-box .article-intro .article-intro-tag a,.article-row .right-col .article-box .article-intro .article-intro-tag a{text-decoration:none;font-size:14px;font-weight:500;color:#70b2ca;padding-right:10px;float:left}.article-row .left-col .article-box .article-intro .article-intro-description,.article-row .right-col .article-box .article-intro .article-intro-description{font-size:16px;font-weight:300;line-height:1.75;color:#525252;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-row .left-col .article-box .article-mask-bg,.article-row .right-col .article-box .article-mask-bg{background-size:auto auto;background-color:rgba(255,255,255,0);background-image:repeating-linear-gradient(135deg, transparent, transparent 3px, #a4a4a4 5px, #a4a4a4 0px);width:calc(100% - 70px);color:#525252;padding:0 20px 20px 20px;position:absolute;z-index:0;height:calc(100% - 71px);bottom:-4px;left:-4px}@media(min-width: 1000px){.article-row .left-col .article-box .article-mask-bg,.article-row .right-col .article-box .article-mask-bg{padding:0 30px 30px 30px;width:calc(100% - 130px);bottom:-5px;left:-5px}}.row{display:inline-block;position:relative;width:100%;margin-top:22px}@media(min-width: 1000px){.row{margin-top:27px}}@media(min-width: 1480px){.row{margin-top:36px}}.row label{top:4px;left:17px;display:inline-block;color:#484848;line-height:40px;font-size:14px;font-weight:bold;position:relative}@media(min-width: 1000px){.row label{position:absolute;font-size:13px}}@media(min-width: 1480px){.row label{font-size:18px}}.row input,.row select,.row textarea{font-size:18px;color:#484848;background-color:#f4f4f4;border-radius:30px;border:none;outline:none;padding:14px 25px;margin-left:0}@media(min-width: 1000px){.row input,.row select,.row textarea{margin-left:100px}}.row input,.row textarea{width:calc(100% - 50px)}@media(min-width: 1000px){.row input,.row textarea{width:calc(100% - 150px)}}.row select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:100%}@media(min-width: 1000px){.row select{width:calc(100% - 98px)}}.row.select:after{content:"▼";padding:5px 4px;position:absolute;right:9px;color:#8b8b8b;bottom:10px;z-index:1;text-align:center;width:auto;height:auto;pointer-events:none;box-sizing:border-box;font-size:12px}.wave-area{position:relative;width:100%;overflow:hidden;height:220px}footer{width:100%;position:relative;display:inline-block}footer * a{text-decoration:none}footer .web-map-area{height:calc(100% - 118px);position:absolute;z-index:1;margin:0 auto;left:50%;transform:translate(-50%, 0);padding:0 5%;top:86px;width:90%}@media(min-width: 1000px){footer .web-map-area{width:70%;top:170px;height:calc(100% - 193px)}}@media(min-width: 1440px){footer .web-map-area{width:70%}}footer .web-map-area .left-area{float:left;text-align:left}@media(min-width: 1000px){footer .web-map-area .left-area{width:calc(100% - 245px)}}@media(min-width: 1440px){footer .web-map-area .left-area{width:calc(100% - 500px)}}footer .web-map-area .left-area a.maj-col{margin-bottom:26px;width:100%;max-width:216px}footer .web-map-area .left-area .maj-col{font-size:18px;font-weight:500;color:#fff;border-bottom:2px dotted #fff;padding-bottom:7px}@media(min-width: 1000px){footer .web-map-area .left-area .maj-col{font-size:13px}}@media(min-width: 1480px){footer .web-map-area .left-area .maj-col{font-size:18px}}footer .web-map-area .left-area .left-part,footer .web-map-area .left-area .right-part{display:flex;flex-direction:column;align-items:flex-start}footer .web-map-area .left-area .sec-col{display:flex;flex-direction:column;align-items:flex-start}footer .web-map-area .left-area .sec-col a{margin-top:10px;font-size:16px;color:#fff}@media(min-width: 1000px){footer .web-map-area .left-area .sec-col a{font-size:12px}}@media(min-width: 1480px){footer .web-map-area .left-area .sec-col a{font-size:16px}}footer .web-map-area .right-area{font-size:12px;float:left;width:100%;text-align:center;color:#fff;line-height:24px;margin-top:-16 px}@media(min-width: 1000px){footer .web-map-area .right-area{line-height:32px;width:245px;text-align:right;font-size:12px}}@media(min-width: 1440px){footer .web-map-area .right-area{width:500px}}@media(min-width: 1480px){footer .web-map-area .right-area{width:500px;font-size:16px}}footer .web-map-area .right-area .company-logo br{display:block}@media(min-width: 1000px){footer .web-map-area .right-area .company-logo br{display:none}}footer .web-map-area .right-area .company-logo img{width:100%;max-width:192px}footer .web-map-area .right-area .company-logo a img{max-width:22px}footer .web-map-area .right-area .company-logo{vertical-align:middle}footer .background-blue{background-color:#31a2c8;width:100%;display:inline-block;margin-bottom:-5px;height:140px}@media(min-width: 1000px){footer .background-blue{height:240px}}.article-row .left-col .c-arrow,.article-row .right-col .c-arrow{position:absolute;right:0;bottom:0;width:40px;height:40px}@media(min-width: 1000px){.article-row .left-col .c-arrow,.article-row .right-col .c-arrow{width:60px;height:60px}}.article-row .left-col .c-arrow .c-arrow__box,.article-row .right-col .c-arrow .c-arrow__box{position:absolute;right:1px;bottom:0;height:100px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;width:30px}@media(min-width: 1000px){.article-row .left-col .c-arrow .c-arrow__box,.article-row .right-col .c-arrow .c-arrow__box{width:70px}}.article-row .left-col .c-arrow .c-arrow__box::before,.article-row .right-col .c-arrow .c-arrow__box::before{position:absolute;top:0;left:0;width:0;height:100%;background-color:#e2ebef;background-repeat:repeat;content:"";transition:width .35s cubic-bezier(0.39, 0.575, 0.565, 1)}.article-row .left-col .c-arrow .c-arrow__circle,.article-row .right-col .c-arrow .c-arrow__circle{transition:-webkit-transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%;background-color:#e2ebef;transition:all .5s ease}.article-row .left-col .c-arrow .c-arrow__inner,.article-row .right-col .c-arrow .c-arrow__inner{position:absolute;display:inline-block;top:23px;width:34px;left:-12px;transition:left .35s cubic-bezier(0.39, 0.575, 0.565, 1)}@media(min-width: 1000px){.article-row .left-col .c-arrow .c-arrow__inner,.article-row .right-col .c-arrow .c-arrow__inner{top:36px;left:-33px;width:60px;transition:left .35s cubic-bezier(0.39, 0.575, 0.565, 1)}}.article-row .left-col .c-arrow .c-arrow__inner::before,.article-row .right-col .c-arrow .c-arrow__inner::before{position:absolute;right:0;bottom:0;width:100%;height:1px;background-color:#7b7b7b;content:""}.article-row .left-col .c-arrow .c-arrow__inner::after,.article-row .right-col .c-arrow .c-arrow__inner::after{position:absolute;right:0;bottom:1px;width:1px;background-color:#7b7b7b;content:"";-webkit-transform:rotate(-43deg);transform:rotate(-43deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;height:8px}@media(min-width: 1000px){.article-row .left-col .c-arrow .c-arrow__inner::after,.article-row .right-col .c-arrow .c-arrow__inner::after{height:12px}}.article-row .left-col:hover,.article-row .right-col:hover{cursor:pointer;transition:all .5s ease}.article-row .left-col:hover .c-arrow .c-arrow__circle,.article-row .right-col:hover .c-arrow .c-arrow__circle{width:0;height:0;left:40px;top:40px;transition:all .5s ease}.article-row .left-col:hover .c-arrow .c-arrow__inner,.article-row .right-col:hover .c-arrow .c-arrow__inner{left:3px;transition:all .5s ease}@media(min-width: 1000px){.article-row .left-col:hover .c-arrow .c-arrow__inner,.article-row .right-col:hover .c-arrow .c-arrow__inner{left:-7px}}.article-row .left-col:hover .c-arrow__box::before,.article-row .right-col:hover .c-arrow__box::before{width:50px;transition:width .4s cubic-bezier(0.39, 0.575, 0.565, 1)}.article-row .left-col:hover .article-image img,.article-row .right-col:hover .article-image img{top:0}@media(min-width: 1000px){.article-row .left-col:hover .article-image img,.article-row .right-col:hover .article-image img{top:20px}}.marquee{white-space:nowrap;width:100%;position:absolute;z-index:0;display:flex;flex-wrap:nowrap;animation:moving 30s infinite linear}.marquee span{position:relative;z-index:0;font-family:"Montserrat";font-weight:900;font-size:40px;text-shadow:2px 0px #fff;letter-spacing:2px;-webkit-text-stroke:2px #fff}@media(min-width: 1000px){.marquee span{font-size:180px}}.marquee.blue-color{color:#2b97bf}.marquee.blue-color span{text-shadow:2px 0px #2b97bf;letter-spacing:2px;-webkit-text-stroke:2px #2b97bf}@keyframes moving{to{transform:translateX(-50%)}}#pointer{pointer-events:none;position:absolute;padding:5px;border-radius:50%;transform:translateX(-50%) translateY(-50%);background-color:#1a1818;z-index:999999;transition:padding .2s ease;display:none}#pointer.hide{display:none !important}@media(min-width: 1000px){#pointer{#display:inline-block;display:none}}#pointer.active{padding:20px;background-color:rgba(9,9,9,.3);transition:padding .2s ease}.gray-background{background-color:#f4f4f4}.deep-gray-txt{color:#a7a7a7}.deep-stock-color{-webkit-text-stroke:2px #a7a7a7 !important}.deep-gray-txt2{color:#717171;-webkit-text-stroke:unset}.page-title{color:#717171;font-weight:bold;text-stroke:2px #717171 !important;position:relative;z-index:1;font-size:28px}@media(min-width: 1000px){.page-title{font-size:60px}}@media(min-width: 1480px){.page-title{font-size:80px}}.page-subtitle{color:#717171;padding-bottom:73px;font-size:14px}@media(min-width: 1000px){.page-subtitle{font-size:18px}}@media(min-width: 1480px){.page-subtitle{font-size:24px}}.full-width-bg{width:100%;display:inline-block;background-color:#fff;padding-top:30px}@media(min-width: 1000px){.full-width-bg{padding-top:60px}}.default-content-box{position:relative;width:90%;border-bottom:1px solid #ccc;margin:0 auto 30px auto;max-width:1250px;padding:0 5% 30px 5%}@media(min-width: 1000px){.default-content-box{width:795px;margin:0 auto 60px auto;padding:0 50px 60px 50px}}@media(min-width: 1480px){.default-content-box{width:calc(100% - 100px)}}.default-content-box.nobrd{border-bottom:none}.default-content-box .center-col{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding-bottom:60px}@media(min-width: 1000px){.default-content-box .center-col{display:flex;align-items:flex-start;flex-direction:row;justify-content:space-around;padding-bottom:0}}.default-content-box .center-col .article-image,.default-content-box .center-col .article-box{width:100%}@media(min-width: 1000px){.default-content-box .center-col .article-image,.default-content-box .center-col .article-box{padding:0 2%;width:46%}}.default-content-box .center-col .article-image{position:relative;text-align:center}.default-content-box .center-col .article-image img{width:100%;max-width:100%}.default-content-box .center-col .article-box .article-intro .article-intro-title{font-family:"Montserrat",微軟正黑體,sans-serif;font-weight:600;color:#000;font-size:16px;line-height:40px;position:relative}@media(min-width: 1000px){.default-content-box .center-col .article-box .article-intro .article-intro-title{font-size:28px}}.default-content-box .center-col .article-box .article-intro .article-intro-tag{display:block;margin:12px 0 17px 0}.default-content-box .center-col .article-box .article-intro .article-intro-tag a{text-decoration:none;color:#70b2ca;font-weight:500;font-size:12px}@media(min-width: 1000px){.default-content-box .center-col .article-box .article-intro .article-intro-tag a{font-size:10px}}@media(min-width: 1000px){.default-content-box .center-col .article-box .article-intro .article-intro-tag a{font-size:14px}}.default-content-box .center-col .article-box .article-intro .article-intro-description{color:#777879;font-weight:500;font-size:14px;line-height:1.7}@media(min-width: 1000px){.default-content-box .center-col .article-box .article-intro .article-intro-description{line-height:2;font-size:12px}}@media(min-width: 1480px){.default-content-box .center-col .article-box .article-intro .article-intro-description{font-size:18px}}.limit-3lines,.limit-4lines,.limit-pc2-lpc4lines{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.limit-3lines{-webkit-line-clamp:3}.limit-4lines{-webkit-line-clamp:4}.limit-pc2-lpc4lines{-webkit-line-clamp:2}@media(min-width: 1480px){.limit-pc2-lpc4lines{-webkit-line-clamp:4}}.pagination-box{text-align:center;margin:0;display:inline-block;width:100%;padding:50px 0;background:#fff}.pagination-box ul{list-style:none;padding:0;margin:0;display:inline-block}.pagination-box ul li{float:left}.pagination-box ul li a{position:relative;background-color:#fff;border:1px solid #70b2ca;text-decoration:none;color:#70b2ca;border-radius:50px;margin:0 20px;display:inline-block;padding:20px;font-size:12px}@media(min-width: 1000px){.pagination-box ul li a{font-size:18px;padding:30px}}.pagination-box ul li a.active,.pagination-box ul li a:hover{background-color:#70b2ca;color:#fff}.pagination-box ul li a span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.tag-section{font-family:"Montserrat",微軟正黑體,sans-serif;font-weight:600;background-color:#e2ebef;width:90%;padding:0 5%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:30px;padding-bottom:30px}@media(min-width: 1000px){.tag-section{padding-top:60px;padding-bottom:60px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around}}.tag-section .tag-section-content{display:block;width:100%;display:flex;max-width:100%;flex-direction:column}@media(min-width: 1000px){.tag-section .tag-section-content{flex-direction:row;max-width:1280px}}@media(min-width: 1440px){.tag-section .tag-section-content{flex-direction:row;max-width:80%}}.tag-section .left{width:100%;border-right:none;text-align:center;border-bottom:1px solid #d7dbdd;margin-bottom:34px;padding-bottom:20px}@media(min-width: 1000px){.tag-section .left{text-align:left;border-right:1px solid #d7dbdd;border-bottom:none;width:calc(65% + 220px);padding-right:5%;margin-bottom:0;padding-bottom:0}}.tag-section .right{width:100%;text-align:center}@media(min-width: 1000px){.tag-section .right{text-align:left;width:220px;padding-left:5%}}.tag-section .right a{color:#3fa2c7;font-size:18px;line-height:2.22;display:inline-block;text-decoration:none;font-style:italic;position:relative;font-family:"Montserrat",微軟正黑體,sans-serif}@media(min-width: 1000px){.tag-section .right a{font-size:18px;line-height:30px}}@media(min-width: 1000px){.tag-section .right a{font-size:24px;line-height:1.67}}.tag-section .right a::after{content:"";display:block;margin-top:2px;background-color:#3fa2c7;width:100%;-webkit-transition:.3s;transition:.3s;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;height:1px}@media(min-width: 1000px){.tag-section .right a::after{height:2px}}.tag-section .right a:hover::after{-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1)}.tag-section .tag-hashtag{color:#737c80;font-size:24px}@media(min-width: 1000px){.tag-section .tag-hashtag{font-size:26px}}@media(min-width: 1480px){.tag-section .tag-hashtag{font-size:36px}}.tag-section .tag-category{color:#737c80;font-size:24px}@media(min-width: 1000px){.tag-section .tag-category{font-size:26px}}@media(min-width: 1480px){.tag-section .tag-category{font-size:36px}}.tag-section .main-tag-area{list-style:none;padding:0;margin:30px 0 0 0}@media(min-width: 1000px){.tag-section .main-tag-area{margin:20px 0 0 0}}.tag-section .main-tag-area li{float:left;text-align:center;width:25%}@media(min-width: 1000px){.tag-section .main-tag-area li{width:12.5%}}@media(min-width: 1480px){.tag-section .main-tag-area li{width:15%}}.tag-section .main-tag-area li a{text-decoration:none;color:#70b2ca;background-color:#fff;display:inline-block;font-weight:bold;font-size:14px;width:82%;padding:3px 0;margin-bottom:15px}@media(min-width: 1000px){.tag-section .main-tag-area li a{width:82%;padding:6px 0;font-size:13px;margin-bottom:15px}}@media(min-width: 1480px){.tag-section .main-tag-area li a{width:82%;padding:7px 0;font-size:13px;margin-bottom:20px}}@media(min-width: 1680px){.tag-section .main-tag-area li a{width:82%;padding:7px 0;font-size:18px;margin-bottom:20px}}.let-talk-section{width:70%;padding:57px 15% 177px 15%;background-color:#70b2ca;color:#fff;margin-bottom:-64px;text-align:center;float:left;position:relative}@media(min-width: 1000px){.let-talk-section{text-align:left;padding:87px 15% 87px 15%;margin-bottom:-75px}}.let-talk-section .let-title{font-size:36px}@media(min-width: 1000px){.let-talk-section .let-title{font-size:26px}}@media(min-width: 1480px){.let-talk-section .let-title{font-size:30px}}.let-talk-section .let-contetn{font-size:14px}@media(min-width: 1000px){.let-talk-section .let-contetn{font-size:13px}}@media(min-width: 1480px){.let-talk-section .let-contetn{font-size:18px}}.blog-detail-content .blog-article-title{font-size:16px;color:#000}@media(min-width: 1000px){.blog-detail-content .blog-article-title{font-size:44px}}@media(min-width: 1480px){.blog-detail-content .blog-article-title{font-size:60px}}.blog-detail-content .blog-article-tags ul{display:inline-block;width:100%;list-style:none;padding:0;margin:9px 0 0 0}@media(min-width: 1000px){.blog-detail-content .blog-article-tags ul{margin:21px 0 0 0}}.blog-detail-content .blog-article-tags ul li{float:left}.blog-detail-content .blog-article-tags ul li a{text-decoration:none;color:#70b2ca;font-size:12px;margin-right:10px}@media(min-width: 1000px){.blog-detail-content .blog-article-tags ul li a{margin-right:16px;font-size:13px}}@media(min-width: 1480px){.blog-detail-content .blog-article-tags ul li a{margin-right:20px;font-size:18px}}.blog-detail-content .blog-article-back{position:relative;width:100%;display:inline-block;margin:50px 0}@media(min-width: 1000px){.blog-detail-content .blog-article-back{margin:80px 0 70px 0}}.blog-detail-content .blog-article-detail{font-size:14px;color:#777879;line-height:24px;margin-top:20px}@media(min-width: 1000px){.blog-detail-content .blog-article-detail{margin-top:31px;font-size:17px;line-height:30px}}@media(min-width: 1480px){.blog-detail-content .blog-article-detail{margin-top:42px;font-size:24px;line-height:42px}}.blog-detail-content .blog-article-detail img{width:auto;max-width:100%}.show-blog-case{background:#f4f4f4;width:100%;padding:30px 0;display:inline-block;position:relative;min-height:168px}@media(min-width: 1000px){.show-blog-case{min-height:250px;padding:70px 0}}.show-blog-case .blog-article-pagination{text-align:center;display:block}@media(min-width: 1000px){.show-blog-case .blog-article-pagination{display:none}}.show-blog-case .blog-article-pagination .swiper-pagination-bullet{margin:0 4px}.show-blog-case .swiper{width:90%;margin:0 5%;padding:0;overflow:hidden}@media(min-width: 1000px){.show-blog-case .swiper{margin:0;width:80%;padding:0 10%}}.show-blog-case .swiper .article-box{display:inline-block;width:70%;padding:4%;margin:0;position:relative;z-index:1;background-color:#fff;color:#525252;background:linear-gradient(315deg, transparent 24px, #ffffff 0);overflow:hidden}@media(min-width: 1000px){.show-blog-case .swiper .article-box{background:linear-gradient(315deg, transparent 50px, #ffffff 0);width:29%;padding:19px 2%;margin:0 2%}}@media(min-width: 1480px){.show-blog-case .swiper .article-box{width:26%;padding:36px 3%}}.show-blog-case .swiper .article-box img{width:100%}.show-blog-case .swiper .article-box .article-intro-title{font-weight:600;font-family:"Montserrat",微軟正黑體,sans-serif;display:inline-block;margin-bottom:29px;margin-top:7px}@media(min-width: 1000px){.show-blog-case .swiper .article-box .article-intro-title{margin-bottom:36px;margin-top:12px}}@media(min-width: 1480px){.show-blog-case .swiper .article-box .article-intro-title{margin-bottom:75px;margin-top:12px}}.show-blog-case .swiper .article-box .c-arrow{position:absolute;right:0;bottom:0;width:40px;height:40px}@media(min-width: 1000px){.show-blog-case .swiper .article-box .c-arrow{width:60px;height:60px}}.show-blog-case .swiper .article-box .c-arrow .c-arrow__box{position:absolute;right:1px;bottom:0;height:100px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;width:30px}@media(min-width: 1000px){.show-blog-case .swiper .article-box .c-arrow .c-arrow__box{width:70px}}.show-blog-case .swiper .article-box .c-arrow .c-arrow__box::before{position:absolute;top:0;left:0;width:0;height:100%;background-color:#e2ebef;background-repeat:repeat;content:"";transition:width .35s cubic-bezier(0.39, 0.575, 0.565, 1)}.show-blog-case .swiper .article-box .c-arrow .c-arrow__circle{transition:-webkit-transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%;background-color:#e2ebef;transition:all .5s ease}.show-blog-case .swiper .article-box .c-arrow .c-arrow__inner{position:absolute;display:inline-block;top:23px;width:34px;left:-12px;transition:left .35s cubic-bezier(0.39, 0.575, 0.565, 1)}@media(min-width: 1000px){.show-blog-case .swiper .article-box .c-arrow .c-arrow__inner{top:36px;left:-33px;width:60px;transition:left .35s cubic-bezier(0.39, 0.575, 0.565, 1)}}.show-blog-case .swiper .article-box .c-arrow .c-arrow__inner::before{position:absolute;right:0;bottom:0;width:100%;height:1px;background-color:#7b7b7b;content:""}.show-blog-case .swiper .article-box .c-arrow .c-arrow__inner::after{position:absolute;right:0;bottom:1px;width:1px;background-color:#7b7b7b;content:"";-webkit-transform:rotate(-43deg);transform:rotate(-43deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;height:8px}@media(min-width: 1000px){.show-blog-case .swiper .article-box .c-arrow .c-arrow__inner::after{height:12px}}.show-blog-case .swiper .article-box:hover{cursor:pointer;transition:all .5s ease}.show-blog-case .swiper .article-box:hover .c-arrow .c-arrow__circle{width:0;height:0;left:40px;top:40px;transition:all .5s ease}.show-blog-case .swiper .article-box:hover .c-arrow .c-arrow__inner{left:3px;transition:all .5s ease}@media(min-width: 1000px){.show-blog-case .swiper .article-box:hover .c-arrow .c-arrow__inner{left:-7px}}.show-blog-case .swiper .article-box:hover .c-arrow__box::before{width:50px;transition:width .4s cubic-bezier(0.39, 0.575, 0.565, 1)}.min-height{min-height:200px}@media(min-width: 1000px){.min-height{min-height:500px}}.align-center{text-align:center}.contact-finished-slogan{font-weight:bold;text-align:center;color:#3fa2c7;background-color:#fff;margin-top:31px;font-size:18px;margin-bottom:30px}@media(min-width: 1000px){.contact-finished-slogan{margin-bottom:20px;margin-top:22px;font-size:18px}}@media(min-width: 1480px){.contact-finished-slogan{margin-top:30px;font-size:24px}}.contact-back{background:#fff;position:relative;width:100%;display:inline-block;margin:50px 0}@media(min-width: 1000px){.contact-back{margin:80px 0 70px 0}}.about-us-part1,.web-intro-part{width:100%;border-bottom:none;padding:0}@media(min-width: 1000px){.about-us-part1,.web-intro-part{padding:0 0 60px 0}}.about-us-part1 .center-col,.web-intro-part .center-col{position:relative;width:100%;display:inline-block;padding-bottom:0}@media(min-width: 1000px){.about-us-part1 .center-col,.web-intro-part .center-col{padding-bottom:60px}}.about-us-part1 .center-col .article-image,.web-intro-part .center-col .article-image{top:0;left:0;z-index:1;display:inline-block;padding:0;width:66%;position:relative}@media(min-width: 1000px){.about-us-part1 .center-col .article-image,.web-intro-part .center-col .article-image{position:absolute;width:45%}}.about-us-part1 .center-col .article-image img,.web-intro-part .center-col .article-image img{width:100%}.about-us-part1 .center-col .web-title-box,.web-intro-part .center-col .web-title-box{position:absolute;z-index:1;display:inline-block;margin-left:0;width:86%;top:-26px;padding:0 7% 0 7%;left:0}@media(min-width: 1000px){.about-us-part1 .center-col .web-title-box,.web-intro-part .center-col .web-title-box{left:auto;top:-50px;padding:0 3% 0 10%;margin-left:32%;width:50%}}@media(min-width: 1480px){.about-us-part1 .center-col .web-title-box,.web-intro-part .center-col .web-title-box{padding:0 10% 0 10%;margin-left:32%;width:43%}}.about-us-part1 .center-col .web-title-box .web-intro-title,.web-intro-part .center-col .web-title-box .web-intro-title{display:block;color:#333;font-weight:bold;font-size:18px}@media(min-width: 1000px){.about-us-part1 .center-col .web-title-box .web-intro-title,.web-intro-part .center-col .web-title-box .web-intro-title{font-size:26px}}@media(min-width: 1480px){.about-us-part1 .center-col .web-title-box .web-intro-title,.web-intro-part .center-col .web-title-box .web-intro-title{font-size:36px}}.about-us-part1 .center-col .web-title-box .web-intro-title .web-intro-num,.web-intro-part .center-col .web-title-box .web-intro-title .web-intro-num{color:#e2ebef;font-size:100px}@media(min-width: 1000px){.about-us-part1 .center-col .web-title-box .web-intro-title .web-intro-num,.web-intro-part .center-col .web-title-box .web-intro-title .web-intro-num{font-size:138px}}@media(min-width: 1480px){.about-us-part1 .center-col .web-title-box .web-intro-title .web-intro-num,.web-intro-part .center-col .web-title-box .web-intro-title .web-intro-num{font-size:159px}}.about-us-part1 .center-col .web-title-box .web-intro-subtitle,.about-us-part1 .center-col .web-title-box .web-intro-slogan,.web-intro-part .center-col .web-title-box .web-intro-subtitle,.web-intro-part .center-col .web-title-box .web-intro-slogan{color:#fff;display:inline-block;background-color:#3fa2c7;padding:8px 15px;margin-bottom:8px;line-height:18px;font-size:14px}@media(min-width: 1000px){.about-us-part1 .center-col .web-title-box .web-intro-subtitle,.about-us-part1 .center-col .web-title-box .web-intro-slogan,.web-intro-part .center-col .web-title-box .web-intro-subtitle,.web-intro-part .center-col .web-title-box .web-intro-slogan{padding:14px 28px;margin-bottom:14px;line-height:36px;font-size:17px}}@media(min-width: 1480px){.about-us-part1 .center-col .web-title-box .web-intro-subtitle,.about-us-part1 .center-col .web-title-box .web-intro-slogan,.web-intro-part .center-col .web-title-box .web-intro-subtitle,.web-intro-part .center-col .web-title-box .web-intro-slogan{font-size:24px}}.about-us-part1 .center-col .article-box,.web-intro-part .center-col .article-box{top:-32px;margin-left:10%;width:77%;padding:40px 4% 0 8%;min-height:150px}@media(min-width: 1000px){.about-us-part1 .center-col .article-box,.web-intro-part .center-col .article-box{top:99px}}@media(min-width: 1000px){.about-us-part1 .center-col .article-box,.web-intro-part .center-col .article-box{min-height:330px;padding:127px 3% 110px 10%;margin-left:37%;width:50%}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box,.web-intro-part .center-col .article-box{padding:127px 10% 110px 10%;margin-left:37%;width:43%}}.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .web-article-box{top:-188px;margin-left:10%;width:77%;padding:210px 4% 30px 8%}@media(min-width: 1000px){.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .web-article-box{top:270px}}.about-us-part1 .center-col .web-article-box .web-intro-description,.web-intro-part .center-col .web-article-box .web-intro-description{font-size:18px;color:#848484;line-height:36px}@media(min-width: 1000px){.about-us-part1 .center-col .web-article-box .web-intro-description,.web-intro-part .center-col .web-article-box .web-intro-description{font-size:13px}}@media(min-width: 1480px){.about-us-part1 .center-col .web-article-box .web-intro-description,.web-intro-part .center-col .web-article-box .web-intro-description{font-size:18px}}@media(min-width: 1000px){.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .web-article-box{padding:133px 10% 40px 10%;margin-left:28%;width:50%}}@media(min-width: 1480px){.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .web-article-box{padding:157px 10% 40px 10%;margin-left:25%;width:43%}}.about-us-part1 .center-col .article-box,.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .article-box,.web-intro-part .center-col .web-article-box{position:relative;display:inline-block}.about-us-part1 .center-col .article-box.background-gray,.about-us-part1 .center-col .article-box .background-gray,.about-us-part1 .center-col .web-article-box.background-gray,.about-us-part1 .center-col .web-article-box .background-gray,.web-intro-part .center-col .article-box.background-gray,.web-intro-part .center-col .article-box .background-gray,.web-intro-part .center-col .web-article-box.background-gray,.web-intro-part .center-col .web-article-box .background-gray{background-color:#f7f7f7}.about-us-part1 .center-col .article-box .article-intro .article-intro-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-title,.web-intro-part .center-col .article-box .article-intro .article-intro-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-title{font-weight:600;font-family:"Montserrat",微軟正黑體,sans-serif;color:#454545;font-size:24px;position:relative}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-title,.web-intro-part .center-col .article-box .article-intro .article-intro-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-title{font-size:60px}}.about-us-part1 .center-col .article-box .article-intro .article-intro-description,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description,.web-intro-part .center-col .article-box .article-intro .article-intro-description,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description{color:#848484;max-width:636px;margin-top:20px;font-size:14px;-webkit-line-clamp:initial}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description,.web-intro-part .center-col .article-box .article-intro .article-intro-description,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description{font-size:18px}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description,.web-intro-part .center-col .article-box .article-intro .article-intro-description,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description{font-size:24px}}.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title{color:#4d4d4d;font-size:18px}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title{font-size:30px}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title{font-size:36px}}.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan{color:#4d4d4d;display:inline-block;width:100%;vertical-align:middle;margin-top:40px;font-size:18px}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan{font-size:17px}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan{font-size:28px}}.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan .article-slogan-line{width:100px;margin-right:10px;height:1px;border-bottom:1px solid #848484;margin-bottom:10px;display:none}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan .article-slogan-line{display:inline-block}}.about-us-part1{max-width:100%}.web-intro-part{max-width:800px;margin-bottom:0}@media(min-width: 1000px){.web-intro-part{max-width:990px;margin-bottom:-30px}}@media(min-width: 1480px){.web-intro-part{max-width:1480px}}.web-intro-part .center-col{margin-bottom:-148px;padding-top:148px;min-height:0px}@media(min-width: 1000px){.web-intro-part .center-col{margin-bottom:0;padding-bottom:0;padding-top:0;min-height:630px}}.web-intro-part .center-col .web-article-box{width:77%}@media(min-width: 1000px){.web-intro-part .center-col .web-article-box{width:53%}}.web-intro-part .center-col .article-image{width:90%}@media(min-width: 1000px){.web-intro-part .center-col .article-image{width:45%}}.web-intro-part .center-col:nth-child(even) .article-image{left:10%}@media(min-width: 1000px){.web-intro-part .center-col:nth-child(even) .article-image{left:50%}}.web-intro-part .center-col:nth-child(even) .web-title-box{margin-left:0;padding:0 10% 0 0;width:90%;left:10%}@media(min-width: 1000px){.web-intro-part .center-col:nth-child(even) .web-title-box{left:auto}}.web-intro-part .center-col:nth-child(even) .web-article-box{margin-left:0}.section-who-we-are{background-color:#fff;position:relative;display:inline-block;width:100%;overflow:hidden;float:left;margin-top:-1px;padding:0 0 30px 0}@media(min-width: 1000px){.section-who-we-are{padding:80px 0}}.section-who-we-are .normal-content{width:90%;padding:0 5%;max-width:1320px;margin:0 auto;display:flex !important;align-content:stretch;flex-direction:column;justify-content:space-evenly;align-items:flex-start}@media(min-width: 1000px){.section-who-we-are .normal-content{flex-direction:row;justify-content:space-evenly}}.section-who-we-are .normal-content .article-intro-title{font-weight:600;font-family:"Montserrat",微軟正黑體,sans-serif;display:inline-block;color:#454545;font-size:24px;width:100%;line-height:50px;text-align:center}@media(min-width: 1000px){.section-who-we-are .normal-content .article-intro-title{text-align:left;font-size:45px;line-height:114px}}@media(min-width: 1480px){.section-who-we-are .normal-content .article-intro-title{font-size:60px}}.section-who-we-are .normal-content .article-intro-description{color:#848484;font-size:14px;line-height:28px}@media(min-width: 1000px){.section-who-we-are .normal-content .article-intro-description{font-size:18px;line-height:42px}}@media(min-width: 1480px){.section-who-we-are .normal-content .article-intro-description{font-size:24px;line-height:42px}}.section-who-us-servic .section-title{padding-bottom:20px}@media(min-width: 1000px){.section-who-us-servic .section-title{padding-bottom:73px}}.section-who-us-servic .normal-content{display:flex !important;align-content:stretch;flex-direction:column;justify-content:space-evenly;align-items:flex-start}@media(min-width: 1000px){.section-who-us-servic .normal-content{flex-direction:row;justify-content:space-evenly}}.section-who-us-servic .normal-content .bg-pic{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;height:160px}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic{height:650px}}.section-who-us-servic .normal-content .bg-pic.img-engineer{background-image:url("../images/about_team01.png")}.section-who-us-servic .normal-content .bg-pic.img-designer{background-image:url("../images/about_team02.png")}.section-who-us-servic .normal-content .bg-pic.img-marketer{background-image:url("../images/about_team03.png")}.section-who-us-servic .normal-content .bg-pic.img-planner{background-image:url("../images/about_team04.png")}.section-who-us-servic .normal-content .bg-pic .fl-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#006d95cc}.section-who-us-servic .normal-content .bg-pic .fl-mask .on{background-color:#006d95cc}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic .fl-mask{background-color:transparent}}.section-who-us-servic .normal-content .bg-pic .lt-title{font-weight:bold;font-family:"Montserrat",微軟正黑體,sans-serif;position:absolute;z-index:1;font-width:bold;color:#fffa76;font-style:italic;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px;line-height:36px;-webkit-text-stroke:1px #fffa76;color:transparent;top:53px}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic .lt-title{top:50%;left:50%;transform:translate(-50%, -50%);-webkit-text-stroke:0 transparent;color:#fff;font-size:40px;line-height:80px}}@media(min-width: 1480px){.section-who-us-servic .normal-content .bg-pic .lt-title{-webkit-text-stroke:0 transparent;color:#fff;font-size:60px;line-height:80px}}.section-who-us-servic .normal-content .bg-pic .lt-intro{position:absolute;z-index:1;color:#fff;width:180px;display:inline-block;text-align:center;margin-top:40px;font-size:12px;top:50%;left:50%;transform:translate(-50%, -50%);top:72px}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic .lt-intro{top:50%;left:50%;transform:translate(-50%, -50%);display:none;with:258px;margin-top:155px;font-size:18px;line-height:36px}}.section-who-us-servic .normal-content .bg-pic:hover .fl-mask{background-color:#006d95cc}.section-who-us-servic .normal-content .bg-pic:hover .lt-title{-webkit-text-stroke:1px #fffa76;color:transparent}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic:hover .lt-title{-webkit-text-stroke:2px #fffa76;color:transparent}}.section-who-us-servic .normal-content .bg-pic:hover .lt-intro{display:inline-block}.service-content-info-box{width:86% !important;padding:0 7%}@media(min-width: 1000px){.service-content-info-box{width:100% !important;padding:0}}.service-content-info-box .full-width-bg{background-color:transparent}.service-content-info-box .normal-content{width:90%;padding:0 5%;max-width:1320px;margin:0 auto;display:flex !important;align-content:stretch;flex-direction:column;justify-content:space-evenly;align-items:flex-start;justify-content:center;align-items:center;width:90%;padding:30px 5%;margin-bottom:50px}@media(min-width: 1000px){.service-content-info-box .normal-content{flex-direction:row;justify-content:space-evenly}}@media(min-width: 1000px){.service-content-info-box .normal-content{width:100%;padding:10px 0 40px 0}}.service-content-info-box .normal-content .rw{position:relative;display:inline-block;height:100%}.service-content-info-box .normal-content .rw .service-content-title{margin-top:-10px;position:absolute;color:#3fa2c7;border-bottom:2px solid #ffd077;font-size:18px;line-height:36px;padding:9.5px 3.5px;top:50%;left:50%;transform:translate(-50%, -50%)}@media(min-width: 1000px){.service-content-info-box .normal-content .rw .service-content-title{padding:7.5px 11.5px;font-size:24px}}.service-content-info-box .normal-content .rw .service-content-item{color:#525252;font-size:14px;line-height:24px;padding-top:20px;display:block}@media(min-width: 1000px){.service-content-info-box .normal-content .rw .service-content-item{line-height:36px;font-size:18px;padding-top:30px}}.show-service-scale{background-image:url("../images/service_hostbg.png");background-size:cover}.show-service-scale .inbg-title{width:100%;color:#fff;text-align:center;font-size:22px;margin-top:30px;line-height:26px}@media(min-width: 1000px){.show-service-scale .inbg-title{margin-top:0px;font-size:26px;line-height:42px}}@media(min-width: 1480px){.show-service-scale .inbg-title{margin-top:81px;font-size:36px}}.show-service-scale .inbg-subtitle{color:#fff;width:100%;text-align:center;font-size:11px;line-height:26px}@media(min-width: 1000px){.show-service-scale .inbg-subtitle{font-size:13px;line-height:42px}}@media(min-width: 1480px){.show-service-scale .inbg-subtitle{font-size:18px;line-height:42px}}.swiper{width:90%;margin:0 5%;padding:0;overflow:hidden}@media(min-width: 1000px){.swiper{margin:0;width:80%;padding:0 10%}}.swiper .article-box{display:inline-block;width:70%;padding:4%;margin:0;position:relative;z-index:1;background-color:#fff;color:#525252;background:linear-gradient(315deg, transparent 24px, #ffffff 0);overflow:hidden}@media(min-width: 1000px){.swiper .article-box{background:linear-gradient(315deg, transparent 50px, #ffffff 0);width:26%;padding:36px 3%;margin:0 2%}}.swiper .article-box img{width:100%}.swiper .article-box .article-intro-title{font-weight:600;font-family:"Montserrat",微軟正黑體,sans-serif;display:inline-block;margin-bottom:29px;margin-top:7px}@media(min-width: 1000px){.swiper .article-box .article-intro-title{margin-bottom:75px;margin-top:12px}}.swiper .article-box .c-arrow{position:absolute;right:0;bottom:0;width:40px;height:40px}@media(min-width: 1000px){.swiper .article-box .c-arrow{width:60px;height:60px}}.swiper .article-box .c-arrow .c-arrow__box{position:absolute;right:1px;bottom:0;height:100px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;width:30px}@media(min-width: 1000px){.swiper .article-box .c-arrow .c-arrow__box{width:70px}}.swiper .article-box .c-arrow .c-arrow__box::before{position:absolute;top:0;left:0;width:0;height:100%;background-color:#e2ebef;background-repeat:repeat;content:"";transition:width .35s cubic-bezier(0.39, 0.575, 0.565, 1)}.swiper .article-box .c-arrow .c-arrow__circle{transition:-webkit-transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%;background-color:#e2ebef;transition:all .5s ease}.swiper .article-box .c-arrow .c-arrow__inner{position:absolute;display:inline-block;top:23px;width:34px;left:-12px;transition:left .35s cubic-bezier(0.39, 0.575, 0.565, 1)}@media(min-width: 1000px){.swiper .article-box .c-arrow .c-arrow__inner{top:36px;left:-33px;width:60px;transition:left .35s cubic-bezier(0.39, 0.575, 0.565, 1)}}.swiper .article-box .c-arrow .c-arrow__inner::before{position:absolute;right:0;bottom:0;width:100%;height:1px;background-color:#7b7b7b;content:""}.swiper .article-box .c-arrow .c-arrow__inner::after{position:absolute;right:0;bottom:1px;width:1px;background-color:#7b7b7b;content:"";-webkit-transform:rotate(-43deg);transform:rotate(-43deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;height:8px}@media(min-width: 1000px){.swiper .article-box .c-arrow .c-arrow__inner::after{height:12px}}.swiper .article-box:hover{cursor:pointer;transition:all .5s ease}.swiper .article-box:hover .c-arrow .c-arrow__circle{width:0;height:0;left:40px;top:40px;transition:all .5s ease}.swiper .article-box:hover .c-arrow .c-arrow__inner{left:3px;transition:all .5s ease}@media(min-width: 1000px){.swiper .article-box:hover .c-arrow .c-arrow__inner{left:-7px}}.swiper .article-box:hover .c-arrow__box::before{width:50px;transition:width .4s cubic-bezier(0.39, 0.575, 0.565, 1)}.min-height{min-height:200px}@media(min-width: 1000px){.min-height{min-height:500px}}.align-center{text-align:center}.contact-finished-slogan{font-weight:bold;text-align:center;color:#3fa2c7;background-color:#fff;margin-top:31px;font-size:18px;margin-bottom:30px}@media(min-width: 1000px){.contact-finished-slogan{margin-bottom:20px;margin-top:22px;font-size:18px}}@media(min-width: 1480px){.contact-finished-slogan{margin-bottom:20px;margin-top:30px;font-size:24px}}.contact-back{background:#fff;position:relative;width:100%;display:inline-block;margin:50px 0}@media(min-width: 1000px){.contact-back{margin:80px 0 70px 0}}.about-us-part1,.web-intro-part{width:100%;border-bottom:none;padding:0}@media(min-width: 1000px){.about-us-part1,.web-intro-part{padding:0 0 60px 0}}.about-us-part1 .center-col,.web-intro-part .center-col{position:relative;width:100%;display:inline-block;padding-bottom:0}@media(min-width: 1000px){.about-us-part1 .center-col,.web-intro-part .center-col{padding-bottom:60px}}.about-us-part1 .center-col .article-image,.web-intro-part .center-col .article-image{top:0;left:0;z-index:1;display:inline-block;padding:0;width:66%;position:relative}@media(min-width: 1000px){.about-us-part1 .center-col .article-image,.web-intro-part .center-col .article-image{position:absolute;width:45%}}.about-us-part1 .center-col .article-image img,.web-intro-part .center-col .article-image img{width:100%}.about-us-part1 .center-col .web-title-box,.web-intro-part .center-col .web-title-box{position:absolute;z-index:1;display:inline-block;margin-left:0;width:86%;top:-26px;padding:0 7% 0 7%;left:0}@media(min-width: 1000px){.about-us-part1 .center-col .web-title-box,.web-intro-part .center-col .web-title-box{left:auto;top:-50px;padding:0 3% 0 10%;margin-left:32%;width:50%}}@media(min-width: 1480px){.about-us-part1 .center-col .web-title-box,.web-intro-part .center-col .web-title-box{padding:0 10% 0 10%;margin-left:32%;width:43%}}.about-us-part1 .center-col .web-title-box .web-intro-title,.web-intro-part .center-col .web-title-box .web-intro-title{display:block;color:#333;font-weight:bold;font-size:18px;position:relative}@media(min-width: 1000px){.about-us-part1 .center-col .web-title-box .web-intro-title,.web-intro-part .center-col .web-title-box .web-intro-title{font-size:26px}}@media(min-width: 1480px){.about-us-part1 .center-col .web-title-box .web-intro-title,.web-intro-part .center-col .web-title-box .web-intro-title{font-size:36px}}.about-us-part1 .center-col .web-title-box .web-intro-title .web-intro-num,.web-intro-part .center-col .web-title-box .web-intro-title .web-intro-num{color:#e2ebef;font-size:100px}@media(min-width: 1000px){.about-us-part1 .center-col .web-title-box .web-intro-title .web-intro-num,.web-intro-part .center-col .web-title-box .web-intro-title .web-intro-num{font-size:138px}}@media(min-width: 1480px){.about-us-part1 .center-col .web-title-box .web-intro-title .web-intro-num,.web-intro-part .center-col .web-title-box .web-intro-title .web-intro-num{font-size:159px}}.about-us-part1 .center-col .web-title-box .web-intro-subtitle,.about-us-part1 .center-col .web-title-box .web-intro-slogan,.web-intro-part .center-col .web-title-box .web-intro-subtitle,.web-intro-part .center-col .web-title-box .web-intro-slogan{color:#fff;display:inline-block;background-color:#3fa2c7;padding:8px 15px;margin-bottom:8px;line-height:18px;font-size:14px}@media(min-width: 1000px){.about-us-part1 .center-col .web-title-box .web-intro-subtitle,.about-us-part1 .center-col .web-title-box .web-intro-slogan,.web-intro-part .center-col .web-title-box .web-intro-subtitle,.web-intro-part .center-col .web-title-box .web-intro-slogan{padding:14px 28px;margin-bottom:14px;line-height:36px;font-size:17px}}@media(min-width: 1480px){.about-us-part1 .center-col .web-title-box .web-intro-subtitle,.about-us-part1 .center-col .web-title-box .web-intro-slogan,.web-intro-part .center-col .web-title-box .web-intro-subtitle,.web-intro-part .center-col .web-title-box .web-intro-slogan{font-size:24px}}.about-us-part1 .center-col .article-box,.web-intro-part .center-col .article-box{top:-32px;margin-left:10%;width:77%;padding:40px 4% 0 8%;min-height:150px}@media(min-width: 1000px){.about-us-part1 .center-col .article-box,.web-intro-part .center-col .article-box{top:99px}}@media(min-width: 1000px){.about-us-part1 .center-col .article-box,.web-intro-part .center-col .article-box{min-height:330px;padding:127px 3% 110px 10%;margin-left:37%;width:50%}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box,.web-intro-part .center-col .article-box{padding:127px 10% 110px 10%;margin-left:37%;width:43%}}.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .web-article-box{top:-188px;margin-left:10%;width:77%;padding:210px 4% 30px 8%}@media(min-width: 1000px){.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .web-article-box{top:270px}}.about-us-part1 .center-col .web-article-box .web-intro-description,.web-intro-part .center-col .web-article-box .web-intro-description{font-size:18px;color:#848484;line-height:36px}@media(min-width: 1000px){.about-us-part1 .center-col .web-article-box .web-intro-description,.web-intro-part .center-col .web-article-box .web-intro-description{font-size:13px}}@media(min-width: 1480px){.about-us-part1 .center-col .web-article-box .web-intro-description,.web-intro-part .center-col .web-article-box .web-intro-description{font-size:18px}}@media(min-width: 1000px){.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .web-article-box{padding:105px 10% 40px 10%;margin-left:25%;width:50%}}@media(min-width: 1480px){.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .web-article-box{padding:157px 10% 40px 10%;margin-left:25%;width:43%}}.about-us-part1 .center-col .article-box,.about-us-part1 .center-col .web-article-box,.web-intro-part .center-col .article-box,.web-intro-part .center-col .web-article-box{position:relative;display:inline-block}.about-us-part1 .center-col .article-box.background-gray,.about-us-part1 .center-col .article-box .background-gray,.about-us-part1 .center-col .web-article-box.background-gray,.about-us-part1 .center-col .web-article-box .background-gray,.web-intro-part .center-col .article-box.background-gray,.web-intro-part .center-col .article-box .background-gray,.web-intro-part .center-col .web-article-box.background-gray,.web-intro-part .center-col .web-article-box .background-gray{background-color:#f7f7f7}.about-us-part1 .center-col .article-box .article-intro .article-intro-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-title,.web-intro-part .center-col .article-box .article-intro .article-intro-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-title{font-weight:600;font-family:"Montserrat",微軟正黑體,sans-serif;color:#454545;font-size:24px}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-title,.web-intro-part .center-col .article-box .article-intro .article-intro-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-title{font-size:45px}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box .article-intro .article-intro-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-title,.web-intro-part .center-col .article-box .article-intro .article-intro-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-title{font-size:60px}}.about-us-part1 .center-col .article-box .article-intro .article-intro-description,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description,.web-intro-part .center-col .article-box .article-intro .article-intro-description,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description{color:#848484;max-width:636px;margin-top:20px;font-size:14px;-webkit-line-clamp:initial}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description,.web-intro-part .center-col .article-box .article-intro .article-intro-description,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description{font-size:18px}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description,.web-intro-part .center-col .article-box .article-intro .article-intro-description,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description{font-size:24px}}.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title{color:#4d4d4d;font-size:18px}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title{font-size:30px}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-main-content-title,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-main-content-title{font-size:36px}}.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan{color:#4d4d4d;display:inline-block;width:100%;vertical-align:middle;margin-top:40px;font-size:18px}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan{font-size:17px}}@media(min-width: 1480px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan{font-size:28px}}.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan .article-slogan-line{width:100px;margin-right:10px;height:1px;border-bottom:1px solid #848484;margin-bottom:10px;display:none}@media(min-width: 1000px){.about-us-part1 .center-col .article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.about-us-part1 .center-col .web-article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.web-intro-part .center-col .article-box .article-intro .article-intro-description .article-slogan .article-slogan-line,.web-intro-part .center-col .web-article-box .article-intro .article-intro-description .article-slogan .article-slogan-line{display:inline-block}}.about-us-part1{max-width:100%}.web-intro-part{max-width:800px;margin-bottom:0}@media(min-width: 1000px){.web-intro-part{max-width:990px;margin-bottom:-30px}}@media(min-width: 1480px){.web-intro-part{max-width:1480px}}.web-intro-part .center-col{margin-bottom:-148px;padding-top:148px;min-height:0px}@media(min-width: 1000px){.web-intro-part .center-col{margin-bottom:0;padding-bottom:0;padding-top:0;min-height:630px}}.web-intro-part .center-col .web-article-box{width:77%}@media(min-width: 1000px){.web-intro-part .center-col .web-article-box{width:52%}}.web-intro-part .center-col .article-image{width:90%}@media(min-width: 1000px){.web-intro-part .center-col .article-image{width:45%}}.web-intro-part .center-col:nth-child(even) .article-image{left:10%}@media(min-width: 1000px){.web-intro-part .center-col:nth-child(even) .article-image{left:55%}}.web-intro-part .center-col:nth-child(even) .web-title-box{margin-left:0;padding:0 10% 0 0;width:90%;left:10%}@media(min-width: 1000px){.web-intro-part .center-col:nth-child(even) .web-title-box{width:40%;left:auto}}.web-intro-part .center-col:nth-child(even) .web-article-box{margin-left:0}.section-who-we-are{background-color:#fff;position:relative;display:inline-block;width:100%;overflow:hidden;float:left;margin-top:-1px;padding:0 0 30px 0}@media(min-width: 1000px){.section-who-we-are{padding:80px 0}}.section-who-we-are .normal-content{width:90%;padding:0 5%;max-width:1320px;margin:0 auto;display:flex !important;align-content:stretch;flex-direction:column;justify-content:space-evenly;align-items:flex-start}@media(min-width: 1000px){.section-who-we-are .normal-content{flex-direction:row;justify-content:space-evenly}}.section-who-we-are .normal-content .article-intro-title{font-weight:600;font-family:"Montserrat",微軟正黑體,sans-serif;display:inline-block;color:#454545;font-size:24px;width:100%;line-height:50px;text-align:center}@media(min-width: 1000px){.section-who-we-are .normal-content .article-intro-title{text-align:left;font-size:40px;line-height:114px}}@media(min-width: 1480px){.section-who-we-are .normal-content .article-intro-title{font-size:60px}}.section-who-we-are .normal-content .article-intro-description{color:#848484;font-size:14px;line-height:28px}@media(min-width: 1000px){.section-who-we-are .normal-content .article-intro-description{font-size:18px;line-height:42px}}@media(min-width: 1480px){.section-who-we-are .normal-content .article-intro-description{font-size:24px;line-height:42px}}.section-who-us-servic .section-title{padding-bottom:20px}@media(min-width: 1000px){.section-who-us-servic .section-title{padding-bottom:73px}}.section-who-us-servic .normal-content{display:flex !important;align-content:stretch;flex-direction:column;justify-content:space-evenly;align-items:flex-start}@media(min-width: 1000px){.section-who-us-servic .normal-content{flex-direction:row;justify-content:space-evenly}}.section-who-us-servic .normal-content .bg-pic{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;height:160px}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic{height:650px}}.section-who-us-servic .normal-content .bg-pic.img-engineer{background-image:url("../images/about_team01.png")}.section-who-us-servic .normal-content .bg-pic.img-designer{background-image:url("../images/about_team02.png")}.section-who-us-servic .normal-content .bg-pic.img-marketer{background-image:url("../images/about_team03.png")}.section-who-us-servic .normal-content .bg-pic.img-planner{background-image:url("../images/about_team04.png")}.section-who-us-servic .normal-content .bg-pic .fl-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#006d95cc}.section-who-us-servic .normal-content .bg-pic .fl-mask .on{background-color:#006d95cc}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic .fl-mask{background-color:transparent}}.section-who-us-servic .normal-content .bg-pic .lt-title{font-weight:bold;font-family:"Montserrat",微軟正黑體,sans-serif;position:absolute;z-index:1;font-width:bold;color:#fffa76;font-style:italic;width:100%;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px;line-height:36px;-webkit-text-stroke:1px #fffa76;color:transparent;top:53px}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic .lt-title{top:50%;left:50%;transform:translate(-50%, -50%);-webkit-text-stroke:0 transparent;color:#fff;font-size:45px;line-height:80px}}@media(min-width: 1480px){.section-who-us-servic .normal-content .bg-pic .lt-title{-webkit-text-stroke:0 transparent;color:#fff;font-size:60px;line-height:80px}}.section-who-us-servic .normal-content .bg-pic .lt-intro{position:absolute;z-index:1;color:#fff;width:180px;display:inline-block;text-align:center;margin-top:40px;font-size:12px;top:50%;left:50%;transform:translate(-50%, -50%);top:let-title72px}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic .lt-intro{top:50%;left:50%;transform:translate(-50%, -50%);display:none;with:258px;margin-top:155px;font-size:13px;line-height:36px}}@media(min-width: 1480px){.section-who-us-servic .normal-content .bg-pic .lt-intro{font-size:18px}}.section-who-us-servic .normal-content .bg-pic:hover .fl-mask{background-color:#006d95cc}.section-who-us-servic .normal-content .bg-pic:hover .lt-title{-webkit-text-stroke:1px #fffa76;color:transparent}@media(min-width: 1000px){.section-who-us-servic .normal-content .bg-pic:hover .lt-title{-webkit-text-stroke:2px #fffa76;color:transparent}}.section-who-us-servic .normal-content .bg-pic:hover .lt-intro{display:inline-block}.service-content-info-box{width:86% !important;padding:0 7%}@media(min-width: 1000px){.service-content-info-box{width:100% !important;padding:0}}.service-content-info-box .full-width-bg{background-color:transparent}.service-content-info-box .normal-content{width:90%;padding:0 5%;max-width:1320px;margin:0 auto;display:flex !important;align-content:stretch;flex-direction:column;justify-content:space-evenly;align-items:flex-start;justify-content:center;align-items:center;width:90%;padding:30px 5%;margin-bottom:50px}@media(min-width: 1000px){.service-content-info-box .normal-content{flex-direction:row;justify-content:space-evenly}}@media(min-width: 1000px){.service-content-info-box .normal-content{width:100%;padding:10px 0 40px 0}}.service-content-info-box .normal-content .rw{position:relative;display:inline-block;height:100%}.service-content-info-box .normal-content .rw .service-content-title{margin-top:-10px;position:absolute;color:#3fa2c7;border-bottom:2px solid #ffd077;font-size:18px;line-height:36px;padding:9.5px 3.5px;top:50%;left:50%;transform:translate(-50%, -50%)}@media(min-width: 1000px){.service-content-info-box .normal-content .rw .service-content-title{padding:7.5px 11.5px;font-size:16px}}@media(min-width: 1480px){.service-content-info-box .normal-content .rw .service-content-title{font-size:24px}}.service-content-info-box .normal-content .rw .service-content-item{color:#525252;font-size:14px;line-height:24px;padding-top:20px;display:block}@media(min-width: 1000px){.service-content-info-box .normal-content .rw .service-content-item{font-size:13px;line-height:26px;padding-top:25px}}@media(min-width: 1480px){.service-content-info-box .normal-content .rw .service-content-item{padding-top:30px;font-size:18px;line-height:36px}}.show-service-scale{background-image:url("../images/service_hostbg.png");background-size:cover;position:relative}.show-service-scale .swiper{padding-top:30px !important;padding-bottom:30px !important}.show-service-scale .fask-masks{background-color:#389bc1cc;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0}.show-service-scale .inbg-title{position:relative;z-index:1;width:100%;color:#fff;text-align:center;font-size:22px;margin-top:30px;line-height:26px}@media(min-width: 1000px){.show-service-scale .inbg-title{margin-top:0px;font-size:26px;line-height:42px}}@media(min-width: 1480px){.show-service-scale .inbg-title{margin-top:81px;font-size:36px}}.show-service-scale .inbg-subtitle{position:relative;z-index:1;color:#fff;width:100%;text-align:center;font-size:11px;line-height:26px;margin-bottom:36px}@media(min-width: 1000px){.show-service-scale .inbg-subtitle{font-size:13px;line-height:42px;margin-bottom:35px}}@media(min-width: 1480px){.show-service-scale .inbg-subtitle{font-size:18px;line-height:42px;margin-bottom:90px}}.show-service-scale .web-service-scale-pagination{position:relative;text-align:center;display:block}@media(min-width: 1000px){.show-service-scale .web-service-scale-pagination{display:none}}.show-service-scale .web-service-scale-pagination .swiper-pagination-bullet{margin:0 4px}.show-service-scale .web-service-scale-art-title{color:#3fa2c7;font-size:16px;line-height:25px;width:100%;text-align:center;margin-bottom:10px}@media(min-width: 1000px){.show-service-scale .web-service-scale-art-title{margin-bottom:18px;font-size:18px;line-height:27px}}@media(min-width: 1480px){.show-service-scale .web-service-scale-art-title{font-size:24px;line-height:36px}}.show-service-scale .web-service-scale-art-title span{border-bottom:1px solid #ffd077;padding:6px 9px}@media(min-width: 1000px){.show-service-scale .web-service-scale-art-title span{padding:9px 14px;border-bottom:2px solid #ffd077}}.show-service-scale .tr-ln .td-ln{display:inline-block;color:#6a6a6a;font-size:11px;border-bottom:1px #6a6a6a dotted;width:calc(100% - 16px);padding:8px}@media(min-width: 1000px){.show-service-scale .tr-ln .td-ln{width:calc(100% - 22px);font-size:13px;border-bottom:1px #6a6a6a dotted;padding:7px}}@media(min-width: 1480px){.show-service-scale .tr-ln .td-ln{width:calc(100% - 22px);font-size:18px;border-bottom:2px #6a6a6a dotted;padding:11px}}.show-service-scale .tr-ln .td-ln .align-left{float:left}.show-service-scale .tr-ln .td-ln .align-right{float:right}.show-service-scale .article-box{border-radius:4px;position:relative;background:#fff !important;width:70% !important;padding:4% !important;margin:0 13% !important;overflow:visible !important}@media(min-width: 1000px){.show-service-scale .article-box{width:26% !important;padding:36px 3% !important;margin:0 2% !important}}.show-service-scale .article-box .dot-bottom-right,.show-service-scale .article-box .dot-top-left{background-repeat:no-repeat;background-size:contain;position:absolute;z-index:1;padding:20px}@media(min-width: 1000px){.show-service-scale .article-box .dot-bottom-right,.show-service-scale .article-box .dot-top-left{padding:25px}}@media(min-width: 1480px){.show-service-scale .article-box .dot-bottom-right,.show-service-scale .article-box .dot-top-left{padding:30px}}.show-service-scale .article-box .dot-bottom-right{background-image:url("../images/service_hostdown.png");bottom:-20px;right:-20px}@media(min-width: 1000px){.show-service-scale .article-box .dot-bottom-right{bottom:-25px;right:-25px}}@media(min-width: 1480px){.show-service-scale .article-box .dot-bottom-right{bottom:-30px;right:-30px}}.show-service-scale .article-box .dot-top-left{background-image:url("../images/service_hostup.png");top:-20px;left:-20px}@media(min-width: 1000px){.show-service-scale .article-box .dot-top-left{top:-25px;left:-25px}}@media(min-width: 1480px){.show-service-scale .article-box .dot-top-left{top:-30px;left:-30px}}.show-service-scale .swiper-pagination-bullet{background:#fff;opacity:1}.show-service-scale .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ffd077;--swiper-theme-color: #ffd077 !important}.web-intro-part .center-col .web-intro-title,.web-intro-part .center-col .article-image{top:64px;opacity:0}.web-intro-part .center-col .web-intro-subtitle,.web-intro-part .center-col .web-intro-slogan,.web-intro-part .center-col .article-intro{opacity:0}.blog-intro-box .article-image img{opacity:0}.blog-intro-box .center-col .article-box .article-intro .article-intro-title{color:#fff}.blog-intro-box .article-intro-description,.blog-intro-box .article-intro-tag,.blog-intro-box .read-more{opacity:0}.blog-intro-box .center-col.show-line-effect .article-image{transition-property:opacity,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:1}.blog-intro-box .center-col.show-line-effect .article-intro-title::before,.blog-intro-box .center-col.show-line-effect .article-image::before{content:"";display:inline-block;width:0;height:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1;background:#3fa2c7}.blog-intro-box .center-col.show-line-effect .article-box .article-intro .article-intro-title{animation:passing-show-first-txt .6s ease .6s 1 normal forwards}.blog-intro-box .center-col.show-line-effect .article-image img{animation:passing-first-txt .6s ease .6s 1 normal forwards}.blog-intro-box .center-col.show-line-effect .article-intro-title::before,.blog-intro-box .center-col.show-line-effect .article-image::before{animation:passing-bar 1.2s cubic-bezier(0.85, 0, 0.15, 1) 0s 1 normal forwards}.blog-intro-box .center-col.show-line-effect .article-intro-description,.blog-intro-box .center-col.show-line-effect .article-intro-tag,.blog-intro-box .center-col.show-line-effect .read-more{animation:passing-txt .6s ease .6s 1 normal forwards}.web-intro-part .center-col.show-line-effect .web-intro-title,.web-intro-part .center-col.show-line-effect .article-image{animation:animate-top .6s ease 0s 1 normal forwards}.web-intro-part .center-col.show-line-effect .web-intro-subtitle,.web-intro-part .center-col.show-line-effect .web-intro-slogan,.web-intro-part .center-col.show-line-effect .article-intro{animation:animate-top .6s ease .4s 1 normal forwards}@keyframes passing-bar{0%{left:0;width:0}50%{left:0;width:100%}51%{left:0;width:100%}100%{left:100%;width:0}}@keyframes passing-show-first-txt{0%{color:#fff}46%{color:#fff}47%{color:#000}100%{color:#000}}@keyframes passing-first-txt{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}@keyframes passing-txt{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes animate-top{0%{top:62px;opacity:0}50%{top:15px;opacity:.5}100%{top:0;opacity:1}}