{"subject":"首頁 (test)","pubUnitName":null,"posterDate":null,"updateDate":null,"detailContent":"<style type=\"text/css\">.content-area {\r\n        padding: 20px;\r\n        max-width: 1200px;\r\n        margin: auto;\r\n    }\r\n\r\n    .content-nav {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .content-nav a {\r\nflex: 1;\r\ntext-align: center;\r\n        padding: 15px 10px;\r\n        font-size: calc(16px + 0.5vw);\r\n        font-weight: bold;\r\n        background-color: #0056b3;\r\n        color: white;\r\n        text-decoration: none;\r\n        border-radius: 5px;\r\n        transition: background-color 0.3s;\r\n    }\r\n\r\n    .content-nav a:hover {\r\n        background-color: #004494;\r\n    }\r\n\r\n    .grid-container {\r\n        display: grid;\r\ngrid-template-columns: repeat(auto-fit, minmax(250px, 1fr));        \r\n\r\n        gap: 20px;\r\n    }\r\n\r\n    .content-card {\r\n        background: white;\r\n        padding: 20px;\r\n        border-radius: 10px;\r\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .content-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    h3 {\r\n        color: #0056b3;\r\n        border-bottom: 2px solid #0056b3;\r\n        padding-bottom: 5px;\r\n        margin-bottom: 15px;\r\n        font-size: 24px;\r\n        /* 設定字體大小 */\r\n        font-weight: bold;\r\n        /* 確保字體加粗 */\r\n    }\r\n\r\n    ul {\r\n        list-style-type: none;\r\n        padding: 0;\r\n    }\r\n\r\n    ul li {\r\n        padding: 8px 0;\r\n    }\r\n\r\n    .content-dropdown {\r\n        position: relative;\r\n        cursor: pointer;\r\n\r\n    }\r\n\r\n    .content-dropdown::after {\r\n        content: \" ▼\";\r\n        font-size: 14px;\r\n        color: black;\r\n    }\r\n\r\n    .content-dropdown-content {\r\n        display: none;\r\n        position: absolute;\r\n        background-color: white;\r\n        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\r\n        border-radius: 5px;\r\n        width: 250px;\r\n        padding: 10px;\r\n        z-index: 1;\r\n    }\r\n\r\n    .content-dropdown:hover .content-dropdown-content {\r\n        display: block;\r\n    }\r\n\r\n    .content-dropdown-content a {\r\n        display: block;\r\n        padding: 5px 10px;\r\n        color: #0056b3;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .content-dropdown-content a:hover {\r\n        background-color: #ddd;\r\n        color: #0056b3;\r\n    }\r\n\r\n    .link-btn {\r\n        display: block;\r\n        padding: 5px 10px;\r\n        color: #0056b3;\r\n        text-decoration: underline;\r\n        border-radius: 5px;\r\n        transition: background-color 0.3s;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .link-btn:hover {\r\n        background-color: #ddd;\r\n        color: #0056b3;\r\n        font-weight: bold;\r\n    }\r\n</style>\r\n<div class=\"content-area\">\r\n<div class=\"content-nav\"><a href=\"#\" id=\"1-2\">活動資訊</a> <a href=\"#\" id=\"1-3\">關於我們</a> <a href=\"#\" id=\"1-4\">學生諮詢</a> <a href=\"#\" id=\"1-5\">學分抵免</a> <a href=\"#\" id=\"1-6\">自習中心</a></div>\r\n\r\n<div class=\"grid-container\">\r\n<div class=\"content-card\">\r\n<h3>教師教學精進</h3>\r\n\r\n<ul>\r\n\t<li>教師社群</li>\r\n\t<li>教師專業培力工作坊</li>\r\n\t<li>教師核心能力</li>\r\n\t<li>教師評估</li>\r\n</ul>\r\n</div>\r\n\r\n<div class=\"content-card\">\r\n<h3>教學獎勵</h3>\r\n\r\n<ul>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-7\">教師 / 教學獎</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-8\">學生 / 優秀教學助理獎</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-9\">課程 / 特色課程獎勵</a></li>\r\n</ul>\r\n</div>\r\n\r\n<div class=\"content-card\">\r\n<h3>特色培力課程</h3>\r\n\r\n<ul>\r\n\t<li>激勵型教學</li>\r\n\t<li>專業領域學習坊</li>\r\n\t<li>微學分課程</li>\r\n</ul>\r\n</div>\r\n\r\n<div class=\"content-card\">\r\n<h3>跨域學程</h3>\r\n\r\n<ul>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-10\">實施要點暨必修科目表</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-11\">跨域學生講座活動</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-12\">申請專區</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-13\">各學程聯絡資訊</a></li>\r\n</ul>\r\n</div>\r\n\r\n<div class=\"content-card\">\r\n<h3>學生學習增能</h3>\r\n\r\n<ul>\r\n\t<li>學習策略工坊</li>\r\n\t<li>學術倫理教育</li>\r\n\t<li>教學助理培訓課程</li>\r\n\t<li class=\"content-dropdown\">學生學習資源\r\n\t<div class=\"content-dropdown-content\"><a class=\"link-btn\" href=\"#\" id=\"1-14\">課業輔導</a> <a class=\"link-btn\" href=\"#\" id=\"1-15\">小班補充教學</a> <a class=\"link-btn\" href=\"#\" id=\"1-16\">校級空間及設備借用系統</a> <a class=\"link-btn\" href=\"#\" id=\"1-17\">微學分選課系統</a></div>\r\n\t</li>\r\n</ul>\r\n</div>\r\n\r\n<div class=\"content-card\">\r\n<h3>教學研究實踐</h3>\r\n\r\n<ul>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-18\">計畫重要訊息</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-19\">計畫補助要點</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-20\">計畫執行時程</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-21\">計畫徵件與結案</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-22\">教學實踐區域基地</a></li>\r\n</ul>\r\n</div>\r\n\r\n<div class=\"content-card\">\r\n<h3>微學程</h3>\r\n\r\n<ul>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-23\">微學程特色與介紹</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-24\">微學程一覽表</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-25\">跨界力微學程</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-26\">微學程募課資訊</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-27\">各微學程聯絡窗口</a></li>\r\n\t<li><a class=\"link-btn\" href=\"#\" id=\"1-28\">辦法、表格與相關資料</a></li>\r\n</ul>\r\n</div>\r\n</div>\r\n</div>","languageUrl":null,"docs":[],"images":[],"videos":[],"audios":[],"resources":[]}