/* Landing Page Styles */
.lp-hero {
background: linear-gradient(135deg, #f7f5f4 0%, #ece9e7 100%);
padding: 80px 20px;
text-align: center;
}
.lp-hero h1 {
font-size: clamp(1.8rem, 5vw, 2.8rem);
color: #1a365d;
margin-bottom: 16px;
font-weight: 700;
line-height: 1.3;
}
.lp-hero .subtitle {
font-size: clamp(1rem, 2.5vw, 1.25rem);
color: #6b7280;
margin-bottom: 32px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.lp-btn {
display: inline-block;
background: #CD907E;
color: white !important;
padding: 16px 40px;
border-radius: 8px;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none !important;
transition: all 0.3s;
box-shadow: 0 4px 15px rgba(205, 144, 126, 0.3);
}
.lp-btn:hover {
background: #b87d6b;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(205, 144, 126, 0.4);
}
.lp-btn-outline {
background: transparent;
border: 2px solid #CD907E;
color: #CD907E !important;
box-shadow: none;
}
.lp-btn-outline:hover {
background: #CD907E;
color: white !important;
}
/* Trust Stats */
.lp-stats {
background: #fefcfc;
padding: 50px 20px;
border-top: 1px solid #ece9e7;
border-bottom: 1px solid #ece9e7;
}
.lp-stats-grid {
display: flex;
justify-content: center;
gap: 60px;
flex-wrap: wrap;
max-width: 800px;
margin: 0 auto;
}
.lp-stat-item {
text-align: center;
}
.lp-stat-number {
font-size: 2.5rem;
font-weight: 700;
color: #CD907E;
line-height: 1;
}
.lp-stat-label {
font-size: 0.9rem;
color: #6b7280;
margin-top: 8px;
}
/* Section Common */
.lp-section {
padding: 70px 20px;
max-width: 1140px;
margin: 0 auto;
}
.lp-section-title {
font-size: clamp(1.5rem, 4vw, 2rem);
color: #1a365d;
text-align: center;
margin-bottom: 16px;
font-weight: 700;
}
.lp-section-subtitle {
text-align: center;
color: #6b7280;
margin-bottom: 50px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
/* Services Grid */
.lp-services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
}
.lp-service-card {
background: #fefcfc;
border: 1px solid #ece9e7;
border-radius: 12px;
padding: 30px;
text-align: center;
transition: all 0.3s;
}
.lp-service-card:hover {
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
transform: translateY(-4px);
}
.lp-service-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #CD907E 0%, #e1d5cb 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 1.5rem;
}
.lp-service-card h3 {
font-size: 1.1rem;
color: #1a365d;
margin-bottom: 12px;
}
.lp-service-card p {
font-size: 0.9rem;
color: #6b7280;
line-height: 1.6;
}
/* Why Choose Us */
.lp-why {
background: #f7f5f4;
}
.lp-why-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.lp-why-item {
display: flex;
gap: 16px;
align-items: flex-start;
}
.lp-why-icon {
flex-shrink: 0;
width: 48px;
height: 48px;
background: #CD907E;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.2rem;
}
.lp-why-item h4 {
font-size: 1.05rem;
color: #1a365d;
margin-bottom: 6px;
}
.lp-why-item p {
font-size: 0.9rem;
color: #6b7280;
line-height: 1.5;
}
/* Plans */
.lp-plans-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 24px;
}
.lp-plan-card {
background: #fefcfc;
border: 1px solid #ece9e7;
border-radius: 16px;
padding: 32px;
position: relative;
overflow: hidden;
}
.lp-plan-card.featured {
border-color: #CD907E;
box-shadow: 0 10px 40px rgba(205, 144, 126, 0.15);
}
.lp-plan-card.featured::before {
content: “熱門”;
position: absolute;
top: 16px;
right: -28px;
background: #CD907E;
color: white;
padding: 4px 36px;
font-size: 0.75rem;
transform: rotate(45deg);
}
.lp-plan-card h3 {
font-size: 1.3rem;
color: #1a365d;
margin-bottom: 8px;
}
.lp-plan-price {
font-size: 2rem;
font-weight: 700;
color: #CD907E;
margin-bottom: 20px;
}
.lp-plan-price span {
font-size: 0.9rem;
font-weight: 400;
color: #6b7280;
}
.lp-plan-features {
list-style: none;
padding: 0;
margin: 0 0 24px 0;
}
.lp-plan-features li {
padding: 8px 0;
border-bottom: 1px solid #ece9e7;
font-size: 0.9rem;
color: #374151;
display: flex;
align-items: center;
gap: 8px;
}
.lp-plan-features li::before {
content: “✓”;
color: #CD907E;
font-weight: bold;
}
/* FAQ */
.lp-faq {
background: #f7f5f4;
}
.lp-faq-list {
max-width: 800px;
margin: 0 auto;
}
.lp-faq-item {
background: #fefcfc;
border: 1px solid #ece9e7;
border-radius: 10px;
margin-bottom: 12px;
overflow: hidden;
}
.lp-faq-q {
padding: 20px 24px;
font-weight: 600;
color: #1a365d;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.lp-faq-q::after {
content: “+”;
font-size: 1.5rem;
color: #CD907E;
transition: transform 0.3s;
}
.lp-faq-item.active .lp-faq-q::after {
transform: rotate(45deg);
}
.lp-faq-a {
padding: 0 24px;
max-height: 0;
overflow: hidden;
transition: all 0.3s;
color: #6b7280;
line-height: 1.7;
}
.lp-faq-item.active .lp-faq-a {
padding: 0 24px 20px;
max-height: 300px;
}
/* CTA Section */
.lp-cta {
background: linear-gradient(135deg, #1a365d 0%, #374151 100%);
padding: 70px 20px;
text-align: center;
}
.lp-cta h2 {
color: white;
font-size: clamp(1.5rem, 4vw, 2rem);
margin-bottom: 16px;
}
.lp-cta p {
color: rgba(255,255,255,0.8);
margin-bottom: 32px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.lp-cta-buttons {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
.lp-cta .lp-btn {
background: #CD907E;
}
.lp-cta .lp-btn-outline {
border-color: white;
color: white !important;
background: transparent;
}
.lp-cta .lp-btn-outline:hover {
background: white;
color: #1a365d !important;
}
/* Contact Info */
.lp-contact-info {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 40px;
flex-wrap: wrap;
color: rgba(255,255,255,0.9);
font-size: 0.95rem;
}
.lp-contact-info a {
color: white !important;
text-decoration: none;
}
/* Responsive */
@media (max-width: 768px) {
.lp-hero {
padding: 50px 20px;
}
.lp-stats-grid {
gap: 30px;
}
.lp-stat-number {
font-size: 2rem;
}
.lp-section {
padding: 50px 20px;
}
.lp-contact-info {
flex-direction: column;
gap: 16px;
text-align: center;
}
}
用心守護您的健康
從精準檢查開始
博田國際醫院健康管理中心,結合 AI 智慧檢測與專業醫療團隊,提供飯店級舒適的高階健檢體驗
精密檢測項目
採用先進醫療設備,提供全方位健康篩檢
AI 無痛腸胃鏡
結合人工智慧輔助偵測與 NBI 窄頻技術,提升息肉發現率,全程舒眠麻醉
低劑量肺部 CT
早期肺癌篩檢利器,輻射劑量僅傳統 CT 的 1/6,精準發現微小結節
心臟冠狀動脈鈣化分析
量化心血管疾病風險,預測未來 10 年心臟事件機率
腦血管磁振造影
無輻射、無顯影劑,完整評估腦部血管與組織健康狀態
為什麼選擇博田
不只是檢查,更是對健康的全方位照護
飯店級舒適環境
獨立 VIP 空間、專屬休息室,讓健檢如度假般輕鬆
專科醫師親自解說
報告由專業醫師詳細說明,不只看數字,更了解意義
精緻健康餐點
檢後提供營養均衡的活力餐點,補充體力
完整後續追蹤
異常發現立即安排轉介,健康管理不中斷
熱門健檢方案
依據您的需求,選擇最適合的檢查組合
常見問題
關於健檢的疑問,這裡為您解答
準備好關心自己的健康了嗎?
專業團隊為您量身規劃最適合的健檢方案
document.querySelectorAll(‘.lp-faq-q’).forEach(function(q) {
q.addEventListener(‘click’, function() {
this.parentElement.classList.toggle(‘active’);
});
});