body  {
    font-size: 9pt;
    background-color: #ffffff;
    margin: 0px;
    padding: 8px;
}
div.content {
    text-align: center;
}
td {
    margin: 0px;
    padding: 0px;
}
table.frame {
    width: 100%;
    border: 0px solid #ffffff;
    border-collapse: collapse;
}
table.frame tr.top, table.frame tr.bottom {
    height: 50px;
}
table.frame td.left, table.frame td.right {
    width: 50px;
}
img {
    border: 0px solid #ffffff;
}
h1 {
    text-align: center;
    font-size: 18pt;
    color: #ff0080;
    word-break: break-all;
}
h2 {
    font-size: 14pt;
    color: #ff0080;
    word-break: break-all;
}
div.bookinfo {
    font-size: 10pt;
    background-color: #eeeeff;
}
div.image {
    float: left;
    margin: 10px;
    padding: 0px;
    box-shadow: 2px 2px 4px #1a6ea0;
}
div.text {
    padding: 8px;
}
div.rightnote {
    text-align: right;
    font-size: x-small;
}
a.button {
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    word-break: keep-all;
    padding:8px 10px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:8px;
    box-shadow:2px 2px 4px #1a6ea0;
    text-shadow:0 -1px #1a6ea0;
}
a.withicon {
    display: flex;
    height: 64px;
    align-items: center;
    font-size: large;
}
a.withicon img {
    height: 58px;
    margin: 0px 10px 0px 0px;
}
a.button:hover {
    background-color:#2989b4;
}
a.button:active {
    background-color:#2989b4;
    box-shadow:-2px -2px 4px #1a6ea0;
}