/* p05 - Sands Macao Dining */
:root {
  --page-width: 968px;
  --content-width: 737px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Noto Sans TC', sans-serif; color: #515452; background: #fff; }
.page img { display: block; max-width: 100%; }

.page { max-width: var(--page-width); margin: 0 auto; }
.center { text-align: center; }
.section { margin: 0 auto; padding: 0 20px; }
.section img { margin: 0 auto; max-width: var(--content-width); }
.hero img { max-width: 100%; }

/* gradient background for content area */
.gradient_bg {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(13,108,40,0.12) 100%);
  padding-bottom: 40px;
}

/* body text */
.body_text {
  max-width: var(--content-width); margin: 0 auto; padding: 20px 20px 0;
  font-size: 20px; line-height: 1.8; text-align: center;
}
.body_text b { color: #055541; }

/* restaurant sections */
.resto { margin-top: 30px; }
.resto img { max-width: 502px; width: 100%; }

/* restaurant list */
.resto_list {
  max-width: var(--content-width); margin: 0 auto;
  font-size: 16px; letter-spacing: 1px; line-height: 1.6;
  text-align: center; padding: 10px 20px 0; color: #515452;
}
.resto_list span { display: inline-block; white-space: nowrap; padding: 4px; }

/* divider */
.divider { overflow: hidden; }
.divider img { max-width: var(--content-width); width: 100%; }

/* footer */
.footer_notes {
  max-width: 1200px; margin: 30px auto 0; padding: 0 30px 20px;
  font-size: 13px; line-height: 1.8; color: #333;
}
.footer_notes ol { padding-left: 20px; }
.footer_notes p { margin: 5px 0; }

.hidden .btn_tnc,
.hidden .btn_tnc:focus { float: left !important; background: none !important; color: #333 !important; font-size: 11px; text-decoration: underline; padding-left: 0 !important; }
.hidden .btn_tnc:after {
  background: none !important; content: '' !important; text-indent: 0 !important;
  width: 6px; height: 6px; border: solid #333; border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg); margin-left: 8px; margin-bottom: 3px; vertical-align: middle;
}
.hidden .btn_tnc.expanded:after { transform: rotate(-135deg); margin-bottom: -1px; }
.hidden.tnc .content { height: auto !important; overflow: visible !important; background: #fff !important; }
.hidden .content { color: #333 !important; }

.tnc_table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 11px; }
.tnc_table th, .tnc_table td { border: 1px solid #ccc; padding: 10px 15px; text-align: left; vertical-align: top; }
.tnc_table th { background: #f5f5f5; font-weight: bold; }
.tnc_table td:first-child { width: 120px; text-align: center; vertical-align: middle; }

/* travel card promo - from p81 */
b { color: #0d6c28; }
.f20 { font-size: 20px; line-height: 160%; }
.travel { max-width: var(--content-width); margin-left: auto; margin-right: auto; padding: 0 40px; overflow: visible; }
.tbg { background-color: #DCEFE0; padding: 32px 50px 32px 100px; border-radius: 30px; position: relative; min-height: 240px; }
.tbg:after { display: table; clear: both; content: ""; }
.travelcard { position: absolute; left: -80px; top: 50%; transform: translateY(-50%); }
.travelcard img { height: 192px; }
.travelword { text-align: center; }
.btn { text-align: center; }
.btn_action {
  background: #0C8029;
  background: linear-gradient(180deg, rgba(12,128,41,1) 0%, rgba(4,86,65,1) 100%);
  color: #fff; margin: 0 3px 0;
}
.btn_action:hover {
  color: #fff; background: #075c1c;
  background: linear-gradient(180deg, rgba(7,92,28,1) 0%, rgba(6,69,51,1) 100%);
}
.top30 { margin-top: 30px; }
.top10 { margin-top: 10px; }
.desktop { display: block; }
.mobile { display: none; }

/* spacing helpers */
.mt10 { margin-top: 10px; }
.mt10 img { max-width: 590px; }
.mt30 img { max-width: 480px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.pt20 { padding-top: 20px; }

@media (max-width: 768px) {
  /* .body_text { font-size: 14px; } */
  .travel { padding: 0 20px; }
  .travelcard { left: -24px; }
  .travelcard img { height: 150px; }
  .tbg { padding: 24px 30px 24px 80px; }
  /* .f20 { font-size: 16px; } */
}

@media (max-width: 630px) {
  .mt10 img { max-width: 100%; }
}

@media (max-width: 520px) {
  .mt30 img { max-width: 100%; }
}


 .btn_readmore{
  margin-right: 24px;
 }

/* Travel+ promo: shrink footnote superscript so it doesn't render full-size */
.travelword sup {
  font-size: 0.55em;
  vertical-align: super;
  line-height: 0;
}

/* Footer "網上重要通告" block (rendered by createStatement()):
   force font size to match the Note list above. */
.footer_state_area .copy,
.footer_state_area .copy * {
  font-size: 13px !important;
  line-height: 1.6 !important;
}
.footer_state_area .copy {
  text-align: left;
}