.close-icon,.close-icon-x,.hamburger,a,button,select{cursor:pointer}body,ul{padding:0;margin:0}body,h1,h2,h3,h4,h5,h6,p,ul{margin:0}a,body{color:var(--theme-text)}.common-button,a{text-decoration:none}:root{--theme-main:#01a5b2;--theme-secondary:#a6ffcb;--theme-white:#ffffff;--theme-grey:#8f8f8f;--theme-text:#525f7f;--box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}:focus{outline:0}html{-webkit-tap-highlight-color:transparent}body{background:#fff;-webkit-font-smoothing:antialiased;font-family:"Noto Sans TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.75;-webkit-overflow-scrolling:touch}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}h1{font-size:2em;line-height:1.2}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.15em}h6{font-size:1.05em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0;-moz-appearance:none;-webkit-appearance:none;background:rgba(255,255,255,0)}ul{list-style:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}.bumper{padding:1em}.container{width:100%;margin-right:auto;margin-left:auto}.common-button{white-space:nowrap;height:40px;line-height:40px;padding:0 14px;-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);background:#fff;border-radius:4px;font-size:15px;font-weight:600!important;text-transform:uppercase;letter-spacing:.025em;color:#01a5b2!important;display:inline-block}.common-button:hover{color:#71dde4!important;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);text-shadow:none!important}.mobile-only{display:block}.desktop-only{display:none!important}.flex{display:flex;flex-wrap:wrap;width:100%}.flex-item{flex:0 0 auto}.flex-fill{flex:1 1 auto}.flex-row{flex:1 1 100%}.background-image{background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;padding-top:100%}.navbar{height:auto;width:100%;position:fixed;top:0;z-index:2}.navbar .contact-us{display:none}.navbar a{color:#fff;font-weight:500}.navbar a:hover{color:#fff;text-shadow:0 0 2px #a6ffcb}.nav-item.background-image{padding-top:80px;width:100px;background:url(../images/brand/wst_logo_name_h_w.svg)}.desktop-menu{justify-content:space-between;max-width:700px;margin-left:auto;margin-right:0;height:100%;align-items:center}.mobile-menu{height:100%;align-items:center;justify-content:flex-end;width:100%}.content{margin-top:700px}.navbar.is-active{background:#fff;box-shadow:var(--box-shadow)}.navbar.is-active .desktop-menu{max-width:750px}.navbar.is-active a{color:#01a5b2}.navbar.is-active .contact-us{display:inline-block}.navbar.is-active a:hover{color:#71dde4!important;text-shadow:none}.navbar.is-active .common-button{color:#fff!important;background:linear-gradient(135deg,#389298,#01a5b2)}.navbar.is-active .common-button:hover{color:#fff!important;background:linear-gradient(135deg,#41aeb5,#02b1bf)}.navbar.is-active .nav-item.background-image{background:url(../images/brand/wst_logo_name_h.svg)}.mobile-popup{background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;display:none}.mobile-popup.is-active{display:block}.mobile-popup ul{flex-wrap:wrap;flex-direction:column;text-align:center}.mobile-popup .menu-item{margin:1em 0}.mobile-popup .menu-item:nth-child(1) a h1 span{background:linear-gradient(90deg,#ded532,#eae35d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-popup .menu-item:nth-child(2) a h1 span{background:linear-gradient(90deg,#139c6a,#0ec582);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-popup .menu-item:nth-child(3) a h1 span{background:linear-gradient(90deg,#29547D,#3d7db9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-popup .menu-item:nth-child(4) a h1 span{background:linear-gradient(90deg,#4d2192,#642abf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-popup .menu-item a:hover{color:#ededed!important;text-shadow:none}.mobile-popup .menu-item a h1 span{-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}.mobile-popup .menu-item:nth-child(1):hover a h1 span{background:linear-gradient(90deg,#f1e839,#fcf45d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-popup .menu-item:nth-child(2):hover a h1 span{background:linear-gradient(90deg,#1bcf8d,#12e698);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-popup .menu-item:nth-child(3):hover a h1 span{background:linear-gradient(90deg,#3b79b3,#4a96dd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-popup .menu-item:nth-child(4):hover a h1 span{background:linear-gradient(90deg,#662bc5,#7b33ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.jumbotron{padding:20px}#jumbotron{width:100%;-webkit-transform-origin:0;transform-origin:0;background:linear-gradient(150deg,#49297d 15%,#05ffa3 70%,#fffaa6 94%);color:#fff;height:700px;position:absolute;top:0;overflow:hidden}.jumbotron .body-text{max-width:100%;margin-left:0;margin-top:-60%}.jumbotron .body-text .text-content{margin-top:1em;font-weight:500;letter-spacing:1px}.jumbotron .body-text .cta{margin-top:2em}#intro{display:flex;-webkit-box-align:center;align-items:center;height:600px;margin-top:100px}#jumbotron-illustration{pointer-events:none;position:absolute;display:flex;top:90%;left:70%;transform:translate(-50%,-50%)}#jumbotron-illustration .connectivity{display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.close-icon .line,.close-icon-x .line,.hamburger .line{display:block;border-radius:9px;opacity:1}#jumbotron-illustration .connectivity img{width:500px;height:500px}.hamburger{width:30px;height:22px;position:relative;transform:rotate(0);transition:.5s ease-in-out}.hamburger .line{position:absolute;height:2px;width:100%;background:#fff;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger .line:nth-child(1){top:0;transform-origin:left center}.hamburger .line:nth-child(2){top:11px;transform-origin:left center}.hamburger .line:nth-child(3){top:22px;transform-origin:left center}.navbar.is-active .hamburger .line{background:#01a5b2}.close-icon{width:30px;height:22px;position:relative;transform:rotate(0);transition:.5s ease-in-out}.close-icon .line{position:absolute;height:2px;width:100%;background:#d072b2;left:0;transform:rotate(0);transition:.25s ease-in-out}.close-icon:hover{transform:translateX(5px)}.close-icon:hover .line{background:#d0adc5}.close-icon .line:nth-child(1){top:0;width:50%;left:18px;transform-origin:left center;transform:rotate(45deg)}.close-icon .line:nth-child(2){top:22px;left:18px;width:50%;transform-origin:left center;transform:rotate(315deg)}.close-icon .line:nth-child(3){top:11px;left:0;transform-origin:left center}.close-icon-x{width:30px;height:22px;position:relative;transform:rotate(0);transition:.5s ease-in-out}.close-icon-x .line{position:absolute;height:2px;width:100%;background:#d072b2;left:0;transform:rotate(0);transition:.25s ease-in-out}.close-icon-x:hover .line{background:#d0adc5}.close-icon-x .line:nth-child(1){top:0;width:100%;left:0;transform-origin:left center;transform:rotate(45deg)}.close-icon-x .line:nth-child(2){top:22px;left:0;width:100%;transform-origin:left center;transform:rotate(315deg)}.bottom-board{height:320px;width:calc(100% - 2em);max-width:320px;border-radius:4px;position:fixed;right:-100%;box-shadow:0 50px 100px rgba(50,50,93,.1),0 15px 20px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);background:rgba(255,255,255,1);bottom:1em}.bottom-board.is-active{right:1em}.notification-section{height:100%;padding:1em;font-weight:500}.notification-section h6{color:#d072b2;text-transform:uppercase}.notification-section table{width:100%}.notification-section table tr td{vertical-align:top;padding:.5em 0}.notification-section table tr td:first-child{width:20%;min-width:100px}.notification-section table tr td:nth-child(2) a{color:#01a5b2!important}.notification-section table tr td:nth-child(2) a:hover{color:#71dde4!important}.service-section{position:relative;min-height:600px;display:flex;padding-top:2em}.service-section .description{margin-bottom:2em}.service-section .plain-plate{margin-left:1em}.service-section .description header{height:126px}.service-section .description .plain-plate ul li{font-weight:400;font-size:17px;line-height:35px;position:relative;padding-left:20px}.service-section .description .plain-plate ul li:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background-color:#68d4f8;top:14px;left:-3px}.service-section .description .header{align-items:center;margin-bottom:1em;flex-wrap:nowrap}.service-section .description .header h4{text-transform:uppercase;padding-left:.5em;line-height:30px}.service-section .description .header .header-illustration{flex-shrink:0;display:inline-block;position:relative;width:72px;height:72px;margin:0;padding:0}.service-section .illustration{pointer-events:none;display:flex}.service-section .container{padding:1em}#rack:before{content:"";position:absolute;z-index:-1;width:100%;height:700px;top:0;-webkit-transform:skewY(-12deg);transform:skewY(-12deg)}.service-section#rack .description{max-width:100%;position:relative;margin:auto;flex:1 1 auto;order:1}.service-section#rack .illustration{padding:2em;order:2;width:100%;margin:auto}.service-section#rack .illustration img{width:100%;height:100%;max-width:500px;max-height:500px;margin:auto}.service-section#rack .layer{position:absolute;width:100%;height:380px;-webkit-transform:skewY(-30deg);transform:skewY(-30deg);top:0;z-index:-1;display:none}.service-section#rack .layer:before{content:'';position:absolute;height:380px;width:50%;top:0;background:linear-gradient(90deg,#fff7d9,rgba(255,255,255,1))}.service-section#rack .description .plain-plate ul li:before{background-color:#ffe999}.service-section#data-center .illustration{flex:0 0 100%;-webkit-perspective:1500px;perspective:1500px;height:20em}.service-section#data-center .transform-plate{position:relative;border-radius:12px;-webkit-box-flex:1;-webkit-box-shadow:0 15px 35px rgba(50,50,93,.25),0 5px 15px rgba(0,0,0,.3);box-shadow:0 15px 35px rgba(50,50,93,.25),0 5px 15px rgba(0,0,0,.3);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .5s cubic-bezier(.23,1,.32,1);transition:-webkit-transform .5s cubic-bezier(.23,1,.32,1);transition:transform .5s cubic-bezier(.23,1,.32,1);transition:transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1);background-image:url(../images/datacenter.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;transform:none;height:100%;width:100%;max-height:500px}.service-section#data-center .layer{position:absolute;width:100%;height:380px;-webkit-transform:skewY(-330deg);transform:skewY(-330deg);top:0;z-index:-1;display:none}.service-section#data-center .layer:before{content:'';position:absolute;height:380px;width:50%;top:0;right:0;background:linear-gradient(270deg,#ecffdd,rgba(255,255,255,1))}.service-section#data-center .description .plain-plate ul li:before{background-color:#d0fab0}.service-section#connectivity .description{max-width:100%;position:relative;margin:auto;flex:1 1 auto;order:1}.service-section#connectivity .illustration{padding:2em;order:2;width:100%;margin:auto}.service-section#connectivity .illustration img{width:100%;height:100%;max-width:500px;max-height:500px;margin:auto}.service-section#connectivity .layer{position:absolute;width:100%;height:380px;-webkit-transform:skewY(-30deg);transform:skewY(-30deg);top:0;z-index:-1;display:none}.service-section#connectivity .layer:before{content:'';position:absolute;height:380px;width:50%;top:0;background:linear-gradient(90deg,#d0f3f1,rgba(255,255,255,1))}.service-section#connectivity .description .plain-plate ul li:before{background-color:#98f3ee}.service-section#crypto .description{max-width:100%;position:relative;margin:auto;flex:1 1 auto;order:1}.service-section#crypto .illustration{height:300px;padding:2em;order:2;width:100%;margin:auto}.service-section#crypto .illustration img{width:100%;height:100%;max-width:500px;max-height:500px;margin:auto}.service-section#crypto .layer{position:absolute;width:100%;height:380px;-webkit-transform:skewY(-330deg);transform:skewY(-330deg);top:0;z-index:-1;display:none}.service-section#crypto .layer:before{content:'';position:absolute;height:380px;width:50%;top:0;right:0;background:linear-gradient(270deg,#e7ddfb,rgba(255,255,255,1))}.service-section#crypto .description .plain-plate ul li:before{background-color:#c2a5fd}footer{margin-top:20px;align-items:flex-end;padding-bottom:1em;font-weight:600}footer .organization{margin:auto}footer .organization .name{background:linear-gradient(150deg,#49297d 15%,#29a577 70%,#8c8629 94%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width:400px){.nav-item.background-image{width:160px}.navbar .nav-item.background-image{background:url(../images/brand/wst_logo_name_h_w.svg)}.navbar.is-active .nav-item.background-image{background:url(../images/brand/wst_logo_name_h.svg)}}@media (min-width:576px){.container{max-width:540px}.jumbotron .body-text{margin-top:-40%}#jumbotron-illustration{top:85%;left:65%}.bottom-board{bottom:2em;margin:0;width:100%}.bottom-board.is-active{right:2em}.service-section#crypto .illustration{height:400px}}@media (min-width:768px){.container{max-width:720px}h1{font-size:2.8em;line-height:1.2}h2{font-size:2em}h3{font-size:1.7em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1.1em}#jumbotron-illustration{top:80%;left:60%}#jumbotron-illustration .connectivity img{width:600px;height:600px}.service-section#crypto .illustration{height:500px}}@media (min-width:992px){.container{max-width:960px}.jumbotron .body-text{margin-top:-10%;max-width:50%;margin-left:0}.mobile-only{display:none!important}.desktop-only{display:block!important}.service-section#connectivity .layer,.service-section#crypto .layer,.service-section#data-center .layer,.service-section#rack .layer{display:block}h1{font-size:3em;line-height:1.2}h2{font-size:2.2em}h3{font-size:1.8em}h4{font-size:1.5em}h5{font-size:1.2em}h6{font-size:1.1em}#jumbotron-illustration{top:60%;left:75%}.service-section{padding-top:0}.service-section .container.flex{flex-wrap:nowrap}.service-section#rack .description{max-width:50%;min-width:40%;margin:0 1em 1em 6em;order:2}.service-section#rack .illustration{margin-top:10%;margin-left:5%;order:1;padding:0}.service-section#rack .illustration img{width:400px;height:400px}.service-section#rack .layer:before{height:300px;width:50%;top:30px}.service-section#data-center .description{order:1;max-width:50%;padding:10% 6em 1em 1em}.service-section#data-center .illustration{order:2;flex:0 0 50%;-webkit-perspective:1500px;perspective:1500px;height:auto;margin-top:10%}.service-section#data-center .transform-plate{transform:rotateX(-8deg) rotateY(-14deg);margin-top:0}.service-section#connectivity .description{max-width:50%;min-width:40%;margin:0 1em 1em 6em}.service-section#connectivity .illustration{margin-top:10%;margin-left:5%;order:1;padding:0}.service-section#connectivity .illustration img{width:400px;height:400px}.service-section#connectivity .layer:before{height:300px;width:50%;top:30px}.service-section#connectivity .description{order:2}.service-section#crypto .description{order:1;max-width:50%;padding:10% 6em 1em 1em}.service-section#crypto .illustration{margin-top:10%;margin-left:5%;order:2;padding:0}.service-section#crypto .illustration img{width:400px;height:400px}footer{margin-top:250px}footer .organization{margin:0}}@media (min-width:1200px){.service-section#connectivity .illustration,.service-section#rack .illustration{margin-top:5%;margin-left:5%}.container{max-width:1140px}h1{font-size:4em;line-height:1.2}h2{font-size:3em}h3{font-size:2.5em}h4{font-size:2em}h5{font-size:1.5em}h6{font-size:1.25em}#jumbotron-illustration{top:60%;left:75%}#jumbotron-illustration .connectivity img{width:700px;height:700px}.service-section#rack .illustration img{width:500px;height:500px}.service-section#rack .layer:before{height:380px;width:50%;top:0}.service-section#connectivity .illustration img,.service-section#crypto .illustration img{width:500px;height:500px}}