/* 基本重置和日系字體 */ body, h1, h2, h3, p, ul, li, a { margin: 0; padding: 0; font-family: 'Noto Sans JP', sans-serif, 'Hiragino Sans', 'Meiryo', sans-serif; color: #333; /* 柔和的深灰色文字 */ line-height: 1.6; } body { background-color: #f9f5f0; /* 溫暖的米白色背景，營造日系柔和感 */ } a { text-decoration: none; color: var(--main-orange); } a:hover { color: #b95e1e; } /* 頁首導航 */ header { background-color: #fff; /* 白色背景，簡潔 */ padding: 15px 5%; box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* 細微的陰影增加層次感 */ position: sticky; top: 0; z-index: 1000; } header nav { display: flex; justify-content: space-between; align-items: center; } header .logo h1 { font-size: 1.8em; color: var(--main-orange); font-weight: 700; } header nav ul { list-style: none; display: flex; } header nav ul li { margin-left: 25px; } header nav ul li a { font-weight: 400; font-size: 0.95em; color: #555; /* 導航連結使用較深的灰色 */ transition: color 0.3s ease; } header nav ul li a:hover { color: var(--main-orange); } /* 主要內容區域 */ main { padding: 0; /* Section 內部會有自己的 padding */ } section { padding: 60px 5%; text-align: center; /* 大部分內容居中 */ } section:nth-child(even) { background-color: #fff; /* 交替背景色，增加閱讀舒適度 */ } section h3 { font-size: 2em; color: var(--main-orange); /* 標題使用主色橙色 */ margin-bottom: 30px; position: relative; display: inline-block; } /* 日系標題下劃線裝飾 */ section h3::after { content: ''; display: block; width: 60px; height: 3px; background-color: var(--main-orange); /* 主題色下劃線 */ margin: 8px auto 0; /* 居中 */ } /* Hero Section */ #hero { background-color: #fdeced; /* 非常淺的粉色背景，營造夢幻感 */ color: #333; padding: 100px 5%; text-align: center; /* 可以考慮加入背景圖片 */ /* background-image: url('images/hero-background.jpg'); */ /* background-size: cover; */ /* background-position: center; */ } #hero h2 { font-size: 2.8em; margin-bottom: 20px; color: var(--main-orange); /* 主題色 */ font-weight: 700; } #hero p { font-size: 1.2em; margin-bottom: 30px; color: #555; } .cta-button { display: inline-block; background-color: var(--main-orange); color: #fff; padding: 12px 30px; border-radius: 25px; font-size: 1.1em; font-weight: bold; text-decoration: none; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 8px rgba(var(--main-orange-rgb), 0.18); } .cta-button:hover { background-color: var(--main-orange-dark); transform: translateY(-2px); } /* 關於我們 & 自助體驗 */ #about p, #experience p { max-width: 700px; margin: 0 auto 15px auto; /* 限制寬度並居中 */ text-align: left; /* 內文左對齊更易讀 */ color: #555; } #experience ol { max-width: 700px; margin: 20px auto; text-align: left; list-style-position: inside; /* 讓編號在內部 */ padding-left: 0; /* 清除默認的 padding */ } #experience ol li { margin-bottom: 15px; font-size: 1.05em; color: #555; } #experience ol li strong { color: var(--main-orange); /* 強調文字使用主色橙色 */ font-weight: bold; } /* 服務與療程 */ .treatment-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; /* 自動換行 */ justify-content: center; /* 居中排列 */ gap: 20px; /* 項目之間的間距 */ margin-top: 30px; } .treatment-list li { background-color: #fff; padding: 15px 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); font-size: 0.95em; color: #4a4a4a; min-width: 200px; /* 最小寬度 */ text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .treatment-list li:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.15); } #gallery p { max-width: 700px; margin: 0 auto 30px auto; text-align: center; color: var(--text-dark); } /* 美容儀器卡片展示區（日系高級感） */ .machine-gallery { display: flex; flex-wrap: wrap; gap: 32px; justify-content: center; margin: 48px 0 0 0; } .machine-card { background: #fff; border-radius: 22px; box-shadow: 0 6px 24px rgba(230, 122, 122, 0.10), 0 1.5px 6px rgba(0,0,0,0.06); overflow: hidden; width: 290px; transition: transform 0.25s cubic-bezier(.4,2,.6,1), box-shadow 0.25s; border: 1.5px solid #f5eaea; position: relative; display: flex; flex-direction: column; align-items: center; } .machine-card::before { content: ""; display: block; width: 100%; height: 6px; background: linear-gradient(90deg, #e67a7a 0%, #6bb7e7 100%); opacity: 0.13; } .machine-card:hover { transform: translateY(-8px) scale(1.03); box-shadow: 0 12px 32px rgba(230, 122, 122, 0.18), 0 2px 8px rgba(107,183,231,0.10); border-color: #e67a7a; } .machine-img { width: 100%; height: 180px; object-fit: cover; border-radius: 22px 22px 0 0; background: #f8f6f4; } .machine-info { padding: 22px 18px 18px 18px; text-align: center; } .machine-info h4 { font-size: 1.18em; color: #e67a7a; font-weight: 700; margin-bottom: 8px; letter-spacing: 0.02em; } .machine-info p { font-size: 0.98em; color: #4a4a4a; line-height: 1.7; min-height: 44px; } @media (max-width: 900px) { .machine-gallery { gap: 18px; } .machine-card { width: 95vw; max-width: 350px; } } .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* 自動適應列數，最小寬度280px */ gap: 20px; /* 圖片之間的間距 */ margin-top: 30px; padding: 0 2%; /* 稍微給左右一些空間 */ } .image-gallery img { width: 100%; height: 250px; /* 固定高度，保持圖片比例 */ object-fit: cover; /* 裁剪圖片以填充容器，保持比例 */ border-radius: 12px; /* 更圓潤的邊角 */ box-shadow: 0 5px 15px rgba(0,0,0,0.12); /* 更柔和的陰影 */ transition: transform 0.3s ease, box-shadow 0.3s ease; } .image-gallery img:hover { transform: scale(1.05); /* 滑鼠懸停時放大 */ box-shadow: 0 8px 20px rgba(0,0,0,0.18); } #contact p { color: var(--text-dark); margin-bottom: 10px; } footer { background-color: var(--primary-blue); color: var(--text-light); text-align: center; padding: 20px 5%; font-size: 0.9em; } /* 響應式設計 - 簡單範例 */ @media (max-width: 768px) { header nav ul { display: none; /* 簡易處理，未來可做成漢堡選單 */ } header nav { justify-content: center; /* Logo 居中 */ } #hero h2 { font-size: 2.2em; } #hero p { font-size: 1em; } section h3 { font-size: 1.8em; } .treatment-list li { min-width: calc(50% - 10px); /* 每行兩個 */ } } @media (max-width: 480px) { .treatment-list li { min-width: 100%; /* 每行一個 */ } } :root { --main-orange: #e87c2c; --main-orange-rgb: 232,124,44; --main-orange-dark: #b95e1e; } /* 收費表區塊設計 */ .pricing-section { background: linear-gradient(90deg, #fff7f0 0%, #f9f5f0 100%); padding: 48px 5% 32px 5%; margin-bottom: 0; border-radius: 18px; box-shadow: 0 4px 24px rgba(255, 180, 120, 0.09); text-align: center; position: relative; margin-top: 32px; } .pricing-highlights { display: flex; justify-content: center; gap: 18px; margin-bottom: 18px; } .pricing-tag { background: #fff3e0; color: #e67c2f; font-weight: 700; font-size: 1.12em; padding: 7px 22px; border-radius: 22px; box-shadow: 0 2px 8px rgba(230,124,47,0.08); letter-spacing: 1px; font-family: 'Noto Sans JP', sans-serif; } .pricing-main { margin-top: 10px; margin-bottom: 0; } .pricing-price { color: #fff; background: linear-gradient(90deg, #ffb36b 0%, #ff7e5f 100%); font-size: 2.6em; font-weight: 900; padding: 18px 48px; border-radius: 32px; box-shadow: 0 6px 24px rgba(255, 180, 120, 0.18); display: inline-block; transform: rotate(-7deg); font-style: italic; letter-spacing: 2px; margin-bottom: 0; } .pricing-month { font-size: 0.5em; font-weight: 700; margin-left: 6px; font-style: normal; } /* 流程圖設計 */ .flowchart { display: flex; justify-content: center; align-items: flex-start; gap: 0; margin: 36px auto 0 auto; flex-wrap: wrap; } .flow-step { background: #fff; border-radius: 18px; box-shadow: 0 2px 12px rgba(230,124,47,0.07); padding: 24px 18px 18px 18px; margin: 0 8px; min-width: 150px; max-width: 180px; display: flex; flex-direction: column; align-items: center; position: relative; transition: box-shadow 0.2s; } .flow-step:hover { box-shadow: 0 6px 24px rgba(255, 180, 120, 0.18); } .flow-icon { width: 54px; height: 54px; margin-bottom: 12px; filter: drop-shadow(0 2px 6px rgba(255,180,120,0.10)); } .flow-text { font-size: 1.04em; color: #e67c2f; font-weight: 700; text-align: center; margin-bottom: 0; } .flow-text strong { color: #e67c2f; font-weight: 900; font-size: 1.1em; } .flow-arrow { font-size: 2.2em; color: #ffb36b; align-self: center; margin: 0 6px; font-weight: bold; line-height: 1.2; } @media (max-width: 900px) { .flowchart { flex-direction: column; align-items: center; } .flow-arrow { transform: rotate(90deg); margin: 8px 0; } .flow-step { margin: 0 0 12px 0; } } .whatsapp-float { position: fixed; left: 24px; bottom: 24px; z-index: 1200; background: #25d366; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.12); padding: 8px; transition: box-shadow 0.2s, transform 0.2s; display: flex; align-items: center; justify-content: center; } .whatsapp-float:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.18); transform: scale(1.08); } .whatsapp-float img { display: block; width: 48px; height: 48px; } @media (max-width: 600px) { .whatsapp-float { left: 12px; bottom: 12px; padding: 4px; } .whatsapp-float img { width: 36px; height: 36px; } } } } :root { --main-orange: #e87c2c; --main-orange-rgb: 232,124,44; --main-orange-dark: #b95e1e; } /* 收費表區塊設計 */ .pricing-section { background: linear-gradient(90deg, #fff7f0 0%, #f9f5f0 100%); padding: 48px 5% 32px 5%; margin-bottom: 0; border-radius: 18px; box-shadow: 0 4px 24px rgba(255, 180, 120, 0.09); text-align: center; position: relative; margin-top: 32px; } .pricing-highlights { display: flex; justify-content: center; gap: 18px; margin-bottom: 18px; } .pricing-tag { background: #fff3e0; color: #e67c2f; font-weight: 700; font-size: 1.12em; padding: 7px 22px; border-radius: 22px; box-shadow: 0 2px 8px rgba(230,124,47,0.08); letter-spacing: 1px; font-family: 'Noto Sans JP', sans-serif; } .pricing-main { margin-top: 10px; margin-bottom: 0; } .pricing-price { color: #fff; background: linear-gradient(90deg, #ffb36b 0%, #ff7e5f 100%); font-size: 2.6em; font-weight: 900; padding: 18px 48px; border-radius: 32px; box-shadow: 0 6px 24px rgba(255, 180, 120, 0.18); display: inline-block; transform: rotate(-7deg); font-style: italic; letter-spacing: 2px; margin-bottom: 0; } .pricing-month { font-size: 0.5em; font-weight: 700; margin-left: 6px; font-style: normal; } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } } }