跳到主要內容

@media screen and (min-width:992px) { .rd-navbar-fixed { display: none; } } @media screen and (max-width:991px) { .rd-navbar-static { display: none; } .noscript-alert { margin-top: 3.5em; } } /* 功能參考：https://css-tricks.com/three-css-alternatives-to-javascript-navigation */ #menuToggle { display: block; position: relative; top: 0.625rem; left: 0.45rem; z-index: 1; } /* The hamburger button hidden inside an input element */ #menuToggle input { display: block; width: 40px; height: 40px; position: absolute; top: -7px; left: -5px; padding: 0; cursor: pointer; opacity: 0; z-index: 999; } #menuToggle label { position: relative; display: block; width: 30px; height: 30px; } #menuToggle label span { display: none; } /* * Hamburger */ #menuToggle label div { display: block; width: 1.5rem; height: 0.25rem; background-color: #fff; backface-visibility: hidden; border-radius: 0.125rem; margin: 0.25rem; position: relative; z-index: 1; } /* * Change the color of the hamburger when toggled */ #menuToggle input:checked+label div { background: #ffffff; } /* * Slide the menu in from left when the input is checked */ #menuToggle input:checked~#menu { transform: translateX(0); }