.ddm {
    display:inline-block;
    list-style-type:none;
    padding:0;
    margin:0;
}

.ddm li {
    float:left;
}

.ddm li a {
    display:inline-block;
    text-decoration:none;
    padding:5px 10px 5px 10px;
    color:#fe8510;
    /* background:#fe8510; */
}

.ddm li a:hover {
    color:#000000;
    background:#cccccc;
}

.ddm li div {
    display:none;
    position:absolute;
    z-index:100;
}

.ddm li:hover div {
    display:block;
}

.ddm li div a {
    display:block;
    text-align:left;
    white-space:nowrap;
    color:#000000;
    background:#cccccc;
}

.ddm li div a:hover {
    color:#ffffff;
    background:#999999;
}

body {
    color:#fe8510;
    background-color:#000000;
    text-align:center;
}

.sd {
    background:#000000;
}

#gallery {
    margin:auto;
    width:100%;
}

#gallery span {
    font-weight:bold;
}

#gallery table {
    width:100%;
    border-spacing:1vw;
}

#gallery td {
    width:calc(100% / 3);
}

#gallery img {
    width:100%;
}