1<!doctype html> 2<html lang="zh-tw"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 6 <title>ä¸åæåå¤§å¸ Chinese Culture University</title> 7 8 <!-- Bootstrap CSS --> 9 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> 10 11 <!-- slick slide CSS--> 12 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@accessible360/[email protected]/slick/slick.min.css"> 13 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@accessible360/[email protected]/slick/accessible-slick-theme.min.css"> 14 15 16 <!-- Google Fonts --> 17 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet"> 18 <link rel="stylesheet" type="text/css" href="css/mainStyle.css?nocatch=20260907" /> 19 <link rel="stylesheet" type="text/css" href="css/acts.css?nocatch=20260907" /> 20 <link rel="stylesheet" type="text/css" href="css/acceNavStyle.css" /> 21 <link rel="stylesheet" href="css/fireWorks.css" /> 22 23 24 25 26 <!-- è·é¦¬ç --> 27 <!--<link rel="stylesheet" href="css/foundation.css" /> 28 <link rel="stylesheet" href="css/iosbadge.css" /> 29 <link rel="stylesheet" href="css/main.css?v=2" />--> 30 <!-- è·é¦¬ç --> 31 <!-- å¤åèªè¨ --> 32 <!--<link rel="stylesheet" href="css/polyglot-language-switcher-2.css">--> 33 <!-- å¤åèªè¨ --> 34 <!--<link rel="stylesheet" href="css/introjs.css" /> 35 <link rel="stylesheet" href="css/mediaArea.css" /> 36 --> 37 <!--<link rel="stylesheet" href="css/navg.css" />--> 38 <!--<link rel="stylesheet" href="css/owl.carousel.css" /> 39 <link rel="stylesheet" href="css/owl.theme.default.min.css" />--> 40 <!--<link rel="stylesheet" href="css/slick.css" /> 41 42 <link rel="stylesheet" href="css/acts.css" /> 43 --> 44</head> 45 46<body> 47 <!-- åç容å¨ï¼å¨åç«éå§å顯示 --> 48 <div class="splash-image-container"> 49 <img class="splash-image" src="./img/logo.svg" alt="ååç«é¢åç"> 50 </div> 51 52 <!-- ç½è²é®ç½© --> 53 <div id="white-overlay-1" class="overlay"></div> 54 <div id="white-overlay-2" class="overlay"></div> 55 <div id="white-overlay-3" class="overlay"></div> 56 57 <div id="white-overlay-4" class="overlay_bottom"></div> 58 <div id="white-overlay-5" class="overlay_bottom"></div> 59 <div id="white-overlay-6" class="overlay_bottom"></div> 60 61 <!-----ââââ <æ¡æ©çæ 1140px以ä¸> æä¸å±¤é»åº ââââ ------> 62 <header class="topArea d-none d-lg-block"> 63 <div id="skiptoContent"> 64 <a href="#mainContent">åå¾ä¸»è¦å §å®¹åå¡</a> 65 </div> 66 67 <div class="container"> 68 <div class="row"> 69 <!--<h1 class="col-6 col-md-4"><a href="https://www.pccu.edu.tw " id="home" title="æå大å¸logo"><img src="img/apng_christmas2025.png" class="img-fluid" alt="æå大å¸logo" ></a></h1>---> 70 <h1 class="col-6 col-md-4"> 71 <a href="https://www.pccu.edu.tw" title="åæ大é¦é "> 72 <img src="img/CCUlogo.svg" class="img-fluid" alt="æ大logo"> 73 </a> 74 </h1> 75 <div class="col-1 col-md-5 englishVersion dropdown"> 76 <button class="btn dropdown-toggle" type="button" id="dropdownMenu" data-bs-toggle="dropdown" aria-expanded="false"> 77 Language 78 </button> 79 <ul class="dropdown-menu" aria-labelledby="dropdownMenu"> 80 <li><a class="dropdown-item" href="http://en.pccu.edu.tw"><img src="img/flag_us.png">English</a></li> 81 <li><a class="dropdown-item" href="http://vn.pccu.edu.tw"><img src="img/flag_vn.png">Tiếng Viá»t</a></li> 82 </ul> 83 </div> 84 <div class="threeIcons col-5 col-md-3 d-inline-flex"> 85 <div class="col-3 d-inline-flex"> 86 <a href="intro_calendar.html" title="åå¾ è¡äºæé é¢"> 87 <img src="img/calendar.png" class="img-fluid d-block m-auto" alt=""><span>è¡äºæ</span> 88 </a> 89 </div> 90 <div class="col-3 d-inline-flex"> 91 <a href="https://ulive.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ é»åéµä»¶é é¢"> 92 <img src="img/mail.png" class="img-fluid d-block m-auto" alt=""><span>é»åéµä»¶</span> 93 </a> 94 </div> 95 96 <div class="col-3 d-inline-flex position-relative"> 97 <div class="redDot css_unReadCnt"></div> 98 <a href="" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close
98="outside" id="notifyIcon"> 99 <img src="img/alert.png" id="dropdownNewsDesk" class="img-fluid d-block m-auto" alt="news"><span>éè¦è¨æ¯</span> 100 </a> 101 <div class="dropdown-menu dropdown-menu-end dropdownNews css_Maqqu py-0" aria-labelledby="dropdownNewsDesk" id="notifyDrop"> 102 <!-- 103 <a class="d-block dropdown-item" href="#">æ°ç(大å¸æç 究çæ°çæè½å¸çåé©ç¨)辦çå°±å¸è²¸æ¬¾ç¨åºèªªæ</a> 104 <a class="dropdown-item" href="#">112å¸å¹´åº¦ç¬¬1å¸æå¸ç宿èéé¤¨å ±å°æ¥æ </a> 105 <a class="dropdown-item" href="#">112å¸å¹´åº¦ç¬¬1å¸æ宿èåºä½æ¾æ£ç³è«è¾¦æ³</a> 106 <div class="d-block p-2 clearfix"> 107 <a class="btn btn-primary float-start btnPrev" style="font-size:.75rem;" >ä¸ä¸é </a> 108 <a class="btn btn-primary float-end btnNext" style="font-size:.75rem;">ä¸ä¸é </a> 109 </div> 110 --> 111 </div> 112 </div> 113 114 <!-- 115 <div class="col-3 d-inline-flex position-relative"> 116 <a href="#" id="notifyIcon"> 117 <a href="#" id="notifyIcon"> 118 <img src="img/alert.png" class="img-fluid d-block m-auto" alt="éè¦è¨æ¯"> 119 <span>éè¦è¨æ¯</span> 120 </a> 121 <div class="redDot">3</div> 122 <ul class="menu f-dropdown" id="notifyDrop"> 123 <li><a href="#"></a></li> 124 </ul> 125 </div> 126 --> 127 </div> 128 </div> 129 </div> 130 </header> 131 132 <!-----ââââ <æ¡æ©çæ 1140px以ä¸> é¸å® ââââ ------> 133 <div class="d-none d-lg-block"> 134 <div class="container"> 135 <div class="row"> 136 <div class="col-7 p-0"> 137 <nav id="menu-lg"> 138 <ul class="nav-menu"> 139 <li class="nav-item"><a href="https://futurestudent.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ æçå ¥å¸é é¢">æçå ¥å¸</a></li> 140 <li class="nav-item"> 141 <a href="">éæ¼æ大</a> 142 <div class="sub-nav"> 143 <ul class="sub-nav-group"> 144 <li><a href="https://csh.pccu.edu.tw/Archive/Default.aspx" target="_blank" title="å¦éè¦çªåå¾ æ¸ä½æ ¡å²é é¢">æ¸ä½æ ¡å²</a></li> 145 <li><a href="intro_about.html" title="åå¾æ大簡ä»é é¢">æ大簡ä»</a></li> 146 <li><a href="intro_logo.html" title="åå¾æå¤§æ ¡å¾½é é¢">æå¤§æ ¡å¾½</a></li> 147 <li><a href="intro_song.html" title="åå¾æ ¡è¨ æ ¡æé é¢">æ ¡è¨ æ ¡æ</a></li> 148 <li><a href="intro_constitution.html" title="åå¾çµç¹è¦ç¨é é¢">çµç¹è¦ç¨</a></li> 149 <li><a href="https://ap2.pccu.edu.tw/sisterSchool" target="_blank" title="å¦éè¦çªåå¾ å§å¦¹æ ¡è³è¨é é¢">å§å¦¹æ ¡è³è¨</a></li> 150 <li><a href="http://omi.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ æ ¡åå財åè³è¨å ¬éå°åé é¢">æ ¡åå財åè³è¨å ¬éå°å</a></li> 151 <li><a href="intro_plan.html" title="åå¾ä¸é·æç¼å±è¨ç«é é¢">ä¸é·æç¼å±è¨ç«</a></li> 152 <li><a href="intro_traffic.html" title="åå¾äº¤éè³è¨é é¢">交éè³è¨</a></li> 153 <li><a href="intro_campus_map.html" title="åå¾æ ¡åå¹³é¢åé é¢">æ ¡åå¹³é¢å</a></li> 154 <li><a href="intro_contact.html" title="åå¾å®ä½ä¸»ç®¡èè¯çµ¡è³è¨é é¢">å®ä½ä¸»ç®¡èè¯çµ¡è³è¨</a></li> 155 </ul> 156 </div> 157 158 </li> 159 <li class="nav-item"> 160 <a href="#">è¡æ¿å®ä½</a> 161 <div class="sub-nav"> 162 <ul class="sub-nav-group row" style="width: 360px;" id="ulDept_1_auto"> 163 <!--åæ 2024/6/4--> 164 <!--<li class="col-6"><a href="#" title="åå¾ è¡æ¿å®ä½é é¢">
164è¡æ¿å®ä½ç¸½è¦½</a></li> 165 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ è£äºæ">è£äºæ</a></li> 166 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ æ ¡é·å®¤">æ ¡é·å®¤</a></li> 167 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ å¯æ ¡é·å®¤">å¯æ ¡é·å®¤</a></li> 168 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ æåè">æåè</a></li> 169 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ å¸åè">å¸åè</a></li> 170 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ ç¸½åè">總åè</a></li> 171 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ æ¨å»£é¨(è¡æ¿)">æ¨å»£é¨(è¡æ¿)</a></li> 172 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ ç ç¼è">ç ç¼è</a></li> 173 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ åéè">åéè</a></li> 174 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ ç§æ¸è">ç§æ¸è</a></li> 175 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ è³è¨è">è³è¨è</a></li> 176 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ åæ¸é¤¨">åæ¸é¤¨</a></li> 177 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ äººäºå®¤">人äºå®¤</a></li> 178 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ æè¨å®¤">æè¨å®¤</a></li> 179 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ é«è²å®¤">é«è²å®¤</a></li> 180 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ æè³ä¸å¿">æè³ä¸å¿</a></li> 181 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ éèä¸å¿">éèä¸å¿</a></li> 182 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ æ ¡åç 究">æ ¡åç 究</a></li> 183 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ ç°å®è¡ä¸å¿">ç°å®è¡ä¸å¿</a></li> 184 <li class="col-6"><a href="#" title="å¦éè¦çªåå¾ åç©é¤¨">åç©é¤¨</a></li>--> 185 </ul> 186 </div> 187 </li> 188 <li class="nav-item"> 189 <a href="#">å¸è¡å®ä½</a> 190 <div class="sub-nav"> 191 <ul class="sub-nav-group row" style="width: 430px;" id="ulCollege_1_auto"> 192 <!--åæ 2024/6/4--> 193 <!--<li class="col-6"><a href="#" title="åå¾ å¸è¡å®ä½ç¸½è¦½">å¸è¡å®ä½ç¸½è¦½</a></li> 194 <li class="col-6"><a href="#" title="åå¾ æå¸é¢">æå¸é¢</a></li> 195 <li class="col-6"><a href="#" title="åå¾ åéæ¨å¤èªå¸é¢">åéæ¨å¤èªå¸é¢</a></li> 196 <li class="col-6"><a href="#" title="åå¾ çå¸é¢">çå¸é¢</a></li> 197 <li class="col-6"><a href="#" title="åå¾ æ³å¸é¢">æ³å¸é¢</a></li> 198 <li class="col-6"><a href="#" title="åå¾ ç¤¾æç§å¸é¢">社æç§å¸é¢</a></li> 199 <li class="col-6"><a href="#" title="åå¾ è¾²å¸é¢">è¾²å¸é¢</a></li> 200 <li class="col-6"><a href="#" title="åå¾ å·¥å¸é¢">å·¥å¸é¢</a></li> 201 <li class="col-6"><a href="#" title="åå¾ åå¸é¢">åå¸é¢</a></li> 202 <li class="col-6"><a href="#" title="åå¾ æ°èæ¨å³æå¸é¢">æ°èæ¨å³æå¸é¢</a></li> 203 <li class="col-6">
203<a href="#" title="åå¾ èè¡å¸é¢">èè¡å¸é¢</a></li> 204 <li class="col-6"><a href="#" title="åå¾ ç°å¢è¨è¨å¸é¢">ç°å¢è¨è¨å¸é¢</a></li> 205 <li class="col-6"><a href="#" title="åå¾ æè²å¸é¢">æè²å¸é¢</a></li> 206 <li class="col-6"><a href="#" title="åå¾ é«è²éåå¥åº·å¸é¢">é«è²éåå¥åº·å¸é¢</a></li> 207 <li class="col-6"><a href="#" title="åå¾ æ°¸çºåµæ°å¸é¢">æ°¸çºåµæ°å¸é¢</a></li> 208 <li class="col-6"><a href="#" title="åå¾ ç 究ä¸å¿">ç 究ä¸å¿</a></li>--> 209 </ul> 210 </div> 211 </li> 212 <li class="nav-item"> 213 <a href="#">ç¥è殿å </a> 214 <div class="sub-nav"> 215 <ul class="sub-nav-group"> 216 <li><a href="https://lib.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ åæ¸é¤¨ç¶²ç«">åæ¸é¤¨</a></li> 217 <li><a href="http://cxf.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ å¼µå ¶ææ¸ä½è³æ庫網ç«">å¼µå ¶ææ¸ä½è³æ庫</a></li> 218 <li><a href="https://art.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ è¯å²¡æ¨åºç¶²ç«">è¯å²¡æ¨åº</a></li> 219 </ul> 220 </div> 221 </li> 222 </ul> 223 </nav> 224 </div> 225 <div class="col-5" style="background:#f3f1ee; border-top: 1px #FFF solid;"> 226 <div class="row"> 227 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=student" target="_blank" title="å¦éè¦çªåå¾ myCCUå¸çå°å">å¸ç</a> 228 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=teacher" target="_blank" title="å¦éè¦çªåå¾ myCCUæ師å°å">æ師</a> 229 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=staff" target="_blank" title="å¦éè¦çªåå¾ myCCUåä»å°å">åä»</a> 230 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=parent" target="_blank" title="å¦éè¦çªåå¾ myCCU家é·å°å">家é·</a> 231 <a class="col identity" href="https://alumnus.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ myCCUæ ¡åå°å">æ ¡å</a> 232 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=guest" target="_blank" title="å¦éè¦çªåå¾ myCCUä¾è³å°å">ä¾è³</a> 233 </div> 234 </div> 235 </div> 236 </div> 237 </div> 238 239 <!-----ââââ <ææ©çæ > é»åº+é¸å® ââââ ------> 240 <nav class="topArea navbar navbar-expand-lg d-block d-lg-none"> 241 <div class="container-fluid"> 242 <button class="navbar-toggler d-inline-flex" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="width: 64%;"> 243 <span class="navbar-toggler-icon" style="min-width: 1.8rem;"> 244 <img src="img/nav.svg" alt="é¸å®æé"> 245 </span> 246 <a class="navbar-brand" style="margin-top: -3px;" href="index.html"> 247 ä¸åæåå¤§å¸ 248 249 <!---<img src="img/apng_christmas2025.png" class="img-fluid" alt="æå大å¸logo" title="æå大å¸logo" >----> 250 251 </a> 252 </button> 253 <div class="threeIcons d-inline-flex" style="width: 36%;"> 254 <div class="col dropdown"> 255 <button class="btn dropdown-toggle p-0 w-100" type="button" id="dropdownMenu_s" data-bs-toggle="dropdown" aria-expanded="false"> 256 <img src="img/language.png" class="img-fluid " alt="é¸æèªè¨" style="width: 84%;"><span>é¸æèªè¨</span> 257 </button> 258 <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu_s"> 259 <li><a class="dropdown-item px-1" href="http://en.pccu.edu.tw"><img src="img/flag_us.png" class="flag">English</a></li> 260 <li><a class="dropdown-item px-1" href="http://vn.pccu.edu.tw"><img src="img/flag_vn.png" class="flag">Tiếng Viá»t</a></li> 261 </ul> 262 </div> 263 <div class="col pe-2 ps-2"><a href="intro_calendar.html"><img src="img/calendar.png" class="img-fluid d-block m-auto" alt="calendar"><span>è¡äºæ</span></a></div> 264 <div class="col position-relative"> 265 <div class="redDot css_unReadCnt"></div> 266 <a href="" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close
266="outside" id="notifyIconSmall"> 267 <img src="img/alert.png" id="dropdownNewsMobi" class="img-fluid d-block m-auto" alt="news"><span>éè¦è¨æ¯</span> 268 </a> 269 <div class="dropdown-menu dropdown-menu-end dropdownNews css_Maqqu py-0" aria-labelledby="dropdownNewsMobi" id="notifyDropSmall"> 270 271 <!--<a class="d-block dropdown-item" href="#">æ°ç(大å¸æç 究çæ°çæè½å¸çåé©ç¨)辦çå°±å¸è²¸æ¬¾ç¨åºèªªæ</a> 272 <a class="dropdown-item" href="#">112å¸å¹´åº¦ç¬¬1å¸æå¸ç宿èéé¤¨å ±å°æ¥æ </a> 273 <a class="dropdown-item" href="#">112å¸å¹´åº¦ç¬¬1å¸æ宿èåºä½æ¾æ£ç³è«è¾¦æ³</a> 274 <div class="d-block p-2 css_PrevNext" > 275 <a class="btn btn-primary float-start css_Prev" style="font-size:.75rem;">ä¸ä¸é </a> 276 <a class="btn btn-primary float-end css_Next" style="font-size:.75rem;">ä¸ä¸é </a> 277 </div>--> 278 </div> 279 </div> 280 </div> 281 <div class="container-fluid d-block"> 282 <div class="collapse row" id="navbarSupportedContent"> 283 <div class="nav-item col-6"><a href="https://futurestudent.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ æçå ¥å¸ç¶²ç«">æçå ¥å¸</a></div> 284 <div class="nav-item drop col-6" id="m-drop02"> 285 <a class="drop" data-sn="02">éæ¼æ大</a> 286 <div class="container mobile-pop" id="m-drop-content02"> 287 <div class="row"> 288 289 <a class="col-6 m-drop-item" href="intro_about.html">æ大簡ä»</a> 290 <a class="col-6 m-drop-item" href="intro_song.html">æ ¡è¨ æ ¡æ</a> 291 <a class="col-6 m-drop-item" href="intro_constitution.html">çµç¹è¦ç¨</a> 292 <a class="col-6 m-drop-item" href="https://ap2.pccu.edu.tw/sisterSchool" target="_blank" title="å¦éè¦çªåå¾ å§å¦¹æ ¡è³è¨é é¢">å§å¦¹æ ¡è³è¨</a> 293 <a class="col-6 m-drop-item" href="https://omi.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ æ ¡åå財åè³è¨å ¬éå°å">æ ¡åå財åè³è¨å ¬éå°å</a> 294 <a class="col-6 m-drop-item" href="intro_plan.html">ä¸é·æç¼å±è¨ç«</a> 295 <a class="col-6 m-drop-item" href="intro_traffic.html">交éè³è¨</a> 296 <a class="col-6 m-drop-item" href="intro_campus_map.html">æ ¡åå¹³é¢å</a> 297 <a class="col-6 m-drop-item" href="intro_contact.html">å®ä½ä¸»ç®¡èè¯çµ¡è³è¨</a> 298 </div> 299 </div> 300 </div> 301 <div class="nav-item drop col-6" id="m-drop03"> 302 <a class="drop" data-sn="03" href="#">è¡æ¿å®ä½</a><!--åæ --> 303 <div class="container mobile-pop" id="m-drop-content03"> 304 <div class="row" id="ulDept_1s_auto"> 305 <!--2024/5/13 306 <a class="col-6 m-drop-item" href="#">è¡æ¿å®ä½ç¸½è¦½</a> 307 <a class="col-6 m-drop-item" href="#">è£äºæ</a> 308 <a class="col-6 m-drop-item" href="#">æ ¡é·å®¤</a> 309 <a class="col-6 m-drop-item" href="#">å¯æ ¡é·å®¤</a> 310 <a class="col-6 m-drop-item" href="#">æåè</a> 311 <a class="col-6 m-drop-item" href="#">å¸åè</a> 312 <a class="col-6 m-drop-item" href="#">總åè</a> 313 <a class="col-6 m-drop-item" href="#">æ¨å»£é¨(è¡æ¿)</a> 314 <a class="col-6 m-drop-item" href="#">ç ç¼è</a> 315 <a class="col-6 m-drop-item" href="#">åéè</a> 316 <a class="col-6 m-drop-item" href="#">ç§æ¸è</a> 317 <a class="col-6 m-drop-item" href="#">è³è¨è</a> 318 <a class="col-6 m-drop-item" href="#">åæ¸é¤¨</a> 319 <a class="col-6 m-drop-item" href="#">人äºå®¤</a> 320 <a class="col-6 m-drop-item" href="#">æè¨å®¤</a> 321 <a class="col-6 m-drop-item" href="#">é«è²å®¤</a> 322 <a class="col-6 m-drop-item" href="#">æè³ä¸å¿</a> 323 <a class="col-6 m-drop-item" href="#">éèä¸å¿</a> 324 <a class="col-6 m-drop-item" href="#">æ ¡åç 究</a> 325 <a class="col-6 m-drop-item" href="#">ç°å®è¡ä¸å¿</a> 326 <a class="col-6 m-drop-item" href="#">åç©é¤¨</a>--> 327 </div> 328 </div> 329 </div> 330 <div class="nav-item drop col-6" id="m-drop04"> 331 <a class="drop" data-sn="04" href="#">å¸è¡å®ä½</a><!--åæ --> 332 <div class="container mobile-pop" id="m-drop-content04"> 333 <div class="row" id="ulCollege_1s_auto"> 334 <!--2024/5/14 335 <a class="col-6 m-drop-item" href="#">å¸è¡å®ä½ç¸½è¦½</a> 336 <a class="col-6 m-drop-item" href="#">æå¸é¢</a> 337 <a class="col-6 m-drop-item" href="#">åéæ¨å¤èªå¸é¢</a> 338 <a class="col-6 m-drop-item" href="#">çå¸é¢</a> 339 <a class="col-6 m-drop-item" href="#">æ³å¸é¢</a> 340 <a class="col-6 m-drop-item" href="#">社æç§å¸é¢</a> 341 <a class="col-6 m-drop-item" href="#">è¾²å¸é¢</a> 342 <a class="col-6 m-drop-item" href="#">å·¥å¸é¢</a> 343 <a class="col-6 m-drop-item" href="#">åå¸é¢</a> 344 <a class="col-6 m-drop-item" href="#">æ°èæ¨å³æå¸é¢</a> 345 <a class="col-6 m-drop-item" href="#">èè¡å¸é¢</a> 346 <a class="col-6 m-drop-item" href="#">ç°å¢è¨è¨å¸é¢</a> 347 <a class="col-6 m-drop-item" href="#">æè²å¸é¢</a> 348 <a class="col-6 m-drop-item" href="#">é«è²éåå¥åº·å¸é¢</a> 349 <a class="col-6 m-drop-item" href="#">æ°¸çºåµæ°å¸é¢</a> 350 <a class="col-6 m-drop-item" href="#">ç 究ä¸å¿</a>--> 351 </div> 352 </div> 353 </div> 354 <div class="nav-item drop col-6" id="m-drop05"> 355 <a class="drop" data-sn="05" href="#">ç¥è殿å </a> 356 <div class="container mobile-pop" id="m-drop-content05"> 357 <div class="row"> 358 <a class="col-6 m-drop-item" href="http://lib.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ åæ¸é¤¨ç¶²ç«">åæ¸é¤¨</a> 359 <a class="col-6 m-drop-item" href="http://cxf.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ å¼µå ¶ææ¸ä½è³æ庫網ç«">å¼µå ¶ææ¸ä½è³æ庫</a> 360 <a class="col-6 m-drop-item" href="https://art.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ è¯å²¡æ¨åºç¶²ç«">è¯å²¡æ¨åº</a> 361 </div> 362 </div> 363 </div> 364 <div class="nav-item col-6"> 365 <a href="https://ulive.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ é»åéµä»¶é é¢">é»åéµä»¶ </a> 366 </div> 367 </div> 368 </div> 369 </div> 370 </nav> 371 <div class="container-fluid d-block d-lg-none"> 372 <div class="row"> 373 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus
373/default.aspx?usertype=student" target="_blank" title="å¦éè¦çªåå¾ myCCUå¸çå°å">å¸ç</a> 374 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=teacher" target="_blank" title="å¦éè¦çªåå¾ myCCUæ師å°å">æ師</a> 375 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=staff" target="_blank" title="å¦éè¦çªåå¾ myCCUåä»å°å">åä»</a> 376 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=parent" target="_blank" title="å¦éè¦çªåå¾ myCCU家é·å°å">家é·</a> 377 <a class="col identity" href="https://alumnus.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ myCCUæ ¡åå°å">æ ¡å</a> 378 <a class="col identity" href="https://ecampus.pccu.edu.tw/ecampus/default.aspx?usertype=guest" target="_blank" title="å¦éè¦çªåå¾ myCCUä¾è³å°å">ä¾è³</a> 379 </div> 380 </div> 381 382 <!-----ââââ 大Banneråå ââââ ------> 383 <div id="epaperBG" style="background: #f96;"> 384 <div class="container p-0" id="mainContent"> 385 <div id="epaperSlideSlick" class="slider"> 386 <!--åæ --> 387 <!--2024/5/13 388 <a href="#1" target="_blank" title="å¦éè¦çªåå¾ è¯å¤å°å ±ï¼ä¸åæå大å¸112å¸å¹´åº¦å¤§å¸ç³è«å ¥å¸ç¬¬äºé段æå®é ç®ç試è³è¨"> 389 <div class="epaperFrame"><img src="img/2023033006.jpg" alt="" class="img-fluid"></div> 390 <div class="bannerIntro"> 391 <p class="mb-0">ä¸åæå大å¸112å¸å¹´åº¦å¤§å¸ç³è«å ¥å¸ç¬¬äºé段æå®é ç®ç試è³è¨</p> 392 </div> 393 </a> 394 395 <a href="#1" target="_blank" title="å¦éè¦çªåå¾ è¯å¤å°å ±ï¼è±æ系德å移å°å¸ç¿èª²ç¨å®ç¾çµæãå¸çå滿è¼èæ¸"> 396 <div class="epaperFrame"><img src="img/2023041101.jpg" alt="" class="img-fluid"></div> 397 <div class="bannerIntro"> 398 <p class="mb-0">è±æ系德å移å°å¸ç¿èª²ç¨å®ç¾çµæãå¸çå滿è¼èæ¸</p> 399 </div> 400 </a> 401 402 <a href="#3" target="_blank" title="å¦éè¦çªåå¾ è¯å¤å°å ±ï¼ãæ¯åç¶æ·ï¼é½ææ義ãå «å¤§é»è¦å°ä¸»æ馬æ¹ç©æ ¡åè¿æ ¡å享ç¶é©"> 403 <div class="epaperFrame"><img src="img/2023041901.jpg" alt="" class="img-fluid"></div> 404 <div class="bannerIntro"> 405 <p class="mb-0">ãæ¯åç¶æ·ï¼é½ææ義ãå «å¤§é»è¦å°ä¸»æ馬æ¹ç©æ ¡åè¿æ ¡å享ç¶é©</p> 406 </div> 407 </a>--> 408 409 </div> 410 </div> 411 </div> 412 413 <!-----ââââ <ææ©çæ > ä¸éå°æé群 ââââ ------> 414 <div class="container d-sm-block d-md-none mt-3" id="centerIconArea"> 415 <div class="row m-auto" style="width: 90%;" id="TBanner"> 416 <div class="col-3 text-center ps-0 pe-0"> 417 <a href="#" target="_blank" data-bs-toggle="modal" data-bs-target="#busInfoModal" title="å¦éè¦çªåå¾ å ¬è»è³è¨é é¢"><img src="img/icon-bus-R5.svg" class="img-fluid" alt=""><span class="d-block mt-1">å ¬è»è³è¨</span></a> 418 </div> 419 <div class="col-3 text-center ps-0 pe-0"> 420 <a href="https://cuau.pccu.edu.tw/p/412-1006-16855.php?Lang=zh-tw" target="_blank" title="å¦éè¦çªåå¾ å°è»è³è¨é é¢"> 421 <img src="img/icon-bus-student.svg" class="img-fluid" alt="shuttleBus 422"><span class="d-block mt-1">å°è»è³è¨</span> 423 </a> 424 </div> 425 <div class="col-3 text-center ps-0 pe-0"> 426 <a href="#weather" title="移åé é¢è³ä»æ¥è¯å²¡å¤©æ°£è³è¨åå¡"><img src="img/icon-weather-rain.svg" class="img-fluid" alt="天氣è³è¨" id="smallWeatherIcon"><span class="d-block mt-1" id="smallTemperature">24.1â</span></a> 427 </div> 428 429 <div class="col-3 text-center ps-0 pe-0"> 430 <a href="#ccuNews" title="移åé é¢è³ææ°æ¶æ¯åå¡"><img src="img/icon-topNews.svg" class="img-fluid" alt="ccuNews"><span class="d-block mt-1">ææ°æ¶æ¯</span></a> 431 </div> 432 <!--åæ --> 433 <!--2024/5/13 434 <div class="col-3 text-center ps-0 pe-0 pt-3"> 435 <a href="https://futurestudent.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ æçå ¥å¸ç¶²ç«"><img src="img/icon-student.svg" class="img-fluid" alt=""><span class="d-block mt-1">æçå ¥å¸</span></a> 436 </div> 437 438 <div class="col-3 text-center ps-0 pe-0 pt-3"> 439 <a href="https://event.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ æ´»åå¹³å°ç¶²ç«"><img src="img/icon-events.svg" class="img-fluid" alt=""><span class="d-block mt-1">æ´»åå¹³å°</span></a> 440 </div> 441 442 <div class="col-3 text-center ps-0 pe-0 pt-3"> 443 <a href="https://event.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ è¡å繳費網ç«"><img src="img/icon-payment.svg" class="img-fluid" alt=""><span class="d-block mt-1">è¡å繳費</span></a> 444 </div> 445 446 <div class="col-3 text-center ps-0 pe-0 pt-3"> 447 <a href="https://mycourse.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ é¸èª²å ¥å£ç¶²ç«"><img src="img/icon-myCourse.svg" class="img-fluid" alt=""><span class="d-block mt-1">é¸èª²å ¥å£</span></a> 448 </div>--> 449 450 </div> 451 </div> 452 453 <!-----ââââ <ææ©çæ > å ¬è»è³è¨ modal ââââ ------> 454 <div class="modal fade" id="busInfoModal" tabindex="-1" aria-labelledby="busInfoModalLabel" aria-hidden="true"> 455 <div class="modal-dialog modal-dialog-scrollable"> 456 <div class="modal-content"> 457 <div class="modal-header"> 458 <h3 class="modal-title w-100" id="busInfoModalLabel">å ¬è»æå»è¡¨</h3> 459 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 460 </div> 461 <div class="modal-body p-0 pb-5"> 462 <div class="row m-0"> 463 <div class="col-6 busInfo" id="busUpInfo"> 464 <!--åæ -->
465 <span style="color: #EB1C46;">ä¸å±±</span> 466 <div class="busInfoUnit"> 467 <div class="busInfoContent"> 468 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ ç´ 5å ¬è»è³è¨é é¢">ç´ 5</a> 469 <div class="pe-3">å°é²ç«</div> 470 </div> 471 <div class="busStop">æ·éåæ½ç«(åèä¸å¿)</div> 472 </div> 473 474 <div class="busInfoUnit"> 475 <div class="busInfoContent"> 476 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ 260å ¬è»è³è¨é é¢">260</a> 477 <div class="pe-3">3å</div> 478 </div> 479 <div class="busStop">æ·é士æç«(ä¸æ£)</div> 480 </div> 481 482 <div class="busInfoUnit"> 483 <div class="busInfoContent"> 484 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ 681å ¬è»è³è¨é é¢">681</a> 485 <div class="pe-3">18å</div> 486 </div> 487 <div class="busStop">æ·éååè·¯ç«</div> 488 </div> 489 490 <div class="busInfoUnit"> 491 <div class="busInfoContent"> 492 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ ç´ 5å ¬è»è³è¨é é¢">ç´ 5</a> 493 <div class="pe-3">18å</div> 494 </div> 495 <div class="busStop">æ·é士æç«(ä¸æ£)</div> 496 </div> 497 498 <div class="busInfoUnit"> 499 <div class="busInfoContent"> 500 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ éå¤25å ¬è»è³è¨é é¢">éå¤25</a> 501 <div class="pe-3">25å</div> 502 </div> 503 <div class="busStop">æ·é士æç«(ä¸æ£)</div> 504 </div> 505 </div> 506 507 <div class="col-6 busInfo" id="busDownInfo"> 508 <span style="color: #FF9E0D;">ä¸å±±</span> 509 <div class="busInfoUnit"> 510 <div class="busInfoContent"> 511 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ ç´ 5å ¬è»è³è¨é é¢">ç´ 5</a> 512 <div class="pe-3">å°é²ç«</div> 513 </div> 514 <div class="busStop">æ·éåæ½ç«(åèä¸å¿)</div> 515 </div> 516 517 <div class="busInfoUnit"> 518 <div class="busInfoContent"> 519 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ 260å ¬è»è³è¨é é¢">260</a> 520 <div class="pe-3">3å</div> 521 </div> 522 <div class="busStop">æ·é士æç«(ä¸æ£)</div> 523 </div> 524 525 <div class="busInfoUnit"> 526 <div class="busInfoContent"> 527 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ 681å ¬è»è³è¨é é¢">681</a> 528 <div class="pe-3">18å</div> 529 </div> 530 <div class="busStop">æ·éååè·¯ç«</div> 531 </div> 532 533 <div class="busInfoUnit"> 534 <div class="busInfoContent"> 535 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ ç´ 5å ¬è»è³è¨é é¢">ç´ 5</a> 536 <div class="pe-3">18å</div> 537 </div> 538 <div class="busStop">æ·é士æç«(ä¸æ£)</div> 539 </div> 540 541 <div class="busInfoUnit"> 542 <div class="busInfoContent"> 543 <a href="" target="_blank" class="d-block" title="å¦éè¦çªåå¾ éå¤25å ¬è»è³è¨é é¢">éå¤25</a> 544 <div class="pe-3">25å</div> 545 </div> 546 <div class="busStop">æ·é士æç«(ä¸æ£)</div> 547 </div> 548 </div> 549 </div> 550 551 552 </div> 553 </div> 554 </div> 555 </div> 556 557 <!-----ââââ ä¸éæ¡æ¡åå ââââ ------> 558 <div class="container" id="middleBlockArea"> 559 <div class="row mt-3 mt-md-4" id="midBanner"> 560 </div> 561 </div> 562 563 <!-----ââââ ææ°æ¶æ¯+ä¸banner ââââ ------> 564 <div class="container mt-3" id="centerBlock"> 565 <div class="row"> 566 <div class="col-12 col-md-6 mb-4 mb-md-0 position-relative p-0" id="ccuNews"> 567 <h2 class=" position-relative fadeInLeft"> 568 ææ°æ¶æ¯ 569 <a href="https://ap2.pccu.edu.tw/post/List" target="_blank" class="viewAll" title="å¦éè¦çªåå¾ å ¬åè³è¨ç³»çµ±">View All</a> 570 <a href="https://ap2.pccu.edu.tw/post/list?typeId=15" target="_blank" class="viewAll" title="å¦éè¦çªåå¾ å ¬åè³è¨ç³»çµ±æ ¡å §å¾µæå°é " style="left:180p
570x;">æ ¡å §å¾µæ</a> 571 </h2> 572 <div class="newsBlock" id="divPost"> 573 <!--åæ --> 574 <!--2024/5/14 575 <div class="newsItem"> 576 <div class="newsDate newsDot01"><span>2023å¹´5æ15æ¥</span></div> 577 <div class="newsTitle"><a href="#" target="_blank" title="å¦éè¦çªåå¾ å ¬åè³è¨ç³»çµ±">æè³ä¸å¿5æãæ·±åæ¸ä½å¸ç¿ç³»åè¬åº§ãæ´»åç¸éè¨æ¯ï¼æ¡è¿æ師åä»è¸´èºåèã</a></div> 578 </div> 579 <div class="newsItem"> 580 <div class="newsDate newsDot02"><span>2023å¹´5æ15æ¥</span></div> 581 <div class="newsTitle"><a href="#" target="_blank" title="å¦éè¦çªåå¾ å ¬åè³è¨ç³»çµ±">ææ«ãæ師æå¸å¸çæè¦èª¿æ¥ã第äºé段éæ¾å¡«çï¼æ¬è«å ¨æ ¡éç¢æ¥ç踴èºå¡«å¯«ã</a></div> 582 </div> 583 <div class="newsItem"> 584 <div class="newsDate newsDot03"><span>2023å¹´5æ15æ¥</span></div> 585 <div class="newsTitle"><a href="#" target="_blank" title="å¦éè¦çªåå¾ å ¬åè³è¨ç³»çµ±">å ¬åæ¬æ ¡112/4ææè¨æå ±å人äºè²»æ細表,詳å¦é件æªæ¡,è«åé±!</a></div> 586 </div> 587 <div class="newsItem"> 588 <div class="newsDate newsDot04"><span>2023å¹´5æ13æ¥</span></div> 589 <div class="newsTitle"><a href="#" target="_blank" title="å¦éè¦çªåå¾ å ¬åè³è¨ç³»çµ±">ãå 費課ç¨ã111å¸å¹´åº¦ç¬¬2å¸æãå¤éè±èªç²¾é²èª²ç¨ãå ±ååä¸èª²äºå®ã</a></div> 590 </div> 591 <div class="newsItem"> 592 <div class="newsDate newsDot05"><span>2023å¹´5æ13æ¥</span></div> 593 <div class="newsTitle"><a href="#" target="_blank" title="å¦éè¦çªåå¾ å ¬åè³è¨ç³»çµ±">ãåé«ç«¶è³½ã2023è±ææ¼åæ¯è³½ Spelling Bee Contest å ±å延é·è³5/15æªæ¢,é10çµåè³½ï¼é¡æ»¿çºæ¢åï¼</a></div> 594 </div>--> 595 </div> 596 </div> 597 <div class="col-6 col-md-3 fade_up position-relative"> 598 <div class="reveal"> 599 <h2>åªé«å ±å° <a href="https://epaper.pccu.edu.tw/?pageName=onlinenews" target="_blank" class="viewAll" title="å¦éè¦çªåå¾ è¯å¤å³¶å ±ï¼åªé«å ±å°å°é ">View All</a> </h2> 600 <div id="mediaReportSlick"> 601 <!--åæ --> 602 <!--2024/5/14 603 <div class="item"> 604 <div class="blockImg"> 605 <img src="https://epaper.pccu.edu.tw//OnlineNewsPhoto/2023042602.jpg" class="d-block w-100" alt="å ¨å°ç¬¬1æ æå大å¸ééåéå¥åº·æ ¡ååæ ¼èªè"> 606 </div> 607 <h6> 608 <a href="https://money.udn.com/money/story/7307/7119111" target="_blank" title="å¦éè¦çªåå¾ è¯å¤å³¶å ±ï¼åªé«å ±å°å°é ">å ¨å°ç¬¬1æ æå大å¸ééåéå¥åº·æ ¡ååæ ¼èªè</a> 609 <span>è¯è¦æ°è網</span> 610 </h6> 611 </div> 612 <div class="item"> 613 <div class="blockImg"> 614 <img src="https://epaper.pccu.edu.tw//OnlineNewsPhoto/20230321112.jpg" class="d-block w-100" alt="çºæ¡åè¶ åé¨ç½² å¼µåæ¿æææ大åæ¨ä½å® ã3æ¿çã"> 615 </div> 616 <h6> 617 <a href="https://money.udn.com/money/story/7307/7119111" target="_blank" title="å¦éè¦çªåå¾ è¯å¤å³¶å ±ï¼åªé«å ±å°å°é ">çºæ¡åè¶ åé¨ç½² å¼µåæ¿æææ大åæ¨ä½å® ã3æ¿çã</a> 618 <span>ä¸æé»åå ±</span> 619 </h6> 620 </div> 621 <div class="item"> 622 <div class="blockImg"> 623 <img src="https://epaper.pccu.edu.tw//OnlineNewsPhoto/202303330.jpg" class="d-block w-100" alt="ESG人æ夯4ï¼ä¼æ¥è¿½æ°¸çºä½ã人æãå¢ï¼å¤§å¸éè¨å¸ç¨å æ"> 624 </div> 625 <h6> 626 <a href="https://money.udn.com/money/story/7307/7119111" target="_blank" title="å¦éè¦çªåå¾ è¯å¤å³¶å ±ï¼åªé«å ±å°å°é ">ESG人æ夯4ï¼ä¼æ¥è¿½æ°¸çºä½ã人æãå¢ï¼å¤§å¸éè¨å¸ç¨å æ</a>
627 <span>NOWnews ä»æ¥æ°è</span> 628 </h6> 629 </div>--> 630 </div> 631 </div> 632 </div> 633 <div class="col-6 col-md-3 fade_up position-relative"> 634 <div class="reveal"> 635 <h2>å½±é³å¹³å° <a href="https://www.youtube.com/channel/UCEDhI41rp0tbPaAUt_qAVPg/videos" class="viewAll" target="_blank">View All</a> </h2> 636 <div id="youtube_video_0"> 637 <iframe width="100%" id="ytChannel" frameborder="0" title="æ大影é³å¹³å°" allow="encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 638 <a href="" target="_blank" class="otherMediaTitle"></a> 639 <!--<div class="mediaInfo"></div>--><!--last update time--> 640 </div> 641 </div> 642 </div> 643 </div> 644 </div> 645 646 <!-----ââââ æ ¡åç¦é» ââââ ------> 647 <div id="campusBG"> 648 <div class="container p-md-0"> 649 <h2 class="position-relative fadeInLeft">æ ¡åç¦é» <a href="https://epaper.pccu.edu.tw/" target="_blank" class="viewAll" title="å¦éè¦çªåå¾ æ ¡åç¦é»ç¶²ç«">View All</a></h2> 650 <div id="epaperSmallSlideSlick"> 651 <!--åæ --> 652 <!--2024/5/14 653 <a class="pe-md-3" href="#01" title="2023ä¸åæå大å¸åå跨縣å¸æ ¡åæè¯èª¼ã116ä½æ ¡ååºå¸çæ³ç©ºå"> 654 <div class="blockImg"><img src="https://epaper.pccu.edu.tw//mainPhoto/2023050101.jpg" alt="" class="img-fluid"></div> 655 <div class="epaper_s"> 656 <p>2023ä¸åæå大å¸åå跨縣å¸æ ¡åæè¯èª¼ã116ä½æ ¡ååºå¸çæ³ç©ºå</p> 657 <span class="d-none d-md-block">ä¸åæå大å¸2023åå跨縣å¸æ ¡åæè¯èª¼æ´»å4æ29æ¥å¨æ°åå¸æ¿æ©åå¸ç¾é 飯åºééèè¡ï¼æ¤æ¬¡æ´»åç±æ°åå¸æ ¡åæé»å¿éæé·æ¨åéæå¿å®æï¼åå°...</span> 658 </div> 659 </a> 660 <a class="pe-md-3" href="#02" title="社ç§å¸é¢è¶å»ºæ°é¢é·çå親赴大é¸åå å¯èä¸åå¸ç§å°æ¥äººå£« æ¨åå ©å²¸éä¿ç 究çå¤å å"> 661 <div class="blockImg"><img src="https://epaper.pccu.edu.tw//mainPhoto/2023042712.jpg" alt="" class="img-fluid"></div> 662 <div class="epaper_s"> 663 <p>社ç§å¸é¢è¶å»ºæ°é¢é·çå親赴大é¸åå å¯èä¸åå¸ç§å°æ¥äººå£« æ¨åå ©å²¸éä¿ç 究çå¤å å</p> 664 <span class="d-none d-md-block">ç±ä¸åæå大å¸ç¤¾æç§å¸é¢èå»é大å¸å°ç£ç 究é¢å辦çã2023å¹´ä¸åå¼ç¾ä»£åèæ°æä»£å ©å²¸éä¿ç¼å±æ¨ç¬¬ä¹å±æå»è«å£ãï¼4æ7æ¥å¨å»é大å¸æ£å¼èè¡...</span> 665 </div> 666 </a> 667 <a class="pe-md-3" href="#03" title="èç¦å¹´è¼åµä½è çæä»£è§ æ大ç¾è¡ç³»ç¢æ¥å±ãå±¾é¾å®®ã5æ5æ¥è³5æ7æ¥å¨æ¾å±±æåµåå4èå庫èè¡"> 668 <div class="blockImg"><img src="https://epaper.pccu.edu.tw//mainPhoto/202304259888.jpg" alt="" class="img-fluid"></div> 669 <div class="epaper_s"> 670 <p>èç¦å¹´è¼åµä½è çæä»£è§ æ大ç¾è¡ç³»ç¢æ¥å±ãå±¾é¾å®®ã5æ5æ¥è³5æ7æ¥å¨æ¾å±±æåµåå4èå庫èè¡</p> 671 <span class="d-none d-md-block">æ大ç¾è¡å¸ç³»ç¬¬ 57 å±ç¢æ¥å±ãå±¾é¾å®®ãå°æ¼ 5 æ 5 æ¥è³ 5 æ7 æ¥å¨æ¾å±±æåµåå4èå庫èè¡ï¼çºæä¸å¤©çå±è¦½ï¼æå¾ æ¨çèè¨ï¼å±å以西ç«é¡...</span> 672 </div> 673 </a> 674 <a class="pe-md-3" href="#04" title="æ ¡é·èµ´åéå¡è¨ªé¦¬ä¾è¥¿äºæ ¡åæèè¯åä¸å¸"> 675 <div class="blockImg"><img src="https://epaper.pccu.edu.tw//mainPhoto/2023042406.jpg" alt="" class="img-fluid"></div> 676 <div class="epaper_s"> 677 <p>æ ¡é·èµ´åéå¡è¨ªé¦¬ä¾è¥¿äºæ ¡åæèè¯åä¸å¸</p>
678 <span class="d-none d-md-block">ä¸åæå大å¸æ ¡é·çåå¥æ馬ä¾è¥¿äºçå°è¯ç¸½ä¹éï¼æ¼4æä¸æ¬èµ´åéå¡åå æµ·å¤éå¹´çå åææï¼ä¸¦æ¼é天ä¸ååå æå大å¸é¦¬ä¾è¥¿äºæ ¡åææé·2023...</span> 679 </div> 680 </a> 681 <a class="pe-md-3" href="#05" title="æ大永çºåµæ°å¸é¢æ¹å æ²é¢é·ï¼è³æºå ±äº«çµåä¸åå¸æ ¡å°æ¥ çºæ°¸çºæè²ç¡å"> 682 <div class="blockImg"><img src="https://epaper.pccu.edu.tw//mainPhoto/2023042401.jpg" alt="" class="img-fluid"></div> 683 <div class="epaper_s"> 684 <p>æ大永çºåµæ°å¸é¢æ¹å æ²é¢é·ï¼è³æºå ±äº«çµåä¸åå¸æ ¡å°æ¥ çºæ°¸çºæè²ç¡å</p> 685 <span class="d-none d-md-block">ã2023å°ç解æ¹ï¼æ°¸çºè¨è¨è¡åå¹´æãèª4æ21èµ·ï¼é£çºä¸å¤©å¨å°åæ¾å±±æåµååè辦ï¼23ä¸åè¨è«çè°é¡çºãæ°¸çºæè²ï¼éåæ°¸çºçæ°æè²é«ç³»ãï¼å ¶...</span> 686 </div> 687 </a> 688 <a class="pe-md-3" href="#06" title="æ¡è¿è¿3000ä½èçæèæ大 é¨ç¥èè¨ å»ºè°æèå°å¿æ¥ä¼ èçæåéé¨æåçæ¨çåé¡"> 689 <div class="blockImg"><img src="https://epaper.pccu.edu.tw//mainPhoto/2023051901.jpg" alt="" class="img-fluid"></div> 690 <div class="epaper_s"> 691 <p>æ¡è¿è¿3000ä½èçæèæ大 é¨ç¥èè¨ å»ºè°æèå°å¿æ¥ä¼ èçæåéé¨æåçæ¨çåé¡</p> 692 <span class="d-none d-md-block">112å¸å¹´åº¦å¤§å¸ç³è«å ¥å¸æå®é ç®ç試19ã20æ¥ç»å ´ï¼åç³»æ家é·åãèåï¼å ¨ç³»åå¡ï¼æä¾èçç¸éæåï¼ç®åå¨å¤§ç¾©é¤¨ãå¤§å ¸é¤¨éè¨æå¤å°èå¡å°è»...</span> 693 </div> 694 </a>--> 695 </div> 696 </div> 697 </div> 698 699 <!-----ââââ æ´»åå¹³å° ââââ ------> 700 <div id="eventsBG"> 701 <div class="container"> 702 <h2 class="position-relative fadeInLeft" style="color: #FFF;">æ´»åå¹³å° <a href="https://event.pccu.edu.tw/" target="_blank" class="viewAll whiteColor" title="å¦éè¦çªåå¾ æ´»åå¹³å°ç¶²ç«">View All</a></h2> 703 <div id="eventsSlideSlick"> 704 <!--åæ --> 705 <!--2024/5/14 706 <a class="pe-md-3" href="https://event.pccu.edu.tw/?dataAttr=1&actSno=19879" target="_blank" title="å¦éè¦çªåå¾ æ´»åå¹³å°ï¼2023ä¸åæå大å¸ç·ä¸æ ¡åå°±æ¥è¦½æ"> 707 <div class="eventItem"> 708 <div class="blockImg"><img src="https://ap2.pccu.edu.tw/stdkpi/imageService.ashx?FileName=-617300368_%E6%B4%BB%E5%8B%95%E5%B9%B3%E5%8F%B0.jpg" alt="" class="w-100"></div> 709 <div class="eventContent"> 710 <p>èµ· 2023å¹´5æ24æ¥ å¨ä¸ 13:43<br/>è¨ 2023å¹´12æ31æ¥ å¨æ¥ 17:00</p> 711 <p>2023ä¸åæå大å¸ç·ä¸æ ¡åå°±æ¥è¦½æ</p> 712 <p>網路平å°</p> 713 <div class="eventPoints row justify-content-end mx-0"> 714 <div class="col-4 micro"><span>0.2</span>å¸å</div> 715 <div class="col-4 points style01"><span class="px-1 fw-bold">å¾·</span>2</div> 716 </div> 717 </div> 718 </div> 719 </a> 720 <a class="pe-md-3" href="https://event.pccu.edu.tw/?dataAttr=1&actSno=19879" target="_blank" title="å¦éè¦çªåå¾ æ´»åå¹³å°ï¼çå¸é¢ä¸è¯æåå°é¡(å)ï¼å°ç±éç¼Geothermal : Power of Hot Water"> 721 <div class="eventItem"> 722 <div class="blockImg"><img src="https://www.pccu.edu.tw/img/building/DaShiau/DaShiau01.jpg" alt="" class="w-100"></div> 723 <div class="eventContent"> 724 <p>2023å¹´5æ29æ¥ å¨ä¸ <br/>15:00 ~ 17:00</p> 725 <p>çå¸é¢ä¸è¯æåå°é¡(å)ï¼å°ç±éç¼Geothermal : Power of Hot Water</p> 726 <p>大å館8æ¨ï¼å810æè±æ¼èä¸å¿</p> 727 <div class="eventPoints row justify-content-end mx-0"> 728 <div class="col-4 micro"><span>0.1</span>å¸å</div> 729 </div> 730 </div> 731 </div> 732 </a> 733 <a class="pe-md-3" href="https://event.pccu.edu.tw/?dataAttr=1&actSno=20008" target="_blank" title="å¦éè¦çªåå¾ æ´»åå¹³å°ï¼111å¸å¹´åº¦ç¬¬äºå¸ææå¸å©çé¸ä¿®è¬åº§2023/5/25"> 734 <div class="eventItem"> 735 <div class="blockImg"><img src="https://www.pccu.edu.tw/img/building/DaEn/DaEn02.jpg" alt="" class="w-100"></div> 736 <div class="eventContent style02"> 737 <p>2023å¹´5æ25æ¥ å¨å <br/>10:00 ~ 17:00</p> 738 <p>111å¸å¹´åº¦ç¬¬äºå¸ææå¸å©çé¸ä¿®è¬åº§2023/5/25</p> 739 <p>大æ©é¤¨1æ¨ï¼æ©104åéæè°å»³</p> 740 <div class="eventPoints row justify-content-end mx-0"> 741 <div class="col-4 micro"><span>0.1</span>å¸å</div> 742 <div class="col-4 points style02">æ¬ç³»<span class="px-1 fw-bold">æº</span>
7422</div> 743 <div class="col-4 points style04">å¤ç³»<span class="px-1 fw-bold">群</span>1</div> 744 </div> 745 </div> 746 </div> 747 </a> 748 <a class="pe-md-3" href="https://event.pccu.edu.tw/?dataAttr=1&actSno=19793" target="_blank" title="å¦éè¦çªåå¾ æ´»åå¹³å°ï¼ä¼æ¥å¾µæ說ææ-ææå¥åº·äºæ¥è¡ä»½æéå ¬å¸ (å¥èº«å·¥å» )"> 749 <div class="eventItem"> 750 <div class="blockImg"><img src="https://ap2.pccu.edu.tw/stdkpi/imageService.ashx?FileName=-1357691244_%E6%B4%BB%E5%8B%95%E5%B9%B3%E5%8F%B0-25.jpg" alt="" class="w-100"></div> 751 <div class="eventContent style02"> 752 <p>2023å¹´5æ25æ¥ å¨å <br/>12:00 ~ 13:30</p> 753 <p>ä¼æ¥å¾µæ說ææ-ææå¥åº·äºæ¥è¡ä»½æéå ¬å¸ (å¥èº«å·¥å» )</p> 754 <p>大å館2æ¨ï¼å202質樸廳(æ室)</p> 755 <div class="eventPoints row justify-content-end mx-0"> 756 <div class="col-4 micro"><span>0.2</span>å¸å</div> 757 <div class="col-4 points style05"><span class="px-1 fw-bold">ç¾</span>1</div> 758 </div> 759 </div> 760 </div> 761 </a> 762 <a class="pe-md-3" href="https://event.pccu.edu.tw/?dataAttr=1&actSno=19793" target="_blank" title="å¦éè¦çªåå¾ æ´»åå¹³å°ï¼2023å¹´5æ26æ¥(äº)第ååå±è¯å²¡éå¹´æ³å¸è«å£"> 763 <div class="eventItem"> 764 <div class="blockImg"><img src="https://www.pccu.edu.tw/img/building/DaEn/DaEn02.jpg" alt="" class="w-100"></div> 765 <div class="eventContent"> 766 <p>2023å¹´5æ26æ¥ å¨äº <br/>08:00 ~ 12:00</p> 767 <p>2023å¹´5æ26æ¥(äº)第ååå±è¯å²¡éå¹´æ³å¸è«å£</p> 768 <p>大æ°é¤¨B1æ¨ï¼å»¶B101ååæ¼è¬å»³</p> 769 <div class="eventPoints row justify-content-end mx-0"> 770 <div class="col-4 micro"><span>0.2</span>å¸å</div> 771 <div class="col-4 points style04">å¤ç³»<span class="px-1 fw-bold">群</span>1</div> 772 </div> 773 </div> 774 </div> 775 </a> 776 <a class="pe-md-3" href="https://event.pccu.edu.tw/?dataAttr=1&actSno=20288" target="_blank" title="å¦éè¦çªåå¾ æ´»åå¹³å°ï¼ç¬¬ä¸å±ç§æèè¡å°é¡ç«¶è³½"> 777 <div class="eventItem"> 778 <div class="blockImg"><img src="https://www.pccu.edu.tw/img/building/DaEn/DaEn02.jpg" alt="" class="w-100"></div> 779 <div class="eventContent"> 780 <p>2023å¹´5æ26æ¥ å¨äº <br/>09:00 ~ 12:00</p> 781 <p>第ä¸å±ç§æèè¡å°é¡ç«¶è³½</p> 782 <p>æå³°ç´å¿µé¤¨11æ¨ï¼æå³°1104ç§æèè¡ç 究æè¾¦å ¬å®¤åæ室</p> 783 <div class="eventPoints row justify-content-end mx-0"> 784 <div class="col-4 micro"><span>0.2</span>å¸å</div> 785 <div class="col-4 points style02">å¤ç³»<span class="px-1 fw-bold">æº</span>1</div> 786 </div> 787 </div> 788 </div> 789 </a>--> 790 </div> 791 </div> 792 </div> 793 794 <!-----ââââ ä»æ¥è¯å²¡ ââââ ------> 795 <div id="todayBG"> 796 <div class="container"> 797 <h2 class="position-relative fadeInLeft">ä»æ¥è¯å²¡</h2> 798 <div class="row"> 799 <div class="col-12 col-md-4 flip position-relative"> 800 <div id="weather" class="reveal"> 801 802 </div> 803 </div> 804 805 <div class="col-12 col-md-4 flip position-relative"> 806 <div id="campusViewSlick" class="reveal mb-1"> 807 <!--åæ --> 808 <!--2024/5/14 809 <div class="item campusview_content blockImg"> 810 <a href="https://mobi.pccu.edu.tw/campu
810sview/" target="_blank" title="å¦éè¦çªåå¾ æ ¡åå³æå½±åé é¢"> 811 <img src="https://mobi.pccu.edu.tw/camera/140.137.99.123_new.jpg" class="d-block w-100" alt="5åéå ä»äººå¡"> 812 </a> 813 <div class="campusview_sub">5åéå ä»äººå¡</div> 814 </div> 815 <div class="item campusview_content blockImg"> 816 <a href="https://mobi.pccu.edu.tw/campusview/" target="_blank" title="å¦éè¦çªåå¾ æ ¡åå³æå½±åé é¢"> 817 <img src="https://mobi.pccu.edu.tw/camera/140.137.99.96_new.jpg" class="d-block w-100" alt="5åéå 大賢大å«æ«»è±æ¥é"> 818 </a> 819 <div class="campusview_sub">5åéå 大賢大å«æ«»è±æ¥é</div> 820 </div>--> 821 </div> 822 </div> 823 824 <div class="col-12 col-md-4 flip position-relative"> 825 <div id="ccuAlbums" class="reveal"> 826 827 </div> 828 </div> 829 830 </div> 831 </div> 832 </div> 833 834 <!-----ââââ Footer ââââ ------> 835 <div id="footerArea"> 836 <!--<div class="container"> 837 <div class="row"> 838 <div class="col-12 col-md-8"> 839 <h2>éè¦é£çµ</h2> 840 <div id="importantLink" class="mb-5"> 841 <a href="https://mobi.pccu.edu.tw/apps.html" target="_blank" title="å¦éè¦çªåå¾ æ大APPsé é¢">æ大APPs</a> 842 <a href="email.html" title="åå¾æåä¿¡ç®±é é¢">æåä¿¡ç®±</a> 843 <a href="intro_traffic.html" title="åå¾äº¤éè³è¨é é¢">交éè³è¨</a> 844 <a href="intro_campus_map.html" title="åå¾æ ¡åå¹³é¢åé é¢">æ ¡åå¹³é¢å</a> 845 <a href="sitemap.html" title="åå¾ç¶²ç«å°è¦½é é¢">網ç«å°è¦½</a> 846 <a href="doc/%E8%B3%87%E8%A8%8A%E5%AE%89%E5%85%A8%E6%94%BF%E7%AD%96.pdf" target="_blank" title="å¦éè¦çªåå¾ è³è¨å®å ¨æ¿çPDFæª">è³è¨å®å ¨æ¿ç</a> 847 <a href="https://pims.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ åè³å®å ¨æ¿çé é¢">åè³å®å ¨æ¿ç</a> 848 <a href="https://en.pccu.edu.tw/" target="_blank" title="å¦éè¦çªåå¾ æ大è±æç網ç«">English (US)</a> 849 </div> 850 851 <h2 class="position-relative">å¿«éé£çµ <a href="banner.html" class="viewAll whiteColor" title="åå¾å¿«éé£çµé é¢">View All</a></h2> 852 <div id="fastLink"> 853 854 </div> 855 </div> 856 <div class="col-12 col-md-4" id="contactUs"> 857 <h2>è¯çµ¡è³è¨</h2> 858 <p> 859 å¸æ ¡å°åï¼èºåå¸11114é½æå±±è¯å²¡è·¯55è<br /> 860 <span>55, Hwa-Kang Rd., Yang-Ming-Shan, Taipei ,</span><br /> 861 <span>Taiwan 11114, R. O. C.</span><br /><br /> 862 è¯çµ¡é»è©±ï¼(02)2861-0511ã(02)2861-1801 863 </p> 864 <div id="socialMedia"> 865 <a href="https://www.facebook.com/PCCUOfficial" target="_blank"><img src="https://www.pccu.edu.tw/img/smIcon_FB_w.png" alt="å¦éè¦çªåå¾ æå大å¸ç²çµ²å°é "></a> 866 <a href="https://www.youtube.com/channel/UCEDhI41rp0tbPaAUt_qAVPg/featured" target="_blank" ><img src="https://www.pccu.edu.tw/img/smIcon_YT_w.png" alt="å¦éè¦çªåå¾ æå大å¸Youtubeé »é"></a> 867 <a href="https://www.instagram.com/pccu.tw" target="_blank" ><img src="https://www.pccu.edu.tw/img/smIcon_IG_w.png" alt="å¦éè¦çªåå¾ æå大å¸IGç¸ç°¿"></a> 868 <a href="email.html" ><img src="https://www.pccu.edu.tw/img/smIcon_MT_w.png" alt="åå¾æå大å¸æåä¿¡ç®±"></a> 869 </div> 870 <h2 class="mt-4">ç·æ¥è¯çµ¡</h2> 871 <p class="mb-2"> 872 è»è¨æå®å¼çå®¤ï¼ (02)28616630 ã 0986716630<br /> 873 è¦è¡éï¼(02)28610511#11911 874 </p> 875 <div class="mb-2"> 876 <a href="https://accessibility.moda.gov.tw/Applications/Detail?category=20240521090818" title="ç¡éç¤ç¶²ç«"> 877 <img src="img/accessibilityAA.svg" border="0" width="100" alt="ééAAç¡éç¤ç¶²é 檢測" /> 878 </a> 879 </div> 880 </div> 881 </div> 882 </div>--> 883 884 </div> 885 886 887 <!----- ââââ 跨年ç ç« è·¨å¹´ç ç«-----> 888 <!----<div class="fireworks-container" id="fireworks"></div> ----> 889 890 891
891<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
891 892 893 894
894<script src="js/checkBrowser.js"></script>
894 <!--å¤æ·ç覽å¨--> 895
895<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
895 896 897
897<script type="text/javascript" src="js/slick.min.js"></script>
897 898 899
899<script type="text/javascript" src="js/jquery.waypoints.js"></script>
899 900
900<script type="text/javascript" src="js/inview.js"></script>
900 901
901<script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/color-thief.umd.js"></script>
901<!-- æåºè²--> 902
902<script type="text/javascript" src="js/intro.js"></script>
902 903 <!--
903<script src="js/jquery.mb.browser.js"></script>
903 --><!--å¤æ·ç覽å¨--> 904
904<script src="js/moment-with-locales.min.js"></script>
904<!--æé--> 905 <!--è·é¦¬ç--> 906
906<script src="js/jquery.storageapi.js"></script>
906 907
907<script type="text/javascript" src="js/iosbadge.min.js"></script>
907 908 <!--è·é¦¬ç--> 909 910
910<script src="jsCode/pccuShareCode.js?nocatch=2026090702"></script>
910 911
911<script src="jsCode/indexCode.js?nocatch=2026090701"></script>
911 912 913 <!--ç ç«--> 914 <!--
914<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.umd.js"></script>
914--> 915 <!--
915<script src="jsCode/fireworks.js"></script>
915--> 916 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, lines 916-917
916 917 <script async src="https://www.googletagmanager.com/gtag/js?id=
917G-E3QHD8MJQQ
vendor: 19 bytes, lines 917-919
917"></script> 918 919
919<script src="js/jquery-accessibleMegaMenu.js"></script>
919 920 921 922
922<script> 923 924
vendor: 159 bytes, lines 924-928
924window.dataLayer = window.dataLayer || []; 925 function gtag() { dataLayer.push(arguments); } 926 gtag('js', new Date()); 927 928 gtag('config', '
928G-E3QHD8MJQQ
vendor: 13 bytes, lines 928-931
928'); 929 930 931
931</script>
931 932 933 934 935 936 <noscript>æ¨çç覽å¨ä¸æ¯æ´JavaScriptåè½ï¼è¥ç¶²é åè½ç¡æ³æ£å¸¸ä½¿ç¨æï¼è«éåç覽å¨JavaScriptçæ </noscript> 937</body> 938</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.