body{background:#d8dcdb;color:#222;font:13px Tahoma,Arial,sans-serif;margin:0}#wrap{width:860px;margin:23px auto;background:#fdfdfb;border:1px solid #909b9f}header{padding:14px 20px;background:#47545b;color:#fff;display:flex;justify-content:space-between;align-items:end}header strong{font-size:27px;letter-spacing:2px}header span{font-size:11px;margin-left:8px;color:#cfd8db}header small{font-size:12px}nav{background:#dfe5e6;border-bottom:1px solid #aeb9bc;padding:9px 16px;display:flex;align-items:center;gap:18px}nav a{color:#284d62}nav form{margin-left:auto}nav button{border:0;background:none;text-decoration:underline;color:#284d62;cursor:pointer;font:inherit}main{padding:20px;min-height:330px}h1{font-size:20px;color:#394a50;border-bottom:1px solid #b9c2c4;padding-bottom:7px;margin:0 0 18px}h2{font-size:16px;margin-top:26px}table{border-collapse:collapse;width:100%;margin:14px 0}th,td{border:1px solid #b5bec0;padding:9px;text-align:left}th{background:#e9edec}.detail{width:75%}.detail th{width:190px}input,textarea{border:1px solid #9ea7a6;padding:5px;font:inherit}.login{width:300px;border:1px solid #bcc4c5;background:#f1f3f2;padding:15px}.login label{display:block;margin-bottom:12px}.login input{display:block;margin-top:4px;width:235px}button{padding:5px 12px}.error{background:#fce8e7;border:1px solid #d6a4a0;padding:9px}.notice{background:#eaf2e7;border:1px solid #b3c6b0;padding:9px}.small{font-size:11px;color:#555}.bulletin{margin-top:25px;background:#f3f1e8;border:1px solid #ccc4aa;padding:5px 15px;width:70%}footer{border-top:1px solid #aeb9bc;background:#eff1f0;padding:7px 14px;color:#667;font-size:11px;display:flex;justify-content:space-between;align-items:center}footer span:last-child{display:flex;align-items:center;gap:5px}footer img{height:23px;background:#111;padding:2px}