.sample-tutorial {
   position: relative;
   height: 100%;
   overflow: hidden;
}

body {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

#demo-host {
   width: 80%;
   height: 100%;
   overflow: hidden;
   float: left;
}

.optionContainer {
   width: 20%;
   height: 100%;
   overflow: hidden;
   float: right;
   padding: 0 10px;
   box-sizing: border-box;
}
.option-item{
   height: 20px;
   margin-bottom: 10px;
   margin-top: 10px;
   display: flex;
   align-items: center;
}
.set-option {
   width: 100%;
   padding: 0;
   line-height: 20px;
   background: rgb(128,155,89);
   color: #fff;
   transition: 0.3s;
   cursor: pointer;
   outline: none;
   border-radius: 4px;
   box-sizing: border-box;
   box-shadow: 0 1px 4px 0 rgba(0,0,0,0.3);
   border: none;
}
.set-option:hover {
   background: rgb(128,155,89);
   color: #fff;
   box-shadow: 0 3px 8px 0 rgba(0,0,0,0.4);
}

.checkbox {
   width: 15px;
   height: 15px;
   display: inline-block;
   position: relative;
   margin-right: 10px;
   cursor: pointer;
}
 
.checkbox-label {
   font-size: 18px;
   color: #fff;
   cursor: pointer;
   user-select: none;
   display: flex;
   align-items: center;
}