@media screen and (max-width:575.9px){.navbar-b .navbar-nav{height:100vh;margin-top:1rem}.navbar-b .navbar-nav:before{content:"";z-index:-1;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.navbar-b .navbar-nav .nav-item{text-align:center;margin:0;padding:1.2rem 0!important}.navbar-b .navbar-nav .nav-item .nav-link:after{display:none}.navbar-b .navbar-nav .nav-item .nav-link.active{color:#fff;background-color:#111}.header-content{flex:0 0 100%;position:absolute;top:97px;padding:0 0 0 15px!important}.header-content .text-title{font-size:7em}.header-bg{flex:0 0 100%;max-width:100%}}@keyframes down_sign{0%{transform:translateY(0)}60%{transform:translateY(10px)}to{transform:translateY(0)}}#__next{width:100%;height:100%}html{color:#777;width:100%;height:100%;font-family:Noto Sans TC,Noto Serif TC,Noto Serif,Microsoft JhengHei,Roboto,Times New Roman,Helvetica,Arial,sans-serif;overflow-y:auto}body{color:#777;width:100%;height:100%;font-family:Noto Sans TC,Noto Serif TC,Noto Serif,Microsoft JhengHei,Roboto,Times New Roman,Helvetica,Arial,sans-serif}body::-webkit-scrollbar{width:0;display:none}body::-webkit-scrollbar-track{background-color:#0000}body::-webkit-scrollbar-thumb{background-color:#54545433;border-radius:4px}.fullpage-section{align-items:center;display:flex}.section-padding{padding-top:6rem;padding-bottom:6rem}.section-heading{padding-top:4.5rem;padding-bottom:3rem}.section-heading .section-subtitle{text-align:center;color:#aaa;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;position:relative}.section-heading .section-subtitle:after{content:"";background:#dadada;width:20px;height:1px;position:absolute;bottom:11px;left:calc(50% + 40px)}.section-heading .section-subtitle:before{content:"";background:#dadada;width:20px;height:1px;position:absolute;bottom:11px;left:calc(50% - 60px)}.section-heading .section-title{text-align:center;color:#111;text-transform:uppercase;font-family:Noto Serif,Times New Roman,serif;font-weight:200}.en-serif{font-family:Times New Roman,Helvetica,Arial,sans-serif}.navbar-b{z-index:11;align-items:flex-start;padding-top:16px;padding-bottom:16px;transition:all .5s ease-in-out;display:flex;position:relative}.navbar-b .navbar-nav .nav-item{padding:0;list-style:none;display:inline-block;position:relative}@media (min-width:576px){.navbar-b .navbar-nav .nav-item{text-align:left;margin:0 1.2rem;padding:0}}.navbar-b .navbar-nav .nav-item .nav-link{text-transform:uppercase;letter-spacing:1px;color:#77777780;letter-spacing:1px;padding:.5em 0;text-decoration:none;position:relative}.navbar-b .navbar-nav .nav-item .nav-link:active{color:#111}.navbar-b .navbar-nav .nav-item .nav-link:before,.navbar-b .navbar-nav .nav-item .nav-link:after{position:absolute}@media (min-width:375px){.navbar-b .navbar-nav .nav-item .nav-link:before,.navbar-b .navbar-nav .nav-item .nav-link:after{transition:none}}@media (min-width:768px){.navbar-b .navbar-nav .nav-item .nav-link:before,.navbar-b .navbar-nav .nav-item .nav-link:after{transition:all .35s}}.navbar-b .navbar-nav .nav-item .nav-link:before{content:"";background-color:#111;width:0%;height:3px;display:block;bottom:0}.navbar-b .navbar-nav .nav-item .nav-link:after{content:attr(data-hover);color:#111;white-space:nowrap;max-width:0%;padding:.5em 0;position:absolute;top:0;left:0;overflow:hidden}.navbar-b .navbar-nav .nav-item .nav-link.active:before{opacity:1;width:100%}.navbar-b .navbar-nav .nav-item .nav-link.active:after{max-width:100%}@media (min-width:768px){.navbar-b .navbar-nav .nav-item .nav-link:hover:before{opacity:1;width:100%}.navbar-b .navbar-nav .nav-item .nav-link:hover:after{max-width:100%}}.navbar-b.navbar-trans{background-color:#0000}@media (min-width:576px){.navbar-b.navbar-trans{background-color:#fff}}.navbar-b.opaque{background-color:#fff;box-shadow:0 6px 9px #0000000f}.navbar-toggler{position:relative}.navbar-toggler:focus,.navbar-toggler:active{outline:none;box-shadow:none!important}.navbar-toggler span{opacity:1;background-color:#111;width:25px;height:3px;margin-top:4px;margin-bottom:4px;display:block;left:0;transform:rotate(0)}.navbar-toggler span:first-of-type,.navbar-toggler span:nth-of-type(3){transition:transform .35s ease-in-out}.navbar-toggler:not(.active) span:first-of-type{opacity:.9;position:absolute;top:10px;left:12px;transform:rotate(135deg)}.navbar-toggler:not(.active) span:nth-of-type(2){visibility:hidden;background-color:#0000;height:12px}.navbar-toggler:not(.active) span:nth-of-type(3){opacity:.9;position:absolute;top:10px;left:12px;transform:rotate(-135deg)}#fp-nav ul li a span,.fp-slidesNav ul li a span{background:#777}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{background:#111}#home{background-color:#fff;width:100%;height:100vh}#home .container-fluid{width:100%;height:100%}#home .container-fluid .row{flex-wrap:nowrap;align-items:center;display:flex}.header-content{z-index:1}@media (min-width:576px){.header-content{flex:0 0 33.3333%;max-width:33.3333%;position:relative;right:-15rem}}.header-content .text-small{opacity:.5;color:#111;font-size:1.6rem;font-weight:100}.header-content .text-title{color:#111;margin-bottom:1.6rem;font-family:Noto Serif,Times New Roman,serif;font-weight:700;line-height:1em;position:relative}@media (min-width:576px){.header-content .text-title{font-size:9em}}.header-content .text-title:after{content:"";background-color:#111;width:12rem;height:1px;position:absolute;bottom:-1rem;left:-8rem}.header-content .text-descript{opacity:.5;color:#111;font-family:Noto Serif,Times New Roman,serif;font-size:1.4rem;font-style:italic}.header-content .down-sign{z-index:1;text-align:center;width:80px;position:absolute;bottom:-5rem;left:1.5rem}.header-content .down-sign a{color:#111;opacity:.5;border:1px solid #111;justify-content:center;align-items:center;width:120px;height:45px;text-decoration:none;transition:all .3s linear;display:flex;position:relative}@media (min-width:768px){.header-content .down-sign a:hover{opacity:1;color:#fff;background-color:#111}}.header-content .down-sign a h6{letter-spacing:1px;text-transform:uppercase;justify-content:center;align-items:center;margin:0;font-size:10px;text-decoration:none;display:flex}.header-content .down-sign a img{width:8px;height:53px;animation:1.5s linear infinite down_sign;position:absolute;top:30px}.header-bg{background:url(/images/banner.webp) 50%/cover no-repeat;height:100vh;padding:0;position:relative;overflow:hidden}.header-bg:before{opacity:.75;background:linear-gradient(#fff,#c7c7c7);width:100%;height:100%;padding:0;position:absolute;top:0;left:0}@media (min-width:375px){.header-bg{background:url(/images/banner.webp) 50%/cover no-repeat}}@media (min-width:768px){.header-bg{background:url(/images/banner.avif) 50%/cover no-repeat}}@media (min-width:576px){.header-bg{flex:0 0 66.6667%;max-width:66.6667%}}#about{background-color:#f8f8f8}#about .row .col-lg-4{font-family:Noto Serif,Times New Roman,serif}.social-link{margin:0;padding:0;list-style-type:none;display:flex}.social-link li{justify-content:center;align-items:flex-end;width:25px;height:25px;display:flex;position:relative}.social-link li:hover:before{background:#777}.social-link li:before{content:"";border:1px solid #777;border-radius:2px;width:100%;height:100%;transition:all .27s cubic-bezier(.3,.1,.58,1);display:inline-block;position:absolute;top:0;left:0;transform:rotate(45deg)}.social-link li:not(:last-of-type){margin-right:20px}.social-link li a{color:#aaa;font-size:1rem;text-decoration:none;transition:all .27s cubic-bezier(.3,.1,.58,1);position:relative}.social-link li a:hover{color:#fff}.btn-download{color:#111;opacity:.5;letter-spacing:1px;cursor:pointer;border:1px solid #111;padding:.5rem 1.5rem;font-size:.875rem;text-decoration:none;transition:all .3s ease-out;display:inline-block}.btn-download:hover{opacity:1;color:#fff;background-color:#111}#skills{background:#525252 url(/images/section1-bg.webp) 50%/100% no-repeat}.skills-box{text-align:left;color:#fff;background:#3f3f3f;border-radius:4px;width:100%;min-width:315px;max-width:355px;margin:10px;padding:0;font-size:16px;position:relative;overflow:hidden;box-shadow:0 0 5px #00000026}.skills-box:hover>.blur-img,.skills-box:hover .image img{max-width:100%;transform:scale(1.05)}.skills-box .blur-img{vertical-align:top;filter:blur(5px);opacity:.6;position:relative}.skills-box .image{width:100%;position:absolute;inset:0 0 45%;overflow:hidden;box-shadow:0 1px 5px #0000001a,0 1px #fff3}.skills-box .image img{width:100%;position:absolute;top:0}.skills-box .title{z-index:1;padding-top:20px;position:absolute;inset:55% 20px 0}.skills-box .title h3{font-family:Noto Serif,Times New Roman,serif;font-size:1.3rem;line-height:2rem}.skills-box .title span{color:#ffffffb3;width:100%;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-size:.9rem;display:block;position:relative}.skills-box .title span:after{content:"";opacity:.3;text-align:center;background:#fff;height:1px;display:flex;position:absolute;bottom:-8px;left:-20px;right:-20px}.skills-box .title h3,.skills-box .title p,.skills-box .title span{margin:0}.skills-box .title ul{color:#ffffffb3;margin:1rem 0 0;padding-left:20px}.skills-box>.blur-img,.skills-box .image img{max-width:100%;transition:all .3s ease-in-out}#experience{background:url(/images/section3-bg.webp) 50%/cover no-repeat}.timeline{margin:0 auto;position:relative}.timeline:before{content:" ";z-index:0;background:linear-gradient(#d5d5d500 0%,#d5d5d5 8% 92%,#d5d5d500 100%);width:2px;height:100%;margin-left:-1px;display:block;position:absolute;top:0}@media (min-width:375px){.timeline:before{left:5%}}@media (min-width:768px){.timeline:before{left:50%}}.timeline .timeline-item{align-items:flex-start;width:100%;display:flex}@media (min-width:375px){.timeline .timeline-item{flex-direction:column}}@media (min-width:768px){.timeline .timeline-item{flex-direction:row}}@media (min-width:375px){.timeline .timeline-item:nth-child(2n) .timeline-date{text-align:left;order:unset}}@media (min-width:768px){.timeline .timeline-item:nth-child(2n) .timeline-date{text-align:left;order:2}}@media (min-width:375px){.timeline .timeline-item:nth-child(2n) .timeline-date:after{left:.5rem}}@media (min-width:768px){.timeline .timeline-item:nth-child(2n) .timeline-date:after{left:0}}.timeline .timeline-item:nth-child(2n) .timeline-content{order:1}@media (min-width:375px){.timeline .timeline-item:nth-child(2n) .timeline-content{text-align:left}.timeline .timeline-item:nth-child(odd) .timeline-date:after{left:.5rem;right:auto}}@media (min-width:768px){.timeline .timeline-item:nth-child(odd) .timeline-date:after{left:auto;right:-17px}}.timeline .timeline-item .timeline-date{letter-spacing:1px;flex:1;padding:20px 40px;font-family:Noto Serif,Times New Roman,serif;font-size:.9rem;position:relative}.timeline .timeline-item .timeline-date:after{content:"";background-color:#777;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #54545433}.timeline .timeline-item .timeline-date div{color:#fff;text-align:center;background:linear-gradient(90deg,#aaa,#777);border-radius:50px;max-width:max-content;margin:auto;padding:10px 30px;box-shadow:0 10px 15px #d9d9d9}.timeline .timeline-item .timeline-content{text-align:left;flex:1}@media (min-width:375px){.timeline .timeline-item .timeline-content{padding:0 20px 20px 40px}}@media (min-width:768px){.timeline .timeline-item .timeline-content{padding:20px 40px 40px}}.timeline .timeline-item .timeline-content h2{color:#111;margin:7px 0 0;font-size:1.3em;font-weight:700}.timeline .timeline-item .timeline-content h2 span{color:#777;letter-spacing:2px;font-size:.65em;font-weight:700}.timeline .timeline-item .timeline-content p{background:#fff;border-radius:10px;min-height:100px;margin-top:.6125rem;padding:20px;font-size:.9375rem;line-height:25px;position:relative;box-shadow:0 10px 20px #a4a4a414}.galleryItem{cursor:pointer;background-color:#000;position:relative;overflow:hidden;padding:0!important}.galleryItem:hover img{opacity:.3}.galleryItem:hover .item__wrap:before{right:-5px}.galleryItem img{backface-visibility:hidden;width:100%;margin:0;padding:0;display:block}.galleryItem .item__wrap{z-index:0;transition:all .35s ease-in-out;position:absolute;bottom:30px;left:0}.galleryItem .item__wrap:before{content:"";background-color:#fff;transition:all .35s;position:absolute;inset:-5px 100% -5px 0}.galleryItem .item__wrap h3{color:#fff;letter-spacing:1px;z-index:2;background-color:#111;margin:0;padding:5px 10px;font-size:1rem;font-weight:400;line-height:20px;position:relative}.galleryItem .item__wrap p{color:#fff;letter-spacing:2px;z-index:2;background-color:#111;margin:0;padding:5px 10px;font-size:.75rem;position:relative}.galleryItem a{z-index:1;position:absolute;inset:0}.galleryItem a:hover{text-decoration:none}.layout{width:100%;height:auto}.portfolio-Header{background-color:#d0d1d4;background-image:url(/images/section4-bg.webp);background-position:100%;background-repeat:no-repeat;width:100%;display:block;position:relative}@media (min-width:375px){.portfolio-Header{padding-top:3rem;padding-bottom:3rem}}@media (min-width:768px){.portfolio-Header{padding-top:5rem;padding-bottom:5rem}}.portfolio-main img{border:none;outline:none;margin:0;padding:0}.portfolio-detail{letter-spacing:1px;font-size:.75rem}.portfolio-detail h5{text-transform:uppercase;margin-bottom:1rem}.portfolio-detail p{color:#777;border-top:1px solid #0000000d;margin:0;padding:5px 0}.portfolio-detail p strong{color:#111;text-transform:uppercase;width:6.25rem;font-weight:700;display:inline-block}.portfolio-detail p a{text-decoration:none}.portfolio-detail p a:hover{color:#111}.portfolio-navigation{background:#f8f7f6;border-top:1px solid #eee;border-bottom:1px solid #eee;padding-top:1rem;padding-bottom:1rem}.portfolio-navigation button{cursor:pointer;color:#111;padding:0 4% 0 0;text-decoration:none;transition:all .3s ease-out;display:inline-block}.portfolio-navigation button .iconfont{font-size:.875rem}.portfolio-navigation button:hover{color:#a0a0a0}.portfolio-footer{text-align:center;background-color:#f8f8f8;border-top:1px solid #eee}.portfolio-footer .social-link{justify-content:center}.portfolio-footer p{margin:0;font-size:.875rem}.relative{position:relative}.page-navigation{text-transform:uppercase;letter-spacing:2px;z-index:2;background:#fff;border-bottom:1px solid #eee;width:100%;height:3.75rem;font-size:.75rem;line-height:3.6875rem;display:flex;position:sticky;top:0}.page-navigation a{cursor:pointer;color:#111;padding:0 4% 0 0;text-decoration:none;transition:all .3s ease-out;display:inline-block}.page-navigation a .iconfont{font-size:.875rem}.page-navigation a:hover{color:#a0a0a0}.hoverBox{border-radius:4px;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000001a}.hoverBox:hover .boxContent{background:#00000080}.hoverBox:hover .boxContent h5,.hoverBox:hover .boxContent a{opacity:1}.hoverBox img{width:100%;height:100%;position:relative}.hoverBox .boxContent{cursor:pointer;text-align:center;z-index:1;background:0 0;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:20px;display:flex;position:absolute;inset:0}.hoverBox .boxContent h5{color:#fff;opacity:0;letter-spacing:1px;margin:0 0 10px;font-size:1.125rem;font-weight:700;transition:all .35s}.hoverBox .boxContent a{color:#777;text-align:center;opacity:0;background:#fff;border-radius:50%;width:35px;margin-bottom:5px;font-size:1.125rem;font-weight:700;line-height:35px;text-decoration:none;transition:all .35s;display:inline-block}.hoverBox .boxContent a:hover{color:#fff;background:#777}.player-wrapper{padding-top:56.25%;position:relative}.react-player{position:absolute;top:0;left:0}.btn-GoTop{color:#777;text-align:center;z-index:2;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;width:35px;height:35px;font-size:12px;line-height:35px;transition:all .27s cubic-bezier(.3,.1,.58,1);display:flex;position:fixed;bottom:25px;right:25px}.btn-GoTop:before{content:"";text-align:center;background:#fff3;border:1px solid #777;border-radius:2px;width:100%;height:100%;transition:all .27s cubic-bezier(.3,.1,.58,1);position:absolute;top:0;left:0;transform:rotate(45deg)}.btn-GoTop .iconfont{text-align:center;color:#111;width:1rem;line-height:1rem;display:inline-block}#contact{background:#232526 url(/images/contact-bg.webp) top/100% no-repeat;overflow:hidden}@media (min-width:375px){#contact{padding-top:5rem;padding-bottom:5rem}}@media (min-width:768px){#contact{padding-top:12rem;padding-bottom:10rem}}@media (min-width:375px){.footerLogo{text-align:center;margin-top:0;margin-bottom:1rem}}@media (min-width:768px){.footerLogo{text-align:right;margin-top:.4rem;margin-bottom:2rem}}.footerLogo img{width:3.5rem;height:3.5rem}.contactInfo h1{color:#fff;margin-bottom:1rem;font-family:Noto Serif,Times New Roman,serif}@media (min-width:375px){.contactInfo h1{text-align:center}}@media (min-width:768px){.contactInfo h1{text-align:left}}.contactInfo h1 span{color:#777;font-weight:700}.contactInfo .contactItem{align-items:center;margin:.8rem 0;display:flex;position:relative}@media (min-width:375px){.contactInfo .contactItem{flex-direction:column;justify-content:center}.contactInfo .contactItem>div{text-align:center}}@media (min-width:768px){.contactInfo .contactItem{flex-direction:row;justify-content:flex-start}.contactInfo .contactItem>div{text-align:left}}.contactInfo .contactItem i{color:#fff;margin-right:1.2rem;font-size:1.6rem;top:.3rem}.contactInfo .contactItem .title{color:#fff;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.2rem;font-family:Noto Serif,Times New Roman,serif;line-height:1rem}.contactInfo .contactItem .text{color:#aaa;letter-spacing:2px;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-size:.875rem}.copyright{color:#fff;font-size:.875rem}@media (min-width:375px){.copyright{text-align:center}}@media (min-width:768px){.copyright{text-align:right}}.footerLink{display:flex}@media (min-width:375px){.footerLink{justify-content:center;margin-top:1rem;margin-bottom:1rem}}@media (min-width:768px){.footerLink{justify-content:flex-end;margin-top:1rem}}.footerLink a{text-align:center;color:#fff;background:0 0;border:1px solid #fff;border-radius:50%;width:1.75rem;height:1.75rem;margin:0 .4rem;font-size:.9375rem;line-height:1.75rem;text-decoration:none;transition:all .35s}.footerLink a:last-of-type{margin-right:0}.footerLink a:hover{color:#111;background:#fff;text-decoration:none}
@font-face{font-family:iconfont;src:url(../media/iconfont.04f34.~t8v_24.woff2)format("woff2"),url(../media/iconfont.0yo~mumm21789.woff)format("woff"),url(../media/iconfont.051rd35oqu6gu.ttf)format("truetype")}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-style:normal;font-family:iconfont!important}.icon-allow-right:before{content:""}.icon-link:before{content:""}.icon-allow-left:before{content:""}.icon-check:before{content:""}.icon-phone:before{content:""}.icon-top:before{content:""}.icon-pinterest:before{content:""}.icon-linkedin:before{content:""}.icon-email:before{content:""}.icon-behance:before{content:""}.icon-address:before{content:""}