.elementor-27575 .elementor-element.elementor-element-8bc2807{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-d01c33d .swiper-slide-bg{background-color:#FFFFFF00;background-image:url(https://yrjrxvg8yiv2.wpsite.pro/wp-content/uploads/2025/08/kaunoweb_工作區域-1-複本-8-scaled.jpg);background-size:cover;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-d01c33d .swiper-slide-contents{margin-right:auto;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-d01c33d .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-d01c33d .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-d01c33d .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-9a7ebca .swiper-slide-bg{background-color:#FFFFFF00;background-image:url(https://yrjrxvg8yiv2.wpsite.pro/wp-content/uploads/2025/08/kaunoweb_工作區域-1-複本-3-scaled.jpg);background-size:cover;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-9a7ebca .swiper-slide-contents{margin-right:auto;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-9a7ebca .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-9a7ebca .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-9a7ebca .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-f43004b .swiper-slide-bg{background-color:#FFFFFF00;background-image:url(https://yrjrxvg8yiv2.wpsite.pro/wp-content/uploads/2025/08/kaunoweb_工作區域-1-複本-4-scaled.png);background-size:cover;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-f43004b .swiper-slide-contents{margin-right:auto;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-f43004b .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-f43004b .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-repeater-item-f43004b .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .swiper-slide{transition-duration:calc(5000ms*1.2);height:75vh;}.elementor-27575 .elementor-element.elementor-element-b9629e4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .swiper-slide-contents{max-width:100%;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .swiper-slide-inner{padding:0% 10% 0% 10%;text-align:left;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:20px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-heading{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:700;line-height:1.2em;letter-spacing:1.1px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:40px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-description{font-family:"Roboto Slab", Sans-serif;font-size:19px;font-weight:700;line-height:1.2em;letter-spacing:1.1px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;line-height:1.2em;letter-spacing:1.1px;border-width:2px;border-radius:50px;}.elementor-27575 .elementor-element.elementor-element-bd58386{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-bd58386 .elementor-repeater-item-6bdae1f.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-27575 .elementor-element.elementor-element-276d617{--display:flex;}.elementor-27575 .elementor-element.elementor-element-55ed51d{width:var( --container-widget-width, 47.213% );max-width:47.213%;--container-widget-width:47.213%;--container-widget-flex-grow:0;text-align:left;}.elementor-27575 .elementor-element.elementor-element-55ed51d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-55ed51d.elementor-element{--align-self:center;}.elementor-27575 .elementor-element.elementor-element-55ed51d img{width:100%;border-radius:5px 5px 5px 5px;box-shadow:4px 4px 31px -11px rgba(84.75, 84.75, 84.75, 0.51);}.elementor-27575 .elementor-element.elementor-element-2232e68{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-27575 .elementor-element.elementor-element-8bd7c8f > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-8bd7c8f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;text-transform:capitalize;line-height:1.5em;letter-spacing:0.8px;color:#3a3a3a;}.elementor-27575 .elementor-element.elementor-element-066a7cb.elementor-element{--align-self:flex-start;}.elementor-27575 .elementor-element.elementor-element-066a7cb{text-align:left;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.6em;letter-spacing:0.5px;color:#333333;}.elementor-27575 .elementor-element.elementor-element-d2c92ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27575 .elementor-element.elementor-element-d2c92ce.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27575 .elementor-element.elementor-element-adf55e5{--display:flex;}.elementor-27575 .elementor-element.elementor-element-0a07392{--display:flex;}.elementor-27575 .elementor-element.elementor-element-d5e7299{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-662cf2e{--display:flex;}.elementor-27575 .elementor-element.elementor-element-d18276c{text-align:center;}.elementor-27575 .elementor-element.elementor-element-d18276c .elementor-heading-title{font-size:34px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:1px;color:#222222;}.elementor-27575 .elementor-element.elementor-element-42799fe > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-42799fe{text-align:center;font-size:17px;color:#333333;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__item{width:calc(100% / 4);}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__image-instance{height:300px;border-radius:8px 8px 8px 8px;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__filter-item.active{background-color:#777777;}.elementor-27575 .elementor-element.elementor-element-74c617c .preset-type-2 .jet-portfolio__inner, .elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__content-inner{background-color:#84848487;}.elementor-27575 .elementor-element.elementor-element-74c617c > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__inner{margin:6px;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__list{margin:-6px;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__filter{justify-content:center;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__filter-item{padding:2px 10px 5px 10px;border-radius:3px 3px 3px 3px;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__content-inner{justify-content:center;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__title{text-align:center;order:1;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__category{text-align:center;order:2;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__desc{text-align:center;order:3;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__button{align-self:center;text-align:center;order:4;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__view-more-button{color:#FFFFFF;background-color:#777777;border-radius:50px 50px 50px 50px;}.elementor-27575 .elementor-element.elementor-element-74c617c  .jet-portfolio__view-more-button{font-weight:700;}.elementor-27575 .elementor-element.elementor-element-f7517f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-c334c1d{--display:flex;--margin-top:-57px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:11px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-84aa461 > .elementor-widget-container{margin:22px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-84aa461.elementor-element{--align-self:center;}.elementor-27575 .elementor-element.elementor-element-d00c630 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 50px 0px;}.elementor-27575 .elementor-element.elementor-element-d00c630.elementor-element{--align-self:center;}.elementor-27575 .elementor-element.elementor-element-6ff321e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;}.elementor-27575 .elementor-element.elementor-element-1a326af{--display:flex;}.elementor-27575 .elementor-element.elementor-element-d0ebe76{--display:flex;}.elementor-27575 .elementor-element.elementor-element-523fdfb{--display:flex;}.elementor-27575 .elementor-element.elementor-element-7e26a2d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-2cec876{--display:flex;}.elementor-27575 .elementor-element.elementor-element-afbbf34{--display:flex;}.elementor-27575 .elementor-element.elementor-element-ff7f4ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--margin-top:82px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:63px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-ff7f4ec::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .elementor-background-video-container::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .e-con-inner > .elementor-background-video-container::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .elementor-background-slideshow::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://yrjrxvg8yiv2.wpsite.pro/wp-content/uploads/2025/08/鉛筆人-網站首頁.png");--background-overlay:'';background-position:center center;background-size:cover;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-27575 .elementor-element.elementor-element-8bc2807{--min-height:216px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .swiper-slide{height:50vh;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-heading{font-size:35px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-description{font-size:20px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-button{font-size:15px;}.elementor-27575 .elementor-element.elementor-element-2232e68{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-27575 .elementor-element.elementor-element-8bd7c8f > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-8bd7c8f .elementor-heading-title{font-size:24px;}.elementor-27575 .elementor-element.elementor-element-066a7cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-066a7cb{font-size:17px;}.elementor-27575 .elementor-element.elementor-element-bd58386{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27575 .elementor-element.elementor-element-d5e7299{--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27575 .elementor-element.elementor-element-662cf2e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-d18276c .elementor-heading-title{font-size:30px;}.elementor-27575 .elementor-element.elementor-element-42799fe{text-align:center;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__item{width:calc(100% / 2);}}@media(max-width:767px){.elementor-27575 .elementor-element.elementor-element-b9629e4 .swiper-slide{height:35vh;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .swiper-slide-contents{max-width:100%;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-heading{font-size:15px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-description{font-size:15px;}.elementor-27575 .elementor-element.elementor-element-b9629e4 .elementor-slide-button{font-size:15px;}.elementor-27575 .elementor-element.elementor-element-276d617{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-2232e68{--padding-top:8px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-8bd7c8f > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-8bd7c8f .elementor-heading-title{font-size:22px;}.elementor-27575 .elementor-element.elementor-element-066a7cb > .elementor-widget-container{margin:-8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-066a7cb{font-size:17px;}.elementor-27575 .elementor-element.elementor-element-bd58386{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:20px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-27575 .elementor-element.elementor-element-d5e7299{--padding-top:35px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-27575 .elementor-element.elementor-element-662cf2e{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27575 .elementor-element.elementor-element-d18276c .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:0px;}.elementor-27575 .elementor-element.elementor-element-42799fe > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-27575 .elementor-element.elementor-element-42799fe{text-align:center;font-size:17px;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__item{width:calc(100% / 2);}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__image-instance{height:150px;}.elementor-27575 .elementor-element.elementor-element-74c617c .jet-portfolio__view-more-button{padding:11px 25px 11px 25px;}.elementor-27575 .elementor-element.elementor-element-ff7f4ec:not(.elementor-motion-effects-element-type-background), .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yrjrxvg8yiv2.wpsite.pro/wp-content/uploads/2025/08/鉛筆人-網站首頁.png");}.elementor-27575 .elementor-element.elementor-element-ff7f4ec::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .elementor-background-video-container::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .e-con-inner > .elementor-background-video-container::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .elementor-background-slideshow::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-27575 .elementor-element.elementor-element-ff7f4ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;background-size:cover;}.elementor-27575 .elementor-element.elementor-element-ff7f4ec{--overlay-opacity:1;}}@media(min-width:768px){.elementor-27575 .elementor-element.elementor-element-276d617{--width:50%;}.elementor-27575 .elementor-element.elementor-element-2232e68{--width:50%;}.elementor-27575 .elementor-element.elementor-element-bd58386{--content-width:1200px;}.elementor-27575 .elementor-element.elementor-element-d2c92ce{--width:110.198%;}.elementor-27575 .elementor-element.elementor-element-d5e7299{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-27575 .elementor-element.elementor-element-276d617{--width:100%;}.elementor-27575 .elementor-element.elementor-element-2232e68{--width:100%;}}/* Start custom CSS */.service-section > *{ position:relative; z-index:1; }

/* 卡片群組：Grid 版面（RWD 自動變化） */
.cards{
  display:grid; grid-template-columns:repeat(4, 1fr);
  gap:40px; align-items:start;
}

/* 卡片樣式（位移用變數 --y 控制：正=下、負=上） */
.card{
  background:#fff; border-radius:24px; padding:28px 28px 22px;
  min-height:420px; display:flex; flex-direction:column;
  box-shadow:0 12px 30px rgba(0,0,0,.06);
  --y:0px; --y-t:0px; --y-m:0px;           /* 桌機 / 平板 / 手機 的位移變數 */
  transform:translateY(var(--y));
  transition:transform .28s cubic-bezier(.22,.7,.18,1), box-shadow .28s;
}
@media (hover:hover){
  .card:hover{ transform:translateY(calc(var(--y) - 8px)); box-shadow:0 20px 40px rgba(0,0,0,.12); }
}
.card:focus-within{ transform:translateY(calc(var(--y) - 8px)); box-shadow:0 20px 40px rgba(0,0,0,.12); outline:none; }

/* 直排標題與價格 */
.vlabel{ writing-mode:vertical-rl; text-orientation:mixed; font-weight:800; font-size:22px; line-height:1; margin-bottom:12px; }
.card p{ margin:0 0 16px 0; line-height:1.8; }
.price{ margin-top:auto; font-weight:800; font-size:22px; }

/* 平板：2 欄；如要在平板也位移，可改 --y-t */
@media (max-width:1024px){
  .cards{ grid-template-columns:repeat(2,1fr); gap:28px; }
  .card{ min-height:380px; transform:translateY(var(--y-t)); }
  .service-section::before{ top:-85vw; width:170vw; height:120vw; }
}

/* 手機：1 欄；如要在手機也位移，可改 --y-m */
@media (max-width:767px){
  .cards{ grid-template-columns:1fr; gap:24px; }
  .card{ min-height:auto; transform:translateY(var(--y-m)); }
  .service-section{ padding:40px 0 100px; }
  .service-section::before{ top:-115vw; width:230vw; height:170vw; }
}

/* 無動畫偏好 */
@media (prefers-reduced-motion: reduce){
  .card{ transition:none; }
  .card:hover, .card:focus-within{ transform:translateY(var(--y)); }
}

/* ──（選用）如果沒有「Attributes」欄位，可用 class 控制位移 ── */
.card.down-50 { --y: 50px; }    /* 桌機下移 50px */
.card.up-50   { --y: -50px; }   /* 桌機上移 50px *//* End custom CSS */