/* BASIC css start */
#sideArea{position:fixed; right:0px; top:50%; transform:translateY(-50%); z-index:999;}


#sideArea ul{border-right:4px solid #444;}
#sideArea ul li{padding:8px 10px;}
#sideArea ul li a{display:block; width:100%; height:100%; text-align:right;}
#sideArea ul li a i{display:inline-block; vertical-align:middle; font-size:18px; color:#444;}
#sideArea ul li a span{display:inline-block; vertical-align:middle; font-size:12px; padding-right:6px; letter-spacing:1px; color:#8a8a8a; opacity:0; visibility:hidden; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;}
#sideArea ul li a:hover span{opacity:1; visibility:visible;}


/* BASIC css end */