{"id":2884,"date":"2024-11-07T10:20:31","date_gmt":"2024-11-07T02:20:31","guid":{"rendered":"https:\/\/engine.iium.edu.my\/mec\/?page_id=2884"},"modified":"2026-03-12T23:31:00","modified_gmt":"2026-03-12T15:31:00","slug":"22-programme-with-chang-gung-university","status":"publish","type":"page","link":"https:\/\/engine.iium.edu.my\/mec\/?page_id=2884","title":{"rendered":"2+2 Programme with Chang Gung University"},"content":{"rendered":"\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-1 wp-block-group-is-layout-flex\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>CGU Dual-Degree Programme Structure &#038; Finance Details<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', Arial, sans-serif;\n            background: linear-gradient(135deg, #e8f0fe 0%, #f0f4ff 50%, #e8f0fe 100%);\n            min-height: 100vh;\n            padding: 40px 20px;\n            color: #1a1a2e;\n        }\n\n        .container {\n            max-width: 860px;\n            margin: auto;\n        }\n\n        \/* Hero Header *\/\n        .hero {\n            background: linear-gradient(135deg, #0a3d91 0%, #1565c0 50%, #1976d2 100%);\n            border-radius: 20px 20px 0 0;\n            padding: 48px 40px 40px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: -60px; right: -60px;\n            width: 220px; height: 220px;\n            background: rgba(255,255,255,0.06);\n            border-radius: 50%;\n        }\n\n        .hero::after {\n            content: '';\n            position: absolute;\n            bottom: -80px; left: -40px;\n            width: 280px; height: 280px;\n            background: rgba(255,255,255,0.04);\n            border-radius: 50%;\n        }\n\n        .hero-badge {\n            display: inline-block;\n            background: rgba(255,255,255,0.15);\n            border: 1px solid rgba(255,255,255,0.3);\n            color: #fff;\n            font-size: 0.75em;\n            font-weight: 600;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            padding: 6px 18px;\n            border-radius: 20px;\n            margin-bottom: 16px;\n        }\n\n        .hero h1 {\n            font-size: 2.6em;\n            font-weight: 700;\n            color: #ffffff;\n            letter-spacing: -0.5px;\n            margin-bottom: 12px;\n            line-height: 1.2;\n        }\n\n        .hero h1 span {\n            color: #90caf9;\n        }\n\n        .hero-subtitle {\n            font-size: 1em;\n            color: rgba(255,255,255,0.8);\n            font-weight: 400;\n            max-width: 560px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        .hero-logos {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 14px;\n            margin-top: 24px;\n        }\n\n        .logo-pill {\n            background: rgba(255,255,255,0.15);\n            border: 1px solid rgba(255,255,255,0.25);\n            color: #fff;\n            font-size: 0.82em;\n            font-weight: 600;\n            padding: 7px 18px;\n            border-radius: 30px;\n        }\n\n        .logo-divider {\n            color: rgba(255,255,255,0.5);\n            font-size: 1.3em;\n        }\n\n        \/* Image gallery strip *\/\n        .image-strip {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 0;\n            height: 200px;\n            overflow: hidden;\n        }\n\n        .image-strip-item {\n            position: relative;\n            overflow: hidden;\n        }\n\n        .image-strip-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.4s ease;\n        }\n\n        .image-strip-item:hover img {\n            transform: scale(1.06);\n        }\n\n        .image-strip-item .img-caption {\n            position: absolute;\n            bottom: 0; left: 0; right: 0;\n            background: linear-gradient(transparent, rgba(0,0,0,0.6));\n            color: #fff;\n            font-size: 0.72em;\n            font-weight: 600;\n            padding: 18px 10px 8px;\n            text-align: center;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Main card *\/\n        .main-card {\n            background: #ffffff;\n            border-radius: 0 0 20px 20px;\n            padding: 44px 44px 48px;\n            box-shadow: 0 20px 60px rgba(10, 61, 145, 0.12);\n        }\n\n        \/* Intro text *\/\n        .intro {\n            font-size: 1.02em;\n            color: #3d3d5c;\n            line-height: 1.75;\n            margin-bottom: 40px;\n            padding: 20px 24px;\n            background: #f3f7ff;\n            border-left: 4px solid #1565c0;\n            border-radius: 0 10px 10px 0;\n        }\n\n        .intro .highlight {\n            font-weight: 600;\n            color: #0a3d91;\n        }\n\n        \/* Section headers *\/\n        .section-header {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 28px;\n        }\n\n        .section-icon {\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #1565c0, #1976d2);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.1em;\n            flex-shrink: 0;\n        }\n\n        .section-header h2 {\n            font-size: 1.3em;\n            font-weight: 700;\n            color: #0a3d91;\n            letter-spacing: -0.3px;\n        }\n\n        \/* Timeline stages *\/\n        .timeline {\n            position: relative;\n            margin-bottom: 48px;\n        }\n\n        .timeline::before {\n            content: '';\n            position: absolute;\n            left: 28px;\n            top: 52px;\n            bottom: 20px;\n            width: 2px;\n            background: linear-gradient(to bottom, #1565c0, #90caf9);\n        }\n\n        .stage-card {\n            display: flex;\n            gap: 24px;\n            margin-bottom: 24px;\n            position: relative;\n        }\n\n        .stage-number {\n            flex-shrink: 0;\n            width: 58px;\n            height: 58px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #0a3d91, #1976d2);\n            color: white;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.62em;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            line-height: 1.3;\n            box-shadow: 0 4px 14px rgba(21,101,192,0.35);\n            z-index: 1;\n        }\n\n        .stage-number .num {\n            font-size: 1.7em;\n            line-height: 1;\n        }\n\n        .stage-body {\n            background: #f8faff;\n            border: 1px solid #dce8fb;\n            border-radius: 14px;\n            padding: 20px 24px;\n            flex: 1;\n            transition: box-shadow 0.2s;\n        }\n\n        .stage-body:hover {\n            box-shadow: 0 6px 24px rgba(21,101,192,0.12);\n        }\n\n        .stage-title {\n            font-size: 0.95em;\n            font-weight: 700;\n            color: #0a3d91;\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .stage-tag {\n            background: #e3edfd;\n            color: #1565c0;\n            font-size: 0.78em;\n            font-weight: 600;\n            padding: 2px 10px;\n            border-radius: 20px;\n        }\n\n        .stage-body p {\n            font-size: 0.93em;\n            color: #4a5568;\n            line-height: 1.7;\n        }\n\n        \/* Finance section *\/\n        .finance-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-bottom: 32px;\n        }\n\n        .finance-card {\n            border-radius: 14px;\n            padding: 24px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .finance-card.stage1 {\n            background: linear-gradient(135deg, #e8f0fe, #dce8fb);\n            border: 1px solid #b3cdf5;\n        }\n\n        .finance-card.stage2 {\n            background: linear-gradient(135deg, #e8f5e9, #dcf0dc);\n            border: 1px solid #a5d6a7;\n        }\n\n        .finance-card-label {\n            font-size: 0.72em;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.2px;\n            margin-bottom: 12px;\n        }\n\n        .finance-card.stage1 .finance-card-label { color: #1565c0; }\n        .finance-card.stage2 .finance-card-label { color: #2e7d32; }\n\n        .finance-card h3 {\n            font-size: 1em;\n            font-weight: 700;\n            margin-bottom: 14px;\n        }\n\n        .finance-card.stage1 h3 { color: #0a3d91; }\n        .finance-card.stage2 h3 { color: #1b5e20; }\n\n        .finance-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n            margin-bottom: 10px;\n            font-size: 0.88em;\n            color: #374151;\n            line-height: 1.55;\n        }\n\n        .finance-dot {\n            width: 7px;\n            height: 7px;\n            border-radius: 50%;\n            margin-top: 6px;\n            flex-shrink: 0;\n        }\n\n        .stage1 .finance-dot { background: #1565c0; }\n        .stage2 .finance-dot { background: #2e7d32; }\n\n        \/* Benefits footer banner *\/\n        .benefits-banner {\n            background: linear-gradient(135deg, #0a3d91 0%, #1565c0 100%);\n            border-radius: 14px;\n            padding: 28px 32px;\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            color: white;\n        }\n\n        .benefits-icon {\n            font-size: 2.4em;\n            flex-shrink: 0;\n        }\n\n        .benefits-text p {\n            font-size: 0.95em;\n            color: rgba(255,255,255,0.9);\n            line-height: 1.65;\n        }\n\n        .benefits-pills {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px;\n            margin-top: 12px;\n        }\n\n        .benefit-pill {\n            background: rgba(255,255,255,0.15);\n            border: 1px solid rgba(255,255,255,0.25);\n            color: #fff;\n            font-size: 0.78em;\n            font-weight: 600;\n            padding: 5px 14px;\n            border-radius: 20px;\n        }\n\n        \/* Contact section *\/\n        .contact-section {\n            margin-top: 36px;\n        }\n\n        .contact-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n            margin-top: 0;\n        }\n\n        .contact-card {\n            background: #f8faff;\n            border: 1px solid #dce8fb;\n            border-radius: 14px;\n            padding: 22px 24px;\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            transition: box-shadow 0.2s, transform 0.2s;\n        }\n\n        .contact-card:hover {\n            box-shadow: 0 6px 24px rgba(21,101,192,0.14);\n            transform: translateY(-2px);\n        }\n\n        .contact-avatar {\n            width: 66px;\n            height: 66px;\n            border-radius: 50%;\n            overflow: hidden;\n            flex-shrink: 0;\n            border: 3px solid #1565c0;\n            box-shadow: 0 3px 10px rgba(21,101,192,0.25);\n        }\n\n        .contact-avatar img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .contact-info .contact-name {\n            font-size: 0.9em;\n            font-weight: 700;\n            color: #0a3d91;\n            margin-bottom: 4px;\n        }\n\n        .contact-info .contact-role {\n            font-size: 0.75em;\n            color: #6b7280;\n            margin-bottom: 8px;\n            font-weight: 500;\n        }\n\n        .contact-info a {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 0.8em;\n            color: #1565c0;\n            text-decoration: none;\n            font-weight: 600;\n            background: #e3edfd;\n            padding: 4px 12px;\n            border-radius: 20px;\n            transition: background 0.2s;\n        }\n\n        .contact-info a:hover {\n            background: #ccddf9;\n        }\n\n        @media (max-width: 600px) {\n            .hero { padding: 36px 24px 32px; }\n            .hero h1 { font-size: 1.9em; }\n            .main-card { padding: 28px 22px 36px; }\n            .finance-grid { grid-template-columns: 1fr; }\n            .timeline::before { left: 24px; }\n            .stage-number { width: 50px; height: 50px; }\n            .benefits-banner { flex-direction: column; text-align: center; }\n            .image-strip { height: 130px; }\n            .contact-grid { grid-template-columns: 1fr; }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n\n    <!-- Hero -->\n    <div class=\"hero\">\n        <div class=\"hero-badge\">Dual Degree Programme<\/div>\n        <h1>Dual-Degree Programme<br><span>Structure &#038; Finance<\/span><\/h1>\n        <p class=\"hero-subtitle\">Earn two Bachelor&#8217;s degrees \u2014 one from IIUM and one from CGU \u2014 through a fully structured four-year international pathway.<\/p>\n        <div class=\"hero-logos\">\n            <div class=\"logo-pill\">IIUM \u00b7 Malaysia<\/div>\n            <div class=\"logo-divider\">\u27f7<\/div>\n            <div class=\"logo-pill\">CGU \u00b7 Taiwan<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Image Strip -->\n    <div class=\"image-strip\">\n        <div class=\"image-strip-item\">\n            <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/uia.jpg\" alt=\"IIUM Campus, Gombak\">\n            <div class=\"img-caption\">IIUM Campus \u00b7 Malaysia<\/div>\n        <\/div>\n        <div class=\"image-strip-item\">\n            <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/Chang-Gung-1.png\" alt=\"Chang Gung University, Taiwan\">\n            <div class=\"img-caption\">CGU Campus \u00b7 Taiwan<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"main-card\">\n\n        <!-- Intro -->\n        <p class=\"intro\">\n            The <span class=\"highlight\">Dual-Degree Programme<\/span> offers students the opportunity to study at both <span class=\"highlight\">IIUM<\/span> and <span class=\"highlight\">Chang Gung University (CGU)<\/span> in Taiwan, earning a <span class=\"highlight\">Bachelor&#8217;s Degree from each institution<\/span> upon successful completion.\n        <\/p>\n\n        <!-- Programme Stages -->\n        <div class=\"section-header\">\n            <div class=\"section-icon\">&#9654;<\/div>\n            <h2>Programme Stages<\/h2>\n        <\/div>\n\n        <div class=\"timeline\">\n\n            <div class=\"stage-card\">\n                <div class=\"stage-number\"><span class=\"num\">1<\/span>Stage<\/div>\n                <div class=\"stage-body\">\n                    <div class=\"stage-title\">\n                        Years 1 &amp; 2 at IIUM\n                        <span class=\"stage-tag\">Malaysia<\/span>\n                    <\/div>\n                    <p>Students complete <strong>71 credit hours<\/strong> at IIUM during the first two years. The <strong>Engineering Industrial Training (EIT)<\/strong> is also undertaken in Malaysia at the end of Year 3, due to Taiwan&#8217;s immigration regulations. In total, <strong>76 credit hours<\/strong> out of the 139 required are completed at IIUM.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"stage-card\">\n                <div class=\"stage-number\"><span class=\"num\">2<\/span>Stage<\/div>\n                <div class=\"stage-body\">\n                    <div class=\"stage-title\">\n                        Years 3 &amp; 4 at CGU\n                        <span class=\"stage-tag\">Taiwan<\/span>\n                    <\/div>\n                    <p>Students transfer to CGU to complete the remaining <strong>63 credit hours<\/strong> required for IIUM&#8217;s degree, while simultaneously fulfilling <strong>CGU&#8217;s academic requirements<\/strong> over the two-year period \u2014 progressing toward both Bachelor&#8217;s degrees concurrently.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Finance Matters -->\n        <div class=\"section-header\">\n            <div class=\"section-icon\">&#128176;<\/div>\n            <h2>Finance Matters<\/h2>\n        <\/div>\n\n        <div class=\"finance-grid\">\n\n            <div class=\"finance-card stage1\">\n                <div class=\"finance-card-label\">Stage One<\/div>\n                <h3>Years 1 &amp; 2 at IIUM<\/h3>\n                <div class=\"finance-item\">\n                    <div class=\"finance-dot\"><\/div>\n                    <span>Full tuition and fees paid to <strong>IIUM<\/strong><\/span>\n                <\/div>\n                <div class=\"finance-item\">\n                    <div class=\"finance-dot\"><\/div>\n                    <span>CGU <strong>waives its tuition and fees<\/strong> during this period<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"finance-card stage2\">\n                <div class=\"finance-card-label\">Stage Two<\/div>\n                <h3>Years 3 &amp; 4 at CGU<\/h3>\n                <div class=\"finance-item\">\n                    <div class=\"finance-dot\"><\/div>\n                    <span>CGU <strong>scholarship<\/strong> covers tuition fees &amp; on-campus accommodation<\/span>\n                <\/div>\n                <div class=\"finance-item\">\n                    <div class=\"finance-dot\"><\/div>\n                    <span>Students continue paying IIUM tuition at the <strong>standard rate<\/strong><\/span>\n                <\/div>\n                <div class=\"finance-item\">\n                    <div class=\"finance-dot\"><\/div>\n                    <span>Extension beyond two years charged <strong>per credit hour<\/strong><\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Benefits Banner -->\n        <div class=\"benefits-banner\">\n            <div class=\"benefits-icon\">&#127775;<\/div>\n            <div class=\"benefits-text\">\n                <p>This unique Dual-Degree Programme equips students with <strong>international experience<\/strong>, <strong>dual qualifications<\/strong>, and a <strong>global perspective<\/strong> \u2014 preparing them for competitive global engineering careers.<\/p>\n                <div class=\"benefits-pills\">\n                    <span class=\"benefit-pill\">Dual Bachelor&#8217;s Degrees<\/span>\n                    <span class=\"benefit-pill\">CGU Scholarship<\/span>\n                    <span class=\"benefit-pill\">International Exposure<\/span>\n                    <span class=\"benefit-pill\">Global Network<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Contact Section -->\n        <div class=\"contact-section\">\n            <div class=\"section-header\" style=\"margin-top: 36px;\">\n                <div class=\"section-icon\">&#9993;<\/div>\n                <h2>Interested? Contact Us<\/h2>\n            <\/div>\n            <div class=\"contact-grid\">\n                <div class=\"contact-card\">\n                    <div class=\"contact-avatar\">\n                        <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/Dayana.jpg\" alt=\"Dr Tengku Nordayana Akma\">\n                    <\/div>\n                    <div class=\"contact-info\">\n                        <div class=\"contact-name\">Dr Tengku Nordayana Akma<\/div>\n                        <div class=\"contact-role\">Programme Coordinator \u00b7 IIUM<\/div>\n                        <a href=\"mailto:tengku_dayana@iium.edu.my\">&#9993; tengku_dayana@iium.edu.my<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"contact-card\">\n                    <div class=\"contact-avatar\">\n                        <img decoding=\"async\" src=\"https:\/\/engine.iium.edu.my\/mec\/wp-content\/uploads\/1589430434746.jpg\" alt=\"Dr Azan\">\n                    <\/div>\n                    <div class=\"contact-info\">\n                        <div class=\"contact-name\">Dr Azan<\/div>\n                        <div class=\"contact-role\">Programme Coordinator \u00b7 IIUM<\/div>\n                        <a href=\"mailto:azan@iium.edu.my\">&#9993; azan@iium.edu.my<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n<\/body>\n<\/html>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CGU Dual-Degree Programme Structure &#038; Finance Details Dual Degree Programme Dual-Degree ProgrammeStructure &#038; Finance Earn two Bachelor&#8217;s degrees \u2014 one from IIUM and one from CGU \u2014 through a fully structured four-year international pathway. IIUM \u00b7 Malaysia \u27f7 CGU \u00b7 Taiwan IIUM Campus \u00b7 Malaysia CGU Campus \u00b7 Taiwan The [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-fullwidth.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/pages\/2884"}],"collection":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2884"}],"version-history":[{"count":7,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/pages\/2884\/revisions"}],"predecessor-version":[{"id":3556,"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=\/wp\/v2\/pages\/2884\/revisions\/3556"}],"wp:attachment":[{"href":"https:\/\/engine.iium.edu.my\/mec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}