body.function-menu {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0 auto;
  background: #eee;
}
body.function-menu .r-topbar-page {
  width: 100%;
  height: 100%;
  max-width: 1100px;
  min-height: 100vh;
  padding: 0;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ccc;
}
body.function-menu .r-topbar-page .r-body .r-content .r-grid .bs-welcome-header {
  transition: 0.5s;
}
body.function-menu .r-topbar-page .r-body .r-content .r-grid .bs-welcome-header:hover {
  background: #2ea100;
}
body.function-menu .r-topbar-page .r-body .r-content .r-grid .bs-welcome-header a {
  text-decoration: none;
}

@media (max-width: 767px) {
  body.function-menu .r-topbar-page nav.navbar {
    width: 100%;
  }
}/*# sourceMappingURL=menu.css.map */

.r-topbar-page {
    width: 100%;
    height: 100%;
    max-width: 1100px;
    min-height: 100vh;
    padding: 0;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ccc;
    }

    /* New */
    nav.navbar span[data-itemid=logo] {
      width: auto;
      min-width: 70px;
      margin: 0 80px 0 0;
    }

    [data-location=supertop]>[data-itemtype=menu] {
      padding: 0 0 0 5px !important;
    }

    .navbar .navbar-nav>li>a {
      padding: 8px 5px;
    }

    nav.navbar ul[data-itemtype=menu] li a {
      padding: 10px 5px;
      margin: 0;
    }

    .r-topbar-page .r-topheader .navbar span.navbar-form.r-align-right.navbar-collapse {
      position: relative;
      top: 0px;
      right: -10px;
    }

    /* 鈴鐺 */
    .r-topbar-page .r-topheader .navbar span.navbar-form.r-align-right.navbar-collapse[data-itemid="notifications"] {
      padding: 0;
      margin: 0 0 0 20px;
    }

    nav.navbar span.navbar-form button.btn {
      font-size: 18px;
      padding: 10px;
    }


    @media (max-width: 767px) {
      .r-topbar-page [data-location=supertop]>[data-cellid][data-cellid][data-cellid] ul {
        padding: 0 10px 0;
        margin: 0;
      }

      /* 鈴鐺 */
      .r-topbar-page .r-topheader .navbar span.navbar-form.r-align-right.navbar-collapse[data-itemid="notifications"] {
        position: absolute;
        top: 12px;
        right: 70px;

      }

      /* 使用者 */
      .r-topbar-page .r-topheader .navbar span.navbar-form.r-align-right.navbar-collapse[data-itemid="username_button"] {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        padding: 0 10px 0;
        margin: 0 0 10px 0;
      }
    }

    @media (max-width: 520px) {
      .r-topbar-page [data-location=supertop]>[data-cellid][data-cellid][data-cellid] a[data-itemtype=logo] {
        width: 100%;
        max-width: 50px;
        padding: 10px 0;
      }
    }    