body{margin:0;background:#e9eef3 url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==') repeat;font:14px/1.5 Arial,Helvetica,sans-serif;color:#222}
#wrapper{width:980px;margin:20px auto;background:#fff;border:1px solid #cfd7df;box-shadow:0 0 8px rgba(0,0,0,.12)}
#header{background:#8b0e1a;background:linear-gradient(#b01121,#6f0a14);color:#fff}
#header .top{padding:12px 18px;display:flex;align-items:center;justify-content:space-between}
#logo{display:flex;align-items:center;color:#fff;text-decoration:none}
#logo img{width:60px;height:60px;margin-right:10px;border:3px solid rgba(255,255,255,.25);background:#fff;object-fit:contain}
#logo .title{font-size:22px;font-weight:bold;text-shadow:0 -1px 0 rgba(0,0,0,.4)}
#logo .subtitle{font-size:12px;opacity:.95}
#lang{font-size:12px}
#lang a{color:#fff;text-decoration:none;margin-left:8px}
#lang a.active{text-decoration:underline}
#nav{background:#6c0a13;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(0,0,0,.35)}
#nav ul{list-style:none;margin:0;padding:0;display:flex}
#nav li{border-right:1px solid rgba(255,255,255,.18)}
#nav a{display:block;padding:10px 14px;color:#fff;text-decoration:none;font-weight:bold;text-shadow:0 -1px 0 rgba(0,0,0,.35)}
#nav a:hover{background:#8c0d1a}
#hero{height:300px;border-bottom:1px solid #dee5ec;position:relative;overflow:hidden;background:#000}
#slider{height:300px;position:relative}
#slider img{position:absolute;left:0;top:0;width:100%;height:300px;object-fit:cover;display:none}
#slider img.active{display:block}
#controls{position:absolute;right:10px;bottom:10px;z-index:10}
#controls a{display:inline-block;background:rgba(0,0,0,.45);color:#fff;padding:4px 8px;margin-left:4px;text-decoration:none;font-size:12px;border-radius:2px}
#bullets{position:absolute;left:10px;bottom:10px;z-index:10}
#bullets a{display:inline-block;width:10px;height:10px;border-radius:10px;background:rgba(255,255,255,.6);margin-right:6px;text-indent:-9999px;border:1px solid rgba(0,0,0,.35)}
#bullets a.active{background:#ffffff}
#content{display:flex}
#sidebar{width:240px;background:#f7f9fb;border-right:1px solid #e2e8f0}
#sidebar .box{padding:14px;border-bottom:1px solid #e2e8f0}
#sidebar h3{margin:0 0 8px;color:#7a0b15;font-size:14px;border-bottom:1px solid #d9e1ea;padding-bottom:6px}
#sidebar ul{margin:0;padding-left:18px}
#main{flex:1;padding:18px 20px}
h1{font-size:22px;margin:0 0 8px;color:#2d2d2d}
h2{font-size:18px;margin:16px 0 8px;color:#2d2d2d}
p{margin:0 0 10px}
.callout{background:#eef5fd;border:1px solid #d7e4f4;padding:10px;border-radius:2px}
.banner{width:100%;max-height:360px;object-fit:cover;border:1px solid #d9e3ee;margin:10px 0}
.table{width:100%;border-collapse:collapse;font-size:13px}
.table th,.table td{border:1px solid #e1e7ee;padding:8px;text-align:left}
.gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.gallery figure{width:300px;border:1px solid #d9e3ee;background:#fff}
.gallery img{display:block;width:300px;height:200px;object-fit:cover}
.gallery figcaption{font-size:12px;padding:6px 8px;background:#f6f9fc}
.hr{height:1px;background:#e1e7ee;border:none;margin:12px 0}
#footer{background:#f5f5f5;border-top:1px solid #dadada;color:#666;font-size:12px}
#footer .inner{width:980px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between}
.btn{background:#7f0a17;color:#fff;padding:7px 12px;border:1px solid #5c0810;border-radius:3px;text-decoration:none}
.btn:hover{background:#8c0c1a}
.breadcrumb{font-size:12px;color:#777;margin-bottom:8px}