.page-content[data-number="1"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="1"] p { padding: 1rem; }

      @media (min-width: 954px) {
        .page-content[data-number="1"]   { width: 954px; height: 1350px; background: url('/manuals/dnjo/1b.png'); }
        .page-content[data-number="1"] p { position: absolute; padding: 0; }

        .font-1-0 { font-size: 6px; color: #231f20; } .font-1-1 { font-size: 12px; color: #231f20; } .font-1-2 { font-size: 20px; color: #112269; } .font-1-3 { font-size: 12px; color: #112269; } .font-1-4 { font-size: 10px; color: #ffffff; } .font-1-5 { font-size: 10px; color: #000000; } .font-1-6 { font-size: 6px; line-height: 10px; color: #231f20; } .font-1-7 { font-size: 12px; line-height: 17px; color: #112269; } #line-1-0 { left: 421px; top: 434px; } #line-1-1 { left: 420px; top: 411px; } #line-1-2 { left: 422px; top: 513px; } #line-1-3 { left: 422px; top: 536px; } #line-1-4 { left: 329px; top: 897px; } #line-1-5 { left: 329px; top: 897px; } #line-1-6 { left: 337px; top: 897px; } #line-1-7 { left: 348px; top: 897px; } #line-1-8 { left: 359px; top: 897px; } #line-1-9 { left: 370px; top: 897px; } #line-1-10 { left: 535px; top: 896px; } #line-1-11 { left: 535px; top: 896px; } #line-1-12 { left: 543px; top: 896px; } #line-1-13 { left: 555px; top: 896px; } #line-1-14 { left: 566px; top: 896px; } #line-1-15 { left: 577px; top: 896px; } #line-1-16 { left: 270px; top: 333px; } }       .page-content[data-number="2"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="2"] p { padding: 1rem; }

      @media (min-width: 954px) {
        .page-content[data-number="2"]   { width: 954px; height: 1350px; background: url('/manuals/dnjo/2b.png'); }
        .page-content[data-number="2"] p { position: absolute; padding: 0; }

        .font-2-0 { font-size: 9px; color: #231f20; } .font-2-1 { font-size: 10px; color: #ffffff; } .font-2-2 { font-size: 19px; color: #ffffff; } .font-2-3 { font-size: 6px; color: #231f20; } .font-2-4 { font-size: 7px; color: #231f20; } .font-2-5 { font-size: 7px; color: #231f20; } .font-2-6 { font-size: 2px; color: #231f20; } .font-2-7 { font-size: 6px; color: #231f20; } .font-2-8 { font-size: 10px; color: #000000; } .font-2-9 { font-size: 7px; line-height: 11px; color: #231f20; } .font-2-10 { font-size: 7px; line-height: 11px; color: #231f20; } #line-2-0 { left: 531px; top: 413px; } #line-2-1 { left: 883px; top: 948px; } #line-2-2 { left: 883px; top: 948px; } #line-2-3 { left: 509px; top: 405px; } #line-2-4 { left: 499px; top: 729px; } #line-2-5 { left: 510px; top: 747px; } #line-2-6 { left: 499px; top: 758px; } #line-2-7 { left: 511px; top: 769px; } #line-2-8 { left: 499px; top: 780px; } #line-2-9 { left: 511px; top: 802px; } #line-2-10 { left: 499px; top: 813px; } #line-2-11 { left: 511px; top: 836px; } #line-2-12 { left: 499px; top: 847px; } #line-2-13 { left: 511px; top: 858px; } #line-2-14 { left: 554px; top: 858px; } #line-2-15 { left: 557px; top: 858px; } #line-2-16 { left: 569px; top: 858px; } #line-2-17 { left: 573px; top: 858px; } #line-2-18 { left: 499px; top: 869px; } #line-2-19 { left: 511px; top: 880px; } #line-2-20 { left: 499px; top: 902px; } #line-2-21 { left: 74px; top: 398px; } #line-2-22 { left: 74px; top: 434px; } #line-2-23 { left: 74px; top: 565px; } #line-2-24 { left: 74px; top: 679px; } #line-2-25 { left: 74px; top: 703px; } #line-2-26 { left: 86px; top: 703px; } #line-2-27 { left: 74px; top: 715px; } #line-2-28 { left: 86px; top: 715px; } #line-2-29 { left: 74px; top: 727px; } #line-2-30 { left: 74px; top: 739px; } #line-2-31 { left: 86px; top: 738px; } #line-2-32 { left: 74px; top: 751px; } #line-2-33 { left: 86px; top: 750px; } #line-2-34 { left: 74px; top: 763px; } #line-2-35 { left: 86px; top: 762px; } #line-2-36 { left: 74px; top: 774px; } #line-2-37 { left: 74px; top: 787px; } #line-2-38 { left: 86px; top: 786px; } #line-2-39 { left: 74px; top: 810px; } #line-2-40 { left: 74px; top: 847px; } #line-2-41 { left: 86px; top: 846px; } #line-2-42 { left: 74px; top: 859px; } #line-2-43 { left: 86px; top: 858px; } #line-2-44 { left: 74px; top: 870px; } #line-2-45 { left: 86px; top: 870px; } #line-2-46 { left: 74px; top: 882px; } #line-2-47 { left: 86px; top: 882px; } #line-2-48 { left: 74px; top: 894px; } #line-2-49 { left: 86px; top: 894px; } #line-2-50 { left: 74px; top: 906px; } #line-2-51 { left: 74px; top: 918px; } #line-2-52 { left: 86px; top: 918px; } #line-2-53 { left: 106px; top: 648px; } #line-2-54 { left: 80px; top: 639px; } #line-2-55 { left: 57px; top: 333px; } }       .page-content[data-number="3"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="3"] p { padding: 1rem; }

      @media (min-width: 954px) {
        .page-content[data-number="3"]   { width: 954px; height: 1350px; background: url('/manuals/dnjo/3b.png'); }
        .page-content[data-number="3"] p { position: absolute; padding: 0; }

        .font-3-0 { font-size: 9px; color: #231f20; } .font-3-1 { font-size: 19px; color: #ffffff; } .font-3-2 { font-size: 10px; color: #ffffff; } .font-3-3 { font-size: 7px; color: #231f20; } .font-3-4 { font-size: 5px; color: #231f20; } .font-3-5 { font-size: 7px; color: #231f20; } .font-3-6 { font-size: 9px; color: #231f20; } .font-3-7 { font-size: 2px; color: #231f20; } .font-3-8 { font-size: 10px; color: #000000; } .font-3-9 { font-size: 9px; line-height: 13px; color: #231f20; } .font-3-10 { font-size: 7px; line-height: 9px; color: #231f20; } .font-3-11 { font-size: 7px; line-height: 11px; color: #231f20; } .font-3-12 { font-size: 7px; line-height: 11px; color: #231f20; } #line-3-0 { left: 531px; top: 412px; } #line-3-1 { left: 509px; top: 402px; } #line-3-2 { left: 883px; top: 948px; } #line-3-3 { left: 883px; top: 948px; } #line-3-4 { left: 62px; top: 948px; } #line-3-5 { left: 62px; top: 948px; } #line-3-6 { left: 499px; top: 450px; } #line-3-7 { left: 508px; top: 461px; } #line-3-8 { left: 519px; top: 460px; } #line-3-9 { left: 499px; top: 470px; } #line-3-10 { left: 508px; top: 481px; } #line-3-11 { left: 517px; top: 480px; } #line-3-12 { left: 508px; top: 491px; } #line-3-13 { left: 517px; top: 490px; } #line-3-14 { left: 499px; top: 500px; } #line-3-15 { left: 508px; top: 511px; } #line-3-16 { left: 517px; top: 510px; } #line-3-17 { left: 499px; top: 520px; } #line-3-18 { left: 499px; top: 540px; } #line-3-19 { left: 531px; top: 644px; } #line-3-20 { left: 509px; top: 636px; } #line-3-21 { left: 499px; top: 669px; } #line-3-22 { left: 508px; top: 690px; } #line-3-23 { left: 517px; top: 689px; } #line-3-24 { left: 499px; top: 699px; } #line-3-25 { left: 508px; top: 710px; } #line-3-26 { left: 517px; top: 709px; } #line-3-27 { left: 499px; top: 729px; } #line-3-28 { left: 508px; top: 750px; } #line-3-29 { left: 517px; top: 749px; } #line-3-30 { left: 499px; top: 759px; } #line-3-31 { left: 508px; top: 770px; } #line-3-32 { left: 517px; top: 769px; } #line-3-33 { left: 499px; top: 789px; } #line-3-34 { left: 499px; top: 849px; } #line-3-35 { left: 508px; top: 870px; } #line-3-36 { left: 517px; top: 869px; } #line-3-37 { left: 499px; top: 879px; } #line-3-38 { left: 662px; top: 889px; } #line-3-39 { left: 499px; top: 899px; } #line-3-40 { left: 260px; top: 412px; } #line-3-41 { left: 260px; top: 446px; } #line-3-42 { left: 303px; top: 457px; } #line-3-43 { left: 306px; top: 457px; } #line-3-44 { left: 318px; top: 457px; } #line-3-45 { left: 322px; top: 457px; } #line-3-46 { left: 260px; top: 468px; } #line-3-47 { left: 260px; top: 602px; } #line-3-48 { left: 57px; top: 333px; } }       .page-content[data-number="4"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="4"] p { padding: 1rem; }

      @media (min-width: 954px) {
        .page-content[data-number="4"]   { width: 954px; height: 1350px; background: url('/manuals/dnjo/4b.png'); }
        .page-content[data-number="4"] p { position: absolute; padding: 0; }

        .font-4-0 { font-size: 10px; color: #ffffff; } .font-4-1 { font-size: 9px; color: #231f20; } .font-4-2 { font-size: 19px; color: #ffffff; } .font-4-3 { font-size: 5px; color: #231f20; } .font-4-4 { font-size: 7px; color: #231f20; } .font-4-5 { font-size: 7px; color: #231f20; } .font-4-6 { font-size: 9px; color: #231f20; } .font-4-7 { font-size: 2px; color: #231f20; } .font-4-8 { font-size: 2px; color: #231f20; } .font-4-9 { font-size: 6px; color: #231f20; } .font-4-10 { font-size: 10px; color: #000000; } .font-4-11 { font-size: 9px; line-height: 13px; color: #231f20; } .font-4-12 { font-size: 7px; line-height: 9px; color: #231f20; } .font-4-13 { font-size: 7px; line-height: 10px; color: #231f20; } #line-4-0 { left: 883px; top: 948px; } #line-4-1 { left: 883px; top: 948px; } #line-4-2 { left: 62px; top: 948px; } #line-4-3 { left: 62px; top: 948px; } #line-4-4 { left: 106px; top: 651px; } #line-4-5 { left: 84px; top: 641px; } #line-4-6 { left: 83px; top: 690px; } #line-4-7 { left: 92px; top: 689px; } #line-4-8 { left: 74px; top: 699px; } #line-4-9 { left: 83px; top: 730px; } #line-4-10 { left: 92px; top: 729px; } #line-4-11 { left: 74px; top: 739px; } #line-4-12 { left: 138px; top: 749px; } #line-4-13 { left: 74px; top: 759px; } #line-4-14 { left: 83px; top: 819px; } #line-4-15 { left: 92px; top: 819px; } #line-4-16 { left: 164px; top: 819px; } #line-4-17 { left: 167px; top: 819px; } #line-4-18 { left: 179px; top: 819px; } #line-4-19 { left: 183px; top: 819px; } #line-4-20 { left: 74px; top: 829px; } #line-4-21 { left: 531px; top: 413px; } #line-4-22 { left: 507px; top: 405px; } #line-4-23 { left: 74px; top: 398px; } #line-4-24 { left: 86px; top: 418px; } #line-4-25 { left: 74px; top: 438px; } #line-4-26 { left: 74px; top: 457px; } #line-4-27 { left: 317px; top: 467px; } #line-4-28 { left: 321px; top: 468px; } #line-4-29 { left: 441px; top: 467px; } #line-4-30 { left: 445px; top: 468px; } #line-4-31 { left: 74px; top: 478px; } #line-4-32 { left: 86px; top: 527px; } #line-4-33 { left: 74px; top: 537px; } #line-4-34 { left: 74px; top: 567px; } #line-4-35 { left: 499px; top: 439px; } #line-4-36 { left: 508px; top: 460px; } #line-4-37 { left: 517px; top: 459px; } #line-4-38 { left: 499px; top: 469px; } #line-4-39 { left: 508px; top: 480px; } #line-4-40 { left: 517px; top: 479px; } #line-4-41 { left: 508px; top: 490px; } #line-4-42 { left: 517px; top: 489px; } #line-4-43 { left: 499px; top: 509px; } #line-4-44 { left: 499px; top: 549px; } #line-4-45 { left: 508px; top: 570px; } #line-4-46 { left: 517px; top: 569px; } #line-4-47 { left: 499px; top: 579px; } #line-4-48 { left: 508px; top: 590px; } #line-4-49 { left: 517px; top: 589px; } #line-4-50 { left: 499px; top: 599px; } #line-4-51 { left: 508px; top: 610px; } #line-4-52 { left: 517px; top: 609px; } #line-4-53 { left: 499px; top: 629px; } #line-4-54 { left: 531px; top: 698px; } #line-4-55 { left: 507px; top: 689px; } #line-4-56 { left: 508px; top: 729px; } #line-4-57 { left: 517px; top: 728px; } #line-4-58 { left: 508px; top: 829px; } #line-4-59 { left: 517px; top: 828px; } #line-4-60 { left: 525px; top: 797px; } #line-4-61 { left: 595px; top: 807px; } #line-4-62 { left: 643px; top: 888px; } #line-4-63 { left: 650px; top: 898px; } #line-4-64 { left: 57px; top: 333px; } }       .page-content[data-number="5"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="5"] p { padding: 1rem; }

      @media (min-width: 954px) {
        .page-content[data-number="5"]   { width: 954px; height: 1350px; background: url('/manuals/dnjo/5b.png'); }
        .page-content[data-number="5"] p { position: absolute; padding: 0; }

        .font-5-0 { font-size: 10px; color: #ffffff; } .font-5-1 { font-size: 5px; color: #231f20; } .font-5-2 { font-size: 7px; color: #231f20; } .font-5-3 { font-size: 7px; color: #231f20; } .font-5-4 { font-size: 9px; color: #231f20; } .font-5-5 { font-size: 19px; color: #ffffff; } .font-5-6 { font-size: 2px; color: #231f20; } .font-5-7 { font-size: 6px; color: #231f20; } .font-5-8 { font-size: 10px; color: #000000; } .font-5-9 { font-size: 7px; line-height: 9px; color: #231f20; } .font-5-10 { font-size: 9px; line-height: 13px; color: #231f20; } .font-5-11 { font-size: 6px; line-height: 9px; color: #231f20; } #line-5-0 { left: 883px; top: 948px; } #line-5-1 { left: 883px; top: 948px; } #line-5-2 { left: 62px; top: 948px; } #line-5-3 { left: 62px; top: 948px; } #line-5-4 { left: 78px; top: 398px; } #line-5-5 { left: 86px; top: 398px; } #line-5-6 { left: 74px; top: 408px; } #line-5-7 { left: 78px; top: 448px; } #line-5-8 { left: 86px; top: 448px; } #line-5-9 { left: 74px; top: 458px; } #line-5-10 { left: 78px; top: 488px; } #line-5-11 { left: 86px; top: 488px; } #line-5-12 { left: 74px; top: 498px; } #line-5-13 { left: 106px; top: 536px; } #line-5-14 { left: 83px; top: 527px; } #line-5-15 { left: 74px; top: 573px; } #line-5-16 { left: 78px; top: 604px; } #line-5-17 { left: 86px; top: 603px; } #line-5-18 { left: 74px; top: 613px; } #line-5-19 { left: 74px; top: 633px; } #line-5-20 { left: 229px; top: 633px; } #line-5-21 { left: 233px; top: 633px; } #line-5-22 { left: 74px; top: 643px; } #line-5-23 { left: 78px; top: 674px; } #line-5-24 { left: 86px; top: 673px; } #line-5-25 { left: 74px; top: 683px; } #line-5-26 { left: 78px; top: 714px; } #line-5-27 { left: 86px; top: 713px; } #line-5-28 { left: 159px; top: 713px; } #line-5-29 { left: 163px; top: 713px; } #line-5-30 { left: 173px; top: 713px; } #line-5-31 { left: 177px; top: 713px; } #line-5-32 { left: 74px; top: 723px; } #line-5-33 { left: 106px; top: 774px; } #line-5-34 { left: 83px; top: 765px; } #line-5-35 { left: 74px; top: 799px; } #line-5-36 { left: 201px; top: 846px; } #line-5-37 { left: 201px; top: 864px; } #line-5-38 { left: 201px; top: 883px; } #line-5-39 { left: 531px; top: 412px; } #line-5-40 { left: 507px; top: 402px; } #line-5-41 { left: 499px; top: 454px; } #line-5-42 { left: 499px; top: 534px; } #line-5-43 { left: 531px; top: 623px; } #line-5-44 { left: 510px; top: 613px; } #line-5-45 { left: 499px; top: 663px; } #line-5-46 { left: 531px; top: 722px; } #line-5-47 { left: 507px; top: 713px; } #line-5-48 { left: 499px; top: 749px; } #line-5-49 { left: 503px; top: 760px; } #line-5-50 { left: 511px; top: 759px; } #line-5-51 { left: 499px; top: 769px; } #line-5-52 { left: 554px; top: 789px; } #line-5-53 { left: 503px; top: 799px; } #line-5-54 { left: 499px; top: 809px; } #line-5-55 { left: 503px; top: 830px; } #line-5-56 { left: 511px; top: 829px; } #line-5-57 { left: 499px; top: 849px; } #line-5-58 { left: 499px; top: 889px; } #line-5-59 { left: 57px; top: 333px; } }       .page-content[data-number="6"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="6"] p { padding: 1rem; }

      @media (min-width: 954px) {
        .page-content[data-number="6"]   { width: 954px; height: 1350px; background: url('/manuals/dnjo/6b.png'); }
        .page-content[data-number="6"] p { position: absolute; padding: 0; }

        .font-6-0 { font-size: 10px; color: #ffffff; } .font-6-1 { font-size: 7px; color: #231f20; } .font-6-2 { font-size: 5px; color: #231f20; } .font-6-3 { font-size: 7px; color: #231f20; } .font-6-4 { font-size: 9px; color: #231f20; } .font-6-5 { font-size: 19px; color: #ffffff; } .font-6-6 { font-size: 2px; color: #231f20; } .font-6-7 { font-size: 6px; color: #231f20; } .font-6-8 { font-size: 6px; color: #231f20; } .font-6-9 { font-size: 7px; color: #ffffff; } .font-6-10 { font-size: 10px; color: #000000; } .font-6-11 { font-size: 7px; line-height: 9px; color: #231f20; } .font-6-12 { font-size: 6px; line-height: 11px; color: #231f20; } .font-6-13 { font-size: 6px; line-height: 9px; color: #231f20; } .font-6-14 { font-size: 6px; line-height: 10px; color: #231f20; } #line-6-0 { left: 876px; top: 948px; } #line-6-1 { left: 876px; top: 948px; } #line-6-2 { left: 887px; top: 948px; } #line-6-3 { left: 62px; top: 948px; } #line-6-4 { left: 62px; top: 948px; } #line-6-5 { left: 74px; top: 398px; } #line-6-6 { left: 78px; top: 408px; } #line-6-7 { left: 86px; top: 408px; } #line-6-8 { left: 74px; top: 418px; } #line-6-9 { left: 78px; top: 438px; } #line-6-10 { left: 86px; top: 438px; } #line-6-11 { left: 74px; top: 457px; } #line-6-12 { left: 106px; top: 524px; } #line-6-13 { left: 83px; top: 515px; } #line-6-14 { left: 74px; top: 551px; } #line-6-15 { left: 74px; top: 561px; } #line-6-16 { left: 83px; top: 561px; } #line-6-17 { left: 74px; top: 571px; } #line-6-18 { left: 74px; top: 711px; } #line-6-19 { left: 83px; top: 710px; } #line-6-20 { left: 74px; top: 720px; } #line-6-21 { left: 74px; top: 761px; } #line-6-22 { left: 83px; top: 760px; } #line-6-23 { left: 74px; top: 770px; } #line-6-24 { left: 74px; top: 851px; } #line-6-25 { left: 83px; top: 850px; } #line-6-26 { left: 74px; top: 860px; } #line-6-27 { left: 255px; top: 551px; } #line-6-28 { left: 255px; top: 561px; } #line-6-29 { left: 264px; top: 561px; } #line-6-30 { left: 255px; top: 571px; } #line-6-31 { left: 255px; top: 721px; } #line-6-32 { left: 264px; top: 720px; } #line-6-33 { left: 255px; top: 730px; } #line-6-34 { left: 255px; top: 771px; } #line-6-35 { left: 268px; top: 770px; } #line-6-36 { left: 255px; top: 780px; } #line-6-37 { left: 344px; top: 780px; } #line-6-38 { left: 348px; top: 780px; } #line-6-39 { left: 259px; top: 790px; } #line-6-40 { left: 255px; top: 800px; } #line-6-41 { left: 259px; top: 810px; } #line-6-42 { left: 255px; top: 820px; } #line-6-43 { left: 259px; top: 830px; } #line-6-44 { left: 255px; top: 840px; } #line-6-45 { left: 255px; top: 861px; } #line-6-46 { left: 264px; top: 860px; } #line-6-47 { left: 255px; top: 870px; } #line-6-48 { left: 499px; top: 439px; } #line-6-49 { left: 499px; top: 471px; } #line-6-50 { left: 499px; top: 511px; } #line-6-51 { left: 499px; top: 575px; } #line-6-52 { left: 499px; top: 606px; } #line-6-53 { left: 499px; top: 636px; } #line-6-54 { left: 531px; top: 413px; } #line-6-55 { left: 507px; top: 405px; } #line-6-56 { left: 734px; top: 451px; } #line-6-57 { left: 751px; top: 471px; } #line-6-58 { left: 754px; top: 471px; } #line-6-59 { left: 790px; top: 471px; } #line-6-60 { left: 793px; top: 471px; } #line-6-61 { left: 734px; top: 481px; } #line-6-62 { left: 759px; top: 481px; } #line-6-63 { left: 762px; top: 481px; } #line-6-64 { left: 797px; top: 481px; } #line-6-65 { left: 800px; top: 481px; } #line-6-66 { left: 734px; top: 491px; } #line-6-67 { left: 751px; top: 491px; } #line-6-68 { left: 755px; top: 491px; } #line-6-69 { left: 734px; top: 501px; } #line-6-70 { left: 749px; top: 501px; } #line-6-71 { left: 752px; top: 501px; } #line-6-72 { left: 782px; top: 501px; } #line-6-73 { left: 785px; top: 501px; } #line-6-74 { left: 734px; top: 511px; } #line-6-75 { left: 744px; top: 511px; } #line-6-76 { left: 748px; top: 511px; } #line-6-77 { left: 734px; top: 521px; } #line-6-78 { left: 734px; top: 586px; } #line-6-79 { left: 751px; top: 606px; } #line-6-80 { left: 754px; top: 606px; } #line-6-81 { left: 790px; top: 606px; } #line-6-82 { left: 793px; top: 606px; } #line-6-83 { left: 734px; top: 616px; } #line-6-84 { left: 759px; top: 616px; } #line-6-85 { left: 762px; top: 616px; } #line-6-86 { left: 797px; top: 616px; } #line-6-87 { left: 800px; top: 616px; } #line-6-88 { left: 734px; top: 626px; } #line-6-89 { left: 751px; top: 636px; } #line-6-90 { left: 755px; top: 636px; } #line-6-91 { left: 734px; top: 646px; } #line-6-92 { left: 744px; top: 646px; } #line-6-93 { left: 748px; top: 646px; } #line-6-94 { left: 734px; top: 656px; } #line-6-95 { left: 499px; top: 730px; } #line-6-96 { left: 499px; top: 730px; } #line-6-97 { left: 507px; top: 730px; } #line-6-98 { left: 515px; top: 730px; } #line-6-99 { left: 524px; top: 730px; } #line-6-100 { left: 534px; top: 730px; } #line-6-101 { left: 542px; top: 730px; } #line-6-102 { left: 550px; top: 730px; } #line-6-103 { left: 558px; top: 730px; } #line-6-104 { left: 565px; top: 730px; } #line-6-105 { left: 499px; top: 742px; } #line-6-106 { left: 57px; top: 333px; } }       .page-content[data-number="7"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="7"] p { padding: 1rem; }

      @media (min-width: 954px) {
        .page-content[data-number="7"]   { width: 954px; height: 1350px; background: url('/manuals/dnjo/7b.png'); }
        .page-content[data-number="7"] p { position: absolute; padding: 0; }

        .font-7-0 { font-size: 10px; color: #ffffff; } .font-7-1 { font-size: 9px; color: #231f20; } .font-7-2 { font-size: 19px; color: #ffffff; } .font-7-3 { font-size: 7px; color: #231f20; } .font-7-4 { font-size: 5px; color: #231f20; } .font-7-5 { font-size: 7px; color: #231f20; } .font-7-6 { font-size: 10px; color: #000000; } .font-7-7 { font-size: 7px; line-height: 9px; color: #231f20; } #line-7-0 { left: 876px; top: 948px; } #line-7-1 { left: 876px; top: 948px; } #line-7-2 { left: 887px; top: 948px; } #line-7-3 { left: 57px; top: 948px; } #line-7-4 { left: 57px; top: 948px; } #line-7-5 { left: 68px; top: 948px; } #line-7-6 { left: 106px; top: 413px; } #line-7-7 { left: 80px; top: 405px; } #line-7-8 { left: 74px; top: 439px; } #line-7-9 { left: 78px; top: 480px; } #line-7-10 { left: 86px; top: 479px; } #line-7-11 { left: 74px; top: 489px; } #line-7-12 { left: 78px; top: 510px; } #line-7-13 { left: 86px; top: 509px; } #line-7-14 { left: 74px; top: 519px; } #line-7-15 { left: 78px; top: 550px; } #line-7-16 { left: 86px; top: 549px; } #line-7-17 { left: 74px; top: 559px; } #line-7-18 { left: 78px; top: 590px; } #line-7-19 { left: 86px; top: 589px; } #line-7-20 { left: 74px; top: 599px; } #line-7-21 { left: 78px; top: 630px; } #line-7-22 { left: 86px; top: 629px; } #line-7-23 { left: 74px; top: 639px; } #line-7-24 { left: 78px; top: 660px; } #line-7-25 { left: 86px; top: 659px; } #line-7-26 { left: 74px; top: 669px; } #line-7-27 { left: 78px; top: 690px; } #line-7-28 { left: 86px; top: 689px; } #line-7-29 { left: 74px; top: 699px; } #line-7-30 { left: 78px; top: 729px; } #line-7-31 { left: 86px; top: 729px; } #line-7-32 { left: 74px; top: 739px; } #line-7-33 { left: 78px; top: 759px; } #line-7-34 { left: 86px; top: 759px; } #line-7-35 { left: 74px; top: 769px; } #line-7-36 { left: 78px; top: 789px; } #line-7-37 { left: 86px; top: 789px; } #line-7-38 { left: 74px; top: 799px; } #line-7-39 { left: 531px; top: 413px; } #line-7-40 { left: 509px; top: 405px; } #line-7-41 { left: 499px; top: 437px; } #line-7-42 { left: 503px; top: 547px; } #line-7-43 { left: 511px; top: 547px; } #line-7-44 { left: 499px; top: 557px; } #line-7-45 { left: 503px; top: 567px; } #line-7-46 { left: 511px; top: 567px; } #line-7-47 { left: 503px; top: 577px; } #line-7-48 { left: 511px; top: 577px; } #line-7-49 { left: 499px; top: 587px; } #line-7-50 { left: 499px; top: 616px; } #line-7-51 { left: 499px; top: 636px; } #line-7-52 { left: 57px; top: 333px; } }       .page-content[data-number="8"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="8"] p { padding: 1rem; }

      @media (min-width: 954px) {
        .page-content[data-number="8"]   { width: 954px; height: 1350px; background: url('/manuals/dnjo/8b.png'); }
        .page-content[data-number="8"] p { position: absolute; padding: 0; }

        .font-8-0 { font-size: 10px; color: #ffffff; } .font-8-1 { font-size: 6px; color: #231f20; } .font-8-2 { font-size: 6px; color: #231f20; } .font-8-3 { font-size: 9px; color: #231f20; } .font-8-4 { font-size: 19px; color: #ffffff; } .font-8-5 { font-size: 2px; color: #231f20; } .font-8-6 { font-size: 10px; color: #000000; } .font-8-7 { font-size: 6px; line-height: 10px; color: #231f20; } .font-8-8 { font-size: 6px; line-height: 10px; color: #231f20; } #line-8-0 { left: 55px; top: 948px; } #line-8-1 { left: 55px; top: 948px; } #line-8-2 { left: 65px; top: 948px; } #line-8-3 { left: 74px; top: 438px; } #line-8-4 { left: 74px; top: 510px; } #line-8-5 { left: 177px; top: 520px; } #line-8-6 { left: 74px; top: 541px; } #line-8-7 { left: 177px; top: 561px; } #line-8-8 { left: 74px; top: 571px; } #line-8-9 { left: 177px; top: 571px; } #line-8-10 { left: 74px; top: 592px; } #line-8-11 { left: 74px; top: 695px; } #line-8-12 { left: 74px; top: 715px; } #line-8-13 { left: 74px; top: 746px; } #line-8-14 { left: 106px; top: 413px; } #line-8-15 { left: 84px; top: 405px; } #line-8-16 { left: 639px; top: 398px; } #line-8-17 { left: 511px; top: 408px; } #line-8-18 { left: 499px; top: 418px; } #line-8-19 { left: 511px; top: 439px; } #line-8-20 { left: 499px; top: 449px; } #line-8-21 { left: 511px; top: 552px; } #line-8-22 { left: 499px; top: 562px; } #line-8-23 { left: 515px; top: 593px; } #line-8-24 { left: 499px; top: 603px; } #line-8-25 { left: 515px; top: 613px; } #line-8-26 { left: 499px; top: 624px; } #line-8-27 { left: 515px; top: 634px; } #line-8-28 { left: 499px; top: 654px; } #line-8-29 { left: 515px; top: 675px; } #line-8-30 { left: 499px; top: 685px; } #line-8-31 { left: 515px; top: 737px; } #line-8-32 { left: 678px; top: 737px; } #line-8-33 { left: 681px; top: 737px; } #line-8-34 { left: 784px; top: 737px; } #line-8-35 { left: 787px; top: 737px; } #line-8-36 { left: 499px; top: 747px; } #line-8-37 { left: 515px; top: 757px; } #line-8-38 { left: 499px; top: 767px; } #line-8-39 { left: 515px; top: 798px; } #line-8-40 { left: 499px; top: 809px; } #line-8-41 { left: 511px; top: 819px; } #line-8-42 { left: 515px; top: 829px; } #line-8-43 { left: 511px; top: 850px; } #line-8-44 { left: 499px; top: 860px; } #line-8-45 { left: 511px; top: 881px; } #line-8-46 { left: 499px; top: 891px; } #line-8-47 { left: 57px; top: 333px; } }