@charset "utf-8";:root{--l-header:76px;--l-header--mobile:60px;--l-hero--s:600px;--l-hero--s--mobile:460px;--l-left:230px;--l-right:400px}:root{--l-inner:1280px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:"Noto Sans TC",sans-serif;font-optical-sizing:auto;vertical-align:baseline;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}*{box-sizing:border-box}*::before{box-sizing:border-box}*::before{box-sizing:border-box}table{border-collapse:collapse;border-spacing:0}html{min-height:100%}body{min-height:100vh;background:#000;color:rgba(255,255,255,0.9);scroll-behavior:smooth}.s-wrapper{width:100%;overflow:hidden;scroll-behavior:smooth}a{color:#000}a:hover{color:#027AFF}.l-inner{width:min(100%,var(--l-inner));margin:0 auto;padding:20px;position:relative}.l-inner.--smallWidth{--l-inner:860px}.flex-group{display:flex}.pagination{margin:0}.swiper{opacity:0;transition:0.3s}.swiper-initialized{opacity:1}.swiper-button-disabled{opacity:0.2;pointer-events:none}.sec__title{padding:60px 0 40px;font-size:2.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif;font-weight:200;font-style:normal;position:relative;z-index:3}.sec__title--main{padding:10px 3px;text-align:center;padding-bottom:10px;position:relative;letter-spacing:0.6em;text-indent:0.6em}.sec__title--main:after{content:"";position:absolute;inset:auto 0 0 0;background:#6D14FE;height:1px}.sec__title--sub{font-size:1.125rem;padding:10px 0;color:#6D14FE}.g-invisible-recaptcha{display:none;opacity:0.3}.section__header__text{text-align:center;font-size:1.25rem}.contact-us{padding:120px 0;background:#000;position:relative;z-index:3;background:#000}@media only screen and (max-width:768px){.contact-us .flex-group{display:block}}@media only screen and (max-width:551px){.contact-us .cf-list-3-columns{display:block !important}.contact-us .cf-checkbox-group{margin-block:10px}}.contact-us .convertforms{width:100%;max-width:100%}.contact-us .convertforms .cf-control-group{padding-bottom:30px;position:relative}.contact-us .convertforms .cf-control-group[data-type=checkbox] .cf-control-input{padding-left:100px}.contact-us .convertforms .cf-control-label{position:absolute;inset:10px auto auto 10px}.contact-us .convertforms .cf-input,.contact-us .convertforms .cf-input:invalid{border:none;border-bottom:1px solid rgba(255,255,255,0.6);background:none;border-radius:0;padding-left:80px}.contact-us .convertforms .cf-input:focus,.contact-us .convertforms .cf-input:invalid:focus{border:none !important;border-bottom:1px solid rgba(109,20,254,0.6) !important}.contact-us .convertforms .cf-btn-style-flat{color:#fff !important;background:#6D14FE !important;padding:10px 50px !important}.contact-us .sec__header{flex:0 0 40%;padding:20px 40px}@media only screen and (max-width:768px){.contact-us .sec__header{padding:10px}}.contact-us .sec__header__content{font-size:0.875rem;line-height:1.6;padding:20px 40px 20px 0}@media only screen and (max-width:768px){.contact-us .sec__header__content{display:none}}.contact-us .sec__title--main{display:inline-block;font-size:1.625rem;text-align:left;letter-spacing:0.4em;text-indent:0;padding:0 0 20px 0;font-family:"Barlow Condensed",sans-serif;font-weight:200;font-style:normal}.contact-us .sec__title--sub{display:block;font-size:1.875rem;padding:10px 0;font-family:"Barlow Condensed",sans-serif}.contact-us .sec__body{flex:1 1 auto;position:relative;z-index:4}.category__wrapper{padding-top:80dvh;background:#000}.category__body{background:#000;position:relative;z-index:3}.category__hero{position:fixed;inset:var(--l-header) 0 auto 0;height:80dvh;background-position:center;background-size:cover}.category__hero:before{position:absolute;content:"";inset:0;background:rgba(0,0,0,0.3);z-index:1}.category__hero:after{content:"";position:absolute;inset:auto 0 0 0;height:80%;z-index:1;background:linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.013) 8.1%,hsla(0,0%,0%,0.049) 15.5%,hsla(0,0%,0%,0.104) 22.5%,hsla(0,0%,0%,0.175) 29%,hsla(0,0%,0%,0.259) 35.3%,hsla(0,0%,0%,0.352) 41.2%,hsla(0,0%,0%,0.45) 47.1%,hsla(0,0%,0%,0.55) 52.9%,hsla(0,0%,0%,0.648) 58.8%,hsla(0,0%,0%,0.741) 64.7%,hsla(0,0%,0%,0.825) 71%,hsla(0,0%,0%,0.896) 77.5%,hsla(0,0%,0%,0.951) 84.5%,hsla(0,0%,0%,0.987) 91.9%,hsl(0,0%,0%) 100%)}.category__hero__title{position:relative;z-index:3}.category__hero__title__text{font-size:1.6rem;margin-block:1rem;font-weight:bold}@media only screen and (max-width:551px){.category__hero__title__text{font-size:1.4rem}}.category__hero__title__text--sub{font-size:5rem;font-family:"Barlow Condensed",sans-serif;font-weight:200;font-style:normal}@media only screen and (max-width:551px){.category__hero__title__text--sub{font-size:3rem}}.category__hero__inner{height:100%;display:flex;align-items:center;justify-content:center}.work-items{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}@media only screen and (max-width:1024px){.work-items{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:860px){.work-items{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:551px){.work-items{display:block}}.work-item{position:relative;aspect-ratio:16/9;cursor:pointer}.work-item:hover .work-item__category{opacity:1}.work-item:hover .work-item__play{opacity:1}.work-item:hover .work-item__img:before{background:rgba(0,0,0,0.4)}.work-item:hover h3{opacity:1}.work-item__img{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;place-content:center}.work-item__img:before{transition:0.3s;content:"";position:absolute;inset:0;background:rgba(0,0,0,0.1);z-index:2;pointer-events:none}.work-item__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.work-item__category{font-size:0.75rem;padding:3px 10px;border:1px solid #fff;border-radius:50px;margin-inline:0 5px;color:#fff !important;position:absolute;inset:12px auto auto 12px;z-index:3;opacity:0;transition:0.3s}@media only screen and (max-width:1024px){.work-item__category{font-size:0.625rem}}.work-item__title{transition:0.3s;opacity:0;text-align:center;position:absolute;inset:auto 0 0 0;line-height:1.5;padding:4rem 1rem 1rem 1rem;z-index:4;background:linear-gradient(to bottom,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.008) 8.1%,hsla(0,0%,0%,0.03) 15.5%,hsla(0,0%,0%,0.063) 22.5%,hsla(0,0%,0%,0.107) 29%,hsla(0,0%,0%,0.158) 35.3%,hsla(0,0%,0%,0.215) 41.2%,hsla(0,0%,0%,0.275) 47.1%,hsla(0,0%,0%,0.335) 52.9%,hsla(0,0%,0%,0.395) 58.8%,hsla(0,0%,0%,0.452) 64.7%,hsla(0,0%,0%,0.503) 71%,hsla(0,0%,0%,0.547) 77.5%,hsla(0,0%,0%,0.58) 84.5%,hsla(0,0%,0%,0.602) 91.9%,hsla(0,0%,0%,0.61) 100%)}@media only screen and (max-width:1280px){.work-item__title{font-size:0.875rem}}@media only screen and (max-width:1024px){.work-item__title{font-size:0.75rem}}.work-item__play{width:45px;height:45px;border-radius:50%;border:2px solid #fff;position:relative;z-index:9;opacity:0;transition:0.3s}.work-item__play:before{position:absolute;inset:50% auto auto 50%;transform:translate3d(calc(-50% + 2px),-50%,0);content:"";width:0px;height:0px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}.btn-toggle{position:absolute;inset:0 auto 0 20px;width:60px;opacity:0;z-index:9;display:none}@media only screen and (max-width:678px){.btn-toggle{display:block}.btn-toggle:checked+.btn-burger b{background:rgba(0,0,0,0)}.btn-toggle:checked+.btn-burger b:before{inset:0;transform:rotate(45deg)}.btn-toggle:checked+.btn-burger b:after{inset:0;transform:rotate(-45deg)}.btn-toggle:checked~.main-nav{height:100dvh;opacity:1;pointer-events:auto}}.btn-burger{position:relative;margin-right:auto;width:44px;height:44px;align-items:center;justify-content:center;z-index:3;display:none}@media only screen and (max-width:678px){.btn-burger{display:flex}}.btn-burger b{width:80%;height:3px;background:rgba(255,255,255,0.9);position:relative}.btn-burger b:before{content:"";position:absolute;inset:-10px 0 auto 0;height:3px;background:rgba(255,255,255,0.9);transform-origin:50%;transition:0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}.btn-burger b:after{content:"";position:absolute;inset:auto 0 -10px 0;height:3px;background:rgba(255,255,255,0.9);transform-origin:50%;transition:0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}.s-nav{background:rgba(0,0,0,0.9);position:sticky;inset:0 0 auto 0;width:100%;z-index:99}.s-nav.overlap{position:fixed;inset:0 0 auto 0;background:linear-gradient(180deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%)}.s-nav.overlap:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;opacity:0}.s-nav.overlap.overlap-solid{background:linear-gradient(180deg,rgb(0,0,0) 0%,rgb(0,0,0) 100%)}.s-nav:before{content:"";position:absolute;inset:0;backdrop-filter:blur(20px);z-index:2}.s-nav__inner{display:flex;align-items:center}@media only screen and (max-width:678px){.s-nav__inner{justify-content:center}}.logo-nav{position:relative;z-index:3}@media only screen and (max-width:678px){.logo-nav{flex:1 1 auto;display:flex;align-items:center;justify-content:center}}.logo-nav .nav-item__url{background:no-repeat center/contain;color:transparent;font-size:0;aspect-ratio:115/23;width:160px;display:block}._jch-logo-navnav-item__url.jch-lazyloaded{background-image:url(https://alphafilmstudio.com.tw/media/templates/site/alphafilmstudio/images/logo.webp) !important}.main-nav{margin-left:auto;z-index:8}@media only screen and (max-width:678px){.main-nav{z-index:1;position:absolute;inset:0 0 0 0;height:0dvh;opacity:0;pointer-events:none;padding-top:100px;overflow:hidden;background:rgba(0,0,0,0.9);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:0.3s ease-in}}.main-nav a{color:#fff}.main-nav .nav{display:flex}@media only screen and (max-width:678px){.main-nav .nav{flex-direction:column;align-items:center;margin-top:-100px}}.main-nav .nav-item{padding:0 11px;display:flex;position:relative}@media only screen and (max-width:678px){.main-nav .nav-item{flex-wrap:wrap}}.main-nav .nav-item:hover .nav-child{opacity:1;pointer-events:auto}.main-nav .nav-item__url{position:relative;padding:10px;font-size:1rem}@media only screen and (max-width:678px){.main-nav .nav-item__url{padding:16px 6px;font-size:1.25rem;flex:1 0 100%}}.main-nav .nav-item__url:before{content:"";position:absolute;inset:100% 100% 0 0;background:#027AFF;transition:0.3s}.main-nav .nav-item__url:hover:before{inset:calc(100% - 2px) 0 0 0}.main-nav .nav-child{transition:0.3s;position:absolute;inset:100% auto auto 0;background:rgba(0,0,0,0.9);z-index:9;width:160px;padding-block:20px;opacity:0;pointer-events:none}@media only screen and (max-width:678px){.main-nav .nav-child{position:static;inset:0;background:none;opacity:1;pointer-events:auto}}.main-nav .nav-child .nav-item__url{transition:0.3s}.main-nav .nav-child .nav-item__url:hover{color:#027AFF}.main-nav .nav-child .nav-item__url:before{display:none}.jrPage .jrFieldDiv,.jrListingFulltext,.ebd-block,.page__item__description{color:rgb(34,34,34)}.jrPage .jrFieldDiv a,.jrListingFulltext a,.ebd-block a,.page__item__description a{color:#027AFF}.jrPage .jrFieldDiv a:hover,.jrListingFulltext a:hover,.ebd-block a:hover,.page__item__description a:hover{color:rgba(255,255,255,0.9)}.jrPage .jrFieldDiv p,.jrListingFulltext p,.ebd-block p,.page__item__description p,.jrPage .jrFieldDiv div,.jrListingFulltext div,.ebd-block div,.page__item__description div{font-size:1rem;margin:0 0 1rem;color:rgb(34,34,34);font-weight:400;line-height:160% !important}.jrPage .jrFieldDiv h2,.jrListingFulltext h2,.ebd-block h2,.page__item__description h2{font-size:1.6875rem;font-weight:bold;margin:1rem 0}.jrPage .jrFieldDiv h3,.jrListingFulltext h3,.ebd-block h3,.page__item__description h3{font-size:1.4375rem;font-weight:bold;margin:1rem 0;color:#000}.jrPage .jrFieldDiv h4,.jrListingFulltext h4,.ebd-block h4,.page__item__description h4{font-size:1.0625rem;font-weight:bold}.jrPage .jrFieldDiv h5,.jrListingFulltext h5,.ebd-block h5,.page__item__description h5{font-size:0.8125rem;font-weight:bold}.jrPage .jrFieldDiv h6,.jrListingFulltext h6,.ebd-block h6,.page__item__description h6{font-size:0.75rem;font-weight:bold}.jrPage .jrFieldDiv ol,.jrListingFulltext ol,.ebd-block ol,.page__item__description ol{margin:0 0 1rem;font-size:0.9375rem;list-style:decimal;margin-left:1.25rem}