a:hover,
a:focus{
text-decoration:none;
}

sup{font-size:.6em;}


/**** Tip style ****/
.tip {
display: inline-block;
position: relative;
margin-left: 0;
}
.tip {
background:transparent;
color:tomato;
}
a.note{
color: rgb(73, 76, 87);
text-shadow:1px 1px 3px rgb(169, 151, 140);
}

.tip .tip_info {
display: none;
background:tomato;
color:FireBrick;
border: 1px solid white;
border-radius: 3px;
font-size: 0.875em;
padding: .5em .8em;
position: absolute;
left: 50%;
top: 0%;
transform: translate(-50%, -50%);  
width:400px;
z-index: 2;
}
.tip .tip_info .info {
display: block;
}
.tip .tip_info .info_title {
color:Brown;
font-weight:300;
}
.tip:hover .tip_info, .tip:focus .tool-tip_info {
display: inline-block;
}

<!--
tip. a:focus + .tip .tip_info {
display: inline-block;
.tip .tip_info:before, .tip .tip_info:after {
content: "";
position: absolute;
left: -10px;
top: 18px;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent white;
}
.tip .tip_info:after {
left: -8px;
border-right-color: Silver ;
}
-->