全新露营主题套房

下面是一个轮播插件 (Carousel)。要浏览图片，请向左或向右滑动，或点击下一页或上一页按钮。

全新主题套房融合车中泊露营的乐趣与酒店舒适体验。配备两张双人床，布置帐篷、灯饰、露营用品及玩具，无惧天气变化，是亲子同乐的理想之选！

客房面积 : 54平方米  (~580平方尺)

立即预订

最新推广

查看所有
/* ====================================================== CHARTERHOUSE EDITORIAL SYSTEM SAFE FOR CANVAS GLOBAL CSS Scoped to: .page-background .editorial-page ====================================================== */ /* --------------------------------------- BASE LAYOUT --------------------------------------- */ .page-background .editorial-page { padding: 110px 0; } .page-background .editorial-page .content-wrapper { max-width: 1200px; /* wider canvas */ margin: 0 auto; padding: 0 80px; /* more breathing on sides */ } /* --------------------------------------- TYPOGRAPHY --------------------------------------- */ .page-background .editorial-page h1 { font-size: 26px; font-weight: 400; margin-bottom: 20px; } .page-background .editorial-page h2 { font-size: 20px; font-weight: 400; margin: 0 0 8px 0; /* remove extra bottom space */ line-height: 1.2; letter-spacing: 1px; } .page-background .editorial-page h3 { font-size: 24px; font-weight: 500; margin-bottom: 16px; } .page-background .editorial-page p { max-width: 1200px; line-height: 1.85; margin-bottom: 30px; text-align: justify; letter-spacing: 0.5px; } /* --------------------------------------- EYEBROW STYLE --------------------------------------- */ .page-background .editorial-page .eyebrow, .page-background .editorial-page .section-eyebrow, .page-background .editorial-page .page-eyebrow { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #a8842f; margin-bottom: 12px; } /* --------------------------------------- DIVIDER --------------------------------------- */ .page-background .editorial-page .divider-short { width: 45px; height: 1px; background: #a8842f; margin: 6px 0 24px 0; /* much closer to title */ } .page-background .editorial-page .meta-divider { height: 1px; background: rgba(0,0,0,0.08); margin: 40px 0; } /* --------------------------------------- HERO IMAGE --------------------------------------- */ .page-background .editorial-page .page-hero { margin-bottom: 70px; } .page-background .editorial-page .page-hero img { width: 100%; height: 100%; object-fit: cover; display: block; } /* --------------------------------------- TWO COLUMN (Dining Main Layout) --------------------------------------- */ .page-background .editorial-page .dining-block { margin-bottom: 120px; } .page-background .editorial-page .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; /* tighter and more elegant */ align-items: flex-start; justify-content: space-between } .page-background .editorial-page .two-col.reverse { direction: rtl; } .page-background .editorial-page .two-col.reverse .text-col, .page-background .editorial-page .two-col.reverse .image-col { direction: ltr; } .page-background .editorial-page .text-col { display: flex; flex-direction: column; justify-content: space-between; align-content: flex-start; max-width: 800px; /* ✅ balances image */ } .page-background .editorial-page .image-col { display: flex; align-items: flex-start; } .page-background .editorial-page .image-col img { width: 90%; max-width: 100%; height: auto; object-fit: cover; display: block; } .page-background .editorial-page .image-col { align-self: start; /* prevents vertical stretching */ } .page-background .editorial-page, .page-background .editorial-page p, .page-background .editorial-page .meta-row, .page-background .editorial-page .meta-note { text-align:justify; } /* --------------------------------------- META LIST --------------------------------------- */ .page-background .editorial-page .meta-list { margin-top: 20px; max-width: 800px; } .page-background .editorial-page .meta-group { margin-bottom: 20px; } .page-background .editorial-page .meta-label { font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(0,0,0,0.55); margin-bottom: 6px; margin-top: 8px; } .page-background .editorial-page .meta-row { font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 1.7; } .page-background .editorial-page .meta-note { font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 1.8; } /* --------------------------------------- LOCATION MAP --------------------------------------- */ .page-background .editorial-page .map-container { margin-top: 40px; overflow: hidden; border-radius: 6px; } .page-background .editorial-page .map-container iframe { width: 100%; height: 420px; border: 0; display: block; } /* --------------------------------------- VIEW LINK STYLE --------------------------------------- */ .page-background .editorial-page a.view-link { display: inline-block; margin-top: 18px; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; color: #a8842f; border-bottom: 1px solid #a8842f; padding-bottom: 3px; transition: 0.3s ease; } .page-background .editorial-page a.view-link:hover { opacity: 0.7; } /* --------------------------------------- BUTTONS --------------------------------------- */ .page-background .editorial-page .reservation-section { margin-top: 60px; } .page-background .editorial-page .dual-cta { display: flex; gap: 20px; flex-wrap: wrap; } .page-background .editorial-page .btn-solid { display: inline-block; padding: 14px 30px; background: #a8842f; color: #ffffff; text-decoration: none; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; transition: 0.3s ease; } .page-background .editorial-page .btn-solid:hover { opacity: 0.85; } .page-background .editorial-page .btn-outline { display: inline-block; padding: 14px 30px; border: 1px solid #a8842f; color: #a8842f; text-decoration: none; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; transition: 0.3s ease; } .page-background .editorial-page .btn-outline:hover { background: #a8842f; color: #ffffff; } /* --------------------------------------- EXCLUSIVE OFFER (Bronze Styling) --------------------------------------- */ .page-background .editorial-page .meta-group.exclusive { padding-top: 5px; margin-bottom: 30px; } .page-background .editorial-page .meta-group.exclusive .meta-label, .page-background .editorial-page .meta-group.exclusive .meta-row, .page-background .editorial-page .meta-group.exclusive .meta-note { color: #a8842f; } /* --------------------------------------- RESPONSIVE --------------------------------------- */ @media (max-width: 900px) { .page-background .editorial-page { padding: 70px 0; } .page-background .editorial-page .content-wrapper { padding: 0 24px; } .page-background .editorial-page .two-col { grid-template-columns: 1fr; gap: 50px; } .page-background .editorial-page .dining-block { margin-bottom: 90px; } .page-background .editorial-page .image-col img { height: 320px; } .page-background .editorial-page .map-container iframe { height: 320px; } .page-background .editorial-page .dual-cta { flex-direction: column; } }