feat 頂欄 992px 以下漢堡選單，展開時 Logo 在上、選單在下，並修正多層子選單 hover

assets/css/style.css

@@ -449,27 +449,49 @@ nav a {
 
 @media (max-width: 991px) {
 
+    .portal-nav {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        grid-template-areas:
+            "logo toggle"
+            "menu menu";
+        align-items: center;
+        column-gap: 0.75rem;
+        row-gap: 0;
+    }
+
+    .portal-nav .logo {
+        grid-area: logo;
+        justify-self: start;
+    }
+
     .portal-nav__menu-toggle {
         display: inline-flex;
         align-items: center;
         justify-content: center;
+        grid-area: toggle;
+        justify-self: end;
+        margin-left: 0;
     }
 
     .portal-nav>ul {
+        grid-area: menu;
         display: none;
-        flex: 1 1 100%;
+        flex: none;
         flex-direction: column;
         align-items: stretch;
         justify-content: flex-start;
         gap: 0;
         width: 100%;
-        margin-top: 4px;
+        min-width: 0;
+        margin-top: 0;
         padding: 8px 0 12px;
         border-top: 1px solid rgba(255, 204, 0, 0.2);
     }
 
     .portal-nav.portal-nav--open>ul {
         display: flex;
+        margin-top: 10px;
     }
 
     .portal-nav>ul>li {
@@ -1718,6 +1740,18 @@ footer a .mark_b {
 
 @media (max-width: 991px) {
 
+    .map-page .portal-nav>ul {
+        display: none;
+        justify-content: flex-start;
+        align-items: stretch;
+        flex-wrap: nowrap;
+        gap: 0;
+    }
+
+    .map-page .portal-nav.portal-nav--open>ul {
+        display: flex;
+    }
+
     .map-page .portal-nav>ul>li>a {
         justify-content: flex-end;
         text-align: right;

assets/css/tablet.css

@@ -4,7 +4,7 @@
 @media (max-width: 991px) {
 
     .portal-nav>ul {
-        flex: 1 1 100%;
+        flex: none;
         flex-wrap: nowrap;
         justify-content: flex-start;
         align-items: stretch;