/* Base Styles */
#cssmenu > ul,
#cssmenu > ul li,
#cssmenu > ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu > ul {
  position: relative;
  z-index: 597;
  display:block;
  padding:10px;

  
}
#cssmenu > ul li {
 display:inline;
 height:40px;
}
#cssmenu > ul li.hover,
#cssmenu > ul li:hover {
  z-index: 599;
  cursor: default;
}
#cssmenu > ul ul {
  visibility: hidden;
  position: absolute; 
  z-index: 598;
}
#cssmenu > ul ul li {
  float: none;
}
#cssmenu > ul li:hover > ul {
  visibility: visible;
}



#cssmenu > ul {
  display:flex;	
  zoom: 1;
}

#cssmenu > ul > li > a:hover,
#cssmenu > ul > li:hover > a {

text-decoration:none;
}


#cssmenu ul ul {


  float: none;
  background:#fafafa;
  /*
  border: 1px solid #f2f3f3;
  border-top: 10px solid #f2f3f3;*/
  right: 0;
  left: 0;
  
	/*rebecca*/
	display:flex;
	flex-direction:column;
	/*justify-content: left;*/	
	height:auto;
/*	width:180px;*/
	
    position: relative;
    top: 10px;
    left:40px;
	
}
#cssmenu ul > li > ul > li {
	
  margin: 5px 0px 0 0;
  position: relative;
  padding:250px;
  padding: 0;
  float: left;
  	width:130px;
}

#cssmenu ul > li > ul > li > a {
  padding: 5px 5px 5px 1px;
  /*display: block;*/
 text-decoration:none;

}
#cssmenu ul > li > ul > li.has-sub > a:before {

  position: absolute;
  content: '';
  text-decoration:none;
  /*

  top: 12px;
  right: 1px;
  border-color: transparent transparent transparent #717171;
  border-style: solid solid solid solid;
  border-width: 5px;
  */
 
  /* 設定 width、height 可更好理解原理 
  /*height: 0px;
  width: 0px;  */

}
#cssmenu ul > li > ul > li.has-sub > a:hover:before {
 /*color:#017ed0;*/
}
#cssmenu ul ul ul {
 
  /*第三層*/

  position: absolute;
	/*rebecca*/
	display:flex;
	flex-direction:column;
	justify-content: left;
	height:300px;
	width:180px;
    top: 15px;
    left:170px;
	text-decoration:none;
}
#cssmenu ul ul ul li {
   float: left;
   margin: 0 2px 0 0;
}
#cssmenu ul ul  li {
  float: left;

 
}