{"id":3884,"date":"2026-01-13T17:52:32","date_gmt":"2026-01-13T10:52:32","guid":{"rendered":"https:\/\/tppbiotech.com\/?page_id=3884"},"modified":"2026-05-10T23:43:08","modified_gmt":"2026-05-10T16:43:08","slug":"production-process","status":"publish","type":"page","link":"https:\/\/tppbiotech.com\/en\/production-process\/","title":{"rendered":"Process"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid wd-rs-6999fb803d92f wd-section-stretch-content\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\r\n  \/* Container \u0e2b\u0e25\u0e31\u0e01 *\/\r\n  .tpp-process-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    font-family: 'Prompt', sans-serif; \/* \u0e2b\u0e23\u0e37\u0e2d\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e04\u0e38\u0e13 *\/\r\n  }\r\n\r\n  \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e1b\u0e38\u0e48\u0e21 Tab (\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e) *\/\r\n  .tpp-tab-nav {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .tpp-tab-item {\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    opacity: 0.5; \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e08\u0e32\u0e07\u0e25\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e25\u0e37\u0e2d\u0e01 *\/\r\n    border-bottom: 3px solid transparent;\r\n    max-width: 48%; \/* \u0e43\u0e2b\u0e49\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e39\u0e48\u0e01\u0e31\u0e19\u0e44\u0e14\u0e49 *\/\r\n  }\r\n\r\n  .tpp-tab-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 8px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b *\/\r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  \/* \u0e2a\u0e16\u0e32\u0e19\u0e30\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e0a\u0e35\u0e49 \u0e2b\u0e23\u0e37\u0e2d \u0e16\u0e39\u0e01\u0e40\u0e25\u0e37\u0e2d\u0e01 (Active) *\/\r\n  .tpp-tab-item:hover {\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .tpp-tab-item.active {\r\n    opacity: 1; \/* \u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e37\u0e2d\u0e01 *\/\r\n    border-bottom: 3px solid #83b735; \/* \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27 Theme \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 *\/\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32 (Content Images) *\/\r\n  .tpp-tab-content {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 200px; \/* \u0e01\u0e31\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e32\u0e22\u0e15\u0e2d\u0e19\u0e42\u0e2b\u0e25\u0e14 *\/\r\n  }\r\n\r\n  .tpp-content-item {\r\n    display: none; \/* \u0e0b\u0e48\u0e2d\u0e19\u0e44\u0e27\u0e49\u0e01\u0e48\u0e2d\u0e19 *\/\r\n    animation: fadeIn 0.5s ease-in-out;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .tpp-content-item.active {\r\n    display: block; \/* \u0e41\u0e2a\u0e14\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e21\u0e35 class active *\/\r\n  }\r\n\r\n  .tpp-content-item img {\r\n    max-width: 100%;\r\n    height: auto;\r\n    border-radius: 8px;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  \/* Animation \u0e43\u0e2b\u0e49\u0e20\u0e32\u0e1e\u0e04\u0e48\u0e2d\u0e22\u0e46 \u0e1b\u0e23\u0e32\u0e01\u0e0f *\/\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Responsive \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\r\n  @media (max-width: 768px) {\r\n    .tpp-tab-nav {\r\n      gap: 10px;\r\n    }\r\n    .tpp-tab-item {\r\n      border-bottom-width: 2px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tpp-process-container\">\r\n  \r\n  <!-- \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27 Tab (\u0e04\u0e25\u0e34\u0e01\u0e23\u0e39\u0e1b\u0e19\u0e35\u0e49) -->\r\n  <div class=\"tpp-tab-nav\">\r\n    <!-- \u0e1b\u0e38\u0e48\u0e21 OEM -->\r\n    <div class=\"tpp-tab-item active\" onclick=\"openProcessTab(event, 'oem')\">\r\n      <img decoding=\"async\" src=\"https:\/\/tppbiotech.com\/wp-content\/uploads\/2026\/03\/production-process-OEM-TH-1-scaled.webp\" alt=\"OEM Service Header\">\r\n    <\/div>\r\n    \r\n    <!-- \u0e1b\u0e38\u0e48\u0e21 ODM -->\r\n    <div class=\"tpp-tab-item\" onclick=\"openProcessTab(event, 'odm')\">\r\n      <img decoding=\"async\" src=\"https:\/\/tppbiotech.com\/wp-content\/uploads\/2026\/03\/production-process-ODM-TH-1-scaled.webp\" alt=\"ODM Service Header\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u0e2a\u0e48\u0e27\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32 (\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e39\u0e1b\u0e19\u0e35\u0e49) -->\r\n  <div class=\"tpp-tab-content\">\r\n    \r\n    <!-- \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32 OEM -->\r\n    <div id=\"oem\" class=\"tpp-content-item active\">\r\n      <img decoding=\"async\" src=\"https:\/\/tppbiotech.com\/wp-content\/uploads\/2026\/05\/production-process-OEM-5-2569-scaled.webp\" alt=\"OEM Process Detail\">\r\n    <\/div>\r\n\r\n    <!-- \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32 ODM -->\r\n    <div id=\"odm\" class=\"tpp-content-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/tppbiotech.com\/wp-content\/uploads\/2026\/05\/production-process-ODM-5-2569-scaled.webp\" alt=\"ODM Process Detail\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  function openProcessTab(evt, processName) {\r\n    \/\/ 1. \u0e0b\u0e48\u0e2d\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e01\u0e48\u0e2d\u0e19\r\n    var i, content, tablinks;\r\n    content = document.getElementsByClassName(\"tpp-content-item\");\r\n    for (i = 0; i < content.length; i++) {\r\n      content[i].classList.remove(\"active\");\r\n    }\r\n\r\n    \/\/ 2. \u0e40\u0e2d\u0e32\u0e2a\u0e16\u0e32\u0e19\u0e30 active \u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e1b\u0e38\u0e48\u0e21 Tab \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\r\n    tablinks = document.getElementsByClassName(\"tpp-tab-item\");\r\n    for (i = 0; i < tablinks.length; i++) {\r\n      tablinks[i].classList.remove(\"active\");\r\n    }\r\n\r\n    \/\/ 3. \u0e41\u0e2a\u0e14\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01 \u0e41\u0e25\u0e30\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1b\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48\u0e01\u0e14 active\r\n    document.getElementById(processName).classList.add(\"active\");\r\n    evt.currentTarget.classList.add(\"active\");\r\n  }\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3884","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tppbiotech.com\/en\/wp-json\/wp\/v2\/pages\/3884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tppbiotech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tppbiotech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tppbiotech.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tppbiotech.com\/en\/wp-json\/wp\/v2\/comments?post=3884"}],"version-history":[{"count":9,"href":"https:\/\/tppbiotech.com\/en\/wp-json\/wp\/v2\/pages\/3884\/revisions"}],"predecessor-version":[{"id":4338,"href":"https:\/\/tppbiotech.com\/en\/wp-json\/wp\/v2\/pages\/3884\/revisions\/4338"}],"wp:attachment":[{"href":"https:\/\/tppbiotech.com\/en\/wp-json\/wp\/v2\/media?parent=3884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}