[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"layout-default-company-info":3,"$f1jkK0u9Kp58ZV0iI2f_8i3DJB6b6tOEB44QXtG6LtRI":15,"$f3a1MVzJfVFHMBATMU7tFWqzs_wWwcCDu7wEJUWTAqhg":16,"$fmSEHAUoKNVN-dNSwBpih8trptPxeTdaHhdq14SwCCEg":457},{"name":4,"nameEn":5,"address":6,"phone":7,"fax":8,"email":9,"hours":10,"mobileSupport":13,"mapEmbed":14},"บริษัท อี-คัสตอม เซอร์วิส จำกัด","E-Customs Service CO., LTD.","22, 24 ซอยสุภาพงษ์ 1 แยก 6 ถนนอ่อนนุช 46 แขวงหนองบอน เขตประเวศ กทม.10250","02-028-7799 (Auto)","02-3309400","support@ecs-team.com",{"weekday":11,"weekend":12},"จันทร์-ศุกร์: 08:30 - 16:00","เสาร์-อาทิตย์: 08:30 - 18:30",[],"https:\u002F\u002Fmaps.google.com\u002Fmaps?q=E-Customs%20Service%20Co.,Ltd.&t=&z=15&ie=UTF8&iwloc=&output=embed",[],[17,410,417],{"id":18,"title":19,"description":20,"youtubeId":21,"images":22,"pinnedToNav":24,"isNew":25,"isFeatured":24,"products":26},1002,"Paperless","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n\u003Cmeta charset=\"UTF-8\">\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\u003Ctitle>ECS e-Paperless VANs Provider\u003C\u002Ftitle>\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Sarabun:wght@300;400;600;700&family=Prompt:wght@700;800&display=swap\" rel=\"stylesheet\">\n\n\n\u003Cstyle>\n.ecs-tpl {\n max-width: 100%;\n overflow-x: hidden;\n word-wrap: break-word;\n overflow-wrap: break-word;\n box-sizing: border-box;\n }\n.ecs-tpl *, .ecs-tpl *::before, .ecs-tpl *::after { box-sizing: border-box; }\n.ecs-tpl img { max-width: 100% !important; height: auto !important; }\n.ecs-tpl table { display: block; overflow-x: auto; max-width: 100%; }\n.ecs-tpl .pt-2f5e-1 {\n max-width:1180px;\n margin:0 auto;\n padding:40px 20px 60px;\n }\n.ecs-tpl .pt-2f5e-2 {\n background:linear-gradient(135deg,#fff7ed 0%,#ffffff 55%,#fff1e6 100%);\n border:1px solid #fed7aa;\n border-radius:28px;\n padding:36px;\n box-shadow:0 10px 30px rgba(15,23,42,0.08);\n overflow:hidden;\n position:relative;\n }\n.ecs-tpl .pt-2f5e-3 {\n display:inline-block;\n background:#f97316;\n color:#fff;\n padding:8px 14px;\n border-radius:999px;\n font-size:13px;\n font-weight:600;\n letter-spacing:0.3px;\n margin-bottom:16px;\n }\n.ecs-tpl .pt-2f5e-4 {\n margin:0 0 16px;\n font-size:clamp(22px, 5vw, 40px);\n line-height:1.2;\n }\n.ecs-tpl .pt-2f5e-5 {\n margin:0;\n max-width:900px;\n font-size:18px;\n line-height:1.8;\n color:#374151;\n }\n.ecs-tpl .pt-2f5e-6 {\n color:#f97316;\n font-weight:700;\n }\n.ecs-tpl .pt-2f5e-7 {\n margin-top:28px;\n }\n.ecs-tpl .pt-2f5e-8 {\n font-size:26px;\n margin:0 0 16px;\n }\n.ecs-tpl .pt-2f5e-9 {\n margin:0 0 22px;\n color:#6b7280;\n font-size:16px;\n line-height:1.7;\n }\n.ecs-tpl .pt-2f5e-10 {\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\n gap:18px;\n }\n.ecs-tpl .pt-2f5e-11 {\n background:#ffffff;\n border:1px solid #e5e7eb;\n border-radius:20px;\n padding:22px;\n box-shadow:0 10px 30px rgba(15,23,42,0.08);\n }\n.ecs-tpl .pt-2f5e-12 {\n width:52px;\n height:52px;\n border-radius:14px;\n display:flex;\n align-items:center;\n justify-content:center;\n background:#fff7ed;\n color:#f97316;\n font-size:24px;\n margin-bottom:14px;\n }\n.ecs-tpl .pt-2f5e-13 {\n margin:0 0 10px;\n font-size:20px;\n }\n.ecs-tpl .pt-2f5e-14 {\n margin:0;\n color:#6b7280;\n line-height:1.7;\n font-size:15px;\n }\n.ecs-tpl .pt-2f5e-15 {\n margin-top:26px;\n background:#111827;\n color:#fff;\n padding:24px;\n border-radius:24px;\n box-shadow:0 10px 30px rgba(15,23,42,0.08);\n }\n.ecs-tpl .pt-2f5e-16 {\n margin:0 0 12px;\n font-size:22px;\n }\n.ecs-tpl .pt-2f5e-17 {\n margin:0;\n color:#d1d5db;\n line-height:1.8;\n font-size:16px;\n }\n\n@media (max-width: 640px) {\n .ecs-tpl h1 { font-size: clamp(20px, 5vw, 40px) !important; }\n .ecs-tpl div[class*=\"pt-2f5e-\"] { max-width: 100%; }\n .ecs-tpl section, .ecs-tpl > div > section { padding-left: 12px !important; padding-right: 12px !important; }\n .ecs-tpl .pt-2f5e-2 { padding: 16px !important; }\n .ecs-tpl .pt-2f5e-10 { grid-template-columns: 1fr !important; }\n }\n\u003C\u002Fstyle>\n\u003Cbody>\n\u003Cdiv class=\"ecs-tpl\">\n\u003Cdiv class=\"pt-2f5e-1\">\n \u003Csection class=\"pt-2f5e-2\">\n \u003Cdiv class=\"pt-2f5e-3\">ECS Paperless.NET\u003C\u002Fdiv>\n \u003Ch1 class=\"pt-2f5e-4\">หลักการทำงานของระบบ Paperless.NET\u003C\u002Fh1>\n \u003Cp class=\"pt-2f5e-5\">\n ระบบ \u003Cspan class=\"pt-2f5e-6\">Paperless.NET\u003C\u002Fspan> ได้รับการออกแบบให้มี\n \u003Cspan class=\"pt-2f5e-6\">รูปแบบการทำงานเช่นเดียวกับระบบ Paperless เดิม\u003C\u002Fspan>\n ที่ใช้งานอยู่ในปัจจุบัน เพื่อให้ผู้ใช้งานเดิมสามารถเปลี่ยนมาใช้งานระบบใหม่ได้อย่างต่อเนื่อง\n ลื่นไหล และไม่ต้องเรียนรู้กระบวนการทำงานใหม่ทั้งหมด ทั้งนี้ระบบใหม่ยังมีการพัฒนาเพิ่มเติมในหลายด้าน\n เช่น \u003Cspan class=\"pt-2f5e-6\">หน้าจอที่ทันสมัยมากขึ้น\u003C\u002Fspan> รองรับการแสดงผลที่กว้างขึ้น\n \u003Cspan class=\"pt-2f5e-6\">การจัดวางข้อมูลอย่างเป็นระเบียบ ใช้งานง่าย\u003C\u002Fspan>\n และเพิ่ม \u003Cspan class=\"pt-2f5e-6\">ฟังก์ชันใหม่\u003C\u002Fspan> เพื่อรองรับความต้องการใหม่ ๆ ของลูกค้าได้ดียิ่งขึ้น\n \u003C\u002Fp>\n \u003C\u002Fsection>\n \n \u003Csection class=\"pt-2f5e-7\">\n \u003Ch2 class=\"pt-2f5e-8\">จุดเด่นของระบบ\u003C\u002Fh2>\n \u003Cp class=\"pt-2f5e-9\">\n ระบบยังคงแนวคิดการใช้งานเดิมเพื่อรักษาความคุ้นเคยของผู้ใช้ พร้อมพัฒนาโครงสร้างหน้าจอและประสบการณ์ใช้งานให้ดีขึ้นกว่าเดิม\n \u003C\u002Fp>\n \u003Cdiv class=\"pt-2f5e-10\">\n \u003Cdiv class=\"pt-2f5e-11\">\n \u003Cdiv class=\"pt-2f5e-12\">↔\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-2f5e-13\">ใช้งานต่อเนื่องจากระบบเดิม\u003C\u002Fh3>\n \u003Cp class=\"pt-2f5e-14\">ผู้ใช้ที่คุ้นเคยกับ Paperless เดิมสามารถเริ่มใช้งาน Paperless.NET ได้ทันที โดยไม่ต้องปรับตัวมาก\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"pt-2f5e-11\">\n \u003Cdiv class=\"pt-2f5e-12\">🖥\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-2f5e-13\">หน้าจอทันสมัยขึ้น\u003C\u002Fh3>\n \u003Cp class=\"pt-2f5e-14\">รูปแบบหน้าจอถูกออกแบบใหม่ให้ดูทันสมัย สะอาดตา และเหมาะกับการทำงานในปัจจุบันมากขึ้น\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"pt-2f5e-11\">\n \u003Cdiv class=\"pt-2f5e-12\">📐\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-2f5e-13\">พื้นที่การแสดงผลกว้างขึ้น\u003C\u002Fh3>\n \u003Cp class=\"pt-2f5e-14\">ช่วยให้ผู้ใช้งานมองเห็นข้อมูลได้มากขึ้นในหน้าจอเดียว ลดความซับซ้อนในการค้นหาข้อมูล\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"pt-2f5e-11\">\n \u003Cdiv class=\"pt-2f5e-12\">📂\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-2f5e-13\">จัดกลุ่มข้อมูลเป็นระเบียบ\u003C\u002Fh3>\n \u003Cp class=\"pt-2f5e-14\">ข้อมูลและเมนูต่าง ๆ ถูกจัดวางให้เข้าใจง่าย ช่วยให้การใช้งานสะดวกและลดความผิดพลาด\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"pt-2f5e-11\">\n \u003Cdiv class=\"pt-2f5e-12\">⚙\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-2f5e-13\">รองรับฟังก์ชันใหม่\u003C\u002Fh3>\n \u003Cp class=\"pt-2f5e-14\">เพิ่มความสามารถใหม่เพื่อรองรับการทำงานและความต้องการที่เปลี่ยนแปลงไปของลูกค้า\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"pt-2f5e-11\">\n \u003Cdiv class=\"pt-2f5e-12\">🚀\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-2f5e-13\">เพิ่มประสิทธิภาพการทำงาน\u003C\u002Fh3>\n \u003Cp class=\"pt-2f5e-14\">ออกแบบให้ผู้ใช้ทำงานได้รวดเร็วขึ้น เข้าถึงข้อมูลสำคัญได้ง่าย และทำงานได้คล่องตัวกว่าเดิม\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n \n \u003Csection class=\"pt-2f5e-15\">\n \u003Ch3 class=\"pt-2f5e-16\">สรุปภาพรวม\u003C\u002Fh3>\n \u003Cp class=\"pt-2f5e-17\">\n Paperless.NET คือการพัฒนาระบบในแนวทางที่ต่อยอดจากระบบเดิม โดยคงรูปแบบการทำงานที่ผู้ใช้คุ้นเคยไว้\n พร้อมปรับปรุงหน้าจอ การจัดวางข้อมูล และเพิ่มความสามารถใหม่ เพื่อให้ระบบตอบโจทย์การใช้งานในปัจจุบันได้ดียิ่งขึ้น\n \u003C\u002Fp>\n \u003C\u002Fsection>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>","fQj2EgeQDRs",[23],"https:\u002F\u002Fecs-web.sgp1.cdn.digitaloceanspaces.com\u002Fdevelop\u002Fimages\u002Fproducts\u002F1775010033379-______2_.webp",true,false,[27,49,74,104,125,148,171,194,219,244,269,293,318,339,363,388],{"id":28,"title":29,"image":30,"icon":31,"iconSm":32,"detail_product":33,"desc":34,"images":35,"features":39,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":47},11,"ECS-SYS","\u002Fimages\u002Fproducts\u002F1775015924984-P1-1574762311-EEEE.webp","\u002Fimages\u002Fproducts\u002F1775545913233-1.webp","\u002Fimages\u002Fproducts\u002F1775545913233-1_sm.webp","ระบบศูนย์กลางสำหรับการเข้าถึงระบบงานทั้งหมดของ ECS พร้อมการแจ้งข่าวสารสำคัญ และการเชื่อมต่อบริการต่าง ๆ ที่เกี่ยวข้องในที่เดียว","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>ECS-SYSTEM | System Detail\u003C\u002Ftitle>\n \u003Cstyle>\n :root {\n --pt-bg: linear-gradient(180deg, #fffaf5 0%, #fff3e0 100%);\n --pt-surface: rgba(255, 255, 255, 0.78);\n --pt-surface-strong: #ffffff;\n --pt-primary: #ff8c00;\n --pt-primary-dark: #e65c00;\n --pt-primary-soft: #fff1de;\n --pt-accent: #b39ddb;\n --pt-accent-soft: #f3edff;\n --pt-text: #3c2415;\n --pt-text-soft: #7a5b49;\n --pt-border: rgba(230, 92, 0, 0.14);\n --pt-shadow: 0 20px 50px rgba(230, 92, 0, 0.12);\n --pt-radius-xl: 28px;\n --pt-radius-lg: 20px;\n --pt-radius-md: 14px;\n --pt-container: 1180px;\n }\n\n * {\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n .pt-page {\n position: relative;\n overflow: hidden;\n }\n\n .pt-orb {\n position: absolute;\n border-radius: 999px;\n filter: blur(10px);\n pointer-events: none;\n opacity: 0.65;\n }\n\n .pt-orb--1 {\n width: 240px;\n height: 240px;\n top: -80px;\n left: -80px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.35), rgba(230, 92, 0, 0.08));\n }\n\n .pt-orb--2 {\n width: 220px;\n height: 220px;\n top: 140px;\n right: -80px;\n background: linear-gradient(135deg, rgba(179, 157, 219, 0.26), rgba(255, 140, 0, 0.08));\n }\n\n .pt-orb--3 {\n width: 260px;\n height: 260px;\n bottom: 120px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.14), rgba(179, 157, 219, 0.12));\n }\n\n .pt-container {\n width: min(calc(100% - 32px), var(--pt-container));\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n .pt-section {\n padding: 28px 0;\n }\n\n .pt-hero {\n padding: 36px 0 22px;\n }\n\n .pt-hero__box {\n display: grid;\n grid-template-columns: 1.15fr 0.85fr;\n gap: 28px;\n align-items: center;\n background: linear-gradient(135deg, rgba(255,255,255,0.82), rgba(255,244,232,0.96));\n border: 1px solid rgba(255,255,255,0.85);\n border-radius: 32px;\n padding: 34px;\n box-shadow: var(--pt-shadow);\n backdrop-filter: blur(8px);\n }\n\n .pt-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 14px;\n border-radius: 999px;\n background: linear-gradient(135deg, rgba(255,140,0,0.14), rgba(179,157,219,0.18));\n color: var(--pt-primary-dark);\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.2px;\n margin-bottom: 16px;\n }\n\n .pt-hero__title {\n margin: 0 0 14px;\n font-size: clamp(34px, 5vw, 56px);\n line-height: 1.08;\n letter-spacing: -0.02em;\n }\n\n .pt-hero__title span {\n background: linear-gradient(90deg, var(--pt-primary), var(--pt-primary-dark));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .pt-hero__desc {\n margin: 0;\n font-size: 17px;\n color: var(--pt-text-soft);\n max-width: 760px;\n }\n\n .pt-hero__statwrap {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px;\n }\n\n .pt-stat {\n background: rgba(255,255,255,0.88);\n border: 1px solid var(--pt-border);\n border-radius: var(--pt-radius-lg);\n padding: 18px 16px;\n box-shadow: 0 12px 26px rgba(230, 92, 0, 0.08);\n }\n\n .pt-stat__label {\n font-size: 13px;\n font-weight: 700;\n color: var(--pt-text-soft);\n margin-bottom: 6px;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\n\n .pt-stat__value {\n font-size: 19px;\n font-weight: 800;\n color: var(--pt-primary-dark);\n line-height: 1.3;\n }\n\n .pt-overview {\n display: grid;\n grid-template-columns: 1fr;\n }\n\n .pt-card {\n background: var(--pt-surface);\n border: 1px solid rgba(255,255,255,0.9);\n border-radius: var(--pt-radius-xl);\n box-shadow: var(--pt-shadow);\n padding: 28px;\n backdrop-filter: blur(8px);\n }\n\n .pt-card__eyebrow {\n display: inline-flex;\n padding: 7px 12px;\n border-radius: 999px;\n background: var(--pt-primary-soft);\n color: var(--pt-primary-dark);\n font-size: 13px;\n font-weight: 700;\n margin-bottom: 14px;\n }\n\n .pt-card__title {\n margin: 0 0 10px;\n font-size: clamp(24px, 4vw, 34px);\n line-height: 1.2;\n }\n\n .pt-card__text {\n margin: 0;\n color: var(--pt-text-soft);\n font-size: 17px;\n }\n\n .pt-feature-header {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n align-items: end;\n margin-bottom: 18px;\n }\n\n .pt-feature-header__title {\n margin: 0;\n font-size: clamp(26px, 4vw, 38px);\n line-height: 1.15;\n }\n\n .pt-feature-header__desc {\n margin: 8px 0 0;\n color: var(--pt-text-soft);\n max-width: 760px;\n }\n\n .pt-feature-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n }\n\n .pt-feature {\n position: relative;\n background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,248,243,0.95));\n border: 1px solid rgba(230, 92, 0, 0.10);\n border-radius: 24px;\n padding: 22px 22px 20px;\n box-shadow: 0 16px 30px rgba(60, 36, 21, 0.06);\n overflow: hidden;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n\n .pt-feature:hover {\n transform: translateY(-4px);\n box-shadow: 0 18px 34px rgba(230, 92, 0, 0.12);\n }\n\n .pt-feature::after {\n content: \"\";\n position: absolute;\n inset: 0 auto auto 0;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, var(--pt-primary), var(--pt-accent));\n }\n\n .pt-feature__top {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n }\n\n .pt-feature__no {\n flex: 0 0 auto;\n width: 44px;\n height: 44px;\n border-radius: 14px;\n display: grid;\n place-items: center;\n background: linear-gradient(135deg, var(--pt-primary), var(--pt-primary-dark));\n color: #fff;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 10px 22px rgba(230, 92, 0, 0.25);\n }\n\n .pt-feature__title {\n margin: 0;\n font-size: 20px;\n line-height: 1.35;\n }\n\n .pt-feature__text {\n margin: 0;\n color: var(--pt-text-soft);\n font-size: 15.5px;\n }\n\n .pt-closing {\n padding-bottom: 46px;\n }\n\n .pt-closing__box {\n position: relative;\n overflow: hidden;\n background: linear-gradient(135deg, rgba(255,140,0,0.96), rgba(230,92,0,0.94));\n color: #fff;\n border-radius: 32px;\n padding: 34px;\n box-shadow: 0 22px 40px rgba(230, 92, 0, 0.22);\n }\n\n .pt-closing__box::before,\n .pt-closing__box::after {\n content: \"\";\n position: absolute;\n border-radius: 999px;\n background: rgba(255,255,255,0.12);\n }\n\n .pt-closing__box::before {\n width: 220px;\n height: 220px;\n right: -70px;\n top: -90px;\n }\n\n .pt-closing__box::after {\n width: 150px;\n height: 150px;\n left: -40px;\n bottom: -50px;\n }\n\n .pt-closing__inner {\n position: relative;\n z-index: 2;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 20px;\n align-items: center;\n }\n\n .pt-closing__title {\n margin: 0 0 10px;\n font-size: clamp(24px, 4vw, 36px);\n line-height: 1.15;\n }\n\n .pt-closing__text {\n margin: 0;\n max-width: 860px;\n color: rgba(255,255,255,0.92);\n font-size: 17px;\n }\n\n .pt-chip {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 52px;\n padding: 12px 18px;\n border-radius: 999px;\n background: rgba(255,255,255,0.16);\n border: 1px solid rgba(255,255,255,0.22);\n font-weight: 700;\n white-space: nowrap;\n backdrop-filter: blur(8px);\n }\n\n @media (max-width: 991px) {\n .pt-hero__box,\n .pt-closing__inner {\n grid-template-columns: 1fr;\n }\n\n .pt-feature-grid {\n grid-template-columns: 1fr;\n }\n\n .pt-feature-header {\n display: block;\n }\n }\n\n @media (max-width: 767px) {\n .pt-section {\n padding: 20px 0;\n }\n\n .pt-hero {\n padding-top: 20px;\n }\n\n .pt-hero__box,\n .pt-card,\n .pt-closing__box {\n padding: 22px;\n border-radius: 24px;\n }\n\n .pt-hero__statwrap {\n grid-template-columns: 1fr;\n }\n\n .pt-feature {\n padding: 18px;\n border-radius: 20px;\n }\n\n .pt-feature__title {\n font-size: 18px;\n }\n\n .pt-card__text,\n .pt-closing__text,\n .pt-hero__desc {\n font-size: 15.5px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n \u003Cdiv class=\"pt-page\">\n \u003Cspan class=\"pt-orb pt-orb--1\">\u003C\u002Fspan>\n \u003Cspan class=\"pt-orb pt-orb--2\">\u003C\u002Fspan>\n \u003Cspan class=\"pt-orb pt-orb--3\">\u003C\u002Fspan>\n\n \u003Csection class=\"pt-hero pt-section\">\n \u003Cdiv class=\"pt-container\">\n \u003Cdiv class=\"pt-hero__box\">\n \u003Cdiv>\n \u003Cdiv class=\"pt-badge\">Central Access Platform\u003C\u002Fdiv>\n \u003Ch1 class=\"pt-hero__title\">\u003Cspan>ECS-SYSTEM\u003C\u002Fspan> ศูนย์กลางการเข้าใช้งานระบบของ ECS\u003C\u002Fh1>\n \u003Cp class=\"pt-hero__desc\">\n ECS-SYSTEM เป็นศูนย์กลางการเข้าใช้งานระบบ (Central Access Platform) สำหรับผู้ใช้งานในการเข้าถึงระบบงานศุลกากรทั้งหมดของ ECS โดยออกแบบให้ใช้งานง่าย รวดเร็ว และรองรับการทำงานขององค์กรที่มีหลายบริษัทหรือหลายสาขา\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"pt-hero__statwrap\">\n \u003Cdiv class=\"pt-stat\">\n \u003Cdiv class=\"pt-stat__label\">Core Role\u003C\u002Fdiv>\n \u003Cdiv class=\"pt-stat__value\">ศูนย์กลางการเข้าใช้งานระบบทั้งหมด\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"pt-stat\">\n \u003Cdiv class=\"pt-stat__label\">Access Control\u003C\u002Fdiv>\n \u003Cdiv class=\"pt-stat__value\">เข้าสู่ระบบและตรวจสอบสิทธิ์ผู้ใช้งาน\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"pt-stat\">\n \u003Cdiv class=\"pt-stat__label\">Organization Support\u003C\u002Fdiv>\n \u003Cdiv class=\"pt-stat__value\">รองรับหลายบริษัทและหลายสาขา\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"pt-stat\">\n \u003Cdiv class=\"pt-stat__label\">Service Experience\u003C\u002Fdiv>\n \u003Cdiv class=\"pt-stat__value\">ข่าวสาร บริการ และการช่วยเหลือในจุดเดียว\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"pt-section\">\n \u003Cdiv class=\"pt-container pt-overview\">\n \u003Cdiv class=\"pt-card\">\n \u003Cdiv class=\"pt-card__eyebrow\">คำอธิบายภาพรวมของระบบ\u003C\u002Fdiv>\n \u003Ch2 class=\"pt-card__title\">ระบบกลางสำหรับการเริ่มต้นใช้งานอย่างมั่นใจ\u003C\u002Fh2>\n \u003Cp class=\"pt-card__text\">\n ECS-SYSTEM ช่วยให้ผู้ใช้งานเข้าถึงระบบงานศุลกากรทั้งหมดของ ECS ได้จากจุดเดียว พร้อมรองรับการตรวจสอบสิทธิ์ การเลือกบริษัทหรือสาขา การรับข่าวสารสำคัญ และการเชื่อมโยงไปยังบริการต่าง ๆ ที่เกี่ยวข้อง ช่วยให้การเริ่มต้นใช้งานในแต่ละวันเป็นไปอย่างรวดเร็ว ถูกต้อง และปลอดภัยมากยิ่งขึ้น\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"pt-section\">\n \u003Cdiv class=\"pt-container\">\n \u003Cdiv class=\"pt-feature-header\">\n \u003Cdiv>\n \u003Ch2 class=\"pt-feature-header__title\">รายละเอียดความสามารถของระบบ\u003C\u002Fh2>\n \u003Cp class=\"pt-feature-header__desc\">\n ครอบคลุมตั้งแต่การเข้าสู่ระบบ การเลือกหน่วยงาน การรับข่าวสาร ไปจนถึงการเชื่อมโยงบริการและการช่วยเหลือจากทีมงาน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"pt-feature-grid\">\n \u003Carticle class=\"pt-feature\">\n \u003Cdiv class=\"pt-feature__top\">\n \u003Cdiv class=\"pt-feature__no\">1\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-feature__title\">การเข้าสู่ระบบและตรวจสอบสิทธิ์ผู้ใช้งาน\u003C\u002Fh3>\n \u003C\u002Fdiv>\n \u003Cp class=\"pt-feature__text\">\n ระบบรองรับการเข้าสู่ระบบด้วยชื่อผู้ใช้งานและรหัสผ่าน เพื่อยืนยันตัวตนก่อนเข้าใช้งาน พร้อมตรวจสอบสิทธิ์ของผู้ใช้งานแต่ละราย เพื่อให้สามารถเข้าถึงเฉพาะเมนูและฟังก์ชันที่ได้รับอนุญาตเท่านั้น ช่วยเพิ่มความปลอดภัยและลดความเสี่ยงจากการเข้าถึงข้อมูลโดยไม่ได้รับสิทธิ์\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"pt-feature\">\n \u003Cdiv class=\"pt-feature__top\">\n \u003Cdiv class=\"pt-feature__no\">2\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-feature__title\">การเลือกบริษัทและสาขาที่ต้องการใช้งาน\u003C\u002Fh3>\n \u003C\u002Fdiv>\n \u003Cp class=\"pt-feature__text\">\n ระบบรองรับการเลือกบริษัทหรือฐานข้อมูล รวมถึงสาขาที่ต้องการใช้งานก่อนเข้าสู่ระบบ เหมาะสำหรับองค์กรที่มีหลายบริษัทหรือหลายสาขา ช่วยให้ผู้ใช้งานสามารถทำงานในหน่วยงานที่ถูกต้องและลดความผิดพลาดจากการเลือกข้อมูลผิดองค์กร\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"pt-feature\">\n \u003Cdiv class=\"pt-feature__top\">\n \u003Cdiv class=\"pt-feature__no\">3\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-feature__title\">การแสดงประกาศข่าวสารสำคัญของระบบ\u003C\u002Fh3>\n \u003C\u002Fdiv>\n \u003Cp class=\"pt-feature__text\">\n ระบบสามารถแสดงข่าวสารและประกาศสำคัญในรูปแบบ News Feed เพื่อให้ผู้ใช้งานรับทราบข้อมูลที่จำเป็นก่อนเริ่มใช้งาน เช่น การแจ้งปิดระบบ การอัปเดตระบบ ปัญหาการเชื่อมต่อ หรือประกาศสำคัญอื่น ๆ จากผู้ให้บริการ ช่วยให้การสื่อสารกับลูกค้าเป็นไปอย่างรวดเร็วและทั่วถึง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"pt-feature\">\n \u003Cdiv class=\"pt-feature__top\">\n \u003Cdiv class=\"pt-feature__no\">4\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-feature__title\">การเป็นศูนย์กลางสำหรับเข้าใช้งานโปรแกรมต่าง ๆ ของ ECS\u003C\u002Fh3>\n \u003C\u002Fdiv>\n \u003Cp class=\"pt-feature__text\">\n ระบบทำหน้าที่เป็นศูนย์กลางในการเข้าถึงโปรแกรมต่าง ๆ ของ ECS จากหน้าจอเดียว ผู้ใช้งานสามารถเลือกเข้าใช้งานระบบที่เกี่ยวข้องได้อย่างสะดวกและรวดเร็ว ลดความซับซ้อนในการค้นหาโปรแกรม และช่วยให้การทำงานมีความต่อเนื่องมากยิ่งขึ้น\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"pt-feature\">\n \u003Cdiv class=\"pt-feature__top\">\n \u003Cdiv class=\"pt-feature__no\">5\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-feature__title\">การเชื่อมโยงไปยังระบบและบริการที่เกี่ยวข้อง\u003C\u002Fh3>\n \u003C\u002Fdiv>\n \u003Cp class=\"pt-feature__text\">\n ระบบรองรับการเชื่อมโยงไปยังระบบหรือบริการอื่นที่เกี่ยวข้องกับการปฏิบัติงาน เช่น เว็บไซต์ประกาศกรมศุลกากร ระบบ Billing ระบบ Tracking Gateway ECS รวมถึงช่องทางการติดต่อและบริการอื่น ๆ ของบริษัท ช่วยให้ผู้ใช้งานสามารถเข้าถึงข้อมูลหรือบริการที่จำเป็นได้จากจุดเดียว\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"pt-feature\">\n \u003Cdiv class=\"pt-feature__top\">\n \u003Cdiv class=\"pt-feature__no\">6\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-feature__title\">การรองรับการช่วยเหลือและแก้ไขปัญหาระยะไกล\u003C\u002Fh3>\n \u003C\u002Fdiv>\n \u003Cp class=\"pt-feature__text\">\n ระบบสามารถเปิดโปรแกรมสำหรับ Remote Support เพื่อให้เจ้าหน้าที่ของบริษัทสามารถเข้าตรวจสอบและช่วยแก้ไขปัญหาการใช้งานบนเครื่องของลูกค้าได้อย่างสะดวกและรวดเร็ว ช่วยลดระยะเวลาในการประสานงาน และเพิ่มประสิทธิภาพในการให้บริการหลังการขาย\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"pt-feature\">\n \u003Cdiv class=\"pt-feature__top\">\n \u003Cdiv class=\"pt-feature__no\">7\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-feature__title\">การจัดการรหัสผ่านผู้ใช้งาน\u003C\u002Fh3>\n \u003C\u002Fdiv>\n \u003Cp class=\"pt-feature__text\">\n ระบบรองรับฟังก์ชันการเปลี่ยนรหัสผ่านสำหรับผู้ใช้งานภายในโปรแกรม ช่วยให้ผู้ใช้งานสามารถดูแลความปลอดภัยของบัญชีตนเองได้สะดวกยิ่งขึ้น และสนับสนุนการใช้งานระบบให้สอดคล้องกับแนวทางด้านความมั่นคงปลอดภัยขององค์กร\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"pt-feature\">\n \u003Cdiv class=\"pt-feature__top\">\n \u003Cdiv class=\"pt-feature__no\">8\u003C\u002Fdiv>\n \u003Ch3 class=\"pt-feature__title\">การออกแบบหน้าจอเพื่อให้ใช้งานง่าย\u003C\u002Fh3>\n \u003C\u002Fdiv>\n \u003Cp class=\"pt-feature__text\">\n หน้าจอเมนูหลักของระบบได้รับการออกแบบให้ใช้งานง่ายในรูปแบบที่ช่วยให้ผู้ใช้งานมองเห็นเมนูและบริการต่าง ๆ ได้อย่างชัดเจน ลดความซับซ้อนในการเรียนรู้ระบบ และช่วยให้ผู้ใช้งานสามารถเริ่มต้นทำงานได้อย่างรวดเร็ว\n \u003C\u002Fp>\n \u003C\u002Farticle>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"pt-closing pt-section\">\n \u003Cdiv class=\"pt-container\">\n \u003Cdiv class=\"pt-closing__box\">\n \u003Cdiv class=\"pt-closing__inner\">\n \u003Cdiv>\n \u003Ch2 class=\"pt-closing__title\">ศูนย์กลางเดียวสำหรับทุกการเริ่มต้นใช้งาน\u003C\u002Fh2>\n \u003Cp class=\"pt-closing__text\">\n ECS-SYSTEM คือศูนย์กลางการเข้าใช้งานระบบงานทั้งหมดของ ECS ที่ช่วยให้ผู้ใช้งานเข้าถึงโปรแกรม ข่าวสารสำคัญ บริการที่เกี่ยวข้อง และการช่วยเหลือจากทีมงานได้อย่างสะดวก รวดเร็ว และครบถ้วนในที่เดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[36,37,38],"\u002Fuploads\u002Fproducts\u002F1775723846068-2026-04-07_14_49_28.png","\u002Fuploads\u002Fproducts\u002F1775723846562-2026-04-07_14_51_03.png","\u002Fuploads\u002Fproducts\u002F1775723846675-2026-04-07_14_53_33.png",[40,41,42,43,44,45],"รองรับการเข้าสู่ระบบ (Login) เพื่อยืนยันตัวตนก่อนเข้าใช้งาน","เป็นศูนย์กลางสำหรับเข้าใช้งานโปรแกรมต่าง ๆ ของ ECS ได้จากหน้าจอเดียว","แสดงประกาศข่าวสารสำคัญของระบบในรูปแบบ News Feed","เชื่อมโยงไปยังระบบหรือบริการอื่นที่เกี่ยวข้องได้ เช่น เว็บไซต์ประกาศกรมศุลกากร, ระบบ Billing และระบบ Tracking Gateway ECS","รองรับการเปิดโปรแกรม Remote Support เพื่อให้เจ้าหน้าที่สามารถตรวจสอบและแก้ไขปัญหาบนเครื่องของลูกค้าได้อย่างสะดวก","พนักงานสามารถเปลี่ยน Password ได้เอง โดยไม่ต้องพึ่ง Admin","",[48],"System.Net",{"id":50,"title":51,"image":52,"icon":53,"iconSm":54,"detail_product":55,"desc":56,"images":57,"features":61,"youtubeId":46,"isNew":25,"isFeatured":24,"relatedPrograms":72},12,"Common Data","\u002Fimages\u002Fproducts\u002F1775016643782-ChatGPT_Image_1___._._2569_11_10_26.webp","\u002Fimages\u002Fproducts\u002F1775547322667-3.webp","\u002Fimages\u002Fproducts\u002F1775547322667-3_sm.webp","ระบบบริหารจัดการข้อมูลหลัก (Master Data) ที่ใช้ร่วมกันในทุกระบบของ ECS เพื่อให้ข้อมูลมีความถูกต้อง เป็นมาตรฐาน และใช้งานได้อย่างสอดคล้องกัน","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n\u003Cmeta charset=\"UTF-8\">\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\u003Ctitle>Common Data\u003C\u002Ftitle>\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Sarabun:wght@300;400;500;600;700&family=Prompt:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n\u003Cstyle>\n * { margin:0; padding:0; box-sizing:border-box; }\n body { font-family:'Sarabun',sans-serif; color:#3a1a00; overflow-x:hidden; }\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }\n .card-hover{transition:transform .2s, box-shadow .2s;}\n .card-hover:hover{transform:translateY(-4px); box-shadow:0 12px 32px rgba(230,92,0,.13);}\n @media (max-width:768px){\n .feature-grid{grid-template-columns:1fr !important;}\n .stats-grid{grid-template-columns:repeat(2,1fr) !important;}\n .summary-grid{grid-template-columns:1fr !important;}\n }\n @media (max-width:560px){\n .stats-grid{grid-template-columns:1fr !important;}\n }\n\u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n\n\u003C!-- HERO -->\n\u003Cdiv style=\"position:relative;padding:68px 24px 60px;text-align:center;overflow:hidden;background:linear-gradient(150deg,#FF8C00 0%,#E65C00 55%,#bf4500 100%);\">\n \u003Cdiv style=\"position:absolute;top:-70px;left:-70px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.06);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute;bottom:-90px;right:-50px;width:340px;height:340px;border-radius:50%;background:rgba(0,0,0,.05);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute;top:30%;left:5%;width:60px;height:60px;border-radius:12px;background:rgba(179,157,219,.15);transform:rotate(15deg);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute;top:20%;right:8%;width:40px;height:40px;border-radius:50%;background:rgba(179,157,219,.12);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);padding:5px 18px;border-radius:999px;margin-bottom:20px;animation:fadeUp .5s ease both;\">\n \u003Cspan style=\"width:6px;height:6px;border-radius:50%;background:#fff9c4;display:inline-block;animation:blink 1.5s infinite;\">\u003C\u002Fspan>\n \u003Cspan style=\"font-size:11px;font-weight:700;color:#fff;letter-spacing:1.5px;\">MASTER DATA CENTER\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\n \u003Ch1 style=\"font-family:'Prompt',sans-serif;font-size:clamp(26px,4.5vw,48px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px;animation:fadeUp .5s .07s ease both;opacity:0;\">\n Common Data\u003Cbr>\n \u003Cspan style=\"color:#fff9c4;text-shadow:0 0 24px rgba(255,230,0,.3);\">ศูนย์กลางข้อมูลหลักของระบบ ECS\u003C\u002Fspan>\n \u003C\u002Fh1>\n\n \u003Cp style=\"max-width:920px;margin:0 auto;color:rgba(255,255,255,.9);font-size:14px;line-height:1.95;animation:fadeUp .5s .14s ease both;opacity:0;\">\n Common Data เป็นระบบศูนย์กลางสำหรับบริหารจัดการข้อมูลหลัก (Master Data) ที่ใช้ร่วมกันในทุก Module ของ ECS\n เพื่อให้ข้อมูลสำคัญขององค์กร เช่น ข้อมูลบริษัท ข้อมูลสินค้า ข้อมูลธนาคาร และข้อมูลอ้างอิงต่าง ๆ มีความถูกต้อง\n เป็นมาตรฐาน และพร้อมใช้งานอย่างสอดคล้องกันทั้งระบบ\n \u003C\u002Fp>\n\n \u003Cdiv style=\"display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px;animation:fadeUp .5s .21s ease both;opacity:0;\">\n \u003Cspan style=\"background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.4);padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;\">🏢 ข้อมูลบริษัท\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.4);padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;\">📦 ข้อมูลสินค้า\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.4);padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;\">🏦 ข้อมูลธนาคาร\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(179,157,219,.25);border:1.5px solid rgba(179,157,219,.5);padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;\">🔄 Auto Update ข้อมูลอ้างอิง\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.4);padding:6px 16px;border-radius:8px;font-size:12px;font-weight:600;color:#fff;\">🔐 สิทธิ์หลายระดับ\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\n\u003C!-- OVERVIEW -->\n\u003Cdiv style=\"max-width:1020px;margin:44px auto 24px;padding:0 20px;\">\n \u003Cdiv style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:20px;padding:28px 30px;box-shadow:0 4px 24px rgba(255,140,0,.08);animation:fadeUp .45s .08s ease both;opacity:0;\">\n \u003Cdiv style=\"display:inline-flex;align-items:center;gap:8px;background:#fff3e0;border:1px solid #ffddb3;padding:5px 14px;border-radius:999px;margin-bottom:14px;\">\n \u003Cspan style=\"font-size:11px;font-weight:700;color:#E65C00;letter-spacing:1px;\">OVERVIEW\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch2 style=\"font-family:'Prompt',sans-serif;font-size:24px;font-weight:700;color:#3a1a00;margin-bottom:12px;\">คำอธิบายภาพรวมของระบบ\u003C\u002Fh2>\n \u003Cp style=\"font-size:14px;color:#7a4c22;line-height:2;\">\n ระบบช่วยลดความซ้ำซ้อนจากการบันทึกข้อมูลหลายครั้ง พร้อมรองรับการอัปเดตข้อมูลอ้างอิงจากกรมศุลกากรเข้าสู่ฐานข้อมูลโดยอัตโนมัติ\n ทำให้ผู้ใช้งานสามารถมั่นใจได้ว่าข้อมูลที่นำไปใช้ในแต่ละกระบวนการเป็นข้อมูลล่าสุดและถูกต้อง นอกจากนี้ยังรองรับการกำหนดสิทธิ์การใช้งานตามระดับของพนักงาน\n และสามารถโอนย้ายข้อมูลจากโปรแกรมเดิมมาใช้งานได้โดยไม่ต้องบันทึกใหม่ ช่วยเพิ่มความสะดวก ลดภาระงาน และทำให้การบริหารข้อมูลขององค์กรมีประสิทธิภาพมากยิ่งขึ้น\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- DIVIDER -->\n\u003Cdiv style=\"max-width:1020px;margin:32px auto 20px;padding:0 20px;display:flex;align-items:center;gap:14px;\">\n \u003Cdiv style=\"height:1px;flex:1;background:linear-gradient(90deg,transparent,#ffddb3);\">\u003C\u002Fdiv>\n \u003Cspan style=\"font-size:11px;font-weight:700;color:#c8783a;letter-spacing:2px;text-transform:uppercase;\">รายละเอียดการทำงาน (Detail)\u003C\u002Fspan>\n \u003Cdiv style=\"height:1px;flex:1;background:linear-gradient(90deg,#ffddb3,transparent);\">\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- DETAIL CARDS -->\n\u003Cdiv class=\"feature-grid\" style=\"max-width:1020px;margin:0 auto 52px;padding:0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;\">\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;overflow:hidden;animation:fadeUp .5s .08s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#FF8C00,#ffb347);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#FF8C00;background:#fff3e0;border:1px solid #ffddb3;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">1\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การจัดการข้อมูล Master Data จากศูนย์กลาง\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ระบบรองรับการบริหารจัดการข้อมูลหลักขององค์กรจากจุดเดียว เช่น ข้อมูลบริษัท ข้อมูลสินค้า ข้อมูลธนาคาร และข้อมูลอ้างอิงต่าง ๆ ช่วยให้ทุก Module ของ ECS ใช้งานข้อมูลชุดเดียวกันอย่างถูกต้องและสอดคล้องกัน\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #e8d5f5;border-radius:18px;overflow:hidden;animation:fadeUp .5s .12s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#9575CD,#B39DDB);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#7e57c2;background:#f3eeff;border:1px solid #e8d5f5;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">2\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การรองรับการใช้งานร่วมกับทุก Module ของ ECS\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ข้อมูลที่จัดเก็บใน Common Data สามารถนำไปใช้งานต่อได้กับทุก Module ของระบบ ECS โดยไม่ต้องบันทึกข้อมูลซ้ำ ช่วยเพิ่มความต่อเนื่องในการทำงาน และลดความผิดพลาดจากการใช้ข้อมูลหลายชุด\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;overflow:hidden;animation:fadeUp .5s .16s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#E65C00,#FF8C00);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#E65C00;background:#fff3e0;border:1px solid #ffddb3;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">3\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การควบคุมมาตรฐานข้อมูลและการอัปเดตข้อมูลอ้างอิงอัตโนมัติ\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ระบบช่วยควบคุมมาตรฐานของข้อมูลให้ถูกต้องตามรูปแบบที่กำหนด พร้อมรองรับระบบ Auto Update สำหรับอัปเดตข้อมูลอ้างอิงจากกรมศุลกากรเข้าสู่ฐานข้อมูลโดยอัตโนมัติ ทำให้ข้อมูลมีความทันสมัยและพร้อมใช้งานอยู่เสมอ\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;overflow:hidden;animation:fadeUp .5s .20s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#f59e0b,#fbbf24);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#d97706;background:#fffde7;border:1px solid #ffe082;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">4\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การแยกข้อมูลตามรหัสบริษัท\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ข้อมูลสินค้าสามารถผูกกับรหัสบริษัทได้อย่างชัดเจน ช่วยให้ข้อมูลของแต่ละบริษัทไม่ปะปนกัน และลดความสับสนในการเรียกใช้งาน เหมาะสำหรับองค์กรที่ดูแลลูกค้าหรือหลายบริษัทภายในระบบเดียว\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;overflow:hidden;animation:fadeUp .5s .24s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#ef4444,#f87171);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#dc2626;background:#fff5f5;border:1px solid #ffc9c9;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">5\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การกำหนดสิทธิ์การใช้งานหลายระดับ\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ระบบรองรับการกำหนดสิทธิ์ของพนักงานได้หลายระดับ เช่น สิทธิ์เปิดเมนู บันทึกข้อมูล ลบข้อมูล และอนุมัติข้อมูล ช่วยให้การใช้งานเป็นไปตามหน้าที่และระดับความรับผิดชอบของแต่ละผู้ใช้งาน\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #e8d5f5;border-radius:18px;overflow:hidden;animation:fadeUp .5s .28s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#7c3aed,#9575CD,#B39DDB);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#7e57c2;background:#f3eeff;border:1px solid #e8d5f5;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">6\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การโอนย้ายข้อมูลจากโปรแกรมเดิม\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ผู้ใช้งานสามารถโอนข้อมูลบริษัทและข้อมูลสินค้าจากโปรแกรมเดิมมาใช้งานในระบบได้ โดยไม่ต้องบันทึกข้อมูลใหม่ ช่วยลดระยะเวลาในการเริ่มต้นใช้งาน และลดภาระในการจัดเตรียมข้อมูล\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;overflow:hidden;animation:fadeUp .5s .32s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#FF8C00,#E65C00);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#FF8C00;background:#fff3e0;border:1px solid #ffddb3;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">7\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การกำหนดข้อมูลธนาคารเพื่อรองรับ E-PAYMENT\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ระบบรองรับการกำหนดข้อมูลธนาคารที่จำเป็นต่อการใช้งานระบบ E-PAYMENT ช่วยให้กระบวนการที่เกี่ยวข้องกับการชำระเงินมีความพร้อมและสามารถเชื่อมต่อการทำงานได้อย่างมีประสิทธิภาพ\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;overflow:hidden;animation:fadeUp .5s .36s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#0ea5e9,#38bdf8);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">8\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การเพิ่ม แก้ไข ลบ และค้นหาข้อมูล\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ระบบรองรับการจัดการข้อมูลได้อย่างครบถ้วน ทั้งการเพิ่ม แก้ไข ลบ และค้นหาข้อมูล ช่วยให้ผู้ใช้งานสามารถดูแลและปรับปรุงข้อมูลให้เป็นปัจจุบันได้อย่างสะดวก\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;overflow:hidden;animation:fadeUp .5s .40s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#22c55e,#86efac);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">9\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การลดความซ้ำซ้อนของข้อมูลในแต่ละระบบ\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ด้วยการใช้ข้อมูลจากศูนย์กลาง ระบบช่วยลดปัญหาการจัดเก็บข้อมูลซ้ำในแต่ละโปรแกรม ทำให้ข้อมูลง่ายต่อการดูแลรักษา และลดความเสี่ยงจากข้อมูลไม่ตรงกันระหว่างระบบ\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #e8d5f5;border-radius:18px;overflow:hidden;animation:fadeUp .5s .44s ease both;opacity:0;\">\n \u003Cdiv style=\"height:4px;background:linear-gradient(90deg,#9575CD,#B39DDB);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"padding:24px 26px;\">\n \u003Cspan style=\"font-size:10px;font-weight:700;color:#7e57c2;background:#f3eeff;border:1px solid #e8d5f5;padding:3px 10px;border-radius:5px;letter-spacing:.5px;\">10\u003C\u002Fspan>\n \u003Ch3 style=\"font-size:16px;font-weight:700;color:#3a1a00;margin:12px 0 8px;line-height:1.5;\">การรองรับการ Import และ Export ข้อมูล\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">ระบบรองรับการนำเข้าข้อมูลและการส่งออกข้อมูล เพื่อช่วยให้การเชื่อมต่อหรือการใช้งานข้อมูลร่วมกับระบบอื่นเป็นไปได้อย่างสะดวกและรวดเร็ว\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- SUMMARY HIGHLIGHTS -->\n\u003Cdiv style=\"background:linear-gradient(160deg,#fff3e0,#fff8f0);border-top:1px solid #ffddb3;border-bottom:1px solid #ffddb3;padding:52px 20px;\">\n \u003Cdiv style=\"max-width:1020px;margin:0 auto;\">\n \u003Cdiv style=\"text-align:center;margin-bottom:36px;animation:fadeUp .5s ease both;opacity:0;\">\n \u003Cdiv style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(179,157,219,.15);border:1.5px solid rgba(179,157,219,.4);padding:5px 18px;border-radius:999px;margin-bottom:14px;\">\n \u003Cspan style=\"font-size:11px;font-weight:700;color:#7e57c2;letter-spacing:1.5px;\">HIGHLIGHTS\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch2 style=\"font-family:'Prompt',sans-serif;font-size:clamp(18px,3vw,28px);font-weight:700;color:#3a1a00;\">จุดเด่นของระบบ Common Data\u003C\u002Fh2>\n \u003Cp style=\"font-size:13px;color:#c8783a;margin-top:8px;\">ศูนย์กลางข้อมูลเดียว · มาตรฐานเดียว · ใช้งานร่วมกันทั้งระบบ\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"summary-grid\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:20px;\">\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;padding:26px;\">\n \u003Cdiv style=\"width:52px;height:52px;background:linear-gradient(135deg,#FF8C00,#E65C00);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;box-shadow:0 4px 14px rgba(230,92,0,.28);\">🗂️\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:17px;font-weight:700;color:#3a1a00;margin-bottom:8px;\">ข้อมูลศูนย์กลาง\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">รวมข้อมูลหลักไว้ที่จุดเดียว ลดการบันทึกซ้ำ และทำให้ทุก Module ใช้ข้อมูลเดียวกันอย่างสอดคล้อง\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #e8d5f5;border-radius:18px;padding:26px;\">\n \u003Cdiv style=\"width:52px;height:52px;background:linear-gradient(135deg,#9575CD,#B39DDB);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;box-shadow:0 4px 14px rgba(149,117,205,.3);\">🔄\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:17px;font-weight:700;color:#3a1a00;margin-bottom:8px;\">อัปเดตอัตโนมัติ\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">รองรับ Auto Update ข้อมูลอ้างอิงจากกรมศุลกากร ช่วยให้ข้อมูลพร้อมใช้งานและทันสมัยอยู่เสมอ\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-hover\" style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;padding:26px;\">\n \u003Cdiv style=\"width:52px;height:52px;background:linear-gradient(135deg,#E65C00,#FF8C00);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;box-shadow:0 4px 14px rgba(230,92,0,.28);\">🔐\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:17px;font-weight:700;color:#3a1a00;margin-bottom:8px;\">สิทธิ์และความยืดหยุ่น\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.9;\">กำหนดสิทธิ์ผู้ใช้งานหลายระดับ รองรับการโอนย้ายข้อมูลเดิม และเชื่อมต่อการ Import \u002F Export ได้สะดวก\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- CLOSING -->\n\u003Cdiv style=\"max-width:1020px;margin:52px auto 60px;padding:0 20px;\">\n \u003Cdiv style=\"background:linear-gradient(135deg,#fff9f2,#fff3e0);border:1.5px solid #ffddb3;border-radius:22px;padding:32px;box-shadow:0 4px 24px rgba(255,140,0,.08);animation:fadeUp .5s .1s ease both;opacity:0;\">\n \n \u003Ch2 style=\"font-family:'Prompt',sans-serif;font-size:24px;font-weight:700;color:#3a1a00;margin-bottom:12px;\">สรุปภาพรวม\u003C\u002Fh2>\n \u003Cp style=\"font-size:14px;color:#7a4c22;line-height:2;\">\n Common Data คือศูนย์กลางข้อมูลที่ช่วยให้ทุกระบบทำงานบนมาตรฐานเดียวกัน ลดความซ้ำซ้อน เชื่อมโยงข้อมูลอัตโนมัติ และเพิ่มความถูกต้องในทุกกระบวนการ เพื่อให้การดำเนินงานทั้งระบบเป็นไปอย่างมีประสิทธิภาพ\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[58,59,60],"\u002Fuploads\u002Fproducts\u002F1775723866012-2026-04-07_15_17_52.png","\u002Fuploads\u002Fproducts\u002F1775723866121-2026-04-07_15_18_04.png","\u002Fuploads\u002Fproducts\u002F1775723866238-2026-04-07_15_25_39.png",[62,63,64,65,66,67,68,69,70,71]," จัดการข้อมูล Master Data ได้จากศูนย์กลาง","รองรับการใช้งานร่วมกับทุก Module ของ ECS","ช่วยควบคุมมาตรฐานข้อมูลให้ถูกต้อง พร้อมระบบ Auto Update สำหรับอัปเดตข้อมูลอ้างอิงจากกรมศุลกากรเข้าสู่ฐานข้อมูลโดยอัตโนมัติ","ข้อมูลสินค้าถูกผูกกับรหัสบริษัท ช่วยให้ข้อมูลของแต่ละบริษัทไม่ปะปนกัน และเรียกใช้งานได้อย่างชัดเจน","กำหนดสิทธิ์การใช้งานของพนักงานได้หลายระดับ เช่น สิทธิ์เปิดเมนู บันทึก ลบ และอนุมัติ","สามารถโอนข้อมูลบริษัทและข้อมูลสินค้าจากโปรแกรมเดิมได้ โดยไม่ต้องบันทึกข้อมูลใหม่","สามารถกำหนดข้อมูลธนาคารเพื่อรองรับระบบ E-PAYMENT","รองรับการเพิ่ม แก้ไข ลบ และค้นหาข้อมูล","ลดความซ้ำซ้อนของข้อมูลในแต่ละระบบ","รองรับการ Import และ Export ข้อมูลต่างๆ",[73],"Common.Net",{"id":75,"title":76,"image":77,"icon":78,"iconSm":79,"detail_product":80,"desc":81,"images":82,"features":87,"youtubeId":46,"isNew":25,"isFeatured":24,"relatedPrograms":101},13,"Import Declare","\u002Fimages\u002Fproducts\u002F1775017083675-ChatGPT_Image_1___._._2569_11_17_37.webp","\u002Fimages\u002Fproducts\u002F1775548427404-4.webp","\u002Fimages\u002Fproducts\u002F1775548427404-4_sm.webp","ระบบสำหรับจัดทำและบริหารจัดการใบขนสินค้าขาเข้าแบบอิเล็กทรอนิกส์ ครอบคลุมตั้งแต่การบันทึกข้อมูล ตรวจสอบ ส่งข้อมูล และติดตามสถานะอย่างครบวงจร","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Import Declaration Module\u003C\u002Ftitle>\n\n \u003Cstyle>\n * {\n box-sizing: border-box;\n }\n\n html, body {\n margin: 0;\n padding: 0;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n .page-wrap {\n width: min(1200px, calc(100% - 32px));\n margin: 0 auto;\n padding: 32px 0 56px;\n }\n\n .hero-section {\n position: relative;\n overflow: hidden;\n border-radius: 28px;\n padding: 48px;\n background: linear-gradient(135deg, #FF8C00, #E65C00);\n color: #ffffff;\n box-shadow: 0 18px 45px rgba(230, 92, 0, 0.18);\n display: grid;\n grid-template-columns: 1.3fr 0.9fr;\n gap: 32px;\n align-items: center;\n }\n\n .hero-circle-1 {\n position: absolute;\n width: 260px;\n height: 260px;\n top: -90px;\n right: -70px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-circle-2 {\n position: absolute;\n width: 180px;\n height: 180px;\n bottom: -60px;\n left: -40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-content,\n .hero-card-wrap {\n position: relative;\n z-index: 2;\n min-width: 0;\n }\n\n .hero-badge {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,0.18);\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n margin-bottom: 16px;\n }\n\n .hero-title {\n margin: 0 0 14px;\n font-size: 48px;\n line-height: 1.15;\n word-break: break-word;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 17px;\n line-height: 1.8;\n color: rgba(255,255,255,0.95);\n max-width: 720px;\n }\n\n .hero-card-wrap {\n min-height: 290px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-card {\n width: 100%;\n max-width: 360px;\n background: rgba(255,255,255,0.96);\n border-radius: 24px;\n padding: 22px;\n box-shadow: 0 14px 34px rgba(76, 31, 0, 0.18);\n color: #4A2C16;\n position: relative;\n }\n\n .hero-card-bg-1 {\n position: absolute;\n inset: 16px -18px -16px 18px;\n background: rgba(179, 157, 219, 0.22);\n border-radius: 22px;\n z-index: -1;\n }\n\n .hero-card-bg-2 {\n position: absolute;\n inset: -14px 22px 20px -22px;\n background: rgba(255, 243, 224, 0.25);\n border-radius: 22px;\n z-index: -1;\n }\n\n .hero-card-head {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 18px;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .hero-card-title {\n font-size: 15px;\n font-weight: 700;\n }\n\n .hero-card-dots {\n display: flex;\n gap: 6px;\n flex-shrink: 0;\n }\n\n .hero-card-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: linear-gradient(135deg, #FF8C00, #E65C00);\n display: inline-block;\n }\n\n .card-box {\n padding: 16px;\n margin-bottom: 14px;\n border-radius: 16px;\n background: linear-gradient(135deg, #fff8ef, #ffffff);\n border: 1px solid rgba(255, 140, 0, 0.12);\n }\n\n .tag-group {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 14px;\n border-radius: 16px;\n background: linear-gradient(135deg, #fff8ef, #ffffff);\n border: 1px solid rgba(255, 140, 0, 0.12);\n }\n\n .tag-pill {\n padding: 8px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: #E65C00;\n background: rgba(255, 140, 0, 0.10);\n }\n\n .section-features {\n margin-top: 34px;\n }\n\n .section-head {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n flex-wrap: wrap;\n }\n\n .section-title {\n margin: 0;\n font-size: 32px;\n }\n\n .section-badge {\n padding: 7px 12px;\n border-radius: 999px;\n background: rgba(179, 157, 219, 0.18);\n color: #6b53a6;\n font-weight: 700;\n font-size: 14px;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n }\n\n .feature-card {\n background: rgba(255,255,255,0.85);\n border: 1px solid rgba(255, 140, 0, 0.10);\n border-radius: 20px;\n padding: 22px;\n box-shadow: 0 10px 25px rgba(255, 140, 0, 0.12);\n min-width: 0;\n }\n\n .feature-icon {\n width: 58px;\n height: 58px;\n border-radius: 18px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.16), rgba(179, 157, 219, 0.22));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .feature-title {\n margin: 0 0 10px;\n font-size: 17px;\n line-height: 1.45;\n }\n\n .feature-desc {\n margin: 0;\n color: #7A5B47;\n line-height: 1.7;\n font-size: 15px;\n }\n\n .highlight-wrap {\n margin-top: 28px;\n padding: 24px;\n border-radius: 20px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.10), rgba(179, 157, 219, 0.12));\n border: 1px solid rgba(255, 140, 0, 0.14);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n }\n\n .highlight-card {\n background: rgba(255,255,255,0.78);\n border-radius: 18px;\n padding: 18px;\n }\n\n .highlight-title {\n margin: 0 0 8px;\n font-size: 16px;\n color: #E65C00;\n }\n\n .highlight-desc {\n margin: 0;\n line-height: 1.7;\n color: #7A5B47;\n }\n\n .page-footer {\n margin-top: 28px;\n text-align: center;\n color: #7A5B47;\n font-size: 15px;\n }\n\n @media (max-width: 1024px) {\n .hero-section {\n grid-template-columns: 1fr;\n padding: 40px 32px;\n }\n\n .hero-card-wrap {\n min-height: auto;\n justify-content: flex-start;\n }\n\n .hero-title {\n font-size: 40px;\n }\n\n .feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .highlight-wrap {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n width: min(100% - 24px, 1200px);\n padding: 20px 0 40px;\n }\n\n .hero-section {\n padding: 28px 20px;\n border-radius: 22px;\n gap: 24px;\n }\n\n .hero-circle-1 {\n width: 180px;\n height: 180px;\n top: -70px;\n right: -60px;\n }\n\n .hero-circle-2 {\n width: 130px;\n height: 130px;\n bottom: -45px;\n left: -35px;\n }\n\n .hero-title {\n font-size: 30px;\n line-height: 1.25;\n }\n\n .hero-desc {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .hero-card {\n max-width: 100%;\n padding: 18px;\n border-radius: 20px;\n }\n\n .section-title {\n font-size: 26px;\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .feature-card {\n padding: 18px;\n }\n\n .feature-icon {\n width: 52px;\n height: 52px;\n font-size: 22px;\n }\n\n .highlight-wrap {\n padding: 18px;\n }\n\n .page-footer {\n font-size: 14px;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .page-wrap {\n width: min(100% - 16px, 1200px);\n }\n\n .hero-section {\n padding: 22px 16px;\n }\n\n .hero-badge {\n font-size: 12px;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 26px;\n }\n\n .hero-desc {\n font-size: 14px;\n }\n\n .section-title {\n font-size: 22px;\n }\n\n .feature-title {\n font-size: 16px;\n }\n\n .feature-desc,\n .highlight-desc {\n font-size: 14px;\n }\n\n .tag-group {\n gap: 8px;\n }\n\n .tag-pill {\n font-size: 11px;\n padding: 7px 10px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\n\u003Cbody style=\"font-family:'Segoe UI', Tahoma, sans-serif; color:#4A2C16; ; min-height:100vh;\">\n \u003Cdiv class=\"page-wrap\">\n \u003Csection class=\"hero-section\">\n \u003Cdiv class=\"hero-circle-1\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-circle-2\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-content\">\n \u003Cspan class=\"hero-badge\">ECS IMPORT DECLARATION\u003C\u002Fspan>\n \u003Ch1 class=\"hero-title\">ระบบพิธีการนำเข้าสินค้าทางอิเล็กทรอนิกส์\u003Cbr>ครบวงจร\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n Import Declaration เป็นระบบหลักสำหรับการดำเนินพิธีการนำเข้าสินค้าทางอิเล็กทรอนิกส์\n ที่ช่วยให้ผู้ใช้งานสามารถจัดทำใบขนสินค้าได้อย่างถูกต้องตามข้อกำหนดของกรมศุลกากร\n รองรับตั้งแต่ Invoice รายการสินค้า การคำนวณภาษีและค่าธรรมเนียม\n การตรวจสอบความถูกต้องก่อนส่ง ไปจนถึงการติดตามสถานะเอกสารอย่างต่อเนื่อง\n ช่วยลดความผิดพลาด เพิ่มความรวดเร็ว และยกระดับประสิทธิภาพในการบริหารจัดการงานนำเข้า\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-card-wrap\">\n \u003Cdiv class=\"hero-card\">\n \u003Cdiv class=\"hero-card-bg-1\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-card-bg-2\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-card-head\">\n \u003Cdiv class=\"hero-card-title\">Import Declaration Overview\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-card-dots\">\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-box\">\n \u003Cstrong>End-to-End Import Workflow\u003C\u002Fstrong>\n \u003Cdiv style=\"height:12px; border-radius:999px; background:linear-gradient(90deg, #FF8C00, #E65C00, #B39DDB); margin-top:10px;\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-box\">\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 90%, #ffe8c8 90%); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 78%, #ffe8c8 78%); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 68%, #ffe8c8 68%);\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"tag-group\">\n \u003Cspan class=\"tag-pill\">Invoice Import\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Tax Calculation\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Validation\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Digital Signature\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">ECS Gateway\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Tracking\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"section-features\">\n \u003Cdiv class=\"section-head\">\n \u003Ch2 class=\"section-title\">รายละเอียดความสามารถของระบบ\u003C\u002Fh2>\n \u003Cspan class=\"section-badge\">12 Features\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-grid\">\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📄\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การสร้างและจัดการใบขนสินค้าขาเข้าแบบครบวงจร\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับการสร้าง บันทึก และแก้ไขใบขนสินค้าขาเข้าได้อย่างครบถ้วนภายในระบบเดียว\n ครอบคลุมข้อมูลใบขน ข้อมูล Invoice ข้อมูลการชำระเงิน และรายละเอียดการดำเนินพิธีการ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📥\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การนำเข้าข้อมูล Invoice จากหลายแหล่งข้อมูล\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับการนำเข้าข้อมูล Invoice จากหลายรูปแบบ เช่น XML, Excel, Text\n และระบบอื่นที่เกี่ยวข้อง ช่วยลดภาระในการคีย์ข้อมูลซ้ำและเพิ่มความรวดเร็วในการเริ่มงาน\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🧾\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การรวมหลาย Invoice ภายใต้ใบขนเดียว\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับการรวมข้อมูลหลาย Invoice ภายใต้ใบขนสินค้าเดียวตามมาตรฐานของกรมศุลกากร\n ช่วยให้การจัดการเอกสารมีความยืดหยุ่นและเหมาะกับรูปแบบธุรกิจจริง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📦\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การจัดการรายการสินค้าอย่างยืดหยุ่น\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n เพิ่ม แก้ไข และบริหารจัดการรายการสินค้า (Goods Item) ได้สะดวก\n รวมถึงรองรับกรณีสินค้าของแถม (Non-Commercial Value) และเงื่อนไขพิเศษต่าง ๆ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🧮\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การคำนวณภาษีอากร ค่าใช้จ่าย และน้ำหนักอัตโนมัติ\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ช่วยคำนวณภาษีอากร ค่าธรรมเนียม มูลค่าสินค้า การเฉลี่ยค่าใช้จ่าย\n รวมถึง Net Weight และ Gross Weight ได้โดยอัตโนมัติ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">✅\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การตรวจสอบความถูกต้องของข้อมูลก่อนส่ง (Validation)\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ตรวจสอบความถูกต้องของข้อมูลตามเงื่อนไขและรูปแบบที่กำหนดก่อนส่งเข้าสู่ระบบศุลกากร\n ช่วยลดโอกาสในการถูก Reject และเพิ่มความมั่นใจในการส่งเอกสาร\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🧾\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การสร้างข้อมูลตามมาตรฐานกรมศุลกากร\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n สามารถสร้างข้อมูลในรูปแบบ Message \u002F XML ตามมาตรฐานของกรมศุลกากร\n เพื่อรองรับการรับส่งข้อมูลผ่านระบบอิเล็กทรอนิกส์ได้อย่างถูกต้อง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">✍️\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การอนุมัติเอกสารและการลงลายมือชื่ออิเล็กทรอนิกส์\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับกระบวนการ Approve \u002F Reject เอกสาร และการลงลายมือชื่ออิเล็กทรอนิกส์\n ทั้งภายในองค์กรและกรณีส่งให้ลูกค้าหรือผู้มีอำนาจลงนาม\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🖊️\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การลงนามผ่านระบบอิเล็กทรอนิกส์ด้วย Sign Agent\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n มี Sign Agent สำหรับรองรับการลงนามเอกสารผ่านระบบอิเล็กทรอนิกส์\n ช่วยให้ลูกค้าหรือผู้มีอำนาจตรวจสอบเอกสารก่อนลงนามหรือปฏิเสธเอกสารได้สะดวก\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🌐\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การเชื่อมต่อกับระบบศุลกากรผ่าน ECS Gateway\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n สามารถส่งข้อมูลไปยังระบบศุลกากรผ่าน ECS Gateway และรับข้อมูลตอบกลับได้อย่างครบวงจร\n ช่วยให้การดำเนินพิธีการนำเข้าเป็นไปอย่างต่อเนื่อง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📍\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การติดตามสถานะเอกสารทุกขั้นตอน\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ติดตามสถานะเอกสารได้ตั้งแต่การส่งเพื่ออนุมัติ การลงนาม\n การส่งเข้าสู่ระบบศุลกากร ไปจนถึงการได้รับผลตอบกลับ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📊\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การจัดทำรายงานและการส่งออกข้อมูล\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับการจัดทำรายงานเพื่อใช้งานภายในและการตรวจสอบย้อนหลัง\n พร้อม Export ข้อมูลและเอกสารได้หลายรูปแบบ เช่น PDF, Excel และ XML\n \u003C\u002Fp>\n \u003C\u002Farticle>\n \n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">⛽\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การเชื่อมต่อข้อมูลกับกรมเชื้อเพลิงธรรมชาติ\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบรองรับการจัดเตรียมและส่งข้อมูลในรูปแบบ XML ไปยังกรมเชื้อเพลิงธรรมชาติ เพื่อใช้ในการยื่นขออนุญาตตามข้อกำหนดที่เกี่ยวข้อง ช่วยลดการคีย์ข้อมูลซ้ำ เพิ่มความถูกต้อง และทำให้การดำเนินงานเป็นไปอย่างรวดเร็วมากยิ่งขึ้น\u003C\u002Fp>\n \u003C\u002Farticle>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"highlight-wrap\">\n \u003Cdiv class=\"highlight-card\">\n \u003Ch4 class=\"highlight-title\">จุดเด่นของระบบ\u003C\u002Fh4>\n \u003Cp class=\"highlight-desc\">\n Import Declaration คือหัวใจของการดำเนินพิธีการนำเข้า\n ช่วยให้การจัดทำใบขนสินค้าเป็นไปอย่างรวดเร็ว ถูกต้อง และเชื่อมโยงข้อมูลอัตโนมัติ\n ลดความผิดพลาด ลดการถูก Reject และควบคุมกระบวนการนำเข้าได้อย่างมีประสิทธิภาพในทุกขั้นตอน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"highlight-card\">\n \u003Ch4 class=\"highlight-title\">รองรับการทำงานจริงของธุรกิจนำเข้า\u003C\u002Fh4>\n \u003Cp class=\"highlight-desc\">\n ครอบคลุมตั้งแต่การนำเข้าข้อมูลจากหลายแหล่ง การรวมหลาย Invoice\n การคำนวณอัตโนมัติ การอนุมัติเอกสาร การลงนามอิเล็กทรอนิกส์\n ไปจนถึงการเชื่อมต่อ ECS Gateway และติดตามสถานะเอกสารแบบครบวงจร\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[83,84,85,86],"\u002Fuploads\u002Fproducts\u002F1775723881079-2026-04-08_11_20_25.png","\u002Fuploads\u002Fproducts\u002F1775723881370-2026-04-08_11_23_04.png","\u002Fuploads\u002Fproducts\u002F1775723881503-2026-04-08_11_23_32.png","\u002Fuploads\u002Fproducts\u002F1775723881648-2026-04-08_11_23_38.png",[88,89,90,91,92,93,94,95,96,97,98,99,100],"สร้างและจัดการใบขนสินค้าขาเข้าได้ครบทุกขั้นตอนในระบบเดียว","รองรับการนำเข้าข้อมูล Invoice จากหลายรูปแบบ เช่น XML, Excel, Text และระบบภายนอก","รองรับการรวมหลาย Invoice ภายใต้ใบขนเดียวตามมาตรฐานศุลกากร","จัดการรายการสินค้า (Goods Item) ได้อย่างยืดหยุ่น พร้อมรองรับของแถม (Non-Commercial Value)","คำนวณภาษีอากร ค่าธรรมเนียม และสามารถเฉลี่ยค่าใช้จ่าย น้ำหนัก (Net \u002F Gross) ได้อัตโนมัติ","ตรวจสอบความถูกต้องของข้อมูล (Validation) ก่อนส่ง ลดความเสี่ยงในการถูก Reject","สร้างข้อมูลในรูปแบบ Message \u002F XML ตามมาตรฐานกรมศุลกากร","รองรับกระบวนการ Approve \u002F Reject และ Digital Signature ทั้งภายในและผ่านลูกค้า","มีระบบ Sign Agent สำหรับการลงนามเอกสารผ่านระบบอิเล็กทรอนิกส์","สามารถติดตามสถานะเอกสารได้ทุกขั้นตอน ตั้งแต่ส่งจนถึงได้รับ Response","รองรับการเชื่อมต่อและส่งข้อมูลผ่าน ECS Gateway แบบครบวงจร","รองรับการจัดทำรายงานและ Export ข้อมูลได้หลายรูปแบบ เช่น PDF, Excel, XML","รองรับการส่งข้อมูลไปยังกรมเชื้อเพลิงธรรมชาติ เพื่อการขออนุญาตตามข้อกำหนดที่เกี่ยวข้อง",[102,103],"Import.Net","E-Import",{"id":105,"title":106,"image":107,"icon":108,"iconSm":109,"detail_product":110,"desc":111,"images":112,"features":117,"youtubeId":46,"isNew":25,"isFeatured":24,"relatedPrograms":122},14,"Export Declare","\u002Fimages\u002Fproducts\u002F1775018425432-ChatGPT_Image_1___._._2569_11_40_13.webp","\u002Fimages\u002Fproducts\u002F1775549575956-5.webp","\u002Fimages\u002Fproducts\u002F1775549575956-5_sm.webp","ระบบสำหรับจัดทำและบริหารจัดการใบขนสินค้าขาออกแบบอิเล็กทรอนิกส์ ครอบคลุมตั้งแต่การบันทึกข้อมูล ตรวจสอบ ส่งข้อมูล และติดตามสถานะอย่างครบวงจร","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Export Declaration Module\u003C\u002Ftitle>\n\n \u003Cstyle>\n\n\n .page-wrap {\n width: min(1200px, calc(100% - 32px));\n margin: 0 auto;\n padding: 32px 0 56px;\n }\n\n .hero-section {\n position: relative;\n overflow: hidden;\n border-radius: 28px;\n padding: 48px;\n background: linear-gradient(135deg, #FF8C00, #E65C00);\n color: #ffffff;\n box-shadow: 0 18px 45px rgba(230, 92, 0, 0.18);\n display: grid;\n grid-template-columns: 1.3fr 0.9fr;\n gap: 32px;\n align-items: center;\n }\n\n .hero-circle-1 {\n position: absolute;\n width: 260px;\n height: 260px;\n top: -90px;\n right: -70px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-circle-2 {\n position: absolute;\n width: 180px;\n height: 180px;\n bottom: -60px;\n left: -40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-content,\n .hero-card-wrap {\n position: relative;\n z-index: 2;\n min-width: 0;\n }\n\n .hero-badge {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,0.18);\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n margin-bottom: 16px;\n }\n\n .hero-title {\n margin: 0 0 14px;\n font-size: 48px;\n line-height: 1.15;\n word-break: break-word;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 17px;\n line-height: 1.8;\n color: rgba(255,255,255,0.95);\n max-width: 720px;\n }\n\n .hero-card-wrap {\n min-height: 290px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-card {\n width: 100%;\n max-width: 360px;\n background: rgba(255,255,255,0.96);\n border-radius: 24px;\n padding: 22px;\n box-shadow: 0 14px 34px rgba(76, 31, 0, 0.18);\n color: #4A2C16;\n position: relative;\n }\n\n .hero-card-bg-1 {\n position: absolute;\n inset: 16px -18px -16px 18px;\n background: rgba(179, 157, 219, 0.22);\n border-radius: 22px;\n z-index: -1;\n }\n\n .hero-card-bg-2 {\n position: absolute;\n inset: -14px 22px 20px -22px;\n background: rgba(255, 243, 224, 0.25);\n border-radius: 22px;\n z-index: -1;\n }\n\n .hero-card-head {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 18px;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .hero-card-title {\n font-size: 15px;\n font-weight: 700;\n }\n\n .hero-card-dots {\n display: flex;\n gap: 6px;\n flex-shrink: 0;\n }\n\n .hero-card-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: linear-gradient(135deg, #FF8C00, #E65C00);\n display: inline-block;\n }\n\n .card-box {\n padding: 16px;\n margin-bottom: 14px;\n border-radius: 16px;\n background: linear-gradient(135deg, #fff8ef, #ffffff);\n border: 1px solid rgba(255, 140, 0, 0.12);\n }\n\n .tag-group {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 14px;\n border-radius: 16px;\n background: linear-gradient(135deg, #fff8ef, #ffffff);\n border: 1px solid rgba(255, 140, 0, 0.12);\n }\n\n .tag-pill {\n padding: 8px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: #E65C00;\n background: rgba(255, 140, 0, 0.10);\n }\n\n .content-section {\n margin-top: 34px;\n background: rgba(255,255,255,0.72);\n border: 1px solid rgba(255, 140, 0, 0.10);\n border-radius: 24px;\n padding: 28px;\n box-shadow: 0 10px 25px rgba(255, 140, 0, 0.08);\n }\n\n .section-head {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n flex-wrap: wrap;\n }\n\n .section-title {\n margin: 0;\n font-size: 32px;\n }\n\n .section-badge {\n padding: 7px 12px;\n border-radius: 999px;\n background: rgba(179, 157, 219, 0.18);\n color: #6b53a6;\n font-weight: 700;\n font-size: 14px;\n }\n\n .overview-text,\n .closing-text {\n margin: 0;\n font-size: 16px;\n line-height: 1.9;\n color: #6E4C36;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n }\n\n .feature-card {\n background: rgba(255,255,255,0.88);\n border: 1px solid rgba(255, 140, 0, 0.10);\n border-radius: 20px;\n padding: 22px;\n box-shadow: 0 10px 25px rgba(255, 140, 0, 0.12);\n min-width: 0;\n }\n\n .feature-icon {\n width: 58px;\n height: 58px;\n border-radius: 18px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.16), rgba(179, 157, 219, 0.22));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .feature-title {\n margin: 0 0 10px;\n font-size: 17px;\n line-height: 1.45;\n }\n\n .feature-desc {\n margin: 0;\n color: #7A5B47;\n line-height: 1.7;\n font-size: 15px;\n }\n\n .highlight-wrap {\n margin-top: 28px;\n padding: 24px;\n border-radius: 20px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.10), rgba(179, 157, 219, 0.12));\n border: 1px solid rgba(255, 140, 0, 0.14);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n }\n\n .highlight-card {\n background: rgba(255,255,255,0.80);\n border-radius: 18px;\n padding: 18px;\n }\n\n .highlight-title {\n margin: 0 0 8px;\n font-size: 16px;\n color: #E65C00;\n }\n\n .highlight-desc {\n margin: 0;\n line-height: 1.7;\n color: #7A5B47;\n font-size: 15px;\n }\n\n .page-footer {\n margin-top: 28px;\n text-align: center;\n color: #7A5B47;\n font-size: 15px;\n }\n\n @media (max-width: 1024px) {\n .hero-section {\n grid-template-columns: 1fr;\n padding: 40px 32px;\n }\n\n .hero-card-wrap {\n min-height: auto;\n justify-content: flex-start;\n }\n\n .hero-title {\n font-size: 40px;\n }\n\n .feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .highlight-wrap {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n width: min(100% - 24px, 1200px);\n padding: 20px 0 40px;\n }\n\n .hero-section {\n padding: 28px 20px;\n border-radius: 22px;\n gap: 24px;\n }\n\n .hero-circle-1 {\n width: 180px;\n height: 180px;\n top: -70px;\n right: -60px;\n }\n\n .hero-circle-2 {\n width: 130px;\n height: 130px;\n bottom: -45px;\n left: -35px;\n }\n\n .hero-title {\n font-size: 30px;\n line-height: 1.25;\n }\n\n .hero-desc {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .hero-card {\n max-width: 100%;\n padding: 18px;\n border-radius: 20px;\n }\n\n .content-section {\n padding: 20px;\n }\n\n .section-title {\n font-size: 26px;\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .feature-card {\n padding: 18px;\n }\n\n .feature-icon {\n width: 52px;\n height: 52px;\n font-size: 22px;\n }\n\n .highlight-wrap {\n padding: 18px;\n }\n\n .page-footer {\n font-size: 14px;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .page-wrap {\n width: min(100% - 16px, 1200px);\n }\n\n .hero-section {\n padding: 22px 16px;\n }\n\n .hero-badge {\n font-size: 12px;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 26px;\n }\n\n .hero-desc,\n .overview-text,\n .closing-text {\n font-size: 14px;\n }\n\n .section-title {\n font-size: 22px;\n }\n\n .feature-title {\n font-size: 16px;\n }\n\n .feature-desc,\n .highlight-desc {\n font-size: 14px;\n }\n\n .tag-group {\n gap: 8px;\n }\n\n .tag-pill {\n font-size: 11px;\n padding: 7px 10px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\n\u003Cbody>\n \u003Cdiv class=\"page-wrap\">\n \u003Csection class=\"hero-section\">\n \u003Cdiv class=\"hero-circle-1\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-circle-2\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-content\">\n \u003Cspan class=\"hero-badge\">ECS EXPORT DECLARATION\u003C\u002Fspan>\n \u003Ch1 class=\"hero-title\">ระบบจัดทำใบขนสินค้าขาออก\u003Cbr>ด้วยวิธีทางอิเล็กทรอนิกส์\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n ระบบสำหรับการดำเนินพิธีการส่งออกสินค้าทางอิเล็กทรอนิกส์\n ช่วยให้จัดทำใบขนสินค้าขาออกได้อย่างถูกต้อง รวดเร็ว\n ตรวจสอบข้อมูลก่อนส่ง และติดตามสถานะเอกสารได้ครบทุกขั้นตอน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-card-wrap\">\n \u003Cdiv class=\"hero-card\">\n \u003Cdiv class=\"hero-card-bg-1\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-card-bg-2\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-card-head\">\n \u003Cdiv class=\"hero-card-title\">Export Declaration Overview\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-card-dots\">\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-box\">\n \u003Cstrong>Workflow Coverage\u003C\u002Fstrong>\n \u003Cdiv style=\"height:12px; border-radius:999px; background:linear-gradient(90deg, #FF8C00, #E65C00, #B39DDB); margin-top:10px;\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-box\">\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 92%, #ffe8c8 92%); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 78%, #ffe8c8 78%); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 68%, #ffe8c8 68%);\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"tag-group\">\n \u003Cspan class=\"tag-pill\">Invoice Import\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Validation\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Digital Signature\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Gateway\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Tracking\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"content-section\">\n \u003Cdiv class=\"section-head\">\n \u003Ch2 class=\"section-title\">Overview\u003C\u002Fh2>\n \u003Cspan class=\"section-badge\">System Summary\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Cp class=\"overview-text\">\n Export Declaration เป็นระบบสำหรับการดำเนินพิธีการส่งออกสินค้าทางอิเล็กทรอนิกส์\n ที่ช่วยให้ผู้ใช้งานสามารถจัดทำใบขนสินค้าขาออกได้อย่างถูกต้องและเป็นไปตามข้อกำหนดของกรมศุลกากร\n โดยระบบรองรับการจัดการข้อมูลตั้งแต่ Invoice รายการสินค้า ไปจนถึงการตรวจสอบความถูกต้องของข้อมูลก่อนส่งเข้าสู่ระบบศุลกากร\n ช่วยลดขั้นตอนการทำงานที่ซ้ำซ้อน และลดความผิดพลาดจากการคีย์ข้อมูล\n นอกจากนี้ยังสามารถติดตามสถานะของเอกสารได้อย่างต่อเนื่อง\n ทำให้ผู้ใช้งานสามารถควบคุมกระบวนการส่งออกได้อย่างมีประสิทธิภาพ\n และมั่นใจในทุกขั้นตอนของการดำเนินงาน\n \u003C\u002Fp>\n \u003C\u002Fsection>\n\n \u003Csection class=\"content-section\">\n \u003Cdiv class=\"section-head\">\n \u003Ch2 class=\"section-title\">รายละเอียดความสามารถของระบบ\u003C\u002Fh2>\n \u003Cspan class=\"section-badge\">12 Features\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-grid\">\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📄\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">1 การสร้างและจัดการใบขนสินค้าขาออกแบบครบวงจร\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบรองรับการสร้าง บันทึก และแก้ไขใบขนสินค้าขาออกได้อย่างครบถ้วนภายในระบบเดียว\n ครอบคลุมข้อมูลใบขน ข้อมูล Invoice ข้อมูลการชำระเงิน และรายละเอียดการดำเนินพิธีการ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📥\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">2 การนำเข้าข้อมูล Invoice จากหลายแหล่งข้อมูล\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับการนำเข้าข้อมูล Invoice จากหลายรูปแบบ เช่น XML, Excel, Text\n และระบบอื่นที่เกี่ยวข้อง ช่วยลดภาระในการคีย์ข้อมูลซ้ำและเพิ่มความรวดเร็วในการเริ่มงาน\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🧾\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">3 การรวมหลาย Invoice ภายใต้ใบขนเดียว\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบสามารถรวมข้อมูลหลาย Invoice ภายใต้ใบขนสินค้าเดียวได้ตามมาตรฐานของกรมศุลกากร\n ช่วยให้การจัดการเอกสารมีความยืดหยุ่นและเหมาะกับการทำงานจริง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📦\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">4 การจัดการรายการสินค้าอย่างยืดหยุ่น\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ผู้ใช้งานสามารถเพิ่ม แก้ไข และบริหารจัดการรายการสินค้า (Goods Item) ได้อย่างสะดวก\n รวมถึงรองรับกรณีสินค้าของแถม (Non-Commercial Value) และเงื่อนไขพิเศษต่าง ๆ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🧮\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">5 การคำนวณค่าใช้จ่าย มูลค่าสินค้า และน้ำหนักอัตโนมัติ\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบช่วยคำนวณค่าใช้จ่าย ค่าธรรมเนียม มูลค่าสินค้า\n รวมถึงน้ำหนักสุทธิ (Net Weight) และน้ำหนักรวม (Gross Weight) ได้โดยอัตโนมัติ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">✅\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">6 การตรวจสอบความถูกต้องของข้อมูลก่อนส่ง (Validation)\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ก่อนส่งข้อมูลเข้าสู่ระบบศุลกากร ระบบจะตรวจสอบความถูกต้องของข้อมูลตามเงื่อนไขและรูปแบบที่กำหนด\n ช่วยลดโอกาสในการถูก Reject และเพิ่มความมั่นใจในการส่งเอกสาร\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🧾\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">7 การสร้างข้อมูลตามมาตรฐานกรมศุลกากร\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบสามารถสร้างข้อมูลในรูปแบบ Message \u002F XML ตามมาตรฐานของกรมศุลกากร\n เพื่อรองรับการรับส่งข้อมูลผ่านระบบอิเล็กทรอนิกส์ได้อย่างถูกต้องและพร้อมใช้งาน\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">✍️\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">8 การอนุมัติเอกสารและการลงลายมือชื่ออิเล็กทรอนิกส์\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับกระบวนการ Approve \u002F Reject เอกสาร และรองรับการลงลายมือชื่ออิเล็กทรอนิกส์ (Digital Signature)\n ทั้งภายในองค์กรและกรณีส่งให้ลูกค้าหรือผู้มีอำนาจลงนาม\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🖋️\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">9 การลงนามผ่านระบบอิเล็กทรอนิกส์ด้วย Sign Agent\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบมี Sign Agent สำหรับรองรับการลงนามเอกสารผ่านระบบอิเล็กทรอนิกส์\n ช่วยให้ลูกค้าหรือผู้มีอำนาจสามารถตรวจสอบเอกสารก่อนลงนามหรือปฏิเสธเอกสารได้อย่างสะดวก\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🌐\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">10 การเชื่อมต่อกับระบบศุลกากรผ่าน ECS Gateway\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบสามารถส่งข้อมูลไปยังระบบศุลกากรผ่าน ECS Gateway และรับข้อมูลตอบกลับได้อย่างครบวงจร\n ช่วยให้การดำเนินพิธีการส่งออกเป็นไปอย่างต่อเนื่อง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📍\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">11 การติดตามสถานะเอกสารทุกขั้นตอน\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ผู้ใช้งานสามารถติดตามสถานะของเอกสารได้ตั้งแต่ขั้นตอนการส่งเพื่ออนุมัติ การลงนาม\n การส่งเข้าสู่ระบบศุลกากร ไปจนถึงการได้รับผลตอบกลับ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📊\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">12 การจัดทำรายงาน และการส่งออกข้อมูล\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบรองรับการจัดทำรายงานเพื่อใช้งานภายในและการตรวจสอบย้อนหลัง\n พร้อมสามารถ Export ข้อมูลและเอกสารออกได้หลายรูปแบบ เช่น PDF, Excel และ XML\n \u003C\u002Fp>\n \u003C\u002Farticle>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"highlight-wrap\">\n \u003Cdiv class=\"highlight-card\">\n \u003Ch4 class=\"highlight-title\">จุดเด่นของระบบ\u003C\u002Fh4>\n \u003Cp class=\"highlight-desc\">\n ครอบคลุมตั้งแต่การสร้างใบขน การนำเข้า Invoice การจัดการสินค้า การตรวจสอบข้อมูล\n การสร้าง XML การอนุมัติเอกสาร การลงนามอิเล็กทรอนิกส์\n ไปจนถึงการส่งข้อมูลผ่าน ECS Gateway และติดตามสถานะได้ครบทุกขั้นตอน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"highlight-card\">\n \u003Ch4 class=\"highlight-title\">เหมาะสำหรับ\u003C\u002Fh4>\n \u003Cp class=\"highlight-desc\">\n องค์กรที่ต้องการลดงานซ้ำซ้อน ลดความผิดพลาดจากการคีย์ข้อมูล\n และเพิ่มความรวดเร็วในการดำเนินพิธีการส่งออกให้เป็นระบบเดียวที่ตรวจสอบได้\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"content-section\">\n \u003Cp class=\"closing-text\">\n Export Declaration คือหัวใจของการดำเนินพิธีการส่งออก\n ที่ช่วยให้การจัดทำใบขนสินค้าเป็นไปอย่างรวดเร็ว ถูกต้อง และเชื่อมโยงข้อมูลอัตโนมัติ\n ลดความผิดพลาด ลดการถูก Reject และเพิ่มประสิทธิภาพการทำงานในทุกขั้นตอน\n \u003C\u002Fp>\n \u003C\u002Fsection>\n\n\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[113,114,115,116],"\u002Fuploads\u002Fproducts\u002F1775723898485-2026-04-08_11_41_13.png","\u002Fuploads\u002Fproducts\u002F1775723898669-2026-04-08_11_41_27.png","\u002Fuploads\u002Fproducts\u002F1775723898785-2026-04-08_11_41_39.png","\u002Fuploads\u002Fproducts\u002F1775723898906-2026-04-08_11_41_45.png",[118,119,89,90,91,120,93,94,95,96,97,98,121],"สร้างและจัดการใบขนสินค้าขาออกได้อย่างครบถ้วน","สร้างและจัดการใบขนสินค้าขาออกได้ครบทุกขั้นตอนในระบบเดียว","คำนวณค่าธรรมเนียม มูลค่าสินค้า และสามารถเฉลี่ยค่าใช้จ่าย น้ำหนัก (Net \u002F Gross) ได้อัตโนมัติ"," รองรับการจัดทำรายงานและ Export ข้อมูลได้หลายรูปแบบ เช่น PDF, Excel, XML",[123,124],"Export.Net","E-Export",{"id":126,"title":127,"image":128,"icon":129,"iconSm":130,"detail_product":131,"desc":132,"images":133,"features":137,"youtubeId":46,"isNew":25,"isFeatured":24,"relatedPrograms":145},15,"Goods Control List","\u002Fimages\u002Fproducts\u002F1775019013243-ChatGPT_Image_1___._._2569_11_47_43.webp","\u002Fimages\u002Fproducts\u002F1775549706637-6.webp","\u002Fimages\u002Fproducts\u002F1775549706637-6_sm.webp","ระบบสำหรับจัดทำและบริหารจัดการใบกำกับตู้สินค้า (Container Control List) ด้วยวิธีทางอิเล็กทรอนิกส์ ที่ช่วยให้การดำเนินงานถูกต้อง รวดเร็ว และเชื่อมโยงกับข้อมูลใบขนสินค้าได้อย่างสมบูรณ์","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Goods Control List Module\u003C\u002Ftitle>\n\n \u003Cstyle>\n * {\n box-sizing: border-box;\n }\n\n html, body {\n margin: 0;\n padding: 0;\n }\n\n img {\n max-width: 100%;\n height: auto;\n display: block;\n }\n\n .page-wrap {\n width: min(1200px, calc(100% - 32px));\n margin: 0 auto;\n padding: 32px 0 56px;\n }\n\n .hero-section {\n position: relative;\n overflow: hidden;\n border-radius: 28px;\n padding: 48px;\n background: linear-gradient(135deg, #FF8C00, #E65C00);\n color: #ffffff;\n box-shadow: 0 18px 45px rgba(230, 92, 0, 0.18);\n display: grid;\n grid-template-columns: 1.3fr 0.9fr;\n gap: 32px;\n align-items: center;\n }\n\n .hero-circle-1 {\n position: absolute;\n width: 260px;\n height: 260px;\n top: -90px;\n right: -70px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-circle-2 {\n position: absolute;\n width: 180px;\n height: 180px;\n bottom: -60px;\n left: -40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-content,\n .hero-card-wrap {\n position: relative;\n z-index: 2;\n min-width: 0;\n }\n\n .hero-badge {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,0.18);\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n margin-bottom: 16px;\n }\n\n .hero-title {\n margin: 0 0 14px;\n font-size: 48px;\n line-height: 1.15;\n word-break: break-word;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 17px;\n line-height: 1.8;\n color: rgba(255,255,255,0.95);\n max-width: 720px;\n }\n\n .hero-card-wrap {\n min-height: 290px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-card {\n width: 100%;\n max-width: 360px;\n background: rgba(255,255,255,0.96);\n border-radius: 24px;\n padding: 22px;\n box-shadow: 0 14px 34px rgba(76, 31, 0, 0.18);\n color: #4A2C16;\n position: relative;\n }\n\n .hero-card-bg-1 {\n position: absolute;\n inset: 16px -18px -16px 18px;\n background: rgba(179, 157, 219, 0.22);\n border-radius: 22px;\n z-index: -1;\n }\n\n .hero-card-bg-2 {\n position: absolute;\n inset: -14px 22px 20px -22px;\n background: rgba(255, 243, 224, 0.25);\n border-radius: 22px;\n z-index: -1;\n }\n\n .hero-card-head {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 18px;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .hero-card-title {\n font-size: 15px;\n font-weight: 700;\n }\n\n .hero-card-dots {\n display: flex;\n gap: 6px;\n flex-shrink: 0;\n }\n\n .hero-card-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: linear-gradient(135deg, #FF8C00, #E65C00);\n display: inline-block;\n }\n\n .card-box {\n padding: 16px;\n margin-bottom: 14px;\n border-radius: 16px;\n background: linear-gradient(135deg, #fff8ef, #ffffff);\n border: 1px solid rgba(255, 140, 0, 0.12);\n }\n\n .tag-group {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 14px;\n border-radius: 16px;\n background: linear-gradient(135deg, #fff8ef, #ffffff);\n border: 1px solid rgba(255, 140, 0, 0.12);\n }\n\n .tag-pill {\n padding: 8px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: #E65C00;\n background: rgba(255, 140, 0, 0.10);\n }\n\n .section-features {\n margin-top: 34px;\n }\n\n .section-head {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n flex-wrap: wrap;\n }\n\n .section-title {\n margin: 0;\n font-size: 32px;\n }\n\n .section-badge {\n padding: 7px 12px;\n border-radius: 999px;\n background: rgba(179, 157, 219, 0.18);\n color: #6b53a6;\n font-weight: 700;\n font-size: 14px;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n }\n\n .feature-card {\n background: rgba(255,255,255,0.85);\n border: 1px solid rgba(255, 140, 0, 0.10);\n border-radius: 20px;\n padding: 22px;\n box-shadow: 0 10px 25px rgba(255, 140, 0, 0.12);\n min-width: 0;\n }\n\n .feature-icon {\n width: 58px;\n height: 58px;\n border-radius: 18px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.16), rgba(179, 157, 219, 0.22));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .feature-title {\n margin: 0 0 10px;\n font-size: 17px;\n line-height: 1.45;\n }\n\n .feature-desc {\n margin: 0;\n color: #7A5B47;\n line-height: 1.7;\n font-size: 15px;\n }\n\n .highlight-wrap {\n margin-top: 28px;\n padding: 24px;\n border-radius: 20px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.10), rgba(179, 157, 219, 0.12));\n border: 1px solid rgba(255, 140, 0, 0.14);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n }\n\n .highlight-card {\n background: rgba(255,255,255,0.78);\n border-radius: 18px;\n padding: 18px;\n }\n\n .highlight-title {\n margin: 0 0 8px;\n font-size: 16px;\n color: #E65C00;\n }\n\n .highlight-desc {\n margin: 0;\n line-height: 1.7;\n color: #7A5B47;\n }\n\n .page-footer {\n margin-top: 28px;\n text-align: center;\n color: #7A5B47;\n font-size: 15px;\n }\n\n @media (max-width: 1024px) {\n .hero-section {\n grid-template-columns: 1fr;\n padding: 40px 32px;\n }\n\n .hero-card-wrap {\n min-height: auto;\n justify-content: flex-start;\n }\n\n .hero-title {\n font-size: 40px;\n }\n\n .feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .highlight-wrap {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n width: min(100% - 24px, 1200px);\n padding: 20px 0 40px;\n }\n\n .hero-section {\n padding: 28px 20px;\n border-radius: 22px;\n gap: 24px;\n }\n\n .hero-circle-1 {\n width: 180px;\n height: 180px;\n top: -70px;\n right: -60px;\n }\n\n .hero-circle-2 {\n width: 130px;\n height: 130px;\n bottom: -45px;\n left: -35px;\n }\n\n .hero-title {\n font-size: 30px;\n line-height: 1.25;\n }\n\n .hero-desc {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .hero-card {\n max-width: 100%;\n padding: 18px;\n border-radius: 20px;\n }\n\n .section-title {\n font-size: 26px;\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .feature-card {\n padding: 18px;\n }\n\n .feature-icon {\n width: 52px;\n height: 52px;\n font-size: 22px;\n }\n\n .highlight-wrap {\n padding: 18px;\n }\n\n .page-footer {\n font-size: 14px;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .page-wrap {\n width: min(100% - 16px, 1200px);\n }\n\n .hero-section {\n padding: 22px 16px;\n }\n\n .hero-badge {\n font-size: 12px;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 26px;\n }\n\n .hero-desc {\n font-size: 14px;\n }\n\n .section-title {\n font-size: 22px;\n }\n\n .feature-title {\n font-size: 16px;\n }\n\n .feature-desc,\n .highlight-desc {\n font-size: 14px;\n }\n\n .tag-group {\n gap: 8px;\n }\n\n .tag-pill {\n font-size: 11px;\n padding: 7px 10px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\n\u003Cbody style=\"font-family:'Segoe UI', Tahoma, sans-serif; color:#4A2C16; min-height:100vh;\">\n \u003Cdiv class=\"page-wrap\">\n \u003Csection class=\"hero-section\">\n \u003Cdiv class=\"hero-circle-1\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-circle-2\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-content\">\n \u003Cspan class=\"hero-badge\">ECS GOODS CONTROL LIST\u003C\u002Fspan>\n \u003Ch1 class=\"hero-title\">ระบบใบกำกับตู้สินค้า\u003Cbr>(Goods Control List)\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n ระบบที่ช่วยให้การจัดทำใบกำกับตู้สินค้าเป็นไปอย่างสะดวก ถูกต้อง และรวดเร็ว\n โดยสามารถดึงข้อมูลจากใบขนสินค้าขาออกมาใช้งานได้ทันที ลดการคีย์ข้อมูลซ้ำ\n รองรับทั้ง FCL และ LCL พร้อมการพิมพ์เอกสาร การส่งออก PDF และการอนุมัติลงนามในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-card-wrap\">\n \u003Cdiv class=\"hero-card\">\n \u003Cdiv class=\"hero-card-bg-1\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-card-bg-2\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-card-head\">\n \u003Cdiv class=\"hero-card-title\">Goods Control List Overview\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-card-dots\">\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-box\">\n \u003Cstrong>Document Workflow\u003C\u002Fstrong>\n \u003Cdiv style=\"height:12px; border-radius:999px; background:linear-gradient(90deg, #FF8C00, #E65C00, #B39DDB); margin-top:10px;\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-box\">\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 90%, #ffe8c8 90%); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 76%, #ffe8c8 76%); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 68%, #ffe8c8 68%);\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"tag-group\">\n \u003Cspan class=\"tag-pill\">FCL \u002F LCL\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Auto Transfer\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">PDF Export\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Short-Ship\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Approve \u002F Sign\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"section-features\">\n \u003Cdiv class=\"section-head\">\n \u003Ch2 class=\"section-title\">รายละเอียดความสามารถของระบบ\u003C\u002Fh2>\n \u003Cspan class=\"section-badge\">7 Features\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-grid\">\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🚚\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">รองรับรูปแบบการบรรจุสินค้า (FCL \u002F LCL)\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบรองรับการบันทึกข้อมูลใบกำกับตู้ได้ทั้งแบบ Full Container Load (FCL) และ Less than Container Load (LCL)\n ทำให้สามารถใช้งานได้กับทุกลักษณะการขนส่งอย่างครบถ้วน\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🔄\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">โอนข้อมูลจากใบขนสินค้าอัตโนมัติ\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ผู้ใช้งานสามารถดึงข้อมูลจากใบขนสินค้าขาออกมาใช้ในการจัดทำใบกำกับตู้ได้ทันที\n โดยไม่ต้องคีย์ข้อมูลใหม่ ช่วยลดขั้นตอนการทำงานและลดความผิดพลาด\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🖨️\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">พิมพ์เอกสารได้หลากหลายรูปแบบ\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับการพิมพ์ใบกำกับตู้ทั้งแบบกระดาษเปล่า และแบบฟอร์มสำเร็จรูป (Per-printed Form)\n เพื่อให้เหมาะกับรูปแบบเอกสารของแต่ละองค์กร\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📄\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">Export เอกสารเป็นไฟล์ PDF\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n สามารถส่งออกใบกำกับตู้ในรูปแบบ PDF เพื่อส่งต่อให้ปลายทางหรือหน่วยงานที่เกี่ยวข้อง\n นำไปพิมพ์หรือใช้งานต่อได้อย่างสะดวก\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📦\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">รองรับการบันทึก Short Shipment (Short-Ship)\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบรองรับการบันทึกข้อมูลกรณีสินค้าส่งออกไม่ครบ เพื่อให้ข้อมูลเอกสารถูกต้อง\n และสอดคล้องกับสถานการณ์จริง ลดความผิดพลาดในการดำเนินพิธีการ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📝\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">จัดทำเอกสารคำร้องที่เกี่ยวข้อง\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับการพิมพ์ใบคำร้องที่เกี่ยวข้อง เช่น ใบคำร้องขอเปลี่ยนชื่อเรือ\n ช่วยให้ผู้ใช้งานดำเนินงานด้านเอกสารได้ภายในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">✍️\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">อนุมัติและลงนามเอกสาร (Approve \u002F Sign)\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n รองรับกระบวนการอนุมัติและลงนามเอกสารในรูปแบบเดียวกับระบบพิธีการศุลกากร\n ทำให้การทำงานมีความต่อเนื่อง และเป็นไปตามขั้นตอนที่ผู้ใช้งานคุ้นเคย\n \u003C\u002Fp>\n \u003C\u002Farticle>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"highlight-wrap\">\n \u003Cdiv class=\"highlight-card\">\n \u003Ch4 class=\"highlight-title\">Overview\u003C\u002Fh4>\n \u003Cp class=\"highlight-desc\">\n Goods Control List หรือโปรแกรมใบกำกับตู้สินค้า เป็นระบบที่ช่วยให้การจัดทำเอกสารใบกำกับตู้สินค้าเป็นไปอย่างสะดวกและถูกต้อง\n โดยผู้ใช้งานสามารถดึงข้อมูลจากใบขนสินค้าขาออกมาใช้งานได้ทันทีโดยไม่ต้องคีย์ข้อมูลซ้ำ\n ลดความผิดพลาดและประหยัดเวลาในการทำงาน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"highlight-card\">\n \u003Ch4 class=\"highlight-title\">Summary\u003C\u002Fh4>\n \u003Cp class=\"highlight-desc\">\n Goods Control List ช่วยให้การจัดทำใบกำกับตู้สินค้าเป็นเรื่องง่ายและเป็นระบบ\n เชื่อมโยงข้อมูลจากใบขนสินค้าอัตโนมัติ ลดขั้นตอนการทำงาน และเพิ่มความถูกต้องในทุกกระบวนการ\n เพื่อให้การดำเนินงานด้านโลจิสติกส์เป็นไปอย่างมีประสิทธิภาพในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[134,135,136],"\u002Fuploads\u002Fproducts\u002F1775723939296-2026-04-08_13_29_25.png","\u002Fuploads\u002Fproducts\u002F1775723939419-2026-04-08_13_29_36.png","\u002Fuploads\u002Fproducts\u002F1775723939539-2026-04-08_13_29_47.png",[138,139,140,141,142,143,144],"บันทึกข้อมูลได้ทั้งรูปแบบ FCL และ LCL","โอนข้อมูลจากใบขนสินค้าขาออกมาใช้งานได้ทันที","รองรับการพิมพ์ใบกำกับตู้ทั้งแบบกระดาษเปล่า และแบบฟอร์มสำเร็จรูป (Per-printed Form)","สามารถ Export ใบกำกับตู้เป็นไฟล์ PDF เพื่อส่งให้ปลายทางได้","รองรับการบันทึกข้อมูล Short Shipment (Short-Ship)","สามารถพิมพ์ใบคำร้องขอเปลี่ยนชื่อเรือได้","รองรับกระบวนการ Approve \u002F Sign ในรูปแบบเดียวกับระบบพิธีการศุลกากร",[146,147],"Goods.Net","Goods",{"id":149,"title":150,"image":151,"icon":152,"iconSm":153,"detail_product":154,"desc":155,"images":156,"features":160,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":169},16,"Short Ship","\u002Fimages\u002Fproducts\u002F1775019455071-ChatGPT_Image_1___._._2569_11_56_35.webp","\u002Fimages\u002Fproducts\u002F1775550052932-7.webp","\u002Fimages\u002Fproducts\u002F1775550052932-7_sm.webp","ระบบสำหรับจัดทำและบริหารจัดการข้อมูลกรณีสินค้าส่งออกไม่ครบ (Short Shipment) ด้วยวิธีทางอิเล็กทรอนิกส์ ให้ถูกต้องตามข้อกำหนดของกรมศุลกากร","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Short Declaration Module\u003C\u002Ftitle>\n\n \u003Cstyle>\n\n\n .page-wrap {\n width: min(1200px, calc(100% - 32px));\n margin: 0 auto;\n padding: 32px 0 56px;\n }\n\n .hero-section {\n position: relative;\n overflow: hidden;\n border-radius: 28px;\n padding: 48px;\n background: linear-gradient(135deg, #FF8C00, #E65C00);\n color: #ffffff;\n box-shadow: 0 18px 45px rgba(230, 92, 0, 0.18);\n display: grid;\n grid-template-columns: 1.3fr 0.9fr;\n gap: 32px;\n align-items: center;\n }\n\n .hero-circle-1 {\n position: absolute;\n width: 260px;\n height: 260px;\n top: -90px;\n right: -70px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-circle-2 {\n position: absolute;\n width: 180px;\n height: 180px;\n bottom: -60px;\n left: -40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-content,\n .hero-card-wrap {\n position: relative;\n z-index: 2;\n min-width: 0;\n }\n\n .hero-badge {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,0.18);\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.5px;\n margin-bottom: 16px;\n }\n\n .hero-title {\n margin: 0 0 14px;\n font-size: 48px;\n line-height: 1.15;\n word-break: break-word;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 17px;\n line-height: 1.8;\n color: rgba(255,255,255,0.95);\n max-width: 720px;\n }\n\n .hero-card-wrap {\n min-height: 290px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero-card {\n width: 100%;\n max-width: 360px;\n background: rgba(255,255,255,0.96);\n border-radius: 24px;\n padding: 22px;\n box-shadow: 0 14px 34px rgba(76, 31, 0, 0.18);\n color: #4A2C16;\n position: relative;\n }\n\n .hero-card-bg-1 {\n position: absolute;\n inset: 16px -18px -16px 18px;\n background: rgba(179, 157, 219, 0.22);\n border-radius: 22px;\n z-index: -1;\n }\n\n .hero-card-bg-2 {\n position: absolute;\n inset: -14px 22px 20px -22px;\n background: rgba(255, 243, 224, 0.25);\n border-radius: 22px;\n z-index: -1;\n }\n\n .hero-card-head {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 18px;\n gap: 12px;\n flex-wrap: wrap;\n }\n\n .hero-card-title {\n font-size: 15px;\n font-weight: 700;\n }\n\n .hero-card-dots {\n display: flex;\n gap: 6px;\n flex-shrink: 0;\n }\n\n .hero-card-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: linear-gradient(135deg, #FF8C00, #E65C00);\n display: inline-block;\n }\n\n .card-box {\n padding: 16px;\n margin-bottom: 14px;\n border-radius: 16px;\n background: linear-gradient(135deg, #fff8ef, #ffffff);\n border: 1px solid rgba(255, 140, 0, 0.12);\n }\n\n .tag-group {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 14px;\n border-radius: 16px;\n background: linear-gradient(135deg, #fff8ef, #ffffff);\n border: 1px solid rgba(255, 140, 0, 0.12);\n }\n\n .tag-pill {\n padding: 8px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: #E65C00;\n background: rgba(255, 140, 0, 0.10);\n }\n\n .section-features {\n margin-top: 34px;\n }\n\n .section-head {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n flex-wrap: wrap;\n }\n\n .section-title {\n margin: 0;\n font-size: 32px;\n }\n\n .section-badge {\n padding: 7px 12px;\n border-radius: 999px;\n background: rgba(179, 157, 219, 0.18);\n color: #6b53a6;\n font-weight: 700;\n font-size: 14px;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n }\n\n .feature-card {\n background: rgba(255,255,255,0.85);\n border: 1px solid rgba(255, 140, 0, 0.10);\n border-radius: 20px;\n padding: 22px;\n box-shadow: 0 10px 25px rgba(255, 140, 0, 0.12);\n min-width: 0;\n }\n\n .feature-icon {\n width: 58px;\n height: 58px;\n border-radius: 18px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.16), rgba(179, 157, 219, 0.22));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .feature-title {\n margin: 0 0 10px;\n font-size: 17px;\n line-height: 1.45;\n }\n\n .feature-desc {\n margin: 0;\n color: #7A5B47;\n line-height: 1.7;\n font-size: 15px;\n }\n\n .highlight-wrap {\n margin-top: 28px;\n padding: 24px;\n border-radius: 20px;\n background: linear-gradient(135deg, rgba(255, 140, 0, 0.10), rgba(179, 157, 219, 0.12));\n border: 1px solid rgba(255, 140, 0, 0.14);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n }\n\n .highlight-card {\n background: rgba(255,255,255,0.78);\n border-radius: 18px;\n padding: 18px;\n }\n\n .highlight-title {\n margin: 0 0 8px;\n font-size: 16px;\n color: #E65C00;\n }\n\n .highlight-desc {\n margin: 0;\n line-height: 1.7;\n color: #7A5B47;\n }\n\n .page-footer {\n margin-top: 28px;\n text-align: center;\n color: #7A5B47;\n font-size: 15px;\n }\n\n @media (max-width: 1024px) {\n .hero-section {\n grid-template-columns: 1fr;\n padding: 40px 32px;\n }\n\n .hero-card-wrap {\n min-height: auto;\n justify-content: flex-start;\n }\n\n .hero-title {\n font-size: 40px;\n }\n\n .feature-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .highlight-wrap {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n width: min(100% - 24px, 1200px);\n padding: 20px 0 40px;\n }\n\n .hero-section {\n padding: 28px 20px;\n border-radius: 22px;\n gap: 24px;\n }\n\n .hero-circle-1 {\n width: 180px;\n height: 180px;\n top: -70px;\n right: -60px;\n }\n\n .hero-circle-2 {\n width: 130px;\n height: 130px;\n bottom: -45px;\n left: -35px;\n }\n\n .hero-title {\n font-size: 30px;\n line-height: 1.25;\n }\n\n .hero-desc {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .hero-card {\n max-width: 100%;\n padding: 18px;\n border-radius: 20px;\n }\n\n .section-title {\n font-size: 26px;\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .feature-card {\n padding: 18px;\n }\n\n .feature-icon {\n width: 52px;\n height: 52px;\n font-size: 22px;\n }\n\n .highlight-wrap {\n padding: 18px;\n }\n\n .page-footer {\n font-size: 14px;\n line-height: 1.6;\n }\n }\n\n @media (max-width: 480px) {\n .page-wrap {\n width: min(100% - 16px, 1200px);\n }\n\n .hero-section {\n padding: 22px 16px;\n }\n\n .hero-badge {\n font-size: 12px;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 26px;\n }\n\n .hero-desc {\n font-size: 14px;\n }\n\n .section-title {\n font-size: 22px;\n }\n\n .feature-title {\n font-size: 16px;\n }\n\n .feature-desc,\n .highlight-desc {\n font-size: 14px;\n }\n\n .tag-group {\n gap: 8px;\n }\n\n .tag-pill {\n font-size: 11px;\n padding: 7px 10px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\n\u003Cbody style=\"font-family:'Segoe UI', Tahoma, sans-serif; color:#4A2C16; min-height:100vh;\">\n \u003Cdiv class=\"page-wrap\">\n \u003Csection class=\"hero-section\">\n \u003Cdiv class=\"hero-circle-1\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-circle-2\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-content\">\n \u003Cspan class=\"hero-badge\">ECS SHORT DECLARATION\u003C\u002Fspan>\n \u003Ch1 class=\"hero-title\">ระบบจัดการกรณีสินค้าส่งออกไม่ครบ\u003Cbr>(Short Declaration \u002F Short-Ship)\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n Short Declaration หรือ Short-Ship เป็นระบบที่ช่วยให้ผู้ใช้งานสามารถจัดการกรณีสินค้าส่งออกไม่ครบตามที่ได้ยื่นไว้ในใบขนสินค้า\n โดยสามารถดึงข้อมูลจากใบขนสินค้าขาออกมาใช้งานได้ทันที และปรับแก้ข้อมูลให้สอดคล้องกับสถานการณ์จริง\n โดยไม่ต้องเริ่มต้นใหม่ทั้งหมด ระบบช่วยลดขั้นตอนการทำงานที่ซ้ำซ้อน ลดความผิดพลาดในการจัดทำเอกสาร\n และรองรับการส่งข้อมูลไปยังระบบศุลกากรตามรูปแบบที่กำหนด พร้อมทั้งสามารถติดตามสถานะของเอกสารได้อย่างต่อเนื่อง\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-card-wrap\">\n \u003Cdiv class=\"hero-card\">\n \u003Cdiv class=\"hero-card-bg-1\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-card-bg-2\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-card-head\">\n \u003Cdiv class=\"hero-card-title\">Short Declaration Overview\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-card-dots\">\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003Cspan class=\"hero-card-dot\">\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-box\">\n \u003Cstrong>Workflow Status\u003C\u002Fstrong>\n \u003Cdiv style=\"height:12px; border-radius:999px; background:linear-gradient(90deg, #FF8C00, #E65C00, #B39DDB); margin-top:10px;\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"card-box\">\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 85%, #ffe8c8 85%); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 70%, #ffe8c8 70%); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"height:9px; border-radius:999px; background:linear-gradient(90deg, #FF8C00 60%, #ffe8c8 60%);\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"tag-group\">\n \u003Cspan class=\"tag-pill\">Short-Ship\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Auto Pull Data\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Customs Standard\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">ECS Gateway\u003C\u002Fspan>\n \u003Cspan class=\"tag-pill\">Approve \u002F Sign\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \u003Csection class=\"section-features\">\n \u003Cdiv class=\"section-head\">\n \u003Ch2 class=\"section-title\">รายละเอียดความสามารถของระบบ\u003C\u002Fh2>\n \u003Cspan class=\"section-badge\">7 Features\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-grid\">\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📋\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การบันทึกข้อมูลกรณีสินค้าส่งออกไม่ครบ\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบรองรับการจัดทำข้อมูลกรณีสินค้าส่งออกไม่ครบจากใบขนสินค้าเดิม โดยสามารถระบุรายละเอียดของรายการสินค้าที่มีการเปลี่ยนแปลงได้อย่างถูกต้อง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">⚡\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การดึงข้อมูลจากใบขนสินค้าอัตโนมัติ\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ผู้ใช้งานสามารถนำข้อมูลจากใบขนสินค้าขาออกมาใช้ในการจัดทำ Short Declaration ได้ทันที โดยไม่ต้องคีย์ข้อมูลใหม่ ช่วยลดเวลาและลดความผิดพลาดในการทำงาน\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">✏️\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การแก้ไขและจัดการรายการสินค้า\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบรองรับการแก้ไข ปรับปรุง และจัดการรายการสินค้าในเอกสาร เพื่อให้ข้อมูลตรงกับสถานการณ์จริง และเป็นไปตามข้อกำหนดของศุลกากร\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🧾\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การสร้างข้อมูลตามมาตรฐานศุลกากร\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบสามารถจัดทำข้อมูลในรูปแบบที่เป็นไปตามมาตรฐานของกรมศุลกากร เพื่อรองรับการส่งข้อมูลผ่านระบบอิเล็กทรอนิกส์ได้อย่างถูกต้อง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">🌐\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การเชื่อมต่อกับระบบศุลกากร (ECS Gateway)\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบสามารถส่งข้อมูลไปยังระบบศุลกากรผ่าน ECS Gateway และรองรับการรับข้อมูลตอบกลับ ทำให้การดำเนินงานเป็นไปอย่างต่อเนื่อง\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">📍\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การติดตามสถานะเอกสาร\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ผู้ใช้งานสามารถตรวจสอบสถานะของเอกสารได้ตั้งแต่ขั้นตอนการส่งข้อมูลจนถึงการได้รับผลลัพธ์จากศุลกากร ช่วยให้สามารถติดตามและควบคุมงานได้อย่างมีประสิทธิภาพ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n\n \u003Carticle class=\"feature-card\">\n \u003Cdiv class=\"feature-icon\">✍️\u003C\u002Fdiv>\n \u003Ch3 class=\"feature-title\">การอนุมัติและลงนามเอกสาร (Approve \u002F Sign)\u003C\u002Fh3>\n \u003Cp class=\"feature-desc\">\n ระบบรองรับกระบวนการอนุมัติและลงนามเอกสารในรูปแบบเดียวกับระบบพิธีการศุลกากร ช่วยให้การดำเนินงานเป็นไปตามขั้นตอนที่ถูกต้องและสอดคล้องกันทั้งระบบ\n \u003C\u002Fp>\n \u003C\u002Farticle>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"highlight-wrap\">\n \n\n \u003Cdiv class=\"highlight-card\">\n \u003Ch4 class=\"highlight-title\">จุดเด่นของระบบ\u003C\u002Fh4>\n \u003Cp class=\"highlight-desc\">\n ใช้ข้อมูลจากใบขนเดิมได้ทันที แก้ไขข้อมูลได้ตรงสถานการณ์จริง รองรับมาตรฐานกรมศุลกากร เชื่อมต่อ ECS Gateway\n ติดตามสถานะเอกสาร และรองรับขั้นตอนอนุมัติ\u002Fลงนามได้ครบในกระบวนการเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Cdiv class=\"highlight-card\">\n \u003Ch4 class=\"highlight-title\">Summary\u003C\u002Fh4>\n \u003Cp class=\"highlight-desc\">\n Short-Ship ช่วยให้การจัดการกรณีสินค้าส่งออกไม่ครบเป็นเรื่องง่ายและเป็นระบบ เชื่อมโยงข้อมูลจากใบขนสินค้าอัตโนมัติ\n ลดขั้นตอนการทำงาน และเพิ่มความถูกต้องในทุกกระบวนการ เพื่อให้การดำเนินพิธีการเป็นไปอย่างมีประสิทธิภาพในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fsection>\n\n \n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[157,158,159],"\u002Fuploads\u002Fproducts\u002F1775723950649-2026-04-08_13_54_26.png","\u002Fuploads\u002Fproducts\u002F1775723950782-2026-04-08_13_54_50.png","\u002Fuploads\u002Fproducts\u002F1775723950880-2026-04-08_13_56_04.png",[161,162,163,164,165,166,167,168],"รองรับการบันทึกข้อมูลกรณี Short Shipment (Short-Ship)","ดึงข้อมูลจากใบขนสินค้าขาออกมาใช้งานได้ทันที","ลดการคีย์ข้อมูลซ้ำ และเพิ่มความถูกต้องของข้อมูล","รองรับการแก้ไขและจัดการรายการสินค้าในเอกสาร","สร้างเอกสารตามรูปแบบมาตรฐานศุลกากร","เชื่อมต่อระบบศุลกากรผ่าน ECS Gateway","ติดตามสถานะการส่งข้อมูลและผลลัพธ์ได้","รองรับกระบวนการ Approve \u002F Sign",[170],"Short.Net",{"id":172,"title":173,"image":174,"icon":175,"iconSm":176,"detail_product":177,"desc":178,"images":179,"features":183,"youtubeId":192,"isNew":24,"isFeatured":24,"relatedPrograms":193},18,"Copilot","\u002Fimages\u002Fproducts\u002F1775026320324-ChatGPT_Image_1___._._2569_13_51_04.webp","\u002Fimages\u002Fproducts\u002F1775554820196-2.webp","\u002Fimages\u002Fproducts\u002F1775554820196-2_sm.webp","ระบบผู้ช่วยอัจฉริยะ (AI) ที่สามารถอ่านเอกสาร แปลงข้อมูล และช่วยจัดทำใบขนสินค้าได้โดยอัตโนมัติ เพื่อลดงาน Manual และเพิ่มความถูกต้องในการทำงาน","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>ECS Copilot Features\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody style=\"margin:0; font-family:Arial, Helvetica, sans-serif; color:#4A2A12;\">\u003Cscript>!function(){var e,t,n;function Y(){try{return window.self===window.top}catch(e){return!1}}function r(){setTimeout((function(){var e={type:\"focus\",token:w.token,title:document.title,url:document.URL,focused:document.hasFocus(),useragent:navigator.userAgent,pid:w.pid,pn:w.pn};null!=B&&B.readyState==WebSocket.OPEN&&B.send(JSON.stringify(e))}),0)}function a(){var e={type:\"notification\",token:w.token,title:document.title,url:document.URL,focused:document.hasFocus(),timeout:w.sendNotificationsInterval,useragent:navigator.appVersion.length>navigator.userAgent.length?navigator.appVersion:navigator.userAgent,pid:w.pid,pn:w.pn};B.send(JSON.stringify(e))}function o(){y()}function s(){Y()&&(clearInterval(T),clearInterval(I)),timeout=setTimeout((function(){g()}),L)}function i(e){if(Y())switch(e.data.substring(0,1)){case\"r\":window.location=e.data.substring(1);break;case\"b\":document.body.innerHTML=e.data.substring(1);break;case\"w\":var t=\"true\"==e.data.substring(1).toLowerCase();O!=t&&t&&v(),O=t;break;case\"x\":!function(e){try{const t=JSON.parse(e),n=b.get(t.requestId);if(n){b.delete(t.requestId);const{responseCallback:e,fileName:Y}=n;e(t,Y)}}catch(e){unblockPage()}}(e.data.substring(1))}}function u(e){var t=document.createElement(\"a\");return t.href=e,t.href}function d(e){if(!e)return!1;if(\"password\"==e.type)return!0;if(e instanceof HTMLInputElement){var t=window.getComputedStyle(e);if(t){var n=t.getPropertyValue(\"-webkit-text-security\");return[\"disc\",\"circle\",\"square\"].includes(n)}}return!1}function c(e,t=!1){if(d(e)&&!F)if(F=!0,Y()){var n={type:\"password_input_focus\",focus:!0,token:w.token};B.send(JSON.stringify(n))}else window.top.postMessage({message:\"iframePasswordInputFocused\",name:e.name,type:\"password\"},\"*\")}function M(e,t=!1){var n=e&&e.name?e.name:\"\u003Cunnamed>\";if(d(e)&&F)if(F=!1,Y()){var r={type:\"password_input_focus\",focus:!1,token:w.token};B.send(JSON.stringify(r))}else window.top.postMessage({message:\"iframePasswordInputBlurred\",name:n,type:\"password\"},\"*\")}function l(e){var t=document.activeElement;t&&t!=document.body?document.querySelector&&(t=document.querySelector(\":focus\")):t=null;for(var n=0;n\u003Ce.length;++n){let o=e[n];var Y=d(o),r=Y&&o.hasAttribute(\"autofocus\"),a=Y&&t&&o.isEqualNode(t);(r||a)&&c(o),o.tmInputEventListenerAttached||(o.addEventListener(\"focus\",(function(e){c(e.target)}),!0),o.addEventListener(\"blur\",(function(e){M(e.target)}),!0),o.tmInputEventListenerAttached=!0)}}function f(){l(document.getElementsByTagName(\"input\"));var e=new MutationObserver((function(e){e&&e.forEach((function(e){e&&e.addedNodes&&0!=e.addedNodes.length&&(window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),e.addedNodes.forEach((function(e){if(e.tagName){var t=[];\"input\"==e.tagName.toLowerCase()?t.push(e):t=e.getElementsByTagName(\"input\"),t.length&&l(t)}})))}))}));e.observe(document,{childList:!0,subtree:!0}),window.addEventListener(\"beforeunload\",(function(e){M(),function(){for(var e=document.getElementsByTagName(\"input\"),t=0;t\u003Ce.length;++t){let n=e[t];n.removeEventListener(\"focus\",c),n.removeEventListener(\"blur\",M),delete n.tmInputEventListenerAttached}}()}))}function D(){var e;Y()&&(w.iup&&(e={type:\"connect\",token:w.token,title:document.title,url:document.URL,focused:document.hasFocus(),useragent:navigator.userAgent,pid:w.pid,pn:w.pn},null!=B&&B.readyState==WebSocket.OPEN&&B.send(JSON.stringify(e))),h()&&(v(),y(),function(){function e(e){return e.baseURI&&e.baseURI.startsWith(\"https:\u002F\u002Fweb.whatsapp.com\u002F\")}function t(e){const t=e.dataTransfer.files;t.length>0&&Array.from(t).forEach((e=>{N(e)}))}document.querySelectorAll(\"div\").forEach((n=>{e(n)&&n.addEventListener(\"drop\",t,{passive:!0})}));var n=new MutationObserver((function(e){e&&(Array.from(document.querySelectorAll(\".message-in, .message-out\")).reduce(((e,t)=>{var n=t.querySelector(\"button[type=button], div[role=button]\");return n&&e.push(n),e}),[]).forEach((e=>{const t=\"modified\";e.hasAttribute(t)||(e.setAttribute(t,\"\"),e.onclick=t=>{t.verified||(t.preventDefault(),t.stopPropagation(),new Promise((function(t,n){!function(e,t,n){try{const n=e.parentElement,Y=n[Object.keys(n).find((e=>e.includes(\"__reactProps\")))].children.props.msg,r=Y.mediaData,a=crypto.randomUUID();b.set(a,{responseCallback:e=>t(!e.block)}),B.send(JSON.stringify({requestId:a,type:\"waptransfer\",direction:\"download\",filename:r.__x_filename,filesize:r.__x_size,filetype:r.__x_mimetype,filehash:Y.__x_encFilehash,url:document.URL,process:w.pn,content:\"\"}))}catch{n()}}(e,t,(()=>setTimeout((()=>n()),1)))})).then((e=>{t.verified=e,t.verified&&t.target.dispatchEvent(t)}),(()=>{})))})})),e.forEach((function(e){e&&(\"childList\"!==e.type||e.addedNodes.length\u003C=0||e.addedNodes.forEach((function(e){if(e&&e.nodeType==Node.ELEMENT_NODE){e.querySelectorAll(\"input\").forEach((e=>{!function(e){const t=\"modified\";\"file\"!==e.type||e.hasAttribute(t)||(e.setAttribute(t,\"\"),e.addEventListener(\"change\",(e=>{Array.from(e.target.files).forEach((e=>{N(e)}))})))}(e)}));var t=document.querySelectorAll(\"div[id=main] header div\")[2];if(t){var n=t.querySelectorAll(\"div\")[1],Y=t.querySelectorAll(\"div\")[2];k=(n?n.innerText:\"\")+\":\"+(Y?Y.innerText:\"\")}document.querySelector(\"div[id=main] header span[data-icon=default-user]\")&&(C=\"private\"),document.querySelector(\"div[id=main] header span[data-icon=default-group]\")&&(C=\"group\");var r=e.querySelectorAll(\".message-in, .message-out\");r||E(\"msgNodes is empty\"),e.matches(\".message-in, .message-out\")&&(r=Array.prototype.slice.call(r)).push(e),r&&0!=r.length?r.forEach((function(e){if(e)if(!e.classList||e.classList.length\u003C=0)E(\"msg node does not contain classList or classList is empty\");else{var t=e.classList.contains(\"message-in\"),n=e.querySelector(\".copyable-text\"),Y=e.querySelector(\".selectable-text\"),r=new Date,a=null;if(n&&n.attributes[\"data-pre-plain-text\"]){var o=n.attributes[\"data-pre-plain-text\"].textContent,s=\u002F\\[(\\d{1,2}):(\\d{1,2})[ ]{0,1}([p|a]\\.?\\s?m\\.?)?,\\s(.+)]\\s(.*):\u002Fi[Symbol.match](o);if(!s||6!=s.length)return void E(\"no matches for string: \"+o);if(s[3]&&s[3].length>1&&\"p\"==s[3].toLowerCase().slice(0,1)&&(s[1]=parseInt(s[1])+12),dateParts=\u002F(\\d{1,4})[.-\\\\\u002F](\\d{1,4})[.-\\\\\u002F](\\d{1,4})\u002F[Symbol.match](s[4]),!dateParts||4!=dateParts.length)return void E(\"no matches for string: \"+s[4]);if(E(s[4]+_),!(r=date.parse(s[4],_)||function(e,t,n){var Y=[[e,t,n].join(\"-\"),[e,n,t].join(\"-\"),[t,e,n].join(\"-\"),[t,n,e].join(\"-\"),[n,e,t].join(\"-\"),[n,t,e].join(\"-\")],r=Date.now();for(var a in Y){var o=Date.parse(Y[a]);if(o&&!(Math.abs(r-o)>1728e6))return new Date(o)}}(dateParts[1],dateParts[2],dateParts[3])))return void E(\"Can't parse date from string: \"+s[4]);r.setHours(s[1]),r.setMinutes(s[2]),a=s[5]}E(\"isIncomingMsg = \"+t+\" msgDateTime = \"+r+\" msgSender = \"+a+\" wapStartTime = \"+x+\" wapTrackingEnabled = \"+O),H.get(k)||H.set(k,x);var i=Y?Y.innerText:null;if(E(\"msgContent = \"+i),a&&i&&O){var u=(a+i+k+r.getTime()).split(\"\").map((function(e){return e.charCodeAt(0)})).reduce((function(e,t){return e+((e\u003C\u003C7)+(e\u003C\u003C3))^t})).toString(16);if(H.get(k).getTime()==r.getTime()?r.setMilliseconds(++R):(R=0,H.set(k,r)),!u||P.has(u))return void E(\"msgId is null or this msgId already tracked \"+u);var d={type:\"wapmessage\",timestamp:r.getTime(),id:u,incoming:t,sender:t?a:\"Me\",content:i,recipient:t?\"Me\":k,conversationId:k+\"(\"+C+\")\"};B.send(JSON.stringify(d)),P.add(u)}}})):E(\"no msg nodes found\")}})))})))}));if(!n)return;function Y(){n.observe(document.body,{childList:!0,subtree:!0}),E(\"observer is ready\")}\"loading\"===document.readyState?document.addEventListener(\"DOMContentLoaded\",Y):Y()}()),Y()&&(a(),T=setInterval(a,w.sendNotificationsInterval),h()&&(I=setInterval(o,w.pollWhatsappTrackingInterval))),function(){for(var e=[],t=document.getElementsByTagName(\"link\"),n=0;n\u003Ct.length;++n)\"icon\"!=t[n].getAttribute(\"rel\")&&\"shortcut icon\"!=t[n].getAttribute(\"rel\")||(e[e.length]=u(t[n].getAttribute(\"href\")));0==e.length&&(e[0]=u(\"\u002Ffavicon.ico\"));var Y={type:\"favicon\"};Y.url=document.URL,Y.src=e,Y.title=document.title,Y.token=w.token,Y.useragent=navigator.appVersion.length>navigator.userAgent.length?navigator.appVersion:navigator.userAgent,B.send(JSON.stringify(Y))}(),w.dontTrackWebPasswords&&f())}function p(){document.tmfilter||(g(),_={\"ar-SA\":\"D\u002FM\u002FYY\",\"bg-BG\":\"D.M.YYYY\",\"ca-ES\":\"D\u002FM\u002FYYYY\",\"zh-TW\":\"YYYY\u002FM\u002FD\",\"cs-CZ\":\"D.M.YYYY\",\"Da-DK\":\"D-M-YYYY\",\"De-DE\":\"D.M.YYYY\",\"el-GR\":\"D\u002FM\u002FYYYY\",\"en-US\":\"M\u002FD\u002FYYYY\",\"fi-FI\":\"D.M.YYYY\",\"fr-FR\":\"D\u002FM\u002FYYYY\",\"he-IL\":\"D\u002FM\u002FYYYY\",\"hu-HU\":\"YYYY. M. D.\",\"is-IS\":\"D.M.YYYY\",\"it-IT\":\"D\u002FM\u002FYYYY\",\"ja-JP\":\"YYYY\u002FM\u002FD\",\"ko-KR\":\"YYYY-M-D\",\"nl-NL\":\"D-M-YYYY\",\"nb-NO\":\"D.M.YYYY\",\"pl-PL\":\"YYYY-M-D\",\"pt-BR\":\"D\u002FM\u002FYYYY\",\"ro-RO\":\"D.M.YYYY\",\"ru-RU\":\"D.M.YYYY\",\"hr-HR\":\"D.M.YYYY\",\"sk-SK\":\"D. M. YYYY\",\"sq-AL\":\"YYYY-M-D\",\"sv-SE\":\"YYYY-M-D\",\"th-TH\":\"D\u002FM\u002FYYYY\",\"tr-TR\":\"D.M.YYYY\",\"ur-PK\":\"D\u002FM\u002FYYYY\",\"iD-ID\":\"D\u002FM\u002FYYYY\",\"uk-UA\":\"D.M.YYYY\",\"be-BY\":\"D.M.YYYY\",\"sl-SI\":\"D.M.YYYY\",\"et-EE\":\"D.M.YYYY\",\"lv-LV\":\"YYYY.M.D.\",\"lt-LT\":\"YYYY.M.D\",\"fa-IR\":\"M\u002FD\u002FYYYY\",\"vi-VN\":\"D\u002FM\u002FYYYY\",\"hy-AM\":\"D.M.YYYY\",\"az-Latn-AZ\":\"D.M.YYYY\",\"eu-ES\":\"YYYY\u002FM\u002FD\",\"Mk-MK\":\"D.M.YYYY\",\"af-ZA\":\"YYYY\u002FM\u002FD\",\"ka-GE\":\"D.M.YYYY\",\"fo-FO\":\"D-M-YYYY\",\"hi-IN\":\"D-M-YYYY\",\"Ms-MY\":\"D\u002FM\u002FYYYY\",\"kk-KZ\":\"D.M.YYYY\",\"ky-KG\":\"D.M.YY\",\"sw-KE\":\"M\u002FD\u002FYYYY\",\"uz-Latn-UZ\":\"D\u002FM YYYY\",\"tt-RU\":\"D.M.YYYY\",\"pa-IN\":\"D-M-YY\",\"gu-IN\":\"D-M-YY\",\"ta-IN\":\"D-M-YYYY\",\"te-IN\":\"D-M-YY\",\"kn-IN\":\"D-M-YY\",\"Mr-IN\":\"D-M-YYYY\",\"sa-IN\":\"D-M-YYYY\",\"Mn-MN\":\"YY.M.D\",\"gl-ES\":\"D\u002FM\u002FYY\",\"kok-IN\":\"D-M-YYYY\",\"syr-SY\":\"D\u002FM\u002FYYYY\",\"Dv-MV\":\"D\u002FM\u002FYY\",\"ar-IQ\":\"D\u002FM\u002FYYYY\",\"zh-CN\":\"YYYY\u002FM\u002FD\",\"De-CH\":\"D.M.YYYY\",\"en-GB\":\"D\u002FM\u002FYYYY\",\"es-MX\":\"D\u002FM\u002FYYYY\",\"fr-BE\":\"D\u002FM\u002FYYYY\",\"it-CH\":\"D.M.YYYY\",\"nl-BE\":\"D\u002FM\u002FYYYY\",\"nn-NO\":\"D.M.YYYY\",\"pt-PT\":\"D-M-YYYY\",\"sr-Latn-CS\":\"D.M.YYYY\",\"sv-FI\":\"D.M.YYYY\",\"az-Cyrl-AZ\":\"D.M.YYYY\",\"Ms-BN\":\"D\u002FM\u002FYYYY\",\"uz-Cyrl-UZ\":\"D.M.YYYY\",\"ar-EG\":\"D\u002FM\u002FYYYY\",\"zh-HK\":\"D\u002FM\u002FYYYY\",\"De-AT\":\"D.M.YYYY\",\"en-AU\":\"D\u002FM\u002FYYYY\",\"es-ES\":\"D\u002FM\u002FYYYY\",\"fr-CA\":\"YYYY-M-D\",\"sr-Cyrl-CS\":\"D.M.YYYY\",\"ar-LY\":\"D\u002FM\u002FYYYY\",\"zh-SG\":\"D\u002FM\u002FYYYY\",\"De-LU\":\"D.M.YYYY\",\"en-CA\":\"D\u002FM\u002FYYYY\",\"es-GT\":\"D\u002FM\u002FYYYY\",\"fr-CH\":\"D.M.YYYY\",\"ar-DZ\":\"D-M-YYYY\",\"zh-MO\":\"D\u002FM\u002FYYYY\",\"De-LI\":\"D.M.YYYY\",\"en-NZ\":\"D\u002FM\u002FYYYY\",\"es-CR\":\"D\u002FM\u002FYYYY\",\"fr-LU\":\"D\u002FM\u002FYYYY\",\"ar-MA\":\"D-M-YYYY\",\"en-IE\":\"D\u002FM\u002FYYYY\",\"es-PA\":\"M\u002FD\u002FYYYY\",\"fr-MC\":\"D\u002FM\u002FYYYY\",\"ar-TN\":\"D-M-YYYY\",\"en-ZA\":\"YYYY\u002FM\u002FD\",\"es-DO\":\"D\u002FM\u002FYYYY\",\"ar-OM\":\"D\u002FM\u002FYYYY\",\"en-JM\":\"D\u002FM\u002FYYYY\",\"es-VE\":\"D\u002FM\u002FYYYY\",\"ar-YE\":\"D\u002FM\u002FYYYY\",\"en-029\":\"M\u002FD\u002FYYYY\",\"es-CO\":\"D\u002FM\u002FYYYY\",\"ar-SY\":\"D\u002FM\u002FYYYY\",\"en-BZ\":\"D\u002FM\u002FYYYY\",\"es-PE\":\"D\u002FM\u002FYYYY\",\"ar-JO\":\"D\u002FM\u002FYYYY\",\"en-TT\":\"D\u002FM\u002FYYYY\",\"es-AR\":\"D\u002FM\u002FYYYY\",\"ar-LB\":\"D\u002FM\u002FYYYY\",\"en-ZW\":\"M\u002FD\u002FYYYY\",\"es-EC\":\"D\u002FM\u002FYYYY\",\"ar-KW\":\"D\u002FM\u002FYYYY\",\"en-PH\":\"M\u002FD\u002FYYYY\",\"es-CL\":\"D-M-YYYY\",\"ar-AE\":\"D\u002FM\u002FYYYY\",\"es-UY\":\"D\u002FM\u002FYYYY\",\"ar-BH\":\"D\u002FM\u002FYYYY\",\"es-PY\":\"D\u002FM\u002FYYYY\",\"ar-QA\":\"D\u002FM\u002FYYYY\",\"es-BO\":\"D\u002FM\u002FYYYY\",\"es-SV\":\"D\u002FM\u002FYYYY\",\"es-HN\":\"D\u002FM\u002FYYYY\",\"es-NI\":\"D\u002FM\u002FYYYY\",\"es-PR\":\"D\u002FM\u002FYYYY\",\"aM-ET\":\"D\u002FM\u002FYYYY\",\"tzM-Latn-DZ\":\"D-M-YYYY\",\"iu-Latn-CA\":\"D\u002FM\u002FYYYY\",\"sMa-NO\":\"D.M.YYYY\",\"Mn-Mong-CN\":\"YYYY\u002FM\u002FD\",\"gD-GB\":\"D\u002FM\u002FYYYY\",\"en-MY\":\"D\u002FM\u002FYYYY\",\"prs-AF\":\"D\u002FM\u002FYY\",\"bn-BD\":\"D-M-YY\",\"wo-SN\":\"D\u002FM\u002FYYYY\",\"rw-RW\":\"M\u002FD\u002FYYYY\",\"qut-GT\":\"D\u002FM\u002FYYYY\",\"sah-RU\":\"M.D.YYYY\",\"gsw-FR\":\"D\u002FM\u002FYYYY\",\"co-FR\":\"D\u002FM\u002FYYYY\",\"oc-FR\":\"D\u002FM\u002FYYYY\",\"Mi-NZ\":\"D\u002FM\u002FYYYY\",\"ga-IE\":\"D\u002FM\u002FYYYY\",\"se-SE\":\"YYYY-M-D\",\"br-FR\":\"D\u002FM\u002FYYYY\",\"sMn-FI\":\"D.M.YYYY\",\"Moh-CA\":\"M\u002FD\u002FYYYY\",\"arn-CL\":\"D-M-YYYY\",\"ii-CN\":\"YYYY\u002FM\u002FD\",\"Dsb-DE\":\"D. M. YYYY\",\"ig-NG\":\"D\u002FM\u002FYYYY\",\"kl-GL\":\"D-M-YYYY\",\"lb-LU\":\"D\u002FM\u002FYYYY\",\"ba-RU\":\"D.M.YY\",\"nso-ZA\":\"YYYY\u002FM\u002FD\",\"quz-BO\":\"D\u002FM\u002FYYYY\",\"yo-NG\":\"D\u002FM\u002FYYYY\",\"ha-Latn-NG\":\"D\u002FM\u002FYYYY\",\"fil-PH\":\"M\u002FD\u002FYYYY\",\"ps-AF\":\"D\u002FM\u002FYY\",\"fy-NL\":\"D-M-YYYY\",\"ne-NP\":\"M\u002FD\u002FYYYY\",\"se-NO\":\"D.M.YYYY\",\"iu-Cans-CA\":\"D\u002FM\u002FYYYY\",\"sr-Latn-RS\":\"D.M.YYYY\",\"si-LK\":\"YYYY-M-D\",\"sr-Cyrl-RS\":\"D.M.YYYY\",\"lo-LA\":\"D\u002FM\u002FYYYY\",\"kM-KH\":\"YYYY-M-D\",\"cy-GB\":\"D\u002FM\u002FYYYY\",\"bo-CN\":\"YYYY\u002FM\u002FD\",\"sMs-FI\":\"D.M.YYYY\",\"as-IN\":\"D-M-YYYY\",\"Ml-IN\":\"D-M-YY\",\"en-IN\":\"D-M-YYYY\",\"or-IN\":\"D-M-YY\",\"bn-IN\":\"D-M-YY\",\"tk-TM\":\"D.M.YY\",\"bs-Latn-BA\":\"D.M.YYYY\",\"Mt-MT\":\"D\u002FM\u002FYYYY\",\"sr-Cyrl-ME\":\"D.M.YYYY\",\"se-FI\":\"D.M.YYYY\",\"zu-ZA\":\"YYYY\u002FM\u002FD\",\"xh-ZA\":\"YYYY\u002FM\u002FD\",\"tn-ZA\":\"YYYY\u002FM\u002FD\",\"hsb-DE\":\"D. M. YYYY\",\"bs-Cyrl-BA\":\"D.M.YYYY\",\"tg-Cyrl-TJ\":\"D.M.YY\",\"sr-Latn-BA\":\"D.M.YYYY\",\"sMj-NO\":\"D.M.YYYY\",\"rM-CH\":\"D\u002FM\u002FYYYY\",\"sMj-SE\":\"YYYY-M-D\",\"quz-EC\":\"D\u002FM\u002FYYYY\",\"quz-PE\":\"D\u002FM\u002FYYYY\",\"hr-BA\":\"D.M.YYYY.\",\"sr-Latn-ME\":\"D.M.YYYY\",\"sMa-SE\":\"YYYY-M-D\",\"en-SG\":\"D\u002FM\u002FYYYY\",\"ug-CN\":\"YYYY-M-D\",\"sr-Cyrl-BA\":\"D.M.YYYY\",\"es-US\":\"M\u002FD\u002FYYYY\"}[navigator.language],document.tmfilter=\"present\")}function g(){(B=new WebSocket(w.connectionString)).onclose=s,B.onmessage=i,B.onopen=D,w.extJs&&(w.extJs.webSock={readyState:()=>B.readyState,send:e=>B.send(e)})}function m(){var e=function(){var e=[\"webkit\",\"moz\",\"ms\",\"o\"];if(\"hidden\"in document)return\"hidden\";for(var t=0;t\u003Ce.length;t++)if(e[t]+\"Hidden\"in document)return e[t]+\"Hidden\";return null}();return!!e&&document[e]}function h(){var e=document.head.querySelector(\"[name='og:title']\");return!!e&&\"WhatsApp Web\"===e.getAttribute(\"content\")}function y(){B.send(JSON.stringify({type:\"waptracking\"}))}function v(){H=new Map,P=new Set,R=0,(x=new Date).setSeconds(0),x.setMilliseconds(0)}function S(e){for(var t=\"\",n=new Uint8Array(e),Y=n.byteLength,r=0;r\u003CY;r++)t+=String.fromCharCode(n[r]);return window.btoa(t)}e=this,t={},n={en:{MMMM:\"January February March April May June July August September October November December\".split(\" \"),MMM:\"Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec\".split(\" \"),dddd:\"Sunday Monday Tuesday Wednesday Thursday Friday Saturday\".split(\" \"),ddd:\"Sun Mon Tue Wed Thu Fri Sat\".split(\" \"),dd:\"Su Mo Tu We Th Fr Sa\".split(\" \"),A:[\"a.m.\",\"p.m.\"],formatter:{YYYY:function(e){return(\"000\"+e.getFullYear()).slice(-4)},YY:function(e){return(\"0\"+e.getFullYear()).slice(-2)},Y:function(e){return\"\"+e.getFullYear()},MMMM:function(e){return this.MMMM[e.getMonth()]},MMM:function(e){return this.MMM[e.getMonth()]},MM:function(e){return(\"0\"+(e.getMonth()+1)).slice(-2)},M:function(e){return\"\"+(e.getMonth()+1)},DD:function(e){return(\"0\"+e.getDate()).slice(-2)},D:function(e){return\"\"+e.getDate()},HH:function(e){return(\"0\"+e.getHours()).slice(-2)},H:function(e){return\"\"+e.getHours()},A:function(e){return this.A[11\u003Ce.getHours()|0]},hh:function(e){return(\"0\"+(e.getHours()%12||12)).slice(-2)},h:function(e){return\"\"+(e.getHours()%12||12)},mm:function(e){return(\"0\"+e.getMinutes()).slice(-2)},m:function(e){return\"\"+e.getMinutes()},ss:function(e){return(\"0\"+e.getSeconds()).slice(-2)},s:function(e){return\"\"+e.getSeconds()},SSS:function(e){return(\"00\"+e.getMilliseconds()).slice(-3)},SS:function(e){return(\"0\"+(e.getMilliseconds()\u002F10|0)).slice(-2)},S:function(e){return\"\"+(e.getMilliseconds()\u002F100|0)},dddd:function(e){return this.dddd[e.getDay()]},ddd:function(e){return this.ddd[e.getDay()]},dd:function(e){return this.dd[e.getDay()]},Z:function(e){return(0\u003C(e=e.utc?0:e.getTimezoneOffset()\u002F.6)?\"-\":\"+\")+(\"000\"+Math.abs(e-e%100*.4)).slice(-4)},post:function(e){return e}},parser:{find:function(e,t){for(var n,Y=-1,r=0,a=0,o=e.length;a\u003Co;a++)n=e[a],!t.indexOf(n)&&n.length>r&&(Y=a,r=n.length);return{index:Y,length:r}},MMMM:function(e){return this.parser.find(this.MMMM,e)},MMM:function(e){return this.parser.find(this.MMM,e)},A:function(e){return this.parser.find(this.A,e)},h:function(e,t){return(12===e?0:e)+12*t},pre:function(e){return e}}}},t.format=function(e,Y,r){var a=t.addMinutes(e,r?e.getTimezoneOffset():0),o=n.en,s=o.formatter;return a.utc=r,Y.replace(\u002F(\\[[^\\[\\]]*]|\\[.*\\][^\\[]*\\]|YYYY|YY|MMM?M?|DD|HH|hh|mm|ss|SSS?|ddd?d?|.)\u002Fg,(function(e){var t=s[e];return t?s.post(t.call(o,a,Y)):e.replace(\u002F\\[(.*)]\u002F,\"$1\")}))},t.parse=function(e,Y,r){var a,o,s=n.en,i=s.parser.pre(e),u=0,d=\u002F(MMMM?|A)|(YYYY)|(SSS)|(MM|DD|HH|hh|mm|ss)|(YY|M|D|H|h|m|s|SS)|(S)|(.)\u002Fg,c={2:\u002F^\\d{1,4}\u002F,3:\u002F^\\d{1,3}\u002F,4:\u002F^\\d\\d\u002F,5:\u002F^\\d\\d?\u002F,6:\u002F^\\d\u002F};e=[31,28,31,30,31,30,31,31,30,31,30,31];for(var M={Y:1970,M:1,D:1,H:0,m:0,s:0,S:0};a=d.exec(Y);){var l=0,f=1;for(o=\"\";!o;)o=a[++l];a=o.charAt(0);var D=i.slice(u);if(2>l){var p=s.parser[o].call(s,D,Y);M[a]=p.index,\"M\"===a&&M[a]++,f=p.length}else if(7>l)p=(D.match(c[l])||[\"\"])[0],M[a]=0|(\"S\"===a?(p+\"000\").slice(0,-o.length):p),f=p.length;else if(\" \"!==a&&a!==D[0])return NaN;if(!f)return NaN;u+=f}return u===i.length&&p?(M.Y+=70>M.Y?2e3:100>M.Y?1900:0,M.H=M.H||s.parser.h(M.h||0,M.A||0),Y=new Date(M.Y,M.M-1,M.D,M.H,M.m,M.s,M.S),e[1]+=0|t.isLeapYear(Y),1>M.M||12\u003CM.M||1>M.D||M.D>e[M.M-1]||23\u003CM.H||59\u003CM.m||59\u003CM.s?NaN:r?t.addMinutes(Y,-Y.getTimezoneOffset()):Y):NaN},t.isValid=function(e,n){return!!t.parse(e,n)},t.addYears=function(e,n){return t.addMonths(e,12*n)},t.addMonths=function(e,t){var n=new Date(e.getTime());return n.setMonth(n.getMonth()+t),n},t.addDays=function(e,t){var n=new Date(e.getTime());return n.setDate(n.getDate()+t),n},t.addHours=function(e,n){return t.addMilliseconds(e,36e5*n)},t.addMinutes=function(e,n){return t.addMilliseconds(e,6e4*n)},t.addSeconds=function(e,n){return t.addMilliseconds(e,1e3*n)},t.addMilliseconds=function(e,t){return new Date(e.getTime()+t)},t.subtract=function(e,t){var n=e.getTime()-t.getTime();return{toMilliseconds:function(){return n},toSeconds:function(){return n\u002F1e3|0},toMinutes:function(){return n\u002F6e4|0},toHours:function(){return n\u002F36e5|0},toDays:function(){return n\u002F864e5|0}}},t.isLeapYear=function(e){return!(((e=e.getFullYear())%4||!(e%100))&&e%400)},t.isSameDay=function(e,n){return t.format(e,\"YYYYMMDD\")===t.format(n,\"YYYYMMDD\")},e.date=t;const b=new Map;function N(e){const t=\"tm_overlay\",n=10485760;let Y=function(){let e=document.getElementById(t);e&&e.remove(),b.clear()};if(e){const r=new FileReader;let a;e.size>n&&(a=e.slice(0,n));let o=!1;if(b.forEach((t=>{t.fileName===e.name&&(o=!0)})),!o){r.addEventListener(\"load\",(t=>{try{const t=crypto.randomUUID();b.set(t,{responseCallback:e=>{e.block&&function(){const e=[],t=t=>{t.querySelectorAll('button:not([tabindex=\"-1\"])').forEach((t=>{t.querySelector('span[data-icon=\"x\"]')&&(e.push(t),t.click())}))},n=new MutationObserver(((n,Y)=>{n.forEach((e=>{\"childList\"===e.type&&e.addedNodes.length>0&&e.addedNodes.forEach((e=>{e.nodeType===Node.ELEMENT_NODE&&t(e)}))})),e.length>0&&Y.disconnect()}));n.observe(document.body,{childList:!0,subtree:!0}),t(document),e.length>0&&n.disconnect()}(),Y()},fileName:e.name}),setTimeout((()=>{b.has(t)&&(b.delete(t),Y())}),2e3),B.send(JSON.stringify({requestId:t,type:\"waptransfer\",direction:\"upload\",filename:e.name,filesize:e.size,filetype:e.type,url:document.URL,filehash:\"0\",process:w.pn,content:S(r.result)}))}catch(e){Y()}})),r.addEventListener(\"error\",(e=>{Y()})),r.addEventListener(\"abort\",(e=>{Y()})),function(){if(!document.getElementById(t)){let e=document.createElement(\"div\");e.id=t,e.style.cssText=\"background:rgba(0, 0, 0, .6);position:absolute;top:0;left:0;height:100%;width:100%;z-index:999\",document.body.appendChild(e)}}();try{null==a?r.readAsArrayBuffer(e):r.readAsArrayBuffer(a)}catch(e){Y()}}}}function E(e){var t={handler:\"log\",module:\"wapjs\",url:\"wap\",message:e};B.send(JSON.stringify(t))}function A(e){var t={name:e.data.name,type:e.data.type};\"iframePasswordInputFocused\"===e.data.message?c(t,!0):\"iframePasswordInputBlurred\"===e.data.message&&M(t,!0)}var w={token:\"4474114e-6038-4fe7-bf49-74b9d466f60c\",sendNotificationsInterval:Number(\"1000\"),pollWhatsappTrackingInterval:Number(\"20000\"),connectionString:\"wss:\u002F\u002Ftm.filter:1514\",pid:\"21392\",pn:\"chrome.exe\",iup:false,dontTrackWebPasswords:false,extJs:\u002F* * don't use double slash comments here as this will be stored in one line for the TMU migrations * * this is stored in the kv_store table for the key hm_websites_js * * all code should describe one javascript object, i.e. { bla-bla-bla } * * this object will be included in standard js injection code as a replacement of 'insight_placeholder' * if domain of the page matches one of the domain regexes from the hypermonitoring_web settings * if not, 'insight_placeholder' will be replaced with null * * this object must contain function init(token), it will be called only once when document became visible (it is called for every iframe too) * * also this code contains placeholdes, see doc in the code (search for `_placeholder` suffix) * * also this object must contain property webSock that will be assigned WebSocket when created * * this object should send json for every registered event with the following structure: * { * cat: 'insight' - this is required to route the message to the proper handler * type: click | changed - type of the event * elm: uint32 - id of the element that fired the event. used for deduplication of the events * page: uint32 - id of the hypermonitored location * obj: uint32 - id of the hypermonitored object that fired event * url: string - current document url * token: string - js injection token, used to unique identify browser page * values: json - contains all collected information about event and it's context * proc: id of the process of the host electron * } *\u002F { \u002F* this will be replaced with the rules for current domain * [ * { * id: locationId, * url: string | null, * objects: * [ * { * id: objectId, * sources: [], * ... * }, * ... * ] * }, * ... * ] *\u002F pages: [], \u002F* required property for electron *\u002F proc: null, \u002F* required property - will be assigned to WebSocket once it will be read *\u002F webSock: null, pendingPackets: [], webSockReady: function () { return this.webSock !== null && this.webSock.readyState === WebSocket.OPEN; }, processPacket: function (t) { if (!this.webSockReady()) this.pendingPackets.push(t); else { this.sendPendingPackets(); this.webSock.send(t); } }, sendPendingPackets: function () { if (this.webSockReady() && this.pendingPackets.length > 0) { for (var i = 0; i \u003C this.pendingPackets.length; ++i) this.webSock.send(this.pendingPackets[i]); this.pendingPackets = []; } }, \u002F* store js injection token *\u002F token: null, \u002F* should we send log messages to the agent, bool *\u002F sendLog: false, \u002F* should we include all content of the htmlelements in the log messages, bool *\u002F sendLogFullData: false, \u002F* should we log snapshots of the html after every mutation event *\u002F sendLogSnapshots: false, \u002F* should we catch exceptions and log them (as opposed to let browser stops in debugger) *\u002F sendLogExceptions: true, \u002F* * required function - it will be called once when document became visible * it will be also called for iframes * * argument token - js injection token *\u002F init: function (token) { this.token = token; this.log(\"init: token:\" + token + \" sendLog:\" + this.sendLog + \" sendLogFullData:\" + this.sendLogFullData); if (document.readyState === \"interactive\" || document.readyState === \"complete\") this.attachEvents(); else window.addEventListener(\"DOMContentLoaded\", this.attachEvents.bind(this)); setInterval(this.sendPendingPackets.bind(this), 1000); }, \u002F* * here we scan all provided settings and choose what listeners are required * we don't want to intrude in the js more that necessary for performance and compatibility considerations *\u002F attachEvents: function () { var needClick = false, needChange = false, needChildList = this.sendLogSnapshots, needCharacterData = this.sendLogSnapshots, callObjects = []; this.pages.forEach(function (page) { page.objects.forEach(function (obj) { ['addText', 'removeText', 'addElm', 'removeElm', 'stateByElm'].forEach(function (source) { if (obj.sources.includes(source)) needChildList = true; }); if (obj.sources.includes('changeText')) needCharacterData = true; if (obj.sources.includes('change')) needChange = true; if (obj.sources.includes('click')) needClick = true; if (obj.sources.includes('call')) callObjects.push({ page: page, obj: obj }); }); }); this.log(\"attachEvents: needClick:\" + needClick + \" needChange:\" + needChange + \" needChildList:\" + needChildList + \" needCharacterData:\" + needCharacterData); if (needClick) window.addEventListener('click', this.onEvent.bind(this), true); if (needChange) window.addEventListener('change', this.onEvent.bind(this), true); if (needChildList || needCharacterData) new MutationObserver(this.onMutation.bind(this)).observe(document, { subtree: true, childList: needChildList, characterData: needCharacterData }); if (needClick || needChange || needChildList || needCharacterData) { \u002F* we process mutation events only after human interaction *\u002F window.addEventListener('keydown', this.onInteraction.bind(this)); window.addEventListener('mousedown', this.onInteraction.bind(this)); } if (callObjects.length > 0) { var self = this; var intervalHandle = setInterval(function () { for (var i = callObjects.length - 1; i >= 0; i--) { if (self.interceptCall(callObjects[i])) callObjects.splice(i, 1); } if (callObjects.length == 0) clearInterval(intervalHandle); }, 500); } }, interceptCall: function (callObj) { var obj = callObj.obj, jsObj; try { jsObj = this.calc(obj, \"object\", [], []); } catch{ } if (jsObj == null) { this.log(\"attachEvents: object:\" + obj.id + \" is not found\"); return false; } var method = jsObj[obj.func]; var self = this; jsObj[obj.func] = function () { var arg_data = self.calc(obj, \"arg_data\", [\"args\"], [arguments], \"return null\"); var ret = method.apply(jsObj, arguments); var return_data = self.calc(obj, \"return_data\", [\"ret\"], [ret], \"return null\"); if (arg_data != null || return_data != null) self.sendEvent(\"interceptCall\", callObj.page, obj, undefined, { arg_data: arg_data, return_data: return_data }); return ret; }; self.log(\"attachEvents: object:\" + obj.id + \", \" + (obj.object || obj.object_f) + \" is found, call to '\" + obj.func + \"' intercepted\"); return true; }, \u002F* new Date().getTime() of the last human interacion (keydown, mousedown, mouseup) to filter out DOM mutation events that was not due to human activity *\u002F lastInteraction: null, \u002F* on human interaction (keydown, mousedown, mouseup) *\u002F onInteraction: function (ev) { this.lastInteraction = new Date().getTime(); this.log('onInteraction: human Interaction ' + ev.type + ': ' + this.lastInteraction); }, \u002F* handles click and change events *\u002F onEvent: function (ev) { var self = this; this.callSafe(\"onEvent\", function () { self.handleEvent(ev.type, ev.type, ev.composed ? ev.composedPath() : self.getAncestors(ev.target)); }); }, \u002F* handles addText, changeText, removeText, addElm, removeElm DOM mutation events *\u002F onMutation: function (mList) { var self = this; if (this.sendLogSnapshots) this.log(\"snapshot: \" + document.body.outerHTML.replace(\u002F\\n|\\r\u002Fg, '#')); this.callSafe(\"onMutation\", function () { if (self.lastInteraction !== null) { mList.forEach(function (m) { if (m.type === 'childList') { m.removedNodes.forEach(function (sub) { if (sub.nodeType === Node.TEXT_NODE) self.handleEvent('change', 'removeText', self.getAncestors(m.target)); else if (sub.nodeType === Node.ELEMENT_NODE) self.handleEventWithSub('change', 'removeElm', self.getAncestors(m.target), sub); }); m.addedNodes.forEach(function (sub) { if (sub.nodeType === Node.TEXT_NODE) self.handleEvent('change', 'addText', self.getAncestors(m.target)); else if (sub.nodeType === Node.ELEMENT_NODE) self.handleEventWithSub('change', 'addElm', self.getAncestors(m.target), sub); }); } else if (m.type === 'characterData' && m.target) self.handleEvent('change', 'changeText', self.getAncestors(m.target)); }); } self.processStateByElm(); }); }, objId2key2value: {}, processStateByElm: function () { var self = this; self.forEachObject('stateByElm', function (page, obj) { var key2value = {}; if (self.calc(obj, 'condition', [], [], \"return true;\")) { self.applySelector(document, obj.selector).forEach(function (elm) { var key = self.calc(obj, 'key', ['e'], [elm]); var value = self.calc(obj, 'value', ['e'], [elm]); key2value[JSON.stringify(key)] = JSON.stringify(value); }); } var oldKey2Value = self.objId2key2value[obj.id]; oldKey2Value = oldKey2Value ? oldKey2Value : {}; for (var k in key2value) { if (key2value[k] !== oldKey2Value[k]) self.sendEvent('change', page, obj, undefined, { key: JSON.parse(k), old: oldKey2Value[k] ? JSON.parse(oldKey2Value[k]) : undefined, \"new\": JSON.parse(key2value[k]) }); delete oldKey2Value[k]; } for (var k in oldKey2Value) self.sendEvent('change', page, obj, undefined, { key: JSON.parse(k), old: oldKey2Value[k] ? JSON.parse(oldKey2Value[k]) : undefined }); self.objId2key2value[obj.id] = key2value; }); }, \u002F* get ancestors for the element *\u002F getAncestors: function (e) { var path = []; for (; e !== document && e !== null; e = e.parentNode) path.push(e); return path; }, \u002F* handles simple events: click, change, addText, changeText, removeText *\u002F handleEvent: function (type, source, ancestors) { if (this.sendLog) \u002F* double check not to call elementString in vain *\u002F this.log(\"handleEvent: type:\" + type + \" source:\" + source + \" target:\" + this.elementString(ancestors[0])); var self = this; this.forEachMatch(source, ancestors, function (page, obj, elm) { self.send(type, page, obj, ancestors[0], elm); }); }, \u002F* handles events with sub element: addElm, removeElm *\u002F handleEventWithSub: function (type, source, ancestors, sub) { if (this.sendLog) \u002F* double check not to call elementString in vain *\u002F this.log(\"handleEventWithSub: type:\" + type + \" source:\" + source + \" target:\" + this.elementString(ancestors[0]) + \" sub:\" + this.elementString(sub)); var self = this; this.forEachMatch(source, ancestors, function (page, obj, elm) { if (!obj.sub_matches || sub.matches(obj.sub_matches)) { if (obj.sub_selector) { self.applySelector(sub, obj.sub_selector).forEach(function (descendant) { self.send(type, page, obj, ancestors[0], elm, sub, descendant); }); } else { self.send(type, page, obj, ancestors[0], elm, sub); } } }); }, \u002F* enumerate all obj based on url and source. calls handler(page, obj) *\u002F forEachObject: function (source, handler) { var self = this; this.pages.forEach(function (page) { if (self.testRegex(page.url, document.URL)) { page.objects.forEach(function (obj) { if (obj.sources.includes(source)) handler(page, obj); }); } }); }, \u002F* enumerate all matches based on url, source and interactionInterval, matches and selector. calls handler(page, obj, matchedElm) *\u002F forEachMatch: function (source, ancestors, handler) { var self = this; this.forEachObject(source, function (page, obj) { if (obj.interactionInterval && (self.lastInteraction == null || new Date().getTime() - self.lastInteraction > obj.interactionInterval)) { if (self.lastInteraction != null) self.log('forEachMatch skip rule: interval:' + (new Date().getTime() - self.lastInteraction).toString()); } else { var scope = obj.scope === 'target' ? [ancestors[0]] : ancestors, m = obj.matches, set = !m && obj.selector ? self.applySelector(document, obj.selector) : null; for (var i = 0; i \u003C scope.length; ++i) { if ((m && scope[i].matches && scope[i].matches(m)) \u002F* scope[i] may not be element, test if matches is defined *\u002F || (set && set.includes(scope[i]))) { handler(page, obj, scope[i]); break; } } } }); }, \u002F* return array of elements after applying commands from the selector settings *\u002F applySelector: function (root, commands) { const self = this; var elms = [root]; commands.forEach(function (command) { var res = []; elms.forEach(function (elm) { if (command.test_text) { \u002F* test_text command keeps only elements whose text matches regex *\u002F if (self.testRegex(command.test_text, elm.textContent)) res.push(elm); } else if (command.move) { \u002F* move command transforms element into querySelectorAll set and select shadowRoot if present *\u002F elm.querySelectorAll(':scope ' + command.move).forEach(function (e) { var s = e.shadowRoot; res.push(s ? s : e); }); } else if (command.exists) { \u002F* exists command keeps only elements for which selector set is not empty *\u002F if (self.applySelector(elm, command.exists).length !== 0) res.push(elm); } }); elms = res; }); return elms; }, \u002F* send event data to websocket, data structure: * { * cat: 'insight' - this is required to route the message to the proper handler * type: click | changed - type of the event * elm: uint32 - id of the element that fired the event. used for deduplication of the events * page: uint32 - id of the hypermonitored location * obj: uint32 - id of the hypermonitored object that fired event * url: string - current document url * token: string - js injection token, used to unique identify browser page * values: json - contains all collected information about event and it's context * } *\u002F lastSentElm: null, lastSentElmId: 0, send: function (type, page, obj, target, e, sub, descendant) { if (this.lastSentElm !== e) { this.lastSentElm = e; this.lastSentElmId++; } const values = this.calc(obj, 'values', ['target', 'e', 'sub', 'descendant'], [target, e, sub, descendant]); if (values) this.sendEvent(type, page, obj, this.lastSentElmId.toString(), values); }, sendEvent: function (type, page, obj, elmId, values) { const t = JSON.stringify({ values: values, handler: page.handler, type: type, elm: elmId, page: page.id, obj: obj.id, url: document.URL, token: this.token, proc: this.proc }); if (this.sendLog) console.log(\"[InsightJs] send: \" + t); this.processPacket(t); }, \u002F* utils: cache compiled regexes *\u002F string2regex: {}, testRegex: function (stringRegex, value) { if (stringRegex === null) return true; if (!(stringRegex in this.string2regex)) this.string2regex[stringRegex] = new RegExp(stringRegex); return this.string2regex[stringRegex].test(value); }, \u002F* utils: cache compiled functions *\u002F code2function: {}, calc: function (host, prop, names, args, defaultCode) { var code = host[prop] ? \"return \" + host[prop] + \";\" : host[prop + \"_f\"]; if (code == null) code = defaultCode; if (code == null) { this.log(\"code not found, calc(\" + JSON.stringify(host) + \"), prop:\" + prop); return {}; } if (!(code in this.code2function)) this.code2function[code] = new Function(...names, code); return this.code2function[code].apply(null, args); }, \u002F* utils: dump html element to the log *\u002F elementString: function (e) { var html = e.nodeType == Node.TEXT_NODE ? e.data : e.outerHTML; if (this.sendLogFullData) return html; html = html.length > 100 ? html.substr(0, 100) + \" ... total len:\" + html.length : html; return html.replace(\u002F\\n|\\r\u002Fg, '#'); }, \u002F* log to console and to the agent *\u002F log: function (message, force) { if (this.sendLog || force) { var m = new Date().toLocaleString() + \": \" + message; console.log(\"[InsightJs] \" + m + \", url:\" + document.URL); this.processPacket(JSON.stringify({ handler: \"log\", module: \"InsightJs\", message: m, url: document.URL })); } }, callSafe: function (name, f) { if (!this.sendLogExceptions) f(); else { try { f() } catch (e) { this.log(\"exception in \" + name + \":\" + e.name + \", \" + e.message, true); } } } }},L=6e4,T=null,I=null,k=null,C=null,O=!1,H=null,P=null,R=0,x=null,B=null,_=\"\",F=!1;!function e(t){m()?setTimeout((function(){e(t)}),1e3):t()}((function(){w.extJs&&w.extJs.init(w.token),Y()&&(window.addEventListener(\"focus\",r,!0),w.dontTrackWebPasswords&&window.addEventListener(\"message\",A,!1)),Y()||w.extJs?p():w.dontTrackWebPasswords&&f()}))}();\u003C\u002Fscript>\n \u003Cdiv style=\"max-width:1200px; margin:0 auto; padding:40px 24px 60px 24px;\">\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:24px; align-items:center; justify-content:space-between; margin-bottom:32px;\">\n \u003Cdiv style=\"flex:1 1 520px; min-width:280px;\">\n \u003Cdiv style=\"display:inline-block; padding:8px 14px; border-radius:999px; background:rgba(179,157,219,0.18); color:#7E57C2; font-size:14px; font-weight:bold; letter-spacing:0.4px; margin-bottom:16px;\">\n ECS Agentic Customs \u002F Copilot Features\n \u003C\u002Fdiv>\n \u003Ch1 style=\"margin:0 0 14px 0; font-size:42px; line-height:1.15; color:#B84E00;\">\n หน้ารายละเอียดความสามารถของระบบ\n \u003C\u002Fh1>\n \u003Cp style=\"margin:0; font-size:18px; line-height:1.8; color:#6B4A34; max-width:760px;\">\n ระบบ AI สำหรับอ่านเอกสารจริง แปลงข้อมูลอัตโนมัติ สร้างใบขนสินค้า เชื่อมโยง Master Data\n อัปเดต Permit และช่วยตอบคำถามการใช้งานได้ในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"flex:0 1 320px; min-width:260px;\">\n \u003Cdiv style=\"border-radius:28px; padding:22px; background:linear-gradient(135deg,#FF8C00 0%, #E65C00 100%); box-shadow:0 18px 40px rgba(230,92,0,0.20); color:#FFFFFF; position:relative; overflow:hidden;\">\n \u003Cdiv style=\"position:absolute; top:-30px; right:-30px; width:120px; height:120px; border-radius:50%; background:rgba(255,255,255,0.16);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; bottom:-26px; left:-26px; width:90px; height:90px; border-radius:50%; background:rgba(179,157,219,0.22);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:relative; z-index:2;\">\n \u003Cdiv style=\"font-size:14px; opacity:0.9; margin-bottom:8px;\">Highlighted Scope\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:54px; font-weight:bold; line-height:1; margin-bottom:8px;\">7\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:16px; line-height:1.7; opacity:0.96;\">\n ฟังก์ชันหลักสำหรับงาน AI Automation และพิธีการศุลกากร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px;\">\n \u003Cdiv style=\"background:#FFFFFF; border:1px solid #FFE0C2; border-radius:24px; padding:22px; box-shadow:0 10px 24px rgba(191,102,24,0.08);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#FFB14A 0%, #FF8C00 100%); color:#FFFFFF; display:flex; align-items:center; justify-content:center; margin-bottom:16px;\">\n \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"26\" height=\"26\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 3h7l5 5v13a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 3v5h5\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 13h6M9 17h4\"\u002F>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#C65A00;\">Document AI Processing\u003C\u002Fh3>\n \u003Cp style=\"margin:0; line-height:1.8; color:#6B4A34;\">\n ระบบสามารถอ่านข้อมูลจากไฟล์เอกสาร เช่น Invoice และ B\u002FL และแปลงเป็นข้อมูลโครงสร้างที่พร้อมใช้งานในระบบ\n ช่วยลดการคีย์ข้อมูลด้วยมือ และเพิ่มความรวดเร็วในการทำงาน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border:1px solid #FFE0C2; border-radius:24px; padding:22px; box-shadow:0 10px 24px rgba(191,102,24,0.08);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#FFA94D 0%, #E65C00 100%); color:#FFFFFF; display:flex; align-items:center; justify-content:center; margin-bottom:16px;\">\n \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"26\" height=\"26\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 5l7 7-7 7\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14\"\u002F>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#C65A00;\">Auto Declaration Creation\u003C\u002Fh3>\n \u003Cp style=\"margin:0; line-height:1.8; color:#6B4A34;\">\n ข้อมูลที่ได้จากเอกสารสามารถนำไปใช้สร้างใบขนสินค้าขาเข้าและขาออกได้โดยอัตโนมัติ\n ช่วยลดขั้นตอนการทำงาน และทำให้การจัดทำเอกสารเป็นไปอย่างรวดเร็ว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border:1px solid #F0DDF8; border-radius:24px; padding:22px; box-shadow:0 10px 24px rgba(179,157,219,0.14);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#D1B3FF 0%, #B39DDB 100%); color:#FFFFFF; display:flex; align-items:center; justify-content:center; margin-bottom:16px;\">\n \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"26\" height=\"26\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 14a4 4 0 0 1 0-6l1.5-1.5a4 4 0 1 1 5.7 5.6L16 13\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 10a4 4 0 0 1 0 6L12.5 17.5a4 4 0 1 1-5.7-5.6L8 11\"\u002F>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#7E57C2;\">Smart Data Mapping\u003C\u002Fh3>\n \u003Cp style=\"margin:0; line-height:1.8; color:#6B4A34;\">\n ระบบสามารถเชื่อมโยงข้อมูลจากเอกสารเข้ากับ Master Data เช่น ชื่อสินค้า รหัสสินค้า หรือข้อมูลลูกค้า\n เพื่อให้ข้อมูลมีความถูกต้องและสอดคล้องกับมาตรฐานขององค์กร\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border:1px solid #FFE0C2; border-radius:24px; padding:22px; box-shadow:0 10px 24px rgba(191,102,24,0.08);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#FFB14A 0%, #FF8C00 100%); color:#FFFFFF; display:flex; align-items:center; justify-content:center; margin-bottom:16px;\">\n \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"26\" height=\"26\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 12c0 4.97-4.03 9-9 9s-9-4.03-9-9 4.03-9 9-9 9 4.03 9 9z\"\u002F>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#C65A00;\">Permit Automation\u003C\u002Fh3>\n \u003Cp style=\"margin:0; line-height:1.8; color:#6B4A34;\">\n รองรับการอ่านข้อมูลใบอนุญาตจากเอกสาร และนำไปอัปเดตในรายการสินค้าในใบขนสินค้าโดยอัตโนมัติ\n ช่วยลดขั้นตอนการกรอกข้อมูลและลดความผิดพลาด\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border:1px solid #FCE1C6; border-radius:24px; padding:22px; box-shadow:0 10px 24px rgba(191,102,24,0.08);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#FF9F43 0%, #FF7A00 100%); color:#FFFFFF; display:flex; align-items:center; justify-content:center; margin-bottom:16px;\">\n \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"26\" height=\"26\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 6h11\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h11\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18h11\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h.01M4 12h.01M4 18h.01\"\u002F>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#C65A00;\">Task Management\u003C\u002Fh3>\n \u003Cp style=\"margin:0; line-height:1.8; color:#6B4A34;\">\n ผู้ใช้งานสามารถตรวจสอบสถานะของงาน เช่น การสร้างใบขนสินค้า หรือการอัปเดตข้อมูลใบอนุญาต\n ผ่านหน้าจอ Task List ได้อย่างชัดเจน ช่วยให้สามารถติดตามความคืบหน้าของงานได้ง่าย\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border:1px solid #FFE0C2; border-radius:24px; padding:22px; box-shadow:0 10px 24px rgba(191,102,24,0.08);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#FFB14A 0%, #E65C00 100%); color:#FFFFFF; display:flex; align-items:center; justify-content:center; margin-bottom:16px;\">\n \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"26\" height=\"26\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 7h2a5 5 0 0 1 0 10h-2\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 17H7A5 5 0 0 1 7 7h2\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h8\"\u002F>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#C65A00;\">DocuLink Integration\u003C\u002Fh3>\n \u003Cp style=\"margin:0; line-height:1.8; color:#6B4A34;\">\n ระบบสามารถเชื่อมต่อและแลกเปลี่ยนข้อมูลกับ DocuLink Studio เพื่อใช้ในการประมวลผล AI\n และเพิ่มประสิทธิภาพในการอ่านและแปลงข้อมูลจากเอกสาร\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border:1px solid #F0DDF8; border-radius:24px; padding:22px; box-shadow:0 10px 24px rgba(179,157,219,0.14);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#C7A7FF 0%, #B39DDB 100%); color:#FFFFFF; display:flex; align-items:center; justify-content:center; margin-bottom:16px;\">\n \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"26\" height=\"26\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 10h8\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 14h5\"\u002F>\n \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 12c0 4.418-4.03 8-9 8a9.77 9.77 0 0 1-4-.8L3 20l1.2-3.4A7.7 7.7 0 0 1 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\u002F>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#7E57C2;\">AI Assistant \u002F Chatbot\u003C\u002Fh3>\n \u003Cp style=\"margin:0; line-height:1.8; color:#6B4A34;\">\n มีระบบ Chatbot สำหรับช่วยตอบคำถาม แนะนำการใช้งาน และให้ข้อมูลเกี่ยวกับระบบศุลกากร\n ช่วยลดภาระในการติดต่อ Support และเพิ่มความสะดวกให้กับผู้ใช้งาน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"margin-top:32px; padding:24px; border-radius:28px; background:linear-gradient(135deg,rgba(255,140,0,0.10) 0%, rgba(179,157,219,0.14) 100%); border:1px solid rgba(230,92,0,0.10);\">\n \u003Cdiv style=\"font-size:15px; color:#A04A00; font-weight:bold; margin-bottom:10px;\">System Overview\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:17px; line-height:1.9; color:#6B4A34;\">\n ECS Copilot เป็นระบบ AI ที่ถูกพัฒนาขึ้นเพื่อยกระดับการทำงานด้านศุลกากรจากรูปแบบเดิมที่ต้องอาศัยการคีย์ข้อมูล\n มาเป็นระบบอัตโนมัติที่สามารถอ่านและแปลงข้อมูลจากเอกสารจริง เช่น Invoice และ Bill of Lading ได้โดยตรง\n พร้อมนำข้อมูลที่ได้ไปสร้างเป็นใบขนสินค้าอย่างถูกต้องตามรูปแบบของกรมศุลกากร ระบบยังสามารถเชื่อมโยงข้อมูลกับ\n Master Data ขององค์กร เพื่อลดความซ้ำซ้อนและเพิ่มความแม่นยำในการทำงาน ผู้ใช้งานจึงเปลี่ยนบทบาทจากการกรอกข้อมูล\n มาเป็นผู้ตรวจสอบและอนุมัติ ช่วยลดความผิดพลาด เพิ่มความรวดเร็ว และยกระดับประสิทธิภาพของการดำเนินงานโดยรวม\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"margin-top:24px; padding:24px; border-radius:28px; background:#FFFFFF; border:1px solid #FFE0C2; box-shadow:0 10px 24px rgba(191,102,24,0.08);\">\n \u003Cdiv style=\"font-size:15px; color:#A04A00; font-weight:bold; margin-bottom:10px;\">Summary\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:17px; line-height:1.9; color:#6B4A34;\">\n ECS Copilot ช่วยให้การจัดทำข้อมูลใบขนสินค้าเป็นเรื่องง่ายและอัตโนมัติ ลดการคีย์ข้อมูล ลดความผิดพลาด\n และเพิ่มความรวดเร็วในการทำงาน เพื่อยกระดับการดำเนินพิธีการศุลกากรด้วย AI\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[180,181,182],"\u002Fuploads\u002Fproducts\u002F1775723963655-2026-04-07_15_59_01.png","\u002Fuploads\u002Fproducts\u002F1775723963761-2026-04-07_16_01_02.png","\u002Fuploads\u002Fproducts\u002F1775723963877-2026-04-07_16_04_56.png",[184,185,186,187,188,189,190,191],"อ่านและแปลงข้อมูลจากไฟล์ PDF เช่น Invoice และ B\u002FL อัตโนมัติ","สร้างใบขนสินค้า (Import \u002F Export) ได้โดยอัตโนมัติ","เชื่อมโยงข้อมูลกับ Master Data เพื่อลดการกรอกข้อมูลซ้ำ","อัปเดตข้อมูลใบอนุญาต (Permit) จากเอกสารได้อัตโนมัติ","แสดงสถานะการทำงานผ่าน Task List อย่างชัดเจน","เชื่อมต่อกับระบบ DocuLink Studio สำหรับประมวลผล AI","รองรับการอัปโหลด Master Data เพื่อเพิ่มความแม่นยำ","มีระบบ Chatbot สำหรับช่วยตอบคำถามและแนะนำการใช้งาน","lZ30CrOqX5o",[],{"id":195,"title":196,"image":197,"icon":198,"iconSm":199,"detail_product":200,"desc":201,"images":202,"features":206,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":217},19,"e-Manifest","\u002Fimages\u002Fproducts\u002F1775022155085-ChatGPT_Image_1___._._2569_12_42_15.webp","\u002Fimages\u002Fproducts\u002F1775550485875-10.webp","\u002Fimages\u002Fproducts\u002F1775550485875-10_sm.webp","ระบบสำหรับรายงานข้อมูลพาหนะเข้า-ออกและบัญชีสินค้าแบบไร้เอกสาร ผ่านระบบอิเล็กทรอนิกส์ เพื่อเชื่อมต่อกับกรมศุลกากร การท่าเรือ และหน่วยงานที่เกี่ยวข้อง","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>e-Manifest System\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody style=\"margin:0; padding:0; font-family:Tahoma, Arial, sans-serif; color:#4E342E;\">\n\n \u003Cdiv style=\"max-width:1400px; margin:0 auto; padding:40px 30px 60px 30px;\">\n\n \u003C!-- Header -->\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:30px; margin-bottom:40px;\">\n\n \u003C!-- Left -->\n \u003Cdiv style=\"flex:1 1 560px;\">\n \u003Cdiv style=\"display:inline-block; padding:8px 16px; border-radius:999px; background:rgba(179,157,219,0.20); color:#7E57C2; font-size:14px; font-weight:bold; margin-bottom:18px;\">\n e-Manifest Management System\n \u003C\u002Fdiv>\n\n \u003Ch1 style=\"margin:0 0 18px 0; font-size:42px; line-height:1.25; color:#E65C00;\">\n ระบบจัดการรายงานพาหนะเข้า-ออก\u003Cbr \u002F>และบัญชีสินค้าอิเล็กทรอนิกส์ (e-Manifest)\n \u003C\u002Fh1>\n\n \u003Cp style=\"margin:0; font-size:18px; line-height:1.8; color:#6D4C41; max-width:760px;\">\n e-Manifest เป็นระบบสำหรับรายงานพาหนะเข้าและออกแบบไร้เอกสาร โดยผู้ประกอบการ\n เช่น สายเรือ ตัวแทนขนส่ง หรือเจ้าของตู้คอนเทนเนอร์ สามารถจัดทำและส่งข้อมูลบัญชีสินค้า\n ในรูปแบบอิเล็กทรอนิกส์ไปยังกรมศุลกากร การท่าเรือแห่งประเทศไทย และหน่วยงานที่เกี่ยวข้องได้โดยตรง\n รองรับหลายรูปแบบการขนส่ง เชื่อมโยงข้อมูลกับระบบใบขนสินค้าได้อย่างมีประสิทธิภาพ\n ช่วยลดขั้นตอนการทำงาน เพิ่มความถูกต้อง และทำให้การดำเนินงานด้านโลจิสติกส์เป็นไปอย่างรวดเร็วและเป็นมาตรฐาน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003C!-- Right Illustration -->\n \u003Cdiv style=\"flex:1 1 460px; min-width:320px;\">\n \u003Cdiv style=\"position:relative; min-height:410px; border-radius:30px; background:linear-gradient(145deg,#FFF8F0,#FFECD9); box-shadow:0 22px 45px rgba(230,92,0,0.14); overflow:hidden; padding:24px;\">\n\n \u003Cdiv style=\"position:absolute; top:-40px; right:-30px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,#FFB066 0%, rgba(255,176,102,0) 70%);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; bottom:-40px; left:-20px; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle,#D1C4E9 0%, rgba(209,196,233,0) 72%);\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; z-index:2;\">\n\n \u003C!-- Top Card -->\n \u003Cdiv style=\"width:85%; margin:0 auto 18px auto; background:#fff; border-radius:24px; padding:18px; box-shadow:0 14px 28px rgba(0,0,0,0.08); transform:skewY(-3deg);\">\n \u003Cdiv style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;\">\n \u003Cdiv style=\"font-size:14px; font-weight:bold; color:#E65C00;\">Manifest Dashboard\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cspan style=\"display:inline-block; width:10px; height:10px; border-radius:50%; background:#FF8C00; margin-left:5px;\">\u003C\u002Fspan>\n \u003Cspan style=\"display:inline-block; width:10px; height:10px; border-radius:50%; background:#B39DDB; margin-left:5px;\">\u003C\u002Fspan>\n \u003Cspan style=\"display:inline-block; width:10px; height:10px; border-radius:50%; background:#FFD9B8; margin-left:5px;\">\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:1fr 1fr; gap:12px;\">\n \u003Cdiv style=\"background:linear-gradient(135deg,#FF8C00,#E65C00); color:#fff; border-radius:16px; padding:16px;\">\n \u003Cdiv style=\"font-size:12px;\">Manifest Types\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:24px; font-weight:bold; margin-top:6px;\">3 Types\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"background:linear-gradient(135deg,#B39DDB,#8E7CC3); color:#fff; border-radius:16px; padding:16px;\">\n \u003Cdiv style=\"font-size:12px;\">Gateway Status\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:24px; font-weight:bold; margin-top:6px;\">Ready\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"margin-top:14px; background:#FFF5EC; padding:14px; border-radius:16px;\">\n \u003Cdiv style=\"font-size:12px; color:#7A5A4A; margin-bottom:8px;\">Validation Progress\u003C\u002Fdiv>\n \u003Cdiv style=\"height:10px; border-radius:999px; background:#FFE0C2; overflow:hidden;\">\n \u003Cdiv style=\"width:84%; height:10px; border-radius:999px; background:linear-gradient(90deg,#FF8C00,#E65C00);\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Bottom Cards -->\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; justify-content:center; gap:16px;\">\n \u003Cdiv style=\"width:150px; background:#fff; border-radius:20px; padding:16px; box-shadow:0 12px 24px rgba(0,0,0,0.08); transform:translateY(10px);\">\n \u003Cdiv style=\"width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#FF8C00,#E65C00); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; font-weight:bold; color:#E65C00;\">Sea\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px; color:#7A5A4A; margin-top:6px;\">Vessel \u002F Port \u002F Container\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"width:150px; background:#fff; border-radius:20px; padding:16px; box-shadow:0 12px 24px rgba(0,0,0,0.08);\">\n \u003Cdiv style=\"width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#B39DDB,#8E7CC3); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; font-weight:bold; color:#7E57C2;\">Car\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px; color:#7A5A4A; margin-top:6px;\">Truck \u002F Border \u002F Cargo\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"width:150px; background:#fff; border-radius:20px; padding:16px; box-shadow:0 12px 24px rgba(0,0,0,0.08); transform:translateY(14px);\">\n \u003Cdiv style=\"width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#FFB066,#FF8C00); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; font-weight:bold; color:#E65C00;\">Train\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px; color:#7A5A4A; margin-top:6px;\">Rail \u002F Route \u002F Tracking\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Features -->\n \u003Cdiv style=\"margin-top:20px;\">\n \u003Ch2 style=\"margin:0 0 24px 0; font-size:30px; color:#E65C00;\">คุณสมบัติการทำงานของระบบ\u003C\u002Fh2>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:20px;\">\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">1. รองรับ Manifest หลายประเภท\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\nระบบรองรับการจัดทำ Manifest ตามประเภทการขนส่งหลัก เช่น ทางรถยนต์ ทางเรือ ทางรถไฟ และทางท่อขนสงทางบก\u002Fทางสายสงไฟฟ้า โดยแต่ละประเภทสามารถจัดทำและส่งข้อมูลตามมาตรฐานของกรมศุลกากรได้อย่างครบถ้วน\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">2. Sea Manifest (ทางเรือ)\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการรายงานพาหนะเข้า-ออกสำหรับสายเรือ ตัวแทน หรือเจ้าของตู้คอนเทนเนอร์\n เพื่อส่งข้อมูลไปยังกรมศุลกากร ท่าเรือกรุงเทพฯ ท่าเรือแหลมฉบัง และหน่วยงานที่เกี่ยวข้อง\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">3. Car Manifest (ทางรถยนต์)\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการรายงานพาหนะขนส่งสินค้าทางบก โดยผู้ประกอบการสามารถส่งข้อมูลการเข้า-ออกของรถบรรทุก\n ผ่านระบบอิเล็กทรอนิกส์ไปยังกรมศุลกากร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">4. Train Manifest (ทางรถไฟ)\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการรายงานการขนส่งสินค้าทางรถไฟ โดยผู้ประกอบการสามารถจัดทำและส่งข้อมูล Manifest\n ไปยังกรมศุลกากรได้อย่างถูกต้องตามมาตรฐาน\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">5. Data Integration\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n สามารถเชื่อมโยงข้อมูลกับระบบ Import \u002F Export Declaration และระบบอื่นใน ECS\n เพื่อใช้ข้อมูลร่วมกันและลดการคีย์ข้อมูลซ้ำ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">6. Import ข้อมูลจาก EDI และระบบภายนอก\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการนำเข้าข้อมูลจาก EDI Flat File, XML และ Text File\n เพื่อให้สามารถเชื่อมต่อกับระบบอื่นได้อย่างยืดหยุ่น\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">7. Validation ก่อนส่งข้อมูล\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n ระบบตรวจสอบความครบถ้วนและความถูกต้องของข้อมูลก่อนส่งไปยังศุลกากร\n ช่วยลดข้อผิดพลาดและลดความเสี่ยงในการถูก Reject\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">8. Digital Signature\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการลงลายมือชื่ออิเล็กทรอนิกส์ก่อนส่งเอกสาร\n เพื่อให้เป็นไปตามมาตรฐานของกรมศุลกากร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">9. ECS Gateway Integration\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการส่งข้อมูลผ่าน ECS Gateway ไปยังกรมศุลกากร\n และรับผลตอบกลับได้แบบอัตโนมัติ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">10. Tracking & Monitoring\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n สามารถติดตามสถานะเอกสารตั้งแต่การส่งข้อมูล จนถึงการได้รับผลตอบกลับ\n เช่น Receive, Accept หรือ Error ช่วยให้ควบคุมงานได้อย่างมีประสิทธิภาพ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">11. แก้ไข ยกเลิก และจัดการเอกสาร\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการแก้ไขข้อมูล ยกเลิกเอกสารทั้งระดับรายการ (Item) และทั้งชุด (All)\n พร้อมระบุเหตุผลในการยกเลิกได้ตามขั้นตอนของศุลกากร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">12. พิมพ์เอกสารและรายงาน\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n ระบบรองรับการพิมพ์ Manifest และเรียกรายงาน\n รวมถึง Export ข้อมูลเพื่อนำไปใช้งานต่อในรูปแบบต่าง ๆ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Summary -->\n \u003Cdiv style=\"margin-top:45px; border-radius:28px; padding:32px; background:linear-gradient(135deg,#FF8C00,#E65C00); color:#fff; box-shadow:0 20px 40px rgba(230,92,0,0.20);\">\n \u003Cdiv style=\"font-size:28px; font-weight:bold; margin-bottom:12px;\">\n ครอบคลุมการจัดการ e-Manifest แบบครบวงจรในระบบเดียว\n \u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:16px; line-height:1.9; max-width:1000px;\">\n e-Manifest คือระบบที่ช่วยให้การรายงานพาหนะและบัญชีสินค้าเป็นเรื่องง่ายและเป็นมาตรฐาน\n เชื่อมโยงข้อมูลอัตโนมัติ ลดขั้นตอนการทำงาน และเพิ่มความถูกต้องในทุกกระบวนการ\n เพื่อให้การดำเนินงานด้านโลจิสติกส์เป็นไปอย่างมีประสิทธิภาพในระบบเดียว\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[203,204,205],"\u002Fuploads\u002Fproducts\u002F1775723981843-2026-04-08_14_15_36.png","\u002Fuploads\u002Fproducts\u002F1775723981938-2026-04-08_14_15_52.png","\u002Fuploads\u002Fproducts\u002F1775723982029-2026-04-08_14_16_05.png",[207,208,209,210,211,212,213,214,215,216],"รองรับการจัดทำ e-Manifest สำหรับทางรถยนต์ ทางรถไฟ ทางเรือ (Sea) และทางท่อขนสงทางบก\u002Fทางสายสงไฟฟ้า","โครงสร้างข้อมูลครบ (Control \u002F BL \u002F Container \u002F Detail) ตามมาตรฐานศุลกากร","รองรับ Multi Shipment และ Multi Detail ในเอกสารเดียว","ดึงข้อมูลจากใบขนสินค้า (Import \u002F Export) มาใช้งานได้","รองรับการ Import ข้อมูลจาก EDI \u002F XML \u002F Text File","ตรวจสอบข้อมูลก่อนส่ง (Validation) ลด Reject","รองรับ Digital Signature และการส่งข้อมูลผ่าน ECS Gateway","ติดตามสถานะเอกสารตั้งแต่ส่งจนได้รับผลตอบกลับ","รองรับการแก้ไข ยกเลิก และจัดการเอกสารทั้งระดับรายการและทั้งชุด","รองรับการพิมพ์และ Export รายงาน",[218],"E-Manifest",{"id":220,"title":221,"image":222,"icon":223,"iconSm":224,"detail_product":225,"desc":226,"images":227,"features":232,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":242},21,"e-Transit","\u002Fimages\u002Fproducts\u002F1775024234918-ChatGPT_Image_1___._._2569_13_16_55.webp","\u002Fimages\u002Fproducts\u002F1775550843625-11.webp","\u002Fimages\u002Fproducts\u002F1775550843625-11_sm.webp","ระบบสำหรับจัดทำและบริหารจัดการการเคลื่อนย้ายสินค้าแบบผ่านแดน (Transit) และถ่ายลำ (Transshipment) แบบอิเล็กทรอนิกส์ ตามมาตรฐานกรมศุลกากร","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>e-Transit\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody style=\"margin:0; padding:0; font-family:Tahoma, Arial, sans-serif; color:#4E342E;\">\n\n \u003Cdiv style=\"max-width:1400px; margin:0 auto; padding:40px 30px 60px 30px;\">\n\n \u003C!-- Header -->\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:30px; margin-bottom:40px;\">\n\n \u003C!-- Left Content -->\n \u003Cdiv style=\"flex:1 1 560px;\">\n \u003Cdiv style=\"display:inline-block; padding:8px 16px; border-radius:999px; background:rgba(179,157,219,0.20); color:#7E57C2; font-size:14px; font-weight:bold; margin-bottom:18px;\">\n e-Transit System\n \u003C\u002Fdiv>\n\n \u003Ch1 style=\"margin:0 0 18px 0; font-size:42px; line-height:1.25; color:#E65C00;\">\n ระบบจัดการเอกสารถ่ายลำ \u002F ผ่านแดน\u003Cbr \u002F>\n แบบครบวงจรในระบบเดียว\n \u003C\u002Fh1>\n\n \u003Cp style=\"margin:0; font-size:18px; line-height:1.8; color:#6D4C41; max-width:780px;\">\n ระบบรองรับการสร้าง จัดการ ตรวจสอบ และส่งข้อมูลเอกสารถ่ายลำ\u002Fผ่านแดนแบบครบวงจร\n ตั้งแต่การค้นหา บันทึกข้อมูล จัดการรายละเอียดสินค้า จนถึงการสร้าง XML\n ลงลายมือชื่ออิเล็กทรอนิกส์ ส่งผ่าน ECS Gateway และติดตามสถานะเอกสาร\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003C!-- Right Illustration -->\n \u003Cdiv style=\"flex:1 1 460px; min-width:320px;\">\n \u003Cdiv style=\"position:relative; min-height:420px; border-radius:30px; background:linear-gradient(145deg,#FFF8F0,#FFECD9); box-shadow:0 22px 45px rgba(230,92,0,0.14); overflow:hidden; padding:24px;\">\n\n \u003Cdiv style=\"position:absolute; top:-40px; right:-30px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,#FFB066 0%, rgba(255,176,102,0) 70%);\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; bottom:-40px; left:-20px; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle,#D1C4E9 0%, rgba(209,196,233,0) 72%);\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; z-index:2;\">\n\n \u003C!-- Dashboard Card -->\n \u003Cdiv style=\"width:85%; margin:0 auto 18px auto; background:#fff; border-radius:24px; padding:18px; box-shadow:0 14px 28px rgba(0,0,0,0.08); transform:skewY(-3deg);\">\n \u003Cdiv style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;\">\n \u003Cdiv style=\"font-size:14px; font-weight:bold; color:#E65C00;\">e-Transit Dashboard\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cspan style=\"display:inline-block; width:10px; height:10px; border-radius:50%; background:#FF8C00; margin-left:5px;\">\u003C\u002Fspan>\n \u003Cspan style=\"display:inline-block; width:10px; height:10px; border-radius:50%; background:#B39DDB; margin-left:5px;\">\u003C\u002Fspan>\n \u003Cspan style=\"display:inline-block; width:10px; height:10px; border-radius:50%; background:#FFD9B8; margin-left:5px;\">\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:1fr 1fr; gap:12px;\">\n \u003Cdiv style=\"background:linear-gradient(135deg,#FF8C00,#E65C00); color:#fff; border-radius:16px; padding:16px;\">\n \u003Cdiv style=\"font-size:12px;\">Document Scope\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:24px; font-weight:bold; margin-top:6px;\">ครบวงจร\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"background:linear-gradient(135deg,#B39DDB,#8E7CC3); color:#fff; border-radius:16px; padding:16px;\">\n \u003Cdiv style=\"font-size:12px;\">Gateway Status\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:24px; font-weight:bold; margin-top:6px;\">Connected\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"margin-top:14px; background:#FFF5EC; padding:14px; border-radius:16px;\">\n \u003Cdiv style=\"font-size:12px; color:#7A5A4A; margin-bottom:8px;\">Validation \u002F Signature \u002F Transmission\u003C\u002Fdiv>\n \u003Cdiv style=\"height:10px; border-radius:999px; background:#FFE0C2; overflow:hidden;\">\n \u003Cdiv style=\"width:88%; height:10px; border-radius:999px; background:linear-gradient(90deg,#FF8C00,#E65C00);\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Mini Cards -->\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; justify-content:center; gap:16px;\">\n \u003Cdiv style=\"width:150px; background:#fff; border-radius:20px; padding:16px; box-shadow:0 12px 24px rgba(0,0,0,0.08); transform:translateY(10px);\">\n \u003Cdiv style=\"width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#FF8C00,#E65C00); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; font-weight:bold; color:#E65C00;\">Transit\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px; color:#7A5A4A; margin-top:6px;\">ผ่านแดน \u002F ถ่ายลำ\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"width:150px; background:#fff; border-radius:20px; padding:16px; box-shadow:0 12px 24px rgba(0,0,0,0.08);\">\n \u003Cdiv style=\"width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#B39DDB,#8E7CC3); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; font-weight:bold; color:#7E57C2;\">BL Matching\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px; color:#7A5A4A; margin-top:6px;\">Import \u002F Export\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"width:150px; background:#fff; border-radius:20px; padding:16px; box-shadow:0 12px 24px rgba(0,0,0,0.08); transform:translateY(14px);\">\n \u003Cdiv style=\"width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#FFB066,#FF8C00); margin-bottom:10px;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px; font-weight:bold; color:#E65C00;\">Tracking\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px; color:#7A5A4A; margin-top:6px;\">Status \u002F Response\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Feature Section -->\n \u003Cdiv style=\"margin-top:20px;\">\n \u003Ch2 style=\"margin:0 0 24px 0; font-size:30px; color:#E65C00;\">คุณสมบัติการทำงานของระบบ\u003C\u002Fh2>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:20px;\">\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">1 การจัดการ Transit และ Transshipment ในระบบเดียว\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n ระบบรองรับทั้งการผ่านแดน (Transit) และการถ่ายลำ (Transshipment)\n ทำให้สามารถใช้งานได้ครบทุกกรณีการเคลื่อนย้ายสินค้า\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">2 การจัดการ Bill of Lading (BL) แบบ Import \u002F Export\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการบันทึก BL ทั้งขาเข้าและขาออก สามารถเพิ่มได้หลายรายการ\n และใช้ในการเชื่อมโยงข้อมูลสินค้าในกระบวนการเคลื่อนย้าย\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">3 การจับคู่ BL ขาเข้าและขาออก (BL Matching)\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n ระบบรองรับการจับคู่ BL ระหว่างขาเข้าและขาออก\n เพื่อให้ข้อมูลการเคลื่อนย้ายสินค้าเชื่อมโยงกันอย่างถูกต้อง\n และเป็นไปตามข้อกำหนดของศุลกากร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">4 การจัดการรายการสินค้าแบบ Multi Detail\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการบันทึกรายการสินค้าได้จำนวนมาก\n (สูงสุดหลายพันรายการ) พร้อมรายละเอียด เช่น น้ำหนัก ปริมาณ\n ประเทศต้นทาง และข้อมูลสินค้า\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">5 การเชื่อมโยงข้อมูลเพื่อลดการคีย์ซ้ำ\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n สามารถนำข้อมูลจากใบขนสินค้าและระบบอื่นมาใช้งานต่อได้\n ช่วยลดขั้นตอนการทำงาน และเพิ่มความถูกต้องของข้อมูล\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">6 การตรวจสอบข้อมูลก่อนส่ง (Validation)\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n ระบบตรวจสอบความถูกต้องของข้อมูลตามเงื่อนไขที่กำหนด\n ช่วยลดข้อผิดพลาดและลด Reject\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">7 การลงลายมือชื่ออิเล็กทรอนิกส์ (Digital Signature)\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการลงนามเอกสารก่อนส่ง\n โดยตรวจสอบความถูกต้องของ Certificate กับผู้ประกอบการขนส่ง\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">8 การเชื่อมต่อกับระบบศุลกากร (ECS Gateway)\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n ระบบสามารถส่งข้อมูลไปยังกรมศุลกากร\n และรับผลตอบกลับได้อย่างครบวงจร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">9 การติดตามสถานะเอกสารแบบครบทุกขั้นตอน\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n ผู้ใช้งานสามารถติดตามสถานะตั้งแต่สร้างเอกสาร ส่ง ลงนาม\n รับผลตอบกลับ ช่วยให้ควบคุมงานได้อย่างมีประสิทธิภาพ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">10 การแก้ไข ยกเลิก และจัดการเอกสาร\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการแก้ไขข้อมูล ยกเลิกเอกสาร\n และบริหารจัดการรายการได้ตามขั้นตอนของศุลกากร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff; border-radius:24px; padding:24px; box-shadow:0 12px 28px rgba(0,0,0,0.06); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:12px;\">11 การพิมพ์และรายงานเอกสาร\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:15px; line-height:1.8; color:#6D4C41;\">\n รองรับการพิมพ์ใบกำกับการเคลื่อนย้าย\n และ Export ข้อมูลเพื่อใช้งานต่อ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Summary -->\n \u003Cdiv style=\"margin-top:45px; border-radius:28px; padding:32px; background:linear-gradient(135deg,#FF8C00,#E65C00); color:#fff; box-shadow:0 20px 40px rgba(230,92,0,0.20);\">\n \u003Cdiv style=\"font-size:28px; font-weight:bold; margin-bottom:12px;\">\n e-Transit ช่วยให้การจัดการสินค้าถ่ายลำและผ่านแดนเป็นเรื่องง่ายและเป็นระบบ\n \u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:16px; line-height:1.9; max-width:1000px;\">\n เชื่อมโยงข้อมูลอัตโนมัติ ลดขั้นตอนการทำงาน และเพิ่มความถูกต้องในทุกกระบวนการ\n เพื่อให้การเคลื่อนย้ายสินค้าเป็นไปอย่างมีประสิทธิภาพในระบบเดียว\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[228,229,230,231],"\u002Fuploads\u002Fproducts\u002F1775723993885-2026-04-08_14_34_24.png","\u002Fuploads\u002Fproducts\u002F1775723993979-2026-04-08_14_34_43.png","\u002Fuploads\u002Fproducts\u002F1775723994086-2026-04-08_14_35_29.png","\u002Fuploads\u002Fproducts\u002F1775723994183-2026-04-08_14_35_42.png",[233,234,235,236,237,238,212,213,239,240,241,216],"รองรับการจัดทำทั้ง Transit (ผ่านแดน) และ Transshipment (ถ่ายลำ) ในระบบเดียว","โครงสร้างข้อมูลครบ (Control \u002F BL \u002F Detail) ตามมาตรฐานศุลกากร","รองรับการจัดการ BL ทั้งขาเข้า (Import) และขาออก (Export)","รองรับ Multi BL และ Multi Shipment ในเอกสารเดียว","จัดการข้อมูลการเคลื่อนย้าย เช่น Mode of Transport, Vessel, Car, GPS"," เชื่อมโยงข้อมูลใบขนสินค้าเพื่อลดการคีย์ข้อมูลซ้ำ","รองรับการจับคู่ BL ขาเข้า–ขาออก (Matching)","ติดตามสถานะเอกสารและผลตอบกลับจากศุลกากร","รองรับการแก้ไข ยกเลิก และจัดการเอกสาร",[243],"E-Transit",{"id":245,"title":246,"image":247,"icon":248,"iconSm":249,"detail_product":250,"desc":251,"images":252,"features":256,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":268},22,"Restricted Goods","\u002Fimages\u002Fproducts\u002F1775024637203-ChatGPT_Image_1___._._2569_13_23_51.webp","\u002Fimages\u002Fproducts\u002F1775552640556-12.webp","\u002Fimages\u002Fproducts\u002F1775552640556-12_sm.webp","ระบบสำหรับจัดทำและบริหารจัดการใบอนุญาตสินค้าควบคุม (Restricted Goods) แบบอิเล็กทรอนิกส์ เพื่อให้การนำเข้าและส่งออกเป็นไปตามข้อกำหนดของหน่วยงานรัฐ","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Restricted Goods - Feature Detail\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody style=\"margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#4E342E;\">\n\n \u003Cdiv style=\"max-width:1200px; margin:0 auto; padding:40px 20px;\">\n\n \u003C!-- Header -->\n \u003Cdiv style=\"background:linear-gradient(135deg, #FF8C00 0%, #E65C00 100%); border-radius:24px; padding:32px; box-shadow:0 12px 30px rgba(230,92,0,0.18); color:#ffffff; position:relative; overflow:hidden;\">\n \u003Cdiv style=\"position:absolute; top:-40px; right:-40px; width:180px; height:180px; background:rgba(255,255,255,0.10); border-radius:50%;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; bottom:-50px; left:-50px; width:220px; height:220px; background:rgba(179,157,219,0.18); border-radius:50%;\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; z-index:2;\">\n \u003Cdiv style=\"display:inline-block; padding:8px 14px; background:rgba(255,255,255,0.18); border-radius:999px; font-size:13px; letter-spacing:0.5px; margin-bottom:14px;\">\n ECS Agentic Customs\n \u003C\u002Fdiv>\n \u003Ch1 style=\"margin:0; font-size:34px; line-height:1.3; font-weight:bold;\">\n Restricted Goods\n \u003C\u002Fh1>\n \u003Cp style=\"margin:14px 0 0 0; font-size:16px; line-height:1.8; max-width:860px; color:#FFF8F2;\">\n ระบบจัดการสินค้าควบคุมและใบอนุญาต ที่ช่วยให้การจัดทำใบอนุญาตเป็นไปอย่างถูกต้อง ครบถ้วน\n และสอดคล้องกับข้อกำหนดของหน่วยงานภาครัฐ พร้อมรองรับการเชื่อมโยงข้อมูลจากใบขนสินค้า\n การตรวจสอบข้อมูล การส่งข้อมูล และการติดตามผลตอบกลับได้อย่างครบวงจร\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Overview -->\n \u003Cdiv style=\"margin-top:28px; background:#FFFFFF; border-radius:20px; padding:28px; box-shadow:0 8px 24px rgba(255,140,0,0.10); border:1px solid #FFE0CC;\">\n \u003Ch2 style=\"margin:0 0 12px 0; font-size:24px; color:#E65C00;\">Overview\u003C\u002Fh2>\n \u003Cp style=\"margin:0; font-size:15px; line-height:1.9; color:#6D4C41;\">\n Restricted Goods เป็นระบบที่ช่วยให้การจัดการสินค้าควบคุมและใบอนุญาตเป็นไปอย่างมีประสิทธิภาพ\n โดยรองรับการดึงข้อมูลจากใบขนสินค้าเพื่อลดการคีย์ข้อมูลซ้ำ และสามารถกรอกรายละเอียดเพิ่มเติมตามข้อกำหนดของแต่ละหน่วยงาน\n เช่น ข้อมูลการผลิต หรือข้อมูลเฉพาะของสินค้า ระบบแบ่งโครงสร้างข้อมูลเป็น Control และ Detail\n พร้อมรองรับการระบุหน่วยงานผู้พิจารณา (Authority) และข้อมูลเฉพาะทาง เช่น FDA หรือหน่วยงานเฉพาะด้านอื่น\n ทำให้การจัดทำใบอนุญาตมีความถูกต้อง ครบถ้วน และสอดคล้องกับข้อกำหนดของภาครัฐ\n พร้อมทั้งสามารถส่งข้อมูลและติดตามผลตอบกลับได้อย่างครบวงจร\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003C!-- Feature Grid -->\n \u003Cdiv style=\"margin-top:28px; display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:20px;\">\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #FF8C00;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:10px;\">1. Permit Management\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>สร้าง บันทึก และบริหารจัดการใบแจ้งนำเข้า\u002Fส่งออกสินค้าควบคุม\u003C\u002Fli>\n \u003Cli>กำหนดหน่วยงานผู้ออกใบอนุญาตและวัตถุประสงค์ได้ครบถ้วน\u003C\u002Fli>\n \u003Cli>รองรับการทำงานในรูปแบบที่เป็นระบบและตรวจสอบได้\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #B39DDB;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#7E57C2; margin-bottom:10px;\">2. Auto Data Retrieval\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>ดึงข้อมูลจากใบขนสินค้าขาเข้า\u002Fขาออกมาใช้งานได้ทันที\u003C\u002Fli>\n \u003Cli>ลดการคีย์ข้อมูลซ้ำ\u003C\u002Fli>\n \u003Cli>ช่วยเพิ่มความถูกต้องของข้อมูลในการจัดทำใบอนุญาต\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #FFB74D;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#EF6C00; margin-bottom:10px;\">3. Structured Data Model\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>แบ่งข้อมูลเป็น Control, Detail และ Authority\u003C\u002Fli>\n \u003Cli>จัดเก็บข้อมูลอย่างเป็นระบบ\u003C\u002Fli>\n \u003Cli>ตรวจสอบและติดตามข้อมูลได้ง่าย\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #FF8C00;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:10px;\">4. Product & Manufacturing Detail\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>รองรับข้อมูลสินค้า เช่น Lot Number, Manufacturing Date, Expiry Date\u003C\u002Fli>\n \u003Cli>ระบุปริมาณและหน่วยสินค้าได้\u003C\u002Fli>\n \u003Cli>สอดคล้องกับข้อกำหนดของหน่วยงาน เช่น FDA\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #B39DDB;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#7E57C2; margin-bottom:10px;\">5. Regulatory Specific Data\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>รองรับข้อมูลเฉพาะของหน่วยงานกำกับ\u003C\u002Fli>\n \u003Cli>รองรับข้อมูลวัสดุกัมมันตรังสีและข้อมูลเฉพาะทางอื่น\u003C\u002Fli>\n \u003Cli>ครอบคลุมการใช้งานได้หลายประเภทสินค้า\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #FFB74D;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#EF6C00; margin-bottom:10px;\">6. Validation & Security\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>ตรวจสอบความถูกต้องของข้อมูลก่อนส่ง\u003C\u002Fli>\n \u003Cli>ลดข้อผิดพลาดและลดความเสี่ยงในการถูก Reject\u003C\u002Fli>\n \u003Cli>รองรับการลงลายมือชื่ออิเล็กทรอนิกส์อย่างปลอดภัย\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #FF8C00;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#E65C00; margin-bottom:10px;\">7. Status Tracking\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>ติดตามสถานะใบอนุญาตได้สะดวก\u003C\u002Fli>\n \u003Cli>ตรวจสอบผลตอบกลับจากหน่วยงานได้\u003C\u002Fli>\n \u003Cli>รองรับข้อมูลผลลัพธ์ เช่น DocNo และ Message Response\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #B39DDB;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#7E57C2; margin-bottom:10px;\">8. Flexible Item Management\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>เพิ่ม คัดลอก แก้ไข และลบรายการสินค้าได้\u003C\u002Fli>\n \u003Cli>ช่วยให้การทำงานมีความคล่องตัว\u003C\u002Fli>\n \u003Cli>รองรับการปรับข้อมูลให้เหมาะกับเอกสารแต่ละประเภท\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFFFFF; border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(230,92,0,0.08); border-top:6px solid #FFB74D;\">\n \u003Cdiv style=\"font-size:18px; font-weight:bold; color:#EF6C00; margin-bottom:10px;\">9. Print & Export\u003C\u002Fdiv>\n \u003Cul style=\"padding-left:20px; margin:0; line-height:1.9; color:#5D4037; font-size:15px;\">\n \u003Cli>รองรับการพิมพ์ใบอนุญาต\u003C\u002Fli>\n \u003Cli>รองรับการ Export ข้อมูล\u003C\u002Fli>\n \u003Cli>เหมาะสำหรับใช้งานต่อและจัดเก็บเป็นหลักฐาน\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n\n \u003C!-- Detail List -->\n \u003Cdiv style=\"margin-top:30px; background:#FFFFFF; border-radius:20px; padding:28px; box-shadow:0 10px 28px rgba(230,92,0,0.10);\">\n \u003Ch2 style=\"margin:0 0 18px 0; font-size:24px; color:#E65C00;\">Detail\u003C\u002Fh2>\n\n \u003Cdiv style=\"display:grid; grid-template-columns:1fr; gap:12px;\">\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #FF8C00; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#E65C00; margin-bottom:6px;\">1 การจัดทำใบอนุญาตสินค้าควบคุม (Permit Management)\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">ระบบรองรับการสร้าง บันทึก และบริหารจัดการใบแจ้งนำเข้า\u002Fส่งออกสินค้าควบคุม พร้อมกำหนดหน่วยงานผู้ออกใบอนุญาตและวัตถุประสงค์ได้อย่างครบถ้วน\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #B39DDB; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#7E57C2; margin-bottom:6px;\">2 การดึงข้อมูลจากใบขนสินค้าอัตโนมัติ\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">สามารถนำข้อมูลจากใบขนสินค้าขาเข้า\u002Fขาออกมาใช้ในการจัดทำใบอนุญาตได้ทันที ช่วยลดการคีย์ข้อมูลซ้ำ และเพิ่มความถูกต้องของข้อมูล\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #FFB74D; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#EF6C00; margin-bottom:6px;\">3 โครงสร้างข้อมูลแบบ Control \u002F Detail \u002F Authority\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">ระบบแบ่งข้อมูลเป็นส่วน Control (ข้อมูลหลัก), Detail (ข้อมูลสินค้า) และ Authority (หน่วยงานพิจารณา) ทำให้ข้อมูลเป็นระบบและตรวจสอบได้ง่าย\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #FF8C00; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#E65C00; margin-bottom:6px;\">4 การจัดการข้อมูลสินค้าและรายละเอียดการผลิต\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">รองรับการระบุข้อมูลสินค้า เช่น Lot Number, Manufacturing Date, Expiry Date, ปริมาณ และหน่วยสินค้า เพื่อให้ข้อมูลสอดคล้องกับข้อกำหนดของหน่วยงาน เช่น FDA\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #B39DDB; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#7E57C2; margin-bottom:6px;\">5 การรองรับข้อมูลเฉพาะของหน่วยงานกำกับ\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">รองรับการกรอกข้อมูลเฉพาะทาง เช่น ข้อมูลวัสดุกัมมันตรังสี หรือข้อมูลตามข้อกำหนดของหน่วยงานกำกับเฉพาะ ช่วยให้ครอบคลุมทุกประเภทสินค้า\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #FFB74D; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#EF6C00; margin-bottom:6px;\">6 การตรวจสอบข้อมูลก่อนส่ง (Validation)\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">ระบบตรวจสอบความถูกต้องของข้อมูลก่อนส่งไปยังหน่วยงาน ช่วยลดข้อผิดพลาดและลดความเสี่ยงในการถูก Reject\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #FF8C00; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#E65C00; margin-bottom:6px;\">7 การลงลายมือชื่ออิเล็กทรอนิกส์ (Digital Signature)\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">รองรับการ Sign และส่งข้อมูลใบอนุญาตไปยังหน่วยงานผู้ออกใบอนุญาตอย่างถูกต้องและปลอดภัย\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #B39DDB; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#7E57C2; margin-bottom:6px;\">8 การติดตามสถานะและผลตอบกลับ\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">ผู้ใช้งานสามารถติดตามสถานะใบอนุญาต และตรวจสอบผลตอบกลับจากหน่วยงาน เช่น เลข DocNo หรือ Message Response ได้อย่างสะดวก\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #FFB74D; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#EF6C00; margin-bottom:6px;\">9 การจัดการรายการข้อมูลอย่างยืดหยุ่น\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">รองรับการเพิ่ม คัดลอก แก้ไข และลบรายการสินค้า ช่วยให้การทำงานมีความคล่องตัว\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"padding:16px 18px; background:#FFF8F2; border-left:5px solid #FF8C00; border-radius:12px;\">\n \u003Cdiv style=\"font-weight:bold; color:#E65C00; margin-bottom:6px;\">10 การพิมพ์และรายงานเอกสาร\u003C\u002Fdiv>\n \u003Cdiv style=\"color:#5D4037; line-height:1.8;\">ระบบรองรับการพิมพ์ใบอนุญาต และ Export ข้อมูล เพื่อใช้งานต่อหรือจัดเก็บเป็นหลักฐาน\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Closing -->\n \u003Cdiv style=\"margin-top:28px; background:#FFFFFF; border-radius:20px; padding:28px; box-shadow:0 8px 24px rgba(255,140,0,0.10); border:1px solid #FFE0CC;\">\n \u003Cp style=\"margin:0; font-size:15px; line-height:1.9; color:#6D4C41;\">\n Restricted Goods ช่วยให้การจัดการสินค้าควบคุมและใบอนุญาตเป็นเรื่องง่ายและเป็นระบบ\n เชื่อมโยงข้อมูลอัตโนมัติ ลดขั้นตอนการทำงาน และเพิ่มความถูกต้องในทุกกระบวนการ\n เพื่อให้การดำเนินพิธีการเป็นไปอย่างมีประสิทธิภาพในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[253,254,255],"\u002Fuploads\u002Fproducts\u002F1775724004248-2026-04-08_15_23_15.png","\u002Fuploads\u002Fproducts\u002F1775724004337-2026-04-08_15_23_40.png","\u002Fuploads\u002Fproducts\u002F1775724004430-2026-04-08_15_23_49.png",[257,258,259,260,261,262,263,264,265,266,267]," รองรับการจัดทำใบแจ้งนำเข้า\u002Fส่งออกสินค้าควบคุมในระบบเดียว","ดึงข้อมูลจากใบขนสินค้า (Import \u002F Export Declaration) มาใช้งานได้","โครงสร้างข้อมูลชัดเจน (Control \u002F Detail \u002F Authority \u002F Production)","รองรับการกรอกข้อมูลเฉพาะตามหน่วยงาน เช่น อย. หรือหน่วยงานกำกับอื่น","รองรับการจัดการข้อมูลสินค้า เช่น Lot, Manufacturing Date, Expiry Date","ตรวจสอบข้อมูลก่อนส่ง (Validation) ลดความผิดพลาด","รองรับ Digital Signature และการส่งข้อมูลไปยังหน่วยงานที่เกี่ยวข้อง","ติดตามสถานะใบอนุญาตและผลตอบกลับได้","รองรับการแก้ไข คัดลอก และจัดการรายการข้อมูล","รองรับการพิมพ์และ Export เอกสาร","รองรับการนำเข้าข้อมูล Invoice จาก Excel เพื่อลดการคีย์ข้อมูลซ้ำ",[],{"id":270,"title":271,"image":272,"icon":273,"iconSm":274,"detail_product":275,"desc":276,"images":277,"features":281,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":291},23,"RAOT e-SFR & e-QC","\u002Fimages\u002Fproducts\u002F1775024910330-ChatGPT_Image_1___._._2569_13_28_23.webp","\u002Fimages\u002Fproducts\u002F1775553072066-13.webp","\u002Fimages\u002Fproducts\u002F1775553072066-13_sm.webp","ระบบสำหรับจัดทำใบอนุญาตและใบรับรองคุณภาพยางพารา (e-SFR & e-QC) เพื่อรองรับการส่งออกยางผ่านหน่วยงานการยางแห่งประเทศไทยแบบอิเล็กทรอนิกส์","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>RAOT e-SFR & e-QC Features\u003C\u002Ftitle>\n\n \u003Cstyle>\n\n .page-wrap {\n max-width: 1280px;\n margin: 0 auto;\n padding: 32px 24px 48px;\n }\n\n .hero {\n position: relative;\n overflow: hidden;\n border-radius: 28px;\n padding: 40px 36px;\n background: linear-gradient(135deg, #FF8C00 0%, #E65C00 100%);\n box-shadow: 0 18px 40px rgba(230, 92, 0, 0.22);\n color: #ffffff;\n }\n\n .hero-circle-top {\n position: absolute;\n top: -40px;\n right: -40px;\n width: 180px;\n height: 180px;\n border-radius: 50%;\n background: rgba(255,255,255,0.10);\n }\n\n .hero-circle-bottom {\n position: absolute;\n bottom: -55px;\n left: -30px;\n width: 150px;\n height: 150px;\n border-radius: 50%;\n background: rgba(179,157,219,0.18);\n }\n\n .hero-inner {\n position: relative;\n z-index: 2;\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n align-items: center;\n justify-content: space-between;\n }\n\n .hero-content {\n flex: 1 1 620px;\n min-width: 280px;\n }\n\n .hero-badge {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,0.16);\n font-size: 13px;\n font-weight: bold;\n letter-spacing: 0.5px;\n }\n\n .hero-title {\n margin: 18px 0 12px 0;\n font-size: 38px;\n line-height: 1.2;\n word-break: break-word;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 17px;\n line-height: 1.8;\n max-width: 760px;\n color: rgba(255,255,255,0.92);\n }\n\n .hero-summary-wrap {\n flex: 0 0 260px;\n min-width: 240px;\n }\n\n .hero-summary {\n border-radius: 24px;\n background: rgba(255,255,255,0.14);\n padding: 22px;\n backdrop-filter: blur(3px);\n }\n\n .hero-summary-label {\n font-size: 14px;\n opacity: 0.9;\n margin-bottom: 10px;\n }\n\n .hero-summary-number {\n font-size: 30px;\n font-weight: bold;\n line-height: 1;\n }\n\n .hero-summary-desc {\n margin-top: 8px;\n font-size: 14px;\n line-height: 1.6;\n color: rgba(255,255,255,0.88);\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 22px;\n margin-top: 28px;\n }\n\n .feature-card {\n background: #FFFFFF;\n border: 1px solid rgba(230,92,0,0.10);\n border-radius: 24px;\n padding: 24px;\n box-shadow: 0 10px 24px rgba(91,56,17,0.06);\n min-width: 0;\n }\n\n .feature-card-wide {\n grid-column: span 2;\n }\n\n .section-chip {\n display: inline-block;\n padding: 7px 12px;\n border-radius: 999px;\n background: #FFF1E3;\n color: #E65C00;\n font-size: 13px;\n font-weight: bold;\n margin-bottom: 14px;\n }\n\n .section-chip-purple {\n background: #F3ECFF;\n color: #8B67C6;\n }\n\n .feature-list {\n padding-left: 18px;\n margin: 0;\n line-height: 1.9;\n font-size: 15px;\n }\n\n .exchange-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n }\n\n .exchange-card {\n border-radius: 18px;\n background: #FFF8F1;\n padding: 16px;\n border: 1px solid rgba(255,140,0,0.10);\n }\n\n .exchange-title {\n font-weight: bold;\n color: #E65C00;\n margin-bottom: 8px;\n }\n\n .exchange-desc {\n font-size: 14px;\n line-height: 1.8;\n }\n\n .workflow-box {\n margin-top: 30px;\n background: #FFFFFF;\n border-radius: 26px;\n padding: 28px;\n box-shadow: 0 10px 24px rgba(91,56,17,0.06);\n border: 1px solid rgba(230,92,0,0.10);\n }\n\n .workflow-title {\n margin: 0 0 18px 0;\n font-size: 26px;\n color: #A94700;\n }\n\n .workflow-row {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n align-items: stretch;\n }\n\n .workflow-step {\n flex: 1 1 180px;\n background: linear-gradient(135deg, #FFF3E0 0%, #FFE0C2 100%);\n border-radius: 20px;\n padding: 18px;\n text-align: center;\n min-width: 0;\n }\n\n .workflow-step-purple {\n background: linear-gradient(135deg, #F4EDFF 0%, #E6D9FF 100%);\n }\n\n .workflow-step-label {\n font-size: 13px;\n color: #A85C1A;\n margin-bottom: 8px;\n }\n\n .workflow-step-label-purple {\n color: #7A5AAC;\n }\n\n .workflow-step-title {\n font-weight: bold;\n font-size: 16px;\n line-height: 1.6;\n }\n\n .closing-box {\n margin-top: 24px;\n background: #FFFFFF;\n border-radius: 24px;\n padding: 24px 28px;\n box-shadow: 0 10px 24px rgba(91,56,17,0.06);\n border: 1px solid rgba(230,92,0,0.10);\n }\n\n .closing-title {\n margin: 0 0 10px 0;\n font-size: 22px;\n color: #A94700;\n }\n\n .closing-text {\n margin: 0;\n font-size: 15px;\n line-height: 1.9;\n color: #5A4330;\n }\n\n .page-note {\n margin-top: 24px;\n text-align: center;\n font-size: 13px;\n color: #8A6A4A;\n line-height: 1.8;\n }\n\n @media (max-width: 1024px) {\n .page-wrap {\n padding: 28px 20px 40px;\n }\n\n .hero {\n padding: 34px 28px;\n }\n\n .hero-title {\n font-size: 34px;\n }\n\n .feature-card-wide {\n grid-column: span 1;\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n padding: 20px 16px 32px;\n }\n\n .hero {\n padding: 28px 20px;\n border-radius: 22px;\n }\n\n .hero-circle-top {\n width: 140px;\n height: 140px;\n top: -30px;\n right: -30px;\n }\n\n .hero-circle-bottom {\n width: 120px;\n height: 120px;\n bottom: -40px;\n left: -20px;\n }\n\n .hero-content,\n .hero-summary-wrap {\n min-width: 100%;\n flex: 1 1 100%;\n }\n\n .hero-title {\n font-size: 28px;\n }\n\n .hero-desc {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 18px;\n }\n\n .feature-card {\n padding: 20px;\n }\n\n .workflow-box,\n .closing-box {\n padding: 20px;\n }\n\n .workflow-title,\n .closing-title {\n font-size: 22px;\n }\n\n .workflow-row {\n flex-direction: column;\n }\n\n .workflow-arrow {\n transform: rotate(90deg);\n align-self: center;\n padding: 0;\n }\n }\n\n @media (max-width: 480px) {\n .page-wrap {\n padding: 16px 12px 28px;\n }\n\n .hero {\n padding: 22px 16px;\n }\n\n .hero-badge {\n font-size: 12px;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 24px;\n }\n\n .hero-desc {\n font-size: 14px;\n }\n\n .hero-summary {\n padding: 18px;\n }\n\n .hero-summary-number {\n font-size: 26px;\n }\n\n .feature-card {\n padding: 18px;\n border-radius: 20px;\n }\n\n .feature-list,\n .exchange-desc,\n .closing-text,\n .page-note {\n font-size: 14px;\n }\n\n .workflow-step-title {\n font-size: 15px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n \u003Cdiv class=\"page-wrap\">\n \u003Cdiv class=\"hero\">\n \u003Cdiv class=\"hero-circle-top\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-circle-bottom\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-inner\">\n \u003Cdiv class=\"hero-content\">\n \u003Cdiv class=\"hero-badge\">RAOT Rubber Export Workflow\u003C\u002Fdiv>\n \u003Ch1 class=\"hero-title\">ระบบจัดการคำขอ \u003Cspan style=\"color:#FFE7C2;\">e-SFR\u003C\u002Fspan> และ \u003Cspan style=\"color:#F2E8FF;\">e-QC\u003C\u002Fspan>\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n RAOT e-SFR & e-QC เป็นระบบที่ช่วยให้การขอใบอนุญาตและใบรับรองคุณภาพยางพาราเป็นไปอย่างครบวงจร\n รองรับทั้งการจัดทำคำขอ e-SFR สำหรับการขอใบอนุญาตผ่านด่านและการชำระค่าธรรมเนียมก่อนส่งออก\n และ e-QC สำหรับการขอใบรับรองคุณภาพหรือผลการทดสอบยาง พร้อมเชื่อมโยงข้อมูลจากใบขนสินค้าขาออก\n ลดการคีย์ข้อมูลซ้ำ และติดตามสถานะได้ครบทุกขั้นตอน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-grid\">\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"section-chip\">การจัดทำคำขอ\u003C\u002Fdiv>\n \u003Cul class=\"feature-list\">\n \u003Cli>รองรับการจัดทำคำขอ e-SFR สำหรับใบอนุญาตส่งออกยางผ่านด่านศุลกากร\u003C\u002Fli>\n \u003Cli>รองรับการจัดทำคำขอ e-QC สำหรับใบรับรองคุณภาพยางและผลการทดสอบ\u003C\u002Fli>\n \u003Cli>สามารถสร้าง บันทึก และบริหารจัดการคำขอได้อย่างครบถ้วน\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"section-chip section-chip-purple\">เชื่อมโยงข้อมูลอัตโนมัติ\u003C\u002Fdiv>\n \u003Cul class=\"feature-list\">\n \u003Cli>ดึงข้อมูลจาก Export Declaration มาใช้งานได้ทันที\u003C\u002Fli>\n \u003Cli>ช่วยลดการคีย์ข้อมูลซ้ำ\u003C\u002Fli>\n \u003Cli>เพิ่มความถูกต้องและความรวดเร็วในการจัดทำคำขอ\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"section-chip\">Master Data ยางพารา\u003C\u002Fdiv>\n \u003Cul class=\"feature-list\">\n \u003Cli>รองรับข้อมูลสำคัญ เช่น ราคายาง ประเภทการตรวจสอบ วิธีทดสอบ และหน่วยวัด\u003C\u002Fli>\n \u003Cli>ช่วยให้ข้อมูลที่ใช้ในคำขอเป็นมาตรฐานเดียวกัน\u003C\u002Fli>\n \u003Cli>รองรับการอัปเดตข้อมูลอัตโนมัติผ่านระบบ AutoSend\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"section-chip\">คำนวณและตรวจสอบข้อมูล\u003C\u002Fdiv>\n \u003Cul class=\"feature-list\">\n \u003Cli>ช่วยคำนวณค่าธรรมเนียมการส่งออกยาง\u003C\u002Fli>\n \u003Cli>รองรับข้อมูลที่เกี่ยวข้องตามข้อกำหนดของหน่วยงาน\u003C\u002Fli>\n \u003Cli>ช่วยลดความผิดพลาดก่อนการส่งข้อมูล\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"section-chip section-chip-purple\">ลงลายมือชื่อและส่งข้อมูล\u003C\u002Fdiv>\n \u003Cul class=\"feature-list\">\n \u003Cli>รองรับการลงลายมือชื่ออิเล็กทรอนิกส์\u003C\u002Fli>\n \u003Cli>ส่งข้อมูลคำขอผ่าน ECS Gateway ไปยังการยางแห่งประเทศไทย\u003C\u002Fli>\n \u003Cli>ช่วยให้การรับส่งข้อมูลมีความถูกต้องและปลอดภัย\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"section-chip\">ติดตามสถานะคำขอ\u003C\u002Fdiv>\n \u003Cul class=\"feature-list\">\n \u003Cli>ติดตามสถานะได้ตั้งแต่การส่ง ตรวจสอบ และอนุมัติ\u003C\u002Fli>\n \u003Cli>รองรับการรับเอกสารตอบกลับจากหน่วยงานแบบ Real-time\u003C\u002Fli>\n \u003Cli>ช่วยให้ผู้ใช้งานตรวจสอบความคืบหน้าได้ตลอดกระบวนการ\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"section-chip\">การจัดการคำขอแบบยืดหยุ่น\u003C\u002Fdiv>\n \u003Cul class=\"feature-list\">\n \u003Cli>รองรับการแก้ไขข้อมูลคำขอ\u003C\u002Fli>\n \u003Cli>รองรับการคัดลอกข้อมูลเดิม (Copy Reference)\u003C\u002Fli>\n \u003Cli>สามารถเปลี่ยนสถานะและยกเลิกคำขอได้\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"section-chip\">พิมพ์เอกสารและรายงาน\u003C\u002Fdiv>\n \u003Cul class=\"feature-list\">\n \u003Cli>รองรับการพิมพ์ใบอนุญาตและใบรับรอง\u003C\u002Fli>\n \u003Cli>รองรับการพิมพ์รายงานและเอกสารที่เกี่ยวข้อง\u003C\u002Fli>\n \u003Cli>สามารถ Export ข้อมูลเพื่อนำไปใช้งานต่อได้\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \n \u003C\u002Fdiv>\n\n\n\n \u003Cdiv class=\"closing-box\">\n \u003Cp class=\"closing-text\">\n RAOT e-SFR & e-QC ช่วยให้การขอใบอนุญาตและใบรับรองคุณภาพยางเป็นเรื่องง่าย\n เชื่อมโยงข้อมูลอัตโนมัติ ลดขั้นตอนการทำงาน และเพิ่มความถูกต้องในทุกกระบวนการ\n เพื่อให้การส่งออกยางเป็นไปอย่างรวดเร็วและได้มาตรฐานในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[278,279,280],"\u002Fuploads\u002Fproducts\u002F1775724016799-2026-04-08_15_39_55.png","\u002Fuploads\u002Fproducts\u002F1775724016945-2026-04-08_15_40_12.png","\u002Fuploads\u002Fproducts\u002F1775724017056-2026-04-08_15_40_32.png",[282,283,284,285,286,287,213,288,289,290],"รองรับการจัดทำคำขอ e-SFR (ใบอนุญาตส่งออก \u002F ชำระค่าธรรมเนียมยาง)","รองรับการจัดทำคำขอ e-QC (ใบรับรองคุณภาพ \u002F ผลการทดสอบยาง)","เชื่อมโยงข้อมูลจาก Export Declaration มาใช้งานได้","โครงสร้างข้อมูลชัดเจน (Control \u002F Detail)","รองรับ Master Data ยาง เช่น ประเภท \u002F ราคา \u002F วิธีทดสอบ","รองรับการคำนวณค่าธรรมเนียมและข้อมูลที่เกี่ยวข้อง","ติดตามสถานะคำขอและผลตอบกลับจากการยางแห่งประเทศไทย","รองรับการพิมพ์เอกสาร และ Export ข้อมูล","รองรับการ Copy \u002F แก้ไข \u002F ยกเลิกคำขอ",[292],"RAOT",{"id":294,"title":295,"image":296,"icon":297,"iconSm":298,"detail_product":299,"desc":300,"images":301,"features":305,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":316},24,"e-Pinkform","\u002Fimages\u002Fproducts\u002F1775025247702-ChatGPT_Image_1___._._2569_13_34_00.webp","\u002Fimages\u002Fproducts\u002F1775553373389-14.webp","\u002Fimages\u002Fproducts\u002F1775553373389-14_sm.webp","ระบบสำหรับจัดทำและยื่นคำขอใบรับรองแหล่งผลิตสินค้าอาหารปลอดโรค (e-PinkForm) ผ่านระบบ NSW ไปยังกรมควบคุมโรคแบบอิเล็กทรอนิกส์","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>DDC e-PinkForm Features\u003C\u002Ftitle>\n\n \u003Cstyle>\n\n\n .page-wrap {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 24px 60px 24px;\n }\n\n .hero {\n background: linear-gradient(135deg, #FF8C00 0%, #E65C00 100%);\n border-radius: 28px;\n padding: 36px;\n box-shadow: 0 18px 40px rgba(230, 92, 0, 0.18);\n position: relative;\n overflow: hidden;\n }\n\n .hero-circle-top {\n position: absolute;\n top: -80px;\n right: -80px;\n width: 220px;\n height: 220px;\n background: rgba(255,255,255,0.12);\n border-radius: 50%;\n }\n\n .hero-circle-bottom {\n position: absolute;\n bottom: -60px;\n left: -60px;\n width: 180px;\n height: 180px;\n background: rgba(179,157,219,0.18);\n border-radius: 50%;\n }\n\n .hero-inner {\n position: relative;\n z-index: 2;\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n align-items: center;\n justify-content: space-between;\n }\n\n .hero-content {\n flex: 1 1 520px;\n min-width: 280px;\n }\n\n .hero-badge {\n display: inline-block;\n background: rgba(255,255,255,0.18);\n color: #FFF8F0;\n padding: 8px 14px;\n border-radius: 999px;\n font-size: 13px;\n letter-spacing: 0.5px;\n margin-bottom: 14px;\n }\n\n .hero-title {\n margin: 0 0 12px 0;\n font-size: 40px;\n line-height: 1.2;\n color: #FFFFFF;\n word-break: break-word;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 18px;\n line-height: 1.7;\n color: #FFF4EA;\n max-width: 760px;\n }\n\n .hero-summary {\n flex: 0 0 280px;\n min-width: 240px;\n background: rgba(255,255,255,0.14);\n border: 1px solid rgba(255,255,255,0.22);\n border-radius: 24px;\n padding: 22px;\n backdrop-filter: blur(4px);\n }\n\n .hero-summary-label {\n font-size: 14px;\n color: #FFE9D6;\n margin-bottom: 10px;\n }\n\n .hero-summary-number {\n font-size: 52px;\n font-weight: bold;\n color: #FFFFFF;\n line-height: 1;\n }\n\n .hero-summary-title {\n margin-top: 8px;\n font-size: 16px;\n color: #FFF3E8;\n }\n\n .hero-progress {\n margin-top: 18px;\n height: 10px;\n background: rgba(255,255,255,0.2);\n border-radius: 999px;\n overflow: hidden;\n }\n\n .hero-progress-bar {\n width: 100%;\n height: 10px;\n background: linear-gradient(90deg, #FFD089 0%, #B39DDB 100%);\n }\n\n .feature-grid {\n margin-top: 30px;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\n gap: 20px;\n }\n\n .feature-card {\n background: #FFFFFF;\n border-radius: 22px;\n padding: 22px;\n box-shadow: 0 10px 24px rgba(80,40,10,0.08);\n border-left: 6px solid #FF8C00;\n min-width: 0;\n }\n\n .feature-no {\n font-size: 13px;\n color: #B39DDB;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .feature-title {\n font-size: 20px;\n font-weight: bold;\n margin-bottom: 8px;\n color: #D85A00;\n line-height: 1.4;\n }\n\n .feature-desc {\n font-size: 15px;\n line-height: 1.7;\n color: #6B4A35;\n }\n\n .closing {\n margin-top: 30px;\n background: #FFFFFF;\n border-radius: 24px;\n padding: 26px;\n box-shadow: 0 10px 24px rgba(80,40,10,0.08);\n border: 1px solid #F4D2B8;\n }\n\n .closing-title {\n margin: 0 0 10px 0;\n font-size: 24px;\n color: #D85A00;\n }\n\n .closing-desc {\n margin: 0;\n font-size: 16px;\n line-height: 1.8;\n color: #6B4A35;\n }\n\n @media (max-width: 1024px) {\n .page-wrap {\n padding: 32px 20px 48px 20px;\n }\n\n .hero {\n padding: 30px;\n }\n\n .hero-title {\n font-size: 34px;\n }\n\n .hero-desc {\n font-size: 17px;\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n padding: 20px 16px 36px 16px;\n }\n\n .hero {\n padding: 24px 20px;\n border-radius: 22px;\n }\n\n .hero-circle-top {\n width: 160px;\n height: 160px;\n top: -60px;\n right: -60px;\n }\n\n .hero-circle-bottom {\n width: 130px;\n height: 130px;\n bottom: -45px;\n left: -45px;\n }\n\n .hero-content,\n .hero-summary {\n flex: 1 1 100%;\n min-width: 100%;\n }\n\n .hero-title {\n font-size: 28px;\n }\n\n .hero-desc {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .hero-summary-number {\n font-size: 42px;\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n\n .feature-card {\n padding: 18px;\n }\n\n .feature-title {\n font-size: 18px;\n }\n\n .feature-desc {\n font-size: 14px;\n }\n\n .closing {\n padding: 20px;\n }\n\n .closing-title {\n font-size: 20px;\n }\n\n .closing-desc {\n font-size: 14px;\n }\n }\n\n @media (max-width: 480px) {\n .page-wrap {\n padding: 16px 12px 28px 12px;\n }\n\n .hero {\n padding: 20px 16px;\n }\n\n .hero-badge {\n font-size: 12px;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 24px;\n }\n\n .hero-desc {\n font-size: 14px;\n }\n\n .hero-summary {\n padding: 18px;\n }\n\n .hero-summary-number {\n font-size: 36px;\n }\n\n .hero-summary-title,\n .hero-summary-label {\n font-size: 14px;\n }\n\n .feature-card {\n border-radius: 18px;\n padding: 16px;\n }\n\n .feature-no {\n font-size: 12px;\n }\n\n .feature-title {\n font-size: 17px;\n }\n\n .feature-desc {\n font-size: 14px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n \u003Cdiv class=\"page-wrap\">\n \u003Cdiv class=\"hero\">\n \u003Cdiv class=\"hero-circle-top\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-circle-bottom\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-inner\">\n \u003Cdiv class=\"hero-content\">\n \u003Cdiv class=\"hero-badge\">ECS DDC e-PinkForm Module\u003C\u002Fdiv>\n \u003Ch1 class=\"hero-title\">รายละเอียดความสามารถของระบบ DDC e-PinkForm\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n DDC e-PinkForm เป็นระบบที่ช่วยให้การขอใบรับรองแหล่งผลิตสินค้าอาหารปลอดโรคเป็นไปอย่างรวดเร็วและเป็นมาตรฐาน\n โดยสามารถดึงข้อมูลจากใบขนสินค้าขาออกมาใช้งานได้ทันที ลดการคีย์ข้อมูลซ้ำ เพิ่มความถูกต้องของข้อมูล\n รองรับการกรอกรายละเอียดสินค้า แหล่งผลิต การชำระเงิน การลงลายมือชื่ออิเล็กทรอนิกส์\n และการส่งคำขอผ่านระบบ NSW ไปยังกรมควบคุมโรคได้โดยตรง\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-summary\">\n \u003Cdiv class=\"hero-summary-label\">สรุปโดยรวม\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-summary-number\">10\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-summary-title\">ความสามารถหลักของระบบ\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-progress\">\n \u003Cdiv class=\"hero-progress-bar\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-grid\">\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">1\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การจัดทำคำขอ e-PinkForm สำหรับสินค้าส่งออก\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n ระบบรองรับการสร้างคำขอใบรับรองแหล่งผลิตสินค้าอาหารปลอดโรค โดยสามารถเริ่มจากการสร้างใหม่\n หรือดึงข้อมูลจากใบขนสินค้าขาออกได้\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">2\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การดึงข้อมูลจากใบขนสินค้าอัตโนมัติ\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n สามารถ Export ข้อมูลจาก Export Declaration เข้ามาในระบบได้ทันที\n ช่วยลดการคีย์ข้อมูลซ้ำ และเพิ่มความรวดเร็วในการจัดทำคำขอ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">3\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">โครงสร้างข้อมูลแบบ Control \u002F Detail \u002F Product \u002F Location\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n ระบบแบ่งข้อมูลเป็นส่วน Control (ข้อมูลผู้ส่งออก \u002F การชำระเงิน), Detail (ข้อมูลสินค้า),\n Product (รายละเอียดอาหาร) และ Location (แหล่งผลิต) ทำให้ข้อมูลครบถ้วนและตรวจสอบได้\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">4\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การจัดการข้อมูลสินค้าอาหารและแหล่งผลิต\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n รองรับการกรอกข้อมูลสินค้า เช่น ประเภทอาหาร ปริมาณ หน่วย ชนิดบรรจุ\n รวมถึงข้อมูลพื้นที่ผลิต เช่น จังหวัด อำเภอ และตำบล เพื่อให้ตรงตามข้อกำหนดของกรมควบคุมโรค\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">5\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การจัดการข้อมูลการชำระเงิน (Payment)\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n รองรับ 2 รูปแบบการชำระเงินทั้ง E-Payment (ตัดบัญชีธนาคารอัตโนมัติ)\n และ Bill Payment (ชำระผ่านใบ Bill Payment) ช่วยให้การดำเนินการครบวงจรในระบบเดียว\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">6\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การตรวจสอบข้อมูลก่อนส่ง (Validation)\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n ระบบตรวจสอบความถูกต้องของข้อมูลก่อนส่ง ลดข้อผิดพลาด\n และลดความเสี่ยงในการถูก Reject\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">7\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การลงลายมือชื่ออิเล็กทรอนิกส์และการส่งข้อมูลผ่าน NSW\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n รองรับการ Sign และส่งคำขอไปยังกรมควบคุมโรคผ่านระบบ National Single Window (NSW)\n อย่างถูกต้องและปลอดภัย\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">8\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การติดตามสถานะคำขอแบบครบทุกขั้นตอน\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n สามารถติดตามสถานะตั้งแต่ อยู่ระหว่างดำเนินการ, อนุมัติ, ชำระเงิน,\n ออกใบรับรอง พร้อมแสดง Message ตอบกลับจากหน่วยงาน\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">9\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การพิมพ์เอกสารและใบรับรอง\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n รองรับการพิมพ์เอกสารทุกประเภท เช่น ใบสีชมพู (Draft \u002F ตัวจริง),\n Bill Payment และใบเสร็จรับเงิน ช่วยให้ดำเนินงานได้ครบทุกขั้นตอนในระบบเดียว\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-no\">10\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-title\">การรับเอกสารใบรับรองในรูปแบบ PDF\u003C\u002Fdiv>\n \u003Cdiv class=\"feature-desc\">\n ระบบรองรับการรับใบรับรองจากกรมควบคุมโรคในรูปแบบ PDF\n เพื่อใช้เป็นเอกสารอ้างอิงหรือส่งต่อให้หน่วยงานที่เกี่ยวข้อง\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"closing\">\n \u003Ch2 class=\"closing-title\">สรุปภาพรวม\u003C\u002Fh2>\n \u003Cp class=\"closing-desc\">\n DDC e-PinkForm ช่วยให้การขอใบรับรองสินค้าอาหารปลอดโรคเป็นเรื่องง่าย\n เชื่อมโยงข้อมูลอัตโนมัติ ลดขั้นตอนการทำงาน และเพิ่มความถูกต้องในทุกกระบวนการ\n เพื่อให้การส่งออกสินค้าเป็นไปอย่างรวดเร็วและได้มาตรฐานในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[302,303,304],"\u002Fuploads\u002Fproducts\u002F1775724026513-2026-04-08_15_58_01.png","\u002Fuploads\u002Fproducts\u002F1775724026613-2026-04-08_15_58_54.png","\u002Fuploads\u002Fproducts\u002F1775724026704-2026-04-08_15_59_05.png",[306,307,308,309,310,262,311,312,313,314,315],"รองรับการจัดทำคำขอ e-PinkForm สำหรับสินค้าส่งออก","ดึงข้อมูลจากใบขนสินค้าขาออก (Export Declaration) มาใช้งานได้","โครงสร้างข้อมูลชัดเจน (Control \u002F Detail \u002F Product \u002F Location)","รองรับการกรอกข้อมูลสินค้าอาหารและแหล่งผลิตอย่างละเอียด","รองรับการเลือกประเภทการชำระเงิน (E-Payment \u002F Bill Payment)","รองรับ Digital Signature และการส่งข้อมูลผ่าน NSW","ติดตามสถานะคำขอและผลตอบกลับจากกรมควบคุมโรค","รองรับการพิมพ์ Draft \u002F ใบจริง \u002F ใบเสร็จ \u002F Bill Payment","รองรับการ Export เอกสารในรูปแบบ PDF","รองรับการนำเข้าข้อมูล Invoice จาก Excel เพื่อลดขั้นตอนการจัดทำคำขอ",[317],"Pinkform",{"id":319,"title":320,"image":321,"icon":322,"iconSm":323,"detail_product":324,"desc":325,"images":326,"features":330,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":338},25,"e-Express","\u002Fimages\u002Fproducts\u002F1775025600932-ChatGPT_Image_1___._._2569_13_39_50.webp","\u002Fimages\u002Fproducts\u002F1775552108217-15.webp","\u002Fimages\u002Fproducts\u002F1775552108217-15_sm.webp","ระบบสำหรับจัดทำและบริหารจัดการบัญชีสินค้าล่วงหน้าและคำร้องสินค้าด่วน (e-Express) ทางบก แบบอิเล็กทรอนิกส์ ตามมาตรฐานกรมศุลกากร","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>e-Express Features\u003C\u002Ftitle>\n\n \u003Cstyle>\n .page-wrap {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 24px 60px 24px;\n }\n\n .hero {\n position: relative;\n overflow: hidden;\n border-radius: 28px;\n background: linear-gradient(135deg, #FF8C00 0%, #E65C00 100%);\n padding: 36px;\n box-shadow: 0 20px 60px rgba(230, 92, 0, 0.22);\n }\n\n .hero-circle-top {\n position: absolute;\n top: -60px;\n right: -40px;\n width: 220px;\n height: 220px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-circle-bottom {\n position: absolute;\n bottom: -70px;\n left: -50px;\n width: 180px;\n height: 180px;\n border-radius: 50%;\n background: rgba(179,157,219,0.18);\n }\n\n .hero-inner {\n position: relative;\n z-index: 2;\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n align-items: center;\n justify-content: space-between;\n }\n\n .hero-content {\n flex: 1 1 520px;\n min-width: 280px;\n }\n\n .hero-badge {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,0.18);\n color: #FFF8F0;\n font-size: 13px;\n font-weight: bold;\n letter-spacing: 0.5px;\n margin-bottom: 16px;\n }\n\n .hero-title {\n margin: 0 0 14px 0;\n font-size: 38px;\n line-height: 1.2;\n color: #FFFFFF;\n word-break: break-word;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 17px;\n line-height: 1.7;\n color: #FFF3E0;\n max-width: 760px;\n }\n\n .hero-summary-wrap {\n flex: 0 0 260px;\n min-width: 220px;\n }\n\n .hero-summary {\n background: rgba(255,255,255,0.14);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 24px;\n padding: 22px;\n backdrop-filter: blur(6px);\n }\n\n .hero-summary-label {\n font-size: 15px;\n color: #FFEBD6;\n margin-bottom: 10px;\n }\n\n .hero-summary-number {\n font-size: 44px;\n font-weight: bold;\n color: #FFFFFF;\n line-height: 1;\n }\n\n .hero-summary-desc {\n margin-top: 8px;\n font-size: 14px;\n color: #FFF3E0;\n line-height: 1.6;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n\n .feature-card {\n background: #FFFFFF;\n border-radius: 24px;\n padding: 24px;\n box-shadow: 0 10px 30px rgba(84, 45, 17, 0.08);\n border: 1px solid #FFE2CC;\n min-width: 0;\n }\n\n .feature-icon {\n width: 54px;\n height: 54px;\n border-radius: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n margin-bottom: 16px;\n color: inherit;\n }\n\n .icon-orange-1 {\n background: linear-gradient(135deg, #FFB35C 0%, #FF8C00 100%);\n }\n\n .icon-orange-2 {\n background: linear-gradient(135deg, #FFC785 0%, #E65C00 100%);\n }\n\n .icon-orange-3 {\n background: linear-gradient(135deg, #FFD8AA 0%, #FF8C00 100%);\n }\n\n .icon-purple {\n background: linear-gradient(135deg, #B39DDB 0%, #8C73C9 100%);\n color: #fff;\n }\n\n .icon-orange-4 {\n background: linear-gradient(135deg, #FFB35C 0%, #E65C00 100%);\n }\n\n .icon-orange-5 {\n background: linear-gradient(135deg, #FFAA66 0%, #FF7A00 100%);\n }\n\n .feature-title {\n margin: 0 0 12px 0;\n font-size: 22px;\n color: #A34700;\n line-height: 1.4;\n }\n\n .feature-title-purple {\n color: #7A5AB5;\n }\n\n .feature-list {\n margin: 0;\n padding-left: 20px;\n line-height: 1.9;\n font-size: 15px;\n color: #5A3A22;\n }\n\n .overview-box,\n .closing-box {\n margin-top: 30px;\n background: linear-gradient(135deg, #FFF0E2 0%, #F7EEFF 100%);\n border: 1px solid #F0D6C6;\n border-radius: 24px;\n padding: 26px;\n box-shadow: 0 10px 30px rgba(84, 45, 17, 0.06);\n }\n\n .overview-title {\n margin: 0 0 12px 0;\n font-size: 22px;\n color: #8B4D12;\n }\n\n .overview-desc {\n margin: 0;\n font-size: 15px;\n line-height: 1.9;\n color: #5A3A22;\n }\n\n @media (max-width: 1024px) {\n .page-wrap {\n padding: 32px 20px 48px 20px;\n }\n\n .hero {\n padding: 30px;\n }\n\n .hero-title {\n font-size: 34px;\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n padding: 20px 16px 36px 16px;\n }\n\n .hero {\n padding: 24px 20px;\n border-radius: 22px;\n }\n\n .hero-circle-top {\n width: 160px;\n height: 160px;\n top: -50px;\n right: -40px;\n }\n\n .hero-circle-bottom {\n width: 130px;\n height: 130px;\n bottom: -45px;\n left: -35px;\n }\n\n .hero-content,\n .hero-summary-wrap {\n flex: 1 1 100%;\n min-width: 100%;\n }\n\n .hero-title {\n font-size: 28px;\n }\n\n .hero-desc {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .hero-summary-number {\n font-size: 38px;\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n\n .feature-card {\n padding: 20px;\n }\n\n .feature-title {\n font-size: 20px;\n }\n\n .overview-box,\n .closing-box {\n padding: 20px;\n }\n\n .overview-title {\n font-size: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .page-wrap {\n padding: 16px 12px 28px 12px;\n }\n\n .hero {\n padding: 20px 16px;\n }\n\n .hero-badge {\n font-size: 12px;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 24px;\n }\n\n .hero-desc,\n .feature-list,\n .overview-desc {\n font-size: 14px;\n }\n\n .hero-summary {\n padding: 18px;\n }\n\n .hero-summary-number {\n font-size: 34px;\n }\n\n .hero-summary-label,\n .hero-summary-desc {\n font-size: 13px;\n }\n\n .feature-card {\n padding: 18px;\n border-radius: 20px;\n }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n font-size: 22px;\n border-radius: 16px;\n }\n\n .feature-title,\n .overview-title {\n font-size: 18px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n \u003Cdiv class=\"page-wrap\">\n \u003Cdiv class=\"hero\">\n \u003Cdiv class=\"hero-circle-top\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-circle-bottom\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-inner\">\n \u003Cdiv class=\"hero-content\">\n \u003Cdiv class=\"hero-badge\">E-EXPRESS \u002F LAND EXPRESS CARGO\u003C\u002Fdiv>\n \u003Ch1 class=\"hero-title\">รายละเอียดความสามารถของระบบ e-Express\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n e-Express เป็นระบบที่ช่วยให้การจัดการสินค้าด่วนทางบกเป็นไปอย่างรวดเร็วและมีประสิทธิภาพ\n รองรับการจัดทำบัญชีสินค้าล่วงหน้าทั้งขาเข้าและขาออก รวมถึงคำร้องส่งของเร่งด่วนในระบบเดียว\n พร้อมเชื่อมโยงข้อมูลสินค้า Invoice การลงลายมือชื่ออิเล็กทรอนิกส์ การส่งข้อมูลผ่าน ECS Gateway\n และการติดตามสถานะเอกสารได้ครบทุกขั้นตอน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-grid\">\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-icon icon-orange-1\">📦\u003C\u002Fdiv>\n \u003Ch2 class=\"feature-title\">Pre-Manifest สำหรับสินค้าด่วน\u003C\u002Fh2>\n \u003Cul class=\"feature-list\">\n \u003Cli>รองรับการจัดทำ Pre-Manifest ทั้ง Import และ Export\u003C\u002Fli>\n \u003Cli>กำหนดข้อมูล Control เช่น วันที่ เวลา สถานที่ และประเภทการขนส่งได้\u003C\u002Fli>\n \u003Cli>สร้าง Reference และเริ่มกระบวนการทำงานได้ทันที\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-icon icon-orange-2\">🗂️\u003C\u002Fdiv>\n \u003Ch2 class=\"feature-title\">โครงสร้างข้อมูล Control \u002F BL \u002F Invoice\u003C\u002Fh2>\n \u003Cul class=\"feature-list\">\n \u003Cli>แบ่งข้อมูลออกเป็น 3 ส่วนหลัก ได้แก่ Control, BL Detail และ Invoice\u003C\u002Fli>\n \u003Cli>ช่วยให้ข้อมูลเป็นระบบและตรวจสอบได้ง่าย\u003C\u002Fli>\n \u003Cli>รองรับการจัดการข้อมูลสินค้าได้ครบถ้วนในแต่ละเอกสาร\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-icon icon-orange-3\">🚚\u003C\u002Fdiv>\n \u003Ch2 class=\"feature-title\">การจัดการ Bill of Lading และข้อมูลสินค้า\u003C\u002Fh2>\n \u003Cul class=\"feature-list\">\n \u003Cli>รองรับการบันทึก Master BL และ House BL\u003C\u002Fli>\n \u003Cli>จัดเก็บข้อมูลผู้นำเข้า\u002Fส่งออก ผู้ขาย และรายละเอียดสินค้าได้\u003C\u002Fli>\n \u003Cli>เชื่อมโยงข้อมูลสินค้าและ Invoice ในเอกสารเดียว\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-icon icon-purple\">📤\u003C\u002Fdiv>\n \u003Ch2 class=\"feature-title feature-title-purple\">Export Express Request\u003C\u002Fh2>\n \u003Cul class=\"feature-list\">\n \u003Cli>รองรับการสร้างคำร้องส่งของเร่งด่วน\u003C\u002Fli>\n \u003Cli>สามารถดึงข้อมูลจาก Export Pre-Manifest มาใช้งานต่อได้\u003C\u002Fli>\n \u003Cli>กำหนดประเภทกระบวนการได้ เช่น Export, Transit และ Transshipment\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-icon icon-orange-4\">✅\u003C\u002Fdiv>\n \u003Ch2 class=\"feature-title\">Validation และ Digital Signature\u003C\u002Fh2>\n \u003Cul class=\"feature-list\">\n \u003Cli>ตรวจสอบความถูกต้องของข้อมูลก่อนส่ง\u003C\u002Fli>\n \u003Cli>ช่วยลดข้อผิดพลาดและความเสี่ยงในการถูก Reject\u003C\u002Fli>\n \u003Cli>รองรับการลงลายมือชื่ออิเล็กทรอนิกส์ก่อนส่งข้อมูล\u003C\u002Fli>\n \u003Cli>สามารถ Sign & Send ได้หลายรายการพร้อมกัน\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-card\">\n \u003Cdiv class=\"feature-icon icon-orange-5\">📡\u003C\u002Fdiv>\n \u003Ch2 class=\"feature-title\">การเชื่อมต่อ ติดตามสถานะ และรายงาน\u003C\u002Fh2>\n \u003Cul class=\"feature-list\">\n \u003Cli>ส่งข้อมูลผ่าน ECS Gateway และรับผลตอบกลับจากกรมศุลกากรอัตโนมัติ\u003C\u002Fli>\n \u003Cli>ติดตามสถานะเอกสารแบบ Real-time ผ่านหน้าจอและ Notification\u003C\u002Fli>\n \u003Cli>รองรับการแก้ไข ยกเลิก พิมพ์เอกสาร และ Export ข้อมูล\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"overview-box\">\n \u003Ch3 class=\"overview-title\">ภาพรวมการทำงานของระบบ\u003C\u002Fh3>\n \u003Cp class=\"overview-desc\">\n e-Express เป็นระบบที่ช่วยให้การจัดการสินค้าด่วนทางบกเป็นไปอย่างรวดเร็วและมีประสิทธิภาพ\n โดยรองรับการจัดทำบัญชีสินค้าล่วงหน้าทั้งขาเข้าและขาออก รวมถึงคำร้องส่งของเร่งด่วนในระบบเดียว\n ผู้ใช้งานสามารถบันทึกข้อมูลในรูปแบบ Control และ BL Detail พร้อมเชื่อมโยงข้อมูลสินค้าและ Invoice\n ได้อย่างครบถ้วน ระบบรองรับการลงลายมือชื่ออิเล็กทรอนิกส์และการส่งข้อมูลผ่าน ECS Gateway\n ไปยังกรมศุลกากร พร้อมทั้งสามารถติดตามสถานะเอกสารและผลตอบกลับได้ทุกขั้นตอน\n ช่วยลดระยะเวลาในการดำเนินพิธีการ และเพิ่มความถูกต้องในการจัดทำข้อมูล\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"closing-box\">\n \u003Ch3 class=\"overview-title\">สรุป\u003C\u002Fh3>\n \u003Cp class=\"overview-desc\">\n e-Express ช่วยให้การจัดการสินค้าด่วนเป็นเรื่องง่ายและรวดเร็ว ลดขั้นตอนการทำงาน\n เชื่อมโยงข้อมูลอัตโนมัติ และเพิ่มความแม่นยำในทุกกระบวนการ\n เพื่อให้การดำเนินพิธีการศุลกากรเป็นไปอย่างมีประสิทธิภาพสูงสุดในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[327,328,329],"\u002Fuploads\u002Fproducts\u002F1775724035965-2026-04-08_15_01_20.png","\u002Fuploads\u002Fproducts\u002F1775724036062-2026-04-08_15_01_29.png","\u002Fuploads\u002Fproducts\u002F1775724036166-2026-04-08_15_01_40.png",[331,332,333,334,335,212,213,336,337,216],"รองรับการจัดทำ Import \u002F Export Pre-Manifest สำหรับสินค้าด่วน","รองรับการจัดทำ Export Express Request ในระบบเดียว","โครงสร้างข้อมูลครบ (Control \u002F BL \u002F Invoice) ตามมาตรฐานศุลกากร","รองรับ Multi BL และรายการสินค้าในเอกสารเดียว","เชื่อมโยงข้อมูลจาก Master Data และใบขนสินค้า","ติดตามสถานะเอกสารและผลตอบกลับแบบ Real-time","รองรับการแก้ไข ยกเลิก และจัดการเอกสารตามขั้นตอนศุลกากร",[],{"id":340,"title":341,"image":342,"icon":343,"iconSm":344,"detail_product":345,"desc":346,"images":347,"features":351,"youtubeId":46,"isNew":25,"isFeatured":25,"relatedPrograms":362},26,"Job System","\u002Fimages\u002Fproducts\u002F1775026058832-ChatGPT_Image_1___._._2569_13_47_08.webp","\u002Fimages\u002Fproducts\u002F1775553717252-16.webp","\u002Fimages\u002Fproducts\u002F1775553717252-16_sm.webp","ระบบสำหรับบริหารจัดการงานบริการด้านโลจิสติกส์และพิธีการศุลกากรแบบครบวงจร ตั้งแต่การเปิดงาน ควบคุมต้นทุน จนถึงการเรียกเก็บเงินลูกค้า","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Job System Features\u003C\u002Ftitle>\n\u003C\u002Fhead>\n\u003Cbody style=\"margin:0; padding:0; font-family:'Segoe UI', Tahoma, sans-serif; color:#4A2E1F;\">\n\n \u003Cdiv style=\"max-width:1200px; margin:0 auto; padding:40px 24px;\">\n\n \u003Cdiv style=\"position:relative; overflow:hidden; border-radius:28px; background:linear-gradient(135deg, #FF8C00 0%, #F57C00 45%, #E65C00 100%); padding:40px 36px; box-shadow:0 18px 45px rgba(230, 92, 0, 0.22);\">\n \n \u003Cdiv style=\"position:absolute; top:-40px; right:-40px; width:180px; height:180px; background:rgba(255,255,255,0.12); border-radius:50%;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; bottom:-50px; left:-30px; width:140px; height:140px; background:rgba(179, 157, 219, 0.20); border-radius:50%;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute; top:30px; left:55%; width:90px; height:90px; background:rgba(255,255,255,0.08); border-radius:24px; transform:rotate(25deg);\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"position:relative; z-index:2;\">\n \u003Cdiv style=\"display:inline-block; background:rgba(255,255,255,0.18); color:#FFF; padding:8px 16px; border-radius:999px; font-size:13px; font-weight:600; letter-spacing:0.5px; margin-bottom:16px;\">\n JOB MANAGEMENT MODULE\n \u003C\u002Fdiv>\n\n \u003Ch1 style=\"margin:0; font-size:38px; line-height:1.2; color:#FFF; font-weight:700;\">\n คุณสมบัติการทำงานของระบบ Job System\n \u003C\u002Fh1>\n\n \u003Cp style=\"margin:14px 0 0 0; max-width:820px; font-size:17px; line-height:1.7; color:rgba(255,255,255,0.92);\">\n Job System เป็นระบบศูนย์กลางในการบริหารงานบริการ โดยครอบคลุมตั้งแต่การเสนอราคา\n เปิด Job ติดตามงาน ควบคุมต้นทุน และบริหารการเงินในระบบเดียว ผู้ใช้งานสามารถสร้าง Job\n จากข้อมูลลูกค้าและเอกสารที่เกี่ยวข้อง เช่น Invoice หรือ Shipment และติดตามสถานะงานได้อย่างต่อเนื่อง\n พร้อมทั้งสามารถควบคุมค่าใช้จ่ายผ่านกระบวนการ Advance และ Clearance รวมถึงเชื่อมโยงไปยังการออกใบแจ้งหนี้\n และรายงานผลกำไรขาดทุนของแต่ละ Job ได้อย่างครบถ้วน\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"margin-top:32px; display:grid; grid-template-columns:repeat(auto-fit, minmax(450px, 1fr)); gap:22px;\">\n\n \u003Cdiv style=\"background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg, #FFB347, #FF8C00); color:#FFF; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;\">📄\u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#D85A00;\">การจัดทำใบเสนอราคา\u003C\u002Fh3>\n \u003Cul style=\"margin:0; padding-left:20px; line-height:1.9; font-size:15px; color:#5E4638;\">\n \u003Cli>ระบบรองรับการสร้างใบเสนอราคาได้อย่างยืดหยุ่น\u003C\u002Fli>\n \u003Cli>สามารถกำหนดลูกค้า รายการบริการ และราคาค่าบริการได้\u003C\u002Fli>\n \u003Cli>เชื่อมโยงข้อมูลจากใบเสนอราคาไปยัง Job ได้ทันที\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg, #FF9E57, #E65C00); color:#FFF; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;\">🗂️\u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#D85A00;\">การเปิด Job และติดตามงาน\u003C\u002Fh3>\n \u003Cul style=\"margin:0; padding-left:20px; line-height:1.9; font-size:15px; color:#5E4638;\">\n \u003Cli>สามารถสร้าง Job จากข้อมูลลูกค้า Invoice และ Shipment ได้\u003C\u002Fli>\n \u003Cli>รองรับการติดตามสถานะงานตั้งแต่เริ่มจนจบในหน้าจอเดียว\u003C\u002Fli>\n \u003Cli>ช่วยให้ผู้ใช้งานควบคุมและติดตามงานได้อย่างต่อเนื่อง\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg, #FFB347, #F06A00); color:#FFF; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;\">⚙️\u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#D85A00;\">ค่าบริการและต้นทุน\u003C\u002Fh3>\n \u003Cul style=\"margin:0; padding-left:20px; line-height:1.9; font-size:15px; color:#5E4638;\">\n \u003Cli>รองรับการกำหนดค่าบริการแบบ Single Charge, Step Charge และ Template\u003C\u002Fli>\n \u003Cli>สามารถกำหนดต้นทุนของงานได้อย่างเป็นระบบ\u003C\u002Fli>\n \u003Cli>เชื่อมโยงข้อมูลกับ Vendor และบัญชีได้\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg, #FFD089, #FF8C00); color:#FFF; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;\">💰\u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#D85A00;\">Advance Management\u003C\u002Fh3>\n \u003Cul style=\"margin:0; padding-left:20px; line-height:1.9; font-size:15px; color:#5E4638;\">\n \u003Cli>รองรับการเบิกค่าใช้จ่ายล่วงหน้าเพื่อใช้ในการดำเนินงาน\u003C\u002Fli>\n \u003Cli>ช่วยควบคุมการใช้งานเงินได้อย่างเป็นระบบ\u003C\u002Fli>\n \u003Cli>รองรับกระบวนการบริหารเงินล่วงหน้าของแต่ละ Job\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg, #B39DDB, #9C7BD8); color:#FFF; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;\">🧾\u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#8B63C7;\">Clearance และการเงิน\u003C\u002Fh3>\n \u003Cul style=\"margin:0; padding-left:20px; line-height:1.9; font-size:15px; color:#5E4638;\">\n \u003Cli>สามารถทำ Clearance เพื่อเปรียบเทียบค่าใช้จ่ายจริงกับค่า Advance ได้\u003C\u002Fli>\n \u003Cli>รองรับการบันทึกต้นทุนจริงของงาน\u003C\u002Fli>\n \u003Cli>รองรับการออกใบสำคัญจ่าย การเคลียร์เงิน และการจัดการรายการทางการเงินที่เกี่ยวข้องกับแต่ละ Job\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg, #FFB347, #E65C00); color:#FFF; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;\">🧮\u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#D85A00;\">Billing และเงินมัดจำ\u003C\u002Fh3>\n \u003Cul style=\"margin:0; padding-left:20px; line-height:1.9; font-size:15px; color:#5E4638;\">\n \u003Cli>สามารถนำข้อมูลที่ผ่านการ Clearance มาคำนวณและออกใบแจ้งหนี้ได้ทันที\u003C\u002Fli>\n \u003Cli>รองรับการเรียกเก็บเงินจากลูกค้าอย่างครบถ้วน\u003C\u002Fli>\n \u003Cli>สามารถติดตามเงินมัดจำ เช่น ค่ามัดจำตู้ และแสดงยอดคงค้างได้อย่างชัดเจน\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg, #FFD089, #FF8C00); color:#FFF; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;\">📊\u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#D85A00;\">รายงานและการวิเคราะห์\u003C\u002Fh3>\n \u003Cul style=\"margin:0; padding-left:20px; line-height:1.9; font-size:15px; color:#5E4638;\">\n \u003Cli>รองรับรายงานตามลูกค้า พนักงาน Port และ Job\u003C\u002Fli>\n \u003Cli>ช่วยวิเคราะห์ผลการดำเนินงานและกำไรขาดทุนของแต่ละงาน\u003C\u002Fli>\n \u003Cli>สนับสนุนการตัดสินใจด้วยข้อมูลที่ครบถ้วนและตรวจสอบได้\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Cdiv style=\"width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg, #FF9E57, #E65C00); color:#FFF; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px;\">✅\u003C\u002Fdiv>\n \u003Ch3 style=\"margin:0 0 10px 0; font-size:20px; color:#D85A00;\">สรุปประโยชน์ของระบบ\u003C\u002Fh3>\n \u003Cul style=\"margin:0; padding-left:20px; line-height:1.9; font-size:15px; color:#5E4638;\">\n \u003Cli>เชื่อมโยงทุกขั้นตอนตั้งแต่เปิดงานจนถึงปิดบัญชี\u003C\u002Fli>\n \u003Cli>ช่วยควบคุมงาน ต้นทุน และการเงินในระบบเดียว\u003C\u002Fli>\n \u003Cli>เพิ่มความแม่นยำ โปร่งใส และประสิทธิภาพในการบริหารงาน\u003C\u002Fli>\n \u003C\u002Ful>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"margin-top:30px; background:rgba(255,255,255,0.75); backdrop-filter:blur(6px); border:1px solid rgba(179,157,219,0.20); border-radius:24px; padding:22px 24px; box-shadow:0 8px 24px rgba(179,157,219,0.10);\">\n \u003Cdiv style=\"display:flex; flex-wrap:wrap; gap:12px;\">\n \u003Cspan style=\"padding:10px 16px; border-radius:999px; background:#FFF3E0; color:#D85A00; font-size:14px; font-weight:600;\">Quotation\u003C\u002Fspan>\n \u003Cspan style=\"padding:10px 16px; border-radius:999px; background:#FFF3E0; color:#D85A00; font-size:14px; font-weight:600;\">Job Control\u003C\u002Fspan>\n \u003Cspan style=\"padding:10px 16px; border-radius:999px; background:#FFF3E0; color:#D85A00; font-size:14px; font-weight:600;\">Tracking\u003C\u002Fspan>\n \u003Cspan style=\"padding:10px 16px; border-radius:999px; background:#FFF3E0; color:#D85A00; font-size:14px; font-weight:600;\">Service Cost\u003C\u002Fspan>\n \u003Cspan style=\"padding:10px 16px; border-radius:999px; background:#FFF3E0; color:#D85A00; font-size:14px; font-weight:600;\">Advance\u003C\u002Fspan>\n \u003Cspan style=\"padding:10px 16px; border-radius:999px; background:#F3ECFF; color:#8B63C7; font-size:14px; font-weight:600;\">Clearance\u003C\u002Fspan>\n \u003Cspan style=\"padding:10px 16px; border-radius:999px; background:#F3ECFF; color:#8B63C7; font-size:14px; font-weight:600;\">Billing\u003C\u002Fspan>\n \u003Cspan style=\"padding:10px 16px; border-radius:999px; background:#F3ECFF; color:#8B63C7; font-size:14px; font-weight:600;\">Reporting\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"margin-top:24px; background:#FFF; border-radius:24px; padding:24px; box-shadow:0 10px 30px rgba(140, 78, 33, 0.10); border:1px solid rgba(255,140,0,0.10);\">\n \u003Ch3 style=\"margin:0 0 12px 0; font-size:22px; color:#D85A00;\">Summary\u003C\u002Fh3>\n \u003Cp style=\"margin:0; font-size:16px; line-height:1.9; color:#5E4638;\">\n Job System คือเครื่องมือสำคัญที่ช่วยควบคุมงาน ต้นทุน และการเงินในระบบเดียว\n เชื่อมโยงทุกขั้นตอนตั้งแต่เปิดงานจนถึงปิดบัญชี ช่วยให้ธุรกิจบริหารงานได้อย่างแม่นยำ\n โปร่งใส และเติบโตได้อย่างมีประสิทธิภาพ\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[348,349,350],"\u002Fuploads\u002Fproducts\u002F1775724045914-2026-04-08_16_42_37.png","\u002Fuploads\u002Fproducts\u002F1775724046006-2026-04-08_16_44_59.png","\u002Fuploads\u002Fproducts\u002F1775724046102-2026-04-08_16_45_20.png",[352,353,354,355,356,357,358,359,360,361],"รองรับการจัดทำใบเสนอราคา (Quotation)","รองรับการเปิด Job และติดตามสถานะงาน","เชื่อมโยงข้อมูล Invoice \u002F Shipment \u002F Declaration","รองรับการกำหนดค่าบริการและต้นทุน (Costing)","รองรับการทำ Advance และควบคุมค่าใช้จ่าย","รองรับการทำ Clearance และปิดต้นทุนจริง","รองรับการออกใบสำคัญจ่าย (Payment)","รองรับการออกใบแจ้งหนี้ (Billing \u002F Invoice)","รองรับการควบคุมเงินมัดจำและค่าใช้จ่ายคงค้าง","รองรับรายงานวิเคราะห์งาน (Customer \u002F Job \u002F Profit)",[],{"id":364,"title":365,"image":366,"icon":367,"iconSm":368,"detail_product":369,"desc":370,"images":371,"features":375,"youtubeId":46,"isNew":24,"isFeatured":24,"relatedPrograms":386},1775034119062,"Report Builder System (RBS)","\u002Fimages\u002Fproducts\u002F1775037409045-ChatGPT_Image_1___._._2569_16_32_59.webp","\u002Fimages\u002Fproducts\u002F1775554118627-18.webp","\u002Fimages\u002Fproducts\u002F1775554118627-18_sm.webp","ระบบสร้างและจัดส่งรายงานอัตโนมัติ ที่ให้ผู้ใช้ออกแบบรายงานเอง เชื่อมโยงข้อมูลจากฐานข้อมูล ECS Paperless และส่งรายงานให้ลูกค้าได้ตามเวลาที่กำหนด","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n \u003Cmeta charset=\"UTF-8\" \u002F>\n \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n \u003Ctitle>Report Builder System (RBS)\u003C\u002Ftitle>\n\n \u003Cstyle>\n\n .page-wrap {\n max-width: 1200px;\n margin: 0 auto;\n padding: 32px 20px 60px 20px;\n }\n\n .hero {\n background: linear-gradient(135deg, #FF8C00 0%, #E65C00 100%);\n border-radius: 28px;\n padding: 36px;\n color: #FFFFFF;\n box-shadow: 0 18px 40px rgba(230,92,0,0.22);\n position: relative;\n overflow: hidden;\n }\n\n .hero-circle-top {\n position: absolute;\n top: -60px;\n right: -40px;\n width: 220px;\n height: 220px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n }\n\n .hero-circle-bottom {\n position: absolute;\n bottom: -50px;\n left: -30px;\n width: 180px;\n height: 180px;\n border-radius: 50%;\n background: rgba(179,157,219,0.22);\n }\n\n .hero-inner {\n position: relative;\n z-index: 2;\n }\n\n .hero-badge {\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: rgba(255,255,255,0.16);\n font-size: 13px;\n letter-spacing: 0.5px;\n }\n\n .hero-title {\n margin: 16px 0 12px 0;\n font-size: 36px;\n line-height: 1.2;\n word-break: break-word;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 18px;\n line-height: 1.7;\n max-width: 900px;\n color: #FFF7F0;\n }\n\n .top-grid,\n .bottom-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 20px;\n margin-top: 28px;\n }\n\n .top-card {\n background: #FFFFFF;\n border-radius: 22px;\n padding: 22px;\n box-shadow: 0 10px 24px rgba(148,82,24,0.10);\n border: 1px solid #FFE0BF;\n min-width: 0;\n }\n\n .top-card-icon {\n width: 54px;\n height: 54px;\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: #fff;\n margin-bottom: 14px;\n }\n\n .icon-designer {\n background: linear-gradient(135deg, #FF8C00 0%, #FFB347 100%);\n }\n\n .icon-schedule {\n background: linear-gradient(135deg, #E65C00 0%, #FF8C00 100%);\n }\n\n .icon-automation {\n background: linear-gradient(135deg, #B39DDB 0%, #D6C7F2 100%);\n }\n\n .top-card-title {\n margin: 0 0 10px 0;\n font-size: 20px;\n color: #A84A00;\n line-height: 1.4;\n }\n\n .top-card-title-purple {\n color: #7B5AA6;\n }\n\n .top-card-desc {\n margin: 0;\n line-height: 1.7;\n color: #6E4A2E;\n }\n\n .feature-box {\n background: #FFFFFF;\n border-radius: 28px;\n padding: 30px;\n margin-top: 28px;\n box-shadow: 0 14px 32px rgba(148,82,24,0.10);\n border: 1px solid #FFD7AE;\n }\n\n .feature-box-title {\n margin: 0 0 18px 0;\n font-size: 28px;\n color: #C25500;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 16px;\n }\n\n .feature-item {\n background: #FFF8F1;\n border-radius: 18px;\n padding: 16px;\n border-left: 6px solid #FF8C00;\n line-height: 1.7;\n color: #4A2A12;\n }\n\n .feature-item.alt {\n border-left-color: #FF9F2F;\n }\n\n .feature-item.purple {\n border-left-color: #B39DDB;\n }\n\n .bottom-card {\n background: linear-gradient(180deg, #FFFFFF 0%, #FFF7EE 100%);\n border-radius: 24px;\n padding: 24px;\n box-shadow: 0 10px 24px rgba(148,82,24,0.08);\n border: 1px solid #FFE0BF;\n min-width: 0;\n }\n\n .bottom-card-title {\n margin: 0 0 12px 0;\n color: #C25500;\n font-size: 22px;\n line-height: 1.4;\n }\n\n .bottom-card-desc {\n margin: 0;\n line-height: 1.8;\n color: #6E4A2E;\n }\n\n .highlight-box {\n margin-top: 30px;\n background: linear-gradient(135deg, #FFF4E8 0%, #F8F0FF 100%);\n border: 1px solid #E7D8FF;\n border-radius: 24px;\n padding: 24px;\n }\n\n .highlight-title {\n margin: 0 0 12px 0;\n font-size: 24px;\n color: #8A64B5;\n line-height: 1.4;\n }\n\n .highlight-desc {\n margin: 0;\n line-height: 1.9;\n color: #6E4A2E;\n font-size: 16px;\n }\n\n @media (max-width: 1024px) {\n .page-wrap {\n padding: 28px 18px 48px 18px;\n }\n\n .hero {\n padding: 30px;\n }\n\n .hero-title {\n font-size: 32px;\n }\n\n .feature-box {\n padding: 24px;\n }\n\n .feature-box-title {\n font-size: 26px;\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n padding: 20px 16px 36px 16px;\n }\n\n .hero {\n padding: 24px 20px;\n border-radius: 22px;\n }\n\n .hero-circle-top {\n width: 160px;\n height: 160px;\n top: -45px;\n right: -35px;\n }\n\n .hero-circle-bottom {\n width: 130px;\n height: 130px;\n bottom: -35px;\n left: -20px;\n }\n\n .hero-title {\n font-size: 28px;\n }\n\n .hero-desc {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .top-grid,\n .bottom-grid,\n .feature-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n }\n\n .top-card,\n .bottom-card,\n .feature-item {\n padding: 18px;\n }\n\n .top-card-title,\n .bottom-card-title {\n font-size: 20px;\n }\n\n .feature-box-title,\n .highlight-title {\n font-size: 22px;\n }\n\n .feature-box,\n .highlight-box {\n padding: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .page-wrap {\n padding: 16px 12px 28px 12px;\n }\n\n .hero {\n padding: 20px 16px;\n }\n\n .hero-badge {\n font-size: 12px;\n padding: 7px 12px;\n }\n\n .hero-title {\n font-size: 24px;\n }\n\n .hero-desc,\n .top-card-desc,\n .bottom-card-desc,\n .highlight-desc,\n .feature-item {\n font-size: 14px;\n }\n\n .top-card,\n .bottom-card {\n border-radius: 20px;\n padding: 16px;\n }\n\n .top-card-icon {\n width: 48px;\n height: 48px;\n border-radius: 14px;\n font-size: 22px;\n }\n\n .top-card-title,\n .bottom-card-title {\n font-size: 18px;\n }\n\n .feature-box-title,\n .highlight-title {\n font-size: 20px;\n }\n\n .feature-box,\n .highlight-box {\n padding: 18px;\n border-radius: 20px;\n }\n\n .feature-item {\n padding: 14px;\n border-radius: 16px;\n }\n }\n \u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n \u003Cdiv class=\"page-wrap\">\n \u003Cdiv class=\"hero\">\n \u003Cdiv class=\"hero-circle-top\">\u003C\u002Fdiv>\n \u003Cdiv class=\"hero-circle-bottom\">\u003C\u002Fdiv>\n\n \u003Cdiv class=\"hero-inner\">\n \u003Cdiv class=\"hero-badge\">ECS Solution\u003C\u002Fdiv>\n \u003Ch1 class=\"hero-title\">Report Builder System (RBS)\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n ระบบสำหรับบริหารจัดการรายงานแบบครบวงจร ช่วยให้ผู้ใช้งานสามารถออกแบบรายงานจากฐานข้อมูลในระบบ ECS ได้เอง\n พร้อมกำหนดเงื่อนไขและตั้งเวลาส่งรายงานให้ลูกค้าแบบอัตโนมัติผ่าน Email โดยมี Backend Service\n ทำหน้าที่ประมวลผลและส่งข้อมูลตาม Schedule ที่กำหนด ช่วยลดภาระงาน Manual และเพิ่มความรวดเร็วในการให้บริการลูกค้า\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"top-grid\">\n \u003Cdiv class=\"top-card\">\n \u003Cdiv class=\"top-card-icon icon-designer\">📊\u003C\u002Fdiv>\n \u003Ch3 class=\"top-card-title\">Report Designer\u003C\u002Fh3>\n \u003Cp class=\"top-card-desc\">\n ออกแบบรายงานได้เองจากฐานข้อมูล ECS Paperless โดยเลือก Table และ Field จากระบบต่าง ๆ\n เช่น Import, Export, Manifest และ Transit พร้อมกำหนดรูปแบบการแสดงผลได้ตามต้องการ\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"top-card\">\n \u003Cdiv class=\"top-card-icon icon-schedule\">⏰\u003C\u002Fdiv>\n \u003Ch3 class=\"top-card-title\">Task Schedule\u003C\u002Fh3>\n \u003Cp class=\"top-card-desc\">\n ตั้งเวลาออกรายงานอัตโนมัติได้แบบ Daily, Weekly และ Monthly พร้อมกำหนด Trigger,\n เวลา และเลือกรายงานหลายรายการใน Task เดียวได้\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"top-card\">\n \u003Cdiv class=\"top-card-icon icon-automation\">✉️\u003C\u002Fdiv>\n \u003Ch3 class=\"top-card-title top-card-title-purple\">Auto Email & Automation\u003C\u002Fh3>\n \u003Cp class=\"top-card-desc\">\n ระบบสามารถ Generate รายงาน ส่ง Email อัตโนมัติ และ Execute Task ตาม Schedule\n รวมถึงรองรับการส่งไฟล์ PDF ใบขนสินค้าให้ลูกค้าแบบอัตโนมัติ\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"feature-box\">\n \u003Ch2 class=\"feature-box-title\">คุณสมบัติหลักของระบบ\u003C\u002Fh2>\n \u003Cdiv class=\"feature-grid\">\n \u003Cdiv class=\"feature-item\">\n \u003Cstrong>1.\u003C\u002Fstrong> ออกแบบรายงานได้เองจากฐานข้อมูล ECS Paperless โดยเลือก Table และ Field ได้ตามต้องการ\n \u003C\u002Fdiv>\n \u003Cdiv class=\"feature-item alt\">\n \u003Cstrong>2.\u003C\u002Fstrong> เรียกดูรายงานตามเงื่อนไข เช่น วันที่ ลูกค้า หรือประเภทเอกสาร และ Export เป็นไฟล์ Excel ได้ทันที\n \u003C\u002Fdiv>\n \u003Cdiv class=\"feature-item\">\n \u003Cstrong>3.\u003C\u002Fstrong> ตั้งเวลาออกรายงานอัตโนมัติได้แบบ Daily \u002F Weekly \u002F Monthly พร้อมกำหนด Trigger และเวลา\n \u003C\u002Fdiv>\n \u003Cdiv class=\"feature-item alt\">\n \u003Cstrong>4.\u003C\u002Fstrong> เลือกหลายรายงานใน Task เดียวเพื่อประมวลผลและจัดส่งได้ตามต้องการ\n \u003C\u002Fdiv>\n \u003Cdiv class=\"feature-item purple\">\n \u003Cstrong>5.\u003C\u002Fstrong> Generate รายงานและส่ง Email ให้ลูกค้าอัตโนมัติ โดยดึง Email จาก Master Data และกำหนดผู้รับได้หลายราย\n \u003C\u002Fdiv>\n \u003Cdiv class=\"feature-item\">\n \u003Cstrong>6.\u003C\u002Fstrong> รองรับการส่งไฟล์ PDF ใบขนสินค้า (หน้า-หลัง) ให้ลูกค้าอัตโนมัติ โดยทำงานร่วมกับระบบ ECS Auto PDF+\n \u003C\u002Fdiv>\n \u003Cdiv class=\"feature-item alt\">\n \u003Cstrong>7.\u003C\u002Fstrong> จัดการ Task ได้ครบทั้งสร้าง แก้ไข คัดลอก ลบ และสั่ง Run Now เพื่อทำงานทันที\n \u003C\u002Fdiv>\n \u003Cdiv class=\"feature-item\">\n \u003Cstrong>8.\u003C\u002Fstrong> ตรวจสอบ History การทำงานของ Task และ Reprocess งานที่เกิด Error ได้ทันที\n \u003C\u002Fdiv>\n \u003Cdiv class=\"feature-item purple\">\n \u003Cstrong>9.\u003C\u002Fstrong> กำหนดสิทธิ์ผู้ใช้งานสำหรับการออกแบบรายงาน การดูรายงาน และการจัดการ Task ได้อย่างเหมาะสม\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"bottom-grid\">\n \u003Cdiv class=\"bottom-card\">\n \u003Ch3 class=\"bottom-card-title\">Report Designer\u003C\u002Fh3>\n \u003Cp class=\"bottom-card-desc\">\n ออกแบบรายงานได้เองจากข้อมูลในระบบ ECS โดยเลือกชุดข้อมูลและรูปแบบการแสดงผลให้เหมาะกับการใช้งานของแต่ละองค์กร\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"bottom-card\">\n \u003Ch3 class=\"bottom-card-title\">Report View\u003C\u002Fh3>\n \u003Cp class=\"bottom-card-desc\">\n เรียกดูรายงานตามเงื่อนไขที่ต้องการ และสามารถ Export เป็นไฟล์ Excel เพื่อนำไปใช้งาน วิเคราะห์ หรือส่งต่อได้ทันที\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"bottom-card\">\n \u003Ch3 class=\"bottom-card-title\">Task Schedule\u003C\u002Fh3>\n \u003Cp class=\"bottom-card-desc\">\n ตั้งเวลาการทำงานอัตโนมัติได้ตามรอบเวลา พร้อมกำหนด Trigger เวลา และเลือกรายงานหลายรายการในงานเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"bottom-card\">\n \u003Ch3 class=\"bottom-card-title\">Auto Email Report\u003C\u002Fh3>\n \u003Cp class=\"bottom-card-desc\">\n ระบบสามารถจัดทำรายงานและส่ง Email ให้ลูกค้าโดยอัตโนมัติ ลดงาน Manual และช่วยให้การให้บริการทำได้รวดเร็วมากขึ้น\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"bottom-card\">\n \u003Ch3 class=\"bottom-card-title\">PDF Auto Send\u003C\u002Fh3>\n \u003Cp class=\"bottom-card-desc\">\n รองรับการส่งไฟล์ PDF ใบขนสินค้าแบบอัตโนมัติ โดยเชื่อมการทำงานร่วมกับ ECS Auto PDF+ เพื่อให้ลูกค้าได้รับเอกสารทันที\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"bottom-card\">\n \u003Ch3 class=\"bottom-card-title\">Monitoring & User Management\u003C\u002Fh3>\n \u003Cp class=\"bottom-card-desc\">\n ตรวจสอบสถานะการทำงาน ดูประวัติการ Run แก้ไขปัญหาด้วย Reprocess และกำหนดสิทธิ์ผู้ใช้งานเพื่อควบคุมการใช้งานระบบได้อย่างเหมาะสม\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"highlight-box\">\n \u003Ch2 class=\"highlight-title\">จุดเด่นของระบบ\u003C\u002Fh2>\n \u003Cp class=\"highlight-desc\">\n Report Builder System (RBS) ช่วยให้การทำรายงานไม่ใช่เรื่องยุ่งยากอีกต่อไป จากเดิมที่ต้องดึงข้อมูล\n และส่งรายงานด้วยตนเอง เปลี่ยนเป็นระบบอัตโนมัติที่ออกแบบได้เอง ส่งได้เอง และควบคุมได้ทั้งหมดในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[372,373,374],"\u002Fuploads\u002Fproducts\u002F1775724057579-2026-04-07_17_43_09.png","\u002Fuploads\u002Fproducts\u002F1775724057691-2026-04-07_17_55_09.png","\u002Fuploads\u002Fproducts\u002F1775724057786-2026-04-07_18_01_35.png",[376,377,378,379,380,381,382,383,384,385],"ออกแบบรายงานได้เอง (Custom Report Designer)","เชื่อมต่อฐานข้อมูล ECS Paperless ได้โดยตรง","เรียกดูรายงานตามเงื่อนไขที่กำหนด","Export รายงานเป็น Excel File","ตั้งเวลาออกรายงานอัตโนมัติ (Task Schedule)","ส่งรายงานให้ลูกค้าทาง Email อัตโนมัติ","ส่งใบขนสินค้า (PDF) อัตโนมัติ","รองรับการเลือกหลายรายงานและหลายลูกค้า","มีระบบแจ้งเตือนเมื่อเกิด Error","มี Backend Service ทำงานอัตโนมัติ",[387],"RBS",{"id":389,"title":390,"image":391,"icon":392,"iconSm":393,"detail_product":394,"desc":395,"images":396,"features":400,"youtubeId":46,"isNew":24,"isFeatured":24,"relatedPrograms":409},1775037441422,"CusX Service","\u002Fimages\u002Fproducts\u002F1775037469882-ChatGPT_Image_1___._._2569_16_07_10.webp","\u002Fimages\u002Fproducts\u002F1775554351329-17.webp","\u002Fimages\u002Fproducts\u002F1775554351329-17_sm.webp","ระบบ Web Service สำหรับเชื่อมต่อและแลกเปลี่ยนข้อมูลใบขนสินค้าแบบอัตโนมัติ ระหว่างระบบของลูกค้าและ ECS Paperless","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n\u003Cmeta charset=\"UTF-8\">\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Prompt:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n\u003Cstyle>\n\n\n code {\n background: #FFE0B2;\n padding: 2px 6px;\n border-radius: 4px;\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n }\n\n .page-wrap {\n position: relative;\n z-index: 1;\n max-width: 900px;\n margin: 0 auto;\n padding: 20px 24px 60px;\n }\n\n .hero {\n position: relative;\n z-index: 1;\n background: linear-gradient(135deg,#FF8C00 0%,#E65C00 60%,#BF360C 100%);\n padding: 60px 40px 80px;\n overflow: hidden;\n }\n\n .hero-cube-right {\n position: absolute;\n right: -20px;\n top: -20px;\n opacity: 0.15;\n width: 300px;\n height: 260px;\n }\n\n .hero-cube-left {\n position: absolute;\n left: 30px;\n bottom: -40px;\n opacity: 0.1;\n width: 200px;\n height: 180px;\n }\n\n .hero-inner {\n max-width: 860px;\n margin: 0 auto;\n position: relative;\n }\n\n .hero-title {\n margin: 0 0 12px;\n font-size: 42px;\n font-weight: 700;\n color: #fff;\n line-height: 1.1;\n text-shadow: 0 2px 12px rgba(0,0,0,0.2);\n word-break: break-word;\n }\n\n .hero-title-accent {\n color: #FFE0B2;\n }\n\n .hero-desc {\n margin: 0;\n font-size: 18px;\n color: #FFE0B2;\n font-weight: 300;\n max-width: 720px;\n line-height: 1.6;\n }\n\n .wave-divider {\n position: relative;\n z-index: 1;\n margin-top: -2px;\n }\n\n .wave-divider svg {\n display: block;\n width: 100%;\n }\n\n .overview-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n margin-bottom: 40px;\n }\n\n .overview-card {\n background: white;\n border-radius: 16px;\n padding: 24px 20px;\n box-shadow: 0 4px 20px rgba(230,92,0,0.12);\n position: relative;\n overflow: hidden;\n }\n\n .overview-card.orange {\n border-top: 4px solid #FF8C00;\n }\n\n .overview-card.purple {\n border-top: 4px solid #B39DDB;\n }\n\n .overview-card-glow {\n position: absolute;\n top: -10px;\n right: -10px;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n }\n\n .overview-card.orange .overview-card-glow {\n background: linear-gradient(135deg,#FF8C00,#E65C00);\n opacity: 0.08;\n }\n\n .overview-card.purple .overview-card-glow {\n background: linear-gradient(135deg,#B39DDB,#9575CD);\n opacity: 0.1;\n }\n\n .overview-icon {\n font-size: 28px;\n margin-bottom: 10px;\n }\n\n .overview-title {\n font-weight: 700;\n font-size: 15px;\n margin-bottom: 6px;\n }\n\n .overview-card.orange .overview-title {\n color: #E65C00;\n }\n\n .overview-card.purple .overview-title {\n color: #7B1FA2;\n }\n\n .overview-desc {\n font-size: 13px;\n color: #7A4500;\n line-height: 1.6;\n }\n\n .section {\n margin-bottom: 32px;\n }\n\n .section-head {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 20px;\n }\n\n .section-icon {\n width: 44px;\n height: 44px;\n flex-shrink: 0;\n }\n\n .section-label {\n font-family: 'Space Mono', monospace;\n font-size: 11px;\n letter-spacing: 1px;\n font-weight: 700;\n }\n\n .section-label.orange {\n color: #FF8C00;\n }\n\n .section-label.purple {\n color: #9575CD;\n }\n\n .section-title {\n margin: 0;\n font-size: 22px;\n font-weight: 700;\n color: #3E2200;\n line-height: 1.4;\n }\n\n .content-box {\n background: white;\n border-radius: 16px;\n padding: 28px;\n box-shadow: 0 4px 20px rgba(230,92,0,0.08);\n }\n\n .content-desc {\n font-size: 14px;\n color: #7A4500;\n line-height: 1.9;\n margin: 0;\n }\n\n .steps-grid {\n display: grid;\n gap: 14px;\n }\n\n .step-card {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n padding: 16px;\n background: #FFF8F0;\n border-radius: 12px;\n border-left: 4px solid #FF8C00;\n }\n\n .step-no {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg,#FF8C00,#E65C00);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n font-size: 14px;\n flex-shrink: 0;\n }\n\n .step-title {\n font-weight: 600;\n font-size: 14px;\n margin-bottom: 4px;\n color: #E65C00;\n }\n\n .step-desc {\n font-size: 13px;\n color: #7A4500;\n line-height: 1.7;\n }\n\n .flow-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n margin-bottom: 24px;\n flex-wrap: wrap;\n }\n\n .flow-step {\n text-align: center;\n flex: 1;\n min-width: 100px;\n }\n\n .flow-step-icon {\n width: 52px;\n height: 52px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n margin: 0 auto 8px;\n }\n\n .flow-step.orange .flow-step-icon {\n background: linear-gradient(135deg,#FF8C00,#E65C00);\n }\n\n .flow-step.purple .flow-step-icon {\n background: linear-gradient(135deg,#B39DDB,#9575CD);\n }\n\n .flow-step.green .flow-step-icon {\n background: linear-gradient(135deg,#66BB6A,#388E3C);\n }\n\n .flow-title {\n font-size: 11px;\n font-weight: 600;\n }\n\n .flow-step.orange .flow-title {\n color: #E65C00;\n }\n\n .flow-step.purple .flow-title {\n color: #7B1FA2;\n }\n\n .flow-step.green .flow-title {\n color: #2E7D32;\n }\n\n .flow-subtitle {\n font-size: 10px;\n color: #7A4500;\n }\n\n .flow-arrow {\n color: #FF8C00;\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .detail-grid {\n display: grid;\n gap: 14px;\n }\n\n .detail-card {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n padding: 16px;\n border-radius: 12px;\n background: #FFF8F0;\n border-left: 4px solid #FF8C00;\n }\n\n .detail-card.purple {\n background: #F3E5F5;\n border-left-color: #B39DDB;\n }\n\n .detail-no {\n width: 52px;\n min-width: 52px;\n height: 52px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 700;\n font-size: 13px;\n line-height: 1.2;\n text-align: center;\n padding: 6px;\n background: linear-gradient(135deg,#FF8C00,#E65C00);\n }\n\n .detail-card.purple .detail-no {\n background: linear-gradient(135deg,#B39DDB,#9575CD);\n }\n\n .detail-title {\n font-weight: 700;\n font-size: 14px;\n margin-bottom: 4px;\n color: #E65C00;\n }\n\n .detail-card.purple .detail-title {\n color: #7B1FA2;\n }\n\n .detail-desc {\n font-size: 13px;\n line-height: 1.8;\n color: #7A4500;\n }\n\n .detail-card.purple .detail-desc {\n color: #5E35B1;\n }\n\n .closing-box {\n background: linear-gradient(135deg,#3E2200,#7A4500);\n border-radius: 16px;\n padding: 28px;\n color: #FFE0B2;\n }\n\n .closing-title {\n font-size: 20px;\n font-weight: 700;\n color: white;\n margin: 0 0 10px;\n }\n\n .closing-desc {\n margin: 0;\n font-size: 14px;\n line-height: 1.9;\n color: #FFCC80;\n }\n\n .footer {\n background: linear-gradient(135deg,#FF8C00,#E65C00);\n border-radius: 16px;\n padding: 24px 28px;\n color: #fff;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 16px;\n margin-top: 24px;\n }\n\n .footer-title {\n font-weight: 700;\n font-size: 16px;\n color: white;\n margin-bottom: 4px;\n }\n\n .footer-subtitle,\n .footer-contact {\n font-size: 12px;\n }\n\n .footer-subtitle {\n color: #FFE0B2;\n }\n\n .footer-right {\n text-align: right;\n }\n\n @media (max-width: 1024px) {\n .hero {\n padding: 48px 28px 64px;\n }\n\n .hero-title {\n font-size: 36px;\n }\n\n .overview-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .page-wrap {\n padding: 16px 16px 40px;\n }\n\n .hero {\n padding: 40px 20px 56px;\n }\n\n .hero-cube-right {\n width: 220px;\n height: 200px;\n right: -40px;\n top: -20px;\n }\n\n .hero-cube-left {\n width: 150px;\n height: 140px;\n left: 10px;\n bottom: -30px;\n }\n\n .hero-title {\n font-size: 30px;\n }\n\n .hero-desc {\n font-size: 15px;\n max-width: 100%;\n }\n\n .overview-grid {\n grid-template-columns: 1fr;\n margin-bottom: 32px;\n }\n\n .content-box,\n .closing-box {\n padding: 20px;\n }\n\n .section-title {\n font-size: 20px;\n }\n\n .flow-row {\n flex-direction: column;\n align-items: stretch;\n }\n\n .flow-arrow {\n transform: rotate(90deg);\n align-self: center;\n }\n\n .footer {\n padding: 20px;\n }\n\n .footer-right {\n text-align: left;\n }\n }\n\n @media (max-width: 480px) {\n .hero {\n padding: 32px 16px 44px;\n }\n\n .hero-title {\n font-size: 24px;\n }\n\n .hero-desc {\n font-size: 14px;\n }\n\n .section-head {\n gap: 10px;\n margin-bottom: 16px;\n }\n\n .section-title {\n font-size: 18px;\n }\n\n .section-label {\n font-size: 10px;\n }\n\n .content-box,\n .overview-card,\n .closing-box {\n padding: 16px;\n }\n\n .step-card,\n .detail-card {\n padding: 12px;\n }\n\n .footer-title {\n font-size: 15px;\n }\n }\n\u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n\u003Cdiv class=\"hero\">\n \u003Csvg class=\"hero-cube-right\" viewBox=\"0 0 300 260\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n \u003Cpolygon points=\"150,10 280,80 280,200 150,270 20,200 20,80\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\u002F>\n \u003Cpolygon points=\"150,10 280,80 150,150 20,80\" fill=\"white\" opacity=\"0.2\"\u002F>\n \u003Cpolygon points=\"20,80 150,150 150,270 20,200\" fill=\"white\" opacity=\"0.1\"\u002F>\n \u003Cpolygon points=\"280,80 150,150 150,270 280,200\" fill=\"white\" opacity=\"0.05\"\u002F>\n \u003Cline x1=\"150\" y1=\"10\" x2=\"150\" y2=\"150\" stroke=\"white\" stroke-width=\"1.5\"\u002F>\n \u003Cline x1=\"20\" y1=\"80\" x2=\"150\" y2=\"150\" stroke=\"white\" stroke-width=\"1.5\"\u002F>\n \u003Cline x1=\"280\" y1=\"80\" x2=\"150\" y2=\"150\" stroke=\"white\" stroke-width=\"1.5\"\u002F>\n \u003C\u002Fsvg>\n\n \u003Csvg class=\"hero-cube-left\" viewBox=\"0 0 200 180\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n \u003Cpolygon points=\"100,10 190,60 190,140 100,190 10,140 10,60\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\u002F>\n \u003Cpolygon points=\"100,10 190,60 100,110 10,60\" fill=\"white\" opacity=\"0.3\"\u002F>\n \u003C\u002Fsvg>\n\n \u003Cdiv class=\"hero-inner\">\n \u003Ch1 class=\"hero-title\">CutX \u003Cspan class=\"hero-title-accent\">Service\u003C\u002Fspan>\u003C\u002Fh1>\n \u003Cp class=\"hero-desc\">\n ระบบกลางสำหรับเชื่อมต่อข้อมูลระหว่างระบบของลูกค้าและ ECS Paperless ผ่าน API เพื่อสร้างใบขนสินค้าอัตโนมัติแบบครบวงจร\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"wave-divider\">\n \u003Csvg viewBox=\"0 0 1440 60\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n \u003Cpath d=\"M0,30 C240,60 480,0 720,30 C960,60 1200,0 1440,30 L1440,0 L0,0 Z\" fill=\"#E65C00\"\u002F>\n \u003C\u002Fsvg>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"page-wrap\">\n\n \u003Cdiv class=\"overview-grid\">\n \u003Cdiv class=\"overview-card orange\">\n \u003Cdiv class=\"overview-card-glow\">\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-icon\">🔗\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-title\">API Integration\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-desc\">เชื่อมต่อข้อมูลระหว่างระบบของลูกค้าและ ECS Paperless ผ่าน REST API ได้อย่างอัตโนมัติ\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"overview-card purple\">\n \u003Cdiv class=\"overview-card-glow\">\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-icon\">📦\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-title\">Auto Declaration\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-desc\">รับข้อมูล Invoice จาก Excel หรือ JSON เพื่อสร้างใบขนสินค้าอัตโนมัติโดยไม่ต้องคีย์ซ้ำ\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"overview-card orange\">\n \u003Cdiv class=\"overview-card-glow\">\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-icon\">📄\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-title\">Document & Status Sync\u003C\u002Fdiv>\n \u003Cdiv class=\"overview-desc\">ตรวจสอบผลลัพธ์ ดาวน์โหลด PDF ดึง XML และอัปเดตสถานะกลับไปยังต้นทางได้ในระบบเดียว\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"section\">\n \u003Cdiv class=\"section-head\">\n \u003Cdiv class=\"section-icon\">\n \u003Csvg viewBox=\"0 0 44 44\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n \u003Cpolygon points=\"22,4 40,14 40,34 22,44 4,34 4,14\" fill=\"url(#g1)\"\u002F>\n \u003Cdefs>\n \u003ClinearGradient id=\"g1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n \u003Cstop offset=\"0%\" style=\"stop-color:#FF8C00\"\u002F>\n \u003Cstop offset=\"100%\" style=\"stop-color:#E65C00\"\u002F>\n \u003C\u002FlinearGradient>\n \u003C\u002Fdefs>\n \u003Ctext x=\"22\" y=\"28\" text-anchor=\"middle\" font-size=\"16\" fill=\"white\">📘\u003C\u002Ftext>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Ch2 class=\"section-title\">Overview\u003C\u002Fh2>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"content-box\">\n \u003Cp class=\"content-desc\">\n CutX Service เป็นระบบกลางสำหรับเชื่อมต่อข้อมูลระหว่างระบบของลูกค้าและ ECS Paperless ผ่าน API\n โดยรองรับการส่งข้อมูล Invoice เพื่อสร้างใบขนสินค้าอัตโนมัติ พร้อมตรวจสอบผลลัพธ์ ดาวน์โหลดเอกสาร\n และอัปเดตสถานะกลับไปยังต้นทาง ทำให้กระบวนการทำใบขนเป็นแบบอัตโนมัติครบวงจร ลดการทำงาน Manual\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"section\">\n \u003Cdiv class=\"section-head\">\n \u003Cdiv class=\"section-icon\">\n \u003Csvg viewBox=\"0 0 44 44\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n \u003Cpolygon points=\"22,4 40,14 40,34 22,44 4,34 4,14\" fill=\"url(#g2)\"\u002F>\n \u003Cdefs>\n \u003ClinearGradient id=\"g2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n \u003Cstop offset=\"0%\" style=\"stop-color:#B39DDB\"\u002F>\n \u003Cstop offset=\"100%\" style=\"stop-color:#9575CD\"\u002F>\n \u003C\u002FlinearGradient>\n \u003C\u002Fdefs>\n \u003Ctext x=\"22\" y=\"28\" text-anchor=\"middle\" font-size=\"16\" fill=\"white\">⚙\u003C\u002Ftext>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Ch2 class=\"section-title\">Flow การทำงานโดยสรุป\u003C\u002Fh2>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"content-box\">\n \u003Cdiv class=\"flow-row\">\n \u003Cdiv class=\"flow-step orange\">\n \u003Cdiv class=\"flow-step-icon\">📥\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-title\">Receive Data\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-subtitle\">Excel \u002F JSON \u002F API\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"flow-arrow\">→\u003C\u002Fdiv>\n\n \u003Cdiv class=\"flow-step purple\">\n \u003Cdiv class=\"flow-step-icon\">🔄\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-title\">Process\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-subtitle\">Validate & Transform\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"flow-arrow\">→\u003C\u002Fdiv>\n\n \u003Cdiv class=\"flow-step orange\">\n \u003Cdiv class=\"flow-step-icon\">📋\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-title\">Create Declaration\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-subtitle\">ECS Paperless\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"flow-arrow\">→\u003C\u002Fdiv>\n\n \u003Cdiv class=\"flow-step green\">\n \u003Cdiv class=\"flow-step-icon\">✅\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-title\">Check Result\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-subtitle\">Accept \u002F Reject\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"flow-arrow\">→\u003C\u002Fdiv>\n\n \u003Cdiv class=\"flow-step purple\">\n \u003Cdiv class=\"flow-step-icon\">📤\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-title\">Return Data\u003C\u002Fdiv>\n \u003Cdiv class=\"flow-subtitle\">PDF \u002F XML \u002F Status\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"section\">\n \u003Cdiv class=\"section-head\">\n \u003Cdiv class=\"section-icon\">\n \u003Csvg viewBox=\"0 0 44 44\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n \u003Cpolygon points=\"22,4 40,14 40,34 22,44 4,34 4,14\" fill=\"url(#g3)\"\u002F>\n \u003Cdefs>\n \u003ClinearGradient id=\"g3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n \u003Cstop offset=\"0%\" style=\"stop-color:#FF8C00\"\u002F>\n \u003Cstop offset=\"100%\" style=\"stop-color:#E65C00\"\u002F>\n \u003C\u002FlinearGradient>\n \u003C\u002Fdefs>\n \u003Ctext x=\"22\" y=\"28\" text-anchor=\"middle\" font-size=\"16\" fill=\"white\">🧩\u003C\u002Ftext>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Ch2 class=\"section-title\">Detail\u003C\u002Fh2>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"content-box\">\n \u003Cdiv class=\"detail-grid\">\n \u003Cdiv class=\"detail-card\">\n \u003Cdiv class=\"detail-no\">1\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv class=\"detail-title\">การรับ-ส่งข้อมูลผ่าน Web Service (API)\u003C\u002Fdiv>\n \u003Cdiv class=\"detail-desc\">\n ระบบรองรับการเชื่อมต่อผ่าน REST API เพื่อให้สามารถแลกเปลี่ยนข้อมูลระหว่างระบบของลูกค้าและ ECS ได้โดยอัตโนมัติ\n รองรับทั้งการส่งข้อมูล การดึงข้อมูล และการอัปเดตสถานะเอกสาร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"detail-card purple\">\n \u003Cdiv class=\"detail-no\">2\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv class=\"detail-title\">รองรับการส่งไฟล์ Excel \u002F JSON เพื่อสร้างใบขนอัตโนมัติ\u003C\u002Fdiv>\n \u003Cdiv class=\"detail-desc\">\n สามารถรับข้อมูล Invoice หรือข้อมูลสินค้าในรูปแบบ Excel และ JSON ตามโครงสร้างมาตรฐาน\n เพื่อใช้ในการสร้างใบขนสินค้าโดยไม่ต้องคีย์ข้อมูลใหม่\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"detail-card\">\n \u003Cdiv class=\"detail-no\">3\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv class=\"detail-title\">รองรับทั้ง Import Declaration และ Export Declaration\u003C\u002Fdiv>\n \u003Cdiv class=\"detail-desc\">\n รองรับการสร้างใบขนสินค้าทั้งขาเข้า (Import) และขาออก (Export) ผ่าน API\n ทำให้สามารถใช้งานได้ครอบคลุมทุกประเภทงานศุลกากร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"detail-card purple\">\n \u003Cdiv class=\"detail-no\">4\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv class=\"detail-title\">การสร้างใบขนสินค้าอัตโนมัติใน ECS Paperless\u003C\u002Fdiv>\n \u003Cdiv class=\"detail-desc\">\n เมื่อระบบได้รับข้อมูล จะทำการประมวลผลและสร้างใบขนสินค้าใน ECS Paperless โดยอัตโนมัติ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"detail-card\">\n \u003Cdiv class=\"detail-no\">5\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv class=\"detail-title\">การตรวจสอบผลลัพธ์ (Accept \u002F Reject) ผ่าน API\u003C\u002Fdiv>\n \u003Cdiv class=\"detail-desc\">\n สามารถตรวจสอบผลการส่งใบขนสินค้าได้ผ่าน API เช่น สถานะ Accept, Reject หรือ Error Message\n ทำให้สามารถนำผลลัพธ์ไปใช้งานต่อในระบบต้นทางได้ทันที\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"detail-card purple\">\n \u003Cdiv class=\"detail-no\">6\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv class=\"detail-title\">การ Download ฟอร์มใบขนสินค้า (PDF)\u003C\u002Fdiv>\n \u003Cdiv class=\"detail-desc\">\n รองรับการดาวน์โหลดไฟล์ PDF ของใบขนสินค้า เพื่อนำไปใช้งาน เช่น พิมพ์เอกสาร\n หรือส่งต่อให้ลูกค้าได้โดยอัตโนมัติ\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"detail-card\">\n \u003Cdiv class=\"detail-no\">7\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv class=\"detail-title\">การดึงข้อมูล XML ของใบขนสินค้าไปใช้งาน\u003C\u002Fdiv>\n \u003Cdiv class=\"detail-desc\">\n สามารถดึงข้อมูลใบขนสินค้าในรูปแบบ XML เพื่อนำไปใช้ในระบบอื่น เช่น ระบบบัญชี ระบบ ERP\n หรือระบบภายในองค์กร\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"detail-card purple\">\n \u003Cdiv class=\"detail-no\">8\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv class=\"detail-title\">การตรวจสอบ Message Log และสถานะเอกสาร\u003C\u002Fdiv>\n \u003Cdiv class=\"detail-desc\">\n รองรับการตรวจสอบ Message Log จากกรมศุลกากร รวมถึงสถานะของเอกสารในแต่ละขั้นตอน\n ช่วยให้สามารถติดตามและแก้ไขปัญหาได้อย่างรวดเร็ว\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"section\" style=\"margin-bottom:40px;\">\n \u003Cdiv class=\"section-head\">\n \u003Cdiv class=\"section-icon\">\n \u003Csvg viewBox=\"0 0 44 44\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n \u003Cpolygon points=\"22,4 40,14 40,34 22,44 4,34 4,14\" fill=\"url(#g4)\"\u002F>\n \u003Cdefs>\n \u003ClinearGradient id=\"g4\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n \u003Cstop offset=\"0%\" style=\"stop-color:#B39DDB\"\u002F>\n \u003Cstop offset=\"100%\" style=\"stop-color:#7E57C2\"\u002F>\n \u003C\u002FlinearGradient>\n \u003C\u002Fdefs>\n \u003Ctext x=\"22\" y=\"28\" text-anchor=\"middle\" font-size=\"16\" fill=\"white\">🚀\u003C\u002Ftext>\n \u003C\u002Fsvg>\n \u003C\u002Fdiv>\n \u003Cdiv>\n \u003Ch2 class=\"section-title\">Summary\u003C\u002Fh2>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv class=\"closing-box\">\n \u003Ch3 class=\"closing-title\">ครบจบการเชื่อมต่อข้อมูลศุลกากรในระบบเดียว\u003C\u002Fh3>\n \u003Cp class=\"closing-desc\">\n CutX Service คือหัวใจของการเชื่อมต่อข้อมูลศุลกากรในยุคดิจิทัล\n ที่เปลี่ยนการส่งเอกสารแบบ Manual ให้กลายเป็นระบบอัตโนมัติแบบ API\n ตั้งแต่รับข้อมูล สร้างใบขน ส่งกรม ส่งผลลัพธ์กลับ ครบจบในระบบเดียว\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \n\u003C\u002Fdiv>\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[397,398,399],"\u002Fuploads\u002Fproducts\u002F1775724070968-2026-04-08_11_04_32.png","\u002Fuploads\u002Fproducts\u002F1775724071053-2026-04-08_11_05_48.png","\u002Fuploads\u002Fproducts\u002F1775724071143-2026-04-08_11_06_21.png",[401,402,403,404,405,406,407,408],"รับ-ส่งข้อมูลผ่าน Web Service (API)","รองรับการส่งไฟล์ Excel \u002F JSON เพื่อสร้างใบขนอัตโนมัติ","รองรับทั้ง Import Declaration และ Export Declaration","สร้างใบขนสินค้าอัตโนมัติใน ECS Paperless","ตรวจสอบผลลัพธ์ (Accept \u002F Reject) ผ่าน API","สามารถ Download ฟอร์มใบขนสินค้า (PDF) ไปใช้งานได้","สามารถดึงข้อมูล XML ของใบขนสินค้าไปใช้งานได้","ตรวจสอบ Message Log และสถานะเอกสารได้",[],{"id":411,"title":412,"description":413,"youtubeId":46,"images":414,"pinnedToNav":24,"isNew":25,"isFeatured":24,"products":416},1001,"VANs Provider","\u003C!DOCTYPE html>\n\u003Chtml lang=\"th\">\n\u003Chead>\n\u003Cmeta charset=\"UTF-8\">\n\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\u003Ctitle>ECS e-Paperless VANs Provider\u003C\u002Ftitle>\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Sarabun:wght@300;400;600;700&family=Prompt:wght@700;800&display=swap\" rel=\"stylesheet\">\n\u003Cstyle>\n * { margin:0; padding:0; box-sizing:border-box; }\n body { font-family:'Sarabun',sans-serif; background:#FFF3E0; color:#3a1a00; overflow-x:hidden; }\n @keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n @keyframes pulse { 0%,100%{box-shadow:0 0 0 0 rgba(255,140,0,0.45)} 70%{box-shadow:0 0 0 14px rgba(255,140,0,0)} }\n @keyframes flowDot { 0%{left:0;opacity:0} 10%{opacity:1} 90%{opacity:1} 100%{left:100%;opacity:0} }\n @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.35} }\n\u003C\u002Fstyle>\n\u003C\u002Fhead>\n\u003Cbody>\n\n\u003C!-- HERO -->\n\u003Cdiv style=\"position:relative;padding:76px 24px 64px;text-align:center;overflow:hidden;background:linear-gradient(150deg,#FF8C00 0%,#E65C00 55%,#bf4500 100%);\">\n \u003Cdiv style=\"position:absolute;top:-60px;left:-60px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,0.06);pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute;bottom:-80px;right:-40px;width:320px;height:320px;border-radius:50%;background:rgba(0,0,0,0.06);pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px;animation:fadeUp .55s ease both;\">\n \u003Cspan style=\"background:rgba(255,255,255,0.18);border:1.5px solid rgba(255,255,255,0.45);padding:5px 18px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;letter-spacing:.8px;\">✓ CAT\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(255,255,255,0.18);border:1.5px solid rgba(255,255,255,0.45);padding:5px 18px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;letter-spacing:.8px;\">✓ NETBAY\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(255,255,255,0.18);border:1.5px solid rgba(255,255,255,0.45);padding:5px 18px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;letter-spacing:.8px;\">✓ TRADE SIAM\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\n \u003Ch1 style=\"font-family:'Prompt',sans-serif;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.15;color:#fff;animation:fadeUp .55s .08s ease both;opacity:0;\">\n รับรองครบ 3 Gateway\u003Cbr>\n \u003Cspan style=\"font-size:clamp(15px,2.4vw,22px);font-weight:600;color:rgba(255,255,255,0.85);\">เปลี่ยนได้ทันที ด้วยตัวคุณเอง\u003C\u002Fspan>\n \u003C\u002Fh1>\n \u003Cp style=\"margin:18px auto 0;max-width:520px;color:rgba(255,255,255,0.85);font-size:15px;line-height:1.9;animation:fadeUp .55s .16s ease both;opacity:0;\">\n หาก Gateway ที่ใช้อยู่ล่ม — \u003Cstrong style=\"color:#fff9c4;\">กล้าท้าให้คุณพิสูจน์วันนี้\u003C\u002Fstrong>\n \u003C\u002Fp>\n \u003Cdiv style=\"margin-top:30px;animation:fadeUp .55s .24s ease both;opacity:0;\">\n \u003Cspan style=\"display:inline-block;background:#fff;color:#E65C00;font-family:'Prompt',sans-serif;font-weight:800;padding:12px 38px;border-radius:999px;font-size:15px;letter-spacing:.5px;animation:pulse 2.4s infinite;box-shadow:0 4px 24px rgba(0,0,0,0.18);\">ONE STOP SERVICES\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- ONE-STOP STRIP -->\n\u003Cdiv style=\"background:linear-gradient(90deg,#E65C00,#FF8C00,#E65C00);padding:16px 24px;text-align:center;border-bottom:2px solid rgba(255,255,255,0.15);\">\n \u003Cdiv style=\"display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;\">\n \u003Cspan style=\"font-size:13px;color:rgba(255,255,255,0.8);\">โปรแกรม\u003C\u002Fspan>\n \u003Cstrong style=\"color:#fff;font-size:13px;background:rgba(255,255,255,0.18);padding:4px 14px;border-radius:6px;\">e-PAPERLESS\u003C\u002Fstrong>\n \u003Cspan style=\"color:#fff9c4;\">+\u003C\u002Fspan>\n \u003Cstrong style=\"color:#fff;font-size:13px;background:rgba(255,255,255,0.18);padding:4px 14px;border-radius:6px;\">VANs Provider\u003C\u002Fstrong>\n \u003Cspan style=\"color:#fff9c4;\">+\u003C\u002Fspan>\n \u003Cstrong style=\"color:#fff;font-size:13px;background:rgba(255,255,255,0.18);padding:4px 14px;border-radius:6px;\">CA\u003C\u002Fstrong>\n \u003Cspan style=\"font-size:13px;color:rgba(255,255,255,0.8);margin-left:6px;\">— หมดปัญหาโยนกันไปมาเวลาแก้ปัญหา\u003C\u002Fspan>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- TRUST BANNER -->\n\u003Cdiv style=\"background:#fff8f0;padding:22px;text-align:center;border-bottom:1px solid #ffddb3;\">\n \u003Cdiv style=\"display:flex;justify-content:center;gap:32px;flex-wrap:wrap;max-width:700px;margin:0 auto;\">\n \u003Cdiv style=\"text-align:center;\">\u003Cdiv style=\"font-size:22px;margin-bottom:4px;\">🔒\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:#8a4000;font-weight:600;\">ซอฟต์แวร์ & VANs\u003Cbr>บริษัทเดียวกัน\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003Cdiv style=\"width:1px;background:#ffddb3;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"text-align:center;\">\u003Cdiv style=\"font-size:22px;margin-bottom:4px;\">🏢\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:#8a4000;font-weight:600;\">ไม่ถือหุ้นโดย\u003Cbr>กลุ่ม Shipping ใด\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003Cdiv style=\"width:1px;background:#ffddb3;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"text-align:center;\">\u003Cdiv style=\"font-size:22px;margin-bottom:4px;\">🛡️\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:#8a4000;font-weight:600;\">มั่นใจ ความโปร่งใส\u003Cbr>& เข้ารหัสข้อมูล\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- FEATURE CARDS -->\n\u003Cdiv style=\"max-width:980px;margin:48px auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;\">\n\n \u003Cdiv style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;padding:28px;position:relative;overflow:hidden;animation:fadeUp .5s .08s ease both;opacity:0;transition:transform .22s,box-shadow .22s;\" onmouseover=\"this.style.transform='translateY(-5px)';this.style.boxShadow='0 12px 32px rgba(230,92,0,0.15)'\" onmouseout=\"this.style.transform='';this.style.boxShadow=''\">\n \u003Cdiv style=\"width:46px;height:46px;background:linear-gradient(135deg,#FF8C00,#E65C00);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;box-shadow:0 4px 14px rgba(230,92,0,0.3);\">🔐\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:15px;font-weight:700;color:#3a1a00;margin-bottom:10px;\">รับ-ส่งข้อมูลเข้ารหัสทุกครั้ง\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.85;\">ผ่านระบบ Internet ที่มีการเข้ารหัสทุกครั้ง ไม่ว่าจะเป็นการรับหรือส่ง — ข้อมูลของคุณปลอดภัยตลอดเส้นทาง\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;padding:28px;position:relative;overflow:hidden;animation:fadeUp .5s .13s ease both;opacity:0;transition:transform .22s,box-shadow .22s;\" onmouseover=\"this.style.transform='translateY(-5px)';this.style.boxShadow='0 12px 32px rgba(230,92,0,0.15)'\" onmouseout=\"this.style.transform='';this.style.boxShadow=''\">\n \u003Cdiv style=\"width:46px;height:46px;background:linear-gradient(135deg,#9575CD,#B39DDB);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;box-shadow:0 4px 14px rgba(149,117,205,0.3);\">📦\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:15px;font-weight:700;color:#3a1a00;margin-bottom:10px;\">รับ-ส่งข้อมูลแบบ ZIP File\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.85;\">บีบอัดข้อมูลก่อนส่ง ทำให้เล็กลงและเร็วขึ้น \u003Cstrong style=\"color:#E65C00;\">หมดกังวลปัญหา File ขนาดใหญ่\u003C\u002Fstrong>\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;padding:28px;position:relative;overflow:hidden;animation:fadeUp .5s .18s ease both;opacity:0;transition:transform .22s,box-shadow .22s;\" onmouseover=\"this.style.transform='translateY(-5px)';this.style.boxShadow='0 12px 32px rgba(230,92,0,0.15)'\" onmouseout=\"this.style.transform='';this.style.boxShadow=''\">\n \u003Cdiv style=\"width:46px;height:46px;background:linear-gradient(135deg,#FF8C00,#E65C00);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;box-shadow:0 4px 14px rgba(230,92,0,0.3);\">📡\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:15px;font-weight:700;color:#3a1a00;margin-bottom:10px;\">Monitor แบบ Point-to-Point\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.85;\">ตรวจสอบสถานะรับส่งแบบจุดต่อจุดจากหน้าจอของคุณ รู้ทันทีว่าข้อมูลอยู่ตรงไหนใน Network\u003C\u002Fp>\n \u003Cdiv style=\"margin-top:14px;background:#fff8f0;border-radius:8px;padding:10px 14px;overflow:hidden;\">\n \u003Cdiv style=\"display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c8783a;\">\n \u003Cspan style=\"background:#ffddb3;padding:3px 8px;border-radius:4px;font-weight:600;\">คุณ\u003C\u002Fspan>\n \u003Cdiv style=\"flex:1;height:2px;margin:0 8px;background:#ffddb3;position:relative;overflow:hidden;\">\u003Cdiv style=\"position:absolute;top:-2px;width:8px;height:6px;background:#FF8C00;border-radius:50%;animation:flowDot 2s linear infinite;\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003Cspan style=\"background:#ffddb3;padding:3px 8px;border-radius:4px;font-weight:600;\">Network\u003C\u002Fspan>\n \u003Cdiv style=\"flex:1;height:2px;margin:0 8px;background:#ffddb3;position:relative;overflow:hidden;\">\u003Cdiv style=\"position:absolute;top:-2px;width:8px;height:6px;background:#FF8C00;border-radius:50%;animation:flowDot 2s .7s linear infinite;\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003Cspan style=\"background:#ffddb3;padding:3px 8px;border-radius:4px;font-weight:600;\">ปลายทาง\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;padding:28px;position:relative;overflow:hidden;animation:fadeUp .5s .23s ease both;opacity:0;transition:transform .22s,box-shadow .22s;\" onmouseover=\"this.style.transform='translateY(-5px)';this.style.boxShadow='0 12px 32px rgba(230,92,0,0.15)'\" onmouseout=\"this.style.transform='';this.style.boxShadow=''\">\n \u003Cdiv style=\"width:46px;height:46px;background:linear-gradient(135deg,#9575CD,#B39DDB);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;box-shadow:0 4px 14px rgba(149,117,205,0.3);\">⚡\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:15px;font-weight:700;color:#3a1a00;margin-bottom:10px;\">รับ-ส่งข้อมูลอัตโนมัติ\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.85;\">ไม่ต้องคอยมากดรับ กดส่ง ให้เสียเวลา ระบบทำงานให้คุณโดยอัตโนมัติตลอดเวลา\u003C\u002Fp>\n \u003Cdiv style=\"margin-top:14px;display:flex;align-items:center;gap:8px;\">\n \u003Cspan style=\"width:9px;height:9px;border-radius:50%;background:#2ecc71;display:inline-block;animation:blink 1.6s infinite;\">\u003C\u002Fspan>\n \u003Cspan style=\"font-size:12px;color:#2ecc71;font-weight:700;\">AUTO — ทำงานอัตโนมัติ\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;padding:28px;position:relative;overflow:hidden;animation:fadeUp .5s .28s ease both;opacity:0;transition:transform .22s,box-shadow .22s;\" onmouseover=\"this.style.transform='translateY(-5px)';this.style.boxShadow='0 12px 32px rgba(230,92,0,0.15)'\" onmouseout=\"this.style.transform='';this.style.boxShadow=''\">\n \u003Cdiv style=\"width:46px;height:46px;background:linear-gradient(135deg,#FF8C00,#E65C00);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;box-shadow:0 4px 14px rgba(230,92,0,0.3);\">📊\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:15px;font-weight:700;color:#3a1a00;margin-bottom:10px;\">ตรวจสอบค่าบริการแบบละเอียด\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.85;\">ดูได้ทันทีผ่าน Web Browser ทั้งรายวัน-รายเดือน พร้อม Export เป็น\u003C\u002Fp>\n \u003Cdiv style=\"display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;\">\n \u003Cspan style=\"background:rgba(220,30,30,0.08);border:1px solid rgba(220,30,30,0.3);color:#c0392b;font-size:11px;font-weight:700;padding:3px 10px;border-radius:5px;\">PDF\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(30,80,220,0.08);border:1px solid rgba(30,80,220,0.3);color:#2980b9;font-size:11px;font-weight:700;padding:3px 10px;border-radius:5px;\">WORD\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(30,160,80,0.08);border:1px solid rgba(30,160,80,0.3);color:#27ae60;font-size:11px;font-weight:700;padding:3px 10px;border-radius:5px;\">EXCEL\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:#fff;border:1.5px solid #ffddb3;border-radius:18px;padding:28px;position:relative;overflow:hidden;animation:fadeUp .5s .33s ease both;opacity:0;transition:transform .22s,box-shadow .22s;\" onmouseover=\"this.style.transform='translateY(-5px)';this.style.boxShadow='0 12px 32px rgba(230,92,0,0.15)'\" onmouseout=\"this.style.transform='';this.style.boxShadow=''\">\n \u003Cdiv style=\"width:46px;height:46px;background:linear-gradient(135deg,#9575CD,#B39DDB);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;box-shadow:0 4px 14px rgba(149,117,205,0.3);\">📬\u003C\u002Fdiv>\n \u003Ch3 style=\"font-size:15px;font-weight:700;color:#3a1a00;margin-bottom:10px;\">1 Mail Box ใช้ได้ทั้ง 3 Gateway\u003C\u002Fh3>\n \u003Cp style=\"font-size:13px;color:#8a5a30;line-height:1.85;\">ไม่ต้องเสียค่า Mail Box แยกแต่ละ Gateway — ประหยัด เรียบง่าย บริหารง่าย\u003C\u002Fp>\n \u003Cdiv style=\"margin-top:14px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;\">\n \u003Cdiv style=\"height:28px;padding:0 8px;border-radius:6px;background:rgba(255,140,0,0.1);border:1px solid rgba(255,140,0,0.35);display:flex;align-items:center;font-size:10px;color:#E65C00;font-weight:700;\">CAT\u003C\u002Fdiv>\n \u003Cspan style=\"color:#ffa040;font-size:12px;font-weight:700;\">+\u003C\u002Fspan>\n \u003Cdiv style=\"height:28px;padding:0 8px;border-radius:6px;background:rgba(255,140,0,0.1);border:1px solid rgba(255,140,0,0.35);display:flex;align-items:center;font-size:10px;color:#E65C00;font-weight:700;\">NETBAY\u003C\u002Fdiv>\n \u003Cspan style=\"color:#ffa040;font-size:12px;font-weight:700;\">+\u003C\u002Fspan>\n \u003Cdiv style=\"height:28px;padding:0 8px;border-radius:6px;background:rgba(255,140,0,0.1);border:1px solid rgba(255,140,0,0.35);display:flex;align-items:center;font-size:10px;color:#E65C00;font-weight:700;\">TRADE SIAM\u003C\u002Fdiv>\n \u003Cspan style=\"font-size:15px;color:#E65C00;font-weight:800;margin-left:4px;\">= 1\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- HELPDESK BANNER -->\n\u003Cdiv style=\"max-width:980px;margin:0 auto 56px;padding:0 20px;\">\n \u003Cdiv style=\"background:linear-gradient(135deg,#FF8C00 0%,#E65C00 100%);border-radius:20px;padding:36px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;box-shadow:0 8px 36px rgba(230,92,0,0.25);animation:fadeUp .5s .4s ease both;opacity:0;\">\n \u003Cdiv style=\"width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.35);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;\">🎧\u003C\u002Fdiv>\n \u003Cdiv style=\"flex:1;min-width:200px;\">\n \u003Cdiv style=\"font-family:'Prompt',sans-serif;font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;\">HELP DESK SUPPORT \u003Cspan style=\"color:#fff9c4;\">24×7\u003C\u002Fspan>\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:13px;color:rgba(255,255,255,0.85);line-height:1.8;\">Office Phone & Mobile  |  บริการแบบ \u003Cstrong style=\"color:#fff;\">On-Site\u003C\u002Fstrong> และ \u003Cstrong style=\"color:#fff;\">Remote\u003C\u002Fstrong> ผ่าน Internet\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"display:flex;gap:10px;flex-wrap:wrap;\">\n \u003Cspan style=\"background:rgba(255,255,255,0.2);border:1.5px solid rgba(255,255,255,0.4);color:#fff;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;\">📞 Phone\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(255,255,255,0.2);border:1.5px solid rgba(255,255,255,0.4);color:#fff;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;\">💻 Remote\u003C\u002Fspan>\n \u003Cspan style=\"background:rgba(255,255,255,0.2);border:1.5px solid rgba(255,255,255,0.4);color:#fff;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;\">🚘 On-Site\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- ECS SERVER ENVIRONMENT -->\n\u003Cdiv style=\"background:linear-gradient(170deg,#3a1a00 0%,#5c2800 40%,#3a1a00 100%);padding:64px 20px 72px;position:relative;overflow:hidden;\">\n \u003Cdiv style=\"position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,140,0,0.06);pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute;bottom:-60px;left:-60px;width:260px;height:260px;border-radius:50%;background:rgba(179,157,219,0.06);pointer-events:none;\">\u003C\u002Fdiv>\n \u003Cdiv style=\"position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,140,0,0.5),transparent);\">\u003C\u002Fdiv>\n\n \u003Cdiv style=\"max-width:980px;margin:0 auto;\">\n\n \u003C!-- Header -->\n \u003Cdiv style=\"text-align:center;margin-bottom:44px;animation:fadeUp .5s ease both;opacity:0;\">\n \u003Cdiv style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(255,140,0,0.12);border:1px solid rgba(255,140,0,0.3);padding:5px 20px;border-radius:999px;margin-bottom:14px;\">\n \u003Cspan style=\"font-size:12px;font-weight:700;color:#FF8C00;letter-spacing:1.5px;\">INFRASTRUCTURE\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003Ch2 style=\"font-family:'Prompt',sans-serif;font-size:clamp(22px,4vw,38px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:10px;\">ECS VANs Server Environment\u003C\u002Fh2>\n \u003Cp style=\"color:rgba(255,200,140,0.75);font-size:14px;\">โครงสร้างพื้นฐานระดับองค์กร — เสถียร ปลอดภัย พร้อมตลอด 24 ชั่วโมง\u003C\u002Fp>\n \u003C\u002Fdiv>\n\n \u003C!-- Location -->\n \u003Cdiv style=\"background:rgba(255,140,0,0.1);border:1.5px solid rgba(255,140,0,0.25);border-radius:16px;padding:24px 28px;margin-bottom:28px;display:flex;align-items:flex-start;gap:18px;animation:fadeUp .5s .08s ease both;opacity:0;\">\n \u003Cdiv style=\"font-size:30px;flex-shrink:0;margin-top:2px;\">🏛️\u003C\u002Fdiv>\n \u003Cdiv>\n \u003Cdiv style=\"font-size:15px;font-weight:700;color:#fff;margin-bottom:6px;\">ที่ตั้งเซิร์ฟเวอร์ที่ปลอดภัย\u003C\u002Fdiv>\n \u003Cp style=\"font-size:13px;color:rgba(255,200,140,0.85);line-height:1.8;\">เซิร์ฟเวอร์ถูกเก็บรักษาอย่างปลอดภัยที่อาคารของ \u003Cstrong style=\"color:#FF8C00;\">กสท. กรุงเทพฯ\u003C\u002Fstrong> และ \u003Cstrong style=\"color:#FF8C00;\">Internet Thailand\u003C\u002Fstrong> — ศูนย์กลางโครงสร้างพื้นฐานเครือข่ายระดับประเทศ\u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Bandwidth cards -->\n \u003Cdiv style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:28px;\">\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,140,0,0.22);border-radius:14px;padding:22px;animation:fadeUp .5s .13s ease both;opacity:0;\">\n \u003Cdiv style=\"font-size:11px;font-weight:700;color:#FF8C00;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;\">ช่องสัญญาณในประเทศ\u003C\u002Fdiv>\n \u003Cdiv style=\"font-family:'Prompt',sans-serif;font-size:34px;font-weight:800;color:#fff;line-height:1;\">4 \u003Cspan style=\"font-size:16px;color:rgba(255,200,140,0.7);font-weight:600;\">Gbps\u003C\u002Fspan>\u003C\u002Fdiv>\n \u003Cdiv style=\"margin-top:10px;height:6px;background:rgba(255,255,255,0.08);border-radius:999px;overflow:hidden;\">\n \u003Cdiv style=\"width:85%;height:100%;background:linear-gradient(90deg,#FF8C00,#E65C00);border-radius:999px;\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px;color:rgba(255,200,140,0.55);margin-top:6px;\">ช่องสัญญาณภายในประเทศที่ใหญ่ที่สุด\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.05);border:1.5px solid rgba(179,157,219,0.25);border-radius:14px;padding:22px;animation:fadeUp .5s .18s ease both;opacity:0;\">\n \u003Cdiv style=\"font-size:11px;font-weight:700;color:#B39DDB;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;\">ช่องสัญญาณต่างประเทศ\u003C\u002Fdiv>\n \u003Cdiv style=\"font-family:'Prompt',sans-serif;font-size:34px;font-weight:800;color:#fff;line-height:1;\">~400 \u003Cspan style=\"font-size:16px;color:rgba(200,180,255,0.7);font-weight:600;\">Mbps\u003C\u002Fspan>\u003C\u002Fdiv>\n \u003Cdiv style=\"margin-top:10px;height:6px;background:rgba(255,255,255,0.08);border-radius:999px;overflow:hidden;\">\n \u003Cdiv style=\"width:60%;height:100%;background:linear-gradient(90deg,#9575CD,#B39DDB);border-radius:999px;\">\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px;color:rgba(200,180,255,0.55);margin-top:6px;\">ผ่าน กสท. กว่า 10 ประเทศ\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.05);border:1.5px solid rgba(255,140,0,0.22);border-radius:14px;padding:22px;animation:fadeUp .5s .23s ease both;opacity:0;\">\n \u003Cdiv style=\"font-size:11px;font-weight:700;color:#FF8C00;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;\">วงจรสำรอง\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:28px;margin-bottom:8px;\">🛰\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;\">ช่องสัญญาณดาวเทียม\u003C\u002Fdiv>\n \u003Cdiv style=\"font-size:12px;color:rgba(255,200,140,0.55);line-height:1.7;\">เพื่อเป็นวงจรสำรองสำหรับความต่อเนื่องของธุรกิจ\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- 24x7 items -->\n \u003Cdiv style=\"margin-bottom:8px;\">\n \u003Cdiv style=\"font-size:11px;font-weight:700;color:rgba(255,200,140,0.45);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;text-align:center;\">24×7 Operations\u003C\u002Fdiv>\n \u003Cdiv style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;\">\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.04);border:1px solid rgba(255,140,0,0.14);border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;animation:fadeUp .5s .26s ease both;opacity:0;transition:background .2s;\" onmouseover=\"this.style.background='rgba(255,140,0,0.09)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.04)'\">\n \u003Cdiv style=\"font-size:18px;flex-shrink:0;\">🌎\u003C\u002Fdiv>\n \u003Cdiv>\u003Cdiv style=\"font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;\">Internet Backbone\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:rgba(255,200,140,0.6);line-height:1.6;\">เชื่อมต่อ Internet Backbone ตลอด 24 ชั่วโมง\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.04);border:1px solid rgba(255,140,0,0.14);border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;animation:fadeUp .5s .29s ease both;opacity:0;transition:background .2s;\" onmouseover=\"this.style.background='rgba(255,140,0,0.09)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.04)'\">\n \u003Cdiv style=\"font-size:18px;flex-shrink:0;\">⚡\u003C\u002Fdiv>\n \u003Cdiv>\u003Cdiv style=\"font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;\">ระบบไฟฟ้าสำรอง\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:rgba(255,200,140,0.6);line-height:1.6;\">UPS และ Generator สำรองพลังงาน 24×7\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.04);border:1px solid rgba(255,140,0,0.14);border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;animation:fadeUp .5s .32s ease both;opacity:0;transition:background .2s;\" onmouseover=\"this.style.background='rgba(255,140,0,0.09)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.04)'\">\n \u003Cdiv style=\"font-size:18px;flex-shrink:0;\">❄️\u003C\u002Fdiv>\n \u003Cdiv>\u003Cdiv style=\"font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;\">ระบบปรับอากาศ\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:rgba(255,200,140,0.6);line-height:1.6;\">ควบคุมอุณหภูมิและความชื้นตลอด 24×7\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.04);border:1px solid rgba(179,157,219,0.18);border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;animation:fadeUp .5s .35s ease both;opacity:0;transition:background .2s;\" onmouseover=\"this.style.background='rgba(179,157,219,0.08)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.04)'\">\n \u003Cdiv style=\"font-size:18px;flex-shrink:0;\">📈\u003C\u002Fdiv>\n \u003Cdiv>\u003Cdiv style=\"font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;\">Network Monitoring\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:rgba(200,180,255,0.6);line-height:1.6;\">ดูแลระบบเครือข่ายแบบ Real-time 24×7\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.04);border:1px solid rgba(179,157,219,0.18);border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;animation:fadeUp .5s .38s ease both;opacity:0;transition:background .2s;\" onmouseover=\"this.style.background='rgba(179,157,219,0.08)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.04)'\">\n \u003Cdiv style=\"font-size:18px;flex-shrink:0;\">🚊\u003C\u002Fdiv>\n \u003Cdiv>\u003Cdiv style=\"font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;\">Virus Detection\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:rgba(200,180,255,0.6);line-height:1.6;\">ตรวจจับไวรัสบนระบบเครือข่ายอย่างต่อเนื่อง\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.04);border:1px solid rgba(179,157,219,0.18);border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;animation:fadeUp .5s .41s ease both;opacity:0;transition:background .2s;\" onmouseover=\"this.style.background='rgba(179,157,219,0.08)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.04)'\">\n \u003Cdiv style=\"font-size:18px;flex-shrink:0;\">🔍\u003C\u002Fdiv>\n \u003Cdiv>\u003Cdiv style=\"font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;\">Security Monitoring\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:rgba(200,180,255,0.6);line-height:1.6;\">เฝ้าระวังและรักษาความปลอดภัยเครือข่าย 24×7\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003Cdiv style=\"background:rgba(255,255,255,0.04);border:1px solid rgba(255,140,0,0.14);border-radius:12px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;animation:fadeUp .5s .44s ease both;opacity:0;transition:background .2s;\" onmouseover=\"this.style.background='rgba(255,140,0,0.09)'\" onmouseout=\"this.style.background='rgba(255,255,255,0.04)'\">\n \u003Cdiv style=\"font-size:18px;flex-shrink:0;\">👨‍💻\u003C\u002Fdiv>\n \u003Cdiv>\u003Cdiv style=\"font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;\">เจ้าหน้าที่เทคนิค\u003C\u002Fdiv>\u003Cdiv style=\"font-size:12px;color:rgba(255,200,140,0.6);line-height:1.6;\">ทีมสนับสนุนการทำงานตลอด 24 ชั่วโมง\u003C\u002Fdiv>\u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C!-- Uptime badge -->\n \u003Cdiv style=\"margin-top:32px;text-align:center;animation:fadeUp .5s .5s ease both;opacity:0;\">\n \u003Cdiv style=\"display:inline-flex;align-items:center;gap:10px;background:rgba(255,140,0,0.1);border:1.5px solid rgba(255,140,0,0.3);padding:12px 28px;border-radius:14px;\">\n \u003Cspan style=\"width:10px;height:10px;border-radius:50%;background:#2ecc71;display:inline-block;animation:blink 1.8s infinite;\">\u003C\u002Fspan>\n \u003Cspan style=\"font-size:14px;font-weight:700;color:#fff;\">พร้อมให้บริการ 24×7 \u002F 365 วัน\u003C\u002Fspan>\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n\n \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C!-- FOOTER -->\n\u003Cdiv style=\"background:#2a1200;text-align:center;padding:20px;font-size:12px;color:#6a3a1a;border-top:1px solid #3a1a00;\">\n e-PAPERLESS  ·  VANs Provider  ·  CA  ·  ONE STOP SERVICES\n\u003C\u002Fdiv>\n\n\u003C\u002Fbody>\n\u003C\u002Fhtml>",[415],"https:\u002F\u002Fecs-web.sgp1.cdn.digitaloceanspaces.com\u002Fdevelop\u002Fimages\u002Fproducts\u002F1775010974781-______4_.webp",[],{"id":418,"title":419,"description":46,"youtubeId":46,"images":420,"pinnedToNav":24,"isNew":25,"isFeatured":25,"products":422},1003,"Add-ons",[421],"https:\u002F\u002Fecs-web.sgp1.cdn.digitaloceanspaces.com\u002Fdevelop\u002Fimages\u002Fproducts\u002F1775010160309-______3_.webp",[423,443],{"id":424,"title":425,"image":426,"icon":427,"iconSm":428,"detail_product":46,"desc":429,"images":430,"features":433,"youtubeId":46,"isNew":25,"isFeatured":24,"relatedPrograms":442},5,"e-Bonded Warehouse & Free zone","\u002Fimages\u002Fproducts\u002F1775015667796-warehouse_white_bg__1_.webp","\u002Fimages\u002Fproducts\u002F1775556114212-eBonded_logo.webp","\u002Fimages\u002Fproducts\u002F1775556114212-eBonded_logo_sm.webp","\u003Cp>ระบบคลังสินค้าทัณฑ์บนและเขตปลอดอากร\u003C\u002Fp>",[431,432],"\u002Fimages\u002Fitem\u002F5\u002F1.webp","\u002Fimages\u002Fitem\u002F5\u002F2.webp",[434,435,436,437,438,439,440,441],"นำเข้าข้อมูลใบขนจากระบบ Paperless","นำเข้าข้อมูล Shipping","รองรับทั้งรูปแบบ Paper และ Paperless","นำเข้า Master Data และข้อมูลรายวันผ่าน Excel","ตรวจสอบข้อมูลก่อนส่ง (Validate)","รองรับโครงสร้างใหม่กรมศุลกากร","จัดทำรายงาน XML file","มีทีมงานดูแลเฉพาะ",[],{"id":444,"title":445,"image":446,"icon":447,"iconSm":448,"detail_product":46,"desc":46,"images":449,"features":450,"youtubeId":46,"isNew":25,"isFeatured":24,"relatedPrograms":456},1774951672287,"e-19 Bis","\u002Fimages\u002Fproducts\u002F1774951793904-P3-1574762395-e-19Bis.webp","\u002Fimages\u002Fproducts\u002F1775556127668-ChatGPT_Image_31___._._2569_17_07_16.webp","\u002Fimages\u002Fproducts\u002F1775556127668-ChatGPT_Image_31___._._2569_17_07_16_sm.webp",[],[451,452,453,454,455],"ถ้าใช้ระบบ Paperless ของ ECS สามารถโอนข้อมูล มาทำการติดบัญชีสินค้าได้เลย โดยไม่ต้องคีย์ข้อมูลใหม่ ช่วยประหยัดเวลา และลดการผิดพลาดของข้อมุลได้เป็นอย่าง","สามารถออกรายงานตามที่กรมศุลกากรต้องการได้","สามรถออกรายงานและส่งรายงาน Upload ขึ้นหน้าเว็บได้ และสามารถให้ผู้ประกอบการ Dowload รายงานผ่านหน้า เว็บ ได้ เพื่อนำไปยื่นต่อหน่วยงาน 19 ทวิ","ระบบ มีการตรวจสอบข้อมูลในการตัดบัญชีวัตถุดิบได้อย่างแม่นยำถูกต้อง","ระบบมีหน่วยของ 19Bis ไว้ให้ในระบบเพื่อความสะดวกรวดเร็วในการตัดบัญชีวัตถุดิบ และอื่น ๆ อีกเพียบ... ติดต่อ สอบถาม Sale ได้เลยค่ะ",[],{"id":389,"title":390,"image":391,"icon":392,"iconSm":393,"detail_product":394,"desc":395,"images":458,"features":459,"youtubeId":46,"isNew":24,"isFeatured":24,"relatedPrograms":460,"groupId":18,"groupTitle":19},[397,398,399],[401,402,403,404,405,406,407,408],[]]