1<!DOCTYPE html> 2<html lang="en-US"> 3 4<head> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta charset="utf-8"> 7 <link rel="stylesheet" href="/themes/starter/assets/css/styles.css?e76ca858befbceec49aca10f12b73a41" /> 8 <title>ååºè³è¨--èé®®ç-éå¼çèåå°é£½ éå¼çç¤åå°é£½ éå¼ç¤èåå°é£½ - èé®®çMr.M.EAT-éå¼çèåå°é£½ éå¼çç¤åå°é£½ éå¼ç¤èåå°é£½</title> 9<meta property="og:title" content="ååºè³è¨--èé®®ç-éå¼çèåå°é£½ éå¼çç¤åå°é£½ éå¼ç¤èåå°é£½ - èé®®çMr.M.EAT-éå¼çèåå°é£½ éå¼çç¤åå°é£½ éå¼ç¤èåå°é£½"> 10<meta name="twitter:title" content="ååºè³è¨--èé®®ç-éå¼çèåå°é£½ éå¼çç¤åå°é£½ éå¼ç¤èåå°é£½ - èé®®çMr.M.EAT-éå¼çèåå°é£½ éå¼çç¤åå°é£½ éå¼ç¤èåå°é£½"> 11<meta property="og:site_name" content="èé®®çMr.M.EAT-éå¼çèåå°é£½ éå¼çç¤åå°é£½ éå¼ç¤èåå°é£½"> 12<link rel="icon" href="/storage/23703/a2270a99-8402-4470-a950-a648fa124571/logo.png"> 13<link rel="canonical" href="https://www.mrmeat2019.com/store"> 14<meta property="og:url" content="https://www.mrmeat2019.com/store"> 15<meta name="description" content="使¼å°ä¸å屯/æ²é¹¿/大é çèé®®çâï¼ä»¥è¦ªæ°ç广 ¼ï¼æä¾å¤å åçé¤é»ï¼ä»¥èªå©å¼çåæ ï¼è®é¡§å®¢å¯ä»¥èªè¡æé¸é£æå份éï¼é¤äºææ´å¤å½æ§ç¨é¤çæ©æï¼ä¹è½æ¸å°æµªè²»é£ç©çæ æ³å!"> 16<meta property="og:description" content="使¼å°ä¸å屯/æ²é¹¿/大é çèé®®çâï¼ä»¥è¦ªæ°ç广 ¼ï¼æä¾å¤å åçé¤é»ï¼ä»¥èªå©å¼çåæ ï¼è®é¡§å®¢å¯ä»¥èªè¡æé¸é£æå份éï¼é¤äºææ´å¤å½æ§ç¨é¤çæ©æï¼ä¹è½æ¸å°æµªè²»é£ç©çæ æ³å!"> 17<meta name="twitter:description" content="使¼å°ä¸å屯/æ²é¹¿/大é çèé®®çâï¼ä»¥è¦ªæ°ç广 ¼ï¼æä¾å¤å åçé¤é»ï¼ä»¥èªå©å¼çåæ ï¼è®é¡§å®¢å¯ä»¥èªè¡æé¸é£æå份éï¼é¤äºææ´å¤å½æ§ç¨é¤çæ©æï¼ä¹è½æ¸å°æµªè²»é£ç©çæ æ³å!"> 18<meta name="image" property="og:image" content="https://www.mrmeat2019.com/storage/23703/a239f3c3-f1d0-4328-a7cd-138a77186b1d/2061301836.png" /> 19<meta name="twitter:card" content="summary_large_image" /> 20<meta name="twitter:image" content="https://www.mrmeat2019.com/storage/23703/a239f3c3-f1d0-4328-a7cd-138a77186b1d/2061301836.png" /> 21<meta name="keywords" content="å°ä¸ç¤è,å°ä¸éå¼çè,å°ä¸éå¼ç¤è,å°ä¸ç¾é£,å屯åçè,大é åç¾é£,æ²é¹¿ç¾é£,æ²é¹¿éå¼ç¤è"> 22<meta name="generator" content="Articulation - https://www.articulationsites.com"> 23<meta property="og:type" content="website"> 24 25<link rel="shortcut icon" href="https://www.weebly.com/editor/uploads/1/3/1/6/131620343/custom_themes/632255775675661453/files/69255340_120812829280826_4333994272249348096_n.jpg"> 26<meta name="google-site-verification" content="V0oyIzJ1HfBEAEzpr09KyF0ogWQ2YyGhYPWC7zi3Xd0" /> 27 <link rel="preconnect" href="https://assets.articulationsites.com" /> 28
28<script> 29 document.documentElement.classList.remove('dark') 30 </script>
30 31
31<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
31 32
32<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
32 33
33<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
33 34
34<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
34 35 <link href="/css/published.css?v=1599af1dd31c136b73844d19aef1421e" rel="stylesheet"/> 36 <style> 37 :root { 38 --color-text-dark-bg: #9ca3af; 39--color-text-dark-bg-heading: #f3f4f6; 40--color-text-light-bg: #2e4da7; 41--text-color: #2e4da7; 42--color-text-light-bg-heading: #000000; 43--heading-color: #000000; 44--font-heading: "Space Grotesk"; 45--font-text: "Space Grotesk"; 46--font-button: "Space Grotesk"; 47--font-nav_link: "Space Grotesk"; 48--font-quote: "Space Grotesk"; 49--color-primary-main: #e79455; 50--color-primary-light: #edb082; 51--color-primary-dark: #e17828; 52--color-primary-contrast: #000000; 53--color-secondary-main: #2D2D2A; 54--color-secondary-light: #474743; 55--color-secondary-dark: #131311; 56--color-secondary-contrast: #000000; 57--color-accent-main: #84DCC6; 58--color-accent-light: #ace7d8; 59--color-accent-dark: #5cd1b4; 60--color-accent-contrast: #000000; 61--color-success-main: #22c55e; 62--color-success-light: #3ddd78; 63--color-success-dark: #1a9a49; 64--color-success-contrast: #000000; 65--color-error-main: #dc2626; 66--color-error-light: #e35252; 67--color-error-dark: #b21d1d; 68--color-error-contrast: #FFFFFF; 69--link-color: #ffffff; 70--link-hover-color: #8c8c8c; 71--shape: 6px; 72--heading-2-font-size: 27px; 73--heading-2-line-height: 33.75px; 74--heading-2-font-weight: 700; 75--paragraph-font-size: 17px; 76--paragraph-line-height: 30px; 77--paragraph-letter-spacing: 1px; 78--nav-link-color: #525252; 79--nav-link-active-color: #a6a6a6; 80--nav-link-font-size: 18px; 81--nav-link-letter-spacing: 2px; 82--nav-link-text-transform: uppercase; 83--subnav-link-text-transform: uppercase; 84 } 85 </style> 86 <style id="site-css"> 87 88 </style> 89 90 <link rel="preconnect" href="https://fonts.googleapis.com" /> 91 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700"> 92</head> 93 94<body> 95 <div class="outer-container "> 96 <div class="inner-container"> 97 <div id="c6a5111c962365" class="component"> <header 98 class="layout-logo-left main-header " 99 style="--background-color: #ffffff; " 100 x-data 101 x-init=" 102 $store.nav.breakPoint = 1024; 103 $store.nav.checkIsMobile(0); 104 $nextTick(() => { 105 document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px'); 106 }) 107 " 108 @resize.window="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');" 109> 110 <nav 111 class="bg-(--background-color) bg-type-color " 112 :class="{ 113 'mobile-nav': $store.nav.mobile, 114 'mobile-nav-open': $store.nav.mobileMenuOpen 115 }" 116 style="--background-color: #ffffff;;" 117 x-ref="nav" 118 x-resize="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');" 119 x-cloak 120 > 121 <div class="nav-container"> 122 <div class="nav-outer"> 123 <div class="nav-inner"> 124 <a href="/" aria-label="logo" class="logo "> 125 <img
126 src="//cdn1.artcltn.com/storage/23703/a239f3c3-f1d0-4328-a7cd-138a77186b1d/2061301836.png" 127 alt="" 128 class="logo-auto resizeable-image resizeable-logo light-bg-logo" 129 style="" 130 > 131 <img 132 src="//cdn1.artcltn.com/storage/23703/a239f3c3-f1d0-4328-a7cd-138a77186b1d/2061301836.png" 133 alt="" 134 class="logo-auto dark-bg-logo" 135 style="" 136 > 137 </a> 138 139 <div class="mobile-menu-button-container"> 140 <button 141 aria-label="hamburger" 142 class="mobile-menu-button" 143 @click="$store.nav.mobileMenuOpen = !$store.nav.mobileMenuOpen; $nextTick(() => { window.scrollTo(0,0) });" 144 x-data x-cloak 145 > 146 <div 147 class="mobile-cart-alert" 148 aria-hidden="true" 149 x-data 150 x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile" 151 > 152 <span x-text="$store.commerceCart.totalQuantity"></span> 153 </div> 154 <div aria-hidden="true" 155 style="--background-color: #164e63;" 156 class="mobile-menu-button-piece mobile-piece-top bg-(--background-color) bg-type-color"></div> 157 <div aria-hidden="true" 158 style="--background-color: #164e63;" 159 class="mobile-menu-button-piece mobile-piece-bottom bg-(--background-color) bg-type-color"></div> 160 </button> 161 </div> 162 </div> 163 <div 164 :aria-hidden="!$store.nav.mobile" 165 class="mobile-nav-backdrop" 166 @click="$store.nav.mobileMenuOpen = false" 167 ></div> 168 <div 169 class="nav-list-container" 170 style="padding-block: 32px;" 171 x-show="!$store.nav.mobile" 172 x-cloak 173 > 174 <div class="nav-list-container-inner"> 175 <ul 176 class="main-nav-list" 177 x-data 178 x-navigation="{ allowCollapseToMore: true }" 179> 180 <li 181 class="main-nav-item" 182 id="Q7wnYu5X" 183> 184 <a href="/" 185 class="nav-link " 186 > 187 <span>é¦é </span> 188 </a> 189 </li> 190 191 <li 192 class="main-nav-item" 193 id="AwDc3yal" 194> 195 <a href="/menu" 196 class="nav-link " 197 > 198 <span>ååä¸è¦½</span> 199 </a> 200 </li> 201 202 <li 203 class="main-nav-item" 204 id="G20nsTSe" 205> 206 <a href="/about" 207 class="nav-link " 208 > 209 <span>éæ¼æå</span> 210 </a> 211 </li> 212 213 <li 214 class="main-nav-item" 215 id="Nh49XqJt" 216> 217 <a href="/store" 218 class="nav-link active" 219 > 220 <span>ååºè³è¨</span> 221 </a> 222 </li> 223 224 <li 225 class="main-nav-item" 226 id="tRHmuBJX" 227> 228 <a href="/recommend" 229 class="nav-link " 230 > 231 <span>é¨è½å®¢æ¨è¦</span> 232 </a> 233 </li> 234 235 <li 236 class="main-nav-item" 237 id="KZwE9b8F" 238> 239 <a href="/video" 240 class="nav-link " 241 > 242 <span>å½±é³ç¹å</span> 243 </a> 244 </li> 245 246 <li 247 class="main-nav-item" 248 id="O0SDoCDb" 249> 250 <a href="/contact" 251 class="nav-link " 252 > 253 <span>è¯çµ¡æå</span> 254 </a> 255 </li> 256 257 <li 258 class="main-nav-item" 259 id="nav-more-link" 260> 261 <a href="#" 262 class="nav-link " 263 > 264 <span>More...</span> 265 </a> 266 <ul 267 class="subnav subnav-level-1 subnav-parent-nav-more-link" 268> 269 <li id="subnav-Q7wnYu5X"> 270 <a 271 href="/" 272 class="nav-link" 273 >
274 <span class="subnav-label"> 275 é¦é 276 </span> 277 </a> 278 </li> 279 280 <li id="subnav-AwDc3yal"> 281 <a 282 href="/menu" 283 class="nav-link" 284 > 285 <span class="subnav-label"> 286 ååä¸è¦½ 287 </span> 288 </a> 289 </li> 290 291 <li id="subnav-G20nsTSe"> 292 <a 293 href="/about" 294 class="nav-link" 295 > 296 <span class="subnav-label"> 297 éæ¼æå 298 </span> 299 </a> 300 </li> 301 302 <li id="subnav-Nh49XqJt"> 303 <a 304 href="/store" 305 class="nav-link" 306 > 307 <span class="subnav-label"> 308 ååºè³è¨ 309 </span> 310 </a> 311 </li> 312 313 <li id="subnav-tRHmuBJX"> 314 <a 315 href="/recommend" 316 class="nav-link" 317 > 318 <span class="subnav-label"> 319 é¨è½å®¢æ¨è¦ 320 </span> 321 </a> 322 </li> 323 324 <li id="subnav-KZwE9b8F"> 325 <a 326 href="/video" 327 class="nav-link" 328 > 329 <span class="subnav-label"> 330 å½±é³ç¹å 331 </span> 332 </a> 333 </li> 334 335 <li id="subnav-O0SDoCDb"> 336 <a 337 href="/contact" 338 class="nav-link" 339 > 340 <span class="subnav-label"> 341 è¯çµ¡æå 342 </span> 343 </a> 344 </li> 345 346 </ul> 347 348 </li> 349 350 </ul> 351 352 </div> 353 354 355 356 </div> 357 <div 358 class="mobile-nav-overlay" 359 x-show="$store.nav.mobile && $store.nav.mobileMenuOpen" 360 x-transition.opacity.duration.200ms 361 x-cloak 362> 363 <div 364 class="mobile-nav-panels" 365 x-data="mobileNavigation" 366 x-effect="if (!$store.nav.mobileMenuOpen || !$store.nav.mobile) resetSubnav()" 367 x-cloak 368> 369 <div 370 class="mobile-nav-panel mobile-nav-panel--root" 371 :class="{ 'is-shifted': hasSubnavOpen() }" 372 > 373 <ul class="mobile-nav-links"> 374 375 376 <li 377 class="mobile-main-nav-item" 378 id="Q7wnYu5X" 379> 380 <a 381 href="/" 382 class="mobile-nav-link " 383 >é¦é </a> 384 </li> 385 386 <li 387 class="mobile-main-nav-item" 388 id="AwDc3yal" 389> 390 <a 391 href="/menu" 392 class="mobile-nav-link " 393 >ååä¸è¦½</a> 394 </li> 395 396 <li 397 class="mobile-main-nav-item" 398 id="G20nsTSe" 399> 400 <a 401 href="/about" 402 class="mobile-nav-link " 403 >éæ¼æå</a> 404 </li> 405 406 <li 407 class="mobile-main-nav-item" 408 id="Nh49XqJt" 409> 410 <a 411 href="/store" 412 class="mobile-nav-link active" 413 >ååºè³è¨</a> 414 </li> 415 416 <li 417 class="mobile-main-nav-item" 418 id="tRHmuBJX" 419> 420 <a 421 href="/recommend" 422 class="mobile-nav-link " 423 >é¨è½å®¢æ¨è¦</a> 424 </li> 425 426 <li 427 class="mobile-main-nav-item" 428 id="KZwE9b8F" 429> 430 <a 431 href="/video" 432 class="mobile-nav-link " 433 >å½±é³ç¹å</a> 434 </li> 435 436 <li 437 class="mobile-main-nav-item" 438 id="O0SDoCDb" 439> 440 <a 441 href="/contact" 442 class="mobile-nav-link " 443 >è¯çµ¡æå</a> 444 </li> 445 446 </ul> 447 </div> 448 449 450 451 452 453 454 455 456 </div> 457 458 <div class="mobile-nav-overlay-buttons"> 459 </div> 460</div> 461 462 </div> 463 </div> 464 </nav> 465</header> 466 467</div> 468 <main> 469 <div id="c6a5111cd23e7d" class="component"><div > 470 <div id="c6ab3b298186dd" class="component"><section 471 id="page-section" 472 style="--text-color: #ffffff; --paragraph-font-size: 19px; --paragraph-line-height: 1.3em; --paragraph-font-size-tablet: 19px; --paragraph-line-height-tablet: 1.3em; --paragraph-font-size-mobile: 19px; --paragraph-line-height-mobile: 1.3em; --heading-2-font-size: 70px; --heading-2-line-height: 1.3em; --heading-2-font-size-tablet: 49px; --heading-2-line-height-tablet: 1.3em; --heading-2-font-size-mobile: 35px; --heading-2-line-height-mobile: 1.3em;
472 --background-image: url('//cdn1.artcltn.com/storage/23703/a239f3c3-f1d0-4328-a7cd-138a77186b1d/s__9592867.jpg'); --min-height-desktop: 937px; --min-height-tablet: 400px; --min-height-mobile: 250px;" 473 class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-[image:var(--background-image)] bg-no-repeat bg-center bg-cover bg-type-image hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 474> 475 476 477 <div 478 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg: md: " 479 style="padding-block: 48px;" 480 481 > 482 <div id="c6ab3b298186e7" class="component"><div style="height: 50px"></div> 483</div><div id="c6ab3b298186ec" class="component"><div style="height: 50px"></div> 484</div> 485 486 </div> 487</section> 488</div><div id="c6a5111d19ab6d" class="component"><section 489 id="page-section" 490 style="--min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 491 class="page-section transition-all z-10 relative bg-type-none hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 492> 493 494 495 <div 496 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 497 style="padding-block: 48px;" 498 499 > 500 <div id="c6a5111d19ab11" class="component"><div 501 class="" 502 style="" 503> 504 <div 505 class="embed-code-component transition-all overflow-hidden lg:w-full md:w-full w-full lg:rounded-md md:rounded-md rounded-md mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 506 style="text-align: left; " 507 > 508 <!-- 1. å¼å ¥ Google Fonts ææºæé« (Noto Serif TC) --> 509<link rel="preconnect" href="https://fonts.googleapis.com"> 510<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 511<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght=400;500;600;700&display=swap" rel="stylesheet"> 512 513<!-- 2. CSS ç¾ä»£æ·±ç°ç¾å¸ï¼è¡åè£ç½® RWD åªåï¼å¤å°åæ¨£å¼ --> 514<style> 515 /* å¾®ä½ç§»æ·¡å ¥åç« */ 516 @keyframes storeCardFadeIn { 517 from { 518 opacity: 0; 519 transform: translateY(30px); 520 } 521 to { 522 opacity: 1; 523 transform: translateY(0); 524 } 525 } 526 527 /* 主容å¨ï¼ç´ç½èæ¯ï¼ */ 528 .stores-multi-section { 529 font-family: 'Noto Serif TC', serif; 530 background-color: #ffffff; 531 padding: 90px 20px; 532 overflow: hidden; 533 } 534 535 .stores-multi-container { 536 max-width: 1050px; 537 margin: 0 auto; 538 } 539 540 /* å®å®¶ååºå®æ´å¤§åå¡ï¼é»è ¦çæ©«å Flexï¼ */ 541 .store-card-row { 542 display: flex; 543 justify-content: space-between; 544 align-items: center; 545 flex-wrap: wrap; 546 gap: 50px; 547 border-bottom: 1px solid #eeeeee; 548 padding-bottom: 50px; 549 margin-bottom: 50px; 550 } 551 .store-card-row:last-child { 552 border-bottom: none; 553 padding-bottom: 0; 554 margin-bottom: 0; 555 } 556 557 /* é»è ¦çå·¦å³äº¤é¯æå */ 558 .row-reverse { 559 flex-direction: row-reverse; 560 } 561 562 /* ç¨ç«å°å夿¡å®¹å¨ */ 563 .store-map-box-multi { 564 flex: 1.1; 565 min-width: 340px; 566 height: 350px; 567 border: 1px solid #e0e0e0; 568 padding: 10px; 569 background-color: #fafafa; 570 box-sizing: border-box; 571 position: relative; 572 } 573 574 /* å°åå·¦ä¸è§ç²¾ç·»æ©è§ */ 575 .store-map-box-multi::before { 576 content: ""; 577 position: absolute; 578 top: -2px; 579 left: -2px; 580 width: 16px; 581 height: 16px; 582 border-top: 3px solid #e79455; 583 border-left: 3px solid #e79455; 584 } 585 586 /* æåè³è¨æ¬ */ 587 .store-info-box-multi { 588 flex: 1; 589 min-width: 340px; 590 } 591 592 /* ä¸å£¢åºå°å±¬äº¤éæå¼æ¡ */ 593 .traffic-box-multi { 594 background-color: #fcfcfc; 595 border-left: 2px solid #e79455; 596 padding: 20px; 597 margin-top: 20px; 598 } 599 600 /* åç«æ§å¶ */ 601 .store-card-animate { 602 opacity: 0; 603 animation: storeCardFadeIn 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; 604 } 605 .sc-delay-1 { animation-delay: 0.2s; } 606 .sc-delay-2 { animation-delay: 0.4s; } 607 .sc-delay-3 { animation-delay: 0.6s; } 608 609 /* =================================================== 610 ãææ©æ¿ RWD é¿æå¼ä½å±éçµã 611 =================================================== */ 612 @media screen and (max-width: 768px) { 613 .stores-multi-section { 614 padding: 60px 15px; /* 縮å°è¡åè£ç½®çå¤è· */ 615 } 616 617 .store-card-row { 618 flex-direction: column !important; /* å¼·å¶æ¹çºåç´å®æ¬æåï¼ä¸è«é åè½ */ 619 align-items: stretch; /* å §å®¹å·¦å³ææ»¿ */ 620 gap: 25px; /* 縮çå°åèæåä¹éçéè· */ 621 padding-bottom: 40px; 622 margin-bottom: 40px; 623 } 624 625 .store-map-box-multi { 626 width: 100%; 627 min-width: 100%; 628 height: 260px; /* ææ©çå°åé«åº¦é»éæ¯ä¾ï¼é²æ¢é度æé· */ 629 } 630 631 .store-info-box-multi { 632 width: 100%; 633 min-width: 100%; 634 } 635 636 .store-info-box-multi h3 { 637 font-size: 21px !important; /* ç¨å¾®ç¸®å°æ¨é¡é¿å ææ©ç太çªå */ 638 margin-bottom: 15px !important; 639 } 640 641 .store-info-box-multi ul { 642 font-size: 14px !important; /* 調æ´å §æåé«é«æ */ 643 } 644 } 645</style> 646 647<!-- 3. HTML çµæ§ --> 648<section class="stores-multi-section"> 649 <div class="stores-multi-container"> 650 651 <!-- ==================== 1. å°ä¸å¤§é åº ==================== --> 652 <div class="store-card-row store-card-animate sc-delay-1"> 653 <!-- å°ååå¡ --> 654 <div class="store-map-box-multi"> 655 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3638.651236991702!2d120.6482159!3d24.2189914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346917bbb63e0cbd%3A0x8045908877c2252d!2z6IKJ6a6u55Sf6Z-T5byP54Ok6IKJIOWkp-mbheW6lw!5e0!3m2!1szh-TW!2stw!4v1779442082615!5m2!1szh-TW!2stw" width="100%" height="100%" style="border:0; filter: grayscale(5%) brightness(0.98);" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> 656 </iframe> 657 </div> 658 <!-- è³è¨åå¡ --> 659 <div class="store-info-box-multi"> 660 <h3 style="font-size: 24px; font-weight: 700; color: #222222; letter-spacing: 3px; margin: 0 0 20px 0; display: flex; align-items: center;">
661 <span style="color: #e79455; margin-right: 12px; font-size: 14px;">â</span>èé®®ç å°ä¸å¤§é åº 662 </h3> 663 <ul style="list-style: none; padding: 0; margin: 0; line-height: 2.1; font-size: 15px; color: #444444; letter-spacing: 1.5px;"> 664 <li><strong style="color: #222222; font-weight: 600;">è¨ä½å°ç·ï½</strong><span style="font-size: 18px; font-weight: 600; color: #e79455; letter-spacing: 0.5px;">04-25605328</span></li> 665 <li style="margin-top: 6px;"><strong style="color: #222222; font-weight: 600;">éå¸å°åï½</strong>å°ä¸å¸å¤§é å䏿¸ è·¯ä¸æ®µ985è</li> 666 <li style="margin-top: 6px; align-items: flex-start; display: flex;"> 667 <strong style="color: #222222; font-weight: 600; flex-shrink: 0;">çæ¥æéï½</strong> 668 <span>11:00 - 22:30 <br><span style="font-size: 13px; color: #666666;">ï¼ ä¾åæ¥å ¨å¤©çæ¥ ï½ å¹³æ¥ 15:30 - 17:00 伿¯ ï¼</span></span> 669 </li> 670 </ul> 671 </div> 672 </div> 673 674 675 <!-- ==================== 2. æ¡åä¸å£¢åº ==================== --> 676 <div class="store-card-row row-reverse store-card-animate sc-delay-2"> 677 <!-- å°ååå¡ --> 678 <div class="store-map-box-multi"> 679 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3617.1412310353644!2d121.22512919999998!3d24.961309099999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346823282e5ae841%3A0xa11bea3ba250a274!2z6IKJ6a6u55SfKOS4reWjouW6lykt5Lit5aOi5ZCD5Yiw6aO9IOS4reWjoumfk-W8j-eHkuiCiSDkuK3lo6Lpn5PlvI_ng6Togokg5Lit5aOi6Z-T5byP5ZCD5Yiw6aO9!5e0!3m2!1szh-TW!2stw!4v1779442039681!5m2!1szh-TW!2stw" width="100%" height="100%" style="border:0; filter: grayscale(5%) brightness(0.98);" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> 680 </iframe> 681 </div> 682 <!-- è³è¨åå¡ --> 683 <div class="store-info-box-multi"> 684 <h3 style="font-size: 24px; font-weight: 700; color: #222222; letter-spacing: 3px; margin: 0 0 20px 0; display: flex; align-items: center;"> 685 <span style="color: #e79455; margin-right: 12px; font-size: 14px;">â</span>èé®®ç æ¡åä¸å£¢åº 686 </h3> 687 <ul style="list-style: none; padding: 0; margin: 0; line-height: 2.1; font-size: 15px; color: #444444; letter-spacing: 1.5px;"> 688 <li><strong style="color: #222222; font-weight: 600;">è¨ä½å°ç·ï½</strong><span style="font-size: 18px; font-weight: 600; color: #e79455; letter-spacing: 0.5px;">03-4265100</span></li> 689 <li style="margin-top: 6px;"><strong style="color: #222222; font-weight: 600;">éå¸å°åï½</strong>æ¡åå¸ä¸å£¢åæ æ ä¸è¡136è <span style="font-size: 13px; color: #666666;">( è¿å¨å°¼æ¯å½±å / SOGO )</span></li> 690 <li style="margin-top: 6px; align-items: flex-start; display: flex;"> 691 <strong style="color: #222222; font-weight: 600; flex-shrink: 0;">çæ¥æéï½</strong> 692 <span> 693 å¹³æ¥ 11:30 - 15:30 ï½ 17:00 - 22:30<br> 694 <span style="font-size: 13px; color: #666666;">ä¾åæ¥è鱿« 11:00 - 22:30ï¼å ¨å¤©çæ¥ï¼</span> 695 </span> 696 </li> 697 </ul> 698 699 <!-- ä¸å£¢åºäº¤éæå --> 700 <div class="traffic-box-multi"> 701 <h4 style="font-size: 13.5px; font-weight: 700; color: #222222; margin: 0 0 8px 0; letter-spacing: 1.5px;">Station Traffic ï½ äº¤éæå¼</h4> 702 <ol style="padding-left: 16px; margin: 0; line-height: 1.8; font-size: 13px; color: #555555; letter-spacing: 1px;"> 703 <li style="margin-bottom: 2px;">æ¼ä¸å£¢ç«è»ç«åç«æä¹ SOGO å è²»æ¥é§å·´å£«ã</li> 704 <li style="margin-bottom: 2px;">æµé SOGO 徿¥è¡è³å¨å°¼æ¯å½±åã</li> 705 <li>å¾å¨å°¼æ¯å½±åæ¥è¡è³èé®®çï¼ç´ 1~2 åéè·¯ç¨ï¼ã</li> 706 </ol> 707 </div> 708 </div> 709 </div> 710 711 712 <!-- ==================== 3. æ°ç«¹æ©ä¸åº ==================== --> 713 <div class="store-card-row store-card-animate sc-delay-3"> 714 <!-- å°ååå¡ --> 715 <div class="store-map-box-multi"> 716 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3621.9272830096866!2d120.96334809999999!3d24.7979434!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3468359342222d41%3A0x5143e3f71a594b87!2zMzAw5paw56u55biC5p2x5Y2A5oyv6IiI6YeM
7165Zub57at6LevOOiZnw!5e0!3m2!1szh-TW!2stw!4v1779441958151!5m2!1szh-TW!2stw" width="100%" height="100%" style="border:0; filter: grayscale(5%) brightness(0.98);" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> 717 </iframe> 718 </div> 719 <!-- è³è¨åå¡ --> 720 <div class="store-info-box-multi"> 721 <h3 style="font-size: 24px; font-weight: 700; color: #222222; letter-spacing: 3px; margin: 0 0 20px 0; display: flex; align-items: center;"> 722 <span style="color: #e79455; margin-right: 12px; font-size: 14px;">â</span>èé®®ç æ°ç«¹æ©ä¸åº 723 </h3> 724 <ul style="list-style: none; padding: 0; margin: 0; line-height: 2.1; font-size: 15px; color: #444444; letter-spacing: 1.5px;"> 725 <li><strong style="color: #222222; font-weight: 600;">è¨ä½å°ç·ï½</strong><span style="font-size: 18px; font-weight: 600; color: #e79455; letter-spacing: 0.5px;">03-5252521</span></li> 726 <li style="margin-top: 6px;"><strong style="color: #222222; font-weight: 600;">éå¸å°åï½</strong>æ°ç«¹å¸åååç¶è·¯8è</li> 727 <li style="margin-top: 6px; align-items: flex-start; display: flex;"> 728 <strong style="color: #222222; font-weight: 600; flex-shrink: 0;">çæ¥æéï½</strong> 729 <span> 730 å¹³æ¥ 11:30 - 15:30 ï½ 17:00 - 22:00<br> 731 <span style="font-size: 13px; color: #666666;">ä¾åæ¥è鱿« 11:00 - 22:30ï¼å ¨å¤©çæ¥ï¼</span> 732 </span> 733 </li> 734 </ul> 735 </div> 736 </div> 737 738 </div> 739</section> 740 </div> 741</div> 742</div> 743 744 </div> 745</section> 746</div> 747</div> 748</div> 749 </main> 750 <footer> 751 <div class="footer-inner"> 752 <div id="c6a5111c962397" class="component"><section 753 id="page-section" 754 style="--text-color: #8e8e8e; --background-color: var(--color-primary-main); --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 755 class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 756> 757 758 759 <div 760 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 761 style="padding-block: 48px;" 762 763 > 764 <div id="c6a5111d1cf1f9" class="component"><div 765 class="" 766 style="" 767> 768 <div 769 class="embed-code-component transition-all overflow-hidden lg:w-full md:w-full w-full lg:rounded-md md:rounded-md rounded-md mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 770 style="text-align: left; " 771 > 772 <!-- 1. å¼å ¥ Google Fonts ææºæé« (Noto Serif TC) --> 773<link rel="preconnect" href="https://fonts.googleapis.com"> 774<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 775<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600&display=swap" rel="stylesheet"> 776 777<!-- 2. CSS 奢è¯å¤§çç³é å°¾ï¼ææ©çé¿æå¼åªåï¼æ¨£å¼ --> 778<style> 779 /* é å°¾å°å±¬å¾®ä½ç§»æ·¡å ¥åç« */ 780 @keyframes footerMarbleFadeIn { 781 from { 782 opacity: 0; 783 transform: translateY(20px); 784 } 785 to { 786 opacity: 1; 787 transform: translateY(0); 788 } 789 } 790 791 /* é å°¾ä¸»å®¹å¨ */ 792 .marble-footer-section { 793 font-family: 'Noto Serif TC', serif; 794 background-color: transparent; 795 padding: 75px 20px; 796 text-align: center; 797 overflow: hidden; 798 } 799 800 .marble-footer-container { 801 max-width: 700px; 802 margin: 0 auto; 803 opacity: 0; 804 animation: footerMarbleFadeIn 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards; 805 } 806 807 /* å°è¦½å容å¨ï¼é»è ¦çä½¿ç¨ flex ç¶ææ©«æï¼ */ 808 .footer-nav-group { 809 display: flex; 810 justify-content: center; 811 align-items: center; 812 flex-wrap: wrap; /* 容許èªç¶æè¡å®å ¨æ©å¶ */ 813 letter-spacing: 4px; 814 margin-bottom: 22px; 815 } 816 .footer-nav-group:last-child { 817 margin-bottom: 40px; 818 } 819 820 /* å°è¦½é£çµåºç¤æ¨£å¼ */ 821 .footer-marble-link { 822 color: rgba(255, 255, 255, 0.9); 823 text-decoration: none; 824 font-weight: 500; 825 transition: color 0.3s ease; 826 display: inline-block; 827 } 828 829 /* æ¸ååæ ç¦é» */ 830 .footer-marble-link:hover { 831 color: #e79455; 832 } 833 834 /* åéç·æ¨£å¼ */ 835 .footer-marble-divider { 836 color: rgba(255, 255, 255, 0.25); 837 margin: 0 18px; 838 } 839 840 /* =================================================== 841 ãææ©æ¿ RWD é¿æå¼æ ¸å¿ä¿®æ£ã 842 =================================================== */ 843 @media screen and (max-width: 768px) { 844 .marble-footer-section { 845 padding: 50px 15px; /* ç¸®å°ææ©çä¸ä¸çç½ */ 846 } 847 848 /* è®å ©è¡å°è¦½åé«ï¼ä¸¦æ¹çº 50% å ©æ¬å¹³éªæåï¼ç«é¢æå¹³è¡¡ */ 849 .footer-nav-group { 850 display: grid; 851 grid-template-columns: repeat(2, 1fr); /* ååå·¦å³ååå ©æ¬ */ 852 gap: 16px 0; /* æ§å¶ææ©çæåä¸ä¸å·¦å³çå¼å¸éè· */ 853 margin-bottom: 0 !important; 854 } 855 .footer-nav-group:last-child { 856 margin-top: 16px; /* è£é½ä¸ä¸æéè· */ 857 margin-bottom: 35px !important; 858 } 859 860 /* ææ©çå®å ¨é±è忬çç´ç· | åé符èï¼é¿å æ·è¡é¯ä½ */ 861 .footer-marble-divider { 862 display: none !important; 863 } 864 865 /* ææ©çæåç´°ç¯èª¿æ´ */ 866 .footer-marble-link { 867 font-size: 14px; /* ç¨å¾®ç¸®å°åé«é²æ¢æº¢åº */ 868 padding: 8px 0; /* å 大觸æ§ç¯åï¼æ¹ä¾¿ææ©é»æ */ 869 letter-spacing: 2px; /* ç¨å¾®å §èåè· */ 870 } 871 } 872</style> 873 874<!-- 3. HTML çµæ§ --> 875<footer class="marble-footer-section"> 876 <div class="marble-footer-container"> 877
878 <!-- 幾使¥µç°¡ç½éå±¬é£¾ç· --> 879 <div style="width: 50px; height: 1px; background-color: rgba(255, 255, 255, 0.3); margin: 0 auto 40px auto;"></div> 880 881 <nav style="font-size: 15px;"> 882 883 <!-- 第ä¸è¡ï¼ä¸»å°è¦½ --> 884 <div class="footer-nav-group"> 885 <a href="/" class="footer-marble-link">é¦é </a> 886 <span class="footer-marble-divider">|</span> 887 <a href="/about" class="footer-marble-link">éæ¼æå</a> 888 <span class="footer-marble-divider">|</span> 889 <a href="/menu" class="footer-marble-link">ååä¸è¦½</a> 890 <span class="footer-marble-divider">|</span> 891 <a href="/store" class="footer-marble-link">ååºè³è¨</a> 892 </div> 893 894 <!-- 第äºè¡ï¼äºåè¡é· --> 895 <div class="footer-nav-group"> 896 <a href="/recommend" class="footer-marble-link">é¨è½å®¢æ¨è¦</a> 897 <span class="footer-marble-divider">|</span> 898 <a href="/video" class="footer-marble-link">å½±é³ç¹å</a> 899 <span class="footer-marble-divider">|</span> 900 <a href="/contact" class="footer-marble-link">è¯çµ¡æå</a> 901 </div> 902 903 </nav> 904 905 <!-- åºé¨ç´°å¸¶ï¼çæ¬ææè²æï¼å¾®ç¸®ç´ç½åé«ï¼ --> 906 907 908 </div> 909</footer> 910 </div> 911</div> 912</div><div id="c6a5111d1cf266" class="component"><div 913 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 914 style="" 915> 916 <div class="text-option"><div class="ql-align-center"><span style="color:#ffffff; font-size:10px;">Copyright © 2020 肉鮮生Mr.meat All rights reserved.<br />​ Design by <a href="https://www.facebook.com/CHUNFADESIGN/" target="_blank">春發創意企劃有限公司</a></span></div></div> 917</div> 918</div> 919 920 </div> 921</section> 922</div> 923 </div> 924 </footer> 925 </div> 926 </div> 927 928<div 929 x-transition 930 x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile" 931 x-data 932 class="z-50 fixed flex p-5 right-0 bottom-0" 933> 934 <a href="/c/cart"> 935 <span title="Cart" class="art-cart-button transition-all flex p-2 rounded-full hover:scale-110 border border-(--color-text-dark-bg-heading) bg-(--color-primary-main) text-(--color-text-dark-bg-heading)"> 936 <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 937 <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/> 938</svg> 939 <p class="pl-1" 940 x-text="$store.commerceCart.totalQuantity"> 941 </p> 942 </span> 943 </a> 944</div> 945</body> 946 947</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.