/*--Slide in Side Menu--*/
.sidenav {
  height:100%;
  width:0;
  position:fixed;
  z-index:1000;
  top:0;
  left:0;
  background-color:#47B4DA;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 15px;

  
}


.sidenav .closebtn {
  position:absolute;
  top: 0;
  left:20px;
  font-size: 36px;
  color:#fff;
 
}

.closebtn:hover{
	background:none;
}




/*-----------------------Mobile Menu Collapsible div------------------------------*/


.menucollapsible {
  background:none;
  color: #47B4DA;
  cursor: pointer;
  padding:16px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-family:'Roboto','Noto Sans TC', sans-serif;
  overflow:hidden;
  
}

button.menucollapsible {
	letter-spacing:0.1em;
}


.active, .menucollapsible:hover {
  background-color:none;
}

.menucollapsible:after {
  content: '\002B';
  color:#47B4DA;
  font-weight:bold;
  float: right;
  margin-right: 15px;

}

.active:after {
  content: "\2212";
}

.menucontent {
  padding:0;
  max-height:0;
  overflow:hidden;
  color:#fff;
  transition: max-height 0.2s ease-out;
  border-bottom:1px solid #fff;  
  
 
}



.menucontent ul li{
	text-align:left;
	list-style:none;
}


.mobile-menu-contact a:link   {color:#fff; font-size:16px;}
.mobile-menu-contact a:visited{color:#fff; font-size:16px; background:#eeefef;}



.mobile-menu-contact{
  color: #fff;
  padding:16px 20px;
  width: 100%;
  border: none;
  text-align: left;
  overflow:hidden;
  outline: none;
  font-size: 16px;
  font-family:'Roboto','Noto Sans TC', sans-serif;
  

}

.mobile-menu-contact img{		
	width:45px;
	margin:0 auto;
	
	
}