@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
body { margin: 0px; padding: 0px; background: #999; font-family: 'Open Sans', sans-serif; }
.main { width: 1200px; position: relative; margin: 0 auto; }
.homelink { top: 20px; left: 15px; width: 260px; height: 120px; }
.demo1link { top: 360px; left: 510px; z-index: 2; position: absolute; width: 180px; height: 30px; }
.demo2link { top: 395px; left: 510px; z-index: 2; position: absolute; width: 180px; height: 30px; }
.demo3link { top: 427px; left: 510px; z-index: 2; position: absolute; width: 180px; height: 30px; }
.overlay { background: rgba(0,0,0,0.8); position: fixed; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 1 }
.home { bottom: 20px; left: 20px; z-index: 2; position: absolute; }
.index { bottom: 20px; left: 60px; z-index: 2; position: absolute; }
.back { bottom: 20px; left: 100px; z-index: 2; position: absolute; }
.next { bottom: 20px; left: 140px; z-index: 2; position: absolute; }
.logo { text-align: center; margin: 15px 0 }
.h2 { text-align: center }
.indexpage a { display: block; position: relative; border-bottom: 1px solid #ccc; color: #fff; text-decoration: none; padding: 10px 0px 10px 120px; text-align: justify }
.indexpage { max-width: 700px; main: 0 auto; }
.indexpage b { position: absolute; left: 0px; }
.landingpage { max-width: 700px; main: 0 auto; padding: 25px 0 }
.landingpage a { display: inline-block; background: #666; width: 180px; margin: 5px; border: 1px solid #ccc; position: relative; border-bottom: 1px solid #ccc; color: #fff; text-decoration: none; padding: 15px; text-align: center }
.landingpage img { margin-bottom: 10px; }