医学学士和外科学士（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: '\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">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>
</div>
</div>
</div>
</div>
<!-- End Information -->
<!-- Specifications -->
<div class="outter_box">
<div class="title collapsed" id="specification"
data-toggle="collapse" data-target="#product_information" aria-expanded="false">
<p class="mb-0 product_info_subtitle">
更多信息
</p>
</div>
<div id="product_information" class="collapse" aria-labelledby="specification">
<div class="card-body">
<div class="container-fluid p-0">
<div class="row mb-3 spec_weight">
<div class="col-12 info_spec">
<p class="mb-1" title="课程: 本科">
<Strong>课程: </Strong>本科</p>
</div>
<div class="col-12 info_spec">
<p class="mb-1" title=" 授课语言: 英文">
<Strong> 授课语言: </Strong>英文</p>
</div>
<div class="col-12 info_spec">
<p class="mb-1" title=" 开课: 10月">
<Strong> 开课: </Strong>10月</p>
</div>
<div class="col-12 info_spec">
<p class="mb-1" title="课程领域: 医学">
<Strong>课程领域: </Strong>医学</p>
</div>
<div class="col-12 info_spec">
<p class="mb-1" title="课程领域: 生命科学">
<Strong>课程领域: </Strong>生命科学</p>
</div>
<div class="col-12 info_spec">
<p class="mb-1" title=" 省份/城市: 吉隆坡">
<Strong> 省份/城市: </Strong>吉隆坡</p>
</div>
<div class="col-12 info_spec">
<p class="mb-1" title="年度学费: 高于4万 马币">
<Strong>年度学费: </Strong>高于4万 马币</p>
</div>
<div class="col-12 info_spec">
<p class="mb-1" title="国家: 马来西亚">
<Strong>国家: </Strong>马来西亚</p>
</div>
<div class="col-12">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Specifications -->
<!-- Enquiry -->
<div class="outter_box">
<div class="title collapsed" id="pills-enquiry-tab"
data-toggle="collapse" data-target="#product_enquiry_1" aria-expanded="false">
<p class="mb-0 product_info_subtitle">
咨询
</p>
</div>
<div id="product_enquiry_1" class="collapse" aria-labelledby="enquiry">
<div class="card-body">
<div class="container-fluid p-0">
<div class="row">
<div class="col-12">
<p></p>
<form method="POST" enctype='multipart/form-data' id="wsshowproduct_inquiryform">
<div class="form-col" style="margin: 0 auto;">
<div class="row">
<div class="form-group col-md-6">
<label for="first_name">英文名字 (如护照与国籍)</label>
<input type="text" class="form-control wa-input" id="first_name" name="Fname" placeholder="请在这里输入名称" value=''>
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">个人电邮</label>
<input type="email" class="form-control wa-input" id="inputEmail4" name='Femail' placeholder="请在这里输入电子邮件" value=''>
</div>
<div class="form-group col-md-12">
<label for="contact_number">电话号码</label>
<input type="text" class="form-control wa-input" id="contact_number" name='Fcontact_number' placeholder="请在这里输入电话号码" value=''>
</div>
<div class="form-group col-md-12">
<label for="comment">申请院校和申请科系</label>
<textarea class="form-control wa-input" rows="2" id="comment" name='Fmessage' ></textarea>
</div>
<input type="hidden" name="FPRODUCT_NAME" value="医学学士和外科学士（MBBS）| University of Cyberjaya (UOC)">
<input type="hidden" name="FPRODUCT_ID" value="6024444">
<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
<input type="hidden" name="product_enquiry" id="product_enquiry" value="1">
<div class="form-group col-md-12">
<div id="inline-badge"></div>
</div>
<div class="form-group">
<input type="submit" class="btn btn-submit ml-3" value="发送信息"></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Enquiry -->
<!-- Video -->
<div class="outter_box">
<div class="title collapsed" id="video"
data-toggle="collapse" data-target="#product_video" aria-expanded="false">
<p class="mb-0 product_info_subtitle">
视频
</p>
</div>
<div id="product_video" class="collapse" aria-labelledby="video">
<div class="card-body">
<div class="container-fluid">
<div class="row">
抱歉，暂时没有相关视频上传。
</div>
</div>
</div>
</div>
</div>
<!-- End Video -->
<!-- Download -->
<div class="outter_box">
<div class="title collapsed" id="download"
data-toggle="collapse" data-target="#product_download" aria-expanded="false">
<p class="mb-0 product_info_subtitle">
下载
</p>
</div>
<div id="product_download" class="collapse" aria-labelledby="download">
<div class="card-body">
<div class="download">
抱歉，暂时没有相关产品文件。
</div>
</div>
</div>
</div>
<!-- End Download -->
</div>
</div>
<script src="https://www.google.com/recaptcha/api.js?render=explicit"></script>
<script>
function onRecaptchaLoadCallback() {
var clientId = grecaptcha.render('inline-badge', {
'sitekey': '6LclkhoqAAAAAN0po3WqylDKN67deTTyI8DLdEBO',
'badge': 'inline',
'size': 'invisible'
});
grecaptcha.ready(function() {
grecaptcha.execute(clientId, {
action: 'action_name'
})
.then(function(token) {
// Verify the token on the server.
var recaptchaResponse = document.getElementById('recaptchaResponse');
recaptchaResponse.value = token;
});
});
}
$('#first_name').on('input', function() {
if ($('#recaptchaResponse').val()=='') {
onRecaptchaLoadCallback();
}
});
// Get the checkbox
function productCustomizeCheck() {
var checkBox = document.getElementById("argeeproduct");
// If the checkbox is checked, display the output text
if (checkBox.checked == true) {
$('.collapsed').show()
} else {
$('.collapsed').hide()
}
}
</script>
<script>
$(".enquiry_btn").click(function(e) {
// let y = x.parent().parent().find('.active');
// y.removeClass('active');
// x.addClass('active');
$('#pills-enquiry-tab').trigger('click');
let position = $("#pills-enquiry").offset().top - 150;
$('html, body').animate({
scrollTop: position
}, 1000);
});
</script>
</div>
</div></div></div></div></div></div><div class='showproducts_wrapper_7'><div class='container outerContainer_7 ' > <div class='row outerRow_7' ><div class="col-md-12 generated_col " id="showproducts_7"><div class="container-fluid innerContainer_7"><div class="row innerRow_7">
<div class="col-md-12 generated_content p-0" id="showproducts_7_1">
</div>
</div></div></div></div></div></div><div class='showproducts_wrapper_8'><div class='container outerContainer_8 ' > <div class='row outerRow_8' ><div class="col-md-12 generated_col " id="showproducts_8"><div class="container-fluid innerContainer_8"><div class="row innerRow_8">
<div class="col-md-12 generated_content p-0" id="showproducts_8_1">
<style>
.related_product_wrapper .related_badge{font-size: 13px;padding: 0.35em 0.7em;border: 1px solid #e8e8e8;margin-bottom: 5px;}
</style>
<div class="related_product_wrapper">
<p class="font-weight-bold related_product_title mb-0">相关大学</p>
<div class="mb-3 mt-1 ml-auto">
<span class="text-muted mr-1">查看更多</span>
<a href="/ourproducts/cid/596470/" class="badge badge-light mr-1 related_badge">学士</a>
</div>
<div class="container p-0 product_list_horizontal">
<div class="row">
<div class="col-md-12 ">
<div class="product_box">
<div class="product_img">
<div class="img_frame" data-product-id="6023745" id="6023745">
<div class="status "></div>
<a href="/showproducts/productid/6023745/cid/596470/药学学士-university-of-cyberjaya-uoc/">
<img src="https://cdn1.npcdn.net/images/998a254a5ca13e8715f0072f1cd19a4d_1756262670.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=1000&new_height=1000&w=1745910990&from=jpeg&type=9" alt="药学学士 | University of Cyberjaya (UOC)" title="药学学士 | University of Cyberjaya (UOC)">
<img src="https://cdn1.npcdn.net/images/d06e019e427fa52342a4d1545b102852_1756262670.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=1000&new_height=1000&size=max&w=1745910990&from=jpeg&type=1" alt="" title="">
</a>
</div>
</div>
<div class="product_des">
<div class="horizontal_detail_box">
<div class="title">
<a href="/showproducts/productid/6023745/cid/596470/药学学士-university-of-cyberjaya-uoc/">
药学学士 | University of Cyberjaya (UOC)
</a>
</div>
<div class="product_simple_description">药学学士 | University of Cyberjaya (UOC)</div>
<div class="horizontal_detail_bottom" >
<div class="button_section" style="display:flex;">
<div class="whatsapp_wrapper">
<a href="https://wa.me/60167933213?text=Hello, I am interested in %E8%8D%AF%E5%AD%A6%E5%AD%A6%E5%A3%AB%20%7C%20University%20of%20Cyberjaya%20%28UOC%29. (https://www.e-square.com.my/showproducts/productid/6023745/)" target="_blank" class="contactRecordBtn btn btn-outline-success" data-type='1'>
<span><i class="fab fa-whatsapp"></i> WhatsApp Us</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 ">
<div class="product_box">
<div class="product_img">
<div class="img_frame" data-product-id="6020329" id="6020329">
<div class="status "></div>
<a href="/showproducts/productid/6020329/cid/596470/创意多媒体学士学位-university-of-cyberjaya-uoc/">
<img src="https://cdn1.npcdn.net/images/12fa49318100b833e05a2516bc01653e_1756133317.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=1000&new_height=1000&w=1745910990&from=jpeg&type=9" alt="创意多媒体学士学位 | University of Cyberjaya (UOC)" title="创意多媒体学士学位 | University of Cyberjaya (UOC)">
<img src="https://cdn1.npcdn.net/images/b2d1f68ffb2dccf92a458c00f154247f_1756133317.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=1000&new_height=1000&size=max&w=1745910990&from=jpeg&type=1" alt="" title="">
</a>
</div>
</div>
<div class="product_des">
<div class="horizontal_detail_box">
<div class="title">
<a href="/showproducts/productid/6020329/cid/596470/创意多媒体学士学位-university-of-cyberjaya-uoc/">
创意多媒体学士学位 | University of Cyberjaya (UOC)
</a>
</div>
<div class="product_simple_description">创意多媒体学士学位 | University of Cyberjaya (UOC)</div>
<div class="horizontal_detail_bottom" >
<div class="button_section" style="display:flex;">
<div class="whatsapp_wrapper">
<a href="https://wa.me/60167933213?text=Hello, I am interested in %E5%88%9B%E6%84%8F%E5%A4%9A%E5%AA%92%E4%BD%93%E5%AD%A6%E5%A3%AB%E5%AD%A6%E4%BD%8D%20%7C%20University%20of%20Cyberjaya%20%28UOC%29. (https://www.e-square.com.my/showproducts/productid/6020329/)" target="_blank" class="contactRecordBtn btn btn-outline-success" data-type='1'>
<span><i class="fab fa-whatsapp"></i> WhatsApp Us</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 ">
<div class="product_box">
<div class="product_img">
<div class="img_frame" data-product-id="6020301" id="6020301">
<div class="status "></div>
<a href="/showproducts/productid/6020301/cid/596470/3d动画多媒体学士学位-university-of-cyberjaya-uoc/">
<img src="https://cdn1.npcdn.net/images/d7f5d3432276cfeed89245f64840d920_1756132508.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=1000&new_height=1000&w=1745910990&from=jpeg&type=9" alt="3D动画多媒体学士学位 | University of Cyberjaya (UOC)" title="3D动画多媒体学士学位 | University of Cyberjaya (UOC)">
<img src="https://cdn1.npcdn.net/images/1aef86dd68b98f62ddd7e5477295928c_1756132508.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=1000&new_height=1000&size=max&w=1745910990&from=jpeg&type=1" alt="" title="">
</a>
</div>
</div>
<div class="product_des">
<div class="horizontal_detail_box">
<div class="title">
<a href="/showproducts/productid/6020301/cid/596470/3d动画多媒体学士学位-university-of-cyberjaya-uoc/">
3D动画多媒体学士学位 | University of Cyberjaya (UOC)
</a>
</div>
<div class="product_simple_description">3D动画多媒体学士学位 | University of Cyberjaya (UOC)</div>
<div class="horizontal_detail_bottom" >
<div class="button_section" style="display:flex;">
<div class="whatsapp_wrapper">
<a href="https://wa.me/60167933213?text=Hello, I am interested in 3D%E5%8A%A8%E7%94%BB%E5%A4%9A%E5%AA%92%E4%BD%93%E5%AD%A6%E5%A3%AB%E5%AD%A6%E4%BD%8D%20%7C%20University%20of%20Cyberjaya%20%28UOC%29. (https://www.e-square.com.my/showproducts/productid/6020301/)" target="_blank" class="contactRecordBtn btn btn-outline-success" data-type='1'>
<span><i class="fab fa-whatsapp"></i> WhatsApp Us</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 ">
<div class="product_box">
<div class="product_img">
<div class="img_frame" data-product-id="6024016" id="6024016">
<div class="status "></div>
<a href="/showproducts/productid/6024016/cid/596470/顺势疗法医学科学学士-university-of-cyberjaya-uoc/">
<img src="https://cdn1.npcdn.net/images/118a0170722e0b42ee9d1aa34024bc7a_1756266712.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=1000&new_height=1000&w=1745910990&from=jpeg&type=9" alt="顺势疗法医学科学学士 | University of Cyberjaya (UOC)" title="顺势疗法医学科学学士 | University of Cyberjaya (UOC)">
<img src="https://cdn1.npcdn.net/images/5d7c03d7948cbdf5d60dc10573fc78df_1756266712.webp?md5id=7144e2ba113bacdd760b73ae7478c74e&new_width=1000&new_height=1000&size=max&w=1745910990&from=jpeg&type=1" alt="" title="">
</a>
</div>
</div>
<div class="product_des">
<div class="horizontal_detail_box">
<div class="title">
<a href="/showproducts/productid/6024016/cid/596470/顺势疗法医学科学学士-university-of-cyberjaya-uoc/">
顺势疗法医学科学学士 | University of Cyberjaya (UOC)
</a>
</div>
<div class="product_simple_description">顺势疗法医学科学学士 | University of Cyberjaya (UOC)</div>
<div class="horizontal_detail_bottom" >
<div class="button_section" style="display:flex;">
<div class="whatsapp_wrapper">
<a href="https://wa.me/60167933213?text=Hello, I am interested in %E9%A1%BA%E5%8A%BF%E7%96%97%E6%B3%95%E5%8C%BB%E5%AD%A6%E7%A7%91%E5%AD%A6%E5%AD%A6%E5%A3%AB%20%7C%20University%20of%20Cyberjaya%20%28UOC%29. (https://www.e-square.com.my/showproducts/productid/6024016/)" target="_blank" class="contactRecordBtn btn btn-outline-success" data-type='1'>
<span><i class="fab fa-whatsapp"></i> WhatsApp Us</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div></div></div></div></div></div><br />
<script>
$(document).ready(function() {
$('.side_spec_panel').removeClass('show').addClass('collapse');
$('.spec_title').attr('aria-expanded', 'false');
});
</script><script>
$(document).ready(function () {
$('.product_detail .mainFunction .whatsapp_btn p').each(function () {
var icon = $(this).find('i');
$(this).html(icon.prop('outerHTML') + ' WhatsApp');
});
});
</script><script>
document.addEventListener("DOMContentLoaded", function () {
const pTags = document.querySelectorAll('html[lang="en"] .category_list_type4 .category_box p');
pTags.forEach(p => {
p.textContent = p.textContent.replace(/Products/i, "Universities");
});
});
</script><footer class="footer_type4">
<div class="container pt-3">
<div class="row">
<!-- Colum 1 -->
<div class="col-md-3 mb-3 mb-lg-0 left_line">
<h6 class="all_font_md footer_subtitle">E-Square Consultancy</h6>
<p>马来西亚专业留学升学辅导，提供中国大学申请、签证办理、院校推荐及安置服务，助您轻松留学中国，开启人生新旅程。</p>
<div class="w-100 my-3 text-left p-0">
<div class="npfooter_languagebar">
<span><small class="">语言:</small></span>
<a class="col p-0 footer_langbar_item" href="/en/showproducts/productid/6024444/cid/596470/">EN</a> <span class="mx-2 languagebar_divider">|</span>
<a class="col p-0 footer_langbar_item" href="/showproducts/productid/6024444/cid/596470/">中文</a> <span class="mx-2 languagebar_divider">|</span>
</div>
</div>
</div>
<!-- Colum 1 End-->
<!-- Colum 2 -->
<div class="col-md-3 mb-3 mb-lg-0 left_line">
<h6 class="all_font_md footer_subtitle">联系我们</h6>
<ul class="list-unstyled">
<li>
<p class="w-100">
<a class="float-right w-100" href="tel:+6016-793 3213">
+6016-793 3213
</a>
</p>
</li>
<li>
<p class="w-100">
<a class="float-right w-100" href="mailto:-">
-
</a>
</p>
</li>
</ul>
<ul class="social_media pt-3">
<li>
<a href="https://www.facebook.com/profile.php?id=61557693518124&mibextid=ZbWKwL" target="_blank">
<span class="fa-stack">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/e-square-education-consultancy/" target="_blank">
<span class="fa-stack">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-linkedin-in fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="https://www.instagram.com/esquare_malaysia?igsh=MXc0bWlkMmdmaWtueg==" target="_blank">
<span class="fa-stack">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="https://www.tiktok.com/@esquare_my?_t=8qkbFRlkEhE&_r=1
" target="_blank">
<span class="fa-stack">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-tiktok fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="https://v.douyin.com/YvHgejD5Wxw/" target="_blank">
<span class="fa-stack">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-tiktok fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="https://www.xiaohongshu.com/user/profile/60a3be37000000000100ab3e?xhsshare=CopyLink&appuid=60a3be37000000000100ab3e&apptime=1729582371&share_id=8715b031890c43819a1f207fd6f68990" target="_blank">
<div class="fa-stack footer_social_img">
<img alt="XiaoHongShu" src="https://cdn1.npcdn.net/img/1676518073xhs.png" >
</div>
</a>
</li>
</ul>
</div>
<!-- Colum 2 End -->
<!-- Colum 3 -->
<div class="col-md-3 mb-3 mb-lg-0 left_line">
<h6 class="all_font_md footer_subtitle">大学分类</h6>
<ul class="list-unstyled">
<li>
<a href="/ourproducts/cid/619738/">
<p>
澳洲留学
</p>
</a>
</li>
<li>
<a href="/ourproducts/cid/587356/">
<p>
中国留学
</p>
</a>
</li>
<li>
<a href="/ourproducts/cid/594952/">
<p>
马来西亚留学
</p>
</a>
</li>
</ul>
</div>
<!-- Colum 3 End -->
<!-- Colum 4 -->
<div class="col-md-3 mb-3 mb-lg-0">
<h6 class="all_font_md footer_subtitle">订阅消息</h6>
<p>输入你的电子邮件以获得最新的促销与消息。</p>
<input type="email" class="form-control mt-3" id="subscribeEmail" name="subscribeEmail">
<input style="float: left;" type="submit" onclick="subscribeNow()" class="btn btn-primary mt-3" value="订阅">
</div>
<!-- Colum 4 End -->
<div class="col-12 mt-5">
<div class="copy_right text-center">
<p class="mb-1">Ⓒ 2025 <b>E-Square Consultancy</b> <small>201301026038 (1055868-X)</small>
<p class="mb-1" style="display: inline;">
游览率 : <div class='platinum_website_visitor'></div>
</p>
<p class="text-center py-1">
<a href="/privacypolicy" class="privacy_policy pl-3">隐私条规</a>
</p>
</div>
<div class="text-center mt-1">
<small>Powered by <a href="https://www.newpages.com.my/v2/en/company/826910/index.html" target="_blank">NEWPAGES</a></small>
</div>
</div>
</div>
</div>
</footer>
<!-- <script>
// var subscribeMailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
var subscribeEmailField = document.getElementById("subscribeEmail");
subscribeEmailField.addEventListener("keyup", function(event) {
if (event.keyCode == 13) {
subscribeNow()
}
});
function subscribeNow() {
let x = $('#subscribeEmail').val();
$.ajax({
type: "POST",
url: "/ex_ajax/ex_subscribeMailAjax.php",
dataType: "JSON",
data: {
subscribeEmail: x,
},
success(data) {
if (data.success == "true") {
alertSucess(data.string)
} else {
alertUnsucess(data.string);
}
}
})
}
</script> -->
<div class="toggle_btn num1">
<a data-type=1 href="https://wa.me/60167933213?text=嗨, 我想了解更多内容。 %E5%8C%BB%E5%AD%A6%E5%AD%A6%E5%A3%AB%E5%92%8C%E5%A4%96%E7%A7%91%E5%AD%A6%E5%A3%AB%EF%BC%88MBBS%EF%BC%89%7C%20University%20of%20Cyberjaya%20%28UOC%29 (https://www.e-square.com.my/showproducts/productid/6024444/)" id="Whatsapp" class="contactRecordBtn whatsapp" data-type="1" target="_blank">
<i class="fab fa-whatsapp"></i>
</a>
<div class="whatsapp_float_title">Mr. Cedric</div>
</div>
<div class="dropdown np_language_btn">
<div class="dropdown_btn d-flex" id="language_dropdown">
<a class="col p-0" href="/en/showproducts/productid/6024444/cid/596470/">EN</a> <span class="mx-2">|</span>
<a class="col p-0" href="/showproducts/productid/6024444/cid/596470/">中文</a> <span class="mx-2">|</span>
</div>
</div>
<div id="toTop">
<div class="d-flex justify-content-center h-100">
<i class="fas fa-angle-up fa-2x my-auto"></i>
</div>
</div>
<!-- Scroll to Top -->
<script>
$(window).scroll(function() {
if ($(this).scrollTop()) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$("#toTop").click(function() {
$("html, body").animate({
scrollTop: 0
}, 1000);
});
</script>
<script type="text/javascript">
$(document).ready(function() {
if ($('.janimate').length > 0) {
$('.janimate').each(function() {
$(this).addClass("hidden").viewportChecker();
});
}
});
</script>
<!-- Scroll Effect Aos Script -->
<script>
$(function() { AOS.init({
once: false
});});
window.addEventListener('load', function() {
AOS.refresh();
});
</script>
<script src="https://scss.npcdn.net/ex_cusscss/np_popper.min.js?ref=1" async></script>
<!-- <script src="https://scss.npcdn.net/ex_cusscss/np_jquery-ui.js?ref=1" async></script> -->
<!-- <script src="https://scss.npcdn.net/ex_cusscss/np_jquery.ui.touch-punch.min.js"></script> -->
<script>
if ($('#subscribeEmail').length) {
var subscribeEmailField = document.getElementById("subscribeEmail");
subscribeEmailField.addEventListener("keyup", function(event) {
if (event.keyCode == 13) {
subscribeNow()
}
});
function subscribeNow() {
let x = $('#subscribeEmail').val();
$.ajax({
type: "POST",
url: "/ex_ajax/ex_subscribeMailAjax.php",
dataType: "JSON",
data: {
subscribeEmail: x,
},
success(data) {
if (data.success == "true") {
alertSucess(data.string)
} else {
alertUnsucess(data.string);
}
}
})
}
}
</script>
<script type='text/javascript'>
//get visitor by ajax
$.ajax({
type: 'POST',
url: "/ex_ajax/ex_ajaxGetPlatinumVisitor.php",
dataType: "JSON",
success: function(data) {
$(".platinum_website_visitor").html(data.visitor);
}
});
$('body').on("click", ".contactRecordBtn", function() {
var cid = '27280';
var type = $(this).data('type');
$.ajax({
type: 'POST',
url: "/ex_contactlink_ajax.php",
data: {
company_id: cid,
type: type,
url:'https://www.e-square.com.my/showproducts/productid/6024444/cid/596470/'
},
success: function(data) {
},
complete: function(data) {
}
});
});
</script>
<script type='text/javascript'>
var _paq = _paq || [];
_paq.push(['setCustomVariable', 1, 'product_id', '6024444', 'page']);
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
(function() {
var u = "https://www.e-square.com.my/ex_piwik/";
_paq.push(["setTrackerUrl", u + "ex_piwik.php"]);
_paq.push(["setSiteId", "1"]);
var d = document,
g = d.createElement("script"),
s = d.getElementsByTagName("script")[0];
g.type = "text/javascript";
g.defer = true;
g.async = true;
g.src = u + "ex_piwik.js";
s.parentNode.insertBefore(g, s);
})();
</script>
</body></html> 
