* {
        box-sizing: border-box;
}
  .box20 {
        float: left;
        width: 20%;
        padding: 2px;
}
.box25 {
        float: left;
        width: 22%;
        padding: 2px;
}

 .box50 {
        float: left;
        width: 50%;
        padding: 2px;
}

.box33 {
        float: left;
        width: 33.3%;
        padding: 2px;
}
.box75 {
        float: left;
        width: 75%;
        padding: 2px;
}
.box100 {
        float: left;
        width: 100%;
        padding: 2px;
}
.box200px{
         float: left;
        width: 198px;
        padding: 2px;

}



.clearfix::after {
        content: "";
        clear: both;
        display: table;

}



#body_left {
    border:style:solid;
    border:10px 2px;
    background-color: #2D1CCC;
    width: 49%;
    height: 80px;
    text-align: left;
    background-color: #E8EDED;

}



#body_right {
    float: right;
     margin:10PX autp;
    border:10px 2px;
    width:49%;
    height: 80px;
    text-align: left;
    background-color:#E8EDED;

}


p.solid {border-style: solid;}