/* mobile menu按鈕樣式 */
#mm-menu-toggle {
	box-sizing: border-box;
	/*display: block;*/
	display: none; /*更換新mobile menu*/
	width: 42px;
	height: 40px;
	margin-top: 10px;
	margin-left: 8px;
	left: 9px;
	z-index: 2;	
    border-radius: 5px;
    border: 1px solid #A21919;
	background: #850202;
    cursor: pointer;
}
#mm-menu-toggle.btn-blue {
    border: 1px solid #3F87BA;
    background: #1a5d89;
}
#mm-menu-toggle:before {
    top: 19px;
}
#mm-menu-toggle span {
    top: 29px;
}
#mm-menu-toggle:after {
    top: 39px;
}
#mm-menu-toggle:before, 
#mm-menu-toggle:after, 
#mm-menu-toggle span {
    background: #fff;
    content: '';
    display: block;
    width: 24px;
    height: 3px;
    position: absolute;
    left: 17px;
}
#mm-sidemenu-toggle, #mm-contact-toggle {
    box-sizing: border-box;
    position: absolute;
    display: block;
    width: 45px;
    height: 34px;
    margin-left: 0;
    top: 0;
    left: 10px;
    z-index: 2;
    border-radius: 0;
    background: transparent;	
}
#mm-sidemenu-toggle {
	border-right: 1px solid #ddd;
}
#mm-contact-toggle {
    left: inherit;
    right: 10px;
    border-left: 1px solid #ddd;
}
#mm-sidemenu-toggle:before, #mm-contact-toggle:before {
    top: 7px;
}
#mm-sidemenu-toggle span, #mm-contact-toggle span {
    top: 15px;
}
#mm-sidemenu-toggle:after, #mm-contact-toggle:after {
    top: 23px;
}
#mm-sidemenu-toggle:before, 
#mm-sidemenu-toggle:after, 
#mm-sidemenu-toggle span,
#mm-contact-toggle:before, 
#mm-contact-toggle:after, 
#mm-contact-toggle span  {
    background: #4DAAEB;
    content: '';
    display: block;
    width: 24px;
    height: 3px;
    position: absolute;
    left: 10px;
}
#mm-contact-toggle:before, 
#mm-contact-toggle:after, 
#mm-contact-toggle span {
    background: #f00;
}
html.mm-opening #mm-menu-toggle.open span {
    left: 0;
    opacity: 0;
}
html.mm-opening #mm-sidemenu-toggle.open span {
    left: -6px;
    opacity: 0;
}
html.mm-opening #mm-contact-toggle.open span {
    left: -6px;
    opacity: 0;
}
html.mm-opening #mm-menu-toggle.open:before,
html.mm-opening #mm-sidemenu-toggle.open:before,
html.mm-opening #mm-contact-toggle.open:before {
    transform: rotate( 45deg );
}
html.mm-opening #mm-menu-toggle.open:after,
html.mm-opening #mm-sidemenu-toggle.open:after,
html.mm-opening #mm-contact-toggle.open:after {
    transform: rotate( -45deg );
}
html.mm-opening #mm-menu-toggle.open:before, 
html.mm-opening #mm-menu-toggle.open:after {
    top: 30px;
}
html.mm-opening #mm-sidemenu-toggle.open:before, 
html.mm-opening #mm-sidemenu-toggle.open:after,
html.mm-opening #mm-contact-toggle.open:before,
html.mm-opening #mm-contact-toggle.open:after {
	top: 15px;
}
#mm-menu-toggle:before, 
#mm-menu-toggle:after, 
#mm-menu-toggle span,
#mm-sidemenu-toggle:before, 
#mm-sidemenu-toggle:after, 
#mm-sidemenu-toggle span,
#mm-contact-toggle:before, 
#mm-contact-toggle:after, 
#mm-contact-toggle span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

/* mobile menu選單樣式 */
em.mm-counter+a.mm-next+a, 
em.mm-counter+a.mm-next+span {
    margin-right: 90px;
}
em.mm-counter+a.mm-next {
	width: 90px;
}
.mm-arrow:after, .mm-next:after {
	right: 20px;
}
em.mm-counter {
	right: 47px;
}
.mm-listview>li>a, .mm-listview>li>span {
	font-size:2.2rem;
}
.mm-listview>li:not(.mm-divider):after {
	left: 0;
}
.mm-search {
    height: 50px;
    padding: 12px 10px 12px;
    position: relative;
    background: #999999;
}
.mm-menu .mm-search input {
    background: rgb(255,255,255);
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    font-size: 2.2rem;
}
.mm-navbar-top-2 {
    top: 50px;
}
.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
    top: 90px;
}
.mm-arrow:after, .mm-next:after, .mm-prev:before {
    width: 12px;
    height: 12px;
}