.title {
    position: absolute;
    top: 56px;
    left: 53px;
    width: 581.5px;
    height: 63.5px;
    background-image: url("../img/title.png");
}

.fullScreen .title {
    top: 4.09vw;
    left: 3.87vw;
    width: 42.56vw;
    height: 4.64vw;
}

.onRuby .title {
    background-image: url("../img/title_ruby.png");
}

.tab_text {
    position: absolute;
    width: 1252.5px;
}

.fullScreen .tab_text {
    width: 91.69vw;
}

.tab1_text1 {
    height: 490px;
    background-image: url("../img/tab1_text_1.png");
}

.fullScreen .tab1_text1 {
    height: 35.87vw;
}

.onRuby .tab1_text1 {
    background-image: url("../img/tab1_text_1_ruby.png");
}

.tab1_text2 {
    height: 490px;
    background-image: url("../img/tab1_text_2.png");
}

.fullScreen .tab1_text2 {
    height: 35.87vw;
}

.onRuby .tab1_text2 {
    background-image: url("../img/tab1_text_2_ruby.png");
}

.tab1_text3 {
    height: 490px;
    background-image: url("../img/tab1_text_3.png");
}

.fullScreen .tab1_text3 {
    height: 35.87vw;
}

.onRuby .tab1_text3 {
    background-image: url("../img/tab1_text_3_ruby.png");
}

.tab1_text4 {
    height: 490px;
    background-image: url("../img/tab1_text_4.png");
}

.fullScreen .tab1_text4 {
    height: 35.87vw;
}

.onRuby .tab1_text4 {
    background-image: url("../img/tab1_text_4_ruby.png");
}

.q1TextArea1, .q1TextArea2, .q1TextArea3, .q1TextArea4 {
    padding: 6px 10px;
    left: 649px;
    width: 180px;
    height: 43px;
}

.fullScreen .q1TextArea1,
.fullScreen .q1TextArea2,
.fullScreen .q1TextArea3,
.fullScreen .q1TextArea4 {
    padding: 0.43vw 0.73vw;
    left: 47.51vw;
    width: 13.17vw;
    height: 3.14vw;
}

.q1TextArea1 {
    top: 113px;
}

.fullScreen .q1TextArea1 {
    top: 8.27vw;
}

.q1TextArea2 {
    top: 211px;
}

.fullScreen .q1TextArea2 {
    top: 15.44vw;
}

.q1TextArea3 {
    top: 340px;
}

.fullScreen .q1TextArea3 {
    top: 24.89vw;
}

.q1TextArea4 {
    top: 437px;
    width: 529px;
    height: 51px;
}

.fullScreen .q1TextArea4 {
    top: 31.99vw;
    width: 38.72vw;
    height: 3.73vw;
}

.q2TextArea1, .q2TextArea2, .q2TextArea3 {
    padding: 6px 10px;
    left: 648px;
    width: 242px;
    height: 44px;
}

.fullScreen .q2TextArea1,
.fullScreen .q2TextArea2,
.fullScreen .q2TextArea3,
.fullScreen .q2TextArea4 {
    padding: 0.43vw 0.73vw;
    left: 47.43vw;
    width: 17.71vw;
    height: 3.22vw;
}

.q2TextArea1 {
    top: 112px;
}

.fullScreen .q2TextArea1 {
    top: 8.19vw;
}

.q2TextArea2 {
    top: 168px;
}

.fullScreen .q2TextArea2 {
    top: 12.29vw;
}

.q2TextArea3 {
    top: 224px;
}

.fullScreen .q2TextArea3 {
    top: 16.39vw;
}

.q3TextArea1 {
    padding: 10px;
    top: 112px;
    left: 649px;
    width: 529px;
    height: 107px;
}

.fullScreen .q3TextArea1 {
    padding: 0.73vw;
    top: 8.19vw;
    left: 47.51vw;
    width: 38.72vw;
    height: 7.83vw;
}

.q4TextArea1 {
    padding: 0;
    top: 128px;
    left: 907px;
    width: 246px;
    height: 25px;
}

.fullScreen .q4TextArea1 {
    top: 9.37vw;
    left: 66.39vw;
    width: 18vw;
    height: 1.83vw;
}

.q4TextArea2 {
    padding: 0;
    top: 327px;
    left: 664px;
    width: 486px;
    height: 51px;
}

.fullScreen .q4TextArea2 {
    top: 23.93vw;
    left: 48.6vw;
    width: 35.57vw;
    height: 3.73vw;
}

.q1Answer {
    top: 490px;
    left: 648px;
    width: 532px;
    height: 49px;
    background-image: url("../img/tab1_answer_1.png");
}

.fullScreen .q1Answer {
    top: 35.87vw;
    left: 47.43vw;
    width: 38.94vw;
    height: 3.58vw;
}

.onRuby .q1Answer {
    background-image: url("../img/tab1_answer_1_ruby.png");
}

.q2Answer {
    top: 280px;
    left: 648px;
    width: 432.5px;
    height: 83px;
    background-image: url("../img/tab1_answer_2.png");
}

.fullScreen .q2Answer {
    top: 20.49vw;
    left: 47.43vw;
    width: 31.66vw;
    height: 6.07vw;
}

.onRuby .q2Answer {
    background-image: url("../img/tab1_answer_2_ruby.png");
}

.q3Answer {
    top: 256px;
    left: 648px;
    width: 532px;
    height: 291.5px;
    background-image: url("../img/tab1_answer_3.png");
}

.fullScreen .q3Answer {
    top: 18.74vw;
    left: 47.43vw;
    width: 38.94vw;
    height: 21.33vw;
}

.onRuby .q3Answer {
    background-image: url("../img/tab1_answer_3_ruby.png");
}

.btnShowAnswer {
    background-image: url("../../common/img/btn_show_hint.png");
}

.btnShowAnswer.active,
.btnShowAnswer.selected {
    background-image: url("../../common/img/btn_show_hint_active.png");
}

.onRuby .btnShowAnswer {
    background-image: url("../../common/img/btn_show_hint_ruby.png");
}

.onRuby .btnShowAnswer.active,
.onRuby .btnShowAnswer.selected {
    background-image: url("../../common/img/btn_show_hint_ruby_active.png");
}