section#landing{padding:0;margin:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;width:100%;position:relative}section#landing .backGround{width:100vw;height:100vh;background:#222;position:relative;overflow:hidden;animation:landingBGChange 5s infinite alternate}section#landing .backGround .circle{position:absolute;right:-50vw;bottom:-30vh;width:100%;height:100%;background:url(circle.bf1563ce.png);background-size:100%;background-repeat:no-repeat;opacity:.2;animation:BIgCircle 5s linear infinite}section#landing .backGround .smallCircle{width:150px;height:150px;background:#fff;border-radius:50%;position:absolute;right:10vw;top:3vh;animation:sunMoon 10s linear infinite;opacity:0;transform-origin:100% 110vh;animation-delay:.5s}section#landing .backGround .rotateLeft{height:100vh;width:100vw;position:absolute;animation:landingLeft 5s linear infinite;transform:translateX(-5vw);opacity:0}section#landing .backGround .bgBigX{position:absolute;bottom:28vh;left:10vw}section#landing .backGround .bgBigX img{width:13vw;height:auto;position:absolute;animation:opacityChange 1s ease infinite;opacity:0}section#landing .backGround .bgBigX img:nth-child(2){left:20vw;animation-delay:.3s}section#landing .backGround .bgBigX img:nth-child(3){left:40vw;animation-delay:.6s}section#landing .backGround .bgBigX img:nth-child(4){left:60vw;animation-delay:.9s}section#landing .backGround .line{position:absolute;right:-10vw;bottom:60vh;width:40vw;height:3vh;background:hsla(0,0%,100%,.3);animation:GoLeft 2s infinite}section#landing .backGround .line:nth-child(2){bottom:50vh;right:-30vw}section#landing .backGround .line:nth-child(3){bottom:40vh;right:-60vw}section#landing .work{z-index:1}section#landing .work,section#landing .work .main{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end}section#landing .work .main{position:absolute;bottom:0;right:50%;transform:translate(50%);width:40vw;height:100vh}section#landing .work .main .content,section#landing .work .main .content .computer{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;overflow:hidden}section#landing .work .main .content .computer{position:relative;width:95%;height:auto}section#landing .work .main .content .desinger,section#landing .work .main .content .scienist,section#landing .work .main .content .screen{position:absolute;width:40%;height:auto;max-width:400px;margin-top:-5vh}section#landing .work .main .content .screen{opacity:0;z-index:3}section#landing .work .main .content .desinger{opacity:0;z-index:2}section#landing .work .main .content .scienist{opacity:0;z-index:1}section#landing .work .main .content .MouseContent{position:absolute;bottom:0;right:-10vw;width:8vw;height:8vh;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end}section#landing .work .main .content .MouseContent .mouse{width:60%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#landing .work .main .content .MouseContent .mouseClick{position:absolute;width:30%;bottom:25%;left:1.6vw;animation:mouseClick .5s infinite alternate}section#landing .smallXs{position:absolute;right:10vw;top:1vh;height:40vh}section#landing .smallXs .smallX{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;width:130%;padding-bottom:2vh;animation:rightXStar .8s infinite}section#landing .smallXs .smallX:nth-child(2){animation-delay:.2s}section#landing .smallXs .smallX:nth-child(3){animation-delay:.4s}section#landing .smallXs .smallX:nth-child(4){animation-delay:.6s}section#landing .LogoContent{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;position:absolute;top:5vh;left:20vw;font-size:4vmin;z-index:2}section#landing .LogoContent .logo{font-size:10vmin;color:#fff;text-shadow:2vmin 2vmin 2vmin rgba(0,0,0,.3)}section#landing .LogoContent .studio{padding-left:20vw;color:#fff;text-shadow:2vmin 2vmin 2vmin rgba(0,0,0,.3)}section#landing .typing{position:absolute;top:33vh;font-size:2.8vmax}section#landing .boxdown{position:absolute;width:80px;height:80px;bottom:0;right:0;z-index:10;background:rgba(0,0,0,.6) url(down.3a813354.png);background-size:50%;background-repeat:no-repeat;background-position:50%}section#landing .boxdown a{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%;color:hsla(0,0%,100%,.5);font-weight:900;font-size:2vmax;cursor:pointer}@media screen and (max-width:768px){section#landing{overflow:hidden!important;overflow-x:hidden!important}section#landing .backGround{position:absolute}section#landing .backGround .bgBigX{overflow:hidden}section#landing .backGround .bgBigX img{width:17vw;height:auto}section#landing .backGround .smallCircle{width:100px;height:100px;background:#fff;border-radius:50%;position:absolute;right:10vw;top:3vh;animation:sunMoon 6s linear infinite;opacity:0;transform-origin:100% 70vh}section#landing .backGround .rotateLeft{transform:translateX(-15vw);animation:landingLeft2 5s linear infinite;overflow:hidden}section#landing .work{width:100vw;height:100vh;overflow:hidden;overflow-x:hidden!important}section#landing .work .main{position:absolute;bottom:0;left:0;transform:translateX(40vw);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end}section#landing .work .main .content{overflow:hidden!important;overflow-x:hidden!important}section#landing .work .main .content .computer{position:absolute;width:auto;height:60vh;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;right:0;bottom:0;transform:translateX(20%)}section#landing .work .main .content .desinger,section#landing .work .main .content .scienist,section#landing .work .main .content .screen{position:absolute;width:auto;height:25vh;max-width:400px;bottom:23vh;right:0}section#landing .typing{top:37vh;font-size:4vmax}section#landing .LogoContent{font-size:7vmin;left:13vw}section#landing .LogoContent .logo{font-size:20vmin}section#landing .LogoContent .studio{padding-left:10vw}section#landing .boxdown{left:0}section#landing .boxdown:before{font-size:2.5vmax}}@media screen and (min-width:1300px){section#landing .work .main .content .computer{width:80%;height:auto}section#landing .work .main .content .MouseContent{position:absolute;bottom:0;right:-10vw;width:7vw;height:7vh}section#landing .work .main .content .MouseContent .mouse{width:60%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#landing .work .main .content .MouseContent .mouseClick{position:absolute;width:30%;bottom:25%;left:1.4vw;animation:mouseClick .5s infinite alternate}section#landing .typing{top:35vh}}header{width:100%;position:fixed;z-index:100}.show{display:flex}nav{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;min-height:10vh;flex-direction:row;background:#29292b;color:#fff;overflow-y:hidden;display:none;animation:navFade .8s ease}nav .title{border:.2rem solid #fff;padding:.2% 1%}nav .title h3{font-size:1.3rem}nav ul.nav-link{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;flex-direction:row;width:50vw;padding-top:1vh}nav ul.nav-link li{list-style:none}nav ul.nav-link li a{color:#fff;font-size:1.3rem;text-decoration:none}nav .hamburger{display:none;cursor:pointer}nav .hamburger .line{width:25px;height:3px;background:#e2e2e2;margin:5px}nav .hamburger .line:nth-child(2){width:18px}@media screen and (max-width:768px){header ul.nav-link{overflow:hidden;position:absolute;right:0;height:92vh;top:8vh;background:#29292b;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:space-around;width:50%;transform:translateX(100%);transition:transform .5s ease-in}header ul.nav-link li{opacity:0}header .title{position:absolute;left:8vw;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}header .title h3{padding-top:.2rem}header .hamburger{display:block;position:absolute;right:8vw}header .hamburger .line{transition:all .8s ease}header .hamburger.toggle .line:first-child{transform:rotate(-45deg) translate(-5px,6px)}header .hamburger.toggle .line:nth-child(2){opacity:0}header .hamburger.toggle .line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-active{transform:translateX(0)!important}}section#about{width:100vw;height:150vh;overflow:hidden;background:#29292b}section#about .navSpace{height:10vh}section#about .aboutMe{height:70vh;flex-direction:row;padding:2% 10%}section#about .aboutMe,section#about .aboutMe .box{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}section#about .aboutMe .box{width:300px;height:300px;background:#fbf3f2;border-radius:2vmin;position:relative;cursor:pointer;flex-direction:column;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform 1s;backface-visibility:hidden;-webkit-backface-visibility:hidden}section#about .aboutMe .box:active{transform:rotateY(.5turn);-webkit-transform:rotateY(.5turn)}section#about .aboutMe .box:before{content:"";width:220px;height:220px;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);border-radius:50%;background:#eb7070}section#about .aboutMe .box .back,section#about .aboutMe .box .front{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:translateZ(2rem);backface-visibility:hidden;-webkit-backface-visibility:hidden}section#about .aboutMe .box .front{width:300px;height:300px;border-radius:2vmin;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;overflow:hidden}section#about .aboutMe .box .front img{position:absolute;width:65%}section#about .aboutMe .box .front img.hand{width:30%;right:-10%;bottom:5%;animation:handPoint 2s ease infinite alternate}section#about .aboutMe .box .front img.body{bottom:20%}section#about .aboutMe .box .front img.head{width:40%;top:10%}section#about .aboutMe .box .front img.eye{width:14%;top:35%;animation:eyemove 2s ease-out infinite}section#about .aboutMe .box .front img.mouth{width:9%;top:45%;animation:mouth 1.5s ease-out infinite}section#about .aboutMe .box .front h5{position:absolute;bottom:11%;font-size:2.5vmin;cursor:pointer}section#about .aboutMe .box .front h5:hover{background:#000;color:#fff;padding:1%}section#about .aboutMe .box .front h6{position:absolute;bottom:3%;border-radius:5rem;background:#000;padding:2% 10%;color:#fff}section#about .aboutMe .box .back{width:300px;height:300px;border-radius:2vmin;position:absolute;display:flex;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:center;overflow:hidden;transform:rotateY(.5turn);background:url(person2.4852855c.jpg);background-position:50%;background-size:cover}section#about .aboutMe .content{max-width:80vw;max-height:60vh;font-size:3vmin;color:#fff;padding:2% 5%}section#about .aboutMe .content h1{padding-bottom:1vh;font-size:3vmax}section#about .aboutMe .content h5{font-family:Noto Sans TC,sans-serif;font-size:2.5vmin;letter-spacing:normal;line-height:2.5rem}section#about .experience{height:70vh;padding:2% 5%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}section#about .experience .title{padding-top:1vh;font-size:3vmax;color:#fff}section#about .experience .content{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;width:100%;height:100%}section#about .experience .content .time{width:20%;height:100%}section#about .experience .content .time,section#about .experience .content .time ul{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#about .experience .content .time ul{list-style:none;align-items:flex-start;justify-content:space-around;height:50%;border-left:2px solid #fff}section#about .experience .content .time ul li{margin-left:1vw;color:#fff;font-size:1.8rem;cursor:pointer}section#about .experience .content .time ul li a{color:#fff;font-size:1.8rem;text-decoration:none}section#about .experience .content .cards{width:60%;height:100%;position:relative}section#about .experience .content .cards,section#about .experience .content .cards .card{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap}section#about .experience .content .cards .card{width:50vw;height:90%;justify-content:flex-start;cursor:pointer;position:absolute;background:#fff;border-radius:2rem;box-shadow:0 0 10px rgba(0,0,0,.3);transition:z-index .4s ease}section#about .experience .content .cards .card h3{padding:1% 2%;text-align:center;font-size:2rem;transform:rotate(-90deg)}section#about .experience .content .cards .card ul{border-left:2px solid #000;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;list-style:none;margin-left:-3%}section#about .experience .content .cards .card ul li{padding:3% 0;margin-left:4%}section#about .experience .content .cards .card#a2018{z-index:1}section#about .experience .content .cards .card#a2017{z-index:1;margin-left:10vh}section#about .experience .content .cards .card#a2016{z-index:1;margin-left:20vh}section#about .experience .more{display:none}@media screen and (max-width:768px){section#about{position:relative}section#about,section#about .aboutMe{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#about .aboutMe .boxContent .box:hover{transform:rotateY(.5turn);-webkit-transform:rotateY(.5turn)}section#about .aboutMe .boxContent .box h5{font-size:3vmax}section#about .aboutMe .content{height:100%;padding-top:5vh}section#about .aboutMe .content h1{font-size:3.5vmax}section#about .aboutMe .content h5{font-size:2.2vmax}section#about .experience{width:100%;height:100%;padding-top:5vh;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}section#about .experience .title{text-align:center}section#about .experience .content{padding-top:0;margin-top:0;height:90vh;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#about .experience .content .time{display:none}section#about .experience .content .cards{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;width:100%;margin-top:-15vh;align-items:center;justify-content:center;flex-wrap:wrap-reverse}section#about .experience .content .cards .card{width:80vw;height:60vh;padding:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#about .experience .content .cards .card h3{border-bottom:5px solid #000;transform:rotate(0deg);padding-bottom:1vh}section#about .experience .content .cards .card ul{padding-top:1vh;border-left:0;margin-left:1px;margin-right:1px}section#about .experience .content .cards .card#a2017{margin-top:5vh;margin-left:0}section#about .experience .content .cards .card#a2016{margin-top:10vh;margin-left:0}section#about .experience .more{width:80%;height:6vh;padding-top:1.5vh;position:absolute;bottom:3vh;text-align:center;font-size:2vmax;display:block;color:#fff;border:2px solid #fff;border-radius:2rem;cursor:pointer}section#about .experience .more a{color:#fff;text-decoration:none}}section#project{width:100vw;background:#29292b}section#project .container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;padding-top:5vh}section#project .container h1{color:#fff;font-size:4vmax}section#project .container .content{width:80%;height:100%;display:grid;align-items:center;justify-content:center;justify-items:center;align-content:center;grid-template-columns:1% 1fr 1fr 1fr 1%;grid-template-rows:1% 1fr 1fr 1fr 1fr 1%;grid-gap:1rem}section#project .container .content .box{width:100%;height:100%;min-height:300px;min-width:300px;border-radius:1.5rem;background:#000;background-size:cover!important;background-position:50%!important;transition:all 1s}section#project .container .content .box:hover .inner{opacity:1;color:#fff}section#project .container .content .box .inner{height:100%;opacity:0;border-radius:1.5rem;background:rgba(0,0,0,.7);transition:all .5s ease}section#project .container .content .box .inner,section#project .container .content .box .inner ul{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#project .container .content .box .inner ul{list-style:none;text-align:center}section#project .container .content .box .inner ul li{width:60%;height:100%;text-decoration:none;padding:2%;margin:3%;border:1px solid #fff;border-radius:1rem}section#project .container .content .box .inner a{color:#000;cursor:pointer;padding:1.5%;border:1px solid #fff;background:hsla(0,0%,100%,.8);border-radius:1rem;width:60%;margin:3%;text-align:center;text-decoration:none}section#project .container .content .boxBio{grid-area:2/2/3/3;background:url(biology.7a1224e5.jpg)}section#project .container .content .box1914{grid-area:2/3/3/4;background:url(plantsBG.65babbaa.jpg)}section#project .container .content .boxillustration{grid-area:2/4/4/5;background:url(people.0c843817.png);background-size:150%!important}section#project .container .content .boxWeather{grid-area:3/2/4/3;background:url(weather.fee45eeb.png);background-size:120%!important}section#project .container .content .boxLine{grid-area:3/3/4/4;background:url(line2.1e036de8.jpg)}section#project .container .content .boxColorPicker{grid-area:4/2/5/3;background:url(color.d93f45cb.jpg)}section#project .container .content .boxR{grid-area:4/3/5/4;background:url(dataR2.462c3868.jpg)}section#project .container .content .boxTea{grid-area:4/4/5/5;background:url(food.2627faa5.jpg);background-size:200%!important}section#project .container .content .page{grid-area:5/2/6/5;background:url(prototype.73ba775d.jpg)}section#project .container .content .page .inner ul a,section#project .container .content .page .inner ul li{height:50%;margin:1%;padding:.8%}@media screen and (max-width:768px){section#project .container{padding-left:1%;padding-right:1%}section#project .container .content{width:100%;grid-template-columns:1% 1fr 1%;grid-template-rows:1% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1%;grid-gap:1rem}section#project .container .content .box{min-height:100px;min-width:100px;width:95%;height:27vh;border-radius:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#project .container .content .box .inner{border-radius:1rem}section#project .container .content .box .inner a,section#project .container .content .box .inner ul li{width:90%}section#project .container .content .boxBio{grid-area:2/2/3/3}section#project .container .content .box1914{grid-area:3/2/4/3}section#project .container .content .boxillustration{grid-area:4/2/5/3;background-position:50%}section#project .container .content .boxWeather{grid-area:5/2/6/3}section#project .container .content .boxLine{grid-area:6/2/7/3;background-position:50%}section#project .container .content .boxColorPicker{grid-area:7/2/8/3}section#project .container .content .boxR{grid-area:8/2/9/3}section#project .container .content .boxTea{grid-area:9/2/10/3}section#project .container .content .page{grid-area:10/2/11/3}section#project .container .content .page .inner ul li{margin:3%;padding:2%}}section#contact{width:100vw;height:130vh;background:#29292b;justify-content:center;flex-direction:column;justify-content:flex-start;padding:5% 10%}section#contact,section#contact .article{display:flex;align-items:center;flex-wrap:nowrap}section#contact .article{justify-content:center;flex-direction:row;margin-top:-5vh;width:100%;height:50vh;color:#fff}section#contact .article .left{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;width:60%}section#contact .article .left .title{font-size:2.8vmax;height:100%;width:100%}section#contact .article .left .content{height:100%;width:100%;font-family:Noto Sans TC,sans-serif;font-size:3vmin;margin-top:3vh;letter-spacing:normal;line-height:2.5rem}section#contact .article .right{width:40%}section#contact .article .right,section#contact .article .right .box{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#contact .article .right .box{width:300px;height:300px;background:#e6e6e6;border-radius:2vmin;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform 1s;backface-visibility:hidden;-webkit-backface-visibility:hidden}section#contact .article .right .box:active{transform:rotateY(.5turn);-webkit-transform:rotateY(.5turn)}section#contact .article .right .box .back,section#contact .article .right .box .front{transform-style:preserve-3d;transform:translateZ(2rem);backface-visibility:hidden;-webkit-backface-visibility:hidden}section#contact .article .right .box .front{width:300px;height:300px;border-radius:2vmin;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;overflow:hidden;background:url(listen.7c24aa97.png);background-size:cover}section#contact .article .right .box .front img{position:absolute;width:100%}section#contact .article .right .box .front img.whiteRightTopMouth{width:5%;top:14%;right:34%;animation:listenMouth 2s infinite}section#contact .article .right .box .front img.brownRightBottomMouth{width:5%;bottom:7%;right:30%;animation:listenMouth .5s infinite}section#contact .article .right .box .front img.brownRightTopEye{width:10%;top:12%;right:9%;animation:listenEye 2s infinite}section#contact .article .right .box .front img.RedLeftBottomEye{width:10%;left:16%;bottom:46%;animation:listenEye 1s infinite}section#contact .article .right .box .front img.brownCenterMouth{width:5%;bottom:42%;left:50%;animation:listenMouth 2.3s infinite}section#contact .article .right .box .front h5{position:absolute;bottom:5%;font-size:3.5vmin;cursor:pointer;color:#000}section#contact .article .right .box .front h5:hover{background:#000;color:#fff;padding:1%}section#contact .article .right .box .front h6{position:absolute;bottom:3%;border-radius:5rem;background:rgba(0,0,0,.4);padding:2% 10%;color:#fff}section#contact .article .right .box .back{width:300px;height:300px;border-radius:2vmin;position:absolute;flex-direction:column;overflow:hidden;transform:rotateY(.5turn);-webkit-transform:rotateY(.5turn);background:url(person4.128a506e.jpg);background-position:50%;background-size:cover}section#contact .article .right .box .back,section#contact .input{display:flex;align-items:center;flex-wrap:nowrap;justify-content:center}section#contact .input{width:100%;height:70vh;flex-direction:row}section#contact .input .left{width:40%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;align-items:flex-start}section#contact .input .left .map{height:70%;width:100%;display:flex;justify-content:center;flex-direction:row;flex-wrap:nowrap;align-items:center}section#contact .input .left .map iframe{width:30vw;height:40vh;border:0}section#contact .input .left .link{width:100%;height:30vh;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;padding-top:5%}section#contact .input .left .link h1{font-size:3vmax;color:#fff}section#contact .input .left .link .group{padding:1% 8%}section#contact .input .left .link .group,section#contact .input .left .link .group a{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;width:100%;height:100%}section#contact .input .left .link .group a{text-decoration:none}section#contact .input .left .link .group a img{width:70%}section#contact .input .right{width:60%;height:100%;justify-content:center;justify-content:flex-start}section#contact .input .right,section#contact .input .right .email{display:flex;align-items:center;flex-direction:column;flex-wrap:nowrap}section#contact .input .right .email{justify-content:center;align-items:flex-end;width:100%;height:92%;color:#fff}section#contact .input .right .email form{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:space-around;width:90%;height:100%}section#contact .input .right .email form h5{font-size:3vmax;padding-bottom:2%}section#contact .input .right .email form input{font-size:2vmax;width:90%;height:8%;background:transparent;color:#fff;border:solid #fff;border-width:0 0 2px;padding-bottom:2vh}section#contact .input .right .email form .btn{width:90%;height:8%;border:2px solid #fff;border-radius:.5rem}section#contact .input .right .email form .btn,section#contact .input .right .email form .btn input{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;cursor:pointer}section#contact .input .right .email form .btn input{height:100%;background:transparent;color:#fff;border:0 solid #fff;padding-bottom:0}section#contact .input .right .email form textarea{width:90%;height:30%;background:transparent;color:#fff;border:2px solid #fff;border-radius:.5rem;font-size:2vmax;padding:5px}@media screen and (max-width:768px){section#contact{padding-top:10vh}section#contact,section#contact .article{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}section#contact .article .left{width:100%}section#contact .article .left .title{font-size:3.5vmax}section#contact .article .left .content{font-size:2.6vmax;padding-bottom:2vh}section#contact .article .right .boxContent .box{width:100%;height:100%;border-radius:2rem}section#contact .article .right .boxContent .box:hover{transform:rotateY(.5turn);-webkit-transform:rotateY(.5turn)}section#contact .article .right .boxContent .box h5{font-size:3vmax}section#contact .input{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}section#contact .input .left{width:100%;align-items:center}section#contact .input .left .map{padding-top:3vh}section#contact .input .left .map iframe{width:100%}section#contact .input .left .link{height:100%;padding:5vh 0}section#contact .input .left .link h1{padding-bottom:2vh}section#contact .input .left .link .group{height:50%}section#contact .input .left .link .group a{height:100%}section#contact .input .right{width:100%}section#contact .input .right .email{align-items:center}section#contact .input .right .email form{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;height:100%;width:100%}section#contact .input .right .email form h5{width:100%}section#contact .input .right .email form input{width:100%;margin-bottom:1vh}section#contact .input .right .email form textarea{width:100%;height:15vh;margin-bottom:1vh}section#contact .input .right .email form .btn{width:100%;height:5vh;border-radius:.5rem}section#contact .input .right .email form .btn input{margin-bottom:0}}*{box-sizing:border-box;padding:0;margin:0;font-family:Orbitron,Noto Sans TC,"Noto Serif TC"}body,html{overflow-x:hidden!important}English(),font-weight lighter{font-family:Orbitron,sans-serif}.addToggle{transform:rotateY(180deg)}.toggleOff{transform:rotateY(1turn)}@-moz-keyframes landingBGChange{0%,10%{background:#222}50%{background:#8d8d8d}90%,to{background:#e0e0e0}}@-webkit-keyframes landingBGChange{0%,10%{background:#222}50%{background:#8d8d8d}90%,to{background:#e0e0e0}}@-o-keyframes landingBGChange{0%,10%{background:#222}50%{background:#8d8d8d}90%,to{background:#e0e0e0}}@keyframes landingBGChange{0%,10%{background:#222}50%{background:#8d8d8d}90%,to{background:#e0e0e0}}@-moz-keyframes landingLeft{0%{transform:translateY(-100vh) translateX(-5vw);opacity:0;position:absolute;left:0;top:0}to{transform:translateY(100vh) translateX(-5vw);opacity:.3;position:absolute;left:0;top:0}}@-webkit-keyframes landingLeft{0%{transform:translateY(-100vh) translateX(-5vw);opacity:0;position:absolute;left:0;top:0}to{transform:translateY(100vh) translateX(-5vw);opacity:.3;position:absolute;left:0;top:0}}@-o-keyframes landingLeft{0%{transform:translateY(-100vh) translateX(-5vw);opacity:0;position:absolute;left:0;top:0}to{transform:translateY(100vh) translateX(-5vw);opacity:.3;position:absolute;left:0;top:0}}@keyframes landingLeft{0%{transform:translateY(-100vh) translateX(-5vw);opacity:0;position:absolute;left:0;top:0}to{transform:translateY(100vh) translateX(-5vw);opacity:.3;position:absolute;left:0;top:0}}@-moz-keyframes landingLeft2{0%{transform:translateY(-100vh) translateX(-15vw);opacity:0;position:absolute;left:0;top:0}to{transform:translateY(100vh) translateX(-15vw);opacity:.3;position:absolute;left:0;top:0}}@-webkit-keyframes landingLeft2{0%{transform:translateY(-100vh) translateX(-15vw);opacity:0;position:absolute;left:0;top:0}to{transform:translateY(100vh) translateX(-15vw);opacity:.3;position:absolute;left:0;top:0}}@-o-keyframes landingLeft2{0%{transform:translateY(-100vh) translateX(-15vw);opacity:0;position:absolute;left:0;top:0}to{transform:translateY(100vh) translateX(-15vw);opacity:.3;position:absolute;left:0;top:0}}@keyframes landingLeft2{0%{transform:translateY(-100vh) translateX(-15vw);opacity:0;position:absolute;left:0;top:0}to{transform:translateY(100vh) translateX(-15vw);opacity:.3;position:absolute;left:0;top:0}}@-moz-keyframes mouseClick{0%{transform:translateY(-.5vh)}20%{transform:translateY(.5vh)}80%{transform:translateY(-.5vh)}to{transform:translateY(.5vh)}}@-webkit-keyframes mouseClick{0%{transform:translateY(-.5vh)}20%{transform:translateY(.5vh)}80%{transform:translateY(-.5vh)}to{transform:translateY(.5vh)}}@-o-keyframes mouseClick{0%{transform:translateY(-.5vh)}20%{transform:translateY(.5vh)}80%{transform:translateY(-.5vh)}to{transform:translateY(.5vh)}}@keyframes mouseClick{0%{transform:translateY(-.5vh)}20%{transform:translateY(.5vh)}80%{transform:translateY(-.5vh)}to{transform:translateY(.5vh)}}@-moz-keyframes opacityChange{0%{opacity:.3}to{opacity:0}}@-webkit-keyframes opacityChange{0%{opacity:.3}to{opacity:0}}@-o-keyframes opacityChange{0%{opacity:.3}to{opacity:0}}@keyframes opacityChange{0%{opacity:.3}to{opacity:0}}@-moz-keyframes GoLeft{0%{transform:translateX(0)}to{transform:translateX(-200vw)}}@-webkit-keyframes GoLeft{0%{transform:translateX(0)}to{transform:translateX(-200vw)}}@-o-keyframes GoLeft{0%{transform:translateX(0)}to{transform:translateX(-200vw)}}@keyframes GoLeft{0%{transform:translateX(0)}to{transform:translateX(-200vw)}}@-moz-keyframes sunMoon{0%{background:#d3b56b;opacity:.7;transform:rotate(1turn);filter:blur(3px)}45%{background:#fff;opacity:.8}to{background:#d3b56b;opacity:.9;filter:blur(1px);transform:rotate(0)}}@-webkit-keyframes sunMoon{0%{background:#d3b56b;opacity:.7;transform:rotate(1turn);filter:blur(3px)}45%{background:#fff;opacity:.8}to{background:#d3b56b;opacity:.9;filter:blur(1px);transform:rotate(0)}}@-o-keyframes sunMoon{0%{background:#d3b56b;opacity:.7;transform:rotate(1turn);filter:blur(3px)}45%{background:#fff;opacity:.8}to{background:#d3b56b;opacity:.9;filter:blur(1px);transform:rotate(0)}}@keyframes sunMoon{0%{background:#d3b56b;opacity:.7;transform:rotate(1turn);filter:blur(3px)}45%{background:#fff;opacity:.8}to{background:#d3b56b;opacity:.9;filter:blur(1px);transform:rotate(0)}}@-moz-keyframes BIgCircle{0%{transform:scale(1)}to{transform:scale(3);opacity:0}}@-webkit-keyframes BIgCircle{0%{transform:scale(1)}to{transform:scale(3);opacity:0}}@-o-keyframes BIgCircle{0%{transform:scale(1)}to{transform:scale(3);opacity:0}}@keyframes BIgCircle{0%{transform:scale(1)}to{transform:scale(3);opacity:0}}@-moz-keyframes screenChange{0%{transform:translateX(300%);opacity:0}20%,50%,70%{transform:translateX(0);opacity:1}to{transform:translateX(-300%);opacity:1}}@-webkit-keyframes screenChange{0%{transform:translateX(300%);opacity:0}20%,50%,70%{transform:translateX(0);opacity:1}to{transform:translateX(-300%);opacity:1}}@-o-keyframes screenChange{0%{transform:translateX(300%);opacity:0}20%,50%,70%{transform:translateX(0);opacity:1}to{transform:translateX(-300%);opacity:1}}@keyframes screenChange{0%{transform:translateX(300%);opacity:0}20%,50%,70%{transform:translateX(0);opacity:1}to{transform:translateX(-300%);opacity:1}}@-moz-keyframes rightXStar{0%,to{opacity:0}50%{opacity:.5}}@-webkit-keyframes rightXStar{0%,to{opacity:0}50%{opacity:.5}}@-o-keyframes rightXStar{0%,to{opacity:0}50%{opacity:.5}}@keyframes rightXStar{0%,to{opacity:0}50%{opacity:.5}}@-moz-keyframes navOpt{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes navOpt{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-o-keyframes navOpt{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes navOpt{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-moz-keyframes navFade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes navFade{0%{opacity:0}to{opacity:1}}@-o-keyframes navFade{0%{opacity:0}to{opacity:1}}@keyframes navFade{0%{opacity:0}to{opacity:1}}@-moz-keyframes handPoint{0%{transform:translateX(30px)}to{transform:translateX(5px)}}@-webkit-keyframes handPoint{0%{transform:translateX(30px)}to{transform:translateX(5px)}}@-o-keyframes handPoint{0%{transform:translateX(30px)}to{transform:translateX(5px)}}@keyframes handPoint{0%{transform:translateX(30px)}to{transform:translateX(5px)}}@-moz-keyframes eyemove{0%{transform:translateY(10%)}25%{transform:translate(10%)}75%{transform:translateX(0) translateY(10%)}77%{transform:translateY(5%) scaleY(.1)}to{transform:translate(0)}}@-webkit-keyframes eyemove{0%{transform:translateY(10%)}25%{transform:translate(10%)}75%{transform:translateX(0) translateY(10%)}77%{transform:translateY(5%) scaleY(.1)}to{transform:translate(0)}}@-o-keyframes eyemove{0%{transform:translateY(10%)}25%{transform:translate(10%)}75%{transform:translateX(0) translateY(10%)}77%{transform:translateY(5%) scaleY(.1)}to{transform:translate(0)}}@keyframes eyemove{0%{transform:translateY(10%)}25%{transform:translate(10%)}75%{transform:translateX(0) translateY(10%)}77%{transform:translateY(5%) scaleY(.1)}to{transform:translate(0)}}@-moz-keyframes mouth{0%{transform:translateY(10%)}77%{transform:translateY(25%) scaleY(1.1)}to{transform:translate(0) scaleY(.8)}}@-webkit-keyframes mouth{0%{transform:translateY(10%)}77%{transform:translateY(25%) scaleY(1.1)}to{transform:translate(0) scaleY(.8)}}@-o-keyframes mouth{0%{transform:translateY(10%)}77%{transform:translateY(25%) scaleY(1.1)}to{transform:translate(0) scaleY(.8)}}@keyframes mouth{0%{transform:translateY(10%)}77%{transform:translateY(25%) scaleY(1.1)}to{transform:translate(0) scaleY(.8)}}@-moz-keyframes listenEye{0%{opacity:0}25%,to{opacity:1}}@-webkit-keyframes listenEye{0%{opacity:0}25%,to{opacity:1}}@-o-keyframes listenEye{0%{opacity:0}25%,to{opacity:1}}@keyframes listenEye{0%{opacity:0}25%,to{opacity:1}}@-moz-keyframes listenMouth{0%{transform:translateY(-3px);opacity:.8}to{transform:translate(0);opacity:1}}@-webkit-keyframes listenMouth{0%{transform:translateY(-3px);opacity:.8}to{transform:translate(0);opacity:1}}@-o-keyframes listenMouth{0%{transform:translateY(-3px);opacity:.8}to{transform:translate(0);opacity:1}}@keyframes listenMouth{0%{transform:translateY(-3px);opacity:.8}to{transform:translate(0);opacity:1}}@-moz-keyframes talkBG{0%{opacity:.5;transform:translate(-20px,-20px)}to{opacity:1;transform:translate(20px,20px)}}@-webkit-keyframes talkBG{0%{opacity:.5;transform:translate(-20px,-20px)}to{opacity:1;transform:translate(20px,20px)}}@-o-keyframes talkBG{0%{opacity:.5;transform:translate(-20px,-20px)}to{opacity:1;transform:translate(20px,20px)}}@keyframes talkBG{0%{opacity:.5;transform:translate(-20px,-20px)}to{opacity:1;transform:translate(20px,20px)}}@-moz-keyframes LeftHand{0%{transform:rotate(-25deg);transform-origin:bottom left}to{transform:rotate(0deg);transform-origin:bottom left}}@-webkit-keyframes LeftHand{0%{transform:rotate(-25deg);transform-origin:bottom left}to{transform:rotate(0deg);transform-origin:bottom left}}@-o-keyframes LeftHand{0%{transform:rotate(-25deg);transform-origin:bottom left}to{transform:rotate(0deg);transform-origin:bottom left}}@keyframes LeftHand{0%{transform:rotate(-25deg);transform-origin:bottom left}to{transform:rotate(0deg);transform-origin:bottom left}}@-moz-keyframes CenterHand{0%{transform:rotate(5deg);transform-origin:bottom right}to{transform:rotate(0deg);transform-origin:bottom right}}@-webkit-keyframes CenterHand{0%{transform:rotate(5deg);transform-origin:bottom right}to{transform:rotate(0deg);transform-origin:bottom right}}@-o-keyframes CenterHand{0%{transform:rotate(5deg);transform-origin:bottom right}to{transform:rotate(0deg);transform-origin:bottom right}}@keyframes CenterHand{0%{transform:rotate(5deg);transform-origin:bottom right}to{transform:rotate(0deg);transform-origin:bottom right}}@-moz-keyframes RightHead{0%{transform:rotate(5deg);transform-origin:bottom right}to{transform:rotate(-3deg);transform-origin:bottom right}}@-webkit-keyframes RightHead{0%{transform:rotate(5deg);transform-origin:bottom right}to{transform:rotate(-3deg);transform-origin:bottom right}}@-o-keyframes RightHead{0%{transform:rotate(5deg);transform-origin:bottom right}to{transform:rotate(-3deg);transform-origin:bottom right}}@keyframes RightHead{0%{transform:rotate(5deg);transform-origin:bottom right}to{transform:rotate(-3deg);transform-origin:bottom right}}@-moz-keyframes code{0%{transform:translateX(-5px)}80%,to{transform:translateX(10px)}}@-webkit-keyframes code{0%{transform:translateX(-5px)}80%,to{transform:translateX(10px)}}@-o-keyframes code{0%{transform:translateX(-5px)}80%,to{transform:translateX(10px)}}@keyframes code{0%{transform:translateX(-5px)}80%,to{transform:translateX(10px)}}@-moz-keyframes light{0%{opacity:0}80%,to{opacity:1}}@-webkit-keyframes light{0%{opacity:0}80%,to{opacity:1}}@-o-keyframes light{0%{opacity:0}80%,to{opacity:1}}@keyframes light{0%{opacity:0}80%,to{opacity:1}}footer{width:100%;height:8vh;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;background:#222;color:#fff}
/*# sourceMappingURL=src.23a4813c.css.map */