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

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

        .font-1-0 { font-size: 37px; color: #706d6e; } .font-1-1 { font-size: 68px; color: #393536; } .font-1-2 { font-size: 25px; color: #393536; } .font-1-3 { font-size: 24px; color: #393536; } .font-1-4 { font-size: 22px; color: #393536; } .font-1-5 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-1-6 { font-size: 25px; line-height: 29px; color: #393536; } #line-1-0 { left: 64px; top: 749px; } #line-1-1 { left: 64px; top: 801px; } #line-1-2 { left: 68px; top: 889px; } #line-1-3 { left: 68px; top: 1020px; } #line-1-4 { left: 749px; top: 1225px; } #line-1-5 { left: 67px; top: 974px; } #line-1-6 { left: 906px; top: 189px; } }       .page-content[data-number="2"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="2"] p { padding: 1rem; }

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

        .font-2-0 { font-size: 16px; color: #231f20; } .font-2-1 { font-size: 16px; color: #6d6b6b; } .font-2-2 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-2-3 { font-size: 16px; color: #231f20; } .font-2-4 { font-size: 20px; color: #231f20; } .font-2-5 { font-size: 15px; color: #231f20; } .font-2-6 { font-size: 34px; color: #231f20; } .font-2-7 { font-size: 16px; line-height: 21px; color: #231f20; } .font-2-8 { font-size: 16px; line-height: 20px; color: #231f20; } .font-2-9 { font-size: 15px; line-height: 20px; color: #231f20; } #line-2-0 { left: 89px; top: 59px; } #line-2-1 { left: 124px; top: 57px; } #line-2-2 { left: 27px; top: 189px; } #line-2-3 { left: 89px; top: 182px; } #line-2-4 { left: 102px; top: 280px; } #line-2-5 { left: 113px; top: 300px; } #line-2-6 { left: 102px; top: 327px; } #line-2-7 { left: 113px; top: 348px; } #line-2-8 { left: 102px; top: 375px; } #line-2-9 { left: 102px; top: 401px; } #line-2-10 { left: 113px; top: 422px; } #line-2-11 { left: 102px; top: 449px; } #line-2-12 { left: 113px; top: 469px; } #line-2-13 { left: 102px; top: 496px; } #line-2-14 { left: 113px; top: 517px; } #line-2-15 { left: 102px; top: 543px; } #line-2-16 { left: 113px; top: 564px; } #line-2-17 { left: 109px; top: 996px; } #line-2-18 { left: 109px; top: 1036px; } #line-2-19 { left: 122px; top: 1090px; } #line-2-20 { left: 122px; top: 1124px; } #line-2-21 { left: 109px; top: 1157px; } #line-2-22 { left: 122px; top: 1190px; } #line-2-23 { left: 122px; top: 1223px; } #line-2-24 { left: 89px; top: 122px; } }       .page-content[data-number="3"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="3"] p { padding: 1rem; }

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

        .font-3-0 { font-size: 16px; color: #6d6b6b; } .font-3-1 { font-size: 16px; color: #231f20; } .font-3-2 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-3-3 { font-size: 34px; color: #231f20; } .font-3-4 { font-size: 20px; color: #231f20; } .font-3-5 { font-size: 21px; color: #231f20; } .font-3-6 { font-size: 16px; color: #231f20; } .font-3-7 { font-size: 25px; color: #231f20; } .font-3-8 { font-size: 25px; color: #231f20; } .font-3-9 { font-size: 18px; color: #231f20; } .font-3-10 { font-size: 25px; color: #ffffff; } .font-3-11 { font-size: 25px; color: #444041; } .font-3-12 { font-size: 16px; line-height: 20px; color: #231f20; } #line-3-0 { left: 358px; top: 57px; } #line-3-1 { left: 852px; top: 59px; } #line-3-2 { left: 906px; top: 189px; } #line-3-3 { left: 77px; top: 122px; } #line-3-4 { left: 77px; top: 178px; } #line-3-5 { left: 810px; top: 179px; } #line-3-6 { left: 77px; top: 215px; } #line-3-7 { left: 120px; top: 276px; } #line-3-8 { left: 234px; top: 269px; } #line-3-9 { left: 77px; top: 307px; } #line-3-10 { left: 120px; top: 348px; } #line-3-11 { left: 268px; top: 342px; } #line-3-12 { left: 77px; top: 379px; } #line-3-13 { left: 120px; top: 440px; } #line-3-14 { left: 234px; top: 434px; } #line-3-15 { left: 90px; top: 472px; } #line-3-16 { left: 101px; top: 492px; } #line-3-17 { left: 90px; top: 513px; } #line-3-18 { left: 101px; top: 533px; } #line-3-19 { left: 90px; top: 554px; } #line-3-20 { left: 101px; top: 574px; } #line-3-21 { left: 90px; top: 615px; } #line-3-22 { left: 101px; top: 635px; } #line-3-23 { left: 90px; top: 676px; } #line-3-24 { left: 101px; top: 697px; } #line-3-25 { left: 90px; top: 738px; } #line-3-26 { left: 101px; top: 758px; } #line-3-27 { left: 90px; top: 840px; } #line-3-28 { left: 101px; top: 860px; } #line-3-29 { left: 90px; top: 881px; } #line-3-30 { left: 101px; top: 901px; } #line-3-31 { left: 77px; top: 933px; } #line-3-32 { left: 90px; top: 955px; } #line-3-33 { left: 101px; top: 975px; } #line-3-34 { left: 90px; top: 1016px; } #line-3-35 { left: 101px; top: 1037px; } #line-3-36 { left: 90px; top: 1078px; } #line-3-37 { left: 101px; top: 1098px; } #line-3-38 { left: 90px; top: 1118px; } #line-3-39 { left: 101px; top: 1139px; } #line-3-40 { left: 90px; top: 1159px; } #line-3-41 { left: 101px; top: 1180px; } #line-3-42 { left: 90px; top: 1221px; } #line-3-43 { left: 101px; top: 1241px; } #line-3-44 { left: 91px; top: 277px; } #line-3-45 { left: 91px; top: 349px; } #line-3-46 { left: 91px; top: 442px; } }       .page-content[data-number="4"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="4"] p { padding: 1rem; }

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

        .font-4-0 { font-size: 16px; color: #231f20; } .font-4-1 { font-size: 16px; color: #6d6b6b; } .font-4-2 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-4-3 { font-size: 16px; color: #231f20; } .font-4-4 { font-size: 18px; color: #231f20; } .font-4-5 { font-size: 15px; color: #231f20; } .font-4-6 { font-size: 16px; line-height: 20px; color: #231f20; } .font-4-7 { font-size: 15px; line-height: 20px; color: #231f20; } #line-4-0 { left: 89px; top: 59px; } #line-4-1 { left: 124px; top: 53px; } #line-4-2 { left: 27px; top: 189px; } #line-4-3 { left: 102px; top: 122px; } #line-4-4 { left: 112px; top: 142px; } #line-4-5 { left: 102px; top: 183px; } #line-4-6 { left: 112px; top: 203px; } #line-4-7 { left: 102px; top: 224px; } #line-4-8 { left: 112px; top: 244px; } #line-4-9 { left: 102px; top: 285px; } #line-4-10 { left: 112px; top: 306px; } #line-4-11 { left: 102px; top: 346px; } #line-4-12 { left: 112px; top: 367px; } #line-4-13 { left: 89px; top: 392px; } #line-4-14 { left: 102px; top: 415px; } #line-4-15 { left: 112px; top: 436px; } #line-4-16 { left: 102px; top: 456px; } #line-4-17 { left: 112px; top: 476px; } #line-4-18 { left: 102px; top: 517px; } #line-4-19 { left: 112px; top: 538px; } #line-4-20 { left: 102px; top: 558px; } #line-4-21 { left: 112px; top: 579px; } #line-4-22 { left: 102px; top: 599px; } #line-4-23 { left: 112px; top: 620px; } #line-4-24 { left: 102px; top: 640px; } #line-4-25 { left: 112px; top: 660px; } #line-4-26 { left: 102px; top: 701px; } #line-4-27 { left: 112px; top: 742px; } #line-4-28 { left: 102px; top: 763px; } #line-4-29 { left: 112px; top: 783px; } #line-4-30 { left: 102px; top: 824px; } #line-4-31 { left: 112px; top: 844px; } #line-4-32 { left: 102px; top: 865px; } #line-4-33 { left: 112px; top: 885px; } #line-4-34 { left: 102px; top: 906px; } #line-4-35 { left: 112px; top: 926px; } #line-4-36 { left: 102px; top: 947px; } #line-4-37 { left: 112px; top: 967px; } #line-4-38 { left: 102px; top: 1008px; } #line-4-39 { left: 112px; top: 1028px; } #line-4-40 { left: 102px; top: 1049px; } #line-4-41 { left: 112px; top: 1090px; } #line-4-42 { left: 102px; top: 1131px; } #line-4-43 { left: 112px; top: 1151px; } #line-4-44 { left: 102px; top: 1192px; } #line-4-45 { left: 112px; top: 1212px; } #line-4-46 { left: 102px; top: 1233px; } }       .page-content[data-number="5"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="5"] p { padding: 1rem; }

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

        .font-5-0 { font-size: 16px; color: #6d6b6b; } .font-5-1 { font-size: 25px; color: #231f20; } .font-5-2 { font-size: 25px; color: #231f20; } .font-5-3 { font-size: 15px; color: #231f20; } .font-5-4 { font-size: 18px; color: #231f20; } .font-5-5 { font-size: 25px; color: #444041; } .font-5-6 { font-size: 25px; color: #ffffff; } .font-5-7 { font-size: 16px; color: #231f20; } .font-5-8 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-5-9 { font-size: 15px; line-height: 20px; color: #231f20; } #line-5-0 { left: 509px; top: 53px; } #line-5-1 { left: 120px; top: 127px; } #line-5-2 { left: 234px; top: 121px; } #line-5-3 { left: 90px; top: 160px; } #line-5-4 { left: 100px; top: 180px; } #line-5-5 { left: 120px; top: 260px; } #line-5-6 { left: 268px; top: 254px; } #line-5-7 { left: 77px; top: 297px; } #line-5-8 { left: 90px; top: 320px; } #line-5-9 { left: 100px; top: 340px; } #line-5-10 { left: 90px; top: 360px; } #line-5-11 { left: 100px; top: 381px; } #line-5-12 { left: 90px; top: 401px; } #line-5-13 { left: 100px; top: 442px; } #line-5-14 { left: 90px; top: 463px; } #line-5-15 { left: 100px; top: 483px; } #line-5-16 { left: 90px; top: 504px; } #line-5-17 { left: 100px; top: 524px; } #line-5-18 { left: 77px; top: 548px; } #line-5-19 { left: 90px; top: 571px; } #line-5-20 { left: 100px; top: 592px; } #line-5-21 { left: 90px; top: 612px; } #line-5-22 { left: 100px; top: 633px; } #line-5-23 { left: 90px; top: 694px; } #line-5-24 { left: 100px; top: 714px; } #line-5-25 { left: 90px; top: 735px; } #line-5-26 { left: 100px; top: 755px; } #line-5-27 { left: 90px; top: 796px; } #line-5-28 { left: 100px; top: 817px; } #line-5-29 { left: 90px; top: 837px; } #line-5-30 { left: 100px; top: 878px; } #line-5-31 { left: 90px; top: 898px; } #line-5-32 { left: 100px; top: 919px; } #line-5-33 { left: 90px; top: 960px; } #line-5-34 { left: 100px; top: 980px; } #line-5-35 { left: 90px; top: 1001px; } #line-5-36 { left: 100px; top: 1021px; } #line-5-37 { left: 90px; top: 1062px; } #line-5-38 { left: 100px; top: 1082px; } #line-5-39 { left: 90px; top: 1103px; } #line-5-40 { left: 100px; top: 1123px; } #line-5-41 { left: 90px; top: 1144px; } #line-5-42 { left: 100px; top: 1164px; } #line-5-43 { left: 90px; top: 1205px; } #line-5-44 { left: 100px; top: 1225px; } #line-5-45 { left: 91px; top: 262px; } #line-5-46 { left: 91px; top: 129px; } #line-5-47 { left: 852px; top: 59px; } #line-5-48 { left: 906px; top: 189px; } }       .page-content[data-number="6"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="6"] p { padding: 1rem; }

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

        .font-6-0 { font-size: 34px; color: #231f20; } .font-6-1 { font-size: 16px; color: #6d6b6b; } .font-6-2 { font-size: 16px; color: #231f20; } .font-6-3 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-6-4 { font-size: 29px; color: #231f20; } .font-6-5 { font-size: 25px; color: #231f20; } .font-6-6 { font-size: 16px; color: #231f20; } .font-6-7 { font-size: 25px; line-height: 36px; color: #231f20; } .font-6-8 { font-size: 25px; line-height: 32px; color: #231f20; } .font-6-9 { font-size: 16px; line-height: 21px; color: #231f20; } #line-6-0 { left: 89px; top: 122px; } #line-6-1 { left: 124px; top: 57px; } #line-6-2 { left: 89px; top: 59px; } #line-6-3 { left: 27px; top: 189px; } #line-6-4 { left: 89px; top: 182px; } #line-6-5 { left: 147px; top: 185px; } #line-6-6 { left: 89px; top: 300px; } #line-6-7 { left: 147px; top: 303px; } #line-6-8 { left: 89px; top: 451px; } #line-6-9 { left: 147px; top: 454px; } #line-6-10 { left: 89px; top: 529px; } #line-6-11 { left: 147px; top: 529px; } #line-6-12 { left: 89px; top: 557px; } #line-6-13 { left: 147px; top: 557px; } #line-6-14 { left: 89px; top: 585px; } #line-6-15 { left: 147px; top: 585px; } #line-6-16 { left: 89px; top: 614px; } #line-6-17 { left: 147px; top: 614px; } #line-6-18 { left: 160px; top: 614px; } #line-6-19 { left: 89px; top: 642px; } #line-6-20 { left: 147px; top: 643px; } #line-6-21 { left: 160px; top: 642px; } #line-6-22 { left: 89px; top: 710px; } #line-6-23 { left: 147px; top: 713px; } #line-6-24 { left: 89px; top: 755px; } #line-6-25 { left: 147px; top: 755px; } #line-6-26 { left: 89px; top: 783px; } #line-6-27 { left: 147px; top: 783px; } #line-6-28 { left: 89px; top: 812px; } #line-6-29 { left: 147px; top: 812px; } #line-6-30 { left: 89px; top: 840px; } #line-6-31 { left: 147px; top: 840px; } #line-6-32 { left: 89px; top: 890px; } #line-6-33 { left: 147px; top: 890px; } #line-6-34 { left: 89px; top: 940px; } #line-6-35 { left: 147px; top: 940px; } #line-6-36 { left: 89px; top: 968px; } #line-6-37 { left: 147px; top: 969px; } #line-6-38 { left: 160px; top: 968px; } #line-6-39 { left: 89px; top: 997px; } #line-6-40 { left: 147px; top: 997px; } #line-6-41 { left: 160px; top: 997px; } #line-6-42 { left: 89px; top: 1047px; } #line-6-43 { left: 147px; top: 1047px; } #line-6-44 { left: 160px; top: 1047px; } #line-6-45 { left: 89px; top: 1097px; } #line-6-46 { left: 147px; top: 1097px; } #line-6-47 { left: 160px; top: 1097px; } #line-6-48 { left: 89px; top: 1125px; } #line-6-49 { left: 147px; top: 1126px; } #line-6-50 { left: 160px; top: 1125px; } #line-6-51 { left: 500px; top: 182px; } #line-6-52 { left: 558px; top: 185px; } #line-6-53 { left: 500px; top: 260px; } #line-6-54 { left: 558px; top: 260px; } #line-6-55 { left: 500px; top: 310px; } #line-6-56 { left: 558px; top: 310px; } #line-6-57 { left: 500px; top: 339px; } #line-6-58 { left: 558px; top: 340px; } #line-6-59 { left: 571px; top: 339px; } #line-6-60 { left: 500px; top: 389px; } #line-6-61 { left: 558px; top: 389px; } #line-6-62 { left: 500px; top: 417px; } #line-6-63 { left: 558px; top: 417px; } #line-6-64 { left: 500px; top: 445px; } #line-6-65 { left: 558px; top: 445px; } #line-6-66 { left: 500px; top: 495px; } #line-6-67 { left: 558px; top: 495px; } #line-6-68 { left: 500px; top: 545px; } #line-6-69 { left: 558px; top: 545px; } #line-6-70 { left: 500px; top: 574px; } #line-6-71 { left: 558px; top: 574px; } #line-6-72 { left: 500px; top: 624px; } #line-6-73 { left: 558px; top: 624px; } #line-6-74 { left: 500px; top: 674px; } #line-6-75 { left: 558px; top: 674px; } #line-6-76 { left: 500px; top: 702px; } #line-6-77 { left: 558px; top: 702px; } #line-6-78 { left: 500px; top: 787px; } #line-6-79 { left: 558px; top: 790px; } #line-6-80 { left: 500px; top: 865px; } #line-6-81 { left: 558px; top: 865px; } #line-6-82 { left: 500px; top: 894px; } #line-6-83 { left: 558px; top: 894px; } #line-6-84 { left: 500px; top: 961px; } #line-6-85 { left: 558px; top: 965px; } #line-6-86 { left: 500px; top: 1072px; } #line-6-87 { left: 558px; top: 1072px; } #line-6-88 { left: 500px; top: 1101px; } #line-6-89 { left: 558px; top: 1101px; } }       .page-content[data-number="7"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="7"] p { padding: 1rem; }

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

        .font-7-0 { font-size: 16px; color: #231f20; } .font-7-1 { font-size: 16px; color: #231f20; } .font-7-2 { font-size: 20px; color: #231f20; } .font-7-3 { font-size: 30px; color: #ffffff; } .font-7-4 { font-size: 16px; color: #6d6b6b; } .font-7-5 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-7-6 { font-size: 25px; color: #231f20; } .font-7-7 { font-size: 34px; color: #231f20; } .font-7-8 { font-size: 16px; line-height: 20px; color: #231f20; } #line-7-0 { left: 204px; top: 823px; } #line-7-1 { left: 145px; top: 841px; } #line-7-2 { left: 200px; top: 860px; } #line-7-3 { left: 192px; top: 909px; } #line-7-4 { left: 145px; top: 927px; } #line-7-5 { left: 200px; top: 945px; } #line-7-6 { left: 193px; top: 1037px; } #line-7-7 { left: 661px; top: 990px; } #line-7-8 { left: 661px; top: 1008px; } #line-7-9 { left: 661px; top: 960px; } #line-7-10 { left: 661px; top: 913px; } #line-7-11 { left: 661px; top: 931px; } #line-7-12 { left: 100px; top: 768px; } #line-7-13 { left: 711px; top: 490px; } #line-7-14 { left: 711px; top: 379px; } #line-7-15 { left: 712px; top: 395px; } #line-7-16 { left: 507px; top: 261px; } #line-7-17 { left: 460px; top: 295px; } #line-7-18 { left: 334px; top: 321px; } #line-7-19 { left: 235px; top: 349px; } #line-7-20 { left: 83px; top: 536px; } #line-7-21 { left: 106px; top: 499px; } #line-7-22 { left: 170px; top: 515px; } #line-7-23 { left: 711px; top: 417px; } #line-7-24 { left: 348px; top: 573px; } #line-7-25 { left: 711px; top: 443px; } #line-7-26 { left: 711px; top: 459px; } #line-7-27 { left: 134px; top: 639px; } #line-7-28 { left: 109px; top: 636px; } #line-7-29 { left: 98px; top: 678px; } #line-7-30 { left: 854px; top: 59px; } #line-7-31 { left: 580px; top: 57px; } #line-7-32 { left: 906px; top: 189px; } #line-7-33 { left: 99px; top: 232px; } #line-7-34 { left: 77px; top: 594px; } #line-7-35 { left: 77px; top: 1082px; } #line-7-36 { left: 77px; top: 1130px; } #line-7-37 { left: 77px; top: 1170px; } #line-7-38 { left: 114px; top: 1222px; } #line-7-39 { left: 254px; top: 1222px; } #line-7-40 { left: 595px; top: 1222px; } #line-7-41 { left: 89px; top: 1245px; } #line-7-42 { left: 323px; top: 1245px; } #line-7-43 { left: 650px; top: 1245px; } #line-7-44 { left: 113px; top: 1268px; } #line-7-45 { left: 323px; top: 1268px; } #line-7-46 { left: 652px; top: 1268px; } #line-7-47 { left: 77px; top: 122px; } #line-7-48 { left: 77px; top: 178px; } }       .page-content[data-number="8"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="8"] p { padding: 1rem; }

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

        .font-8-0 { font-size: 25px; color: #231f20; } .font-8-1 { font-size: 16px; color: #231f20; } .font-8-2 { font-size: 20px; color: #231f20; } .font-8-3 { font-size: 18px; color: #231f20; } .font-8-4 { font-size: 16px; color: #6d6b6b; } .font-8-5 { font-size: 16px; color: #231f20; } .font-8-6 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-8-7 { font-size: 36px; color: #231f20; } .font-8-8 { font-size: 34px; color: #231f20; } .font-8-9 { font-size: 29px; color: #231f20; } .font-8-10 { font-size: 22px; color: #231f20; } .font-8-11 { font-size: 61px; color: #231f20; } .font-8-12 { font-size: 41px; color: #231f20; } .font-8-13 { font-size: 38px; color: #231f20; } .font-8-14 { font-size: 27px; color: #231f20; } .font-8-15 { font-size: 13px; color: #231f20; } .font-8-16 { font-size: 32px; color: #231f20; } .font-8-17 { font-size: 16px; line-height: 20px; color: #231f20; } .font-8-18 { font-size: 16px; line-height: 18px; color: #231f20; } .font-8-19 { font-size: 16px; line-height: 18px; color: #231f20; } #line-8-0 { left: 89px; top: 122px; } #line-8-1 { left: 89px; top: 182px; } #line-8-2 { left: 111px; top: 247px; } #line-8-3 { left: 284px; top: 401px; } #line-8-4 { left: 284px; top: 425px; } #line-8-5 { left: 284px; top: 627px; } #line-8-6 { left: 284px; top: 651px; } #line-8-7 { left: 89px; top: 1233px; } #line-8-8 { left: 101px; top: 1253px; } #line-8-9 { left: 124px; top: 57px; } #line-8-10 { left: 89px; top: 59px; } #line-8-11 { left: 27px; top: 189px; } #line-8-12 { left: 407px; top: 288px; } #line-8-13 { left: 394px; top: 306px; } #line-8-14 { left: 475px; top: 288px; } #line-8-15 { left: 495px; top: 306px; } #line-8-16 { left: 668px; top: 297px; } #line-8-17 { left: 404px; top: 344px; } #line-8-18 { left: 492px; top: 345px; } #line-8-19 { left: 553px; top: 339px; } #line-8-20 { left: 507px; top: 426px; } #line-8-21 { left: 553px; top: 417px; } #line-8-22 { left: 408px; top: 469px; } #line-8-23 { left: 481px; top: 472px; } #line-8-24 { left: 553px; top: 466px; } #line-8-25 { left: 417px; top: 500px; } #line-8-26 { left: 553px; top: 524px; } #line-8-27 { left: 415px; top: 580px; } #line-8-28 { left: 507px; top: 593px; } #line-8-29 { left: 553px; top: 584px; } #line-8-30 { left: 415px; top: 629px; } #line-8-31 { left: 499px; top: 628px; } #line-8-32 { left: 553px; top: 626px; } #line-8-33 { left: 415px; top: 714px; } #line-8-34 { left: 487px; top: 718px; } #line-8-35 { left: 478px; top: 740px; } #line-8-36 { left: 553px; top: 685px; } #line-8-37 { left: 657px; top: 718px; } #line-8-38 { left: 553px; top: 741px; } #line-8-39 { left: 827px; top: 737px; } #line-8-40 { left: 553px; top: 760px; } #line-8-41 { left: 634px; top: 755px; } #line-8-42 { left: 553px; top: 778px; } #line-8-43 { left: 653px; top: 774px; } #line-8-44 { left: 410px; top: 807px; } #line-8-45 { left: 553px; top: 804px; } #line-8-46 { left: 410px; top: 879px; } #line-8-47 { left: 502px; top: 883px; } #line-8-48 { left: 553px; top: 869px; } #line-8-49 { left: 413px; top: 933px; } #line-8-50 { left: 507px; top: 941px; } #line-8-51 { left: 553px; top: 932px; } #line-8-52 { left: 411px; top: 1001px; } #line-8-53 { left: 498px; top: 1006px; } #line-8-54 { left: 553px; top: 975px; } #line-8-55 { left: 396px; top: 1082px; } #line-8-56 { left: 477px; top: 1084px; } #line-8-57 { left: 553px; top: 1074px; } #line-8-58 { left: 409px; top: 1126px; } #line-8-59 { left: 406px; top: 1169px; } #line-8-60 { left: 490px; top: 1162px; } #line-8-61 { left: 553px; top: 1137px; } #line-8-62 { left: 553px; top: 1169px; } #line-8-63 { left: 553px; top: 1187px; } #line-8-64 { left: 411px; top: 1212px; } #line-8-65 { left: 507px; top: 1224px; } #line-8-66 { left: 553px; top: 1215px; } #line-8-67 { left: 417px; top: 1257px; } #line-8-68 { left: 507px; top: 1267px; } #line-8-69 { left: 553px; top: 1258px; } }       .page-content[data-number="9"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="9"] p { padding: 1rem; }

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

        .font-9-0 { font-size: 20px; color: #231f20; } .font-9-1 { font-size: 16px; color: #231f20; } .font-9-2 { font-size: 18px; color: #231f20; } .font-9-3 { font-size: 30px; color: #ffffff; } .font-9-4 { font-size: 16px; color: #231f20; } .font-9-5 { font-size: 16px; color: #6d6b6b; } .font-9-6 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-9-7 { font-size: 16px; line-height: 20px; color: #231f20; } #line-9-0 { left: 77px; top: 122px; } #line-9-1 { left: 77px; top: 158px; } #line-9-2 { left: 77px; top: 224px; } #line-9-3 { left: 104px; top: 226px; } #line-9-4 { left: 77px; top: 440px; } #line-9-5 { left: 104px; top: 441px; } #line-9-6 { left: 77px; top: 675px; } #line-9-7 { left: 104px; top: 677px; } #line-9-8 { left: 77px; top: 887px; } #line-9-9 { left: 77px; top: 923px; } #line-9-10 { left: 77px; top: 989px; } #line-9-11 { left: 104px; top: 991px; } #line-9-12 { left: 488px; top: 122px; } #line-9-13 { left: 515px; top: 123px; } #line-9-14 { left: 488px; top: 357px; } #line-9-15 { left: 515px; top: 359px; } #line-9-16 { left: 488px; top: 708px; } #line-9-17 { left: 134px; top: 754px; } #line-9-18 { left: 109px; top: 751px; } #line-9-19 { left: 98px; top: 793px; } #line-9-20 { left: 545px; top: 1019px; } #line-9-21 { left: 520px; top: 1016px; } #line-9-22 { left: 509px; top: 1058px; } #line-9-23 { left: 521px; top: 1078px; } #line-9-24 { left: 509px; top: 1160px; } #line-9-25 { left: 521px; top: 1181px; } #line-9-26 { left: 509px; top: 668px; } #line-9-27 { left: 853px; top: 59px; } #line-9-28 { left: 580px; top: 57px; } #line-9-29 { left: 906px; top: 189px; } }       .page-content[data-number="10"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="10"] p { padding: 1rem; }

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

        .font-10-0 { font-size: 16px; color: #6d6b6b; } .font-10-1 { font-size: 16px; color: #231f20; } .font-10-2 { font-size: 17px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.5384615385, 0, 0, 0); -moz-transform-origin:  left 75%; -webkit-transform-origin:  left 75%; -o-transform-origin:  left 75%; -ms-transform-origin:  left 75%; } .font-10-3 { font-size: 25px; color: #231f20; } .font-10-4 { font-size: 20px; color: #231f20; } .font-10-5 { font-size: 20px; color: #231f20; } .font-10-6 { font-size: 18px; color: #231f20; } .font-10-7 { font-size: 16px; color: #231f20; } .font-10-8 { font-size: 30px; color: #ffffff; } .font-10-9 { font-size: 34px; color: #231f20; } .font-10-10 { font-size: 16px; line-height: 20px; color: #231f20; } #line-10-0 { left: 124px; top: 57px; } #line-10-1 { left: 89px; top: 59px; } #line-10-2 { left: 27px; top: 189px; } #line-10-3 { left: 89px; top: 182px; } #line-10-4 { left: 89px; top: 209px; } #line-10-5 { left: 89px; top: 250px; } #line-10-6 { left: 115px; top: 251px; } #line-10-7 { left: 264px; top: 243px; } #line-10-8 { left: 292px; top: 251px; } #line-10-9 { left: 115px; top: 272px; } #line-10-10 { left: 89px; top: 297px; } #line-10-11 { left: 115px; top: 298px; } #line-10-12 { left: 264px; top: 290px; } #line-10-13 { left: 292px; top: 298px; } #line-10-14 { left: 115px; top: 319px; } #line-10-15 { left: 126px; top: 335px; } #line-10-16 { left: 89px; top: 553px; } #line-10-17 { left: 115px; top: 554px; } #line-10-18 { left: 284px; top: 546px; } #line-10-19 { left: 312px; top: 554px; } #line-10-20 { left: 327px; top: 546px; } #line-10-21 { left: 355px; top: 554px; } #line-10-22 { left: 115px; top: 575px; } #line-10-23 { left: 115px; top: 602px; } #line-10-24 { left: 126px; top: 622px; } #line-10-25 { left: 89px; top: 678px; } #line-10-26 { left: 89px; top: 711px; } #line-10-27 { left: 97px; top: 710px; } #line-10-28 { left: 89px; top: 745px; } #line-10-29 { left: 115px; top: 747px; } #line-10-30 { left: 264px; top: 738px; } #line-10-31 { left: 292px; top: 747px; } #line-10-32 { left: 115px; top: 767px; } #line-10-33 { left: 89px; top: 792px; } #line-10-34 { left: 115px; top: 794px; } #line-10-35 { left: 285px; top: 786px; } #line-10-36 { left: 313px; top: 794px; } #line-10-37 { left: 115px; top: 815px; } #line-10-38 { left: 115px; top: 841px; } #line-10-39 { left: 126px; top: 837px; } #line-10-40 { left: 89px; top: 1055px; } #line-10-41 { left: 115px; top: 1056px; } #line-10-42 { left: 284px; top: 1048px; } #line-10-43 { left: 312px; top: 1056px; } #line-10-44 { left: 327px; top: 1048px; } #line-10-45 { left: 355px; top: 1056px; } #line-10-46 { left: 115px; top: 1077px; } #line-10-47 { left: 115px; top: 1104px; } #line-10-48 { left: 126px; top: 1124px; } #line-10-49 { left: 500px; top: 182px; } #line-10-50 { left: 500px; top: 216px; } #line-10-51 { left: 508px; top: 215px; } #line-10-52 { left: 500px; top: 251px; } #line-10-53 { left: 500px; top: 420px; } #line-10-54 { left: 526px; top: 421px; } #line-10-55 { left: 675px; top: 413px; } #line-10-56 { left: 703px; top: 421px; } #line-10-57 { left: 526px; top: 442px; } #line-10-58 { left: 500px; top: 467px; } #line-10-59 { left: 526px; top: 468px; } #line-10-60 { left: 696px; top: 460px; } #line-10-61 { left: 724px; top: 468px; } #line-10-62 { left: 526px; top: 489px; } #line-10-63 { left: 526px; top: 516px; } #line-10-64 { left: 537px; top: 507px; } #line-10-65 { left: 557px; top: 516px; } #line-10-66 { left: 556px; top: 804px; } #line-10-67 { left: 532px; top: 801px; } #line-10-68 { left: 521px; top: 843px; } #line-10-69 { left: 532px; top: 864px; } #line-10-70 { left: 146px; top: 1175px; } #line-10-71 { left: 121px; top: 1172px; } #line-10-72 { left: 110px; top: 1214px; } #line-10-73 { left: 89px; top: 122px; } }