Beneficial Microbes Museum
Protection
菌寶貝博物館｜一起響應低碳行動，讓旅行更有意義！
<!-- 整合後的自訂局部 CSS 樣式區（高強度獨立 Class 命名，100% 避免全域衝突） -->
<style type="text/css">
.jbm-lowcarbon-tour-2026-wrapper {
--jbm-lc-primary: #2d6a4f; /* 菌寶貝品牌深綠 */
--jbm-lc-accent: #33cc33; /* 標籤 Hash 淺綠色 */
--jbm-lc-bg-card: #f7fbf8; /* 溫潤淡綠襯底 */
font-family: 'Microsoft JhengHei', sans-serif;
line-height: 2; /* 行距固定為 2 */
color: #333333;
/* 深度 RWD 響應式優化設定，完全不設定固定寬度 */
box-sizing: border-box;
width: 100%; /* 手機與電腦版流體自適應 */
max-width: 1200px; /* 最大寬度上限 */
min-width: 0 !important; /* 完全取消最小寬度限制，防止爆版 */
margin: 0 auto; /* 畫面左右置中 */
padding: 10px 15px; /* 預留舒適的窄螢幕內邊距 */
}
.jbm-lowcarbon-tour-2026-wrapper *,
.jbm-lowcarbon-tour-2026-wrapper *:before,
.jbm-lowcarbon-tour-2026-wrapper *:after {
box-sizing: border-box;
}
/* 主標題樣式 */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-main-title {
color: #2d6a4f;
font-size: 26px;
font-weight: bold;
margin-bottom: 25px;
padding-bottom: 10px;
text-align: center;
border-bottom: 3px solid #2d6a4f;
}
/* 段落內文 */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-paragraph-text {
font-size: 18px; /* 內文字體固定 18px */
margin-bottom: 20px;
text-align: justify;
}
/* 活動重點特色卡片盒 */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-highlight-card {
background-color: #f7fbf8;
border: 1px solid #d3e4d8;
border-left: 6px solid #2d6a4f;
border-radius: 12px;
padding: 22px 25px;
margin: 25px 0;
box-shadow: 0 4px 15px rgba(45, 106, 79, 0.08);
}
/* RWD 圖片容器 (無設寬度，完全自適應) */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-photo-container {
margin: 30px 0;
width: 100%;
display: flex;
justify-content: center;
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-photo-item {
width: 100%; /* 完全無硬編碼寬度，動態自適應 */
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.06);
background-color: #f7f9fc;
transition: transform 0.3s ease;
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-photo-item:hover {
transform: scale(1.002);
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-photo-item img {
display: block;
width: 100%;
height: auto !important; /* 自動等比例縮放 */
border-radius: 12px;
}
/* 膠囊卡片式標籤雲容器 */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-tag-cloud-box {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
background-color: #f8faf9;
border-radius: 16px;
padding: 20px;
margin-top: 35px;
margin-bottom: 30px;
width: 100%;
}
/* 獨立膠囊卡片樣式 */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-tag-item {
background-color: #ffffff;
color: #444444;
font-size: 15px;
font-weight: 500;
padding: 8px 18px;
border-radius: 50px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border: 1px solid #eef2f0;
display: inline-flex;
align-items: center;
transition: all 0.2s ease;
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-tag-item:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(45, 106, 79, 0.12);
}
/* # 符號設為淺綠色 (#33cc33) */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-tag-hash {
color: #33cc33;
font-weight: bold;
margin-right: 4px;
font-size: 16px;
}
/* 置底精美品牌聯絡資訊卡樣式 */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-contact-card {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 0 0 20px 0; /* 底部留邊距，標頭滿版 */
margin-top: 40px;
margin-bottom: 20px;
box-shadow: 0 4px 12px rgba(0,0,0,0.03);
overflow: hidden;
}
/* 標頭深綠色底色、文字白色 */
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-contact-header {
background-color: #2d6a4f; /* 深綠色底色 */
color: #ffffff; /* 白色文字 */
font-size: 20px;
font-weight: bold;
padding: 12px 20px;
margin-bottom: 15px;
text-align: left;
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-contact-row {
font-size: 17px;
margin-bottom: 8px;
padding: 0 20px;
text-align: left;
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-custom-link {
color: #2d6a4f;
text-decoration: underline;
font-weight: bold;
word-break: break-all;
}
/* 手機版 RWD 適應 */
@media (max-width: 768px) {
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-main-title {
font-size: 21px;
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-paragraph-text {
font-size: 16px;
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-tag-cloud-box {
padding: 15px 10px;
gap: 8px;
}
.jbm-lowcarbon-tour-2026-wrapper .jbm-lowcarbon-tour-2026-tag-item {
font-size: 14px;
padding: 6px 14px;
}
}
</style>
<div class="jbm-lowcarbon-tour-2026-wrapper">
<!-- 標題 -->
<div class="jbm-lowcarbon-tour-2026-main-title">
菌寶貝博物館｜一起響應低碳行動，讓旅行更有意義！
</div>
<!-- 保留一張FSC認證產品彩盒海報圖片位置，要做RWD (無寫死寬度) -->
<div class="jbm-lowcarbon-tour-2026-photo-container">
<div class="jbm-lowcarbon-tour-2026-photo-item">
<img alt="FSC認證產品彩盒海報" src="https://via.placeholder.com/1000x667/2d6a4f/ffffff?text=FSC%E8%AA%8D%E8%AD%89%E7%94%A2%E5%93%81%E5%BD%A9%E盒%E6%B5%B7%E5%A0%B1" />
</div>
</div>
<!-- 內文第一段 -->
<p class="jbm-lowcarbon-tour-2026-paragraph-text">
我們持續推廣 低碳旅遊、永續觀光 與 環境友善行動<br />
邀請大家從日常交通開始<br />
一起用更低碳的方式探索宜蘭！
</p>
<hr style="border: none; border-top: 1px dashed #d3e4d8; margin: 25px 0;" />
<!-- 活動內文卡片盒 -->
<div class="jbm-lowcarbon-tour-2026-highlight-card">
<p class="jbm-lowcarbon-tour-2026-paragraph-text" style="font-weight: bold; color: #2d6a4f; margin-bottom: 10px;">
低碳輕旅行．永續向前行<br />
即日起至 2026.12.31
</p>
<p class="jbm-lowcarbon-tour-2026-paragraph-text" style="margin-bottom: 10px;">
只要騎乘自行車、電動機車或電動汽車<br />
來到菌寶貝博物館<br />
完成以下低碳任務，就能獲得好禮
</p>
<p class="jbm-lowcarbon-tour-2026-paragraph-text" style="font-weight: bold; margin-bottom: 0;">
低碳到館<br />
拍下《人+車+館景》的低碳來館旅行照片<br />
到FB本篇貼文 上傳照片+留言
</p>
</div>
<hr style="border: none; border-top: 1px dashed #d3e4d8; margin: 25px 0;" />
<!-- 完成任務與標語內文 -->
<p class="jbm-lowcarbon-tour-2026-paragraph-text">
完成任務後，即可獲得JUNBABY小農天綠果物理防曬乳｜海洋友善<br />
<span style="font-size: 15px; color: #666666;">*贈品數量有限，贈完為止．每人/每車限兌換 1 次</span>
</p>
<hr style="border: none; border-top: 1px dashed #d3e4d8; margin: 25px 0;" />
<p class="jbm-lowcarbon-tour-2026-paragraph-text">
透過每次小小的選擇<br />
讓永續旅行 真正走進大家的生活<br />
從日常出發，一起為環境做出更友善的選擇
</p>
<!-- 膠囊卡片式標籤雲區塊 (整合關鍵字與內文標籤，# 符號設為淺綠色 #33cc33) -->
<div class="jbm-lowcarbon-tour-2026-tag-cloud-box">
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>環境教育場域</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>GTS認證場域</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>低碳旅遊</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>ESG</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>海洋友善防曬乳</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>永續觀光</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>環境友善行動</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>海洋友善</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>永續旅行</div>
<div class="jbm-lowcarbon-tour-2026-tag-item"><span class="jbm-lowcarbon-tour-2026-tag-hash">#</span>菌寶貝博物館</div>
</div>
<!-- 置底精美品牌聯絡資訊卡 -->
<div class="jbm-lowcarbon-tour-2026-contact-card">
<div class="jbm-lowcarbon-tour-2026-contact-header">🏢 菌寶貝博物館</div>
<div class="jbm-lowcarbon-tour-2026-contact-row">⏰ 營業時間｜09:00~17:00</div>
<div class="jbm-lowcarbon-tour-2026-contact-row">📍 門市地址｜宜蘭市梅洲一路22號</div>
<div class="jbm-lowcarbon-tour-2026-contact-row">📞 服務電話｜03-9281168</div>
<div class="jbm-lowcarbon-tour-2026-contact-row">💬 LINE客服｜<a class="jbm-lowcarbon-tour-2026-custom-link" href="https://lin.ee/1nYFdDF" style="color: #28a745;" target="_blank">https://lin.ee/1nYFdDF</a></div>
</div>
</div>
