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

        .font-1-0 { font-size: 17px; color: #231f20; } .font-1-1 { font-size: 41px; color: #231f20; } .font-1-2 { font-size: 17px; color: #231f20; } .font-1-3 { font-size: 5px; color: #000000; } #line-1-0 { left: 205px; top: 183px; } #line-1-1 { left: 205px; top: 210px; } #line-1-2 { left: 205px; top: 260px; } #line-1-3 { left: 205px; top: 287px; } #line-1-4 { left: 203px; top: 528px; } #line-1-5 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/2b.png'); }
        .page-content[data-number="2"] p { position: absolute; padding: 0; }

        .font-2-0 { font-size: 7px; color: #ffffff; } .font-2-1 { font-size: 5px; color: #231f20; } .font-2-2 { font-size: 8px; color: #ffffff; } .font-2-3 { font-size: 8px; color: #231f20; } .font-2-4 { font-size: 7px; color: #231f20; } .font-2-5 { font-size: 5px; color: #000000; } .font-2-6 { font-size: 7px; line-height: 10px; color: #231f20; } #line-2-0 { left: 800px; top: 121px; } #line-2-1 { left: 795px; top: 133px; } #line-2-2 { left: 790px; top: 144px; } #line-2-3 { left: 165px; top: 148px; } #line-2-4 { left: 165px; top: 160px; } #line-2-5 { left: 165px; top: 214px; } #line-2-6 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/3b.png'); }
        .page-content[data-number="3"] p { position: absolute; padding: 0; }

        .font-3-0 { font-size: 8px; color: #ffffff; } .font-3-1 { font-size: 7px; color: #ffffff; } .font-3-2 { font-size: 5px; color: #231f20; } .font-3-3 { font-size: 9px; color: #231f20; } .font-3-4 { font-size: 7px; color: #231f20; } .font-3-5 { font-size: 5px; color: #000000; } .font-3-6 { font-size: 7px; line-height: 10px; color: #231f20; } #line-3-0 { left: 790px; top: 475px; } #line-3-1 { left: 800px; top: 545px; } #line-3-2 { left: 795px; top: 557px; } #line-3-3 { left: 172px; top: 395px; } #line-3-4 { left: 172px; top: 409px; } #line-3-5 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/4b.png'); }
        .page-content[data-number="4"] p { position: absolute; padding: 0; }

        .font-4-0 { font-size: 7px; color: #ffffff; } .font-4-1 { font-size: 5px; color: #231f20; } .font-4-2 { font-size: 8px; color: #ffffff; } .font-4-3 { font-size: 9px; color: #231f20; } .font-4-4 { font-size: 5px; color: #231f20; } .font-4-5 { font-size: 11px; color: #231f20; } .font-4-6 { font-size: 7px; color: #231f20; } .font-4-7 { font-size: 5px; color: #231f20; } .font-4-8 { font-size: 5px; color: #000000; } .font-4-9 { font-size: 5px; line-height: 7px; color: #231f20; } .font-4-10 { font-size: 5px; line-height: 9px; color: #231f20; } .font-4-11 { font-size: 7px; line-height: 9px; color: #231f20; } #line-4-0 { left: 800px; top: 121px; } #line-4-1 { left: 795px; top: 133px; } #line-4-2 { left: 790px; top: 148px; } #line-4-3 { left: 165px; top: 131px; } #line-4-4 { left: 165px; top: 143px; } #line-4-5 { left: 165px; top: 174px; } #line-4-6 { left: 165px; top: 201px; } #line-4-7 { left: 165px; top: 213px; } #line-4-8 { left: 208px; top: 213px; } #line-4-9 { left: 165px; top: 222px; } #line-4-10 { left: 204px; top: 231px; } #line-4-11 { left: 165px; top: 241px; } #line-4-12 { left: 279px; top: 240px; } #line-4-13 { left: 172px; top: 250px; } #line-4-14 { left: 265px; top: 249px; } #line-4-15 { left: 172px; top: 259px; } #line-4-16 { left: 270px; top: 258px; } #line-4-17 { left: 172px; top: 268px; } #line-4-18 { left: 182px; top: 276px; } #line-4-19 { left: 172px; top: 286px; } #line-4-20 { left: 228px; top: 286px; } #line-4-21 { left: 172px; top: 295px; } #line-4-22 { left: 285px; top: 295px; } #line-4-23 { left: 172px; top: 304px; } #line-4-24 { left: 254px; top: 304px; } #line-4-25 { left: 165px; top: 324px; } #line-4-26 { left: 165px; top: 336px; } #line-4-27 { left: 221px; top: 335px; } #line-4-28 { left: 165px; top: 345px; } #line-4-29 { left: 195px; top: 344px; } #line-4-30 { left: 165px; top: 354px; } #line-4-31 { left: 276px; top: 353px; } #line-4-32 { left: 165px; top: 374px; } #line-4-33 { left: 165px; top: 386px; } #line-4-34 { left: 241px; top: 385px; } #line-4-35 { left: 172px; top: 395px; } #line-4-36 { left: 226px; top: 394px; } #line-4-37 { left: 172px; top: 404px; } #line-4-38 { left: 215px; top: 421px; } #line-4-39 { left: 165px; top: 431px; } #line-4-40 { left: 250px; top: 440px; } #line-4-41 { left: 165px; top: 449px; } #line-4-42 { left: 281px; top: 449px; } #line-4-43 { left: 165px; top: 458px; } #line-4-44 { left: 248px; top: 458px; } #line-4-45 { left: 172px; top: 467px; } #line-4-46 { left: 235px; top: 476px; } #line-4-47 { left: 172px; top: 485px; } #line-4-48 { left: 190px; top: 494px; } #line-4-49 { left: 172px; top: 503px; } #line-4-50 { left: 250px; top: 503px; } #line-4-51 { left: 172px; top: 513px; } #line-4-52 { left: 261px; top: 521px; } #line-4-53 { left: 165px; top: 531px; } #line-4-54 { left: 265px; top: 530px; } #line-4-55 { left: 328px; top: 202px; } #line-4-56 { left: 373px; top: 211px; } #line-4-57 { left: 328px; top: 220px; } #line-4-58 { left: 413px; top: 220px; } #line-4-59 { left: 328px; top: 229px; } #line-4-60 { left: 373px; top: 238px; } #line-4-61 { left: 321px; top: 247px; } #line-4-62 { left: 435px; top: 247px; } #line-4-63 { left: 321px; top: 267px; } #line-4-64 { left: 321px; top: 297px; } #line-4-65 { left: 373px; top: 305px; } #line-4-66 { left: 321px; top: 315px; } #line-4-67 { left: 439px; top: 323px; } #line-4-68 { left: 328px; top: 333px; } #line-4-69 { left: 347px; top: 342px; } #line-4-70 { left: 321px; top: 351px; } #line-4-71 { left: 347px; top: 360px; } #line-4-72 { left: 321px; top: 369px; } #line-4-73 { left: 358px; top: 378px; } #line-4-74 { left: 321px; top: 387px; } #line-4-75 { left: 439px; top: 396px; } #line-4-76 { left: 328px; top: 405px; } #line-4-77 { left: 358px; top: 423px; } #line-4-78 { left: 321px; top: 433px; } #line-4-79 { left: 380px; top: 432px; } #line-4-80 { left: 321px; top: 442px; } #line-4-81 { left: 387px; top: 459px; } #line-4-82 { left: 321px; top: 469px; } #line-4-83 { left: 384px; top: 478px; } #line-4-84 { left: 321px; top: 487px; } #line-4-85 { left: 342px; top: 496px; } #line-4-86 { left: 321px; top: 505px; } #line-4-87 { left: 400px; top: 505px; } #line-4-88 { left: 321px; top: 514px; } #line-4-89 { left: 382px; top: 514px; } #line-4-90 { left: 483px; top: 130px; } #line-4-91 { left: 483px; top: 142px; } #line-4-92 { left: 514px; top: 142px; } #line-4-93 { left: 483px; top: 151px; } #line-4-94 { left: 556px; top: 169px; } #line-4-95 { left: 483px; top: 178px; } #line-4-96 { left: 554px; top: 178px; } #line-4-97 { left: 483px; top: 187px; } #line-4-98 { left: 585px; top: 187px; } #line-4-99 { left: 483px; top: 196px; } #line-4-100 { left: 563px; top: 196px; } #line-4-101 { left: 483px; top: 205px; } #line-4-102 { left: 541px; top: 214px; } #line-4-103 { left: 483px; top: 224px; } #line-4-104 { left: 576px; top: 223px; } #line-4-105 { left: 490px; top: 233px; } #line-4-106 { left: 510px; top: 241px; } #line-4-107 { left: 490px; top: 251px; } #line-4-108 { left: 514px; top: 259px; } #line-4-109 { left: 483px; top: 269px; } #line-4-110 { left: 550px; top: 278px; } #line-4-111 { left: 490px; top: 287px; } #line-4-112 { left: 510px; top: 296px; } #line-4-113 { left: 483px; top: 305px; } #line-4-114 { left: 572px; top: 305px; } #line-4-115 { left: 490px; top: 314px; } #line-4-116 { left: 510px; top: 323px; } #line-4-117 { left: 490px; top: 332px; } #line-4-118 { left: 514px; top: 341px; } #line-4-119 { left: 490px; top: 350px; } #line-4-120 { left: 578px; top: 350px; } #line-4-121 { left: 483px; top: 360px; } #line-4-122 { left: 534px; top: 359px; } #line-4-123 { left: 483px; top: 369px; } #line-4-124 { left: 539px; top: 368px; } #line-4-125 { left: 483px; top: 378px; } #line-4-126 { left: 519px; top: 386px; } #line-4-127 { left: 483px; top: 396px; } #line-4-128 { left: 530px; top: 404px; } #line-4-129 { left: 483px; top: 414px; } #line-4-130 { left: 519px; top: 423px; } #line-4-131 { left: 483px; top: 432px; } #line-4-132 { left: 567px; top: 432px; } #line-4-133 { left: 483px; top: 441px; } #line-4-134 { left: 558px; top: 441px; } #line-4-135 { left: 483px; top: 450px; } #line-4-136 { left: 596px; top: 450px; } #line-4-137 { left: 490px; top: 459px; } #line-4-138 { left: 585px; top: 459px; } #line-4-139 { left: 490px; top: 468px; } #line-4-140 { left: 514px; top: 477px; } #line-4-141 { left: 639px; top: 130px; } #line-4-142 { left: 639px; top: 142px; } #line-4-143 { left: 752px; top: 142px; } #line-4-144 { left: 639px; top: 151px; } #line-4-145 { left: 658px; top: 178px; } #line-4-146 { left: 639px; top: 187px; } #line-4-147 { left: 724px; top: 187px; } #line-4-148 { left: 639px; top: 207px; } #line-4-149 { left: 639px; top: 227px; } #line-4-150 { left: 708px; top: 227px; } #line-4-151 { left: 646px; top: 236px; } #line-4-152 { left: 750px; top: 236px; } #line-4-153 { left: 646px; top: 245px; } #line-4-154 { left: 715px; top: 245px; } #line-4-155 { left: 639px; top: 265px; } #line-4-156 { left: 639px; top: 277px; } #line-4-157 { left: 750px; top: 276px; } #line-4-158 { left: 646px; top: 286px; } #line-4-159 { left: 693px; top: 295px; } #line-4-160 { left: 639px; top: 304px; } #line-4-161 { left: 741px; top: 304px; } #line-4-162 { left: 639px; top: 324px; } #line-4-163 { left: 639px; top: 336px; } #line-4-164 { left: 741px; top: 335px; } #line-4-165 { left: 646px; top: 345px; } #line-4-166 { left: 673px; top: 353px; } #line-4-167 { left: 646px; top: 363px; } #line-4-168 { left: 735px; top: 363px; } #line-4-169 { left: 639px; top: 383px; } #line-4-170 { left: 639px; top: 403px; } #line-4-171 { left: 704px; top: 411px; } #line-4-172 { left: 646px; top: 421px; } #line-4-173 { left: 737px; top: 429px; } #line-4-174 { left: 639px; top: 449px; } #line-4-175 { left: 639px; top: 469px; } #line-4-176 { left: 715px; top: 478px; } #line-4-177 { left: 639px; top: 488px; } #line-4-178 { left: 691px; top: 496px; } #line-4-179 { left: 646px; top: 506px; } #line-4-180 { left: 715px; top: 505px; } #line-4-181 { left: 646px; top: 515px; } #line-4-182 { left: 684px; top: 523px; } #line-4-183 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/5b.png'); }
        .page-content[data-number="5"] p { position: absolute; padding: 0; }

        .font-5-0 { font-size: 8px; color: #ffffff; } .font-5-1 { font-size: 7px; color: #ffffff; } .font-5-2 { font-size: 5px; color: #231f20; } .font-5-3 { font-size: 5px; color: #231f20; } .font-5-4 { font-size: 5px; color: #231f20; } .font-5-5 { font-size: 7px; color: #231f20; } .font-5-6 { font-size: 5px; color: #000000; } .font-5-7 { font-size: 5px; line-height: 9px; color: #231f20; } #line-5-0 { left: 790px; top: 479px; } #line-5-1 { left: 800px; top: 545px; } #line-5-2 { left: 795px; top: 557px; } #line-5-3 { left: 165px; top: 131px; } #line-5-4 { left: 276px; top: 130px; } #line-5-5 { left: 172px; top: 140px; } #line-5-6 { left: 204px; top: 148px; } #line-5-7 { left: 172px; top: 158px; } #line-5-8 { left: 281px; top: 157px; } #line-5-9 { left: 172px; top: 167px; } #line-5-10 { left: 210px; top: 176px; } #line-5-11 { left: 172px; top: 185px; } #line-5-12 { left: 208px; top: 194px; } #line-5-13 { left: 165px; top: 203px; } #line-5-14 { left: 281px; top: 203px; } #line-5-15 { left: 172px; top: 212px; } #line-5-16 { left: 201px; top: 221px; } #line-5-17 { left: 172px; top: 230px; } #line-5-18 { left: 201px; top: 239px; } #line-5-19 { left: 172px; top: 249px; } #line-5-20 { left: 201px; top: 257px; } #line-5-21 { left: 165px; top: 267px; } #line-5-22 { left: 257px; top: 266px; } #line-5-23 { left: 172px; top: 276px; } #line-5-24 { left: 193px; top: 284px; } #line-5-25 { left: 165px; top: 294px; } #line-5-26 { left: 208px; top: 303px; } #line-5-27 { left: 165px; top: 323px; } #line-5-28 { left: 165px; top: 335px; } #line-5-29 { left: 263px; top: 334px; } #line-5-30 { left: 165px; top: 344px; } #line-5-31 { left: 204px; top: 352px; } #line-5-32 { left: 172px; top: 362px; } #line-5-33 { left: 237px; top: 370px; } #line-5-34 { left: 172px; top: 380px; } #line-5-35 { left: 219px; top: 380px; } #line-5-36 { left: 165px; top: 389px; } #line-5-37 { left: 201px; top: 398px; } #line-5-38 { left: 172px; top: 407px; } #line-5-39 { left: 270px; top: 416px; } #line-5-40 { left: 165px; top: 436px; } #line-5-41 { left: 165px; top: 448px; } #line-5-42 { left: 281px; top: 448px; } #line-5-43 { left: 165px; top: 457px; } #line-5-44 { left: 272px; top: 457px; } #line-5-45 { left: 165px; top: 466px; } #line-5-46 { left: 195px; top: 475px; } #line-5-47 { left: 165px; top: 484px; } #line-5-48 { left: 272px; top: 484px; } #line-5-49 { left: 165px; top: 493px; } #line-5-50 { left: 281px; top: 502px; } #line-5-51 { left: 165px; top: 511px; } #line-5-52 { left: 250px; top: 511px; } #line-5-53 { left: 321px; top: 131px; } #line-5-54 { left: 338px; top: 139px; } #line-5-55 { left: 328px; top: 149px; } #line-5-56 { left: 415px; top: 148px; } #line-5-57 { left: 328px; top: 158px; } #line-5-58 { left: 417px; top: 157px; } #line-5-59 { left: 328px; top: 167px; } #line-5-60 { left: 400px; top: 167px; } #line-5-61 { left: 328px; top: 176px; } #line-5-62 { left: 384px; top: 176px; } #line-5-63 { left: 328px; top: 185px; } #line-5-64 { left: 371px; top: 194px; } #line-5-65 { left: 321px; top: 203px; } #line-5-66 { left: 349px; top: 212px; } #line-5-67 { left: 328px; top: 221px; } #line-5-68 { left: 395px; top: 221px; } #line-5-69 { left: 328px; top: 230px; } #line-5-70 { left: 420px; top: 230px; } #line-5-71 { left: 328px; top: 239px; } #line-5-72 { left: 373px; top: 248px; } #line-5-73 { left: 328px; top: 258px; } #line-5-74 { left: 356px; top: 266px; } #line-5-75 { left: 328px; top: 276px; } #line-5-76 { left: 426px; top: 284px; } #line-5-77 { left: 321px; top: 294px; } #line-5-78 { left: 395px; top: 293px; } #line-5-79 { left: 328px; top: 303px; } #line-5-80 { left: 360px; top: 303px; } #line-5-81 { left: 328px; top: 312px; } #line-5-82 { left: 437px; top: 312px; } #line-5-83 { left: 328px; top: 321px; } #line-5-84 { left: 402px; top: 321px; } #line-5-85 { left: 328px; top: 330px; } #line-5-86 { left: 349px; top: 330px; } #line-5-87 { left: 328px; top: 339px; } #line-5-88 { left: 404px; top: 339px; } #line-5-89 { left: 321px; top: 348px; } #line-5-90 { left: 439px; top: 348px; } #line-5-91 { left: 328px; top: 357px; } #line-5-92 { left: 369px; top: 366px; } #line-5-93 { left: 328px; top: 375px; } #line-5-94 { left: 369px; top: 384px; } #line-5-95 { left: 321px; top: 394px; } #line-5-96 { left: 365px; top: 402px; } #line-5-97 { left: 321px; top: 412px; } #line-5-98 { left: 398px; top: 411px; } #line-5-99 { left: 321px; top: 421px; } #line-5-100 { left: 393px; top: 420px; } #line-5-101 { left: 321px; top: 430px; } #line-5-102 { left: 340px; top: 438px; } #line-5-103 { left: 321px; top: 448px; } #line-5-104 { left: 356px; top: 448px; } #line-5-105 { left: 321px; top: 477px; } #line-5-106 { left: 321px; top: 489px; } #line-5-107 { left: 354px; top: 497px; } #line-5-108 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/6b.png'); }
        .page-content[data-number="6"] p { position: absolute; padding: 0; }

        .font-6-0 { font-size: 7px; color: #231f20; } .font-6-1 { font-size: 7px; color: #ffffff; } .font-6-2 { font-size: 5px; color: #231f20; } .font-6-3 { font-size: 8px; color: #ffffff; } .font-6-4 { font-size: 11px; color: #231f20; } .font-6-5 { font-size: 8px; color: #231f20; } .font-6-6 { font-size: 5px; color: #231f20; } .font-6-7 { font-size: 5px; color: #231f20; } .font-6-8 { font-size: 4px; color: #231f20; } .font-6-9 { font-size: 7px; color: #231f20; } .font-6-10 { font-size: 5px; color: #231f20; } .font-6-11 { font-size: 5px; color: #231f20; } .font-6-12 { font-size: 4px; color: #231f20; } .font-6-13 { font-size: 4px; color: #231f20; } .font-6-14 { font-size: 5px; color: #000000; } .font-6-15 { font-size: 5px; line-height: 8px; color: #231f20; } .font-6-16 { font-size: 5px; line-height: 7px; color: #231f20; } .font-6-17 { font-size: 5px; line-height: 10px; color: #231f20; } .font-6-18 { font-size: 5px; line-height: 8px; color: #231f20; } .font-6-19 { font-size: 5px; line-height: 8px; color: #231f20; } .font-6-20 { font-size: 5px; line-height: 7px; color: #231f20; } .font-6-21 { font-size: 5px; line-height: 9px; color: #231f20; } #line-6-0 { left: 175px; top: 120px; } #line-6-1 { left: 800px; top: 121px; } #line-6-2 { left: 795px; top: 133px; } #line-6-3 { left: 790px; top: 144px; } #line-6-4 { left: 165px; top: 146px; } #line-6-5 { left: 165px; top: 157px; } #line-6-6 { left: 165px; top: 182px; } #line-6-7 { left: 165px; top: 202px; } #line-6-8 { left: 165px; top: 239px; } #line-6-9 { left: 245px; top: 247px; } #line-6-10 { left: 250px; top: 249px; } #line-6-11 { left: 272px; top: 247px; } #line-6-12 { left: 278px; top: 272px; } #line-6-13 { left: 315px; top: 272px; } #line-6-14 { left: 165px; top: 281px; } #line-6-15 { left: 165px; top: 325px; } #line-6-16 { left: 165px; top: 362px; } #line-6-17 { left: 165px; top: 391px; } #line-6-18 { left: 165px; top: 421px; } #line-6-19 { left: 165px; top: 446px; } #line-6-20 { left: 182px; top: 446px; } #line-6-21 { left: 165px; top: 454px; } #line-6-22 { left: 182px; top: 462px; } #line-6-23 { left: 165px; top: 470px; } #line-6-24 { left: 165px; top: 485px; } #line-6-25 { left: 165px; top: 498px; } #line-6-26 { left: 483px; top: 147px; } #line-6-27 { left: 483px; top: 253px; } #line-6-28 { left: 483px; top: 266px; } #line-6-29 { left: 490px; top: 405px; } #line-6-30 { left: 508px; top: 415px; } #line-6-31 { left: 483px; top: 425px; } #line-6-32 { left: 483px; top: 497px; } #line-6-33 { left: 490px; top: 522px; } #line-6-34 { left: 496px; top: 529px; } #line-6-35 { left: 581px; top: 306px; } #line-6-36 { left: 620px; top: 306px; } #line-6-37 { left: 651px; top: 306px; } #line-6-38 { left: 600px; top: 349px; } #line-6-39 { left: 614px; top: 395px; } #line-6-40 { left: 566px; top: 349px; } #line-6-41 { left: 639px; top: 349px; } #line-6-42 { left: 671px; top: 349px; } #line-6-43 { left: 603px; top: 471px; } #line-6-44 { left: 611px; top: 476px; } #line-6-45 { left: 595px; top: 488px; } #line-6-46 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/7b.png'); }
        .page-content[data-number="7"] p { position: absolute; padding: 0; }

        .font-7-0 { font-size: 7px; color: #231f20; } .font-7-1 { font-size: 8px; color: #ffffff; } .font-7-2 { font-size: 7px; color: #ffffff; } .font-7-3 { font-size: 5px; color: #231f20; } .font-7-4 { font-size: 5px; color: #231f20; } .font-7-5 { font-size: 5px; color: #231f20; } .font-7-6 { font-size: 5px; color: #231f20; } .font-7-7 { font-size: 5px; color: #000000; } .font-7-8 { font-size: 5px; line-height: 7px; color: #231f20; } .font-7-9 { font-size: 5px; line-height: 8px; color: #231f20; } .font-7-10 { font-size: 5px; line-height: 7px; color: #231f20; } .font-7-11 { font-size: 5px; line-height: 6px; color: #231f20; } .font-7-12 { font-size: 5px; line-height: 7px; color: #231f20; } #line-7-0 { left: 175px; top: 120px; } #line-7-1 { left: 790px; top: 475px; } #line-7-2 { left: 800px; top: 545px; } #line-7-3 { left: 795px; top: 557px; } #line-7-4 { left: 165px; top: 147px; } #line-7-5 { left: 165px; top: 197px; } #line-7-6 { left: 172px; top: 209px; } #line-7-7 { left: 178px; top: 216px; } #line-7-8 { left: 172px; top: 240px; } #line-7-9 { left: 178px; top: 256px; } #line-7-10 { left: 165px; top: 269px; } #line-7-11 { left: 172px; top: 281px; } #line-7-12 { left: 178px; top: 288px; } #line-7-13 { left: 172px; top: 297px; } #line-7-14 { left: 178px; top: 304px; } #line-7-15 { left: 172px; top: 313px; } #line-7-16 { left: 437px; top: 312px; } #line-7-17 { left: 178px; top: 320px; } #line-7-18 { left: 172px; top: 329px; } #line-7-19 { left: 178px; top: 336px; } #line-7-20 { left: 172px; top: 352px; } #line-7-21 { left: 165px; top: 374px; } #line-7-22 { left: 172px; top: 386px; } #line-7-23 { left: 178px; top: 393px; } #line-7-24 { left: 172px; top: 424px; } #line-7-25 { left: 178px; top: 431px; } #line-7-26 { left: 165px; top: 445px; } #line-7-27 { left: 483px; top: 147px; } #line-7-28 { left: 483px; top: 214px; } #line-7-29 { left: 490px; top: 226px; } #line-7-30 { left: 496px; top: 233px; } #line-7-31 { left: 500px; top: 262px; } #line-7-32 { left: 490px; top: 271px; } #line-7-33 { left: 496px; top: 279px; } #line-7-34 { left: 490px; top: 295px; } #line-7-35 { left: 496px; top: 302px; } #line-7-36 { left: 490px; top: 318px; } #line-7-37 { left: 496px; top: 325px; } #line-7-38 { left: 490px; top: 334px; } #line-7-39 { left: 496px; top: 341px; } #line-7-40 { left: 757px; top: 341px; } #line-7-41 { left: 496px; top: 348px; } #line-7-42 { left: 490px; top: 364px; } #line-7-43 { left: 496px; top: 372px; } #line-7-44 { left: 490px; top: 388px; } #line-7-45 { left: 496px; top: 395px; } #line-7-46 { left: 490px; top: 418px; } #line-7-47 { left: 496px; top: 425px; } #line-7-48 { left: 490px; top: 434px; } #line-7-49 { left: 496px; top: 441px; } #line-7-50 { left: 490px; top: 465px; } #line-7-51 { left: 496px; top: 472px; } #line-7-52 { left: 490px; top: 503px; } #line-7-53 { left: 496px; top: 518px; } #line-7-54 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/8b.png'); }
        .page-content[data-number="8"] p { position: absolute; padding: 0; }

        .font-8-0 { font-size: 7px; color: #231f20; } .font-8-1 { font-size: 7px; color: #ffffff; } .font-8-2 { font-size: 5px; color: #231f20; } .font-8-3 { font-size: 8px; color: #ffffff; } .font-8-4 { font-size: 5px; color: #231f20; } .font-8-5 { font-size: 5px; color: #231f20; } .font-8-6 { font-size: 11px; color: #231f20; } .font-8-7 { font-size: 8px; color: #231f20; } .font-8-8 { font-size: 5px; color: #231f20; } .font-8-9 { font-size: 5px; color: #231f20; } .font-8-10 { font-size: -1px; color: #231f20; } .font-8-11 { font-size: -1px; color: #231f20; } .font-8-12 { font-size: 3px; color: #ffffff; } .font-8-13 { font-size: 5px; color: #000000; } .font-8-14 { font-size: 5px; line-height: 7px; color: #231f20; } .font-8-15 { font-size: 5px; line-height: 9px; color: #231f20; } .font-8-16 { font-size: 5px; line-height: 9px; color: #231f20; } .font-8-17 { font-size: 5px; line-height: 10px; color: #231f20; } #line-8-0 { left: 175px; top: 120px; } #line-8-1 { left: 800px; top: 121px; } #line-8-2 { left: 795px; top: 133px; } #line-8-3 { left: 790px; top: 144px; } #line-8-4 { left: 493px; top: 120px; } #line-8-5 { left: 165px; top: 146px; } #line-8-6 { left: 172px; top: 158px; } #line-8-7 { left: 178px; top: 165px; } #line-8-8 { left: 172px; top: 181px; } #line-8-9 { left: 178px; top: 189px; } #line-8-10 { left: 172px; top: 205px; } #line-8-11 { left: 178px; top: 212px; } #line-8-12 { left: 483px; top: 146px; } #line-8-13 { left: 483px; top: 157px; } #line-8-14 { left: 483px; top: 182px; } #line-8-15 { left: 483px; top: 313px; } #line-8-16 { left: 503px; top: 313px; } #line-8-17 { left: 483px; top: 322px; } #line-8-18 { left: 496px; top: 331px; } #line-8-19 { left: 483px; top: 342px; } #line-8-20 { left: 511px; top: 341px; } #line-8-21 { left: 483px; top: 351px; } #line-8-22 { left: 534px; top: 351px; } #line-8-23 { left: 483px; top: 359px; } #line-8-24 { left: 496px; top: 386px; } #line-8-25 { left: 483px; top: 395px; } #line-8-26 { left: 496px; top: 411px; } #line-8-27 { left: 483px; top: 420px; } #line-8-28 { left: 503px; top: 429px; } #line-8-29 { left: 483px; top: 438px; } #line-8-30 { left: 496px; top: 448px; } #line-8-31 { left: 483px; top: 457px; } #line-8-32 { left: 496px; top: 466px; } #line-8-33 { left: 483px; top: 475px; } #line-8-34 { left: 624px; top: 265px; } #line-8-35 { left: 659px; top: 262px; } #line-8-36 { left: 688px; top: 262px; } #line-8-37 { left: 698px; top: 262px; } #line-8-38 { left: 716px; top: 261px; } #line-8-39 { left: 726px; top: 261px; } #line-8-40 { left: 733px; top: 283px; } #line-8-41 { left: 677px; top: 262px; } #line-8-42 { left: 664px; top: 265px; } #line-8-43 { left: 619px; top: 229px; } #line-8-44 { left: 663px; top: 229px; } #line-8-45 { left: 676px; top: 229px; } #line-8-46 { left: 689px; top: 229px; } #line-8-47 { left: 708px; top: 229px; } #line-8-48 { left: 727px; top: 229px; } #line-8-49 { left: 729px; top: 305px; } #line-8-50 { left: 684px; top: 305px; } #line-8-51 { left: 641px; top: 305px; } #line-8-52 { left: 560px; top: 305px; } #line-8-53 { left: 742px; top: 305px; } #line-8-54 { left: 637px; top: 229px; } #line-8-55 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/9b.png'); }
        .page-content[data-number="9"] p { position: absolute; padding: 0; }

        .font-9-0 { font-size: 7px; color: #231f20; } .font-9-1 { font-size: 8px; color: #ffffff; } .font-9-2 { font-size: 7px; color: #ffffff; } .font-9-3 { font-size: 5px; color: #231f20; } .font-9-4 { font-size: 8px; color: #231f20; } .font-9-5 { font-size: 5px; color: #231f20; } .font-9-6 { font-size: 5px; color: #231f20; } .font-9-7 { font-size: 5px; color: #231f20; } .font-9-8 { font-size: 2px; color: #231f20; } .font-9-9 { font-size: 2px; color: #ffffff; } .font-9-10 { font-size: 4px; color: #ffffff; } .font-9-11 { font-size: 4px; color: #ffffff; } .font-9-12 { font-size: 5px; color: #000000; } .font-9-13 { font-size: 5px; line-height: 7px; color: #231f20; } .font-9-14 { font-size: 5px; line-height: 9px; color: #231f20; } .font-9-15 { font-size: 5px; line-height: 9px; color: #231f20; } .font-9-16 { font-size: 5px; line-height: 9px; color: #231f20; } .font-9-17 { font-size: 5px; line-height: 8px; color: #231f20; } #line-9-0 { left: 175px; top: 120px; } #line-9-1 { left: 790px; top: 475px; } #line-9-2 { left: 800px; top: 545px; } #line-9-3 { left: 795px; top: 557px; } #line-9-4 { left: 165px; top: 146px; } #line-9-5 { left: 165px; top: 250px; } #line-9-6 { left: 178px; top: 250px; } #line-9-7 { left: 178px; top: 273px; } #line-9-8 { left: 178px; top: 296px; } #line-9-9 { left: 178px; top: 319px; } #line-9-10 { left: 178px; top: 349px; } #line-9-11 { left: 165px; top: 358px; } #line-9-12 { left: 178px; top: 376px; } #line-9-13 { left: 165px; top: 386px; } #line-9-14 { left: 178px; top: 395px; } #line-9-15 { left: 165px; top: 404px; } #line-9-16 { left: 178px; top: 413px; } #line-9-17 { left: 165px; top: 422px; } #line-9-18 { left: 178px; top: 431px; } #line-9-19 { left: 165px; top: 439px; } #line-9-20 { left: 178px; top: 456px; } #line-9-21 { left: 165px; top: 465px; } #line-9-22 { left: 178px; top: 474px; } #line-9-23 { left: 165px; top: 484px; } #line-9-24 { left: 178px; top: 493px; } #line-9-25 { left: 165px; top: 502px; } #line-9-26 { left: 178px; top: 535px; } #line-9-27 { left: 496px; top: 162px; } #line-9-28 { left: 483px; top: 171px; } #line-9-29 { left: 483px; top: 386px; } #line-9-30 { left: 685px; top: 456px; } #line-9-31 { left: 483px; top: 464px; } #line-9-32 { left: 483px; top: 490px; } #line-9-33 { left: 513px; top: 490px; } #line-9-34 { left: 483px; top: 499px; } #line-9-35 { left: 213px; top: 195px; } #line-9-36 { left: 272px; top: 195px; } #line-9-37 { left: 299px; top: 195px; } #line-9-38 { left: 340px; top: 195px; } #line-9-39 { left: 351px; top: 195px; } #line-9-40 { left: 364px; top: 207px; } #line-9-41 { left: 383px; top: 206px; } #line-9-42 { left: 389px; top: 210px; } #line-9-43 { left: 386px; top: 201px; } #line-9-44 { left: 364px; top: 210px; } #line-9-45 { left: 378px; top: 195px; } #line-9-46 { left: 383px; top: 240px; } #line-9-47 { left: 373px; top: 240px; } #line-9-48 { left: 363px; top: 240px; } #line-9-49 { left: 292px; top: 240px; } #line-9-50 { left: 225px; top: 240px; } #line-9-51 { left: 201px; top: 165px; } #line-9-52 { left: 192px; top: 165px; } #line-9-53 { left: 219px; top: 165px; } #line-9-54 { left: 233px; top: 165px; } #line-9-55 { left: 274px; top: 165px; } #line-9-56 { left: 286px; top: 165px; } #line-9-57 { left: 300px; top: 165px; } #line-9-58 { left: 341px; top: 165px; } #line-9-59 { left: 358px; top: 165px; } #line-9-60 { left: 381px; top: 165px; } #line-9-61 { left: 397px; top: 165px; } #line-9-62 { left: 425px; top: 165px; } #line-9-63 { left: 532px; top: 242px; } #line-9-64 { left: 532px; top: 279px; } #line-9-65 { left: 532px; top: 311px; } #line-9-66 { left: 532px; top: 344px; } #line-9-67 { left: 167px; top: 80px; } }       .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: 674px; background: url('/manuals/csbb/10b.png'); }
        .page-content[data-number="10"] p { position: absolute; padding: 0; }

        .font-10-0 { font-size: 7px; color: #231f20; } .font-10-1 { font-size: 7px; color: #ffffff; } .font-10-2 { font-size: 5px; color: #231f20; } .font-10-3 { font-size: 8px; color: #ffffff; } .font-10-4 { font-size: 8px; color: #231f20; } .font-10-5 { font-size: 5px; color: #231f20; } .font-10-6 { font-size: 5px; color: #231f20; } .font-10-7 { font-size: 2px; color: #231f20; } .font-10-8 { font-size: 4px; color: #ffffff; } .font-10-9 { font-size: 4px; color: #ffffff; } .font-10-10 { font-size: 5px; color: #231f20; } .font-10-11 { font-size: 5px; color: #000000; } .font-10-12 { font-size: 5px; line-height: 9px; color: #231f20; } .font-10-13 { font-size: 5px; line-height: 7px; color: #231f20; } .font-10-14 { font-size: 5px; line-height: 9px; color: #231f20; } .font-10-15 { font-size: 5px; line-height: 8px; color: #231f20; } #line-10-0 { left: 175px; top: 120px; } #line-10-1 { left: 795px; top: 121px; } #line-10-2 { left: 795px; top: 133px; } #line-10-3 { left: 790px; top: 144px; } #line-10-4 { left: 165px; top: 146px; } #line-10-5 { left: 172px; top: 319px; } #line-10-6 { left: 178px; top: 326px; } #line-10-7 { left: 329px; top: 326px; } #line-10-8 { left: 178px; top: 333px; } #line-10-9 { left: 285px; top: 333px; } #line-10-10 { left: 165px; top: 341px; } #line-10-11 { left: 185px; top: 341px; } #line-10-12 { left: 165px; top: 350px; } #line-10-13 { left: 178px; top: 360px; } #line-10-14 { left: 165px; top: 369px; } #line-10-15 { left: 331px; top: 368px; } #line-10-16 { left: 165px; top: 375px; } #line-10-17 { left: 178px; top: 385px; } #line-10-18 { left: 165px; top: 394px; } #line-10-19 { left: 178px; top: 403px; } #line-10-20 { left: 178px; top: 421px; } #line-10-21 { left: 191px; top: 429px; } #line-10-22 { left: 207px; top: 427px; } #line-10-23 { left: 178px; top: 438px; } #line-10-24 { left: 191px; top: 453px; } #line-10-25 { left: 209px; top: 452px; } #line-10-26 { left: 178px; top: 462px; } #line-10-27 { left: 178px; top: 486px; } #line-10-28 { left: 178px; top: 511px; } #line-10-29 { left: 165px; top: 520px; } #line-10-30 { left: 483px; top: 146px; } #line-10-31 { left: 496px; top: 146px; } #line-10-32 { left: 483px; top: 155px; } #line-10-33 { left: 496px; top: 172px; } #line-10-34 { left: 633px; top: 187px; } #line-10-35 { left: 496px; top: 197px; } #line-10-36 { left: 483px; top: 257px; } #line-10-37 { left: 496px; top: 257px; } #line-10-38 { left: 483px; top: 282px; } #line-10-39 { left: 496px; top: 282px; } #line-10-40 { left: 483px; top: 291px; } #line-10-41 { left: 496px; top: 318px; } #line-10-42 { left: 483px; top: 378px; } #line-10-43 { left: 503px; top: 378px; } #line-10-44 { left: 483px; top: 387px; } #line-10-45 { left: 496px; top: 466px; } #line-10-46 { left: 251px; top: 200px; } #line-10-47 { left: 192px; top: 177px; } #line-10-48 { left: 192px; top: 187px; } #line-10-49 { left: 192px; top: 199px; } #line-10-50 { left: 192px; top: 212px; } #line-10-51 { left: 192px; top: 225px; } #line-10-52 { left: 192px; top: 237px; } #line-10-53 { left: 192px; top: 249px; } #line-10-54 { left: 192px; top: 263px; } #line-10-55 { left: 192px; top: 275px; } #line-10-56 { left: 277px; top: 200px; } #line-10-57 { left: 277px; top: 225px; } #line-10-58 { left: 277px; top: 237px; } #line-10-59 { left: 277px; top: 263px; } #line-10-60 { left: 336px; top: 174px; } #line-10-61 { left: 336px; top: 197px; } #line-10-62 { left: 336px; top: 212px; } #line-10-63 { left: 336px; top: 226px; } #line-10-64 { left: 336px; top: 239px; } #line-10-65 { left: 336px; top: 253px; } #line-10-66 { left: 336px; top: 279px; } #line-10-67 { left: 336px; top: 266px; } #line-10-68 { left: 423px; top: 245px; } #line-10-69 { left: 195px; top: 304px; } #line-10-70 { left: 167px; top: 80px; } }