JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div class="container">
<div id="serviceslist">
<ul class="leftmenu">
<li class="royal_btn"><a href="#royal">皇室美容</a></li>
<li class="honoured_btn"><a href="#honoured">尊貴美容</a></li>
<li class="lohas_btn"><a href="#lohas">樂活美容</a></li>
<li class="mmb_btn"><a href="#mmb">磁化牛奶浴</a></li>
<li class="spa_btn"><a href="#spa">水療洗澡機</a></li>
<li class="hotel_btn"><a href="#hotel">住宿服務</a></li>
<li class="others_btn"><a href="#others">其他服務</a></li>
</ul>
<div class="right_content">
<div class="list-wrap">
<div id="royal"><img src="http://link.photo.pchome.com.tw/s12/789azx/43/146952940147/" width="859px" height="1286px" alt="皇室沐浴" title="凱朵寵物皇室沐浴，lafancy's" /></div>
<div id="honoured" class="hide"><img src="http://link.photo.pchome.com.tw/s12/789azx/43/146952939172/" width="859px" height="1286px" alt="尊貴沐浴" title="凱朵寵物尊貴沐浴，A.P.D.C."/></div>
<div id="lohas" class="hide"><img src="http://link.photo.pchome.com.tw/s12/789azx/43/146952939524/" width="859px" height="1286px" alt="凱朵寵物樂活沐浴" title="凱朵寵物樂活沐浴，#1 all system"/></div>
<div id="mmb" class="hide"><img src="http://link.photo.pchome.com.tw/s12/789azx/43/146952939675/" width="859px" height="1286px" alt="凱朵寵物奈米磁化牛奶浴" title="奈米磁化牛奶浴、寵物牛奶浴"/></div>
<div id="spa" class="hide"><img src="http://link.photo.pchome.com.tw/s12/789azx/43/146952940282/" width="859px" height="1286px" alt="凱朵寵物水療按摩機" title="水療按摩洗澡機"/></div>
<div id="hotel" class="hide"><img src="http://link.photo.pchome.com.tw/s12/789azx/43/146952939413/" width="859px" height="1286px" alt="凱朵寵物,寵物住宿" title="寵物住宿、寵物旅館、寵物安親" /></div>
<div id="others" class="hide"><img src="http://link.photo.pchome.com.tw/s12/789azx/43/146952939893/" width="859px" height="1286px" alt="凱朵寵物美容加值服務" title="寵物美容"/></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>

</body>

CSS

.list-wrap table{ width:858px;}
.list-wrap table h1{ font-size:22px}

.leftmenu{ 
   width:120px;
   display:block;
   overflow:hidden; 
   margin-top:20px;
   float:left; 
   font-size:18px;
/* border:2px solid red;*/
   }
.leftmenu li{ 
   background-position:right;
   width:120px; 
   height:40px; 
   line-height:40px; 
   display:block;
   }
.leftmenu li a{
   display:block;
   width:110px;
   height:40px;
   text-indent:-9999px;
   }

.royal_btn {
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952940194/) ;
background-repeat:no-repeat;
}
.royal_btn a:hover{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952940226/);
}

.honoured_btn{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952939284/) ;
background-repeat:no-repeat;
}
.honoured_btn a:hover{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952939395/);
}

.lohas_btn{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952939695/) ;
background-repeat:no-repeat;
}
.lohas_btn a:hover{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952939633/);
}

.mmb_btn{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952939753/) ;
background-repeat:no-repeat;
}
.mmb_btn a:hover{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952939778/);
}

.spa_btn{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952940361/) ;
background-repeat:no-repeat;
}

.spa_btn a:hover{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952940384/);
}

.hotel_btn{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952939337/) ;
background-repeat:no-repeat;
}
.hotel_btn a:hover{
background-image:url(http://link.photo.pchome.com.tw/s12/789azx/43/146952939361/);
}

.others_btn{
background-image:url(image/others.png) ;
background-repeat:no-repeat;
}
.others_btn...