创意音频文凭 | MMU Multimedia University
Specifications
省份/城市
吉隆坡
授课语言
英文
课程领域
影视与艺术
开课
四月
开课
八月
开课
十月
课程
文凭
国家
马来西亚
骞村害瀛垂
低于2万 马币
Details
Diploma in Creative Audio | MMU Multimedia University/title>
<meta name="description" content="了解多媒体大学创意音频文凭：学费、奖学金、入学要求等信息。轻松对比方案，快速锁定奖学金。">
<link href="https://www.e-square.com.my/en/mmu-diploma-in-creative-audio" rel="canonical" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet" />
<style type="text/css">:root {
--primary: #7B2CBF;
--primary-light: #E0AAFF;
--primary-dark: #5A189A;
--accent: #9D4EDD;
--accent-light: #C77DFF;
--card-bg: #fff;
--card-shadow: 0 4px 24px 0 rgba(123, 44, 191, 0.1);
--radius: 18px;
--gradient: linear-gradient(135deg, #7B2CBF 0%, #9D4EDD 100%);
--hover-gradient: linear-gradient(135deg, #9D4EDD 0%, #C77DFF 100%);
--text-primary: #2D0C57;
--text-secondary: #666;
--border-color: #E0AAFF;
--success: #4CAF50;
--warning: #FFC107;
--error: #F44336;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
background: #fff;
color: var(--text-primary);
line-height: 1.6;
}
.scut-root {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
/* 课程信息卡片 */
.info-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1rem;
margin-bottom: 2rem;
}
.info-card {
background: #fff;
border-radius: var(--radius);
padding: 1rem 1rem;
box-shadow: var(--card-shadow);
border: 2px solid var(--border-color);
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.info-card:hover {
transform: translateY(-5px);
}
.info-label {
color: var(--text-secondary);
font-size: 0.85rem;
margin-bottom: 0.3rem;
}
.info-value {
color: var(--primary) !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
text-align: center;
width: 100%;
}
/* 录取要求区块 */
.entry-req-section {
background: #fff;
border-radius: var(--radius);
padding: 2rem;
margin-bottom: 2rem;
box-shadow: var(--card-shadow);
}
.section-title {
font-size: 1.8rem !important;
color: var(--primary) !important;
margin-bottom: 1.5rem !important;
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
}
.entry-req-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
}
.entry-req-card {
background: #fff;
border: 2px solid var(--border-color);
border-radius: var(--radius);
padding: 1rem;
cursor: pointer;
transition: all 0.3s ease;
}
.entry-req-card:hover,
.entry-req-card.selected {
background: #F3EDFF !important;
border-color: var(--primary);
}
.entry-req-card .main {
font-size: 1.2rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
}
.entry-req-card .sub {
font-size: 0.9rem;
color: var(--text-secondary);
}
.entry-req-card .desc {
font-size: 0.8rem;
color: var(--text-secondary);
margin-top: 0.3rem;
line-height: 1.3;
}
/* 奖学金选择器 */
.scholarship-section {
margin-bottom: 2rem;
}
.scholarship-cards {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
padding-left: 0;
padding-right: 0;
}
.scholarship-card {
background: #fff;
border: 2px solid var(--border-color);
border-radius: var(--radius);
padding: 1.5rem 1.2rem;
transition: all 0.3s ease;
margin: 0;
width: 100%;
box-sizing: border-box;
}
.scholarship-card:hover,
.scholarship-card.selected {
background: #F3EDFF !important;
border-color: var(--primary);
transform: translateY(-5px);
}
.scholarship-title {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 0.5rem !important;
}
.scholarship-amount {
font-size: 1.2rem !important;
font-weight: 800 !important;
color: var(--accent) !important;
margin-bottom: 0.5rem !important;
}
.scholarship-desc {
font-size: 0.9rem;
color: var(--text-secondary);
}
/* PTPTN选择器 */
.ptptn-section {
margin-bottom: 2rem;
}
.ptptn-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
}
.ptptn-card {
background: #fff;
border: 2px solid var(--border-color);
border-radius: var(--radius);
padding: 1.5rem;
cursor: pointer;
transition: all 0.3s ease;
}
.ptptn-card:hover,
.ptptn-card.selected {
background: #F3EDFF !important;
border-color: var(--primary);
transform: translateY(-5px);
}
/* Voucher选择器 */
.voucher-section {
margin-bottom: 2rem;
}
.voucher-card {
background: #fff;
border: 2px solid var(--border-color);
border-radius: var(--radius);
padding: 1.5rem;
cursor: pointer;
transition: all 0.3s ease;
max-width: 300px;
}
.voucher-card:hover,
.voucher-card.selected {
background: #F3EDFF !important;
border-color: var(--primary);
transform: translateY(-5px);
}
/* 费用明细 */
.fee-breakdown {
background: #fff;
border-radius: var(--radius);
padding: 2rem;
margin-bottom: 2rem;
box-shadow: var(--card-shadow);
}
.fee-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
border-bottom: 1px solid var(--border-color);
gap: 2rem;
}
.fee-total {
display: flex;
justify-content: space-between;
padding-top: 1rem;
font-weight: 700;
font-size: 1.2rem;
color: var(--primary);
}
/* 课程结构 */
.course-structure {
margin-bottom: 2rem;
}
.year-section {
margin-bottom: 1rem;
}
.year-header {
background: #fff;
border-radius: var(--radius);
padding: 1rem 1.5rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: var(--card-shadow);
transition: all 0.3s ease;
}
.year-header:hover {
background: #F6F2FF;
}
.year-header.active {
background: #F3EDFF;
}
.year-content {
display: none;
padding: 1.5rem;
background: #fff;
border-radius: 0 0 var(--radius) var(--radius);
margin-top: -0.5rem;
box-shadow: var(--card-shadow);
}
.year-content.active {
display: block;
}
/* 下一步操作 */
.next-steps {
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 2rem;
}
.next-steps-title {
font-size: 1.5rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 1.2rem !important;
text-align: center !important;
}
.next-steps-btn-row {
display: flex;
gap: 1.5rem;
justify-content: center;
width: 100%;
margin-top: 1.5rem;
flex-wrap: wrap;
}
.next-step-card {
background: #fff;
border-radius: var(--radius);
padding: 2rem;
text-align: center;
box-shadow: var(--card-shadow);
transition: transform 0.3s ease;
flex: 1 1 320px;
min-width: 220px;
max-width: 350px;
margin-bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.next-step-title {
font-size: 1.2rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 1rem !important;
}
.next-step-desc {
color: var(--text-secondary);
margin-bottom: 1.5rem;
}
/* 按钮样式 */
.gradient-btn {
display: inline-block;
padding: 0.8rem 2rem;
background: var(--gradient);
color: white;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.gradient-btn:hover {
background: var(--hover-gradient);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(123, 44, 191, 0.2);
}
/* 响应式设计 */
@media (max-width: 768px) {
.scut-root {
padding: 1rem;
}
.section-title {
font-size: 1.5rem;
}
.next-steps {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.info-cards {
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
}
.info-card {
padding: 0.7rem 0.5rem;
font-size: 0.95rem;
}
.intake-card {
grid-column: span 2;
text-align: center;
}
.suitability-grid {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.suitability-card {
padding: 1rem;
max-width: 100%;
}
.scholarship-cards {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.scholarship-card {
padding: 1rem;
max-width: 100%;
}
.fee-item, .fee-total {
flex-direction: row;
align-items: center;
gap: 0.5rem;
}
.fee-label {
text-align: left;
font-size: 1rem;
flex: 1;
}
.fee-value, .fee-total-value {
flex: 0 0 auto;
text-align: right !important;
font-size: 0.95rem;
font-weight: 700;
color: var(--primary);
word-break: break-all;
overflow-wrap: break-word;
vertical-align: middle;
white-space: normal;
}
.exchange-rate-info {
justify-content: center !important;
align-items: center !important;
text-align: center !important;
flex-direction: column !important;
gap: 0.2rem;
padding: 0.7rem 0.5rem;
font-size: 0.98rem;
}
}
/* 课程适合度评估 */
.suitability-section {
padding: 1.2rem 0.5rem 1.2rem 0.5rem;
margin-bottom: 1.2rem;
}
.suitability-header {
display: block;
margin-bottom: 1rem;
padding: 0;
}
.suitability-header h2 {
font-size: 1.5rem;
color: var(--primary);
margin: 0;
font-weight: 700;
text-align: left;
}
.suitability-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.7rem;
margin-top: 0.5rem;
padding-left: 0;
padding-right: 0;
}
.suitability-card {
background: #fff;
border: 2px solid var(--border-color);
border-radius: var(--radius);
padding: 1rem 0.7rem;
transition: all 0.3s ease;
margin: 0;
width: 100%;
box-sizing: border-box;
min-height: unset;
}
.suitability-title {
font-size: 1rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 0.2rem;
}
.suitability-desc {
font-size: 0.95rem;
color: var(--text-secondary);
}
@media (max-width: 600px) {
.suitability-section {
padding: 0.7rem 0.2rem 0.7rem 0.2rem;
}
.suitability-card {
padding: 0.7rem 0.3rem;
}
}
/* 未来职业发展 */
.career-section {
padding: 1.5rem 2rem;
margin-bottom: 2rem;
text-align: left;
}
.career-title {
font-size: 1.2rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 1rem !important;
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
text-align: left !important;
}
.career-list {
list-style: none;
padding: 0;
text-align: left;
}
.career-item {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.5rem;
color: var(--text-secondary);
}
.career-item i {
color: var(--primary);
font-size: 0.8rem;
}
/* 咨询老师CTA */
.consult-btn {
display: flex;
align-items: center;
justify-content: center;
margin: 2rem auto 0 auto;
background: var(--gradient);
color: #fff;
border: none;
border-radius: 50px;
padding: 0.9rem 2.2rem;
font-size: 1.1rem;
font-weight: 700;
cursor: pointer;
box-shadow: 0 4px 16px rgba(123,44,191,0.08);
transition: all 0.2s;
gap: 0.7rem;
}
.consult-btn:hover {
background: var(--hover-gradient);
transform: scale(1.05);
box-shadow: 0 6px 24px rgba(123,44,191,0.15);
}
/* 奖学金下方CTA组 */
.scholarship-cta-group {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
margin: 2rem 0 2rem 0;
}
.scholarship-cta {
background: linear-gradient(90deg, #FFB86B 0%, #FF7E5F 100%);
color: #fff;
border: none;
border-radius: 50px;
padding: 1rem 2.5rem;
font-size: 1.15rem;
font-weight: 700;
cursor: pointer;
margin: 0.2rem 0;
box-shadow: 0 4px 16px rgba(255,126,95,0.08);
transition: all 0.2s;
}
.scholarship-cta:hover {
background: linear-gradient(90deg, #FF7E5F 0%, #FFB86B 100%);
transform: scale(1.05);
box-shadow: 0 6px 24px rgba(255,126,95,0.15);
}
@media (max-width: 600px) {
.scholarship-cta {
font-size: 1rem;
padding: 0.8rem 1.2rem;
}
}
/* E-Square福利说明 */
.e-square-benefit {
margin: 2rem 0;
padding: 1.5rem 2rem;
border-radius: var(--radius);
box-shadow: var(--card-shadow);
border: 1.5px solid #E0AAFF;
color: var(--text-primary);
}
.e-square-benefit-title {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 0.7rem !important;
}
.e-square-benefit-list {
margin: 0.5rem 0 0 1.2rem;
color: var(--text-secondary);
font-size: 1rem;
}
.e-square-benefit-list strong {
color: var(--accent);
}
/* 适合你吗按钮 */
.suitability-cta {
display: flex;
align-items: center;
justify-content: center;
margin: 2rem auto 0 auto;
background: var(--gradient);
color: #fff;
border: none;
border-radius: 50px;
padding: 0.9rem 2.2rem;
font-size: 1.1rem;
font-weight: 700;
cursor: pointer;
box-shadow: 0 4px 16px rgba(123,44,191,0.08);
transition: all 0.2s;
gap: 0.7rem;
}
.suitability-cta:hover {
background: var(--hover-gradient);
transform: scale(1.05);
box-shadow: 0 6px 24px rgba(123,44,191,0.15);
}
/* 紫色渐变动画按钮 */
.purple-cta {
display: flex;
align-items: center;
justify-content: center;
margin: 2rem auto 0 auto;
background: linear-gradient(90deg, #9D4EDD, #7B2CBF, #C77DFF);
background-size: 200% 200%;
color: #fff;
border: none;
border-radius: 50px;
padding: 0.9rem 2.2rem;
font-size: 1.1rem;
font-weight: 700;
cursor: pointer;
box-shadow: 0 4px 16px rgba(123,44,191,0.08);
transition: all 0.2s;
gap: 0.7rem;
animation: gradientMove 2s linear infinite;
text-decoration: none !important;
}
@keyframes gradientMove {
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}
}
.purple-cta:hover {
transform: scale(1.05);
box-shadow: 0 6px 24px rgba(123,44,191,0.15);
}
/* 横幅banner按钮 */
.banner-cta {
width: 100%;
margin: 2rem 0 2rem 0;
display: flex;
justify-content: center;
}
.banner-cta-btn {
width: 100%;
max-width: 600px;
background: linear-gradient(90deg, #9D4EDD, #7B2CBF, #C77DFF);
background-size: 200% 200%;
color: #fff;
border: none;
border-radius: 32px;
padding: 1.2rem 0;
font-size: 1.3rem;
font-weight: 700;
cursor: pointer;
box-shadow: 0 4px 16px rgba(123,44,191,0.08);
transition: all 0.2s;
animation: gradientMove 2s linear infinite;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.banner-cta-btn:hover {
transform: scale(1.03);
box-shadow: 0 6px 24px rgba(123,44,191,0.15);
}
/* Step cards for suitability section */
.steps-section {
margin-bottom: 2rem;
padding: 0;
max-width: 100%;
}
.step-list {
display: flex;
flex-direction: column;
gap: 1rem;
max-width: 100%;
margin: 0;
}
.step-card {
display: flex;
align-items: center;
background: #fff;
border: 2px solid #E0AAFF;
border-radius: 22px;
box-shadow: 0 2px 12px 0 rgba(157, 78, 221, 0.06);
padding: 1.2rem 1.5rem;
gap: 1.2rem;
transition: box-shadow 0.2s, border-color 0.2s;
width: 100%;
}
.step-card.clickable {
cursor: pointer;
}
.step-card.clickable:hover {
box-shadow: 0 4px 20px 0 rgba(157, 78, 221, 0.12);
border-color: #9D4EDD;
}
.step-card .step-desc .highlight-purple {
color: #7B2CBF !important;
font-weight: 700;
}
.step-label {
background: linear-gradient(90deg, #9D4EDD 0%, #7B2CBF 100%);
color: #fff;
font-weight: 700;
font-size: 1.1rem;
border-radius: 18px;
padding: 0.4rem 1.2rem;
margin-right: 1rem;
min-width: 80px;
text-align: center;
flex-shrink: 0;
}
.step-content {
display: flex;
flex-direction: column;
flex: 1;
}
.step-title {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 0.2rem !important;
}
.step-desc {
color: #444;
font-size: 1rem;
}
.step-card.highlight {
background: #F6F2FF;
border: 2px solid #7B2CBF;
flex-direction: column;
align-items: flex-start;
padding: 1.5rem 1.5rem 1.7rem 1.5rem;
}
.step-card.highlight .step-title {
color: #7B2CBF;
}
.step-btn {
background: linear-gradient(90deg, #FFB86B 0%, #FF7E5F 100%);
color: #fff;
border: none;
border-radius: 50px;
padding: 0.9rem 2.2rem;
font-size: 1.1rem;
font-weight: 700;
cursor: pointer;
box-shadow: 0 4px 16px rgba(255,126,95,0.08);
transition: all 0.2s;
margin-top: 0.5rem;
}
.step-btn:hover {
background: linear-gradient(90deg, #FF7E5F 0%, #FFB86B 100%);
transform: scale(1.05);
}
@media (max-width: 600px) {
.step-card, .step-card.highlight {
flex-direction: column;
align-items: flex-start;
padding: 1rem 0.7rem;
}
.step-label {
margin-right: 0;
margin-bottom: 0.5rem;
}
}
/* 添加紫色粗体文本的专门样式 */
.scut-purple-bold {
color: var(--primary) !important;
font-weight: 700 !important;
font-size: 1.1rem !important;
}
/* 更新标题样式 */
.section-title {
font-size: 1.8rem !important;
color: var(--primary) !important;
margin-bottom: 1.5rem !important;
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
}
.ptptn-title {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
}
.voucher-title {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
}
.fee-total-label {
font-weight: 700 !important;
font-size: 1.2rem !important;
color: var(--primary) !important;
}
.year-title {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
}
.next-step-title {
font-size: 1.2rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 1rem !important;
}
.step-title {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 0.2rem !important;
}
.e-square-benefit-title {
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 0.7rem !important;
}
.career-title {
font-size: 1.2rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 1rem !important;
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
text-align: left !important;
}
.next-steps-title {
font-size: 1.5rem !important;
font-weight: 700 !important;
color: var(--primary) !important;
margin-bottom: 1.2rem !important;
text-align: center !important;
}
/* 学生类型选择器样式 */
.student-type-section {
margin-bottom: 2rem;
padding: 0 1rem;
}
.student-type-cards {
display: flex;
gap: 1rem;
margin-top: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.student-type-card {
background: #fff;
border: 2px solid var(--border-color);
border-radius: var(--radius);
padding: 1.5rem;
cursor: pointer;
transition: all 0.3s ease;
flex: 1;
min-width: 200px;
max-width: 300px;
}
.student-type-card:hover,
.student-type-card.selected {
background: #F3EDFF !important;
border-color: var(--primary);
transform: translateY(-5px);
}
.student-type-title {
font-size: 1.2rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 0.5rem;
}
.student-type-desc {
color: var(--text-secondary);
font-size: 0.9rem;
}
/* 汇率信息样式 */
.exchange-rate-info {
background: #F6F2FF;
border-radius: var(--radius);
padding: 0.7rem 1.2rem;
margin-bottom: 1.5rem;
color: var(--primary);
font-size: 1rem;
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
align-items: center;
justify-content: flex-start;
}
.exchange-rate-info .rate-label {
font-weight: 700;
font-size: 1.05rem;
}
.exchange-rate-info .rate-time {
color: var(--text-secondary);
font-size: 0.95rem;
font-weight: 400;
}
#exchange-rate {
color: var(--primary);
font-weight: 700;
}
#rate-update-time {
color: var(--accent);
}
#international-scholarship-container {
background: #F6F2FF;
border-radius: var(--radius);
box-shadow: var(--card-shadow);
padding: 2rem 1.5rem 2.5rem 1.5rem;
margin-bottom: 2rem;
}
.voucher-card.processing-fee-waiver.selected {
background: #F3EDFF !important;
border-color: var(--primary) !important;
box-shadow: 0 4px 20px 0 rgba(157, 78, 221, 0.12);
transform: translateY(-5px);
position: relative;
}
.voucher-card.processing-fee-waiver.selected::after {
content: '\2713';
position: absolute;
top: 10px;
right: 18px;
color: var(--primary);
font-size: 1.3rem;
font-weight: bold;
}
.voucher-card.processing-fee-waiver {
border: 2.5px solid var(--border-color);
transition: all 0.3s;
}
.fee-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
border-bottom: 1px solid var(--border-color);
gap: 2rem;
}
.fee-label {
flex: 1;
text-align: left;
font-size: 1rem;
white-space: normal;
}
.fee-value, .fee-total-value {
flex: 0 0 auto;
text-align: right !important;
font-size: 1.2rem;
font-weight: 700;
color: var(--primary);
word-break: break-all;
overflow-wrap: break-word;
vertical-align: middle;
white-space: normal;
}
@media (max-width: 600px) {
.fee-item, .fee-total {
flex-direction: row;
align-items: center;
gap: 0.5rem;
}
.fee-label {
text-align: left;
font-size: 1rem;
flex: 1;
white-space: normal;
}
.fee-value, .fee-total-value {
flex: 0 0 auto;
text-align: right !important;
font-size: 0.95rem;
font-weight: 700;
color: var(--primary);
word-break: break-all;
overflow-wrap: break-word;
vertical-align: middle;
white-space: normal;
}
}
/* International Scholarship Application button smaller, not bold, no underline */
.international-scholarship-content .purple-cta {
font-size: 1rem;
font-weight: 500;
padding: 0.7rem 1.5rem;
text-decoration: none !important;
margin-top: 1.2rem;
margin-bottom: 0;
box-shadow: none;
}
.international-scholarship-content .purple-cta:hover {
box-shadow: 0 2px 8px rgba(123,44,191,0.10);
background: var(--hover-gradient);
}
.international-scholarship-container {
background: #F6F2FF;
border-radius: 18px;
box-shadow: 0 4px 24px 0 rgba(123, 44, 191, 0.08);
padding: 2rem 1.5rem 2.5rem 1.5rem;
margin-bottom: 2rem;
}
@media (max-width: 600px) {
.international-scholarship-container {
padding: 1.2rem 0.5rem 1.5rem 0.5rem;
}
}
/* Make Secure Scholarship button smaller */
.scholarship-cta-group .purple-cta {
font-size: 1rem;
padding: 0.6rem 1.3rem;
min-width: 120px;
max-width: 220px;
margin: 0 auto;
box-shadow: none;
}
/* Universal selector card checkmark effect */
.voucher-card.selected::after,
.ptptn-card.selected::after,
.entry-req-card.selected::after,
.scholarship-card.selected::after,
.student-type-card.selected::after {
content: '\2713';
position: absolute;
top: 10px;
right: 18px;
color: var(--primary);
font-size: 1.3rem;
font-weight: bold;
z-index: 2;
}
/* Ensure all selector cards are position:relative for checkmark */
.voucher-card,
.ptptn-card,
.entry-req-card,
.scholarship-card,
.student-type-card {
position: relative;
}
.scholarship-category-card {
background: #fff;
border: 2px solid var(--border-color);
border-radius: var(--radius);
padding: 1.5rem;
margin-bottom: 1.5rem;
box-shadow: var(--card-shadow);
}
.scholarship-category-title {
font-size: 1.3rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--border-color);
}
.scholarship-item-card {
background: #F9F4FF;
border: 2px solid transparent;
border-radius: var(--radius);
padding: 1rem;
cursor: pointer;
transition: all 0.3s ease;
margin-bottom: 1rem;
position: relative; /* For checkmark */
}
.scholarship-item-card:hover,
.scholarship-item-card.selected {
border-color: var(--primary);
background: #F3EDFF;
}
.scholarship-item-card.selected::after {
content: '\2713';
position: absolute;
top: 10px;
right: 18px;
color: var(--primary);
font-size: 1.3rem;
font-weight: bold;
z-index: 2;
}
.scholarship-item-card .title {
font-weight: 700;
color: var(--primary-dark);
}
.scholarship-item-card .amount {
font-weight: bold;
color: var(--accent);
}
.scholarship-item-card .description {
font-size: 0.9rem;
color: var(--text-secondary);
margin-top: 0.5rem;
}
.scholarship-select-container {
margin-bottom: 1rem;
}
.scholarship-select {
width: 100%;
padding: 0.8rem 1rem;
border-radius: var(--radius);
border: 2px solid var(--border-color);
font-size: 1rem;
color: var(--text-primary);
background-color: #fff;
cursor: pointer;
transition: border-color 0.3s ease;
}
.scholarship-select:hover,
.scholarship-select:focus {
border-color: var(--primary);
}
</style>
<div class="scut-root"><!-- 课程信息卡片 -->
<div class="info-cards">
<div class="info-card">
<div class="info-label">学制</div>
<div class="info-value scut-purple-bold">2年</div>
</div>
<div class="info-card">
<div class="info-label">学习模式</div>
<div class="info-value scut-purple-bold">面授</div>
</div>
<div class="info-card">
<div class="info-label">校区</div>
<div class="info-value scut-purple-bold">马六甲</div>
</div>
<div class="info-card">
<div class="info-label">授课语言</div>
<div class="info-value scut-purple-bold">英语</div>
</div>
<div class="info-card intake-card">
<div class="info-label">入学时间</div>
<div class="info-value scut-purple-bold">4月、8月、10月</div>
</div>
</div>
<!-- 这个课程适合你吗？ -->
<div class="steps-section">
<div class="suitability-header">
<h2 class="scut-purple-bold">这个课程适合你吗？</h2>
</div>
<div class="step-list">
<div class="clickable step-card" onclick="scrollToSection('entry-req-section')">
<div class="step-label">第一步</div>
<div class="step-content">
<div class="step-title">查看入学要求</div>
<div class="step-desc">了解本课程的学术资格要求。</div>
</div>
</div>
<div class="clickable step-card" onclick="scrollToSection('scholarship-section')">
<div class="step-label">第二步</div>
<div class="step-content">
<div class="step-title">选择奖学金和PTPTN</div>
</div>
</div>
<div class="clickable step-card" onclick="scrollToSection('fee-breakdown')">
<div class="step-label">第三步</div>
<div class="step-content">
<div class="step-title">奖学金后实际费用</div>
<div class="step-desc">计算获得奖学金和贷款后的实际应付费用。</div>
</div>
</div>
<div class="highlight step-card">
<div class="step-label">第四步</div>
<div class="step-content">
<div class="step-title">选择最佳方案</div>
<div class="step-desc">比较其他院校的课程和费用，涵盖<span class="highlight-purple">40多所院校</span>和<span class="highlight-purple">100多个奖学金</span>。</div>
</div>
<button class="purple-cta" onclick="window.open('https://www.e-square.com.my/university-course-search','_blank')"><i class="fas fa-search"></i>立即开始</button></div>
</div>
</div>
<!-- 学生类型选择器 -->
<div class="student-type-section">
<h2 class="scut-purple-bold section-title"><i class="fas fa-user-graduate"></i>学生类型</h2>
<div class="student-type-cards">
<div class="student-type-card" data-type="domestic">
<div class="student-type-title">本地学生</div>
<div class="student-type-desc">马来西亚公民</div>
</div>
<div class="student-type-card" data-type="international">
<div class="student-type-title">国际学生</div>
<div class="student-type-desc">非马来西亚公民</div>
</div>
</div>
</div>
<!-- 录取要求区块 -->
<div class="entry-req-section" id="entry-req-section">
<h2 class="scut-purple-bold section-title"><i class="fas fa-graduation-cap"></i>我符合资格吗？</h2>
<div class="domestic-req entry-req-grid">
<div class="entry-req-card" data-req="SPM">
<div class="main">SPM</div>
<div class="sub">3C</div>
<div class="desc">马来西亚教育文凭</div>
</div>
<div class="entry-req-card" data-req="UEC">
<div class="main">UEC</div>
<div class="sub">3B</div>
<div class="desc">统考文凭</div>
</div>
<div class="entry-req-card" data-req="STPM">
<div class="main">STPM</div>
<div class="sub">Grade C in one subject</div>
<div class="desc">马来西亚高级学校文凭</div>
</div>
<div class="entry-req-card" data-req="Other">
<div class="main">其他资格</div>
<div class="sub">联系我们</div>
</div>
</div>
<div class="entry-req-international" style="display:none">
<div class="entry-req-card" data-req="Other">
<div class="main">其他资格</div>
<div class="sub">联系我们</div>
</div>
</div>
</div>
<!-- 奖学金选择器 -->
<div class="scholarship-section" id="scholarship-section">
<h2 class="scut-purple-bold section-title"><i class="fas fa-award"></i>选择奖学金</h2>
<div class="scholarship-cards"><!-- 奖学金卡片将由JavaScript生成 --></div>
<div class="scholarship-cta-group"><a class="purple-cta" href="https://wa.me/60125379885?text=我想了解MMU的课程" target="_blank"><i class="fas fa-lock"></i> 锁定奖学金</a></div>
</div>
<!-- 国际学生奖学金部分 -->
<div class="international-scholarship-section" style="display:none">
<div class="international-scholarship-container">
<h2 class="scut-purple-bold section-title"><i class="fas fa-award"></i>奖学金申请</h2>
<div class="international-scholarship-content">
<p>请上传你的成绩单和相关文件，我们将为你审核奖学金资格。</p>
<a class="purple-cta" href="https://wa.me/60125379885?text=我想了解MMU的课程" target="_blank"><i class="fas fa-file-upload"></i> 上传成绩单 </a></div>
</div>
</div>
<!-- PTPTN选择器 -->
<div class="domestic-only ptptn-section">
<h2 class="scut-purple-bold section-title"><i class="fas fa-money-bill-wave"></i>PTPTN贷款选择</h2>
<div class="ptptn-cards">
<div class="ptptn-card" data-amount="13600">
<div class="ptptn-title">最高额度</div>
<div class="ptptn-amount">家庭收入 > RM 8,000</div>
</div>
<div class="ptptn-card" data-amount="10200">
<div class="ptptn-title">75%</div>
<div class="ptptn-amount">家庭收入 < RM 8,000</div>
</div>
<div class="ptptn-card" data-amount="6800">
<div class="ptptn-title">50%</div>
<div class="ptptn-amount">家庭收入 < RM 4,000</div>
</div>
</div>
</div>
<!-- 优惠券选择器 -->
<div class="voucher-section">
<h2 class="scut-purple-bold section-title"><i class="fas fa-ticket-alt"></i><span class="domestic-only">E-Square减免</span> <span class="international-only" style="display:none">申请费减免</span></h2>
<div class="domestic-only voucher-card" data-amount="100">
<div class="voucher-title">E-Square减免</div>
<div class="voucher-amount">RM 100</div>
</div>
<div class="international-only processing-fee-waiver voucher-card" data-amount="250" style="display:none">
<div class="voucher-title">申请费减免</div>
<div class="voucher-amount">USD 250</div>
</div>
</div>
<!-- 费用明细 -->
<div class="fee-breakdown" id="fee-breakdown">
<h2 class="scut-purple-bold section-title"><i class="fas fa-calculator"></i>费用明细</h2>
<div class="exchange-rate-info" style="display:none"><span class="rate-label">1 <span class="scut-purple-bold">USD</span> = <span class="scut-purple-bold" id="exchange-rate">4.2300</span> <span class="scut-purple-bold">MYR</span></span> <span class="rate-time">(<span id="rate-update-time">--</span>)</span></div>
<div class="fee-item">
<div class="fee-label">学费</div>
<div class="fee-value" id="tuition-fee">RM 24,500</div>
</div>
<div class="fee-item">
<div class="fee-label">设施费</div>
<div class="fee-value" id="resource-fee">RM 800</div>
</div>
<div class="fee-item">
<div class="fee-label">押金</div>
<div class="fee-value" id="deposit-fee">RM 500</div>
</div>
<div class="fee-item">
<div class="fee-label">申请费</div>
<div class="fee-value" id="application-fee">RM 570</div>
</div>
<div class="fee-item international-only" style="display:none">
<div class="fee-label">EMGS费用</div>
<div class="fee-value">USD 0</div>
</div>
<div class="fee-item international-only" style="display:none">
<div class="fee-label">国际行政费</div>
<div class="fee-value">USD 0</div>
</div>
<div class="fee-item">
<div class="fee-label">奖学金</div>
<div class="fee-value" id="scholarship-value">- RM 0</div>
</div>
<div class="domestic-only fee-item">
<div class="fee-label">PTPTN贷款</div>
<div class="fee-value" id="ptptn-value">- RM 0</div>
</div>
<div class="fee-item">
<div class="fee-label">优惠券</div>
<div class="fee-value" id="voucher-value">- RM 0</div>
</div>
<div class="fee-total">
<div class="fee-total-label">应付总额</div>
<div class="fee-total-value" id="total-payable">RM 26,370</div>
</div>
</div>
<div class="e-square-benefit">
<div class="e-square-benefit-title">通过E-Square申请的优势：</div>
<ul class="e-square-benefit-list">
<li>奖学金最高可达 <strong id="benefit-scholarship">RM 0</strong></li>
<li>优惠券：<strong id="benefit-voucher">RM 0</strong></li>
</ul>
</div>
<!-- 课程结构 -->
<div class="course-structure">
<h2 class="scut-purple-bold section-title"><i class="fas fa-book"></i>课程结构</h2>
<div class="year-section">
<div class="year-header">
<div class="year-title">第一年</div>
<i class="fas fa-chevron-down"></i></div>
<div class="year-content">
<ul>
<li>音频基础</li>
<li>信号流与录音室设备</li>
<li>数字音频概论</li>
<li>数字音频工作站</li>
<li>录音技术</li>
<li>录音室声学</li>
<li>音乐版权法与保护</li>
<li>创意音频设计1</li>
<li>音乐基础与欣赏</li>
<li>数字成像技术</li>
<li>网页开发</li>
<li>数字摄影</li>
</ul>
</div>
</div>
<div class="year-section">
<div class="year-header">
<div class="year-title">第二年</div>
<i class="fas fa-chevron-down"></i></div>
<div class="year-content">
<ul>
<li>创意音频设计2</li>
<li>MIDI理论与音频合成</li>
<li>音频信号处理</li>
<li>创意音频项目</li>
<li>音频混音与母带处理</li>
<li>现场音响制作</li>
<li>创业学</li>
<li>视频制作流程</li>
<li>数字分镜头</li>
<li>工业培训</li>
</ul>
</div>
</div>
<div class="year-section">
<div class="year-header">
<div class="year-title">选修科目</div>
<i class="fas fa-chevron-down"></i></div>
<div class="year-content">
<ul>
<li>项目管理</li>
<li>计算机应用概论</li>
</ul>
</div>
</div>
</div>
<!-- 未来职业发展 -->
<div class="career-section-container">
<div class="career-section">
<h2 class="scut-purple-bold section-title"><i class="fas fa-briefcase"></i>未来职业发展</h2>
<div class="career-title"><i class="fas fa-building"></i>主要方向</div>
<ul class="career-list">
<li class="career-item"><i class="fas fa-check"></i>拟音录音工程师或混音师</li>
<li class="career-item"><i class="fas fa-check"></i>吊杆操作员</li>
<li class="career-item"><i class="fas fa-check"></i>对白编辑</li>
<li class="career-item"><i class="fas fa-check"></i>游戏音频设计师</li>
<li class="career-item"><i class="fas fa-check"></i>电影外景音响专家</li>
<li class="career-item"><i class="fas fa-check"></i>音乐编辑</li>
<li class="career-item"><i class="fas fa-check"></i>音乐总监</li>
<li class="career-item"><i class="fas fa-check"></i>制作混音师</li>
<li class="career-item"><i class="fas fa-check"></i>音效编辑</li>
<li class="career-item"><i class="fas fa-check"></i>音效设计师</li>
</ul>
</div>
</div>
<!-- 下一步操作 -->
<div class="next-steps">
<div class="next-steps-title scut-purple-bold">下一步该做什么？</div>
<div class="next-steps-btn-row">
<div class="next-step-card">
<div class="next-step-title">已经申请了？</div>
<div class="next-step-desc">查看您的申请状态和后续步骤。</div>
<a class="gradient-btn" href="https://wa.me/60125379885?text=我想了解MMU的课程" target="_blank"><i class="fas fa-clipboard-check"></i> 查看状态</a></div>
<div class="next-step-card">
<div class="next-step-title">通过E-Square申请</div>
<div class="next-step-desc">获得专业申请指导和奖学金支持。</div>
<a class="gradient-btn" href="https://wa.me/60125379885?text=我想了解MMU的课程" target="_blank"><i class="fas fa-user-graduate"></i> 立即申请</a></div>
<div class="next-step-card">
<div class="next-step-title">预约校园参观</div>
<div class="next-step-desc">了解更多关于课程和校园环境的信息。</div>
<a class="gradient-btn" href="https://wa.me/60125379885?text=我想了解MMU的课程" target="_blank"><i class="fas fa-calendar-check"></i> 预约参观</a></div>
</div>
</div>
</div>
<script>
// 奖学金分组数据
const scholarshipData = {
'SPM': {
'Merit Scholarship': [
{ name: "9A - 100%学费减免", amount: 1.0, type: 'percentage' },
{ name: "7-8A - 5%学费减免", amount: 0.05, type: 'percentage' }
]
},
'STPM': {
'President Scholarship': [
{ name: "4A - 学费全免", amount: 1.0, type: 'percentage' }
],
'Chancellor Scholarship': [
{ name: "4A - 100%学费全免+每月津贴", amount: 1.0, type: 'percentage', allowance: true }
],
'Merit Scholarship': [
{ name: "CGPA 3.75及以上 – 50%学费减免", amount: 0.5, type: 'percentage' },
{ name: "CGPA 3.5–3.74 – 25%学费减免", amount: 0.25, type: 'percentage' }
]
},
'UEC': {
'President Scholarship': [
{ name: "8A - 学费全免", amount: 1.0, type: 'percentage' }
],
'Chancellor Scholarship': [
{ name: "8A - 100%学费全免+每月津贴", amount: 1.0, type: 'percentage', allowance: true }
],
'Merit Scholarship': [
{ name: "5A1 – 50%学费减免", amount: 0.5, type: 'percentage' },
{ name: "3A1 – 25%学费减免", amount: 0.25, type: 'percentage' }
]
},
'PRE-U': {
'President Scholarship': [
{ name: "CGPA 3.90及以上 - 学费全免", amount: 1.0, type: 'percentage' }
],
'Chancellor Scholarship': [
{ name: "CGPA 3.90及以上 - 100%学费全免+每月津贴", amount: 1.0, type: 'percentage', allowance: true }
],
'Merit Scholarship': [
{ name: "CGPA 3.75及以上 – 30%学费减免", amount: 0.3, type: 'percentage' }
]
},
'ALL': {
'Other Scholarship': [
{ name: "兄弟姐妹学费减免 - 10%", amount: 0.1, type: 'percentage' },
{ name: "校友学费减免 - 10%", amount: 0.1, type: 'percentage' },
{ name: "代表大学参赛获奖牌/表彰 - 学费及住宿费50%减免", amount: 0.5, type: 'percentage', accommodation: true },
{ name: "代表州/马来西亚参赛获奖牌/表彰 - 学费及住宿费100%减免", amount: 1.0, type: 'percentage', accommodation: true }
]
}
};
function clearScholarshipSelection(exceptElement) {
document.querySelectorAll('.scholarship-item-card, .scholarship-select').forEach(el => {
if (el !== exceptElement) {
if (el.classList.contains('scholarship-item-card')) {
el.classList.remove('selected');
} else if (el.tagName === 'SELECT') {
el.selectedIndex = 0;
el.classList.remove('selected');
}
}
});
}
// 奖学金container：暂不开放
function initScholarshipCards(selectedReq) {
const container = document.querySelector('.scholarship-cards');
container.innerHTML = '';
const notAvailable = document.createElement('div');
notAvailable.className = 'scholarship-category-card';
notAvailable.innerHTML = '<div style="font-size:1.1rem;color:#888;text-align:center;padding:2rem 0;">暂不开放</div>';
container.appendChild(notAvailable);
}
// 录取要求选择事件
document.querySelectorAll('.entry-req-card').forEach(card => {
card.addEventListener('click', function() {
document.querySelectorAll('.entry-req-card').forEach(c => c.classList.remove('selected'));
this.classList.add('selected');
const selectedReq = this.dataset.req;
initScholarshipCards(selectedReq);
updateTotalAmount();
});
});
// 费用明细联动
function updateTotalAmount() {
const isInternational = document.querySelector('.student-type-card[data-type="international"]').classList.contains('selected');
let tuitionFee, resourceFee, deposit, applicationFee, emgsFee, internationalAdminFee, currency, ptptnAmount = 0, voucherAmount = 0;
if (isInternational) {
tuitionFee = 0; // USD
resourceFee = 0; // USD
deposit = 0; // USD
applicationFee = 0; // USD
emgsFee = 0; // USD
internationalAdminFee = 0; // USD
currency = 'USD';
} else {
tuitionFee = 24500; // RM
resourceFee = 800; // RM
deposit = 500; // RM
applicationFee = 570; // RM
emgsFee = 0; // RM
internationalAdminFee = 0; // RM
currency = 'RM';
}
let scholarshipAmount = 0;
let selectedScholarship = null;
const selectedCard = document.querySelector('.scholarship-item-card.selected');
const selectedSelect = document.querySelector('.scholarship-select.selected');
if (selectedCard) {
selectedScholarship = JSON.parse(selectedCard.dataset.scholarship);
} else if (selectedSelect && selectedSelect.value) {
selectedScholarship = JSON.parse(selectedSelect.value);
}
if (selectedScholarship) {
if (selectedScholarship.type === 'percentage') {
scholarshipAmount = Math.round(tuitionFee * selectedScholarship.amount);
} else {
scholarshipAmount = selectedScholarship.amount;
}
}
if (!isInternational) {
const selectedPTPTN = document.querySelector('.ptptn-card.selected');
if (selectedPTPTN) {
ptptnAmount = parseInt(selectedPTPTN.dataset.amount, 10) || 0;
}
}
const selectedVoucher = document.querySelector('.voucher-card.selected');
if (selectedVoucher) {
voucherAmount = parseInt(selectedVoucher.dataset.amount, 10) || 0;
}
let subtotal = tuitionFee + resourceFee + deposit + applicationFee + emgsFee + internationalAdminFee;
let total = subtotal - scholarshipAmount - ptptnAmount - voucherAmount;
// 更新费用明细显示
document.getElementById('tuition-fee').textContent = `${currency} ${tuitionFee.toLocaleString()}`;
document.getElementById('resource-fee').textContent = `${currency} ${resourceFee.toLocaleString()}`;
document.getElementById('deposit-fee').textContent = `${currency} ${deposit.toLocaleString()}`;
document.getElementById('application-fee').textContent = `${currency} ${applicationFee.toLocaleString()}`;
document.getElementById('scholarship-value').textContent = `- ${currency} ${scholarshipAmount.toLocaleString()}`;
// 更新PTPTN显示（仅本地学生）
if (!isInternational) {
document.getElementById('ptptn-value').textContent = `- ${currency} ${ptptnAmount.toLocaleString()}`;
}
// 更新优惠券显示
const voucherRow = document.getElementById('voucher-value').parentElement;
if (selectedVoucher) {
voucherRow.style.display = 'flex';
document.getElementById('voucher-value').textContent = `- ${currency} ${voucherAmount.toLocaleString()}`;
document.getElementById('benefit-voucher').textContent = `${currency} ${voucherAmount.toLocaleString()}`;
} else {
voucherRow.style.display = 'none';
document.getElementById('benefit-voucher').textContent = `${currency} 0`;
}
// 更新总费用和福利显示
document.getElementById('total-payable').textContent = `${currency} ${total.toLocaleString()}`;
document.getElementById('benefit-scholarship').textContent = `${currency} ${scholarshipAmount.toLocaleString()}`;
}
// PTPTN选择器
document.querySelectorAll('.ptptn-card').forEach(card => {
card.addEventListener('click', function() {
document.querySelectorAll('.ptptn-card').forEach(c => c.classList.remove('selected'));
this.classList.add('selected');
updateTotalAmount();
});
});
// 优惠券选择器
document.querySelectorAll('.voucher-card').forEach(card => {
card.addEventListener('click', function() {
document.querySelectorAll('.voucher-card').forEach(c => c.classList.remove('selected'));
this.classList.add('selected');
updateTotalAmount();
});
});
// 课程结构FAQ展开收起
document.querySelectorAll('.year-header').forEach(header => {
header.addEventListener('click', function() {
const content = this.nextElementSibling;
const icon = this.querySelector('i');
content.classList.toggle('active');
this.classList.toggle('active');
icon.classList.toggle('fa-chevron-down');
icon.classList.toggle('fa-chevron-up');
});
});
// 默认初始化
document.addEventListener('DOMContentLoaded', function() {
// Select domestic student by default
const domesticStudentCard = document.querySelector('.student-type-card[data-type="domestic"]');
domesticStudentCard.classList.add('selected');
switchStudentType('domestic');
// Select first entry requirement by default
const firstEntryReq = document.querySelector('.entry-req-card[data-req="SPM"]');
firstEntryReq.classList.add('selected');
initScholarshipCards('SPM');
// Select first PTPTN option by default
const firstPTPTN = document.querySelector('.ptptn-card[data-amount="13600"]');
firstPTPTN.classList.add('selected');
updateTotalAmount();
});
function scrollToSection(id) {
const el = document.getElementById(id);
if (el) {
el.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
updateTotalAmount();
}
// 学生类型选择逻辑
const entryReqDomestic = document.querySelector('.entry-req-grid');
const entryReqInternational = document.querySelector('.entry-req-international');
const scholarshipSection = document.querySelector('.scholarship-section');
const internationalScholarshipSection = document.querySelector('.international-scholarship-section');
const exchangeRateInfo = document.querySelector('.exchange-rate-info');
function switchStudentType(type) {
if (type === 'domestic') {
entryReqDomestic.style.display = 'grid';
entryReqInternational.style.display = 'none';
scholarshipSection.style.display = 'block';
internationalScholarshipSection.style.display = 'none';
document.querySelectorAll('.domestic-only').forEach(el => el.style.display = 'block');
document.querySelectorAll('.international-only').forEach(el => el.style.display = 'none');
exchangeRateInfo.style.display = 'none';
// 费用明细切换为RM
setFeeTableCurrency('RM');
} else {
entryReqDomestic.style.display = 'none';
entryReqInternational.style.display = 'block';
scholarshipSection.style.display = 'none';
internationalScholarshipSection.style.display = 'block';
document.querySelectorAll('.domestic-only').forEach(el => el.style.display = 'none');
document.querySelectorAll('.international-only').forEach(el => el.style.display = 'block');
exchangeRateInfo.style.display = 'flex';
// 费用明细切换为USD
setFeeTableCurrency('USD');
}
}
document.querySelectorAll('.student-type-card').forEach(card => {
card.addEventListener('click', function() {
document.querySelectorAll('.student-type-card').forEach(c => c.classList.remove('selected'));
this.classList.add('selected');
switchStudentType(this.dataset.type);
});
});
// 汇率逻辑
let currentRate = 4.23;
async function fetchExchangeRate() {
try {
const response = await fetch('https://api.exchangerate-api.com/v4/latest/USD');
const data = await response.json();
const rate = data.rates.MYR;
const updateTime = new Date().toLocaleString('en-GB', { hour12: false });
document.getElementById('exchange-rate').textContent = rate.toFixed(4);
document.getElementById('rate-update-time').textContent = updateTime;
currentRate = rate;
return rate;
} catch (error) {
document.getElementById('exchange-rate').textContent = currentRate.toFixed(4);
document.getElementById('rate-update-time').textContent = 'Unavailable';
return currentRate;
}
}
fetchExchangeRate();
setInterval(fetchExchangeRate, 24 * 60 * 60 * 1000);
// 初始化
// switchStudentType('domestic'); // This line is now in DOMContentLoaded
// WhatsApp link for MMU inquiry
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('a.purple-cta, a.gradient-btn, a.scholarship-cta').forEach(btn => {
if (!btn.textContent.includes('立即开始')) {
btn.setAttribute('href', 'https://wa.me/60125379885?text=我想了解MMU的课程');
btn.setAttribute('target', '_blank');
}
});
});
// 费用明细切换函数
function setFeeTableCurrency(currency) {
if(currency === 'USD') {
document.getElementById('tuition-fee').textContent = 'USD 0';
document.getElementById('resource-fee').textContent = 'USD 0';
document.getElementById('deposit-fee').textContent = 'USD 0';
document.getElementById('application-fee').textContent = 'USD 0';
document.querySelectorAll('.fee-item.international-only').forEach(el => el.style.display = 'flex');
document.querySelectorAll('.fee-item.domestic-only').forEach(el => el.style.display = 'none');
document.getElementById('scholarship-value').textContent = '- USD 0';
document.getElementById('voucher-value').textContent = '- USD 0';
document.getElementById('total-payable').textContent = 'USD 0';
document.getElementById('benefit-scholarship').textContent = 'USD 0';
document.getElementById('benefit-voucher').textContent = 'USD 0';
} else {
document.getElementById('tuition-fee').textContent = 'RM 24,500';
document.getElementById('resource-fee').textContent = 'RM 800';
document.getElementById('deposit-fee').textContent = 'RM 500';
document.getElementById('application-fee').textContent = 'RM 570';
document.querySelectorAll('.fee-item.international-only').forEach(el => el.style.display = 'none');
document.querySelectorAll('.fee-item.domestic-only').forEach(el => el.style.display = 'flex');
document.getElementById('scholarship-value').textContent = '- RM 0';
document.getElementById('voucher-value').textContent = '- RM 0';
document.getElementById('total-payable').textContent = 'RM 26,370';
document.getElementById('benefit-scholarship').textContent = 'RM 0';
document.getElementById('benefit-voucher').textContent = 'RM 0';
}
}
// PTPTN选择器
function initPTPTNCards() {
const ptptnCardsContainer = document.querySelector('.ptptn-cards');
if (!ptptnCardsContainer) return;
ptptnCardsContainer.innerHTML = '';
const levels = [
{ label: '最高额度', desc: '家庭收入 > RM 8,000', amount: 13600 },
{ label: '75%', desc: '家庭收入 < RM 8,000', amount: 10200 },
{ label: '50%', desc: '家庭收入 < RM 4,000', amount: 6800 }
];
levels.forEach(level => {
const card = document.createElement('div');
card.className = 'ptptn-card';
card.dataset.amount = level.amount;
card.innerHTML = `<div class='ptptn-title'>${level.label}</div><div style='font-size:0.95em;color:#666;'>${level.desc}</div>`;
card.addEventListener('click', function() {
document.querySelectorAll('.ptptn-card').forEach(c => c.classList.remove('selected'));
this.classList.add('selected');
updateTotalAmount();
});
ptptnCardsContainer.appendChild(card);
});
}
document.addEventListener('DOMContentLoaded', function() {
initPTPTNCards();
});
// WhatsApp link for MMU inquiry
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('a.purple-cta, a.gradient-btn, a.scholarship-cta').forEach(btn => {
if (!btn.textContent.includes('立即开始')) {
btn.setAttribute('href', 'https://wa.me/60125379885?text=我想了解MMU的课程');
btn.setAttribute('target', '_blank');
}
});
});
</script>
</div>
<hr>
View more about <a href="https://www.e-square.com.my/showproducts/productid/6011267/"><strong>创意音频文凭 | MMU Multimedia University</strong></a> on main site
</div> </div>
</div>
</div>
<div id="toTop_frame">
<span id="toTop">
<i class="fas fa-chevron-circle-up"></i>
</span>
</div>
<div class="d-flex flex-column py-3 company-info-footer">
<div class="d-flex justify-content-between align-items-center">
<span>© 2025 - 2025 <b>E-Square Consultancy</b> 201301026038(1055868-X)</span>
<span class="onesync-mainsite">
Powered by
<a href="https://www.onesync.my/" target="_blank">
ONESYNC.MY
</a>
</span>
</div>
<a href="https://www.e-square.com.my" target="_blank">
Official Website
</a>
<p>Visitor: 6936202</p>
</p>
</div>
</div>
<a href="https://wa.me/60167933213 | Mr. Cedric" class="contact-box">
<i class="fab fa-2x fa-whatsapp"></i>
</a>
<!-- < Type : local > -->
<!-- < last update : 2025-06-27 12:03:04 > -->
<!-- < last cache : 2025-06-27 12:03:04 > -->
<!-- < last cache file : 2025-12-03 12:43:28 AM > -->
<!-- < last cache file : 5.6.40 > -->
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
crossorigin="anonymous"></script>
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="https://cdn1.npcdn.net/scripts/fotorama/fotorama.js"></script>
<script type="text/javascript" src="/custom.js"></script></html>
