{"id":218,"date":"2025-07-28T01:20:50","date_gmt":"2025-07-28T01:20:50","guid":{"rendered":"https:\/\/sbrchhs.edu.my\/history\/?page_id=218"},"modified":"2025-11-19T07:09:19","modified_gmt":"2025-11-19T07:09:19","slug":"%e5%8e%86%e4%bb%bb%e6%a0%a1%e9%95%bf%e7%8e%89%e7%85%a7","status":"publish","type":"page","link":"https:\/\/sbrchhs.edu.my\/history\/%e5%8e%86%e4%bb%bb%e6%a0%a1%e9%95%bf%e7%8e%89%e7%85%a7\/","title":{"rendered":"\u5386\u4efb\u6821\u957f\u7389\u7167"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \u5386\u4efb\u6821\u957f<\/title>\r\n <style>\r\n body {\r\n font-family: \"KaiTi\", \"STKaiti\", \"SimSun\", serif;\r\n background: #ffffff url('https:\/\/transparenttextures.com\/patterns\/paper-fibers.png');\r\n color: #5c3a1e;\r\n text-align: center;\r\n font-size: 16px;\r\n }\r\n\r\n h1 {\r\n font-size: 48px;\r\n letter-spacing: 3px;\r\n margin-bottom: 20px;\r\n position: relative;\r\n display: block;\r\n padding-bottom: 8px;\r\n }\r\n h1::after {\r\n content: '';\r\n display: block;\r\n width: 150px;\r\n height: 3px;\r\n background: #5c3a21;\r\n margin: 15px auto 0;\r\n }\r\n\r\n h2 {\r\n font-size: 26px;\r\n font-weight: normal;\r\n color: #5c3a21;\r\n margin: 25px auto 50px;\r\n line-height: 1.8;\r\n text-align: center;\r\n max-width: 700px;\r\n }\r\n h2::before,\r\n h2::after {\r\n content: '';\r\n display: block;\r\n width: 70%;\r\n height: 2px;\r\n background: #5c3a21;\r\n margin: 14px auto;\r\n }\r\n\r\n \/* \u5361\u7247\u5e03\u5c40 *\/\r\n .grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n gap: 30px;\r\n max-width: 1000px;\r\n margin: auto;\r\n }\r\n\r\n .card {\r\n background: #fffaf0;\r\n border: 1px solid #d3bfa6;\r\n border-radius: 8px;\r\n padding: 20px;\r\n box-shadow: 2px 2px 6px rgba(92, 58, 33, 0.2);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 4px 6px 12px rgba(92, 58, 33, 0.3);\r\n }\r\n\r\n .photo {\r\n width: 120px;\r\n height: 150px;\r\n margin: 0 auto 15px;\r\n border: 1px solid #5c3a21;\r\n overflow: hidden;\r\n background: #eee; \/* \u5360\u4f4d\u80cc\u666f *\/\r\n cursor: zoom-in;\r\n }\r\n .photo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .card h3 {\r\n margin: 0;\r\n font-size: 20px;\r\n font-weight: bold;\r\n color: #5c3a21;\r\n }\r\n .card p.year {\r\n margin: 6px 0 0;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #7a4a21;\r\n }\r\n\r\n \/* \u653e\u5927\u56fe\u5c42 *\/\r\n .lightbox {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.8);\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 999;\r\n }\r\n .lightbox img {\r\n max-width: 90%;\r\n max-height: 90%;\r\n border: 4px solid #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 0 20px rgba(0,0,0,0.5);\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u4f18\u5316 *\/\r\n @media screen and (max-width: 600px) {\r\n h1 { font-size: 36px; }\r\n h2 { font-size: 20px; }\r\n .card h3 { font-size: 18px; }\r\n .card p.year { font-size: 16px; }\r\n .photo { width: 100px; height: 130px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <h1 align=\"center\">\u5386\u4efb\u6821\u957f<\/h1>\r\n <h2>\u58eb\u4e0d\u53ef\u4e0d\u5f18\u6bc5\uff0c\u4efb\u91cd\u800c\u9053\u9060<\/h2>\r\n\r\n <div class=\"grid\">\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/1.\u9ec3\u6f64\u5cb3\uff08\u7b2c\u4e00\u4efb\uff09.png\" alt=\"\u9ec4\u6da6\u5cb3\"><\/div>\r\n <h3>\u7b2c\u4e00\u4efb \u9ec4\u6da6\u5cb3<\/h3>\r\n <p class=\"year\">1951 - 1964<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/2.\u9ec3\u4e91\u7fd4\uff08\u7b2c\u4e8c\u4efb\uff09.jpeg\" alt=\"\u9ec4\u4e91\u7fd4\"><\/div>\r\n <h3>\u7b2c\u4e8c\u4efb \u9ec4\u4e91\u7fd4<\/h3>\r\n <p class=\"year\">1965 - 1968<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/3.\u7fc1\u4eab\u6e90\uff08\u7b2c\u4e09\u4efb\uff09.jpeg\" alt=\"\u7fc1\u4eab\u6e90\"><\/div>\r\n <h3>\u7b2c\u4e09\u4efb \u7fc1\u4eab\u6e90<\/h3>\r\n <p class=\"year\">1969<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/4.\u9673\u5ef7\u9032\uff08\u7b2c\u56db\u4efb\uff09-2.jpg\" alt=\"\u9648\u5ef7\u8fdb\"><\/div>\r\n <h3>\u7b2c\u56db\u4efb \u9648\u5ef6\u8fdb<\/h3>\r\n <p class=\"year\">1970 - 1971<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/5.\u9ad8\u9038\u7fa4\uff08\u7b2c\u4e94\u4efb\uff09-3.jpg\" alt=\"\u9ad8\u9038\u7fa4\"><\/div>\r\n <h3>\u7b2c\u4e94\u4efb \u9ad8\u9038\u7fa4<\/h3>\r\n <p class=\"year\">1972 - 1976<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/6.\u5f35\u5149\u660e\uff08\u7b2c\u516d\u4efb\uff09.jpg\" alt=\"\u5f20\u5149\u660e\"><\/div>\r\n <h3>\u7b2c\u516d\u4efb \u5f20\u5149\u660e<\/h3>\r\n <p class=\"year\">1977<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/7.\u5deb\u570b\u707f\uff08\u7b2c\u4e03\u4efb\uff09-2.jpg\" alt=\"\u5deb\u56fd\u707f\"><\/div>\r\n <h3>\u7b2c\u4e03\u4efb \u5deb\u56fd\u707f<\/h3>\r\n <p class=\"year\">1978 - 1984<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/8.\u5f35\u9577\u767c\uff08\u7b2c\u516b\u4efb.jpg\" alt=\"\u5f20\u957f\u53d1\"><\/div>\r\n <h3>\u7b2c\u516b\u4efb \u5f20\u957f\u53d1<\/h3>\r\n <p class=\"year\">1985<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/9.\u5289\u570b\u70bd\uff08\u7b2c\u4e5d\u4efb\uff09-2.jpg\" alt=\"\u5218\u56fd\u70bd\"><\/div>\r\n <h3>\u7b2c\u4e5d\u4efb \u5218\u56fd\u70bd<\/h3>\r\n <p class=\"year\">1986 - 1992<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/10.\u912d\u9032\u9032\uff08\u7b2c\u5341\u4efb\uff09.jpg\" alt=\"\u90d1\u8fdb\u8fdb\"><\/div>\r\n <h3>\u7b2c\u5341\u4efb \u90d1\u8fdb\u8fdb<\/h3>\r\n <p class=\"year\">1993 - 1995<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/11.\u984f\u6e05\u6f02\uff08\u7b2c\u5341\u4e00\u4efb\uff09.jpeg\" alt=\"\u989c\u6e05\u6f02\"><\/div>\r\n <h3>\u7b2c\u5341\u4e00\u4efb \u989c\u6e05\u6f02<\/h3>\r\n <p class=\"year\">1996 - 2000<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/12.\u8607\u6587\u5fe0\uff08\u7b2c\u5341\u4e8c\u4efb\uff09-2_\u526f\u672c.jpg\" alt=\"\u82cf\u6587\u5fe0\"><\/div>\r\n <h3>\u7b2c\u5341\u4e8c\u4efb \u82cf\u6587\u5fe0<\/h3>\r\n <p class=\"year\">2001 - 2005<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/13.\u5f35\u7389\u597d\uff08\u7b2c\u5341\u4e09\u4efb\uff09.jpeg\" alt=\"\u5f20\u7389\u597d\"><\/div>\r\n <h3>\u7b2c\u5341\u4e09\u4efb \u5f20\u7389\u597d<\/h3>\r\n <p class=\"year\">2006<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/14.\u9ec3\u96c6\u521d\uff08\u7b2c\u5341\u56db\u4efb\uff09.jpg\" alt=\"\u9ec4\u96c6\u521d\"><\/div>\r\n <h3>\u7b2c\u5341\u56db\u4efb \u9ec4\u96c6\u521d<\/h3>\r\n <p class=\"year\">2007 - 2008<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/15.\u9ec3\u4fe1\u6dd9\uff08\u7b2c\u5341\u4e94\u4efb\uff09.jpg\" alt=\"\u9ec4\u4fe1\u6dd9\"><\/div>\r\n <h3>\u7b2c\u5341\u4e94\u4efb \u9ec4\u4fe1\u6dd9<\/h3>\r\n <p class=\"year\">2009 - 2010<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/16.\u989c\u5149\u8f89\uff08\u7b2c\u5341\u516d\u4efb\uff09.jpg\" alt=\"\u989c\u5149\u8f89\"><\/div>\r\n <h3>\u7b2c\u5341\u516d\u4efb \u989c\u5149\u8f89<\/h3>\r\n <p class=\"year\">2011 - 2017<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/17.\u674e\u4fdd\u5eb7\uff08\u7b2c\u5341\u4e03\u4efb\uff09.jpg\" alt=\"\u674e\u4fdd\u5eb7\"><\/div>\r\n <h3>\u7b2c\u5341\u4e03\u4efb \u674e\u4fdd\u5eb7<\/h3>\r\n <p class=\"year\">2018 - 2019<\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/10\/18.\u912d\u632f\u83ef\u7b2c\u5341\u516b\u4efb\uff09.jpeg\" alt=\"\u90d1\u632f\u534e\"><\/div>\r\n <h3>\u7b2c\u5341\u516b\u4efb \u90d1\u632f\u534e<\/h3>\r\n <p class=\"year\">2020 - 2024<\/p>\r\n <\/div>\r\n \r\n <div class=\"card\">\r\n <div class=\"photo\"><img decoding=\"async\" src=\"https:\/\/sbrchhs.edu.my\/history\/wp-content\/uploads\/2025\/11\/\u5f6d\u6821\u957f.jpg\" alt=\"\u5f6d\u8fdb\u8d22\"><\/div>\r\n <h3>\u7b2c\u5341\u4e5d\u4efb \u5f6d\u8fdb\u8d22<\/h3>\r\n <p class=\"year\">\u73b0\u4efb\u6821\u957f<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u653e\u5927\u663e\u793a\u7528\u7684 lightbox -->\r\n <div class=\"lightbox\" id=\"lightbox\">\r\n <img decoding=\"async\" src=\"\" alt=\"\">\r\n <\/div>\r\n\r\n <script>\r\n const photos = document.querySelectorAll('.photo img');\r\n const lightbox = document.getElementById('lightbox');\r\n const lightboxImg = lightbox.querySelector('img');\r\n\r\n photos.forEach(photo => {\r\n photo.addEventListener('click', () => {\r\n lightboxImg.src = photo.src;\r\n lightbox.style.display = 'flex';\r\n });\r\n });\r\n\r\n lightbox.addEventListener('click', () => {\r\n lightbox.style.display = 'none';\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>\u5386\u4efb\u6821\u957f \u5386\u4efb\u6821\u957f \u58eb\u4e0d\u53ef\u4e0d\u5f18\u6bc5\uff0c\u4efb\u91cd\u800c\u9053\u9060 \u7b2c\u4e00\u4efb \u9ec4\u6da6\u5cb3 1951 – 1964 \u7b2c\u4e8c\u4efb \u9ec4\u4e91 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sbrchhs.edu.my\/history\/wp-json\/wp\/v2\/pages\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sbrchhs.edu.my\/history\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sbrchhs.edu.my\/history\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sbrchhs.edu.my\/history\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sbrchhs.edu.my\/history\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":34,"href":"https:\/\/sbrchhs.edu.my\/history\/wp-json\/wp\/v2\/pages\/218\/revisions"}],"predecessor-version":[{"id":1572,"href":"https:\/\/sbrchhs.edu.my\/history\/wp-json\/wp\/v2\/pages\/218\/revisions\/1572"}],"wp:attachment":[{"href":"https:\/\/sbrchhs.edu.my\/history\/wp-json\/wp\/v2\/media?parent=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}