@media screen and (max-width: 1199px) {

#submenu-list { width:90%; height: auto; background: #fff; position: relative; top: 5px; transition: max-height 0.4s ease;  }	
	
	
#submenu {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  background-color: transparent; z-index: 999
}
	
  #menu-toggle {
    display: block; width: 90%; text-align: center;   background-color: transparent; margin:  0 auto; color: #fff; border-bottom: 1px solid #fff; border-top: none; border-left: none; border-right: none; padding-bottom: 12px; font-size: 18px
  }
	.rig2 { position: absolute; right: 10%}
  #submenu ul {
    flex-direction: column;
    align-items: flex-start;
    display: none;
    padding: 10px; height: 100%;
    width: 100%;  background: #fff;
	  transition: max-height 0.4s ease;
  }

  #submenu ul.show {
    display: flex;
  }

  #submenu li {
    width: 100%;
    margin: 0; 
  }

  #submenu li a {
	  display: block;
    font-size: 16px;
    padding: 10px;
    width: 100%; 
    background:#fff; color: #000; text-indent: 15px;
  }

  #submenu li:hover a,
  #submenu li.on a {
    background: #f14f00; color: #fff;   border-radius: 30px;
  }

}

@media screen and (min-width: 1200px) {


#submenu {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  z-index: 99;
}

#submenu ul {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;              /* Flex濡?諛붽씀湲?*/
  align-items: center;        /* ?몃줈 媛€?대뜲 ?뺣젹 */
  justify-content: center;    /* 媛€濡?以묒븰 ?뺣젹 */
  padding: 0;
  background: #fff; 	
}

#submenu li {
	width: auto;
  list-style-type: none;
  position: relative;
  display: inline-block;
  margin: 0 10px;
}

#submenu li a {
  display: block;
  padding: 10px 25px;
  color: #000;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}

#submenu li:hover a,
#submenu li.on a {
  color: #fff;
  background: #005eae;
  text-decoration: none;
  border-radius: 20px;
}
  #menu-toggle {
    display: none;
  }

}