康橋林口校區
林口康橋於2017年設立於林口新市鎮，為臺灣地區唯一自幼兒園到高中(K-G12)的一貫化校區，校地面積約4公頃，整體規畫以節能減碳為設計指導原則，創造具有生態教育意義的永續發展綠校園，其中校園建築物依使用特性分為：小學部教室、國高中部教室、體育館、藝文館、宿舍樓等五棟，再以連廊、空橋串連，滿足教職員及學生在空間使用上的便利性與機能性。
林口康橋提供最多元的課程，成為每一個孩子得以適性揚才的關鍵力量，教學上廣邀優秀中、外師資，致力師培，為打造優質的國際教育環境已取得多項認證，讓校園即為SAT正式考場；不斷成長創新，並緊扣WASC教育意涵，養成學生具備合作溝通、創意、批判思維、自我察覺，以及有效面對真實生活情境的跨領域能力，讓康橋的學子自信迎向美麗的未來。
林口康橋於2017年設立於林口新市鎮，為臺灣地區唯一自幼兒園到高中(K-G12)的一貫化校區，校地面積約4公頃，整體規畫以節能減碳為設計指導原則，創造具有生態教育意義的永續發展綠校園，其中校園建築物依使用特性分為：小學部教室、國高中部教室、體育館、藝文館、宿舍樓等五棟，再以連廊、空橋串連，滿足教職員及學生在空間使用上的便利性與機能性。
林口康橋提供最多元的課程，成為每一個孩子得以適性揚才的關鍵力量，教學上廣邀優秀中、外師資，致力師培，為打造優質的國際教育環境已取得多項認證，讓校園即為SAT正式考場；不斷成長創新，並緊扣WASC教育意涵，養成學生具備合作溝通、創意、批判思維、自我察覺，以及有效面對真實生活情境的跨領域能力，讓康橋的學子自信迎向美麗的未來。
康橋校區介紹
地理位置
地理位置
地理位置
/* =========================================================
通用動畫效果（ID 版，但用屬性選擇器避免重複 ID 被 WP 改名）
已修正：讓 ::before 在文字下方，不會把文字蓋住
========================================================= */
/* 1) 外層（文字） */
[id^="B001A"],
[id^="B002A"],
[id^="B003A"],
[id^="B004A"],
[id^="B005A"],
[id^="B006A"],
[id^="B007A"],
[id^="B008A"],
[id^="B009A"],
[id^="B010A"],
[id^="B011A"],
[id^="B012A"],
[id^="B013A"],
[id^="B014A"],
[id^="B015A"],
[id^="B016A"],
[id^="B017A"],
[id^="B018A"],
[id^="B019A"],
[id^="B020A"],
[id^="B021A"],
[id^="B022A"],
[id^="B023A"],
[id^="B024A"],
[id^="B025A"],
[id^="B026A"],
[id^="B027A"],
[id^="B028A"],
[id^="B029A"],
[id^="B030A"] {
position: relative;
overflow: hidden;
display: inline-block; /* 如果要撐滿整行可以改成 block / flex */
color: #fff;
border-radius: 0px; /* 圓角大小 */
/* 將 container 本身的背景一律設為透明，避免 WP inline-style 蓋掉動畫 */
background: transparent !important;
/* ★ 新增：讓「父元素」本身成為一個 z-index 層級，文字自然而然會在 ::before 之上 */
z-index: 1;
}
/* 2) 底色遮罩 */
[id^="B001A"]::before,
[id^="B002A"]::before,
[id^="B003A"]::before,
[id^="B004A"]::before,
[id^="B005A"]::before,
[id^="B006A"]::before,
[id^="B007A"]::before,
[id^="B008A"]::before,
[id^="B009A"]::before,
[id^="B010A"]::before,
[id^="B011A"]::before,
[id^="B012A"]::before,
[id^="B013A"]::before,
[id^="B014A"]::before,
[id^="B015A"]::before,
[id^="B016A"]::before,
[id^="B017A"]::before,
[id^="B018A"]::before,
[id^="B019A"]::before,
[id^="B020A"]::before,
[id^="B021A"]::before,
[id^="B022A"]::before,
[id^="B023A"]::before,
[id^="B024A"]::before,
[id^="B025A"]::before,
[id^="B026A"]::before,
[id^="B027A"]::before,
[id^="B028A"]::before,
[id^="B029A"]::before,
[id^="B030A"]::before {
content: '';
position: absolute;
inset: 0; /* top/right/bottom/left 全 0 */
background: var(--bg, #ff6b00); /* 沒指定 --bg 時採用預設橘色 */
transform-origin: right; /* 從右側開始水平展開 */
transform: scaleX(0); /* 初始為寬度 0，看不見遮罩 */
transition: transform .4s ease-out;
/* ★ 把動畫背景放到文字之下 */
z-index: -1;
border-radius: inherit;
}
/* 3) hover / focus 時由左撐滿（scaleX） */
[id^="B001A"]:hover::before,
[id^="B001A"]:focus::before,
[id^="B002A"]:hover::before,
[id^="B002A"]:focus::before,
[id^="B003A"]:hover::before,
[id^="B003A"]:focus::before,
[id^="B004A"]:hover::before,
[id^="B004A"]:focus::before,
[id^="B005A"]:hover::before,
[id^="B005A"]:focus::before,
[id^="B006A"]:hover::before,
[id^="B006A"]:focus::before,
[id^="B007A"]:hover::before,
[id^="B007A"]:focus::before,
[id^="B008A"]:hover::before,
[id^="B008A"]:focus::before,
[id^="B009A"]:hover::before,
[id^="B009A"]:focus::before,
[id^="B010A"]:hover::before,
[id^="B010A"]:focus::before,
[id^="B011A"]:hover::before,
[id^="B011A"]:focus::before,
[id^="B012A"]:hover::before,
[id^="B012A"]:focus::before,
[id^="B013A"]:hover::before,
[id^="B013A"]:focus::before,
[id^="B014A"]:hover::before,
[id^="B014A"]:focus::before,
[id^="B015A"]:hover::before,
[id^="B015A"]:focus::before,
[id^="B016A"]:hover::before,
[id^="B016A"]:focus::before,
[id^="B017A"]:hover::before,
[id^="B017A"]:focus::before,
[id^="B018A"]:hover::before,
[id^="B018A"]:focus::before,
[id^="B019A"]:hover::before,
[id^="B019A"]:focus::before,
[id^="B020A"]:hover::before,
[id^="B020A"]:focus::before,
[id^="B021A"]:hover::before,
[id^="B021A"]:focus::before,
[id^="B022A"]:hover::before,
[id^="B022A"]:focus::before,
[id^="B023A"]:hover::before,
[id^="B023A"]:focus::before,
[id^="B024A"]:hover::before,
[id^="B024A"]:focus::before,
[id^="B025A"]:hover::before,
[id^="B025A"]:focus::before,
[id^="B026A"]:hover::before,
[id^="B026A"]:focus::before,
[id^="B027A"]:hover::before,
[id^="B027A"]:focus::before,
[id^="B028A"]:hover::before,
[id^="B028A"]:focus::before,
[id^="B029A"]:hover::before,
[id^="B029A"]:focus::before,
[id^="B030A"]:hover::before,
[id^="B030A"]:focus::before {
transform: scaleX(1);
}
/* =========================================================
各顆顏色（只覆寫變數 --bg，就跟原來一樣）
========================================================= */
[id^="B001A"] { --bg: #ff6b00; } /* 橘 */
[id^="B002A"] { --bg: #f08a00; }
[id^="B003A"] { --bg: #e1ac00; }
[id^="B004A"] { --bg: #c0c800; }
[id^="B005A"] { --bg: #8ac900; }
[id^="B006A"] { --bg: #39c5bb; }
[id^="B007A"] { --bg: #00bfa5; }
[id^="B008A"] { --bg: #00a8d5; }
[id^="B009A"] { --bg: #0090ff; }
[id^="B010A"] { --bg: #3366ff; } /* 藍 */
[id^="B011A"] { --bg: #5a4dff; }
[id^="B012A"] { --bg: #7e35ff; }
[id^="B013A"] { --bg: #9e1aff; }
[id^="B014A"] { --bg: #b600f3; }
[id^="B015A"] { --bg: #cd00d1; }
[id^="B016A"] { --bg: #df00ad; }
[id^="B017A"] { --bg: #ec0088; }
[id^="B018A"] { --bg: #f40063; }
[id^="B019A"] { --bg: #f70046; }
[id^="B020A"] { --bg: #ff0030; } /* 紅 */
[id^="B021A"] { --bg: #ff1d2e; }
[id^="B022A"] { --bg: #ff3b3c; }
[id^="B023A"] { --bg: #ff5552; }
[id^="B024A"] { --bg: #ff6e6a; }
[id^="B025A"] { --bg: #ff8883; }
[id^="B026A"] { --bg: #ffa19e; }
[id^="B027A"] { --bg: #ffbabc; }
[id^="B028A"] { --bg: #ffd4dc; }
[id^="B029A"] { --bg: #ffeef0; }
[id^="B030A"] { --bg: #cfcfcf; } /* 灰 */
/* 確保 topbox 有定位，並且堆疊順序最高，不會被其他元素覆蓋 */
#topbox {
position: relative; /* 必須要有 position，z-index 才會生效；也可用 absolute/fixed，看你需求 */
z-index: 9999; /* 設定極高的 z-index，確保在最上層 */
}
🏫
學生系統使用說明
學生系統
提供查詢交通方式、制服訂購、課間社團報名、課後社團報名、一人一才藝選填、懲處相關等系統。
帳號:學號 、 密碼:身分證字號(英文大寫)
ischool
提供學生查詢學期成績、缺曠課、獎勵等相關資料。
帳號:學號@stu.kcislk.ntpc.edu.tw 、 密碼:身分證字號(英文大寫)
AILEAD365
提供學生自主學習使用，請使用Google chrome開啟
帳號：學號、密碼：出生月日
學生操作說明影片(點我查看)
Alma
提供學生成績查詢使用
若已於Alma綁定學生Google帳號，點選Sign in with Google登入。
若無綁定，請於登入頁面輸入user name以及password登入。
學生版說明 (點我查看)
myON
小學部國際處myON電子書
帳號：學生學號 、 密碼：西元出生年月日
Chinese 
English