.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: 1289px; background: url('/manuals/hqj/1b.png'); }
        .page-content[data-number="1"] p { position: absolute; padding: 0; }

        .font-1-0 { font-size: 34px; color: #706d6e; } .font-1-1 { font-size: 59px; color: #393536; } .font-1-2 { font-size: 20px; color: #393536; } .font-1-3 { font-size: 16px; color: #393536; } .font-1-4 { font-size: 12px; color: #393536; } .font-1-5 { font-size: 12px; line-height: 18px; color: #393536; } #line-1-0 { left: 122px; top: 777px; } #line-1-1 { left: 122px; top: 809px; } #line-1-2 { left: 122px; top: 899px; } #line-1-3 { left: 122px; top: 922px; } #line-1-4 { left: 122px; top: 985px; } #line-1-5 { left: 122px; top: 1007px; } #line-1-6 { left: 122px; top: 1029px; } #line-1-7 { left: 122px; top: 1051px; } #line-1-8 { left: 122px; top: 1073px; } #line-1-9 { left: 122px; top: 1096px; } #line-1-10 { left: 125px; top: 1152px; } #line-1-11 { left: 732px; top: 1149px; } }       .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: 1289px; background: url('/manuals/hqj/2b.png'); }
        .page-content[data-number="2"] p { position: absolute; padding: 0; }

        .font-2-0 { font-size: 14px; color: #231f20; } .font-2-1 { font-size: 12px; color: #656262; } .font-2-2 { font-size: 13px; color: #ffffff; } .font-2-3 { font-size: 28px; color: #231f20; } .font-2-4 { font-size: 13px; color: #231f20; } .font-2-5 { font-size: 12px; color: #231f20; } .font-2-6 { font-size: 12px; line-height: 18px; color: #231f20; } #line-2-0 { left: 149px; top: 100px; } #line-2-1 { left: 183px; top: 102px; } #line-2-2 { left: 746px; top: 743px; } #line-2-3 { left: 746px; top: 316px; } #line-2-4 { left: 742px; top: 435px; } #line-2-5 { left: 150px; top: 168px; } #line-2-6 { left: 150px; top: 264px; } #line-2-7 { left: 150px; top: 292px; } #line-2-8 { left: 150px; top: 346px; } #line-2-9 { left: 150px; top: 374px; } #line-2-10 { left: 190px; top: 374px; } #line-2-11 { left: 150px; top: 392px; } #line-2-12 { left: 190px; top: 392px; } #line-2-13 { left: 190px; top: 409px; } #line-2-14 { left: 190px; top: 426px; } #line-2-15 { left: 150px; top: 462px; } #line-2-16 { left: 150px; top: 490px; } #line-2-17 { left: 150px; top: 507px; } #line-2-18 { left: 150px; top: 525px; } #line-2-19 { left: 150px; top: 542px; } #line-2-20 { left: 150px; top: 559px; } #line-2-21 { left: 150px; top: 577px; } #line-2-22 { left: 150px; top: 594px; } #line-2-23 { left: 150px; top: 612px; } #line-2-24 { left: 150px; top: 629px; } #line-2-25 { left: 150px; top: 646px; } #line-2-26 { left: 150px; top: 664px; } #line-2-27 { left: 150px; top: 681px; } #line-2-28 { left: 150px; top: 699px; } #line-2-29 { left: 150px; top: 734px; } }       .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: 1289px; background: url('/manuals/hqj/3b.png'); }
        .page-content[data-number="3"] p { position: absolute; padding: 0; }

        .font-3-0 { font-size: 14px; color: #231f20; } .font-3-1 { font-size: 12px; color: #656262; } .font-3-2 { font-size: 28px; color: #231f20; } .font-3-3 { font-size: 12px; color: #231f20; } .font-3-4 { font-size: 21px; color: #231f20; } .font-3-5 { font-size: 16px; color: #231f20; } #line-3-0 { left: 778px; top: 100px; } #line-3-1 { left: 631px; top: 102px; } #line-3-2 { left: 127px; top: 168px; } #line-3-3 { left: 127px; top: 248px; } #line-3-4 { left: 127px; top: 263px; } #line-3-5 { left: 127px; top: 294px; } #line-3-6 { left: 136px; top: 929px; } #line-3-7 { left: 136px; top: 685px; } #line-3-8 { left: 610px; top: 606px; } #line-3-9 { left: 743px; top: 438px; } #line-3-10 { left: 743px; top: 476px; } #line-3-11 { left: 493px; top: 180px; } #line-3-12 { left: 493px; top: 619px; } #line-3-13 { left: 248px; top: 701px; } #line-3-14 { left: 171px; top: 413px; } #line-3-15 { left: 171px; top: 451px; } #line-3-16 { left: 350px; top: 476px; } #line-3-17 { left: 156px; top: 610px; } #line-3-18 { left: 307px; top: 426px; } #line-3-19 { left: 136px; top: 363px; } #line-3-20 { left: 356px; top: 644px; } }       .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: 1289px; background: url('/manuals/hqj/4b.png'); }
        .page-content[data-number="4"] p { position: absolute; padding: 0; }

        .font-4-0 { font-size: 14px; color: #231f20; } .font-4-1 { font-size: 12px; color: #656262; } .font-4-2 { font-size: 12px; color: #231f20; } .font-4-3 { font-size: 16px; color: #231f20; } .font-4-4 { font-size: 10px; color: #231f20; } .font-4-5 { font-size: 12px; line-height: 18px; color: #231f20; } #line-4-0 { left: 149px; top: 100px; } #line-4-1 { left: 183px; top: 102px; } #line-4-2 { left: 149px; top: 172px; } #line-4-3 { left: 159px; top: 856px; } #line-4-4 { left: 158px; top: 609px; } #line-4-5 { left: 159px; top: 236px; } #line-4-6 { left: 631px; top: 717px; } #line-4-7 { left: 765px; top: 528px; } #line-4-8 { left: 765px; top: 566px; } #line-4-9 { left: 515px; top: 236px; } #line-4-10 { left: 515px; top: 675px; } #line-4-11 { left: 256px; top: 613px; } #line-4-12 { left: 202px; top: 296px; } #line-4-13 { left: 202px; top: 334px; } #line-4-14 { left: 403px; top: 380px; } #line-4-15 { left: 382px; top: 548px; } #line-4-16 { left: 208px; top: 476px; } #line-4-17 { left: 354px; top: 319px; } }       .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: 1289px; background: url('/manuals/hqj/5b.png'); }
        .page-content[data-number="5"] p { position: absolute; padding: 0; }

        .font-5-0 { font-size: 14px; color: #231f20; } .font-5-1 { font-size: 12px; color: #656262; } .font-5-2 { font-size: 12px; color: #231f20; } .font-5-3 { font-size: 16px; color: #231f20; } #line-5-0 { left: 778px; top: 100px; } #line-5-1 { left: 631px; top: 102px; } #line-5-2 { left: 127px; top: 173px; } #line-5-3 { left: 136px; top: 236px; } #line-5-4 { left: 492px; top: 181px; } #line-5-5 { left: 136px; top: 599px; } #line-5-6 { left: 292px; top: 628px; } #line-5-7 { left: 136px; top: 861px; } #line-5-8 { left: 311px; top: 911px; } #line-5-9 { left: 327px; top: 362px; } #line-5-10 { left: 351px; top: 546px; } #line-5-11 { left: 149px; top: 460px; } #line-5-12 { left: 127px; top: 313px; } #line-5-13 { left: 367px; top: 230px; } #line-5-14 { left: 367px; top: 268px; } #line-5-15 { left: 492px; top: 455px; } #line-5-16 { left: 492px; top: 945px; } #line-5-17 { left: 598px; top: 990px; } #line-5-18 { left: 742px; top: 797px; } #line-5-19 { left: 742px; top: 835px; } }       .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: 1289px; background: url('/manuals/hqj/6b.png'); }
        .page-content[data-number="6"] p { position: absolute; padding: 0; }

        .font-6-0 { font-size: 14px; color: #231f20; } .font-6-1 { font-size: 12px; color: #656262; } .font-6-2 { font-size: 12px; color: #231f20; } .font-6-3 { font-size: 16px; color: #231f20; } .font-6-4 { font-size: 10px; color: #231f20; } .font-6-5 { font-size: 12px; line-height: 18px; color: #231f20; } #line-6-0 { left: 149px; top: 100px; } #line-6-1 { left: 183px; top: 102px; } #line-6-2 { left: 149px; top: 174px; } #line-6-3 { left: 193px; top: 270px; } #line-6-4 { left: 193px; top: 308px; } #line-6-5 { left: 372px; top: 332px; } #line-6-6 { left: 178px; top: 466px; } #line-6-7 { left: 329px; top: 282px; } #line-6-8 { left: 159px; top: 219px; } #line-6-9 { left: 159px; top: 526px; } #line-6-10 { left: 373px; top: 500px; } #line-6-11 { left: 159px; top: 744px; } #line-6-12 { left: 406px; top: 990px; } #line-6-13 { left: 406px; top: 1028px; } #line-6-14 { left: 506px; top: 174px; } #line-6-15 { left: 517px; top: 753px; } #line-6-16 { left: 766px; top: 1030px; } #line-6-17 { left: 766px; top: 1068px; } #line-6-18 { left: 517px; top: 219px; } #line-6-19 { left: 517px; top: 534px; } #line-6-20 { left: 551px; top: 267px; } #line-6-21 { left: 551px; top: 305px; } #line-6-22 { left: 752px; top: 352px; } #line-6-23 { left: 730px; top: 520px; } #line-6-24 { left: 557px; top: 447px; } #line-6-25 { left: 703px; top: 291px; } }       .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: 1289px; background: url('/manuals/hqj/7b.png'); }
        .page-content[data-number="7"] p { position: absolute; padding: 0; }

        .font-7-0 { font-size: 14px; color: #231f20; } .font-7-1 { font-size: 12px; color: #656262; } .font-7-2 { font-size: 19px; color: #231f20; } .font-7-3 { font-size: 12px; color: #231f20; } .font-7-4 { font-size: 21px; color: #231f20; } .font-7-5 { font-size: 12px; line-height: 18px; color: #231f20; } #line-7-0 { left: 778px; top: 100px; } #line-7-1 { left: 631px; top: 102px; } #line-7-2 { left: 176px; top: 188px; } #line-7-3 { left: 147px; top: 221px; } #line-7-4 { left: 140px; top: 223px; } #line-7-5 { left: 154px; top: 221px; } #line-7-6 { left: 147px; top: 297px; } #line-7-7 { left: 140px; top: 299px; } #line-7-8 { left: 154px; top: 297px; } #line-7-9 { left: 172px; top: 456px; } #line-7-10 { left: 140px; top: 489px; } #line-7-11 { left: 483px; top: 170px; } #line-7-12 { left: 483px; top: 214px; } #line-7-13 { left: 506px; top: 252px; } #line-7-14 { left: 643px; top: 458px; } #line-7-15 { left: 483px; top: 499px; } #line-7-16 { left: 506px; top: 593px; } #line-7-17 { left: 483px; top: 612px; } #line-7-18 { left: 703px; top: 656px; } #line-7-19 { left: 544px; top: 786px; } }       .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: 1289px; background: url('/manuals/hqj/8b.png'); }
        .page-content[data-number="8"] p { position: absolute; padding: 0; }

        .font-8-0 { font-size: 14px; color: #231f20; } .font-8-1 { font-size: 12px; color: #656262; } .font-8-2 { font-size: 12px; color: #231f20; } .font-8-3 { font-size: 19px; color: #231f20; } .font-8-4 { font-size: 12px; line-height: 18px; color: #231f20; } #line-8-0 { left: 149px; top: 100px; } #line-8-1 { left: 183px; top: 102px; } #line-8-2 { left: 149px; top: 172px; } #line-8-3 { left: 196px; top: 378px; } #line-8-4 { left: 149px; top: 400px; } #line-8-5 { left: 230px; top: 577px; } #line-8-6 { left: 149px; top: 628px; } #line-8-7 { left: 172px; top: 647px; } #line-8-8 { left: 199px; top: 825px; } #line-8-9 { left: 163px; top: 858px; } }       .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: 1289px; background: url('/manuals/hqj/9b.png'); }
        .page-content[data-number="9"] p { position: absolute; padding: 0; }

        .font-9-0 { font-size: 34px; color: #706d6e; } .font-9-1 { font-size: 59px; color: #393536; } .font-9-2 { font-size: 20px; color: #393536; } .font-9-3 { font-size: 16px; color: #393536; } #line-9-0 { left: 122px; top: 777px; } #line-9-1 { left: 122px; top: 809px; } #line-9-2 { left: 122px; top: 899px; } #line-9-3 { left: 122px; top: 922px; } #line-9-4 { left: 732px; top: 1149px; } }       .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: 1289px; background: url('/manuals/hqj/10b.png'); }
        .page-content[data-number="10"] p { position: absolute; padding: 0; }

        .font-10-0 { font-size: 14px; color: #231f20; } .font-10-1 { font-size: 12px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1, 0, 0, 0); -o-transform:  matrix( 0, 1, -1, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1, 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-2 { font-size: 12px; color: #656262; } .font-10-3 { font-size: 28px; color: #231f20; } .font-10-4 { font-size: 13px; color: #231f20; } .font-10-5 { font-size: 12px; color: #231f20; } .font-10-6 { font-size: 19px; color: #231f20; } .font-10-7 { font-size: 12px; line-height: 18px; color: #231f20; } #line-10-0 { left: 149px; top: 100px; } #line-10-1 { left: 97px; top: 189px; } #line-10-2 { left: 98px; top: 171px; } #line-10-3 { left: 183px; top: 102px; } #line-10-4 { left: 149px; top: 168px; } #line-10-5 { left: 149px; top: 264px; } #line-10-6 { left: 190px; top: 264px; } #line-10-7 { left: 149px; top: 310px; } #line-10-8 { left: 190px; top: 310px; } #line-10-9 { left: 149px; top: 356px; } #line-10-10 { left: 190px; top: 356px; } #line-10-11 { left: 149px; top: 385px; } #line-10-12 { left: 192px; top: 385px; } #line-10-13 { left: 149px; top: 421px; } #line-10-14 { left: 149px; top: 466px; } #line-10-15 { left: 149px; top: 494px; } #line-10-16 { left: 190px; top: 494px; } #line-10-17 { left: 149px; top: 512px; } #line-10-18 { left: 190px; top: 512px; } #line-10-19 { left: 149px; top: 529px; } #line-10-20 { left: 190px; top: 529px; } #line-10-21 { left: 149px; top: 547px; } #line-10-22 { left: 190px; top: 547px; } #line-10-23 { left: 149px; top: 564px; } #line-10-24 { left: 190px; top: 564px; } #line-10-25 { left: 149px; top: 581px; } #line-10-26 { left: 190px; top: 581px; } #line-10-27 { left: 149px; top: 617px; } #line-10-28 { left: 149px; top: 663px; } #line-10-29 { left: 190px; top: 682px; } #line-10-30 { left: 149px; top: 710px; } #line-10-31 { left: 190px; top: 710px; } #line-10-32 { left: 149px; top: 729px; } #line-10-33 { left: 190px; top: 729px; } #line-10-34 { left: 149px; top: 746px; } #line-10-35 { left: 190px; top: 746px; } #line-10-36 { left: 190px; top: 763px; } #line-10-37 { left: 149px; top: 799px; } #line-10-38 { left: 149px; top: 845px; } #line-10-39 { left: 149px; top: 873px; } #line-10-40 { left: 190px; top: 873px; } #line-10-41 { left: 149px; top: 896px; } #line-10-42 { left: 192px; top: 896px; } #line-10-43 { left: 149px; top: 915px; } #line-10-44 { left: 192px; top: 915px; } #line-10-45 { left: 149px; top: 951px; } #line-10-46 { left: 149px; top: 997px; } #line-10-47 { left: 555px; top: 831px; } #line-10-48 { left: 525px; top: 864px; } #line-10-49 { left: 519px; top: 865px; } #line-10-50 { left: 532px; top: 864px; } #line-10-51 { left: 555px; top: 947px; } #line-10-52 { left: 525px; top: 979px; } #line-10-53 { left: 519px; top: 981px; } #line-10-54 { left: 532px; top: 979px; } #line-10-55 { left: 550px; top: 1062px; } #line-10-56 { left: 525px; top: 1095px; } #line-10-57 { left: 519px; top: 1097px; } #line-10-58 { left: 532px; top: 1095px; } }