body{margin:0;background:#222;color:#333;font:13px/1.5 Arial,Helvetica,sans-serif}
a{color:#1a4b7a;text-decoration:none}a:hover{text-decoration:underline}
.page{width:940px;max-width:100%;margin:0 auto;background:#fff;box-shadow:0 0 0 1px #d3d8de}
.topbar{background:#eaf0f7;padding:6px 10px;text-align:right;font-size:12px}
.header{background:linear-gradient(#6aa3cc,#82b2d6);color:#fff}
.img-header{width:100%;height:180px;display:block;background:url('../img/header.jpg') center/cover no-repeat}
.hero{padding:12px 20px 16px}
.hero .big{font-size:22px;font-weight:700}
.hero .sub{font-size:12px;margin-top:6px}
.nav{background:#5c7da0}
.nav a{display:inline-block;padding:8px 12px;color:#fff;font-weight:bold;font-size:12px}
.nav a.active,.nav a:hover{background:#4b6c8d}
.main{display:flex;gap:18px;padding:18px 20px}
.left{width:190px}
.center{flex:1}
.right{width:230px}
.section{border-top:1px solid #dfe5ec;padding-top:10px;margin-top:10px}
.h3{font-size:16px;font-weight:bold;color:#2a4a6b;margin:8px 0 4px}
.h4{font-size:11px;font-weight:bold;color:#6a6a6a;margin:0 0 6px;text-transform:uppercase}
.box{background:#f7fafc;border:1px solid #e1e6ee;padding:10px}
.sidebar-title{font-size:12px;font-weight:bold;margin:0 0 4px;color:#456789}
.sidebar img{width:100%;height:78px;border:1px solid #dfe5ec;object-fit:cover}
.footer{background:#7f9fc2;color:#fff;text-align:center;font-size:12px;padding:14px 10px;margin-top:10px}
.menu{background:#f7fafc;border:1px solid #e1e6ee}
.menu a{display:block;padding:6px 8px;border-top:1px solid #e1e6ee;color:#2a4a6b;font-weight:bold}
.menu a:first-child{border-top:0}
.table{width:100%;border-collapse:collapse;font-size:13px}
.table td{padding:4px 6px;border-bottom:1px solid #e9edf2;vertical-align:top}