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

        .font-1-0 { font-size: 18px; color: #231f20; } .font-1-1 { font-size: 20px; color: #ffffff; -moz-transform:  matrix( 0, -1, 1.0000100403, 0, 0, 0); -webkit-transform:  matrix( 0, -1, 1.0000100403, 0, 0, 0); -o-transform:  matrix( 0, -1, 1.0000100403, 0, 0, 0); -ms-transform:  matrix( 0, -1, 1.0000100403, 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-2 { font-size: 20px; color: #231f20; } .font-1-3 { font-size: 13px; color: #231f20; } .font-1-4 { font-size: 11px; color: #231f20; } .font-1-5 { font-size: 11px; color: #231f20; } .font-1-6 { font-size: 9px; color: #231f20; } .font-1-7 { font-size: 24px; color: #231f20; } .font-1-8 { font-size: 7px; color: #0f0f0f; } .font-1-9 { font-size: -1px; color: #0d0f0e; } .font-1-10 { font-size: 11px; line-height: 15px; color: #231f20; } .font-1-11 { font-size: 11px; line-height: 15px; color: #231f20; } .font-1-12 { font-size: 9px; line-height: 13px; color: #231f20; } #line-1-0 { left: 136px; top: 76px; } #line-1-1 { left: 56px; top: 209px; } #line-1-2 { left: 56px; top: 184px; } #line-1-3 { left: 156px; top: 135px; } #line-1-4 { left: 156px; top: 164px; } #line-1-5 { left: 156px; top: 182px; } #line-1-6 { left: 196px; top: 198px; } #line-1-7 { left: 236px; top: 213px; } #line-1-8 { left: 196px; top: 229px; } #line-1-9 { left: 236px; top: 229px; } #line-1-10 { left: 156px; top: 244px; } #line-1-11 { left: 196px; top: 244px; } #line-1-12 { left: 156px; top: 276px; } #line-1-13 { left: 196px; top: 276px; } #line-1-14 { left: 156px; top: 307px; } #line-1-15 { left: 196px; top: 307px; } #line-1-16 { left: 156px; top: 354px; } #line-1-17 { left: 196px; top: 354px; } #line-1-18 { left: 156px; top: 400px; } #line-1-19 { left: 196px; top: 400px; } #line-1-20 { left: 236px; top: 432px; } #line-1-21 { left: 196px; top: 447px; } #line-1-22 { left: 236px; top: 447px; } #line-1-23 { left: 196px; top: 463px; } #line-1-24 { left: 236px; top: 463px; } #line-1-25 { left: 156px; top: 482px; } #line-1-26 { left: 156px; top: 688px; } #line-1-27 { left: 156px; top: 706px; } #line-1-28 { left: 196px; top: 706px; } #line-1-29 { left: 156px; top: 722px; } #line-1-30 { left: 196px; top: 722px; } #line-1-31 { left: 156px; top: 737px; } #line-1-32 { left: 196px; top: 737px; } #line-1-33 { left: 156px; top: 793px; } #line-1-34 { left: 156px; top: 811px; } #line-1-35 { left: 196px; top: 811px; } #line-1-36 { left: 156px; top: 842px; } #line-1-37 { left: 196px; top: 842px; } #line-1-38 { left: 156px; top: 920px; } #line-1-39 { left: 196px; top: 920px; } #line-1-40 { left: 156px; top: 967px; } #line-1-41 { left: 196px; top: 967px; } #line-1-42 { left: 156px; top: 998px; } #line-1-43 { left: 196px; top: 998px; } #line-1-44 { left: 156px; top: 1031px; } #line-1-45 { left: 159px; top: 539px; } #line-1-46 { left: 253px; top: 531px; } #line-1-47 { left: 348px; top: 523px; } #line-1-48 { left: 442px; top: 539px; } #line-1-49 { left: 537px; top: 507px; } #line-1-50 { left: 631px; top: 523px; } #line-1-51 { left: 726px; top: 531px; } #line-1-52 { left: 163px; top: 1059px; } #line-1-53 { left: 216px; top: 1059px; } #line-1-54 { left: 322px; top: 1059px; } #line-1-55 { left: 587px; top: 1059px; } #line-1-56 { left: 322px; top: 1072px; } #line-1-57 { left: 580px; top: 1072px; } #line-1-58 { left: 322px; top: 1086px; } #line-1-59 { left: 163px; top: 1110px; } #line-1-60 { left: 216px; top: 1110px; } #line-1-61 { left: 322px; top: 1110px; } #line-1-62 { left: 600px; top: 1110px; } #line-1-63 { left: 322px; top: 1124px; } #line-1-64 { left: 163px; top: 1162px; } #line-1-65 { left: 216px; top: 1162px; } #line-1-66 { left: 322px; top: 1162px; } #line-1-67 { left: 216px; top: 1199px; } #line-1-68 { left: 322px; top: 1199px; } #line-1-69 { left: 263px; top: 555px; } #line-1-70 { left: 263px; top: 603px; } #line-1-71 { left: 263px; top: 652px; } #line-1-72 { left: 263px; top: 748px; } #line-1-73 { left: 629px; top: 919px; } #line-1-74 { left: 749px; top: 928px; } #line-1-75 { left: 722px; top: 1012px; } #line-1-76 { left: 749px; top: 944px; } #line-1-77 { left: 700px; top: 1012px; } #line-1-78 { left: 658px; top: 1012px; } #line-1-79 { left: 706px; top: 892px; } }       .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: 1364px; background: url('/manuals/daiy/2b.png'); }
        .page-content[data-number="2"] p { position: absolute; padding: 0; }

        .font-2-0 { font-size: 18px; color: #231f20; } .font-2-1 { font-size: 13px; color: #231f20; } .font-2-2 { font-size: 11px; color: #231f20; } .font-2-3 { font-size: 20px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.0000100403, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.0000100403, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.0000100403, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.0000100403, 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-4 { font-size: 11px; color: #000000; } .font-2-5 { font-size: 11px; color: #000000; } .font-2-6 { font-size: 11px; line-height: 15px; color: #231f20; } .font-2-7 { font-size: 20px; line-height: 25px; color: #ffffff; -moz-transform:  matrix( 0, 1, -1.0000100403, 0, 0, 0); -webkit-transform:  matrix( 0, 1, -1.0000100403, 0, 0, 0); -o-transform:  matrix( 0, 1, -1.0000100403, 0, 0, 0); -ms-transform:  matrix( 0, 1, -1.0000100403, 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-8 { font-size: 11px; line-height: 16px; color: #000000; } #line-2-0 { left: 807px; top: 76px; } #line-2-1 { left: 136px; top: 248px; } #line-2-2 { left: 136px; top: 267px; } #line-2-3 { left: 136px; top: 309px; } #line-2-4 { left: 229px; top: 327px; } #line-2-5 { left: 136px; top: 451px; } #line-2-6 { left: 136px; top: 465px; } #line-2-7 { left: 262px; top: 483px; } #line-2-8 { left: 136px; top: 623px; } #line-2-9 { left: 646px; top: 622px; } #line-2-10 { left: 898px; top: 128px; } #line-2-11 { left: 136px; top: 145px; } #line-2-12 { left: 230px; top: 143px; } #line-2-13 { left: 394px; top: 161px; } #line-2-14 { left: 364px; top: 183px; } #line-2-15 { left: 394px; top: 183px; } }