.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	font-family: 'Heebo', sans-serif;
padding-bottom: 5px;
}
/* customizations to make menu run for this site */
.container-megamenu {
  width: 100%;
 /* padding-right: 15px;
  padding-left: 15px;*/
  margin-right: auto;
  margin-left: auto;
}
.btn-danger {    
	color: aliceblue !important;
    background-color: #000 !important;
	    border-color: #FE0000!important;
}
.btn-danger:hover {
    color: darkgray !important;

}
.menu-font{
	font-family: 'Noto Sans TC', sans-serif !important;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
	color: #ffffff !important;
	
}

/* Mobile Layout: 360px and below. */
@media only screen and (max-width: 360px) {

#logo{
	clear: left;
	float: left;
	padding-right:10px;
	padding-left:5px;
	/*max-width:200px !important;*/
	width: 100%;
	display: block;
	alignment-adjust:middle;
	}
	
#footer{
	font-size:10px !important;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	background-color: #F0F0F0;
/* CSS Document */


}
/* Tablet Layout: 768px to 1024px. Inherits styles from: Mobile Layout. */

#logo{
	clear: left;
	float: left;
	max-width:250px !important;
	padding-left: 20px;
	display: block;
	}

}
/* Desktop Layout: 1024px to a max of 1232px. */

@media only screen and (min-width: 1024px) {
#logo{
	clear: left;
	float: left;
	display: block;
	max-width:225px !important;
	width: 80% !important;
	padding-top:5px;

}}