.mobile-btn {
  display: none; }

#primary-menu-m {
  display: none; }

@media screen and (max-width: 1200px) {
  html, body {
    height: 100% !important; }

  body {
    transition: 0.3s;
    position: relative;
    right: 0; }
    body #wrapper {
      min-height: 100%; }
      body #wrapper #header {
        position: relative !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px !important;
        border: 0; }
        body #wrapper #header #header-wrap {
          position: relative !important;
          height: 60px !important; }
          body #wrapper #header #header-wrap .container {
            width: 100% !important;
            height: 60px;
            padding: 0 !important;
            margin: 0; }
            body #wrapper #header #header-wrap .container #primary-menu-trigger {
              display: none; }
            body #wrapper #header #header-wrap .container .mobile-btn {
              display: block;
              float: right;
              line-height: 60px; }
              body #wrapper #header #header-wrap .container .mobile-btn .mobile-btn-s {
                padding: 0 20px;
                float: right;
                border-left: 1px solid #eeeeee; }
              body #wrapper #header #header-wrap .container .mobile-btn #primary-menu-btn {
                padding: 0 20px;
                cursor: pointer; }
                body #wrapper #header #header-wrap .container .mobile-btn #primary-menu-btn i {
                  vertical-align: middle;
                  font-size: 23.52px; }
              body #wrapper #header #header-wrap .container .mobile-btn #my-count {
                text-align: center;
                position: relative;
                width: 60px;
                height: 60px; }
                body #wrapper #header #header-wrap .container .mobile-btn #my-count div {
                  display: inline-block;
                  margin: 0 auto;
                  line-height: 14px;
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, -50%); }
                  body #wrapper #header #header-wrap .container .mobile-btn #my-count div a {
                    display: inline-block;
                    padding: 2px 3px;
                    background-color: #23a394;
                    color: white;
                    margin-bottom: 5px;
                    overflow: hidden;
                    border-radius: 3px; }
            body #wrapper #header #header-wrap .container #logo {
              float: left;
              text-align: left;
              border-right: none;
              height: 60px; }
              body #wrapper #header #header-wrap .container #logo #logo3 .standard-logo, body #wrapper #header #header-wrap .container #logo #logo3 .retina-logo {
                padding: 0 20px; }
                body #wrapper #header #header-wrap .container #logo #logo3 .standard-logo img, body #wrapper #header #header-wrap .container #logo #logo3 .retina-logo img {
                  height: 60px;
                  width: auto; }
            body #wrapper #header #header-wrap .container #primary-menu {
              display: none; }
            body #wrapper #header #header-wrap .container #primary-menu-m-area {
              display: none;
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              z-index: 998; }
            body #wrapper #header #header-wrap .container #primary-menu-m {
              display: block;
              position: fixed;
              top: 0;
              right: -260px;
              width: 260px;
              height: 100%;
              background-color: #f8f8f8;
              transition: right 0.3s;
              z-index: 999;
              background-color: whitesmoke;
              overflow-x: hidden;
              overflow-y: scroll; }
              body #wrapper #header #header-wrap .container #primary-menu-m ul {
                list-style-type: none; }
              body #wrapper #header #header-wrap .container #primary-menu-m .p-m {
                font-size: 15px; }
                body #wrapper #header #header-wrap .container #primary-menu-m .p-m a {
                  display: block;
                  position: relative;
                  padding: 0 15px;
                  line-height: 47px;
                  color: #626262; }
                  body #wrapper #header #header-wrap .container #primary-menu-m .p-m a i {
                    padding: 16px; }
                  body #wrapper #header #header-wrap .container #primary-menu-m .p-m a .angle-right {
                    position: absolute;
                    top: 0;
                    right: 0; }
                body #wrapper #header #header-wrap .container #primary-menu-m .p-m a:hover {
                  background: linear-gradient(#ebebeb 10%, #fafafa, #ebebeb 10%); }
                body #wrapper #header #header-wrap .container #primary-menu-m .p-m a:active {
                  background: linear-gradient(#ebebeb 10%, #fafafa, #ebebeb 10%); }
                body #wrapper #header #header-wrap .container #primary-menu-m .p-m .p-m-s {
                  display: none;
                  padding-left: 30px;
                  font-size: 13px; }
                  body #wrapper #header #header-wrap .container #primary-menu-m .p-m .p-m-s a {
                    padding-left: 30px; }
                body #wrapper #header #header-wrap .container #primary-menu-m .p-m .p-m-s-show {
                  display: block; }
              body #wrapper #header #header-wrap .container #primary-menu-m .u-i {
                padding-top: 14px;
                background-color: white;
                margin: 0; }
                body #wrapper #header #header-wrap .container #primary-menu-m .u-i .u-i-i {
                  float: left;
                  width: 33.3%; }
                  body #wrapper #header #header-wrap .container #primary-menu-m .u-i .u-i-i #invite-btn {
                    display: block;
                    background-color: #23a394;
                    color: white;
                    padding: 8px 5px;
                    text-align: center; }
                  body #wrapper #header #header-wrap .container #primary-menu-m .u-i .u-i-i div {
                    display: inline-block; }
                body #wrapper #header #header-wrap .container #primary-menu-m .u-i::after {
                  content: "";
                  clear: both;
                  display: table; }
                body #wrapper #header #header-wrap .container #primary-menu-m .u-i dd {
                  margin-bottom: 0; }
                body #wrapper #header #header-wrap .container #primary-menu-m .u-i .member-photo div {
                  border-radius: 50%;
                  overflow: hidden;
                  vertical-align: middle; }
                body #wrapper #header #header-wrap .container #primary-menu-m .u-i .member-info {
                  text-align: center; }
      body #wrapper #page-title {
        padding: 15px 0;
        text-align: center; }
        body #wrapper #page-title .container h1 {
          line-height: 26px; }
        body #wrapper #page-title .container .breadcrumb {
          display: none; }
      /* body #wrapper .sidebar {
        display: none; } */
      body #wrapper .member_center_function {
        display: none; }
      body #wrapper > .container {
        margin-bottom: 65px; }
        /* 原先 Footer 設定，但與目前衝突，所以暫時註解 */
        /* body #wrapper > .container .postcontent {
          float: none;
          width: 100%; } */
      /* body #wrapper #footer {
        position: absolute;
        width: 100%;
        bottom: 0; }
        body #wrapper #footer .container .footer-widgets-wrap {
          display: none; } */

  .show-menu {
    position: relative;
    right: 260px;
    overflow: hidden; }
    .show-menu #wrapper #header #header-wrap .container .mobile-btn #primary-menu-btn {
      display: none; }
    .show-menu #wrapper #header #header-wrap .container #primary-menu-m-area {
      display: block;
      background-color: rgba(0, 0, 0, 0.4); }
    .show-menu #wrapper #header #header-wrap .container #primary-menu-m {
      right: 0;
      box-shadow: 1px 0px 20px 1px dimgray; } }
    @media screen and (max-width: 700px) {
        body #wrapper #header {
            height: auto !important;
        }
    }

/*# sourceMappingURL=header_rwd.css.map */