@media screen and (min-width:750px) {
    html {
        font-size: 625%;
    }

    body {
        width: 600px;
        margin: 0 auto;
    }

    .piece {
        width: 600px;
        margin: 0 auto;
    }

    .startfinger {
        display: none;
    }

    .p1Txt {
        width: calc(80px * 6);
        left: calc(11px * 6);
        top: calc(218px * 6);
    }

    .p1Plane {
        width: calc(60.4px * 6);
        left: calc(39.6px * 6);
        top: calc(163.5px * 6);
    }

    .p1Boom {
        width: calc(92.6px * 6);
        left: calc(22.9px * 6);
        top: calc(263.3px * 6);
    }

    .p1Solider {
        width: calc(86px * 6);
        left: calc(-18px * 6);
        top: calc(291.8px * 6);
    }

    .p1Cloud1 {
        width: calc(159.4px * 6);
        left: calc(-159.4px * 6);
        top: calc(26px * 6);
    }

    @keyframes leftIn {
        0% {
            left: calc(-113.1px * 6);
        }

        100% {
            left: calc(113.1px * 6);
        }
    }

    .p1Cloud2 {
        width: calc(159.4px * 6);
        left: calc(-159.4px * 6);
        top: calc(152.9px * 6);
    }

    .p2Txt {
        width: calc(50px * 6);
        left: calc(25px * 6);
        top: calc(25.1px * 6);
    }

    .p2Soldier {
        width: calc(100px * 6);
    }

    .p2Blood {
        width: calc(104.8px * 6);
        left: calc(20.3px * 6);
        top: calc(125.4px * 6);
    }

    .p3Txt {
        width: calc(72px * 6);
        left: calc(14.5px * 6);
        top: calc(40.7px * 6);
    }

    .p3Photo1 {
        width: calc(33px * 6);
        left: calc(14.6px * 6);
        top: calc(74.5px * 6);
    }

    .p3Photo1_shadow {
        width: calc(16.3px * 6);
        left: calc(26.6px * 6);
        top: calc(75.5px * 6);
    }

    .p3Photo2 {
        width: calc(32.1px * 6);
        left: calc(61.5px * 6);
        top: calc(59.1px * 6);
    }

    .p3Photo2_shadow {
        width: calc(32.9px * 6);
        left: calc(63.5px * 6);
        top: calc(61.1px * 6);
    }

    .p3Photo3 {
        width: calc(57.7px * 6);
        left: calc(12.2px * 6);
        top: calc(108.3px * 6);
    }

    .p3Photo3_shadow {
        width: calc(58.2px * 6);
        left: calc(13px * 6);
        top: calc(109px * 6);
    }

    .p3Photo4 {
        width: calc(93px * 6);
        left: calc(4.8px * 6);
        top: calc(154.5px * 6);
    }

    .p3Photo4_shadow {
        width: calc(97.4px * 6);
        left: calc(5px * 6);
        top: calc(157.2px * 6);
    }

    .p4Txt {
        width: calc(90px * 6);
        left: calc(5px * 6);
        top: calc(6.9px * 6);
    }

    .p4Cover {
        width: calc(100px * 6);
    }

    .p4Person,
    .p4Person1 {
        width: calc(100px * 6);
        top: calc(95.8px * 6);
    }

    .p5Txt {
        width: calc(77px * 6);
        left: calc(5px * 6);
        top: calc(8.5px * 6);
    }

    .p5Flags {
        width: calc(149px * 6);
        height: calc(131.1px * 6);
        left: calc(12.6px * 6);
        top: calc(43.6px * 6);
    }


    .p5Team {
        width: calc(100px * 6);
    }

    .p5Sign {
        width: calc(54.7px * 6);
        left: calc(11.2px * 6);
        top: calc(6.6px * 6);
    }

    .p5Sign1 {
        width: calc(56.8px * 6);
        left: calc(28.2px * 6);
        top: calc(22.8px * 6);
    }

    .p5Gun {
        width: calc(95.1px * 6);
        left: calc(1.9px * 6);
        top: calc(47.9px * 6);
    }

    .p5Buttler {
        width: calc(30px * 6);
        left: calc(6.1px * 6);
        top: calc(72px * 6);
    }

    .p6Txt {
        width: calc(73px * 6);
        left: calc(9.2px * 6);
    }

    .p6Shadow {
        width: calc(46.9px * 6);
        left: calc(3px * 6);
        top: calc(59.5px * 6);
    }

    .p6Head {
        width: calc(74.4px * 6);
        left: calc(25.6px * 6);
        top: calc(82.5px * 6);
    }

    .p6Bottom {
        width: calc(100px * 6);
    }

    .p7Num1 {
        width: calc(38.7px * 6);
        left: calc(17.7px * 6);
        top: calc(164.2px * 6);
    }

    .p7Corpse1 {
        width: calc(29.4px * 6);
        left: calc(4.9px * 6);
        top: calc(4.6px * 6);
    }

    .p7Corpse2 {
        width: calc(42.1px * 6);
        left: calc(22.4px * 6);
        top: calc(20px * 6);
    }

    .p7Corpse3 {
        width: calc(44.2px * 6);
        left: calc(55.8px * 6);
        top: calc(45.4px * 6);
    }

    .p7Corpse4 {
        width: calc(92.9px * 6);
        left: calc(-6.9px * 6);
        top: calc(64px * 6);
    }

    .p7Num2 {
        width: calc(46.3px * 6);
        left: calc(18.5px * 6);
        top: calc(194.8px * 6);
    }

    .p8Snow {
        width: calc(100px * 6);
        height: calc(172.5px * 6);
    }

    .p8Hero {
        width: calc(54px * 6);
        left: calc(33.6px * 6);
        top: calc(71.4px * 6);
    }

    .p8Tree {
        width: calc(91.6px * 6);
        left: calc(8.4px * 6);
        top: calc(149.4px * 6);
    }

    .p9Txt {
        width: calc(62px * 6);
        left: calc(19px * 6);
        top: calc(48.6px * 6);
    }

    .p9Army {
        width: calc(149.8px * 6);
        left: calc(-44.2px * 6);
        top: calc(157.9px * 6);
    }

    .p10Txt {
        width: calc(70px * 6);
        left: calc(15px * 6);
        top: calc(12px * 6);
    }

    .p10Want {
        width: calc(83.3px * 6);
        left: calc(9.3px * 6);
        top: calc(83.2px * 6);
    }

    .p10People {
        width: calc(100px * 6);
    }

    .p11Txt {
        width: calc(70px * 6);
        left: calc(15px * 6);
        top: calc(12px * 6);
    }

    .p11Boom {
        width: calc(100px * 6);
        left: calc(-19.6px * 6);
        top: calc(20px * 6);
    }

    .p11Wood {
        width: calc(100px * 6);
        top: calc(72.2px * 6);
    }

    .p11Ride {
        width: calc(64.8px * 6);
        left: calc(35.7px * 6);
        top: calc(86.1px * 6);
    }

    .p12Txt {
        width: calc(90px * 6);
        left: calc(5px * 6);
        top: calc(32.4px * 6);
    }

    .p12Walk1 {
        width: calc(48.9px * 6);
        left: calc(34.7px * 6);
        top: calc(67.3px * 6);
    }

    .p12Walk2 {
        width: calc(10.5px * 6);
        left: calc(13.9px * 6);
        top: calc(64.1px * 6);
    }

    .p12Walk3 {
        width: calc(3px * 6);
        left: calc(35.5px * 6);
        top: calc(62.8px * 6);
    }

    .p12Army {
        width: calc(110.4px * 6);
        left: calc(-2.4px * 6);
        top: calc(160.8px * 6);
    }

    .p13Txt {
        width: calc(77px * 6);
        left: calc(11.3px * 6);
        top: calc(2.4px * 6);
    }

    .p14Txt {
        width: calc(90px * 6);
        left: calc(5px * 6);
        top: calc(15px * 6);
    }

    .p14Sound {
        top: calc(95px * 6);
    }

    .p14Talk1 {
        width: calc(41px * 6);
        left: calc(15.3px * 6);
        top: calc(130px * 6);
    }

    .p14Talk2 {
        width: calc(41px * 6);
        left: calc(10.5px * 6);
        top: calc(202.3px * 6);
    }

    .p14Btn {
        width: calc(36px * 6);
        left: calc(7.5px * 6);
        top: calc(198.4px * 6);
    }

    .p15Txt {
        width: calc(68px * 6);
        left: calc(16px * 6);
        top: calc(3.3px * 6);
    }

    .p15Army {
        width: calc(70.9px * 6);
        left: calc(-4.3px * 6);
        top: calc(44.1px * 6);
    }

    .p15Dog {
        width: calc(49.7px * 6);
        left: calc(32.3px * 6);
        top: calc(86.3px * 6);
    }

    .p15Traitor {
        width: calc(52.6px * 6);
    }

    .p15Cover {
        width: calc(99.8px * 6);
    }

    .p16Txt {
        width: calc(54px * 6);
        left: calc(23px * 6);
        top: calc(23.6px * 6);
    }

    .p16Army {
        width: calc(46px * 6);
        left: calc(54px * 6);
        top: calc(155.1px * 6);
    }

    .p16Hero {
        width: calc(76.5px * 6);
        left: calc(-1.6px * 6);
        top: calc(152.4px * 6);
    }

    .p16Cover {
        width: calc(100px * 6);
    }

    .p17Txt {
        width: calc(85px * 6);
        left: calc(7.5px * 6);
    }

    .p17Hero {
        width: calc(98px * 6);
        left: calc(4.4px * 6);
        top: calc(81.7px * 6);
    }

    .p17Blood {
        width: calc(92.1px * 6);
        top: calc(193.5px * 6);
    }

    .p18Txt {
        width: calc(80px * 6);
        left: calc(10px * 6);
        top: calc(37.1px * 6);
    }

    .p18Army1 {
        width: calc(23.5px * 6);
        left: calc(-9.1px * 6);
        top: calc(126.7px * 6);
    }

    .p18Army2 {
        width: calc(18.2px * 6);
        left: calc(35.2px * 6);
        top: calc(111.1px * 6);
    }

    .p18Army3 {
        width: calc(63.8px * 6);
        left: calc(53.4px * 6);
        top: calc(131.4px * 6);
    }

    .p18Hero {
        width: calc(80px * 6);
        top: calc(156.9px * 6);
    }

    .p18Tree {
        width: calc(100px * 6);
        left: calc(48.6px * 6);
        top: calc(12.7px * 6);
    }

    .p18Eagle {
        width: calc(48.2px * 6);
        left: calc(-31.5px * 6);
        top: calc(249.4px * 6);
    }

    @keyframes eagleFly {
        0% {
            left: calc(-31.5px * 6);
            top: calc(249.4px * 6);
        }

        14% {
            left: calc(-5.7px * 6);
            top: calc(235.4px * 6);
        }

        28% {
            left: calc(12.3px * 6);
            top: calc(218px * 6);
        }

        42% {
            left: calc(36.5px * 6);
            top: calc(209.7px * 6);
        }

        56% {
            left: calc(56.4px * 6);
            top: calc(212.7px * 6);
        }

        70% {
            left: calc(74.3px * 6);
            top: calc(223.2px * 6);
        }

        84% {
            left: calc(93.6px * 6);
            top: calc(237.2px * 6);
        }

        98%,
        100% {
            left: calc(112px * 6);
            top: calc(239.3px * 6);
        }
    }

    .p19Txt {
        width: calc(84px * 6);
        left: calc(8px * 6);
        top: calc(45.6px * 6);
    }

    .p19Shine {
        width: calc(120px * 6);
        top: calc(33px * 6);
        left: calc(-24px * 6);
    }

    .p20Txt {
        width: calc(78px * 6);
        left: calc(11px * 6);
        top: calc(5.4px * 6);
    }

    .p20GreatWall {
        width: calc(100px * 6);
    }

    .p20Solider {
        width: calc(76.8px * 6);
        left: calc(27px * 6);
        top: calc(68.1px * 6);
    }

    .p21Flag {
        width: calc(105px * 6);
        height: calc(83.7px * 6);
        left: calc(-2px * 6);
        top: calc(12.6px * 6);
    }

    .p21Txt {
        width: calc(82px * 6);
        left: calc(9px * 6);
        top: calc(99.6px * 6);
    }

    .p21Slogan1 {
        width: calc(61px * 6);
        left: calc(22.5px * 6);
        top: calc(146px * 6);
    }

    .p21Slogan2 {
        width: calc(78.8px * 6);
        left: calc(14.9px * 6);
        top: calc(162px * 6);
    }

    .p21Solider {
        width: calc(93px * 6);
        top: calc(201px * 6);
    }

    .p21Cover {
        width: calc(100px * 6);
    }

    .p21Bird1 {
        width: calc(15.2px * 6);
        left: calc(12.8px * 6);
        top: calc(2.5px * 6);
    }

    .p21Bird2 {
        width: calc(15px * 6);
        left: calc(47.5px * 6);
        top: calc(4px * 6);
    }

    .p21Bird3 {
        width: calc(30.3px * 6);
        left: calc(15.2px * 6);
        top: calc(17.1px * 6);
    }

    .p21Isay {
        width: calc(37px * 6);
        left: calc(32px * 6);
        top: calc(52.4px * 6);
    }

    .p21Tower {
        width: calc(100px * 6);
    }

    .p21Cloud {
        width: calc(138px * 6);
        left: calc(-48.6px * 6);
        top: calc(120px * 6);
    }

    .bullet1 {
        width: calc(311px * 6);
        left: calc(100px * 6);
        top: calc(73.1px * 6);
    }

    .bullet2 {
        width: calc(311px * 6);
        left: calc(100px * 6);
        top: calc(73.1px * 6);
    }

    @keyframes butGo {
        0% {
            left: calc(100px * 6);
        }

        100% {
            left: calc(-600px * 6);
        }
    }

}