body {
    margin: 0;
}

#main-style {
    display: block;
    margin: 0 auto;
    /* text-align: center; */
}

#obj-show {
    /*
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed red;

     */
}

#video-rt {
    /*
    width: 640px;
    height: 640px;

     */
    max-width: 100vw;
    max-height: 100vh;
}
.span-label {
    overflow: hidden;
    text-overflow: clip;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

#div-video {
    display: flex;
    justify-content: center;
}

#webcam-open {
    margin-top: 5px;
    width: 5vw;
}

#webcam-stop {
    margin-top: 5px;
    width: 5vw;
}



.selectbox {
    width:10vw;
    margin: 5px;
    position:relative;
}
select{
    -webkit-appearance:none;
    appearance:none;
    width:100%;
    padding:2px 2px;
    box-sizing:border-box;
    font-size:0.7em;
    border:#000 1px solid;
    border-radius:0;
    background:#fff;
}

.selectbox::after{
    content:"";
    display:block;
    width:1vw;
    height:1vw;
    position:absolute;
    right:7%;
    top:30%;
    border-bottom:#333 2px solid;
    border-right:#333 2px solid;
    transform:rotate(45deg)translateY(-30%);
}
.color.selectbox select{
    background:white;
    color:#333;
    border-radius:2em;
}
.color.selectbox::after{
    border-bottom:#000 .5vw solid;
    border-right:#000 .5vw solid;
}

.uis {
    display: flex;
    justify-content: center;
    list-style:none;
}