@charset "UTF-8";
/* CSS Document */

section, article, aside, footer, header, nav, h2 { display:block;}

body { padding:0; margin:0 auto; color: #000; font-size:1em; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; position: relative;}
img { border:0; display: block;}

html, body { height: 100%;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

div.brk { clear: both;}


/************ video box ************/
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; width:100%; height: 0px; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}


/*** 首頁新聞分類顏色 ***/
.hp-news-list .news-list .sort-name.style-1 { color: #fff; background-color: #484035;} /*全部公告*/
.hp-news-list .news-list .sort-name.style-2 { color: #fff; background-color: #CF5144;} /*碩士班*/
.hp-news-list .news-list .sort-name.style-3 { color: #000; background-color: #F9BA2B;} /*博士班*/
.hp-news-list .news-list .sort-name.style-4 { color: #fff; background-color: #432C1F;} /*徵才*/
.hp-news-list .news-list .sort-name.style-5 { color: #000; background-color: #fe7912;} /**/
.hp-news-list .news-list .sort-name.style-6 { color: #fff; background-color: #043B6F;} /*活動*/
.hp-news-list .news-list .sort-name.style-7 { color: #000; background-color: #FFE200;} /*獎學金*/
.hp-news-list .news-list .sort-name.style-8 { color: #000; background-color: #CDB491;} /*榮譽榜*/
.hp-news-list .news-list .sort-name.style-9 { color: #fff; background-color: #304FAB;} /*招生*/
/*** 新聞分類顏色(top選單) ***/
.page-news-sort a.style-1 { color: #fff; background-color: #484035;} /*全部公告*/
.page-news-sort a.style-2 { color: #fff; background-color: #CF5144;} /*碩士班*/
.page-news-sort a.style-3 { color: #000; background-color: #F9BA2B;} /*博士班*/
.page-news-sort a.style-4 { color: #fff; background-color: #432C1F;} /*徵才*/
.page-news-sort a.style-5 { color: #000; background-color: #fe7912;} /**/
.page-news-sort a.style-6 { color: #fff; background-color: #043B6F;} /*活動*/
.page-news-sort a.style-7 { color: #000; background-color: #FFE200;} /*獎學金*/
.page-news-sort a.style-8 { color: #000; background-color: #CDB491;} /*榮譽榜*/
.page-news-sort a.style-9 { color: #fff; background-color: #304FAB;} /*招生*/
/*** 新聞分類顏色(列表) ***/
.news-list-full .news-list .sort-name.style-1 { color: #fff; background-color: #484035;} /*全部公告*/
.news-list-full .news-list .sort-name.style-2 { color: #fff; background-color: #CF5144;} /*碩士班*/
.news-list-full .news-list .sort-name.style-3 { color: #000; background-color: #F9BA2B;} /*博士班*/
.news-list-full .news-list .sort-name.style-4 { color: #fff; background-color: #432C1F;} /*徵才*/
.news-list-full .news-list .sort-name.style-5 { color: #000; background-color: #fe7912;} /**/
.news-list-full .news-list .sort-name.style-6 { color: #fff; background-color: #043B6F;} /*活動*/
.news-list-full .news-list .sort-name.style-7 { color: #000; background-color: #FFE200;} /*獎學金*/
.news-list-full .news-list .sort-name.style-8 { color: #000; background-color: #CDB491;} /*榮譽榜*/
.news-list-full .news-list .sort-name.style-9 { color: #fff; background-color: #304FAB;} /*招生*/


/*** 下載檔案列表標示 ***/
span.files-zip { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #FF9200;}
span.files-rar { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #ff00ea;}
span.files-doc { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #1D253E;}
span.files-docx { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #6e33b2;}
span.files-odt { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #043B6F;}
span.files-pdf { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #a41d3c;}
span.files-xls { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #10941c;}
span.files-xlsx { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #0e6817;}
span.files-top { padding: 3px 10px; margin: 0 10px 0 0; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #a18509;}
span.files-hot { padding: 3px 10px; margin: 0 10px 0 0; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #ff0000;}
span.files-ppt { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #1D253E;}
span.files-pptx { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #1D253E;}
span.files-jpg { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #1D253E;}
span.files-jpeg { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #1D253E;}
span.files-dwg { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #1D253E;}
span.files-stp { padding: 3px 10px; margin: 0 0 0 10px; color: #fff; font-size: 1rem; font-weight: 500; border-radius: 10px; background-color: #1D253E;}


.goback-bt-text { clear: both; width: 160px; margin: 80px auto 0 auto;}
.goback-bt-text a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; border-radius: 30px; background-color: #ff7b22; display: block;}
.goback-bt-text a:hover { background-color: #dd6b1d;}


/************ 內頁下拉選單項目 ************/
ul#page-popup-nav { clear: both; width: 100%; padding: 40px 20px 0 20px; margin: 0; box-sizing: border-box; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
ul#page-popup-nav li { padding: 0; margin: 0 10px 20px 10px;}
ul#page-popup-nav li a { padding: 8px 10px; color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 1.2em; text-decoration: none; border-radius: 6px; background-color: #FF9200; display: block;}
ul#page-popup-nav li a:hover { color: #fff; background-color: #432C1F;}
ul#page-popup-nav li a.sel { color: #fff; background-color: #432C1F;}



@media screen and (min-width: 1600px) {

  #gotop-bt { width: 60px; height: 60px; border-radius: 100%; background-color: #432C1F; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 50px; right: 20px; cursor: pointer; z-index: 999;}
  #gotop-bt span.icon { color: #fff; font-size: 2em;}


  /************ header + nav ************/

  header { width: 100%; height: 160px; background-color: rgba(255,255,255,0.95); position: fixed; top: 0; left: 0; z-index: 999;}

  .header-top-logo { width: 200px; position: absolute; top: 7px; left: calc(50% - 780px);}
  .header-top-logo img { width: 100%; height: auto;}

  .header-top-bar { width: 100%; height: 47px; padding: 7px calc(50% - 780px); box-sizing: border-box; background-color: #000; display: flex; justify-content: flex-end; align-items: center;}
  .header-top-bar .top-nav-mo-icon { display: none;}
  .header-top-bar ul.top-nav-mo { display: none;}
  .header-top-bar ul.top-nav { padding: 0; margin: 0; color: #FF9200; font-size: 0.9em; line-height: 1em; list-style: none; display: flex; justify-content: flex-start; align-items: center;}
  .header-top-bar ul.top-nav li { padding: 0 10px; margin: 0; border-right: 1px #FF9200 solid;}
  .header-top-bar ul.top-nav li:last-child { border-right: 0;}
  .header-top-bar ul.top-nav li a { color: #FF9200; text-decoration: none;}
  .header-top-bar ul.top-nav li a:hover { border-bottom: 1px #FF9200 solid;}
  .header-top-bar .top-search { padding: 2px 0; margin: 0 20px; color: #151C51; background-color: #fff;}
  .header-top-bar .top-search form { display: flex; justify-content: flex-start; align-items: center;}
  .header-top-bar .top-search input[type=search] { padding: 3px 5px; border: 0; color: #151C51; background-color: #fff; box-sizing: border-box;}
  .header-top-bar .top-search input[type=button] { width: 30px; height: 22px; color: #151C51; background-image: url("../images/header_top_search_icon.png"); background-repeat: no-repeat; background-size: 22px 22px; background-position: center top; border: 0; background-color: #fff; cursor: pointer;}
  .header-top-bar .top-social { display: flex; justify-content: center; align-items: center;}
  .header-top-bar .top-social img.icon { width: 30px; height: 30px; margin: 0 5px;}

  .header-bt-bar { clear: both; width: 100%; padding: 20px calc(50% - 780px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .header-bt-bar .ntcu-logo { width: 380px;}
  .header-bt-bar .ntcu-logo img { width: 330px; height: auto;}

  nav#header-nav-mo { display: none;}

  ul#nav-list-mo { display: none;}

  nav#header-nav-pc { width: calc(100% - 380px);}
  nav#header-nav-pc ul#nav-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center;}
  nav#header-nav-pc ul#nav-list li { height: 53px; padding: 0; margin: 0; box-sizing: border-box; position: relative; cursor: pointer;}
  nav#header-nav-pc ul#nav-list li a { width: 100%; height: 53px; padding: 15px; box-sizing: border-box; color: #432C1F; font-size: 1.1rem; font-weight: 600; line-height: 1em; text-align: center; text-decoration: none; display: block;}
  nav#header-nav-pc ul#nav-list li a:hover { color: #CDB491;}
  nav#header-nav-pc ul#nav-list li a.sel { color: #CDB491;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup { clear: both; width: 130px; padding: 0; margin: 0; background-color: rgba(67,44,31,0.7); list-style: none; display: none; position: absolute; top: 53px; left: calc(50% - 65px); z-index: 999999;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup li { width: 130px; height: auto; padding: 0; margin: 0; border-bottom: 1px #000024 solid;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup li:last-child { border-bottom: 0;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup li a { width: 100%; height: auto; padding: 10px 0; margin: 0; color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.2em; text-align: center; text-decoration: none; background-image: none; display: block;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup li a:hover { color: #FFE5B4; background-color: #432C1F; background-image: none;}


  /************ hp-banner ************/

  .hp-banner { clear: both; width: 100%; margin: 160px 0 0 0; position: relative; z-index: 998;}
  .hp-banner img { width: 100%; height: auto;}


  /************ section#hp-about ************/

  section#hp-about { clear: both; width: 100%; padding: 80px calc(50% - 700px) 250px calc(50% - 700px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 1;}

  .hp-about-col-lf { width: 55%;}
  img.hp-about-title { width: 256px; height: auto;}
  .hp-about-col-lf .text-content { width: 100%; padding: 25px 0 0 0; font-size: 1.2rem; line-height: 1.8em;}
  .hp-about-col-lf .text-content span.sub-text { color: #333; font-size: 1.8rem; font-weight: 600; line-height: 1.6em; background-color: #CDB491;}
  
  img.hp-more-bt { width: 100%; height: auto;}

  .hp-about-col-rt-mo { display: none;}
  .hp-about-col-rt { width: 45%; padding: 30px 0 0 80px; box-sizing: border-box;}
  .hp-about-col-rt img.pics { width: 100%; height: auto; margin: 0 0 10px 0;}


  /************ section#hp-news ************/

  section#hp-news { clear: both; width: 100%; padding: 0 0 60px 0; background-color: #E1D2BD; position: relative; z-index: 2;}

  .hp-news-title-box { width: 100%; padding: 0 0 0 calc(50% - 700px); box-sizing: border-box; position: relative; top: -130px; left: 0;}
  .hp-news-title-box img { width: 100%; height: auto;}

  .hp-news-list { clear: both; width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box; position: relative; top: -80px; left: 0;}
  .hp-news-list .news-list { width: 100%; padding: 0 0 0 10px; margin: 0 0 40px 0; box-sizing: border-box; border-left: 5px #fff solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .hp-news-list .news-list .date { width: 120px; color: #043B6F; font-size: 1.1rem;}
  .hp-news-list .news-list .sort-name { width: 100px; padding: 3px 0; font-size: 0.9rem; text-align: center; border-radius: 16px;}
  .hp-news-list .news-list .title { width: 100%; padding: 10px 0 5px 0; font-size: 1.4rem;}
  .hp-news-list .news-list .title a { color: #000; text-decoration: none;}
  .hp-news-list .news-list .title a:hover { border-bottom: 1px #000 solid;}
  
  a.hp-more-full-bt-mo { display: none;}
  a.hp-more-full-bt { clear: both; width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box; display: block;}
  a.hp-more-full-bt img { width: 100%; height: auto;}


  /************ section#hp-awards ************/

  section#hp-awards { clear: both; width: 100%; padding: 60px calc(50% - 700px) 120px calc(50% - 700px); box-sizing: border-box; background-image: url("../images/hp_awards_bg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; position: relative;}

  img.hp-awards-title { width: 256px; height: auto; margin: 0 0 80px 0;}

  .hp-awards-list { clear: both; width: 84%; margin: 50px auto 0 auto; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-awards-list .awards-list { width: calc(100% / 3 - 40px); margin: 0 20px 40px 20px; border: 10px #fff solid; background-color: #fff; box-sizing: border-box;}
  .hp-awards-list .awards-list a { width: 100%; text-decoration: none; display: block;}
  .hp-awards-list .awards-list a .pic { width: 100%;}
  .hp-awards-list .awards-list a .pic img { width: 100%; height: auto;}
  .hp-awards-list .awards-list a .date { width: 160px; padding: 5px 0; margin: 10px 0 0 0; color: #fff; font-size: 1.4rem; text-align: center; background-color: #CF5144;}
  .hp-awards-list .awards-list a .title { width: 100%; padding: 10px 0; color: #000; font-size: 1.2rem; line-height: 1.4em;}
  .hp-awards-list .awards-list:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}


  /****** 20250707新增 ******/

  ul.about-award-bt { padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 160px; right: calc(50% - 700px); z-index: 9;}
  ul.about-award-bt li.teacher-award-bt { width: 178px; margin: 0 10px 0 0;}
  ul.about-award-bt li.teacher-award-bt a { width: 100%; padding: 5px 0; color: #4F4F4F; font-size: 1.4rem; line-height: 1em; font-weight: 500; letter-spacing: 0.1rem; text-align: center; text-decoration: none; border-radius: 6px; background-color: #fff; display: block;}
  ul.about-award-bt li.teacher-award-bt a:hover { background-color: #ccc;}
  ul.about-award-bt li.teacher-award-bt a.sel { background-color: #ccc;}
  ul.about-award-bt li.student-award-bt { width: 178px; margin: 0 10px 0 0;}
  ul.about-award-bt li.student-award-bt a { width: 100%; padding: 5px 0; color: #4F4F4F; font-size: 1.4rem; line-height: 1em; font-weight: 500; letter-spacing: 0.1rem; text-align: center; text-decoration: none; border-radius: 6px; background-color: #fff; display: block;}
  ul.about-award-bt li.student-award-bt a:hover { background-color: #ccc;}
  ul.about-award-bt li.student-award-bt a.sel { background-color: #ccc;}

  .page-about-winner-list { clear: both; width: 100%; background-color: #432C1F;}
  .page-about-winner-list div { width: 100%; display: none;}
  .page-about-winner-list div .caption-full { clear: both; width: 100%; padding: 5px 0; color: #fff; font-size: 1.1rem; line-height: 1.2em; background-color: #043B6F; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-about-winner-list div .caption-full .caption-1 { width: 8%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-2 { width: 8%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-3 { width: 40%; padding: 2px 5px; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-4 { width: 24%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-5 { width: 20%; padding: 2px 5px; box-sizing: border-box;}
  .page-about-winner-list div .column-full { clear: both; width: 100%; padding: 5px 0; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-about-winner-list div .column-full:hover { background-color: rgba(255,255,255,0.1);}
  .page-about-winner-list div .column-full .column-1 { width: 8%; padding: 15px 5px; color: #F7B72B; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-2 { width: 8%; padding: 15px 5px; color: #F7B72B; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-3 { width: 40%; padding: 15px 5px; color: #fff; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-4 { width: 24%; padding: 15px 5px; color: #fff; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-5 { width: 20%; padding: 15px 5px; color: #36D4FF; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}


  /************ section#hp-admissions ************/

  section#hp-admissions { clear: both; width: 100%; padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start;}

  a.hp-admissions-pic { width: 50%; display: block;}
  a.hp-admissions-pic img { width: 100%; height: auto;}


  /************ page-banner ************/

  .page-banner { clear: both; width: 100%; margin: 160px 0 0 0;}
  .page-banner img { width: 100%; height: auto;}


  /************ page-breadcrumbs-bar ************/

  .page-breadcrumbs-bar { clear: both; width: 100%; padding: 30px calc(50% - 700px) 50px calc(50% - 700px); color: #484035; font-size: 0.9rem; font-weight: 300; box-sizing: border-box;}
  .page-breadcrumbs-bar a { color: #484035; text-decoration: none;}
  .page-breadcrumbs-bar a:hover { border-bottom: 1px #484035 dashed;}


  /************ section#page-about-1 ************/

  section#page-about-intro { clear: both; width: 100%; padding: 0 calc(50% - 700px) 60px calc(50% - 700px); box-sizing: border-box;}

  .page-title-nav { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .page-title-nav img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav a.about-nav-1 .nav-text, 
  .page-title-nav a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav a.about-nav-1 .nav-bg, 
  .page-title-nav a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-title-nav-2 { width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .page-title-nav-2 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-1 .nav-text, 
  .page-title-nav-2 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2 a.about-nav-1 .nav-bg, 
  .page-title-nav-2 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-title-nav-2-1 { width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-title-nav-2-1 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2-1 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2-1 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2-1 a.about-nav-1 .nav-text, 
  .page-title-nav-2-1 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2-1 a.about-nav-1 .nav-bg, 
  .page-title-nav-2-1 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-about-history { clear: both; width: 100%;}
  .page-about-history .about-stitle { width: 100%; margin: 25px 0;}
  .page-about-history .about-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}
  .page-about-history .col-rt-mo { display: none;}
  .page-about-history .col-rt { width: 47%; padding: 0 0 0 30px; box-sizing: border-box; float: right;}
  .page-about-history .col-rt img { width: 100%; height: auto; margin: 0 0 10px 0;}
  .page-about-history .col-lf { width: 53%; font-size: 1.3rem; line-height: 1.8em; float: left;}
  .page-about-history .col-full { clear: both; font-size: 1.3rem; line-height: 1.8em; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-about-history .col-full .year { width: 160px;}
  .page-about-history .col-full .event { width: calc(100% - 160px);}


  /*** 20241212 new *********************/
  ul.dep-alumni-tab { clear: both; width: 100%; padding: 0; margin: 30px 0 10px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.dep-alumni-tab li { padding: 0; margin: 0 5px 10px 5px;}
  ul.dep-alumni-tab li a { padding: 8px 20px; color: #6c4a36; font-size: 1.2rem; text-decoration: none; border: 1px #6c4a36 solid; background-color: #fff; display: block;}
  ul.dep-alumni-tab li a:hover { background-color: #eee;}
  ul.dep-alumni-tab li a.sel { color: #fff; background-color: #6c4a36;}

  .dep-alumni-tab-con { clear: both; width: 100%; padding: 60px; border-top: 1px #6c4a36 solid; box-sizing: border-box;}
  .dep-alumni-tab-con div { display: none;}
  .dep-alumni-tab-con div .about-stitle { width: 100%; margin: 25px 0;}
  .dep-alumni-tab-con div .about-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}



  /*** 20250221 new *********************/
  ul.dep-alumni-celebration { clear: both; width: 100%; padding: 0; margin: 30px 0 10px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.dep-alumni-celebration li { padding: 0; margin: 0 5px 10px 5px;}
  ul.dep-alumni-celebration li a { padding: 8px 20px; color: #6c4a36; font-size: 1.2rem; text-decoration: none; border: 1px #6c4a36 solid; background-color: #fff; display: block;}
  ul.dep-alumni-celebration li a:hover { background-color: #eee;}
  ul.dep-alumni-celebration li a.sel { color: #fff; background-color: #6c4a36;}

  
  section#page-about-purpose { clear: both; width: 100%;}

  img.about-purpose { width: 100%; height: auto;}

  section#page-about-org { clear: both; width: 100%; padding: 70px 0 170px 0; background-image: url("../images/page_about_org_bg.png"); background-repeat: no-repeat; background-size: cover;}

  .page-about-org { clear: both; width: 100%;}
  .page-about-org .about-stitle { width: 100%; margin: 25px 0; text-align: center;}
  .page-about-org .about-stitle span { padding: 0 5px; color: #fff; font-size: 2rem; font-weight: 600; background-color: #432C1F;}
  .page-about-org img.about-org-tree { width: 70%; height: auto; margin: 80px auto 0 auto;}


  img.department-alumni-3-pic { width: 100%; height: auto;}

  img.department60-banner-mo { display: none;}
  img.department60-banner { width: 100%; height: auto; margin: 60px 0;}

  ul.page-alumni60-nav { clear: both; width: 100%; padding: 0; margin: 30px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-alumni60-nav li { padding: 0; margin: 0 10px;}
  ul.page-alumni60-nav li a { padding: 10px 30px; color: #fff; font-size: 1.2rem; border-radius: 30px; background-color: #432C1F; text-decoration: none; display: block;}
  ul.page-alumni60-nav li a:hover { background-color: rgba(67,44,31,0.8);}
  ul.page-alumni60-nav li a.sel { color: #432C1F; background-color: rgba(67,44,31,0.3);}


  .page-alumni-lecture { clear: both; width: 100%;}


  img.fundraising-plan-banner-mo { display: none;}
  img.fundraising-plan-banner { width: 100%; height: auto;}

  .fundraising-plan-text { clear: both; width: 100%; margin: 60px 0 0 0; font-size: 1.2rem; line-height: 1.8em;}
  .fundraising-plan-text a { color: #000; text-decoration: none; word-break: break-all;}
  .fundraising-plan-text a:hover { border-bottom: 1px #999 dashed;}
  .fundraising-plan-text a.download-icon { color: #432C1F; font-size: 2rem;}


  .fundraising-result-title { clear: both; width: 100%; padding: 0 0 10px 0; margin: 60px 0; font-size: 1.4rem; font-weight: 600; border-bottom: 2px #432C1F solid;}
  .fundraising-result-photos { clear: both; width: 100%; margin: 0 0 60px 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .fundraising-result-photos .photo-title { width: 100%; padding: 0 10px 20px 10px; color: #432C1F; font-size: 1.2rem; font-weight: 500; box-sizing: border-box;}
  .fundraising-result-photos .photo-box { width: calc(100% / 4 - 20px); margin: 0 10px 20px 10px;}
  .fundraising-result-photos .photo-box a { color: #000; text-decoration: none;}
  .fundraising-result-photos .photo-box a .photo { width: 100%; height: 180px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
  .fundraising-result-photos .photo-box a .photo img { width: 100%; height: auto; transition: 0.5s;}
  .fundraising-result-photos .photo-box a .text { width: 100%; padding: 10px 0 0 0; font-size: 1rem;}
  .fundraising-result-photos .photo-box a:hover .photo img { width: 140%; height: auto; transition: 0.5s;}



  /*20250203更新*/
  .page-depart-subtitle { clear: both; width: 100%; text-align: center; background-image: url("../images/dot_gray.png"); background-repeat: repeat-x; background-position: center center;}
  .page-depart-subtitle span { color: #043B6F; font-size: 1.8rem; font-weight: 500; background-color: #fff;}

  /*20250205更新*/
  .page-depart-subtitle-2 { clear: both; width: 100%; text-align: center; background-image: url("../images/dot_white.png"); background-repeat: repeat-x; background-position: center center;}
  .page-depart-subtitle-2 span { color: #fff; font-size: 1.8rem; font-weight: 500; background-color: #E1D2BD;}


  /************ section#page-about-feature ************/

  section#page-about-feature { clear: both; width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box;}

  section#page-about-feature-photo { clear: both; width: 100%;}

  section#page-about-feature-photo .photo-full { width: 100%; margin: 20px 0 0 0; display: flex; justify-content: space-between; align-items: flex-start;}
  section#page-about-feature-photo .photo-full img { width: auto; height: 15.5vw;}

  section#page-about-target { clear: both; width: 100%; padding: 30px 0 80px 0; background-color: #E1D2BD;}

  .page-about-target-title { clear: both; width: 100%; position: relative;}
  .page-about-target-title img.title-bg { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-about-target-title .target-stitle { width: 10vw; position: absolute; top: 6.3vw; left: 33.3vw; z-index: 2;}
  .page-about-target-title .target-stitle span { padding: 0 0.5vw; color: #333; font-size: 1.6vw; font-weight: 600; background-color: #CDB491;}

  .page-about-target-list { clear: both; width: 58%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-about-target-list .column-list { width: 50%;}
  .page-about-target-list .column-list img.stitle { width: 235px; height: auto; margin: -3.8vw 0 1vw 0; position: relative; z-index: 3;}
  .page-about-target-list .column-list ul.target-list { clear: both; width: 100%; padding: 0; margin: 0; list-style-type: decimal; display: inline;}
  .page-about-target-list .column-list ul.target-list li { width: 100%; padding: 0; margin: 0; font-size: 1.2rem; line-height: 1.8em;}


  /************ section#page-news ************/

  section#page-news { clear: both; width: 100%; padding: 0 0 80px 0; background-color: #E1D2BD;}

  .page-news-list { clear: both; width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box;}
  .page-news-list img.news-title { width: 256px; height: auto; margin: 0 30px 0 0;}

  .page-news-sort { clear: both; width: 100%; margin: 10px 0 40px 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-news-sort a { width: 120px; padding: 5px 0; margin: 5px 10px; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 20px; border: 1px #E1D2BD solid; display: block;}
  .page-news-sort a:hover { border: 1px #000 solid;}

  .news-list-full { clear: both; width: 100%;}
  .news-list-full .news-list { width: 100%; padding: 0 0 0 10px; margin: 0 0 40px 0; box-sizing: border-box; border-left: 5px #fff solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .news-list-full .news-list .date { width: 120px; color: #043B6F; font-size: 1.2rem;}
  .news-list-full .news-list .sort-name { width: 120px; padding: 5px 0; font-size: 1.1rem; text-align: center; border-radius: 20px;}
  .news-list-full .news-list img.new-icon { width: 50px; height: auto; margin: 0 0 0 20px;}
  .news-list-full .news-list .title { width: 100%; padding: 10px 0 5px 0; font-size: 1.4rem;}
  .news-list-full .news-list .title a { color: #000; text-decoration: none;}
  .news-list-full .news-list .title a:hover { border-bottom: 1px #000 solid;}


  ul.page-number-bar { clear: both; width: 100%; padding: 0; margin: 80px 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-number-bar li { width: 36px; padding: 0; margin: 0 0 5px 0;}
  ul.page-number-bar li a { width: 100%; padding: 5px 0; font-size: 1rem; text-align: center; text-decoration: none; display: block;}
  ul.page-number-bar li:nth-child(even) a { color: #B7B7B7; background-color: #EAEAEA;}
  ul.page-number-bar li:nth-child(odd) a { color: #A3A3A3; background-color: #E0E0E0;}
  ul.page-number-bar li a:hover { background-color: #fff;}
  ul.page-number-bar li a.sel { color: #FF7B22; font-weight: 600;}


  /************ section#page-news-content ************/

  section#page-news-content { clear: both; width: 100%; padding: 0 calc(50% - 780px); background-color: #E1D2BD; box-sizing: border-box;}
  
  .page-news-con { width: 100%; padding: 0 calc(50% - 700px) 80px calc(50% - 700px); background-color: #fff; box-sizing: border-box;}
  .page-news-con img.news-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  
  .page-news-con .date-title-box { width: 100%; padding: 30px; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-news-con .date-title-box .date { width: 100%; padding: 0 0 10px 0; color: #043B6F; font-size: 1.2rem;}
  .page-news-con .date-title-box .title { width: 100%; color: #432C1F; font-size: 1.6rem; font-weight: 600; line-height: 1.4em;}
  .page-news-con .news-con { width: 100%; padding: 30px; font-size: 1.2rem; font-weight: 300; line-height: 1.6em; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-news-con .news-con a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-news-con .news-con a:hover { color: #043B6F; border-bottom: 1px #043B6F dashed;}
  .page-news-con .news-con img { max-width: 100%; height: auto;}

  .page-news-con .links-bar { width: 100%; padding: 25px 30px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-news-con .links-bar a { margin: 0 100px 0 0; display: block; color: #000; font-size: 1.4rem; font-weight: 300; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .page-news-con .links-bar a img.icon { width: 24px; height: auto; margin: 0 5px 0 0;}

  a.goback-bt { clear: both; width: 100px; margin: 80px auto 0 auto; display: block;}
  a.goback-bt img { width: 100%; height: auto;}



  .page-alumni-lecture-news { clear: both; width: 100%;}
  .page-alumni-lecture-news .caption-full { width: 100%; color: #fff; font-size: 1.2rem; font-weight: 500; background-color: #423F38; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-alumni-lecture-news .caption-full .caption-1 { width: 45%; padding: 10px 5px ; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-2 { width: 14%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-3 { width: 10%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-4 { width: 11%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-5 { width: 20%; padding: 10px 5px; box-sizing: border-box;}
  /*.page-alumni-lecture-news .caption-full .caption-6 { width: 6%; padding: 10px 5px; text-align: center; box-sizing: border-box;}*/
  .page-alumni-lecture-news .column-full { width: 100%; font-size: 1.1rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-alumni-lecture-news .column-full:hover { background-color: rgba(255,255,255,0.2);}
  .page-alumni-lecture-news .column-full .column-1 { width: 45%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-1 a.link { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-alumni-lecture-news .column-full .column-1 a.link:hover { color: #484035; border-bottom: 1px #484035 dashed;}
  .page-alumni-lecture-news .column-full .column-2 { width: 14%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-3 { width: 10%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-4 { width: 11%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-5 { width: 20%; padding: 15px 5px; box-sizing: border-box;}
  /*.page-alumni-lecture-news .column-full .column-6 { width: 6%; padding: 15px 5px; color: #432C1F; font-size: 1.4rem; text-align: center; box-sizing: border-box; cursor: pointer;}
  .page-alumni-lecture-news .column-full .column-7 { clear: both; width: 100%; padding: 30px; font-size: 1.2rem; line-height: 1.6em; box-sizing: border-box; background-color: rgba(255,255,255,0.5); display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-caption { width: 120px; padding: 10px 0; color: #043B6F; font-weight: 500; text-align: right;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-column { width: calc(100% - 120px); padding: 10px 0;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-full { width: 100%; padding: 10px 0; margin: 20px 0 0 0; word-wrap: break-word;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-full a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}*/



  /**20250224新增**/
  .lite_alumni-list-full { clear: both; width: 100%;}
  .lite_alumni-list-full .caption-full { width: 100%; padding: 10px 0; color: #fff; font-size: 1.4rem; font-weight: 5000; text-align: center; background-color: #432C1F; display: flex; justify-content: flex-start; align-items: stretch;}
  .lite_alumni-list-full .caption-full .caption-1 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-2 { width: 25%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-3 { width: 15%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-4 { width: 40%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-5 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full { width: 100%; padding: 15px 0; color: #000; font-size: 1.2rem; text-align: center; border-bottom: 1px #432C1F solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .lite_alumni-list-full .column-full .column-1 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-2 { width: 25%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-3 { width: 15%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-4 { width: 40%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-5 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-5 a { color: #000; text-decoration: none; cursor: pointer;}
  .lite_alumni-list-full .column-full .column-6 { width: 100%; padding: 10px; margin: 10px 0 0 0; text-align: left; border-top: 1px #888 dashed; box-sizing: border-box; background-color: rgba(255,255,255,0.3);}
  

  /************ section#page-teachers ************/

  section#page-teachers { clear: both; width: 100%; padding: 0 calc(50% - 700px) 80px calc(50% - 700px); background-color: #fff; background-image: url("../images/page_teachers_list_bg.png"); background-repeat: repeat-y; background-position: tope left; background-size: 1600px auto; box-sizing: border-box;}

  .page-teachers-title { clear: both; width: 100%;}
  .page-teachers-title img { width: 256px; height: auto; margin: 0 30px 0 0;}

  .page-teachers-group { width: 100%; margin: 30px 0; display: flex; justify-content: center; align-items: center;}
  .page-teachers-group .column { width: 520px; font-size: 1.2rem; text-align: center;}
  .page-teachers-group .column select { width: 290px; padding: 5px; color: #000; font-size: 1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; font-weight: 300; border: 1px #5F5E5E solid; box-sizing: border-box;}

  .page-teachers-list { clear: both; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-teachers-list .teachers-box { width: calc(100% / 3 - 20px); margin: 0 10px 80px 10px;}
  .page-teachers-list .teachers-box a { color: #000; text-decoration: none;}
  .page-teachers-list .teachers-box a .photo-bx { width: 100%; height: 330px; border: 1px #432C1F solid; box-sizing: border-box; background-color: #fff; display: flex; justify-content: center; overflow: hidden;}
  .page-teachers-list .teachers-box a .photo-bx img { width: auto; height: 100%;}
  .page-teachers-list .teachers-box a .name-bx { width: 100%; padding: 10px 20px; color: #fff; font-size: 1.6rem; line-height: 1em; background-color: #432C1F; box-sizing: border-box;}
  .page-teachers-list .teachers-box .infor-bx { width: 100%; padding: 15px 20px; font-size: 1.2rem; font-weight: 300; line-height: 1.8em; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}
  .page-teachers-list .teachers-box .infor-bx span.title { font-size: 1.6rem; font-weight: 400;}
  .page-teachers-list .teachers-box .infor-bx a { color: #000; text-decoration: none;}
  .page-teachers-list .teachers-box .infor-bx a:hover { border-bottom: 1px #000 dashed;}


  /************ section#page-teachers-con ************/

  section#page-teachers-con { clear: both; width: 100%; padding: 0 calc(50% - 780px); background-color: #E1D2BD; box-sizing: border-box;}

  .page-teachers-con-full { clear: both; width: 100%; padding: 0 calc(50% - 700px) 80px calc(50% - 700px); background-color: #fff; box-sizing: border-box; position: relative; z-index: 1;}

  .page-teachers-profiles { clear: both; width: 100%; padding: 0 calc(50% - 700px); background-color: #E1D2BD; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; position: relative; z-index: 2;}
  .page-teachers-profiles .photo-name { width: 600px; position: absolute; top: -45px; left: calc(50% - 700px); z-index: 3;}
  .page-teachers-profiles .photo-name .photo { width: 100%; border: 1px #432C1F solid; box-sizing: border-box; background-color: #fff; display: flex; justify-content: center; overflow: hidden;}
  .page-teachers-profiles .photo-name .photo img { width: auto; height: 410px;}
  .page-teachers-profiles .photo-name .name { width: 100%; padding: 5px 25px; color: #fff; font-size: 2.2rem; font-weight: 600; background-color: #432C1F; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor { width: 100%; min-height: 500px; padding: 40px 0 40px 600px; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .title { width: 100%; padding: 0 25px 20px 25px; color: #432C1F; font-size: 2.2rem; font-weight: 500; line-height: 1.2em; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .infor { width: 100%; padding: 20px 25px; color: #2B2E39; font-size: 1.2rem; font-weight: 300; line-height: 2.2em; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .infor a { color: #000; text-decoration: none;}
  .page-teachers-profiles .personal-infor .infor a:hover { border-bottom: 1px #000 dashed;}

  .page-teachers-con-full-2 { clear: both; width: 100%; padding: 80px calc(50% - 700px); background-color: #fff; box-sizing: border-box; position: relative; z-index: 1;}
  .page-teachers-con-full-2 ul.teacher-details { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li { width: 100%; padding: 0; margin: 0 0 30px 0;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-1 { width: 140px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-1 { width: calc(100% - 140px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-2 { width: 170px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-2 { width: calc(100% - 170px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-3 { width: 200px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-3 { width: calc(100% - 200px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .icon-arrow { width: 40px; color: #432C1F; font-size: 2.2rem; text-align: right; cursor: pointer;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .icon-arrow .icon-up { display: none;}
  .page-teachers-con-full-2 ul.teacher-details li .content-list { width: 100%; padding: 20px 0 40px 0; color: #2D3E50; font-size: 1.2rem; font-weight: 300; line-height: 2em; display: none;}


  /*20241206更新*/
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text { width: 400px; position: relative;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text img.bg { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text .title { width: 100%; height: 100%; padding: 0 0 0 170px; box-sizing: border-box; color: #fff; font-size: 2rem; font-weight: 500; line-height: 1em; display: flex; justify-content: flex-start; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line { width: calc(100% - 400px - 40px); border-top: 1px #432C1F solid; display: block;}


  /************ section#page-admission ************/

  section#page-admission { clear: both; width: 100%; padding: 0 0 100px 0;}

  .page-title-nav-2 { width: 100%; padding: 0 calc(50% - 700px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .page-title-nav-2 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-1 .nav-text, 
  .page-title-nav-2 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2 a.about-nav-1 .nav-bg, 
  .page-title-nav-2 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-admission-message { clear: both; width: 100%;}
  .page-admission-message .admission-stitle { width: 100%; padding: 0 calc(50% - 700px); margin: 25px 0; box-sizing: border-box;}
  .page-admission-message .admission-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}
  .page-admission-message .admission-con-box { clear: both; width: 100%; margin: 60px 0 30px 0;}
  .page-admission-message .admission-con-box .admission-add { width: 100%; height: auto; padding: 0 0 0 calc(50% - 700px); box-sizing: border-box; position: relative; z-index: 2;}
  .page-admission-message .admission-con-box .admission-add img { width: 100%; height: auto;}
  .page-admission-message .admission-con-box .admission-list { width: 100%; padding: 210px calc(50% - 700px + 50px) 30px calc(50% - 700px + 50px); margin: -190px 0 0 0; box-sizing: border-box; position: relative; z-index: 1;}
  .page-admission-message .admission-con-box .admission-list .list-box { width: 100%; padding: 10px 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-admission-message .admission-con-box .admission-list .list-box .date { width: 200px; color: #fff; font-size: 1.8rem;}
  .page-admission-message .admission-con-box .admission-list .list-box .title { width: calc(100% - 200px); font-size: 1.8rem;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a { color: #000; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a:hover { color: #333;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a img { width: 28px; height: auto; margin: 0 0 0 10px;}


  .master-admit-list-box { clear: both; width: 100%; padding: 30px calc(50% - 700px) 70px calc(50% - 700px); margin: 0 0 10px 0; box-sizing: border-box; background-color: #CDB491; background-image: url("../images/admit_list_master_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
  .phd-admit-list-box { clear: both; width: 100%; padding: 30px calc(50% - 700px) 70px calc(50% - 700px); box-sizing: border-box;  background-color: #868277; background-image: url("../images/admit_list_phd_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
  .master-admit-list-box .title-bar, 
  .phd-admit-list-box .title-bar { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 2rem; font-weight: 500; border-bottom: 3px #fff solid; box-sizing: border-box;}
  .master-admit-list-box .list-box, 
  .phd-admit-list-box .list-box { width: 100%; margin: 30px 0;}
  .master-admit-list-box .list-box a, 
  .phd-admit-list-box .list-box a { width: 100%; padding: 10px 30px; color: #fff; font-size: 1.8rem; text-decoration: none; border-radius: 20px; background-color: #432C1F; box-sizing: border-box; display: flex; justify-content: flex-start;}
  .master-admit-list-box .list-box a .date, 
  .phd-admit-list-box .list-box a .date { width: 180px;}
  .master-admit-list-box .list-box a .title, 
  .phd-admit-list-box .list-box a .title { width: calc(100% - 180px); display: flex; justify-content: flex-start; align-items: center;}
  .master-admit-list-box .list-box a .title img.icon, 
  .phd-admit-list-box .list-box a .title img.icon { width: 28px; height: auto; margin: 0 0 0 10px;}


  /************ section#page-research ************/

  section#page-research { clear: both; width: 100%;}

  .page-research-lab { clear: both; width: 100%;}
  .page-research-lab .research-stitle { width: 100%; padding: 0 calc(50% - 700px); margin: 25px 0; box-sizing: border-box;}
  .page-research-lab .research-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-research-lab .teaching-lab { clear: both; width: 100%; padding: 60px calc(50% - 700px); background-color: #E1D2BD; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; box-sizing: border-box;}
  .page-research-lab .teaching-lab .caption-full { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 1.4rem; font-weight: 500; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .teaching-lab .caption-full .caption { width: 50%;}
  .page-research-lab .teaching-lab .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .teaching-lab .column-full .column { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-research-lab .teaching-lab .column-full .column a { color: #000; text-decoration: none;}
  .page-research-lab .teaching-lab .column-full .column a:hover { color: #304FAB;}
  .page-research-lab .teaching-lab .column-full .column img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}

  .page-research-lab .researching-lab { clear: both; width: 100%; padding: 60px calc(50% - 700px); background-color: #fff; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left -1000px; box-sizing: border-box;}
  .page-research-lab .researching-lab .caption-full { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 1.4rem; font-weight: 500; border-bottom: 3px #020207 solid; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .researching-lab .caption-full .caption { width: 50%;}
  .page-research-lab .researching-lab .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .researching-lab .column-full .column { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-research-lab .researching-lab .column-full .column a { color: #000; text-decoration: none;}
  .page-research-lab .researching-lab .column-full .column a:hover { color: #304FAB;}
  .page-research-lab .researching-lab .column-full .column img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}


  .page-study-rule-con { clear: both; width: 100%; padding: 0 0 90px 0; margin: 40px 0 0 0;}
  .page-study-rule-con .study-rule-stitle { width: 100%; padding: 0 calc(50% - 700px); margin: 25px 0; box-sizing: border-box;}
  .page-study-rule-con .study-rule-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-study-rule-con .study-rule-con { width: 100%; padding: 40px calc(50% - 700px) 100px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-study-rule-con .study-rule-con .infor-list { width: 100%; padding: 25px 0; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-study-rule-con .study-rule-con .infor-list .title { width: calc(100% - 200px); padding: 0 10px; margin: 8px 0 0 0; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; box-sizing: border-box;}
  .page-study-rule-con .study-rule-con .infor-list .download-bt { width: 200px;}
  .page-study-rule-con .study-rule-con .infor-list .download-bt img { width: 160px; height: auto; margin: 0 auto;}


  .page-research-lab-intro { clear: both; width: 100%; padding: 60px calc(50% - 700px) 0 calc(50% - 700px); background-color: #fff; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left -1000px; box-sizing: border-box;}
  .page-research-lab-intro .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; border-bottom: 2px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab-intro .column-full:first-child { border-top: 2px #ccc dashed;}
  .page-research-lab-intro .column-full .column-1 { width: 200px; font-weight: 500;}
  .page-research-lab-intro .column-full .column-2 { width: calc(100% - 200px); word-break: break-all; word-wrap: break-word;}
  .page-research-lab-intro .column-full .column-2 img.photo { max-width: 100%; height: auto;}
  .page-research-lab-intro .column-full .column-2 a { color: #043B6F; text-decoration: none;}
  .page-research-lab-intro .column-full .column-2 a:hover { border-bottom: 1px #043B6F solid;}



  .page-fundraising-people-year { clear: both; width: 100%; padding: 40px calc(50% - 700px) 100px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-fundraising-people-year .year-bt { width: calc(100% / 6 - 30px); margin: 15px;}
  .page-fundraising-people-year .year-bt a { width: 100%; padding: 10px 0; color: #000; font-size: 1.2rem; text-align: center; text-decoration: none; border-radius: 30px; background-color: #fff; display: block;}
  .page-fundraising-people-year .year-bt a:hover { background-color: #eee;}

  .page-fundraising-people-list { clear: both; width: 100%; padding: 40px calc(50% - 700px) 100px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-fundraising-people-list .caption-full { width: 100%; margin: 0 auto; font-size: 1.4rem; font-weight: 500; text-align: center; border-top: 2px #fff solid; border-bottom: 2px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-fundraising-people-list .caption-full .caption-1 { width: 17%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-2 { width: 29%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-4 { width: 29%; padding: 5px; box-sizing: border-box;}
  .page-fundraising-people-list .column-full { width: 100%; margin: 0 auto; font-size: 1.2rem; text-align: center; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-fundraising-people-list .column-full .column-1 { width: 17%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-2 { width: 29%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-4 { width: 29%; padding: 5px; box-sizing: border-box;}



  .page-research-plan-list { clear: both; width: 100%; padding: 40px calc(50% - 700px) 100px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-plan-list .search-bar-mo { display: none;}
  .page-research-plan-list .search-bar { width: 100%; margin: 0 0 40px 0; font-size: 1.4rem; text-align: center;}
  .page-research-plan-list .search-bar input[type=search], 
  .page-research-plan-list .search-bar select { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; border: 1px #ccc solid; box-sizing: border-box;}
  .page-research-plan-list .search-bar input[type=submit], 
  .page-research-plan-list .search-bar input[type=button] { width: 100px; padding: 10px; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #151C51; border: 0; box-sizing: border-box; cursor: pointer;}
  .page-research-plan-list .caption-full { clear: both; width: 100%; font-size: 1.2rem; font-weight: 500; text-align: center; background-color: #fff; border-top: 2px #000 solid; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-plan-list .caption-full .caption-3-mo { display: none;}
  .page-research-plan-list .column-full .column-3-mo { display: none;}
  .page-research-plan-list .caption-full .caption-1 { width: 12%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-2 { width: 10%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-3 { width: 26%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-4 { width: 12%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-5 { width: 15%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-6 { width: 10%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-7 { width: 15%; padding: 10px 5px; box-sizing: border-box;}
  .page-research-plan-list .column-full { clear: both; width: 100%; font-size: 1.1rem; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-plan-list .column-full .column-1 { width: 12%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-2 { width: 10%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-3 { width: 26%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-3 a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-research-plan-list .column-full .column-4 { width: 12%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-5 { width: 15%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-6 { width: 10%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-7 { width: 15%; padding: 10px 5px; box-sizing: border-box;}


  .page-research-plan-con { clear: both; width: 100%; padding: 40px calc(50% - 700px) 100px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-plan-con .column-full { clear: both; width: 100%; color: #000; font-size: 1.2rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-research-plan-con .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-plan-con .column-full .caption { width: 300px; padding: 10px; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-research-plan-con .column-full .column { width: calc(100% - 300px); padding: 10px; font-weight: 300; box-sizing: border-box;}



  .page-research-books-list { clear: both; width: 100%; padding: 40px calc(50% - 700px) 100px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-books-list .search-bar-mo { display: none;}
  .page-research-books-list .search-bar { width: 100%; margin: 0 0 40px 0; font-size: 1.4rem; text-align: center;}
  .page-research-books-list .search-bar input[type=search], 
  .page-research-books-list .search-bar select { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; border: 1px #ccc solid; box-sizing: border-box;}
  .page-research-books-list .search-bar input[type=submit], 
  .page-research-books-list .search-bar input[type=button] { width: 100px; padding: 10px; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #151C51; border: 0; box-sizing: border-box; cursor: pointer;}
  .page-research-books-list .caption-full { clear: both; width: 100%; font-size: 1.2rem; font-weight: 500; text-align: center; background-color: #fff; border-top: 2px #000 solid; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-books-list .caption-full .caption-1 { width: 200px; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-books-list .caption-full .caption-2 { width: calc(100% - 200px); padding: 10px 5px; box-sizing: border-box;}
  .page-research-books-list .column-full { clear: both; width: 100%; font-size: 1.1rem; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-books-list .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-books-list .column-full .column-1 { width: 200px; padding: 10px 5px; text-align: center; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-books-list .column-full .column-2 { width: calc(100% - 200px); padding: 10px 5px; box-sizing: border-box;}
  .page-research-books-list .column-full .column-2 a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}


  .page-research-books-con { clear: both; width: 100%; padding: 40px calc(50% - 700px) 100px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-books-con .column-full { clear: both; width: 100%; color: #000; font-size: 1.2rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-research-books-con .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-books-con .column-full .caption { width: 200px; padding: 10px; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-research-books-con .column-full .column { width: calc(100% - 200px); padding: 10px; font-weight: 300; box-sizing: border-box;}


  /************ section#page-course ************/

  section#page-course { clear: both; width: 100%;}

  .page-course-con { clear: both; width: 100%;}
  .page-course-con .course-stitle { width: 100%; padding: 0 calc(50% - 700px); margin: 25px 0; box-sizing: border-box;}
  .page-course-con .course-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-course-con .course-planning-con { width: 100%; padding: 40px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-course-con .course-planning-con .list-title { width: 100%; padding: 20px 0; color: #000; font-size: 1.8rem; font-weight: 500; border-bottom: 3px #fff solid;}
  .page-course-con .course-planning-con ul.course-list { width: 80%; padding: 0; margin: 40px 0 0 0; list-style: none; display: block;}
  .page-course-con .course-planning-con ul.course-list li { width: 100%; padding: 0; margin: 0 0 40px 0;}
  .page-course-con .course-planning-con ul.course-list li a { width: 100%; padding: 10px 30px; color: #fff; font-size: 1.8rem; text-decoration: none; box-sizing: border-box; border-radius: 30px; background-color: #432C1F; display: flex; justify-content: flex-start; align-items: center;}
  .page-course-con .course-planning-con ul.course-list li a img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}
  .page-course-con .course-planning-con ul.course-list li a:hover { background-color: #6c4a36;}

  .page-course-con .course-intro-con { width: 100%; padding: 40px calc(50% - 700px); box-sizing: border-box; background-color: #fff; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left -1200px;}
  .page-course-con .course-intro-con .item-list-box { width: 80%; margin: 0 0 50px 0; display: flex; justify-content: flex-start; align-items: center;}
  .page-course-con .course-intro-con .item-list-box .item-title { width: 400px; padding: 0 50px; box-sizing: border-box;}
  .page-course-con .course-intro-con .item-list-box .item-title img { width: 100%; height: auto;}
  .page-course-con .course-intro-con .item-list-box .item-intro { width: calc(100% - 400px); color: #000; font-size: 1.4rem; line-height: 2em;}


  /************ section#page-information ************/

  section#page-information { clear: both; width: 100%;}

  img.information-title { clear: both; width: 256px; height: auto; margin: 0 calc(50% - 700px);}

  .page-information-con { clear: both; width: 100%; padding: 0 0 90px 0; margin: 40px 0 0 0;}
  .page-information-con .information-stitle { width: 100%; padding: 0 calc(50% - 700px); margin: 25px 0; box-sizing: border-box;}
  .page-information-con .information-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-information-con .information-con { width: 100%; padding: 40px calc(50% - 700px) 100px calc(50% - 700px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-information-con .information-con .infor-list { width: 100%; padding: 25px 0; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  /*.page-information-con .information-con .infor-list .date { width: 140px; margin: 10px 0 0 0; color: #000; font-size: 1.4rem;}*/
  .page-information-con .information-con .infor-list .title { width: calc(100% - 200px); padding: 0 10px; margin: 8px 0 0 0; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; border-left: 2px #432C1F solid; box-sizing: border-box;}
  .page-information-con .information-con .infor-list .download-bt { width: 200px;}
  .page-information-con .information-con .infor-list .download-bt img { width: 160px; height: auto; margin: 0 auto;}


  /************ event highlights ************/

  .page-event-stitle { width: 100%; padding: 0; margin: 25px 0; box-sizing: border-box;}
  .page-event-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-event-highlights { clear: both; width: 100%; margin: 40px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-event-highlights .photo-box { width: calc(100% / 4 - 20px); padding: 5px; margin: 0 10px 30px 10px; border: 1px #ccc solid; box-sizing: border-box;}
  .page-event-highlights .photo-box img { width: 100%; height: auto;}
  .page-event-highlights .photo-box .title { width: 100%; padding: 10px 0; font-size: 1rem; line-height: 1.2em;}


  /************ section#page-website ************/

  section#page-website { clear: both; width: 100%;}

  .website-stitle { width: 100%; padding: 0 calc(50% - 700px); margin: 25px 0; box-sizing: border-box;}
  .website-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  ul.websites-list { width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  ul.websites-list li { width: calc(100% / 4 - 40px); margin: 0 20px 40px 20px;}
  ul.websites-list li a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.4rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 20px; background-color: #432C1F; display: block;}
  ul.websites-list li a:hover { background-color: #484035;}


  /************ section#page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 80px calc(50% - 700px) 120px calc(50% - 700px); box-sizing: border-box; background-color: #fff; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left -600px;}

  .sitemap-stitle { width: 100%; margin: 0 0 60px 0; text-align: center;}
  .sitemap-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  ul.sitemap-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  ul.sitemap-nav li { padding: 0; margin: 0 15px 40px 15px;}
  ul.sitemap-nav li a { color: #043B6F; font-size: 1.6rem; font-weight: 500; text-decoration: none;}
  ul.sitemap-nav li a:hover { border-bottom: 2px #043B6F solid;}
  ul.sitemap-nav li ul.sitemap-nav-pop { padding: 10px 0 0 0; margin: 0; list-style: none; display: block;}
  ul.sitemap-nav li ul.sitemap-nav-pop li { padding: 0; margin: 0 0 10px 0;}
  ul.sitemap-nav li ul.sitemap-nav-pop li a { color: #043B6F; font-size: 1.1rem; font-weight: 300; text-decoration: none;}
  ul.sitemap-nav li ul.sitemap-nav-pop li a:hover { border-bottom: 1px #043B6F solid;}



  .page-error-con { clear: both; width: 100%; margin: 60px 0 0 0;}
  .page-error-con .text-bigger { width: 100%; color: #043B6F; font-size: 3rem; font-weight: 600; text-align: center;}
  .page-error-con .goback-bt { width: 100%; margin: 40px 0 0 0; font-size: 1.8rem; text-align: center;}
  .page-error-con .goback-bt a { color: #043B6F; text-decoration: none; border-bottom: 2px #043B6F solid;}


  /************ IEET-data form ************/

  .page-ieet-data-form { clear: both; width: 100%; font-size: 1.2rem;}
  .page-ieet-data-form .data-table { width: 100%; border-bottom: 1px #333 solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-ieet-data-form .data-table:first-child { margin: 30px 0 0 0; border-top: 1px #333 solid;}
  .page-ieet-data-form .data-table .caption { width: 300px; padding: 10px; font-size: 1.2rem; font-weight: 500; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column { width: calc(100% - 300px); padding: 10px; font-size: 1.2rem; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column input[type=text], 
  .page-ieet-data-form .data-table .column select, 
  .page-ieet-data-form .data-table .column input[type=file] { width: 100%; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column textarea { width: 100%; height: 100px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column img.code { width: 110px; height: auto; margin: 0 10px 0 0; float: left;}
  .page-ieet-data-form .data-table .column input[type=text].code { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box; float: left;}

  .page-ieet-data-form input[type=submit], 
  .page-ieet-data-form input[type=button] { clear: both; width: 120px; padding: 6px 10px; color: #fff; font-size: 1.2rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 20px; background-color: #043B6F; box-sizing: border-box; cursor: pointer;}
  
  
  /************ footer ************/

  footer { clear: both; width: 100%; border-bottom: 20px #CDB491 solid;}

  .footer-nav { width: 100%; padding: 20px calc(50% - 700px); box-sizing: border-box; background-color: #EFE0BE;}
  .footer-nav ul.nav-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start;}
  .footer-nav ul.nav-list li { padding: 0; margin: 0 10px; color: #000; font-size: 1.4rem; font-weight: 600; line-height: 1.2em;}
  .footer-nav ul.nav-list li a { color: #000; text-decoration: none;}
  .footer-nav ul.nav-list li a:hover { border-bottom: 2px #000 solid;}
  .footer-nav ul.nav-list li ul.nav-list-pop { clear: both; padding: 0; margin: 0; list-style: none; display: block;}
  .footer-nav ul.nav-list li ul.nav-list-pop li { padding: 0; margin: 10px 0; font-size: 0.9rem; font-weight: normal; line-height: 1.2em;}
  .footer-nav ul.nav-list li ul.nav-list-pop li a { color: #000; text-decoration: none;}
  .footer-nav ul.nav-list li ul.nav-list-pop li a:hover { border-bottom: 1px #000 solid;}

  .footer-infor { clear: both; width: 100%; padding: 20px calc(50% - 500px); box-sizing: border-box; background-color: #F7FFFF; display: flex; justify-content: flex-start; align-items: center;}
  .footer-infor .qrcode-box { width: 170px;}
  .footer-infor .qrcode-box img { width: 90%; height: auto;}
  .footer-infor .address-nav { width: calc(100% - 170px); position: relative;}
  .footer-infor .address-nav .address-mo { display: none;}
  .footer-infor .address-nav .address { width: 100%; font-size: 1.1rem; font-weight: 500; line-height: 1.8em;}
  .footer-infor .address-nav .address a { color: #000; border-bottom: 1px #000 dashed; text-decoration: none;}
    
  .footer-social-icon { width: 120px; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 60px;}
  .footer-social-icon img { width: 28px; height: auto; margin: 0 3px;}


}

@media screen and (min-width: 1280px) and (max-width: 1599px) {

  #gotop-bt { width: 60px; height: 60px; border-radius: 100%; background-color: #1D253E; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 50px; right: 20px; cursor: pointer; z-index: 999;}
  #gotop-bt span.icon { color: #fff; font-size: 2em;}


  /************ header + banner + nav ************/

  header { width: 100%; height: 140px; background-color: rgba(255,255,255,0.95); position: fixed; top: 0; left: 0; z-index: 999;}

  .header-top-logo { width: 200px; position: absolute; top: 7px; left: 10px;}
  .header-top-logo img { width: 100%; height: auto;}

  .header-top-bar { width: 100%; height: 47px; padding: 7px 10px; box-sizing: border-box; background-color: #000; display: flex; justify-content: flex-end; align-items: center;}
  .header-top-bar .top-nav-mo-icon { display: none;}
  .header-top-bar ul.top-nav-mo { display: none;}
  .header-top-bar ul.top-nav { padding: 0; margin: 0; color: #FF9200; font-size: 0.9em; line-height: 1em; list-style: none; display: flex; justify-content: flex-start; align-items: center;}
  .header-top-bar ul.top-nav li { padding: 0 10px; margin: 0; border-right: 1px #FF9200 solid;}
  .header-top-bar ul.top-nav li:last-child { border-right: 0;}
  .header-top-bar ul.top-nav li a { color: #FF9200; text-decoration: none;}
  .header-top-bar ul.top-nav li a:hover { border-bottom: 1px #FF9200 solid;}
  .header-top-bar .top-search { padding: 2px 0; margin: 0 20px; color: #151C51; background-color: #fff;}
  .header-top-bar .top-search form { display: flex; justify-content: flex-start; align-items: center;}
  .header-top-bar .top-search input[type=search] { padding: 3px 5px; border: 0; color: #151C51; background-color: #fff; box-sizing: border-box;}
  .header-top-bar .top-search input[type=button] { width: 30px; height: 22px; color: #151C51; background-image: url("../images/header_top_search_icon.png"); background-repeat: no-repeat; background-size: 22px 22px; background-position: center top; border: 0; background-color: #fff; cursor: pointer;}
  .header-top-bar .top-social { display: flex; justify-content: center; align-items: center;}
  .header-top-bar .top-social img.icon { width: 30px; height: 30px; margin: 0 5px;}

  .header-bt-bar { clear: both; width: 100%; padding: 20px 10px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .header-bt-bar .ntcu-logo { width: 250px;}
  .header-bt-bar .ntcu-logo img { width: 250px; height: auto;}

  nav#header-nav-mo { display: none;}

  ul#nav-list-mo { display: none;}

  nav#header-nav-pc { width: calc(100% - 250px);}
  nav#header-nav-pc ul#nav-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center;}
  nav#header-nav-pc ul#nav-list li { height: 53px; padding: 0; margin: 0; box-sizing: border-box; position: relative; cursor: pointer;}
  nav#header-nav-pc ul#nav-list li a { width: 100%; height: 53px; padding: 15px 10px; box-sizing: border-box; color: #432C1F; font-size: 1.1rem; font-weight: 600; line-height: 1em; text-align: center; text-decoration: none; display: block;}
  nav#header-nav-pc ul#nav-list li a:hover { color: #CDB491;}
  nav#header-nav-pc ul#nav-list li a.sel { color: #CDB491;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup { clear: both; width: 130px; padding: 0; margin: 0; background-color: rgba(67,44,31,0.7); list-style: none; display: none; position: absolute; top: 53px; left: calc(50% - 65px); z-index: 999999;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup li { width: 130px; height: auto; padding: 0; margin: 0; border-bottom: 1px #000024 solid;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup li:last-child { border-bottom: 0;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup li a { width: 100%; height: auto; padding: 10px 0; margin: 0; color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.2em; text-align: center; text-decoration: none; background-image: none; display: block;}
  nav#header-nav-pc ul#nav-list li ul#nav-popup li a:hover { color: #FFE5B4; background-color: #432C1F; background-image: none;}


  /************ hp-banner ************/

  .hp-banner { clear: both; width: 100%; margin: 140px 0 0 0; position: relative; z-index: 998;}
  .hp-banner img { width: 100%; height: auto;}


  /************ section#hp-about ************/

  section#hp-about { clear: both; width: 100%; padding: 80px calc(50% - 580px) 250px calc(50% - 580px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start; position: relative; z-index: 1;}

  .hp-about-col-lf { width: 55%;}
  img.hp-about-title { width: 256px; height: auto;}
  .hp-about-col-lf .text-content { width: 100%; padding: 25px 0 0 0; font-size: 1.2rem; line-height: 1.8em;}
  .hp-about-col-lf .text-content span.sub-text { color: #333; font-size: 1.8rem; font-weight: 600; line-height: 1.6em; background-color: #CDB491;}
  
  img.hp-more-bt { width: 100%; height: auto;}

  .hp-about-col-rt-mo { display: none;}
  .hp-about-col-rt { width: 45%; padding: 30px 0 0 80px; box-sizing: border-box;}
  .hp-about-col-rt img.pics { width: 100%; height: auto; margin: 0 0 10px 0;}


  /************ section#hp-news************/

  section#hp-news { clear: both; width: 100%; padding: 0 0 60px 0; background-color: #E1D2BD; position: relative; z-index: 2;}

  .hp-news-title-box { width: 100%; padding: 0 0 0 calc(50% - 580px); box-sizing: border-box; position: relative; top: -130px; left: 0;}
  .hp-news-title-box img { width: 100%; height: auto;}

  .hp-news-list { clear: both; width: 100%; padding: 0 calc(50% - 580px); box-sizing: border-box; position: relative; top: -80px; left: 0;}
  .hp-news-list .news-list { width: 100%; padding: 0 0 0 10px; margin: 0 0 40px 0; box-sizing: border-box; border-left: 5px #fff solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .hp-news-list .news-list .date { width: 120px; color: #043B6F; font-size: 1.1rem;}
  .hp-news-list .news-list .sort-name { width: 100px; padding: 3px 0; font-size: 0.9rem; text-align: center; border-radius: 16px;}
  .hp-news-list .news-list .title { width: 100%; padding: 10px 0 5px 0; font-size: 1.4rem;}
  .hp-news-list .news-list .title a { color: #000; text-decoration: none;}
  .hp-news-list .news-list .title a:hover { border-bottom: 1px #000 solid;}
  
  a.hp-more-full-bt-mo { display: none;}
  a.hp-more-full-bt { clear: both; width: 100%; padding: 0 calc(50% - 580px); box-sizing: border-box; display: block;}
  a.hp-more-full-bt img { width: 100%; height: auto;}


  /************ section#hp-awards************/

  section#hp-awards { clear: both; width: 100%; padding: 60px calc(50% - 580px) 120px calc(50% - 580px); box-sizing: border-box; background-image: url("../images/hp_awards_bg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; position: relative;}

  img.hp-awards-title { width: 256px; height: auto; margin: 0 0 80px 0;}

  .hp-awards-list { clear: both; width: 90%; margin: 50px auto 0 auto; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-awards-list .awards-list { width: calc(100% / 3 - 30px); margin: 0 15px 40px 15px; border: 10px #fff solid; background-color: #fff; box-sizing: border-box;}
  .hp-awards-list .awards-list a { width: 100%; text-decoration: none; display: block;}
  .hp-awards-list .awards-list a .pic { width: 100%;}
  .hp-awards-list .awards-list a .pic img { width: 100%; height: auto;}
  .hp-awards-list .awards-list a .date { width: 160px; padding: 5px 0; margin: 10px 0 0 0; color: #fff; font-size: 1.4rem; text-align: center; background-color: #CF5144;}
  .hp-awards-list .awards-list a .title { width: 100%; padding: 10px 0; color: #000; font-size: 1.2rem; line-height: 1.4em;}
  .hp-awards-list .awards-list:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}


  /****** 20250707新增 ******/

  ul.about-award-bt { padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 160px; right: calc(50% - 580px); z-index: 9;}
  ul.about-award-bt li.teacher-award-bt { width: 178px; margin: 0 10px 0 0;}
  ul.about-award-bt li.teacher-award-bt a { width: 100%; padding: 5px 0; color: #4F4F4F; font-size: 1.4rem; line-height: 1em; font-weight: 500; letter-spacing: 0.1rem; text-align: center; text-decoration: none; border-radius: 6px; background-color: #fff; display: block;}
  ul.about-award-bt li.teacher-award-bt a:hover { background-color: #ccc;}
  ul.about-award-bt li.teacher-award-bt a.sel { background-color: #ccc;}
  ul.about-award-bt li.student-award-bt { width: 178px; margin: 0 10px 0 0;}
  ul.about-award-bt li.student-award-bt a { width: 100%; padding: 5px 0; color: #4F4F4F; font-size: 1.4rem; line-height: 1em; font-weight: 500; letter-spacing: 0.1rem; text-align: center; text-decoration: none; border-radius: 6px; background-color: #fff; display: block;}
  ul.about-award-bt li.student-award-bt a:hover { background-color: #ccc;}
  ul.about-award-bt li.student-award-bt a.sel { background-color: #ccc;}

  .page-about-winner-list { clear: both; width: 100%; background-color: #432C1F;}
  .page-about-winner-list div { width: 100%; display: none;}
  .page-about-winner-list div .caption-full { clear: both; width: 100%; padding: 5px 0; color: #fff; font-size: 1.1rem; line-height: 1.2em; background-color: #043B6F; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-about-winner-list div .caption-full .caption-1 { width: 8%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-2 { width: 8%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-3 { width: 40%; padding: 2px 5px; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-4 { width: 24%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-5 { width: 20%; padding: 2px 5px; box-sizing: border-box;}
  .page-about-winner-list div .column-full { clear: both; width: 100%; padding: 5px 0; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-about-winner-list div .column-full:hover { background-color: rgba(255,255,255,0.1);}
  .page-about-winner-list div .column-full .column-1 { width: 8%; padding: 15px 5px; color: #F7B72B; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-2 { width: 8%; padding: 15px 5px; color: #F7B72B; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-3 { width: 40%; padding: 15px 5px; color: #fff; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-4 { width: 24%; padding: 15px 5px; color: #fff; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-5 { width: 20%; padding: 15px 5px; color: #36D4FF; font-size: 1.1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}


  /************ section#hp-admissions************/

  section#hp-admissions { clear: both; width: 100%; padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: flex-start;}

  a.hp-admissions-pic { width: 50%; display: block;}
  a.hp-admissions-pic img { width: 100%; height: auto;}


  /************ page-banner ************/

  .page-banner { clear: both; width: 100%; margin: 140px 0 0 0;}
  .page-banner img { width: 100%; height: auto;}


  /************ page-breadcrumbs-bar ************/

  .page-breadcrumbs-bar { clear: both; width: 100%; padding: 30px calc(50% - 580px) 50px calc(50% - 580px); color: #484035; font-size: 0.9rem; font-weight: 300; box-sizing: border-box;}
  .page-breadcrumbs-bar a { color: #484035; text-decoration: none;}
  .page-breadcrumbs-bar a:hover { border-bottom: 1px #484035 dashed;}


  /************ section#page-about-1************/

  section#page-about-intro { clear: both; width: 100%; padding: 0 calc(50% - 580px) 60px calc(50% - 580px); box-sizing: border-box;}

  .page-title-nav { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .page-title-nav img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav a.about-nav-1 .nav-text, 
  .page-title-nav a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav a.about-nav-1 .nav-bg, 
  .page-title-nav a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-title-nav-2 { width: 100%; padding: 0 calc(50% - 580px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .page-title-nav-2 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-1 .nav-text, 
  .page-title-nav-2 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2 a.about-nav-1 .nav-bg, 
  .page-title-nav-2 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-title-nav-2-1 { width: 100%; padding: 0 calc(50% - 580px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-title-nav-2-1 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2-1 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2-1 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2-1 a.about-nav-1 .nav-text, 
  .page-title-nav-2-1 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2-1 a.about-nav-1 .nav-bg, 
  .page-title-nav-2-1 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}


  .page-about-history { clear: both; width: 100%;}
  .page-about-history .about-stitle { width: 100%; margin: 25px 0;}
  .page-about-history .about-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}
  .page-about-history .col-rt-mo { display: none;}
  .page-about-history .col-rt { width: 47%; padding: 0 0 0 30px; box-sizing: border-box; float: right;}
  .page-about-history .col-rt img { width: 100%; height: auto; margin: 0 0 10px 0;}
  .page-about-history .col-lf { width: 53%; font-size: 1.3rem; line-height: 1.8em; float: left;}
  .page-about-history .col-full { clear: both; font-size: 1.3rem; line-height: 1.8em; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-about-history .col-full .year { width: 160px;}
  .page-about-history .col-full .event { width: calc(100% - 160px);}

  section#page-about-purpose { clear: both; width: 100%; overflow: hidden;}

  img.about-purpose { width: 140%; height: auto; margin: 0 0 0 -15%;}


  /*** 20241212 new *********************/
  ul.dep-alumni-tab { clear: both; width: 100%; padding: 0; margin: 30px 0 10px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.dep-alumni-tab li { padding: 0; margin: 0 5px 10px 5px;}
  ul.dep-alumni-tab li a { padding: 8px 20px; color: #6c4a36; font-size: 1.2rem; text-decoration: none; border: 1px #6c4a36 solid; background-color: #fff; display: block;}
  ul.dep-alumni-tab li a:hover { background-color: #eee;}
  ul.dep-alumni-tab li a.sel { color: #fff; background-color: #6c4a36;}

  .dep-alumni-tab-con { clear: both; width: 100%; padding: 60px; border-top: 1px #6c4a36 solid; box-sizing: border-box;}
  .dep-alumni-tab-con div { display: none;}
  .dep-alumni-tab-con div .about-stitle { width: 100%; margin: 25px 0;}
  .dep-alumni-tab-con div .about-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}




  /*** 20250221 new *********************/
  ul.dep-alumni-celebration { clear: both; width: 100%; padding: 0; margin: 30px 0 10px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.dep-alumni-celebration li { padding: 0; margin: 0 5px 10px 5px;}
  ul.dep-alumni-celebration li a { padding: 8px 20px; color: #6c4a36; font-size: 1.2rem; text-decoration: none; border: 1px #6c4a36 solid; background-color: #fff; display: block;}
  ul.dep-alumni-celebration li a:hover { background-color: #eee;}
  ul.dep-alumni-celebration li a.sel { color: #fff; background-color: #6c4a36;}



  section#page-about-org { clear: both; width: 100%; padding: 70px 0 170px 0; background-image: url("../images/page_about_org_bg.png"); background-repeat: no-repeat; background-size: cover;}

  .page-about-org { clear: both; width: 100%;}
  .page-about-org .about-stitle { width: 100%; margin: 25px 0; text-align: center;}
  .page-about-org .about-stitle span { padding: 0 5px; color: #fff; font-size: 2rem; font-weight: 600; background-color: #432C1F;}
  .page-about-org img.about-org-tree { width: 80%; height: auto; margin: 80px auto 0 auto;}


  img.department-alumni-3-pic { width: 100%; height: auto;}

  img.department60-banner-mo { display: none;}
  img.department60-banner { width: 100%; height: auto; margin: 60px 0;}

  ul.page-alumni60-nav { clear: both; width: 100%; padding: 0; margin: 30px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-alumni60-nav li { padding: 0; margin: 0 10px 20px 10px;}
  ul.page-alumni60-nav li a { padding: 10px 30px; color: #fff; font-size: 1.2rem; border-radius: 30px; background-color: #432C1F; text-decoration: none; display: block;}
  ul.page-alumni60-nav li a:hover { background-color: rgba(67,44,31,0.8);}
  ul.page-alumni60-nav li a.sel { color: #432C1F; background-color: rgba(67,44,31,0.3);}


  .page-alumni-lecture { clear: both; width: 100%;}


  img.fundraising-plan-banner-mo { display: none;}
  img.fundraising-plan-banner { width: 100%; height: auto;}

  .fundraising-plan-text { clear: both; width: 100%; margin: 60px 0 0 0; font-size: 1.2rem; line-height: 1.8em;}
  .fundraising-plan-text a { color: #000; text-decoration: none; word-break: break-all;}
  .fundraising-plan-text a:hover { border-bottom: 1px #999 dashed;}
  .fundraising-plan-text a.download-icon { color: #432C1F; font-size: 2rem;}


  .fundraising-result-title { clear: both; width: 100%; padding: 0 0 10px 0; margin: 60px 0; font-size: 1.4rem; font-weight: 600; border-bottom: 2px #432C1F solid;}
  .fundraising-result-photos { clear: both; width: 100%; margin: 0 0 60px 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .fundraising-result-photos .photo-title { width: 100%; padding: 0 10px 20px 10px; color: #432C1F; font-size: 1.2rem; font-weight: 500; box-sizing: border-box;}
  .fundraising-result-photos .photo-box { width: calc(100% / 4 - 20px); margin: 0 10px 20px 10px;}
  .fundraising-result-photos .photo-box a { color: #000; text-decoration: none;}
  .fundraising-result-photos .photo-box a .photo { width: 100%; height: 150px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
  .fundraising-result-photos .photo-box a .photo img { width: 100%; height: auto; transition: 0.5s;}
  .fundraising-result-photos .photo-box a .text { width: 100%; padding: 10px 0 0 0; font-size: 1rem;}
  .fundraising-result-photos .photo-box a:hover .photo img { width: 140%; height: auto; transition: 0.5s;}



  /*20250203更新*/
  .page-depart-subtitle { clear: both; width: 100%; text-align: center; background-image: url("../images/dot_gray.png"); background-repeat: repeat-x; background-position: center center;}
  .page-depart-subtitle span { color: #043B6F; font-size: 1.8rem; font-weight: 500; background-color: #fff;}

  /*20250205更新*/
  .page-depart-subtitle-2 { clear: both; width: 100%; text-align: center; background-image: url("../images/dot_white.png"); background-repeat: repeat-x; background-position: center center;}
  .page-depart-subtitle-2 span { color: #fff; font-size: 1.8rem; font-weight: 500; background-color: #E1D2BD;}


  /************ section#page-about-feature************/

  section#page-about-feature { clear: both; width: 100%; padding: 0 calc(50% - 580px); box-sizing: border-box;}

  section#page-about-feature-photo { clear: both; width: 100%;}

  section#page-about-feature-photo .photo-full { width: 100%; margin: 20px 0 0 0; display: flex; justify-content: space-between; align-items: flex-start;}
  section#page-about-feature-photo .photo-full img { width: auto; height: 15.5vw;}

  section#page-about-target { clear: both; width: 100%; padding: 30px 0 80px 0; background-color: #E1D2BD;}

  .page-about-target-title { clear: both; width: 100%; position: relative;}
  .page-about-target-title img.title-bg { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-about-target-title .target-stitle { width: 10vw; position: absolute; top: 6.3vw; left: 33.3vw; z-index: 2;}
  .page-about-target-title .target-stitle span { padding: 0 0.5vw; color: #333; font-size: 1.6vw; font-weight: 600; background-color: #CDB491;}

  .page-about-target-list { clear: both; width: 70%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-about-target-list .column-list { width: 50%;}
  .page-about-target-list .column-list img.stitle { width: 235px; height: auto; margin: -3.8vw 0 1vw 0; position: relative; z-index: 3;}
  .page-about-target-list .column-list ul.target-list { clear: both; width: 100%; padding: 0; margin: 0; list-style-type: decimal; display: inline;}
  .page-about-target-list .column-list ul.target-list li { width: 100%; padding: 0; margin: 0; font-size: 1.2rem; line-height: 1.8em;}


  /************ section#page-news ************/

  section#page-news { clear: both; width: 100%; padding: 0 0 80px 0; background-color: #E1D2BD;}

  .page-news-list { clear: both; width: 100%; padding: 0 calc(50% - 580px); box-sizing: border-box;}
  .page-news-list img.news-title { width: 256px; height: auto; margin: 0 30px 0 0;}

  .page-news-sort { clear: both; width: 100%; margin: 10px 0 40px 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-news-sort a { width: 120px; padding: 5px 0; margin: 5px; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 20px; border: 1px #E1D2BD solid; display: block;}
  .page-news-sort a:hover { border: 1px #000 solid;}

  .news-list-full { clear: both; width: 100%;}
  .news-list-full .news-list { width: 100%; padding: 0 0 0 10px; margin: 0 0 40px 0; box-sizing: border-box; border-left: 5px #fff solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .news-list-full .news-list .date { width: 120px; color: #043B6F; font-size: 1.2rem;}
  .news-list-full .news-list .sort-name { width: 120px; padding: 5px 0; font-size: 1.1rem; text-align: center; border-radius: 20px;}
  .news-list-full .news-list img.new-icon { width: 50px; height: auto; margin: 0 0 0 20px;}
  .news-list-full .news-list .title { width: 100%; padding: 10px 0 5px 0; font-size: 1.4rem;}
  .news-list-full .news-list .title a { color: #000; text-decoration: none;}
  .news-list-full .news-list .title a:hover { border-bottom: 1px #000 solid;}


  ul.page-number-bar { clear: both; width: 100%; padding: 0; margin: 80px 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-number-bar li { width: 36px; padding: 0; margin: 0 0 5px 0;}
  ul.page-number-bar li a { width: 100%; padding: 5px 0; font-size: 1rem; text-align: center; text-decoration: none; display: block;}
  ul.page-number-bar li:nth-child(even) a { color: #B7B7B7; background-color: #EAEAEA;}
  ul.page-number-bar li:nth-child(odd) a { color: #A3A3A3; background-color: #E0E0E0;}
  ul.page-number-bar li a:hover { background-color: #fff;}
  ul.page-number-bar li a.sel { color: #FF7B22; font-weight: 600;}


  /************ section#page-news-content ************/

  section#page-news-content { clear: both; width: 100%; padding: 0 calc(50% - 620px); background-color: #E1D2BD; box-sizing: border-box;}
  
  .page-news-con { width: 100%; padding: 0 calc(50% - 580px) 80px calc(50% - 580px); background-color: #fff; box-sizing: border-box;}
  .page-news-con img.news-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  
  .page-news-con .date-title-box { width: 100%; padding: 30px; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-news-con .date-title-box .date { width: 100%; padding: 0 0 10px 0; color: #043B6F; font-size: 1.2rem;}
  .page-news-con .date-title-box .title { width: 100%; color: #432C1F; font-size: 1.6rem; font-weight: 600; line-height: 1.4em;}
  .page-news-con .news-con { width: 100%; padding: 30px; font-size: 1.2rem; font-weight: 300; line-height: 1.6em; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-news-con .news-con a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-news-con .news-con a:hover { color: #043B6F; border-bottom: 1px #043B6F dashed;}
  .page-news-con .news-con img { max-width: 100%; height: auto;}

  .page-news-con .links-bar { width: 100%; padding: 25px 30px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-news-con .links-bar a { margin: 0 100px 0 0; display: block; color: #000; font-size: 1.4rem; font-weight: 300; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .page-news-con .links-bar a img.icon { width: 24px; height: auto; margin: 0 5px 0 0;}

  a.goback-bt { clear: both; width: 100px; margin: 80px auto 0 auto; display: block;}
  a.goback-bt img { width: 100%; height: auto;}



  .page-alumni-lecture-news { clear: both; width: 100%;}
  .page-alumni-lecture-news .caption-full { width: 100%; color: #fff; font-size: 1.2rem; font-weight: 500; background-color: #423F38; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-alumni-lecture-news .caption-full .caption-1 { width: 45%; padding: 10px 5px ; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-2 { width: 14%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-3 { width: 10%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-4 { width: 11%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-5 { width: 20%; padding: 10px 5px; box-sizing: border-box;}
  /*.page-alumni-lecture-news .caption-full .caption-6 { width: 6%; padding: 10px 5px; text-align: center; box-sizing: border-box;}*/
  .page-alumni-lecture-news .column-full { width: 100%; font-size: 1.1rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-alumni-lecture-news .column-full:hover { background-color: rgba(255,255,255,0.2);}
  .page-alumni-lecture-news .column-full .column-1 { width: 45%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-1 a.link { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-alumni-lecture-news .column-full .column-1 a.link:hover { color: #484035; border-bottom: 1px #484035 dashed;}
  .page-alumni-lecture-news .column-full .column-2 { width: 14%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-3 { width: 10%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-4 { width: 11%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-5 { width: 20%; padding: 15px 5px; box-sizing: border-box;}
  /*.page-alumni-lecture-news .column-full .column-6 { width: 6%; padding: 15px 5px; color: #432C1F; font-size: 1.4rem; text-align: center; box-sizing: border-box; cursor: pointer;}
  .page-alumni-lecture-news .column-full .column-7 { clear: both; width: 100%; padding: 30px; font-size: 1.2rem; line-height: 1.6em; box-sizing: border-box; background-color: rgba(255,255,255,0.5); display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-caption { width: 120px; padding: 10px 0; color: #043B6F; font-weight: 500; text-align: right;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-column { width: calc(100% - 120px); padding: 10px 0;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-full { width: 100%; padding: 10px 0; margin: 20px 0 0 0; word-wrap: break-word;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-full a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}*/



  /**20250224新增**/
  .lite_alumni-list-full { clear: both; width: 100%;}
  .lite_alumni-list-full .caption-full { width: 100%; padding: 10px 0; color: #fff; font-size: 1.4rem; font-weight: 5000; text-align: center; background-color: #432C1F; display: flex; justify-content: flex-start; align-items: stretch;}
  .lite_alumni-list-full .caption-full .caption-1 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-2 { width: 25%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-3 { width: 15%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-4 { width: 40%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-5 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full { width: 100%; padding: 15px 0; color: #000; font-size: 1.2rem; text-align: center; border-bottom: 1px #432C1F solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .lite_alumni-list-full .column-full .column-1 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-2 { width: 25%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-3 { width: 15%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-4 { width: 40%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-5 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-5 a { color: #000; text-decoration: none; cursor: pointer;}
  .lite_alumni-list-full .column-full .column-6 { width: 100%; padding: 10px; margin: 10px 0 0 0; text-align: left; border-top: 1px #888 dashed; box-sizing: border-box; background-color: rgba(255,255,255,0.3);}


  /************ section#page-teachers ************/

  section#page-teachers { clear: both; width: 100%; padding: 0 calc(50% - 580px) 80px calc(50% - 580px); background-color: #fff; background-image: url("../images/page_teachers_list_bg.png"); background-repeat: repeat-y; background-position: tope left; background-size: 1600px auto; box-sizing: border-box;}

  .page-teachers-title { clear: both; width: 100%;}
  .page-teachers-title img { width: 256px; height: auto; margin: 0 30px 0 0;}

  .page-teachers-group { width: 100%; margin: 30px 0; display: flex; justify-content: center; align-items: center;}
  .page-teachers-group .column { width: 520px; font-size: 1.2rem; text-align: center;}
  .page-teachers-group .column select { width: 290px; padding: 5px; color: #000; font-size: 1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; font-weight: 300; border: 1px #5F5E5E solid; box-sizing: border-box;}

  .page-teachers-list { clear: both; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-teachers-list .teachers-box { width: calc(100% / 3 - 20px); margin: 0 10px 80px 10px;}
  .page-teachers-list .teachers-box a { color: #000; text-decoration: none;}
  .page-teachers-list .teachers-box a .photo-bx { width: 100%; height: 330px; border: 1px #432C1F solid; box-sizing: border-box; background-color: #fff; display: flex; justify-content: center; overflow: hidden;}
  .page-teachers-list .teachers-box a .photo-bx img { width: auto; height: 100%;}
  .page-teachers-list .teachers-box a .name-bx { width: 100%; padding: 10px 20px; color: #fff; font-size: 1.6rem; line-height: 1em; background-color: #432C1F; box-sizing: border-box;}
  .page-teachers-list .teachers-box .infor-bx { width: 100%; padding: 15px 20px; font-size: 1.2rem; font-weight: 300; line-height: 1.8em; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}
  .page-teachers-list .teachers-box .infor-bx span.title { font-size: 1.6rem; font-weight: 400;}
  .page-teachers-list .teachers-box .infor-bx a { color: #000; text-decoration: none;}
  .page-teachers-list .teachers-box .infor-bx a:hover { border-bottom: 1px #000 dashed;}


  /************ section#page-teachers-con ************/

  section#page-teachers-con { clear: both; width: 100%; padding: 0 calc(50% - 620px); background-color: #E1D2BD; box-sizing: border-box;}

  .page-teachers-con-full { clear: both; width: 100%; padding: 0 calc(50% - 580px) 80px calc(50% - 580px); background-color: #fff; box-sizing: border-box; position: relative; z-index: 1;}

  .page-teachers-profiles { clear: both; width: 100%; padding: 0 calc(50% - 580px); background-color: #E1D2BD; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; position: relative; z-index: 2;}
  .page-teachers-profiles .photo-name { width: 600px; position: absolute; top: -45px; left: calc(50% - 580px); z-index: 3;}
  .page-teachers-profiles .photo-name .photo { width: 100%; border: 1px #432C1F solid; box-sizing: border-box; background-color: #fff; display: flex; justify-content: center; overflow: hidden;}
  .page-teachers-profiles .photo-name .photo img { width: auto; height: 410px;}
  .page-teachers-profiles .photo-name .name { width: 100%; padding: 5px 25px; color: #fff; font-size: 2.2rem; font-weight: 600; background-color: #432C1F; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor { width: 100%; min-height: 400px; padding: 40px 0 40px 600px; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .title { width: 100%; padding: 0 25px 20px 25px; color: #432C1F; font-size: 2.2rem; font-weight: 500; line-height: 1.2em; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .infor { width: 100%; padding: 20px 25px; color: #2B2E39; font-size: 1.2rem; font-weight: 300; line-height: 2.2em; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .infor a { color: #000; text-decoration: none;}
  .page-teachers-profiles .personal-infor .infor a:hover { border-bottom: 1px #000 dashed;}

  .page-teachers-con-full-2 { width: 100%; padding: 80px calc(50% - 580px); background-color: #fff; box-sizing: border-box; position: relative; z-index: 1;}
  .page-teachers-con-full-2 ul.teacher-details { width: 100%; padding: 0; margin: 0; list-style: none; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li { width: 100%; padding: 0; margin: 0 0 30px 0;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-1 { width: 140px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-1 { width: calc(100% - 140px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-2 { width: 170px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-2 { width: calc(100% - 170px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-3 { width: 200px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-3 { width: calc(100% - 200px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .icon-arrow { width: 40px; color: #432C1F; font-size: 2.2rem; text-align: right; cursor: pointer;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .icon-arrow .icon-up { display: none;}
  .page-teachers-con-full-2 ul.teacher-details li .content-list { width: 100%; padding: 20px 0 40px 0; color: #2D3E50; font-size: 1.2rem; font-weight: 300; line-height: 2em; display: none;}


  /*20241206更新*/
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text { width: 400px; position: relative;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text img.bg { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text .title { width: 100%; height: 100%; padding: 0 0 0 170px; box-sizing: border-box; color: #fff; font-size: 2rem; font-weight: 500; line-height: 1em; display: flex; justify-content: flex-start; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line { width: calc(100% - 400px - 40px); border-top: 1px #432C1F solid; display: block;}


  /************ section#page-admission ************/

  section#page-admission { clear: both; width: 100%; padding: 0 0 100px 0;}

  .page-title-nav-2 { width: 100%; padding: 0 calc(50% - 580px); box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .page-title-nav-2 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-1 .nav-text, 
  .page-title-nav-2 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2 a.about-nav-1 .nav-bg, 
  .page-title-nav-2 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-admission-message { clear: both; width: 100%;}
  .page-admission-message .admission-stitle { width: 100%; padding: 0 calc(50% - 580px); margin: 25px 0; box-sizing: border-box;}
  .page-admission-message .admission-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}
  .page-admission-message .admission-con-box { clear: both; width: 100%; margin: 60px 0 30px 0;}
  .page-admission-message .admission-con-box .admission-add { width: 100%; height: auto; padding: 0 0 0 calc(50% - 580px); box-sizing: border-box; position: relative; z-index: 2;}
  .page-admission-message .admission-con-box .admission-add img { width: 100%; height: auto;}
  .page-admission-message .admission-con-box .admission-list { width: 100%; padding: 210px calc(50% - 580px + 50px) 30px calc(50% - 580px + 50px); margin: -190px 0 0 0; box-sizing: border-box; position: relative; z-index: 1;}
  .page-admission-message .admission-con-box .admission-list .list-box { width: 100%; padding: 10px 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-admission-message .admission-con-box .admission-list .list-box .date { width: 200px; color: #fff; font-size: 1.8rem;}
  .page-admission-message .admission-con-box .admission-list .list-box .title { width: calc(100% - 200px); font-size: 1.8rem;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a { color: #000; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a:hover { color: #333;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a img { width: 28px; height: auto; margin: 0 0 0 10px;}


  .master-admit-list-box { clear: both; width: 100%; padding: 30px calc(50% - 580px) 70px calc(50% - 580px); margin: 0 0 10px 0; box-sizing: border-box; background-color: #CDB491; background-image: url("../images/admit_list_master_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
  .phd-admit-list-box { clear: both; width: 100%; padding: 30px calc(50% - 580px) 70px calc(50% - 580px); box-sizing: border-box;  background-color: #868277; background-image: url("../images/admit_list_phd_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
  .master-admit-list-box .title-bar, 
  .phd-admit-list-box .title-bar { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 2rem; font-weight: 500; border-bottom: 3px #fff solid; box-sizing: border-box;}
  .master-admit-list-box .list-box, 
  .phd-admit-list-box .list-box { width: 100%; margin: 30px 0;}
  .master-admit-list-box .list-box a, 
  .phd-admit-list-box .list-box a { width: 100%; padding: 10px 30px; color: #fff; font-size: 1.8rem; text-decoration: none; border-radius: 20px; background-color: #432C1F; box-sizing: border-box; display: flex; justify-content: flex-start;}
  .master-admit-list-box .list-box a .date, 
  .phd-admit-list-box .list-box a .date { width: 180px;}
  .master-admit-list-box .list-box a .title, 
  .phd-admit-list-box .list-box a .title { width: calc(100% - 180px); display: flex; justify-content: flex-start; align-items: center;}
  .master-admit-list-box .list-box a .title img.icon, 
  .phd-admit-list-box .list-box a .title img.icon { width: 28px; height: auto; margin: 0 0 0 10px;}


  /************ section#page-research ************/

  section#page-research { clear: both; width: 100%;}

  .page-research-lab { clear: both; width: 100%;}
  .page-research-lab .research-stitle { width: 100%; padding: 0 calc(50% - 580px); margin: 25px 0; box-sizing: border-box;}
  .page-research-lab .research-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-research-lab .teaching-lab { clear: both; width: 100%; padding: 60px calc(50% - 580px); background-color: #E1D2BD; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 120% auto; background-position: left top; box-sizing: border-box;}
  .page-research-lab .teaching-lab .caption-full { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 1.4rem; font-weight: 500; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .teaching-lab .caption-full .caption { width: 50%;}
  .page-research-lab .teaching-lab .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .teaching-lab .column-full .column { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-research-lab .teaching-lab .column-full .column a { color: #000; text-decoration: none;}
  .page-research-lab .teaching-lab .column-full .column a:hover { color: #304FAB;}
  .page-research-lab .teaching-lab .column-full .column img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}

  .page-research-lab .researching-lab { clear: both; width: 100%; padding: 60px calc(50% - 580px); background-color: #fff; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 120% auto; background-position: left -1000px; box-sizing: border-box;}
  .page-research-lab .researching-lab .caption-full { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 1.4rem; font-weight: 500; border-bottom: 3px #020207 solid; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .researching-lab .caption-full .caption { width: 50%;}
  .page-research-lab .researching-lab .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .researching-lab .column-full .column { width: 50%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-research-lab .researching-lab .column-full .column a { color: #000; text-decoration: none;}
  .page-research-lab .researching-lab .column-full .column a:hover { color: #304FAB;}
  .page-research-lab .researching-lab .column-full .column img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}


  .page-study-rule-con { clear: both; width: 100%; padding: 0 0 90px 0; margin: 40px 0 0 0;}
  .page-study-rule-con .study-rule-stitle { width: 100%; padding: 0 calc(50% - 580px); margin: 25px 0; box-sizing: border-box;}
  .page-study-rule-con .study-rule-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-study-rule-con .study-rule-con { width: 100%; padding: 40px calc(50% - 580px) 100px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-study-rule-con .study-rule-con .infor-list { width: 100%; padding: 25px 0; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-study-rule-con .study-rule-con .infor-list .title { width: calc(100% - 200px); padding: 0 10px; margin: 8px 0 0 0; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; box-sizing: border-box;}
  .page-study-rule-con .study-rule-con .infor-list .download-bt { width: 200px;}
  .page-study-rule-con .study-rule-con .infor-list .download-bt img { width: 160px; height: auto; margin: 0 auto;}



  .page-research-lab-intro { clear: both; width: 100%; padding: 60px calc(50% - 580px) 0 calc(50% - 580px); background-color: #fff; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 120% auto; background-position: left -1000px; box-sizing: border-box;}
  .page-research-lab-intro .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; border-bottom: 2px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab-intro .column-full:first-child { border-top: 2px #ccc dashed;}
  .page-research-lab-intro .column-full .column-1 { width: 200px; font-weight: 500;}
  .page-research-lab-intro .column-full .column-2 { width: calc(100% - 200px); word-break: break-all; word-wrap: break-word;}
  .page-research-lab-intro .column-full .column-2 img.photo { max-width: 100%; height: auto;}
  .page-research-lab-intro .column-full .column-2 a { color: #043B6F; text-decoration: none;}
  .page-research-lab-intro .column-full .column-2 a:hover { border-bottom: 1px #043B6F solid;}



  .page-fundraising-people-year { clear: both; width: 100%; padding: 40px calc(50% - 580px) 100px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-fundraising-people-year .year-bt { width: calc(100% / 5 - 30px); margin: 15px;}
  .page-fundraising-people-year .year-bt a { width: 100%; padding: 10px 0; color: #000; font-size: 1.2rem; text-align: center; text-decoration: none; border-radius: 30px; background-color: #fff; display: block;}
  .page-fundraising-people-year .year-bt a:hover { background-color: #eee;}


  .page-fundraising-people-list { clear: both; width: 100%; padding: 40px calc(50% - 580px) 100px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-fundraising-people-list .caption-full { width: 100%; margin: 0 auto; font-size: 1.4rem; font-weight: 500; text-align: center; border-top: 2px #fff solid; border-bottom: 2px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-fundraising-people-list .caption-full .caption-1 { width: 17%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-2 { width: 29%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-4 { width: 29%; padding: 5px; box-sizing: border-box;}
  .page-fundraising-people-list .column-full { width: 100%; margin: 0 auto; font-size: 1.2rem; text-align: center; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-fundraising-people-list .column-full .column-1 { width: 17%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-2 { width: 29%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-4 { width: 29%; padding: 5px; box-sizing: border-box;}



  .page-research-plan-list { clear: both; width: 100%; padding: 40px calc(50% - 580px) 100px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-plan-list .search-bar-mo { display: none;}
  .page-research-plan-list .search-bar { width: 100%; margin: 0 0 40px 0; font-size: 1.4rem; text-align: center;}
  .page-research-plan-list .search-bar input[type=search], 
  .page-research-plan-list .search-bar select { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; border: 1px #ccc solid; box-sizing: border-box;}
  .page-research-plan-list .search-bar input[type=submit], 
  .page-research-plan-list .search-bar input[type=button] { width: 100px; padding: 10px; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #151C51; border: 0; box-sizing: border-box; cursor: pointer;}
  .page-research-plan-list .caption-full { clear: both; width: 100%; font-size: 1.2rem; font-weight: 500; text-align: center; background-color: #fff; border-top: 2px #000 solid; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-plan-list .caption-full .caption-3-mo { display: none;}
  .page-research-plan-list .column-full .column-3-mo { display: none;}
  .page-research-plan-list .caption-full .caption-1 { width: 12%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-2 { width: 8%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-3 { width: 26%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-4 { width: 12%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-5 { width: 15%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-6 { width: 10%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-7 { width: 17%; padding: 10px 5px; box-sizing: border-box;}
  .page-research-plan-list .column-full { clear: both; width: 100%; font-size: 1.1rem; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-plan-list .column-full .column-1 { width: 12%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-2 { width: 8%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-3 { width: 26%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-3 a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-research-plan-list .column-full .column-4 { width: 12%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-5 { width: 15%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-6 { width: 10%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-7 { width: 17%; padding: 10px 5px; box-sizing: border-box;}


  .page-research-plan-con { clear: both; width: 100%; padding: 40px calc(50% - 580px) 100px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-plan-con .column-full { clear: both; width: 100%; color: #000; font-size: 1.2rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-research-plan-con .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-plan-con .column-full .caption { width: 260px; padding: 10px; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-research-plan-con .column-full .column { width: calc(100% - 260px); padding: 10px; font-weight: 300; box-sizing: border-box;}



  .page-research-books-list { clear: both; width: 100%; padding: 40px calc(50% - 580px) 100px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-books-list .search-bar-mo { display: none;}
  .page-research-books-list .search-bar { width: 100%; margin: 0 0 40px 0; font-size: 1.4rem; text-align: center;}
  .page-research-books-list .search-bar input[type=search], 
  .page-research-books-list .search-bar select { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; border: 1px #ccc solid; box-sizing: border-box;}
  .page-research-books-list .search-bar input[type=submit], 
  .page-research-books-list .search-bar input[type=button] { width: 100px; padding: 10px; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #151C51; border: 0; box-sizing: border-box; cursor: pointer;}
  .page-research-books-list .caption-full { clear: both; width: 100%; font-size: 1.2rem; font-weight: 500; text-align: center; background-color: #fff; border-top: 2px #000 solid; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-books-list .caption-full .caption-1 { width: 200px; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-books-list .caption-full .caption-2 { width: calc(100% - 200px); padding: 10px 5px; box-sizing: border-box;}
  .page-research-books-list .column-full { clear: both; width: 100%; font-size: 1.1rem; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-books-list .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-books-list .column-full .column-1 { width: 200px; padding: 10px 5px; text-align: center; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-books-list .column-full .column-2 { width: calc(100% - 200px); padding: 10px 5px; box-sizing: border-box;}
  .page-research-books-list .column-full .column-2 a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}

  .page-research-books-con { clear: both; width: 100%; padding: 40px calc(50% - 580px) 100px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-books-con .column-full { clear: both; width: 100%; color: #000; font-size: 1.2rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-research-books-con .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-books-con .column-full .caption { width: 200px; padding: 10px; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-research-books-con .column-full .column { width: calc(100% - 200px); padding: 10px; font-weight: 300; box-sizing: border-box;}


  /************ section#page-course ************/

  section#page-course { clear: both; width: 100%;}

  .page-course-con { clear: both; width: 100%;}
  .page-course-con .course-stitle { width: 100%; padding: 0 calc(50% - 580px); margin: 25px 0; box-sizing: border-box;}
  .page-course-con .course-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-course-con .course-planning-con { width: 100%; padding: 40px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 120% auto; background-position: left top;}
  .page-course-con .course-planning-con .list-title { width: 100%; padding: 20px 0; color: #000; font-size: 1.8rem; font-weight: 500; border-bottom: 3px #fff solid;}
  .page-course-con .course-planning-con ul.course-list { width: 90%; padding: 0; margin: 40px 0 0 0; list-style: none; display: block;}
  .page-course-con .course-planning-con ul.course-list li { width: 100%; padding: 0; margin: 0 0 40px 0;}
  .page-course-con .course-planning-con ul.course-list li a { width: 100%; padding: 10px 30px; color: #fff; font-size: 1.8rem; text-decoration: none; box-sizing: border-box; border-radius: 30px; background-color: #432C1F; display: flex; justify-content: flex-start; align-items: center;}
  .page-course-con .course-planning-con ul.course-list li a img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}
  .page-course-con .course-planning-con ul.course-list li a:hover { background-color: #6c4a36;}

  .page-course-con .course-intro-con { width: 100%; padding: 40px calc(50% - 580px); box-sizing: border-box; background-color: #fff; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 120% auto; background-position: left -1200px;}
  .page-course-con .course-intro-con .item-list-box { width: 90%; margin: 0 0 50px 0; display: flex; justify-content: flex-start; align-items: center;}
  .page-course-con .course-intro-con .item-list-box .item-title { width: 400px; padding: 0 50px; box-sizing: border-box;}
  .page-course-con .course-intro-con .item-list-box .item-title img { width: 100%; height: auto;}
  .page-course-con .course-intro-con .item-list-box .item-intro { width: calc(100% - 400px); color: #000; font-size: 1.4rem; line-height: 2em;}


  /************ section#page-information ************/

  section#page-information { clear: both; width: 100%;}

  img.information-title { clear: both; width: 256px; height: auto; margin: 0 0 0 calc(50% - 580px);}

  .page-information-con { clear: both; width: 100%; padding: 0 0 90px 0; margin: 40px 0 0 0;}
  .page-information-con .information-stitle { width: 100%; padding: 0 calc(50% - 580px); margin: 25px 0; box-sizing: border-box;}
  .page-information-con .information-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-information-con .information-con { width: 100%; padding: 40px calc(50% - 580px) 100px calc(50% - 580px); box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-information-con .information-con .infor-list { width: 100%; padding: 25px 0; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  /*.page-information-con .information-con .infor-list .date { width: 140px; margin: 10px 0 0 0; color: #000; font-size: 1.4rem;}*/
  .page-information-con .information-con .infor-list .title { width: calc(100% - 200px); padding: 0 10px; margin: 8px 0 0 0; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; border-left: 2px #432C1F solid; box-sizing: border-box;}
  .page-information-con .information-con .infor-list .download-bt { width: 200px;}
  .page-information-con .information-con .infor-list .download-bt img { width: 160px; height: auto; margin: 0 auto;}


  /************ event highlights ************/

  .page-event-stitle { width: 100%; padding: 0; margin: 25px 0; box-sizing: border-box;}
  .page-event-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-event-highlights { clear: both; width: 100%; margin: 40px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-event-highlights .photo-box { width: calc(100% / 4 - 20px); padding: 5px; margin: 0 10px 30px 10px; border: 1px #ccc solid; box-sizing: border-box;}
  .page-event-highlights .photo-box img { width: 100%; height: auto;}
  .page-event-highlights .photo-box .title { width: 100%; padding: 10px 0; font-size: 1rem; line-height: 1.2em;}


  /************ section#page-website ************/

  section#page-website { clear: both; width: 100%;}

  .website-stitle { width: 100%; padding: 0 calc(50% - 580px); margin: 25px 0; box-sizing: border-box;}
  .website-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  ul.websites-list { width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  ul.websites-list li { width: calc(100% / 4 - 40px); margin: 0 20px 40px 20px;}
  ul.websites-list li a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.4rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 20px; background-color: #432C1F; display: block;}
  ul.websites-list li a:hover { background-color: #484035;}


  /************ section#page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 80px calc(50% - 580px) 120px calc(50% - 580px); box-sizing: border-box; background-color: #fff; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left -600px;}

  .sitemap-stitle { width: 100%; margin: 0 0 60px 0; text-align: center;}
  .sitemap-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  ul.sitemap-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  ul.sitemap-nav li { padding: 0; margin: 0 15px 40px 15px;}
  ul.sitemap-nav li a { color: #043B6F; font-size: 1.6rem; font-weight: 500; text-decoration: none;}
  ul.sitemap-nav li a:hover { border-bottom: 2px #043B6F solid;}
  ul.sitemap-nav li ul.sitemap-nav-pop { padding: 10px 0 0 0; margin: 0; list-style: none; display: block;}
  ul.sitemap-nav li ul.sitemap-nav-pop li { padding: 0; margin: 0 0 10px 0;}
  ul.sitemap-nav li ul.sitemap-nav-pop li a { color: #043B6F; font-size: 1.1rem; font-weight: 300; text-decoration: none;}
  ul.sitemap-nav li ul.sitemap-nav-pop li a:hover { border-bottom: 1px #043B6F solid;}



  .page-error-con { clear: both; width: 100%; margin: 60px 0 0 0;}
  .page-error-con .text-bigger { width: 100%; color: #043B6F; font-size: 3rem; font-weight: 600; text-align: center;}
  .page-error-con .goback-bt { width: 100%; margin: 40px 0 0 0; font-size: 1.8rem; text-align: center;}
  .page-error-con .goback-bt a { color: #043B6F; text-decoration: none; border-bottom: 2px #043B6F solid;}


  /************ IEET-data form ************/

  .page-ieet-data-form { clear: both; width: 100%; font-size: 1.2rem;}
  .page-ieet-data-form .data-table { width: 100%; border-bottom: 1px #333 solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-ieet-data-form .data-table:first-child { margin: 30px 0 0 0; border-top: 1px #333 solid;}
  .page-ieet-data-form .data-table .caption { width: 300px; padding: 10px; font-size: 1.2rem; font-weight: 500; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column { width: calc(100% - 300px); padding: 10px; font-size: 1.2rem; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column input[type=text], 
  .page-ieet-data-form .data-table .column select, 
  .page-ieet-data-form .data-table .column input[type=file] { width: 100%; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column textarea { width: 100%; height: 100px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column img.code { width: 110px; height: auto; margin: 0 10px 0 0; float: left;}
  .page-ieet-data-form .data-table .column input[type=text].code { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box; float: left;}

  .page-ieet-data-form input[type=submit], 
  .page-ieet-data-form input[type=button] { clear: both; width: 120px; padding: 6px 10px; color: #fff; font-size: 1.2rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 20px; background-color: #043B6F; box-sizing: border-box; cursor: pointer;}


  /************ footer ************/

  footer { clear: both; width: 100%; border-bottom: 20px #CDB491 solid;}

  .footer-nav { width: 100%; padding: 20px 40px; box-sizing: border-box; background-color: #EFE0BE;}
  .footer-nav ul.nav-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start;}
  .footer-nav ul.nav-list li { padding: 0; margin: 0 10px; color: #000; font-size: 1.2rem; font-weight: 600; line-height: 1.2em;}
  .footer-nav ul.nav-list li a { color: #000; text-decoration: none;}
  .footer-nav ul.nav-list li a:hover { border-bottom: 2px #000 solid;}
  .footer-nav ul.nav-list li ul.nav-list-pop { clear: both; padding: 0; margin: 0; list-style: none; display: block;}
  .footer-nav ul.nav-list li ul.nav-list-pop li { padding: 0; margin: 10px 0; font-size: 0.9rem; font-weight: normal; line-height: 1.2em;}
  .footer-nav ul.nav-list li ul.nav-list-pop li a { color: #000; text-decoration: none;}
  .footer-nav ul.nav-list li ul.nav-list-pop li a:hover { border-bottom: 1px #000 solid;}

  .footer-infor { clear: both; width: 100%; padding: 20px calc(50% - 500px); box-sizing: border-box; background-color: #F7FFFF; display: flex; justify-content: flex-start; align-items: center;}
  .footer-infor .qrcode-box { width: 170px;}
  .footer-infor .qrcode-box img { width: 90%; height: auto;}
  .footer-infor .address-nav { width: calc(100% - 170px); position: relative;}
  .footer-infor .address-nav .address-mo { display: none;}
  .footer-infor .address-nav .address { width: 100%; font-size: 1.1rem; font-weight: 500; line-height: 1.8em;}
  .footer-infor .address-nav .address a { color: #000; border-bottom: 1px #000 dashed; text-decoration: none;}
    
  .footer-social-icon { width: 120px; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 60px;}
  .footer-social-icon img { width: 28px; height: auto; margin: 0 3px;}


}

@media screen and (min-width: 768px) and (max-width: 1279px) {

  #gotop-bt { width: 60px; height: 60px; border-radius: 100%; background-color: #1D253E; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 50px; right: 20px; cursor: pointer; z-index: 999;}
  #gotop-bt span.icon { color: #fff; font-size: 2em;}


  /************ header + banner + nav ************/

  header { width: 100%; height: 185px; background-color: rgba(255,255,255,0.95); position: fixed; top: 0; left: 0; z-index: 999;}

  .header-top-logo { width: 100%; padding: 10px 0 0 0; background-color: #000;}
  .header-top-logo img { width: 200px; height: auto; margin: 0 auto;}

  .header-top-bar { clear: both; width: 100%; padding: 7px 20px; box-sizing: border-box; background-color: #000; display: flex; justify-content: space-between; align-items: center; position: relative;}
  .header-top-bar .top-nav-mo-icon { width: 40px; color: #FF9200; font-size: 1.4em; line-height: 1em; text-align: center; cursor: pointer;}
  .header-top-bar ul.top-nav { display: none;}
  .header-top-bar ul.top-nav-mo { width: 300px; padding: 40px; margin: 0; box-sizing: border-box; color: #FF9200; font-size: 1.1em; line-height: 1em; background-color: #000; list-style: none; display: none; position: absolute; top: 43px; left: -300px; z-index: 99999;}
  .header-top-bar ul.top-nav-mo li { padding: 20px; margin: 0; border-bottom: 1px #FF9200 solid;}
  .header-top-bar ul.top-nav-mo li:last-child { border-bottom: 0;}
  .header-top-bar ul.top-nav-mo li a { color: #FF9200; text-decoration: none;}  
  .header-top-bar .top-search { padding: 2px 0; margin: 0 20px; color: #151C51; background-color: #fff;}
  .header-top-bar .top-search form { display: flex; justify-content: flex-start; align-items: center;}
  .header-top-bar .top-search input[type=search] { padding: 3px 5px; border: 0; color: #151C51; background-color: #fff; box-sizing: border-box;}
  .header-top-bar .top-search input[type=button] { width: 30px; height: 22px; color: #151C51; background-image: url("../images/header_top_search_icon.png"); background-repeat: no-repeat; background-size: 22px 22px; background-position: center top; border: 0; background-color: #fff; cursor: pointer;}
  .header-top-bar .top-social { display: flex; justify-content: center; align-items: center;}
  .header-top-bar .top-social img.icon { width: 30px; height: 30px; margin: 0 5px;}

  .header-bt-bar { clear: both; width: 100%; padding: 20px 10px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .header-bt-bar .ntcu-logo { width: 250px;}
  .header-bt-bar .ntcu-logo img { width: 250px; height: auto;}

  nav#header-nav-pc { display: none;}

  nav#header-nav-mo { width: calc(100% - 250px);}
  nav#header-nav-mo .nav-icon-open { width: 50px; color: #432C1F; font-size: 2.4em; text-align: center; float: right;}
  
  ul#nav-list-mo { clear: both; width: 100%; padding: 40px; margin: 184px 0 -185px 0; box-sizing: border-box; background-color: #432C1F; list-style: none; display: none;}
  ul#nav-list-mo li { padding: 0; margin: 0; text-align: center;}
  ul#nav-list-mo li a { width: 100%; padding: 20px 0; color: #fff; font-size: 1.4em; font-weight: 600; line-height: 1em; text-decoration: none; display: block;}
  ul#nav-list-mo li ul#nav-popup { width: 100%; padding: 10px; margin: 0; box-sizing: border-box; background-color: rgba(255,255,255,0.2); list-style: none; display: none;}
  ul#nav-list-mo li ul#nav-popup li { width: 100%; padding: 0; margin: 0; border-bottom: 1px rgba(255,255,255,0.2) solid;}
  ul#nav-list-mo li ul#nav-popup li:last-child { border-bottom: 0;}
  ul#nav-list-mo li ul#nav-popup li a { width: 100%; padding: 15px 0; color: #fff; font-size: 1.4rem; font-weight: 300; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}


  /************ hp-banner ************/

  .hp-banner { clear: both; width: 100%; margin: 185px 0 0 0; position: relative; z-index: 998;}
  .hp-banner img { width: 100%; height: auto;}


  /************ section#hp-about ************/

  section#hp-about { clear: both; width: 100%; padding: 80px 40px 250px 40px; box-sizing: border-box; position: relative; z-index: 1;}

  .hp-about-col-lf { width: 100%;}
  img.hp-about-title { width: 256px; height: auto;}
  .hp-about-col-lf .text-content { width: 100%; padding: 25px 0 0 0; font-size: 1.2rem; line-height: 1.8em;}
  .hp-about-col-lf .text-content span.sub-text { color: #333; font-size: 1.8rem; font-weight: 600; line-height: 1.6em; background-color: #CDB491;}
  
  img.hp-more-bt { width: 100%; height: auto;}

  .hp-about-col-rt { display: none;}
  .hp-about-col-rt-mo { width: 100%; padding: 30px 0 0 0; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start;}
  .hp-about-col-rt-mo img.pics { width: calc(50% - 10px); height: auto; margin: 0 5px;}


  /************ section#hp-news************/

  section#hp-news { clear: both; width: 100%; padding: 0 0 60px 0; background-color: #E1D2BD; position: relative; z-index: 2;}

  .hp-news-title-box { width: 100%; padding: 0 0 0 40px; box-sizing: border-box; position: relative; top: -130px; left: 0;}
  .hp-news-title-box img { width: 100%; height: auto;}

  .hp-news-list { clear: both; width: 100%; padding: 0 40px; box-sizing: border-box; position: relative; top: -80px; left: 0;}
  .hp-news-list .news-list { width: 100%; padding: 0 0 0 10px; margin: 0 0 40px 0; box-sizing: border-box; border-left: 5px #fff solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .hp-news-list .news-list .date { width: 120px; color: #043B6F; font-size: 1.1rem;}
  .hp-news-list .news-list .sort-name { width: 100px; padding: 3px 0; font-size: 0.9rem; text-align: center; border-radius: 16px;}
  .hp-news-list .news-list .title { width: 100%; padding: 10px 0 5px 0; font-size: 1.4rem;}
  .hp-news-list .news-list .title a { color: #000; text-decoration: none;}
  .hp-news-list .news-list .title a:hover { border-bottom: 1px #000 solid;}
  
  a.hp-more-full-bt { display: none;}
  a.hp-more-full-bt-mo { clear: both; width: 100%; padding: 0 40px; box-sizing: border-box; display: block;}
  a.hp-more-full-bt-mo img { width: 100%; height: auto;}


  /************ section#hp-awards************/

  section#hp-awards { clear: both; width: 100%; padding: 60px 40px 80px 40px; box-sizing: border-box; background-image: url("../images/hp_awards_bg.jpg"); background-repeat: repeat-y; background-size: 160% auto; background-position: center top; position: relative;}

  img.hp-awards-title { width: 256px; height: auto; margin: 0 0 80px 0;}

  .hp-awards-list { clear: both; width: 90%; margin: 50px auto 0 auto; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-awards-list .awards-list { width: calc(100% / 2 - 30px); margin: 0 15px 40px 15px; border: 10px #fff solid; background-color: #fff; box-sizing: border-box;}
  .hp-awards-list .awards-list a { width: 100%; text-decoration: none; display: block;}
  .hp-awards-list .awards-list a .pic { width: 100%;}
  .hp-awards-list .awards-list a .pic img { width: 100%; height: auto;}
  .hp-awards-list .awards-list a .date { width: 160px; padding: 5px 0; margin: 10px 0 0 0; color: #fff; font-size: 1.4rem; text-align: center; background-color: #CF5144;}
  .hp-awards-list .awards-list a .title { width: 100%; padding: 10px 0; color: #000; font-size: 1.2rem; line-height: 1.4em;}
  .hp-awards-list .awards-list:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}


  /****** 20250707新增 ******/

  ul.about-award-bt { padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 160px; right: 40px; z-index: 9;}
  ul.about-award-bt li.teacher-award-bt { width: 178px; margin: 0 10px 0 0;}
  ul.about-award-bt li.teacher-award-bt a { width: 100%; padding: 5px 0; color: #4F4F4F; font-size: 1.4rem; line-height: 1em; font-weight: 500; letter-spacing: 0.1rem; text-align: center; text-decoration: none; border-radius: 6px; background-color: #fff; display: block;}
  ul.about-award-bt li.teacher-award-bt a:hover { background-color: #ccc;}
  ul.about-award-bt li.teacher-award-bt a.sel { background-color: #ccc;}
  ul.about-award-bt li.student-award-bt { width: 178px; margin: 0 10px 0 0;}
  ul.about-award-bt li.student-award-bt a { width: 100%; padding: 5px 0; color: #4F4F4F; font-size: 1.4rem; line-height: 1em; font-weight: 500; letter-spacing: 0.1rem; text-align: center; text-decoration: none; border-radius: 6px; background-color: #fff; display: block;}
  ul.about-award-bt li.student-award-bt a:hover { background-color: #ccc;}
  ul.about-award-bt li.student-award-bt a.sel { background-color: #ccc;}

  .page-about-winner-list { clear: both; width: 100%; background-color: #432C1F;}
  .page-about-winner-list div { width: 100%; display: none;}
  .page-about-winner-list div .caption-full { clear: both; width: 100%; padding: 5px 0; color: #fff; font-size: 1rem; line-height: 1.2em; background-color: #043B6F; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-about-winner-list div .caption-full .caption-1 { width: 10%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-2 { width: 8%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-3 { width: 38%; padding: 2px 5px; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-4 { width: 24%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-5 { width: 20%; padding: 2px 5px; box-sizing: border-box;}
  .page-about-winner-list div .column-full { clear: both; width: 100%; padding: 5px 0; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-about-winner-list div .column-full:hover { background-color: rgba(255,255,255,0.1);}
  .page-about-winner-list div .column-full .column-1 { width: 10%; padding: 15px 5px; color: #F7B72B; font-size: 1rem; font-weight: 300; line-height: 1.2em; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-2 { width: 8%; padding: 15px 5px; color: #F7B72B; font-size: 1rem; font-weight: 300; line-height: 1.2em; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-3 { width: 38%; padding: 15px 5px; color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-4 { width: 24%; padding: 15px 5px; color: #fff; font-size: 1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-5 { width: 20%; padding: 15px 5px; color: #36D4FF; font-size: 1rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}


  /************ section#hp-admissions************/

  section#hp-admissions { clear: both; width: 100%; padding: 0; margin: 0;}

  a.hp-admissions-pic { width: 100%; display: block;}
  a.hp-admissions-pic img { width: 100%; height: auto;}


  /************ page-banner ************/

  .page-banner { clear: both; width: 100%; margin: 185px 0 0 0;}
  .page-banner img { width: 100%; height: auto;}


  /************ page-breadcrumbs-bar ************/

  .page-breadcrumbs-bar { clear: both; width: 100%; padding: 30px 40px 50px 40px; color: #484035; font-size: 0.9rem; font-weight: 300; box-sizing: border-box;}
  .page-breadcrumbs-bar a { color: #484035; text-decoration: none;}
  .page-breadcrumbs-bar a:hover { border-bottom: 1px #484035 dashed;}


  /************ section#page-about-1************/

  section#page-about-intro { clear: both; width: 100%; padding: 0 40px 60px 40px; box-sizing: border-box;}

  .page-title-nav { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-title-nav img.about-title { width: 256px; height: auto; margin: 0 calc(100% - 366px) 0 0;}
  .page-title-nav a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav a.about-nav-1 .nav-text, 
  .page-title-nav a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav a.about-nav-1 .nav-bg, 
  .page-title-nav a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-title-nav-2 { width: 100%; padding: 0 40px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-title-nav-2 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-1 .nav-text, 
  .page-title-nav-2 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2 a.about-nav-1 .nav-bg, 
  .page-title-nav-2 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-title-nav-2-1 { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-title-nav-2-1 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2-1 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2-1 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2-1 a.about-nav-1 .nav-text, 
  .page-title-nav-2-1 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2-1 a.about-nav-1 .nav-bg, 
  .page-title-nav-2-1 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}


  .page-about-history { clear: both; width: 100%;}
  .page-about-history .about-stitle { width: 100%; margin: 25px 0;}
  .page-about-history .about-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}
  .page-about-history .col-rt { display: none;}
  .page-about-history .col-rt-mo { width: 100%; margin: 60px 0 0 0;}
  .page-about-history .col-rt-mo img { width: 100%; height: auto; margin: 0 0 10px 0;}
  .page-about-history .col-lf { width: 100%; font-size: 1.3rem; line-height: 1.8em;}
  .page-about-history .col-full { clear: both; font-size: 1.3rem; line-height: 1.8em; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-about-history .col-full .year { width: 160px;}
  .page-about-history .col-full .event { width: calc(100% - 160px);}


  /*** 20241212 new *********************/
  ul.dep-alumni-tab { clear: both; width: 100%; padding: 0; margin: 30px 0 10px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.dep-alumni-tab li { padding: 0; margin: 0 5px 10px 5px;}
  ul.dep-alumni-tab li a { padding: 8px 20px; color: #6c4a36; font-size: 1.2rem; text-decoration: none; border: 1px #6c4a36 solid; background-color: #fff; display: block;}
  ul.dep-alumni-tab li a:hover { background-color: #eee;}
  ul.dep-alumni-tab li a.sel { color: #fff; background-color: #6c4a36;}

  .dep-alumni-tab-con { clear: both; width: 100%; padding: 40px 0; border-top: 1px #6c4a36 solid; box-sizing: border-box;}
  .dep-alumni-tab-con div { display: none;}
  .dep-alumni-tab-con div .about-stitle { width: 100%; margin: 25px 0;}
  .dep-alumni-tab-con div .about-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}



  /*** 20250221 new *********************/
  ul.dep-alumni-celebration { clear: both; width: 100%; padding: 0; margin: 30px 0 10px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.dep-alumni-celebration li { padding: 0; margin: 0 5px 10px 5px;}
  ul.dep-alumni-celebration li a { padding: 8px 20px; color: #6c4a36; font-size: 1.2rem; text-decoration: none; border: 1px #6c4a36 solid; background-color: #fff; display: block;}
  ul.dep-alumni-celebration li a:hover { background-color: #eee;}
  ul.dep-alumni-celebration li a.sel { color: #fff; background-color: #6c4a36;}



  section#page-about-purpose { clear: both; width: 100%; overflow: hidden;}

  img.about-purpose { width: 180%; height: auto; margin: 0 0 0 -25%;}

  section#page-about-org { clear: both; width: 100%; padding: 70px 40px 170px 40px; box-sizing: border-box; background-image: url("../images/page_about_org_bg.png"); background-repeat: no-repeat; background-size: cover;}

  .page-about-org { clear: both; width: 100%;}
  .page-about-org .about-stitle { width: 100%; margin: 25px 0; text-align: center;}
  .page-about-org .about-stitle span { padding: 0 5px; color: #fff; font-size: 2rem; font-weight: 600; background-color: #432C1F;}
  .page-about-org img.about-org-tree { width: 94%; height: auto; margin: 80px auto 0 auto;}


  img.department-alumni-3-pic { width: 100%; height: auto;}

  img.department60-banner-mo { display: none;}
  img.department60-banner { width: 100%; height: auto; margin: 60px 0;}

  ul.page-alumni60-nav { clear: both; width: 100%; padding: 0; margin: 30px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-alumni60-nav li { padding: 0; margin: 0 10px 20px 10px;}
  ul.page-alumni60-nav li a { padding: 10px 30px; color: #fff; font-size: 1.2rem; border-radius: 30px; background-color: #432C1F; text-decoration: none; display: block;}
  ul.page-alumni60-nav li a:hover { background-color: rgba(67,44,31,0.8);}
  ul.page-alumni60-nav li a.sel { color: #432C1F; background-color: rgba(67,44,31,0.3);}


  .page-alumni-lecture { clear: both; width: 100%;}


  img.fundraising-plan-banner-mo { display: none;}
  img.fundraising-plan-banner { width: 100%; height: auto;}

  .fundraising-plan-text { clear: both; width: 100%; margin: 60px 0 0 0; font-size: 1.2rem; line-height: 1.8em;}
  .fundraising-plan-text a { color: #000; text-decoration: none; word-break: break-all;}
  .fundraising-plan-text a:hover { border-bottom: 1px #999 dashed;}
  .fundraising-plan-text a.download-icon { color: #432C1F; font-size: 2rem;}


  .fundraising-result-title { clear: both; width: 100%; padding: 0 0 10px 0; margin: 60px 0; font-size: 1.4rem; font-weight: 600; border-bottom: 2px #432C1F solid;}
  .fundraising-result-photos { clear: both; width: 100%; margin: 0 0 60px 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .fundraising-result-photos .photo-title { width: 100%; padding: 0 10px 20px 10px; color: #432C1F; font-size: 1.2rem; font-weight: 500; box-sizing: border-box;}
  .fundraising-result-photos .photo-box { width: calc(100% / 3 - 20px); margin: 0 10px 20px 10px;}
  .fundraising-result-photos .photo-box a { color: #000; text-decoration: none;}
  .fundraising-result-photos .photo-box a .photo { width: 100%; height: 15vw; display: flex; justify-content: center; align-items: center; overflow: hidden;}
  .fundraising-result-photos .photo-box a .photo img { width: 100%; height: auto; transition: 0.5s;}
  .fundraising-result-photos .photo-box a .text { width: 100%; padding: 10px 0 0 0; font-size: 0.9rem;}
  .fundraising-result-photos .photo-box a:hover .photo img { width: 140%; height: auto; transition: 0.5s;}



  /*20250203更新*/
  .page-depart-subtitle { clear: both; width: 100%; text-align: center; background-image: url("../images/dot_gray.png"); background-repeat: repeat-x; background-position: center center;}
  .page-depart-subtitle span { color: #043B6F; font-size: 1.8rem; font-weight: 500; background-color: #fff;}

  /*20250205更新*/
  .page-depart-subtitle-2 { clear: both; width: 100%; text-align: center; background-image: url("../images/dot_white.png"); background-repeat: repeat-x; background-position: center center;}
  .page-depart-subtitle-2 span { color: #fff; font-size: 1.8rem; font-weight: 500; background-color: #E1D2BD;}


  /************ section#page-about-feature************/

  section#page-about-feature { clear: both; width: 100%; padding: 0 40px; box-sizing: border-box;}

  section#page-about-feature-photo { clear: both; width: 100%;}

  section#page-about-feature-photo .photo-full { width: 100%; margin: 20px 0 0 0; display: flex; justify-content: space-between; align-items: flex-start;}
  section#page-about-feature-photo .photo-full img { width: auto; height: 15.5vw;}

  section#page-about-target { clear: both; width: 100%; padding: 30px 0 80px 0; background-color: #E1D2BD;}

  .page-about-target-title { clear: both; width: 100%; position: relative;}
  .page-about-target-title img.title-bg { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-about-target-title .target-stitle { width: 15vw; position: absolute; top: 3.5vw; left: 33.3vw; z-index: 2;}
  .page-about-target-title .target-stitle span { padding: 0 0.5vw; color: #333; font-size: 3vw; font-weight: 600; background-color: #CDB491;}

  .page-about-target-list { clear: both; width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: flex-start;}
  .page-about-target-list .column-list { width: 40%; padding: 0 4vw 0 0; box-sizing: border-box;}
  .page-about-target-list .column-list img.stitle { width: 235px; height: auto; margin: -3.8vw 0 1vw 0; position: relative; z-index: 3;}
  .page-about-target-list .column-list ul.target-list { clear: both; width: 100%; padding: 0; margin: 0; list-style-type: decimal; display: inline; box-sizing: border-box;}
  .page-about-target-list .column-list ul.target-list li { width: 100%; padding: 0; margin: 0; font-size: 1.2rem; line-height: 1.8em;}


  /************ section#page-news ************/

  section#page-news { clear: both; width: 100%; padding: 0 0 80px 0; background-color: #E1D2BD;}

  .page-news-list { clear: both; width: 100%; padding: 0 40px; box-sizing: border-box;}
  .page-news-list img.news-title { width: 256px; height: auto; margin: 0 30px 0 0;}

  .page-news-sort { clear: both; width: 100%; margin: 10px 0 40px 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-news-sort a { width: 120px; padding: 5px 0; margin: 5px; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 20px; border: 1px #E1D2BD solid; display: block;}
  .page-news-sort a:hover { border: 1px #000 solid;}

  .news-list-full { clear: both; width: 100%;}
  .news-list-full .news-list { width: 100%; padding: 0 0 0 10px; margin: 0 0 40px 0; box-sizing: border-box; border-left: 5px #fff solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .news-list-full .news-list .date { width: 120px; color: #043B6F; font-size: 1.2rem;}
  .news-list-full .news-list .sort-name { width: 120px; padding: 5px 0; font-size: 1.1rem; text-align: center; border-radius: 20px;}
  .news-list-full .news-list img.new-icon { width: 50px; height: auto; margin: 0 0 0 20px;}
  .news-list-full .news-list .title { width: 100%; padding: 10px 0 5px 0; font-size: 1.4rem;}
  .news-list-full .news-list .title a { color: #000; text-decoration: none;}
  .news-list-full .news-list .title a:hover { border-bottom: 1px #000 solid;}


  ul.page-number-bar { clear: both; width: 100%; padding: 0; margin: 80px 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-number-bar li { width: 36px; padding: 0; margin: 0 0 5px 0;}
  ul.page-number-bar li a { width: 100%; padding: 5px 0; font-size: 1rem; text-align: center; text-decoration: none; display: block;}
  ul.page-number-bar li:nth-child(even) a { color: #B7B7B7; background-color: #EAEAEA;}
  ul.page-number-bar li:nth-child(odd) a { color: #A3A3A3; background-color: #E0E0E0;}
  ul.page-number-bar li a:hover { background-color: #fff;}
  ul.page-number-bar li a.sel { color: #FF7B22; font-weight: 600;}


  /************ section#page-news-content ************/

  section#page-news-content { clear: both; width: 100%; padding: 0 20px; background-color: #E1D2BD; box-sizing: border-box;}
  
  .page-news-con { width: 100%; padding: 0 40px 80px 40px; background-color: #fff; box-sizing: border-box;}
  .page-news-con img.news-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  
  .page-news-con .date-title-box { width: 100%; padding: 30px; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-news-con .date-title-box .date { width: 100%; padding: 0 0 10px 0; color: #043B6F; font-size: 1.2rem;}
  .page-news-con .date-title-box .title { width: 100%; color: #432C1F; font-size: 1.6rem; font-weight: 600; line-height: 1.4em;}
  .page-news-con .news-con { width: 100%; padding: 20px; font-size: 1.2rem; font-weight: 300; line-height: 1.6em; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-news-con .news-con a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-news-con .news-con a:hover { color: #043B6F; border-bottom: 1px #043B6F dashed;}
  .page-news-con .news-con img { max-width: 100%; height: auto;}

  .page-news-con .links-bar { width: 100%; padding: 25px 20px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-news-con .links-bar a { margin: 0 100px 0 0; display: block; color: #000; font-size: 1.4rem; font-weight: 300; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .page-news-con .links-bar a img.icon { width: 24px; height: auto; margin: 0 5px 0 0;}

  a.goback-bt { clear: both; width: 100px; margin: 80px auto 0 auto; display: block;}
  a.goback-bt img { width: 100%; height: auto;}



  .page-alumni-lecture-news { clear: both; width: 100%;}
  .page-alumni-lecture-news .caption-full { width: 100%; color: #fff; font-size: 1.1rem; font-weight: 500; background-color: #423F38; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-alumni-lecture-news .caption-full .caption-1 { width: 42%; padding: 10px 5px ; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-2 { width: 13%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-3 { width: 14%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-4 { width: 13%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-5 { width: 18%; padding: 10px 5px; box-sizing: border-box;}
  /*.page-alumni-lecture-news .caption-full .caption-6 { width: 9%; padding: 10px 5px; text-align: center; box-sizing: border-box;}*/
  .page-alumni-lecture-news .column-full { width: 100%; font-size: 1rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-alumni-lecture-news .column-full:hover { background-color: rgba(255,255,255,0.2);}
  .page-alumni-lecture-news .column-full .column-1 { width: 42%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-1 a.link { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-alumni-lecture-news .column-full .column-1 a.link:hover { color: #484035; border-bottom: 1px #484035 dashed;}
  .page-alumni-lecture-news .column-full .column-2 { width: 13%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-3 { width: 14%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-4 { width: 13%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-5 { width: 18%; padding: 15px 5px; box-sizing: border-box;}
  /*.page-alumni-lecture-news .column-full .column-6 { width: 9%; padding: 15px 5px; color: #432C1F; font-size: 1.4rem; text-align: center; box-sizing: border-box; cursor: pointer;}
  .page-alumni-lecture-news .column-full .column-7 { clear: both; width: 100%; padding: 30px; font-size: 1.1rem; line-height: 1.6em; box-sizing: border-box; background-color: rgba(255,255,255,0.5); display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-caption { width: 120px; padding: 10px 0; color: #043B6F; font-weight: 500; text-align: right;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-column { width: calc(100% - 120px); padding: 10px 0;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-full { width: 100%; padding: 10px 0; margin: 20px 0 0 0; word-wrap: break-word;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-full a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}*/



  /**20250224新增**/
  .lite_alumni-list-full { clear: both; width: 100%;}
  .lite_alumni-list-full .caption-full { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2rem; font-weight: 5000; text-align: center; background-color: #432C1F; display: flex; justify-content: flex-start; align-items: stretch;}
  .lite_alumni-list-full .caption-full .caption-1 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-2 { width: 25%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-3 { width: 15%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-4 { width: 40%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-5 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full { width: 100%; padding: 15px 0; color: #000; font-size: 1rem; text-align: center; border-bottom: 1px #432C1F solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .lite_alumni-list-full .column-full .column-1 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-2 { width: 25%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-3 { width: 15%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-4 { width: 40%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-5 { width: 10%; padding: 0 10px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-5 a { color: #000; text-decoration: none; cursor: pointer;}
  .lite_alumni-list-full .column-full .column-6 { width: 100%; padding: 10px; margin: 10px 0 0 0; text-align: left; border-top: 1px #888 dashed; box-sizing: border-box; background-color: rgba(255,255,255,0.3);}


  /************ section#page-teachers ************/

  section#page-teachers { clear: both; width: 100%; padding: 0 40px 80px 40px; background-color: #fff; background-image: url("../images/page_teachers_list_bg.png"); background-repeat: repeat-y; background-position: tope left; background-size: 1600px auto; box-sizing: border-box;}

  .page-teachers-title { clear: both; width: 100%;}
  .page-teachers-title img { width: 256px; height: auto; margin: 0 30px 0 0;}

  .page-teachers-group { width: 100%; margin: 30px 0; text-align: center;}
  .page-teachers-group .column { width: 100%; margin: 0 0 20px 0; font-size: 1.2rem; align-items: center;}
  .page-teachers-group .column select { width: 290px; padding: 5px; color: #000; font-size: 1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; font-weight: 300; border: 1px #5F5E5E solid; box-sizing: border-box;}

  .page-teachers-list { clear: both; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-teachers-list .teachers-box { width: calc(100% / 2 - 20px); margin: 0 10px 80px 10px;}
  .page-teachers-list .teachers-box a { color: #000; text-decoration: none;}
  .page-teachers-list .teachers-box a .photo-bx { width: 100%; height: 330px; border: 1px #432C1F solid; box-sizing: border-box; background-color: #fff; display: flex; justify-content: center; overflow: hidden;}
  .page-teachers-list .teachers-box a .photo-bx img { width: auto; height: 100%;}
  .page-teachers-list .teachers-box a .name-bx { width: 100%; padding: 10px 20px; color: #fff; font-size: 1.6rem; line-height: 1em; background-color: #432C1F; box-sizing: border-box;}
  .page-teachers-list .teachers-box .infor-bx { width: 100%; padding: 15px 20px; font-size: 1.2rem; font-weight: 300; line-height: 1.8em; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}
  .page-teachers-list .teachers-box .infor-bx span.title { font-size: 1.6rem; font-weight: 400;}
  .page-teachers-list .teachers-box .infor-bx a { color: #000; text-decoration: none;}
  .page-teachers-list .teachers-box .infor-bx a:hover { border-bottom: 1px #000 dashed;}


  /************ section#page-teachers-con ************/

  section#page-teachers-con { clear: both; width: 100%; padding: 0 20px; background-color: #E1D2BD; box-sizing: border-box;}

  .page-teachers-con-full { clear: both; width: 100%; padding: 0 40px 80px 40px; background-color: #fff; box-sizing: border-box; position: relative; z-index: 1;}

  .page-teachers-profiles { clear: both; width: 100%; padding: 0 40px; background-color: #E1D2BD; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; position: relative; z-index: 2;}
  .page-teachers-profiles .photo-name { width: 340px; position: absolute; top: -45px; left: 40px; z-index: 3;}
  .page-teachers-profiles .photo-name .photo { width: 100%; border: 1px #432C1F solid; box-sizing: border-box; background-color: #fff; display: flex; justify-content: center; overflow: hidden;}
  .page-teachers-profiles .photo-name .photo img { width: auto; height: 310px;}
  .page-teachers-profiles .photo-name .name { width: 100%; padding: 5px 25px; color: #fff; font-size: 2.2rem; font-weight: 600; background-color: #432C1F; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor { width: 100%; padding: 40px 0 0 340px; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .title { width: 100%; padding: 0 25px 20px 25px; color: #432C1F; font-size: 2.2rem; font-weight: 500; line-height: 1.2em; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .infor { width: 100%; padding: 20px 25px; color: #2B2E39; font-size: 1.2rem; font-weight: 300; line-height: 2.2em; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .infor a { color: #000; text-decoration: none;}
  .page-teachers-profiles .personal-infor .infor a:hover { border-bottom: 1px #000 dashed;}

  .page-teachers-con-full-2 { width: 100%; padding: 80px 40px; background-color: #fff; box-sizing: border-box; position: relative; z-index: 1;}
  .page-teachers-con-full-2 ul.teacher-details { width: 100%; padding: 0; margin: 0; list-style: none; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li { width: 100%; padding: 0; margin: 0 0 30px 0;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-1 { width: 140px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-1 { width: calc(100% - 140px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-2 { width: 170px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-2 { width: calc(100% - 170px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-3 { width: 200px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-3 { width: calc(100% - 200px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .icon-arrow { width: 40px; color: #432C1F; font-size: 2.2rem; text-align: right; cursor: pointer;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .icon-arrow .icon-up { display: none;}
  .page-teachers-con-full-2 ul.teacher-details li .content-list { width: 100%; padding: 20px 0 40px 0; color: #2D3E50; font-size: 1.2rem; font-weight: 300; line-height: 2em; display: none;}


  /*20241206更新*/
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text { width: 400px; position: relative;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text img.bg { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text .title { width: 100%; height: 100%; padding: 0 0 0 170px; box-sizing: border-box; color: #fff; font-size: 2rem; font-weight: 500; line-height: 1em; display: flex; justify-content: flex-start; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line { width: calc(100% - 400px - 40px); border-top: 1px #432C1F solid; display: block;}


  /************ section#page-admission ************/

  section#page-admission { clear: both; width: 100%; padding: 0 0 100px 0;}

  .page-title-nav-2 { width: 100%; padding: 0 40px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-title-nav-2 img.about-title { width: 256px; height: auto; margin: 0 calc(100% - 366px) 0 0;}
  .page-title-nav-2 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-1 .nav-text, 
  .page-title-nav-2 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2 a.about-nav-1 .nav-bg, 
  .page-title-nav-2 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-admission-message { clear: both; width: 100%;}
  .page-admission-message .admission-stitle { width: 100%; padding: 0 40px; margin: 25px 0; box-sizing: border-box;}
  .page-admission-message .admission-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}
  .page-admission-message .admission-con-box { clear: both; width: 100%; margin: 60px 0 30px 0;}
  .page-admission-message .admission-con-box .admission-add { width: 100%; height: auto; position: relative; z-index: 2;}
  .page-admission-message .admission-con-box .admission-add img { width: 100%; height: auto;}
  .page-admission-message .admission-con-box .admission-list { width: 100%; padding: 30px 40px; box-sizing: border-box; position: relative; z-index: 1;}
  .page-admission-message .admission-con-box .admission-list .list-box { width: 100%; padding: 10px 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-admission-message .admission-con-box .admission-list .list-box .date { width: 160px; color: #fff; font-size: 1.6rem;}
  .page-admission-message .admission-con-box .admission-list .list-box .title { width: calc(100% - 160px); font-size: 1.6rem;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a { color: #000; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a:hover { color: #333;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a img { width: 28px; height: auto; margin: 0 0 0 10px;}


  .master-admit-list-box { clear: both; width: 100%; padding: 30px 40px 70px 40px; margin: 0 0 10px 0; box-sizing: border-box; background-color: #CDB491; background-image: url("../images/admit_list_master_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
  .phd-admit-list-box { clear: both; width: 100%; padding: 30px 40px 70px 40px; box-sizing: border-box;  background-color: #868277; background-image: url("../images/admit_list_phd_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
  .master-admit-list-box .title-bar, 
  .phd-admit-list-box .title-bar { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 2rem; font-weight: 500; border-bottom: 3px #fff solid; box-sizing: border-box;}
  .master-admit-list-box .list-box, 
  .phd-admit-list-box .list-box { width: 100%; margin: 30px 0;}
  .master-admit-list-box .list-box a, 
  .phd-admit-list-box .list-box a { width: 100%; padding: 10px 30px; color: #fff; font-size: 1.8rem; text-decoration: none; border-radius: 20px; background-color: #432C1F; box-sizing: border-box; display: flex; justify-content: flex-start;}
  .master-admit-list-box .list-box a .date, 
  .phd-admit-list-box .list-box a .date { width: 180px;}
  .master-admit-list-box .list-box a .title, 
  .phd-admit-list-box .list-box a .title { width: calc(100% - 180px); display: flex; justify-content: flex-start; align-items: center;}
  .master-admit-list-box .list-box a .title img.icon, 
  .phd-admit-list-box .list-box a .title img.icon { width: 28px; height: auto; margin: 0 0 0 10px;}


  /************ section#page-research ************/

  section#page-research { clear: both; width: 100%;}

  .page-research-lab { clear: both; width: 100%;}
  .page-research-lab .research-stitle { width: 100%; padding: 0 40px; margin: 25px 0; box-sizing: border-box;}
  .page-research-lab .research-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-research-lab .teaching-lab { clear: both; width: 100%; padding: 60px 40px; background-color: #E1D2BD; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 150% auto; background-position: -300px top; box-sizing: border-box;}
  .page-research-lab .teaching-lab .caption-full { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 1.4rem; font-weight: 500; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .teaching-lab .caption-full .caption:nth-child(odd) { width: 70%;}
  .page-research-lab .teaching-lab .caption-full .caption:nth-child(even) { width: 30%;}
  .page-research-lab .teaching-lab .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .teaching-lab .column-full .column { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-research-lab .teaching-lab .column-full .column:nth-child(odd) { width: 70%;}
  .page-research-lab .teaching-lab .column-full .column:nth-child(even) { width: 30%;}
  .page-research-lab .teaching-lab .column-full .column a { color: #000; text-decoration: none;}
  .page-research-lab .teaching-lab .column-full .column a:hover { color: #304FAB;}
  .page-research-lab .teaching-lab .column-full .column img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}

  .page-research-lab .researching-lab { clear: both; width: 100%; padding: 60px 40px; background-color: #fff; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 150% auto; background-position: -300px -1000px; box-sizing: border-box;}
  .page-research-lab .researching-lab .caption-full { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 1.4rem; font-weight: 500; border-bottom: 3px #020207 solid; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .researching-lab .caption-full .caption:nth-child(odd) { width: 70%;}
  .page-research-lab .researching-lab .caption-full .caption:nth-child(even) { width: 30%;}
  .page-research-lab .researching-lab .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab .researching-lab .column-full .column { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-research-lab .researching-lab .column-full .column:nth-child(odd) { width: 70%;}
  .page-research-lab .researching-lab .column-full .column:nth-child(even) { width: 30%;}
  .page-research-lab .researching-lab .column-full .column a { color: #000; text-decoration: none;}
  .page-research-lab .researching-lab .column-full .column a:hover { color: #304FAB;}
  .page-research-lab .researching-lab .column-full .column img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}


  .page-study-rule-con { clear: both; width: 100%; padding: 0 0 90px 0; margin: 40px 0 0 0;}
  .page-study-rule-con .study-rule-stitle { width: 100%; padding: 0 40px; margin: 25px 0; box-sizing: border-box;}
  .page-study-rule-con .study-rule-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-study-rule-con .study-rule-con { width: 100%; padding: 40px 40px 100px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-study-rule-con .study-rule-con .infor-list { width: 100%; padding: 25px 0; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-study-rule-con .study-rule-con .infor-list .title { width: calc(100% - 200px); padding: 0 10px; margin: 8px 0 0 0; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; box-sizing: border-box;}
  .page-study-rule-con .study-rule-con .infor-list .download-bt { width: 200px;}
  .page-study-rule-con .study-rule-con .infor-list .download-bt img { width: 160px; height: auto; margin: 0 auto;}


  .page-research-lab-intro { clear: both; width: 100%; padding: 60px 40px 0 40px; background-color: #fff; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 150% auto; background-position: -300px -1000px; box-sizing: border-box;}
  .page-research-lab-intro .column-full { width: 100%; padding: 10px 20px; color: #000; font-size: 1.4rem; font-weight: 300; border-bottom: 2px #ccc dashed; display: flex; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
  .page-research-lab-intro .column-full:first-child { border-top: 2px #ccc dashed;}
  .page-research-lab-intro .column-full .column-1 { width: 200px; font-weight: 500;}
  .page-research-lab-intro .column-full .column-2 { width: calc(100% - 200px); word-break: break-all; word-wrap: break-word;}
  .page-research-lab-intro .column-full .column-2 img.photo { max-width: 100%; height: auto;}
  .page-research-lab-intro .column-full .column-2 a { color: #043B6F; text-decoration: none;}
  .page-research-lab-intro .column-full .column-2 a:hover { border-bottom: 1px #043B6F solid;}



  .page-fundraising-people-year { clear: both; width: 100%; padding: 40px 40px 100px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-fundraising-people-year .year-bt { width: calc(100% / 4 - 30px); margin: 15px;}
  .page-fundraising-people-year .year-bt a { width: 100%; padding: 10px 0; color: #000; font-size: 1.2rem; text-align: center; text-decoration: none; border-radius: 30px; background-color: #fff; display: block;}
  .page-fundraising-people-year .year-bt a:hover { background-color: #eee;}


  .page-fundraising-people-list { clear: both; width: 100%; padding: 40px 40px 100px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-fundraising-people-list .caption-full { width: 100%; margin: 0 auto; font-size: 1.4rem; font-weight: 500; text-align: center; border-top: 2px #fff solid; border-bottom: 2px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-fundraising-people-list .caption-full .caption-1 { width: 17%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-2 { width: 29%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-4 { width: 29%; padding: 5px; box-sizing: border-box;}
  .page-fundraising-people-list .column-full { width: 100%; margin: 0 auto; font-size: 1.2rem; text-align: center; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-fundraising-people-list .column-full .column-1 { width: 17%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-2 { width: 29%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-4 { width: 29%; padding: 5px; box-sizing: border-box;}



  .page-research-plan-list { clear: both; width: 100%; padding: 40px 40px 100px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-plan-list .search-bar-mo { display: none;}
  .page-research-plan-list .search-bar { width: 100%; margin: 0 0 40px 0; font-size: 1.4rem; text-align: center;}
  .page-research-plan-list .search-bar input[type=search], 
  .page-research-plan-list .search-bar select { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; border: 1px #ccc solid; box-sizing: border-box;}
  .page-research-plan-list .search-bar input[type=submit], 
  .page-research-plan-list .search-bar input[type=button] { width: 100px; padding: 10px; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #151C51; border: 0; box-sizing: border-box; cursor: pointer;}
  .page-research-plan-list .caption-full { clear: both; width: 100%; font-size: 1.2rem; font-weight: 500; text-align: center; background-color: #fff; border-top: 2px #000 solid; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-plan-list .caption-full .caption-3-mo { display: none;}
  .page-research-plan-list .column-full .column-3-mo { display: none;}
  .page-research-plan-list .caption-full .caption-1 { width: 12%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-2 { width: 8%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-3 { width: 26%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-4 { width: 12%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-5 { width: 15%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-6 { width: 10%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-7 { width: 17%; padding: 10px 5px; box-sizing: border-box;}
  .page-research-plan-list .column-full { clear: both; width: 100%; font-size: 1rem; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-plan-list .column-full .column-1 { width: 12%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-2 { width: 8%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-3 { width: 26%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-3 a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-research-plan-list .column-full .column-4 { width: 12%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-5 { width: 15%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-6 { width: 10%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-7 { width: 17%; padding: 10px 5px; box-sizing: border-box;}


  .page-research-plan-con { clear: both; width: 100%; padding: 40px 40px 100px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-plan-con .column-full { clear: both; width: 100%; color: #000; font-size: 1.2rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-research-plan-con .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-plan-con .column-full .caption { width: 220px; padding: 10px; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-research-plan-con .column-full .column { width: calc(100% - 220px); padding: 10px; font-weight: 300; box-sizing: border-box;}



  .page-research-books-list { clear: both; width: 100%; padding: 40px 40px 100px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-books-list .search-bar-mo { display: none;}
  .page-research-books-list .search-bar { width: 100%; margin: 0 0 40px 0; font-size: 1.4rem; text-align: center;}
  .page-research-books-list .search-bar input[type=search], 
  .page-research-books-list .search-bar select { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; border: 1px #ccc solid; box-sizing: border-box;}
  .page-research-books-list .search-bar input[type=submit], 
  .page-research-books-list .search-bar input[type=button] { width: 100px; padding: 10px; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #151C51; border: 0; box-sizing: border-box; cursor: pointer;}
  .page-research-books-list .caption-full { clear: both; width: 100%; font-size: 1.2rem; font-weight: 500; text-align: center; background-color: #fff; border-top: 2px #000 solid; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-books-list .caption-full .caption-1 { width: 150px; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-books-list .caption-full .caption-2 { width: calc(100% - 150px); padding: 10px 5px; box-sizing: border-box;}
  .page-research-books-list .column-full { clear: both; width: 100%; font-size: 1.1rem; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-books-list .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-books-list .column-full .column-1 { width: 150px; padding: 10px 5px; text-align: center; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-books-list .column-full .column-2 { width: calc(100% - 150px); padding: 10px 5px; box-sizing: border-box;}
  .page-research-books-list .column-full .column-2 a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}


  .page-research-books-con { clear: both; width: 100%; padding: 40px 40px 100px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-books-con .column-full { clear: both; width: 100%; color: #000; font-size: 1.2rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-research-books-con .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-books-con .column-full .caption { width: 150px; padding: 10px; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-research-books-con .column-full .column { width: calc(100% - 150px); padding: 10px; font-weight: 300; box-sizing: border-box;}  


  /************ section#page-course ************/

  section#page-course { clear: both; width: 100%;}

  .page-course-con { clear: both; width: 100%;}
  .page-course-con .course-stitle { width: 100%; padding: 0 40px; margin: 25px 0; box-sizing: border-box;}
  .page-course-con .course-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-course-con .course-planning-con { width: 100%; padding: 40px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 150% auto; background-position: -300px top;}
  .page-course-con .course-planning-con .list-title { width: 100%; padding: 20px 0; color: #000; font-size: 1.8rem; font-weight: 500; border-bottom: 3px #fff solid;}
  .page-course-con .course-planning-con ul.course-list { width: 100%; padding: 0; margin: 40px 0 0 0; list-style: none; display: block;}
  .page-course-con .course-planning-con ul.course-list li { width: 100%; padding: 0; margin: 0 0 40px 0;}
  .page-course-con .course-planning-con ul.course-list li a { width: 100%; padding: 10px 30px; color: #fff; font-size: 1.8rem; text-decoration: none; box-sizing: border-box; border-radius: 30px; background-color: #432C1F; display: flex; justify-content: flex-start; align-items: center;}
  .page-course-con .course-planning-con ul.course-list li a img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}
  .page-course-con .course-planning-con ul.course-list li a:hover { background-color: #6c4a36;}

  .page-course-con .course-intro-con { width: 100%; padding: 40px 40px; box-sizing: border-box; background-color: #fff; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 150% auto; background-position: -300px -1200px;}
  .page-course-con .course-intro-con .item-list-box { width: 100%; margin: 0 0 50px 0; display: flex; justify-content: flex-start; align-items: center;}
  .page-course-con .course-intro-con .item-list-box .item-title { width: 340px; padding: 0 30px; box-sizing: border-box;}
  .page-course-con .course-intro-con .item-list-box .item-title img { width: 100%; height: auto;}
  .page-course-con .course-intro-con .item-list-box .item-intro { width: calc(100% - 340px); color: #000; font-size: 1.4rem; line-height: 2em;}


  /************ section#page-information ************/

  section#page-information { clear: both; width: 100%;}

  img.information-title { clear: both; width: 256px; height: auto; margin: 0 0 0 40px;}

  .page-information-con { clear: both; width: 100%; padding: 0 0 90px 0; margin: 40px 0 0 0;}
  .page-information-con .information-stitle { width: 100%; padding: 0 40px; margin: 25px 0; box-sizing: border-box;}
  .page-information-con .information-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-information-con .information-con { width: 100%; padding: 40px 40px 100px 40px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-information-con .information-con .infor-list { width: 100%; padding: 25px 0; border-bottom: 3px #fff solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  /*.page-information-con .information-con .infor-list .date { width: 140px; margin: 10px 0 0 0; color: #000; font-size: 1.4rem;}*/
  .page-information-con .information-con .infor-list .title { width: calc(100% - 200px); padding: 0 10px; margin: 8px 0 0 0; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; border-left: 2px #432C1F solid; box-sizing: border-box;}
  .page-information-con .information-con .infor-list .download-bt { width: 200px;}
  .page-information-con .information-con .infor-list .download-bt img { width: 160px; height: auto; margin: 0 auto;}


  /************ event highlights ************/

  .page-event-stitle { width: 100%; padding: 0; margin: 25px 0; box-sizing: border-box;}
  .page-event-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-event-highlights { clear: both; width: 100%; margin: 40px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-event-highlights .photo-box { width: calc(100% / 3 - 20px); padding: 5px; margin: 0 10px 30px 10px; border: 1px #ccc solid; box-sizing: border-box;}
  .page-event-highlights .photo-box img { width: 100%; height: auto;}
  .page-event-highlights .photo-box .title { width: 100%; padding: 10px 0; font-size: 1rem; line-height: 1.2em;}


  /************ section#page-website ************/

  section#page-website { clear: both; width: 100%;}

  .website-stitle { width: 100%; padding: 0 40px; margin: 25px 0; box-sizing: border-box;}
  .website-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  ul.websites-list { width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  ul.websites-list li { width: calc(100% / 2 - 40px); margin: 0 20px 40px 20px;}
  ul.websites-list li a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.4rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 20px; background-color: #432C1F; display: block;}
  ul.websites-list li a:hover { background-color: #484035;}


  /************ section#page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 80px 40px 120px 40px; box-sizing: border-box; background-color: #fff; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 160% auto; background-position: center -600px;}

  .sitemap-stitle { width: 100%; margin: 0 0 60px 0; text-align: center;}
  .sitemap-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  ul.sitemap-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  ul.sitemap-nav li { padding: 0; margin: 0 15px 40px 15px;}
  ul.sitemap-nav li a { color: #043B6F; font-size: 1.6rem; font-weight: 500; text-decoration: none;}
  ul.sitemap-nav li a:hover { border-bottom: 2px #043B6F solid;}
  ul.sitemap-nav li ul.sitemap-nav-pop { padding: 10px 0 0 0; margin: 0; list-style: none; display: block;}
  ul.sitemap-nav li ul.sitemap-nav-pop li { padding: 0; margin: 0 0 10px 0;}
  ul.sitemap-nav li ul.sitemap-nav-pop li a { color: #043B6F; font-size: 1.1rem; font-weight: 300; text-decoration: none;}
  ul.sitemap-nav li ul.sitemap-nav-pop li a:hover { border-bottom: 1px #043B6F solid;}



  .page-error-con { clear: both; width: 100%; margin: 60px 0 0 0;}
  .page-error-con .text-bigger { width: 100%; color: #043B6F; font-size: 3rem; font-weight: 600; text-align: center;}
  .page-error-con .goback-bt { width: 100%; margin: 40px 0 0 0; font-size: 1.8rem; text-align: center;}
  .page-error-con .goback-bt a { color: #043B6F; text-decoration: none; border-bottom: 2px #043B6F solid;}


  /************ IEET-data form ************/

  .page-ieet-data-form { clear: both; width: 100%; font-size: 1.2rem;}
  .page-ieet-data-form .data-table { width: 100%; border-bottom: 1px #333 solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-ieet-data-form .data-table:first-child { margin: 30px 0 0 0; border-top: 1px #333 solid;}
  .page-ieet-data-form .data-table .caption { width: 200px; padding: 10px; font-size: 1.2rem; font-weight: 500; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column { width: calc(100% - 200px); padding: 10px; font-size: 1.2rem; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column input[type=text], 
  .page-ieet-data-form .data-table .column select, 
  .page-ieet-data-form .data-table .column input[type=file] { width: 100%; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column textarea { width: 100%; height: 100px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column img.code { width: 110px; height: auto; margin: 0 10px 0 0; float: left;}
  .page-ieet-data-form .data-table .column input[type=text].code { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box; float: left;}

  .page-ieet-data-form input[type=submit], 
  .page-ieet-data-form input[type=button] { clear: both; width: 120px; padding: 6px 10px; color: #fff; font-size: 1.2rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 20px; background-color: #043B6F; box-sizing: border-box; cursor: pointer;}


  /************ footer ************/

  footer { clear: both; width: 100%; border-bottom: 20px #CDB491 solid;}

  .footer-nav { width: 100%; padding: 20px 40px; box-sizing: border-box; background-color: #EFE0BE;}
  .footer-nav ul.nav-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .footer-nav ul.nav-list li { padding: 0; margin: 0 20px 20px 20px; color: #000; font-size: 1.2rem; font-weight: 600; line-height: 1.2em;}
  .footer-nav ul.nav-list li a { color: #000; text-decoration: none;}
  .footer-nav ul.nav-list li a:hover { border-bottom: 2px #000 solid;}
  .footer-nav ul.nav-list li ul.nav-list-pop { clear: both; padding: 0; margin: 0; list-style: none; display: block;}
  .footer-nav ul.nav-list li ul.nav-list-pop li { padding: 0; margin: 10px 0; font-size: 0.9rem; font-weight: normal; line-height: 1.2em;}
  .footer-nav ul.nav-list li ul.nav-list-pop li a { color: #000; text-decoration: none;}
  .footer-nav ul.nav-list li ul.nav-list-pop li a:hover { border-bottom: 1px #000 solid;}

  .footer-infor { clear: both; width: 100%; padding: 20px 40px; box-sizing: border-box; background-color: #F7FFFF;}
  .footer-infor .qrcode-box { width: 170px; margin: 0 auto 30px auto;}
  .footer-infor .qrcode-box img { width: 100%; height: auto;}
  .footer-infor .address-nav { clear: both; width: 100%; margin: 0 auto; position: relative;}
  .footer-infor .address-nav .address-mo { display: none;}
  .footer-infor .address-nav .address { width: 100%; font-size: 1.1rem; font-weight: 500; line-height: 1.8em; text-align: center;}
  .footer-infor .address-nav .address a { color: #000; border-bottom: 1px #000 dashed; text-decoration: none;}
    
  .footer-social-icon { clear: both; width: 100%; margin: 0 0 20px 0; display: flex; justify-content: center; align-items: center;}
  .footer-social-icon img { width: 28px; height: auto; margin: 0 3px;}


}

@media screen and (max-width: 767px) {

  #gotop-bt { width: 40px; height: 40px; border-radius: 100%; background-color: #1D253E; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 50px; right: 20px; cursor: pointer; z-index: 999;}
  #gotop-bt span.icon { color: #fff; font-size: 1.4em;}


  /************ header + banner + nav ************/

  header { width: 100%; height: 180px; background-color: rgba(255,255,255,0.95); position: fixed; top: 0; left: 0; z-index: 999;}

  .header-top-logo { width: 100%; padding: 10px 0 0 0; background-color: #000;}
  .header-top-logo img { width: 200px; height: auto; margin: 0 auto;}

  .header-top-bar { width: 100%; padding: 7px 20px; box-sizing: border-box; background-color: #000; display: flex; justify-content: space-between; align-items: center; position: relative;}
  .header-top-bar .top-nav-mo-icon { width: 40px; color: #FF9200; font-size: 1.4em; line-height: 1em; text-align: center; cursor: pointer;}
  .header-top-bar ul.top-nav { display: none;}
  .header-top-bar ul.top-nav-mo { width: 300px; padding: 40px; margin: 0; box-sizing: border-box; color: #FF9200; font-size: 1.1em; line-height: 1em; background-color: #000; list-style: none; display: none; position: absolute; top: 40px; left: -300px; z-index: 99999;}
  .header-top-bar ul.top-nav-mo li { padding: 20px; margin: 0; border-bottom: 1px #FF9200 solid;}
  .header-top-bar ul.top-nav-mo li:last-child { border-bottom: 0;}
  .header-top-bar ul.top-nav-mo li a { color: #FF9200; text-decoration: none;}
  .header-top-bar .top-search { padding: 2px 0; margin: 0 20px; color: #151C51; background-color: #fff;}
  .header-top-bar .top-search form { display: flex; justify-content: flex-start; align-items: center;}
  .header-top-bar .top-search input[type=search] { width: 100px; padding: 3px 5px; border: 0; color: #151C51; background-color: #fff; box-sizing: border-box;}
  .header-top-bar .top-search input[type=button] { width: 30px; height: 22px; color: #151C51; background-image: url("../images/header_top_search_icon.png"); background-repeat: no-repeat; background-size: 22px 22px; background-position: center top; border: 0; background-color: #fff; cursor: pointer;}
  .header-top-bar .top-social { display: flex; justify-content: center; align-items: center;}
  .header-top-bar .top-social img.icon { width: 26px; height: auto; margin: 0 3px;}

  .header-bt-bar { clear: both; width: 100%; padding: 20px 10px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
  .header-bt-bar .ntcu-logo { width: 240px;}
  .header-bt-bar .ntcu-logo img { width: 240px; height: auto;}

  nav#header-nav-pc { display: none;}

  nav#header-nav-mo { width: calc(100% - 240px);}
  nav#header-nav-mo .nav-icon-open { width: 50px; color: #432C1F; font-size: 2.4em; text-align: center; float: right;}
  
  ul#nav-list-mo { clear: both; width: 100%; padding: 40px; margin: 178px 0 -180px 0; box-sizing: border-box; background-color: #432C1F; list-style: none; display: none;}
  ul#nav-list-mo li { padding: 0; margin: 0; text-align: center;}
  ul#nav-list-mo li a { width: 100%; padding: 20px 0; color: #fff; font-size: 1.4em; font-weight: 600; line-height: 1em; text-decoration: none; display: block;}
  ul#nav-list-mo li ul#nav-popup { width: 100%; padding: 10px; margin: 0; box-sizing: border-box; background-color: rgba(255,255,255,0.2); list-style: none; display: none;}
  ul#nav-list-mo li ul#nav-popup li { width: 100%; padding: 0; margin: 0; border-bottom: 1px rgba(255,255,255,0.2) solid;}
  ul#nav-list-mo li ul#nav-popup li:last-child { border-bottom: 0;}
  ul#nav-list-mo li ul#nav-popup li a { width: 100%; padding: 15px 0; color: #fff; font-size: 1.4rem; font-weight: 300; line-height: 1.2em; text-align: center; text-decoration: none; display: block;}


  /************ hp-banner ************/

  .hp-banner { clear: both; width: 100%; margin: 180px 0 0 0; position: relative; z-index: 998;}
  .hp-banner img { width: 100%; height: auto;}


  /************ section#hp-about ************/

  section#hp-about { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box; position: relative; z-index: 1;}

  .hp-about-col-lf { width: 100%;}
  img.hp-about-title { width: 366px; max-width: 80%; height: auto;}
  .hp-about-col-lf .text-content { width: 100%; padding: 25px 0 0 0; font-size: 1.2rem; line-height: 1.8em;}
  .hp-about-col-lf .text-content span.sub-text { color: #333; font-size: 1.8rem; font-weight: 600; line-height: 1.6em; background-color: #CDB491;}
  
  img.hp-more-bt { width: 100%; height: auto;}

  .hp-about-col-rt { display: none;}
  .hp-about-col-rt-mo { width: 100%; padding: 30px 0 0 0; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start;}
  .hp-about-col-rt-mo img.pics { width: calc(50% - 10px); height: auto; margin: 0 5px;}


  /************ section#hp-news************/

  section#hp-news { clear: both; width: 100%; padding: 0 0 60px 0; background-color: #E1D2BD; position: relative; z-index: 2;}

  .hp-news-title-box { width: 100%; overflow: hidden;}
  .hp-news-title-box img { width: 200%; height: auto;}

  .hp-news-list { clear: both; width: 100%; padding: 60px 20px 0 20px; box-sizing: border-box;}
  .hp-news-list .news-list { width: 100%; padding: 0 0 0 10px; margin: 0 0 40px 0; box-sizing: border-box; border-left: 5px #fff solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .hp-news-list .news-list .date { width: 120px; color: #043B6F; font-size: 1.1rem;}
  .hp-news-list .news-list .sort-name { width: 100px; padding: 3px 0; font-size: 0.9rem; text-align: center; border-radius: 16px;}
  .hp-news-list .news-list .title { width: 100%; padding: 10px 0 5px 0; font-size: 1.4rem;}
  .hp-news-list .news-list .title a { color: #000; text-decoration: none;}
  .hp-news-list .news-list .title a:hover { border-bottom: 1px #000 solid;}
  
  a.hp-more-full-bt { display: none;}
  a.hp-more-full-bt-mo { clear: both; width: 100%; padding: 0 20px; box-sizing: border-box; display: block;}
  a.hp-more-full-bt-mo img { width: 100%; height: auto;}


  /************ section#hp-awards************/

  section#hp-awards { clear: both; width: 100%; padding: 60px 20px 80px 20px; box-sizing: border-box; background-image: url("../images/hp_awards_bg.jpg"); background-repeat: repeat-y; background-size: 160% auto; background-position: center top;}

  img.hp-awards-title { width: 256px; max-width: 80%; height: auto; margin: 0 0 40px 0;}

  .hp-awards-list { clear: both; width: 90%; margin: 50px auto 0 auto; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-awards-list .awards-list { width: 100%; margin: 0 0 30px 0; border: 10px #fff solid; background-color: #fff; box-sizing: border-box;}
  .hp-awards-list .awards-list a { width: 100%; text-decoration: none; display: block;}
  .hp-awards-list .awards-list a .pic { width: 100%;}
  .hp-awards-list .awards-list a .pic img { width: 100%; height: auto;}
  .hp-awards-list .awards-list a .date { width: 160px; padding: 5px 0; margin: 10px 0 0 0; color: #fff; font-size: 1.4rem; text-align: center; background-color: #CF5144;}
  .hp-awards-list .awards-list a .title { width: 100%; padding: 10px 0; color: #000; font-size: 1.2rem; line-height: 1.4em;}
  .hp-awards-list .awards-list:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}


  /****** 20250707新增 ******/

  ul.about-award-bt { clear: both; width: 100%; padding: 0; margin: 0 00 40px 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
  ul.about-award-bt li.teacher-award-bt { width: 140px; margin: 0 10px 0 0;}
  ul.about-award-bt li.teacher-award-bt a { width: 100%; padding: 5px 0; color: #4F4F4F; font-size: 1.4rem; line-height: 1em; font-weight: 500; letter-spacing: 0.1rem; text-align: center; text-decoration: none; border-radius: 6px; background-color: #fff; display: block;}
  ul.about-award-bt li.teacher-award-bt a:hover { background-color: #ccc;}
  ul.about-award-bt li.teacher-award-bt a.sel { background-color: #ccc;}
  ul.about-award-bt li.student-award-bt { width: 140px; margin: 0 10px 0 0;}
  ul.about-award-bt li.student-award-bt a { width: 100%; padding: 5px 0; color: #4F4F4F; font-size: 1.4rem; line-height: 1em; font-weight: 500; letter-spacing: 0.1rem; text-align: center; text-decoration: none; border-radius: 6px; background-color: #fff; display: block;}
  ul.about-award-bt li.student-award-bt a:hover { background-color: #ccc;}
  ul.about-award-bt li.student-award-bt a.sel { background-color: #ccc;}

  .page-about-winner-list { clear: both; width: 100%; background-color: #432C1F;}
  .page-about-winner-list div { width: 100%; display: none;}
  .page-about-winner-list div .caption-full { clear: both; width: 100%; padding: 5px 0; color: #fff; font-size: 0.8rem; line-height: 1.2em; background-color: #043B6F; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-about-winner-list div .caption-full .caption-1 { width: 10%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-2 { width: 8%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-3 { width: 38%; padding: 2px 5px; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-4 { width: 24%; padding: 2px 5px; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .caption-full .caption-5 { width: 20%; padding: 2px 5px; box-sizing: border-box;}
  .page-about-winner-list div .column-full { clear: both; width: 100%; padding: 5px 0; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-about-winner-list div .column-full:hover { background-color: rgba(255,255,255,0.1);}
  .page-about-winner-list div .column-full .column-1 { width: 10%; padding: 15px 5px; color: #F7B72B; font-size: 0.8rem; font-weight: 300; line-height: 1.2em; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-2 { width: 8%; padding: 15px 5px; color: #F7B72B; font-size: 0.8rem; font-weight: 300; line-height: 1.2em; text-align: center; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-3 { width: 38%; padding: 15px 5px; color: #fff; font-size: 0.8rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-4 { width: 24%; padding: 15px 5px; color: #fff; font-size: 0.8rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}
  .page-about-winner-list div .column-full .column-5 { width: 20%; padding: 15px 5px; color: #36D4FF; font-size: 0.8rem; font-weight: 300; line-height: 1.2em; box-sizing: border-box;}


  /************ section#hp-admissions************/

  section#hp-admissions { clear: both; width: 100%; padding: 0; margin: 0;}

  a.hp-admissions-pic { width: 100%; display: block; overflow: hidden;}
  a.hp-admissions-pic img { width: 140%; height: auto; margin: 0 0 0 -40%;}


  /************ page-banner ************/

  .page-banner { clear: both; width: 100%; margin: 180px 0 0 0;}
  .page-banner img { width: 100%; height: auto;}


  /************ page-breadcrumbs-bar ************/

  .page-breadcrumbs-bar { clear: both; width: 100%; padding: 30px 20px 50px 20px; color: #484035; font-size: 0.9rem; font-weight: 300; box-sizing: border-box;}
  .page-breadcrumbs-bar a { color: #484035; text-decoration: none;}
  .page-breadcrumbs-bar a:hover { border-bottom: 1px #484035 dashed;}


  /************ section#page-about-1************/

  section#page-about-intro { clear: both; width: 100%; padding: 0 20px 60px 20px; box-sizing: border-box;}

  .page-title-nav { width: 100%;}
  .page-title-nav img.about-title { width: 256px; max-width: 80%; height: auto; margin: 0 20% 0 0;}
  .page-title-nav a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav a.about-nav-1 .nav-text, 
  .page-title-nav a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav a.about-nav-1 .nav-bg, 
  .page-title-nav a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-title-nav-2 { width: 100%; padding: 0 20px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-title-nav-2 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-1 .nav-text, 
  .page-title-nav-2 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2 a.about-nav-1 .nav-bg, 
  .page-title-nav-2 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-title-nav-2-1 { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-title-nav-2-1 img.about-title { width: 256px; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2-1 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2-1 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2-1 a.about-nav-1 .nav-text, 
  .page-title-nav-2-1 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2-1 a.about-nav-1 .nav-bg, 
  .page-title-nav-2-1 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-about-history { clear: both; width: 100%;}
  .page-about-history .about-stitle { width: 100%; margin: 25px 0;}
  .page-about-history .about-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}
  .page-about-history .col-rt { display: none;}
  .page-about-history .col-rt-mo { width: 100%; margin: 60px 0 0 0;}
  .page-about-history .col-rt-mo img { width: 100%; height: auto; margin: 0 0 10px 0;}
  .page-about-history .col-lf { width: 100%; font-size: 1.3rem; line-height: 1.8em;}
  .page-about-history .col-full { clear: both; font-size: 1.3rem; line-height: 1.8em; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-about-history .col-full .year { width: 100px;}
  .page-about-history .col-full .event { width: calc(100% - 100px);}

  section#page-about-purpose { clear: both; width: 100%; overflow: hidden;}

  img.about-purpose { width: 230%; height: auto; margin: 0 0 0 -30%;}


  /*** 20241212 new *********************/
  ul.dep-alumni-tab { clear: both; width: 100%; padding: 0; margin: 30px 0 10px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.dep-alumni-tab li { padding: 0; margin: 0 5px 10px 5px;}
  ul.dep-alumni-tab li a { padding: 8px 20px; color: #6c4a36; font-size: 1.2rem; text-decoration: none; border: 1px #6c4a36 solid; background-color: #fff; display: block;}
  ul.dep-alumni-tab li a:hover { background-color: #eee;}
  ul.dep-alumni-tab li a.sel { color: #fff; background-color: #6c4a36;}

  .dep-alumni-tab-con { clear: both; width: 100%; padding: 40px 0; border-top: 1px #6c4a36 solid; box-sizing: border-box;}
  .dep-alumni-tab-con div { display: none;}
  .dep-alumni-tab-con div .about-stitle { width: 100%; margin: 25px 0;}
  .dep-alumni-tab-con div .about-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}



  /*** 20250221 new *********************/
  ul.dep-alumni-celebration { clear: both; width: 100%; padding: 0; margin: 30px 0 10px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.dep-alumni-celebration li { padding: 0; margin: 0 5px 10px 5px;}
  ul.dep-alumni-celebration li a { padding: 8px 20px; color: #6c4a36; font-size: 1.2rem; text-decoration: none; border: 1px #6c4a36 solid; background-color: #fff; display: block;}
  ul.dep-alumni-celebration li a:hover { background-color: #eee;}
  ul.dep-alumni-celebration li a.sel { color: #fff; background-color: #6c4a36;}
  


  section#page-about-org { clear: both; width: 100%; padding: 70px 20px; box-sizing: border-box; background-image: url("../images/page_about_org_bg.png"); background-repeat: no-repeat; background-size: cover;}

  .page-about-org { clear: both; width: 100%;}
  .page-about-org .about-stitle { width: 100%; margin: 25px 0; text-align: center;}
  .page-about-org .about-stitle span { padding: 0 5px; color: #fff; font-size: 2rem; font-weight: 600; background-color: #432C1F;}
  .page-about-org img.about-org-tree { width: 100%; height: auto; margin: 80px auto 0 auto;}


  img.department-alumni-3-pic { width: 100%; height: auto;}

  img.department60-banner { display: none;}
  img.department60-banner-mo { width: 100%; height: auto; margin: 60px 0;}

  ul.page-alumni60-nav { clear: both; width: 100%; padding: 0; margin: 30px 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-alumni60-nav li { padding: 0; margin: 0 10px 20px 10px;}
  ul.page-alumni60-nav li a { padding: 10px 30px; color: #fff; font-size: 1.2rem; border-radius: 30px; background-color: #432C1F; text-decoration: none; display: block;}
  ul.page-alumni60-nav li a:hover { background-color: rgba(67,44,31,0.8);}
  ul.page-alumni60-nav li a.sel { color: #432C1F; background-color: rgba(67,44,31,0.3);}


  .page-alumni-lecture { clear: both; width: 100%;}


  img.fundraising-plan-banner { display: none;}
  img.fundraising-plan-banner-mo { width: 100%; height: auto;}

  .fundraising-plan-text { clear: both; width: 100%; margin: 60px 0 0 0; font-size: 1.2rem; line-height: 1.8em;}
  .fundraising-plan-text a { color: #000; text-decoration: none; word-break: break-all;}
  .fundraising-plan-text a:hover { border-bottom: 1px #000 dashed;}
  .fundraising-plan-text a.download-icon { color: #432C1F; font-size: 2rem;}


  .fundraising-result-title { clear: both; width: 100%; padding: 0 0 10px 0; margin: 60px 0; font-size: 1.4rem; font-weight: 600; border-bottom: 2px #432C1F solid;}
  .fundraising-result-photos { clear: both; width: 100%; margin: 0 0 60px 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .fundraising-result-photos .photo-title { width: 100%; padding: 0 10px 20px 10px; color: #432C1F; font-size: 1.2rem; font-weight: 500; box-sizing: border-box;}
  .fundraising-result-photos .photo-box { width: calc(100% / 2 - 20px); margin: 0 10px 20px 10px;}
  .fundraising-result-photos .photo-box a { color: #000; text-decoration: none;}
  .fundraising-result-photos .photo-box a .photo { width: 100%; height: 22vw; display: flex; justify-content: center; align-items: center; overflow: hidden;}
  .fundraising-result-photos .photo-box a .photo img { width: 100%; height: auto; transition: 0.5s;}
  .fundraising-result-photos .photo-box a .text { width: 100%; padding: 10px 0 0 0; font-size: 0.9rem;}
  .fundraising-result-photos .photo-box a:hover .photo img { width: 140%; height: auto; transition: 0.5s;}



  /*20250203更新*/
  .page-depart-subtitle { clear: both; width: 100%; text-align: center; background-image: url("../images/dot_gray.png"); background-repeat: repeat-x; background-position: center center;}
  .page-depart-subtitle span { color: #043B6F; font-size: 1.8rem; font-weight: 500; background-color: #fff;}

  /*20250205更新*/
  .page-depart-subtitle-2 { clear: both; width: 100%; text-align: center; background-image: url("../images/dot_white.png"); background-repeat: repeat-x; background-position: center center;}
  .page-depart-subtitle-2 span { color: #fff; font-size: 1.8rem; font-weight: 500; background-color: #E1D2BD;}


  /************ section#page-about-feature************/

  section#page-about-feature { clear: both; width: 100%; padding: 0 20px; box-sizing: border-box;}

  section#page-about-feature-photo { clear: both; width: 100%;}

  section#page-about-feature-photo .photo-full { width: 100%; margin: 20px 0 0 0;}
  section#page-about-feature-photo .photo-full img { width: 100%; height: auto; margin: 0 0 10px 0;}

  section#page-about-target { clear: both; width: 100%; padding: 30px 0 80px 0; background-color: #E1D2BD;}

  .page-about-target-title { clear: both; width: 100%; position: relative;}
  .page-about-target-title img.title-bg { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-about-target-title .target-stitle { width: 28vw; position: absolute; top: 2vw; left: 33.3vw; z-index: 2;}
  .page-about-target-title .target-stitle span { padding: 0 0.5vw; color: #333; font-size: 6vw; font-weight: 600; background-color: #CDB491;}

  .page-about-target-list { clear: both; width: 100%; padding: 0 20px; box-sizing: border-box;}
  .page-about-target-list .column-list { clear: both; width: 90%; margin: 40px 0 0 10%;}
  .page-about-target-list .column-list img.stitle { width: 235px; height: auto; margin: -3.8vw 0 1vw 0; position: relative; z-index: 3;}
  .page-about-target-list .column-list ul.target-list { clear: both; width: 100%; padding: 0; margin: 0; list-style-type: decimal; display: inline; box-sizing: border-box;}
  .page-about-target-list .column-list ul.target-list li { width: 100%; padding: 0; margin: 0; font-size: 1.2rem; line-height: 1.8em;}


  /************ section#page-news ************/

  section#page-news { clear: both; width: 100%; padding: 0 0 80px 0; background-color: #E1D2BD;}

  .page-news-list { clear: both; width: 100%; padding: 0 20px; box-sizing: border-box;}
  .page-news-list img.news-title { width: 256px; height: auto; margin: 0 30px 0 0;}

  .page-news-sort { clear: both; width: 100%; margin: 10px 0 40px 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-news-sort a { width: 100px; padding: 5px 0; margin: 5px; font-size: 1.1rem; text-align: center; text-decoration: none; border-radius: 20px; border: 1px #E1D2BD solid; display: block;}
  .page-news-sort a:hover { border: 1px #000 solid;}

  .news-list-full { clear: both; width: 100%;}
  .news-list-full .news-list { width: 100%; padding: 0 0 0 10px; margin: 0 0 40px 0; box-sizing: border-box; border-left: 5px #fff solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .news-list-full .news-list .date { width: 120px; color: #043B6F; font-size: 1.2rem;}
  .news-list-full .news-list .sort-name { width: 100px; padding: 5px 0; font-size: 1.1rem; text-align: center; border-radius: 20px;}
  .news-list-full .news-list img.new-icon { width: 50px; height: auto; margin: 0 0 0 20px;}
  .news-list-full .news-list .title { width: 100%; padding: 10px 0 5px 0; font-size: 1.4rem;}
  .news-list-full .news-list .title a { color: #000; text-decoration: none;}
  .news-list-full .news-list .title a:active { border-bottom: 1px #000 solid;}


  ul.page-number-bar { clear: both; width: 100%; padding: 0; margin: 80px 0 0 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-number-bar li { width: 36px; padding: 0; margin: 0 0 5px 0;}
  ul.page-number-bar li a { width: 100%; padding: 5px 0; font-size: 1rem; text-align: center; text-decoration: none; display: block;}
  ul.page-number-bar li:nth-child(even) a { color: #B7B7B7; background-color: #EAEAEA;}
  ul.page-number-bar li:nth-child(odd) a { color: #A3A3A3; background-color: #E0E0E0;}
  ul.page-number-bar li a:active { background-color: #fff;}
  ul.page-number-bar li a.sel { color: #FF7B22; font-weight: 600;}


  /************ section#page-news-content ************/

  section#page-news-content { clear: both; width: 100%; padding: 0 20px; background-color: #fff; box-sizing: border-box;}
  
  .page-news-con { width: 100%; padding: 0 0 80px 0;}
  .page-news-con img.news-title { width: 256px; max-width: 100%; height: auto; margin: 0 30px 0 0;}
  
  .page-news-con .date-title-box { width: 100%; padding: 20px 0; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-news-con .date-title-box .date { width: 100%; padding: 0 0 10px 0; color: #043B6F; font-size: 1.2rem;}
  .page-news-con .date-title-box .title { width: 100%; color: #432C1F; font-size: 1.6rem; font-weight: 600; line-height: 1.4em;}
  .page-news-con .news-con { width: 100%; padding: 20px 0; font-size: 1.2rem; font-weight: 300; line-height: 1.6em; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-news-con .news-con a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-news-con .news-con a:hover { color: #043B6F; border-bottom: 1px #043B6F dashed;}
  .page-news-con .news-con img { max-width: 100%; height: auto;}

  .page-news-con .links-bar { width: 100%; padding: 25px 0; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-news-con .links-bar a { margin: 0 50px 0 0; display: block; color: #000; font-size: 1.4rem; font-weight: 300; text-decoration: none; display: flex; justify-content: flex-start; align-items: center;}
  .page-news-con .links-bar a img.icon { width: 24px; height: auto; margin: 0 5px 5px 0;}

  a.goback-bt { clear: both; width: 100px; margin: 80px auto 0 auto; display: block;}
  a.goback-bt img { width: 100%; height: auto;}



  .page-alumni-lecture-news { clear: both; width: 100%;}
  .page-alumni-lecture-news .caption-full { width: 100%; color: #fff; font-size: 1rem; font-weight: 500; background-color: #423F38; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-alumni-lecture-news .caption-full .caption-1 { width: 100%; padding: 10px 5px; text-align: center; border-bottom: 1px #666 solid; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-2 { width: 24%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-3 { width: 23%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-4 { width: 18%; padding: 10px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .caption-full .caption-5 { width: 35%; padding: 10px 5px; box-sizing: border-box;}
   /*.page-alumni-lecture-news .caption-full .caption-6 { width: 15%; padding: 10px 5px; text-align: center; box-sizing: border-box;}*/
  .page-alumni-lecture-news .column-full { width: 100%; font-size: 0.8rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-alumni-lecture-news .column-full:hover { background-color: rgba(255,255,255,0.2);}
  .page-alumni-lecture-news .column-full .column-1 { width: 100%; padding: 15px 5px 0 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-1 a.link { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-alumni-lecture-news .column-full .column-1 a.link:hover { color: #484035; border-bottom: 1px #484035 dashed;}
  .page-alumni-lecture-news .column-full .column-2 { width: 24%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-3 { width: 23%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-4 { width: 18%; padding: 15px 5px; box-sizing: border-box;}
  .page-alumni-lecture-news .column-full .column-5 { width: 35%; padding: 15px 5px; box-sizing: border-box;}
  /*.page-alumni-lecture-news .column-full .column-6 { width: 15%; padding: 15px 5px; color: #432C1F; font-size: 1.4rem; text-align: center; box-sizing: border-box; cursor: pointer;}
  .page-alumni-lecture-news .column-full .column-7 { clear: both; width: 100%; padding: 10px; font-size: 0.8rem; line-height: 1.6em; box-sizing: border-box; background-color: rgba(255,255,255,0.5); display: none; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-caption { width: 80px; padding: 10px 0; color: #043B6F; font-weight: 500; text-align: right;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-column { width: calc(100% - 80px); padding: 10px 0;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-full { width: 100%; padding: 10px 0; margin: 20px 0 0 0; word-wrap: break-word;}
  .page-alumni-lecture-news .column-full .column-7 .col-7-full a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}*/



  /**20250224新增**/
  .lite_alumni-list-full { clear: both; width: 100%;}
  .lite_alumni-list-full .caption-full { width: 100%; padding: 10px 0; color: #fff; font-size: 0.9rem; font-weight: 5000; text-align: center; background-color: #432C1F; display: flex; justify-content: flex-start; align-items: stretch;}
  .lite_alumni-list-full .caption-full .caption-1 { width: 13%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-2 { width: 25%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-3 { width: 19%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-4 { width: 30%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .caption-full .caption-5 { width: 13%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full { width: 100%; padding: 15px 0; color: #000; font-size: 0.7rem; text-align: center; border-bottom: 1px #432C1F solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .lite_alumni-list-full .column-full .column-1 { width: 13%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-2 { width: 25%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-3 { width: 19%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-4 { width: 30%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-5 { width: 12%; padding: 0 5px; box-sizing: border-box;}
  .lite_alumni-list-full .column-full .column-5 a { color: #000; text-decoration: none; cursor: pointer;}
  .lite_alumni-list-full .column-full .column-6 { width: 100%; padding: 10px; margin: 10px 0 0 0; text-align: left; border-top: 1px #888 dashed; box-sizing: border-box; background-color: rgba(255,255,255,0.3);}


  /************ section#page-teachers ************/

  section#page-teachers { clear: both; width: 100%; padding: 0 20px 80px 20px; background-color: #fff; background-image: url("../images/page_teachers_list_bg.png"); background-repeat: repeat-y; background-position: tope left; background-size: 1600px auto; box-sizing: border-box;}

  .page-teachers-title { clear: both; width: 100%;}
  .page-teachers-title img { width: 256px; max-width: 100%; height: auto; margin: 0 30px 0 0;}

  .page-teachers-group { width: 100%; margin: 30px 0; text-align: center;}
  .page-teachers-group .column { width: 100%; margin: 0 0 20px 0; font-size: 1.2rem; align-items: center;}
  .page-teachers-group .column select { width: 200px; padding: 5px; color: #000; font-size: 1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; font-weight: 300; border: 1px #5F5E5E solid; box-sizing: border-box;}

  .page-teachers-list { clear: both; width: 100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-teachers-list .teachers-box { width: 100%; margin: 0 0 30px 0;}
  .page-teachers-list .teachers-box a { color: #000; text-decoration: none;}
  .page-teachers-list .teachers-box a .photo-bx { width: 100%; height: 330px; border: 1px #432C1F solid; box-sizing: border-box; background-color: #fff; display: flex; justify-content: center; overflow: hidden;}
  .page-teachers-list .teachers-box a .photo-bx img { width: auto; height: 100%;}
  .page-teachers-list .teachers-box a .name-bx { width: 100%; padding: 10px 20px; color: #fff; font-size: 1.6rem; line-height: 1em; background-color: #432C1F; box-sizing: border-box;}
  .page-teachers-list .teachers-box .infor-bx { width: 100%; padding: 15px 20px; font-size: 1.2rem; font-weight: 300; line-height: 1.8em; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}
  .page-teachers-list .teachers-box .infor-bx span.title { font-size: 1.6rem; font-weight: 400;}
  .page-teachers-list .teachers-box .infor-bx a { color: #000; text-decoration: none;}
  .page-teachers-list .teachers-box .infor-bx a:active { border-bottom: 1px #000 dashed;}


  /************ section#page-teachers-con ************/

  section#page-teachers-con { clear: both; width: 100%; background-color: #E1D2BD;}

  .page-teachers-con-full { clear: both; width: 100%; padding: 0 20px 40px 20px; background-color: #fff; box-sizing: border-box; position: relative; z-index: 1;}

  .page-teachers-profiles { clear: both; width: 100%; padding: 0 20px; background-color: #E1D2BD; box-sizing: border-box;}
  .page-teachers-profiles .photo-name { width: 100%; margin: 40px 0 0 0;}
  .page-teachers-profiles .photo-name .photo { width: 100%; border: 1px #432C1F solid; box-sizing: border-box; background-color: #fff; display: flex; justify-content: center; overflow: hidden;}
  .page-teachers-profiles .photo-name .photo img { width: auto; height: 330px;}
  .page-teachers-profiles .photo-name .name { width: 100%; padding: 5px 25px; color: #fff; font-size: 2.2rem; font-weight: 600; background-color: #432C1F; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor { width: 100%; padding: 40px 0; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .title { width: 100%; padding: 0 0 20px 0; color: #432C1F; font-size: 2.2rem; font-weight: 500; line-height: 1.2em; border-bottom: 1px #4C4F59 solid; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .infor { width: 100%; padding: 20px 0; color: #2B2E39; font-size: 1.2rem; font-weight: 300; line-height: 2.2em; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}
  .page-teachers-profiles .personal-infor .infor a { color: #000; text-decoration: none;}
  .page-teachers-profiles .personal-infor .infor a:active { border-bottom: 1px #000 dashed;}

  .page-teachers-con-full-2 { width: 100%; padding: 80px 20px; background-color: #fff; box-sizing: border-box;}
  .page-teachers-con-full-2 ul.teacher-details { width: 100%; padding: 0; margin: 0; list-style: none; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li { width: 100%; padding: 0; margin: 0 0 30px 0;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-1 { width: 140px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-1 { width: calc(100% - 140px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-2 { width: 170px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-2 { width: calc(100% - 170px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text-3 { width: 200px; color: #423F38; font-size: 1.8rem; font-weight: 600;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line-3 { width: calc(100% - 200px - 40px); border-top: 1px #432C1F solid; display: block;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .icon-arrow { width: 40px; color: #432C1F; font-size: 2.2rem; text-align: right; cursor: pointer; position: relative; z-index: 3;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .icon-arrow .icon-up { display: none; position: relative; z-index: 3;}
  .page-teachers-con-full-2 ul.teacher-details li .content-list { width: 100%; padding: 20px 0 40px 0; color: #2D3E50; font-size: 1.2rem; font-weight: 300; line-height: 2em; display: none;}


  /*20241206更新*/
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text { width: 100%; position: relative;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text img.bg { width: 100%; height: auto; position: relative; z-index: 1;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .text .title { width: 100%; height: 100%; padding: 0 0 0 36vw; box-sizing: border-box; color: #fff; font-size: 7.5vw; font-weight: 500; line-height: 1em; display: flex; justify-content: flex-start; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-teachers-con-full-2 ul.teacher-details li .sub-title .line { width: calc(100% - 40px); border-top: 1px #432C1F solid; display: block;}


  /************ section#page-admission ************/

  section#page-admission { clear: both; width: 100%; padding: 0 0 100px 0;}

  .page-title-nav-2 { width: 100%; padding: 0 20px; box-sizing: border-box;}
  .page-title-nav-2 img.about-title { width: 256px; max-width: 100%; height: auto; margin: 0 30px 0 0;}
  .page-title-nav-2 a.about-nav-1 { width: 228px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-2 { width: 275px; color: #432C1F; text-decoration: none; display: block; position: relative;}
  .page-title-nav-2 a.about-nav-1 .nav-text, 
  .page-title-nav-2 a.about-nav-2 .nav-text { width: 100%; height: 100%; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2;}
  .page-title-nav-2 a.about-nav-1 .nav-bg, 
  .page-title-nav-2 a.about-nav-2 .nav-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  .page-admission-message { clear: both; width: 100%;}
  .page-admission-message .admission-stitle { width: 100%; padding: 0 20px; margin: 25px 0; box-sizing: border-box;}
  .page-admission-message .admission-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}
  .page-admission-message .admission-con-box { clear: both; width: 100%; margin: 60px 0 30px 0;}
  .page-admission-message .admission-con-box .admission-add { width: 100%; height: auto; position: relative; z-index: 2; overflow: hidden;}
  .page-admission-message .admission-con-box .admission-add img { width: 200%; height: auto;}
  .page-admission-message .admission-con-box .admission-list { width: 100%; padding: 30px 20px; box-sizing: border-box; position: relative; z-index: 1;}
  .page-admission-message .admission-con-box .admission-list .list-box { width: 100%; padding: 10px 0;}
  .page-admission-message .admission-con-box .admission-list .list-box .date { width: 100%; color: #fff; font-size: 1.6rem;}
  .page-admission-message .admission-con-box .admission-list .list-box .title { width: 100%; font-size: 1.6rem;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a { color: #000; text-decoration: none; display: flex; justify-content: flex-start;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a:hover { color: #333;}
  .page-admission-message .admission-con-box .admission-list .list-box .title a img { width: 28px; height: auto; margin: 0 0 0 10px;}


  .master-admit-list-box { clear: both; width: 100%; padding: 30px 20px 70px 20px; margin: 0 0 10px 0; box-sizing: border-box; background-color: #CDB491; background-image: url("../images/admit_list_master_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
  .phd-admit-list-box { clear: both; width: 100%; padding: 30px 20px 70px 20px; box-sizing: border-box;  background-color: #868277; background-image: url("../images/admit_list_phd_bg.jpg"); background-repeat: no-repeat; background-position: left top; background-size: cover;}
  .master-admit-list-box .title-bar, 
  .phd-admit-list-box .title-bar { width: 100%; padding: 0 20px 20px 20px; color: #000; font-size: 2rem; font-weight: 500; border-bottom: 3px #fff solid; box-sizing: border-box;}
  .master-admit-list-box .list-box, 
  .phd-admit-list-box .list-box { width: 100%; margin: 30px 0;}
  .master-admit-list-box .list-box a, 
  .phd-admit-list-box .list-box a { width: 100%; padding: 10px 30px; color: #fff; font-size: 1.4rem; text-decoration: none; border-radius: 20px; background-color: #432C1F; box-sizing: border-box; display: block;}
  .master-admit-list-box .list-box a .date, 
  .phd-admit-list-box .list-box a .date { width: 100%;}
  .master-admit-list-box .list-box a .title, 
  .phd-admit-list-box .list-box a .title { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .master-admit-list-box .list-box a .title img.icon, 
  .phd-admit-list-box .list-box a .title img.icon { width: 28px; height: auto; margin: 0 0 0 10px;}


  /************ section#page-research ************/

  section#page-research { clear: both; width: 100%;}

  .page-research-lab { clear: both; width: 100%;}
  .page-research-lab .research-stitle { width: 100%; padding: 0 20px; margin: 25px 0; box-sizing: border-box;}
  .page-research-lab .research-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-research-lab .teaching-lab { clear: both; width: 100%; padding: 60px 20px; background-color: #E1D2BD; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 220% auto; background-position: center top; box-sizing: border-box;}
  .page-research-lab .teaching-lab .caption-full { width: 100%; padding: 0 0 20px 0; color: #000; font-size: 1.4rem; font-weight: 500; border-bottom: 3px #fff solid; box-sizing: border-box;}
  .page-research-lab .teaching-lab .caption-full .caption:nth-child(odd) { width: 100%;}
  .page-research-lab .teaching-lab .caption-full .caption:nth-child(even) { width: 100%;}
  .page-research-lab .teaching-lab .column-full { width: 100%; padding: 10px 0; color: #000; font-size: 1.4rem; font-weight: 300; box-sizing: border-box;}
  .page-research-lab .teaching-lab .column-full .column { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-research-lab .teaching-lab .column-full .column:nth-child(odd) { width: 100%;}
  .page-research-lab .teaching-lab .column-full .column:nth-child(even) { width: 100%;}
  .page-research-lab .teaching-lab .column-full .column a { color: #000; text-decoration: none;}
  .page-research-lab .teaching-lab .column-full .column a:active { color: #304FAB;}
  .page-research-lab .teaching-lab .column-full .column img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}

  .page-research-lab .researching-lab { clear: both; width: 100%; padding: 60px 20px; background-color: #fff; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 220% auto; background-position: center top; box-sizing: border-box;}
  .page-research-lab .researching-lab .caption-full { width: 100%; padding: 0 0 20px 0; color: #000; font-size: 1.4rem; font-weight: 500; border-bottom: 3px #020207 solid; box-sizing: border-box;}
  .page-research-lab .researching-lab .caption-full .caption:nth-child(odd) { width: 100%;}
  .page-research-lab .researching-lab .caption-full .caption:nth-child(even) { width: 100%;}
  .page-research-lab .researching-lab .column-full { width: 100%; padding: 10px 0; color: #000; font-size: 1.4rem; font-weight: 300; box-sizing: border-box;}
  .page-research-lab .researching-lab .column-full .column { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-research-lab .researching-lab .column-full .column:nth-child(odd) { width: 100%;}
  .page-research-lab .researching-lab .column-full .column:nth-child(even) { width: 100%;}
  .page-research-lab .researching-lab .column-full .column a { color: #000; text-decoration: none;}
  .page-research-lab .researching-lab .column-full .column a:active { color: #304FAB;}
  .page-research-lab .researching-lab .column-full .column img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}


  .page-study-rule-con { clear: both; width: 100%; padding: 0 0 90px 0; margin: 40px 0 0 0;}
  .page-study-rule-con .study-rule-stitle { width: 100%; padding: 0 20px; margin: 25px 0; box-sizing: border-box;}
  .page-study-rule-con .study-rule-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-study-rule-con .study-rule-con { width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-study-rule-con .study-rule-con .infor-list { width: 100%; padding: 25px 0; border-bottom: 3px #fff solid;}
  .page-study-rule-con .study-rule-con .infor-list .title { width: 100%; padding: 0 10px; margin: 8px 0 0 0; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; box-sizing: border-box;}
  .page-study-rule-con .study-rule-con .infor-list .download-bt { width: 100%;}
  .page-study-rule-con .study-rule-con .infor-list .download-bt img { width: 160px; height: auto; margin: 20px 0 0 0;}



  .page-research-lab-intro { clear: both; width: 100%; padding: 60px 20px 0 20px; background-color: #fff; background-image: url("../images/research_bg_1.png"); background-repeat: no-repeat; background-size: 220% auto; background-position: center top; box-sizing: border-box;}
  .page-research-lab-intro .column-full { width: 100%; padding: 10px 0; color: #000; font-size: 1.4rem; font-weight: 300; border-bottom: 2px #ccc dashed; box-sizing: border-box;}
  .page-research-lab-intro .column-full:first-child { border-top: 2px #ccc dashed;}
  .page-research-lab-intro .column-full .column-1 { width: 100%; padding: 0 0 10px 0; font-weight: 500;}
  .page-research-lab-intro .column-full .column-2 { width: 100%; word-break: break-all; word-wrap: break-word;}
  .page-research-lab-intro .column-full .column-2 img.photo { max-width: 100%; height: auto;}
  .page-research-lab-intro .column-full .column-2 a { color: #043B6F; text-decoration: none;}
  .page-research-lab-intro .column-full .column-2 a:active { border-bottom: 1px #043B6F solid;}



  .page-fundraising-people-year { clear: both; width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .page-fundraising-people-year .year-bt { width: calc(100% / 2 - 20px); margin: 15px 10px;}
  .page-fundraising-people-year .year-bt a { width: 100%; padding: 10px 0; color: #000; font-size: 1.2rem; text-align: center; text-decoration: none; border-radius: 30px; background-color: #fff; display: block;}
  .page-fundraising-people-year .year-bt a:hover { background-color: #eee;}


  .page-fundraising-people-list { clear: both; width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-fundraising-people-list .caption-full { width: 100%; margin: 0 auto; font-size: 1rem; font-weight: 500; text-align: center; border-top: 2px #fff solid; border-bottom: 2px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-fundraising-people-list .caption-full .caption-1 { width: 21%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-2 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .caption-full .caption-4 { width: 29%; padding: 5px; box-sizing: border-box;}
  .page-fundraising-people-list .column-full { width: 100%; margin: 0 auto; font-size: 0.8rem; text-align: center; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-fundraising-people-list .column-full .column-1 { width: 21%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-2 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-3 { width: 25%; padding: 5px; box-sizing: border-box; border-right: 1px #fff solid;}
  .page-fundraising-people-list .column-full .column-4 { width: 29%; padding: 5px; box-sizing: border-box;}



  .page-research-plan-list { clear: both; width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-plan-list .search-bar { display: none;}
  .page-research-plan-list .search-bar-mo { width: 100%; margin: 0 0 40px 0; font-size: 1.4rem; text-align: center;}
  .page-research-plan-list .search-bar-mo input[type=search], 
  .page-research-plan-list .search-bar-mo select { width: 200px; padding: 10px; margin: 5px 0; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; border: 1px #ccc solid; box-sizing: border-box;}
  .page-research-plan-list .search-bar-mo input[type=submit], 
  .page-research-plan-list .search-bar-mo input[type=button] { width: 100px; padding: 10px; margin: 5px 0; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #151C51; border: 0; box-sizing: border-box; cursor: pointer;}
  .page-research-plan-list .caption-full { clear: both; width: 100%; font-size: 1rem; font-weight: 500; text-align: center; background-color: #fff; border-top: 2px #000 solid; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-research-plan-list .caption-full .caption-3-mo { width: 100%; padding: 10px 5px; border-bottom: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-1 { width: 15%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-2 { width: 13%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-3 { display: none;}
  .page-research-plan-list .caption-full .caption-4 { width: 15%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-5 { width: 18%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-6 { width: 19%; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-plan-list .caption-full .caption-7 { width: 20%; padding: 10px 5px; box-sizing: border-box;}
  .page-research-plan-list .column-full { clear: both; width: 100%; font-size: 0.8rem; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-research-plan-list .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.4);}
  .page-research-plan-list .column-full .column-3-mo { width: 100%; padding: 10px 5px; border-bottom: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-3-mo a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}
  .page-research-plan-list .column-full .column-1 { width: 15%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-2 { width: 13%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-3 { display: none;}
  .page-research-plan-list .column-full .column-4 { width: 15%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-5 { width: 18%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-6 { width: 19%; padding: 10px 5px; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-plan-list .column-full .column-7 { width: 20%; padding: 10px 5px; box-sizing: border-box;}


  .page-research-plan-con { clear: both; width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-plan-con .column-full { clear: both; width: 100%; color: #000; font-size: 1rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-research-plan-con .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-plan-con .column-full .caption { width: 140px; padding: 10px; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-research-plan-con .column-full .column { width: calc(100% - 140px); padding: 10px; font-weight: 300; box-sizing: border-box;}



  .page-research-books-list { clear: both; width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-books-list .search-bar { display: none;}
  .page-research-books-list .search-bar-mo { width: 100%; margin: 0 0 40px 0; font-size: 1.4rem; text-align: center;}
  .page-research-books-list .search-bar-mo input[type=search], 
  .page-research-books-list .search-bar-mo select { width: 200px; padding: 10px; margin: 5px 0; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; border: 1px #ccc solid; box-sizing: border-box;}
  .page-research-books-list .search-bar-mo input[type=submit], 
  .page-research-books-list .search-bar-mo input[type=button] { width: 100px; padding: 10px; margin: 5px 0; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #151C51; border: 0; box-sizing: border-box; cursor: pointer;}
  .page-research-books-list .caption-full { clear: both; width: 100%; font-size: 1rem; font-weight: 500; text-align: center; background-color: #fff; border-top: 2px #000 solid; border-bottom: 2px #000 solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-books-list .caption-full .caption-1 { width: 80px; padding: 10px 5px; border-right: 1px #000 solid; box-sizing: border-box;}
  .page-research-books-list .caption-full .caption-2 { width: calc(100% - 80px); padding: 10px 5px; box-sizing: border-box;}
  .page-research-books-list .column-full { clear: both; width: 100%; font-size: 0.8rem; border-bottom: 1px #fff solid; display: flex; justify-content: flex-start; align-items: stretch;}
  .page-research-books-list .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-books-list .column-full .column-1 { width: 80px; padding: 10px 5px; text-align: center; border-right: 1px #fff solid; box-sizing: border-box;}
  .page-research-books-list .column-full .column-2 { width: calc(100% - 80px); padding: 10px 5px; box-sizing: border-box;}
  .page-research-books-list .column-full .column-2 a { color: #000; text-decoration: none; border-bottom: 1px #000 dashed;}


  .page-research-books-con { clear: both; width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-research-books-con .column-full { clear: both; width: 100%; color: #000; font-size: 1rem; border-bottom: 1px #000 solid; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .page-research-books-con .column-full:nth-child(odd) { background-color: rgba(255,255,255,0.2);}
  .page-research-books-con .column-full .caption { width: 90px; padding: 10px; font-weight: 500; text-align: right; box-sizing: border-box;}
  .page-research-books-con .column-full .column { width: calc(100% - 90px); padding: 10px; font-weight: 300; box-sizing: border-box;}


  /************ section#page-course ************/

  section#page-course { clear: both; width: 100%;}

  .page-course-con { clear: both; width: 100%;}
  .page-course-con .course-stitle { width: 100%; padding: 0 20px; margin: 25px 0; box-sizing: border-box;}
  .page-course-con .course-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-course-con .course-planning-con { width: 100%; padding: 40px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 220% auto; background-position: center top;}
  .page-course-con .course-planning-con .list-title { width: 100%; padding: 20px 0; color: #000; font-size: 1.8rem; font-weight: 500; border-bottom: 3px #fff solid;}
  .page-course-con .course-planning-con ul.course-list { width: 100%; padding: 0; margin: 40px 0 0 0; list-style: none; display: block;}
  .page-course-con .course-planning-con ul.course-list li { width: 100%; padding: 0; margin: 0 0 40px 0;}
  .page-course-con .course-planning-con ul.course-list li a { width: 100%; padding: 10px 30px; color: #fff; font-size: 1.8rem; text-decoration: none; box-sizing: border-box; border-radius: 30px; background-color: #432C1F; display: flex; justify-content: flex-start; align-items: center;}
  .page-course-con .course-planning-con ul.course-list li a img.icon { width: 24px; height: auto; margin: 0 0 0 10px;}
  .page-course-con .course-planning-con ul.course-list li a:hover { background-color: #6c4a36;}

  .page-course-con .course-intro-con { width: 100%; padding: 40px 20px; box-sizing: border-box; background-color: #fff; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 220% auto; background-position: center top;}
  .page-course-con .course-intro-con .item-list-box { width: 100%; margin: 0 0 50px 0;}
  .page-course-con .course-intro-con .item-list-box .item-title { width: 80%; margin: 0 auto 30px auto; box-sizing: border-box;}
  .page-course-con .course-intro-con .item-list-box .item-title img { width: 100%; height: auto;}
  .page-course-con .course-intro-con .item-list-box .item-intro { width: 100%; color: #000; font-size: 1.4rem; line-height: 2em;}


  /************ section#page-information ************/

  section#page-information { clear: both; width: 100%;}

  img.information-title { clear: both; width: 256px; max-width: calc(100% - 40px); height: auto; margin: 0 0 0 20px;}

  .page-information-con { clear: both; width: 100%; padding: 0 0 90px 0; margin: 40px 0 0 0;}
  .page-information-con .information-stitle { width: 100%; padding: 0 20px; margin: 25px 0; box-sizing: border-box;}
  .page-information-con .information-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-information-con .information-con { width: 100%; padding: 40px 20px 100px 20px; box-sizing: border-box; background-color: #E1D2BD; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: left top;}
  .page-information-con .information-con .infor-list { width: 100%; padding: 25px 0; border-bottom: 3px #fff solid;}
  .page-information-con .information-con .infor-list .date { width: 100%; margin: 10px 0 0 0; color: #000; font-size: 1.4rem;}
  .page-information-con .information-con .infor-list .title { width: 100%; padding: 0 10px; margin: 8px 0 0 0; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.4em; border-left: 2px #432C1F solid; box-sizing: border-box;}
  .page-information-con .information-con .infor-list .download-bt { width: 100%;}
  .page-information-con .information-con .infor-list .download-bt img { width: 160px; height: auto; margin: 15px 0 0 0;}


  /************ event highlights ************/

  .page-event-stitle { width: 100%; padding: 0; margin: 25px 0; box-sizing: border-box;}
  .page-event-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  .page-event-highlights { clear: both; width: 100%; margin: 40px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .page-event-highlights .photo-box { width: calc(100% / 2 - 10px); padding: 5px; margin: 0 5px 30px 5px; border: 1px #ccc solid; box-sizing: border-box;}
  .page-event-highlights .photo-box img { width: 100%; height: auto;}
  .page-event-highlights .photo-box .title { width: 100%; padding: 10px 0; font-size: 1rem; line-height: 1.2em;}


  /************ section#page-website ************/

  section#page-website { clear: both; width: 100%;}

  .website-stitle { width: 100%; padding: 0 20px; margin: 25px 0; box-sizing: border-box;}
  .website-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  ul.websites-list { width: 100%; padding: 0; margin: 60px 0 0 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  ul.websites-list li { width: 100%; margin: 0 0 30px 0;}
  ul.websites-list li a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.4rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 20px; background-color: #432C1F; display: block;}
  ul.websites-list li a:hover { background-color: #484035;}


  /************ section#page-sitemap ************/

  section#page-sitemap { clear: both; width: 100%; padding: 80px 40px 120px 40px; box-sizing: border-box; background-color: #fff; background-image: url("../images/course_bg.png"); background-repeat: no-repeat; background-size: 200% auto; background-position: center -400px;}

  .sitemap-stitle { width: 100%; margin: 0 0 60px 0; text-align: center;}
  .sitemap-stitle span { padding: 0 5px; color: #333; font-size: 2rem; font-weight: 600; background-color: #CDB491;}

  ul.sitemap-nav { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: block;}
  ul.sitemap-nav li { padding: 0; margin: 0 15px 40px 15px;}
  ul.sitemap-nav li a { color: #043B6F; font-size: 1.6rem; font-weight: 500; text-decoration: none;}
  ul.sitemap-nav li a:hover { border-bottom: 2px #043B6F solid;}
  ul.sitemap-nav li ul.sitemap-nav-pop { padding: 10px 0 0 0; margin: 0; list-style: none; display: block;}
  ul.sitemap-nav li ul.sitemap-nav-pop li { padding: 0; margin: 0 0 10px 0;}
  ul.sitemap-nav li ul.sitemap-nav-pop li a { color: #043B6F; font-size: 1.1rem; font-weight: 300; text-decoration: none;}
  ul.sitemap-nav li ul.sitemap-nav-pop li a:hover { border-bottom: 1px #043B6F solid;}



  .page-error-con { clear: both; width: 100%; margin: 60px 0 0 0;}
  .page-error-con .text-bigger { width: 100%; color: #043B6F; font-size: 3rem; font-weight: 600; text-align: center;}
  .page-error-con .goback-bt { width: 100%; margin: 40px 0 0 0; font-size: 1.8rem; text-align: center;}
  .page-error-con .goback-bt a { color: #043B6F; text-decoration: none; border-bottom: 2px #043B6F solid;}


  /************ IEET-data form ************/

  .page-ieet-data-form { clear: both; width: 100%; font-size: 1.2rem;}
  .page-ieet-data-form .data-table { width: 100%; border-bottom: 1px #333 solid;}
  .page-ieet-data-form .data-table:first-child { margin: 30px 0 0 0; border-top: 1px #333 solid;}
  .page-ieet-data-form .data-table .caption { width: 100%; padding: 10px; font-size: 1.2rem; font-weight: 500; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column { width: 100%; padding: 10px; font-size: 1.2rem; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column input[type=text], 
  .page-ieet-data-form .data-table .column select, 
  .page-ieet-data-form .data-table .column input[type=file] { width: 100%; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column textarea { width: 100%; height: 100px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box;}
  .page-ieet-data-form .data-table .column img.code { width: 110px; height: auto; margin: 0 10px 0 0; float: left;}
  .page-ieet-data-form .data-table .column input[type=text].code { width: 200px; padding: 10px; color: #000; font-size: 1.1rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 1px #ccc solid; background-color: #fff; box-sizing: border-box; float: left;}

  .page-ieet-data-form input[type=submit], 
  .page-ieet-data-form input[type=button] { clear: both; width: 120px; padding: 6px 10px; color: #fff; font-size: 1.2rem; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; border: 0; border-radius: 20px; background-color: #043B6F; box-sizing: border-box; cursor: pointer;}


  /************ footer ************/

  footer { clear: both; width: 100%; border-bottom: 20px #CDB491 solid;}

  .footer-nav { width: 100%; padding: 20px 20px; box-sizing: border-box; background-color: #EFE0BE;}
  .footer-nav ul.nav-list { width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .footer-nav ul.nav-list li { width: 50%; padding: 0; margin: 0 0 20px 0; color: #000; font-size: 1.4rem; font-weight: 600; line-height: 1.2em;}
  .footer-nav ul.nav-list li a { color: #000; text-decoration: none;}
  .footer-nav ul.nav-list li a:hover { border-bottom: 2px #000 solid;}
  .footer-nav ul.nav-list li ul.nav-list-pop { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: block;}
  .footer-nav ul.nav-list li ul.nav-list-pop li { width: 100%; padding: 0; margin: 10px 0; font-size: 1.1rem; font-weight: normal; line-height: 1.2em;}
  .footer-nav ul.nav-list li ul.nav-list-pop li a { color: #000; text-decoration: none;}
  .footer-nav ul.nav-list li ul.nav-list-pop li a:hover { border-bottom: 1px #000 solid;}

  .footer-infor { clear: both; width: 100%; padding: 20px 20px; box-sizing: border-box; background-color: #F7FFFF;}
  .footer-infor .qrcode-box { width: 170px; margin: 0 auto 30px auto;}
  .footer-infor .qrcode-box img { width: 100%; height: auto;}
  .footer-infor .address-nav { clear: both; width: 100%; margin: 0 auto; position: relative;}
  .footer-infor .address-nav .address { display: none;}
  .footer-infor .address-nav .address-mo { width: 100%; font-size: 1.1rem; font-weight: 500; line-height: 1.8em; text-align: center;}
  .footer-infor .address-nav .address-mo a { color: #000; border-bottom: 1px #000 dashed; text-decoration: none;}
    
  .footer-social-icon { clear: both; width: 100%; margin: 0 0 20px 0; display: flex; justify-content: center; align-items: center;}
  .footer-social-icon img { width: 28px; height: auto; margin: 0 3px;}
  

}