body{padding-top: 52px;}
@media screen and (max-width: 1004px) {
  /*left*/  
  .side-collapse-container-left{
    position:relative;
    left:0;
    transition:left .4s;
  }
  .side-collapse-container-left.out{
    left:60%;
  }
  .side-collapse-left {
     top:50px;
     bottom:0;
     left:0;
     width:60%;
     position:fixed;
     overflow:hidden;
     ransition:width .4s;
  }
  .side-collapse-left.in {
      width:0;
  }

  .nav.navbar-nav.navbar-left li a {
    color: #FFFFFF;
    background-color: #3D3D3D;
  }

  .nav.navbar-nav.navbar-left li a:hover {
    color: #000000;
    background-color: #FCFCFC;
  }
 
  /*right*/    
  .side-collapse-container-right{
      position:relative;
      right:0;
      transition:right .4s;
  }
  .side-collapse-container-right.out{
      right:60%;
  }
 
  .side-collapse-right {
      top:50px;
      bottom:0;
      right:0;
      width:60%;
      position:fixed;
      overflow:hidden;
      height: auto;
      transition:width .4s;
  }
  .side-collapse-right.in {
      width:0;
  }

  .nav.navbar-nav.navbar-right li a {
    color: #FFFFFF;
    background-color: #3D3D3D;
  }

  .nav.navbar-nav.navbar-right li a:hover {
    color: #000000;
    background-color: #FCFCFC;
  }

  .wd_container {
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 3px;
    padding-left: 3px;
    width: 100%;
    max-width: 1004px;      // 隨螢幕尺寸而變，當螢幕尺寸 >= 1200px 時是 1140px。
  }

}