请登录后使用此功能。 您可以使用此功能将商品添加到您的收藏列表。
关闭
您已经添加该商品到您的收藏列表。 查看我的收藏
关闭
从您收藏列表中删除此商品。
关闭
请登录后使用此功能。 您可以使用此功能将公司添加到您的收藏夹列表。
关闭
这家公司已成功添加。 查看我的收藏
关闭
这家公司已从你的收藏夹列表中删除。
关闭
请登录后使用此功能。 您可以使用此功能将公司添加到您的询问车。
关闭
这家公司已被添加到您的询问车。
关闭
这家公司已从询价车中删除。
关闭
该商品已被添加到您的询问车。
关闭
该商品已经从您的询价车中删除。
关闭
商品/公司已达到添加至询价车的数量。
关闭
E-Square Consultancy
E-Square Consultancy 201301026038 (1055868-X)
Onesync AI SSM
访客
地区:

柔佛 新山

商业性质:

服务业 教育

柔佛,新山 - 医学学士和外科学士(MBBS) University of Cyberjaya (UOC)

27-Aug-2025

产品规格
Province/City Kuala Lumpur
Language for Teaching English
Field of Study Medicine
Field of Study Life Sciences
Course Start Date Oct
Course Degree
Country Malaysia
Annual Course Fees Above RM 40k
医学学士和外科学士(MBBS) University of Cyberjaya (UOC)/title> <meta name="description" content="了解医学学士和外科学士(MBBS) University of Cyberjaya (UOC):学费、奖学金、入学要求等信息。轻松对比方案,快速锁定奖学金。"> <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); } /* 奖学金选择器 */ .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: '13'; 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: '13'; 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: '13'; 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">5年</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">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="PRE-U"> <div class="main">Pre-U</div> <div class="sub">CGPA 3.00(满分4.00),三个科目:<br /> - 生物学;和<br /> - 化学;和<br /> - 物理学或数学</div> </div> <div class="entry-req-card" data-req="STPM"> <div class="main">STPM</div> <div class="sub">BBB、ABC或AAC等级,或<br /> CGPA 3.00(满分4.0),三个科目:<br /> - 生物学<br /> - 化学;和<br /> - 物理学或数学</div> </div> <div class="entry-req-card" data-req="UEC"> <div class="main">UEC</div> <div class="sub">UEC直接入学<br /> 5个科目最低B4:<br /> - 生物学<br /> - 化学<br /> - 物理学;和<br /> - 数学和高等数学<br /> 高等数学I和高等数学II</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 class="e-square-benefit" style="margin-top:1.5rem"> <div class="e-square-benefit-title">强制性要求</div> <ul class="e-square-benefit-list"> <li>SPM/O-Levels最低5个B:</li> <li>生物学;和</li> <li>化学;和</li> <li>物理学;和</li> <li>数学或附加数学;和</li> <li>另一科目</li> <li>在SPM水平或同等水平</li> </ul> </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=我想了解UOW Malaysia的课程" 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=我想了解UOW Malaysia的课程" 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="250000"> <div class="ptptn-title">Maximum</div> <div class="ptptn-amount">RM 250,000</div> </div> <div class="ptptn-card" data-amount="187500"> <div class="ptptn-title">75%</div> <div class="ptptn-amount">RM 187,500</div> </div> <div class="ptptn-card" data-amount="150000"> <div class="ptptn-title">50%</div> <div class="ptptn-amount">RM 150,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 450,000</div> </div> <div class="fee-item"> <div class="fee-label">资源费</div> <div class="fee-value" id="resource-fee">RM 3,000</div> </div> <div class="fee-item"> <div class="fee-label">押金</div> <div class="fee-value" id="deposit-fee">RM 0</div> </div> <div class="fee-item"> <div class="fee-label">申请费</div> <div class="fee-value" id="application-fee">RM 1,500</div> </div> <div class="fee-item"> <div class="fee-label">选择费</div> <div class="fee-value" id="selection-fee">RM 150</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 454,650</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>早期临床与专业发展1</li> <li>医学微生物学与免疫学</li> <li>普通病理学</li> <li>普通药理学</li> <li>内分泌系统</li> <li>肌肉骨骼系统</li> <li>个人发展选修</li> <li>早期临床与专业发展2</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> <li>血液学</li> <li>神经系统</li> <li>胃肠道系统</li> <li>早期临床与专业发展3</li> <li>生殖系统</li> <li>泌尿系统</li> <li>研究与循证医学1(REBM 1)</li> <li>公共卫生</li> <li>灾难与救援医学1</li> <li>早期临床与专业发展4</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(REBM 2)</li> <li>内科学1</li> <li>外科学1</li> <li>妇产科学1</li> <li>儿科学1</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>研究与循证医学3(REBM 3)</li> <li>法医学</li> <li>骨科学1</li> <li>心理健康、普通与军事精神病学</li> <li>专科轮转</li> <li>家庭医学</li> <li>临床选修</li> <li>当代医学话题</li> <li>灾难与救援医学2</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>外科学2</li> <li>妇产科学2</li> <li>儿科学2</li> <li>骨科学2</li> <li>临床精神病学</li> <li>急诊医学</li> <li>内科学3</li> <li>外科学3</li> <li>妇产科学3</li> <li>儿科学3</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> </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=我想了解UOW Malaysia的课程" 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=我想了解UOW Malaysia的课程" 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=我想了解UOW Malaysia的课程" target="_blank"><i class="fas fa-calendar-check"></i> 预约参观</a></div> </div> </div> </div> <script> // 奖学金分组数据 // First year tuition fee variable (for scholarship calculation) let firstYearTuitionFee = 20000; // For any first year only scholarships const scholarshipData = { 'STPM': { 'Scholarship': [ { name: "Biomedical Engineering- RM 19,950", amount: 19950, type: 'fixed' }, { name: "Dietetics- RM 50,000", amount: 50000, type: 'fixed' }, { name: "MBBS-RM 75,000", amount: 75000, type: 'fixed' }, { name: "Homeopathic- RM 35,000", amount: 35000, type: 'fixed' }, { name: "Accounting and Finance - RM 12,500", amount: 12500, type: 'fixed' }, { name: "Occupational Safety and Health, Psychology, Counselling - RM 2,500", amount: 2500, type: 'fixed' }, { name: "Business Administration-RM 2,000", amount: 2000, type: 'fixed' }, { name: "Physiotherapy and Mass Communication- RM 10,000", amount: 10000, type: 'fixed' }, { name: "IT- RM 5,500", amount: 5500, type: 'fixed' }, { name: "Bachelor of Education in Teaching English as a Second Language (Honours) - RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Art in Graphic Design (Advertising) (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Multimedia in 3D Animation (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor in Creative Multimedia (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Education in Early Childhood Education (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Nursing (Honours)- RM15000", amount: 15000, type: 'fixed' } ] }, 'PRE-U': { 'Scholarship': [ { name: "Biomedical Engineering- RM 19,950", amount: 19950, type: 'fixed' }, { name: "Dietetics- RM 50,000", amount: 50000, type: 'fixed' }, { name: "MBBS-RM 75,000", amount: 75000, type: 'fixed' }, { name: "Homeopathic- RM 35,000", amount: 35000, type: 'fixed' }, { name: "Accounting and Finance - RM 12,500", amount: 12500, type: 'fixed' }, { name: "Occupational Safety and Health, Psychology, Counselling - RM 2,500", amount: 2500, type: 'fixed' }, { name: "Business Administration-RM 2,000", amount: 2000, type: 'fixed' }, { name: "Physiotherapy and Mass Communication- RM 10,000", amount: 10000, type: 'fixed' }, { name: "IT- RM 5,500", amount: 5500, type: 'fixed' }, { name: "Bachelor of Education in Teaching English as a Second Language (Honours) - RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Art in Graphic Design (Advertising) (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Multimedia in 3D Animation (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor in Creative Multimedia (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Education in Early Childhood Education (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Nursing (Honours)- RM15000", amount: 15000, type: 'fixed' } ] }, 'UEC': { 'Scholarship': [ { name: "Biomedical Engineering- RM 19,950", amount: 19950, type: 'fixed' }, { name: "Dietetics- RM 50,000", amount: 50000, type: 'fixed' }, { name: "MBBS-RM 75,000", amount: 75000, type: 'fixed' }, { name: "Homeopathic- RM 35,000", amount: 35000, type: 'fixed' }, { name: "Accounting and Finance - RM 12,500", amount: 12500, type: 'fixed' }, { name: "Occupational Safety and Health, Psychology, Counselling - RM 2,500", amount: 2500, type: 'fixed' }, { name: "Business Administration-RM 2,000", amount: 2000, type: 'fixed' }, { name: "Physiotherapy and Mass Communication- RM 10,000", amount: 10000, type: 'fixed' }, { name: "IT- RM 5,500", amount: 5500, type: 'fixed' }, { name: "Bachelor of Education in Teaching English as a Second Language (Honours) - RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Art in Graphic Design (Advertising) (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Multimedia in 3D Animation (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor in Creative Multimedia (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Education in Early Childhood Education (Honours)- RM15000", amount: 15000, type: 'fixed' }, { name: "Bachelor of Nursing (Honours)- RM15000", amount: 15000, type: 'fixed' } ] } }; 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 = ''; // Scholarship (all qualifications) let scholarshipList = []; if (scholarshipData[selectedReq] && scholarshipData[selectedReq]['Scholarship']) { scholarshipList = scholarshipData[selectedReq]['Scholarship']; } if (scholarshipList.length > 0) { const categoryCard = document.createElement('div'); categoryCard.className = 'scholarship-category-card'; const title = document.createElement('h3'); title.className = 'scholarship-category-title'; title.textContent = 'Scholarship'; categoryCard.appendChild(title); const select = document.createElement('select'); select.className = 'scholarship-select'; const defaultOption = document.createElement('option'); defaultOption.value = ''; defaultOption.textContent = '请选择'; select.appendChild(defaultOption); scholarshipList.forEach(scholarship => { const option = document.createElement('option'); option.value = JSON.stringify(scholarship); option.textContent = scholarship.name; select.appendChild(option); }); select.addEventListener('change', function() { clearScholarshipSelection(this); if (this.value) this.classList.add('selected'); else this.classList.remove('selected'); updateTotalAmount(); }); categoryCard.appendChild(select); container.appendChild(categoryCard); } } // 录取要求选择事件 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 = 450000; // RM resourceFee = 3000; // RM deposit = 0; // RM applicationFee = 1500; // 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') { // For UEC Award, use first year tuition fee only if (selectedScholarship.firstYearOnly) { scholarshipAmount = Math.round(firstYearTuitionFee * selectedScholarship.amount); } else { 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="PRE-U"]'); firstEntryReq.classList.add('selected'); initScholarshipCards('PRE-U'); // Select first PTPTN option by default const firstPTPTN = document.querySelector('.ptptn-card[data-amount="250000"]'); 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 // 费用明细切换函数 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 450,000'; document.getElementById('resource-fee').textContent = 'RM 3,000'; document.getElementById('deposit-fee').textContent = 'RM 0'; document.getElementById('application-fee').textContent = 'RM 1,500'; 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 454,650'; 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: 'Maximum', desc: '家庭收入 < 4000', amount: 250000 }, { label: '75%', desc: '家庭收入 < 8000', amount: 187500 }, { label: '50%', desc: '家庭收入 > 8000', amount: 150000 } ]; 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 UoC Diploma 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=我想了解UoC Degree的课程'); btn.setAttribute('target', '_blank'); } }); }); </script> </article><!-- article --> </div><!-- content_div--> </div><!-- products --> <div class="inside_box"> <strong class="bottominfo bg-color"><i class="fa fa-envelope"></i> 发信息至 E-Square Consultancy<div class="trig"></div></strong> <form name="formInquiry" method="post" action="" class="product_inquiry"> <div class="error mhide"></div> <div class="success mhide"><i class="fa fa-check-circle fa-3x pull-left"></i> 谢谢您的询问!<br>我们的客服会尽快联络您。</div> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100">您的名字 <strong>*</strong><br><input type="text" name="name" id="name" value=""></td> </tr> <tr> <td>您的公司名字<br><input type="text" name="company" id="company"></td> </tr> <tr> <td>您的邮件 <strong>*</strong><br><input type="text" name="email" id="email" value=""></td> </tr> <tr> <td>您的联络号码 <strong>*</strong><br><input type="text" name="contact" id="contact" value=""></td> </tr> <tr> <td colspan="2">标题 <strong>*</strong><br> <input type="text" name="subject" id="subject" style="width:97%; float:left" value="询问关于 医学学士和外科学士(MBBS) University of Cyberjaya (UOC)"></td> </tr> <tr> <td colspan="2"><span id="lblInquiry">信息</span> <strong>*</strong><br> <textarea name="inquiry" id="inquiry" cols="45" rows="8" style="width:97%; float:left"></textarea></td> </tr> <tr height="20"> <td colspan="2">验证码 <strong>*</strong><br> <div id="captcha2" data-sitekey="6LfODwgTAAAAAAytVf4emd6CVSoX1e7KZOKYftmX" style="margin-top:5px"></div></td> </tr> <tr> <td style="text-align:left" colspan="2"><input type="submit" name="button" id="button" class="submit" value="提交"></td> </tr> </table> </form> </div><!-- inside_box --> </div><!-- col_content_right --> <div class="col_content_right"> <strong class="bottominfo bg-color">总办事处 <div class="trig"></div></strong> <div class="bottominfo_left"> <p><strong>E-Square Consultancy <small style="font-size:12px">201301026038 (1055868-X)</small></strong><br> 121B, Jalan Sri Pelangi, Taman Pelangi, 80400 Johor Bahru, Johor, Malaysia.</p> <p>电话: <img src="/v2/txt2img.php?id=2692980" /><br> 手机: <img src="/v2/txt2img.php?id=2692981" /><br> </p> <p>邮件: <img src="/v2/txt2img.php?id=2692982" /><br> 网址: <a href="https://www.e-square.com.my" target="_blank" title="https://www.e-square.com.my">https://www.e-square.com.my</a><br> 网址: <a href="https://e-square.newpages.com.my/" target="_blank" title="https://e-square.newpages.com.my/">https://e-square.newpages.com.my/</a><br> 网址: <a href="https://e-square.onesync.my/" target="_blank" title="https://e-square.onesync.my/">https://e-square.onesync.my/</a><br> </p> </div> </div><!-- col_content_right --> </div><!-- cp_col_right --> </div><!-- sitecontent --> <div class="clearboth"></div> </section><!-- content_div --> <div class="sitecontent ft_area"> <p align="center" style="margin-bottom:15px;">游览 : <a href="/v2/cn/index.html" title="首页">首页</a> - <a href="/v2/cn/classified/0/classified.html" title="分类">分类</a> - <a href="/v2/cn/companies/index.html" title="公司">公司</a> - <a href="/v2/cn/location/0/location.html" title="地区">地区</a> - <a href="/v2/cn/tag/0.html" title="标签">标签</a> - <a href="/v2/cn/product/product.html" title="商品">商品</a> - <a href="/v2/cn/news/news.html" title="消息与促销">消息与促销</a> - <a href="/v2/cn/job/index.html" title="工作征聘">工作征聘</a> - <a href="https://m.newpages.com.my/" title="手机版">手机版</a> - <a href="https://www.newpages.com.my/v2/sitemap/sitemap_index.xml" title="谷歌" target="_blank">谷歌</a> - <a href="/v2/en/seo-results.html" title="搜索引擎优化结果" target="_blank">搜索引擎优化结果</a></p> <p align="center"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 728 x 90 --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-1048169742161591" data-ad-slot="4843099564"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></p> <p align="center"><a href="https://www.newpages.asia/packages/index.html" target="_blank" title="NEWPAGES"><img src="https://cdn2.npcdn.net/v2/img/onesync-footer.jpg" alt="NEWPAGES"/></a></p> <p align="center"><iframe src="/alexa.htm" width="468" height="60" scrolling="no" frameborder="0"></iframe></p> </div><!-- sitecontent ft_area old line https://goo.gl/SdMRyd --> <!--<div class="sitecontent">--> <!-- <div class="onlineuser">--> <!-- <div class="online_user_country">--> <!-- <small class="right_corner"></small>--> <!-- <ul>--> <!-- <li><img src="https://www.newpages.com.my/flags/SG.gif"><strong>SG</strong> 9986 </li> <li><img src="https://www.newpages.com.my/flags/US.gif"><strong>US</strong> 5479 </li> <li><img src="https://www.newpages.com.my/flags/BR.gif"><strong>BR</strong> 4970 </li> <li><img src="https://www.newpages.com.my/flags/MY.gif"><strong>MY</strong> 2708 </li> <li><img src="https://www.newpages.com.my/flags/IN.gif"><strong>IN</strong> 2169 </li> <li><img src="https://www.newpages.com.my/flags/VN.gif"><strong>VN</strong> 1325 </li> <li><img src="https://www.newpages.com.my/flags/MX.gif"><strong>MX</strong> 1223 </li> <li><img src="https://www.newpages.com.my/flags/AR.gif"><strong>AR</strong> 963 </li> --> <!-- </ul>--> <!-- </div><!–online_user_country–>--> <!-- <iframe src="/v2/online.html" allowtransparency="1" frameborder="0" scrolling="no" class="onlineuser_iframe"></iframe>--> <!-- 人 在线 <i class="fa fa-lightbulb-o" style="font-size:18px"></i></div>--> <!--</div><!– sitecontent –>--> <footer> <div class="sitecontent"> <p><script type="text/javascript">copyright=new Date(); update=copyright.getFullYear(); document.write("<span>©</span> 2007-"+ update + " NEWPAGES NETWORK SDN BHD 201301003565 (1033406-U) , SST Registration No: J31-1808-31040534");</script> <small>|</small> <a href="/v2/cn/terms.html" title="使用条款">使用条款</a> <small>|</small> <a href="/v2/cn/privacy-policy.html" title="隐私政策">隐私政策</a> <small>|</small> <a href="/v2/cn/disclaimer.html" title="免责条款">免责条款</a> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=170167763341849"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="https://www.facebook.com/newpages.com.my" data-width="80" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style=" display:inline-block;"></div></p> </div> </footer><!-- footer --> </div><!-- wrapper --> <style> .small-banner{left: 10px !important;} @media screen and (max-width: 1040px){.small-banner{left: 10px !important;}} </style> <div class="floating_rfq"> <div style="position:relative;"> <a href="javascript:void(0)" id="floating_shortcut_rfq"> <img src="img/floating_rfq.png?1" alt=""> </a> <a href="javascript:void(0)" id="floating_shortcut_senijaya"> <img src="img/senijaya_logo.jpg?1" alt="Seni Jaya Logo"> </a> </div> <a href="javascript:void(0)" id="close_floating_rfq" class="close_floating_rfq" style="margin-left:3px;display:flex;"> <i class="fa fa-times" aria-hidden="true" style="font-size: 12px; align-self: center; margin: auto;"></i> </a> <a href="javascript:void(0)" id="open_floating_rfq" class="open_floating_rfq"> <i class="fa fa-angle-left" aria-hidden="true"></i> </a> </div> <!--<div class="cp_timeline_fixed_content animated2 slideInUp"> <a href="javascript:void()" class="close_timeline_fixed_content"><img src="img/close.png" alt="close" width="15"></a> </div> <a href="javascript:void()" class="timeline_btn"><span class="open"><i class="fa fa-angle-up"></i></span><span class="close"><i class="fa fa-angle-down"></i></span><i class="fa fa-rss"></i> NEWPAGES′s Timeline</a>--> <!--read exhibition lang--> <nav id="menu" class="panel" role="navigation"><a href="#menu" class="menu-link close">CLOSE</a> <div class="salesteam"> <div class="scrollbar-v1"> <div class="handle-v1"> <div class="mousearea-v1"></div> </div> </div> <div class="framevertical1" id="contactsales"> <div class="slidee"> <strong>/ 联络我们的销售团队 <i class="fa fa-comments"></i> </strong> <p class="borderbottom"><b>全国顾问 <i class="fa fa-globe"></i></b><br> <small>Gan</small> 012 7871461</p> <p class="borderbottom"><b>柔佛 <i class="fa fa-map-marker"></i></b><br> <small>Sky</small> 019 771 5565<br> <small>Chua</small> 012 716 1461<br> <small>Shi Rui</small> 012 989 1461<br> <small>Loh</small> 012 568 1461<br> <small>Vivianne</small> 012 471 1461</p> <p class="borderbottom"><b>雪兰莪,吉隆坡 <i class="fa fa-map-marker"></i></b><br> <small>Max</small> 012 497 1461<br> <small>Bernice</small> 012 596 1461<br> <small>Daniel</small> 012 690 1461<br> <small>Vicky</small> 019 381 1461<br> <small>Carmen</small> 017 525 1461<br> <small>Terry</small> 012 476 1461<br> <small>Jeremy</small> 012 756 1461<br> <small>Celeste</small> 012 294 1461<br> <small>Hoong Jin</small> 012 782 1461<br> <small>Natalie</small> 012 921 1461<br> <small>Vince</small> 012 655 1461<br> <small>Carmen Lee</small> 019 778 1461 </p> <p class="borderbottom"><b>巴生 <i class="fa fa-map-marker"></i></b><br> <small>Yau</small> 014 277 1461<br> <small>Desmond</small> 012 427 1461</p> <p class="borderbottom"><b>槟城 <i class="fa fa-map-marker"></i></b><br> <small>Catherine</small> 012 786 1461<br> <small>Vannes</small> 012 485 1461<br> <small>Evelyn</small> 012 428 1461<br> <small>Evon</small> 019 431 1461<br> <small>Nelson</small> 019 292 1461</p> <p class="borderbottom"><b>马六甲 <i class="fa fa-map-marker"></i></b><br> <small>Jeanette</small> 019 689 1461</p> </div><!-- slidee --> </div><!-- framevertical1 --> </div><!-- salesteam --> </nav><!-- nav panel --> <style> .sai { position: absolute; left: 140px; top: 0px; width: 300px; z-index: 3; } .sai small { position: absolute; left: -10px; top: 60px; width: 0; height: 0; border-style: solid; border-width: 11px 10px 11px 0; border-color: transparent #222222 transparent transparent; line-height: 0px; _border-color: #000000 #222222 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); } .sai img { max-width: 100%; border: 4px solid #222 } .seminar_ad_btn a .sai { display: none } .seminar_ad_btn a:hover .sai { display: block } .enquiry_website_btn a { padding-bottom: 0px; top: 135px; } .enquiry_website_btn a:hover, .enquiry_website_btn a:hover i { color: #fff; } .enquiry_website_btn a i { color: #f1f1f1 } .website_price { background-color: #3F6A94; padding: 10px 8px; margin-left: -20px; color: #eee; width: 117px; font-size: 12px; line-height: 1.3 } a .website_price i { border: none; padding-top: 0px; margin: 0px; margin-bottom: 5px; } .website_price.small_icon i { font-size: 16px; color: #f1f1f1; display: inline; border: none; padding: 0px; } .website_price strong { font-family: segoe_uisemibold; font-weight: normal; font-size: 16px; display: block; margin-top: 2px; color: #f3f3f3; } a.contact_btn { background-color: #34495E; padding: 8px 10px 10px 28px; position: fixed; top: 475px; color: #f1f1f1; width: 100px; font-size: 15px; font-family: latobold_italic; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; text-align: left } a.contact_btn i { font-size: 21px; color: #f1f1f1; display: inline; border: none; padding: 0px; bottom: -1px; position: relative; margin-right: 5px; } a.contact_btn div { width: 0; height: 0; border-style: solid; border-width: 12px 0 0 12px; border-color: transparent transparent transparent #333; line-height: 0px; _border-color: #000000 #000000 #000000 #333; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; right: 0px; top: -12px; } </style> <!--<div class="seminar_ad_btn"> <a href="http://www.newevent.com.my/index.php?ws=showproducts&products_id=634798&cat=September%202015&subcat=#openproducts" target="_blank" style="top:265px !important"><i class="fa fa-bullhorn"></i>120鍒嗛挓缃戠粶<br>瀹d紶瀹炴垬鐝<br> <small><i class="fa fa-clock-o"></i> 29 Sept 2015 10am-12pm<br> <i class="fa fa-map-marker"></i> Klang, Selangor</small> <div class="shapes"></div> <div class="sai animated rollIn"><small></small><img src="img/tn.jpg"/></div> </a> </div><!-- seminar_ad_btn --> <style> .fbAdsNP { z-index: 110 !important; top: 150px !important; position: fixed; left: 0px; display: none } .fbAdsNP a { background-color: #EDA610; color: #fff; display: block; text-align: center; padding: 10px 10px; font-family: arial; font-size: 14px; text-decoration: none } .fbAdsNP a.second { background-color: #591BD9 } .fbAdsNP a.third { background-color: #333333 } .fbAdsNP a:hover { opacity: 0.9 } .hover_left { z-index: 110 !important; top: 150px !important; position: fixed; left: 0px; } .hover_left img { } /*.hover_left img{ margin-left:0px; width:126px; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.27);-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.27);box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.27); -webkit-transition: margin-left 0.8s ease-in-out; -moz-transition: margin-left 0.8s ease-in-out; -o-transition: margin-left 0.8s ease-in-out; transition: margin-left 0.8s ease-in-out;}*/ .hover_left:hover img { margin-left: 0px; } .fbAdsNP a.closee { background: #111 url("img/close-frame.png") no-repeat center center; background-size: contain; width: 15px; height: 15px; padding: 0px; display: block; position: absolute; top: 0px; right: 0px; border: 4px solid #111; cursor: pointer; } @media screen and (max-width: 1100px) { .fbAdsNP { display: none } } </style> <div class="fbAdsNP"><a class="closee"></a><img src="img/fb-136x379px.jpg" alt="" style="width:120px; height: auto; margin-bottom: 0px; display: block"/><a href="http://brochure.n.my/" target="_blank" title="Brochure Download">Brochure<br>Download</a><a href="https://www.newpages.com.my/v2/en/web-design-malaysia.html" title="Our Package" class="second">Our Package</a><a href="https://www.newpages.com.my/v2/en/web-marketing-team.html" title="Contact Us" class="third">Contact Us</a></div> <div class="enquiry_website_btn"> <!--<a href="#enquiry_website" target="_blank" class="enquiry_website hover_left" style="padding:0px; background:none;"><img src="img/left1.png"></a> <a href="#enquiry_website" class="enquiry_website"><i class="fa fa-desktop"></i>我的公司需要有一个搜索引擎优化的网站! <div class="website_price" style="margin-top:10px;"><i class="fa fa-rocket"></i> ONESYNC<br> STANDARD <strong>RM 2,999 </strong></div> <div class="website_price small_icon" style="border-top:1px solid #245A82">ONESYNC<br> ADVANCED <strong>RM 4,999</strong></div> <div class="website_price small_icon" style="border-top:1px solid #245A82">ONESYNC PRO <strong>RM 7,599</strong></div> <div class="shapes" style="display:none"></div> </a> <a href="/v2/en/web-marketing-team.html" class="contact_btn"><div></div><i class="fa fa-mobile"></i> Call Us</a> <!--<iframe src="https://www.newstore.my/en/newpages_newstore_ad/newpages_home.html" width="126" height="210" frameborder="0" scrolling="no" style="background-color: #F3F4F4; position:fixed; top:165px; left:-1px; z-index:3; display:none;"></iframe>--> </div> <div id="enquiry_website" class="enquiry_website_form_theme" style="display:none"> <div><a href="javascript:$.fancybox.close();" class="join_already"><i class="fa fa-times"></i></a></div> <form id="frmReset" name="frmReset" method="post" action="/v2/cn/contact-us.html"> <div style="display:block; padding-bottom:10px;font-family:'helvetica_neue_lt_std67MdCn', 'Microsoft YaHei', 'Hiragino Sans GB', 'Microsoft JhengHei';"> <small style="font-size:13px;">* = 必填栏位</small></div> <table> <tr> <td width="185"><i class="fa fa-user"></i> 全名 *</td> <td><input name="name" type="text" id="name" size="50" {POST_name}/></td> </tr> <tr> <td><i class="fa fa-envelope"></i> 邮件 *</td> <td><input name="email" type="email" id="email" size="50" {POST_email}/></td> </tr> <tr> <td><i class="fa fa-phone"></i> 联络电话 *</td> <td><input name="tel" type="text" id="tel" size="50" {POST_tel}/></td> </tr> <tr> <td><i class="fa fa-bookmark"></i> 公司名字</td> <td><input name="company" type="text" id="company" size="50" {POST_company}/></td> </tr> <tr> <td><i class="fa fa-map-marker"></i> 公司地址</td> <td><input name="location" type="text" id="location" size="50" {POST_address}/></td> </tr> <tr> <td><i class="fa fa-pencil"></i> 标题 *</td> <td><input name="subject" type="text" id="subject" size="50" {POST_subject}/></td> </tr> <tr> <td valign="top"><i class="fa fa-question-circle"></i> 我们如何可以<br>帮助您? *</td> <td><textarea name="d" id="enquiry" cols="40" rows="6"></textarea></td> </tr> <tr> <td valign="top"></td> <td> <div id="captcha1" data-sitekey="6LfODwgTAAAAAAytVf4emd6CVSoX1e7KZOKYftmX"></div> </td> </tr> <tr> <td> </td> <td><input type="submit" name="btnsubmit" id="btnsubmit" value="提交" class="btn-form"/> <input type="reset" name="btnreset" id="btnreset" value="重置" class="btn-form"/></td> </tr> </table> </form> </div> <!-- #enquiry_website --> <!-- <div class="ad-event-square" style="display:none"> METALTECH 2016<br> <small>25-28 May 2016<br> PWTC</small> <div class="righthover animated bounceInLeft"><a href="http://www.tradelink.com.my/metaltech/" target="_blank"><img src="https://www.newpages.com.my/customer/imageshome/143273714720d16dc11f0b32a3e8c3cdcec27b9c86.jpg"/></a></div> <div class="shapes"></div> </div><!-- ad-event-square --> <!--END--> <style type="text/css"> .event-banner { font-family: 'Arial', 'Microsoft YaHei', 'Microsoft JhengHei'; position: fixed; bottom: 0px; width: 100%; z-index: 88; } .small-banner { position: absolute; bottom: -1px; left: 12px !important; right: inherit !important; cursor: pointer; background-color: #fff; padding: 6px 8px 2px 8px; border: 1px solid #ddd; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); -moz-box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); } .small-banner-two { position: absolute; bottom: -1px; left: 265px !important; right: inherit !important; cursor: pointer; background-color: #fff; padding: 6px 8px 2px 8px; border: 1px solid #ddd; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); -moz-box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); } .small-banner-three { position: absolute; bottom: -1px; left: 518px !important; right: inherit !important; cursor: pointer; background-color: #fff; padding: 6px 8px 2px 8px; border: 1px solid #ddd; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); -moz-box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); box-shadow: -1px -2px 8px 0px rgba(0, 0, 0, 0.23); } .big-banner { width: 100%; background: url(img/footer_banner/footer_bg1.png) repeat-x bottom; padding-top: 10px; display: none; position: relative; background: #fff; -webkit-box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); } .big-banner-two { width: 100%; background: url(img/footer_banner/footer_bg1.png) repeat-x bottom; padding-top: 10px; display: none; position: relative; background: #fff; -webkit-box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); } .big-banner-three { width: 100%; background: url(img/footer_banner/footer_bg1.png) repeat-x bottom; padding-top: 10px; display: none; position: relative; background: #fff; -webkit-box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px -5px 11px 1px rgba(0, 0, 0, 0.3); } .banner-close { position: absolute; right: 8px; top: 8px; padding: 5px 8px 4px 8px; font-size: 12px; color: #ccc; cursor: pointer; z-index: 100; background-color: #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-top: none; } .banner-close i { font-size: 16px; } .banner-close-two { position: absolute; right: 8px; top: 8px; padding: 5px 8px 4px 8px; font-size: 12px; color: #ccc; cursor: pointer; z-index: 100; background-color: #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-top: none; } .banner-close-three { position: absolute; right: 8px; top: 8px; padding: 5px 8px 4px 8px; font-size: 12px; color: #ccc; cursor: pointer; z-index: 100; background-color: #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-top: none; } .banner-close:hover { background-color: #333; } .banner-wrap { position: relative; max-width: 1100px; min-width: 980px; margin: auto; padding-bottom: 10px; } .website-link { position: absolute; display: block; left: 155px; bottom: 15px; color: #fff !important; font-size: 13px; text-decoration: none; } .banner-content { width: 520px; position: absolute; top: 18px; left: 380px; color: #555; font-size: 14px; } .banner-content strong { font-family: 'Arial', 'Microsoft YaHei', 'Microsoft JhengHei'; font-weight: bold; font-size: 14px; } .banner-content ul, .banner-content ul li { list-style: none; margin: 0; padding: 0; } .banner-content ul { margin-top: 10px; } .banner-content ul li { display: inline-block; font-size: 12px; margin-right: 15px; font-family: 'Arial', 'Microsoft YaHei', 'Microsoft JhengHei'; } .banner-content ul li:last-child { margin: 0; } @-webkit-keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.15, 0.75, 1); transform: scale3d(1.15, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.05, 0.85, 1); transform: scale3d(1.05, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.00, 1); transform: scale3d(0.95, 1.00, 1); } 75% { -webkit-transform: scale3d(1.00, 0.95, 1); transform: scale3d(1.00, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes jello-horizontal { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.15, 0.75, 1); transform: scale3d(1.15, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.15, 1); transform: scale3d(0.75, 1.15, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.00, 1); transform: scale3d(0.95, 1.00, 1); } 75% { -webkit-transform: scale3d(1.00, 0.95, 1); transform: scale3d(1.00, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .jello-horizontal { -webkit-animation: jello-horizontal 1.9s infinite forwards; animation: jello-horizontal 1.9s infinite forwards; } a.footer-event-btn { padding: 5px 8px 4px 8px; background-color: #e13d43; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; } a.feb-show { display: inline-block } a.feb-web { background-color: #e13d43; } a.feb-floor { background-color: #3777B6; } a.feb-livephoto { background-color: #222 } a.feb-exh-tag { background-color: #5F41DA; } </style> <!--<div id="event_banner" class="event-banner event-banner-two">--> <!-- <div class="banner-wrap">--> <!-- <div class="small-banner-two">--> <!-- <img src="img/footer_banner/expofooter-JIF3.png"/>--> <!-- </div>--> <!-- </div>--> <!-- <div class="big-banner-two">--> <!-- <div class="banner-wrap">--> <!-- <div class="banner-close-two">CLOSE</div>--> <!-- <img src="img/footer_banner/expofooter-JIF2.png" width="" style=" margin-right:20px; margin-top:0px;"/>--> <!-- <div class="banner-content" style="top:8px;">--> <!-- <strong style="color:#333; font-size:15px;">JIF 2025</strong>--> <!-- <ul style="margin-top:5px;">--> <!-- <li style="margin-bottom:2px;"><i class="fa fa-calendar"--> <!-- style="font-size:14px; margin-right:2px;"></i> 27-29 August 2025--> <!-- </li>--> <!-- <br>--> <!-- <li><i class="fa fa-map-marker" style="font-size:15px; margin-left:2px; margin-right:3px;"></i>--> <!-- Persada Johor International Convention Centre--> <!-- </li>--> <!-- </ul>--> <!-- <ul style="margin-top:5px;">--> <!-- <li style="margin-bottom:8px;">Find NEWPAGES at <span style="color:#C33; font-weight:bold">J192, hall 301</span>--> <!-- </li>--> <!-- <br>--> <!-- <li><a href="https://johorexpo.com/" target="_blank" class="footer-event-btn feb-web feb-show"><i--> <!-- class="fa fa-globe" aria-hidden="true"></i> Visit Website</a>--> <!-- <!– <a href="https://cdn1.npcdn.net/userfiles/18438/attachment/1509779/20170516_12b616ee43658c6e9e885f8d34bc3b58/Floor_Layout.jpg"–>--> <!-- <!– target="_blank" class="footer-event-btn feb-floor" style="display: none"><i–>--> <!-- <!– class="fa fa-file-pdf-o" aria-hidden="true"></i> Floor Plan</a>–>--> <!-- <!– <a href="https://www.newevent.com.my/index.php?ws=photoalbum&id=36840&cat=IRGCE%20@%20KLCC,%206-8%20SEPT%202022"–>--> <!-- <!– target="_blank" class="footer-event-btn feb-livephoto" style="display: none"><i–>--> <!-- <!– class="fa fa-camera" aria-hidden="true"></i> Live Photo</a>–>--> <!-- <!– <a href="https://www.newpages.com.my/v2/en/exhibition-tag/4/LabAsia-15-17-Oct-2019.html"–>--> <!-- <!– target="_blank" class="footer-event-btn feb-exh-tag feb-show" style="display: none"><i–>--> <!-- <!– class="fa fa-tag"></i> LabAsia 15-17 Oct 2019</a>–>--> <!-- </li>--> <!-- </ul>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--<div id="event_banner" class="event-banner .event-banner-three">--> <!-- <div class="banner-wrap">--> <!-- <div class="small-banner-three">--> <!-- <img src="img/footer_banner/expofooter-LIVESTOCK3.png"/>--> <!-- </div>--> <!-- </div>--> <!-- <div class="big-banner-three">--> <!-- <div class="banner-wrap">--> <!-- <div class="banner-close-three">CLOSE</div>--> <!-- <img src="img/footer_banner/expofooter-LIVESTOCK2.png" width="" style=" margin-right:20px; margin-top:0px;"/>--> <!-- <div class="banner-content" style="top:8px;">--> <!-- <strong style="color:#333; font-size:15px;">Livestock 2025</strong>--> <!-- <ul style="margin-top:5px;">--> <!-- <li style="margin-bottom:2px;"><i class="fa fa-calendar"--> <!-- style="font-size:14px; margin-right:2px;"></i> 27 - 29 Aug 2025--> <!-- </li>--> <!-- <br>--> <!-- <li><i class="fa fa-map-marker" style="font-size:15px; margin-left:2px; margin-right:3px;"></i>--> <!-- Kuala Lumpur Convention Centre--> <!-- </li>--> <!-- </ul>--> <!-- <ul style="margin-top:5px;">--> <!-- <li style="margin-bottom:8px;">Find NEWPAGES at <span style="color:#C33; font-weight:bold">Booth: M17</span>--> <!-- </li>--> <!-- <br>--> <!-- <li><a href="https://www.livestockmalaysia.com/" target="_blank" class="footer-event-btn feb-web feb-show"><i--> <!-- class="fa fa-globe" aria-hidden="true"></i> Visit Website</a>--> <!-- <!– <a href="https://cdn1.npcdn.net/userfiles/18438/attachment/1509779/20170516_12b616ee43658c6e9e885f8d34bc3b58/Floor_Layout.jpg"–>--> <!-- <!– target="_blank" class="footer-event-btn feb-floor" style="display: none"><i–>--> <!-- <!– class="fa fa-file-pdf-o" aria-hidden="true"></i> Floor Plan</a>–>--> <!-- <!– <a href="https://www.newevent.com.my/index.php?ws=photoalbum&id=36840&cat=IRGCE%20@%20KLCC,%206-8%20SEPT%202022"–>--> <!-- <!– target="_blank" class="footer-event-btn feb-livephoto" style="display: none"><i–>--> <!-- <!– class="fa fa-camera" aria-hidden="true"></i> Live Photo</a>–>--> <!-- <!– <a href="https://www.newpages.com.my/v2/en/exhibition-tag/4/LabAsia-15-17-Oct-2019.html"–>--> <!-- <!– target="_blank" class="footer-event-btn feb-exh-tag feb-show" style="display: none"><i–>--> <!-- <!– class="fa fa-tag"></i> LabAsia 15-17 Oct 2019</a>–>--> <!-- </li>--> <!-- </ul>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <script> // $(document).ready(()=>{ // const currentDate = new Date(); // const optionalDate = new Date('2024-04-25'); // if (currentDate >= optionalDate) { // document.getElementById('event_banner').style.display = "none"; // document.getElementById('event_banner1').style.display = "none"; // } // }); </script> <!-- event_banner --> <!--<a href="#inline" class="pop_out_img hide" id="pop_out" hidden=""></a> <div id="inline" style="display:none; position:relative;"> <a href="javascript:void()" onclick="parent.jQuery.fancybox.close();" style="position:absolute; right:5px; top:5px; z-index:2; background-color:#222; padding:5px;padding-bottom: 4px;" id="close_pop_out"><img src="img/close.png" style="display:block"></a> <a href="http://goo.gl/JHtOJ4" target="_blank"><img src="img/seminar_nov11.jpg"/></a> </div>--> <!-- <style> .announcement{ background-color:#222; padding:15px 0px 12px 0px; width:100%; box-sizing:border-box; display:block; position:fixed; bottom:0px; left:0px; font-family: Arial, Geneva, sans-serif; z-index:22; } .announcement table td{color:#a3a3a3; font-size:12px; line-height:1.4; font-family: Arial, Helvetica, sans-serif; display:table-cell; vertical-align:middle} .announcement table td i.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} </style> <div class="announcement"> <table width="1000" align="center"> <tr> <td width="120" align="center"><i class="fa fa-bell-o animated infinite swing" style="font-size:22px; margin-bottom:3px;"></i> <small style="font-size:12px; display:block; line-height:1 ">Announcement</small></td> <td style="padding-left:30px;">Our office will be closed on this Friday, 15 Jan 2016 due to Company Annual Meeting. Our business will be as usual on 18 Jan 2016 (Monday). Any emergency cases, you can call us at: +6012 621 1461</td> <td width="20" align="right"><a href="javascript:void()" id="close_announcement" style="color:#B59393; font-size:17px; display:block;"><img src="img/close.png" width="14"></a></td> </tr> </table> </div>--> <!--<a href="https://goo.gl/WU8VKe" target="_blank" style="position:fixed; background:#fff url(img/seminar0818.png) no-repeat center top; height:387px; width:126px; top:20%; left:-5px; display:block; z-index:120;-webkit-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.22);-moz-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.22);box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.22);"></a>--> </body> </html>