legend {
    font-size: 1rem;
    font-weight: 600;
}

ul.alert li {
    list-style-image: url(img/warning.gif);
}

.con-bg {
    padding: 0 1em 1em;
    margin: 5px 0;
    border-radius: 5px;
    background: #fff;
}

.con-title {
    color: #480;
    margin: 5px 0;
    font-size: 1.2em;
}

    .con-title::before {
        content: '\1F333';
        font-size: 1.5em;
    }

.fill th {
    min-width: 12em;
    text-align: right;
    vertical-align: top;
}

.vaild-outline {
    outline: red dashed 3px;
}

.v-800x600 {
    width: 800px;
    height: 600px;
}

/* width */
.w-1 {
    width: 1.5em;
}

.w-2 {
    width: 2.5em;
}

.w-3 {
    width: 3.5em;
}

.w-4 {
    width: 4.5em;
}

.w-5 {
    width: 5.5em;
}

.w-6 {
    width: 6.5em;
}

.w-7 {
    width: 7.5em;
}

.w-8 {
    width: 8.5em;
}

.w-9 {
    width: 9.5em;
}

.w-10 {
    width: 10.5em;
}

.w-11 {
    width: 11.5em;
}

.w-12 {
    width: 12.5em;
}

.w-13 {
    width: 13.5em;
}

.w-14 {
    width: 14.5em;
}

.w-15 {
    width: 15.5em;
}

.w-20 {
    width: 20.5em;
}

.w-25 {
    width: 25.5em;
}