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

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

        .font-1-0 { font-size: 6px; color: #4f4b4c; } .font-1-1 { font-size: 6px; color: #66cdea; } #line-1-0 { left: 25px; top: 572px; } #line-1-1 { left: 25px; top: 581px; } #line-1-2 { left: 225px; top: 582px; } #line-1-3 { left: 323px; top: 582px; } #line-1-4 { left: 25px; top: 590px; } }       .page-content[data-number="2"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="2"] p { padding: 1rem; }

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

        .font-2-0 { font-size: 12px; color: #1b458f; } .font-2-1 { font-size: 26px; color: #1b458f; } .font-2-2 { font-size: 13px; color: #1b458f; } .font-2-3 { font-size: 11px; color: #1b458f; } .font-2-4 { font-size: 13px; line-height: 23px; color: #1b458f; } .font-2-5 { font-size: 13px; line-height: 26px; color: #1b458f; } .font-2-6 { font-size: 11px; line-height: 17px; color: #1b458f; } #line-2-0 { left: 235px; top: 633px; } #line-2-1 { left: 711px; top: 633px; } #line-2-2 { left: 25px; top: 15px; } #line-2-3 { left: 25px; top: 71px; } #line-2-4 { left: 50px; top: 140px; } #line-2-5 { left: 25px; top: 215px; } #line-2-6 { left: 50px; top: 235px; } #line-2-7 { left: 25px; top: 292px; } #line-2-8 { left: 50px; top: 312px; } #line-2-9 { left: 25px; top: 369px; } #line-2-10 { left: 50px; top: 389px; } #line-2-11 { left: 25px; top: 446px; } #line-2-12 { left: 50px; top: 466px; } #line-2-13 { left: 25px; top: 523px; } #line-2-14 { left: 50px; top: 542px; } #line-2-15 { left: 85px; top: 612px; } #line-2-16 { left: 527px; top: 22px; } #line-2-17 { left: 502px; top: 41px; } #line-2-18 { left: 527px; top: 61px; } #line-2-19 { left: 502px; top: 116px; } #line-2-20 { left: 527px; top: 135px; } #line-2-21 { left: 502px; top: 225px; } #line-2-22 { left: 527px; top: 245px; } #line-2-23 { left: 562px; top: 314px; } #line-2-24 { left: 527px; top: 334px; } #line-2-25 { left: 562px; top: 367px; } #line-2-26 { left: 502px; top: 388px; } #line-2-27 { left: 527px; top: 408px; } #line-2-28 { left: 502px; top: 551px; } #line-2-29 { left: 527px; top: 571px; } }       .page-content[data-number="3"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="3"] p { padding: 1rem; }

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

        .font-3-0 { font-size: 12px; color: #1b458f; } .font-3-1 { font-size: 11px; color: #1b458f; } .font-3-2 { font-size: 13px; color: #1b458f; } .font-3-3 { font-size: 26px; color: #1b458f; } .font-3-4 { font-size: 10px; color: #1b458f; } .font-3-5 { font-size: 12px; color: #f46f31; } .font-3-6 { font-size: 12px; color: #1b458f; } .font-3-7 { font-size: 10px; color: #f46f31; } .font-3-8 { font-size: 12px; line-height: 22px; color: #1b458f; } .font-3-9 { font-size: 12px; line-height: 18px; color: #1b458f; } .font-3-10 { font-size: 11px; line-height: 17px; color: #1b458f; } .font-3-11 { font-size: 13px; line-height: 21px; color: #1b458f; } .font-3-12 { font-size: 10px; line-height: 16px; color: #1b458f; } #line-3-0 { left: 235px; top: 633px; } #line-3-1 { left: 711px; top: 633px; } #line-3-2 { left: 34px; top: 518px; } #line-3-3 { left: 161px; top: 429px; } #line-3-4 { left: 161px; top: 446px; } #line-3-5 { left: 161px; top: 463px; } #line-3-6 { left: 161px; top: 480px; } #line-3-7 { left: 161px; top: 519px; } #line-3-8 { left: 161px; top: 536px; } #line-3-9 { left: 161px; top: 552px; } #line-3-10 { left: 161px; top: 586px; } #line-3-11 { left: 161px; top: 603px; } #line-3-12 { left: 50px; top: 22px; } #line-3-13 { left: 25px; top: 236px; } #line-3-14 { left: 50px; top: 256px; } #line-3-15 { left: 25px; top: 293px; } #line-3-16 { left: 502px; top: 34px; } #line-3-17 { left: 502px; top: 86px; } #line-3-18 { left: 502px; top: 101px; } #line-3-19 { left: 502px; top: 116px; } #line-3-20 { left: 502px; top: 130px; } #line-3-21 { left: 502px; top: 155px; } #line-3-22 { left: 511px; top: 153px; } #line-3-23 { left: 502px; top: 175px; } #line-3-24 { left: 502px; top: 190px; } #line-3-25 { left: 502px; top: 205px; } #line-3-26 { left: 502px; top: 219px; } #line-3-27 { left: 502px; top: 234px; } #line-3-28 { left: 502px; top: 249px; } #line-3-29 { left: 502px; top: 264px; } #line-3-30 { left: 502px; top: 279px; } #line-3-31 { left: 502px; top: 294px; } #line-3-32 { left: 502px; top: 309px; } #line-3-33 { left: 502px; top: 324px; } #line-3-34 { left: 502px; top: 338px; } #line-3-35 { left: 502px; top: 353px; } #line-3-36 { left: 502px; top: 368px; } #line-3-37 { left: 512px; top: 398px; } #line-3-38 { left: 502px; top: 414px; } #line-3-39 { left: 512px; top: 428px; } #line-3-40 { left: 502px; top: 452px; } #line-3-41 { left: 511px; top: 450px; } #line-3-42 { left: 502px; top: 472px; } #line-3-43 { left: 502px; top: 487px; } #line-3-44 { left: 502px; top: 502px; } #line-3-45 { left: 502px; top: 517px; } #line-3-46 { left: 502px; top: 531px; } #line-3-47 { left: 502px; top: 546px; } #line-3-48 { left: 502px; top: 561px; } #line-3-49 { left: 502px; top: 576px; } #line-3-50 { left: 502px; top: 591px; } #line-3-51 { left: 502px; top: 606px; } }       .page-content[data-number="4"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="4"] p { padding: 1rem; }

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

        .font-4-0 { font-size: 12px; color: #1b458f; } .font-4-1 { font-size: 10px; color: #1b458f; } .font-4-2 { font-size: 10px; line-height: 16px; color: #1b458f; } .font-4-3 { font-size: 10px; line-height: 14px; color: #1b458f; } #line-4-0 { left: 235px; top: 633px; } #line-4-1 { left: 711px; top: 633px; } #line-4-2 { left: 25px; top: 21px; } #line-4-3 { left: 25px; top: 36px; } #line-4-4 { left: 25px; top: 50px; } #line-4-5 { left: 25px; top: 65px; } #line-4-6 { left: 25px; top: 80px; } #line-4-7 { left: 25px; top: 95px; } #line-4-8 { left: 25px; top: 110px; } #line-4-9 { left: 25px; top: 125px; } #line-4-10 { left: 25px; top: 140px; } #line-4-11 { left: 25px; top: 155px; } #line-4-12 { left: 25px; top: 169px; } #line-4-13 { left: 25px; top: 184px; } #line-4-14 { left: 25px; top: 199px; } #line-4-15 { left: 25px; top: 214px; } #line-4-16 { left: 25px; top: 229px; } #line-4-17 { left: 25px; top: 244px; } #line-4-18 { left: 25px; top: 259px; } #line-4-19 { left: 25px; top: 273px; } #line-4-20 { left: 25px; top: 288px; } #line-4-21 { left: 25px; top: 303px; } #line-4-22 { left: 25px; top: 318px; } #line-4-23 { left: 25px; top: 333px; } #line-4-24 { left: 25px; top: 348px; } #line-4-25 { left: 25px; top: 363px; } #line-4-26 { left: 25px; top: 378px; } #line-4-27 { left: 25px; top: 392px; } #line-4-28 { left: 25px; top: 407px; } #line-4-29 { left: 25px; top: 422px; } #line-4-30 { left: 25px; top: 437px; } #line-4-31 { left: 25px; top: 452px; } #line-4-32 { left: 25px; top: 467px; } #line-4-33 { left: 25px; top: 482px; } #line-4-34 { left: 25px; top: 496px; } #line-4-35 { left: 25px; top: 511px; } #line-4-36 { left: 25px; top: 526px; } #line-4-37 { left: 25px; top: 541px; } #line-4-38 { left: 25px; top: 556px; } #line-4-39 { left: 25px; top: 571px; } #line-4-40 { left: 502px; top: 21px; } #line-4-41 { left: 502px; top: 36px; } #line-4-42 { left: 502px; top: 50px; } #line-4-43 { left: 502px; top: 65px; } #line-4-44 { left: 502px; top: 80px; } #line-4-45 { left: 502px; top: 95px; } #line-4-46 { left: 502px; top: 110px; } #line-4-47 { left: 502px; top: 125px; } #line-4-48 { left: 502px; top: 140px; } #line-4-49 { left: 502px; top: 155px; } #line-4-50 { left: 502px; top: 169px; } #line-4-51 { left: 502px; top: 184px; } #line-4-52 { left: 502px; top: 199px; } #line-4-53 { left: 502px; top: 214px; } #line-4-54 { left: 502px; top: 229px; } #line-4-55 { left: 502px; top: 378px; } #line-4-56 { left: 502px; top: 392px; } #line-4-57 { left: 502px; top: 407px; } #line-4-58 { left: 502px; top: 422px; } #line-4-59 { left: 547px; top: 437px; } #line-4-60 { left: 547px; top: 452px; } #line-4-61 { left: 547px; top: 467px; } #line-4-62 { left: 547px; top: 482px; } #line-4-63 { left: 547px; top: 496px; } #line-4-64 { left: 547px; top: 511px; } }       .page-content[data-number="5"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="5"] p { padding: 1rem; }

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

        .font-5-0 { font-size: 12px; color: #1b458f; } .font-5-1 { font-size: 10px; color: #1b458f; } .font-5-2 { font-size: 10px; color: #f46f31; } .font-5-3 { font-size: 12px; color: #f46f31; } .font-5-4 { font-size: 12px; color: #1b458f; } .font-5-5 { font-size: 10px; color: #1b458f; } .font-5-6 { font-size: 10px; line-height: 16px; color: #1b458f; } .font-5-7 { font-size: 10px; line-height: 14px; color: #1b458f; } #line-5-0 { left: 235px; top: 633px; } #line-5-1 { left: 711px; top: 633px; } #line-5-2 { left: 25px; top: 21px; } #line-5-3 { left: 25px; top: 36px; } #line-5-4 { left: 25px; top: 50px; } #line-5-5 { left: 25px; top: 65px; } #line-5-6 { left: 25px; top: 80px; } #line-5-7 { left: 25px; top: 95px; } #line-5-8 { left: 25px; top: 110px; } #line-5-9 { left: 25px; top: 125px; } #line-5-10 { left: 25px; top: 140px; } #line-5-11 { left: 25px; top: 155px; } #line-5-12 { left: 25px; top: 169px; } #line-5-13 { left: 25px; top: 184px; } #line-5-14 { left: 25px; top: 208px; } #line-5-15 { left: 34px; top: 208px; } #line-5-16 { left: 25px; top: 224px; } #line-5-17 { left: 25px; top: 239px; } #line-5-18 { left: 25px; top: 253px; } #line-5-19 { left: 25px; top: 283px; } #line-5-20 { left: 25px; top: 328px; } #line-5-21 { left: 25px; top: 343px; } #line-5-22 { left: 25px; top: 357px; } #line-5-23 { left: 25px; top: 372px; } #line-5-24 { left: 25px; top: 387px; } #line-5-25 { left: 74px; top: 417px; } #line-5-26 { left: 74px; top: 432px; } #line-5-27 { left: 74px; top: 447px; } #line-5-28 { left: 74px; top: 462px; } #line-5-29 { left: 25px; top: 521px; } #line-5-30 { left: 25px; top: 536px; } #line-5-31 { left: 25px; top: 551px; } #line-5-32 { left: 25px; top: 565px; } #line-5-33 { left: 25px; top: 580px; } #line-5-34 { left: 25px; top: 595px; } #line-5-35 { left: 25px; top: 610px; } #line-5-36 { left: 502px; top: 21px; } #line-5-37 { left: 502px; top: 36px; } #line-5-38 { left: 502px; top: 50px; } #line-5-39 { left: 502px; top: 65px; } #line-5-40 { left: 502px; top: 80px; } #line-5-41 { left: 502px; top: 95px; } #line-5-42 { left: 502px; top: 110px; } #line-5-43 { left: 502px; top: 125px; } #line-5-44 { left: 502px; top: 146px; } #line-5-45 { left: 512px; top: 145px; } #line-5-46 { left: 502px; top: 167px; } #line-5-47 { left: 502px; top: 182px; } #line-5-48 { left: 502px; top: 196px; } #line-5-49 { left: 502px; top: 211px; } #line-5-50 { left: 502px; top: 226px; } #line-5-51 { left: 502px; top: 241px; } #line-5-52 { left: 502px; top: 256px; } #line-5-53 { left: 502px; top: 271px; } #line-5-54 { left: 502px; top: 292px; } #line-5-55 { left: 512px; top: 291px; } #line-5-56 { left: 502px; top: 313px; } #line-5-57 { left: 502px; top: 328px; } #line-5-58 { left: 502px; top: 342px; } #line-5-59 { left: 502px; top: 357px; } #line-5-60 { left: 502px; top: 372px; } #line-5-61 { left: 498px; top: 389px; } #line-5-62 { left: 502px; top: 403px; } #line-5-63 { left: 502px; top: 417px; } #line-5-64 { left: 502px; top: 432px; } #line-5-65 { left: 502px; top: 446px; } #line-5-66 { left: 502px; top: 461px; } #line-5-67 { left: 502px; top: 476px; } #line-5-68 { left: 502px; top: 491px; } #line-5-69 { left: 502px; top: 506px; } #line-5-70 { left: 502px; top: 521px; } #line-5-71 { left: 502px; top: 536px; } #line-5-72 { left: 502px; top: 551px; } }       .page-content[data-number="6"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="6"] p { padding: 1rem; }

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

        .font-6-0 { font-size: 12px; color: #1b458f; } .font-6-1 { font-size: 10px; color: #1b458f; } .font-6-2 { font-size: 10px; color: #1b458f; } .font-6-3 { font-size: 12px; color: #f46f31; } .font-6-4 { font-size: 12px; color: #1b458f; } .font-6-5 { font-size: 15px; color: #1b458f; } .font-6-6 { font-size: 10px; line-height: 16px; color: #1b458f; } .font-6-7 { font-size: 10px; line-height: 14px; color: #1b458f; } #line-6-0 { left: 235px; top: 633px; } #line-6-1 { left: 708px; top: 633px; } #line-6-2 { left: 25px; top: 21px; } #line-6-3 { left: 25px; top: 36px; } #line-6-4 { left: 25px; top: 50px; } #line-6-5 { left: 25px; top: 65px; } #line-6-6 { left: 119px; top: 91px; } #line-6-7 { left: 99px; top: 106px; } #line-6-8 { left: 205px; top: 121px; } #line-6-9 { left: 35px; top: 139px; } #line-6-10 { left: 35px; top: 154px; } #line-6-11 { left: 237px; top: 149px; } #line-6-12 { left: 379px; top: 149px; } #line-6-13 { left: 35px; top: 173px; } #line-6-14 { left: 237px; top: 174px; } #line-6-15 { left: 379px; top: 174px; } #line-6-16 { left: 25px; top: 201px; } #line-6-17 { left: 25px; top: 216px; } #line-6-18 { left: 25px; top: 231px; } #line-6-19 { left: 25px; top: 246px; } #line-6-20 { left: 25px; top: 260px; } #line-6-21 { left: 25px; top: 290px; } #line-6-22 { left: 25px; top: 305px; } #line-6-23 { left: 25px; top: 320px; } #line-6-24 { left: 25px; top: 335px; } #line-6-25 { left: 25px; top: 350px; } #line-6-26 { left: 25px; top: 365px; } #line-6-27 { left: 25px; top: 379px; } #line-6-28 { left: 25px; top: 394px; } #line-6-29 { left: 25px; top: 424px; } #line-6-30 { left: 25px; top: 439px; } #line-6-31 { left: 25px; top: 454px; } #line-6-32 { left: 25px; top: 483px; } #line-6-33 { left: 25px; top: 498px; } #line-6-34 { left: 25px; top: 528px; } #line-6-35 { left: 25px; top: 543px; } #line-6-36 { left: 25px; top: 558px; } #line-6-37 { left: 502px; top: 21px; } #line-6-38 { left: 502px; top: 36px; } #line-6-39 { left: 502px; top: 50px; } #line-6-40 { left: 502px; top: 65px; } #line-6-41 { left: 502px; top: 80px; } #line-6-42 { left: 502px; top: 117px; } #line-6-43 { left: 512px; top: 115px; } #line-6-44 { left: 584px; top: 143px; } #line-6-45 { left: 584px; top: 178px; } #line-6-46 { left: 584px; top: 221px; } #line-6-47 { left: 584px; top: 235px; } #line-6-48 { left: 584px; top: 250px; } #line-6-49 { left: 584px; top: 275px; } #line-6-50 { left: 584px; top: 296px; } #line-6-51 { left: 584px; top: 330px; } #line-6-52 { left: 584px; top: 344px; } #line-6-53 { left: 584px; top: 384px; } #line-6-54 { left: 584px; top: 413px; } #line-6-55 { left: 584px; top: 428px; } #line-6-56 { left: 584px; top: 443px; } #line-6-57 { left: 584px; top: 458px; } #line-6-58 { left: 584px; top: 473px; } #line-6-59 { left: 584px; top: 499px; } }       .page-content[data-number="7"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="7"] p { padding: 1rem; }

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

        .font-7-0 { font-size: 12px; color: #1b458f; } .font-7-1 { font-size: 26px; color: #1b458f; } .font-7-2 { font-size: 10px; color: #f46f31; } .font-7-3 { font-size: 10px; color: #1b458f; } .font-7-4 { font-size: 8px; color: #1b458f; } .font-7-5 { font-size: 8px; color: #1b458f; } .font-7-6 { font-size: 10px; color: #1b458f; } .font-7-7 { font-size: 15px; color: #1b458f; } .font-7-8 { font-size: 12px; color: #f46f31; } .font-7-9 { font-size: 5px; color: #1b458f; } .font-7-10 { font-size: 10px; line-height: 16px; color: #1b458f; } .font-7-11 { font-size: 10px; line-height: 16px; color: #f46f31; } .font-7-12 { font-size: 10px; line-height: 15px; color: #f46f31; } .font-7-13 { font-size: 10px; line-height: 15px; color: #1b458f; } #line-7-0 { left: 231px; top: 633px; } #line-7-1 { left: 708px; top: 633px; } #line-7-2 { left: 25px; top: 34px; } #line-7-3 { left: 25px; top: 92px; } #line-7-4 { left: 35px; top: 91px; } #line-7-5 { left: 157px; top: 94px; } #line-7-6 { left: 25px; top: 114px; } #line-7-7 { left: 35px; top: 113px; } #line-7-8 { left: 180px; top: 116px; } #line-7-9 { left: 183px; top: 113px; } #line-7-10 { left: 189px; top: 115px; } #line-7-11 { left: 35px; top: 128px; } #line-7-12 { left: 25px; top: 141px; } #line-7-13 { left: 25px; top: 156px; } #line-7-14 { left: 25px; top: 171px; } #line-7-15 { left: 25px; top: 186px; } #line-7-16 { left: 25px; top: 200px; } #line-7-17 { left: 25px; top: 215px; } #line-7-18 { left: 25px; top: 230px; } #line-7-19 { left: 25px; top: 310px; } #line-7-20 { left: 25px; top: 325px; } #line-7-21 { left: 25px; top: 355px; } #line-7-22 { left: 25px; top: 390px; } #line-7-23 { left: 186px; top: 393px; } #line-7-24 { left: 25px; top: 413px; } #line-7-25 { left: 25px; top: 428px; } #line-7-26 { left: 25px; top: 443px; } #line-7-27 { left: 447px; top: 475px; } #line-7-28 { left: 25px; top: 601px; } #line-7-29 { left: 33px; top: 601px; } #line-7-30 { left: 50px; top: 614px; } #line-7-31 { left: 502px; top: 19px; } #line-7-32 { left: 502px; top: 40px; } #line-7-33 { left: 502px; top: 65px; } #line-7-34 { left: 502px; top: 79px; } #line-7-35 { left: 502px; top: 94px; } #line-7-36 { left: 502px; top: 108px; } #line-7-37 { left: 502px; top: 122px; } #line-7-38 { left: 502px; top: 137px; } #line-7-39 { left: 502px; top: 151px; } #line-7-40 { left: 502px; top: 165px; } #line-7-41 { left: 502px; top: 180px; } #line-7-42 { left: 502px; top: 194px; } #line-7-43 { left: 502px; top: 208px; } #line-7-44 { left: 502px; top: 237px; } #line-7-45 { left: 502px; top: 251px; } #line-7-46 { left: 502px; top: 266px; } #line-7-47 { left: 502px; top: 280px; } #line-7-48 { left: 502px; top: 294px; } #line-7-49 { left: 502px; top: 309px; } #line-7-50 { left: 502px; top: 323px; } #line-7-51 { left: 502px; top: 339px; } #line-7-52 { left: 502px; top: 352px; } #line-7-53 { left: 502px; top: 366px; } #line-7-54 { left: 502px; top: 380px; } #line-7-55 { left: 502px; top: 395px; } #line-7-56 { left: 502px; top: 409px; } #line-7-57 { left: 502px; top: 423px; } #line-7-58 { left: 502px; top: 438px; } #line-7-59 { left: 502px; top: 452px; } #line-7-60 { left: 502px; top: 466px; } #line-7-61 { left: 502px; top: 482px; } #line-7-62 { left: 502px; top: 495px; } #line-7-63 { left: 502px; top: 509px; } #line-7-64 { left: 502px; top: 524px; } #line-7-65 { left: 502px; top: 538px; } #line-7-66 { left: 502px; top: 552px; } #line-7-67 { left: 502px; top: 567px; } #line-7-68 { left: 502px; top: 581px; } #line-7-69 { left: 502px; top: 595px; } #line-7-70 { left: 502px; top: 610px; } }       .page-content[data-number="8"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="8"] p { padding: 1rem; }

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

        .font-8-0 { font-size: 12px; color: #1b458f; } .font-8-1 { font-size: 51px; color: #f46f31; } .font-8-2 { font-size: 26px; color: #1b458f; } .font-8-3 { font-size: 15px; color: #f46f31; } .font-8-4 { font-size: 15px; color: #1b458f; } .font-8-5 { font-size: 10px; color: #1b458f; } .font-8-6 { font-size: 12px; color: #1b458f; } .font-8-7 { font-size: 12px; color: #f46f31; } .font-8-8 { font-size: 12px; color: #e41535; } .font-8-9 { font-size: 12px; line-height: 23px; color: #1b458f; } #line-8-0 { left: 231px; top: 633px; } #line-8-1 { left: 708px; top: 633px; } #line-8-2 { left: 25px; top: 23px; } #line-8-3 { left: 75px; top: 34px; } #line-8-4 { left: 25px; top: 109px; } #line-8-5 { left: 75px; top: 107px; } #line-8-6 { left: 74px; top: 209px; } #line-8-7 { left: 77px; top: 248px; } #line-8-8 { left: 94px; top: 280px; } #line-8-9 { left: 93px; top: 302px; } #line-8-10 { left: 91px; top: 321px; } #line-8-11 { left: 330px; top: 280px; } #line-8-12 { left: 36px; top: 435px; } #line-8-13 { left: 117px; top: 476px; } #line-8-14 { left: 345px; top: 481px; } #line-8-15 { left: 334px; top: 201px; } #line-8-16 { left: 348px; top: 216px; } #line-8-17 { left: 331px; top: 236px; } #line-8-18 { left: 349px; top: 251px; } #line-8-19 { left: 320px; top: 393px; } #line-8-20 { left: 320px; top: 405px; } #line-8-21 { left: 327px; top: 326px; } #line-8-22 { left: 330px; top: 323px; } #line-8-23 { left: 330px; top: 337px; } #line-8-24 { left: 554px; top: 30px; } #line-8-25 { left: 554px; top: 51px; } #line-8-26 { left: 564px; top: 50px; } #line-8-27 { left: 554px; top: 71px; } #line-8-28 { left: 564px; top: 69px; } #line-8-29 { left: 554px; top: 90px; } #line-8-30 { left: 564px; top: 89px; } #line-8-31 { left: 554px; top: 110px; } #line-8-32 { left: 564px; top: 108px; } #line-8-33 { left: 554px; top: 129px; } #line-8-34 { left: 564px; top: 128px; } #line-8-35 { left: 564px; top: 145px; } #line-8-36 { left: 564px; top: 162px; } #line-8-37 { left: 554px; top: 200px; } #line-8-38 { left: 554px; top: 222px; } #line-8-39 { left: 564px; top: 220px; } #line-8-40 { left: 564px; top: 237px; } #line-8-41 { left: 550px; top: 268px; } #line-8-42 { left: 554px; top: 288px; } #line-8-43 { left: 564px; top: 286px; } #line-8-44 { left: 564px; top: 303px; } #line-8-45 { left: 554px; top: 325px; } #line-8-46 { left: 564px; top: 323px; } #line-8-47 { left: 564px; top: 340px; } #line-8-48 { left: 554px; top: 361px; } #line-8-49 { left: 564px; top: 359px; } #line-8-50 { left: 564px; top: 376px; } #line-8-51 { left: 564px; top: 393px; } #line-8-52 { left: 554px; top: 423px; } #line-8-53 { left: 554px; top: 444px; } #line-8-54 { left: 564px; top: 443px; } #line-8-55 { left: 926px; top: 444px; } #line-8-56 { left: 554px; top: 472px; } #line-8-57 { left: 554px; top: 496px; } #line-8-58 { left: 564px; top: 494px; } #line-8-59 { left: 564px; top: 511px; } #line-8-60 { left: 564px; top: 528px; } }       .page-content[data-number="9"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="9"] p { padding: 1rem; }

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

        .font-9-0 { font-size: 12px; color: #1b458f; } .font-9-1 { font-size: 12px; color: #1b458f; } .font-9-2 { font-size: 12px; color: #f46f31; } .font-9-3 { font-size: 15px; color: #f46f31; } .font-9-4 { font-size: 15px; color: #1b458f; } .font-9-5 { font-size: 13px; color: #f46f31; } .font-9-6 { font-size: 13px; color: #1b458f; } .font-9-7 { font-size: 6px; color: #1b458f; } .font-9-8 { font-size: 5px; color: #1b458f; } .font-9-9 { font-size: 10px; color: #1b458f; } .font-9-10 { font-size: 12px; line-height: 16px; color: #1b458f; } #line-9-0 { left: 231px; top: 633px; } #line-9-1 { left: 708px; top: 633px; } #line-9-2 { left: 58px; top: 40px; } #line-9-3 { left: 77px; top: 30px; } #line-9-4 { left: 77px; top: 54px; } #line-9-5 { left: 87px; top: 52px; } #line-9-6 { left: 77px; top: 71px; } #line-9-7 { left: 77px; top: 115px; } #line-9-8 { left: 87px; top: 113px; } #line-9-9 { left: 77px; top: 132px; } #line-9-10 { left: 32px; top: 240px; } #line-9-11 { left: 73px; top: 178px; } #line-9-12 { left: 77px; top: 201px; } #line-9-13 { left: 87px; top: 199px; } #line-9-14 { left: 87px; top: 216px; } #line-9-15 { left: 77px; top: 240px; } #line-9-16 { left: 87px; top: 238px; } #line-9-17 { left: 87px; top: 255px; } #line-9-18 { left: 77px; top: 279px; } #line-9-19 { left: 87px; top: 277px; } #line-9-20 { left: 87px; top: 294px; } #line-9-21 { left: 95px; top: 361px; } #line-9-22 { left: 139px; top: 323px; } #line-9-23 { left: 139px; top: 347px; } #line-9-24 { left: 150px; top: 346px; } #line-9-25 { left: 150px; top: 363px; } #line-9-26 { left: 150px; top: 380px; } #line-9-27 { left: 502px; top: 21px; } #line-9-28 { left: 552px; top: 19px; } #line-9-29 { left: 502px; top: 57px; } #line-9-30 { left: 552px; top: 55px; } #line-9-31 { left: 502px; top: 88px; } #line-9-32 { left: 502px; top: 262px; } #line-9-33 { left: 781px; top: 265px; } #line-9-34 { left: 502px; top: 289px; } #line-9-35 { left: 502px; top: 306px; } #line-9-36 { left: 502px; top: 323px; } #line-9-37 { left: 502px; top: 439px; } #line-9-38 { left: 502px; top: 464px; } #line-9-39 { left: 502px; top: 481px; } #line-9-40 { left: 502px; top: 498px; } #line-9-41 { left: 502px; top: 586px; } #line-9-42 { left: 510px; top: 586px; } #line-9-43 { left: 527px; top: 599px; } #line-9-44 { left: 527px; top: 614px; } }       .page-content[data-number="10"]   { position: relative; margin: 10px auto; }
      .page-content[data-number="10"] p { padding: 1rem; }

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

        .font-10-0 { font-size: 12px; color: #1b458f; } .font-10-1 { font-size: 12px; color: #1b458f; } .font-10-2 { font-size: 12px; color: #e41535; } .font-10-3 { font-size: 12px; color: #f46f31; } .font-10-4 { font-size: 12px; line-height: 18px; color: #1b458f; } #line-10-0 { left: 231px; top: 633px; } #line-10-1 { left: 708px; top: 633px; } #line-10-2 { left: 25px; top: 20px; } #line-10-3 { left: 25px; top: 161px; } #line-10-4 { left: 25px; top: 178px; } #line-10-5 { left: 25px; top: 207px; } #line-10-6 { left: 71px; top: 205px; } #line-10-7 { left: 71px; top: 222px; } #line-10-8 { left: 71px; top: 239px; } #line-10-9 { left: 71px; top: 256px; } #line-10-10 { left: 25px; top: 305px; } #line-10-11 { left: 25px; top: 332px; } #line-10-12 { left: 25px; top: 349px; } #line-10-13 { left: 25px; top: 486px; } #line-10-14 { left: 35px; top: 485px; } #line-10-15 { left: 35px; top: 502px; } #line-10-16 { left: 25px; top: 525px; } #line-10-17 { left: 35px; top: 524px; } #line-10-18 { left: 502px; top: 20px; } #line-10-19 { left: 511px; top: 99px; } #line-10-20 { left: 511px; top: 116px; } #line-10-21 { left: 511px; top: 150px; } #line-10-22 { left: 511px; top: 167px; } #line-10-23 { left: 511px; top: 184px; } #line-10-24 { left: 502px; top: 251px; } #line-10-25 { left: 502px; top: 268px; } #line-10-26 { left: 502px; top: 292px; } #line-10-27 { left: 512px; top: 290px; } #line-10-28 { left: 502px; top: 314px; } #line-10-29 { left: 512px; top: 312px; } #line-10-30 { left: 512px; top: 329px; } #line-10-31 { left: 502px; top: 353px; } #line-10-32 { left: 512px; top: 351px; } #line-10-33 { left: 502px; top: 375px; } #line-10-34 { left: 512px; top: 373px; } #line-10-35 { left: 512px; top: 390px; } #line-10-36 { left: 502px; top: 414px; } #line-10-37 { left: 512px; top: 412px; } #line-10-38 { left: 512px; top: 429px; } #line-10-39 { left: 502px; top: 456px; } #line-10-40 { left: 871px; top: 458px; } #line-10-41 { left: 502px; top: 473px; } #line-10-42 { left: 502px; top: 490px; } #line-10-43 { left: 546px; top: 517px; } #line-10-44 { left: 546px; top: 534px; } #line-10-45 { left: 546px; top: 551px; } #line-10-46 { left: 546px; top: 568px; } #line-10-47 { left: 546px; top: 585px; } } 