/* NCOF site polish 2026-09-20 — light spacing/hierarchy; linked from index.php */

body {
  font-family: "Microsoft JhengHei", "微軟正黑體", "PingFang TC", "Noto Sans TC", PMingLiU, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #2b2b2b;
  background-color: #f7f0e4;
}

td[bgcolor="D18B00"],
td[bgcolor="#D18B00"] {
  letter-spacing: 0.02em;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.12);
}
a.m2 {
  font-size: 13px !important;
  padding: 0 4px;
}
a.m2:hover { color: #fff5d6 !important; }

table[bgcolor="#FFCC66"] { background-color: #ffe2a3 !important; }
table[bgcolor="#FFCC66"] > tbody > tr > td[width="200"] {
  padding: 12px 8px 16px 10px !important;
}
table[bgcolor="#FFCC66"] > tbody > tr > td[valign="top"] {
  padding: 12px 14px 18px 8px !important;
}
td[width="200"] a.m1 {
  display: block;
  padding: 5px 4px;
  line-height: 1.45;
}

.news-wrap { padding: 4px 4px 8px; }
.news-title {
  font-size: 22px !important;
  letter-spacing: 0.35em !important;
  margin: 6px 0 18px !important;
  color: #5a3c00 !important;
  font-weight: 700;
}
.news-card {
  background: #fffaf0 !important;
  border: 1px solid #c9892a !important;
  border-radius: 10px !important;
  padding: 18px 20px 16px !important;
  margin-bottom: 18px !important;
  box-shadow: 0 1px 0 rgba(138,90,0,.08), 0 6px 16px rgba(90,60,0,.06);
}
.news-card h2 {
  font-size: 19px !important;
  margin: 0 0 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e0b45a !important;
  color: #6b4508 !important;
  letter-spacing: 0.04em;
}
.news-card img {
  border: 1px solid #e6c27a !important;
  border-radius: 6px;
  margin-bottom: 12px !important;
}
.news-card p {
  font-size: 15px !important;
  line-height: 1.85 !important;
  text-align: left !important;
  color: #333;
}
.news-price {
  display: inline-block;
  margin-top: 6px;
  font-size: 18px !important;
}
.news-pair { gap: 16px !important; }

.pdt, a.pdt {
  font-size: 12pt !important;
  line-height: 1.55;
}
.pdt2 {
  font-size: 10pt !important;
  line-height: 1.5;
  color: #444 !important;
}
table.pdtbe, td.pdtbe {
  border: 1px solid #d6b57a !important;
  border-radius: 6px;
  background-color: #fffaf0 !important;
}
.maintext, .maintextl, .maintextl_b {
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.title1 {
  font-size: 16px !important;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}
.title2 {
  font-size: 13px !important;
  color: #555 !important;
}

input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
}
textarea { line-height: 1.55; }

td[bgcolor="#FFEE99"] {
  background-color: #fff0b8 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.style10 { padding: 8px 0 4px; font-size: 13px !important; }


/* Intro / about page (mpg=a) — 2026-09-20 */
.intro-page {
  max-width: 100%;
  padding: 4px 2px 12px;
}
.intro-card {
  background: #fffaf0;
  border: 1px solid #c9892a;
  border-radius: 10px;
  padding: 16px 18px 14px;
  margin: 0 0 14px;
  box-shadow: 0 1px 0 rgba(138,90,0,.08), 0 6px 16px rgba(90,60,0,.06);
}
.intro-card p {
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin: 0 0 12px !important;
  text-align: left !important;
  color: #333;
}
.intro-card p:last-child { margin-bottom: 0 !important; }
.intro-lead {
  background: linear-gradient(180deg, #fff6e0 0%, #fffaf0 100%);
}
.intro-lead p {
  font-size: 16px !important;
  font-weight: 700;
  color: #5a3c00 !important;
  text-align: center !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}
.intro-h {
  margin: 0 0 10px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #e0b45a;
  color: #6b4508 !important;
  font-size: 17px !important;
  letter-spacing: 0.08em;
  font-weight: 700;
}
.intro-quote {
  margin: 8px 0 0 !important;
  padding: 12px 14px;
  border-left: 4px solid #c9892a;
  background: #fff6e0;
  border-radius: 0 8px 8px 0;
  color: #4a3208;
  font-size: 15px;
  line-height: 1.75;
}
.intro-emphasis {
  color: #003366 !important;
}
.intro-clients {
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #444 !important;
}
.intro-meta {
  font-size: 14px !important;
  color: #555 !important;
  margin-top: 8px !important;
}


/* ===== Unified page polish batch 2026-09-20 (products / galleries / forms) ===== */

/* Page section title row */
table.pdt {
  margin-bottom: 8px;
}
table.pdt .pdt,
div.pdt {
  font-size: 15px !important;
  line-height: 1.55;
  color: #5a3c00;
  font-weight: 700;
}
a.pdt {
  font-weight: 600;
}

/* Product category grid (product.php) */
table[cellspacing="5"] td a.pdt img,
table[cellspacing="5"] td a.pdt picture {
  display: block;
}
table[cellspacing="5"] td[width="80"] {
  padding: 6px !important;
  background: #fffaf0;
  border: 1px solid #e0b45a;
  border-radius: 8px;
}
table[cellspacing="5"] td[valign="middle"] {
  padding-left: 10px !important;
}

/* Product list cards (product2.php) */
td.pdtbe {
  padding: 8px !important;
  vertical-align: middle !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(90,60,0,.06);
}
td.pdtbe img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}
table.pdtbe {
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(90,60,0,.08);
}
table.pdtbe td[bgcolor="#FFCC66"] {
  background: #f0c14b !important;
  color: #3a2800 !important;
  font-weight: 700;
  font-size: 16px !important;
  padding: 10px 12px !important;
}

/* Gallery grids: promotions / works / publications */
table.pdt img {
  border-radius: 4px;
}
table[cellpadding="2"] td[bgcolor="#FFFFFF"],
table[cellpadding='2'] td[bgcolor="#FFFFFF"] {
  background: #fffaf0 !important;
  border: 1px solid #e6c27a;
  border-radius: 8px;
  padding: 8px !important;
  box-shadow: 0 2px 8px rgba(90,60,0,.05);
}

/* Search */
form#form1 input[type="text"] {
  padding: 7px 10px;
  border: 1px solid #c9892a;
  border-radius: 6px;
  min-width: 220px;
  background: #fffaf0;
}
form#form1 input[type="submit"],
form#form1 input[type="reset"],
input[type="submit"],
input[type="reset"] {
  padding: 7px 14px;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
}
form#form1 input[type="submit"],
input[type="submit"]#button2,
input[name="button2"] {
  background: #8a5a00;
  color: #fff;
}
form#form1 input[type="submit"]:hover,
input[name="button2"]:hover {
  background: #6b4508;
}
input[type="reset"],
input[name="button"] {
  background: #e8d4a8;
  color: #4a3208;
}

/* Enquiry form — align to warm brand */
.enquiry-form {
  max-width: 820px !important;
  margin: 12px 0 20px !important;
  background: #fffaf0 !important;
  border: 1px solid #c9892a !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(90,60,0,.08);
  padding: 8px !important;
}
.enquiry-form .form-header,
.enquiry-form .form-header td {
  background: #8a5a00 !important;
  color: #fffaf0 !important;
}
.enquiry-form input[type="text"],
.enquiry-form textarea,
.enquiry-form select {
  border: 1px solid #d6b57a !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
  background: #fff !important;
}

/* Contact page cards */
.contact-page { padding: 4px 2px 12px; }
.contact-card {
  background: #fffaf0;
  border: 1px solid #c9892a;
  border-radius: 10px;
  padding: 16px 18px 14px;
  margin: 0 0 14px;
  box-shadow: 0 1px 0 rgba(138,90,0,.08), 0 6px 16px rgba(90,60,0,.06);
  max-width: 640px;
}
.contact-card h3 {
  margin: 0 0 10px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #e0b45a;
  color: #6b4508 !important;
  font-size: 17px !important;
  letter-spacing: 0.08em;
}
.contact-row {
  display: flex;
  gap: 12px;
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.55;
}
.contact-row .lbl {
  flex: 0 0 110px;
  text-align: right;
  color: #8a5a00;
  font-weight: 700;
}
.contact-row .val { flex: 1; color: #222; }
.contact-map {
  width: 100%;
  max-width: 600px;
  height: 250px;
  border: 0;
  border-radius: 8px;
  margin: 8px 0;
}
.contact-form-table {
  width: 100%;
  border-collapse: collapse;
  background: transparent !important;
}
.contact-form-table td {
  padding: 6px 4px !important;
  background: transparent !important;
}
.contact-form-table input[type="text"],
.contact-form-table textarea {
  width: 95%;
  max-width: 420px;
  padding: 7px 10px;
  border: 1px solid #d6b57a;
  border-radius: 6px;
  background: #fff;
  font-family: inherit;
  font-size: 14px;
}
.contact-sent {
  text-align: center;
  color: #8a5a00;
  font-weight: 700;
  margin-bottom: 8px;
}