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

.btnReset {
    position: absolute;
    bottom: 19px;
    right: 23px;
    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: 13px;
    right: 216px;
    width: 158px;
    height: 68px;
    background-image: url("../img/btn_show.png");
}

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

.popup {
    position: absolute;
    top: 0;
    right: 172px;
    width: 246px;
    height: 1042px;
    background-image: url("../img/popup.png");
    z-index: 2;
}

.btnClosePopup {
    position: absolute;
    bottom: 32px;
    right: 28px;
    width: 68px;
    height: 68px;
    background-image: url("../img/btn_close.png");
}

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

.panelWrap {
    position: absolute;
    z-index: 1;
}

.panel {
    position: absolute;
    width: 90px;
}

.panel_1_1 {
    top: 27px;
    left: 1137px;
    height: 161px;
    background-image: url("../img/panel_1_1.png");
}

.panel_1_2 {
    top: 184px;
    left: 1137px;
    height: 141px;
    background-image: url("../img/panel_1_2.png");
}

.panel_1_3 {
    top: 402px;
    left: 1118px;
    height: 141px;
    background-image: url("../img/panel_1_3.png");
}

.panel_1_4 {
    top: 538px;
    left: 1118px;
    height: 141px;
    background-image: url("../img/panel_1_4.png");
}

.panel_1_5 {
    top: 737px;
    left: 1138px;
    height: 161px;
    background-image: url("../img/panel_1_5.png");
}

.panel_1_6 {
    top: 27px;
    left: 1047px;
    height: 161px;
    background-image: url("../img/panel_1_6.png");
}

.panel_1_7 {
    top: 184px;
    left: 1047px;
    height: 161px;
    background-image: url("../img/panel_1_7.png");
}

.panel_1_8 {
    top: 402px;
    left: 1030px;
    height: 161px;
    background-image: url("../img/panel_1_8.png");
}

.panel_1_9 {
    top: 559px;
    left: 1030px;
    height: 141px;
    background-image: url("../img/panel_1_9.png");
}

.panel_1_10 {
    top: 27px;
    left: 957px;
    height: 124px;
    background-image: url("../img/panel_1_10.png");
}

.panel_1_11 {
    top: 147px;
    left: 957px;
    height: 124px;
    background-image: url("../img/panel_1_11.png");
}

.panel_1_12 {
    top: 267px;
    left: 957px;
    height: 124px;
    background-image: url("../img/panel_1_12.png");
}

.panel_1_13 {
    top: 457px;
    left: 897px;
    height: 124px;
    background-image: url("../img/panel_1_13.png");
}

.panel_1_14 {
    top: 575px;
    left: 897px;
    height: 124px;
    background-image: url("../img/panel_1_14.png");
}

.panel_1_15 {
    top: 27px;
    left: 837px;
    height: 197px;
    background-image: url("../img/panel_1_15.png");
}

.panel_1_16 {
    top: 242px;
    left: 837px;
    height: 161px;
    background-image: url("../img/panel_1_16.png");
}

.panel_1_17 {
    top: 457px;
    left: 807px;
    height: 124px;
    background-image: url("../img/panel_1_17.png");
}

.panel_1_18 {
    top: 575px;
    left: 807px;
    height: 124px;
    background-image: url("../img/panel_1_18.png");
}

.panel_1_19 {
    top: 27px;
    left: 747px;
    height: 141px;
    background-image: url("../img/panel_1_19.png");
}

.panel_1_20 {
    top: 242px;
    left: 747px;
    height: 197px;
    background-image: url("../img/panel_1_20.png");
}

.panel_1_21 {
    top: 457px;
    left: 717px;
    height: 124px;
    background-image: url("../img/panel_1_21.png");
}

.panel_1_22 {
    top: 575px;
    left: 717px;
    height: 124px;
    background-image: url("../img/panel_1_22.png");
}

.panel_1_23 {
    top: 719px;
    left: 748px;
    height: 141px;
    background-image: url("../img/panel_1_23.png");
}

.panel_1_24 {
    top: 874px;
    left: 717px;
    height: 141px;
    background-image: url("../img/panel_1_24.png");
}

.panel_1_25 {
    top: 27px;
    left: 620px;
    height: 161px;
    background-image: url("../img/panel_1_25.png");
}

.panel_1_26 {
    top: 184px;
    left: 620px;
    height: 161px;
    background-image: url("../img/panel_1_26.png");
}

.panel_1_27 {
    top: 396px;
    left: 600px;
    height: 141px;
    background-image: url("../img/panel_1_27.png");
}

.panel_1_28 {
    top: 533px;
    left: 600px;
    height: 141px;
    background-image: url("../img/panel_1_28.png");
}

.panel_1_29 {
    top: 670px;
    left: 600px;
    height: 141px;
    background-image: url("../img/panel_1_29.png");
}

.panel_1_30 {
    top: 857px;
    left: 600px;
    height: 83px;
    background-image: url("../img/panel_1_30.png");
}

.panel_1_31 {
    top: 936px;
    left: 600px;
    height: 83px;
    background-image: url("../img/panel_1_31.png");
}

.inputWrap {
    z-index: 2;
}

.textAreaWrap {
    position: absolute;
    top: 0;
    left: 0;
}

.textArea {
    position: absolute;
    top: 90px;
    margin: 0;
    width: 84px;
    height: 921px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-size: 48px;
    word-break: break-all;
    overflow-wrap: break-word;
    /*border-right: 4px dashed #e2e6e8;*/
    box-sizing: border-box;
    line-height: 80px;
    overflow: hidden;
    /*background-color: #fafafa;*/
}

.textArea1 {
    left: 223px;
}

.textArea2 {
    left: 51px;
}