input{
 margin:5px auto;
 text-align:center;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
 opacity:1;
}

button{
 margin:20px auto 10px auto;
}

img{
 margin:5px;
 vertical-align:middle;
}

.center{
 text-align:center;
}

.emphasize{
 font-weight:bold;
}

.color{
 height:60%;
}

.explain{
 width:85%;
 white-space:nowrap;
}

.input{
 display:inline-block;
 width:95%;
 border-width:4px;
}

.progressBack{
 display:inline-block;
 margin:10px 0px;
 height:80px;
}

.progressbar{
 margin:0px;
 height:100%;
 width:0%;
}

.time{
 font-weight:bold;
 width:90%;
 line-height:0.9em;
 z-index:2;
}

.spacing{
 margin-bottom:20px;
}

.unify{
 border:1px solid #000000;
 border-width:5px 0px;
 white-space: nowrap;
 height:100%;
}

.unifyLeft{
 border:1px solid #000000;
 border-width:5px 0px 5px 5px;
 height:100%;
}

.unifyRight{
 border:1px solid #000000;
 border-width:5px 5px 5px 0px;
 height:100%;
}

.vertical{
 display:inline-block;
 height:100%;
 vertical-align:middle;
}

.period{
 width:100%;
 height:100%;
}

#progress{
 width:95%;
 height:100px;
 border-radius:10px;
 background-color:#EEEEEE;
 font-size:0;
 white-space:nowrap;
 z-index:3;
}