body{padding-top: 0px;}
			
		.navbar-center
			{
				display: inline-block;
				float: none;
				vertical-align: top;	
			}
		.side-collapse-center
			{
				text-align: center;
			} 
			
      @media screen and (max-width: 768px) 
	  {   /*center*/
          .side-collapse-container-center
		  {
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container-center.out
		  {
              left:70%;
          }
          .side-collapse-center 
		  {
              top:0;
              bottom:0;
              left:0;
              width:40%;
              position:fixed;
              overflow:hidden;
              transition:width .1s;
			  z-index:100;
          }
          .side-collapse-center.in 
		  {
              width:0;
          }

		  /*left*/  
		  .side-collapse-container-left
		  {
			  position:relative;
			  left:0;
			  transition:left .4s;
		  }
		  .side-collapse-container-left.out
		  {
			  left:70%;
		  }
		  .side-collapse-left 
		  {
			  top:50px;
			  bottom:0;
			  left:0;
			  width:70%;
			  position:fixed;
			  overflow:hidden;
			  transition:width .4s;
		  }
		  .side-collapse-left.in 
		  {
			  width:0;
		  }
		  
          /*right*/
          .side-collapse-container-right
		  {
              position:relative;
              right:0;
              transition:right .4s;
          }
          .side-collapse-container-right.out
		  {
              right:70%;
          }

          .side-collapse-right 
		  {
              top:70px;
              bottom:0;
              right:0;
              width:70%;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
          }
          .side-collapse-right.in 
		  {
              width:0;
          }
		  .navbar-collapse .navbar-toggle
		  {
			  display: inline-block;
		  }
          .navbar-collapse .navbar-toggle span.icon-bar:nth-child(1)
		  {
			  -webkit-transform-origin: 0 50%;
			  transform-origin: 0 50%;
			  -webkit-transform: translate(2px, -5px) rotate(45deg);
			  transform: translate(2px, -5px) rotate(45deg)
		  }
		  .navbar-collapse .navbar-toggle span.icon-bar:nth-child(2)
		  {
			  display: none;
		  }
		  .navbar-collapse .navbar-toggle span.icon-bar:nth-child(3)
		  {
			  -webkit-transform-origin: 0 50%;
			  transform-origin: 0 50%;
			  -webkit-transform: translate(2px, 4.5px) rotate(-45deg);
			  transform: translate(2px, 4.5px) rotate(-45deg);
		  }	
		
      }

		/* body,td,th 
		{
	      color: #FBE860;  defause= #333333 
        } */
		#menubar
		{
			font-family:華康魏碑體(P);
			font-size: 2.5vh;
			width: 18vh;
			height: 2vh;			
			letter-spacing: 0.2vw;
			display:inline-table;
			}
		#menubar:hover
		{
			-moz-box-shadow: 0 0 5px 5px #888;
            -webkit-box-shadow: 0 0 5px 5px#888;
            box-shadow: 0 0 5px 5px #888;
            /* background-color:#5599FF; */
		}
		.dropdown-menu li:hover .sub-menu {visibility: visible;}
        .dropdown:hover .dropdown-menu {display: block;}