padding: 6px 3px 6px 3px;	padding: 6px 3px 6px 3px;	padding: 6px 3px 6px 3px;/*/*position 左右定位---------改*/*/*/#sidebar {
	  position: fixed;
	  top:20%;
	  -webkit-transition: all 0.5s;
	  transition: all 0.5s; }

    #sidebar[data-position="right"] {
    right: -235px; }/* ------------------------------左右移---------改*/

    #sidebar[data-position="right"].open {
      -webkit-transform: translate3d(-215px, 0, 0);
      transform: translate3d(-215px, 0, 0); } /* ----------左移-----------改*/
    #sidebar[data-position="right"] .icons {
      float: left; }

    #sidebar[data-position="left"] {
    left: -350px; } 
    #sidebar[data-position="left"].open {
      -webkit-transform: translate3d(330px, 0, 0);/* ----------左移-----------改*/
      transform: translate3d(330px, 0, 0); }/* ----------左移-----------改*/

    #sidebar[data-position="left"] .icons {
      float: right; }

  #sidebar .icons {
		width:25px;
	    margin-top:25px;
        cursor: pointer;   
		float: left;
		min-height: 1px; 
		}

      #sidebar .icons .icon {
		 
	   border-bottom-left-radius: 6px;
	   border-top-left-radius: 6px;
       background-color: red;   /* palevioletred;  /*改*/
	   color: white;
      margin-bottom: 5px; }
      #sidebar .icons .icon:hover {  
        background-color:red; }  /*  --------改*/
      #sidebar .icons .icon:last-child {
        margin-bottom: 0px; }
      #sidebar .icons .icon.active {
        background-color:red; } /*改*/
      #sidebar .icons .icon span {
        margin: 0.34em;
        color: white;
        font-size: 1.5em; }
      #sidebar .icons .icon img {
        width: 40px;
        margin: 5px; }


  #sidebar .contents {
	    margin-top: ;  /*  --加*/
		width: 230px; /* ----寬度--------要和 左移 相等--------------改*/
		height:65px; /* ------高度-----改*/
	    border: 1px red solid;/*  --加*/
	    border-bottom-left-radius: 10px;/*  --加*/
	    border-top-left-radius: 10px;/*  --加*/
		float: left;
		overflow: hidden;
		background-color:palevioletred; 
		overflow-y: auto;
		overflow-x: hidden; }
 
	  #sidebar .contents .content {
	    padding: 5px 25px 25px 25px;
	    color: white; }

	  #sidebar .contents .content.hide {
		display: none; }
	  #sidebar .contents .content.show {
		display: block; }

	  #sidebar .contents .content h3 {
	      color: white; 
		  margin-top: 9px;
		  margin-left: 0px;
		}
	  #sidebar .contents .content ul {
		  list-style-type: none;
		  padding: 0;
		  margin-top: 10px; }
	  #sidebar .contents .content ul li {
		  margin-bottom: 15px; }
	  #sidebar .contents .content ul li:last-child {
		  margin-bottom: 0px; }

	  #sidebar .contents .content img {
		 max-width: 100%; }