@charset "utf-8";
.menu-button {
    top: 20px; /* 自訂垂直位置 */
    right: 20px; /* 自訂水平位置 */
    cursor: pointer;
    z-index: 999; /* 確保在最上層 */
    position: fixed;
}

.bar {
    width:72px;
    height:72px;
    transition: all 0.3s ease;
}

.menu {
    display: none; /* 初始隱藏選單 */
    position: fixed;
    top: 20px; /* 根據需求調整位置 */
    right: 104px; /* 根據需求調整位置 */
    opacity: 0;
    transform: translateX(0px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.menu.show {
    display: block;
    opacity: 1;
    transform: translateX(0);
}
.menu ul li a {
    text-decoration: none;
}

#menu{
    width:auto;
    height:72px;
    margin: 0;
}

#menu #menu-p1{
    width:72px;
    height:72px;
    padding: 0px 6px;
    margin: 0;
}
#menu #menu-p2{
    width:72px;
    height:72px;
    padding: 0px 6px;
    margin: 0;
}
#menu #menu-p3{
    width:72px;
    height:72px;
    padding: 0px 6px;
    margin: 0;
}
#menu #menu-p4{
    width:72px;
    height:72px;
    padding: 0px 6px;
    margin: 0;
}
#menu #menu-p5{
    width:72px;
    height:72px;
    padding: 0px 6px;
    margin: 0;
}
#menu #menu-p6{
    width:72px;
    height:72px;
    padding: 0px 6px;
    margin: 0;
}
#menu #menu-p7{
    width:72px;
    height:72px;
    padding: 0px 6px;
    margin: 0;
}