女娘的店

https://www.redlantern.eatingout.com.tw/custom_141494.html 菜單介紹菜單介紹 /* ===================== 共用 ===================== */ img { display: block; max-width: 100%; height: auto; } /* ===================== 文字區塊 ===================== */ .content h3 { margin: 0 auto; padding: 5px 0 3px 10px; font-size: 15px; color: #006600; line-height: 160%; letter-spacing: 1px; } .content h2 { margin: 0 auto; padding: 10px 0 3px; font-size: 18px; color: #CC0000; line-height: 160%; letter-spacing: 1px; font-weight: bolder; } .content p { margin: 0; padding: 3px 20px 10px; font-size: 13px; color: #444; line-height: 170%; letter-spacing: 1px; } /* ===================== 標題圖片區 ===================== */ .content .pic_cen { width: 100%; max-width: 780px; margin: 5px auto; padding: 5px; text-align: center; box-sizing: border-box; } .content .pic_cen img { width: 100%; } .content h2.sub, .content h2.sub2 { margin: 0 auto; padding: 30px 20px 40px; text-align: center; color: #982B00; line-height: 160%; background-image: url(/editor_images/031b53abda5316280937ac0b9b231567.jpg); background-size: 100% 100%; box-sizing: border-box; } /* ===================== title-box ===================== */ .title-box { position: relative; max-width: 780px; margin: 0 auto; text-align: center; height: fit-content; } .title-box img { width: 100%; height: max-content; display: block; } .title-box h2 { position: absolute; top: 50%; left: 50%; width: 90%; margin: 0; transform: translate(-50%, -50%); color: #982B00; font-size: 18px; line-height: 1.6; } .title-box h2 span { display: block; font-size: 13px; } /* ===================== Gallery ===================== */ .gallery-wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 15px; box-sizing: border-box; } /* 主圖 */ .gallery-main { min-width: 280px; display: flex; justify-content: center; } .mainImg { width: 100%; max-width: 660px; height: auto; transition: opacity .3s ease; } /* 縮圖 */ .smallright { width: 300px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; box-sizing: border-box; } .smallright img { width: 100%; cursor: pointer; border: 2px solid #ddd; box-sizing: border-box; transition: .3s; } .smallright img:hover { border-color: #ff8701; transform: scale(1.05); } /* ===================== 左圖 ===================== */ .content .pic_left { float: left; margin: 5px 5px 5px 30px; padding: 5px 10px 5px 5px; } .content .pic_left img { padding: 1px; border: 1px solid #960; } /* ===================== 菜單圖片 Grid ===================== */ .pic_cen2 { max-width: 780px; margin: 0 auto; padding: 10px; box-sizing: border-box; } .menu-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .menu-grid img { width: 100%; height: auto; display: block; } /* ===================== 問答文字 ===================== */ .question { font-size: 12pt; line-height: 15pt; font-weight: bold; color: #FF0000; text-decoration: none; } /* ===================== RWD ===================== */ @media (max-width: 768px) { /* gallery */ .gallery-wrap { flex-direction: column; align-items: center; } .gallery-main { width: 100%; } .mainImg { width: 100%; max-width: 100%; } .smallright { width: 100%; display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; padding-bottom: 5px; } .smallright img { width: 22vw; flex-shrink: 0; } /* pic */ .content .pic_cen { width: 100%; } /* menu */ .menu-grid { grid-template-columns: 1fr; } /* title */ .title-box h2 { width: 95%; font-size: 16px; } } document.addEventListener('DOMContentLoaded', () => { const galleries = document.querySelectorAll('.gallery-wrap'); galleries.forEach(gallery => { const mainImg = gallery.querySelector('.mainImg'); const thumbs = gallery.querySelectorAll('.smallright img'); thumbs.forEach(img => { img.addEventListener('mouseenter', () => { const newSrc = img.dataset.large; mainImg.style.opacity = 0; setTimeout(() => { mainImg.src = newSrc; mainImg.style.opacity = 1; }, 150); }); img.addEventListener('click', () => { mainImg.src = img.dataset.large; }); }); }); }); 本店+10％服務費，桌席 7800元起請先預訂另有高檔宴席菜色歡迎洽詢女娘的店各類菜色介紹(價錢內容一切以【店裡菜單】為基準)