.wrap {background: #eee;;}

header {font-size: 2rem; color: #181c1d; font-weight: 900; letter-spacing: -1px; text-align: center; padding: 0; background: #fff;}
header h1{ border-bottom: 1px solid #ddd; padding: 1.5rem 0;}
header .title {display:flex; align-items:center; justify-content:center;}
header .title p {width: 3rem;}
header .title p img {width: 100%;}
header .title h2 { font-size: 2rem; font-weight: 900; text-align: center;padding:1rem}
header h1 + div {padding:0 0 1.5rem;}
header div ul {display:flex;justify-content: space-between; padding: 0 2rem;}
header div ul li {width:30%;}
header div ul li a {display: block; border: 1px solid #e0e0e0; border-radius: 0.4rem; padding: 1rem 0.5rem; font-size:1.4rem}
header div ul li.active a { border: 1px solid #0051aa; background-color: #0069ab; color:#fff;}
header div ul li.active::after {display: none}

.content {background: #eee; padding: 3rem 2rem 0;}
.contxt {width: 100%; background: #fff; border:1px solid #ddd; margin-top: 0; padding: 2rem; border-radius:0.5rem 0.5rem 0 0; border-bottom:0; min-height: 80vh;}
.contxt ul li {display: flex; margin-bottom: 3rem;}
.contxt ul li:nth-child(4n) {margin-bottom: 0;}
.contxt ul li.on {margin-bottom: 3rem;}
.contxt ul li.flag {}
.contxt ul li.flag img {width: 50%; display: block;}
.contxt ul li > * {word-break:break-all; line-height: 1.3;}
.contxt ul li h3 {width: 30%; font-size: 1.8rem; color:#1d2021; font-weight: bold; padding-right: 1rem;}
.contxt ul li.title h3 {width: 100%; margin-top: 2rem; padding-top: 2rem; border-top: 5px solid #eee;}
.contxt ul li.title:first-child h3 {margin-top: 0; padding-top: 0; border-top: 0;}
.contxt ul li pre {width: 70%; color: #999; font-size:1.8rem}