/*** 最後修改日期: 2025_09_10 ***/

/***************************
 Mmenu 手機功能表
 (mobile.php)
****************************/
#mobile_wrap_mmenu {
	position: fixed;
	vertical-align: middle;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000; 
	background: #FFF;
	display: none;
	padding: .2em;

	box-shadow			: 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow	: 0 1px 5px rgba(0, 0, 0, 0.5);
	-o-box-shadow		: 0 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow		: 0 1px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow		: 0 1px 5px rgba(0, 0, 0, 0.5);
}

nav#mobile_menu:not(.mm-menu)) {
	display: none;
}

#mobile_wrap_mmenu .mobile_box {
	display: table;
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
}

#mobile_wrap_mmenu .mobile_box .icon_box,
#mobile_wrap_mmenu .mobile_box .mobile_logo {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 0px solid red;
}

#mobile_wrap_mmenu .mobile_box .mobile_logo {
	padding-left: .5em;
}

#mobile_wrap_mmenu .mobile_box .icon_box {
	width: 10%;
}

/*** logo ***/
#mobile_wrap_mmenu .mobile_box .mobile_logo img {
	display: inline-block;
	width: 100%;
	height: auto;
/*	max-width: 10em; */
	max-width: 18em;
}

/*** 網站名稱 ***/
#mobile_wrap_mmenu .mobile_logo .title {
	display: inline-block;
	font-size: 120%;
	vertical-align: middle;
	line-height: 2em;
}

/*** 功能表按鈕 ***/
button#mobile_icon {
	display: inline-block;
	border: 0;
	border-radius: 3px;
	background-color: #333;
	color: #FFF;
	padding: .2em .3em .1em;
	line-height: 1;
	font-size: 150%;
}

/****************************************************
 修正 jquery.mmenu.all.css 第 255 行 Accessibility 問題
****************************************************/
/*** 功能表標題 ***/
.mm-navbar__title {
	color: #FFF !important;
}

/*** 功能表後方箭頭 ***/
.mm-btn_prev, .mm-btn_next {
	color: #FFF !important;
}

.mm-navbars_top,
.mm-navbar,
.mm-searchfield__input {
	color: #FFF !important;
}

/**************************
 wordpress 預設搜尋框
 基本設定在 base.css
***************************/
#mobile-menu li.search {
	padding: .3em .3em .3em 1em;
}

li.search form.search-form {
	width: 100%;    /*** 搜尋框寬度 ***/
}

li.search form.search-form input {
	background-color: rgba(255,255,255,.9);
	color: #333;
}


/***************************
 SlickNav 手機功能表
 (mobile_RWD.php)
****************************/
#mobile_wrap_slicknav {
	position: fixed;  
	z-index: 10000;  
	background: #FFF;
	padding: .2em;
	box-shadow : 0 1px 5px rgba(0, 0, 0, 0.5);
	width: 100%;
	display: none;
}

#mobile_wrap_slicknav .mobile_box {
	position: relative;
	display: flex;
}

#mobile_wrap_slicknav .mobile_box .menu_box {
	flex: 0 0 20%;
}

#mobile_wrap_slicknav .mobile_box .logo_box {
	flex: 0 0 80%;
	text-align: center;
}

/* logo */
#mobile_wrap_slicknav .mobile_box .logo_box img {
	display: inline-block;
	height: 2em;
}

@media only screen and (max-width: 1119px) {
	/********************************************* 
	 主功能表、頂部功能表：隱藏		手機功能表：顯示
	*********************************************/
	.top_menu_wrap,
	.banner_wrap,
	.main_menu_wrap {
		display: none; 
	}

	#mobile_wrap_slicknav,
	#mobile_wrap_mmenu,
	#mobile_wrap {
		display: block;
	}
	.site-header {
		padding-bottom: 2em; 		/* ul.mobile_action 高度 */
	}
}