@charset "UTF-8";
/* nameSearchList.css - 公司名稱暨所營事業預查輔助查詢專用樣式 */
/* 所有可聚焦元素的統一focus樣式 */
a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus,
area:focus,
object:focus,
summary:focus,
details:focus,
[tabindex]:focus {
    outline: 3px solid #00BFFF !important; /* 淺藍色高反差外框 */
    outline-offset: 2px !important; /* 外框與元素間距 */
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 4px #00BFFF !important; /* 雙重外框效果，內白外藍 */
    position: relative !important;
    z-index: 999 !important; /* 確保focus狀態在最上層 */
    border-radius: 2px !important; /* 圓角讓外框更柔和 */
}

/*跳至主要內容相關*/
a.sr-only {
	background-color: #fff300;
	color:#ff0000;
    padding: 0.5rem;
    position: absolute;
    top: -2.5rem;
    left: 0;
    transition: top .1s ease-out;
    z-index: 100;
}
a.sr-only:focus {
	background-color: #fff300;
	color:#ff0000;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: top .1s ease-in;
}
/* 基本設定 - 添加全域內邊距 */
body {
  background-color: #FFFFFF;
  font-family: 新細明體;
  color: #3A3A3A;
  margin: 0;
  padding: 5px; /* 添加 5px 內邊距，讓內容不貼邊 */
}

/* 圖片邊框移除 */
img {
  border: none;
}

/* 連結樣式 */
a:link, a:visited, a:focus  {
  cursor: pointer;
  text-decoration: none;
  color: Navy;
  vertical-align: middle;
}

a:hover{
  cursor: pointer;
  text-decoration: none;
  color: Red;
  vertical-align: middle;
}

/* 輸入框樣式 */
input.content {
  font-size: 0.9375em;
  font-family: 新細明體;
}

/* 共用標題區塊樣式 - 複用於 page-header, query-info-header */
.page-header, .query-info-header {
  background-color: #BDCBA5;
  height: 27px;
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: 0 auto; /* 置中對齊 */
}

.header-icon, .query-info-icon {
  display: table-cell;
  width: 36px;
  height: 27px;
  vertical-align: middle;
  text-align: center;
  background-color: #BDCBA5;
  padding-left: 5px; /* 為圖標添加左邊距 */
}

.header-title, .query-info-title {
  display: table-cell;
  width: 40%;
  text-align: left;
  font-size: 1.125em;
  font-family: 新細明體;
  font-weight: bold;
  padding-left: 10px; /* 增加左邊距從 5px 到 10px */
  vertical-align: middle;
  background-color: #BDCBA5;
}

.header-info, .query-info-actions {
  display: table-cell;
  text-align: right;
  font-size: 1em;
  font-family: 新細明體;
  font-weight: lighter;
  padding-right: 15px; /* 增加右邊距從 10px 到 15px */
  vertical-align: middle;
  background-color: #BDCBA5;
}

/* Header 導航區塊 */
.header-nav {
  min-height: 44px;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

.header-nav-content {
  /*height: 44px;*/
  text-align: left;
  vertical-align: middle;
  font-size: 1em;
  font-family: 新細明體;
  font-weight: lighter;
  padding: 12px 5px; /* 添加左右 5px 內邊距 */
  flex-wrap: wrap; /* 允許內容在需要時折行 */
}

/* 分隔線 */
.divider-line {
  background-color: #586A44;
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  height: 1px;
  margin: 0 auto; /* 置中對齊 */
}

/* 頁籤樣式 */
.tab-container {
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  display: table;
  border-collapse: collapse;
  margin: 0 auto; /* 置中對齊 */
  padding: 0;
}

.tab-active {
  display: table-cell;
  width: 200px;
  text-align: center;
  background-color: #B3B3BD;
  line-height: 32px;
  font-size: 0.9375em;
  font-weight: bold;
  font-family: 新細明體;
  color: white;
  height: 33px;
  padding: 0 5px; /* 添加左右內邊距 */
}

.tab-spacer {
  display: table-cell;
  text-align: left;
  background-color: #FFFFFF;
}

.tab-border {
  background-color: #FFFFFF;
  font-size: 0.25em;
  font-family: 新細明體;
  color: #FFFFFF;
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  height: 4px;
  border-left: 2px solid #B6B6F2;
  border-right: 2px solid #000000;
  margin: 0 auto; /* 置中對齊 */
}

/* 清單標籤 */
.list-label {
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  background-color: #BDCBA5;
  border: 0;
  padding: 0;
  margin: 0 auto; /* 置中對齊 */
}

.list-label-content {
  width: 100%;
  background-color: #BDCBA5;
  text-align: center;
  font-size: 0.9375em;
  font-family: 新細明體;
  font-weight: bold;
  padding: 5px 10px; /* 添加左右內邊距 */
}

/* 新增：H2 標頭樣式，維持與原有 div 相同的外觀 */
h2.list-label-content {
  width: 100%;
  text-align: center;
  font-size: 0.9375em;
  font-family: 新細明體;
  font-weight: bold;
  padding: 5px 10px; /* 添加左右內邊距 */
  margin: 0; /* 移除 H2 的預設 margin */
  background-color: inherit; /* 繼承父元素的背景色 */
  color: inherit; /* 繼承父元素的文字顏色 */
  padding-top: 1px;
  padding-bottom: 1px;
}

/* 搜尋表單容器 */
.search-form-container {
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  border: 0px;
  background-color: #FFFFFF;
  font-size: 1.125em;
  font-family: 新細明體;
  color: #3A3A3A;
  padding: 2px 5px; /* 添加左右內邊距 */
  margin: 0 auto; /* 置中對齊 */
  box-sizing: border-box;
}

.form-section-header {
  text-align: left;
  font-size: 1.125em;
  font-family: 新細明體;
  font-weight: lighter;
  padding: 4px 5px; /* 添加左右內邊距 */
}

.form-section-header.content_lightblue {
  text-align: left;
  font-size: 1.125em;
  font-family: 新細明體;
  font-weight: lighter;
  color: blue;
}

.form-row {
  display: flex;
  width: 100%;
  margin: 2px 0;
  padding: 0 5px; /* 添加左右內邊距 */
  box-sizing: border-box;
}

.form-label {
  width: 18%;
  font-size: 1em;
  font-family: 新細明體;
  font-weight: bold;
  padding: 4px;
}

.form-input {
  width: 82%;
  font-size: 1em;
  font-family: 新細明體;
  font-weight: normal;
  padding: 4px;
}

.form-note {
  width: 82%;
  font-size: 1em;
  font-family: 新細明體;
  color: #000000;
  padding: 4px;
}

.form-notice {
  font-size: 1em;
  font-family: 新細明體;
  color: red;
  text-align: left;
  padding: 4px 10px; /* 增加左右內邊距 */
}

/* 驗證碼區塊 */
.captcha-section {
  margin: 10px 0;
  padding: 0 10px; /* 添加左右內邊距 */
}

.captcha-label {
  font-size: 1em;
  font-family: 新細明體;
  font-weight: bold;
  margin-bottom: 5px;
}

.captcha-input {
  margin: 5px 0;
}

.captcha-warning {
  font-size: 1em;
  font-family: 新細明體;
  color: red;
  font-weight: bold;
  margin-top: 5px;
}

/* 按鈕區塊 */
.form-buttons {
  font-size: 1em;
  font-family: 新細明體;
  font-weight: bold;
  text-align: left;
  padding: 10px 10px; /* 增加左右內邊距 */
}

/* 查詢統計 */
.query-stats {
  font-size: 1em;
  font-family: 新細明體;
  font-weight: normal;
  text-align: center;
  padding: 10px 5px; /* 添加左右內邊距 */
}

/* 表格樣式 - 共用於結果表格和明細表格 */
.result-table, .detail-table {
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  border-collapse: collapse;
  font-size: 1em;
  font-family: 新細明體;
  margin: 0 auto; /* 置中對齊 */
}

.result-table {
  border: 0;
  cellpadding: 0;
  cellspacing: 1;
}

.detail-table {
  border: 1;
  cellpadding: 1;
  cellspacing: 1;
}

.result-table tr {
  background-color: #E9EADF;
}

.result-table tr.header-row {
  background-color: #C6E1F4;
}

/* 表格單元格樣式 - 共用 */
.fielddark {
  text-indent: 3px;
  font-weight: normal;
  background-color: #339966;
  font-size: 0.875em;
  font-family: 新細明體;
  color: #FFFFFF;
  padding-left: 8px; /* 增加左內邊距 */
  padding-right: 5px; /* 添加右內邊距 */
}

.fieldlight {
  text-indent: 3px;
  font-weight: normal;
  background-color: #FFFFFF;
  font-size: 0.875em;
  font-family: 新細明體;
  color: #000000;
  padding-left: 8px; /* 增加左內邊距 */
  padding-right: 5px; /* 添加右內邊距 */
}

.fielddarktitle {
  text-indent: 3px;
  font-weight: bold;
  text-align: center;
  background-color: #339966;
  font-size: 1em;
  font-family: 新細明體;
  color: #FFFFFF;
  padding: 0 5px; /* 添加左右內邊距 */
}

/* 分頁控制 */
.pagination-container {
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  border: 0;
  padding: 5px; /* 添加內邊距 */
  margin: 1px auto; /* 置中對齊 */
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  box-sizing: border-box;
}

.pagination-info {
  display: table-cell;
  width: 15%;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px; /* 添加左右內邊距 */
}

.pagination-controls {
  display: table-cell;
  width: 70%;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px; /* 添加左右內邊距 */
}

.pagination-current {
  display: table-cell;
  width: 15%;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px; /* 添加左右內邊距 */
}

/* 無資料訊息 */
.no-data-message {
  text-align: center;
  padding: 20px 10px; /* 添加左右內邊距 */
}

/* JavaScript 警告 */
.noscript-warning {
  text-align: center;
  padding: 10px 15px; /* 添加左右內邊距 */
}

/* 查詢規則區塊 */
.search-rules-container {
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  margin: 10px auto; /* 置中對齊 */
  padding: 0 5px; /* 添加左右內邊距 */
  box-sizing: border-box;
}

.dissolution-notice {
  font-size: 1em;
  font-family: 新細明體;
  margin-bottom: 20px;
  padding: 0 10px; /* 添加左右內邊距 */
}

.rules-header {
  width: 100%;
  border: 0;
  padding: 0 10px; /* 添加左右內邊距 */
  margin: 0;
  box-sizing: border-box;
}

.rules-header .content_lightblue {
  text-align: left;
  font-size: 1.125em;
  font-family: 新細明體;
  font-weight: lighter;
  color: blue;
  display:inline-flex;
}

.rules-content {
  width: 100%;
  border: 0;
  padding: 0 5px; /* 添加左右內邊距 */
  margin: 0;
  box-sizing: border-box;
}

.rule-item {
  display: flex;
  width: 100%;
  margin: 5px 0;
  padding: 0 5px; /* 添加左右內邊距 */
  box-sizing: border-box;
}

.rule-number {
  width: 36px;
  text-align: right;
  vertical-align: top;
  font-size: 1em;
  font-family: 新細明體;
  padding: 4px;
  color: #3A3A3A;
}

.rule-text {
  flex: 1;
  text-align: left;
  font-size: 1em;
  font-family: 新細明體;
  padding: 4px;
  color: #3A3A3A;
}

.rule-spacer {
  width: 100%;
  height: 10px;
}

/* 字體樣式類別 */
.w-13a {
  font-size: 1em;
  padding-top: 4px;
  font-family: 新細明體;
}

.w-13ared {
  font-size: 1em;
  padding-top: 4px;
  font-family: 新細明體;
  color: red;
}

.w-16ared {
  font-size: 1.125em;
  padding-top: 4px;
  font-family: 新細明體;
  color: red;
}

.w-18ared {
  font-size: 1.125em;
  padding-top: 4px;
  font-family: 新細明體;
  color: red;
}

/* 標頭元素樣式重置 - 保持原有外觀 */
h1.header-title {
  display: table-cell;
  text-align: left;
  font-size: 1.125em;
  font-family: 新細明體;
  font-weight: bold;
  padding-left: 10px; /* 增加左邊距 */
  vertical-align: middle;
  background-color: #BDCBA5;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

h2.content_lightblue {
  text-align: left;
  font-size: 1.125em;
  font-family: 新細明體;
  font-weight: lighter;
  color: blue;
  margin: 0;
  padding: 0;
  display:inline-flex;
}

/* 水平線樣式 */
hr.skyblueLn {
  border: 0;
  color: #3399FF;
  background-color: #3399FF;
  height: 1px;
  width: calc(100% - 10px); /* 扣除 body 的左右 padding */
  margin: 0 auto; /* 置中對齊 */
}

/* PrefixRule.html 彈出視窗樣式 */
.rules-popup-container {
  width: 100%;
  margin: 0;
  padding: 5px; /* 添加內邊距 */
  box-sizing: border-box;
}

.rules-popup-content {
  border: 1px solid #000000;
  padding: 15px; /* 增加內邊距 */
  background-color: #FFFFFF;
  width: 100%;
  box-sizing: border-box;
}

.popup-button-container {
  text-align: center;
  margin-top: 10px;
  padding: 0 10px; /* 添加左右內邊距 */
  margin: 0 auto; /* 置中對齊 */
}

/* kaiu 字體樣式保持原有設定 */
.kaiu {
  font-size: 1.125em;
  font-family: "標楷體";
  padding: 0 10px; /* 添加左右內邊距 */
}

.result-table td.ban-col {
  width: 14%;
  text-align: center;
}

.result-table td.name-col {
  width: 43%;
  text-align: left;
}

.result-table td.status-col {
  width: 22%;
  text-align: left;
}

/* 額外為特定的 table 元素添加樣式 */
table[width="100%"] {
  width: calc(100% - 10px) !important; /* 扣除 body 的左右 padding */
  margin: 0 auto; /* 置中對齊 */
}

/* 為直接在 JSP 中使用的 table 添加內邊距 */
table[cellspacing="0"][cellpadding="0"] td {
  padding: 5px; /* 為所有表格單元格添加內邊距 */
}

/* 確保所有內容都不會貼邊 */
* {
  box-sizing: border-box; /* 使用 border-box 模型，方便計算寬度 */
}