@charset "UTF-8";
.c-skill{max-width:1260px;overflow:hidden}.c-skill__title{margin:0 auto 85px auto}.c-skill__main{display:block;width:100%;margin:0 auto;overflow:hidden}.c-skill__main.wow{animation-name:fadeInUp}.c-skill__main__box{left:-22.5px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 45px)}.c-skill__main__box.slick-dotted{display:block}.c-skill-item{display:block;width:calc(25% - 45px);margin:0 22.5px;flex:0 0 auto}.c-skill-item__icon{display:block;width:100%;background:linear-gradient(45deg,#ffffff00 calc(50% - .5px),#fff calc(50% - .5px),#fff calc(50% + .5px),#ffffff00 calc(50% + .5px)) top left/7px 7px no-repeat,linear-gradient(45deg,#ffffff00 calc(50% - .5px),#fff calc(50% - .5px),#fff calc(50% + .5px),#ffffff00 calc(50% + .5px)) bottom right/7px 7px no-repeat,linear-gradient(135deg,#ffffff00 calc(50% - .5px),#fff calc(50% - .5px),#fff calc(50% + .5px),#ffffff00 calc(50% + .5px)) top right/7px 7px no-repeat,linear-gradient(135deg,#ffffff00 calc(50% - .5px),#fff calc(50% - .5px),#fff calc(50% + .5px),#ffffff00 calc(50% + .5px)) bottom left/7px 7px no-repeat}.c-skill-item__icon::before{content:'';position:relative;display:block;width:100%;padding:74.55% 0 0 0;background:url(/en/assets/images/about/about_skill_leather.png) center/calc(100% - 26px) calc(100% - 26px) no-repeat;-webkit-filter:drop-shadow(4px 4px 0px rgba(0,0,0,.4));filter:drop-shadow(4px 4px 0px rgba(0,0,0,.4))}.c-skill-item__icon::after{content:'';position:absolute;top:20px;left:20px;display:block;width:calc(100% - 40px);height:calc(100% - 40px);background:radial-gradient(ellipse at center,#fff calc(70% - .5px),#ffffff00 70%) top left/3px 3px no-repeat,radial-gradient(ellipse at center,#fff calc(70% - .5px),#ffffff00 70%) top right/3px 3px no-repeat,radial-gradient(ellipse at center,#fff calc(70% - .5px),#ffffff00 70%) bottom left/3px 3px no-repeat,radial-gradient(ellipse at center,#fff calc(70% - .5px),#ffffff00 70%) bottom right/3px 3px no-repeat;-webkit-filter:drop-shadow(2px 2px 2px #000);filter:drop-shadow(2px 2px 2px #000)}.c-skill-item__icon img{object-fit:contain;object-position:center;position:absolute;top:50%;left:50%;width:36%;height:46.35%;filter:brightness(0) invert(1);transform:translate(-50%,-50%);user-select:none}.c-skill-item__content{display:block;width:100%;margin:20px auto 0 auto;text-align:center}.c-skill-item__content__title{display:block;width:100%;font-size:18px;line-height:1.2;font-weight:300}.c-skill-item__content__text{margin:15px auto 0 auto;line-height:1.7}@media screen and (max-width:1200px){.c-skill-item{width:calc(100% / 3 - 45px)}}@media screen and (max-width:991px){.c-skill__title{margin:0 auto 50px auto}.c-skill__main__box{left:-20px;width:calc(100% + 40px)}.c-skill-item{width:calc(50% - 40px);margin:0 20px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-skill__title{margin:0 auto 30px auto}.c-skill__main{width:calc(100% - 90px)}.c-skill-item{width:calc(100% - 40px)}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.about{display:block;width:100%}.about__box{display:block;width:100%;overflow:hidden}.about__box:nth-child(even){background:linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) top 15px left / 13px 1px repeat-x,linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) bottom 15px left / 13px 1px repeat-x,url(/en/assets/images/common/noise.png) center/auto repeat}.about-intro{padding:60px 0 100px 0}.about-intro__content{display:block;width:100%;overflow:hidden}.about-intro__content.wow{animation-name:fadeInUp}.about-intro__content__title{margin:0 0 45px 0}.about-intro__content__sub{display:block;width:100%;margin:0 0 20px 0;font-size:17px;line-height:1.7;font-weight:300}.about-intro__content__text{margin:0 0 20px 0;text-align:var(--textAlign)}.about-intro__content__text:last-child{margin:0}.about-intro__pic{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%;margin:40px auto 0 auto}.about-intro__pic.wow{animation-name:fadeInUp}.about-intro__pic__item{display:block;width:calc(50% - 20px)}.index-skill{display:block;width:100%;padding:120px 0 145px 0}.about-process{padding:100px 0 135px 0}.about-process__title{margin:0 auto 45px auto;z-index:10}.about-process__box{display:flex;flex-wrap:wrap;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 auto -30px auto;counter-reset:process}.about-process__box::before,.about-process__box::after{content:'';display:block;transition:opacity 1s .4s ease-in-out;pointer-events:none}.about-process__box::before{position:absolute;top:-50px;left:-100px;width:132px;height:99px;background:url(/en/assets/images/about/about_process_acc01.png) center/contain no-repeat}.about-process__box::after{position:relative;width:218px;height:72px;max-width:calc(20% - 12px);margin:15px 0 0 12px;background:url(/en/assets/images/about/about_process_acc02.png) center/contain no-repeat}.about-process__box.wow{opacity:1;visibility:visible}.about-process-item{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:calc(20% + 8px);min-height:180px;margin:0 -8px 30px 0;padding:27px 30px 20px 30px;font-size:19px;line-height:1.5;background:#1d1d1d;border-radius:5px;border:1px solid #444;box-shadow:-2px 0 var(--bgColor);counter-increment:process;transition:opacity 1s .4s ease-in-out;z-index:10}.about-process-item::before{content:counter(process,decimal);position:relative;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:35px;height:35px;margin:0 0 20px 0;font-size:16px;line-height:1;font-family:'AlumniSans','NotoSansTC';font-weight:400;background:var(--bgColor);border-radius:50%;border:1px solid #444;overflow:hidden;flex:0 0 auto}.about-process-item::after{content:'';position:absolute;top:40px;left:-10px;display:block;width:20px;height:4px;border-radius:4px 4px 0 0;border:1px solid #fff;border-bottom:none}.about-process-item__text{display:block;width:100%;max-width:150px;flex:0 1 auto}.about__box:nth-child(even) .about-process-item{background:var(--bgColor)}.about__box:nth-child(even) .about-process-item::before{background:#1d1d1d}.about-process__box.wow{opacity:1;visibility:visible}.about-process__box.wow::before,.about-process__box.wow::after,.about-process__box.wow .about-process-item{opacity:0}.about-process__box.wow.animated::before,.about-process__box.wow.animated::after,.about-process__box.wow.animated .about-process-item{opacity:1}.about-process__box.wow .about-process-item:nth-child(1){transition-delay:.6s}.about-process__box.wow .about-process-item:nth-child(2){transition-delay:.8s}.about-process__box.wow .about-process-item:nth-child(3){transition-delay:1s}.about-process__box.wow .about-process-item:nth-child(4){transition-delay:1.2s}.about-process__box.wow .about-process-item:nth-child(5){transition-delay:1.4s}.about-process__box.wow .about-process-item:nth-child(6){transition-delay:1.6s}.about-process__box.wow .about-process-item:nth-child(7){transition-delay:1.8s}.about-process__box.wow .about-process-item:nth-child(8){transition-delay:2s}.about-process__box.wow .about-process-item:nth-child(9){transition-delay:2.2s}.about-process__box.wow .about-process-item:nth-child(10){transition-delay:2.4s}.about-process__box.wow::after{transition-delay:2.6s}@media screen and (min-width:1201px){.about-process-item:nth-child(5n+1)::after{display:none}}@media screen and (max-width:1200px){.about-process-item{width:calc(25% + 8px)}.about-process__box::after{max-width:calc(25% - 12px)}}@media screen and (min-width:992px){.about-process-item:nth-child(4n+1)::after{display:none}}@media screen and (max-width:991px){.about-intro{padding:50px 0 100px 0}.about-intro__content__title{margin:0 0 45px 0}.about-intro__pic__item{display:none;width:100%}.about-intro__pic__item:first-child{display:block}.index-skill{padding:115px 0 95px 0}.about-process{padding:100px 0}.about-process__box{width:calc(100% - 120px)}.about-process__box::after{max-width:calc(50% - 12px)}.about-process-item{width:calc(50% + 8px)}}@media screen and (max-width:767px){.about-process__box{width:100%}}@media screen and (min-width:576px){.about-process-item:nth-child(2n+1)::after{display:none}}@media screen and (max-width:575px){.about-intro{padding:45px 0 70px}.about-intro__content__title{margin:0 0 40px 0}.about-intro__pic{margin:20px auto 0 auto}.index-skill{padding:85px 0}.about-process{padding:80px 0 120px 0}.about-process__title{margin:0 auto 35px auto}.about-process__box{margin:0 0 -10px 0}.about-process__box::before{top:-65px;left:37px;width:34px;height:88px;background-image:url(/en/assets/images/about/about_process_acc01_mb.png)}.about-process__box::after{position:absolute;bottom:-70px;left:5px;width:131px;height:119px;margin:0;background-image:url(/en/assets/images/about/about_process_acc02_mb.png)}.about-process-item{display:flex;flex-direction:row;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;min-height:0;margin:0 0 10px 0;padding:20px;box-shadow:0 6px 0 var(--bgColor)}.about-process-item::before{margin:0 20px 0 0}.about-process-item::after{top:-15.5px;left:35px;width:4px;height:20px;border-radius:4px 0 0 4px;border:1px solid #fff;border-right:none}.about-process-item:first-child::after{display:none}.about-process-item__text{max-width:none}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}