#Container #bc_144 {
  background-color: #FFFFFF;
}

 
header{ background-color:#D5D7CB;  }
#Logo{position:absolute;left:0px;top:15px;}
#HeadTopMenu{position:absolute;left:350px;top:20px;}
@media screen and (max-width:1200px){#HeadTopMenu{position:fixed;left:0px;top:0px;} #Logo{left:10px;top:10px;}}
#banner{position:absolute;left:px;top:px;width:100px;height:auto}
/* =============================================
   台北市綠能協會 - 全站自訂 CSS（首頁雙原圖縮放背景／其他所有內頁純色）
   更新日期: 2026-09-08
   首頁圖1 (電腦版 1920x1080 原圖): /uploads/images/o_260908182436.png
   首頁圖2 (手機版 1080x1920 原圖): /uploads/images/o_260908183353.png
   內頁背景純色: #d5d7cb (典雅鼠尾草灰綠)
   底欄文字色: #596e45 (圖二標準苔蘚橄欖綠)
   ============================================= */

/* 【1】全站預設／內頁背景：純色（鼠尾草灰綠 #d5d7cb）無底圖 */
body:not(.cke_editable),
body {
  background-color: #d5d7cb !important;
  background-image: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
}

/* 確保所有內頁 (Section 2, 6, 7, 11, 35, 40 等) 保持純色，不帶任何底圖 */
body:has(#ss_t) {
  background-color: #d5d7cb !important;
  background-image: none !important;
}

/* 【1-b】首頁（Section 1）專用背景：電腦版原圖，隨螢幕縮放不裁切 */
body:not(.cke_editable):has(#bb_143),
body:has(#bb_143) {
  background-color: #d5d7cc !important;
  background-image: url(/uploads/images/o_260908182436.png) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: contain !important;
  background-position: center center !important;
}

/* 【1-c】首頁（Section 1）手機版背景：手機版原圖，隨螢幕縮放不裁切（768px 以下自動切換） */
@media screen and (max-width: 768px) {
  body:not(.cke_editable):has(#bb_143),
  body:has(#bb_143) {
    background-color: #d5d7cb !important;
    background-image: url(/uploads/images/o_260908183353.png) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: contain !important;
    background-position: center center !important;
  }
}

/* 【2】頁首下拉選單防裁切 */
header,
#HeadOut,
header .headwrap,
#Head {
  overflow: visible !important;
}

/* =============================================
   【3】首頁專用（隱藏多餘 Banner，只留乾淨底圖）
   ============================================= */

/* 隱藏重疊的白色透明輪播圖 */
#featured_img,
#carousel {
  display: none !important;
}

/* 撐開首頁高度確保按鈕置於合適位置 */
body:has(#bb_143) #featured_div {
  display: block !important;
  min-height: 80vh !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body:has(#bb_143) #CenterBlock,
body:has(#bb_143) #Container {
  overflow: visible !important;
}

body:has(#bb_143) #bb_143 {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body:has(#bb_143) #bc_143 {
  position: relative !important;
  margin: 0 !important;
  padding: 0 16px 24px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 按鈕外圈：絲質低飽和灰綠流光 */
body:has(#bb_143) .enter-home-wrap {
  position: absolute;
  left: 50%;
  top: -120px;
  transform: translateX(-50%);
  margin: 0;
  z-index: 10;
  text-align: center;
  padding: 2px;
  border-radius: 60px;
  display: inline-block;
  background: linear-gradient(
    135deg,
    rgba(120, 138, 108, 0.4),
    rgba(215, 224, 206, 0.75),
    rgba(85, 100, 75, 0.5),
    rgba(175, 188, 162, 0.6)
  );
  background-size: 300% 300%;
  animation: borderFlow 7s ease infinite;
  box-shadow: 0 6px 20px rgba(45, 55, 40, 0.12),
    0 2px 6px rgba(45, 55, 40, 0.08);
}

/* 【4】進入主頁按鈕：沉穩苔蘚墨綠膠囊 × 珍珠白 */
.enter-home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 44px 14px 48px;
  background: linear-gradient(
    160deg,
    rgba(56, 68, 50, 0.94) 0%,
    rgba(40, 50, 36, 0.97) 100%
  );
  color: #F5F7F2 !important;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 5px;
  text-indent: 5px;
  text-decoration: none !important;
  border-radius: 57px;
  border: 1px solid rgba(225, 235, 218, 0.35);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25),
    0 4px 16px rgba(35, 45, 30, 0.18);
  transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* 細微高雅掃光（柔和白霧） */
.enter-home-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transform: skewX(-20deg);
  animation: btnShine 5.5s ease-in-out infinite;
}

.enter-home-btn::after {
  content: "→";
  position: absolute;
  right: 22px;
  top: 50%;
  font-size: 20px;
  color: #D3DDD0;
  line-height: 1;
  transform: translateY(-50%);
  transition: transform 0.35s ease;
}

.enter-home-btn:hover {
  transform: translateY(-2px) scale(1.02);
  background: linear-gradient(
    160deg,
    rgba(66, 80, 60, 0.97) 0%,
    rgba(48, 60, 44, 0.99) 100%
  );
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35),
    0 6px 20px rgba(35, 45, 30, 0.25);
  color: #FFFFFF !important;
}

.enter-home-btn:hover::after {
  transform: translateY(-50%) translateX(6px);
}

/* 【5】首頁底欄文字：圖二同款典雅苔蘚墨綠 (#596e45) */
.ft01 {
  color: #596e45 !important;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

.ft02 {
  color: #687b55 !important;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  margin-top: 6px;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);
}

/* 【6】典雅緩速動畫 */
@keyframes borderFlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes btnShine {
  0%, 65%, 100% { left: -80%; }
  85%           { left: 130%; }
}

/* =============================================
   【7】內頁與大標題樣式
   ============================================= */

.SectionTitle h3.st_name,
#ss_t h3.st_name,
.SectionTitle .second_name {
  color: #FFFFFF !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
}

.SectionTitle .st_bread,
.SectionTitle .st_bread a,
.SectionTitle .st_bread .arrow,
.SectionTitle .st_bread i {
  color: #FFFFFF !important;
}

body:has(#ss_t) #Container {
  padding-top: 220px !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

.blockTitle .bk_name,
.e_blockTitle .bk_name,
.blockTitle.e_blockTitle .bk_name {
  color: #FFFFFF !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
}

/* =============================================
   【8】後台表格維持黑字
   ============================================= */

table th,
table td,
table th a,
table td a,
table span,
table label,
table div,
table p,
table li,
#Container table th,
#Container table td,
#Container table span,
#MainBody table th,
#MainBody table td,
#MainBody table span,
#MainBody label,
#MainBody th,
#MainBody td {
  color: #333333 !important;
  text-shadow: none !important;
}

body:has(#form_sysoption) #form_sysoption,
body:has(#form_sysoption) #form_sysoption th,
body:has(#form_sysoption) #form_sysoption td,
body:has(#form_sysoption) #form_sysoption label,
body:has(#form_sysoption) #form_sysoption span,
body:has(#form_sysoption) #form_sysoption div,
body:has(#form_sysoption) #form_sysoption p,
body:has(#form_sysoption) #form_sysoption li,
body:has(#form_sysoption) #form_sysoption a,
body:has(#form_sysoption) .eBlock #form_sysoption th,
body:has(#form_sysoption) .eBlock #form_sysoption td {
  color: #333333 !important;
  text-shadow: none !important;
}

body:has(#ss_t) .eBlock table th,
body:has(#ss_t) .eBlock table td,
body:has(#ss_t) .eBlock table th a,
body:has(#ss_t) .eBlock table td a,
body:has(#ss_t) .eBlock table th a:link,
body:has(#ss_t) .eBlock table th a:visited,
body:has(#ss_t) .eBlock table th a:hover,
body:has(#ss_t) .eBlock table th a:active,
body:has(#ss_t) .eBlock table td a:link,
body:has(#ss_t) .eBlock table td a:visited,
body:has(#ss_t) .eBlock table td a:hover,
body:has(#ss_t) .eBlock table td a:active,
body:has(#ss_t) .eBlock table span,
body:has(#ss_t) .eBlock table label,
body:has(#ss_t) .eBlock table div {
  color: #333333 !important;
  text-shadow: none !important;
}

/* =============================================
   【9】後台編輯器設定與防捲動鎖死
   ============================================= */

.cke_contents,
.cke_reset_all .cke_contents {
  height: 70vh !important;
  min-height: 500px !important;
  max-height: 85vh !important;
  overflow: hidden !important;
}

iframe.cke_wysiwyg_frame {
  width: 100% !important;
  height: 100% !important;
  min-height: 500px !important;
  display: block !important;
}

textarea.cke_source {
  height: 70vh !important;
  min-height: 500px !important;
  overflow-y: auto !important;
}

html.cke_wysiwyg_frame,
html.cke_wysiwyg_frame body,
html.cke_wysiwyg_frame body.cke_editable,
.cke_editable.cke_contents_ltr {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
}

html.cke_wysiwyg_frame #charterOnePage,
html.cke_wysiwyg_frame .tgeaOnePage,
html.cke_wysiwyg_frame #pageChairman,
html.cke_wysiwyg_frame .charter-block,
html.cke_wysiwyg_frame .tgea-block,
html.cke_wysiwyg_frame .tgea-body {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

.cke_dialog,
.ui-dialog,
.modal-dialog {
  width: 90% !important;
  max-width: 1200px !important;
}

html:not(.cke_wysiwyg_frame) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
}

#MainBody,
#Layout,
.bodyWrap,
#Container,
#CenterBlock,
#LeftBlock {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

body:not(.cke_editable) .blockContent,
body:not(.cke_editable) #CustTxt {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

/* =============================================
   【10】內頁模組置中與清除舊標題
   ============================================= */

#bt_35,
#bt_153,
#bt_146,
#bb_153,
#bb_146 {
  display: none !important;
}

#bb_35,
.eBlock:has(.tgeaOnePage),
.eBlock:has(#charterOnePage) {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

#bc_35,
#bb_35 .blockContent,
#bb_35 #CustTxt,
.eBlock:has(.tgeaOnePage) .blockContent,
.eBlock:has(.tgeaOnePage) #CustTxt {
  overflow: visible !important;
}

.tgeaOnePage,
#charterOnePage,
#pageChairman {
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

body:has(#ss_t) {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: auto !important;
  min-height: 100% !important;
}

body:has(#ss_t) #MainBody,
body:has(#ss_t) #Layout,
body:has(#ss_t) #CenterBlock,
body:has(#ss_t) #LeftBlock,
body:has(#ss_t) .eBlock,
body:has(#ss_t) .blockContent,
body:has(#ss_t) #CustTxt,
body:has(#ss_t) .tgeaOnePage,
body:has(#ss_t) #charterOnePage,
body:has(#ss_t) #pageChairman {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

.cke_chrome,
.cke_inner,
.cke_wrapper,
.cke_wysiwyg_div {
  overflow: visible !important;
}