@charset "UTF-8";@font-face{font-display:swap;font-family:"Aboreto";font-style:normal;font-weight:400;src:url("../../../themes/zh-tw/assets/css/../fonts/Aboreto-Regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Parisienne";font-style:normal;font-weight:400;src:url("../../../themes/zh-tw/assets/css/../fonts/Parisienne-Regular.woff2") format("woff2")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:100;src:url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Thin.woff2") format("woff2"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Thin.woff") format("woff"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Thin.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:300;src:url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Light.woff2") format("woff2"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Light.woff") format("woff"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Light.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:400;src:url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Regular.woff2") format("woff2"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Regular.woff") format("woff"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Regular.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:500;src:url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Medium.woff2") format("woff2"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Medium.woff") format("woff"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Medium.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:700;src:url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Bold.woff2") format("woff2"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Bold.woff") format("woff"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Bold.otf") format("opentype")}@font-face{font-family:"Noto Sans TC";font-style:normal;font-weight:900;src:url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Black.woff2") format("woff2"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Black.woff") format("woff"), url("../../../themes/zh-tw/assets/css/../fonts/NotoSansTC/NotoSansTC-Black.otf") format("opentype")}@font-face{font-display:swap;font-family:"Noto Serif TC";font-style:normal;font-weight:400;src:url("../../../themes/zh-tw/assets/css/../fonts/NotoSerifTC/noto-serif-tc-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif TC";font-style:normal;font-weight:500;src:url("../../../themes/zh-tw/assets/css/../fonts/NotoSerifTC/noto-serif-tc-500.woff2") format("woff2")}html{width:100vw;font-size:16px}body{position:relative;overflow-x:hidden;width:100%;margin:0;padding:0;font-size:16px;color:#333;font-family:"Aboreto","Noto Sans TC","Microsoft JhengHei UI","Microsoft JhengHei",Sans-serif;font-weight:normal;background-color:#fff}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}img{border:0;text-decoration:none;vertical-align:top;max-width:100%;width:auto;height:auto !important}a{color:#222;outline:none}a:hover{color:#666}a,a:visited,a:hover,a:focus,a:active{text-decoration:none}input,textarea,select,button{font-size:16px;font-weight:400}textarea,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input,textarea,select{-webkit-box-shadow:none !important;box-shadow:none !important;border:none;font-size:16px;border-radius:0}input,textarea,select,input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;padding:0}p{line-height:inherit;margin:0;padding:0}span{display:inline-block}label{font-weight:inherit;margin:0;padding:0;border:0;vertical-align:baseline}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;*font-size:100%;font-style:inherit;font-weight:inherit;outline:0}::-webkit-input-placeholder{color:#fff;font-size:16px;opacity:1}::-moz-placeholder{color:#fff;font-size:16px;opacity:1}:-ms-input-placeholder,:-moz-placeholder{color:#fff;font-size:16px;opacity:1}.reset{margin:0;padding:0;list-style:none;border:0;border-spacing:0;border-collapse:collapse}.reset input,
.reset label,
.reset
select{vertical-align:middle}input[type=date]::-webkit-inner-spin-button{display:none;-webkit-appearance:none}:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}#header{position:fixed;top:0;left:0;margin:0;padding:20px
0;width:100%;z-index:100;-webkit-transition:1s;transition:1s;background-color:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px)}#header .page-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:100%;-webkit-transition:0.5s;transition:0.5s}#header
.logo{display:block;position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:225px;aspect-ratio:250/50;font-size:0;background:url(../../../themes/zh-tw/assets/css/../images/logo2.png) no-repeat left center;background-size:contain}#header .logo
img{pointer-events:none;position:absolute;top:0;left:0;opacity:0;width:0;height:0;overflow:hidden}#header
#nav{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#header #nav
a{white-space:nowrap;color:#010101}#header
.social{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#header .social
a{background-position:0 bottom}@media (max-width: 1490px){#header{padding:10px
0}#header
.logo{top:14px;margin:0;left:30px;-webkit-transform:none;-ms-transform:none;transform:none;width:200px}#header .page-container{padding-left:300px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#header
#nav{margin-right:20px}}@media (max-width: 992px){#header{padding-right:50px;z-index:103}#header.is-open{background-color:#fff !important}#header
.logo{top:0;left:10px;width:50px;height:50px;aspect-ratio:unset;background-size:auto 100%}#header .page-container{padding-left:300px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}#nav{position:relative;z-index:1}#nav
ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none}#nav
li{padding:0
14px}#nav
a{display:block;color:#fff;font-size:14px;text-transform:uppercase;line-height:50px}#nav a.button-line-style::before{bottom:10px}.pc #nav a:hover{color:#000}@media (min-width: 993px){.pc .show-mb-only{display:none !important}#nav>ul>li{position:relative}#nav>ul>li>ul{display:none;position:absolute;margin:0;padding:5px;left:50%;top:70px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);min-width:180px;background-color:rgba(0,0,0,0.9)}#nav>ul>li>ul::before{content:"";position:absolute;display:block;height:30px;left:0;right:0;top:0;margin-top:-29px}#nav>ul>li>ul>li{display:block;position:relative;height:auto;padding:0;margin:0}#nav>ul>li>ul>li>a{display:block;color:#fff !important;padding:12px;text-align:center;white-space:nowrap;line-height:1.2}.pc #nav>ul>li>a::after{content:attr(data-en);display:block;top:0;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);position:absolute;white-space:nowrap;font:inherit;font-weight:600 !important;color:#010101 !important;opacity:0}.pc #nav>ul>li:hover>a{color:transparent !important}.pc #nav>ul>li:hover>a::after{opacity:1}.pc #nav>ul>li:hover>ul{display:block !important;-webkit-animation:ani_fadeIn 0.35s both;animation:ani_fadeIn 0.35s both}.pc #nav>ul>li>ul>li>a:hover{background-color:rgba(255, 255, 255, 0.05);color:#fff !important}[data-name=index].pc #header:not(.is-scroll) #nav>ul>li:hover>a{color:transparent !important}[data-name=index].pc #header:not(.is-scroll) #nav>ul>li:hover>a::after{color:#fff !important}}@media (min-width: 993px) and (max-width: 1490px){#nav>ul>li>ul{top:60px}}@media (min-width: 993px) and (max-width: 1099px){#nav>ul>li{padding-left:8px;padding-right:8px}}@media (max-width: 992px){#header
#nav{margin-right:0}#nav{pointer-events:none;opacity:0;position:fixed;top:0;right:0;left:auto;z-index:10;margin:0;padding:0
0 25px;width:220px;height:100dvh;background-color:#fff;-webkit-transition:0.5s;transition:0.5s;overflow-y:auto}#nav>ul{display:block;padding-top:50px}#nav>ul>li{padding:0;border-bottom:1px solid #eee;-webkit-transition:0.5s;transition:0.5s;background-color:transparent}#nav>ul>li>a{color:#010101 !important;padding:10px
20px}#nav>ul>li>a.button-line-style::before{background:#000 !important}#nav>ul>li.is-has-ul>a{padding-right:40px}#nav>ul>li.is-has-ul>a::after{content:"+";font-size:1.25em;font-weight:300;display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:15px}#nav>ul>li>ul{display:none;margin:0;padding:0;background-color:#333}#nav>ul>li>ul>li{display:block;margin:0;padding:0;border-top:1px solid rgba(255,255,255,0.05)}#nav>ul>li>ul>li:first-child{border-top:none}#nav>ul>li>ul>li>a{color:#fff !important;white-space:nowrap;display:block;padding:15px
20px;line-height:1.5}#nav>ul>li.is-open>ul{display:block}#nav.is-open{pointer-events:auto;opacity:1;z-index:104}.pc #nav>ul>li>a:hover{background-color:#010101;color:#fff !important}.pc #nav>ul>li>ul>li:hover>a{background-color:#000;color:#fff !important}}#nav-toggler{display:none;cursor:pointer;z-index:104;position:fixed;top:0;right:10px;width:50px;height:50px;-webkit-transition:1s;transition:1s}#nav-toggler
span{display:block;position:absolute;z-index:3;left:50%;margin-left:-15px;width:30px;height:1px;background-color:#000;-webkit-transition:1s;transition:1s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}#nav-toggler span:nth-child(1){top:calc(50% - 9px)}#nav-toggler span:nth-child(2){top:calc(50% - 1px);margin:0;width:23px;left:auto;right:10px}#nav-toggler span:nth-child(3){top:calc(50% + 7px)}#nav-toggler.is-open span:nth-child(2){opacity:0}#nav-toggler.is-open span:nth-child(1), #nav-toggler.is-open span:nth-child(3){top:23px}#nav-toggler.is-open span:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#nav-toggler.is-open span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media (max-width: 992px){#nav-toggler{display:block}}.social
ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none}.social
li{padding:0
10px}.social
a{display:block;position:relative;width:30px;height:30px;font-size:0;background-color:transparent;border-radius:50%;background-size:30px auto;-webkit-transition:0.5s;transition:0.5s}.social
a.fb{background-image:url(../../../themes/zh-tw/assets/css/../images/social_fb.png)}.social
a.ig{background-image:url(../../../themes/zh-tw/assets/css/../images/social_ig.png)}.social
a.line{background-image:url(../../../themes/zh-tw/assets/css/../images/social_line.png)}.social
a.yt{background-image:url(../../../themes/zh-tw/assets/css/../images/social_yt.png)}.pc .social a:hover{background-color:#000;background-position:0 0 !important}@media (max-width: 1099px){.social
li{padding:0
6px}}#footer{padding-top:70px;padding-bottom:30px;background-color:#fff}#footer
.logo{margin:0
auto 40px;max-width:250px}#footer .link-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0
auto;max-width:750px}#footer .link-wrap
.title{padding:5px}#footer .link-wrap .title
a{font-size:16px}#footer .link-wrap
ul{margin:0;padding:0;list-style:none}#footer .link-wrap
li{display:block;padding:5px}#footer .link-wrap
a{display:inline-block;position:relative;font-size:14px}#footer .link-wrap a::before{pointer-events:none;content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#010101;-webkit-transition:0.5s;transition:0.5s}#footer
.copyright{padding:20px
0;color:#333;font-size:14px;font-family:"Times New Roman";text-align:center}.pc #footer
a{color:#000}.pc #footer a:hover::before{left:0;width:100%}@media (max-width: 743px){#footer{padding-top:30px;padding-bottom:20px}#footer
.logo{margin-bottom:30px}#footer .link-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}#footer .link-wrap
.item{margin-bottom:20px;padding-bottom:20px;width:50%;text-align:center;border-bottom:1px solid #eee}#footer .link-wrap .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}#footer
.copyright{margin-top:20px;border-top:1px solid #eee;padding-bottom:0}.xs-block{display:block}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.outline-wrapper{overflow:hidden}.outline-wrapper.bg{background:#f7f7f7}.inner-wrapper{padding-top:170px;min-height:60vh}.page-container{margin:0
auto;padding-left:20px;padding-right:20px;max-width:1540px;width:100%}.page-subject{color:#333;font-size:50px;text-align:center}.l-message{padding:60px
0;text-align:center;line-height:32px}@media (max-width: 1480px){.inner-wrapper{padding-top:160px}}@media (max-width: 1023px){.page-subject{font-size:40px}}@media (max-width: 992px){.inner-wrapper{padding-top:120px;min-height:auto}body.is-open{height:100vh;overflow:hidden}body.is-open .mask-bg{pointer-events:all;opacity:1;z-index:102}.mask-bg{pointer-events:none;opacity:0;position:fixed;z-index:5;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:blur(5px);-webkit-transition:opacity 0.4s;transition:opacity 0.4s}}@media (max-width: 743px){.inner-wrapper{padding-top:70px}.page-subject{padding:20px
0;font-size:30px}}.pfv-gallery__slider .gallery-nav-prev,
.pfv-gallery__slider .gallery-nav-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;color:#fff}.pfv-gallery__slider .gallery-nav-prev{left:40px}.pfv-gallery__slider .gallery-nav-next{right:220px}@media (max-width: 1199px){.pfv-gallery__slider .gallery-nav-next{right:40px}}[ani-scroll]{opacity:0;-webkit-transition:1s;transition:1s}[ani-scroll].ani-fadein{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}[ani-scroll].ani-fadeup{-webkit-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px)}[ani-scroll].ani-faderight{-webkit-transform:translate(60px,0);-ms-transform:translate(60px,0);transform:translate(60px,0)}[ani-scroll].ani-fadeleft{-webkit-transform:translate(-60px,0);-ms-transform:translate(-60px,0);transform:translate(-60px,0)}[ani-scroll].ani-flip{-webkit-transition:2s;transition:2s;-webkit-transform:translate(0, 0) rotateY(180deg);-ms-transform:translate(0, 0) rotateY(180deg);transform:translate(0, 0) rotateY(180deg)}.scroll-view{opacity:1 !important;-webkit-transform:translate(0) rotateY(0) !important;-ms-transform:translate(0) rotateY(0) !important;transform:translate(0) rotateY(0) !important}.scroll-view.delay-3{-webkit-transition-delay:0.3s !important;transition-delay:0.3s !important}.scroll-view.delay-5{-webkit-transition-delay:0.5s !important;transition-delay:0.5s !important}.scroll-view.delay-7{-webkit-transition-delay:0.7s !important;transition-delay:0.7s !important}.scroll-view.delay-9{-webkit-transition-delay:0.9s !important;transition-delay:0.9s !important}@-webkit-keyframes
ani_fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes
ani_fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes
ani_fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes
ani_fadeOut{0%{opacity:1}100%{opacity:0}}#i-banner{display:block !important;padding:0
!important;height:100vh !important}#i-banner .i-banner, #i-banner .swiper-slide, #i-banner .item, #i-banner
.background{height:100vh}#i-banner .video
.plyr{position:absolute;top:0;left:0;width:100%;height:100%}#i-banner
.background{display:block}#i-banner
img{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}#i-banner .control-box{position:absolute;bottom:80px;right:100px;z-index:1}body.i-video-swiper-slide{position:relative;aspect-ratio:1920/960}body.i-video-swiper-slide
.video{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%}body.i-video-swiper-slide .video
.plyr{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:0}@media (max-width: 1280px){#i-banner .control-box{bottom:60px;right:80px}}@media (max-width: 1023px){#i-banner{height:auto !important}#i-banner .i-banner, #i-banner .swiper-slide, #i-banner .item, #i-banner
.background{height:auto}#i-banner .control-box{right:30px;bottom:30px}}@media (max-width: 743px){body.i-video-swiper-slide{aspect-ratio:800/960}#i-banner
.video{height:100% !important}#i-banner .control-box{right:10px;bottom:10px}}#i-about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0
200px 0 0;background:url(../../../themes/zh-tw/assets/css/../images/index_area1_bg.jpg) no-repeat;background-size:cover}#i-about .txt-wrap{padding-top:250px;max-width:730px;text-align:center}#i-about
.slogan{font-size:40px;font-family:"Parisienne"}#i-about
.subject{padding:20px
0}#i-about
.summary{font-size:16px;line-height:38px;letter-spacing:1.6px}#i-about .btn-box{padding-top:20px}@media (max-width: 1680px){#i-about{padding-right:120px}#i-about .txt-wrap{padding-top:200px}}@media (max-width: 1480px){#i-about{padding-right:100px}#i-about .txt-wrap{padding-top:150px;max-width:600px}#i-about
.summary{font-size:16px;line-height:30px}}@media (max-width: 1380px){#i-about{padding-right:70px}}@media (max-width: 1280px){#i-about .txt-wrap{max-width:540px}#i-about
.slogan{font-size:32px}}@media (max-width: 1180px){#i-about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:70px}#i-about .txt-wrap{margin:0
auto;padding:40px;max-width:600px;background:rgba(255, 255, 255, 0.7)}#i-about
.summary{font-size:15px;line-height:24px}}@media (max-width: 992px){#i-about{padding:20px
!important}}@media (max-width: 743px){#i-about .txt-wrap{padding:25px}}#i-portfolio .page-container{margin-bottom:25px}#i-portfolio .fp-tableCell{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}#i-portfolio .portfolio-slide{margin-left:60px;margin-right:60px;overflow:hidden}#i-portfolio
.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#i-portfolio .item .flex-left-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:50px}#i-portfolio .item .flex-right-side{-webkit-box-flex:1;-ms-flex:1 1 910px;flex:1 1 910px;max-width:910px}#i-portfolio .item .txt-wrap{max-width:480px;text-align:center}#i-portfolio .item
.title{padding-bottom:25px;width:100%}#i-portfolio .item .title
.en{padding-bottom:10px;font-size:38px;text-transform:uppercase}#i-portfolio .item .title
.tw{font-size:30px;font-family:"Noto Serif TC"}#i-portfolio .item
.summary{width:100%;font-size:15px;line-height:30px}#i-portfolio .item .btn-box{padding-top:20px}#i-portfolio .swiper-dots{display:block;position:absolute;top:auto;right:auto;bottom:130px;left:0;margin:0;padding:0;width:100%;font-size:16px;text-align:center}#i-portfolio .swiper-pagination-bullet{position:relative;margin:0
45px;padding:0;width:auto;height:auto;color:#010101;font-size:14px;border-radius:0;background-color:transparent;opacity:1 !important}#i-portfolio .swiper-pagination-bullet::after{pointer-events:none;content:"";position:absolute;top:50%;left:-45px;margin-top:-7px;width:1px;height:14px;background-color:#a0a0a0 !important}#i-portfolio .swiper-pagination-bullet::before{pointer-events:none;content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#010101;-webkit-transition:0.5s;transition:0.5s}#i-portfolio .swiper-pagination-bullet.swiper-pagination-bullet-active::before{left:0;width:100%}#i-portfolio .swiper-pagination-bullet:first-child::after{display:none}#i-portfolio .swiper-button{position:absolute;top:50%;z-index:1;width:60px;height:60px;border-radius:0;border:none}#i-portfolio .swiper-button::before{pointer-events:none;content:"";position:absolute;top:50%;left:auto;margin-top:-20px;width:40px;height:40px;border:none;border-top:1px solid #707070;border-right:1px solid #707070}#i-portfolio .swiper-button.swiper-prev{left:100px}#i-portfolio .swiper-button.swiper-prev::before{left:20px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}#i-portfolio .swiper-button.swiper-next{right:100px}#i-portfolio .swiper-button.swiper-next::before{right:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.pc #i-portfolio .swiper-button:hover{background-color:transparent}.pc #i-portfolio .swiper-button:hover::before{border-color:#010101}@media (max-width: 1680px){#i-portfolio .swiper-dots{margin-top:40px;position:relative;top:auto;bottom:auto;left:auto;right:auto}#i-portfolio .swiper-button{margin-top:-40px}#i-portfolio .swiper-button.swiper-prev{left:20px}#i-portfolio .swiper-button.swiper-next{right:20px}}@media (max-width: 1280px){#i-portfolio{padding-top:70px;padding-bottom:70px;min-height:auto}#i-portfolio .item .flex-left-side{padding-right:30px}#i-portfolio .item
.title{padding-bottom:15px}#i-portfolio .item .title
.en{padding-bottom:0;font-size:32px}#i-portfolio .item .title
.tw{font-size:24px}}@media (max-width: 992px){#i-portfolio .portfolio-slide{margin:0}#i-portfolio
.item{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}#i-portfolio .item .flex-left-side, #i-portfolio .item .flex-right-side{display:block;width:100%}#i-portfolio .item .flex-left-side{padding-right:0;padding-bottom:20px}#i-portfolio .item .txt-wrap{max-width:100%}#i-portfolio .swiper-button{top:auto;margin:0;bottom:50px;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}}@media (max-width: 743px){#i-portfolio .item
.title{padding:20px
55px}#i-portfolio .item .title
.en{font-size:28px}#i-portfolio .item .title
.tw{font-size:20px}#i-portfolio .swiper-dots{display:none}#i-portfolio .swiper-button{bottom:auto;top:47px;margin:0}}#i-media .fp-tableCell{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}#i-media .media-slide{margin-top:70px;overflow:hidden}#i-media .control-box{padding-top:50px}#i-media .btn-box{padding-top:10px;text-align:center}#i-media .img
img{aspect-ratio:480/320}@media (max-width: 1280px){#i-media{padding-top:70px;padding-bottom:70px}#i-media .media-slide{margin-top:30px}}@media (max-width: 1023px){#i-media{padding-left:40px !important;padding-right:40px !important}}@media (max-width: 743px){#i-media{padding-left:0 !important;padding-right:0 !important}#i-media .control-box{padding-top:20px}}#i-contact{display:block !important;padding-top:90px;min-height:auto !important}#i-contact .i-contact-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;min-height:560px;background-size:cover;text-align:center}#i-contact .i-contact-wrap
.slogan{font-size:22px}#i-contact .i-contact-wrap
.title{padding:10px
0 30px;font-size:40px}@media (max-width: 1023px){#i-contact{padding:0
!important}}@media (max-width: 743px){#i-contact .i-contact-wrap{padding-top:50px;padding-bottom:50px;min-height:auto}#i-contact .i-contact-wrap
.title{font-size:24px}}.button-style{display:block;margin:0
auto;width:140px;height:45px;color:#fff;font-size:1rem;line-height:45px;text-align:center;border-radius:5px;border:none;background-color:#a0a0a0;-webkit-transition:0.5s;transition:0.5s}.button-style.black{background-color:#010101}.button-style.lg{width:350px}.button-line-style{display:inline-block;position:relative}.button-line-style::before{pointer-events:none;content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background-color:#010101;-webkit-transition:0.5s;transition:0.5s}.pc .button-style:hover{color:#fff;background-color:#010101}.pc .button-style:hover.black{background-color:#a0a0a0}@media (min-width: 993px){.button-line-style:hover{color:#010101}.button-line-style:hover::before{left:0;width:100%}}.item-box{display:block;-webkit-transition:0.5s;transition:0.5s}.item-box.js-popup-yt .img::before{content:"";display:block;z-index:50;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:55px;aspect-ratio:1;-webkit-filter:drop-shadow(0 0 15px rgba(0, 0, 0, 0.4));filter:drop-shadow(0 0 15px rgba(0, 0, 0, 0.4));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z'/%3E%3C/svg%3E") no-repeat 0 0/contain}.item-box
.img{position:relative;overflow:hidden}.item-box .img::after{opacity:0;position:absolute;content:"";width:100%;height:100%;left:0;top:0;border-radius:var(--radius);background:rgba(255, 255, 255, 0.1);z-index:1;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s, -webkit-transform 0.3s}.item-box .img
img{position:relative;z-index:1;-webkit-transition:0.5s;transition:0.5s}.item-box
.main{padding:10px
0}.item-box
.title{padding:5px
0;font-size:17px}.item-box
.summary{font-size:16px;line-height:30px}.pc .item-box:hover .img::after{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pc .item-box:hover .img
img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.pc .item-box:hover
.title{color:#010101}.swiper-dots{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;position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;padding:0
30px;color:#555;font-size:18px;min-width:200px}.swiper-dots
.gap{margin:0
20px}.swiper-button{display:block;cursor:pointer;position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;padding:0;-webkit-box-flex:0;-ms-flex:0 0 55px;flex:0 0 55px;width:55px;height:55px;font-size:0;line-height:0;border:1px
solid #010101;border-radius:50%;-webkit-transition:all 0.5s;transition:all 0.5s}.swiper-button::before{pointer-events:none;content:"";position:absolute;top:50%;left:50%;margin-top:-6px;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #010101 transparent transparent}.swiper-button.swiper-prev::before{margin-left:-4px}.swiper-button.swiper-next::before{margin-left:-2px;-webkit-transform:scale(-1);-ms-transform:scale(-1);transform:scale(-1)}.swiper-button:hover{background:transparent}.swiper-button.swiper-button-disabled{pointer-events:none;opacity:0}span.swiper-notification{display:none}.control-style{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:300px;margin:0
auto}.control-style .swiper-dots{padding:0
10px;color:#fff;font-size:28px;min-width:auto}.control-style
.gap{position:relative;margin:0
30px;font-size:0}.control-style .gap::before{pointer-events:none;content:"";position:absolute;top:50%;left:0;margin-top:-15px;width:1px;height:30px;background-color:#fff;-webkit-transform:rotate(39deg);-ms-transform:rotate(39deg);transform:rotate(39deg)}.control-style .swiper-button{margin:0;border:none;background-color:transparent}.control-style .swiper-button::before, .control-style .swiper-button::after{pointer-events:none;content:"";border:none;-webkit-transform:none;-ms-transform:none;transform:none;position:absolute;top:50%}.control-style .swiper-button::before{left:50%;margin:-0.5px 0 0 -10px;width:20px;height:1px;background-color:#fff}.control-style .swiper-button::after{margin-top:-6px;width:12px;height:12px;border-top:1px solid #fff;border-right:1px solid #fff}.control-style .swiper-button.swiper-prev::after{left:18px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.control-style .swiper-button.swiper-next::after{right:18px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.control-style.black .swiper-dots{color:#333}.control-style.black .gap::before{background-color:#333}.control-style.black .swiper-button::after{border-color:#333}.control-style.black .swiper-button::before{background-color:#333}.mfp-block-media{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-block-media .mfp-close, .mfp-block-media button.mfp-close{right:0;top:0;cursor:pointer !important;width:50px;height:50px;display:inline-block;opacity:1;border-radius:0;position:absolute;font-size:0;background:rgba(0, 0, 0, 0.8)}.mfp-block-media .mfp-close::before, .mfp-block-media .mfp-close::after, .mfp-block-media button.mfp-close::before, .mfp-block-media button.mfp-close::after{content:"";width:30px;height:1px;position:absolute;top:45%;left:50%;border-radius:5px;margin-left:-15px;background:#fff}.mfp-block-media .mfp-close::before, .mfp-block-media button.mfp-close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mfp-block-media .mfp-close::after, .mfp-block-media button.mfp-close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mfp-block-media .mfp-close:hover, .mfp-block-media button.mfp-close:hover{background:#111}.mfp-block-media .mfp-close:hover::before, .mfp-block-media .mfp-close:hover::after{background:#fff}.mfp-block-media iframe, .mfp-block-media
video{min-width:100%;min-height:100%}.mfp-block-media button.mfp-close:hover::before, .mfp-block-media button.mfp-close:hover::after{background:#fff}.mfp-block-media .mfp-content{opacity:0;-webkit-transform:scale(0.98) translateY(10px);-ms-transform:scale(0.98) translateY(10px);transform:scale(0.98) translateY(10px);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.3s;transition:transform 0.3s ease-in-out, opacity 0.3s, -webkit-transform 0.3s ease-in-out}.mfp-block-media.mfp-ready .mfp-content{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mfp-block-media.mfp-removing .mfp-content{opacity:0;-webkit-transform:scale(0.96);-ms-transform:scale(0.96);transform:scale(0.96)}.mfp-block-media .mfp-content{position:relative;width:100% !important;max-width:min(90vw, 160vh);margin:0
auto;padding:0}.mfp-block-media .mfp-content::before{content:"";display:block;padding-bottom:56.25%}.mfp-block-media .mfp-content > *,
.mfp-block-media .mfp-content
iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;line-height:0}.mfp-block-media-vertical video, .mfp-block-media-vertical embed, .mfp-block-media-vertical
iframe{aspect-ratio:unset}.mfp-block-media-vertical .mfp-content{max-width:calc(56.25vh - 80px)}.mfp-block-media-vertical .mfp-content::before{padding-bottom:177.77%}#index
#header{background-color:rgba(255, 255, 255, 0);backdrop-filter:blur(0px)}#index #header .page-container{max-width:1700px}#index #header
.logo{background-image:url(../../../themes/zh-tw/assets/css/../images/logo.png)}#index #header #nav
a{color:#fff}#index #header #nav a.button-line-style::before{background-color:#fff}#index #header .social
a{background-position:0 0}#index #header.is-scroll{background-color:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px)}#index #header.is-scroll .page-container{max-width:100%}#index #header.is-scroll
.logo{background-image:url(../../../themes/zh-tw/assets/css/../images/logo2.png)}#index #header.is-scroll #nav
a{color:#010101}#index #header.is-scroll #nav a.button-line-style::before{background-color:#010101}#index #header.is-scroll .social
a{background-position:0 bottom}#index .scroll-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;min-height:100vh;overflow:hidden}#index
.subject{font-size:38px;text-align:center}@media (max-width: 1280px){#index
.subject{padding:10px
0;font-size:32px}}@media (max-width: 1180px){.item-box
.summary{font-size:15px;line-height:24px}}@media (max-width: 1023px){#index .scroll-slide{padding:70px;min-height:auto;text-align:center}}@media (max-width: 992px){#index
#header{background-color:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px)}#index #header .page-container{max-width:100%}#index #header
.logo{background-image:url(../../../themes/zh-tw/assets/css/../images/logo2.png)}#index #header #nav
a{color:#010101}#index #header #nav a.button-line-style::before{background-color:#010101}#index #header .social
a{background-position:0 bottom}}@media (max-width: 743px){#index .scroll-slide{padding:20px
0}#index
.subject{font-size:28px}}