#left_button{
    width: 100%;
    height: 5%;
}
#c_left_title{
    width: 100%;
    height: 20%;
    justify-content:center;
    align-items:center;
    display:-webkit-flex;
}
#left_title{
    width: 98%;
    height: 98%;
    background-image: url("../assets/images/panel.png");
    background-size: 100% 100%;
}
#c_left_gau_pie{
    width: 100%;
    height: 50%;
    justify-content:center;
    align-items:center;
    display:-webkit-flex;
}
#gau_pie{
    width: 98%;
    height: 98%;
    background-image: url("../assets/images/panel.png");
    background-size: 100% 100%;
}
#left_gauge{
    width: 100%;
    height: 50%;
}
#gaugeone,#gaugetwo{
    width: 50%;
    height: 100%;
    float: left;
}
#left_speed{
    width: 100%;
    height: 50%;
}
#left_card{
    width: 98%;
    height: 98%;
    background-size: 100% 100%;
}
#c_left_flow{
    width: 100%;
    height: 25%;
    justify-content:center;
    align-items:center;
    display:-webkit-flex;
}
#left_panel{
    width: 98%;
    height: 98%;
    background-image: url("../assets/images/panel.png");
    background-size: 100% 100%;
}
#honeyBtnDiv{
    width: 100%;
    height: 100%;
}
#honeytimetitle {
    width: 100%;
    height: 25%;
    margin-top: 5%;
    font-size: 1.4vw;
    color:white;
    text-align: center;
}
#time{
    width: 100%;
    height: 75%;
}
#timeDay{
    width: 20%;
    height: 100%;
    float: left;
}
#timeOther{
    width: 80%;
    height: 100%;
    float: left;
}
.honeypotbtn{
    width: 11.2%;
    height: 100%;
    margin-left: 1%;
    color:white;
//    font-weight: bold;
    float: left;
    padding-top: 1%;
    text-align: center;
    border: solid 1px white;
    box-sizing: border-box;
    border-radius: 10%;
    background-color:rgba(153,255,255,0.2);
    cursor: pointer
}