.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1650px;
    height: 1035px;
    background-image: url("../img/bg.png");
}

.btnReset {
    position: absolute;
    bottom: 19px;
    right: 29px;
    width: 132px;
    height: 62px;
    background-image: url("../img/btn_reset.png");
}

.btnReset.active {
    background-image: url("../img/btn_reset_active.png");
}

.btnReset.disable {
    background-image: url("../img/btn_reset_disable.png");
}

.btnShow {
    position: absolute;
    bottom: 23px;
    left: 718px;
    width: 76px;
    height: 178px;
    background-image: url("../img/btn_show.png");
}

.btnShow.selected {
    background-image: url("../img/btn_show_selected.png");
}

.btnShow.active {
    background-image: url("../img/btn_show_active.png");
}

.guide {
    position: absolute;
    top: 0;
    left: 0;
    width: 1650px;
    height: 1035px;
    background-image: url("../img/guide.png");
    pointer-events: none;
}

.btnAnswer {
    position: absolute;
    bottom: 28px;
    left: 42px;
    width: 158px;
    height: 68px;
    background-image: url("../img/btn_answer.png");
}

.btnAnswer.selected {
    background-image: url("../img/btn_answer_selected.png");
}

.btnAnswer.active {
    background-image: url("../img/btn_answer_active.png");
}

.textArea {
    position: absolute;
    left: 253px;
    top: 70px;
    width: 370px;
    height: 650px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-size: 40px;
    word-break: break-all;
    overflow-wrap: break-word;
    line-height: 1.5;
    border: 4px dashed #e2e6e8;
    box-sizing: border-box;
    background-color: #fafafa;
}

.answer {
    position: absolute;
    top: 70px;
    left: 68px;
    width: 142px;
    height: 860px;
    background-image: url("../img/answer.png");
}