活動專頁

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士永和中正店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士永和中正店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士中壢中山店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士中壢中山店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士蘆洲長安店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士蘆洲長安店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士台北台大店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士台北台大店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士台北馬偕店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士台北馬偕店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士台北重慶南店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士台北重慶南店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士台北小巨蛋店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士台北小巨蛋店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士三重正義北店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士三重正義北店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士板橋新埔店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士板橋新埔店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士新店中正店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士新店中正店

:root{
--green:#00843D;
--green-dark:#006630;
--text:#1f2937;
--muted:#6b7280;
--card:#ffffff;
--line:#e5e7eb;
--shadow:0 14px 40px rgba(0,0,0,.08);
--radius:22px;
}

*{box-sizing:border-box}

html,body{
margin:0;
padding:0;
min-height:100%;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
color:var(--text);
background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%);
}

body{
display:flex;
align-items:center;
justify-content:center;
padding:clamp(16px, 3vw, 32px);
}

.card{
width:clamp(320px, 88vw, 820px);
background:var(--card);
border:1px solid rgba(0,0,0,.04);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:clamp(24px, 4vw, 48px) clamp(18px, 4vw, 36px);
text-align:center;
}

.logo{
width:clamp(72px, 9vw, 96px);
height:clamp(72px, 9vw, 96px);
margin:0 auto 18px;
border-radius:24px;
background:var(--green);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:clamp(28px, 4vw, 34px);
}

h1{
margin:0 0 12px;
font-size:clamp(24px, 4vw, 36px);
line-height:1.4;
}

p{
margin:0;
color:var(--muted);
line-height:1.8;
font-size:clamp(14px, 2vw, 17px);
}

.actions{
margin-top:clamp(24px, 4vw, 36px);
}

.btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:clamp(84px, 12vw, 120px);
padding:clamp(18px, 3vw, 28px);
border-radius:22px;
text-decoration:none;
font-weight:900;
font-size:clamp(22px, 3.5vw, 32px);
line-height:1.35;
letter-spacing:.5px;
background:var(--green);
color:#fff;
box-shadow:0 14px 30px rgba(0,132,61,.22);
transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(0,132,61,.26);
}

.btn:active{
transform:scale(.98);
}

.subnote{
margin-top:16px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
line-height:1.7;
}

.store{
margin-top:18px;
font-size:clamp(12px, 1.8vw, 14px);
color:#9ca3af;
}


D

德克士新莊復興店

請點擊下方按鈕，使用 LINE APP 開啟點餐流程。

點我打開 LINE APP 點餐

若未順利開啟，請確認您的手機已安裝 LINE APP。

門市：德克士新莊復興店

德克士板橋新埔店｜點餐跳轉頁



:root{--green:#00843D;--green-dark:#006630;--text:#1f2937;--muted:#6b7280;--card:#fff;--line:#e5e7eb;--shadow:0 12px 36px rgba(0,0,0,.08);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--text);background:linear-gradient(180deg,#f7faf7 0%,#eef5ef 100%)}
body{display:flex;align-items:center;justify-content:center;padding:24px}.card{width:min(100%,560px);background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:18px;box-shadow:var(--shadow);padding:32px 24px;text-align:center}
.logo{width:72px;height:72px;margin:0 auto 18px;border-radius:20px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}
h1{margin:0 0 10px;font-size:28px}p{margin:0;color:var(--muted);line-height:1.7}.status{margin:18px 0 22px;padding:12px 14px;background:#f7faf7;border:1px solid #dcecdf;border-radius:14px;color:var(--green-dark);font-weight:700}
.actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn{display:block;width:100%;padding:15px 18px;border-radius:14px;text-decoration:none;font-weight:800}.btn-primary{background:var(--green);color:#fff}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.note{margin-top:16px;font-size:13px;color:#9ca3af}




D
正在為您開啟德克士板橋新埔店點餐…
系統將自動帶您前往快一點點餐頁，若未自動跳轉，請點下方按鈕。
正在初始化…

立即前往點餐
回上頁

門市：德克士板橋新埔店



const LIFF_ID="2009074644-kqodd0Y6";
const TARGET_URL="https://order.quickclick.cc/tw/food/P_r8NoOqQjl/";
const statusEl=document.getElementById("status");
function goToTarget(){statusEl.textContent="即將跳轉至快一點點餐頁…";window.location.replace(TARGET_URL);}
async function initApp(){
try{
statusEl.textContent="正在啟動 LIFF…";
await liff.init({ liffId: LIFF_ID });
if(!liff.isLoggedIn()){statusEl.textContent="正在登入 LINE…";liff.login({ redirectUri: window.location.href });return;}
statusEl.textContent="登入成功，準備跳轉…";
setTimeout(goToTarget,300);
}catch(error){console.error(error);statusEl.textContent="自動跳轉失敗，請點下方按鈕手動前往。";}
}
window.addEventListener("load", initApp);