}
.slcc-link-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; background: transparent; }
.slcc-link-card { position: relative; display: block; text-decoration: none; color: var(—text); background: rgba(255, 255, 255, .92); border: 1px solid var(—line); border-radius: 24px; padding: 36px 22px 32px; text-align: center; box-shadow: var(—shadow); overflow: hidden; transition: .25s ease; }
.slcc-link-card::before { content: ""; position: absolute; width: 120px; height: 120px; right: -58px; top: -58px; border-radius: 50%; background: rgba(47, 111, 115, .08); transition: .25s ease; }
.slcc-link-card::after { content: ”→”; position: absolute; right: 18px; bottom: 16px; color: rgba(47, 111, 115, .42); font-size: 22px; line-height: 1; transform: translateX(-4px); opacity: 0; transition: .25s ease; }
.slcc-link-card:hover { transform: translateY(-6px); border-color: rgba(47, 111, 115, .35); box-shadow: var(—shadow-hover); }
.slcc-link-card:hover::before { transform: scale(1.2); background: rgba(47, 111, 115, .12); }
.slcc-link-card:hover::after { transform: translateX(0); opacity: 1; }
.slcc-link-icon { width: 78px; height: 78px; margin: 0 auto 20px; border-radius: 50%; background: linear-gradient(145deg, #ffffff, #f0f6f5); border: 1px solid rgba(47, 111, 115, .16); display: flex; align-items: center; justify-content: center; color: var(—deep); transition: .25s ease; }
.slcc-link-card:hover .slcc-link-icon { transform: rotate(-3deg) scale(1.05); background: var(—deep); color: #fff; }
.slcc-link-icon svg { width: 46px; height: 46px; stroke: currentColor; }
.slcc-link-title { position: relative; z-index: 1; margin: 0; color: #4e5553; font-size: 21px; font-weight: 800; letter-spacing: 2px; line-height: 1.35; }
.slcc-link-desc { position: relative; z-index: 1; margin-top: 10px; color: var(—muted); font-size: 13px; line-height: 1.6; }
@media (max-width: 900px) { .slcc-link-grid { grid-template-columns: repeat(2, 1fr); gap: 26px; } }
@media (max-width: 560px) { .slcc-link-area { padding: 22px 10px; }
.slcc-link-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.slcc-link-card {
padding: 30px 18px 26px;
border-radius: 22px;
}
.slcc-link-icon {
width: 70px;
height: 70px;
margin-bottom: 18px;
}
.slcc-link-icon svg {
width: 42px;
height: 42px;
}
.slcc-link-title {
font-size: 19px;
}
}
選課與報名須知
}
.slcc-classdate-note-top { margin: 0 0 16px; color: #333; font-size: 15px; line-height: 1.8; }
.slcc-classdate-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(—main); font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.slcc-classdate-title::before { content: ""; width: 10px; height: 28px; border-radius: 999px; background: var(—main); display: inline-block; }
.slcc-classdate-card { position: relative; background: var(—card); border: 1px solid var(—line); border-radius: 26px; padding: 30px 30px 28px; box-shadow: var(—shadow); overflow: hidden; }
.slcc-classdate-card::before { content: ""; position: absolute; width: 180px; height: 180px; right: -88px; top: -88px; border-radius: 50%; background: rgba(47, 95, 135, .08); }
.slcc-classdate-main { position: relative; z-index: 1; display: flex; align-items: center; gap: 18px; margin-bottom: 24px; padding: 22px 24px; border-radius: 22px; background: linear-gradient(135deg, #f3f8fb 0%, #ffffff 100%); border: 1px solid rgba(47, 95, 135, .12); }
.slcc-classdate-icon { width: 60px; height: 60px; flex: 0 0 60px; border-radius: 18px; background: var(—main); color: #fff; display: grid; place-items: center; }
.slcc-classdate-icon svg { width: 32px; height: 32px; stroke: currentColor; }
.slcc-classdate-main-text { font-size: 24px; font-weight: 900; color: #1f2f46; line-height: 1.5; }
.slcc-classdate-main-text span { color: var(—blue); }
.slcc-classdate-sub { margin-top: 4px; color: var(—muted); font-size: 16px; font-weight: 700; }
.slcc-classdate-alert { position: relative; z-index: 1; display: flex; gap: 14px; padding: 18px 20px; border-radius: 20px; background: #fffafa; border: 1px solid rgba(232, 76, 76, .25); color: #333; }
.slcc-classdate-alert-icon { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 15px; background: #fff0f0; color: var(—red); display: grid; place-items: center; }
.slcc-classdate-alert-icon svg { width: 23px; height: 23px; stroke: currentColor; }
.slcc-classdate-alert-content { font-size: 16px; line-height: 1.9; }
.slcc-classdate-alert-content strong { color: var(—red); }
@media (max-width: 760px) { .slcc-classdate-area { padding: 24px 10px; }
.slcc-classdate-title {
font-size: 23px;
}
.slcc-classdate-card {
border-radius: 22px;
padding: 24px 20px;
}
.slcc-classdate-main {
align-items: flex-start;
padding: 18px;
}
.slcc-classdate-main-text {
font-size: 20px;
}
.slcc-classdate-alert {
flex-direction: column;
padding: 18px;
}
}
依據新北市社區大學收退費辦法(以下事項若有變動,以社大辦公室公告為準)
上課日期
至 116年01月09日
若因疫情而需停班停課,則依新北市教育局相關公告為準。
}
.slcc-regdate-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(—main); font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.slcc-regdate-title::before { content: ""; width: 10px; height: 28px; border-radius: 999px; background: var(—main); display: inline-block; }
.slcc-regdate-card { position: relative; background: var(—card); border: 1px solid var(—line); border-radius: 26px; padding: 30px 30px 28px; box-shadow: var(—shadow); overflow: hidden; }
.slcc-regdate-card::before { content: ""; position: absolute; width: 180px; height: 180px; right: -88px; top: -88px; border-radius: 50%; background: rgba(47, 95, 135, .08); }
.slcc-regdate-main { position: relative; z-index: 1; display: flex; align-items: center; gap: 18px; margin-bottom: 26px; padding: 20px 22px; border-radius: 22px; background: linear-gradient(135deg, #f3f8fb 0%, #ffffff 100%); border: 1px solid rgba(47, 95, 135, .12); }
.slcc-regdate-icon { width: 58px; height: 58px; flex: 0 0 58px; border-radius: 18px; background: var(—main); color: #fff; display: grid; place-items: center; }
.slcc-regdate-icon svg { width: 31px; height: 31px; stroke: currentColor; }
.slcc-regdate-main-text { font-size: 24px; font-weight: 900; color: #1f2f46; line-height: 1.45; }
.slcc-regdate-main-text span { color: var(—blue); }
.slcc-stage-list { position: relative; z-index: 1; display: grid; gap: 18px; }
.slcc-stage-item { display: grid; grid-template-columns: 110px 1fr; gap: 18px; align-items: stretch; }
.slcc-stage-badge { display: flex; align-items: center; justify-content: center; min-height: 86px; border-radius: 20px; background: #eef5f9; color: var(—main); font-size: 17px; font-weight: 900; text-align: center; border: 1px solid rgba(47, 95, 135, .12); }
.slcc-stage-content { padding: 18px 20px; border-radius: 20px; background: #fbfdfe; border: 1px solid rgba(47, 95, 135, .1); }
.slcc-stage-date { color: var(—blue); font-size: 19px; font-weight: 900; line-height: 1.5; }
.slcc-stage-note { margin-top: 6px; color: #444; font-size: 16px; font-weight: 700; }
.slcc-stage-note strong { color: var(—red); }
@media (max-width: 760px) { .slcc-regdate-area { padding: 24px 10px; }
.slcc-regdate-title {
font-size: 23px;
}
.slcc-regdate-card {
border-radius: 22px;
padding: 24px 20px;
}
.slcc-regdate-main {
align-items: flex-start;
padding: 18px;
}
.slcc-regdate-main-text {
font-size: 20px;
}
.slcc-stage-item {
grid-template-columns: 1fr;
gap: 10px;
}
.slcc-stage-badge {
min-height: auto;
padding: 10px 14px;
justify-content: flex-start;
}
.slcc-stage-date {
font-size: 17px;
}
}
報名日期
至 115年09月30日止
}
.slcc-block { margin-bottom: 38px; }
.slcc-block-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(—main); font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.slcc-block-title::before { content: ""; width: 10px; height: 28px; border-radius: 999px; background: var(—main); display: inline-block; }
.slcc-contact-card, .slcc-site-card, .slcc-holiday-notice { position: relative; background: var(—card); border: 1px solid var(—line); border-radius: 26px; box-shadow: var(—shadow); overflow: hidden; }
.slcc-contact-card { padding: 28px 30px; }
.slcc-contact-card::before, .slcc-site-card::before { content: ""; position: absolute; width: 160px; height: 160px; right: -78px; top: -78px; border-radius: 50%; background: rgba(47, 95, 135, .08); }
.slcc-contact-list { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.slcc-contact-item { display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 20px; background: #f7fafb; border: 1px solid rgba(47, 95, 135, .08); font-size: 17px; }
.slcc-contact-icon { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 16px; background: #eef5f9; color: var(—main); display: grid; place-items: center; }
.slcc-contact-icon svg { width: 22px; height: 22px; stroke: currentColor; }
.slcc-sites-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; }
.slcc-site-card { padding: 30px 26px 26px; transition: .25s ease; }
.slcc-site-card:hover { transform: translateY(-5px); box-shadow: var(—shadow-hover); border-color: rgba(47, 95, 135, .28); }
.slcc-site-card::before { top: auto; bottom: -82px; background: rgba(22, 132, 111, .08); transition: .25s ease; }
.slcc-site-card:hover::before { transform: scale(1.16); }
.slcc-site-header { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.slcc-site-pin { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 18px; background: linear-gradient(145deg, #eef8f5, #ffffff); border: 1px solid rgba(22, 132, 111, .18); color: var(—green); display: grid; place-items: center; }
.slcc-site-pin svg { width: 31px; height: 31px; stroke: currentColor; }
.slcc-site-name { margin: 0; color: var(—green); font-size: 22px; font-weight: 900; line-height: 1.35; }
.slcc-site-body { position: relative; z-index: 1; display: grid; gap: 13px; }
.slcc-info-row { display: grid; grid-template-columns: 84px 1fr; gap: 12px; font-size: 16px; align-items: start; }
.slcc-info-label { color: var(—muted); font-weight: 800; }
.slcc-info-text { color: #333; }
.slcc-alert { margin-top: 6px; padding: 14px 15px; border-radius: 16px; background: #fff6f6; border: 1px solid rgba(232, 76, 76, .18); color: var(—red); font-weight: 700; font-size: 15px; line-height: 1.7; }
.slcc-map-link { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: fit-content; margin-top: 8px; padding: 9px 16px; border-radius: 999px; background: #eef8f5; color: var(—green) !important; text-decoration: none; font-weight: 800; font-size: 14px; transition: .2s ease; }
.slcc-map-link:hover { background: var(—green); color: #fff !important; transform: translateY(-2px); }
.slcc-map-link svg { width: 16px; height: 16px; stroke: currentColor; }
.slcc-holiday-notice { margin-top: 24px; padding: 18px 22px; border-color: rgba(232, 76, 76, .25); background: #fffafa; color: var(—red); font-size: 17px; font-weight: 800; text-align: center; letter-spacing: .5px; }
.slcc-holiday-notice::before { content: ”※”; margin-right: 6px; }
@media (max-width: 900px) { .slcc-contact-list { grid-template-columns: 1fr; }
.slcc-sites-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 560px) { .slcc-service-area { padding: 24px 10px; }
.slcc-block-title {
font-size: 23px;
}
.slcc-contact-card,
.slcc-site-card {
border-radius: 22px;
padding: 24px 20px;
}
.slcc-contact-item {
font-size: 16px;
padding: 16px;
}
.slcc-info-row {
grid-template-columns: 1fr;
gap: 2px;
}
.slcc-site-name {
font-size: 20px;
}
.slcc-holiday-notice {
font-size: 16px;
padding: 16px 18px;
border-radius: 20px;
}
}
聯絡電話
}
.slcc-service-mini-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(—main); font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.slcc-service-mini-title::before { content: ""; width: 10px; height: 28px; border-radius: 999px; background: var(—main); display: inline-block; }
.slcc-service-mini-card { position: relative; background: var(—card); border: 1px solid var(—line); border-radius: 26px; padding: 30px; box-shadow: var(—shadow); overflow: hidden; }
.slcc-service-mini-card::before { content: ""; position: absolute; width: 180px; height: 180px; right: -88px; top: -88px; border-radius: 50%; background: rgba(47, 95, 135, .08); }
.slcc-service-mini-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.slcc-service-mini-site { padding: 24px 22px; border-radius: 22px; background: #fbfdfe; border: 1px solid rgba(47, 95, 135, .12); }
.slcc-service-mini-site h3 { margin: 0 0 12px; color: var(—green); font-size: 21px; font-weight: 900; }
.slcc-service-mini-site p { margin: 0; color: #444; font-size: 16px; }
.slcc-service-mini-notice { position: relative; z-index: 1; margin-top: 22px; padding: 16px 18px; border-radius: 18px; background: #fffafa; border: 1px solid rgba(232, 76, 76, .24); color: var(—red); font-size: 16px; font-weight: 800; text-align: center; }
.slcc-service-mini-buttons { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.slcc-service-mini-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 17px; border-radius: 999px; background: var(—green); color: #fff !important; text-decoration: none; font-weight: 900; font-size: 14px; transition: .2s ease; }
.slcc-service-mini-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(22, 132, 111, .18); }
.slcc-service-mini-btn.secondary { background: #eef5f9; color: var(—main) !important; border: 1px solid rgba(47, 95, 135, .14); }
.slcc-service-mini-btn svg { width: 16px; height: 16px; stroke: currentColor; }
@media (max-width: 760px) { .slcc-service-mini { padding: 24px 10px; }
.slcc-service-mini-title {
font-size: 23px;
}
.slcc-service-mini-card {
border-radius: 22px;
padding: 24px 20px;
}
.slcc-service-mini-grid {
grid-template-columns: 1fr;
}
}
服務據點
樹林服務據點
樹林國小|樹林區育英街176號
週一 18:00–20:30
週二至週五 16:30–20:30
北大服務據點
桃子腳國中小|樹林區學勤路555號
週一至週五 18:30–20:30
}
.slcc-regflow-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(—main); font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.slcc-regflow-title::before { content: ""; width: 10px; height: 28px; border-radius: 999px; background: var(—main); display: inline-block; }
.slcc-regflow-card, .slcc-regflow-notice, .slcc-regflow-docs, .slcc-regflow-friend { position: relative; background: var(—card); border: 1px solid var(—line); border-radius: 26px; box-shadow: var(—shadow); overflow: hidden; }
.slcc-regflow-card { padding: 30px; margin-bottom: 24px; }
.slcc-regflow-card::before, .slcc-regflow-docs::before, .slcc-regflow-friend::before { content: ""; position: absolute; width: 180px; height: 180px; right: -88px; top: -88px; border-radius: 50%; background: rgba(47, 95, 135, .08); }
.slcc-regflow-notice { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 24px; padding: 20px 22px; border-color: rgba(232, 76, 76, .22); background: #fffafa; }
.slcc-regflow-notice-icon { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 16px; background: #fff0f0; color: var(—red); display: grid; place-items: center; }
.slcc-regflow-notice-icon svg { width: 24px; height: 24px; stroke: currentColor; }
.slcc-regflow-notice strong { color: var(—red); }
.slcc-method-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.slcc-method-card { position: relative; padding: 26px 24px; border-radius: 24px; background: #fbfdfe; border: 1px solid rgba(47, 95, 135, .12); transition: .25s ease; }
.slcc-method-card:hover { transform: translateY(-4px); box-shadow: var(—shadow-hover); }
.slcc-method-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.slcc-method-icon { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 18px; background: var(—main); color: #fff; display: grid; place-items: center; }
.slcc-method-icon.green { background: var(—green); }
.slcc-method-icon svg { width: 30px; height: 30px; stroke: currentColor; }
.slcc-method-title { margin: 0; color: var(—main); font-size: 22px; font-weight: 900; line-height: 1.35; }
.slcc-method-title.green { color: var(—green); }
.slcc-method-text { margin: 0; font-size: 16px; color: #333; }
.slcc-flow-steps { display: grid; gap: 12px; margin-top: 18px; }
.slcc-flow-step { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 16px; background: #f4faf8; border: 1px solid rgba(22, 132, 111, .12); }
.slcc-flow-no { width: 34px; height: 34px; border-radius: 12px; background: var(—green); color: #fff; display: grid; place-items: center; font-weight: 900; }
.slcc-flow-text { font-size: 15px; font-weight: 700; }
.slcc-flow-text strong { color: var(—red); }
.slcc-regflow-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.slcc-regflow-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 17px; border-radius: 999px; background: var(—green); color: #fff !important; text-decoration: none; font-weight: 800; font-size: 14px; transition: .2s ease; }
.slcc-regflow-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(22, 132, 111, .18); }
.slcc-regflow-btn.secondary { background: #eef8f5; color: var(—green) !important; border: 1px solid rgba(22, 132, 111, .15); }
.slcc-regflow-btn svg { width: 16px; height: 16px; stroke: currentColor; }
.slcc-regflow-docs { padding: 30px; margin-bottom: 24px; }
.slcc-subtitle { position: relative; z-index: 1; margin: 0 0 18px; color: var(—main); font-size: 22px; font-weight: 900; }
.slcc-doc-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.slcc-doc-item { padding: 20px; border-radius: 20px; background: #fbfdfe; border: 1px solid rgba(47, 95, 135, .12); }
.slcc-doc-tag { display: inline-block; margin-bottom: 10px; padding: 5px 12px; border-radius: 999px; background: #eef5f9; color: var(—main); font-size: 14px; font-weight: 900; }
.slcc-doc-tag.purple { background: #f2effa; color: var(—purple); }
.slcc-doc-title { margin: 0 0 8px; font-size: 18px; font-weight: 900; color: #333; }
.slcc-doc-text { margin: 0; font-size: 15px; color: #444; }
.slcc-discount-box { position: relative; z-index: 1; margin-top: 18px; padding: 22px; border-radius: 22px; background: #fffdf8; border: 1px solid rgba(214, 162, 52, .28); }
.slcc-discount-head { margin: 0 0 10px; color: #9a6b00; font-size: 18px; font-weight: 900; }
.slcc-discount-note { margin: 0 0 16px; color: #555; font-size: 15px; }
.slcc-discount-list { display: grid; gap: 10px; }
.slcc-discount-row { display: grid; grid-template-columns: 72px 1fr; gap: 12px; padding: 13px 14px; border-radius: 16px; background: #fff; border: 1px solid rgba(214, 162, 52, .16); font-size: 15px; }
.slcc-discount-label { color: #9a6b00; font-weight: 900; }
.slcc-regflow-friend { padding: 26px 28px; border-color: rgba(112, 86, 165, .18); background: linear-gradient(135deg, #ffffff 0%, #fbf9ff 100%); }
.slcc-friend-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 64px 1fr; gap: 18px; align-items: flex-start; }
.slcc-friend-icon { width: 64px; height: 64px; border-radius: 22px; background: #f2effa; color: var(—purple); display: grid; place-items: center; }
.slcc-friend-icon svg { width: 34px; height: 34px; stroke: currentColor; }
.slcc-friend-title { margin: 0 0 6px; color: var(—purple); font-size: 22px; font-weight: 900; }
.slcc-friend-text { margin: 0; font-size: 16px; }
.slcc-friend-text strong { color: var(—purple); }
@media (max-width: 900px) { .slcc-method-grid, .slcc-doc-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .slcc-regflow-area { padding: 24px 10px; }
.slcc-regflow-title {
font-size: 23px;
}
.slcc-regflow-card,
.slcc-regflow-docs,
.slcc-regflow-friend {
border-radius: 22px;
padding: 24px 20px;
}
.slcc-regflow-notice {
flex-direction: column;
border-radius: 22px;
padding: 18px;
}
.slcc-method-card {
padding: 22px 18px;
}
.slcc-flow-step {
grid-template-columns: 1fr;
}
.slcc-discount-row {
grid-template-columns: 1fr;
gap: 4px;
}
.slcc-friend-inner {
grid-template-columns: 1fr;
}
}
報名手續
臨櫃報名
請攜帶證件至服務據點報名繳費,即完成報名手續。請保留收據一學期,以便後續加退選作業。
線上報名
報名應備文件
本校學員證
若學員證遺失需補發,請準備 1 吋照片 1 張,並酌收 100 元。
照片與身分證明
請準備 1 吋照片 2 張,以及身分證正、反面影本。
優惠身分證明文件
優惠身分僅能折抵一般性課程之學分費;社團、推廣及小班制課程不可再折抵。
樂齡學員優惠
鼓勵樂齡學員參與之課程,年滿 65 歲未滿 70 歲之學員可享學分費八折優惠。
優惠對象說明
申請優惠請於報名當下出示相關證明文件,資格確認後方可適用。
}
.slcc-friend-plan-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(—main); font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.slcc-friend-plan-title::before { content: ""; width: 10px; height: 28px; border-radius: 999px; background: var(—main); display: inline-block; }
.slcc-friend-plan-card { position: relative; background: linear-gradient(135deg, #ffffff 0%, #fbf9ff 100%); border: 1px solid var(—line); border-radius: 26px; padding: 30px; box-shadow: var(—shadow); overflow: hidden; }
.slcc-friend-plan-card::before { content: ""; position: absolute; width: 190px; height: 190px; right: -90px; top: -90px; border-radius: 50%; background: rgba(112, 86, 165, .10); }
.slcc-friend-plan-head { position: relative; z-index: 1; display: grid; grid-template-columns: 70px 1fr; gap: 18px; align-items: center; margin-bottom: 24px; }
.slcc-friend-plan-icon { width: 70px; height: 70px; border-radius: 24px; background: #f2effa; color: var(—purple); display: grid; place-items: center; }
.slcc-friend-plan-icon svg { width: 38px; height: 38px; stroke: currentColor; }
.slcc-friend-plan-name { margin: 0; color: var(—purple); font-size: 26px; font-weight: 900; line-height: 1.35; }
.slcc-friend-plan-tag { display: inline-block; margin-top: 8px; padding: 5px 13px; border-radius: 999px; background: #f2effa; color: var(—purple); font-size: 14px; font-weight: 900; }
.slcc-friend-plan-intro { position: relative; z-index: 1; margin: 0 0 22px; padding: 18px 20px; border-radius: 20px; background: #ffffff; border: 1px solid rgba(112, 86, 165, .14); font-size: 16px; color: #444; }
.slcc-friend-plan-intro strong { color: var(—purple); }
.slcc-friend-benefits { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-bottom: 22px; }
.slcc-friend-benefit { padding: 22px 20px; border-radius: 22px; background: #fbfdfe; border: 1px solid rgba(47, 95, 135, .12); }
.slcc-friend-benefit.green { background: #f8fffc; border-color: rgba(22, 132, 111, .16); }
.slcc-friend-benefit-title { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 20px; font-weight: 900; color: var(—main); }
.slcc-friend-benefit.green .slcc-friend-benefit-title { color: var(—green); }
.slcc-friend-benefit-title span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 12px; background: #eef5f9; font-size: 16px; }
.slcc-friend-benefit.green .slcc-friend-benefit-title span { background: #eef8f5; }
.slcc-friend-benefit-text { margin: 0; font-size: 16px; color: #444; }
.slcc-friend-benefit-text strong { color: var(—red); font-size: 20px; }
.slcc-friend-rules { position: relative; z-index: 1; display: grid; gap: 12px; margin: 0; }
.slcc-friend-rule { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: start; padding: 14px 16px; border-radius: 18px; background: #fff; border: 1px solid rgba(112, 86, 165, .12); }
.slcc-friend-rule-no { width: 36px; height: 36px; border-radius: 13px; background: var(—purple); color: #fff; display: grid; place-items: center; font-weight: 900; }
.slcc-friend-rule-text { font-size: 16px; color: #444; }
.slcc-friend-rule-text strong { color: var(—purple); }
.slcc-friend-notice { position: relative; z-index: 1; margin-top: 20px; padding: 16px 18px; border-radius: 18px; background: #fffafa; border: 1px solid rgba(232, 76, 76, .22); color: var(—red); font-weight: 800; font-size: 15px; }
.slcc-friend-notice::before { content: ”※”; margin-right: 6px; }
@media (max-width: 760px) { .slcc-friend-plan-area { padding: 24px 10px; }
.slcc-friend-plan-title {
font-size: 23px;
}
.slcc-friend-plan-card {
border-radius: 22px;
padding: 24px 20px;
}
.slcc-friend-plan-head {
grid-template-columns: 1fr;
gap: 14px;
}
.slcc-friend-plan-name {
font-size: 23px;
}
.slcc-friend-benefits {
grid-template-columns: 1fr;
}
.slcc-friend-rule {
grid-template-columns: 1fr;
gap: 8px;
}
}
好朋友計畫
推薦新朋友,一起來上課
限臨櫃辦理即日起至 115年9月4日止,符合資格之舊生推薦新生報名本期課程, 新生可享報名優惠;推薦之舊生經確認符合回饋條件後,也可獲得學習抵用券。
新 新生報名優惠
經確認符合新生資格者,報名本期課程時可享學費 100元 折抵優惠。
舊 舊生推薦回饋
符合回饋條件之推薦舊生,可獲得 100元 學習抵用券乙張。
}
.slcc-fee-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(—main); font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.slcc-fee-title::before { content: ""; width: 10px; height: 28px; border-radius: 999px; background: var(—main); display: inline-block; }
.slcc-fee-card { position: relative; background: var(—card); border: 1px solid var(—line); border-radius: 26px; padding: 30px; box-shadow: var(—shadow); overflow: hidden; }
.slcc-fee-card::before { content: ""; position: absolute; width: 190px; height: 190px; right: -92px; top: -92px; border-radius: 50%; background: rgba(47, 95, 135, .08); }
.slcc-fee-summary { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 24px; }
.slcc-fee-mini { padding: 22px 20px; border-radius: 22px; background: #fbfdfe; border: 1px solid rgba(47, 95, 135, .12); transition: .25s ease; }
.slcc-fee-mini:hover { transform: translateY(-4px); box-shadow: var(—shadow-hover); }
.slcc-fee-mini-label { display: inline-block; margin-bottom: 8px; padding: 4px 11px; border-radius: 999px; background: #eef5f9; color: var(—main); font-size: 13px; font-weight: 900; }
.slcc-fee-mini-price { color: #1f2f46; font-size: 26px; font-weight: 900; line-height: 1.35; }
.slcc-fee-mini-text { margin-top: 6px; color: var(—muted); font-size: 14px; }
.slcc-fee-section { position: relative; z-index: 1; margin-top: 22px; padding: 24px; border-radius: 24px; background: #ffffff; border: 1px solid rgba(47, 95, 135, .12); }
.slcc-fee-section-title { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; color: var(—main); font-size: 21px; font-weight: 900; }
.slcc-fee-section-title span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 13px; background: #eef5f9; color: var(—main); font-size: 16px; }
.slcc-fee-list { display: grid; gap: 12px; }
.slcc-fee-row { display: grid; grid-template-columns: 160px 1fr; gap: 14px; padding: 14px 16px; border-radius: 18px; background: #fbfdfe; border: 1px solid rgba(47, 95, 135, .08); font-size: 16px; }
.slcc-fee-label { color: var(—main); font-weight: 900; }
.slcc-fee-text { color: #444; }
.slcc-fee-text strong { color: var(—red); }
.slcc-fee-note { position: relative; z-index: 1; margin-top: 22px; padding: 20px 22px; border-radius: 22px; background: #fffafa; border: 1px solid rgba(232, 76, 76, .24); color: #333; font-size: 16px; }
.slcc-fee-note strong { color: var(—red); }
.slcc-fee-special-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.slcc-fee-special { padding: 20px; border-radius: 20px; background: #fffdf8; border: 1px solid rgba(154, 107, 0, .16); }
.slcc-fee-special-title { margin: 0 0 8px; color: var(—gold); font-size: 17px; font-weight: 900; }
.slcc-fee-special-text { margin: 0; color: #444; font-size: 15px; }
.slcc-fee-insurance { position: relative; z-index: 1; margin-top: 22px; padding: 24px; border-radius: 24px; background: linear-gradient(135deg, #f8fffc 0%, #ffffff 100%); border: 1px solid rgba(22, 132, 111, .18); }
.slcc-fee-insurance-head { display: grid; grid-template-columns: 58px 1fr; gap: 16px; align-items: center; margin-bottom: 16px; }
.slcc-fee-insurance-icon { width: 58px; height: 58px; border-radius: 20px; background: #eef8f5; color: var(—green); display: grid; place-items: center; }
.slcc-fee-insurance-icon svg { width: 31px; height: 31px; stroke: currentColor; }
.slcc-fee-insurance-title { margin: 0; color: var(—green); font-size: 21px; font-weight: 900; line-height: 1.35; }
.slcc-fee-insurance-desc { margin: 4px 0 0; color: var(—muted); font-size: 15px; }
.slcc-fee-insurance-prices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 16px; }
.slcc-fee-insurance-price { padding: 14px 16px; border-radius: 18px; background: #ffffff; border: 1px solid rgba(22, 132, 111, .12); font-size: 16px; font-weight: 800; }
.slcc-fee-insurance-price strong { color: var(—green); font-size: 22px; }
.slcc-fee-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.slcc-fee-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 17px; border-radius: 999px; background: var(—green); color: #fff !important; text-decoration: none; font-weight: 800; font-size: 14px; transition: .2s ease; }
.slcc-fee-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(22, 132, 111, .18); }
.slcc-fee-btn.secondary { background: #eef5f9; color: var(—main) !important; border: 1px solid rgba(47, 95, 135, .14); }
.slcc-fee-btn svg { width: 16px; height: 16px; stroke: currentColor; }
@media (max-width: 900px) { .slcc-fee-summary, .slcc-fee-special-grid, .slcc-fee-insurance-prices { grid-template-columns: 1fr; }
.slcc-fee-row {
grid-template-columns: 1fr;
gap: 4px;
}
}
@media (max-width: 560px) { .slcc-fee-area { padding: 24px 10px; }
.slcc-fee-title {
font-size: 23px;
}
.slcc-fee-card,
.slcc-fee-section,
.slcc-fee-note,
.slcc-fee-insurance {
border-radius: 22px;
padding: 22px 18px;
}
.slcc-fee-mini-price {
font-size: 23px;
}
.slcc-fee-insurance-head {
grid-template-columns: 1fr;
}
}
收費標準
1 課程費用說明
2 特殊課程及其他收費
推廣課程保證金
12週以上課程收取1000元;11週以下課程收取500元。
社團課程
社團課程收取500元。
班級自收費用
材料費、班費、旅行平安保險費等,開學後由班級自行收取及運用。
學員團體意外保險費
保障學員就學期間安全,詳細說明請參閱學生意外保險 Q&A。
}
.slcc-notes-title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: var(—main); font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.slcc-notes-title::before { content: ""; width: 10px; height: 28px; border-radius: 999px; background: var(—main); display: inline-block; }
.slcc-notes-card { position: relative; background: var(—card); border: 1px solid var(—line); border-radius: 26px; padding: 30px; box-shadow: var(—shadow); overflow: hidden; }
.slcc-notes-card::before { content: ""; position: absolute; width: 190px; height: 190px; right: -92px; top: -92px; border-radius: 50%; background: rgba(47, 95, 135, .08); }
.slcc-notes-intro { position: relative; z-index: 1; display: grid; grid-template-columns: 64px 1fr; gap: 18px; align-items: center; margin-bottom: 24px; padding: 22px 24px; border-radius: 22px; background: linear-gradient(135deg, #f3f8fb 0%, #ffffff 100%); border: 1px solid rgba(47, 95, 135, .12); }
.slcc-notes-intro-icon { width: 64px; height: 64px; border-radius: 22px; background: var(—main); color: #fff; display: grid; place-items: center; }
.slcc-notes-intro-icon svg { width: 34px; height: 34px; stroke: currentColor; }
.slcc-notes-intro-title { margin: 0 0 4px; color: #1f2f46; font-size: 23px; font-weight: 900; line-height: 1.4; }
.slcc-notes-intro-text { margin: 0; color: var(—muted); font-size: 15px; }
.slcc-notes-list { position: relative; z-index: 1; display: grid; gap: 14px; }
.slcc-note-item { background: #ffffff; border: 1px solid rgba(47, 95, 135, .12); border-radius: 22px; overflow: hidden; box-shadow: 0 8px 18px rgba(0, 0, 0, .04); transition: .25s ease; }
.slcc-note-item:hover { box-shadow: var(—shadow-hover); }
.slcc-note-item[open] { border-color: rgba(47, 95, 135, .28); }
.slcc-note-summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 46px 1fr 30px; gap: 14px; align-items: center; padding: 18px 20px; color: var(—main); font-size: 19px; font-weight: 900; }
.slcc-note-summary::-webkit-details-marker { display: none; }
.slcc-note-no { width: 42px; height: 42px; border-radius: 15px; background: #eef5f9; color: var(—main); display: grid; place-items: center; font-size: 16px; font-weight: 900; }
.slcc-note-plus { width: 30px; height: 30px; border-radius: 999px; background: #eef5f9; color: var(—main); display: grid; place-items: center; font-size: 22px; line-height: 1; }
.slcc-note-item[open] .slcc-note-plus { background: var(—main); color: #fff; }
.slcc-note-item[open] .slcc-note-plus::before { content: ”−”; }
.slcc-note-item:not([open]) .slcc-note-plus::before { content: ”+”; }
.slcc-note-content { padding: 0 24px 22px 80px; }
.slcc-note-content ul { margin: 0; padding-left: 20px; }
.slcc-note-content li { margin-bottom: 10px; color: #444; font-size: 16px; }
.slcc-note-content strong { color: var(—red); }
.slcc-note-tag { display: inline-block; margin: 0 4px; padding: 1px 8px; border-radius: 999px; background: #eef5f9; color: var(—blue); font-weight: 900; }
.slcc-note-tag.gold { background: #fff7df; color: var(—gold); }
.slcc-note-tag.green { background: #eef8f5; color: var(—green); }
.slcc-note-warning { margin-top: 18px; padding: 18px 20px; border-radius: 20px; background: #fffafa; border: 1px solid rgba(232, 76, 76, .24); color: #333; font-size: 16px; }
.slcc-note-warning strong { color: var(—red); }
.slcc-note-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.slcc-note-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 17px; border-radius: 999px; background: var(—green); color: #fff !important; text-decoration: none; font-weight: 800; font-size: 14px; transition: .2s ease; }
.slcc-note-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(22, 132, 111, .18); }
.slcc-note-btn svg { width: 16px; height: 16px; stroke: currentColor; }
@media (max-width: 760px) { .slcc-notes-area { padding: 24px 10px; }
.slcc-notes-title {
font-size: 23px;
}
.slcc-notes-card {
border-radius: 22px;
padding: 24px 20px;
}
.slcc-notes-intro {
grid-template-columns: 1fr;
padding: 20px;
}
.slcc-notes-intro-title {
font-size: 21px;
}
.slcc-note-summary {
grid-template-columns: 40px 1fr 28px;
gap: 10px;
padding: 16px;
font-size: 17px;
}
.slcc-note-no {
width: 38px;
height: 38px;
border-radius: 13px;
}
.slcc-note-content {
padding: 0 18px 20px 18px;
}
}
注意事項
報名前請詳閱課程相關規範
課程參與、試聽旁聽、請假補課、課程標示、上課方式與保險規定,皆依本校公告及相關規範辦理。
一 課程參與與學習說明
- 每學期公民活動日,如講座、工作坊、研討會、論壇等,視同正式課程。 為鼓勵學員多元學習,出席三場以上可獲得折扣金憑證,可於下學期折抵學分費,雜費不適用。
- 學員上課週數達課程五分之四,且期末總成績60分以上者,可於當期第十三週申請數位學習證明; 本校亦可協助登錄至全國教師在職進修網及公務人員終身學習護照,相關作業依規定辦理。
- 本校課程非全部可登錄全國教師在職進修資訊網之研習時數。 凡肢體律動、瑜珈、太極、舞蹈等課程,因應相關管理規定不予登錄; 本校會協助登入,並由教育局進行審查。
- 學習證明於開學後第13週開放線上申請,申請手續於學期結束後一個月完成。 若需申辦紙本學習證明書,需酌收50元工本費,並於次一學期第四週前領取。 相關申請細節請洽社辦。
二 選課、試聽與旁聽規定
- 各課程皆有限定人數,額滿即止,恕無法臨時增班。
- 課程改選以一次為限,請學員審慎選課。
- 課程相關時間與內容請以課程說明為準;若講師於課期前因故調整課程內容或時間,將不另行通知。
- 課程前兩週開放免費試聽,每位學員對同一門課程僅能試聽一次。
- 試聽期結束後不開放免費旁聽。若需旁聽,請先向本校洽詢並經確認後, 於上課前至辦公室辦理旁聽證並繳交費用250元。
- 完成選課後,學員需自行留意上課時間,本校不另行通知。
三 請假、補課與跨班規範
- 若講師因病或其他因素請假,將擇期補課或順延課程。
- 學員因個人因素缺課,為維護教學進度與品質,不提供補課,亦不得跨班別或跨校區補課。
四 課程標示與程度
- 課程名稱中的「A、B...」為課程編碼,不是程度差異。
- 標註「一、二、三」或「初階、中階」,表示不同學習程度,如有疑問可來電洽詢。
- 標註 新 表示本期新開課程; 推 為推廣課程,提供學分費半價優惠,但需另行繳交保證金; 樂 為鼓勵樂齡學員參與之課程,年滿65歲未滿70歲之學員可享學分費八折優惠。
五 上課方式調整
- 因應突發疫情,本校得滾動調整授課方式,包括改為線上授課, 或採實體與線上同步之混成課程。
六 課程之保險規定
- 依教育局《新北市社區大學委託辦理行政契約》規定, 學員於新北市任一社區大學上課僅需投保一次,保險費由學員自行負擔; 保險保障內容請參閱本校官網。
- 凡具有戶外活動、外景拍攝、使用剪裁工具或各類器械之課程, 皆須投保新北市社區大學團體意外保險。 未完成投保者,本校有權拒絕受理報名。
- 每學期公民活動日(講座、工作坊、研討會、論壇等)視同正式課程。為鼓勵學員多元學習,出席三場以上可獲得折扣金憑證,可於下學期折抵學分費(雜費不適用)。
- 學員上課週數達課程五分之四,且期末總成績 60 分以上者,可於當期第十三週申請數位學習證明;本校亦可協助登錄至全國教師在職進修網及公務人員終身學習護照,相關作業依規定辦理。
- 本校課程非全部可登錄全國教師在職進修資訊網之研習時數,凡肢體律動、瑜珈、太極、舞蹈等課程則因應相關管理規定而不予登錄。本校會協助登入,會由教育局進行審查。
- 學習證明於開學後第13週開放線上申請,申請手續於學期結束後一個月完成,若需申辦紙本學習證明書,需酌收50元工本費,並於次一學期第四周前領取。相關申請細節請洽社辦。
- 各課程皆有限定人數,額滿即止,恕無法臨時增班。
- 課程改選以一次為限,請學員審慎選課。
- 課程相關時間與內容請以課程說明為準;若講師於開課前因故調整課程內容或時間,將不另行通知。
- 課程前兩週開放免費試聽,每位學員對同一門課程僅能試聽一次。
- 試聽期結束後不開放免費旁聽。若需旁聽,請先向本校洽詢並經確認後,於上課前至辦公室辦理旁聽證並繳交費用250元。
- 完成選課後,學員需自行留意上課時間,本校不另行通知。
- 若講師因病或其他因素請假,將擇期補課或順延課程。
- 學員因個人因素缺課,為維護教學進度與品質,不提供補課,亦不得跨班別或跨校區補課。
- 課程名稱中的「A、B…」為課程編碼,不是程度差異。
- 標註「(一)、(二)、(三)」或「初階、中階」表示不同學習程度,如有疑問可來電洽詢。
- 標註新表示本期新開課程;推為推廣課程,提供學分費 半價優惠,但需另行繳交保證金;樂鼓勵樂齡學員參與之課程,年滿65歲未滿70歲 之學員可享學分費八折優惠。