html {
    height: 100%;
    background-color: #FFFFFF;
}

body {
    box-sizing: border-box;
    min-height: 100%;
    margin: 0 auto;
    padding: 1em;
    font-size: 1em;
    background-color: white;
    border-top: none;
    border-bottom: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #FFFFFF;
}

table {
    margin: 15px auto;
    max-width: 868px;
}

td {
    vertical-align: top;
    color: #626262;
}

form {
    margin: 0px;
}

a {
    text-decoration: underline;
    color: #74B000;
}

.b {
    color: #2B92BC;
}

a.b {
    color: #2B92BC;
    text-decoration: underline;
}

a.g {
    color: #626262;
    text-decoration: underline;
}

a.menu {
    color: #2B92BC;
    text-decoration: none;
}

.menu {
    font-size: 1em !important;
    color: #2B92BC;
}

a.copy {
    color: #737373;
    text-decoration: none;
}

.t9 {
    font-size: 9px;
}

.style1 {
    font-size: 18px
}

.style2 {
    font-size: 12
}


.isMobileView img {
    display: block;
}

.isMobileView .isMobile {
    display: none;
}

@media screen and (max-width:768px) {

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
        width: 100%;
        height: 100%;
    }

    table {
        padding: 0;
    }

    tr {
        border: 1px solid #fff;

    }

    td img {
        width: 100%;
        height: auto;
    } 
    
    td iframe {
        width: 90vw;
        height: 56.5vw;
    }

    td {
        box-sizing: border-box;
        -webkit-box-flex: 1;
        flex-grow: 1;
        width: 100%;
        max-width: 100%;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }
    td > div {
        margin: 0 1em;
        padding: 0!important;
    }
    p {
        word-break: break-word;
        white-space: initial;
        margin: 1em 0;
    }

    .isMobileView img {
        display: none;
    }

    .isMobileView .isMobile {
        display: block;
    }

    a {
        font-size: 1.5em;
        padding-right: 0.5em;
    }
}