{"id":171,"date":"2016-10-30T12:40:41","date_gmt":"2016-10-30T12:40:41","guid":{"rendered":"https:\/\/oceanwp.org\/travel\/?page_id=171"},"modified":"2026-09-08T02:35:44","modified_gmt":"2026-09-08T02:35:44","slug":"home-2","status":"publish","type":"page","link":"https:\/\/ccls-usa.org\/staging\/9883\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================================\n   CCLS \u5b8c\u6574\u6837\u5f0f\u8868\n   Hero + \u8bed\u8a00\u5207\u6362 + \u8bfe\u7a0b Accordion + \u6587\u7ae0\u8f6e\u64ad + Dashboard + Responsive\n   ========================================================================== *\/\n\n\n\/* ==========================================================================\n   0. \u5168\u5c40\u76d2\u6a21\u578b\n   ========================================================================== *\/\n\n.ccls-hero-container *,\n.ccls-wrapper * {\n    box-sizing: border-box !important;\n}\n\n\n\n\/* ==========================================================================\n   1. \u4e2d\u82f1\u6587\u663e\u793a\u63a7\u5236\n   ========================================================================== *\/\n\n.lang-en,\n.lang-zh {\n    display: none !important;\n}\n\n\n\/* \u4e2d\u6587 *\/\n\n.ccls-hero-container.lang-zh .lang-zh,\n.ccls-wrapper.lang-zh .lang-zh,\nbody:has(.ccls-hero-container.lang-zh) .lang-zh {\n    display: inline !important;\n}\n\n\n.ccls-hero-container.lang-zh div.lang-zh,\n.ccls-hero-container.lang-zh p.lang-zh,\n.ccls-wrapper.lang-zh div.lang-zh,\n.ccls-wrapper.lang-zh p.lang-zh,\nbody:has(.ccls-hero-container.lang-zh) div.lang-zh,\nbody:has(.ccls-hero-container.lang-zh) p.lang-zh {\n    display: block !important;\n}\n\n\n.ccls-hero-container.lang-zh a.lang-zh,\n.ccls-hero-container.lang-zh span.lang-zh,\n.ccls-wrapper.lang-zh a.lang-zh,\n.ccls-wrapper.lang-zh span.lang-zh,\nbody:has(.ccls-hero-container.lang-zh) a.lang-zh,\nbody:has(.ccls-hero-container.lang-zh) span.lang-zh {\n    display: inline-block !important;\n}\n\n\n\n\/* English *\/\n\n.ccls-hero-container.lang-en .lang-en,\n.ccls-wrapper.lang-en .lang-en,\nbody:has(.ccls-hero-container.lang-en) .lang-en {\n    display: inline !important;\n}\n\n\n.ccls-hero-container.lang-en div.lang-en,\n.ccls-hero-container.lang-en p.lang-en,\n.ccls-wrapper.lang-en div.lang-en,\n.ccls-wrapper.lang-en p.lang-en,\nbody:has(.ccls-hero-container.lang-en) div.lang-en,\nbody:has(.ccls-hero-container.lang-en) p.lang-en {\n    display: block !important;\n}\n\n\n.ccls-hero-container.lang-en a.lang-en,\n.ccls-hero-container.lang-en span.lang-en,\n.ccls-wrapper.lang-en a.lang-en,\n.ccls-wrapper.lang-en span.lang-en,\nbody:has(.ccls-hero-container.lang-en) a.lang-en,\nbody:has(.ccls-hero-container.lang-en) span.lang-en {\n    display: inline-block !important;\n}\n\n\n\n\/* ==========================================================================\n   2. HERO\n   ========================================================================== *\/\n\n.ccls-hero-container {\n\n    width: 100% !important;\n\n    max-width: 1200px !important;\n\n    margin: 20px auto 40px auto !important;\n\n    padding: 0 15px !important;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        sans-serif !important;\n\n    color: #2c2523 !important;\n}\n\n\n\n\/* ==========================================================================\n   2.1 Header\n   ========================================================================== *\/\n\n.ccls-hero-header {\n\n    display: flex !important;\n\n    justify-content: space-between !important;\n\n    align-items: center !important;\n\n    gap: 15px !important;\n\n    padding: 14px 24px !important;\n\n    background: #ffffff !important;\n\n    border-radius: 8px !important;\n\n    box-shadow: 0 2px 10px rgba(0,0,0,0.04) !important;\n\n    margin-bottom: 25px !important;\n\n    border-left: 4px solid #8b1a1a !important;\n}\n\n\n.ccls-logo-title {\n\n    font-size: 18px !important;\n\n    font-weight: 700 !important;\n\n    color: #2c2523 !important;\n\n    letter-spacing: 0.5px !important;\n}\n\n\n.ccls-lang-btn {\n\n    flex-shrink: 0 !important;\n\n    background: #8b1a1a !important;\n\n    color: #ffffff !important;\n\n    border: none !important;\n\n    padding: 7px 18px !important;\n\n    border-radius: 20px !important;\n\n    font-size: 13px !important;\n\n    cursor: pointer !important;\n\n    font-weight: 600 !important;\n\n    transition:\n        background 0.2s ease,\n        transform 0.2s ease !important;\n}\n\n\n.ccls-lang-btn:hover {\n\n    background: #6e1212 !important;\n\n    transform: translateY(-1px) !important;\n}\n\n\n\n\/* ==========================================================================\n   2.2 Hero Main\n   ========================================================================== *\/\n\n.ccls-hero-main {\n\n    background:\n        linear-gradient(\n            135deg,\n            #fdfbf7 0%,\n            #f5efe6 100%\n        ) !important;\n\n    border: 1px solid #e8dfd1 !important;\n\n    border-radius: 12px !important;\n\n    padding: 32px !important;\n\n    display: grid !important;\n\n    grid-template-columns:\n        minmax(0, 1.1fr)\n        minmax(0, 0.9fr) !important;\n\n    gap: 32px !important;\n\n    align-items: flex-start !important;\n\n    box-shadow:\n        0 10px 30px\n        rgba(139, 26, 26, 0.04) !important;\n}\n\n\n.hero-left-content {\n\n    min-width: 0 !important;\n\n    display: flex !important;\n\n    flex-direction: column !important;\n}\n\n\n.badge-wrapper {\n    margin-bottom: 12px !important;\n}\n\n\n.ccls-badge {\n\n    display: inline-block !important;\n\n    background: #8b1a1a !important;\n\n    color: #ffffff !important;\n\n    font-size: 12px !important;\n\n    font-weight: 700 !important;\n\n    padding: 4px 12px !important;\n\n    border-radius: 4px !important;\n\n    letter-spacing: 0.5px !important;\n}\n\n\n.hero-title {\n\n    font-size: 28px !important;\n\n    line-height: 1.35 !important;\n\n    font-weight: 800 !important;\n\n    color: #1a1a1a !important;\n\n    margin:\n        0\n        0\n        14px\n        0 !important;\n}\n\n\n.hero-desc {\n\n    font-size: 14px !important;\n\n    color: #555555 !important;\n\n    line-height: 1.6 !important;\n\n    margin:\n        0\n        0\n        22px\n        0 !important;\n}\n\n\n\n\/* ==========================================================================\n   3. \u8bfe\u7a0b SECTION\n   ========================================================================== *\/\n\n.course-section {\n\n    background:\n        rgba(255,255,255,0.68) !important;\n\n    border:\n        1px solid\n        #ebd3c2 !important;\n\n    border-radius:\n        9px !important;\n\n    padding:\n        14px !important;\n\n    margin:\n        0\n        0\n        15px\n        0 !important;\n\n    overflow:\n        hidden !important;\n}\n\n\n.course-section-title {\n\n    font-size:\n        12px !important;\n\n    font-weight:\n        800 !important;\n\n    color:\n        #8b1a1a !important;\n\n    letter-spacing:\n        0.8px !important;\n\n    margin:\n        0\n        0\n        9px\n        0 !important;\n\n    padding-bottom:\n        7px !important;\n\n    border-bottom:\n        1px solid\n        #e8dfd1 !important;\n}\n\n\n\n\/* ==========================================================================\n   4. \u8bfe\u7a0b Accordion\n   ========================================================================== *\/\n\n\n\/* Grid *\/\n\n.culture-category-grid {\n\n    display:\n        grid !important;\n\n    grid-template-columns:\n        repeat(\n            2,\n            minmax(0, 1fr)\n        ) !important;\n\n    gap:\n        9px !important;\n\n    margin-top:\n        9px !important;\n\n    align-items:\n        start !important;\n}\n\n\n\n\/* Card *\/\n\n.culture-group-card {\n\n    position:\n        relative !important;\n\n    overflow:\n        hidden !important;\n\n    padding:\n        0 !important;\n\n    background:\n        rgba(255,255,255,0.88) !important;\n\n    border:\n        1px solid\n        #e8dfd1 !important;\n\n    border-radius:\n        8px !important;\n\n    transition:\n        background 0.22s ease,\n        border-color 0.22s ease,\n        box-shadow 0.22s ease,\n        transform 0.22s ease !important;\n}\n\n\n\n\/* \u7ea2\u8272\u88c5\u9970\u7ebf *\/\n\n.culture-group-card::before {\n\n    content:\n        \"\" !important;\n\n    position:\n        absolute !important;\n\n    top:\n        0 !important;\n\n    left:\n        0 !important;\n\n    width:\n        3px !important;\n\n    height:\n        100% !important;\n\n    background:\n        #8b1a1a !important;\n\n    opacity:\n        0.28 !important;\n\n    z-index:\n        2 !important;\n\n    transition:\n        opacity\n        0.22s ease !important;\n}\n\n\n.culture-group-card:hover {\n\n    background:\n        #ffffff !important;\n\n    border-color:\n        #d7c2b0 !important;\n\n    box-shadow:\n        0 5px 14px\n        rgba(139,26,26,0.07) !important;\n\n    transform:\n        translateY(-1px) !important;\n}\n\n\n.culture-group-card:hover::before,\n.culture-group-card.is-open::before {\n\n    opacity:\n        1 !important;\n}\n\n\n\n\/* ==========================================================================\n   4.1 Accordion Header\n   ========================================================================== *\/\n\n.group-header {\n\n    position:\n        relative !important;\n\n    padding:\n        0 !important;\n\n    margin:\n        0 !important;\n\n    border:\n        none !important;\n}\n\n\n.group-header .course-accordion-trigger {\n\n    display:\n        flex !important;\n\n    align-items:\n        center !important;\n\n    width:\n        100% !important;\n\n    min-height:\n        44px !important;\n\n    padding:\n        10px\n        40px\n        10px\n        13px !important;\n\n    color:\n        #8b1a1a !important;\n\n    font-size:\n        13px !important;\n\n    font-weight:\n        800 !important;\n\n    line-height:\n        1.35 !important;\n\n    text-decoration:\n        none !important;\n\n    cursor:\n        pointer !important;\n\n    background:\n        transparent !important;\n\n    outline:\n        none !important;\n\n    transition:\n        background\n        0.2s ease,\n        color\n        0.2s ease !important;\n}\n\n\n.group-header .course-accordion-trigger:hover {\n\n    background:\n        rgba(\n            139,\n            26,\n            26,\n            0.035\n        ) !important;\n}\n\n\n.group-header .course-accordion-trigger:focus-visible {\n\n    outline:\n        2px solid\n        rgba(\n            139,\n            26,\n            26,\n            0.35\n        ) !important;\n\n    outline-offset:\n        -3px !important;\n}\n\n\n\n\/* ==========================================================================\n   4.2 + \/ \u2212\n   ========================================================================== *\/\n\n.group-header::after {\n\n    content:\n        \"+\" !important;\n\n    position:\n        absolute !important;\n\n    right:\n        11px !important;\n\n    top:\n        50% !important;\n\n    transform:\n        translateY(-50%) !important;\n\n    width:\n        23px !important;\n\n    height:\n        23px !important;\n\n    display:\n        flex !important;\n\n    align-items:\n        center !important;\n\n    justify-content:\n        center !important;\n\n    border-radius:\n        50% !important;\n\n    background:\n        rgba(\n            139,\n            26,\n            26,\n            0.08\n        ) !important;\n\n    color:\n        #8b1a1a !important;\n\n    font-size:\n        18px !important;\n\n    font-family:\n        Arial,\n        sans-serif !important;\n\n    font-weight:\n        400 !important;\n\n    line-height:\n        1 !important;\n\n    pointer-events:\n        none !important;\n\n    transition:\n        background\n        0.2s ease,\n        color\n        0.2s ease,\n        transform\n        0.2s ease !important;\n}\n\n\n.culture-group-card.is-open\n.group-header::after {\n\n    content:\n        \"\u2212\" !important;\n\n    background:\n        #8b1a1a !important;\n\n    color:\n        #ffffff !important;\n}\n\n\n\n\/* ==========================================================================\n   4.3 Accordion Content\n   ========================================================================== *\/\n\n.group-links {\n\n    list-style:\n        none !important;\n\n    padding:\n        0\n        10px !important;\n\n    margin:\n        0 !important;\n\n    max-height:\n        0;\n\n    opacity:\n        0 !important;\n\n    visibility:\n        hidden !important;\n\n    overflow:\n        hidden !important;\n\n    transition:\n        max-height\n        0.38s\n        ease,\n        opacity\n        0.24s\n        ease,\n        visibility\n        0.24s\n        ease,\n        padding\n        0.3s\n        ease !important;\n}\n\n\n.culture-group-card.is-open\n.group-links {\n\n    opacity:\n        1 !important;\n\n    visibility:\n        visible !important;\n\n    padding:\n        4px\n        10px\n        11px\n        10px !important;\n}\n\n\n.culture-group-card.is-open {\n\n    background:\n        #ffffff !important;\n\n    border-color:\n        #d9c1ae !important;\n\n    box-shadow:\n        0 5px 16px\n        rgba(\n            139,\n            26,\n            26,\n            0.065\n        ) !important;\n}\n\n\n.culture-group-card.is-open\n.group-header {\n\n    border-bottom:\n        1px solid\n        #eee4db !important;\n}\n\n\n\n\/* ==========================================================================\n   4.4 Course Links\n   ========================================================================== *\/\n\n.group-links li {\n\n    margin:\n        0 !important;\n\n    padding:\n        0 !important;\n}\n\n\n.group-links li + li {\n\n    margin-top:\n        2px !important;\n}\n\n\n.group-links a {\n\n    display:\n        block !important;\n\n    padding:\n        5px\n        7px !important;\n\n    color:\n        #4a4a4a !important;\n\n    background:\n        transparent !important;\n\n    border-radius:\n        5px !important;\n\n    text-decoration:\n        none !important;\n\n    font-size:\n        11.5px !important;\n\n    line-height:\n        1.42 !important;\n\n    transition:\n        background\n        0.18s ease,\n        color\n        0.18s ease,\n        padding-left\n        0.18s ease !important;\n}\n\n\n.group-links a::before {\n\n    content:\n        \"\u2022\" !important;\n\n    display:\n        inline-block !important;\n\n    margin-right:\n        5px !important;\n\n    color:\n        #b68b77 !important;\n}\n\n\n.group-links a:hover {\n\n    background:\n        rgba(\n            139,\n            26,\n            26,\n            0.06\n        ) !important;\n\n    color:\n        #8b1a1a !important;\n\n    padding-left:\n        10px !important;\n}\n\n\n\n\/* Series Heading *\/\n\n.course-series-title {\n\n    margin-top:\n        6px !important;\n}\n\n\n.course-series-title:first-child {\n\n    margin-top:\n        0 !important;\n}\n\n\n.course-series-title > a {\n\n    color:\n        #303030 !important;\n\n    font-weight:\n        750 !important;\n}\n\n\n.course-series-title > a::before {\n\n    content:\n        \"\u25cf\" !important;\n\n    font-size:\n        7px !important;\n\n    vertical-align:\n        middle !important;\n}\n\n\n\n\/* Child item *\/\n\n.course-sub-item > a {\n\n    padding-left:\n        18px !important;\n\n    color:\n        #606060 !important;\n}\n\n\n.course-sub-item > a::before {\n\n    content:\n        \"\u2013\" !important;\n\n    color:\n        #aa9387 !important;\n}\n\n\n.course-sub-item > a:hover {\n\n    padding-left:\n        21px !important;\n}\n\n\n\n\/* ==========================================================================\n   5. CTA\n   ========================================================================== *\/\n\n.hero-cta-group {\n\n    display:\n        flex !important;\n\n    gap:\n        12px !important;\n\n    margin-top:\n        8px !important;\n}\n\n\n.btn-cta-primary {\n\n    background:\n        #8b1a1a !important;\n\n    color:\n        #ffffff !important;\n\n    padding:\n        12px\n        22px !important;\n\n    border-radius:\n        6px !important;\n\n    text-decoration:\n        none !important;\n\n    font-size:\n        14px !important;\n\n    font-weight:\n        700 !important;\n\n    text-align:\n        center !important;\n\n    box-shadow:\n        0 4px 12px\n        rgba(\n            139,\n            26,\n            26,\n            0.2\n        ) !important;\n\n    transition:\n        all\n        0.2s ease !important;\n}\n\n\n.btn-cta-primary:hover {\n\n    background:\n        #6e1212 !important;\n\n    color:\n        #ffffff !important;\n\n    transform:\n        translateY(-2px) !important;\n}\n\n\n.btn-cta-sub {\n\n    background:\n        #ffffff !important;\n\n    color:\n        #2c2523 !important;\n\n    border:\n        1px solid\n        #d8cebe !important;\n\n    padding:\n        12px\n        20px !important;\n\n    border-radius:\n        6px !important;\n\n    text-decoration:\n        none !important;\n\n    font-size:\n        14px !important;\n\n    font-weight:\n        600 !important;\n\n    text-align:\n        center !important;\n\n    transition:\n        all\n        0.2s ease !important;\n}\n\n\n.btn-cta-sub:hover {\n\n    border-color:\n        #8b1a1a !important;\n\n    color:\n        #8b1a1a !important;\n}\n\n\n\n\/* ==========================================================================\n   6. \u53f3\u4fa7 Media Cards\n   ========================================================================== *\/\n\n.hero-right-media {\n\n    min-width:\n        0 !important;\n\n    display:\n        flex !important;\n\n    flex-direction:\n        column !important;\n\n    gap:\n        16px !important;\n}\n\n\n.media-card {\n\n    background:\n        #ffffff !important;\n\n    border:\n        1px solid\n        #e2d7c7 !important;\n\n    border-radius:\n        10px !important;\n\n    overflow:\n        hidden !important;\n\n    box-shadow:\n        0 4px 15px\n        rgba(\n            0,\n            0,\n            0,\n            0.03\n        ) !important;\n\n    transition:\n        transform\n        0.2s ease,\n        box-shadow\n        0.2s ease !important;\n}\n\n\n.media-card:hover {\n\n    transform:\n        translateY(-2px) !important;\n\n    box-shadow:\n        0 6px 20px\n        rgba(\n            0,\n            0,\n            0,\n            0.06\n        ) !important;\n}\n\n\n.media-image-box {\n\n    position:\n        relative !important;\n\n    width:\n        100% !important;\n\n    height:\n        200px !important;\n\n    overflow:\n        hidden !important;\n}\n\n\n.hero-img {\n\n    width:\n        100% !important;\n\n    height:\n        100% !important;\n\n    object-fit:\n        cover !important;\n\n    object-position:\n        top center !important;\n\n    transition:\n        transform\n        0.3s ease !important;\n}\n\n\n.media-card:hover\n.hero-img {\n\n    transform:\n        scale(1.04) !important;\n}\n\n\n.image-tag {\n\n    position:\n        absolute !important;\n\n    top:\n        10px !important;\n\n    left:\n        10px !important;\n\n    background:\n        rgba(\n            139,\n            26,\n            26,\n            0.9\n        ) !important;\n\n    color:\n        #ffffff !important;\n\n    font-size:\n        11px !important;\n\n    font-weight:\n        700 !important;\n\n    padding:\n        3px\n        8px !important;\n\n    border-radius:\n        3px !important;\n\n    letter-spacing:\n        0.5px !important;\n\n    z-index:\n        2 !important;\n}\n\n\n.image-tag.tag-culture {\n\n    background:\n        rgba(\n            44,\n            37,\n            35,\n            0.88\n        ) !important;\n}\n\n\n.media-card-info {\n\n    padding:\n        12px\n        16px !important;\n\n    display:\n        flex !important;\n\n    justify-content:\n        space-between !important;\n\n    align-items:\n        center !important;\n\n    gap:\n        10px !important;\n}\n\n\n.media-card-title {\n\n    margin:\n        0 !important;\n\n    font-size:\n        13px !important;\n\n    font-weight:\n        700 !important;\n\n    color:\n        #1a1a1a !important;\n}\n\n\n.media-link {\n\n    flex-shrink:\n        0 !important;\n\n    font-size:\n        12px !important;\n\n    color:\n        #8b1a1a !important;\n\n    font-weight:\n        700 !important;\n\n    text-decoration:\n        none !important;\n\n    white-space:\n        nowrap !important;\n}\n\n\n.media-link:hover {\n\n    text-decoration:\n        underline !important;\n}\n\n\n\n\/* ==========================================================================\n   7. OceanWP Posts Slider\n   ========================================================================== *\/\n\n.oceanwp-post-slider-wrap,\n.ops-slider {\n\n    max-width:\n        1200px !important;\n\n    margin:\n        30px auto !important;\n\n    padding:\n        0 15px !important;\n}\n\n\n.ops-slider .owl-item,\n.oceanwp-post-slider-item {\n\n    border-radius:\n        10px !important;\n\n    overflow:\n        hidden !important;\n\n    border:\n        1px solid\n        #ebd3c2 !important;\n\n    background:\n        #ffffff !important;\n\n    box-shadow:\n        0 4px 15px\n        rgba(\n            0,\n            0,\n            0,\n            0.04\n        ) !important;\n\n    transition:\n        transform\n        0.2s ease !important;\n}\n\n\n.ops-slider .owl-item:hover {\n\n    transform:\n        translateY(-3px) !important;\n\n    box-shadow:\n        0 8px 25px\n        rgba(\n            139,\n            26,\n            26,\n            0.08\n        ) !important;\n}\n\n\n.ops-slider .category-capsule,\n.ops-slider .ops-meta-cat a,\n.oceanwp-post-slider-wrap\n.oceanwp-post-slider-category a {\n\n    background:\n        #8b1a1a !important;\n\n    color:\n        #ffffff !important;\n\n    font-size:\n        11px !important;\n\n    font-weight:\n        700 !important;\n\n    border-radius:\n        4px !important;\n\n    padding:\n        3px\n        8px !important;\n\n    text-transform:\n        uppercase !important;\n\n    box-shadow:\n        none !important;\n\n    border:\n        none !important;\n}\n\n\n.ops-slider .ops-content,\n.oceanwp-post-slider-content {\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(0,0,0,0) 0%,\n            rgba(44,37,35,0.85) 100%\n        ) !important;\n\n    padding:\n        20px\n        16px\n        14px\n        16px !important;\n}\n\n\n.ops-slider .ops-title,\n.ops-slider .ops-title a,\n.oceanwp-post-slider-title a {\n\n    color:\n        #ffffff !important;\n\n    font-size:\n        15px !important;\n\n    font-weight:\n        700 !important;\n\n    line-height:\n        1.4 !important;\n\n    text-shadow:\n        0 1px 3px\n        rgba(\n            0,\n            0,\n            0,\n            0.5\n        ) !important;\n}\n\n\n.ops-slider .ops-title a:hover,\n.oceanwp-post-slider-title a:hover {\n\n    color:\n        #f2e6d5 !important;\n\n    text-decoration:\n        underline !important;\n}\n\n\n.ops-slider .owl-nav button.owl-prev,\n.ops-slider .owl-nav button.owl-next,\n.oceanwp-post-slider-wrap .owl-prev,\n.oceanwp-post-slider-wrap .owl-next {\n\n    background:\n        #ffffff !important;\n\n    color:\n        #8b1a1a !important;\n\n    width:\n        36px !important;\n\n    height:\n        36px !important;\n\n    border-radius:\n        50% !important;\n\n    box-shadow:\n        0 2px 8px\n        rgba(\n            0,\n            0,\n            0,\n            0.15\n        ) !important;\n\n    border:\n        1px solid\n        #ebd3c2 !important;\n\n    opacity:\n        0.9 !important;\n\n    transition:\n        all\n        0.2s ease !important;\n}\n\n\n.ops-slider .owl-nav button.owl-prev:hover,\n.ops-slider .owl-nav button.owl-next:hover,\n.oceanwp-post-slider-wrap .owl-prev:hover,\n.oceanwp-post-slider-wrap .owl-next:hover {\n\n    background:\n        #8b1a1a !important;\n\n    color:\n        #ffffff !important;\n\n    opacity:\n        1 !important;\n}\n\n\n\n\/* ==========================================================================\n   8. Dashboard\n   ========================================================================== *\/\n\n.ccls-wrapper {\n\n    width:\n        100% !important;\n\n    max-width:\n        1200px !important;\n\n    margin:\n        0 auto 40px auto !important;\n\n    padding:\n        0 15px !important;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        \"PingFang SC\",\n        \"Microsoft YaHei\",\n        sans-serif !important;\n\n    color:\n        #2c2523 !important;\n}\n\n\n.info-dashboard-grid {\n\n    display:\n        grid !important;\n\n    gap:\n        24px !important;\n\n    align-items:\n        stretch !important;\n}\n\n\n.dashboard-card {\n\n    background:\n        #ffffff !important;\n\n    border:\n        1px solid\n        #e8dfd1 !important;\n\n    border-radius:\n        12px !important;\n\n    padding:\n        24px !important;\n\n    box-shadow:\n        0 4px 15px\n        rgba(\n            0,\n            0,\n            0,\n            0.03\n        ) !important;\n\n    display:\n        flex !important;\n\n    flex-direction:\n        column !important;\n\n    transition:\n        transform\n        0.2s ease,\n        box-shadow\n        0.2s ease !important;\n}\n\n\n.dashboard-card:hover {\n\n    box-shadow:\n        0 6px 20px\n        rgba(\n            0,\n            0,\n            0,\n            0.06\n        ) !important;\n}\n\n\n.dashboard-card h3 {\n\n    margin:\n        0\n        0\n        18px\n        0 !important;\n\n    font-size:\n        18px !important;\n\n    font-weight:\n        800 !important;\n\n    color:\n        #8b1a1a !important;\n\n    border-bottom:\n        2px solid\n        #f2e6d5 !important;\n\n    padding-bottom:\n        10px !important;\n\n    letter-spacing:\n        0.5px !important;\n}\n\n\n.hours-schedule-list {\n\n    list-style:\n        none !important;\n\n    padding:\n        0 !important;\n\n    margin:\n        0\n        0\n        15px\n        0 !important;\n}\n\n\n.hours-schedule-list li {\n\n    display:\n        flex !important;\n\n    justify-content:\n        space-between !important;\n\n    align-items:\n        center !important;\n\n    gap:\n        10px !important;\n\n    padding:\n        10px\n        12px !important;\n\n    margin-bottom:\n        6px !important;\n\n    background:\n        #faf7f2 !important;\n\n    border-radius:\n        6px !important;\n\n    border:\n        1px solid\n        #ebd3c2 !important;\n\n    font-size:\n        13px !important;\n}\n\n\n.hours-schedule-list li .period {\n\n    font-weight:\n        700 !important;\n\n    color:\n        #2c2523 !important;\n}\n\n\n.hours-schedule-list li .time {\n\n    font-weight:\n        600 !important;\n\n    color:\n        #8b1a1a !important;\n\n    background:\n        #ffffff !important;\n\n    padding:\n        3px\n        8px !important;\n\n    border-radius:\n        4px !important;\n\n    border:\n        1px solid\n        #e0d5c5 !important;\n}\n\n\n.dashboard-links {\n\n    margin-top:\n        auto !important;\n}\n\n\n.btn-secondary {\n\n    display:\n        inline-block !important;\n\n    background:\n        #8b1a1a !important;\n\n    color:\n        #ffffff !important;\n\n    text-align:\n        center !important;\n\n    padding:\n        11px\n        16px !important;\n\n    border-radius:\n        6px !important;\n\n    text-decoration:\n        none !important;\n\n    font-size:\n        14px !important;\n\n    font-weight:\n        700 !important;\n\n    transition:\n        all\n        0.2s ease !important;\n\n    box-shadow:\n        0 3px 10px\n        rgba(\n            139,\n            26,\n            26,\n            0.15\n        ) !important;\n}\n\n\n.btn-secondary:hover {\n\n    background:\n        #6e1212 !important;\n\n    color:\n        #ffffff !important;\n\n    transform:\n        translateY(-2px) !important;\n}\n\n\n.map-link-accent {\n\n    color:\n        #8b1a1a !important;\n\n    font-weight:\n        700 !important;\n\n    font-size:\n        13px !important;\n\n    text-decoration:\n        none !important;\n\n    transition:\n        color\n        0.2s ease !important;\n}\n\n\n.map-link-accent:hover {\n\n    text-decoration:\n        underline !important;\n\n    color:\n        #6e1212 !important;\n}\n\n\n.ccls-map-embed-wrapper {\n\n    border:\n        1px solid\n        #e0d5c5 !important;\n\n    box-shadow:\n        inset\n        0 1px 3px\n        rgba(\n            0,\n            0,\n            0,\n            0.05\n        ) !important;\n}\n\n\n.mail-address-box {\n\n    background:\n        #faf7f2 !important;\n\n    padding:\n        14px\n        16px !important;\n\n    border-radius:\n        8px !important;\n\n    border:\n        1px solid\n        #ebd3c2 !important;\n\n    font-size:\n        13px !important;\n\n    line-height:\n        1.6 !important;\n\n    color:\n        #444444 !important;\n}\n\n\n.mail-address-box strong {\n\n    color:\n        #1a1a1a !important;\n}\n\n\n.mail-address-box a {\n\n    color:\n        #8b1a1a !important;\n\n    text-decoration:\n        none !important;\n}\n\n\n.mail-address-box a:hover {\n\n    text-decoration:\n        underline !important;\n}\n\n\n\n\/* ==========================================================================\n   9. RESPONSIVE \u2014 Tablet\n   ========================================================================== *\/\n\n@media (max-width: 992px) {\n\n\n    .ccls-hero-main {\n\n        grid-template-columns:\n            1fr !important;\n\n        padding:\n            24px !important;\n\n        gap:\n            24px !important;\n    }\n\n\n    \/*\n     * Hero \u53d8\u6210\u4e00\u5217\u540e\uff0c\n     * \u4e2d\u6587\/\u6587\u5316\u8bfe\u7a0b\u7ee7\u7eed\u4e24\u5217\u3002\n     *\/\n\n    .culture-category-grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            ) !important;\n    }\n\n\n    \/*\n     * \u4e24\u5f20\u5ba3\u4f20\u56fe\u6539\u6210\u5e76\u6392\uff0c\n     * \u51cf\u5c11 Tablet \u9875\u9762\u603b\u9ad8\u5ea6\u3002\n     *\/\n\n    .hero-right-media {\n\n        display:\n            grid !important;\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0,1fr)\n            ) !important;\n\n        gap:\n            14px !important;\n    }\n\n\n    .media-image-box {\n\n        height:\n            175px !important;\n    }\n\n\n    .media-card-info {\n\n        align-items:\n            flex-start !important;\n\n        flex-direction:\n            column !important;\n    }\n\n}\n\n\n\n\/* ==========================================================================\n   10. RESPONSIVE \u2014 Mobile\n   ========================================================================== *\/\n\n@media (max-width: 768px) {\n\n\n    .ccls-hero-container {\n\n        margin:\n            10px\n            auto\n            25px\n            auto !important;\n\n        padding:\n            0 10px !important;\n    }\n\n\n\n    \/* Header *\/\n\n    .ccls-hero-header {\n\n        padding:\n            11px\n            14px !important;\n\n        margin-bottom:\n            14px !important;\n    }\n\n\n    .ccls-logo-title {\n\n        font-size:\n            15px !important;\n\n        line-height:\n            1.3 !important;\n    }\n\n\n    .ccls-lang-btn {\n\n        padding:\n            6px\n            12px !important;\n\n        font-size:\n            11px !important;\n    }\n\n\n\n    \/* Main *\/\n\n    .ccls-hero-main {\n\n        padding:\n            18px !important;\n\n        gap:\n            20px !important;\n    }\n\n\n    .hero-title {\n\n        font-size:\n            23px !important;\n\n        margin-bottom:\n            10px !important;\n    }\n\n\n    .hero-desc {\n\n        font-size:\n            13px !important;\n\n        margin-bottom:\n            16px !important;\n    }\n\n\n\n    \/* Course section *\/\n\n    .course-section {\n\n        padding:\n            10px !important;\n\n        margin-bottom:\n            12px !important;\n    }\n\n\n    .course-section-title {\n\n        font-size:\n            11px !important;\n\n        margin-bottom:\n            7px !important;\n    }\n\n\n\n    \/*\n     * \u624b\u673a\u8bfe\u7a0b\u4e00\u5b9a\u4e00\u5217\u3002\n     *\/\n\n    .culture-category-grid {\n\n        grid-template-columns:\n            1fr !important;\n\n        gap:\n            7px !important;\n\n        margin-top:\n            7px !important;\n    }\n\n\n    .culture-group-card {\n\n        border-radius:\n            7px !important;\n    }\n\n\n    \/*\n     * \u624b\u673a\u53d6\u6d88 hover \u4f4d\u79fb\u3002\n     *\/\n\n    .culture-group-card:hover {\n\n        transform:\n            none !important;\n    }\n\n\n\n    \/* Accordion Header *\/\n\n    .group-header\n    .course-accordion-trigger {\n\n        min-height:\n            44px !important;\n\n        padding:\n            10px\n            41px\n            10px\n            12px !important;\n\n        font-size:\n            13px !important;\n    }\n\n\n    .group-header::after {\n\n        right:\n            10px !important;\n\n        width:\n            25px !important;\n\n        height:\n            25px !important;\n\n        font-size:\n            19px !important;\n    }\n\n\n\n    \/* Course link *\/\n\n    .group-links a {\n\n        padding:\n            7px\n            8px !important;\n\n        font-size:\n            13px !important;\n\n        line-height:\n            1.4 !important;\n    }\n\n\n    .course-sub-item > a {\n\n        padding-left:\n            20px !important;\n    }\n\n\n\n    \/* Dashboard *\/\n\n    .info-dashboard-grid {\n\n        grid-template-columns:\n            1fr !important;\n    }\n\n\n\n    \/*\n     * \u624b\u673a\u53f3\u4fa7\u56fe\u7247\u91cd\u65b0\u4e0a\u4e0b\u6392\u5217\u3002\n     *\/\n\n    .hero-right-media {\n\n        display:\n            flex !important;\n\n        flex-direction:\n            column !important;\n\n        gap:\n            12px !important;\n    }\n\n\n    .media-image-box {\n\n        height:\n            180px !important;\n    }\n\n}\n\n\n\n\/* ==========================================================================\n   11. Small Mobile\n   ========================================================================== *\/\n\n@media (max-width: 576px) {\n\n\n    .hero-cta-group {\n\n        flex-direction:\n            column !important;\n\n        gap:\n            8px !important;\n    }\n\n\n    .btn-cta-primary,\n    .btn-cta-sub {\n\n        width:\n            100% !important;\n\n        padding:\n            10px\n            14px !important;\n    }\n\n\n    .media-card-info {\n\n        flex-direction:\n            column !important;\n\n        align-items:\n            flex-start !important;\n\n        gap:\n            5px !important;\n    }\n\n\n    .media-link {\n\n        white-space:\n            normal !important;\n    }\n\n}\n\n\n\n\/* ==========================================================================\n   12. Extra Small \/ iPhone\n   ========================================================================== *\/\n\n@media (max-width: 480px) {\n\n\n    .ccls-hero-container {\n\n        padding:\n            0 7px !important;\n    }\n\n\n    .ccls-hero-header {\n\n        padding:\n            10px\n            11px !important;\n    }\n\n\n    .ccls-logo-title {\n\n        max-width:\n            68% !important;\n\n        font-size:\n            13px !important;\n    }\n\n\n    .ccls-lang-btn {\n\n        padding:\n            5px\n            10px !important;\n\n        font-size:\n            10px !important;\n    }\n\n\n    .ccls-hero-main {\n\n        padding:\n            14px\n            10px !important;\n\n        border-radius:\n            9px !important;\n    }\n\n\n    .hero-title {\n\n        font-size:\n            20px !important;\n    }\n\n\n    .hero-desc {\n\n        font-size:\n            12.5px !important;\n\n        line-height:\n            1.55 !important;\n    }\n\n\n    .course-section {\n\n        padding:\n            9px !important;\n\n        border-radius:\n            7px !important;\n    }\n\n\n    .group-header\n    .course-accordion-trigger {\n\n        min-height:\n            42px !important;\n\n        font-size:\n            12.5px !important;\n\n        padding:\n            9px\n            39px\n            9px\n            10px !important;\n    }\n\n\n    .group-links a {\n\n        font-size:\n            12.5px !important;\n\n        padding:\n            7px\n            6px !important;\n    }\n\n\n    .course-sub-item > a {\n\n        padding-left:\n            18px !important;\n    }\n\n\n    .media-image-box {\n\n        height:\n            165px !important;\n    }\n\n\n    .hours-schedule-list li {\n\n        align-items:\n            flex-start !important;\n\n        flex-direction:\n            column !important;\n    }\n\n}\n\n\n\n\/* ==========================================================================\n   13. Reduced Motion\n   ========================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n\n    .culture-group-card,\n    .group-links,\n    .group-header::after,\n    .hero-img,\n    .media-card,\n    .ccls-lang-btn {\n\n        transition:\n            none !important;\n    }\n\n}\n<\/style>\n\n<div class=\"ccls-hero-container lang-zh\">\n\n    <!-- =========================================================\n         1. \u9876\u90e8\u5de5\u5177\u680f\n         ========================================================= -->\n    <div class=\"ccls-hero-header\">\n\n        <div class=\"ccls-logo-title\">\n            <span class=\"lang-en\">Century Chinese Language School<\/span>\n            <span class=\"lang-zh\">\u4e16\u7eaa\u4e2d\u6587\u5b66\u6821<\/span>\n        <\/div>\n\n        <button\n            class=\"ccls-lang-btn\"\n            id=\"cclsLangToggleBtn\"\n            type=\"button\"\n            aria-label=\"Switch language\"\n        >\n            <span class=\"lang-en\">\u4e2d\u6587 \/ ZH<\/span>\n            <span class=\"lang-zh\">English \/ EN<\/span>\n        <\/button>\n\n    <\/div>\n\n\n    <!-- =========================================================\n         2. Hero \u4e3b\u533a\u57df\n         ========================================================= -->\n    <div class=\"ccls-hero-main\">\n\n\n        <!-- =====================================================\n             \u5de6\u4fa7\n             ===================================================== -->\n        <div class=\"hero-left-content\">\n\n            <div class=\"badge-wrapper\">\n                <span class=\"ccls-badge\">\n                    <span class=\"lang-en\">2026 &#8211; 2027 Enrollment<\/span>\n                    <span class=\"lang-zh\">2026 &#8211; 2027 \u5b66\u5e74\u6ce8\u518c\u5f00\u542f<\/span>\n                <\/span>\n            <\/div>\n\n\n            <h1 class=\"hero-title\">\n                <span class=\"lang-en\">Century Chinese Language School<\/span>\n                <span class=\"lang-zh\">\u4f20\u627f\u4e2d\u534e\u6587\u5316\uff0c\u5f00\u542f\u8bed\u8a00\u4e4b\u95e8<\/span>\n            <\/h1>\n\n\n            <p class=\"hero-desc\">\n                <span class=\"lang-en\">\n                    Providing standard Chinese language courses,\n                    culture arts, and AP programs for school-age\n                    students and adults.\n                <\/span>\n\n                <span class=\"lang-zh\">\n                    \u4e3a 3 \u5c81\u53ca\u4ee5\u4e0a\u9002\u9f84\u513f\u7ae5\u4e0e\u6210\u4eba\u63d0\u4f9b\u7cfb\u7edf\u5316\u7684\u4e2d\u6587\u8bed\u8a00\u8bfe\u7a0b\u3001\n                    AP \u5907\u8003\u53ca\u4e30\u5bcc\u591a\u5143\u7684\u4e2d\u534e\u6587\u5316\u827a\u672f\u5174\u8da3\u73ed\u3002\n                <\/span>\n            <\/p>\n\n\n\n            <!-- =================================================\n                 \u4e2d\u6587\u8bfe\n                 ================================================= -->\n            <div class=\"course-section culture-hierarchical-section\">\n\n                <div class=\"course-section-title\">\n                    <span class=\"lang-en\">CHINESE CLASSES \/ \u4e2d\u6587\u8bfe<\/span>\n                    <span class=\"lang-zh\">\u4e2d\u6587\u8bfe<\/span>\n                <\/div>\n\n\n                <div class=\"culture-category-grid\">\n\n\n                    <!-- \u5b66\u524d\u4e2d\u6587\u8bfe\u7a0b -->\n                    <div class=\"culture-group-card\">\n\n                        <div class=\"group-header\">\n                            <a\n                                href=\"\/staging\/9883\/uncategorized\/early-childhood-programs\/\"\n                                class=\"course-accordion-trigger\"\n                            >\n                                <span class=\"lang-en\">Early Childhood Programs<\/span>\n                                <span class=\"lang-zh\">\u5b66\u524d\u4e2d\u6587\u8bfe\u7a0b<\/span>\n                            <\/a>\n                        <\/div>\n\n\n                        <ul class=\"group-links\">\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/pre-k\/\">\n                                    <span class=\"lang-en\">Pre-K<\/span>\n                                    <span class=\"lang-zh\">\u5e7c\u513f\u6c49\u8bed<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/kindergarten-chinese\/\">\n                                    <span class=\"lang-en\">Kindergarten Chinese<\/span>\n                                    <span class=\"lang-zh\">\u5b66\u524d\u73ed\u4e2d\u6587<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/uncategorized\/cls-level-1\/\">\n                                    <span class=\"lang-en\">CSL Beginner<\/span>\n                                    <span class=\"lang-zh\">CSL Beginner<\/span>\n                                <\/a>\n                            <\/li>\n\n                        <\/ul>\n\n                    <\/div>\n\n\n\n                    <!-- \u4f4e\u5e74\u7ea7\u4e2d\u6587\u8bfe\u7a0b -->\n                    <div class=\"culture-group-card\">\n\n                        <div class=\"group-header\">\n                            <a\n                                href=\"\/staging\/9883\/uncategorized\/elementary-chinese-programs\/\"\n                                class=\"course-accordion-trigger\"\n                            >\n                                <span class=\"lang-en\">Elementary Chinese Programs<\/span>\n                                <span class=\"lang-zh\">\u4f4e\u5e74\u7ea7\u4e2d\u6587\u8bfe\u7a0b<\/span>\n                            <\/a>\n                        <\/div>\n\n\n                        <ul class=\"group-links\">\n\n                            <li class=\"course-series-title\">\n                                <a href=\"\/staging\/9883\/uncategorized\/zhongwen-series%EF%BC%88%E6%9A%A8%E5%8D%97%E4%B8%AD%E6%96%87%E4%BD%93%E7%B3%BB%EF%BC%89\/\">\n                                    <span class=\"lang-en\">Zhong Wen Series<\/span>\n                                    <span class=\"lang-zh\">\u66a8\u5357\u4e2d\u6587\u4f53\u7cfb<\/span>\n                                <\/a>\n                            <\/li>\n\n\n                            <li class=\"course-sub-item\">\n                                <a href=\"\/staging\/9883\/class-offerings\/zhong-wen-1\/\">\n                                    <span class=\"lang-en\">Zhong Wen 1<\/span>\n                                    <span class=\"lang-zh\">\u4e2d\u6587\u4e00\u5e74\u7ea7<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li class=\"course-sub-item\">\n                                <a href=\"\/staging\/9883\/class-offerings\/zhong-wen-2\/\">\n                                    <span class=\"lang-en\">Zhong Wen 2<\/span>\n                                    <span class=\"lang-zh\">\u4e2d\u6587\u4e8c\u5e74\u7ea7<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li class=\"course-sub-item\">\n                                <a href=\"\/staging\/9883\/class-offerings\/zhong-wen-3-%E4%B8%AD%E6%96%87%E4%B8%89%E5%B9%B4%E7%BA%A7\/\">\n                                    <span class=\"lang-en\">Zhong Wen 3<\/span>\n                                    <span class=\"lang-zh\">\u4e2d\u6587\u4e09\u5e74\u7ea7<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li class=\"course-sub-item\">\n                                <a href=\"\/staging\/9883\/class-offerings\/zhong-wen-4\/\">\n                                    <span class=\"lang-en\">Zhong Wen 4<\/span>\n                                    <span class=\"lang-zh\">\u4e2d\u6587\u56db\u5e74\u7ea7<\/span>\n                                <\/a>\n                            <\/li>\n\n\n                            <li class=\"course-series-title\">\n                                <a href=\"\/staging\/9883\/uncategorized\/ma-li-ping-series%EF%BC%88%E9%A9%AC%E7%AB%8B%E5%B9%B3%E4%B8%AD%E6%96%87%E4%BD%93%E7%B3%BB%EF%BC%89\/\">\n                                    <span class=\"lang-en\">Ma Li Ping Series<\/span>\n                                    <span class=\"lang-zh\">\u9a6c\u7acb\u5e73\u4e2d\u6587\u4f53\u7cfb<\/span>\n                                <\/a>\n                            <\/li>\n\n\n                            <li class=\"course-sub-item\">\n                                <a href=\"\/staging\/9883\/class-offerings\/maliping-1\/\">\n                                    <span class=\"lang-en\">Ma Li Ping 1<\/span>\n                                    <span class=\"lang-zh\">\u9a6c\u7acb\u5e73\u4e00\u5e74\u7ea7<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li class=\"course-sub-item\">\n                                <a href=\"\/staging\/9883\/class-offerings\/maliping-2\/\">\n                                    <span class=\"lang-en\">Ma Li Ping 2<\/span>\n                                    <span class=\"lang-zh\">\u9a6c\u7acb\u5e73\u4e8c\u5e74\u7ea7<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li class=\"course-sub-item\">\n                                <a href=\"\/staging\/9883\/class-offerings\/maliping-3\/\">\n                                    <span class=\"lang-en\">Ma Li Ping 3<\/span>\n                                    <span class=\"lang-zh\">\u9a6c\u7acb\u5e73\u4e09\u5e74\u7ea7<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li class=\"course-sub-item\">\n                                <a href=\"\/staging\/9883\/class-offerings\/maliping-4\/\">\n                                    <span class=\"lang-en\">Ma Li Ping 4<\/span>\n                                    <span class=\"lang-zh\">\u9a6c\u7acb\u5e73\u56db\u5e74\u7ea7<\/span>\n                                <\/a>\n                            <\/li>\n\n                        <\/ul>\n\n                    <\/div>\n\n\n\n                    <!-- \u9ad8\u5e74\u7ea7\u4e2d\u6587\u8bfe\u7a0b -->\n                    <div class=\"culture-group-card\">\n\n                        <div class=\"group-header\">\n                            <a\n                                href=\"\/staging\/9883\/uncategorized\/advanced-chinese-programs\/\"\n                                class=\"course-accordion-trigger\"\n                            >\n                                <span class=\"lang-en\">Advanced Chinese Programs<\/span>\n                                <span class=\"lang-zh\">\u9ad8\u5e74\u7ea7\u4e2d\u6587\u8bfe\u7a0b<\/span>\n                            <\/a>\n                        <\/div>\n\n\n                        <ul class=\"group-links\">\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/zhong-wen-5-%E4%B8%AD%E6%96%87%E4%BA%94%E5%B9%B4%E7%BA%A7\/\">\n                                    <span class=\"lang-en\">Grade 5 Chinese<\/span>\n                                    <span class=\"lang-zh\">\u4e94\u5e74\u7ea7\u4e2d\u6587<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/maliping-7-%E9%A9%AC%E7%AB%8B%E5%B9%B3%E4%B8%83%E5%B9%B4%E7%BA%A7%EF%BC%89\/\">\n                                    <span class=\"lang-en\">Grade 7 Chinese<\/span>\n                                    <span class=\"lang-zh\">\u4e03\u5e74\u7ea7\u4e2d\u6587<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/uncategorized\/exploring-chinese-culture%EF%BC%88%E4%B8%AD%E5%8D%8E%E6%96%87%E5%8C%96%E4%B9%8B%E7%AA%97%EF%BC%8Cgrade-8-8%E5%B9%B4%E7%BA%A7%EF%BC%89\/\">\n                                    <span class=\"lang-en\">Grade 8 Exploring Chinese Culture<\/span>\n                                    <span class=\"lang-zh\">\u516b\u5e74\u7ea7\u4e2d\u534e\u6587\u5316\u4e4b\u7a97<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/pre-ap\/\">\n                                    <span class=\"lang-en\">Grade 9 Chinese Cultural Journey<\/span>\n                                    <span class=\"lang-zh\">\u4e5d\u5e74\u7ea7\u4e2d\u534e\u6587\u5316\u5de1\u793c<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/ap-chinese\/\">\n                                    <span class=\"lang-en\">AP Chinese<\/span>\n                                    <span class=\"lang-zh\">\u4e2d\u6587 AP<\/span>\n                                <\/a>\n                            <\/li>\n\n                        <\/ul>\n\n                    <\/div>\n\n\n\n                    <!-- Chinese as a Second Language -->\n                    <div class=\"culture-group-card\">\n\n                        <div class=\"group-header\">\n                            <a\n                                href=\"\/staging\/9883\/uncategorized\/chinese-as-a-second-language\/\"\n                                class=\"course-accordion-trigger\"\n                            >\n                                <span class=\"lang-en\">Chinese as a Second Language<\/span>\n                                <span class=\"lang-zh\">\u4e2d\u6587\u7b2c\u4e8c\u8bed\u8a00<\/span>\n                            <\/a>\n                        <\/div>\n\n\n                        <ul class=\"group-links\">\n\n                            <li>\n                                <a href=\"\/staging\/9883\/uncategorized\/cls-level-1\/\">\n                                    <span class=\"lang-en\">CSL Beginner<\/span>\n                                    <span class=\"lang-zh\">CSL Beginner<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/adult-chinese\/\">\n                                    <span class=\"lang-en\">Adult Chinese<\/span>\n                                    <span class=\"lang-zh\">\u6210\u4eba\u4e2d\u6587<\/span>\n                                <\/a>\n                            <\/li>\n\n                        <\/ul>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 \u6587\u5316\u8bfe\u7a0b\n                 ================================================= -->\n            <div class=\"course-section culture-hierarchical-section\">\n\n                <div class=\"course-section-title\">\n                    <span class=\"lang-en\">CULTURE CLASSES \/ \u6587\u5316\u8bfe\u7a0b<\/span>\n                    <span class=\"lang-zh\">\u6587\u5316\u8bfe\u7a0b<\/span>\n                <\/div>\n\n\n                <div class=\"culture-category-grid\">\n\n\n                    <!-- \u4e13\u4e1a\u8001\u5e08 -->\n                    <div class=\"culture-group-card\">\n\n                        <div class=\"group-header\">\n                            <a\n                                href=\"\/staging\/9883\/uncategorized\/professional-teacher-%E4%B8%93%E4%B8%9A%E8%80%81%E5%B8%88\/\"\n                                class=\"course-accordion-trigger\"\n                            >\n                                <span class=\"lang-en\">Professional Teacher<\/span>\n                                <span class=\"lang-zh\">\u4e13\u4e1a\u8001\u5e08<\/span>\n                            <\/a>\n                        <\/div>\n\n\n                        <ul class=\"group-links\">\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/recitation-performing-arts\/\">\n                                    <span class=\"lang-en\">Recitation Performing Arts<\/span>\n                                    <span class=\"lang-zh\">\u6717\u8bf5\u8bfe (Age 6+)<\/span>\n                                <\/a>\n                            <\/li>\n\n                        <\/ul>\n\n                    <\/div>\n\n\n\n                    <!-- \u5b66\u751f\u8001\u5e08 -->\n                    <div class=\"culture-group-card\">\n\n                        <div class=\"group-header\">\n                            <a\n                                href=\"\/staging\/9883\/uncategorized\/youth-teacher-%E5%AD%A6%E7%94%9F%E8%80%81%E5%B8%88\/\"\n                                class=\"course-accordion-trigger\"\n                            >\n                                <span class=\"lang-en\">Youth Teacher<\/span>\n                                <span class=\"lang-zh\">\u5b66\u751f\u8001\u5e08<\/span>\n                            <\/a>\n                        <\/div>\n\n\n                        <ul class=\"group-links\">\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/kids-creative-movement\/\">\n                                    <span class=\"lang-en\">Kids Creative Movement<\/span>\n                                    <span class=\"lang-zh\">\u513f\u7ae5\u5f8b\u52a8\u821e\u8e48\u8bfe<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/uncategorized\/creative-art-craft-%E5%88%9B%E6%84%8F%E7%BE%8E%E6%9C%AF%E4%B8%8E%E6%89%8B%E5%B7%A5\/\">\n                                    <span class=\"lang-en\">Creative Art &amp; Craft<\/span>\n                                    <span class=\"lang-zh\">\u521b\u610f\u7f8e\u672f\u4e0e\u624b\u5de5<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/uncategorized\/art-class-%E7%BB%98%E7%94%BB%E8%AF%BE\/\">\n                                    <span class=\"lang-en\">Art Class<\/span>\n                                    <span class=\"lang-zh\">\u7ed8\u753b\u8bfe<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/uncategorized\/k-pop-%E8%88%9E%E8%B9%88%E5%85%B4%E8%B6%A3%E7%8F%AD\/\">\n                                    <span class=\"lang-en\">K-Pop<\/span>\n                                    <span class=\"lang-zh\">\u821e\u8e48\u5174\u8da3\u73ed<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/chinese-yo-yo\/\">\n                                    <span class=\"lang-en\">Chinese Yo-Yo (Pending)<\/span>\n                                    <span class=\"lang-zh\">\u7a7a\u7af9\u5165\u95e8 (Pending)<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/kids-chess-beginner\/\">\n                                    <span class=\"lang-en\">Kids Chess \u2013 Beginner<\/span>\n                                    <span class=\"lang-zh\">\u56fd\u9645\u8c61\u68cb \u2013 \u521d\u5b66<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/kids-chess-intermediate\/\">\n                                    <span class=\"lang-en\">Kids Chess \u2013 Intermediate<\/span>\n                                    <span class=\"lang-zh\">\u56fd\u9645\u8c61\u68cb \u2013 \u8fdb\u9636<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/speech-and-debate-%E8%8B%B1%E6%96%87%E6%BC%94%E8%AE%B2%E5%92%8C%E8%BE%A9%E8%AE%BA%E8%AF%BE-p3\/\">\n                                    <span class=\"lang-en\">Speech and Debate<\/span>\n                                    <span class=\"lang-zh\">\u82f1\u6587\u6f14\u8bb2\u548c\u8fa9\u8bba\u8bfe<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/uncategorized\/lego-computer-science-coding-ai-%E4%B9%90%E9%AB%98%E7%BC%96%E7%A8%8B%E4%B8%8Eai\/\">\n                                    <span class=\"lang-en\">LEGO Computer Science, Coding &amp; AI<\/span>\n                                    <span class=\"lang-zh\">\u4e50\u9ad8\u7f16\u7a0b\u4e0e AI<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/uncategorized\/python-programming-ai-python%E7%BC%96%E7%A8%8B%E4%B8%8E%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD\/\">\n                                    <span class=\"lang-en\">Python Programming &amp; AI<\/span>\n                                    <span class=\"lang-zh\">Python \u7f16\u7a0b\u4e0e\u4eba\u5de5\u667a\u80fd<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/singapore-math-level-1-p3-p4\/\">\n                                    <span class=\"lang-en\">Singapore Math<\/span>\n                                    <span class=\"lang-zh\">\u65b0\u52a0\u5761\u6570\u5b66<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/singapore-math-math-kangaroo-grade-3-4\/\">\n                                    <span class=\"lang-en\">Accelerated Math Program<\/span>\n                                    <span class=\"lang-zh\">\u6570\u5b66\u8fdb\u9636\u8bfe\u7a0b<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/introductory-biology-and-medicine-class-%E7%94%9F%E7%89%A9-%E5%8C%BB%E5%AD%A6%E5%85%A5%E9%97%A8-p3-p4\/\">\n                                    <span class=\"lang-en\">Biology Exploration<\/span>\n                                    <span class=\"lang-zh\">\u751f\u547d\u79d1\u5b66\u63a2\u7d22<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/creative-writing-class\/\">\n                                    <span class=\"lang-en\">Creative Writing Class<\/span>\n                                    <span class=\"lang-zh\">\u521b\u610f\u5199\u4f5c\u8bfe<\/span>\n                                <\/a>\n                            <\/li>\n\n                        <\/ul>\n\n                    <\/div>\n\n\n\n                    <!-- \u6210\u4eba\u6587\u5316\u8bfe -->\n                    <div class=\"culture-group-card\">\n\n                        <div class=\"group-header\">\n                            <a\n                                href=\"\/staging\/9883\/uncategorized\/culture-class-for-adults-%E6%88%90%E4%BA%BA%E6%96%87%E5%8C%96%E8%AF%BE\/\"\n                                class=\"course-accordion-trigger\"\n                            >\n                                <span class=\"lang-en\">Culture Class for Adults<\/span>\n                                <span class=\"lang-zh\">\u6210\u4eba\u6587\u5316\u8bfe<\/span>\n                            <\/a>\n                        <\/div>\n\n\n                        <ul class=\"group-links\">\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/%E8%88%9E%E8%B9%88%E5%BD%A2%E4%BD%93%E8%AF%BE\/\">\n                                    <span class=\"lang-en\">Dance &amp; Body Conditioning<\/span>\n                                    <span class=\"lang-zh\">\u821e\u8e48\u5f62\u4f53\u8bfe<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/adult-daily-life-english-%E6%88%90%E4%BA%BA%E6%97%A5%E5%B8%B8%E8%8B%B1%E8%AF%AD\/\">\n                                    <span class=\"lang-en\">Adult Daily Life English<\/span>\n                                    <span class=\"lang-zh\">\u6210\u4eba\u65e5\u5e38\u82f1\u8bed<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/baduanjin\/\">\n                                    <span class=\"lang-en\">Adult Fitness Qigong \u2013 Baduanjin<\/span>\n                                    <span class=\"lang-zh\">\u6210\u4eba\u5065\u8eab\u6c14\u529f &#8211; \u516b\u6bb5\u9526<\/span>\n                                <\/a>\n                            <\/li>\n\n                            <li>\n                                <a href=\"\/staging\/9883\/class-offerings\/chinese-painting\/\">\n                                    <span class=\"lang-en\">Chinese Painting (Pending)<\/span>\n                                    <span class=\"lang-zh\">\u6210\u4eba\u56fd\u753b\u8bfe (Pending)<\/span>\n                                <\/a>\n                            <\/li>\n\n                        <\/ul>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 CTA\n                 ================================================= -->\n            <div class=\"hero-cta-group\">\n\n                <a\n                    href=\"\/registration-guidelines\/\"\n                    class=\"btn-cta-primary\"\n                >\n                    <span class=\"lang-en\">Register Online Now \u2192<\/span>\n                    <span class=\"lang-zh\">\u7acb\u5373\u5728\u7ebf\u6ce8\u518c\u62a5\u540d \u2192<\/span>\n                <\/a>\n\n\n                <a\n                    href=\"https:\/\/drive.google.com\/file\/d\/16k48n_VVtYNaaOsL_skLi_p6xjV4gxkD\/view\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    class=\"btn-cta-sub\"\n                >\n                    <span class=\"lang-en\">School Calendar<\/span>\n                    <span class=\"lang-zh\">\u67e5\u770b\u6821\u5386<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- =====================================================\n             \u53f3\u4fa7\u56fe\u7247\n             ===================================================== -->\n        <div class=\"hero-right-media\">\n\n\n            <!-- \u4e2d\u6587\u8bfe\u7a0b -->\n            <div class=\"media-card\">\n\n                <div class=\"media-image-box\">\n\n                    <img decoding=\"async\" loading=\"lazy\"\n                        src=\"\/wp-content\/uploads\/2023\/05\/IMG_0416-e1684089659477.jpg\"\n                        alt=\"CCLS Language Classes\"\n                        class=\"hero-img\"\n                    >\n\n                    <span class=\"image-tag\">\n                        <span class=\"lang-en\">Chinese Program<\/span>\n                        <span class=\"lang-zh\">\u4e2d\u6587\u8bed\u8a00\u8bfe\u7a0b<\/span>\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"media-card-info\">\n\n                    <h3 class=\"media-card-title\">\n                        <span class=\"lang-en\">\n                            Standard &amp; Immersion Chinese Track\n                        <\/span>\n\n                        <span class=\"lang-zh\">\n                            \u7cfb\u7edf\u5316\u4e2d\u6587\u8bed\u8a00\u4e0e AP \u8bfe\u7a0b\n                        <\/span>\n                    <\/h3>\n\n\n                    <a\n                        href=\"\/category\/class-offerings\/chinese-classes\/\"\n                        class=\"media-link\"\n                    >\n                        <span class=\"lang-en\">\n                            Browse Language Offerings \u2192\n                        <\/span>\n\n                        <span class=\"lang-zh\">\n                            \u67e5\u770b\u8bed\u8a00\u7c7b\u8bfe\u7a0b\u8be6\u60c5 \u2192\n                        <\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- \u6587\u5316\u8bfe\u7a0b -->\n            <div class=\"media-card\">\n\n                <div class=\"media-image-box\">\n\n                    <img decoding=\"async\" loading=\"lazy\"\n                        src=\"\/wp-content\/uploads\/2026\/03\/c676374c3624bc4b931a4afc0ee1e202-1.webp\"\n                        alt=\"CCLS Culture Program\"\n                        class=\"hero-img\"\n                    >\n\n                    <span class=\"image-tag tag-culture\">\n                        <span class=\"lang-en\">Culture &amp; Arts<\/span>\n                        <span class=\"lang-zh\">\u6587\u5316\u827a\u672f\u4f53\u9a8c<\/span>\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"media-card-info\">\n\n                    <h3 class=\"media-card-title\">\n                        <span class=\"lang-en\">\n                            Cultural Arts &amp; Enrichment Classes\n                        <\/span>\n\n                        <span class=\"lang-zh\">\n                            \u4e2d\u534e\u56fd\u5b66\u3001\u827a\u672f\u4e0e\u4f53\u80b2\u5174\u8da3\u73ed\n                        <\/span>\n                    <\/h3>\n\n\n                    <a\n                        href=\"\/category\/class-offerings\/culture-classes\/\"\n                        class=\"media-link\"\n                    >\n                        <span class=\"lang-en\">\n                            Explore Culture Classes \u2192\n                        <\/span>\n\n                        <span class=\"lang-zh\">\n                            \u63a2\u7d22\u7279\u8272\u6587\u5316\u8bfe\u8bbe\u7f6e \u2192\n                        <\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<!-- =============================================================\n     JavaScript\n     1. \u4e2d\u82f1\u6587\u5207\u6362\n     2. \u8bfe\u7a0b Accordion \u52a8\u6001\u6298\u53e0\n     ============================================================= -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    var container = document.querySelector('.ccls-hero-container');\n    var langButton = document.getElementById('cclsLangToggleBtn');\n    var courseCards = document.querySelectorAll('.culture-group-card');\n\n\n    \/* =========================================================\n       Accordion \u9ad8\u5ea6\u66f4\u65b0\n       ========================================================= *\/\n\n    function updatePanelHeight(card) {\n\n        var panel = card.querySelector('.group-links');\n\n        if (!panel) {\n            return;\n        }\n\n        if (card.classList.contains('is-open')) {\n            panel.style.maxHeight = panel.scrollHeight + 'px';\n        } else {\n            panel.style.maxHeight = '0px';\n        }\n\n    }\n\n\n    function closeCard(card) {\n\n        var trigger = card.querySelector('.course-accordion-trigger');\n\n        card.classList.remove('is-open');\n\n        if (trigger) {\n            trigger.setAttribute('aria-expanded', 'false');\n        }\n\n        updatePanelHeight(card);\n    }\n\n\n    function openCard(card) {\n\n        var trigger = card.querySelector('.course-accordion-trigger');\n\n        \/*\n         * \u624b\u673a\u4e0a\u4e00\u6b21\u53ea\u6253\u5f00\u4e00\u4e2a\u8bfe\u7a0b\u5206\u7c7b\u3002\n         * \u7535\u8111\u548c\u5e73\u677f\u5141\u8bb8\u540c\u65f6\u5c55\u5f00\u591a\u4e2a\u3002\n         *\/\n        if (window.matchMedia('(max-width: 768px)').matches) {\n\n            courseCards.forEach(function (otherCard) {\n\n                if (otherCard !== card) {\n                    closeCard(otherCard);\n                }\n\n            });\n\n        }\n\n\n        card.classList.add('is-open');\n\n        if (trigger) {\n            trigger.setAttribute('aria-expanded', 'true');\n        }\n\n        updatePanelHeight(card);\n    }\n\n\n    function toggleCard(card) {\n\n        if (card.classList.contains('is-open')) {\n            closeCard(card);\n        } else {\n            openCard(card);\n        }\n\n    }\n\n\n\n    \/* =========================================================\n       \u521d\u59cb\u5316 Accordion\n       ========================================================= *\/\n\n    courseCards.forEach(function (card, index) {\n\n        var trigger = card.querySelector('.course-accordion-trigger');\n        var panel = card.querySelector('.group-links');\n\n        if (!trigger || !panel) {\n            return;\n        }\n\n\n        var panelId = 'ccls-course-panel-' + index;\n\n        panel.id = panelId;\n\n        trigger.setAttribute('aria-controls', panelId);\n        trigger.setAttribute('aria-expanded', 'false');\n\n\n        \/*\n         * \u9ed8\u8ba4\u5168\u90e8\u6298\u53e0\n         *\/\n        panel.style.maxHeight = '0px';\n\n\n        \/*\n         * \u70b9\u51fb\u5206\u7c7b\u6807\u9898\u53ea\u8d1f\u8d23\u5c55\u5f00 \/ \u6536\u8d77\uff0c\n         * \u4e0d\u7acb\u5373\u8fdb\u5165\u5206\u7c7b\u9875\u3002\n         *\/\n        trigger.addEventListener('click', function (event) {\n\n            event.preventDefault();\n\n            toggleCard(card);\n\n        });\n\n\n        \/*\n         * Enter \/ Space \u952e\u4e5f\u53ef\u4ee5\u64cd\u4f5c\n         *\/\n        trigger.addEventListener('keydown', function (event) {\n\n            if (event.key === 'Enter' || event.key === ' ') {\n\n                event.preventDefault();\n\n                toggleCard(card);\n            }\n\n        });\n\n    });\n\n\n\n    \/* =========================================================\n       \u4e2d\u82f1\u6587\u5207\u6362\n       ========================================================= *\/\n\n    if (langButton && container) {\n\n        langButton.addEventListener('click', function () {\n\n            if (container.classList.contains('lang-zh')) {\n\n                container.classList.remove('lang-zh');\n                container.classList.add('lang-en');\n\n            } else {\n\n                container.classList.remove('lang-en');\n                container.classList.add('lang-zh');\n\n            }\n\n\n            \/*\n             * \u5207\u6362\u8bed\u8a00\u540e\u6587\u5b57\u957f\u5ea6\u4f1a\u6539\u53d8\uff0c\n             * \u91cd\u65b0\u8ba1\u7b97\u5df2\u7ecf\u5c55\u5f00\u7684\u8bfe\u7a0b\u9ad8\u5ea6\u3002\n             *\/\n            window.requestAnimationFrame(function () {\n\n                courseCards.forEach(function (card) {\n\n                    if (card.classList.contains('is-open')) {\n                        updatePanelHeight(card);\n                    }\n\n                });\n\n            });\n\n        });\n\n    }\n\n\n\n    \/* =========================================================\n       \u6d4f\u89c8\u5668\u5c3a\u5bf8\u53d8\u5316\u540e\u91cd\u65b0\u8ba1\u7b97\u9ad8\u5ea6\n       ========================================================= *\/\n\n    var resizeTimer;\n\n    window.addEventListener('resize', function () {\n\n        clearTimeout(resizeTimer);\n\n        resizeTimer = setTimeout(function () {\n\n            courseCards.forEach(function (card) {\n\n                if (card.classList.contains('is-open')) {\n                    updatePanelHeight(card);\n                }\n\n            });\n\n        }, 120);\n\n    });\n\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\">\r\n\t\t\t\t<div  class=\"oceanwp-post-list clr oceanwp-swiper-container two\" data-slideshow=\"7000\" data-number=\"3\" data-space-between=\"\">\r\n\r\n\t\t\t\t\t<div class=\"posts-slider clr oceanwp-swiper-wrapper\">\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<article id=\"post-1714\" class=\"clr oceanwp-swiper-slide post-1714 post type-post status-publish format-standard has-post-thumbnail hentry category-class-for-kids category-class-offerings category-student-teacher-classes entry has-media\">\r\n\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/creative-writing-class\/\" title=\"Creative Writing Class \u521b\u610f\u5199\u4f5c\u8bfe\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/09\/creative_writing_class-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"Creative Writing Class \u521b\u610f\u5199\u4f5c\u8bfe\" itemprop=\"image\" srcset=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/09\/creative_writing_class-150x150.png 150w, https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/09\/creative_writing_class-600x600.png 600w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay-wrap\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-category\"><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/culture-classes\/class-for-kids\/\" rel=\"category tag\">Class for Kids<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/\" rel=\"category tag\">Class Offerings<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/student-teacher-classes\/\" rel=\"category tag\">Student Teacher Classes<\/a><\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<h2><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/creative-writing-class\/\">Creative Writing Class \u521b\u610f\u5199\u4f5c\u8bfe<\/a><\/h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-excerpt\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Register for the Class &nbsp; Age: 8+, Language: EnglishTeachers: Martin King &amp; Katherine Zhang About the Class: Storytelling, Stories make&hellip;<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/creative-writing-class\/\" class=\"readmore\">Read More<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t<\/article>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<article id=\"post-1708\" class=\"clr oceanwp-swiper-slide post-1708 post type-post status-publish format-standard has-post-thumbnail hentry category-class-offerings category-student-teacher-classes category-class-for-kids entry has-media\">\r\n\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/accelerated-math-program-20252026-p3-p4-new-class\/\" title=\"Accelerated Math Program (2025~2026) (P3\/P4) &#8211; new class\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/09\/accelerated-math-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"Accelerated Math Program (2025~2026) (P3\/P4) &#8211; new class\" itemprop=\"image\" \/>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay-wrap\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-category\"><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/\" rel=\"category tag\">Class Offerings<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/student-teacher-classes\/\" rel=\"category tag\">Student Teacher Classes<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/culture-classes\/class-for-kids\/\" rel=\"category tag\">Class for Kids<\/a><\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<h2><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/accelerated-math-program-20252026-p3-p4-new-class\/\">Accelerated Math Program (2025~2026) (P3\/P4) &#8211; new class<\/a><\/h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-excerpt\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Register for the Class \u00a0 Class description: \u00a0Accelerated Math Program\u201d prepares students for a successful future by diving into mathematical&hellip;<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/accelerated-math-program-20252026-p3-p4-new-class\/\" class=\"readmore\">Read More<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t<\/article>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<article id=\"post-1706\" class=\"clr oceanwp-swiper-slide post-1706 post type-post status-publish format-standard has-post-thumbnail hentry category-class-offerings category-student-teacher-classes category-class-for-kids entry has-media\">\r\n\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/digital-art-class-2025-2026-p3-p4-age-6\/\" title=\"Digital art class (2025 &#8211; 2026 P3\/P4 Age 6+) [not needed]\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2023\/03\/ccls-logo-1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"Digital art class (2025 &#8211; 2026 P3\/P4 Age 6+) [not needed]\" itemprop=\"image\" srcset=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2023\/03\/ccls-logo-1-150x150.jpg 150w, https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2023\/03\/ccls-logo-1-300x300.jpg 300w, https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2023\/03\/ccls-logo-1.jpg 594w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay-wrap\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-category\"><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/\" rel=\"category tag\">Class Offerings<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/student-teacher-classes\/\" rel=\"category tag\">Student Teacher Classes<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/culture-classes\/class-for-kids\/\" rel=\"category tag\">Class for Kids<\/a><\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<h2><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/digital-art-class-2025-2026-p3-p4-age-6\/\">Digital art class (2025 &#8211; 2026 P3\/P4 Age 6+) [not needed]<\/a><\/h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-excerpt\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Register for the Class Digital art class (P3 or P4) Age: This class is geared toward beginner to lower-intermediate coders&hellip;<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/digital-art-class-2025-2026-p3-p4-age-6\/\" class=\"readmore\">Read More<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t<\/article>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<article id=\"post-1699\" class=\"clr oceanwp-swiper-slide post-1699 post type-post status-publish format-standard has-post-thumbnail hentry category-student-teacher-classes category-class-for-kids category-class-offerings entry has-media\">\r\n\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/colored-pencil-art-class-%e5%bd%a9%e9%93%85%e7%bb%98%e7%94%bb%e8%af%be-p4-age-6\/\" title=\"Colored Pencil Art Class \u5f69\u94c5\u7ed8\u753b\u8bfe (P4 Age 6+)\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/09\/colored-pencil-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"Colored Pencil Art Class \u5f69\u94c5\u7ed8\u753b\u8bfe (P4 Age 6+)\" itemprop=\"image\" \/>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay-wrap\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-category\"><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/student-teacher-classes\/\" rel=\"category tag\">Student Teacher Classes<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/culture-classes\/class-for-kids\/\" rel=\"category tag\">Class for Kids<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/\" rel=\"category tag\">Class Offerings<\/a><\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<h2><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/colored-pencil-art-class-%e5%bd%a9%e9%93%85%e7%bb%98%e7%94%bb%e8%af%be-p4-age-6\/\">Colored Pencil Art Class \u5f69\u94c5\u7ed8\u753b\u8bfe (P4 Age 6+)<\/a><\/h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-excerpt\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Register for the Class Colored Pencil Art Class (P4) Teacher\u2019s Introduction:\u00a0 Sophie He is a student who loves working with&hellip;<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/colored-pencil-art-class-%e5%bd%a9%e9%93%85%e7%bb%98%e7%94%bb%e8%af%be-p4-age-6\/\" class=\"readmore\">Read More<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t<\/article>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<article id=\"post-1693\" class=\"clr oceanwp-swiper-slide post-1693 post type-post status-publish format-standard has-post-thumbnail hentry category-class-offerings category-student-teacher-classes category-class-for-kids entry has-media\">\r\n\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/kids-yoga-and-mindfulness-%e5%84%bf%e7%ab%a5%e7%91%9c%e4%bc%bd%e5%bd%a2%e4%bd%93%e6%95%99%e7%a8%8b-p3-age-5\/\" title=\"Kids Yoga and Mindfulness \u513f\u7ae5\u745c\u4f3d\u5f62\u4f53\u6559\u7a0b (P3 Age 5+)\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/09\/kids-movement-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"Kids Yoga and Mindfulness \u513f\u7ae5\u745c\u4f3d\u5f62\u4f53\u6559\u7a0b (P3 Age 5+)\" itemprop=\"image\" \/>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay-wrap\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-category\"><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/\" rel=\"category tag\">Class Offerings<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/student-teacher-classes\/\" rel=\"category tag\">Student Teacher Classes<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/class-offerings\/culture-classes\/class-for-kids\/\" rel=\"category tag\">Class for Kids<\/a><\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<h2><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/kids-yoga-and-mindfulness-%e5%84%bf%e7%ab%a5%e7%91%9c%e4%bc%bd%e5%bd%a2%e4%bd%93%e6%95%99%e7%a8%8b-p3-age-5\/\">Kids Yoga and Mindfulness \u513f\u7ae5\u745c\u4f3d\u5f62\u4f53\u6559\u7a0b (P3 Age 5+)<\/a><\/h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-excerpt\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Register for the Class Teacher: Eluryn Minimum 4 students Age: 5+ Class description: This class to help children develop flexibility&hellip;<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/class-offerings\/kids-yoga-and-mindfulness-%e5%84%bf%e7%ab%a5%e7%91%9c%e4%bc%bd%e5%bd%a2%e4%bd%93%e6%95%99%e7%a8%8b-p3-age-5\/\" class=\"readmore\">Read More<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t<\/article>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<article id=\"post-1674\" class=\"clr oceanwp-swiper-slide post-1674 post type-post status-publish format-standard has-post-thumbnail hentry category-headlines category-announcement category-important-updates entry has-media\">\r\n\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/headlines\/2025-2026-enrollment\/\" title=\"2025 &#8211; 2026 Enrollment\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/06\/fall2025-registration-en-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"2025 &#8211; 2026 Enrollment\" itemprop=\"image\" srcset=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/06\/fall2025-registration-en-150x150.jpg 150w, https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/06\/fall2025-registration-en-600x600.jpg 600w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay-wrap\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-category\"><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/headlines\/\" rel=\"category tag\">CCLS News<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/headlines\/announcement\/\" rel=\"category tag\">Announcement<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/headlines\/important-updates\/\" rel=\"category tag\">Important updates<\/a><\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<h2><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/headlines\/2025-2026-enrollment\/\">2025 &#8211; 2026 Enrollment<\/a><\/h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-excerpt\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Register Now<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/headlines\/2025-2026-enrollment\/\" class=\"readmore\">Read More<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t<\/article>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<article id=\"post-1668\" class=\"clr oceanwp-swiper-slide post-1668 post type-post status-publish format-standard has-post-thumbnail hentry category-headlines category-announcement category-important-updates entry has-media\">\r\n\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/headlines\/2026-%e5%b9%b4%e5%ba%a6%e8%91%a3%e4%ba%8b%e4%bc%9a%e5%a5%96%e5%ad%a6%e9%87%91%e7%94%b3%e8%af%b7%e9%80%9a%e7%9f%a5-%e9%99%84%e7%94%b3%e8%af%b7%e8%a1%a8%e5%92%8c%e6%9d%a1%e4%bb%b6\/\" title=\"2026 \u5e74\u5ea6\u8463\u4e8b\u4f1a\u5956\u5b66\u91d1\u7533\u8bf7\u901a\u77e5 (\u9644\u7533\u8bf7\u8868\u548c\u6761\u4ef6)\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" loading=\"lazy\" width=\"150\" height=\"150\" src=\"https:\/\/ccls-usa.org\/staging\/9883\/wp-content\/uploads\/2025\/06\/directors-award-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"2026 \u5e74\u5ea6\u8463\u4e8b\u4f1a\u5956\u5b66\u91d1\u7533\u8bf7\u901a\u77e5 (\u9644\u7533\u8bf7\u8868\u548c\u6761\u4ef6)\" itemprop=\"image\" \/>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay-wrap\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"slide-overlay\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-category\"><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/headlines\/\" rel=\"category tag\">CCLS News<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/headlines\/announcement\/\" rel=\"category tag\">Announcement<\/a> \/ <a href=\"https:\/\/ccls-usa.org\/staging\/9883\/category\/headlines\/important-updates\/\" rel=\"category tag\">Important updates<\/a><\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<h2><a href=\"https:\/\/ccls-usa.org\/staging\/9883\/headlines\/2026-%e5%b9%b4%e5%ba%a6%e8%91%a3%e4%ba%8b%e4%bc%9a%e5%a5%96%e5%ad%a6%e9%87%91%e7%94%b3%e8%af%b7%e9%80%9a%e7%9f%a5-%e9%99%84%e7%94%b3%e8%af%b7%e8%a1%a8%e5%92%8c%e6%9d%a1%e4%bb%b6\/\">2026 \u5e74\u5ea6\u8463\u4e8b\u4f1a\u5956\u5b66\u91d1\u7533\u8bf7\u901a\u77e5 (\u9644\u7533\u8bf7\u8868\u548c\u6761\u4ef6)<\/a><\/h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"oceanwp-post-excerpt\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p>2026 \u5e74\u5ea6\u8463\u4e8b\u4f1a\u5956\u5b66\u91d1\u7533\u8bf7\u901a\u77e5 \/ 2026 CCLS Trustee Scholarship Application Announcement \u4eb2\u7231\u7684\u4e16\u7eaa\u4e2d\u6587\u5b66\u6821\u5bb6\u957f\u3001\u5b66\u751f\u548c\u8001\u5e08\uff1a 2026\u5e74\u5ea6\u8463\u4e8b\u4f1a\u57fa\u91d1\u5956\u5b66\u91d1\u7684\u7533\u8bf7\u5c06\u4e8e 2025 \u5e74 6 \u6708 1 \u65e5\u6b63\u5f0f\u5f00\u59cb\u3002\u672c\u5956\u5b66\u91d1\u4e13\u4e3a2026 \u5e74\u6bd5\u4e1a\u7684\u5e94\u5c4a\u9ad8\u4e2d\u6bd5\u4e1a\u751f \u8bbe\u7acb\u3002\u8bf7\u6ce8\u610f\uff1a2025-2026 \u5e74\u5ea6\u5956\u5b66\u91d1\u7684\u7533\u8bf7\u8d77\u6b62\u65e5\u671f\u5df2\u505a\u51fa\u8c03\u6574\u3002\u7b26\u5408\u7533\u8bf7\u6761\u4ef6\u7684\u5b66\u751f\u8bf7\u4e8e&hellip;<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ccls-usa.org\/staging\/9883\/headlines\/2026-%e5%b9%b4%e5%ba%a6%e8%91%a3%e4%ba%8b%e4%bc%9a%e5%a5%96%e5%ad%a6%e9%87%91%e7%94%b3%e8%af%b7%e9%80%9a%e7%9f%a5-%e9%99%84%e7%94%b3%e8%af%b7%e8%a1%a8%e5%92%8c%e6%9d%a1%e4%bb%b6\/\" class=\"readmore\">Read More<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t<\/article>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<!-- If we need pagination -->\r\n\t\t\t\t\t<div class=\"oceanwp-swiper-pagination\"><\/div>\r\n\r\n\t\t\t\t\t<!-- If we need navigation buttons -->\r\n\t\t\t\t\t<div class=\"oceanwp-swiper-button-prev oceanwp-swiper-button-white\"><\/div>\r\n\t\t\t\t\t<div class=\"oceanwp-swiper-button-next oceanwp-swiper-button-white\"><\/div>\r\n\r\n\t\t\t\t\t<!-- If we need scrollbar -->\r\n\t\t\t\t\t<div class=\"oceanwp-swiper-scrollbar\"><\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/p>\n\n\n\n<div class=\"ccls-wrapper\">\n    <section class=\"info-dashboard-grid\" style=\"grid-template-columns: repeat(2, 1fr) !important;\">\n        \n        <div class=\"dashboard-card\">\n            <h3>\n                <span class=\"lang-en\">School Calendar &#038; Schedule<\/span>\n                <span class=\"lang-zh\">\u6821\u5386\u4e0e\u4e0a\u8bfe\u65f6\u95f4<\/span>\n            <\/h3>\n            <ul class=\"hours-schedule-list\">\n                <li>\n                    <span class=\"period lang-en\">Period 1<\/span>\n                    <span class=\"period lang-zh\">\u7b2c\u4e00\u8282\u8bfe<\/span>\n                    <span class=\"time\">1:30 PM &#8211; 2:15 PM<\/span>\n                <\/li>\n                <li>\n                    <span class=\"period lang-en\">Period 2<\/span>\n                    <span class=\"period lang-zh\">\u7b2c\u4e8c\u8282\u8bfe<\/span>\n                    <span class=\"time\">2:25 PM &#8211; 3:10 PM<\/span>\n                <\/li>\n                <li>\n                    <span class=\"period lang-en\">Period 3<\/span>\n                    <span class=\"period lang-zh\">\u7b2c\u4e09\u8282\u8bfe<\/span>\n                    <span class=\"time\">3:20 PM &#8211; 4:05 PM<\/span>\n                <\/li>\n                <li>\n                    <span class=\"period lang-en\">Period 4<\/span>\n                    <span class=\"period lang-zh\">\u7b2c\u56db\u8282\u8bfe<\/span>\n                    <span class=\"time\">4:15 PM &#8211; 5:00 PM<\/span>\n                <\/li>\n            <\/ul>\n            <div class=\"dashboard-links\" style=\"margin-top:15px; flex-grow: 1; display: flex; align-items: flex-end;\">\n                <a href=\"https:\/\/drive.google.com\/file\/d\/16k48n_VVtYNaaOsL_skLi_p6xjV4gxkD\/view?usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-secondary btn-small\" style=\"width: 100%;\">\n                    <span class=\"lang-en\">View Full Calendar<\/span>\n                    <span class=\"lang-zh\">\u67e5\u770b\u5b8c\u6574\u6821\u5386<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"dashboard-card\">\n            <h3>\n                <span class=\"lang-en\">Connect &#038; Contact<\/span>\n                <span class=\"lang-zh\">\u8054\u7cfb\u4e0e\u5730\u5740<\/span>\n            <\/h3>\n            <p style=\"margin-bottom: 5px;\">\n                \ud83d\udccd <strong>\n                    <span class=\"lang-en\">Location:<\/span>\n                    <span class=\"lang-zh\">\u5b66\u6821\u5730\u5740\uff1a<\/span>\n                <\/strong><br>\n                <span class=\"lang-en\">Framingham State University<br>100 State St, Framingham, MA 01702<\/span>\n                <span class=\"lang-zh\">\u5f17\u96f7\u660e\u701a\u5dde\u7acb\u5927\u5b66<br>100 State St, Framingham, MA 01702<\/span>\n            <\/p>\n            \n            <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=Framingham+State+University+100+State+St+Framingham+MA+01702\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"map-link-accent\" style=\"display: inline-block; margin-bottom: 12px;\">\n                <span class=\"lang-en\">Get Directions \u2192<\/span>\n                <span class=\"lang-zh\">\u5728\u5730\u56fe\u4e2d\u6253\u5f00 \u2192<\/span>\n            <\/a>\n\n            <div class=\"ccls-map-embed-wrapper\" style=\"width: 100%; height: 160px; border-radius: 6px; overflow: hidden; border: 1px solid #e2e8f0; margin-bottom: 15px;\">\n                <iframe src=\"https:\/\/maps.google.com\/maps?q=Framingham%20State%20University,%20100%20State%20St,%20Framingham,%20MA%2001702&#038;t=&#038;z=14&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\">\n                <\/iframe>\n            <\/div>\n            \n            <div class=\"mail-address-box\">\n                <p style=\"margin-bottom: 10px;\">\n                    \ud83d\udceb <strong>\n                        <span class=\"lang-en\">Mailing Address:<\/span>\n                        <span class=\"lang-zh\">\u90ae\u5bc4\u5730\u5740\uff1a<\/span>\n                    <\/strong><br>\n                    CCLS, P.O.Box 22<br>\n                    Marlborough, MA 01752-0022\n                <\/p>\n                <p style=\"margin-bottom: 0;\">\n                    \u2709\ufe0f <strong>\n                        <span class=\"lang-en\">Email:<\/span>\n                        <span class=\"lang-zh\">\u7535\u5b50\u90ae\u7bb1\uff1a<\/span>\n                    <\/strong><br>\n                    <a href=\"mailto:mgmt.team@ccls-usa.org\" style=\"color: var(--ccls-navy); font-weight: 600;\">mgmt.team@ccls-usa.org<\/a>\n                <\/p>\n            <\/div>\n        <\/div>\n        \n    <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Century Chinese Language School \u4e16\u7eaa\u4e2d\u6587\u5b66\u6821 \u4e2d\u6587 \/ ZH English \/ EN 2026 &#8211; 2027 Enrollment 2026 &#8211; 2027 \u5b66\u5e74\u6ce8\u518c\u5f00\u542f Century Chinese Language School \u4f20\u627f\u4e2d\u534e\u6587\u5316\uff0c\u5f00\u542f\u8bed\u8a00\u4e4b\u95e8 Providing standard Chinese language courses, culture arts, and AP programs for school-age students and adults. \u4e3a 3 \u5c81\u53ca\u4ee5\u4e0a\u9002\u9f84\u513f\u7ae5\u4e0e\u6210\u4eba\u63d0\u4f9b\u7cfb\u7edf\u5316\u7684\u4e2d\u6587\u8bed\u8a00\u8bfe\u7a0b\u3001 AP \u5907\u8003\u53ca\u4e30\u5bcc\u591a\u5143\u7684\u4e2d\u534e\u6587\u5316\u827a\u672f\u5174\u8da3\u73ed\u3002 CHINESE CLASSES \/ \u4e2d\u6587\u8bfe \u4e2d\u6587\u8bfe Early Childhood Programs \u5b66\u524d\u4e2d\u6587\u8bfe\u7a0b Pre-K \u5e7c\u513f\u6c49\u8bed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","ocean_front_end_style_editor":"no","ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"[smartslider3 slider=\"2\"]","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-171","page","type-page","status-publish","hentry","entry","has-media"],"_links":{"self":[{"href":"https:\/\/ccls-usa.org\/staging\/9883\/wp-json\/wp\/v2\/pages\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccls-usa.org\/staging\/9883\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccls-usa.org\/staging\/9883\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccls-usa.org\/staging\/9883\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccls-usa.org\/staging\/9883\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":198,"href":"https:\/\/ccls-usa.org\/staging\/9883\/wp-json\/wp\/v2\/pages\/171\/revisions"}],"predecessor-version":[{"id":2444,"href":"https:\/\/ccls-usa.org\/staging\/9883\/wp-json\/wp\/v2\/pages\/171\/revisions\/2444"}],"wp:attachment":[{"href":"https:\/\/ccls-usa.org\/staging\/9883\/wp-json\/wp\/v2\/media?parent=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}