{"id":6167,"date":"2025-11-17T15:24:47","date_gmt":"2025-11-17T08:24:47","guid":{"rendered":"https:\/\/inter.mut.ac.th\/?page_id=6167"},"modified":"2025-12-25T15:10:32","modified_gmt":"2025-12-25T08:10:32","slug":"mutic-job","status":"publish","type":"page","link":"https:\/\/inter.mut.ac.th\/zh\/mutic-job\/","title":{"rendered":"MUTIC &#8211; Job Opportunity"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\n\n  .job-board {\n    --primary: #a30e0e;\n    --primary-hover: #2f3442;\n    --accent: #e8e10f;\n    --bg-page: #f8fafc;\n    --bg-card: #ffffff;\n    --text-main: #1e293b;\n    --text-muted: #64748b;\n    --border: #e2e8f0;\n    --radius: 16px;\n    --shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n    \n    font-family: 'Plus Jakarta Sans', sans-serif;\n    background: var(--bg-page);\n    color: var(--text-main);\n    padding: 40px 20px;\n    min-height: 100vh;\n  }\n\n  .job-board .container {\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .job-board .header {\n    margin-bottom: 32px;\n  }\n\n  .job-board .header h2 {\n    font-size: 28px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    margin: 0;\n  }\n\n  .job-board .split {\n    display: grid;\n    grid-template-columns: 380px 1fr;\n    gap: 24px;\n    align-items: start;\n  }\n\n  .job-board .list {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .job-board .job-card {\n    background: var(--bg-card);\n    border-radius: var(--radius);\n    padding: 20px;\n    box-shadow: var(--shadow);\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    display: flex;\n    gap: 16px;\n  }\n\n  .job-board .job-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n  }\n\n  .job-board .job-card.active {\n    border-color: var(--primary);\n    background: #f0f7ff;\n  }\n\n  .job-board .logo {\n    width: 56px;\n    height: 56px;\n    border-radius: 12px;\n    background: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-weight: 700;\n    color: var(--primary);\n    box-shadow: inset 0 0 0 1px var(--border);\n    font-size: 18px;\n  }\n\n  .job-board .job-title {\n    font-weight: 700;\n    font-size: 16px;\n    margin-bottom: 4px;\n  }\n\n  .job-board .company {\n    color: var(--primary);\n    font-weight: 600;\n    font-size: 13px;\n    margin-bottom: 12px;\n  }\n\n  .job-board .tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 12px;\n  }\n\n  .job-board .tag {\n    background: #f1f5f9;\n    padding: 4px 10px;\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--text-muted);\n    text-transform: uppercase;\n  }\n\n  .job-board .detail {\n    background: var(--bg-card);\n    border-radius: var(--radius);\n    padding: 32px;\n    box-shadow: var(--shadow);\n    position: sticky;\n    top: 24px;\n  }\n\n  .job-board .banner {\n    background: linear-gradient(135deg, #9c0606 0%);\n    padding: 24px;\n    border-radius: 12px;\n    color: white;\n    font-weight: 700;\n    margin-bottom: 24px;\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    text-align: center;\n  }\n\n  .job-board .detail-header {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n    margin-bottom: 24px;\n  }\n\n  .job-board .detail-title { font-size: 24px; font-weight: 800; margin: 0; }\n  .job-board .detail-company { color: var(--text-muted); font-weight: 500; }\n\n  .job-board .stats-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n    margin-bottom: 24px;\n  }\n\n  .job-board .stat-box {\n    padding: 16px;\n    background: #f8fafc;\n    border-radius: 12px;\n    border: 1px solid var(--border);\n  }\n\n  .job-board .stat-box label {\n    display: block;\n    font-size: 12px;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    font-weight: 700;\n    margin-bottom: 4px;\n  }\n\n  .job-board .stat-box span { font-weight: 600; font-size: 15px; }\n\n  .job-board .content-section { margin-bottom: 24px; }\n  .job-board .content-section h4 { \n    font-size: 14px; \n    text-transform: uppercase; \n    color: var(--text-muted); \n    margin-bottom: 12px;\n    letter-spacing: 0.05em;\n  }\n\n  .job-board .content-section p, .job-board li {\n    font-size: 15px;\n    line-height: 1.6;\n    color: #475569;\n  }\n\n  .job-board .apply-btn {\n    width: 100%;\n    background: var(--primary);\n    color: white;\n    border: none;\n    padding: 16px;\n    border-radius: 12px;\n    font-weight: 700;\n    font-size: 16px;\n    cursor: pointer;\n    transition: background 0.2s;\n  }\n\n  .job-board .apply-btn:hover { background: var(--primary-hover); }\n\n  @media (max-width: 900px) {\n    .job-board .split { grid-template-columns: 1fr; }\n    .job-board .detail { position: static; order: -1; }\n  }\n<\/style>\n\n<div class=\"job-board\">\n  <div class=\"container\">\n    <div class=\"header\">\n      <h2>Explore Opportunities<\/h2>\n    <\/div>\n\n    <div class=\"split\">\n      <div class=\"list\" id=\"jobList\"><\/div>\n      \n      <div class=\"detail\" id=\"detailPane\">\n        <div class=\"banner\" id=\"bannerArea\">Join Our Mission<\/div>\n        \n        <div class=\"detail-header\">\n          <div class=\"logo\" id=\"companyLogo\" style=\"width:72px; height:72px; font-size:24px\"><\/div>\n          <div>\n            <h3 class=\"detail-title\" id=\"jobTitle\">Position Name<\/h3>\n            <div class=\"detail-company\" id=\"companyName\">Company<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"stats-grid\">\n          <div class=\"stat-box\">\n            <label>Offered Salary<\/label>\n            <span id=\"jobSalary\">\u2014<\/span>\n          <\/div>\n          <div class=\"stat-box\">\n            <label>Experience<\/label>\n            <span id=\"jobExperience\">\u2014<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"content-section\">\n          <h4>About the Role<\/h4>\n          <p id=\"jobDesc\"><\/p>\n        <\/div>\n\n        <div class=\"content-section\">\n          <h4>Key Requirements<\/h4>\n          <ul id=\"jobReq\" style=\"padding-left: 20px;\"><\/ul>\n        <\/div>\n\n        <!-- <button class=\"apply-btn\">Apply for this position<\/button> -->\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    const jobs = [\n      {\n        id: \"1\",\n        title: \"Administrative Officer\",\n        company: \"Bangkok Bank\",\n        location: \"Bangkok, TH\",\n        salary: \"Negotiable\",\n        experience: \"2 - 4 Years\",\n        desc: \"We are looking for a highly organized Administrative Officer to oversee our construction coordination department. You will be responsible for managing documentation, vendor relations, and internal scheduling.\",\n        short: [\"Project Coordination\", \"Documentation\", \"Operations\"],\n        logoText: \"BB\",\n        bannerText: \"Shape the future of banking\"\n      },\n      {\n        id: \"2\",\n        title: \"Senior Software Engineer\",\n        company: \"Nexus Tech\",\n        location: \"Remote \/ Bangkok\",\n        salary: \"$4,500 - $6,000\",\n        experience: \"5+ Years\",\n        desc: \"Join our core platform team to build scalable microservices. You will influence architecture decisions and mentor junior developers in a fast-paced agile environment.\",\n        short: [\"Node.js\", \"TypeScript\", \"AWS\"],\n        logoText: \"NX\",\n        bannerText: \"Code the next generation\"\n      },\n      {\n        id: \"3\",\n        title: \"UI\/UX Designer\",\n        company: \"Creative Studio\",\n        location: \"Phuket, TH\",\n        salary: \"60,000 - 80,000 THB\",\n        experience: \"3+ Years\",\n        desc: \"We need a visual storyteller to craft beautiful digital experiences. You will work closely with product managers to turn complex problems into elegant solutions.\",\n        short: [\"Figma\", \"Design Systems\", \"Prototyping\"],\n        logoText: \"CS\",\n        bannerText: \"Design with purpose\"\n      }\n    ];\n\n    const jobList = document.getElementById('jobList');\n    const detail = {\n      banner: document.getElementById('bannerArea'),\n      logo: document.getElementById('companyLogo'),\n      title: document.getElementById('jobTitle'),\n      company: document.getElementById('companyName'),\n      salary: document.getElementById('jobSalary'),\n      exp: document.getElementById('jobExperience'),\n      desc: document.getElementById('jobDesc'),\n      req: document.getElementById('jobReq')\n    };\n\n    let activeJobId = jobs[0].id;\n\n    function renderList() {\n      jobList.innerHTML = '';\n      jobs.forEach(j => {\n        const card = document.createElement('div');\n        card.className = 'job-card' + (j.id === activeJobId ? ' active' : '');\n        card.innerHTML = `\n          <div class=\"logo\">${j.logoText}<\/div>\n          <div style=\"flex:1\">\n            <div class=\"job-title\">${j.title}<\/div>\n            <div class=\"company\">${j.company}<\/div>\n            <div class=\"tags\">\n              ${j.short.map(t => `<span class=\"tag\">${t}<\/span>`).join('')}\n            <\/div>\n            <div style=\"font-size:12px; color:#94a3b8; font-weight:600\">${j.location}<\/div>\n          <\/div>`;\n        card.onclick = () => selectJob(j.id);\n        jobList.appendChild(card);\n      });\n    }\n\n    function selectJob(id) {\n      activeJobId = id;\n      const j = jobs.find(x => x.id === id);\n      renderList();\n      \n      detail.banner.textContent = j.bannerText;\n      detail.logo.textContent = j.logoText;\n      detail.title.textContent = j.title;\n      detail.company.textContent = j.company;\n      detail.salary.textContent = j.salary;\n      detail.exp.textContent = j.experience;\n      detail.desc.textContent = j.desc;\n      detail.req.innerHTML = j.short.map(x => `<li>${x}<\/li>`).join('');\n    }\n\n    renderList();\n    selectJob(activeJobId);\n  <\/script>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Explore Opportunities Join Our Mission Position Name Company Offered Salary \u2014 Experience \u2014 About the Role Key Requirements<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-6167","page","type-page","status-publish","hentry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","trp-custom-language-flag":"","menu-24x24":"","menu-36x36":"","menu-48x48":""},"post_excerpt_stackable_v2":"<p>Explore Opportunities Join Our Mission Position Name Company Offered Salary \u2014 Experience \u2014 About the Role Key Requirements<\/p>\n","category_list_v2":"","author_info_v2":{"name":"intermutadministrator","url":"https:\/\/inter.mut.ac.th\/zh\/author\/intermutadministrator\/"},"comments_num_v2":"0 \u6761\u8bc4\u8bba","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MUTIC - Job Opportunity - International College<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/inter.mut.ac.th\/zh\/mutic-job\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MUTIC - Job Opportunity - International College\" \/>\n<meta property=\"og:description\" content=\"Explore Opportunities Join Our Mission Position Name Company Offered Salary \u2014 Experience \u2014 About the Role Key Requirements\" \/>\n<meta property=\"og:url\" content=\"https:\/\/inter.mut.ac.th\/zh\/mutic-job\/\" \/>\n<meta property=\"og:site_name\" content=\"International College\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-25T08:10:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/inter.mut.ac.th\/mutic-job\/\",\"url\":\"https:\/\/inter.mut.ac.th\/mutic-job\/\",\"name\":\"MUTIC - Job Opportunity - International College\",\"isPartOf\":{\"@id\":\"https:\/\/inter.mut.ac.th\/#website\"},\"datePublished\":\"2025-11-17T08:24:47+00:00\",\"dateModified\":\"2025-12-25T08:10:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/inter.mut.ac.th\/mutic-job\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/inter.mut.ac.th\/mutic-job\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/inter.mut.ac.th\/mutic-job\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/inter.mut.ac.th\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MUTIC &#8211; Job Opportunity\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/inter.mut.ac.th\/#website\",\"url\":\"https:\/\/inter.mut.ac.th\/\",\"name\":\"Mahanakorn University | International College\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/inter.mut.ac.th\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/inter.mut.ac.th\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/inter.mut.ac.th\/#organization\",\"name\":\"Mahanakorn University International College\",\"url\":\"https:\/\/inter.mut.ac.th\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/inter.mut.ac.th\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mutic.mut.ac.th\/wp-content\/uploads\/2021\/02\/logo_red.png\",\"contentUrl\":\"https:\/\/www.mutic.mut.ac.th\/wp-content\/uploads\/2021\/02\/logo_red.png\",\"width\":1208,\"height\":250,\"caption\":\"Mahanakorn University International College\"},\"image\":{\"@id\":\"https:\/\/inter.mut.ac.th\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"MUTIC - Job Opportunity - International College","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/inter.mut.ac.th\/zh\/mutic-job\/","og_locale":"zh_CN","og_type":"article","og_title":"MUTIC - Job Opportunity - International College","og_description":"Explore Opportunities Join Our Mission Position Name Company Offered Salary \u2014 Experience \u2014 About the Role Key Requirements","og_url":"https:\/\/inter.mut.ac.th\/zh\/mutic-job\/","og_site_name":"International College","article_modified_time":"2025-12-25T08:10:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"1 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/inter.mut.ac.th\/mutic-job\/","url":"https:\/\/inter.mut.ac.th\/mutic-job\/","name":"MUTIC - Job Opportunity - International College","isPartOf":{"@id":"https:\/\/inter.mut.ac.th\/#website"},"datePublished":"2025-11-17T08:24:47+00:00","dateModified":"2025-12-25T08:10:32+00:00","breadcrumb":{"@id":"https:\/\/inter.mut.ac.th\/mutic-job\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/inter.mut.ac.th\/mutic-job\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/inter.mut.ac.th\/mutic-job\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/inter.mut.ac.th\/"},{"@type":"ListItem","position":2,"name":"MUTIC &#8211; Job Opportunity"}]},{"@type":"WebSite","@id":"https:\/\/inter.mut.ac.th\/#website","url":"https:\/\/inter.mut.ac.th\/","name":"Mahanakorn University | International College","description":"","publisher":{"@id":"https:\/\/inter.mut.ac.th\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/inter.mut.ac.th\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/inter.mut.ac.th\/#organization","name":"Mahanakorn University International College","url":"https:\/\/inter.mut.ac.th\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/inter.mut.ac.th\/#\/schema\/logo\/image\/","url":"https:\/\/www.mutic.mut.ac.th\/wp-content\/uploads\/2021\/02\/logo_red.png","contentUrl":"https:\/\/www.mutic.mut.ac.th\/wp-content\/uploads\/2021\/02\/logo_red.png","width":1208,"height":250,"caption":"Mahanakorn University International College"},"image":{"@id":"https:\/\/inter.mut.ac.th\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/inter.mut.ac.th\/zh\/wp-json\/wp\/v2\/pages\/6167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inter.mut.ac.th\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inter.mut.ac.th\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inter.mut.ac.th\/zh\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/inter.mut.ac.th\/zh\/wp-json\/wp\/v2\/comments?post=6167"}],"version-history":[{"count":28,"href":"https:\/\/inter.mut.ac.th\/zh\/wp-json\/wp\/v2\/pages\/6167\/revisions"}],"predecessor-version":[{"id":6338,"href":"https:\/\/inter.mut.ac.th\/zh\/wp-json\/wp\/v2\/pages\/6167\/revisions\/6338"}],"wp:attachment":[{"href":"https:\/\/inter.mut.ac.th\/zh\/wp-json\/wp\/v2\/media?parent=6167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}