html,
body {
  height: 100%; }

.main {
  box-sizing: border-box;
  height: 100%;
  padding: 0 0 418px 0;
  margin: 0 0 -418px 0;
  background-color: #fff; }
  .main .not {
    display: block;
    width: 440px;
    height: 270px; }
  .main .grid,
  .main .title {
    font-size: 18px;
    color: #a4abb2;
    text-align: center;
    letter-spacing: 2px; }
  .main .title {
    padding: 6px 0;
    transform: translateY(-100%); }
  .main .grid dt {
    padding: 10px 0; }
  .main .grid dd a {
    border-bottom: solid 1px #ef4e22;
    color: #ef4e22; }

.f {
  background-color: #f5f5f5; }

@media screen and (max-width: 1400px) {
  html,
  body {
    min-height: 955px; }

  .not {
    margin: 40px auto 0; }

  .main .grid {
    padding: 40px 0 20px 0; } }
@media screen and (min-width: 1401px) {
  html,
  body {
    min-height: 1015px; }

  .not {
    margin: 60px auto 0; }

  .main .grid {
    padding: 60px 0 40px 0; } }

/*# sourceMappingURL=404.css.map */