.annotationLayer .linkAnnotation > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    width: 100%;
    height: 100%;
}

.annotationLayer .linkAnnotation > a:hover {
    opacity: 1.0;
    display: block;
    position: relative;
}

.annotationLayer .linkAnnotation > a:hover[href^="mailto"],
.annotationLayer .linkAnnotation > a:hover[href^="http"],
.annotationLayer .linkAnnotation > a:hover[href^="https"] {
    position: absolute;
    font-size: 1em;
    top: -1px;
    left: -3px;
    width: 100%;
    height: 100%;
    padding: 1px 4px;
    background-color: #f00;
    opacity: 0.2;
}


.annotationLayer .linkAnnotation > a:hover[href^="#m_"] {
    position: absolute;
    font-size: 1em;
    top: -1px;
    left: -3px;
    width: 100%;
    height: 100%;
    padding: 1px 4px;
    background-color: #f00;
    opacity: 0.2;
}

.annotationLayer .linkAnnotation > a:hover[href^="#p"] {
    position: absolute;
    font-size: 1em;
    top: -1px;
    left: -3px;
    width: 100%;
    height: 100%;
    padding: 1px 4px;
    background-color: #f00;
    opacity: 0.2;
}

div.page[data-page-number="20"] .annotationLayer .linkAnnotation > a:hover[href="#p24"],
div.page[data-page-number="22"] .annotationLayer .linkAnnotation > a:hover[href="#p15"]
{
    position: relative;
    left: 0;
    padding: 0;
    background-color: #fff;
    opacity: 1.0;

}
div.page[data-page-number="20"] .annotationLayer .linkAnnotation > a:hover[href="#p24"]:after,
div.page[data-page-number="22"] .annotationLayer .linkAnnotation > a:hover[href="#p15"]:after
{
    display: block;
    position: absolute;
    top:  1px;

    transform: scale(0.3);
    transform-origin: 0 0;

    content: url(./images/btn_click.png);
}


a:-webkit-any-link {
    text-decoration: none;
}
a:-moz-any-link {
    text-decoration: none;
}
a:-webkit-any-link {
    text-decoration: none;
}
a:-ms-any-link {
    text-decoration: none;
}
a {
    text-decoration: none;
}