/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
::-webkit-scrollbar {
    /* background-color: #fff; */
    background-color: transparent;
    width:10px;
    height:10px;
  
  }
  
  /* background of the scrollbar except button or resizer */
  ::-webkit-scrollbar-track {
    /* background-color:#fff; */
    background-color: transparent;
    width:10px;
    height:10px;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
  }
  ::-webkit-scrollbar-track:hover {
    /* background-color:#f4f4f4 */
    background-color:transparent;
  }
  
  /* scrollbar itself */
  ::-webkit-scrollbar-thumb {
    background:rgba(216,216,216,.8);
    border-radius:3px;
    width:10px;
    height:10px;  /*border:2px solid #fff*/
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
  }
  ::-webkit-scrollbar-thumb:hover {
    background:rgba(216,216,216,1);
    /*border:2px solid #f4f4f4*/
  }
  
  /* set button(top and bottom of the scrollbar) */
  ::-webkit-scrollbar-button {display:none}