/*
* @Author: gongmingfei
* @Date:   2017-11-27 14:14:26
* @Last Modified by:   gongmingfei
* @Last Modified time: 2017-11-27 14:33:30
*/
.legend {
    width: 10em;
}

.legend .title {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    padding: 0 0.3em;
}

.legend .color-sample {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    border: 2px solid; /* Comment out if you don't want to show the fillColor */
    border-radius: 0.5em; /* Comment out if you prefer squarish samples */
    margin-right: 0.5em;
}

.legend1 {
    width: 10em;
}

.legend1 .title {
    display: block;
    margin-bottom: 1em;
    line-height: 1.5em;
    padding: 0.1em 0.3em;
}
.legend1 .color-sample1 {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    border: 2px solid; /* Comment out if you don't want to show the fillColor */
    border-radius: 0.5em; /* Comment out if you prefer squarish samples */
    margin-right: 0.5em;
}