* { box-sizing:border-box; }
html, body { margin:0; padding:0; }
body { background:#f5edd1; color:#1a1a1a; font-family: Georgia, 'Times New Roman', serif; }
a { color:#1d3f72; text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { max-width: 720px; margin: 20px auto 60px; background:#fffbe8; border:2px solid #d8cda8; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.header { padding:16px 20px; border-bottom:1px solid #d8cda8; background:#fff7d6; }
.title { font-size:30px; letter-spacing:1px; color:#3b2f14; }
.nav { padding:10px 20px; border-bottom:1px solid #d8cda8; font-size:14px; }
.content { padding:20px; line-height:1.65; font-size:18px; }
.item { padding:16px 0; border-bottom:1px solid #d8cda8; }
.meta { color:#5a563f; font-size:14px; }
.footer { padding:14px 20px; border-top:1px solid #d8cda8; font-size:13px; color:#6b674d; background:#fff7d6; }
.btn { display:inline-block; padding:8px 12px; border:1px solid #3b2f14; background:#fff; cursor:pointer; }
.input, textarea { width:100%; padding:10px; border:1px solid #d8cda8; background:#fff; font-family: inherit; }
textarea { min-height: 220px; }
.notice { background:#fff7d6; border:1px solid #d8cda8; padding:10px 12px; }
img { max-width:100%; height:auto; }
blockquote { border-left:3px solid #d8cda8; padding-left:12px; margin-left:0; color:#4f4a31; }
code { background:#fff1b8; padding:2px 4px; }