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

        .font-1-0 { font-size: 17px; color: #000000; } .font-1-1 { font-size: 55px; color: #000000; } .font-1-2 { font-size: 20px; color: #000000; } .font-1-3 { font-size: 10px; color: #000000; } .font-1-4 { font-size: 17px; color: #000000; } .font-1-5 { font-size: 17px; line-height: 22px; color: #000000; } .font-1-6 { font-size: 17px; line-height: 23px; color: #000000; } #line-1-0 { left: 136px; top: 131px; } #line-1-1 { left: 147px; top: 103px; } #line-1-2 { left: 827px; top: 131px; } #line-1-3 { left: 136px; top: 162px; } #line-1-4 { left: 136px; top: 182px; } #line-1-5 { left: 136px; top: 198px; } #line-1-6 { left: 136px; top: 213px; } #line-1-7 { left: 136px; top: 229px; } #line-1-8 { left: 136px; top: 244px; } #line-1-9 { left: 136px; top: 260px; } #line-1-10 { left: 136px; top: 275px; } #line-1-11 { left: 835px; top: 291px; } #line-1-12 { left: 835px; top: 306px; } #line-1-13 { left: 835px; top: 322px; } #line-1-14 { left: 835px; top: 337px; } #line-1-15 { left: 835px; top: 353px; } #line-1-16 { left: 835px; top: 368px; } #line-1-17 { left: 835px; top: 384px; } #line-1-18 { left: 835px; top: 399px; } #line-1-19 { left: 835px; top: 415px; } #line-1-20 { left: 835px; top: 430px; } #line-1-21 { left: 835px; top: 446px; } #line-1-22 { left: 835px; top: 461px; } #line-1-23 { left: 835px; top: 477px; } #line-1-24 { left: 835px; top: 492px; } #line-1-25 { left: 835px; top: 507px; } #line-1-26 { left: 835px; top: 523px; } #line-1-27 { left: 835px; top: 538px; } #line-1-28 { left: 835px; top: 554px; } #line-1-29 { left: 835px; top: 569px; } #line-1-30 { left: 835px; top: 585px; } #line-1-31 { left: 835px; top: 600px; } #line-1-32 { left: 835px; top: 616px; } #line-1-33 { left: 835px; top: 631px; } #line-1-34 { left: 835px; top: 647px; } #line-1-35 { left: 835px; top: 662px; } #line-1-36 { left: 835px; top: 678px; } #line-1-37 { left: 835px; top: 693px; } #line-1-38 { left: 835px; top: 709px; } #line-1-39 { left: 835px; top: 724px; } #line-1-40 { left: 835px; top: 740px; } #line-1-41 { left: 835px; top: 755px; } #line-1-42 { left: 835px; top: 771px; } #line-1-43 { left: 835px; top: 786px; } #line-1-44 { left: 835px; top: 807px; } #line-1-45 { left: 136px; top: 829px; } #line-1-46 { left: 655px; top: 864px; } #line-1-47 { left: 136px; top: 891px; } #line-1-48 { left: 136px; top: 907px; } #line-1-49 { left: 136px; top: 922px; } #line-1-50 { left: 136px; top: 938px; } #line-1-51 { left: 136px; top: 953px; } #line-1-52 { left: 136px; top: 969px; } #line-1-53 { left: 136px; top: 984px; } #line-1-54 { left: 136px; top: 999px; } #line-1-55 { left: 136px; top: 1015px; } #line-1-56 { left: 136px; top: 1030px; } #line-1-57 { left: 136px; top: 1046px; } #line-1-58 { left: 136px; top: 1061px; } #line-1-59 { left: 136px; top: 1077px; } #line-1-60 { left: 136px; top: 1092px; } #line-1-61 { left: 136px; top: 1108px; } #line-1-62 { left: 136px; top: 1123px; } #line-1-63 { left: 136px; top: 1139px; } #line-1-64 { left: 136px; top: 1154px; } #line-1-65 { left: 136px; top: 1170px; } #line-1-66 { left: 136px; top: 1185px; } #line-1-67 { left: 136px; top: 1201px; } #line-1-68 { left: 136px; top: 1216px; } #line-1-69 { left: 136px; top: 1232px; } }       .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: 1349px; background: url('/manuals/ccyo/2b.png'); }
        .page-content[data-number="2"] p { position: absolute; padding: 0; }

        .font-2-0 { font-size: 10px; color: #000000; } .font-2-1 { font-size: 17px; color: #000000; } .font-2-2 { font-size: 17px; color: #000000; } .font-2-3 { font-size: 13px; color: #000000; } .font-2-4 { font-size: 13px; color: #000000; } .font-2-5 { font-size: 20px; color: #000000; } .font-2-6 { font-size: 15px; color: #000000; } .font-2-7 { font-size: 15px; color: #000000; } .font-2-8 { font-size: 20px; line-height: 32px; color: #000000; } .font-2-9 { font-size: 15px; line-height: 25px; color: #000000; } #line-2-0 { left: 136px; top: 90px; } #line-2-1 { left: 136px; top: 106px; } #line-2-2 { left: 139px; top: 116px; } #line-2-3 { left: 139px; top: 134px; } #line-2-4 { left: 139px; top: 151px; } #line-2-5 { left: 139px; top: 169px; } #line-2-6 { left: 139px; top: 186px; } #line-2-7 { left: 837px; top: 194px; } #line-2-8 { left: 137px; top: 221px; } #line-2-9 { left: 622px; top: 230px; } #line-2-10 { left: 141px; top: 250px; } #line-2-11 { left: 160px; top: 245px; } #line-2-12 { left: 141px; top: 262px; } #line-2-13 { left: 141px; top: 284px; } #line-2-14 { left: 160px; top: 279px; } #line-2-15 { left: 141px; top: 296px; } #line-2-16 { left: 141px; top: 313px; } #line-2-17 { left: 141px; top: 335px; } #line-2-18 { left: 160px; top: 330px; } #line-2-19 { left: 141px; top: 347px; } #line-2-20 { left: 141px; top: 364px; } #line-2-21 { left: 141px; top: 381px; } #line-2-22 { left: 141px; top: 403px; } #line-2-23 { left: 160px; top: 398px; } #line-2-24 { left: 136px; top: 420px; } #line-2-25 { left: 146px; top: 415px; } #line-2-26 { left: 136px; top: 432px; } #line-2-27 { left: 141px; top: 455px; } #line-2-28 { left: 160px; top: 449px; } #line-2-29 { left: 141px; top: 467px; } #line-2-30 { left: 141px; top: 489px; } #line-2-31 { left: 160px; top: 484px; } #line-2-32 { left: 141px; top: 501px; } #line-2-33 { left: 141px; top: 518px; } #line-2-34 { left: 141px; top: 540px; } #line-2-35 { left: 146px; top: 535px; } #line-2-36 { left: 141px; top: 557px; } #line-2-37 { left: 160px; top: 552px; } #line-2-38 { left: 141px; top: 569px; } #line-2-39 { left: 141px; top: 586px; } #line-2-40 { left: 140px; top: 619px; } #line-2-41 { left: 140px; top: 659px; } #line-2-42 { left: 140px; top: 679px; } #line-2-43 { left: 140px; top: 699px; } #line-2-44 { left: 136px; top: 725px; } #line-2-45 { left: 141px; top: 720px; } #line-2-46 { left: 136px; top: 740px; } #line-2-47 { left: 136px; top: 760px; } #line-2-48 { left: 136px; top: 781px; } #line-2-49 { left: 136px; top: 801px; } #line-2-50 { left: 136px; top: 823px; } #line-2-51 { left: 297px; top: 827px; } #line-2-52 { left: 136px; top: 847px; } #line-2-53 { left: 136px; top: 860px; } #line-2-54 { left: 136px; top: 917px; } #line-2-55 { left: 141px; top: 912px; } #line-2-56 { left: 136px; top: 932px; } #line-2-57 { left: 141px; top: 953px; } #line-2-58 { left: 136px; top: 973px; } #line-2-59 { left: 141px; top: 993px; } #line-2-60 { left: 136px; top: 1019px; } #line-2-61 { left: 141px; top: 1013px; } #line-2-62 { left: 136px; top: 1039px; } #line-2-63 { left: 141px; top: 1034px; } #line-2-64 { left: 136px; top: 1059px; } #line-2-65 { left: 141px; top: 1054px; } #line-2-66 { left: 136px; top: 1079px; } #line-2-67 { left: 141px; top: 1074px; } #line-2-68 { left: 136px; top: 1100px; } #line-2-69 { left: 136px; top: 1115px; } #line-2-70 { left: 136px; top: 1143px; } #line-2-71 { left: 141px; top: 1169px; } #line-2-72 { left: 149px; top: 1165px; } #line-2-73 { left: 141px; top: 1184px; } #line-2-74 { left: 149px; top: 1180px; } #line-2-75 { left: 141px; top: 1199px; } #line-2-76 { left: 149px; top: 1195px; } #line-2-77 { left: 141px; top: 1213px; } #line-2-78 { left: 149px; top: 1210px; } #line-2-79 { left: 136px; top: 1228px; } #line-2-80 { left: 147px; top: 1224px; } #line-2-81 { left: 136px; top: 1240px; } }       .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: 1349px; background: url('/manuals/ccyo/3b.png'); }
        .page-content[data-number="3"] p { position: absolute; padding: 0; }

        .font-3-0 { font-size: 15px; color: #000000; } .font-3-1 { font-size: 10px; color: #000000; } .font-3-2 { font-size: 20px; color: #000000; } .font-3-3 { font-size: 17px; color: #000000; } .font-3-4 { font-size: 17px; line-height: 27px; color: #000000; } .font-3-5 { font-size: 17px; line-height: 22px; color: #000000; } .font-3-6 { font-size: 20px; line-height: 25px; color: #000000; } .font-3-7 { font-size: 20px; line-height: 32px; color: #000000; } #line-3-0 { left: 136px; top: 94px; } #line-3-1 { left: 136px; top: 114px; } #line-3-2 { left: 140px; top: 139px; } #line-3-3 { left: 140px; top: 163px; } #line-3-4 { left: 140px; top: 182px; } #line-3-5 { left: 140px; top: 206px; } #line-3-6 { left: 136px; top: 228px; } #line-3-7 { left: 147px; top: 222px; } #line-3-8 { left: 136px; top: 250px; } #line-3-9 { left: 147px; top: 244px; } #line-3-10 { left: 136px; top: 266px; } #line-3-11 { left: 136px; top: 288px; } #line-3-12 { left: 136px; top: 311px; } #line-3-13 { left: 136px; top: 333px; } #line-3-14 { left: 136px; top: 355px; } #line-3-15 { left: 136px; top: 377px; } #line-3-16 { left: 136px; top: 516px; } #line-3-17 { left: 136px; top: 613px; } #line-3-18 { left: 459px; top: 670px; } #line-3-19 { left: 475px; top: 665px; } #line-3-20 { left: 459px; top: 692px; } #line-3-21 { left: 469px; top: 687px; } #line-3-22 { left: 459px; top: 709px; } #line-3-23 { left: 459px; top: 731px; } #line-3-24 { left: 459px; top: 753px; } #line-3-25 { left: 459px; top: 775px; } #line-3-26 { left: 475px; top: 797px; } #line-3-27 { left: 459px; top: 825px; } #line-3-28 { left: 475px; top: 819px; } #line-3-29 { left: 459px; top: 842px; } #line-3-30 { left: 459px; top: 864px; } #line-3-31 { left: 459px; top: 886px; } #line-3-32 { left: 475px; top: 908px; } #line-3-33 { left: 459px; top: 930px; } #line-3-34 { left: 486px; top: 952px; } #line-3-35 { left: 459px; top: 974px; } #line-3-36 { left: 459px; top: 996px; } #line-3-37 { left: 480px; top: 1019px; } #line-3-38 { left: 459px; top: 1046px; } #line-3-39 { left: 480px; top: 1041px; } #line-3-40 { left: 459px; top: 1068px; } #line-3-41 { left: 486px; top: 1063px; } #line-3-42 { left: 459px; top: 1091px; } #line-3-43 { left: 538px; top: 1085px; } #line-3-44 { left: 459px; top: 1107px; } #line-3-45 { left: 136px; top: 1135px; } #line-3-46 { left: 484px; top: 1129px; } #line-3-47 { left: 136px; top: 1157px; } #line-3-48 { left: 463px; top: 1151px; } #line-3-49 { left: 136px; top: 1179px; } #line-3-50 { left: 463px; top: 1173px; } #line-3-51 { left: 136px; top: 1201px; } #line-3-52 { left: 463px; top: 1195px; } #line-3-53 { left: 136px; top: 1223px; } }       .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: 1349px; background: url('/manuals/ccyo/4b.png'); }
        .page-content[data-number="4"] p { position: absolute; padding: 0; }

        .font-4-0 { font-size: 17px; color: #000000; } .font-4-1 { font-size: 20px; color: #000000; } .font-4-2 { font-size: 17px; color: #000000; } .font-4-3 { font-size: 17px; line-height: 22px; color: #000000; } .font-4-4 { font-size: 20px; line-height: 32px; color: #000000; } .font-4-5 { font-size: 17px; line-height: 27px; color: #000000; } #line-4-0 { left: 136px; top: 95px; } #line-4-1 { left: 136px; top: 133px; } #line-4-2 { left: 136px; top: 185px; } #line-4-3 { left: 136px; top: 207px; } #line-4-4 { left: 136px; top: 229px; } #line-4-5 { left: 136px; top: 274px; } #line-4-6 { left: 189px; top: 301px; } #line-4-7 { left: 302px; top: 323px; } #line-4-8 { left: 331px; top: 318px; } #line-4-9 { left: 302px; top: 346px; } #line-4-10 { left: 331px; top: 340px; } #line-4-11 { left: 302px; top: 368px; } #line-4-12 { left: 331px; top: 362px; } #line-4-13 { left: 302px; top: 390px; } #line-4-14 { left: 331px; top: 384px; } #line-4-15 { left: 302px; top: 412px; } #line-4-16 { left: 331px; top: 406px; } #line-4-17 { left: 189px; top: 434px; } #line-4-18 { left: 341px; top: 428px; } #line-4-19 { left: 189px; top: 456px; } #line-4-20 { left: 364px; top: 451px; } #line-4-21 { left: 189px; top: 478px; } #line-4-22 { left: 307px; top: 473px; } #line-4-23 { left: 189px; top: 500px; } #line-4-24 { left: 363px; top: 495px; } #line-4-25 { left: 189px; top: 523px; } #line-4-26 { left: 345px; top: 517px; } #line-4-27 { left: 189px; top: 545px; } #line-4-28 { left: 307px; top: 539px; } #line-4-29 { left: 189px; top: 567px; } #line-4-30 { left: 374px; top: 561px; } #line-4-31 { left: 189px; top: 589px; } #line-4-32 { left: 312px; top: 583px; } #line-4-33 { left: 189px; top: 611px; } #line-4-34 { left: 312px; top: 606px; } #line-4-35 { left: 302px; top: 633px; } #line-4-36 { left: 337px; top: 628px; } #line-4-37 { left: 189px; top: 655px; } #line-4-38 { left: 317px; top: 650px; } #line-4-39 { left: 302px; top: 678px; } #line-4-40 { left: 353px; top: 672px; } #line-4-41 { left: 238px; top: 700px; } #line-4-42 { left: 358px; top: 694px; } #line-4-43 { left: 302px; top: 722px; } #line-4-44 { left: 331px; top: 716px; } #line-4-45 { left: 302px; top: 744px; } #line-4-46 { left: 423px; top: 738px; } #line-4-47 { left: 302px; top: 766px; } #line-4-48 { left: 422px; top: 760px; } #line-4-49 { left: 302px; top: 788px; } #line-4-50 { left: 422px; top: 783px; } #line-4-51 { left: 302px; top: 810px; } #line-4-52 { left: 423px; top: 805px; } #line-4-53 { left: 189px; top: 832px; } #line-4-54 { left: 424px; top: 827px; } #line-4-55 { left: 302px; top: 854px; } #line-4-56 { left: 484px; top: 849px; } #line-4-57 { left: 331px; top: 871px; } #line-4-58 { left: 302px; top: 899px; } #line-4-59 { left: 435px; top: 893px; } #line-4-60 { left: 189px; top: 921px; } #line-4-61 { left: 429px; top: 915px; } #line-4-62 { left: 302px; top: 943px; } #line-4-63 { left: 419px; top: 937px; } #line-4-64 { left: 189px; top: 965px; } }