/* ============================= */
/* RESET Slicknav Icon Structure */
/* ============================= */

/* 按鈕 */
.slicknav_btn {
    position: relative;
    width: 32px;
    height: 24px;
    padding: 0;
    margin: 20px 0;
    background: transparent;
    border: none;
  
    z-index: 10000;
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
}

/* 打開旋轉 180° */
.slicknav_open .slicknav_btn {
    transform: rotate(180deg);
}

/* icon 容器 */
.slicknav_icon {
    position: relative;
    width: 100%;
    height: 100%;
    float: none;         /* 關閉舊 float */
}

/* 清除所有舊設定 */
.slicknav_icon-bar {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;          /* Apple 細線 */
    background: #2D2D3F;
    border-radius: 2px;
    margin: 0;
    box-shadow: none;
    transition: 
        transform 0.45s cubic-bezier(0.4,0,0.2,1),
        top 0.45s cubic-bezier(0.4,0,0.2,1),
        opacity 0.3s ease;
}

/* 三條線位置 */
.slicknav_icon-bar:nth-child(1) {
    top: 4px;
}

.slicknav_icon-bar:nth-child(2) {
    top: 11px;
}

.slicknav_icon-bar:nth-child(3) {
    top: 18px;
}

/* ============================= */
/* OPEN STATE (Apple style X)   */
/* ============================= */

.slicknav_open .slicknav_icon-bar:nth-child(1) {
    top: 11px;
    transform: rotate(45deg);
}

.slicknav_open .slicknav_icon-bar:nth-child(2) {
    opacity: 0;
}

.slicknav_open .slicknav_icon-bar:nth-child(3) {
    top: 11px;
    transform: rotate(-45deg);
}


/* ===== Logo 基本狀態 ===== */
.mobile-logo {
    position: fixed;
    top: 15px;
    margin-left: 6px;
    font-size: 36px;
    font-weight: 600;

    color: #2C2D3F; /* 預設顏色 */
    display: none;       /* 初始隱藏 */
    transition: opacity 0.2s ease; /* 如果想要 fade in */
    opacity: 0;

    z-index: 10001;
}

/* 打開狀態 */
.slicknav_open ~ .mobile-logo,
.slicknav_menu.slicknav_open .mobile-logo {
    opacity: 1;
    color: #e48d00;
}

/* hover 效果（桌面） */
.mobile-logo:hover {
    color: #c77700;
}


.slicknav_menu.slicknav_open .mobile-logo {
    display: block;     /* 打開時顯示 */
    opacity: 1;
}
/* 當 hamburger open，logo 顯示 */
.slicknav_btn.slicknav_open ~ .mobile-logo {
    display: block;
    opacity: 1;
}


.slicknav_menu:after,.slicknav_menu:before{
	content:" ";
	display:table
}
.slicknav_menu:after{
	clear:both
}
.slicknav_nav li,.slicknav_nav ul{ /* All line */
	display:block;
	
}
.slicknav_nav .slicknav_arrow{ /* Left icon */

		display: none !important;

}
.slicknav_nav .slicknav_item a{
	display:inline;

}
.slicknav_nav .slicknav_row,.slicknav_nav a{
	display:block;

}
.slicknav_nav .slicknav_parent-link a{
	display:inline;
	
}

.slicknav_nav,.slicknav_nav ul{
	
	overflow:hidden;
	padding:0;
	
}
.slicknav_menu .slicknav_icon-bar{

}
.slicknav_btn{
	margin:5px 5px 6px;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(255,255,255,.75);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-color:#222
}
.slicknav_nav ul{  /* Work second line */
	
}
.slicknav_nav .slicknav_row,.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	text-decoration:none; /* about,contact*/


}
.slicknav_nav .slicknav_txtnode{
	margin-left:15px
}
.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{
	padding:0;
	margin:0;
	
}
.slicknav_brand{
	float:left;
	color:#fff;
	font-size:18px;
	line-height:30px;
	padding:7px 12px;
	height:44px
}