{"id":1892,"date":"2024-02-17T16:54:18","date_gmt":"2024-02-17T08:54:18","guid":{"rendered":"https:\/\/www.fei.org.tw\/?page_id=1892"},"modified":"2026-09-22T16:43:45","modified_gmt":"2026-09-22T08:43:45","slug":"class_schema","status":"publish","type":"page","link":"https:\/\/www.fei.ntpc.edu.tw\/?page_id=1892","title":{"rendered":"\u8ab2\u7a0b\u67b6\u69cb"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1892\" class=\"elementor elementor-1892\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e58a63e animated-slow e-flex e-con-boxed e-con e-parent\" data-id=\"e58a63e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c18dec0 elementor-widget elementor-widget-spacer\" data-id=\"c18dec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96b5b7b elementor-widget elementor-widget-text-editor\" data-id=\"96b5b7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"page-title\">\n\n  <div class=\"page-eyebrow\">CURRICULUM FRAMEWORK<\/div>\n\n  <h1>\u7e3d\u9ad4\u8ab2\u7a0b\u67b6\u69cb<\/h1>\n\n  <div class=\"page-subtitle\">\n    \u5f9e\u6838\u5fc3\u80fd\u529b\u51fa\u767c\uff0c\u4e32\u8d77\u5b69\u5b50\u7684\u5b78\u7fd2\u8207\u771f\u5be6\u4e16\u754c\n  <\/div>\n\n<\/div>\n\n<style>\n\n.page-title {\n  width: 100%;\n  text-align: center;\n  font-family: inherit;\n  padding: 30px 20px 45px;\n  box-sizing: border-box;\n}\n\n.page-eyebrow {\n  margin-bottom: 8px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 3px;\n  color: #7F9474;\n}\n\n.page-title h1 {\n  margin: 0 0 10px;\n  font-size: 46px;\n  font-weight: 650;\n  line-height: 1.25;\n  letter-spacing: 2px;\n  color: #202B3A;\n}\n\n.page-subtitle {\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.7;\n  letter-spacing: 1px;\n  color: #888;\n}\n\n@media (max-width: 767px) {\n\n  .page-title {\n    padding: 25px 15px 35px;\n  }\n\n  .page-eyebrow {\n    font-size: 10px;\n    letter-spacing: 2.5px;\n  }\n\n  .page-title h1 {\n    font-size: 34px;\n    letter-spacing: 1px;\n  }\n\n  .page-subtitle {\n    font-size: 13px;\n  }\n\n}\n\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af0a7da e-flex e-con-boxed e-con e-parent\" data-id=\"af0a7da\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68d8a8f elementor-widget elementor-widget-text-editor\" data-id=\"68d8a8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"fei-curriculum\">\n\n  <!-- ==================================================\n       01\uff5c\u4e94\u5927\u9818\u57df\n  ================================================== -->\n  <section class=\"fei-section\">\n\n    <div class=\"fei-heading center\">\n      <div class=\"fei-eyebrow\">FIVE LEARNING AREAS<\/div>\n      <h2>\u6db5\u62ec\u4e94\u5927\u9818\u57df<\/h2>\n      <p>\u5f9e\u57fa\u790e\u5b78\u529b\u5230\u8eab\u5fc3\u767c\u5c55\uff0c\u8b93\u4e0d\u540c\u9762\u5411\u7684\u5b78\u7fd2\u5f7c\u6b64\u9023\u7d50\u3002<\/p>\n    <\/div>\n\n    <div class=\"areas-visual\">\n\n      <div class=\"area-circle\">\n        <div class=\"area-icon\">\u6587<\/div>\n        <h3>\u4eba\u6587<\/h3>\n        <div class=\"area-line\"><\/div>\n        <p>\u95b1\u8b80\u30fb\u7406\u89e3<br>\u8868\u9054\u30fb\u6587\u5316<\/p>\n      <\/div>\n\n      <div class=\"area-circle\">\n        <div class=\"area-icon\">\u63a2<\/div>\n        <h3>\u79d1\u5b78<\/h3>\n        <div class=\"area-line\"><\/div>\n        <p>\u908f\u8f2f\u30fb\u5be6\u4f5c<br>\u63a2\u7d22\u30fb\u9a57\u8b49<\/p>\n      <\/div>\n\n      <div class=\"area-circle\">\n        <div class=\"area-icon\">\u81ea<\/div>\n        <h3>\u81ea\u4e3b<\/h3>\n        <div class=\"area-line\"><\/div>\n        <p>\u81ea\u4fe1\u30fb\u4eba\u969b<br>\u751f\u6d3b\u30fb\u898f\u5283<\/p>\n      <\/div>\n\n      <div class=\"area-circle\">\n        <div class=\"area-icon\">\u5065<\/div>\n        <h3>\u5065\u9ad4<\/h3>\n        <div class=\"area-line\"><\/div>\n        <p>\u5065\u5eb7\u30fb\u751f\u547d<br>\u9ad4\u80fd\u30fb\u4e94\u611f<\/p>\n      <\/div>\n\n      <div class=\"area-circle\">\n        <div class=\"area-icon\">\u85dd<\/div>\n        <h3>\u85dd\u8853<\/h3>\n        <div class=\"area-line\"><\/div>\n        <p>\u7f8e\u611f\u30fb\u5275\u9020<br>\u97f3\u6a02\u30fb\u6232\u5287<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ==================================================\n       02\uff5c\u4e09\u5927\u63a2\u7d22\u4e3b\u984c\n  ================================================== -->\n  <section class=\"theme-panel\">\n\n    <div class=\"fei-heading center theme-heading\">\n      <div class=\"fei-eyebrow\">LEARNING THEME CYCLE<\/div>\n      <h2>\u4e09\u5927\u63a2\u7d22\u4e3b\u984c<\/h2>\n      <p>\n        \u6d77\u6d0b\u3001\u57ce\u93ae\u8207\u5c71\u6797\u96a8\u5b78\u5e74\u5faa\u74b0\u5c55\u958b\u3002\u5b69\u5b50\u5728\u4e0d\u540c\u6210\u9577\u968e\u6bb5\u518d\u6b21\u9047\u898b\u76f8\u540c\u4e3b\u984c\uff0c\u4ee5\u65b0\u7684\u7d93\u9a57\u8207\u8996\u89d2\u6301\u7e8c\u6df1\u5316\u5b78\u7fd2\u3002\n      <\/p>\n    <\/div>\n\n\n    <div class=\"year-cycle\">\n\n      <div class=\"year-line\"><\/div>\n\n\n      <!-- 113 -->\n      <div class=\"year-item ocean\">\n\n        <div class=\"year\">\n          113\n          <small>\u5b78\u5e74\u5ea6<\/small>\n        <\/div>\n\n        <div class=\"year-node\">\n          <div class=\"theme-symbol\">\u2248<\/div>\n        <\/div>\n\n        <div class=\"year-theme\">\n          <span>OCEAN<\/span>\n          <h3>\u6d77\u6d0b<\/h3>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"cycle-arrow\">\u2192<\/div>\n\n\n      <!-- 114 -->\n      <div class=\"year-item town\">\n\n        <div class=\"year\">\n          114\n          <small>\u5b78\u5e74\u5ea6<\/small>\n        <\/div>\n\n        <div class=\"year-node\">\n          <div class=\"theme-symbol\">\u25a5<\/div>\n        <\/div>\n\n        <div class=\"year-theme\">\n          <span>TOWN<\/span>\n          <h3>\u57ce\u93ae<\/h3>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"cycle-arrow\">\u2192<\/div>\n\n\n      <!-- 115 -->\n      <div class=\"year-item forest current\">\n\n        <div class=\"current-tag\">\u672c\u5b78\u5e74<\/div>\n\n        <div class=\"year\">\n          115\n          <small>\u5b78\u5e74\u5ea6<\/small>\n        <\/div>\n\n        <div class=\"year-node\">\n          <div class=\"theme-symbol\">\u25b3<\/div>\n        <\/div>\n\n        <div class=\"year-theme\">\n          <span>FOREST<\/span>\n          <h3>\u5c71\u6797<\/h3>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"cycle-arrow\">\u2192<\/div>\n\n\n      <!-- 116 -->\n      <div class=\"year-item town\">\n\n        <div class=\"year\">\n          116\n          <small>\u5b78\u5e74\u5ea6<\/small>\n        <\/div>\n\n        <div class=\"year-node\">\n          <div class=\"theme-symbol\">\u25a5<\/div>\n        <\/div>\n\n        <div class=\"year-theme\">\n          <span>TOWN<\/span>\n          <h3>\u57ce\u93ae<\/h3>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"cycle-arrow\">\u2192<\/div>\n\n\n      <!-- 117 -->\n      <div class=\"year-item ocean\">\n\n        <div class=\"year\">\n          117\n          <small>\u5b78\u5e74\u5ea6<\/small>\n        <\/div>\n\n        <div class=\"year-node\">\n          <div class=\"theme-symbol\">\u2248<\/div>\n        <\/div>\n\n        <div class=\"year-theme\">\n          <span>OCEAN<\/span>\n          <h3>\u6d77\u6d0b<\/h3>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- \u5faa\u74b0\u63d0\u793a -->\n    <div class=\"cycle-repeat\">\n\n      <div class=\"repeat-line\"><\/div>\n\n      <div class=\"repeat-text\">\n        <span>\u21bb<\/span>\n        \u4e3b\u984c\u6301\u7e8c\u5faa\u74b0\n      <\/div>\n\n    <\/div>\n\n\n    <!-- \u6838\u5fc3\u80fd\u529b -->\n    <div class=\"abilities\">\n\n      <div class=\"abilities-label\">\n        THROUGH EVERY THEME\n      <\/div>\n\n      <h3>\u5728\u4e0d\u540c\u4e3b\u984c\u4e2d\uff0c\u6301\u7e8c\u7d2f\u7a4d\u6838\u5fc3\u80fd\u529b<\/h3>\n\n      <div class=\"ability-grid\">\n\n        <div class=\"ability\">\n          <span>01<\/span>\n          <strong>\u5167\u5728\u529b\u91cf<\/strong>\n        <\/div>\n\n        <div class=\"ability\">\n          <span>02<\/span>\n          <strong>\u7368\u7acb\u81ea\u4e3b<\/strong>\n        <\/div>\n\n        <div class=\"ability\">\n          <span>03<\/span>\n          <strong>\u9023\u7d50\u80fd\u529b<\/strong>\n        <\/div>\n\n        <div class=\"ability\">\n          <span>04<\/span>\n          <strong>\u5275\u9020\u80fd\u529b<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ==================================================\n       03\uff5c\u4e09\u7a2e\u5b78\u7fd2\u8def\u5f91\n  ================================================== -->\n  <section class=\"fei-section\">\n\n    <div class=\"fei-heading center\">\n      <div class=\"fei-eyebrow\">HOW WE LEARN<\/div>\n      <h2>\u4e09\u7a2e\u5b78\u7fd2\u8def\u5f91<\/h2>\n      <p>\n        \u5f9e\u57fa\u790e\u80fd\u529b\u3001\u8de8\u57df\u63a2\u7d22\u5230\u9069\u6027\u767c\u5c55\uff0c\u8b93\u4e0d\u540c\u7684\u5b78\u7fd2\u65b9\u5f0f\u5f7c\u6b64\u9023\u7d50\u3002\n      <\/p>\n    <\/div>\n\n\n    <div class=\"learning-cards\">\n\n\n      <!-- 01 -->\n      <div class=\"learning-card\">\n\n        <div class=\"card-top\">\n          <div class=\"card-number\">01<\/div>\n          <div class=\"card-en\">FOUNDATION<\/div>\n        <\/div>\n\n        <div class=\"card-label\">\u57fa\u790e\u8ab2\u7a0b<\/div>\n        <h3>\u9818\u57df\u5b78\u7fd2<\/h3>\n\n        <p>\n          \u5305\u542b\u570b\u8a9e\u6587\u3001\u82f1\u8a9e\u6587\u3001\u6578\u5b78\u3001\u81ea\u7136\u3001\u793e\u6703\u3001\u7a0b\u5f0f\u8a2d\u8a08\u7b49\u57fa\u790e\u8ab2\u7a0b\u3002\n          \u900f\u904e\u63d0\u554f\u5f0f\u6559\u80b2\uff08Problem-Posing\uff09\uff0c\u5f9e\u554f\u984c\u51fa\u767c\uff0c\n          \u5f15\u5c0e\u5b69\u5b50\u7406\u89e3\u3001\u601d\u8003\u8207\u8868\u9054\uff0c\u978f\u56fa\u57fa\u672c\u5b78\u529b\uff0c\n          \u4e26\u5efa\u7acb\u81ea\u4e3b\u5b78\u7fd2\u8207\u89e3\u6c7a\u554f\u984c\u7684\u57fa\u790e\u3002\n        <\/p>\n\n        <div class=\"tags\">\n          <span>\u570b\u8a9e\u6587<\/span>\n          <span>\u82f1\u8a9e\u6587<\/span>\n          <span>\u6578\u5b78<\/span>\n          <span>\u81ea\u7136<\/span>\n          <span>\u793e\u6703<\/span>\n          <span>\u7a0b\u5f0f\u8a2d\u8a08<\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"learning-card featured\">\n\n        <div class=\"card-top\">\n          <div class=\"card-number\">02<\/div>\n          <div class=\"card-en\">PBL \u00d7 STEAM<\/div>\n        <\/div>\n\n        <div class=\"card-label\">PBL \u00d7 STEAM \u8ab2\u7a0b<\/div>\n        <h3>\u8de8\u9818\u57df\u5b78\u7fd2<\/h3>\n\n        <p>\n          \u4ee5\u6c38\u7e8c\u6559\u80b2\u3001\u751f\u547d\u6559\u80b2\u3001AI \u6559\u80b2\u4e09\u5927\u300c\u672a\u4f86\u4e09\u5b78\u300d\u70ba\u6838\u5fc3\uff0c\n          \u7d50\u5408\u5c08\u984c\u5c0e\u5411\u5b78\u7fd2\uff08PBL\uff09\u8207 STEAM \u7d20\u990a\uff0c\n          \u5c07\u5b78\u7fd2\u9023\u7d50\u771f\u5be6\u4e16\u754c\u7684\u8b70\u984c\u8207\u9700\u6c42\uff0c\n          \u5728\u63a2\u7d22\u8207\u5be6\u4f5c\u4e2d\u7df4\u7fd2\u6574\u5408\u3001\u5408\u4f5c\u8207\u89e3\u6c7a\u554f\u984c\u3002\n        <\/p>\n\n        <div class=\"future-three\">\n\n          <div>\n            <small>01<\/small>\n            \u6c38\u7e8c\u6559\u80b2\n          <\/div>\n\n          <div>\n            <small>02<\/small>\n            \u751f\u547d\u6559\u80b2\n          <\/div>\n\n          <div>\n            <small>03<\/small>\n            AI \u6559\u80b2\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"learning-card\">\n\n        <div class=\"card-top\">\n          <div class=\"card-number\">03<\/div>\n          <div class=\"card-en\">EXPLORATION<\/div>\n        <\/div>\n\n        <div class=\"card-label\">\u9069\u6027\u9078\u4fee\u8ab2\u7a0b<\/div>\n        <h3>\u6f5b\u80fd\u958b\u5c55<\/h3>\n\n        <p>\n          \u900f\u904e\u591a\u5143\u63a2\u7d22\u8207\u5be6\u4f5c\u7d93\u9a57\uff0c\n          \u8b93\u5b69\u5b50\u63a5\u89f8\u4e0d\u540c\u9818\u57df\uff0c\u5728\u5617\u8a66\u4e2d\u767c\u73fe\u8208\u8da3\u3001\n          \u8a8d\u8b58\u81ea\u5df1\u7684\u7279\u8cea\uff0c\u4e26\u9010\u6b65\u627e\u5230\u9069\u5408\u81ea\u5df1\u7684\u5b78\u7fd2\u65b9\u5411\u3002\n        <\/p>\n\n        <div class=\"tags\">\n          <span>\u85dd\u8853\u8207\u8a2d\u8a08<\/span>\n          <span>\u7a0b\u5f0f\u61c9\u7528<\/span>\n          <span>\u63a2\u7a76\u5be6\u4f5c<\/span>\n          <span>\u751f\u6d3b\u7f8e\u5b78<\/span>\n          <span>\u5065\u5eb7\u9ad4\u80fd<\/span>\n          <span>\u53c3\u8a2a\u9ad4\u9a57<\/span>\n          <span>\u79fb\u5730\u5b78\u7fd2<\/span>\n          <span>\u670d\u52d9\u5b78\u7fd2<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ==================================================\n       04\uff5c\u8d70\u51fa\u6559\u5ba4\n  ================================================== -->\n  <section class=\"beyond-section\">\n\n    <div class=\"fei-heading center\">\n      <div class=\"fei-eyebrow\">BEYOND THE CLASSROOM<\/div>\n      <h2>\u8b93\u5b78\u7fd2\u8d70\u9032\u771f\u5be6\u4e16\u754c<\/h2>\n      <p>\u6559\u5ba4\u4e4b\u5916\uff0c\u4e5f\u53ef\u4ee5\u662f\u5b78\u7fd2\u767c\u751f\u7684\u5730\u65b9\u3002<\/p>\n    <\/div>\n\n\n    <div class=\"beyond-grid\">\n\n\n      <!-- 01\uff5c\u79fb\u5730\u5b78\u7fd2 -->\n      <div class=\"beyond-card\">\n\n        <div class=\"beyond-number\">01<\/div>\n\n        <div class=\"beyond-icon\">\u2197<\/div>\n\n        <h3>\u79fb\u5730\u5b78\u7fd2<\/h3>\n\n        <div class=\"beyond-time\">\n          \u6bcf\u5b78\u671f 5 \u65e5\u30fb\u55ae\u65e5\u6216\u904e\u591c\u884c\u7a0b\n        <\/div>\n\n        <p>\n          \u4f9d\u5b78\u751f\u5e74\u7d1a\u8207\u8ab2\u7a0b\u5167\u5bb9\uff0c\u898f\u5283\u55ae\u65e5\u6216\u904e\u591c\u884c\u7a0b\u3002\n          \u79cb\u51ac\u5b78\u671f\u901a\u5e38\u5b89\u6392\u65bc <strong>12 \u6708<\/strong>\uff0c\n          \u6625\u590f\u5b78\u671f\u901a\u5e38\u5b89\u6392\u65bc <strong>4 \u6708<\/strong>\u3002\n        <\/p>\n\n        <p class=\"beyond-detail\">\n          \u793e\u5340\u3001\u81ea\u7136\u751f\u614b\u3001\u5c71\u6797\u6eaa\u6d41\u3001\u98df\u8fb2\u8207\u6587\u5316\u5834\u57df\uff0c\n          \u90fd\u53ef\u4ee5\u6210\u70ba\u5b69\u5b50\u7684\u6559\u5ba4\uff0c\u8b93\u8ab2\u5802\u6240\u5b78\u8207\u771f\u5be6\u4e16\u754c\u7522\u751f\u9023\u7d50\u3002\n        <\/p>\n\n        <div class=\"mini-flow\">\n          <span>\u8d70\u8b80<\/span>\n          <i>\u2192<\/i>\n          <span>\u89c0\u5bdf<\/span>\n          <i>\u2192<\/i>\n          <span>\u63a2\u7d22<\/span>\n          <i>\u2192<\/i>\n          <span>\u5be6\u4f5c<\/span>\n          <i>\u2192<\/i>\n          <span>\u53cd\u601d<\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02\uff5c\u53c3\u8a2a\u9ad4\u9a57 -->\n      <div class=\"beyond-card\">\n\n        <div class=\"beyond-number\">02<\/div>\n\n        <div class=\"beyond-icon\">\u25ce<\/div>\n\n        <h3>\u53c3\u8a2a\u9ad4\u9a57<\/h3>\n\n        <div class=\"beyond-time\">\n          \u6bcf\u5b78\u671f\u898f\u5283\u5be6\u65bd\n        <\/div>\n\n        <p>\n          \u8d70\u9032\u79d1\u6559\u9928\u3001\u7f8e\u8853\u9928\u3001\u535a\u7269\u9928\u3001\u653f\u5e9c\u8207\u6c11\u9593\u7d44\u7e54\u3001\n          \u4f01\u696d\u6a5f\u69cb\u7b49\u4e0d\u540c\u5834\u57df\uff0c\u900f\u904e\u5be6\u5730\u89c0\u5bdf\u3001\u8a2a\u8ac7\u8207\u9ad4\u9a57\uff0c\n          \u62d3\u5c55\u5b69\u5b50\u5c0d\u4e0d\u540c\u9818\u57df\u7684\u8a8d\u8b58\u3002\n        <\/p>\n\n        <p class=\"beyond-detail\">\n          \u5728\u771f\u5be6\u74b0\u5883\u4e2d\u63a5\u89f8\u4e0d\u540c\u7684\u4eba\u8207\u5de5\u4f5c\uff0c\n          \u4e5f\u70ba\u8208\u8da3\u63a2\u7d22\u8207\u672a\u4f86\u7684\u9069\u6027\u9078\u64c7\u7d2f\u7a4d\u7d93\u9a57\u3002\n        <\/p>\n\n        <div class=\"mini-flow\">\n          <span>\u89c0\u5bdf<\/span>\n          <i>\u2192<\/i>\n          <span>\u8a2a\u8ac7<\/span>\n          <i>\u2192<\/i>\n          <span>\u9ad4\u9a57<\/span>\n          <i>\u2192<\/i>\n          <span>\u63a2\u7d22<\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03\uff5c\u670d\u52d9\u5b78\u7fd2 -->\n      <div class=\"beyond-card\">\n\n        <div class=\"beyond-number\">03<\/div>\n\n        <div class=\"beyond-icon\">\uff0b<\/div>\n\n        <h3>\u670d\u52d9\u5b78\u7fd2<\/h3>\n\n        <div class=\"beyond-time\">\n          \u6bcf\u5b78\u671f\u7d50\u5408\u8ab2\u7a0b\u4e3b\u984c\u5be6\u65bd\n        <\/div>\n\n        <p>\n          \u5f9e\u89c0\u5bdf\u8eab\u908a\u7684\u793e\u6703\u8207\u74b0\u5883\u554f\u984c\u958b\u59cb\uff0c\n          \u8b93\u5b69\u5b50\u7406\u89e3\u554f\u984c\u8207\u9700\u6c42\uff0c\u4e00\u8d77\u8a0e\u8ad6\u4e26\u8a2d\u8a08\u670d\u52d9\u65b9\u6848\uff0c\n          \u5c07\u60f3\u6cd5\u8f49\u5316\u70ba\u5be6\u969b\u884c\u52d5\u3002\n        <\/p>\n\n        <p class=\"beyond-detail\">\n          \u884c\u52d5\u5b8c\u6210\u5f8c\uff0c\u518d\u56de\u5230\u904e\u7a0b\u9032\u884c\u53cd\u601d\u8207\u6574\u7406\uff0c\n          \u5f9e\u771f\u5be6\u7d93\u9a57\u4e2d\u7406\u89e3\u81ea\u5df1\u80fd\u5982\u4f55\u53c3\u8207\u4e26\u56de\u61c9\u4e16\u754c\u3002\n        <\/p>\n\n        <div class=\"mini-flow\">\n          <span>\u767c\u73fe<\/span>\n          <i>\u2192<\/i>\n          <span>\u7406\u89e3<\/span>\n          <i>\u2192<\/i>\n          <span>\u8a2d\u8a08<\/span>\n          <i>\u2192<\/i>\n          <span>\u7c4c\u5099<\/span>\n          <i>\u2192<\/i>\n          <span>\u884c\u52d5<\/span>\n          <i>\u2192<\/i>\n          <span>\u53cd\u601d<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n\n\n<style>\n\n\/* ==================================================\n   BASIC\n================================================== *\/\n\n.fei-curriculum {\n  --green: #7F9474;\n  --dark: #29333D;\n  --text: #555D62;\n  --light: #F4F5EF;\n  --line: #E0E4DD;\n\n  width: 100%;\n  max-width: 1000px;\n  margin: 0 auto;\n  font-family: inherit;\n  color: var(--text);\n}\n\n.fei-curriculum * {\n  box-sizing: border-box;\n}\n\n.fei-section {\n  margin-bottom: 100px;\n}\n\n\n\/* ==================================================\n   HEADING\n================================================== *\/\n\n.fei-heading {\n  max-width: 680px;\n  margin-bottom: 42px;\n}\n\n.fei-heading.center {\n  margin-left: auto;\n  margin-right: auto;\n  text-align: center;\n}\n\n\/* \u4e09\u5927\u63a2\u7d22\u4e3b\u984c\u8aaa\u660e\u55ae\u7368\u52a0\u5bec *\/\n.fei-heading.theme-heading {\n  max-width: 850px;\n}\n\n.fei-eyebrow {\n  margin-bottom: 7px;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 2.5px;\n  color: var(--green);\n}\n\n.fei-heading h2 {\n  margin: 0 0 10px;\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 1.45;\n  color: var(--dark);\n}\n\n.fei-heading p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.9;\n  color: #858B88;\n}\n\n\n\/* ==================================================\n   FIVE AREAS\n================================================== *\/\n\n.areas-visual {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 18px;\n}\n\n.area-circle {\n  width: 170px;\n  height: 170px;\n  padding: 24px 15px;\n  border: 1px solid var(--line);\n  border-radius: 50%;\n  text-align: center;\n  background: #FAFAF7;\n}\n\n.area-circle:nth-child(2),\n.area-circle:nth-child(4) {\n  transform: translateY(28px);\n}\n\n.area-icon {\n  width: 29px;\n  height: 29px;\n  margin: 0 auto 8px;\n  border-radius: 50%;\n  background: #E8ECE5;\n\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 29px;\n  color: var(--green);\n}\n\n.area-circle h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 650;\n  color: var(--dark);\n}\n\n.area-line {\n  width: 25px;\n  height: 1px;\n  margin: 9px auto;\n  background: #CCD4C8;\n}\n\n.area-circle p {\n  margin: 0;\n  font-size: 12px;\n  line-height: 1.7;\n  color: #777E7A;\n}\n\n\n\/* ==================================================\n   THEME PANEL\n================================================== *\/\n\n.theme-panel {\n  margin-bottom: 100px;\n  padding: 55px 45px 45px;\n  background: var(--light);\n  border-radius: 6px;\n}\n\n\n\/* ==================================================\n   YEAR CYCLE\n================================================== *\/\n\n.year-cycle {\n  position: relative;\n\n  display: grid;\n  grid-template-columns:\n    1fr 30px\n    1fr 30px\n    1fr 30px\n    1fr 30px\n    1fr;\n\n  align-items: start;\n  margin-top: 55px;\n}\n\n.year-line {\n  position: absolute;\n  top: 91px;\n  left: 7%;\n  right: 7%;\n  height: 1px;\n  background: #CBD2C7;\n}\n\n.year-item {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n.year {\n  margin-bottom: 13px;\n  font-size: 16px;\n  font-weight: 650;\n  color: #6F7773;\n}\n\n.year small {\n  display: block;\n  margin-top: 2px;\n  font-size: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n  color: #A0A5A2;\n}\n\n.year-node {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 58px;\n  height: 58px;\n  margin: 0 auto 14px;\n\n  border: 5px solid var(--light);\n  border-radius: 50%;\n}\n\n.theme-symbol {\n  font-size: 23px;\n  font-weight: 300;\n}\n\n\n\/* \u6d77\u6d0b *\/\n\n.ocean .year-node {\n  background: #E1EBEE;\n  box-shadow: 0 0 0 1px #CADADF;\n}\n\n.ocean .theme-symbol {\n  color: #7899A3;\n}\n\n\n\/* \u57ce\u93ae *\/\n\n.town .year-node {\n  background: #F1E8D8;\n  box-shadow: 0 0 0 1px #DDD0BA;\n}\n\n.town .theme-symbol {\n  color: #A18D6F;\n}\n\n\n\/* \u5c71\u6797 *\/\n\n.forest .year-node {\n  background: #DFE8DA;\n  box-shadow: 0 0 0 1px #BAC9B3;\n}\n\n.forest .theme-symbol {\n  color: #6F8963;\n}\n\n\n.year-theme span {\n  display: block;\n  margin-bottom: 3px;\n  font-size: 8px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  color: #9AA09C;\n}\n\n.year-theme h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 650;\n  color: var(--dark);\n}\n\n\n\/* \u7bad\u982d *\/\n\n.cycle-arrow {\n  position: relative;\n  z-index: 3;\n  padding-top: 82px;\n  text-align: center;\n  font-size: 14px;\n  color: #AAB3A7;\n}\n\n\n\/* \u672c\u5b78\u5e74 *\/\n\n.current {\n  margin-top: -22px;\n}\n\n.current .year-node {\n  width: 70px;\n  height: 70px;\n  border-width: 6px;\n  box-shadow: 0 0 0 2px var(--green);\n}\n\n.current .year {\n  color: var(--green);\n}\n\n.current .year-theme h3 {\n  color: #627859;\n}\n\n.current-tag {\n  display: inline-block;\n  margin-bottom: 5px;\n  padding: 3px 9px;\n  border-radius: 20px;\n  background: var(--green);\n\n  font-size: 9px;\n  letter-spacing: .5px;\n  color: #FFFFFF;\n}\n\n\n\/* ==================================================\n   CYCLE REPEAT\n================================================== *\/\n\n.cycle-repeat {\n  position: relative;\n  max-width: 710px;\n  height: 45px;\n  margin: 30px auto 0;\n}\n\n.repeat-line {\n  position: absolute;\n  top: 0;\n  left: 4%;\n  right: 4%;\n  height: 25px;\n\n  border-left: 1px solid #C9D0C5;\n  border-right: 1px solid #C9D0C5;\n  border-bottom: 1px solid #C9D0C5;\n  border-radius: 0 0 30px 30px;\n}\n\n.repeat-text {\n  position: relative;\n  top: 16px;\n\n  width: max-content;\n  margin: 0 auto;\n  padding: 0 12px;\n\n  background: var(--light);\n\n  font-size: 10px;\n  letter-spacing: 1px;\n  color: #8A918C;\n}\n\n.repeat-text span {\n  margin-right: 4px;\n  color: var(--green);\n}\n\n\n\/* ==================================================\n   ABILITIES\n================================================== *\/\n\n.abilities {\n  max-width: 720px;\n  margin: 30px auto 0;\n  padding-top: 27px;\n  text-align: center;\n  border-top: 1px solid #D9DED5;\n}\n\n.abilities-label {\n  margin-bottom: 6px;\n  font-size: 8px;\n  font-weight: 600;\n  letter-spacing: 2px;\n  color: var(--green);\n}\n\n.abilities > h3 {\n  margin: 0 0 20px;\n  font-size: 15px;\n  font-weight: 500;\n  color: #626A66;\n}\n\n.ability-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 8px;\n}\n\n.ability {\n  padding: 13px 8px;\n  background: #FFFFFF;\n}\n\n.ability span {\n  display: block;\n  margin-bottom: 3px;\n  font-size: 8px;\n  color: #A3AAA5;\n}\n\n.ability strong {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dark);\n}\n\n\n\/* ==================================================\n   LEARNING CARDS\n================================================== *\/\n\n.learning-cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 15px;\n}\n\n.learning-card {\n  min-height: 430px;\n  padding: 27px 25px 25px;\n  border: 1px solid var(--line);\n  background: #FFFFFF;\n}\n\n.learning-card.featured {\n  background: var(--light);\n  border-color: #D4DBCF;\n}\n\n.card-top {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 37px;\n}\n\n.card-number {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--green);\n}\n\n.card-en {\n  font-size: 8px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  color: #A1A7A3;\n}\n\n.card-label {\n  margin-bottom: 5px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--green);\n}\n\n.learning-card h3 {\n  margin: 0 0 15px;\n  font-size: 21px;\n  font-weight: 650;\n  color: var(--dark);\n}\n\n.learning-card p {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.85;\n  color: #62696C;\n}\n\n.tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-top: 22px;\n}\n\n.tags span {\n  padding: 5px 8px;\n  background: var(--light);\n  font-size: 10px;\n  color: #687265;\n}\n\n\n\/* \u672a\u4f86\u4e09\u5b78 *\/\n\n.future-three {\n  margin-top: 23px;\n  border-top: 1px solid #D7DDD2;\n}\n\n.future-three div {\n  padding: 9px 0;\n  border-bottom: 1px solid #D7DDD2;\n  font-size: 12px;\n  color: #5F6861;\n}\n\n.future-three small {\n  margin-right: 9px;\n  font-size: 8px;\n  color: var(--green);\n}\n\n\n\/* ==================================================\n   BEYOND CLASSROOM\n================================================== *\/\n\n.beyond-section {\n  padding: 55px 45px 48px;\n  background: var(--light);\n  border-radius: 6px;\n}\n\n.beyond-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n}\n\n.beyond-card {\n  padding: 25px 22px;\n  background: #FFFFFF;\n}\n\n.beyond-number {\n  font-size: 9px;\n  font-weight: 600;\n  color: var(--green);\n}\n\n.beyond-icon {\n  margin: 24px 0 12px;\n  font-size: 27px;\n  font-weight: 300;\n  color: var(--green);\n}\n\n.beyond-card h3 {\n  margin: 0 0 7px;\n  font-size: 18px;\n  font-weight: 650;\n  color: var(--dark);\n}\n\n.beyond-time {\n  margin-bottom: 16px;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: var(--green);\n}\n\n.beyond-card p {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.8;\n  color: #62696C;\n}\n\n.beyond-card strong {\n  font-weight: 600;\n  color: var(--green);\n}\n\n.beyond-detail {\n  margin-top: 12px !important;\n}\n\n\n\/* \u5c0f\u6d41\u7a0b *\/\n\n.mini-flow {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 4px;\n  margin-top: 20px;\n}\n\n.mini-flow span {\n  padding: 4px 6px;\n  background: var(--light);\n  font-size: 9px;\n  color: #687265;\n}\n\n.mini-flow i {\n  font-size: 8px;\n  font-style: normal;\n  color: #AAB1AA;\n}\n\n\n\/* ==================================================\n   TABLET\n================================================== *\/\n\n@media (max-width: 900px) {\n\n  .areas-visual {\n    gap: 10px;\n  }\n\n  .area-circle {\n    width: 145px;\n    height: 145px;\n    padding: 18px 10px;\n  }\n\n  .theme-panel,\n  .beyond-section {\n    padding-left: 30px;\n    padding-right: 30px;\n  }\n\n}\n\n\n\/* ==================================================\n   MOBILE\n================================================== *\/\n\n@media (max-width: 767px) {\n\n  .fei-curriculum {\n    padding: 0 5px;\n  }\n\n  .fei-section {\n    margin-bottom: 70px;\n  }\n\n\n  \/* \u6a19\u984c *\/\n\n  .fei-heading,\n  .fei-heading.theme-heading {\n    max-width: 100%;\n    margin-bottom: 32px;\n  }\n\n  .fei-heading h2 {\n    font-size: 22px;\n  }\n\n  .fei-heading p {\n    font-size: 13px;\n    line-height: 1.8;\n  }\n\n  .fei-eyebrow {\n    font-size: 9px;\n    letter-spacing: 2px;\n  }\n\n\n  \/* ==========================\n     \u4e94\u5927\u9818\u57df\n  ========================== *\/\n\n  .areas-visual {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .area-circle {\n    width: 145px;\n    height: 145px;\n    margin: auto;\n    padding: 19px 10px;\n  }\n\n  .area-circle:nth-child(2),\n  .area-circle:nth-child(4) {\n    transform: none;\n  }\n\n  .area-circle:last-child {\n    grid-column: 1 \/ 3;\n  }\n\n\n  \/* ==========================\n     \u4e09\u5927\u4e3b\u984c\n  ========================== *\/\n\n  .theme-panel {\n    padding: 35px 20px;\n    margin-bottom: 70px;\n  }\n\n  .year-cycle {\n    display: block;\n    margin-top: 35px;\n  }\n\n  .year-line,\n  .cycle-arrow {\n    display: none;\n  }\n\n  .year-item,\n  .current {\n    display: grid;\n    grid-template-columns: 65px 65px 1fr;\n    align-items: center;\n    min-height: 95px;\n    margin: 0;\n    text-align: left;\n  }\n\n  .year {\n    margin: 0;\n    text-align: right;\n  }\n\n  .year-node,\n  .current .year-node {\n    width: 52px;\n    height: 52px;\n    margin: auto;\n    border-width: 4px;\n  }\n\n  .current-tag {\n    position: absolute;\n    left: 145px;\n    top: 3px;\n  }\n\n  .year-theme {\n    padding-left: 8px;\n  }\n\n  .cycle-repeat {\n    display: none;\n  }\n\n\n  \/* \u6838\u5fc3\u80fd\u529b *\/\n\n  .ability-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n\n  \/* ==========================\n     \u4e09\u7a2e\u5b78\u7fd2\n  ========================== *\/\n\n  .learning-cards {\n    grid-template-columns: 1fr;\n  }\n\n  .learning-card {\n    min-height: auto;\n  }\n\n  .card-top {\n    margin-bottom: 25px;\n  }\n\n\n  \/* ==========================\n     \u8d70\u51fa\u6559\u5ba4\n  ========================== *\/\n\n  .beyond-section {\n    padding: 35px 20px;\n  }\n\n  .beyond-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .beyond-card {\n    padding: 25px 22px 28px;\n  }\n\n  .beyond-icon {\n    margin-top: 20px;\n  }\n\n  .mini-flow {\n    gap: 5px;\n  }\n\n}\n\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cb2d34 e-flex e-con-boxed e-con e-parent\" data-id=\"8cb2d34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c307bc elementor-widget elementor-widget-spacer\" data-id=\"7c307bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CURRICULUM FRAMEWORK \u7e3d\u9ad4\u8ab2\u7a0b\u67b6\u69cb \u5f9e\u6838\u5fc3\u80fd\u529b\u51fa\u767c\uff0c\u4e32\u8d77\u5b69\u5b50\u7684\u5b78\u7fd2\u8207\u771f\u5be6\u4e16\u754c FIVE L &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.fei.ntpc.edu.tw\/?page_id=1892\"> <span class=\"screen-reader-text\">\u8ab2\u7a0b\u67b6\u69cb<\/span> \u95b1\u8b80\u5168\u6587 &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1892","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fei.ntpc.edu.tw\/index.php?rest_route=\/wp\/v2\/pages\/1892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fei.ntpc.edu.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fei.ntpc.edu.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fei.ntpc.edu.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fei.ntpc.edu.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1892"}],"version-history":[{"count":80,"href":"https:\/\/www.fei.ntpc.edu.tw\/index.php?rest_route=\/wp\/v2\/pages\/1892\/revisions"}],"predecessor-version":[{"id":8113,"href":"https:\/\/www.fei.ntpc.edu.tw\/index.php?rest_route=\/wp\/v2\/pages\/1892\/revisions\/8113"}],"wp:attachment":[{"href":"https:\/\/www.fei.ntpc.edu.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}