@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
canvas{background:#B8C8F8 url(../img/bg1.png) repeat-x 0 0;}
.index{position:relative;margin:30px auto;width:612px;height:412px;overflow:hidden;border:1px solid #ccc;}
.left{width:610px;height:410px;background:url(../img/logo.png) no-repeat center;z-index:100;position:absolute;left:0;top:0;}
.select{left:0;top:0;width:600px;height:400px;position:absolute;padding:5px;overflow:hidden;z-index:50;}
.center{float:left;display:inline;width:600px;height:400px;border:1px solid #ccc;padding:5px;position:relative;}
.select div{width:600px;height:400px;background:#009999;position:relative;}
.select div ul{position:absolute;width:60px;height:60px;overflow:hidden;background:red;color:#000;font-size:26px;line-height:60px;text-align:center;}
.select div p{position:absolute;background:#FF0;}
.select div .g1{left:10px;top:330px;}
.select div .g2{left:170px;top:330px;}
.select div .g3{left:170px;top:220px;}
.select div .g4{left:350px;top:80px;}
.select div .g5{left:350px;top:200px;}
.select div .g6{left:350px;top:330px;}
.select div .g7{left:530px;top:330px;}
.select div .g8{left:530px;top:180px;}
.select div .g9{left:530px;top:10px;}
.select div .l1{width:100px;height:35px;left:70px;top:343px;}
.select div .l2{width:35px;height:50px;left:182px;top:280px;}
.select div .l3{width:35px;height:120px;left:182px;top:100px;}
.select div .l4{width:168px;height:35px;left:182px;top:91px;}
.select div .l5{width:35px;height:60px;left:364px;top:140px;}
.select div .l6{width:35px;height:70px;left:364px;top:260px;}
.select div .l7{width:120px;height:35px;left:410px;top:343px;}
.select div .l8{width:35px;height:90px;left:544px;top:240px;}
.select div .l9{width:35px;height:110px;left:544px;top:70px;}
.select div .l0{width:35px;height:250px;left:22px;top:80px;}
#img{position:absolute;left:25px;top:50px;z-index:10;}
.right{z-index:100;width:610px;height:410px;position:absolute;left:615px;top:0;background:#fff;}
.center p{width:150px;height:50px;line-height:50px;color:#fff;text-align:center;overflow:hidden;position:absolute;font-weight:600;}
.center p b{color:red;}
#p1{left:0px;}
#p2{left:150px;}
#p3{left:300px;}
#p4{left:450px;}
h1{width:100%;overflow:hidden;height:400px;line-height:400px;font-size:50px;color:red;text-align:center;}
h2{width:100%;overflow:hidden;height:200px;line-height:200px;font-size:38px;color:red;text-align:center;}
h3{font-size:14px;line-height:30px;text-align:center;color:#000;}