/* ???????? */
#life_label{
    margin-top: 30px;
}
#age_card{
    float: left;
}
#life_ruler{
    box-sizing: border-box;
    /*float: left*/
    /*float: left;*/
    margin-left: 130px;
    margin-top: 15px;
    border: 1px solid #B962F2;
    height: 300px;
    width: 30%;
    padding: 0px;
}
#ruler{
    box-sizing: border-box;
    /*border: 1px solid #B962F2;*/
    height: 60%; /* ??????????????????? */
    background-color: white;
    width: 100%;
}
/* ??? */
#soup{
    box-sizing: border-box;
    /*border: 1px solid #B962F2;*/
    height: 300px;
    width: 100%;
}
#left_soup,#right_soup{
    /*box-sizing: border-box;*/
    border: 1px solid #B962F2;

    width: 10%;
    height: 300px;
    font-size: x-large;
    /*font-weight:bolder;*/
    font-family: ????;
}
.right_soup{
    margin-top: 30px;
    margin-left: 10px;
    width: 12%;
    float: left
}
.left_soup{
    margin-top: 5px;
    width: 12%;
    float: left
}