@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap";body{font-family:"Roboto Serif",Noto Sans TC,sans-serif;font-size:14px;color:#222120;background:#f6f5f4;position:relative;line-height:1.7;letter-spacing:1px}@media only screen and (min-width: 768px){body{font-size:16px}}.rel{position:relative}.ovh{overflow:hidden}header{width:100%;position:fixed;z-index:60;top:0}header.header-b{padding:0}@media only screen and (min-width: 1024px){header.header-b{background:initial}}header.header-b .ham-icon svg path{fill:#222}header.header-b .logo svg .logo-icon{fill:#9978ac}header.header-b .logo svg .logo-txt{fill:#000}header.header-b .right-menu .flex-ul li a{color:#555;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){header.header-b .right-menu .flex-ul li a:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;color:#b0221e}}header.header-page{background:#fff;line-height:1}header.index-header{opacity:0;animation:alpha01 .5s 1.8s ease-out forwards}header .logo svg{height:36px;width:auto;display:block}@media only screen and (min-width: 1024px){header .logo svg{height:initial}}header .header-flex{display:flex;align-items:center;width:100%;justify-content:space-between;padding:12px;height:60px}header .header-flex .bg-noise{display:none}@media only screen and (min-width: 1024px){header .header-flex{padding:24px;height:93px}}header .ham-icon{display:block;cursor:pointer;position:relative;z-index:50}@media only screen and (min-width: 1024px){header .ham-icon{display:none}}header .ham-icon .xx{display:none}header .right-menu{position:fixed;background:#f5f5f5;left:0;top:60px;width:100%;height:100%;padding:36px 24px;display:none;align-items:center;justify-content:center}header .right-menu .bg-noise{display:block}@media only screen and (min-width: 1024px){header .right-menu{display:block;padding:0;position:relative;background:none;left:initial;top:initial;width:initial}header .right-menu .bg-noise{display:none}}header .right-menu .flex-ul{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:-80px;position:relative;z-index:5}@media only screen and (min-width: 1024px){header .right-menu .flex-ul{flex-direction:row;gap:0px;margin-top:0}}header .right-menu .flex-ul li{list-style:none}header .right-menu .flex-ul li a{display:block;color:#fff;padding:8px 20px;font-size:15px}@media only screen and (min-width: 768px){header .right-menu .flex-ul li a{font-size:18px}}.flex-box-center{display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.flex-box{display:flex}.flex-end{display:flex;justify-content:flex-end}.fade-in{animation:alpha01 .3s forwards}.fade-out{animation:alpha10 .3s forwards}.section-sq-title{display:flex;margin-bottom:6px;align-items:center}@media only screen and (min-width: 1024px){.section-sq-title{margin-bottom:0}}.section-sq-title .sq{width:12px;height:12px;background:#b0221e;margin-right:12px}@media only screen and (min-width: 1024px){.section-sq-title .sq{width:16px;height:16px}}.section-sq-title h3{color:#b0221e;font-size:15px;font-weight:500}@media only screen and (min-width: 1024px){.section-sq-title h3{font-size:20px}}.page-title{color:#222120;font-size:36px;font-weight:400;line-height:1.5}@media only screen and (min-width: 768px){.page-title{font-size:48px}}.mart-4{margin-top:4px}.fs_12{font-size:9px}@media only screen and (min-width: 768px){.fs_12{font-size:12px}}.fs_18{font-size:15px}@media only screen and (min-width: 768px){.fs_18{font-size:18px}}.fs_20{font-size:15px}@media only screen and (min-width: 768px){.fs_20{font-size:20px}}.fs_24{font-size:18px}@media only screen and (min-width: 768px){.fs_24{font-size:24px}}.fs_32{font-size:24px}@media only screen and (min-width: 768px){.fs_32{font-size:32px}}.fs_40{font-size:30px}@media only screen and (min-width: 768px){.fs_40{font-size:40px}}.fs_48{font-size:36px}@media only screen and (min-width: 768px){.fs_48{font-size:48px}}h3,.lh_150{line-height:1.5}.fw_500{font-weight:500}.fw_600{font-weight:600}.fm_sans{font-family:Noto Sans TC,serif}.fm_serif{font-family:"Noto Serif TC",serif}.col-gray1{color:#575552}.col-gray2{color:#222120}.col-gray3{color:#41403e}.col-red{color:#b0221e}.marb_60{margin-bottom:45px}@media only screen and (min-width: 768px){.marb_60{margin-bottom:60px}}.pc{display:none}@media only screen and (min-width: 768px){.pc{display:block}}.mb{display:block}@media only screen and (min-width: 768px){.mb{display:none}}footer{background:#222;padding:18px 27px}@media only screen and (min-width: 1024px){footer{padding:24px 36px}}footer h6{color:#fff;text-align:center;font-size:13.5px;font-weight:300;line-height:150%}@media only screen and (min-width: 1024px){footer h6{font-size:18px}}.page-topkv{width:100%;z-index:1;position:relative;padding-top:60px;background:#f6f5f4;height:initial}@media only screen and (min-width: 768px){.page-topkv{min-height:600px}}@media only screen and (min-width: 1024px){.page-topkv{padding-top:93px;min-height:700px}}@media only screen and (min-width: 1440px){.page-topkv{min-height:800px}}@media only screen and (min-width: 1920px){.page-topkv{height:100vh}}.page-topkv .bg-noise{z-index:2}.page-topkv .bgmask{top:0;position:absolute;z-index:1;width:100%;height:100%}@media only screen and (min-width: 768px){.page-topkv .bgmask{padding-bottom:0}}.page-topkv .bg{top:0;position:absolute;z-index:1;width:100%;height:100%}@media only screen and (min-width: 768px){.page-topkv .bg{padding-bottom:0}}@media only screen and (min-width: 1024px){.page-topkv .bg{padding-bottom:56.25%}}.page-topkv .left-txtbox{position:relative;z-index:5;width:100%;padding:75px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:36px;height:initial}@media only screen and (min-width: 768px){.page-topkv .left-txtbox{width:60%;padding:100px 30px;min-height:700px}}@media (min-height: 700px) and (min-width: 1600px){.page-topkv .left-txtbox{height:100%}}@media only screen and (min-width: 1200px){.page-topkv .left-txtbox{width:50%;padding:6.25% 0 6.25% 6.25%}}.page-topkv .left-txtbox .bottom-txt{display:flex;flex-direction:column;gap:27px}@media only screen and (min-width: 1024px){.page-topkv .left-txtbox .bottom-txt{gap:36px}}.page-topkv .left-txtbox .bottom-txt .titlebox{gap:3px;display:flex;flex-direction:column}.page-topkv .left-txtbox .bottom-txt .textbox{display:flex;flex-direction:column;gap:18px}@media only screen and (min-width: 1024px){.page-topkv .left-txtbox .bottom-txt .textbox{gap:24px}}.page-topkv .left-txtbox .bottom-txt h4{font-weight:400;letter-spacing:2px;line-height:1.5}.page-topkv .left-txtbox .bottom-txt p{font-family:"Noto Serif TC",serif;font-size:var(--1, 16px)}@-webkit-keyframes alpha01{0%{opacity:0}to{opacity:1}}@keyframes alpha01{0%{opacity:0}to{opacity:1}}@-webkit-keyframes alpha10{0%{opacity:1}to{opacity:0}}@keyframes alpha10{0%{opacity:1}to{opacity:0}}@-webkit-keyframes w-cirbg{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes w-cirbg{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@-webkit-keyframes sun{0%{top:50%;opacity:0}30%{top:50%;opacity:0}to{top:0%;opacity:1}}@keyframes sun{0%{top:50%;opacity:0}30%{top:50%;opacity:0}to{top:0%;opacity:1}}@-webkit-keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes alphabottom30{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphabottom30{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes alphabottom50{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes alphabottom50{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes alphleft30{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphleft30{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes kv-padding{0%{padding:0}to{padding:1.5%}}@keyframes kv-padding{0%{padding:0}to{padding:1.5%}}@keyframes reveal-left-to-right{0%{clip-path:inset(calc(50% - 60px) calc(50% + 99px) calc(50% - 60px) calc(50% - 100px))}40%{clip-path:inset(calc(50% - 60px) calc(50% - 100px) calc(50% - 60px) calc(50% - 100px))}65%{clip-path:inset(calc(50% - 60px) calc(50% - 100px) calc(50% - 60px) calc(50% - 100px))}to{clip-path:inset(0 0 0 0)}}@keyframes sprite-full-screen-animation{0%{mask-position:0% center;-webkit-mask-position:0% center}to{mask-position:100% center;-webkit-mask-position:100% center}}@keyframes window-light-animation{0%{background-position:0% center}to{background-position:100% center}}@-webkit-keyframes bgcir1{0%{transform:translate(0)}50%{transform:translate(180px,20px)}to{transform:translate(0)}}@keyframes bgcir1{0%{transform:translate(0)}50%{transform:translate(180px,20px)}to{transform:translate(0)}}@-webkit-keyframes bgcir1m{0%{transform:translate(0)}50%{transform:translate(90px,20px)}to{transform:translate(0)}}@keyframes bgcir1m{0%{transform:translate(0)}50%{transform:translate(90px,20px)}to{transform:translate(0)}}@-webkit-keyframes bgcir2{0%{transform:translate(0)}50%{transform:translate(220px,-30px)}to{transform:translate(0)}}@keyframes bgcir2{0%{transform:translate(0)}50%{transform:translate(220px,-30px)}to{transform:translate(0)}}@-webkit-keyframes bgcir3{0%{transform:translate(0)}50%{transform:translate(-50px,-150px)}to{transform:translate(0)}}@keyframes bgcir3{0%{transform:translate(0)}50%{transform:translate(-50px,-150px)}to{transform:translate(0)}}@-webkit-keyframes kvwindow{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes kvwindow{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes scrolldown{0%{transform:translateY(0)}20%{transform:translateY(0)}60%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes scrolldown{0%{transform:translateY(0)}20%{transform:translateY(0)}60%{transform:translateY(-10px)}to{transform:translateY(0)}}@-webkit-keyframes kvwindowmove{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(1) translateY(-1800px);opacity:1}}@keyframes kvwindowmove{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(1) translateY(-1800px);opacity:1}}.index-section-title{display:flex;margin-bottom:6px;align-items:center}@media only screen and (min-width: 1024px){.index-section-title{margin-bottom:8px}}.index-section-title .sq{width:12px;height:12px;background:#d7d5d2;margin-right:12px}@media only screen and (min-width: 1024px){.index-section-title .sq{width:16px;height:16px}}.index-section-title h3{color:#d7d5d2;font-size:15px;font-weight:500}@media only screen and (min-width: 1024px){.index-section-title h3{font-size:20px}}.index-section-h2{font-size:24px;color:#fff;font-weight:400}@media only screen and (min-width: 1024px){.index-section-h2{font-size:32px}}.main-800{width:100%;max-width:840px;padding:0 24px}@media only screen and (min-width: 1024px){.main-800{padding:0 20px}}.bg-noise{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;mix-blend-mode:multiply;background:url(../images/noise-texture-small-DfPHYs6Q.png) center repeat}.w-cirbg{width:100%;height:100%;position:absolute;z-index:1}.w-cirbg .cir-1{position:absolute;width:38.1875vw;height:38.1875vw;opacity:.25;border-radius:50%;background:#9f9993;filter:blur(90px);left:-12.375vw;bottom:-14.5625vw;animation:bgcir1 7s 0s linear infinite}.w-cirbg .cir-2{position:absolute;width:33.8125vw;height:33.8125vw;opacity:.2;border-radius:50%;background:#9f9993;filter:blur(90px);left:20.0625vw;top:-11.625vw;animation:bgcir2 9s 0s linear infinite}.w-cirbg .cir-3{position:absolute;width:46.5625vw;height:46.5625vw;opacity:.2;border-radius:50%;background:#9f9993;filter:blur(90px);right:-20.5vw;bottom:-11.5vw;animation:bgcir3 9s 0s linear infinite}.section-1kv{position:relative;background:#f6f5f4;width:100%;height:100%;overflow:hidden}.section-1kv.vivi .scrolldown,.section-1kv.vivi .left-txt{opacity:1;animation:alpha10 .5s 1.4s ease-out forwards}.section-1kv.vivi .right-video{transform:scale(1) translateY(0);opacity:1;animation:kvwindowmove 2s 1.2s ease-in forwards}.section-1kv .flex-box-center{height:100%;overflow:hidden}.section-1kv .scrolldown{position:absolute;width:70px;bottom:32px;left:50%;margin-left:-35px;z-index:5;opacity:0}@media only screen and (min-width: 1024px){.section-1kv .scrolldown{bottom:40px}}.section-1kv .scrolldown .ani{display:flex;flex-direction:column;align-items:center;animation:scrolldown 1.5s 0s ease-out infinite}.section-1kv .scrolldown svg{display:block;width:24px;height:auto}@media only screen and (min-width: 1024px){.section-1kv .scrolldown svg{width:32px}}.section-1kv .scrolldown p{font-size:12px;color:#575552;text-align:center}@media only screen and (min-width: 1024px){.section-1kv .scrolldown p{font-size:16px}}.section-1kv .left-txt{display:flex;flex-direction:column;align-items:flex-end;margin-right:0;position:relative;z-index:2;opacity:0}@media only screen and (min-width: 1024px){.section-1kv .left-txt{margin-right:150px}}.section-1kv .slogan{margin-bottom:48px}.section-1kv h2{font-size:8vw;font-weight:600;letter-spacing:2px;text-align:center;font-family:"Noto Serif TC",serif}@media only screen and (min-width: 768px){.section-1kv h2{text-align:left;font-size:48px}}.section-1kv h2.left130{padding-left:20vw}@media only screen and (min-width: 768px){.section-1kv h2.left130{padding-left:130px}}.section-1kv .company-name{display:flex;align-items:center}.section-1kv .company-name .line{background:#d5d5d5;width:120px;height:1px;margin-right:10px}.section-1kv .company-name h1{font-weight:400;font-size:15px}@media only screen and (min-width: 768px){.section-1kv .company-name h1{font-size:20px}}.section-1kv .right-video{position:absolute;z-index:1;right:50%;margin-right:-88vw}@media only screen and (min-width: 550px){.section-1kv .right-video{margin-right:-70vw}}@media only screen and (min-width: 768px){.section-1kv .right-video{right:0;margin-right:0;transform:scale(1)}}@media only screen and (min-width: 1024px){.section-1kv .right-video{position:relative;right:initial;margin-right:0;transform:scale(.8);opacity:0}}.section-1kv .right-video .video-mask{position:relative;width:362.22px;height:685px;overflow:hidden;transform:scale(.738);-webkit-mask-image:url(../images/window-shape-Dn38GBQp.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:top 0px right 0px;-webkit-mask-size:100% auto;mask-image:url(../images/window-shape-Dn38GBQp.svg);mask-repeat:no-repeat;mask-position:top 0px right 0px;mask-size:100% auto}@media only screen and (min-width: 768px){.section-1kv .right-video .video-mask{transform:scale(1)}}.section-1kv .right-video .masked-video{position:absolute;width:1807.491px;height:1018.988px;flex-shrink:0;aspect-ratio:1807.49/1018.99;left:-520px;top:-105px}.section-1kv .right-video .light-move{pointer-events:none;overflow:visible;position:absolute;height:2220px;top:0;opacity:.8;right:-50px;z-index:10}.section-1kv .right-video .window-light{right:-32.5%;top:-21.5%;position:absolute;opacity:.6;transform:scale(.738)}@media only screen and (min-width: 768px){.section-1kv .right-video .window-light{top:0;right:0;transform:scale(1)}}.section-1kv .right-video .window-light svg{width:auto;height:1800px;opacity:0;animation:alpha01 .5s 1s ease-out forwards}:root{--mask-total-frames: 100;--animation-duration: 4s}.section-2about{background:none;width:100%;height:100%;position:relative}.section-2about.vivi .sun{animation:sun 1.6s 1.5s ease-out forwards}.section-2about.vivi .w-cirbg{animation:w-cirbg .3s 1s ease-out forwards}.section-2about.vivi .bg-black{animation:alpha01 .7s 1.8s linear forwards}.section-2about.vivi .intro-animation .masked-full-screen{mask-repeat:no-repeat;mask-size:cover;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-position:center}.section-2about .bg-black{opacity:0}.section-2about .maskbg{width:100vw;height:100vh;background:url(../images/kvm-67Lhy9cU.jpg) center no-repeat;background-size:cover;position:absolute}@media only screen and (min-width: 768px){.section-2about .maskbg{background:url(../images/kv-OvRHQ7KE.jpg) center no-repeat;background-size:cover}}.section-2about .intro-animation{position:absolute;width:100%;height:100%;z-index:20;top:0;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.section-2about .intro-animation .masked-full-screen{position:absolute;top:50%;left:50%;width:1920px;height:1080px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;mask-image:none;mask-mode:luminance;mask-repeat:no-repeat;mask-size:1920px 1080px;mask-position:0% center}.section-2about .intro-animation .main-wbg{width:100%;height:100%;background:#f7f7f7;position:absolute;top:0;mask-repeat:no-repeat;mask-size:contain;mask-position:center}.section-2about .top{width:100%;height:73%;overflow:hidden;position:absolute;top:0%;-webkit-mask-image:linear-gradient(180deg,#000 86.88%,rgba(0,0,0,0) 100%);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(180deg,#000 86.88%,#0000);mask-size:100% 100%;mask-repeat:no-repeat}.section-2about .sun{background:url(../images/sunm-DnlKch83.png) center no-repeat;background-size:cover;width:100vw;height:100dvh;top:50%;position:relative;opacity:0}@media only screen and (min-width: 768px){.section-2about .sun{background:url(../images/sun-B9ZhZdPp.png) center no-repeat;background-size:cover}}.bg-black{position:relative;z-index:10;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.bg-black .index-section-h2{margin-bottom:24px}@media only screen and (min-width: 1024px){.bg-black .index-section-h2{margin-bottom:32px}}.bg-black p{font-family:"Noto Serif TC",serif;color:#fff;line-height:1.7;font-size:14px;letter-spacing:1px}@media only screen and (min-width: 1024px){.bg-black p{font-size:16px}}.section-3quality.vivi .w-cirbg{animation:w-cirbg .3s 1s ease-out forwards}.section-3quality.vivi .main-800{opacity:0;animation:alpha01 .6s 2.4s linear forwards}.section-3quality .index-section-h2 br{display:block}@media only screen and (min-width: 768px){.section-3quality .index-section-h2 br{display:none}}.section-3quality .maskbg{width:100vw;height:100vh;position:absolute}.section-3quality .masked-full-screen{position:absolute;z-index:5;top:50%;left:50%;width:1920px;height:1080px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;mask-mode:luminance;mask-repeat:no-repeat;mask-position:0% center;-webkit-mask-mode:luminance;-webkit-mask-repeat:no-repeat;-webkit-mask-position:0% center}.section-3quality .bg-video{position:absolute;width:100%;height:100%}.section-3quality .bg-video video,.section-3quality .bg-video iframe{width:100vw;height:100vh;object-fit:cover}.section-3quality .quality-list{display:none;flex-wrap:wrap;gap:24px}@media only screen and (min-width: 768px){.section-3quality .quality-list{display:flex}}.section-3quality .quality-list li{list-style:none;width:calc(50% - 12px);display:flex;gap:24px}.section-3quality .quality-list li .icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.section-3quality .quality-list li .txt h3{color:#fff;font-family:Noto Sans TC,sans-serif;font-size:18px;margin-bottom:8px}.section-3quality .quality-list li .txt p{font-family:"Noto Serif TC",serif;color:#fff;font-size:16px}.section-3quality .quality-listmb{position:relative;padding-bottom:24px;margin-bottom:24px}@media only screen and (min-width: 768px){.section-3quality .quality-listmb{display:none}}.section-3quality .quality-listmb .swiper-wrapper{height:initial}.section-3quality .quality-listmb .swiper-pagination{top:initial;bottom:0}.section-3quality .quality-listmb .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:6px;height:6px;background:#fffc}.section-3quality .quality-listmb .swiper-pagination .swiper-pagination-bullet-active{background:#fff}.section-3quality .quality-listmb .swiper-slide{height:initial;display:flex;flex-direction:column;align-items:center}.section-3quality .quality-listmb .swiper-slide .icon{width:132px;height:132px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.section-3quality .quality-listmb .swiper-slide .txt{width:200px;margin:0 auto}.section-3quality .quality-listmb .swiper-slide .txt h3{color:#fff;font-family:Noto Sans TC,sans-serif;font-size:15px;margin-bottom:8px}.section-3quality .quality-listmb .swiper-slide .txt p{font-family:"Noto Serif TC",serif;color:#fff;font-size:14px}.section-3quality .video-linkbtn{display:flex;justify-content:flex-end;margin-top:24px}@media only screen and (min-width: 768px){.section-3quality .video-linkbtn{margin-top:36px}}.section-3quality .video-linkbtn a{background:#ffffff1a;box-shadow:0 0 #ffffff40;padding:12px 20px;display:block;color:#fff;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;border:1px solid rgba(255,255,255,.1)}@media only screen and (min-width: 1024px){.section-3quality .video-linkbtn a:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;border:1px solid #FFF;box-shadow:0 0 20px #ffffff40}}@media only screen and (min-width: 768px){.section-3quality .video-linkbtn{justify-content:center}}.section-4product{width:100%;height:100%}.section-4product.vivi .w-cirbg{animation:w-cirbg .3s 1s ease-out forwards}.section-4product.vivi .bg-white{animation:alpha01 .7s 1.8s linear forwards}.section-4product .maskbg{width:100vw;height:100vh;background:url(../images/scene-4-Ct7oXHgd.jpg) center no-repeat;background-size:cover;position:absolute}.section-4product .masked-full-screen{position:absolute;z-index:5;top:50%;left:50%;width:1920px;height:1080px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;mask-mode:luminance;mask-repeat:no-repeat;mask-position:0% center;-webkit-mask-mode:luminance;-webkit-mask-repeat:no-repeat;-webkit-mask-position:0% center}.section-4product .bg-white{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0}.section-4product .bg-white .bg-noise{opacity:.9}.section-4product .bg-white .index-section-title .sq{background:#575552}.section-4product .bg-white .index-section-title h3{color:#575552;line-height:1.5}.section-4product .bg-white .index-section-h2{margin-bottom:0;color:#222120}.section-4product .bg-white .index-section-h2 br{display:block}@media only screen and (min-width: 768px){.section-4product .bg-white .index-section-h2 br{display:none}}.section-4product .bg-white p{color:#222120;font-size:16px;font-style:normal;font-weight:500;letter-spacing:1px;font-family:"Noto Serif TC",serif}@media only screen and (min-width: 768px){.section-4product .bg-white p{font-size:18px}}.section-4product .bg-white .pr-list{display:flex;gap:9px;justify-content:center;margin-top:24px;padding-bottom:30px;position:relative}@media only screen and (min-width: 768px){.section-4product .bg-white .pr-list{padding-bottom:0;margin-top:36px;margin-bottom:0}}.section-4product .bg-white .pr-list .swiper-pagination{top:initial;bottom:0}.section-4product .bg-white .pr-list .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:6px;height:6px;background:#22212080}.section-4product .bg-white .pr-list .swiper-pagination .swiper-pagination-bullet-active{background:#222120}.section-4product .bg-white .pr-list .swiper-slide{list-style:none;width:calc(33.3333333333% - 6px)}@media only screen and (min-width: 1024px){.section-4product .bg-white .pr-list .swiper-slide:hover .img-area{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;transform:scale(1.05)}}.section-4product .bg-white .pr-list .swiper-slide a{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.section-4product .bg-white .pr-list .swiper-slide .reg-tag{background:#b0221e;display:flex;padding:4px 8px;justify-content:center;align-items:center;color:#fff;font-size:14px;line-height:1.5;margin-top:8px}.section-4product .bg-white .pr-list .swiper-slide .img-area{display:flex;height:53.3333333333vw;padding:4.2666666667vw;justify-content:center;align-items:center;gap:10px;align-self:stretch;width:100%;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;transform:scale(1)}@media only screen and (min-width: 768px){.section-4product .bg-white .pr-list .swiper-slide .img-area{height:320px;padding:20px 12px}}.section-4product .bg-white .pr-list .swiper-slide .img-area img{display:block;max-width:100%;max-height:100%}.section-4product .bg-white .pr-list .swiper-slide .class-name{color:#575552;text-align:center;font-size:2.8vw;font-weight:300;line-height:170%}@media only screen and (min-width: 768px){.section-4product .bg-white .pr-list .swiper-slide .class-name{font-size:14px}}.section-4product .bg-white .pr-list .swiper-slide .title{color:#222120;text-align:center;font-size:15px;font-style:normal;font-weight:300;line-height:150%}@media only screen and (min-width: 768px){.section-4product .bg-white .pr-list .swiper-slide .title{font-size:20px}}.section-4product .bg-white .pr-list .swiper-slide .title-tag{display:flex;margin-top:16px}.section-4product .bg-white .pr-list .swiper-slide .title-tag p{font-size:12px;background:#b0221e;color:#fff;padding:4px 8px}@media only screen and (min-width: 768px){.section-4product .bg-white .pr-list .swiper-slide .title-tag p{font-size:14px}}.section-4product .bg-white .bottom-btn-area{z-index:5}.section-4product .bg-white .bottom-btn-area .dot-area .dot{opacity:.5;background:#222}.section-4product .bg-white .bottom-btn-area .dot-area .dot.now{opacity:1}.section-4product .bg-white .bottom-btn-area .next-btn{border:1px solid #222120;background:#2221200d}.section-4product .bg-white .bottom-btn-area .next-btn p{color:#222120}@media only screen and (min-width: 1024px){.section-4product .bg-white .bottom-btn-area .next-btn:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;box-shadow:0 0 20px #00000040}}.fp-overflow{width:100%;height:100%}.bottom-btn-area{display:flex;right:0;bottom:0;position:fixed;align-items:center;gap:36px;width:100%;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}@media only screen and (min-width: 1024px){.bottom-btn-area{position:absolute;width:initial;right:40px;bottom:40px;padding:0}}.bottom-btn-area .next-btn{display:flex;width:100%;padding:9px 18px;justify-content:space-between;align-items:center;background:none;background:#ffffff1a;border:1px solid #FFF;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.bottom-btn-area .next-btn{width:240px;padding:12px 24px}.bottom-btn-area .next-btn:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;box-shadow:0 0 20px #ffffff80}}.bottom-btn-area .next-btn p{color:#fff;font-size:14px;line-height:1.2;font-family:Noto Sans TC,sans-serif}@media only screen and (min-width: 1024px){.bottom-btn-area .next-btn p{font-size:18px}}.bottom-btn-area .next-btn svg{width:24px;height:auto}@media only screen and (min-width: 1024px){.bottom-btn-area .next-btn svg{width:32px}}.bottom-btn-area .dot-area{display:none;gap:12px}@media only screen and (min-width: 1024px){.bottom-btn-area .dot-area{display:flex}}.bottom-btn-area .dot-area .dot{cursor:pointer;flex:0 0 auto;width:8px;height:8px;background:#ffffff80}.bottom-btn-area .dot-area .dot.now{background:#fff}.section{position:absolute;top:0;left:0;width:100%;height:calc(var(--vh) * 100);overflow:hidden;opacity:0;transition:none}.section:first-child{opacity:1}#page{position:relative;width:100%;height:calc(var(--vh) * 100)}.about-bg{background:url(../images/abbg-img-BP_eTxOT.png) top center no-repeat;background-size:cover}@media only screen and (max-width: 520px){.about-bg{background:url(../images/abbg-imgm-BZ7yx95P.png) top center no-repeat;background-size:cover}}.wrapper{position:absolute;width:100%;height:100%;overflow:hidden;top:0}.faded{background:url(../images/abbg-imgm-BZ7yx95P.png) top/cover no-repeat;background-size:100% auto;width:100%}@media only screen and (min-width: 768px){.faded{background:url(../images/abbg-imgb-h0ZZV-3M.png) top/cover no-repeat;height:100%}}.posr{position:absolute;right:0}.puzzle{position:absolute;inset:0;background:url(../images/abbg-imgmb-wIENOi8D.jpg) top no-repeat;background-size:100% auto;-webkit-mask-image:url(../images/puzzle-shape-Cv072SId.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:top -10px right -20px;-webkit-mask-size:46.6666666667vw 110.2857142857vw;mask-image:url(../images/puzzle-shape-Cv072SId.svg);mask-repeat:no-repeat;mask-position:top 90px right -20px;mask-size:34vw}@media only screen and (max-width: 520px){.puzzle{mask-size:175px 193px}}@media only screen and (min-width: 768px){.puzzle{background:url(../images/abbg-imga--LawJTxQ.jpg) top/cover no-repeat;mask-position:top 65% right 15%;-webkit-mask-position:top 65% right 15%;mask-size:29.0625% auto;-webkit-mask-size:29.0625% auto}}.main-1200{max-width:1240px;padding:0 20px;margin:0 auto}@media only screen and (min-width: 768px){.main-1200{padding:0 36px}}@media only screen and (min-width: 1024px){.main-1200{max-width:1272px}}.about-s2{position:relative;padding:75px 0}@media only screen and (min-width: 1024px){.about-s2{padding:100px 0}}.about-s2 .bg-cir1{width:254px;height:254px;position:absolute;left:-15%;z-index:2;top:0%;border-radius:50%;opacity:.1;background:var(--warm-gray-400, #9F9993);filter:blur(100px);animation:bgcir1 8s 0s infinite}@media only screen and (min-width: 768px){.about-s2 .bg-cir1{left:13%;top:-30%;width:541px;height:541px}}.about-s2 .wireframe-line{position:absolute;left:-50px;top:80px}@media only screen and (min-width: 1024px){.about-s2 .wireframe-line{left:36px;top:10px}}.about-s2 .wireframe-line img{width:160px}@media only screen and (min-width: 1024px){.about-s2 .wireframe-line img{width:320px}}.about-s2 .main-1200{position:relative;z-index:2}.about-s2 .left-img{width:100%;max-width:600px;flex:0 0 auto;display:flex;justify-content:center;margin-bottom:36px}@media only screen and (min-width: 1024px){.about-s2 .left-img{margin-bottom:0}}.about-s2 .left-img img{max-width:100%;width:240px;height:auto;display:block}@media only screen and (min-width: 1024px){.about-s2 .left-img img{width:346px}}.about-s2 .flex-box{align-items:center;flex-direction:column}@media only screen and (min-width: 1024px){.about-s2 .flex-box{display:flex;flex-direction:row}}.about-s2 .right-txt .title1{margin-bottom:4px}.about-s2 .right-txt h4{color:#222120;font-weight:400;letter-spacing:2px;line-height:1.5}.about-s2 .right-txt h4 br{display:block}@media only screen and (min-width: 1024px){.about-s2 .right-txt h4 br{display:none}}.about-s2 .right-txt .stitle{display:block;margin-bottom:27px}@media only screen and (min-width: 1024px){.about-s2 .right-txt .stitle{margin-bottom:36px}}.about-s2 .right-txt p{color:#41403e;line-height:1.7}.about-s2 .right-txt .link-btn{margin:24px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 16px;font-size:14px;color:#222120;border:1px solid #222120;background:#2221200d;width:100%;max-width:205px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.about-s2 .right-txt .link-btn svg{height:auto;width:24px;display:block}@media only screen and (min-width: 768px){.about-s2 .right-txt .link-btn svg{width:32px;height:auto}}@media only screen and (min-width: 768px){.about-s2 .right-txt .link-btn{font-size:18px;gap:20px;padding:12px 20px;margin:18px 0 0;max-width:270px}}@media only screen and (min-width: 1024px){.about-s2 .right-txt .link-btn:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;box-shadow:0 0 20px #00000040}}.about-s3{position:relative;padding:75px 20px}@media only screen and (min-width: 768px){.about-s3{padding:100px 30px}}@media only screen and (min-width: 1024px){.about-s3{padding:100px 36px 36px}}.about-s3 .bg-cir2{width:350px;height:350px;position:absolute;right:-40%;z-index:-1;top:-5%;border-radius:50%;opacity:.2;background:var(--warm-gray-400, #9F9993);filter:blur(100px);animation:bgcir3 10s 0s infinite}@media only screen and (min-width: 768px){.about-s3 .bg-cir2{width:745px;height:745px;right:-13%;top:-25%}}.about-s3 .flex-box{width:100%;flex-direction:column}@media only screen and (min-width: 1024px){.about-s3 .flex-box{display:flex;flex-direction:row}}.about-s3 .left-img{width:100%;flex:0 0 auto;height:226px}@media only screen and (min-width: 768px){.about-s3 .left-img{height:initial}}@media only screen and (min-width: 1024px){.about-s3 .left-img{width:34.554973822%}}.about-s3 .left-img img{width:100%;height:100%;object-fit:cover;object-position:top}.about-s3 .right-txt{width:100%;background:#fff;padding:27px 15px;display:flex;flex-direction:column;justify-content:space-between;gap:27px}@media only screen and (min-width: 768px){.about-s3 .right-txt{gap:36px;padding:36px 48px}}.about-s3 .right-txt .fm_serif{position:relative;z-index:5}.about-s3 .right-txt .stitle{font-size:16px;display:block}.about-s3 .right-txt h2{font-weight:400;line-height:1.5;position:relative;z-index:5}.about-s3 .right-txt p{max-width:600px;line-height:1.7;letter-spacing:1px;color:#41403e;position:relative;z-index:5}.about-s3 .marquee-box{background:#eae8e7;width:100%;padding:27px 0}@media only screen and (min-width: 1024px){.about-s3 .marquee-box{padding:36px 0}}.about-s3 .marquee-box .marquee{width:100%;overflow:hidden}.about-s3 .marquee-box .marquee__track{display:flex;gap:12px;animation:scroll 60s linear infinite}@media only screen and (min-width: 768px){.about-s3 .marquee-box .marquee__track{gap:16px}}.about-s3 .marquee-box .set-box{display:flex;gap:12px}@media only screen and (min-width: 768px){.about-s3 .marquee-box .set-box{gap:16px}}.about-s3 .marquee-box .set-box img{height:133px}@media only screen and (min-width: 768px){.about-s3 .marquee-box .set-box img{height:200px}}.about-s3 .marquee-box .set-box img{width:200px;height:133px;flex:0 0 auto;object-fit:cover}@media only screen and (min-width: 768px){.about-s3 .marquee-box .set-box img{width:300px;height:200px}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1880px)}}.about-s4{position:relative;width:100%;display:flex;align-items:center;justify-content:center;height:600px}@media only screen and (min-width: 1024px){.about-s4{height:initial;padding-bottom:43.75%}}.about-s4 .bg-cir3{width:280px;height:280px;position:absolute;left:-40%;z-index:-1;top:-40%;border-radius:50%;opacity:.2;background:var(--warm-gray-400, #9F9993);filter:blur(100px)}@media only screen and (min-width: 768px){.about-s4 .bg-cir3{width:611px;height:611px;left:-13%;top:-5%}}.about-s4 .bg-noise{z-index:2}.about-s4 .bg{position:absolute;top:0;z-index:1;width:100%;height:100%;background:url(../images/abbg-Cum7Dtbq.jpg) top center no-repeat;background-size:cover}.about-s4 .text-area{top:0;position:absolute;z-index:5;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.about-s4 .txt-center{gap:36px;display:flex;flex-direction:column}@media only screen and (min-width: 768px){.about-s4 .txt-center{gap:48px}}.about-s4 .txt-center .slogan h2{font-family:"Noto Serif TC",serif;font-size:30px;color:#fff;letter-spacing:2px;font-weight:600;line-height:1.5}@media only screen and (min-width: 768px){.about-s4 .txt-center .slogan h2{font-size:48px}}.about-s4 .txt-center .slogan h2:nth-child(2){margin-left:60px}@media only screen and (min-width: 768px){.about-s4 .txt-center .slogan h2:nth-child(2){margin-left:130px}}.about-s4 .txt-center .flex-end{gap:10px;align-items:center;padding:0 24px}.about-s4 .txt-center .flex-end .line{width:120px;height:1px;background:#fff}.about-s4 .txt-center .flex-end p{color:#fff}.service-bg{background:url(../images/servicebg-img-CKoNrV9y.png) top center no-repeat;background-size:cover}@media only screen and (max-width: 520px){.service-bg{background:url(../images/servicebg-imgm-DBZ8sOIM.png) top center no-repeat;background-size:cover}}.service-faded{background:url(../images/servece-bgma-Bsf2kBYw.png) top/cover no-repeat;background-size:100% auto;width:100%}@media only screen and (min-width: 768px){.service-faded{background:url(../images/servece-bg-D-sP9Dv0.png) top/cover no-repeat;height:100%}}.service-tool{position:absolute;inset:0;background:url(../images/servece-bgmb-BK2EnY2w.jpg) top no-repeat;background-size:100% auto;-webkit-mask-image:url(../images/tool-shape-DwlJh5sn.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:top 90px right -100px;-webkit-mask-size:55vw auto;mask-image:url(../images/tool-shape-DwlJh5sn.svg);mask-repeat:no-repeat;mask-position:top 90px right -100px;mask-size:55vw auto}@media only screen and (max-width: 520px){.service-tool{mask-size:256px auto;-webkit-mask-size:256px auto;mask-position:top 90px right -90px;-webkit-mask-position:top 90px right -90px}}@media only screen and (min-width: 768px){.service-tool{background:url(../images/servece-bgb-BiAOTbOM.jpg) top/cover no-repeat;mask-position:top 60% right -6%;-webkit-mask-position:top 60% right -6%;mask-size:48.25% auto;-webkit-mask-size:48.25% auto}}.service-title{font-weight:400;text-align:center}.service-title br{display:block}@media only screen and (min-width: 768px){.service-title br{display:none}}.service-tab{border:1px solid #222120;background:#2221200d;display:flex;padding:9px;align-items:center;list-style:none;margin-bottom:27px;width:100%}@media only screen and (min-width: 768px){.service-tab{width:initial;padding:12px;margin-bottom:36px}}.service-tab li{cursor:pointer;display:flex;align-items:center;justify-content:center;width:50%;height:42px;font-size:14px;color:#575552;line-height:1.5;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 768px){.service-tab li{width:200px;height:56px;font-size:18px}}.service-tab li.now{background:#555;color:#fff}.service-tab li.now:hover{background:#555}@media only screen and (min-width: 1024px){.service-tab li:hover{background:#ddd;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.service-s2{position:relative;padding:75px 0}.service-s2 .bg-cir1{width:254px;height:254px;position:absolute;left:-15%;z-index:2;top:0%;border-radius:50%;opacity:.1;background:var(--warm-gray-400, #9F9993);filter:blur(100px);animation:bgcir1m 8s 0s infinite}@media only screen and (min-width: 768px){.service-s2 .bg-cir1{left:19%;top:-18%;width:541px;height:541px;animation:bgcir1 8s 0s infinite}}.service-s2 .bg-cir2{width:254px;height:254px;position:absolute;right:-15%;z-index:2;top:50%;border-radius:50%;opacity:.2;background:var(--warm-gray-400, #9F9993);filter:blur(100px);animation:bgcir1m 6s 0s infinite}@media only screen and (min-width: 768px){.service-s2 .bg-cir2{right:-10%;top:30%;width:745px;height:745px;animation:bgcir1 6s 0s infinite}}@media only screen and (min-width: 768px){.service-s2{padding:100px 0}}.service-s2 .wireframe-line{position:absolute;right:-50px;top:-20px;z-index:2}@media only screen and (min-width: 768px){.service-s2 .wireframe-line{top:-20px;right:0}}@media only screen and (min-width: 1024px){.service-s2 .wireframe-line{top:-90px}}.service-s2 .wireframe-line img{display:block;height:125px}@media only screen and (min-width: 768px){.service-s2 .wireframe-line img{height:250px}}.service-s2 .main-800{margin:0 auto;position:relative;z-index:5;padding:0 15px}@media only screen and (min-width: 768px){.service-s2 .main-800{padding:0 30px}}@media only screen and (min-width: 1024px){.service-s2 .main-800{padding:0 20px}}.service-s2 .step-area{display:flex;flex-direction:column}.service-s2 .step-area li{display:flex;list-style:none;padding:18px;align-items:flex-start;flex-direction:column}@media only screen and (min-width: 768px){.service-s2 .step-area li{align-items:center;flex-direction:row;padding:24px}}.service-s2 .step-area li .left-num{width:100%;height:72px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}@media only screen and (min-width: 768px){.service-s2 .step-area li .left-num{width:250px;height:250px;margin-bottom:0;margin-right:24px}}.service-s2 .step-area li .left-num .line{position:absolute;width:100%;height:1px;background:#d7d5d2;bottom:-20px}@media only screen and (min-width: 768px){.service-s2 .step-area li .left-num .line{bottom:initial;right:-24px;width:1px;height:100%}}.service-s2 .step-area li .left-num img{display:block;max-height:100%}@media only screen and (min-width: 768px){.service-s2 .step-area li .left-num img{max-height:118px}}.service-s2 .step-area li .left-num .step-box{position:absolute;top:0;left:0;background:#eae8e7;padding:6px 10px;font-size:14px;font-weight:300;color:#575552;line-height:1.5}@media only screen and (min-width: 768px){.service-s2 .step-area li .left-num .step-box{font-size:18px}}.service-s2 .step-area li .right-txt{padding-top:15px}@media only screen and (min-width: 768px){.service-s2 .step-area li .right-txt{padding-top:0;padding-left:60px}}.service-s2 .step-area li .right-txt .flex-box{flex-direction:column;gap:16px}.service-s2 .step-area li .right-txt .flex-box .item h4{color:#575552;font-weight:500;line-height:1.5}.service-s2 .step-area li .right-txt .flex-box .item p{font-size:14px;font-family:"Noto Serif TC",serif;color:#575552}@media only screen and (min-width: 768px){.service-s2 .step-area li .right-txt .flex-box .item p{font-size:18px}}.service-s2 .step-area li .right-txt h3{font-weight:500;margin-bottom:18px;color:#222120}@media only screen and (min-width: 768px){.service-s2 .step-area li .right-txt h3{margin-bottom:24px}}.service-s2 .distribution-txt{display:flex;gap:9px;flex-direction:column;align-items:center;font-size:14px;padding:16px 18px;text-align:center}@media only screen and (min-width: 768px){.service-s2 .distribution-txt{font-size:18px;gap:12px}}.service-s2 .distribution-txt a{color:#b0221e;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;text-decoration:underline}@media only screen and (min-width: 1024px){.service-s2 .distribution-txt a:hover{color:#d15551;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.sercive-s3{padding:75px 20px;position:relative}@media only screen and (min-width: 768px){.sercive-s3{padding:100px 30px}}@media only screen and (min-width: 1024px){.sercive-s3{padding:100px 36px}}.sercive-s3 .bg-cir3{width:287px;height:287px;position:absolute;left:-15%;z-index:2;top:15%;border-radius:50%;opacity:.1;background:var(--warm-gray-400, #9F9993);filter:blur(100px);animation:bgcir1m 8s 0s infinite}@media only screen and (min-width: 768px){.sercive-s3 .bg-cir3{left:-19%;top:0%;width:611px;height:611px;animation:bgcir1 8s 0s infinite}}.sercive-s3 .bg-cir4{display:none;width:254px;height:254px;position:absolute;right:-15%;z-index:2;top:50%;border-radius:50%;opacity:.2;background:var(--warm-gray-400, #9F9993);filter:blur(100px);animation:bgcir1m 6s 0s infinite}@media only screen and (min-width: 768px){.sercive-s3 .bg-cir4{display:block;left:5%;top:35%;width:745px;height:745px;animation:bgcir1 6s 0s infinite}}.sercive-s3 .wireframe-line{position:absolute;left:0;top:-200px;z-index:2}@media only screen and (min-width: 768px){.sercive-s3 .wireframe-line{left:0;top:-400px}}.sercive-s3 .wireframe-line img{height:750px;width:initial}@media only screen and (min-width: 1024px){.sercive-s3 .wireframe-line img{height:1080px}}.sercive-s3 .top-inf{position:relative;z-index:5}.sercive-s3 .shot-inf{text-align:center;font-weight:500;letter-spacing:1px;margin-top:16px}.sercive-s3 .four-feather{position:relative;z-index:5;width:100%;display:flex;flex-direction:column;gap:18px}@media only screen and (min-width: 768px){.sercive-s3 .four-feather{gap:24px}}.sercive-s3 .four-feather li{width:100%;display:flex;flex-direction:column-reverse;align-items:center}@media only screen and (min-width: 1024px){.sercive-s3 .four-feather li{flex-direction:row}}.sercive-s3 .four-feather li:nth-child(2n){flex-direction:column-reverse}@media only screen and (min-width: 1024px){.sercive-s3 .four-feather li:nth-child(2n){flex-direction:row-reverse}}.sercive-s3 .four-feather li .left-img{flex:0 0 auto;width:100%}@media only screen and (min-width: 1024px){.sercive-s3 .four-feather li .left-img{width:65.445026178%}}.sercive-s3 .four-feather li .left-img .imgbox{position:relative;width:100%;padding-bottom:66.6666666667%}@media only screen and (min-width: 768px){.sercive-s3 .four-feather li .left-img .imgbox{padding-bottom:40%}}.sercive-s3 .four-feather li .left-img .imgbox img{position:absolute;top:0;object-position:center;object-fit:cover;width:100%;height:100%;left:0}.sercive-s3 .four-feather li .right-txt{padding:27px 0}@media only screen and (min-width: 1024px){.sercive-s3 .four-feather li .right-txt{padding:36px 48px}}.sercive-s3 .four-feather li .right-txt h3{font-weight:500;line-height:1.5}.sercive-s3 .four-feather li .right-txt p{font-family:"Noto Serif TC",serif;color:#41403e}.popbox{background:#000c;position:fixed;width:100%;height:100%;z-index:60;top:0;left:0}.popbox .rel-scro{position:relative;overflow:auto;width:100%;height:100%;padding:75px 20px}@media only screen and (min-width: 768px){.popbox .rel-scro{padding:100px 30px}}@media only screen and (min-width: 1024px){.popbox .rel-scro{padding:100px 20px}}.popbox .w-box{display:flex;background:#fff;width:100%;max-width:900px;padding:45px 15px;flex-direction:column;align-items:center;margin:0 auto;position:relative}@media only screen and (min-width: 768px){.popbox .w-box{padding:60px 36px}}.popbox .w-box .xx{cursor:pointer;position:absolute;right:0;top:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#2221200d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 768px){.popbox .w-box .xx{width:56px;height:56px}}.popbox .w-box .xx svg{display:block;width:24px;height:auto}@media only screen and (min-width: 768px){.popbox .w-box .xx svg{width:initial}}@media only screen and (min-width: 1024px){.popbox .w-box .xx:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#b0221e}.popbox .w-box .xx:hover svg path{fill:#fff}}.popbox .w-box .link-btn{margin:0 auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 18px;font-size:14px;color:#222120;border:1px solid #222120;background:#2221200d;width:100%;max-width:200px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 768px){.popbox .w-box .link-btn{font-size:18px;gap:20px;padding:12px 24px;margin:0;max-width:200px}}@media only screen and (min-width: 1024px){.popbox .w-box .link-btn:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;box-shadow:0 0 20px #00000040}}.distribution-pop .flex-box-center{width:100%}.distribution-pop .flex-box-center .service-tab{margin-bottom:45px}@media only screen and (min-width: 768px){.distribution-pop .flex-box-center .service-tab{margin-bottom:36px}}.distribution-pop .titlebox h2{text-align:center}.distribution-pop .titlebox br{display:block}@media only screen and (min-width: 768px){.distribution-pop .titlebox br{display:none}}.distribution-pop .note{text-align:center;font-size:12px;margin-bottom:12px}@media only screen and (min-width: 768px){.distribution-pop .note{margin-bottom:16px;font-size:16px}}.distribution-pop .part-area-title{background:#eae8e7;padding:8px 12px;text-align:center;width:100%;margin-bottom:12px}@media only screen and (min-width: 768px){.distribution-pop .part-area-title{margin-bottom:16px}}.distribution-pop .location-ul{margin-bottom:60px;display:flex;flex-direction:column;gap:16px;width:100%}.distribution-pop .distribution-list{width:100%;display:flex;flex-wrap:wrap;gap:0px}@media only screen and (min-width: 768px){.distribution-pop .distribution-list{gap:24px}}.distribution-pop .distribution-list li{width:100%;padding:18px 12px;border-bottom:1px solid #EAE8E7;display:flex;flex-direction:column}@media only screen and (min-width: 768px){.distribution-pop .distribution-list li{width:calc(50% - 12px);padding:24px 16px}}.distribution-pop .distribution-list li .left-title{width:100%}.distribution-pop .distribution-list li .right-txt{color:#41403e;width:100%;font-size:12px;font-family:"Noto Serif TC",serif}@media only screen and (min-width: 768px){.distribution-pop .distribution-list li .right-txt{font-size:16px}}.top-prselect{position:relative;width:100%;padding-top:60px}@media only screen and (min-width: 1024px){.top-prselect{padding-top:93px}}.top-prselect .series-selection{padding:36px 67px;height:400px;background:linear-gradient(180deg,#575552,#d7d5d2)}@media only screen and (min-width: 768px){.top-prselect .series-selection{height:600px;padding:48px 36px}}.top-prselect .series-selection .series-smb{position:relative;width:100%;z-index:10;display:block}@media only screen and (min-width: 768px){.top-prselect .series-selection .series-smb{display:none}}.top-prselect .series-selection .series-smb .select-box{width:100%;margin:0 auto;height:42px;cursor:pointer;border-bottom:1px solid var(--white, #FFF);background:#ffffff1a;box-shadow:0 0 #ffffff40;display:flex;justify-content:space-between;align-items:center;padding:9px 18px}.top-prselect .series-selection .series-smb .select-box.open svg{transform:rotate(180deg)}.top-prselect .series-selection .series-smb .select-box svg{display:block}.top-prselect .series-selection .series-smb .select-box p{font-size:14px;color:#fff}.top-prselect .series-selection .series-smb ul{display:none;list-style:none;position:absolute;top:42px;width:100%;z-index:10}.top-prselect .series-selection .series-smb ul li{cursor:pointer;border-bottom:1px solid #EAE8E7;background:#fff;box-shadow:0 0 #ffffff40;padding:9px 18px;font-size:14px;font-family:"Noto Serif TC",serif}.top-prselect .series-selection .series-smb ul li.now{background:#f6f5f4}.top-prselect .series-selection .series-swiper-pad{width:100%;justify-content:center;position:relative;height:200px;padding:0 68px;display:none}@media only screen and (min-width: 768px){.top-prselect .series-selection .series-swiper-pad{display:flex}}.top-prselect .series-selection .series-swiper-pad .btn{z-index:5;cursor:pointer;top:50%;margin-top:-24px;position:absolute;width:48px;height:48px;border:1px solid #FFF;display:flex;align-items:center;justify-content:center;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.top-prselect .series-selection .series-swiper-pad .btn:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;box-shadow:0 0 10px #ffffff80}}.top-prselect .series-selection .series-swiper-pad .btn.sbtn-prev{left:0}.top-prselect .series-selection .series-swiper-pad .btn.sbtn-next{right:0}.top-prselect .series-selection .prseriesSwiper{position:relative;height:200px}.top-prselect .series-selection .prseriesSwiper .swiper-slide{cursor:pointer;width:200px;height:200px;border-right:1px solid #9F9993;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.5;background:#fff0;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.top-prselect .series-selection .prseriesSwiper .swiper-slide:hover{opacity:1;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#ffffff1a}}.top-prselect .series-selection .prseriesSwiper .swiper-slide.now{opacity:1;background:#ffffff1a}.top-prselect .series-selection .prseriesSwiper .swiper-slide p{color:#fff;font-size:20px}.top-prselect .series-selection .prseriesSwiper .swiper-slide .picbox{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.top-prselect .series-selection .prseriesSwiper .swiper-slide .picbox img{max-width:100%;max-height:100%}.top-prselect .printro-box{width:100%;padding:0 20px;margin-top:-285px}@media only screen and (min-width: 768px){.top-prselect .printro-box{padding:0 36px;margin-top:-300px}}.top-prselect .printro-box .swiper-pagination{bottom:36px}.top-prselect .printro-box .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:8px;height:8px;background:#ffffff80}.top-prselect .printro-box .swiper-pagination .swiper-pagination-bullet-active{background:#fff}.top-prselect .printro-box .flex-box{background:#fff;width:100%;flex-direction:column}@media only screen and (min-width: 1024px){.top-prselect .printro-box .flex-box{flex-direction:row}}.top-prselect .printro-box .left-img{width:100%;flex:0 0 auto}@media only screen and (min-width: 1024px){.top-prselect .printro-box .left-img{width:37.9266750948%;max-width:800px}}@media only screen and (min-width: 1920px){.top-prselect .printro-box .left-img{width:50%;max-width:50%}}.top-prselect .printro-box .left-img .swiper{height:100%}.top-prselect .printro-box .left-img .swiper .swiper-slide{width:100%;position:relative;padding-bottom:100%}@media only screen and (min-width: 1920px){.top-prselect .printro-box .left-img .swiper .swiper-slide{padding-bottom:60%}}.top-prselect .printro-box .left-img .swiper .swiper-slide .picbox{top:0;left:0;width:100%;height:100%;position:absolute}.top-prselect .printro-box .left-img .swiper .swiper-slide .picbox img{width:100%;height:100%;object-fit:cover}.top-prselect .printro-box .right-txt{width:100%;display:flex;flex-direction:column;position:relative;z-index:2;justify-content:space-between;gap:36px;padding:24px 18px;line-height:1.5}@media only screen and (min-width: 768px){.top-prselect .printro-box .right-txt{padding:60px}}@media only screen and (min-width: 1200px){.top-prselect .printro-box .right-txt{padding:80px}}.top-prselect .printro-box .right-txt .title-tag{display:flex;margin-top:16px}.top-prselect .printro-box .right-txt .title-tag p{font-size:12px;background:#b0221e;color:#fff;padding:4px 8px}@media only screen and (min-width: 768px){.top-prselect .printro-box .right-txt .title-tag p{font-size:14px}}.top-prselect .printro-box .right-txt .bottom-iconbox{display:flex;flex-direction:column;gap:36px}.top-prselect .printro-box .right-txt .performance-iconbox{display:flex;gap:24px;flex-direction:column}@media only screen and (min-width: 768px){.top-prselect .printro-box .right-txt .performance-iconbox{flex-direction:row;gap:48px}}.top-prselect .printro-box .right-txt .performance-iconbox li{display:flex;gap:18px;width:100%;max-width:280px;align-items:center}@media only screen and (min-width: 768px){.top-prselect .printro-box .right-txt .performance-iconbox li{gap:24px}}.top-prselect .printro-box .right-txt .performance-iconbox li .iconbox svg{display:block}.top-prselect .printro-box .right-txt .performance-iconbox li .text{display:flex;flex-direction:column;gap:4px}.top-prselect .printro-box .right-txt .performance-iconbox li .text h3{line-height:1.5}.bottom-feather-area{padding:75px 0;position:relative}@media only screen and (min-width: 768px){.bottom-feather-area{padding:100px 0}}.bottom-feather-area .features-list{display:flex;gap:45px;flex-direction:column}@media only screen and (min-width: 768px){.bottom-feather-area .features-list{gap:24px}}.bottom-feather-area .features-list li{display:flex;align-items:center;gap:27px;flex-direction:column;position:relative;z-index:5}@media only screen and (min-width: 768px){.bottom-feather-area .features-list li{flex-direction:row;gap:48px}}.bottom-feather-area .features-list li ul{padding-left:20px}.bottom-feather-area .features-list li ul li{display:list-item;list-style:disc}.bottom-feather-area .features-list li .picbox img{width:100%;height:auto;display:block}@media only screen and (min-width: 768px){.bottom-feather-area .features-list li .picbox img{width:352px}}.bottom-feather-area .features-list li .txt{display:flex;flex-direction:column;gap:4px}.format-table{padding:0 0 75px;position:relative}@media only screen and (min-width: 768px){.format-table{padding:0 0 100px}}.format-table .top-information-table{position:relative;z-index:5;margin-bottom:24px}.format-table .top-information-table ul{display:flex;flex-direction:row;flex-wrap:wrap;border-left:1px solid #D7D5D2;border-top:1px solid #D7D5D2}@media only screen and (min-width: 768px){.format-table .top-information-table ul{flex-direction:column}}.format-table .top-information-table ul li{display:flex;flex-direction:column;width:50%}.format-table .top-information-table ul li:first-child{width:100%}@media only screen and (min-width: 768px){.format-table .top-information-table ul li{width:100%;flex-direction:row}}.format-table .top-information-table ul li .titlebox{font-size:12px;padding:12px;flex:0 0 auto;display:flex;justify-content:center;width:100%;color:#000;border-right:1px solid #D7D5D2;border-bottom:1px solid #D7D5D2;background:#eae8e7;font-family:Noto Sans TC,serif}@media only screen and (min-width: 768px){.format-table .top-information-table ul li .titlebox{width:150px;padding:16px;font-size:16px}}.format-table .top-information-table ul li .cont{font-size:12px;font-family:Noto Sans TC,serif;width:100%;background:#fff;padding:12px;border-bottom:1px solid #D7D5D2;border-right:1px solid #D7D5D2;text-align:center}@media only screen and (min-width: 768px){.format-table .top-information-table ul li .cont{padding:16px;font-size:16px;text-align:left}}.format-table .bottom-table{position:relative;z-index:5;display:none}@media only screen and (min-width: 1024px){.format-table .bottom-table{display:block}}.format-table .bottom-table .table-style1{border-left:1px solid #D7D5D2;border-top:1px solid #D7D5D2;width:100%}.format-table .bottom-table .table-style1.bordernone{border-top:0}.format-table .bottom-table .table-style1 td{font-family:Noto Sans TC,serif;text-align:center;background:#fff;padding:16px;border-right:1px solid #D7D5D2;border-bottom:1px solid #D7D5D2}.format-table .bottom-table .table-style1 td:first-child{width:150px;background:#eae8e7}.format-table .bottom-table .table-style1 tr:first-child td img{display:block;max-width:100%}.format-table .bottom-table .table-style1 tr:first-child td p{font-size:12px;margin-top:10px;text-align:center;letter-spacing:0}.format-table .bottom-table-mb{display:block;width:100%}@media only screen and (min-width: 1024px){.format-table .bottom-table-mb{display:none}}.format-table .bottom-table-mb .tableSwiper{width:100%}.format-table .bottom-table-mb .swiper-slide{font-family:Noto Sans TC,serif}.format-table .bottom-table-mb .swiper-slide .item-flex1{display:flex;width:100%;border-top:1px solid #D7D5D2;border-left:1px solid #D7D5D2;border-right:1px solid #D7D5D2}.format-table .bottom-table-mb .swiper-slide .item-flex1:last-child{border-bottom:1px solid #D7D5D2}.format-table .bottom-table-mb .swiper-slide .left-img{width:180px;flex:0 0 auto;padding:12px;background:#fff;border-right:1px solid #D7D5D2}.format-table .bottom-table-mb .swiper-slide .left-img p{font-size:12px;text-align:center}@media only screen and (min-width: 768px){.format-table .bottom-table-mb .swiper-slide .left-img p{font-size:16px}}.format-table .bottom-table-mb .swiper-slide .left-img img{width:100%}.format-table .bottom-table-mb .swiper-slide .right-inf{display:flex;width:100%;flex-direction:column}.format-table .bottom-table-mb .swiper-slide .right-inf .flex-box{height:66.6666666667%;width:100%}.format-table .bottom-table-mb .swiper-slide .right-inf .hbox{height:100%;width:50%}.format-table .bottom-table-mb .swiper-slide .right-inf .hbox .titlebox{height:50%}.format-table .bottom-table-mb .swiper-slide .right-inf .titlebox{font-size:12px;height:33.3333333333%;min-height:60px;display:flex;align-items:center;justify-content:center;padding:12px;background:#eae8e7;border-bottom:1px solid #D7D5D2}@media only screen and (min-width: 768px){.format-table .bottom-table-mb .swiper-slide .right-inf .titlebox{font-size:16px}}.format-table .bottom-table-mb .swiper-slide .right-inf .wbox{width:50%;border-right:1px solid #D7D5D2;height:100%}.format-table .bottom-table-mb .swiper-slide .right-inf .wbox .titlebox{height:50%}.format-table .bottom-table-mb .swiper-slide .right-inf .numcont{height:50%;min-height:60px;display:flex;align-items:center;justify-content:center;font-size:12px}@media only screen and (min-width: 768px){.format-table .bottom-table-mb .swiper-slide .right-inf .numcont{font-size:16px}}.format-table .bottom-table-mb .swiper-pagination2{display:flex;justify-content:center;margin-top:24px}.format-table .bottom-table-mb .swiper-pagination2 .swiper-pagination-bullet{border-radius:0;width:8px;height:8px;background:#575552;opacity:.5}.format-table .bottom-table-mb .swiper-pagination2 .swiper-pagination-bullet-active{opacity:1}.catalog-dowarea{padding:0 0 75px;position:relative}@media only screen and (min-width: 768px){.catalog-dowarea{padding:0 0 100px}}.catalog-dowarea .catalog-list{display:flex;list-style:none;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:5}@media only screen and (min-width: 768px){.catalog-dowarea .catalog-list{justify-content:flex-start}}.catalog-dowarea .catalog-list li{width:calc(50% - 9px);border-bottom:1px solid #D7D5D2;padding:27px 12px}@media only screen and (min-width: 768px){.catalog-dowarea .catalog-list li{padding:36px 16px;width:calc(33.3333333333% - 16px);margin-right:24px}.catalog-dowarea .catalog-list li:nth-child(3n){margin-right:0}}.catalog-dowarea .catalog-list li a{display:flex;width:100%;justify-content:center;flex-direction:column;align-items:center;gap:18px}@media only screen and (min-width: 768px){.catalog-dowarea .catalog-list li a{gap:24px}}.catalog-dowarea .catalog-list li a h3{text-align:center}.catalog-dowarea .catalog-list li a .book-img{box-shadow:0 8px 20px #2221201f;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.catalog-dowarea .catalog-list li a .book-img img{display:block;max-width:100px;height:auto}@media only screen and (min-width: 768px){.catalog-dowarea .catalog-list li a .book-img img{max-width:170px}}@media only screen and (min-width: 1024px){.catalog-dowarea .catalog-list li a:hover .book-img{transform:scale(1.1);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.contact-faded{background:url(../images/contact-bgma-B5P93XxG.png) top/cover no-repeat;background-size:100% auto;width:100%}@media only screen and (min-width: 768px){.contact-faded{background:url(../images/contact-bg-Im-wtjGj.png) top/cover no-repeat;height:100%}}.liner{position:absolute;bottom:0;z-index:1;width:100%;left:0}.liner img{display:block;width:100%;height:auto}.contact-bubble{position:absolute;inset:0;background:url(../images/contact-bgmb-DvlWX5CW.jpg) top no-repeat;background-size:100% auto;-webkit-mask-image:url(../images/bubble-shape-BXNamXqY.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:top 90px right -10px;-webkit-mask-size:50vw auto;mask-image:url(../images/bubble-shape-BXNamXqY.svg);mask-repeat:no-repeat;mask-position:top 90px right -10px;mask-size:50vw auto}@media only screen and (max-width: 520px){.contact-bubble{mask-size:246px auto;-webkit-mask-size:246px auto;mask-position:top 76px right -66px;-webkit-mask-position:top 76px right -66px}}@media only screen and (min-width: 768px){.contact-bubble{background:url(../images/contact-bgb-Dzy-Wjd0.jpg) top/cover no-repeat;mask-position:top 55% right 9%;-webkit-mask-position:top 55% right 9%;mask-size:37.125% auto;-webkit-mask-size:37.125% auto}}.contact-inf{flex-direction:column;display:flex;gap:16px}.contact-inf .flex-box{flex-direction:column;gap:6px;line-height:1.5}@media only screen and (min-width: 768px){.contact-inf .flex-box{flex-direction:row;gap:20px}}.contact-inf .contact-iconul{display:flex;gap:12px;margin-top:27px}@media only screen and (min-width: 768px){.contact-inf .contact-iconul{margin-top:36px;gap:24px}}.contact-inf .contact-iconul li{width:100%;padding:15px;background:#fff;list-style:none;display:flex;flex-direction:column;gap:16px}@media only screen and (min-width: 768px){.contact-inf .contact-iconul li{padding:36px}}.contact-inf .contact-iconul li .iconbox{width:100%;display:flex;align-items:center;justify-content:center}.contact-inf .contact-iconul li .iconbox svg{max-width:60px;max-height:60px;width:100%;height:auto;display:block}@media only screen and (min-width: 768px){.contact-inf .contact-iconul li .iconbox svg{max-width:96px;max-height:96px}}.contact-inf .contact-iconul li p{font-family:Noto Sans TC,serif;text-align:center}.service-location{position:relative}.service-location .bg-cir1{width:254px;height:254px;position:absolute;left:-15%;z-index:2;top:0%;border-radius:50%;opacity:.1;background:var(--warm-gray-400, #9F9993);filter:blur(100px);animation:bgcir1m 8s 0s infinite}@media only screen and (min-width: 768px){.service-location .bg-cir1{left:19%;top:-18%;width:541px;height:541px;animation:bgcir1 8s 0s infinite}}.service-location .bg-cir2{width:254px;height:254px;position:absolute;right:-15%;z-index:2;top:50%;border-radius:50%;opacity:.2;background:var(--warm-gray-400, #9F9993);filter:blur(100px);animation:bgcir1m 6s 0s infinite}@media only screen and (min-width: 768px){.service-location .bg-cir2{right:-10%;top:30%;width:745px;height:745px;animation:bgcir1 6s 0s infinite}}.service-location .flex-box{flex-direction:column}@media only screen and (min-width: 1200px){.service-location .flex-box{flex-direction:row}}.service-location .flex-box .left-map{width:100%;height:375px;display:none}@media only screen and (min-width: 1200px){.service-location .flex-box .left-map{display:block;width:62.5%;height:initial}}.service-location .flex-box .left-map iframe{display:block;width:100%;height:100%;border:0}.service-location .flex-box .right-location{flex:0 0 auto;width:100%}@media only screen and (min-width: 1200px){.service-location .flex-box .right-location{width:37.5%}}.service-location .flex-box .right-location ul{display:flex;list-style:none;flex-direction:column;position:relative;z-index:5}.service-location .flex-box .right-location ul li{border-bottom:1px solid #D7D5D2;cursor:pointer;position:relative;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.service-location .flex-box .right-location ul li:hover{background:#fff;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.service-location .flex-box .right-location ul li:hover .bg-noise{opacity:1;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.service-location .flex-box .right-location ul li.now{background:#fff}.service-location .flex-box .right-location ul li.now .ar,.service-location .flex-box .right-location ul li.now .bg-noise{display:block;opacity:1}.service-location .flex-box .right-location ul li.now .arr{transform:rotate(180deg)}.service-location .flex-box .right-location ul li .bg-noise{opacity:0;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.service-location .flex-box .right-location ul li .mb-map{display:none}@media only screen and (min-width: 1200px){.service-location .flex-box .right-location ul li .mb-map{display:none}}.service-location .flex-box .right-location ul li .mb-flex{display:flex;width:100%;align-items:center;padding:27px 18px}@media only screen and (min-width: 768px){.service-location .flex-box .right-location ul li .mb-flex{padding:36px}}@media only screen and (min-width: 1200px){.service-location .flex-box .right-location ul li .mb-flex{padding:36px 60px 36px 48px}}.service-location .flex-box .right-location ul li .mb-flex .flex-box{width:100%}@media only screen and (min-width: 1200px){.service-location .flex-box .right-location ul li .mb-flex{display:block}}.service-location .flex-box .right-location ul li .mb-flex .arr{flex:0 0 auto;display:block}.service-location .flex-box .right-location ul li .mb-flex .arr svg{display:block}@media only screen and (min-width: 1200px){.service-location .flex-box .right-location ul li .mb-flex .arr{display:none}}.service-location .flex-box .right-location ul li .mb-map iframe{width:100%;height:375px;display:block}.service-location .flex-box .right-location ul li .ar{position:absolute;left:-11px;top:50%;margin-top:-11px;display:none}.service-location .flex-box .right-location ul li h3{width:100%}@media only screen and (min-width: 1200px){.service-location .flex-box .right-location ul li h3{width:50%}}.service-location .flex-box .right-location ul li .cont{width:100%;color:#41403e;letter-spacing:1px;font-family:"Noto Serif TC",serif}@media only screen and (min-width: 1200px){.service-location .flex-box .right-location ul li .cont{width:50%}}.section-video-bg{position:relative;padding-top:60px;padding-bottom:100px}@media only screen and (min-width: 1024px){.section-video-bg{padding-top:93px;min-height:700px;padding-bottom:100px}}.section-video-bg .bg-noise{width:100%;height:100%}.section-video-bg .link-btn{position:relative;z-index:5;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 16px;font-size:14px;color:#222120;border:1px solid #222120;background:#2221200d;width:100%;max-width:205px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.section-video-bg .link-btn svg{height:auto;width:15px;display:block}@media only screen and (min-width: 768px){.section-video-bg .link-btn svg{width:20px;height:auto}}@media only screen and (min-width: 768px){.section-video-bg .link-btn{font-size:18px;gap:20px;padding:12px 20px;max-width:270px;margin-top:18px}}@media only screen and (min-width: 1024px){.section-video-bg .link-btn:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;box-shadow:0 0 20px #00000040}}.section-video-bg .bg-area{position:absolute;top:0;left:0;width:100%;z-index:-1;padding-bottom:56.25%;background:url(../images/videobg-CCeNT0WC.png) top center no-repeat;background-size:cover}@media only screen and (max-width: 520px){.section-video-bg .bg-area{background:url(../images/videobg-CCeNT0WC.png) top center no-repeat;background-size:cover}}.section-video-bg .titlebox{position:relative;z-index:5;padding:75px 0;display:flex;flex-direction:column;align-items:center}@media only screen and (min-width: 768px){.section-video-bg .titlebox{padding:100px 0}}.section-video-bg .video-card-list{position:relative;z-index:5;display:flex;flex-wrap:wrap;list-style:none;gap:36px;margin-bottom:48px}@media only screen and (min-width: 768px){.section-video-bg .video-card-list{gap:24px;margin-bottom:0}}.section-video-bg .video-card-list li{width:100%;margin-bottom:0}@media only screen and (min-width: 768px){.section-video-bg .video-card-list li{width:calc(33.3333333333% - 16px);margin-bottom:24px}}.section-video-bg .video-card-list li .video-picbox{overflow:hidden;cursor:pointer;width:100%;padding-bottom:66.6666666667%;position:relative;margin-bottom:18px}@media only screen and (min-width: 768px){.section-video-bg .video-card-list li .video-picbox{margin-bottom:24px}}@media only screen and (min-width: 1024px){.section-video-bg .video-card-list li .video-picbox:hover img{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;transform:scale(1.1)}.section-video-bg .video-card-list li .video-picbox:hover .arr-center{border:1px solid #B0221E;background:#b0221ecc;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.section-video-bg .video-card-list li .video-picbox .arr-center{position:absolute;left:50%;margin-left:-28px;top:50%;margin-top:-28px;z-index:4;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid #FFF;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#ffffff1a}.section-video-bg .video-card-list li .video-picbox .arr-center svg{display:block}.section-video-bg .video-card-list li .video-picbox img{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;z-index:1;position:absolute;width:100%;height:100%;object-fit:cover}.section-video-bg .video-card-list li .textbox h3{margin-bottom:12px}@media only screen and (min-width: 768px){.section-video-bg .video-card-list li .textbox h3{margin-bottom:16px}}.section-video-bg .video-card-list li .textbox p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;color:#41403e}@media only screen and (min-width: 768px){.section-video-bg .video-card-list li .textbox p{font-size:16px}}.video-pop .rel-scro{display:flex;align-items:center;justify-content:center}@media (max-height: 600px){.video-pop .rel-scro{display:block}}.videopop-cont{max-width:900px;margin:0 auto;position:relative;width:100%}.videopop-cont .xx{cursor:pointer;position:absolute;right:0;top:-60px;width:42px;height:42px;border:1px solid #FFF;display:flex;align-items:center;justify-content:center;background:#ffffff1a;box-shadow:0 0 #ffffff40;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.videopop-cont .xx svg{display:block}@media only screen and (min-width: 1024px){.videopop-cont .xx{top:-70px;width:56px;height:56px}.videopop-cont .xx:hover{background:#fff6;box-shadow:0 0 10px #fffc;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}@media only screen and (min-width: 1200px){.videopop-cont .xx{top:0;right:-88px}}.videopop-cont .iframe-box{width:100%;margin-bottom:24px;position:relative;padding-bottom:56.2222222222%}@media only screen and (min-width: 768px){.videopop-cont .iframe-box{margin-bottom:32px}}.videopop-cont .iframe-box iframe{position:absolute;height:100%;width:100%;z-index:2}.videopop-cont .text-area h2{color:#fff;margin-bottom:16px}.videopop-cont .text-area p{color:#fff;font-size:12px;font-family:"Noto Serif TC",serif}@media only screen and (min-width: 768px){.videopop-cont .text-area p{font-size:16px}}*{box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img{margin:0;padding:0}fieldset,img,abbr,acronym{border:0}q:before,q:after{content:""}input,button,select,textarea{border:none;outline:none}button{cursor:pointer;padding:0}a{text-decoration:none;color:#555}body,html{width:100%;height:100%}