/**********************************************************
                         footer                           
***********************************************************/
.footer {
   padding: 28px 0;
   background: #404040;
}
.footer_nav {
   display: flex;
   margin-bottom: 16px;
}
.footer_nav > .footer_navlist,
.footer_nav > .footer_navlist > a {
   display: block;
   line-height: 16px;
   font-size: 14px;
   color: #fff;
}
.footer_add {
   margin-bottom: 10px;
   display: flex;
}
.footer_add > .footer_addlist,
.footer_copy,.footer_copy a {
   line-height: 16px;
   font-size: 14px;
   color: #bbbbbb;
}
.footer_copy {
   margin-top: 5px;
   text-align: left;
}
.footer_copy > br {
   display: none;
}
.footer_nav > .footer_navlist.footer_navblock,
.footer_add > .footer_addlist.footer_addblock {
   margin: 0 5px;
}
/**********************************************************
                      responsive                           
***********************************************************/
@media screen and (max-width: 800px) {
   .footer {
      padding: 28px 0 80px;
   }
   .footer_nav > .footer_navlist.footer_navblock {
      margin: 0 2px;
   }
   .footer_add {
      display: block;
      text-align: left;
   }
   .footer_add > .footer_addlist {
      display: block;
   }
   .footer_add > .footer_addlist.dib {
      display: inline-block;
   }
   .footer_add > .footer_addlist.dn {
      display: none;
   }
}
@media screen and (max-width: 500px) {
   .footer_copy > br {
      display: block;
   }
}