@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,Microsoft JhengHei,Roboto,Arial,sans-serif;overflow-y:auto}body{color:#777;width:100%;height:100%;font-family:Noto Sans TC,Microsoft JhengHei,Roboto,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{flex-direction:column;align-items:stretch;display:flex}.fullpage-section>.container,#experience>.container,#contact>.container{flex-direction:column;flex:1 0 auto;width:100%;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 TC,Noto Serif,Times New Roman,serif;font-weight:400}.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;font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif;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;color:#777;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}@media screen and (max-width:575.9px){.navbar-b.navbar-dark-surface .logo{opacity:1;filter:brightness(0)invert()!important}.navbar-b.navbar-dark-surface .navbar-toggler span{background-color:#fff}}.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;overflow-wrap:normal;letter-spacing:-.04em;margin-bottom:1.6rem;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-weight:700;line-height:1em;display:inline-block;position:relative}@media (min-width:576px){.header-content .text-title{font-size:8em}}.header-content .text-title__word{white-space:nowrap;display:block}.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 TC,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{height:100vh;padding:0;position:relative;overflow:hidden}.header-bg__image{transform-origin:50%;background:url(/images/banner.avif) 50%/cover no-repeat;position:absolute;inset:0}.header-bg:before{opacity:.75;background:linear-gradient(#fff,#c7c7c7);width:100%;height:100%;padding:0;position:absolute;top:0;left:0}@media (max-width:767.98px){.header-bg__image{background-image:url(/images/banner_m.avif);background-position:50%}}@media (min-width:576px){.header-bg{flex:0 0 66.6667%;max-width:66.6667%}}#about{background-color:#f8f8f8}#about .col-left{color:#111;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif}#about .col-right{font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif}.about-profile .col-left{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.about-profile .col-left h4{letter-spacing:-.05rem;margin:0;font-size:clamp(1.875rem,3vw,2.2rem);font-weight:700;line-height:3rem}.about-profile .col-right{flex:1;align-self:center}.about-profile__image{aspect-ratio:1;object-fit:cover;border-radius:50%;width:11rem;height:auto;display:block}@media (max-width:575.98px){.about-profile .col-left{text-align:center;align-items:center}}.about-values{grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none;display:grid}.about-values__intro{margin-bottom:.5rem}.about-values li{padding:.5rem 0}.about-values li:last-of-type{border-bottom:none}.about-values span{display:block}.about-values strong{color:#111;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-size:1rem;display:inline-block}.about-values small{color:#111;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.4rem;margin-left:.625rem;font-size:.8125rem;font-weight:700;display:inline-block}.about-values span{color:#777;font-size:.875rem;line-height:1.6}.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:#111}.social-link li:before{content:"";border:1px solid #a0a0a0;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;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:#f8f8f8}#skills .section-heading{padding-top:6rem}.skills-box{text-align:left;isolation:isolate;flex-direction:column;flex:0 355px;width:calc(100% - 20px);min-width:0;max-width:355px;margin:10px;display:flex;overflow:hidden}.skills-box .skill-image{aspect-ratio:1;background:#2d2d2d;border-radius:4px;width:100%;position:relative;overflow:hidden}.skills-box .skill-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease-in-out;display:block}.skills-box .skill-image .skill-image-mask{pointer-events:none;background:#f8f8f8;position:absolute;inset:0}.skill-content{z-index:1;min-height:12rem;padding:.625rem 0;font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif}.skill-content .skill-headline{white-space:nowrap;color:#111;align-items:baseline;line-height:1.5;display:flex;position:relative}.skill-content .skill-label{margin:.2rem 0 0;font-size:1.375rem;font-weight:700;display:inline-block}.skill-content .skill-label__en{flex:1;margin:0;font-size:.875rem;font-weight:700}.skill-content .skill-label__en:before{content:" | ";margin:0 .25rem 0 .375rem}.skill-content ul{color:#111;margin:.875rem 0 0;padding:0;font-size:.875rem;line-height:1.25;list-style:none}.skill-content ul li{letter-spacing:.05rem;padding-left:1.35em;position:relative}.skill-content ul li:before{content:"＋";font-weight:700;position:absolute;top:0;left:0}.skill-content ul li+li{margin-top:.35rem}.skill-content .skill-summary{color:#777;letter-spacing:.02rem;margin:1.5rem 0 0;font-size:.8125rem;line-height:1.55;position:relative}.skill-content .skill-summary:before{content:"";background-color:#777;width:1rem;height:1px;position:absolute;top:-.75rem;left:0}.skill-content .skill-summary__en{color:#a0a0a0;margin-top:.4rem;font-size:.75rem;line-height:1.5;display:block}#experience{background-color:#fffbf8;background-image:url(/images/section3-bg.avif);background-position:bottom;background-repeat:no-repeat;background-size:100%;flex-direction:column;min-height:100svh;display:flex}#experience .section-heading{padding-top:6rem}.timeline{margin:0 auto;position:relative}.timeline:before{content:" ";z-index:0;background:linear-gradient(#0000 0%,#d5d5d5 8% 92%,#0000 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 TC,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:4px;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;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-size:.75em;font-weight:400}.timeline .timeline-item .timeline-content ul{background:#fff;border-radius:4px;min-height:6.25rem;margin:.6125rem 0 0;padding:1rem 1rem .75rem;font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif;font-size:.9375rem;line-height:1.25rem;list-style:none;position:relative;box-shadow:0 10px 20px #0000001f}.timeline .timeline-item .timeline-content ul li{padding-left:1.35em;position:relative}.timeline .timeline-item .timeline-content ul li:before{content:"＋";font-weight:700;position:absolute;top:0;left:0}.timeline .timeline-item .timeline-content ul li:not(:last-child){margin-bottom:.5rem}#portfolio{background:#141516;align-items:flex-start}#portfolio .section-heading{padding-top:6rem}#portfolio .section-heading .section-title{color:#fff}#portfolio .section-heading .section-subtitle{color:#ffffffa6}#portfolio .section-heading .section-subtitle:before,#portfolio .section-heading .section-subtitle:after{background:#fff6}#portfolio .portfolio-filter-title{color:#ffffffa6;font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif;font-weight:100}#portfolio .portfolio-filter .filter-btn{color:#fff;border-color:#fff6}#portfolio .portfolio-filter .filter-btn:focus-visible{outline-color:#fff}#portfolio .portfolio-filter .filter-btn:hover{color:#fff;background-color:#fff3;border-color:#fff}#portfolio .portfolio-filter .filter-btn.active{color:#525252;background-color:#fff;border-color:#fff;box-shadow:0 4px 14px #0000003d}@media screen and (max-width:575.9px){#portfolio .portfolio-filter-wrap{background-color:#141516}}.portfolio-filter-wrap{width:100%;margin-bottom:2.5rem}@media screen and (max-width:575.9px){.portfolio-filter-wrap{top:calc(65px + env(safe-area-inset-top));z-index:1020;width:100vw;padding:.75rem max(.75rem,env(safe-area-inset-left)) .75rem max(.75rem,env(safe-area-inset-right));background-color:#0000;margin-bottom:1rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:sticky}}.portfolio-filter-title{color:#77777780;letter-spacing:.12em;text-align:center;margin:0 0 .75rem;font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif;font-size:.75rem;font-weight:600;line-height:1.5}.portfolio-filter{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.portfolio-filter .filter-btn{color:#777;cursor:pointer;text-transform:uppercase;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #1113;outline:none;padding:.45rem 1.4rem;font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.portfolio-filter .filter-btn:focus-visible{outline-offset:2px;outline:2px solid #111}.portfolio-filter .filter-btn:hover{color:#111;background-color:#1111110d;border-color:#111}.portfolio-filter .filter-btn.active{color:#fff;background-color:#111;border-color:#111;box-shadow:0 4px 14px #0000001f}@media (min-width:375px){.portfolio-filter .filter-btn{gap:.5rem;padding:.5rem 1rem;font-size:.8125rem}}@media screen and (max-width:575.9px){.portfolio-filter .filter-btn{touch-action:manipulation;min-height:44px}}.galleryItem{position:relative;padding:0 .5rem!important}.galleryItem .gallery-image{cursor:pointer;width:100%;position:relative;overflow:hidden}.galleryItem .gallery-image:hover:after,.galleryItem .gallery-image:focus-visible:after{opacity:.55}.galleryItem .gallery-image:focus-visible{outline-offset:2px;outline:2px solid #111}.galleryItem .gallery-image:after{content:"";opacity:0;pointer-events:none;background-color:#000;transition:opacity .3s;position:absolute;inset:0}.galleryItem img{backface-visibility:hidden;width:100%;margin:0;padding:0;display:block}.galleryItem .item-wrap{-webkit-user-select:none;user-select:none;padding:.25rem .5rem 1rem}.galleryItem .item-wrap h3{color:#fff;margin:0;padding:0;font-size:.9375rem;font-weight:700;line-height:1.4}.galleryItem .item-wrap p{color:#ffffffa6;letter-spacing:.08rem;margin:.25rem 0 0;padding:0;font-size:.75rem}.galleryItem a{z-index:1;position:absolute;inset:0}.galleryItem a:hover{text-decoration:none}.layout{width:100%;height:auto}.portfolio-detail-navbar{display:none}@media (min-width:768px){.portfolio-detail-navbar{display:block}}.page-navigation{text-transform:uppercase;letter-spacing:.08em;z-index:auto;background:0 0;border:0;flex:none;width:auto;height:auto;font-size:.875rem;line-height:1;display:flex;position:relative;top:auto}.page-navigation a{cursor:pointer;color:#111;padding:0 .75rem 0 0;text-decoration:none;transition:all .3s ease-out;display:inline-block}.page-navigation a:hover{color:#a0a0a0}.portfolio-Header{z-index:1020;color:#fff;background:#1b1d1e;border-bottom:1px solid #fff3;width:100%;margin-top:0;display:block;position:sticky;top:0}@media (min-width:768px){.portfolio-Header{margin-top:65px;top:65px}}.portfolio-Header .row{justify-content:center;position:relative}.portfolio-Header .page-navigation{position:absolute;left:0}.portfolio-Header .page-navigation a{color:#ffffffa6}.portfolio-Header .page-navigation a:hover{color:#fff}@media (max-width:767.98px){.portfolio-Header .page-navigation a{padding-right:0}.portfolio-Header .page-navigation span{display:none}}.portfolio-Header__title{color:#fff;text-overflow:ellipsis;text-align:center;white-space:nowrap;flex:0 auto;width:auto;min-width:0;max-width:calc(100% - 7rem);font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.25;overflow:hidden}@media (min-width:375px){.portfolio-Header{padding:.875rem 0}}@media (min-width:768px){.portfolio-Header{padding:1rem 0}}.portfolio-main{color:#ffffffa6;background:#141516}.portfolio-main p{font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif;font-size:.9375rem;line-height:1.125rem}.portfolio-main a{color:#fff}.portfolio-main img{object-fit:cover;border:none;outline:none;margin:0;padding:0}.portfolio-video{background:#000;width:100%;overflow:hidden}.portfolio-video video{object-fit:contain;width:100%;height:100%;display:block}.portfolio-detail h5{text-transform:uppercase;color:#fff;letter-spacing:.05rem;margin-bottom:1rem;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-size:1.25rem}.portfolio-detail ul{margin:0;padding:0}.portfolio-detail ul li{color:#ffffffa6;margin:0;padding:5px 0;font-size:.75rem;list-style:none}.portfolio-detail ul li strong{color:#fff;text-transform:uppercase;width:6.25rem;font-weight:700;display:inline-block}.portfolio-detail ul li a{text-decoration:none}.portfolio-detail ul li a:hover{color:#ffffffa6}.portfolio-navigation{background:#1b1d1e;border-top:1px solid #fff3;border-bottom:1px solid #fff3;padding-top:1rem;padding-bottom:1rem}.portfolio-navigation__content{width:100%}.portfolio-navigation button{cursor:pointer;color:#fff;padding:0 4% 0 0;font-size:1rem;text-decoration:none;transition:all .3s ease-out;display:inline-block}.portfolio-navigation button:hover{color:#ffffffa6}.portfolio-navigation button:last-child{margin-left:auto;padding-right:0}.portfolio-footer{color:#ffffffa6;text-align:center;background-color:#191a1b}.portfolio-footer img{filter:brightness(0)invert()}.portfolio-footer .social-link{justify-content:center}.portfolio-footer p{margin:0;font-size:.875rem}.relative{position:relative}.hoverBox{border-radius:4px;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000001f}.hoverBox:hover .boxContent{background:#0000008c}.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}.btn-GoTop{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:#a0a0a0;width:1rem;line-height:1rem;display:inline-block}#contact{background-color:#141516;background-image:url(/images/contact-bg-mobile.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:stretch;min-height:100svh;display:flex;overflow:hidden}@media (min-width:1200px){#contact{background-image:url(/images/contact-bg-desktop.png)}}#contact .section-heading{padding-top:6rem;padding-bottom:3rem}#contact .section-heading .section-title{color:#fff}#contact .section-heading .section-subtitle{color:#ffffffa6}#contact .section-heading .section-subtitle:before,#contact .section-heading .section-subtitle:after{background:#fff6}#contact .contact-overview{width:min(100% - 1.5rem,60rem);margin-bottom:2.5rem;margin-left:auto;margin-right:auto}#contact .contact-image{aspect-ratio:16/10;border-radius:4px;min-height:12rem;position:relative;overflow:hidden}#contact .contact-image img{object-fit:cover;filter:grayscale()contrast(.95)}#contact .contactInfo{border-radius:4px;padding:0 4rem}#contact .contactInfo h2{color:#fff;font-size:2.25rem;font-weight:700}#contact .contactInfo .contact-kicker{color:#ffffffa6;letter-spacing:.16em;margin:0;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-size:.875rem;font-weight:400}#contact .contactInfo .contact-intro{color:#ffffffa6;margin:0 0 .5rem;font-size:.875rem;line-height:1.7}#contact .contactInfo .contactItem{align-items:center;margin:1rem 0 0;display:flex;position:relative}#contact .contactInfo .contactItem i{color:#fff;margin-right:1.2rem;font-size:1.6rem}#contact .contactInfo .contactItem .title{color:#ffffffa6;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.125rem;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-size:.8125rem;line-height:1rem}#contact .contactInfo .contactItem .text{color:#fff;letter-spacing:.08rem;font-family:Noto Sans TC,Microsoft JhengHei,Roboto,Arial,sans-serif;font-size:.9375rem;text-decoration:none}#contact .contact-form-panel{background:#2a2a2ade;border-radius:4px;width:min(100% - 1.5rem,60rem);margin-left:auto;margin-right:auto;padding:2rem 5rem}#contact .contact-form label{color:#fff;margin-bottom:.5rem;font-size:.875rem;display:block}#contact .contact-form .form-control{border-color:#fff6;outline:none;min-height:2.85rem}#contact .contact-form .form-control:focus{box-shadow:none;border-color:#ffffffa6}#contact .contact-form textarea.form-control{min-height:9rem}#contact .contact-form__heading{margin-bottom:1.5rem}#contact .contact-form__heading h2{color:#fff;margin:0 0 .4rem;font-family:Noto Serif TC,Noto Serif,Times New Roman,serif;font-size:1.5rem;font-weight:400}#contact .contact-form__heading p{color:#ffffffa6;margin:0}#contact .contact-form__submit{min-width:10rem}@media screen and (max-width:991.9px){#contact .contact-overview{margin-bottom:1rem}#contact .contactInfo{text-align:center;align-items:center;padding:1.5rem 2rem}#contact .contactInfo .contactItem{flex-direction:column;justify-content:center;width:100%}#contact .contactInfo .contactItem i{margin-bottom:.5rem;margin-right:0}#contact .contactInfo .contactItem>div,#contact .contactInfo .contactItem .title,#contact .contactInfo .contactItem .text{text-align:center}#contact .contact-form-panel{padding:1.5rem}}.site-footer{--footer-color:#8a8a8a;color:var(--footer-color);background-color:#0000;margin-top:auto;padding:1.25rem 0}.site-footer__content{justify-content:center;align-items:center;gap:1rem;display:flex}@media screen and (max-width:575.9px){.site-footer__content{flex-direction:column}}.copyright{color:var(--footer-color);text-align:center;font-size:.875rem}.footerLink{justify-content:center;padding:0 .5rem;display:flex}.footerLink a{text-align:center;width:1.75rem;height:1.75rem;color:var(--footer-color);border:1px solid var(--footer-color);background:0 0;border-radius:50%;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{background:var(--footer-color);color:#fff;text-decoration:none}.scroll-petal-wrapper{display:block}@media (max-width:991px){.scroll-petal-wrapper{display:none!important}}
@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:""}