.tab {
    width: 150px;
    padding: 10px;
	
    /*background: #7fadd8;*/
    color: white;
    text-align: left;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    font-size: 14px;
    /*writing-mode: vertical-rl;*/
    text-orientation: mixed;
  /* 新增動畫屬性 */
  transition: all 0.5s ease;
  }
  .tab:hover {
	
    /*background: #5a8bb5;*/
    transform: translateX(-50px); /* 往左移動 */
  }
  .taba
  {
	background:url('image/G01.png')  center;  background-size: cover;
  }
  .taba:hover {
	background:url('image/G01.png')  center;  background-size: cover;
  }
  .tabb
  {
	background:url('image/G02.png')  center;    background-size: cover;
  }
  .tabb:hover {
	background:url('image/G02.png')  center;  background-size: cover;
  }
  .tabc
  {
	background:url('image/G03.png')  center;  background-size: cover;
  }
  .tabc:hover {
	background:url('image/G03.png')  center;  background-size: cover;
  }
  .tabd
  {
	background:url('image/G04.png')  center;  background-size: cover;
  }
  .tabd:hover {
	background:url('image/G04.png')  center;  background-size: cover;
  }
  .tabe
  {
	background:url('image/G05.png')  center;  background-size: cover;
  }
  .tabe:hover {
	background:url('image/G05.png')  center;  background-size: cover;
  }
  .tabf
  {
	background:url('image/G06.png')  center;  background-size: cover;
  }
  .tabf:hover {
	background:url('image/G06.png')  center;  background-size: cover;
  }
  .tabg
  {
	background:url('image/G07.png')  center;  background-size: cover;
  }
  .tabg:hover {
	background:url('image/G07.png')  center;  background-size: cover;
  }