/* #AboutBlock */ #AboutBlock { background:url(../img/about/mountain.png) no-repeat; position:absolute; margin: 10px 0 0 270px;width:655px; height:988px;} #AboutBlock .Title { position:absolute; top:-110px; left:250px;} #AboutBlock .Title h2{margin-bottom:4px;} #AboutBlock .Title p {text-align:center;font-size:18px;color:#4e4e4e;} #AboutBlock .build01 { position:absolute; top:414px; left:272px;} #AboutBlock .build02 { position:absolute; top:530px; left:530px;} #AboutBlock .build03 { position:absolute; top:185px; left:310px;} #AboutBlock .build04 { position:absolute; top:132px; left:403px;} #AboutBlock .build05 { position:absolute; top:240px; left:166px;} #AboutBlock .build06 { position:absolute; top:180px; left:166px;} #AboutBlock .build07 { position:absolute; top:180px; left:236px;} #AboutBlock .build08 { position:absolute; top:440px; left:162px;} #AboutBlock .build09 { position:absolute; top:854px; left:370px;} #AboutBlock .build10 { position:absolute; top:414px; left:16px;} #AboutBlock .build11 { position:absolute; top:570px; left:100px;} #AboutBlock .build12 { position:absolute; top:850px; left:474px;} #AboutBlock .build13 { position:absolute; top:810px; left:205px;} #AboutBlock .build14 { position:absolute; top:610px; left:270px;} #AboutBlock .build15 { position:absolute; top:320px; left:270px;} #AboutBlock .chicken01 { position:absolute; top:750px; left:120px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .cow01 { position:absolute; top:700px; left:190px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .monster01 { position:absolute; top:540px; left:120px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .monster02 { position:absolute; top:400px; left:280px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people01 { position:absolute; top:252px; left:402px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people02 { position:absolute; top:510px; left:204px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people03 { position:absolute; top:510px; left:10px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:14s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:14s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people04 { position:absolute; top:260px; left:490px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #AboutBlock .people05 { position:absolute; top:250px; left:240px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people06 { position:absolute; top:634px; left:204px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people07 { position:absolute; top:636px; left:80px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people08 { position:absolute; top:656px; left:326px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people09 { position:absolute; top:584px; left:416px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:14s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:14s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people10 { position:absolute; top:576px; left:486px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #AboutBlock .people11 { position:absolute; top:652px; left:422px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .people12 { position:absolute; top:890px; left:450px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #AboutBlock .board01 { background:url(../img/about/hv/board-01.png) no-repeat; position:absolute; top:14px; left:-140px; width:484px; height:185px;} #AboutBlock .board02 { background:url(../img/about/hv/board-02.png) no-repeat; position:absolute; top:340px; left:-138px; width:418px; height:137px;} #AboutBlock .board03 { background:url(../img/about/hv/board-03.png) no-repeat; position:absolute; top:360px; left:400px; width:395px; height:137px;} #AboutBlock .board04 { background:url(../img/about/hv/board-04.png) no-repeat; position:absolute; top:666px; left:440px; width:383px; height:190px;} #AboutBlock .board05 { background:url(../img/about/hv/board-05.png) no-repeat; position:absolute; top:820px; left:-52px; width:307px; height:235px;} #AboutBlock .BoardBlock{width:270px;padding:10px 20px;} #AboutBlock .BoardBlock h3{color:#4b83c4; font-size:20px;} #AboutBlock .BoardBlock p{color:#727272;} #AboutBlock .BoardBlock a{display:inline-block;position:relative;top:-28px;left:134px;} #AboutBlock .board03 .BoardBlock{margin-left:88px;} #AboutBlock .board04 .BoardBlock{margin:54px 0 0 76px;} #AboutBlock .board05 .BoardBlock{margin-top:100px;} #AboutBlock .Constructor {position: absolute; top: -78px; right: -110px; z-index:1;animation-name: rumble2;-webkit-animation-name: rumble2; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #AboutBlock .ProcessBlock{position: absolute; top: 0; right: -134px; background: #EDE6E6; width: 100px; padding: 10px; border-radius: 5px;box-shadow: 10px 10px 10px rgba(0,0,0,0.4); } #AboutBlock .ProcessBlock #ProcessGraph { margin-bottom:-10px;font-family: 'Inconsolata';} #AboutBlock .ProcessBlock p{text-align:center; margin-bottom: -5px;} #AboutBlock .ProcessBlock .graph #ProcessGraph .circle{stroke:#3498db;} #AboutBlock .ProcessBlock .graph #ProcessGraph .border{stroke:#88ccfa;} /* #ServiceBlock */ #ServiceBlock { background:url(../img/service/mountain.png) no-repeat; position:absolute; margin: 21px 0 0 141px;width:857px; height:1057px;} #ServiceBlock .Title { position:absolute; top:-70px; left:340px;} #ServiceBlock .Title h2{margin-bottom:4px;} #ServiceBlock .Title p {text-align:center;font-size:18px;color:#4e4e4e;} #ServiceBlock .build01 { position:absolute; top:422px; left:162px;} #ServiceBlock .build02 { position:absolute; top:440px; left:478px;} #ServiceBlock .build03 { position:absolute; top:305px; left:708px;} #ServiceBlock .build04 { position:absolute; top:556px; left:160px;} #ServiceBlock .build05 { position:absolute; top:636px; left:160px;} #ServiceBlock .build06 { position:absolute; top:800px; left:126px;} #ServiceBlock .build07 { position:absolute; top:728px; left:376px;} #ServiceBlock .build08 { position:absolute; top:728px; left:516px;} #ServiceBlock .monster01 { position:absolute; top:400px; left:310px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .monster02 { position:absolute; top:570px; left:612px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .people01 { position:absolute; top:374px; left:230px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .people02 { position:absolute; top:356px; left:472px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .people03 { position:absolute; top:296px; left:610px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:14s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:14s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .people04 { position:absolute; top:294px; left:670px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #ServiceBlock .people05 { position:absolute; top:538px; left:478px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .people06 { position:absolute; top:740px; left:270px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .people07 { position:absolute; top:886px; left:370px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .people08 { position:absolute; top:884px; left:410px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .people09 { position:absolute; top:890px; left:608px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:14s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:14s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #ServiceBlock .board01 { background:url(../img/service/hv/board-01.png) no-repeat; position:absolute; top:48px; left:-10px; width:307px; height:376px;} #ServiceBlock .board02 { background:url(../img/service/hv/board-02.png) no-repeat; position:absolute; top:48px; left:714px; width:307px; height:263px;} #ServiceBlock .board03 { background:url(../img/service/hv/board-03.png) no-repeat; position:absolute; top:426px; left:-126px; width:307px; height:207px;} #ServiceBlock .board04 { background:url(../img/service/hv/board-04.png) no-repeat; position:absolute; top:420px; left:640px; width:382px; height:146px;} #ServiceBlock .board05 { background:url(../img/service/hv/board-05.png) no-repeat; position:absolute; top:696px; left:-124px; width:307px; height:216px;} #ServiceBlock .board06 { background:url(../img/service/hv/board-06.png) no-repeat; position:absolute; top:754px; left:618px; width:401px; height:146px;} #ServiceBlock .BoardBlock{width:270px;padding:10px 20px;} #ServiceBlock .BoardBlock h3{color:#4b83c4; font-size:20px;} #ServiceBlock .BoardBlock p{color:#727272;line-height:1.6;} #ServiceBlock .BoardBlock a{display:inline-block;position:relative;top:-11px;left:134px;} #ServiceBlock .board04 .BoardBlock{margin-left:74px;} #ServiceBlock .board05 .BoardBlock{margin-top:70px;} #ServiceBlock .board06 .BoardBlock{margin-left:92px;} #ServiceBlock .Constructor {position: absolute; top: 30px; left:430px; z-index:1;animation-name: rumble2;-webkit-animation-name: rumble2; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #ServiceBlock .ProcessBlock{position: absolute; top: 110px; left: 400px; background: #EDE6E6; width: 100px; padding: 10px; border-radius: 5px;box-shadow: 10px 10px 10px rgba(0,0,0,0.4); } #ServiceBlock .ProcessBlock #ProcessGraph { margin-bottom:-10px;font-family: 'Inconsolata';} #ServiceBlock .ProcessBlock p{text-align:center; margin-bottom: -5px;} #ServiceBlock .ProcessBlock .graph #ProcessGraph .circle{stroke:#3498db;} #ServiceBlock .ProcessBlock .graph #ProcessGraph .border{stroke:#88ccfa;} /* #SurpriseBlock */ #SurpriseBlock { background:url(../img/surprise/mountain.png) no-repeat; position:absolute; margin: 44px 0 0 174px;width:804px; height:805px;} #SurpriseBlock .Title { position:absolute; top:-150px; left:340px;} #SurpriseBlock .Title h2{margin-bottom:4px;} #SurpriseBlock .Title p {text-align:center;font-size:18px;color:#4e4e4e;} #SurpriseBlock .animal01 { position:absolute; top:446px; left:622px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .animal02 { position:absolute; top:202px; left:610px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .animal03 { position:absolute; top:346px; left:338px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .animal04 { position:absolute; top:433px; left:256px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .car01 { position:absolute; top:736px; left:440px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .car02 { position:absolute; top:417px; left:518px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .clown01 { position:absolute; top:308px; left:194px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .fish01 { position:absolute; top:294px; left:272px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .fish02 { position:absolute; top:370px; left:650px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .build01 { position:absolute; top:295px; left:442px;} #SurpriseBlock .build02 { position:absolute; top:220px; left:138px;} #SurpriseBlock .build03 { position:absolute; top:40px; left:418px;} #SurpriseBlock .build04 { position:absolute; top:486px; left:520px;} #SurpriseBlock .build05 { position:absolute; top:484px; left:442px;} #SurpriseBlock .build06 { position:absolute; top:604px; left:440px;} #SurpriseBlock .build07 { position:absolute; top:605px; left:518px;} #SurpriseBlock .build08 { position:absolute; top:376px; left:136px;} #SurpriseBlock .build09 { position:absolute; top:136px; left:100px;} #SurpriseBlock .build10 { position:absolute; top:146px; left:700px;} #SurpriseBlock .build11 { position:absolute; top:374px; left:654px;} #SurpriseBlock .build12 { position:absolute; top:-30px; left:200px;} #SurpriseBlock .monster01 { position:absolute; top:350px; left:242px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #SurpriseBlock .monster02 { position:absolute; top:286px; left:502px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .people01 { position:absolute; top:213px; left:138px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #SurpriseBlock .people02 { position:absolute; top:200px; left:312px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #SurpriseBlock .people03 { position:absolute; top:304px; left:630px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:14s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:14s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #SurpriseBlock .people04 { position:absolute; top:211px; left:710px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .people05 { position:absolute; top:296px; left:722px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #SurpriseBlock .people06 { position:absolute; top:456px; left:160px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #SurpriseBlock .board01 { background:url(../img/surprise/hv/board-01.png) no-repeat; position:absolute; top:-72px; left:508px; width:450px; height:146px;} #SurpriseBlock .board02 { background:url(../img/surprise/hv/board-02.png) no-repeat; position:absolute; top:316px; left:-80px; width:307px; height:321px;} #SurpriseBlock .board03 { background:url(../img/surprise/hv/board-03.png) no-repeat; position:absolute; top:372px; left:580px; width:374px; height:215px;} #SurpriseBlock .BoardBlock{width:270px;padding:10px 20px;} #SurpriseBlock .BoardBlock h3{color:#4b83c4; font-size:20px;} #SurpriseBlock .BoardBlock p{color:#727272;line-height:1.6;} #SurpriseBlock .BoardBlock a{display:inline-block;position:relative;top:-11px;left:134px;} #SurpriseBlock .board01 .BoardBlock{width:320px;margin-left:86px;} #SurpriseBlock .board01 .BoardBlock a{left:190px;} #SurpriseBlock .board02 .BoardBlock{margin-top:174px;} #SurpriseBlock .board03 .BoardBlock{width:290px;margin:68px 0 0 40px;} #SurpriseBlock .board03 .BoardBlock a{left:159px;} #SurpriseBlock .Constructor {position: absolute; top: 22px; right: -110px; z-index:1;animation-name: rumble2;-webkit-animation-name: rumble2; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #SurpriseBlock .ProcessBlock{position: absolute; top: 100px; right: -134px; background: #EDE6E6; width: 100px; padding: 10px; border-radius: 5px;box-shadow: 10px 10px 10px rgba(0,0,0,0.4); } #SurpriseBlock .ProcessBlock #ProcessGraph { margin-bottom:-10px;font-family: 'Inconsolata';} #SurpriseBlock .ProcessBlock p{text-align:center; margin-bottom: -5px;} #SurpriseBlock .ProcessBlock .graph #ProcessGraph .circle{stroke:#3498db;} #SurpriseBlock .ProcessBlock .graph #ProcessGraph .border{stroke:#88ccfa;} /* #MemberBlock */ #MemberBlock { background:url(../img/member/mountain.png) no-repeat; position:absolute; margin: 18px 0 0 135px;width:938px; height:759px;} #MemberBlock .Title { position:absolute; top:-270px; left:340px;text-align:center;} #MemberBlock .Title h2{margin-bottom:4px;} #MemberBlock .Title p {text-align:center;font-size:16px;color:#4e4e4e;} #MemberBlock .Title p.subTitle{margin-bottom:30px;font-size:18px;} #MemberBlock .build01 { position:absolute; top:370px; left:453px;} #MemberBlock .build02 { position:absolute; top:672px; left:580px;} #MemberBlock .build03 { position:absolute; top:644px; left:744px;} #MemberBlock .frame01 { position:absolute; top:250px; left:364px;-webkit-animation-name: LR-08;animation-name: LR-08;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .frame02 { position:absolute; top:250px; left:469px;-webkit-animation-name: LR-09;animation-name: LR-09;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .frame03 { position:absolute; top:250px; left:578px;-webkit-animation-name: LR-08;animation-name: LR-08;-webkit-animation-duration:0.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:0.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .monster01 { position:absolute; top:260px; left:262px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .monster02 { position:absolute; top:70px; left:570px;-webkit-animation-name: LR-02;animation-name: LR-02;-webkit-animation-duration:14s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:14s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .monster03 { position:absolute; top:210px; left:760px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .monster04 { position:absolute; top:344px; left:580px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .monster05 { position:absolute; top:74px; left:854px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .monster06 { position:absolute; top:346px; left:284px;animation-name: rumble;-webkit-animation-name: rumble; animation-duration: 5s; -webkit-animation-duration: 5s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .ship01 { position:absolute; top:604px; left:424px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .tower01 { position:absolute; top:-65px; left:748px;} #MemberBlock .wall01 { position:absolute; top:230px; left:350px;} #MemberBlock .denden { position:absolute; top:230px; left:124px;-webkit-animation-name: LR-08;animation-name: LR-08;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .hirai { position:absolute; top:253px; left:470px;} #MemberBlock .koiken { position:absolute; top:420px; left:250px;animation-name: LR-07;-webkit-animation-name: LR-07; animation-duration: 6s; -webkit-animation-duration: 6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .kuni { position:absolute; top:48px; left:430px;-webkit-animation-name: LR-04;animation-name: LR-04;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .saita { position:absolute; top:16px; left:640px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .shin { position:absolute; top:253px; left:366px;} #MemberBlock .som { position:absolute; top:470px; left:70px;-webkit-animation-name: LR-02;animation-name: LR-02;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .takenari { position:absolute; top:346px; left:760px;-webkit-animation-name: LR-06;animation-name: LR-06;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .yakuza { position:absolute; top:440px; left:360px;animation-name: LR-09;-webkit-animation-name: LR-09; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .yoshi { position:absolute; top:253px; left:580px;} #MemberBlock .boarddenden { position:absolute; top:156px; left:100px;-webkit-animation-name: LR-05;animation-name: LR-05;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .boardhirai { position:absolute; top:178px; left:466px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:14s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:14s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .boardkoiken { position:absolute; top:348px; left:214px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .boardkuni { position:absolute; top:-18px; left:404px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .boardsaita { position:absolute; top:-54px; left:584px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .boardshin { position:absolute; top:178px; left:334px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .boardsom { position:absolute; top:400px; left:2px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .boardtakenari { position:absolute; top:276px; left:731px;-webkit-animation-name: LR-01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #MemberBlock .boardyakuza { position:absolute; top:370px; left:344px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .boardyoshi { position:absolute; top:178px; left:578px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .Constructor {position: absolute; top: -190px; right: 20px; z-index:1;animation-name: rumble2;-webkit-animation-name: rumble2; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #MemberBlock .ProcessBlock{position: absolute; top: -100px; right: 0; background: #EDE6E6; width: 100px; padding: 10px; border-radius: 5px;box-shadow: 10px 10px 10px rgba(0,0,0,0.4); } #MemberBlock .ProcessBlock #ProcessGraph { margin-bottom:-10px;font-family: 'Inconsolata';} #MemberBlock .ProcessBlock p{text-align:center; margin-bottom: -5px;} #MemberBlock .ProcessBlock .graph #ProcessGraph .circle{stroke:#3498db;} #MemberBlock .ProcessBlock .graph #ProcessGraph .border{stroke:#88ccfa;} /* #BlogBlock */ #BlogBlock { background:url(../img/blog/mountain.png) no-repeat; position:absolute; margin: 45px 0 0 118px;width:966px; height:342px;} #BlogBlock .Title { position:absolute; top:-440px; left:300px;text-align:center;} #BlogBlock .Title h2{margin-bottom:4px;} #BlogBlock .Title p {text-align:center;font-size:16px;color:#4e4e4e;} #BlogBlock .Title p.subTitle{margin-bottom:30px;font-size:18px;} #BlogBlock .build01 { position:absolute; top:298px; left:100px;} #BlogBlock .build02 { position:absolute; top:142px; left:16px;} #BlogBlock .build03 { position:absolute; top:98px; left:108px;} #BlogBlock .build04 { position:absolute; top:170px; left:350px;} #BlogBlock .build05 { position:absolute; top:120px; left:596px;} #BlogBlock .build06 { position:absolute; top:70px; left:616px;} #BlogBlock .build07 { position:absolute; top:-6px; left:766px;} #BlogBlock .build08 { position:absolute; top:-42px; left:562px;} #BlogBlock .build09 { position:absolute; top:126px; left:266px;} #BlogBlock .build10 { position:absolute; top:144px; left:216px;} #BlogBlock .build11 { position:absolute; top:200px; left:190px;} #BlogBlock .build12 { position:absolute; top:90px; left:284px;} #BlogBlock .build13 { position:absolute; top:138px; left:744px;} #BlogBlock .build14 { position:absolute; top:-102px; left:450px;} #BlogBlock .build15 { position:absolute; top:4px; left:254px;} #BlogBlock .build16 { position:absolute; top:74px; left:498px;} #BlogBlock .build17 { position:absolute; top:70px; left:426px;} #BlogBlock .car01 { position:absolute; top:114px; left:568px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #BlogBlock .people01 { position:absolute; top:140px; left:332px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #BlogBlock .people02 { position:absolute; top:128px; left:858px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #BlogBlock .tree01 { position:absolute; top:234px; left:334px;} #BlogBlock .board01 { background:url(../img/blog/hv/board-01.png) no-repeat; position:absolute; top:-212px; left:38px; width:487px; height:146px;} #BlogBlock .board02 { background:url(../img/blog/hv/board-02.png) no-repeat; position:absolute; top:-216px; left:604px; width:360px; height:177px;} #BlogBlock .board03 { background:url(../img/blog/hv/board-03.png) no-repeat; position:absolute; top:246px; left:-32px; width:329px; height:338px;} #BlogBlock .board04 { background:url(../img/blog/hv/board-04.png) no-repeat; position:absolute; top:250px; left:312px; width:329px; height:249px;} #BlogBlock .board05 { background:url(../img/blog/hv/board-05.png) no-repeat; position:absolute; top:198px; left:656px; width:329px; height:177px;} #BlogBlock .BoardBlock{width:270px;padding:10px 20px;} #BlogBlock .BoardBlock h3{color:#4b83c4; font-size:20px;} #BlogBlock .BoardBlock p{color:#727272;line-height:1.6;} #BlogBlock .BoardBlock a{display:inline-block;position:relative;top:-11px;left:134px;} #BlogBlock .board02 .BoardBlock{width:290px;margin-left:30px;} #BlogBlock .board03 .BoardBlock{width:290px;margin-top:192px;} #BlogBlock .board03 .BoardBlock a{left:156px;} #BlogBlock .board04 .BoardBlock{width:290px;margin-top:102px;} #BlogBlock .board04 .BoardBlock a{left:156px;} #BlogBlock .board05 .BoardBlock{width:290px;margin-top:30px;} #BlogBlock .board05 .BoardBlock a{left:156px;} #BlogBlock .Constructor {position: absolute; top: -88px; left: 26px; z-index:1;animation-name: rumble2;-webkit-animation-name: rumble2; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #BlogBlock .ProcessBlock{position: absolute; top: 0; left: 0; background: #EDE6E6; width: 100px; padding: 10px; border-radius: 5px;box-shadow: 10px 10px 10px rgba(0,0,0,0.4); } #BlogBlock .ProcessBlock #ProcessGraph { margin-bottom:-10px;font-family: 'Inconsolata';} #BlogBlock .ProcessBlock p{text-align:center; margin-bottom: -5px;} #BlogBlock .ProcessBlock .graph #ProcessGraph .circle{stroke:#3498db;} #BlogBlock .ProcessBlock .graph #ProcessGraph .border{stroke:#88ccfa;} /* #PresentBlock */ #PresentBlock { background:url(../img/present/mountain.png) no-repeat; position:absolute; margin: 20px 0 0 167px;width:879px; height:873px;} #PresentBlock .Title { position:absolute; top:-210px;left:270px;text-align:center;} #PresentBlock .Title h2{margin-bottom:4px;} #PresentBlock .Title p {text-align:center;font-size:16px;color:#4e4e4e;} #PresentBlock .Title p.subTitle{margin-bottom:30px;font-size:18px;} #PresentBlock .build01 { position:absolute; top:786px; left:660px;} #PresentBlock .build02 { position:absolute; top:300px; left:590px;} #PresentBlock .build03 { position:absolute; top:394px; left:696px;} #PresentBlock .build04 { position:absolute; top:82px; left:342px;} #PresentBlock .build05 { position:absolute; top:160px; left:206px;} #PresentBlock .build06 { position:absolute; top:790px; left:770px;} #PresentBlock .build07 { position:absolute; top:300px; left:230px;} #PresentBlock .build08 { position:absolute; top:360px; left:108px;} #PresentBlock .build09 { position:absolute; top:256px; left:340px;} #PresentBlock .build10 { position:absolute; top:690px; left:404px;} #PresentBlock .build11 { position:absolute; top:404px; left:570px;} #PresentBlock .build12 { position:absolute; top:530px; left:610px;} #PresentBlock .build13 { position:absolute; top:578px; left:336px;} #PresentBlock .ninja01 { position:absolute; top:592px; left:116px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .ninja02 { position:absolute; top:240px; left:470px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .ninja03 { position:absolute; top:770px; left:150px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .ninja04 { position:absolute; top:36px; left:342px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .ninja05 { position:absolute; top:478px; left:514px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .ninja06 { position:absolute; top:276px; left:690px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .object01 { position:absolute; top:134px; left:578px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .object02 { position:absolute; top:360px; left:64px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .object03 { position:absolute; top:594px; left:600px;} #PresentBlock .object04 { position:absolute; top:220px; left:150px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .object05 { position:absolute; top:612px; left:120px;} #PresentBlock .people01 { position:absolute; top:560px; left:42px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .people02 { position:absolute; top:578px; left:726px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .people03 { position:absolute; top:420px; left:86px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .people04 { position:absolute; top:427px; left:64px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .people05 { position:absolute; top:126px; left:364px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:8s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .people06 { position:absolute; top:390px; left:322px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:10s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .people07 { position:absolute; top:650px; left:250px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .people08 { position:absolute; top:571px; left:707px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .people09 { position:absolute; top:420px; left:670px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .people10 { position:absolute; top:622px; left:422px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .tree01 { position:absolute; top:118px; left:412px;} #PresentBlock .tree02 { position:absolute; top:416px; left:108px;} #PresentBlock .tree03 { position:absolute; top:438px; left:216px;} #PresentBlock .tree04 { position:absolute; top:180px; left:334px;} #PresentBlock .animal01 { position:absolute; top:540px; left:-14px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .animal02 { position:absolute; top:478px; left:320px;-webkit-animation-name: News_Bird01;animation-name: LR-01;-webkit-animation-duration:12s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease;-moz-animation-duration:12s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease;} #PresentBlock .bird01 { position:absolute; top:324px; left:454px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .btn01 { position:absolute; top:380px; left:94px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .btn02 { position:absolute; top:260px; left:490px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .btn03 { position:absolute; top:24px; left:440px;animation-name: Hatch01;-webkit-animation-name: Hatch01; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .Constructor {position: absolute; top: -20px; left: 140px; z-index:1;animation-name: rumble2;-webkit-animation-name: rumble2; animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%; visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} #PresentBlock .ProcessBlock{position: absolute; top: 70px; left: 115px; background: #EDE6E6; width: 100px; padding: 10px; border-radius: 5px;box-shadow: 10px 10px 10px rgba(0,0,0,0.4); } #PresentBlock .ProcessBlock #ProcessGraph { margin-bottom:-10px;font-family: 'Inconsolata';} #PresentBlock .ProcessBlock p{text-align:center; margin-bottom: -5px;} #PresentBlock .ProcessBlock .graph #ProcessGraph .circle{stroke:#3498db;} #PresentBlock .ProcessBlock .graph #ProcessGraph .border{stroke:#88ccfa;} .btn01:hover{cursor:pointer;}