@import url(https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:"Noto Sans TC","Apple LiGothic Medium","Microsoft JhengHei","LiHei Pro Medium","STHeiti","Microsoft YaHei",arial;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:100%}body,html{height:100%}body{font-family:"Arimo","Noto Sans TC","Microsoft YaHei","Microsoft JhengHei",sans-serif;font-size:1rem;line-height:1.5;background:#fff}*{position:relative;box-sizing:border-box}a,a:active,a:focus,a:hover{text-decoration:none;color:inherit}.text-italic{font-style:italic}.container{width:1000px;margin:0 auto;display:flex;flex-direction:column}@media (max-width:999px){.container{width:100%}}.main{padding-top:90px}.footer{width:100%;color:#151515;background:#fff;text-align:center;padding:2rem}.row{margin:4rem 0}@media (max-width:999px){.row{padding:0 2rem}}@media (max-width:360px){.row{padding:0 1rem}}.btn-wrap{padding:2rem 0}.btn,.btn-wrap{text-align:center}.btn{background-color:#151515;color:#fff;padding:10px 24px;cursor:pointer;border:none;white-space:nowrap}.btn img{margin:0!important;width:auto!important;padding-right:1rem}.btn:hover{color:#fff;background-color:#353535}.title-wrap{text-align:center;position:relative}.title-wrap h3{font-size:1.75rem;background:#fff;z-index:10;display:inline-block;padding:0 2rem;font-weight:700}.title-wrap span{font-size:1.25rem;display:block;font-weight:500}.title-wrap:after{content:"";display:block;width:100%;height:1px;background:#151515;position:absolute;top:50%;left:0}.detail-title{border-top:1px solid #151515;border-bottom:1px solid #151515;padding:1.5rem 0}.detail-title h2{font-size:1.5rem;font-weight:700}.subtitle{border-bottom:1px solid #151515;padding:.5rem 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:2rem auto 0}.subtitle h4{font-size:1.25rem;font-weight:700}.header{position:fixed;background:#f6f6f6;left:0;right:0;z-index:99;box-shadow:10px 12px 24px 6px rgba(0,0,0,.08)}.header .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:90px}@media (max-width:999px){.header .container{padding:0 2rem}}@media (max-width:479px){.header .container{padding:0;flex-direction:column;align-items:flex-start}}.header .logo{width:80px;height:48px;display:block;background:url(/static/media/logo.ae868f9b.svg) no-repeat;background-size:cover;text-indent:-9999px}@media (max-width:479px){.header .logo{margin-left:2rem;margin-top:1rem}}.header .nav{display:flex;flex-direction:row}@media (max-width:479px){.header .nav{width:100%;position:absolute;top:-200px;flex-direction:column;text-align:center;justify-content:center}}@media (max-width:479px){.header .nav.active{height:100vh;top:0;background:#f6f6f6;padding:2rem;overflow:hidden}.header .nav.active a{width:100%;height:auto;padding:1rem}}.header .nav a{display:block;width:80px;height:40px;line-height:40px;text-decoration:none;color:#151515}.header .btn-menu{position:absolute;top:2rem;right:3rem;display:none;width:32px;height:32px;cursor:pointer;z-index:2;-webkit-touch-callout:none}@media (max-width:479px){.header .btn-menu{display:block}}.header .btn-menu.times span{opacity:1;-webkit-transform:rotate(45deg) translate(-10px,-20px);transform:rotate(45deg) translate(-10px,-20px)}.header .btn-menu.times span:nth-last-child(3){opacity:0;-webkit-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2)}.header .btn-menu.times span:nth-last-child(2){-webkit-transform:rotate(-45deg) translate(-1px,11px);transform:rotate(-45deg) translate(-1px,11px)}.header .btn-menu span{display:block;width:32px;height:3px;margin-bottom:7px;position:relative;background:#151515;z-index:1;-webkit-transform-origin:4px 0;transform-origin:4px 0;transition:opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);transition:transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;transition:transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1)}.header .btn-menu span:first-child{-webkit-transform-origin:0 0;transform-origin:0 0}.header .btn-menu span:nth-last-child(2){-webkit-transform-origin:0 100%;transform-origin:0 100%}.banner{width:100%;height:480px;background:#f6f6f6;display:flex;flex-direction:column;justify-content:center;align-items:center}.banner .quotes{position:relative}.banner .quotes h2{font-style:italic;font-weight:700}@media (max-width:479px){.banner .quotes h2{font-size:1.5rem}}.banner .quotes:before{content:"";display:block;width:24px;height:18px;background:url(/static/media/quote-before.77c8e5bb.svg) no-repeat;position:absolute;left:-40px}@media (max-width:479px){.banner .quotes:before{left:-30px}}.banner .quotes:after{content:"";display:block;width:24px;height:18px;background:url(/static/media/quote-after.e0c0492b.svg) no-repeat;position:absolute;right:-40px}@media (max-width:479px){.banner .quotes:after{right:-30px}}.banner .quotes-name{width:320px;display:flex;align-items:center;margin-top:2rem;margin-left:2rem}@media (max-width:479px){.banner .quotes-name{width:300px}}.banner .quotes-name:before{content:"";display:block;width:200px;height:1px;background:#151515;margin-right:1rem}@media (max-width:479px){.banner .quotes-name:before{width:150px}}.feature-wrap .feature-head{display:flex;justify-content:space-around}@media (max-width:479px){.feature-wrap .feature-head{flex-direction:column;align-items:center}}.feature-wrap .feature-body{margin-top:4rem}.feature-wrap .feature-body p{margin-bottom:1rem}.feature-item{text-align:center}@media (max-width:479px){.feature-item{margin-bottom:4rem}}.feature-item .circle{width:120px;height:120px;border-radius:50%;background:#e5e5e5;text-align:center;line-height:165px;margin-bottom:1rem}.feature-item h3{font-weight:700}.work-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-bottom:4rem}.work-item{width:380px;height:340px;background:#fff;box-shadow:10px 12px 24px 6px rgba(0,0,0,.08);margin-top:5rem;transition:all .5s ease}.work-item:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.work-item a{position:relative;width:100%;height:100%;display:block}@media (max-width:479px){.work-item{width:300px;height:290px}}@media (max-width:360px){.work-item{width:100%;height:280px}}.work-item:nth-child(2n){margin-top:10rem}@media (max-width:479px){.work-item:nth-child(2n){margin-top:5rem}}.work-item img{width:100%}.work-item .work-info{padding:24px}.work-item .work-info h3{font-weight:700}.work-item .work-info p{color:#828282;line-height:2}.work-item .label{background:#151515;color:#fff;font-weight:500;display:inline-block;padding:0 1rem;line-height:2;position:absolute;bottom:85px;left:24px}.detail-wrap .detail-content{padding:2rem 0}.detail-wrap .detail-content img{width:100%;margin:4rem 0}@media (max-width:479px){.detail-wrap .detail-content img{margin:2rem 0}}.detail-wrap .detail-content p{width:70%;margin:4rem auto;font-weight:500;text-align:center}@media (max-width:479px){.detail-wrap .detail-content p{width:90%}}.detail-wrap .detail-content .subtext{width:50%;margin:1rem auto 0}@media (max-width:479px){.detail-wrap .detail-content .subtext{width:90%}}.detail-wrap .detail-content .title-wrap{margin-top:2rem}.detail-wrap .detail-content .skills{display:flex;flex-direction:row;justify-content:center;margin-top:2rem}@media (max-width:479px){.detail-wrap .detail-content .skills{flex-direction:column;margin-top:0}}.detail-wrap .detail-content .skills li:before{content:"\8－";margin-left:2rem;margin-right:4px}@media (max-width:479px){.detail-wrap .detail-content .skills li:before{margin-left:0}}.about-wrap{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:4rem 0}@media (max-width:999px){.about-wrap{flex-direction:column}}.about-wrap img{width:200px;height:200px;margin-right:4rem}@media (max-width:999px){.about-wrap img{margin-right:0;margin-bottom:4rem}}.about-wrap .about-body{display:flex;flex-direction:column}@media (max-width:999px){.about-wrap .about-body{align-items:center}}.about-wrap .about-body h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media (max-width:999px){.about-wrap .about-body h3{margin-bottom:2rem}}.about-wrap .about-body ul{list-style:disc;margin-left:1.5rem}.about-info{display:flex;flex-direction:row;margin-top:8rem}@media (max-width:999px){.about-info{flex-direction:column;margin-top:4rem}}.about-info .column{flex:1 1}.about-info .item{text-align:center;margin-bottom:2rem}.about-info .item h3{font-size:1.125rem;font-weight:700;border-bottom:1px solid #151515;display:inline-block;padding:.5rem;margin-bottom:1rem}.about-info .item a:hover{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.about-info .item li{line-height:2}.vbox{padding:1rem}.video-container{position:relative;padding-bottom:56.25%;margin-top:2rem;height:0;overflow:hidden;border:10px solid #333131}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=main.e4c210f8.chunk.css.map */