ul.drop-down-menu {
  display: inline-block;
}

ul.drop-down-menu li {
  position:relative;
  white-space:nowrap;
}

ul.drop-down-menu>li:last-child {
  border-right: none;
}

ul.drop-down-menu>li {
  float: left;
}

ul.drop-down-menu a {
  color:#222;
  display:block;
  padding:0 1.2vw;
  line-height:2.6vw;
}

ul.drop-down-menu a:hover {
  color:#db405f;
}

ul.drop-down-menu li:hover>a {
  /* 滑鼠移入次選單上層按鈕保持變色*/
  color:#db405f;
}

ul.drop-down-menu ul {
  border:#ccc 1px solid;
  position:absolute;
  z-index:5;
  left:0.5vw;
  top:100%;
  /*min-width:100px;*/
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
}

ul.drop-down-menu ul li {
  border-bottom: #ddd 1px solid;
}

ul.drop-down-menu ul li:last-child {
  border-bottom: none;
}

ul.drop-down-menu ul ul {
  z-index:10;
  top:0.5vw;
  left:100%;
}

ul.drop-down-menu ul {
  display: none;
}

ul.drop-down-menu li:hover>ul {
  display: block;
}


ul.drop-down-menu ul li a {
  display:block;
  color:#222;
  font-size:85%;
  font-weight:normal;
  padding:0 1.5vw;
  line-height:2.2vw;
  background:#FFF;
  text-align:left;
}

ul.drop-down-menu ul li a:hover { background:#555; color:#FFF; }


ul.drop-down-menu ul li:hover>a {
  /* 滑鼠移入次選單上層按鈕保持變色*/
  color:#FFF;
  background:#555;
}