@media only screen and (min-width: 0) {
    div.marquee_odd {
        width: calc(100% - 10px);
        position: relative;
        border: 2px solid rgb(153, 153, 255);
        border-radius: 5px;
        border-bottom: 0;
        background: radial-gradient(rgb(255, 255, 204), rgb(255, 255, 204));
        color: #2c2c2c;
        margin-top: 1em;
    }
    div.marquee_odd ul.marquee {
        width: calc(100% - 10px);
        margin: 0 5px;
    }
    div.marquee_odd ul.marquee li {
        width: 100%;
        padding: 3px 0;
        border-bottom: 1px dashed #CCC;
    }
    div.marquee_odd ul.marquee li a, div.marquee_odd ul.marquee li span {
        height: 1.4em;
        line-height: 1.4em;
    }
    div.marquee_odd ul.marquee li::before {
        content: none;
    }
    div.marquee_odd div.marqueeControler {
        width: 100%;
        background-color: rgb(153, 153, 255);
        text-align: center;
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3px 0;
        
    }
    div.marquee_odd div.marqueeControler>button:nth-child(1) {
        float: left;
    }
    div.marquee_odd div.marqueeControler>button:nth-child(2) {
        float: right;
    }
    div.marquee_odd div.marqueeControler>button>img {
        background-color: rgb(23, 74, 46);
    }
}