@charset "utf-8";
/*#############################################################
Name: Transparentia
Date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
  /*margin: 0;
  padding: 0;*/
}
a {
  color: #36C;
}
a:hover {
  color: #06F;
}
body {
  background: #EEE url(img/bg_米白.jpg);
  color: #444;
  font: normal 85% "微軟正黑體", "Lucida Sans Unicode",sans-serif;
  margin: 0;
  height: 100%;
  margin-top: 60px;
}
td {
  text-align: -internal-center;
}
 /*th{
    text-align: center;
    background-color: #FBF4EE;
  }
  td{
    text-align: center;
    background-color: #FBF4EE;
  }*/
input {
  color: #555;
  font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
cite,code,ul {
  font-size: 1.2em;
}
h1 {
  font-size: 1.4em;
  margin-bottom: 4px;
}
code {
  background: url(img/bgcode.gif);
  border: 1px solid #F0F0F0;
  border-left: 6px solid #39F;
  color: #555;
  display: block;
  font: normal 1.1em "Lucida Sans Unicode",serif;
  margin-bottom: 12px;
  padding: 8px 10px;
  white-space: pre;
}
cite {
  background: url(img/quote.gif) no-repeat;
  color: #666;
  display: block;
  font: normal 1.3em "Lucida Sans Unicode",serif;
  padding-left: 28px;
}
h1,h2,h3 {
  color: #367EA6;
  padding-top: 6px;
}

/* misc */
.clearer {
  clear: both;
}

/* structure */
.container {
  background: url(img/bgcontainer.png) repeat-y;
  margin: 0 auto;
  width: 1200px;
}
.header {
  background: url(img/header.gif) repeat-x;
}

/* title */
.title h1 {
  /* background: url(img/banner_new.png) center no-repeat; */
  background: url(img/banner_2025.20250904.jpg) center no-repeat;
  width: 100%;
  height: 160px;
  margin-top: 0px;
  margin-bottom: 8px;
  text-align: center;
}

/* navigation */
.navigation {
  margin-bottom: 4px;
}
.navigation a {
  background-color: #4A91C3;
  color: #FFF;
  float: left;
  font: bold 1.2em "Trebuchet MS",sans-serif;
  padding: 8px 0;
  width: 19%;
  border-right: 1px solid #FFF;
  text-align: center;
  text-decoration: none;
}
.navigation a:hover {
  background-color: #000;
  color: #FFF;
}

/* main */
.main {
  clear: both;
  padding: 8px 18px;
    min-height: 91%;
  margin: auto;
  margin-bottom: -1px;
  padding-bottom: 6px;
  /*height: 1000px;*/
}

/* main left */
.sidenav h1,.sidenav ul {
  padding-left: 12px;
}
.sidenav {
  background: #EEE;
  border: 1px solid #E5E5E5;
  float: left;
  width: 200px;
}
.sidenav h1 {
  color: #666;
  font-size: 1.2em;
  height: 20px;
  margin-top: 1.2em;
}
.sidenav ul {
  border-top: 1px solid #FAFAFA;
  background: url(img/bgul.gif) repeat-x;
  margin: 0;
  padding: 0;
}
.sidenav li {
  border: 1px solid #FAFAFA;
  border-top: none;
  list-style: none;
  margin: 0;
}
.sidenav li a {
  color: #777;
  display: block;
  font-size: 0.9em;
  padding: 3px 6px 3px 14px;
  text-decoration: none;
}
.sidenav li a:hover {
  color: #111;
}

/* content */
.content {
  float: right;
  width: 954px;
 
}
.content .item {
  padding: 6px 12px;
  border: 1px solid #EEE;
  background: #FFF;
  margin-bottom: 8px;
  margin-left: 12px;
}
.content .descr {
  color: #333;
  margin-bottom: 6px;
}

.content .descr table {
  width: 100%; /* 確保表格適應父容器 */
  border-collapse: collapse; /* 緊湊的表格樣式 */
  table-layout: fixed; /* 固定列寬，讓內容可換行 */
}

.content .descr table th, 
.content .descr table td {
  word-wrap: break-word; /* 讓單字長內容自動換行 */
  white-space: normal; /* 確保內容不是單行 */
  overflow: hidden; /* 隱藏溢出的內容 */
  text-overflow: ellipsis; /* 顯示省略號（可選，根據需求） */
  padding: 8px; /* 美觀的表格間距 */
}
/* 
.content .descr table th:first-child,
.content .descr table td:first-child {
  width: 10%;
}
.content .descr table th:nth-child(2),
.content .descr table td:nth-child(2) {
  width: 20%; 
}
.content .descr table th:nth-child(3),
.content .descr table td:nth-child(3) {
  width: 10%; 
}
.content .descr table th:nth-child(4),
.content .descr table td:nth-child(4) {
  width: 18%; 
}
.content .descr table th:nth-child(5),
.content .descr table td:nth-child(5) {
  width: 27%; 
}
.content .descr table th:nth-child(6),
.content .descr table td:nth-child(6) {
  width: 15%; 
} */


.content li {
  /*list-style: url(img/li.gif);*/
  margin-left: 18px;
}

/* search form */
form {
  padding: 0 0 6px 8px;
}
.styled {
  border: 1px solid #DDD;
  padding: 4px;
}
.button {
  background: url(img/search.gif) no-repeat left bottom;
  border: none;
  height: 27px;
  width: 27px;
}

/* footer */
.footer {
  background: #FFF;
  border: 1px solid #EEE;
  color: #999;
  font-size: 12px;
  margin: 0 auto;
  text-align: center;
  padding: 6px;
  width: 1148px;
}
.footer a {
  color: #36C;
  text-decoration: none;
}
.footer a:hover {
  color: #06F;
  text-decoration: underline;
}