{"id":3859,"date":"2026-06-26T10:42:13","date_gmt":"2026-06-26T03:42:13","guid":{"rendered":"https:\/\/dingfongfood.com\/careers-2\/"},"modified":"2026-06-26T10:42:14","modified_gmt":"2026-06-26T03:42:14","slug":"careers","status":"publish","type":"page","link":"https:\/\/dingfongfood.com\/th\/careers\/","title":{"rendered":"\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32"},"content":{"rendered":"\n<div class=\"wp-block-group careers-field is-layout-flow wp-container-core-group-is-layout-ad7c68f1 wp-block-group-is-layout-flow\"><!-- ============================================================================\n     CAREERS HERO \u2014 Figma node 176:4794 (\"page\/careers\"), top region.\n       \u2022 184:13258 \"hero-svg-clip\" (1440\u00d7821.271) \u2014 the light-blue sky banner with\n         a wavy bottom edge (vector 176:5415 \"hero-svg-for-clipimage\", fill #B4CFED).\n         The navbar overlays its top. Below the wave the orange page field shows.\n       \u2022 176:5508 \"header\" (on the orange field, page-y 872..1290):\n           176:5511 \"\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32\"  \u2014 brushy Sriracha title, white, flanked by 4\n                    leaves (green leaf-lg + orange leaf-sm on each side).\n           176:5562 subtitle  Kanit SemiBold 35.069px white, centred.\n           176:5563 intro     Kanit SemiBold 26.693px white, centred (2 lines).\n\n     \u26a0 HERO BG IS SVG-ONLY FOR NOW (per build plan): the banner is a flat #B4CFED\n       shape clipped to the wavy path. Once every careers section is in, swap the\n       <rect> for an <image> clipped by #careers-hero-clip \u2014 see the TODO below.\n\n     This section is TRANSPARENT (no own bg): it sits inside `.careers-field`\n     (orange + fruit line-art, painted in careers.html) so the orange shows below\n     the blue wave and behind the title\/intro. Live text is real HTML (SEO\/a11y);\n     the brush title is plain white Sriracha (the faithful live-text equivalent,\n     same as the about\/products heroes), the leaves are decorative SVGs.\n============================================================================ -->\n<section class=\"relative w-full\" data-careers-hero>\n  <!-- \u2500\u2500 HERO BANNER (full-bleed). A teamwork photo (Figma 176:4589, hands\n       together against a blue sky) clipped to the wavy \"hero-svg-clip\" shape\n       (176:5415). The navbar (position:absolute) overlays its top.\n       <lg (mobile\/tablet): a fixed 45svh tall so the banner reads as a proper\n       sky region (the aspect-locked ratio is only ~26vh tall on a phone \u2014 too\n       short). lg+: keep the Figma 1440\/821 aspect ratio.\n       slice (cover) on BOTH the outer svg and the <image> so the photo never\n       distorts when the box changes ratio \u2014 it crops instead. On lg the box\n       ratio already equals the viewBox, so it fits exactly.\n       lg:max-h-[90vh] caps the banner on big screens (the 1440\/821 aspect would be\n       ~1095px @1920 \u2014 taller than most viewports); the box just gets wider than the\n       ratio and the slice photo crops, no distortion.\n       \u26a0 The outer svg is anchored xMidYMax (NOT YMid): the wavy bottom edge of\n       the clip (176:5415) lives in the last ~60px of the viewBox, so when the\n       90vh cap (or 45svh mobile height) makes the box shorter than the cover\n       scale, YMid would crop top AND bottom \u2014 deleting the wave. YMax pins the\n       viewBox bottom to the box bottom: the wave always renders and only the\n       TOP of the photo is cropped (the absolute navbar overlays that region\n       anyway). When the box ratio equals the viewBox there is no crop and\n       YMax == YMid, so the uncapped lg layout is pixel-identical. -->\n  <div\n    class=\"pointer-events-none relative left-1\/2 h-[45svh] w-screen max-w-none -translate-x-1\/2 lg:h-auto lg:max-h-[90vh] lg:aspect-[1440\/821.271]\"\n    aria-hidden=\"true\"\n  >\n    <svg class=\"block h-full w-full\" viewBox=\"0 0 1440 821.271\" fill=\"none\" preserveAspectRatio=\"xMidYMax slice\">\n      <defs>\n        <clipPath id=\"careers-hero-clip\">\n          <path\n            d=\"M1440 0H0V787.095C0 787.095 440.22 729.277 733.29 763.17C1026.36 797.062 1173.79 850.89 1440 801.052V0Z\"\n          \/>\n        <\/clipPath>\n      <\/defs>\n      <g clip-path=\"url(#careers-hero-clip)\">\n        <!-- light-blue sky base behind the photo (matches the sky; covers any\n             sub-pixel edge so it always reads blue, never white) -->\n        <rect width=\"1440\" height=\"821.271\" fill=\"#B4CFED\" \/>\n        <image\n          href=\"https:\/\/dingfongfood.com\/wp-content\/themes\/dingfong-wp\/assets\/careers\/hero-bg.webp\"\n          x=\"0\"\n          y=\"0\"\n          width=\"1440\"\n          height=\"821.271\"\n          preserveAspectRatio=\"xMidYMid slice\"\n        \/>\n      <\/g>\n    <\/svg>\n  <\/div>\n\n  <!-- \u2500\u2500 TITLE + INTRO (on the orange field, below the blue wave) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"mx-auto w-full max-w-(--df-frame-max) px-6 pb-4 text-center\">\n    <!-- Title block \u2014 Figma careers-title (753\u00d7154). @container so the brush\n         title (cqw) and the 4 flanking leaves (% insets, from Figma) scale and\n         stay locked together. Real <h1> for SEO\/a11y. -->\n    <div class=\"@container relative mx-auto aspect-[753\/154] w-full max-w-[753px]\">\n      <!-- 176:5559 small orange leaf, upper-left -->\n      <img decoding=\"async\" src=\"https:\/\/dingfongfood.com\/wp-content\/themes\/dingfong-wp\/assets\/careers\/leaf-sm.svg\" alt=\"\" aria-hidden=\"true\"\n           class=\"pointer-events-none absolute left-[4.85%] top-[31.49%] h-[20.04%] w-[5.42%]\" \/>\n      <!-- 176:5558 large green leaf, lower-left -->\n      <img decoding=\"async\" src=\"https:\/\/dingfongfood.com\/wp-content\/themes\/dingfong-wp\/assets\/careers\/leaf-lg.svg\" alt=\"\" aria-hidden=\"true\"\n           class=\"pointer-events-none absolute left-0 top-[53.91%] h-[27.8%] w-[12.61%]\" \/>\n      <!-- 176:5561 small orange leaf, upper-right -->\n      <img decoding=\"async\" src=\"https:\/\/dingfongfood.com\/wp-content\/themes\/dingfong-wp\/assets\/careers\/leaf-sm-r.svg\" alt=\"\" aria-hidden=\"true\"\n           class=\"pointer-events-none absolute right-[4.85%] top-[31.49%] h-[20.04%] w-[5.42%]\" \/>\n      <!-- 176:5560 large green leaf, lower-right -->\n      <img decoding=\"async\" src=\"https:\/\/dingfongfood.com\/wp-content\/themes\/dingfong-wp\/assets\/careers\/leaf-lg-r.svg\" alt=\"\" aria-hidden=\"true\"\n           class=\"pointer-events-none absolute right-0 top-[53.91%] h-[27.8%] w-[12.61%]\" \/>\n\n      <!-- real heading for SEO \/ screen readers (visually hidden) -->\n      <h1 class=\"sr-only\">\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/h1>\n      <!-- decorative curved rendering (Sriracha along an SVG path) \u2014 SAME\n           mechanism as the products \"\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48!\" heading (curved-heading textPath\n           + white outline + drop-shadow). Per the standin-page convention only the\n           title COLOUR differs: --ember fill #EE7623 inside + white outline (vs\n           brand-orange on products \/ blue on about).\n           viewBox is widened to 900 (keeping the 753\/154 box ratio) so the longer\n           word fits along the arch at the shared 96px curved-heading font-size. -->\n      <svg\n        class=\"curved-heading curved-heading--ember absolute inset-0 h-full w-full\"\n        viewBox=\"0 0 900 184\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <defs>\n          <path id=\"careers-title-curve\" fill=\"none\" d=\"M 110 142 Q 450 62 790 142\" \/>\n        <\/defs>\n        <text text-anchor=\"middle\">\n          <textPath href=\"#careers-title-curve\" startOffset=\"50%\">\u0e23\u0e48\u0e27\u0e21\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32<\/textPath>\n        <\/text>\n      <\/svg>\n    <\/div>\n\n    <!-- 176:5562 subtitle (Kanit SemiBold 35.069px white) -->\n    <p\n      class=\"mt-6 font-display font-semibold leading-snug text-white sm:mt-8\"\n      style=\"font-size: clamp(1.25rem, 3.8vw, 2.19rem)\"\n    >\n      \u0e23\u0e48\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e01\u0e31\u0e1a \u0e15\u0e34\u0e48\u0e07\u0e1f\u0e07 \u0e1f\u0e39\u0e49\u0e14\u0e2a\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14    <\/p>\n\n    <!-- 176:5563 intro (Kanit SemiBold 26.693px white) -->\n    <p\n      class=\"mx-auto mt-5 max-w-[83.3%] font-display font-semibold leading-normal text-white\"\n      style=\"font-size: clamp(1rem, 3.2vw, 1.67rem)\"\n    >\n      \u0e01\u0e33\u0e25\u0e31\u0e07\u0e21\u0e2d\u0e07\u0e2b\u0e32\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c \u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 \u0e41\u0e25\u0e30\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e35\u0e48\u0e08\u0e30\u0e23\u0e48\u0e27\u0e21\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e44\u0e1b\u0e01\u0e31\u0e1a\u0e40\u0e23\u0e32\u0e43\u0e19\u0e2a\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e2a\u0e19\u0e43\u0e08\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e07\u0e32\u0e19    <\/p>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================================\n     CAREERS DETAIL \u2014 Figma node 176:5481 (\"careers-detail\"), the job-listing\n     accordion (1200-wide cards centred in the 1440 frame, on the orange field).\n       176:5498 card-open  \"\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e0d\u0e0a\u0e35 (\u0e1d\u0e31\u0e48\u0e07\u0e08\u0e48\u0e32\u0e22 \/ Account Payable)\" \u2014 OPEN by\n                default, white rounded card (r70), two columns: \u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23 \/\n                \u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e07\u0e32\u0e19. Title #4a6ab2, column heads #50a05c, body #4a6ab2.\n       176:5482 card-close-1 \"\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e (\u0e08\u0e1b.\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e)\"\n       176:5490 card-close-2 \"\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e (QC) (Food Science)\"\n     Toggle = orange circle (72px) with a white +\/\u2212 (\u2212 when open).\n\n     Built with native <details>\/<summary> \u2014 keyboard-accessible and JS-free; the\n     +\/\u2212 is pure CSS (.cr-toggle, src\/input.css). NOTE: Figma only specifies body\n     copy for the open card, so cards 2 & 3 reuse that two-column block as a\n     stand-in \u2014 swap in the real job descriptions when available.\n============================================================================ -->\n<section class=\"relative w-full\" data-careers-detail data-reveal>\n  <div class=\"mx-auto w-full max-w-[1200px] px-6 pb-16 pt-10 sm:pb-20 sm:pt-14\">\n\n          <details class=\"cr-card\" open>\n      <summary class=\"cr-summary\">\n        <h2 class=\"cr-title\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e0d\u0e0a\u0e35 (\u0e1d\u0e31\u0e48\u0e07\u0e08\u0e48\u0e32\u0e22 \/ Account Payable)<\/h2>\n        <span class=\"cr-toggle\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"cr-body\">\n        <div class=\"cr-cols\">\n          <div>\n            <h3 class=\"cr-coltitle\">\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23<\/h3>\n            <ul class=\"cr-list\">\n              <li>\u2013 \u0e27\u0e38\u0e12\u0e34\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e01\u0e32\u0e23\u0e1a\u0e31\u0e0d\u0e0a\u0e35 \u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e32\u0e02\u0e32\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/li><li>\u2013 \u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e35\u0e49 (AP) \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22 0\u20132 \u0e1b\u0e35 (\u0e22\u0e34\u0e19\u0e14\u0e35\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e08\u0e1a\u0e43\u0e2b\u0e21\u0e48)<\/li><li>\u2013 \u0e43\u0e0a\u0e49\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e41\u0e25\u0e30 Microsoft Excel \u0e44\u0e14\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e35<\/li><li>\u2013 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e23\u0e2d\u0e1a\u0e04\u0e2d\u0e1a \u0e0b\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e15\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a<\/li>            <\/ul>\n          <\/div>\n          <div>\n            <h3 class=\"cr-coltitle\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e07\u0e32\u0e19<\/h3>\n            <ul class=\"cr-list\">\n              <li>\u2013 \u0e08\u0e31\u0e14\u0e17\u0e33\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e35\u0e49\u0e41\u0e25\u0e30\u0e43\u0e1a\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e08\u0e48\u0e32\u0e22<\/li><li>\u2013 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e43\u0e1a\u0e41\u0e08\u0e49\u0e07\u0e2b\u0e19\u0e35\u0e49\u0e41\u0e25\u0e30\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e23\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19<\/li><li>\u2013 \u0e08\u0e31\u0e14\u0e17\u0e33\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e20\u0e32\u0e29\u0e35\u0e0b\u0e37\u0e49\u0e2d \u0e41\u0e25\u0e30\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e22\u0e2d\u0e14\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e35\u0e49<\/li><li>\u2013 \u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e07\u0e32\u0e19\u0e01\u0e31\u0e1a\u0e0b\u0e31\u0e1e\u0e1e\u0e25\u0e32\u0e22\u0e40\u0e2d\u0e2d\u0e23\u0e4c\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19<\/li>            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/details>\n        <details class=\"cr-card\">\n      <summary class=\"cr-summary\">\n        <h2 class=\"cr-title\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e (\u0e08\u0e1b.\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e)<\/h2>\n        <span class=\"cr-toggle\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"cr-body\">\n        <div class=\"cr-cols\">\n          <div>\n            <h3 class=\"cr-coltitle\">\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23<\/h3>\n            <ul class=\"cr-list\">\n              <li>\u2013 \u0e27\u0e38\u0e12\u0e34\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e2d\u0e19\u0e32\u0e21\u0e31\u0e22\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e32\u0e02\u0e32\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/li><li>\u2013 \u0e21\u0e35\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/li><li>\u2013 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22 \u0e2d\u0e32\u0e0a\u0e35\u0e27\u0e2d\u0e19\u0e32\u0e21\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e2a\u0e20\u0e32\u0e1e\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19<\/li>            <\/ul>\n          <\/div>\n          <div>\n            <h3 class=\"cr-coltitle\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e07\u0e32\u0e19<\/h3>\n            <ul class=\"cr-list\">\n              <li>\u2013 \u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19 \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 \u0e14\u0e39\u0e41\u0e25\u0e07\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e20\u0e32\u0e22\u0e43\u0e19\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19<\/li><li>\u2013 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e41\u0e01\u0e49\u0e44\u0e02<\/li><li>\u2013 \u0e08\u0e31\u0e14\u0e2d\u0e1a\u0e23\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19<\/li>            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/details>\n        <details class=\"cr-card\">\n      <summary class=\"cr-summary\">\n        <h2 class=\"cr-title\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e (QC) (Food Science)<\/h2>\n        <span class=\"cr-toggle\" aria-hidden=\"true\"><\/span>\n      <\/summary>\n      <div class=\"cr-body\">\n        <div class=\"cr-cols\">\n          <div>\n            <h3 class=\"cr-coltitle\">\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23<\/h3>\n            <ul class=\"cr-list\">\n              <li>\u2013 \u0e27\u0e38\u0e12\u0e34\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 \u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e32\u0e02\u0e32\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/li><li>\u2013 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e14\u0e49\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e \u0e40\u0e0a\u0e48\u0e19 GMP, HACCP, ISO 22000<\/li><li>\u2013 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e23\u0e2d\u0e1a\u0e04\u0e2d\u0e1a \u0e41\u0e25\u0e30\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15<\/li>            <\/ul>\n          <\/div>\n          <div>\n            <h3 class=\"cr-coltitle\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e07\u0e32\u0e19<\/h3>\n            <ul class=\"cr-list\">\n              <li>\u2013 \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e17\u0e35\u0e48\u0e17\u0e33\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15<\/li><li>\u2013 \u0e15\u0e23\u0e27\u0e08\u0e23\u0e31\u0e1a\u0e27\u0e31\u0e2a\u0e14\u0e38 \u0e15\u0e23\u0e27\u0e08\u0e23\u0e31\u0e1a\u0e27\u0e31\u0e15\u0e16\u0e38\u0e14\u0e34\u0e1a \u0e41\u0e25\u0e30\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23<\/li><li>\u2013 \u0e08\u0e31\u0e14\u0e17\u0e33\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 QC \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07<\/li>            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/details>\n      \n  <\/div>\n<\/section>\n<\/div>\n\n\n<!-- ============================================================================\n     CAREERS EMAIL BAND \u2014 Figma node 176:5571 (\"email-detail\"), the blue\n     \"\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e07\u0e32\u0e19\u0e17\u0e32\u0e07\" band (vector 176:5572 \"Rectangle 20\", #3C5DAB, wavy\n     top + bottom edges \u2192 assets\/careers\/email-band.svg, preserveAspectRatio none).\n       176:5574 heading   Sriracha 49.761px white, centred.\n       176:5575 e-mail    Kanit SemiBold 35.069px white.\n       176:5576 paragraph Kanit SemiBold 26.693px white.\n\n     FULL-BLEED (runs edge-to-edge past the capped frame). Height is content-driven\n     (padding), not aspect-locked, so the three lines never collide on narrow\n     screens; the wavy svg stretches to fill (its transparent corners let the\n     orange field above and the white contact block below show through the waves).\n============================================================================ -->\n<!-- BG = hard-stop gradient: orange (top half) \u2192 white (bottom half). The opaque\n     blue blob covers the centre, hiding the hard line; only the blob's wavy TOP\n     edge (reveals orange, blending with the orange field above) and wavy BOTTOM\n     edge (reveals white, blending with the white contact below) show the backdrop.\n     This keeps the orange\/white showing through the waves at ANY band height \u2014\n     no white sliver gap above the wave (the svg's transparent dips need a colour\n     behind them, not the white <body>). -->\n<section\n  class=\"relative left-1\/2 w-screen max-w-none -translate-x-1\/2 bg-[linear-gradient(to_bottom,#f58132_50%,#ffffff_50%)]\"\n  data-careers-email\n>\n  <!-- wavy blue shape, stretched to cover the whole band -->\n  <img decoding=\"async\"\n    src=\"https:\/\/dingfongfood.com\/wp-content\/themes\/dingfong-wp\/assets\/careers\/email-band.svg\"\n    alt=\"\"\n    aria-hidden=\"true\"\n    class=\"pointer-events-none absolute inset-0 h-full w-full\"\n  \/>\n\n  <!-- content (inside the capped 1440 column, centred) -->\n  <!-- data-reveal sits here, not on the <section>: the section is a full-bleed\n       breakout that re-centres via -translate-x-1\/2, and the reveal owns transform\n       \u2014 so it must live on this transform-free content wrapper (CLAUDE.md). -->\n  <div data-reveal class=\"relative mx-auto w-full max-w-(--df-frame-max) px-6 py-[clamp(3.5rem,9vw,7rem)] text-center text-white\">\n    <h2 class=\"font-accent leading-none\" style=\"font-size: clamp(1.75rem, 5vw, 3.11rem)\">\n      \u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e07\u0e32\u0e19\u0e17\u0e32\u0e07    <\/h2>\n    <p class=\"mt-5 font-display font-semibold leading-snug\" style=\"font-size: clamp(1.25rem, 3.8vw, 2.19rem)\">\n      E-mail : hr.info@dingfongfood.com    <\/p>\n    <p\n      class=\"mx-auto mt-4 max-w-[83.3%] font-display font-semibold leading-relaxed\"\n      style=\"font-size: clamp(1rem, 3vw, 1.67rem)\"\n    >\n      \u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e17\u0e35\u0e48\u0e1c\u0e39\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e44\u0e14\u0e49\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e07\u0e32\u0e19\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27 \u0e17\u0e32\u0e07\u0e1d\u0e48\u0e32\u0e22 HR \u0e08\u0e30\u0e21\u0e35\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e01\u0e31\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e07\u0e32\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e33\u0e01\u0e32\u0e23\u0e19\u0e31\u0e14\u0e2a\u0e31\u0e21\u0e20\u0e32\u0e29\u0e13\u0e4c\u0e07\u0e32\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e1b \u0e2b\u0e32\u0e01\u0e17\u0e48\u0e32\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e07\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07    <\/p>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================================\n     CAREERS CONTACT \u2014 Figma node 176:5565 (\"Group 15\") on the white panel\n     (176:5564 \"Rectangle 21\"). The HR contact block, centred:\n       176:5566 \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e15\u0e34\u0e48\u0e07\u0e1f\u0e07 \u0e1f\u0e39\u0e49\u0e14\u0e2a\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14     Kanit Bold 49.761px  #ee7623 (orange)\n       176:5567 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25  Kanit SemiBold 35.069px #4a6ab2 (blue)\n       176:5568 address + phone (2 lines)     Kanit Regular 26.693px #4a6ab2\n       176:5570 Email line (\u2026 \u0e2b\u0e23\u0e37\u0e2d \u2026 )          Kanit SemiBold, \"\u0e2b\u0e23\u0e37\u0e2d\" in #ee7623\n       176:5569 walk-in line                   Kanit Regular 26.693px #4a6ab2\n     White background (body shows through) so the footer's transparent-topped\n     green wave that follows reads off white, same as the other pages.\n============================================================================ -->\n<section class=\"relative w-full bg-white\" data-careers-contact data-reveal>\n  <div class=\"mx-auto w-full max-w-(--df-frame-max) px-6 py-[clamp(3rem,7vw,6rem)] text-center\">\n    <h2\n      class=\"font-display font-bold leading-tight text-[#ee7623]\"\n      style=\"font-size: clamp(1.75rem, 5vw, 3.11rem)\"\n    >\n      \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e15\u0e34\u0e48\u0e07\u0e1f\u0e07 \u0e1f\u0e39\u0e49\u0e14\u0e2a\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14    <\/h2>\n    <p\n      class=\"mt-6 font-display font-semibold leading-snug text-[#4a6ab2]\"\n      style=\"font-size: clamp(1.25rem, 3.8vw, 2.19rem)\"\n    >\n      \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25    <\/p>\n\n    <div class=\"mt-7 font-display leading-relaxed text-[#4a6ab2]\" style=\"font-size: clamp(1rem, 3vw, 1.67rem)\">\n      <p>63,63\/1 \u0e2b\u0e21\u0e39\u0e48\u0e17\u0e35\u0e48 9 \u0e15\u0e33\u0e1a\u0e25\u0e1a\u0e36\u0e07\u0e0a\u0e33\u0e2d\u0e49\u0e2d \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2b\u0e19\u0e2d\u0e07\u0e40\u0e2a\u0e37\u0e2d \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1b\u0e17\u0e38\u0e21\u0e18\u0e32\u0e19\u0e35 12170<\/p>\n      <p>\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c: 061-554-7947<\/p>\n      <p class=\"mt-2 font-semibold\">\n        Email : natthida@dingfongfood.com <span class=\"text-[#ee7623]\">\u0e2b\u0e23\u0e37\u0e2d<\/span> hr.info@dingfongfood.com      <\/p>\n      <p>\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e22\u0e37\u0e48\u0e19\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e14\u0e49\u0e27\u0e22\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3859","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dingfongfood.com\/th\/wp-json\/wp\/v2\/pages\/3859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dingfongfood.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dingfongfood.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dingfongfood.com\/th\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/dingfongfood.com\/th\/wp-json\/wp\/v2\/comments?post=3859"}],"version-history":[{"count":1,"href":"https:\/\/dingfongfood.com\/th\/wp-json\/wp\/v2\/pages\/3859\/revisions"}],"predecessor-version":[{"id":3861,"href":"https:\/\/dingfongfood.com\/th\/wp-json\/wp\/v2\/pages\/3859\/revisions\/3861"}],"wp:attachment":[{"href":"https:\/\/dingfongfood.com\/th\/wp-json\/wp\/v2\/media?parent=3859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}