/* humburger */
  #mobile_toggle {
    padding: 0;
    position: absolute;
    top: 0px;
    left: 10px;
    outline: none;
    z-index: 999;
  }

@media (max-width: 480px) {
  #mobile_toggle {
    padding: 0;
    position: absolute;
    top: -12px;
    left: 10px;
    outline: none;
    z-index: 999;
  }
}

  
  .mobile-toggle {
    width: 40px;
    height: 36px;
    position: relative;
    background-color: transparent;
    border: none;
    outline: none;
  }
  
  .mobile-toggle span,
  .mobile-toggle::before,
  .mobile-toggle::after {
    content: "";
    display: block;
    background: #fff;
    width: 30px;
    height: 3px;
    margin: 0 auto;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    -webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease 0s;
    transition: opacity 400ms ease, -webkit-transform 400ms ease 0s;
    -o-transition: transform 400ms ease 0s, opacity 400ms ease;
    transition: transform 400ms ease 0s, opacity 400ms ease;
    transition: transform 400ms ease 0s, opacity 400ms ease, -webkit-transform 400ms ease 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0px 50% 0px;
    -ms-transform-origin: 0px 50% 0px;
    transform-origin: 0px 50% 0px;
    outline: none;
  }
  
  .mobile-toggle::after {
    top: 24px;
  }
  
  .mobile-toggle span {
    top: 16px;
  }
  
  .sb-active .mobile-toggle::before {
    -webkit-transform: rotate(45deg) translate(0px, -4px);
    -ms-transform: rotate(45deg) translate(0px, -4px);
    transform: rotate(45deg) translate(0px, -4px);
  }
  
  .sb-active .mobile-toggle span {
    opacity: 0;
  }
  
  .sb-active .mobile-toggle::after {
    -webkit-transform: rotate(-45deg) translate(0px, 4px);
    -ms-transform: rotate(-45deg) translate(0px, 4px);
    transform: rotate(-45deg) translate(0px, 4px);
  }
  
  
  
  /* 手機版 head fixed */
  #container #header {
    position: relative;
    z-index: 999;
  }
  
  /* 這個是有用的假設你有要用那個黑色色塊的話這個要用高不然 黑色色塊會蓋住他 */
  
  #container {
    position: relative;
  }
  
  .sb-active #container:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    /* background: rgba(0, 0, 0, 0.8); */
    position: absolute;
    left: 0;
    top: 0;
    z-index: 888;
    -webkit-animation: cover 0.5s;
    animation: cover 0.5s;
  }
  
  @keyframes cover {
    from {
      background: rgba(0, 0, 0, 0);
    }
  
    to {
      background: rgba(0, 0, 0, 0.8);
    }
  }
  
  #header2 {
    min-height: auto !important;
    opacity: 0;
  }
  
  #header2.header--stick {
    opacity: 1;
  }
  
  @keyframes closebtn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .sb-site {
    transition: transform 400ms ease;
  }
  
  .header—clone {
    transition: transform 400ms ease;
  }


  .span12.col-md-12.col-xs-3.menu-ricon {
    position: absolute;
}



.row.visible-xs {
  float: left;
}


.mobile-toggle span, .mobile-toggle::before, .mobile-toggle::after{
  background: #000;
}


#company_logo img {
  margin: 0px 30px;
}