*{box-sizing:border-box}body{margin:0;background:#f4f4f4;color:#222;font:16px Arial,sans-serif;line-height:1.6}.page{max-width:960px;margin:32px auto;background:#fff;border:1px solid #ddd;padding-bottom:36px}.banner{display:block;width:100%;height:auto}.heading,article,#show{margin:24px 44px}.heading{border-bottom:1px solid #ddd}.title{font-size:2rem;font-weight:bold;color:#2f572c;margin:0}.frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eee}.frame img{width:100%;height:100%;object-fit:cover}#prev,#next{position:absolute;top:50%;transform:translateY(-50%);font-size:34px;color:white;background:#0008;border:0;padding:8px 14px}#prev{left:10px}#next{right:10px}#dots{text-align:center;margin-top:8px}#dots button{width:10px;height:10px;border:0;border-radius:50%;margin:4px;background:#bbb}#dots .active{background:#2f572c}.intro{text-align:center;background:#f7faf6;border-left:5px solid #3f6f3b;padding:20px}.contact{border-top:1px solid #ddd;margin-top:30px;padding-top:20px}a{color:#2f572c}@media(max-width:640px){body{background:#fff}.page{margin:0;border:0}.heading,article,#show{margin:20px}.title{font-size:1.6rem}}