@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap&subset=chinese-traditional");@import url("https://fonts.googleapis.com/css?family=Audiowide&display=swap&subset=latin-ext");@import url("https://fonts.googleapis.com/css?family=Gugi&display=swap");*:focus{outline:none !important}::-moz-selection{background-color:#0057ff;color:#fff}::selection{background-color:#0057ff;color:#fff}html,body{width:100%;margin:0;padding:0;font-size:16px;font-weight:400;font-family:"Noto Sans TC","Helvetica Neue","PingFang TC","Heiti TC","微軟正黑體",sans-serif;line-height:1.75}body::before{position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;z-index:-1;width:100%;height:100vh;content:"";background:url(../image/domenico-loia-hGV2TfOh0ns-unsplash.jpg) no-repeat center center;background-size:cover;background-color:rgba(0,0,0,0.75);background-blend-mode:multiply;-webkit-transform:translateZ(0);transform:translateZ(0)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.5;margin-top:1em;margin-bottom:0.6em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.7rem}h4{font-size:1.5rem}h5{font-size:1.2rem}h6{font-size:1rem}p{margin-top:1em;margin-bottom:1em}section{margin-top:calc(1.75rem* 2)}section:first-child{margin-top:0}.forDEMO{min-height:200px}button{border:none}.button{text-decoration:none;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5rem 1.5rem;border-radius:99em;color:#fff;background-color:#0057ff;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.button:hover{text-decoration:none !important}.button:hover{color:#fff;background-color:#e80012;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.show{opacity:1 !important;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.hide{display:none !important}#toTop{position:fixed;-webkit-overflow-scrolling:touch;bottom:5vh;right:1.75rem;z-index:150;width:3rem;height:3rem;line-height:2.5;background-color:#0057ff;border-radius:99em;text-align:center;opacity:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;cursor:pointer}#toTop .svgButton{fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:7px}#toTop:hover{background-color:#e80012}.navbar{position:fixed;-webkit-overflow-scrolling:touch;top:0;left:0;z-index:150;width:100%;padding:0 1.75rem;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}@media (max-width: 767.98px){.navbar{padding:calc(1.75rem/ 2) 1.75rem;text-align:right}}.navbar__menu{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:calc(1.75rem/ 2) 1.75rem}@media (max-width: 767.98px){.navbar__menu{position:fixed;-webkit-overflow-scrolling:touch;top:calc(1.75rem* 2.5);right:-100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#1d1d1d;border-radius:.5rem;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.navbar__menu.open{right:1.75rem;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}}.navbar__menu__item{width:100%;max-width:calc(calc(calc(1920px - calc(1.75rem* 21)) / 20)* 2 + 1.75rem);text-align:center}@media (max-width: 767.98px){.navbar__menu__item{margin-bottom:calc(1.75rem/ 1.5)}.navbar__menu__item:last-of-type{margin-bottom:0}}.navbar__menu__item a{text-decoration:none;cursor:pointer;color:#fff;font-weight:700;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.navbar__menu__item a:hover{text-decoration:none !important}.navbar__menu__item a:hover{opacity:.5;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.navbar--scroll{background-color:#1d1d1d;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.navbar__trigger{display:none}@media (max-width: 767.98px){.navbar__trigger{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}}.navbar__trigger .svgButton{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:3}#KV{width:100%;min-height:100vh;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}#KV .kv__wrap{position:fixed;-webkit-overflow-scrolling:touch;width:100%;max-width:calc(100vw - calc(calc(calc(calc(1920px - calc(1.75rem* 21)) / 20) + 1.75rem) * 4));margin:0 auto;top:0;left:0;bottom:0;right:0;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 1.75rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.5)}@media (max-width: 1199.98px){#KV .kv__wrap{max-width:calc(100vw - calc(1.75rem* 2))}}#KV .kv__title{margin:0;font-size:8vw;font-weight:900;line-height:1}@media (max-width: 991.98px){#KV .kv__title{font-size:15vw}}@media (max-width: 575.98px){#KV .kv__title{font-size:20vw}}#KV .kv__title__sub{margin:1.75rem 0;font-size:1.7rem}#KV .kv__content{margin:0 auto calc(1.75rem* 2)}.container{width:100%;max-width:calc(100vw - calc(calc(calc(calc(1920px - calc(1.75rem* 21)) / 20) + 1.75rem) * 4));margin:0 auto;position:relative;padding:1.75rem;background:url(../image/norbert-levajsics-l1xuT0eR56E-unsplash.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;background-color:rgba(255,255,255,0.9);background-blend-mode:screen;border-radius:.5rem;z-index:5}@media (max-width: 1199.98px){.container{max-width:calc(100vw - calc(1.75rem* 2))}}.container__title{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;margin:0 0 1.75rem;font-size:1.4rem;font-weight:900;line-height:1}.container__title__sub{margin-left:calc(1.75rem/ 2);padding-left:calc(1.75rem/ 2);border-left:4px solid #e80012;font-size:.9rem}.container__profile{width:100%;margin:0}.container__skill{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.container__skill__item{width:calc(calc(100% - calc(1.75rem* 2)) / 3);margin-right:1.75rem}.container__skill__item:nth-of-type(3n),.container__skill__item:last-of-type{margin-right:0}.container__skill__item:nth-of-type(n+4){margin-top:1.75rem}@media (max-width: 991.98px){.container__skill__item{width:calc(calc(100% - 1.75rem) / 2)}.container__skill__item:nth-of-type(3n){margin-right:1.75rem}.container__skill__item:nth-of-type(2n){margin-right:0}.container__skill__item:nth-of-type(n+3){margin-top:1.75rem}}@media (max-width: 575.98px){.container__skill__item{width:100%;margin-right:0 !important}.container__skill__item:nth-of-type(n+2){margin-top:1.75rem}}.container__skill__item__title{width:100%;margin:0 0 calc(1.75rem/ 2);font-size:1.2rem;font-weight:900}.container__skill__item__content{margin:0}.container__experience{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.container__experience__item{width:calc(calc(100% - calc(1.75rem* 2)) / 3);margin-right:1.75rem}.container__experience__item:nth-of-type(3n),.container__experience__item:last-of-type{margin-right:0}.container__experience__item:nth-of-type(n+4){margin-top:1.75rem}@media (max-width: 991.98px){.container__experience__item{width:calc(calc(100% - 1.75rem) / 2)}.container__experience__item:nth-of-type(3n){margin-right:1.75rem}.container__experience__item:nth-of-type(2n){margin-right:0}.container__experience__item:nth-of-type(n+3){margin-top:1.75rem}}@media (max-width: 575.98px){.container__experience__item{width:100%;margin-right:0 !important}.container__experience__item:nth-of-type(n+2){margin-top:1.75rem}}.container__experience__item__time{color:#484848;font-family:"Audiowide", cursive;font-size:.9rem;font-weight:1.7rem;line-height:1}.container__experience__item__company{margin:0;color:#0057ff;font-size:1.4rem;font-weight:900}.container__experience__item__position{font-size:1.2rem;font-weight:900}.container__experience__item__title{margin:calc(1.75rem/ 2) 0 0}.footer{width:100%;margin-top:calc(1.75rem* 5);padding:0 1.75rem;background-color:#1d1d1d}.footer__contact{width:100%;max-width:calc(100vw - calc(calc(calc(calc(1920px - calc(1.75rem* 21)) / 20) + 1.75rem) * 4));margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1.75rem 0 calc(1.75rem* 2)}@media (max-width: 1199.98px){.footer__contact{max-width:calc(100vw - calc(1.75rem* 2))}}.footer__contact__item{width:calc(calc(100% - 1.75rem) / 2);margin-right:1.75rem}.footer__contact__item:last-of-type{margin-right:0}@media (max-width: 575.98px){.footer__contact__item{width:100%}.footer__contact__item:nth-of-type(n+2){margin-top:calc(1.75rem* 1.5)}}.footer__contact__item__title{margin:0 0 calc(1.75rem/ 2);color:#fff;font-family:"Gugi", cursive}.footer__contact__item a{text-decoration:none;cursor:pointer;color:#fff}.footer__contact__item a:hover{text-decoration:none !important}.footer__contact__item a:hover{color:#ffc408}.footer__contact__item ul{list-style:none;margin:0;padding:0}.footer__copyright{width:100%;max-width:calc(100vw - calc(calc(calc(calc(1920px - calc(1.75rem* 21)) / 20) + 1.75rem) * 4));margin:0 auto;padding:calc(1.75rem/ 2) 0;color:#fff;font-size:.9rem;text-align:center}@media (max-width: 1199.98px){.footer__copyright{max-width:calc(100vw - calc(1.75rem* 2))}}