#extra-wrapper #menu {
  width: 980px;
  margin: 0 auto; }
  #extra-wrapper #menu #submenu {
    width: 975px;
    background-color: #2A2A2A; }
    #extra-wrapper #menu #submenu table td {
      width: 118px;
      border-right: 1px solid black; }
    #extra-wrapper #menu #submenu ul {
      width: 826px;
      margin: 0 auto;
      display: flex;
      list-style: none; }
      #extra-wrapper #menu #submenu ul li {
        -webkit-box-flex: 1;
        box-flex: 1;
        box-sizing: border-box;
        border-right: 1px solid #000; }
        #extra-wrapper #menu #submenu ul li a {
          display: block; }
        #extra-wrapper #menu #submenu ul li:first-child {
          border-left: 1px solid #000; }
  #extra-wrapper #menu #left {
    border-left: 1px solid black; }
  #extra-wrapper #menu #submenu2 {
    width: 100%;
    margin-top: 50px; }
    #extra-wrapper #menu #submenu2 ul {
      width: 100%;
      margin-left: -20px; }
      #extra-wrapper #menu #submenu2 ul li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        list-style: none;
        width: 118px; }
        #extra-wrapper #menu #submenu2 ul li.first {
          margin-left: -27px; }
  #extra-wrapper #menu .menu-items .menu-item {
    display: none; }
    #extra-wrapper #menu .menu-items .menu-item ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      #extra-wrapper #menu .menu-items .menu-item ul li img {
        width: 100%; }
    #extra-wrapper #menu .menu-items .menu-item.active {
      display: block; }
  #extra-wrapper #menu .area_box {
    cursor: pointer !important;
    border: 1px solid #ccc;
    padding: 10px 0; }
    #extra-wrapper #menu .area_box:hover {
      color: red;
      border: 1px solid red; }

@media only screen and (max-width: 780px) {
  #extra-wrapper #menu {
    width: auto; }
    #extra-wrapper #menu #submenu {
      width: auto; }
      #extra-wrapper #menu #submenu table td {
        width: auto; }
      #extra-wrapper #menu #submenu ul {
        width: auto; }
    #extra-wrapper #menu #submenu2 {
      width: 100%;
      margin-top: 50px; }
      #extra-wrapper #menu #submenu2 ul {
        width: 100%;
        margin-left: -20px; }
        #extra-wrapper #menu #submenu2 ul li {
          display: inline-block;
          zoom: 1;
          *display: inline;
          list-style: none;
          width: 118px; }
          #extra-wrapper #menu #submenu2 ul li.first {
            margin-left: -27px; }
    #extra-wrapper #menu .menu-items .menu-item {
      display: none; }
      #extra-wrapper #menu .menu-items .menu-item ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        #extra-wrapper #menu .menu-items .menu-item ul li img {
          width: 100%; }
      #extra-wrapper #menu .menu-items .menu-item.active {
        display: block; }
    #extra-wrapper #menu .area_box {
      cursor: pointer !important;
      border: 1px solid #ccc;
      padding: 10px 0; }
      #extra-wrapper #menu .area_box:hover {
        color: red;
        border: 1px solid red; } }