/*body { font-family: "Helvetica Neue"; }*/
.container {
        margin: 0 auto;
        width: 90%;
        padding: 0 5% 20px 5%;
        max-width: 100%;
}

a {
        text-decoration: none;
        color: #4988C6;
}

/*p, ul {color: #444;}*/
h1 span {
        /*color: #ddd;*/
        font-size: 26px;
}

.title {
        font-weight: 800;
        font-size: 16px;
        text-transform: uppercase;
        padding: 15px 0;
        display: block;
}

pre {
        font-family: "Microsoft YaHei";
        background-color: #fafafa;
        padding: 20px;
        overflow: auto;
        border: 1px solid #f1f1f1;
        color: #000;
}

.note {
        color: #999;
        font-size: 14px;
}


table {
        width: 100%;
        text-align: center;
        border: 1;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 18px;
        table-layout: fixed;
}



table td,
table th {
        margin: 0;
        word-break: break-all;
        word-wrap: break-word;
}

table thead {
        background-color: rgba(27, 149, 219, 0.637);
        color: #fff;
        font-weight: 800;
}

table tbody tr td {
        border-bottom: 1px solid #eee;
}

table tbody tr:hover td {
        background-color: #eee;
        color: #494A5F;
}

.photo {
        max-width: 200px;
        border: 1px solid rgb(124, 195, 241);
}


.photo:hover {
        transform: scale(1.5);
}

table td img {
        max-width: 20px;
        margin: 15px 0 0 3px;
}