.wrap{
/* max-width: 960px;   margin: 0 auto;  */
  
}
.mymenubar{
 background: #428bca; /*選單底色*/
  height: 40px;
  border-bottom: 1px solid #69CA62;
  position: relative;

}

.mymenubar ul {
  list-style: none;
 display:block;
}
.mymenubar ul li {
border-left: 1px solid #ffffff;
}
.mymenubar ul li:hover {
 border: 1px solid #ffffff;
 /*選單底色  background: #4da4ef; */
  background: #69CA62;
}

.mb {
    margin: 0px 0px;

}

.logo{
  float: left;
  width: 50px;
  height: 50px;
  background: #69CA62;
  border: 3px solid green;
}
.engmenu{
 
/*  float: right; */
}
.engmenu li{
  float: left;
}
.engmenu li a{
  display: block;
  color: #ffffff;
  padding: 1em;
  text-decoration: none;
}




/*  -----------------------------  */

@media (max-width: 767px){
  .engmenu {
 /*
    隱藏選單開始    max-height: 0px;     transition: max-height 2.3s;
    overflow: hidden;
    max-height: 500px ;設上限 500px 
     max-height: none ;  不設上限
*/
    max-height: none ; 
    /*隱藏選單結束*/
    margin-top: 1px;
    /*絕對定位疊在網頁上*/
    position: absolute;
    z-index: 100;
    /*header 80px+1px boder 線條*/
    top: 12px;
    left: 0;
    right: 0;
    background: #428bca; /*選單底色*/
  }
.mymenubar{
  background: #eeeeee;
  height: 380px;  /* 選單高度 */
  border-bottom: 1px solid #ffffff;
  position: relative;

}
.engmenu li{
  clear: both;
}



  .engmenu li{
    float: none;
    border-bottom: 1px dashed #69CA62;
  }
  .engmenu li a{
    transition: all 0.3s;
  }
  .engmenu li a:hover{
    background: #69CA62;
    color: #fff;
  }
 
}