/*!
* Bootstrap Off-Canvas Nav (http://github.com/marcandrews/bootstrap-off-canvas-nav)
* Copyright (c) 2015 Marc Andrews
* Licensed under the MIT license
*/
@media (max-width: 991px) {
  #sp-mobilemenu {
    display: block;
    height: 50px;
  }
  .navbar-default {
    background-color: #03857D;
    border-color: #ffffff;
  }
  .navbar-light {
    background-color: #03857D;
    border-color: #ffffff;
  }
  .navbar-header {
    float: unset;
  }
  .navbar-default .navbar-nav>li>a {
    color: #ffffff;
  }
  .logoimg{
    float: left;
  }
  .logo_textch {
      letter-spacing: 1px;
      font-weight: 400;
      font-size: 0.95em;
  }
  .logo_texten {
      letter-spacing: 0.5px;
      font-weight: 300;
      /* font-size: 0.001em; */
      line-height: 1.2;
  }

  nav .navbar-nav {
    z-index: 10010;
    display: flex;
    flex-flow: row wrap;
  }

  nav .dropdown-toggle>.caret {
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }

  nav .open>.dropdown-toggle>.caret {
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
  }

  nav .navbar-form {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
  }
  .off-canvas-nav-left nav .navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: 0;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: unset;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
  }
  [aria-expanded="false"] .icon-bar {
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
  }

  [aria-expanded="true"] .icon-bar:nth-of-type(2) {
    -webkit-transform: translate3d(0,6px,0) rotate(45deg);
    transform: translate3d(0,6px,0) rotate(45deg);
  }

  [aria-expanded="true"] .icon-bar:nth-of-type(3) {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  [aria-expanded="true"] .icon-bar:nth-of-type(4) {
    -webkit-transform: translate3d(0,-6px,0) rotate(-45deg);
    transform: translate3d(0,-6px,0) rotate(-45deg);
  }

  .nav > li{
    float: left;
    margin: 2.5%;
    width: 45%;
    text-align: center;
    font-size: 1.29em;
  }
  .mma{
    background-color: #15576B;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .mmb{
    border: 2px #FFFFFF solid;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .nav-social{
    padding-left: 9px !important;
  }
  .mmd{
    float: left;
    width: 25%;
  }
  
  /* 2021.AMM Start: 動態修正型行動選單 */
  .navbar .mobilemenu-adj{
    display: flex !important;
    flex-flow: row wrap;
  }
  .navbar .mma-adj{
    height: auto !important;
    display: flex;
    align-items: center;
  }
  .navbar .mmb-adj{
    height: auto !important;
    display: flex;
    align-items: center;
  }
  /* 2021.AMM End: 動態修正型行動選單 */
}