.elementor-198 .elementor-element.elementor-element-8f64968{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-8f64968:not(.elementor-motion-effects-element-type-background), .elementor-198 .elementor-element.elementor-element-8f64968 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://taptrip.56855685.xyz/wp-content/uploads/2026/09/allstar-home-footer.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-198 .elementor-element.elementor-element-0d838b9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-3c61918{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-da533f9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-42c3b93{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-198 .elementor-element.elementor-element-5cc94b8{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-d3a2a7d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-198 .elementor-element.elementor-element-8f64968{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-0d838b9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-3c61918{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-da533f9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-5cc94b8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-d3a2a7d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-198 .elementor-element.elementor-element-8f64968{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-0d838b9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-3c61918{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-da533f9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-5cc94b8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-198 .elementor-element.elementor-element-d3a2a7d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//* ===== AllStar 首頁 (Figma Frame 118) ===== */

.elementor-198{--as-red:#D20D29;--as-ink:#1E1C1A;--as-gray:#797A6F;--as-brown:#4E2A1D;--as-sand:#AF977F;--as-cream:#FFFCF5;--as-band:#E6DED7;--as-sans:"Noto Sans TC","Noto Sans CJK TC",sans-serif;--as-serif:"Crimson Text",Georgia,serif;background:var(--as-cream);color:var(--as-ink);font-family:var(--as-sans);overflow-x:clip}
.elementor-198 p{margin:0}
.elementor-198 a{text-decoration:none;transition:color .2s,opacity .2s}
.elementor-198 .elementor-element .elementor-heading-title{font-family:var(--as-sans);color:inherit;font-weight:400;line-height:1.3;margin:0}
.elementor-198 .elementor-element .elementor-heading-title a{color:inherit}
.elementor-198 .elementor-element.elementor-widget-text-editor{font-family:var(--as-sans);color:inherit}
.elementor-198 .elementor-element .elementor-button{font-family:var(--as-sans);font-weight:400;font-size:16px;line-height:1.6;color:#fff;border-radius:999px;padding:10px 32px;fill:#fff;transition:filter .2s}
.elementor-198 .elementor-element .elementor-button:hover{filter:brightness(1.1);color:#fff}
.elementor-198 .elementor-element.as-wrap{width:100%;max-width:1280px;margin:0 auto}
/* header */
.elementor-198 .elementor-element.as-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:100;background:rgba(255,252,245,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #fff}
.elementor-198 .elementor-element.as-header-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:85px;padding:0 80px;max-width:1440px;margin:0 auto;width:100%}
.elementor-198 .elementor-element.as-nav{gap:41px;align-items:center}
.elementor-198 .elementor-element.as-nav-link .elementor-heading-title,.elementor-198 .elementor-element.as-foot-link .elementor-heading-title{font-size:16px;line-height:1.6;letter-spacing:.05em}
.elementor-198 .elementor-element.as-nav-link a:hover{color:var(--as-red)}
.elementor-198 .as-logo-link{display:block;color:var(--as-red);line-height:0}
.elementor-198 .as-logo-link svg{width:117px;height:24px}
.elementor-198 .elementor-element.as-header-right{justify-self:end;justify-content:flex-end;align-items:center;gap:23px;width:auto}
.elementor-198 .as-lang{position:relative}
.elementor-198 .as-lang-btn{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;font:400 16px/1.6 var(--as-sans);letter-spacing:.05em;color:var(--as-ink)}
.elementor-198 .as-lang-menu{position:absolute;top:100%;right:-12px;margin:8px 0 0;padding:8px 0;list-style:none;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(30,28,26,.12);min-width:120px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.2s}
.elementor-198 .as-lang:hover .as-lang-menu,.elementor-198 .as-lang:focus-within .as-lang-menu{opacity:1;visibility:visible;transform:none}
.elementor-198 .as-lang-menu a{display:block;padding:6px 16px;font-size:14px;color:var(--as-ink);white-space:nowrap}
.elementor-198 .as-lang-menu a:hover{color:var(--as-red)}
.elementor-198 .elementor-element.as-btn-red .elementor-button{background:var(--as-red);border:1px solid #fff;padding:7.5px 32px;letter-spacing:.05em}
/* hero */
.elementor-198 .elementor-element.as-hero{position:relative;min-height:725px;justify-content:center;background-position:center 45%}
.elementor-198 .elementor-element.as-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,15,7,.88) 0%,rgba(38,15,7,.62) 30%,rgba(38,15,7,.15) 55%,rgba(38,15,7,0) 70%);opacity:1;z-index:0}
.elementor-198 .elementor-element.as-hero-in{position:relative;z-index:1;width:100%;max-width:1440px;margin:0 auto;padding:0 80px}
.elementor-198 .elementor-element.as-hero-text{width:auto;max-width:420px;gap:22px;align-items:flex-start}
.elementor-198 .elementor-element.as-eyebrow .elementor-heading-title{font-family:var(--as-serif);font-size:16px;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:#F5EBD3}
.elementor-198 .elementor-element.as-hero-title .elementor-heading-title{font-size:46px;font-weight:500;line-height:1.48;color:#fff;margin-bottom:12px}
.elementor-198 .elementor-element.as-hero-desc{font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);margin-bottom:2px}
.elementor-198 .elementor-element.as-btn-sand .elementor-button{background:var(--as-sand)}
/* section common */
.elementor-198 .elementor-element.as-sec{padding:70px 80px}
.elementor-198 .elementor-element.as-sec-head{justify-content:space-between;align-items:center;padding-bottom:31px;border-bottom:1px solid #9DA4AE}
.elementor-198 .elementor-element.as-sec-title .elementor-heading-title{font-size:32px;font-weight:500;line-height:1.6}
.elementor-198 .elementor-element.as-btn-brown .elementor-button{background:var(--as-brown);font-size:14px;letter-spacing:.05em}
.elementor-198 .elementor-element.as-date .elementor-heading-title{font-size:14px;line-height:1.6;color:#91462C}
.elementor-198 .elementor-element.as-date-gray .elementor-heading-title{color:var(--as-gray)}
.elementor-198 .as-viewmore{display:inline-flex;align-items:center;gap:10px;color:var(--as-ink)}
.elementor-198 .as-viewmore span{font:400 14px/1.6 var(--as-serif);text-transform:uppercase;border-bottom:1px solid currentColor}
.elementor-198 .as-viewmore svg{transition:transform .2s}
.elementor-198 .as-viewmore:hover{color:var(--as-red)}
.elementor-198 .as-viewmore:hover svg{transform:translateX(3px)}
/* carousel */
.elementor-198 .elementor-element.as-carousel{margin-top:32px;flex-wrap:nowrap;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none}
.elementor-198 .elementor-element.as-carousel::-webkit-scrollbar{display:none}
.elementor-198 .elementor-element.as-carousel.is-dragging{scroll-snap-type:none;cursor:grabbing}
.elementor-198 .elementor-element.as-card{flex:0 0 calc((100% - 48px)/3);width:calc((100% - 48px)/3);scroll-snap-align:start;gap:20px}
.elementor-198 .elementor-element.as-card-img img{width:100%;height:280px;object-fit:cover;display:block;-webkit-user-drag:none;pointer-events:none}
.elementor-198 .elementor-element.as-card-body{gap:16px}
.elementor-198 .elementor-element.as-card-meta{gap:8px}
.elementor-198 .elementor-element.as-card-title .elementor-heading-title{font-size:18px;font-weight:500;line-height:1.3}
.elementor-198 .elementor-element.as-excerpt{font-size:14px;line-height:1.5;color:var(--as-gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.elementor-198 .elementor-element.as-progress-w{margin-top:70px;align-self:center}
.elementor-198 .as-progress{width:400px;max-width:60vw;height:4px;background:#E8E2D4;overflow:hidden}
.elementor-198 .as-progress span{display:block;height:100%;width:50%;background:var(--as-red);transition:transform .15s linear}
/* banner */
.elementor-198 .elementor-element.as-banner{min-height:600px;justify-content:center;align-items:center;padding-bottom:40px;background-attachment:fixed}
.elementor-198 .elementor-element.as-banner-title .elementor-heading-title{font-family:var(--as-serif);font-size:72px;line-height:1.2;color:#fff;text-align:center}
/* list */
.elementor-198 .elementor-element.as-sec-list{padding:89px 80px 128px}
.elementor-198 .elementor-element.as-row{gap:60px;padding:32px 0;border-bottom:1px solid #ABA8A3;align-items:flex-start}
.elementor-198 .elementor-element.as-row-img{flex:0 0 513px;width:513px}
.elementor-198 .elementor-element.as-row-img img{width:100%;height:384px;object-fit:cover;display:block}
.elementor-198 .elementor-element.as-row-body{flex:1;gap:20px}
.elementor-198 .elementor-element.as-row-title .elementor-heading-title{font-size:32px;font-weight:500;line-height:1.3}
.elementor-198 .elementor-element.as-row-excerpt{font-size:16px;line-height:1.5;color:var(--as-gray)}
/* services */
.elementor-198 .elementor-element.as-services{position:relative;overflow:hidden;padding:0 80px 222px;background:linear-gradient(to bottom,var(--as-cream) 0,var(--as-cream) 238px,var(--as-band) 238px)}
.elementor-198 .elementor-element.as-svc-grid{position:relative;z-index:1;gap:32px;flex-wrap:nowrap}
.elementor-198 .elementor-element.as-svc{flex:1 1 0;min-width:0;gap:24px}
.elementor-198 .elementor-element.as-svc-img img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;display:block}
.elementor-198 .elementor-element.as-svc-body{gap:8px}
.elementor-198 .elementor-element.as-svc-title .elementor-heading-title{font-size:23px;font-weight:500;line-height:1.3;color:#2A2A2A}
.elementor-198 .elementor-element.as-svc-title a:hover{color:var(--as-red)}
.elementor-198 .elementor-element.as-svc-desc{font-size:16px;line-height:1.6;color:var(--as-gray)}
.elementor-198 .elementor-element.as-about-bg{position:absolute;left:50%;top:561px;transform:translateX(-50%);z-index:0;pointer-events:none;width:auto;max-width:none}
.elementor-198 .elementor-element.as-about-bg .elementor-heading-title{font-family:var(--as-serif);font-style:italic;font-size:200px;line-height:1.2;color:var(--as-cream);opacity:.5;white-space:nowrap}
/* footer */
.elementor-198 .elementor-element.as-footer{position:relative;min-height:520px;padding:80px 80px 27px;color:#fff}
.elementor-198 .elementor-element.as-footer::before{content:"";position:absolute;inset:0;background:rgba(24,16,10,.5);opacity:1;z-index:0}
.elementor-198 .elementor-element.as-foot-wrap{position:relative;z-index:1;flex:1;justify-content:space-between}
.elementor-198 .elementor-element.as-foot-top{justify-content:space-between;align-items:flex-start}
.elementor-198 .elementor-element.as-foot-brand{gap:40px;width:auto}
.elementor-198 .elementor-element.as-foot-logo .as-logo-link{color:#fff}
.elementor-198 .elementor-element.as-foot-nav{gap:41px;align-items:center;width:auto}
.elementor-198 .elementor-element.as-foot-link .elementor-heading-title{color:#fff}
.elementor-198 .elementor-element.as-foot-link a:hover{opacity:.7}
.elementor-198 .elementor-element.as-social .elementor-social-icons-wrapper{display:flex;gap:20px}
.elementor-198 .elementor-element.as-social .elementor-grid-item{margin:0}
.elementor-198 .elementor-element.as-social .elementor-social-icon{background:none;padding:0;font-size:24px;width:24px;height:24px;color:#fff;--icon-size:24px}
.elementor-198 .elementor-element.as-social .elementor-social-icon svg{fill:#fff;width:24px;height:24px}
.elementor-198 .elementor-element.as-social .elementor-social-icon:hover{opacity:.7}
.elementor-198 .elementor-element.as-foot-bottom{justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(255,255,255,.7);padding-top:20px}
.elementor-198 .elementor-element.as-copy .elementor-heading-title{font-size:12.75px;line-height:1.2;color:rgba(255,255,255,.7)}
.elementor-198 .elementor-element.as-tasty{color:#fff;line-height:0}
/* tablet */
@media (max-width:1024px){
.elementor-198 .elementor-element.as-header-in,.elementor-198 .elementor-element.as-hero-in{padding:0 40px}
.elementor-198 .elementor-element.as-nav{gap:24px}
.elementor-198 .elementor-element.as-sec,.elementor-198 .elementor-element.as-sec-list{padding-left:40px;padding-right:40px}
.elementor-198 .elementor-element.as-services{padding:0 40px 160px;background:linear-gradient(to bottom,var(--as-cream) 0,var(--as-cream) 160px,var(--as-band) 160px)}
.elementor-198 .elementor-element.as-about-bg{top:auto;bottom:-40px}
.elementor-198 .elementor-element.as-about-bg .elementor-heading-title{font-size:120px}
.elementor-198 .elementor-element.as-row-img{flex-basis:42%;width:42%}
.elementor-198 .elementor-element.as-row-img img{height:300px}
.elementor-198 .elementor-element.as-footer{padding:60px 40px 27px}
.elementor-198 .elementor-element.as-foot-top{flex-direction:column;gap:40px}
.elementor-198 .elementor-element.as-banner{background-attachment:scroll}
.elementor-198 .elementor-element.as-header-in{grid-template-columns:auto 1fr}
.elementor-198 .elementor-element.as-nav{display:none}
.elementor-198 .elementor-element.as-banner-title .elementor-heading-title{font-size:52px}
}
/* mobile */
@media (max-width:767px){
.elementor-198 .elementor-element.as-header-in{grid-template-columns:auto 1fr;height:64px;padding:0 20px}
.elementor-198 .elementor-element.as-nav{display:none}
.elementor-198 .elementor-element.as-header-right{gap:12px}
.elementor-198 .elementor-element.as-btn-red .elementor-button{padding:5px 18px;font-size:14px}
.elementor-198 .elementor-element.as-hero{min-height:560px;background-position:70% center}
.elementor-198 .elementor-element.as-hero::before{background:linear-gradient(90deg,rgba(38,15,7,.85) 0%,rgba(38,15,7,.55) 60%,rgba(38,15,7,.25) 100%)}
.elementor-198 .elementor-element.as-hero-in{padding:0 20px}
.elementor-198 .elementor-element.as-hero-title .elementor-heading-title{font-size:32px}
.elementor-198 .elementor-element.as-sec,.elementor-198 .elementor-element.as-sec-list{padding:50px 20px}
.elementor-198 .elementor-element.as-sec-head{padding-bottom:20px}
.elementor-198 .elementor-element.as-sec-title .elementor-heading-title{font-size:24px}
.elementor-198 .elementor-element.as-card{flex-basis:80%;width:80%}
.elementor-198 .elementor-element.as-card-img img{height:220px}
.elementor-198 .elementor-element.as-progress-w{margin-top:40px}
.elementor-198 .elementor-element.as-banner{min-height:360px}
.elementor-198 .elementor-element.as-banner-title .elementor-heading-title{font-size:36px;padding:0 20px}
.elementor-198 .elementor-element.as-row{flex-direction:column;gap:20px;padding:24px 0}
.elementor-198 .elementor-element.as-row-img{flex-basis:auto;width:100%}
.elementor-198 .elementor-element.as-row-img img{height:auto;aspect-ratio:4/3}
.elementor-198 .elementor-element.as-row-title .elementor-heading-title{font-size:24px}
.elementor-198 .elementor-element.as-services{padding:0 20px 120px;background:linear-gradient(to bottom,var(--as-cream) 0,var(--as-cream) 120px,var(--as-band) 120px)}
.elementor-198 .elementor-element.as-svc-grid{flex-direction:column;gap:40px}
.elementor-198 .elementor-element.as-about-bg{bottom:-20px}
.elementor-198 .elementor-element.as-about-bg .elementor-heading-title{font-size:64px}
.elementor-198 .elementor-element.as-footer{padding:48px 20px 24px}
.elementor-198 .elementor-element.as-foot-nav{flex-wrap:wrap;gap:12px 24px}
.elementor-198 .elementor-element.as-foot-bottom{flex-direction:column-reverse;align-items:flex-start;gap:20px;margin-top:48px}
.elementor-198 .elementor-element.as-tasty svg{width:80px;height:auto}
}


/* ===== 文章區塊：Loop Carousel / Loop Grid（卡片樣式請到「範本 > 佈景主題建構器 > Loop 項目」編輯） ===== */
.elementor-198 .elementor-element.as-loop-car{width:100%}
.elementor-198 .elementor-element.as-loop-car .swiper{cursor:grab}
.elementor-198 .elementor-element.as-loop-car .swiper-pagination.swiper-pagination-progressbar{position:relative;top:auto;bottom:auto;left:auto;width:400px;max-width:60%;height:4px;margin:70px auto 0;background:#E8E2D4}
.elementor-198 .elementor-element.as-loop-list{width:100%}
@media (max-width:767px){.elementor-198 .elementor-element.as-loop-car .swiper-pagination.swiper-pagination-progressbar{margin-top:40px}}/* End custom CSS */