以下是 纯CSS3实现3D太空飞船动画代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>纯CSS3实现3D太空飞船动画</title>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<input type="radio" name="vertical" id="v1" class="v">
<input type="radio" name="vertical" id="v2" class="v">
<input type="radio" name="vertical" id="v3" class="v">
<input type="radio" name="vertical" id="v4" class="v">
<input type="radio" name="vertical" id="v5" class="v" checked="true">
<input type="radio" name="vertical" id="v6" class="v">
<input type="radio" name="vertical" id="v7" class="v">
<input type="radio" name="vertical" id="v8" class="v">
<input type="radio" name="vertical" id="v9" class="v">
<input type="radio" name="horizontal" id="h1" class="h">
<input type="radio" name="horizontal" id="h2" class="h">
<input type="radio" name="horizontal" id="h3" class="h">
<input type="radio" name="horizontal" id="h4" class="h">
<input type="radio" name="horizontal" id="h5" class="h" checked="true">
<input type="radio" name="horizontal" id="h6" class="h">
<input type="radio" name="horizontal" id="h7" class="h">
<input type="radio" name="horizontal" id="h8" class="h">
<input type="radio" name="horizontal" id="h9" class="h">
<input type="checkbox" name="prop" id="p" class="h">
<div style="text-align:center;clear:both;position:absolute;top:0;left:260px">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<div id="controller">
<p>CAMERA (LEFT/RIGHT)</p>
<div class="hs">
<span>left</span>
<label for="h1" id="lh1"></label>
<label for="h2" id="lh2"></label>
<label for="h3" id="lh3"></label>
<label for="h4" id="lh4"></label>
<label for="h5" id="lh5"></label>
<label for="h6" id="lh6"></label>
<label for="h7" id="lh7"></label>
<label for="h8" id="lh8"></label>
<label for="h9" id="lh9"></label>
<span>right</span>
</div>
<p>CAMERA (UP/DOWN)</p>
<div class="vs">
<span>up</span>
<label for="v1" id="lv1"></label>
<label for="v2" id="lv2"></label>
<label for="v3" id="lv3"></label>
<label for="v4" id="lv4"></label>
<label for="v5" id="lv5"></label>
<label for="v6" id="lv6"></label>
<label for="v7" id="lv7"></label>
<label for="v8" id="lv8"></label>
<label for="v9" id="lv9"></label>
<span>down</span>
</div>
<p>PROPELLER (ON/OFF)</p>
<label for="p" id="lp"></label>
</div>
<style>
#back_h{
-webkit-transform: translateX(-76%);
-moz-transform: translateX(-76%);
transform: translateX(-76%);
}
#back_v{
-webkit-transform: translateY(-38%);
-moz-transform: translateY(-38%);
transform: translateY(-38%);
}
</style>
<div id="back_wrap">
<div id="back_h">
<div id="back_v">
<div class="hoshi" style="height: 3px; width: 3px; top: 25.3%; left: 40.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 87.8%; left: 43.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 39.3%; left: 2.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 69.4%; left: 27.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 3.1%; left: 58.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 41.3%; left: 95%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 36.9%; left: 98.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 64.7%; left: 15.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 9.3%; left: 96%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 94.5%; left: 80.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 63.8%; left: 6.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 86.9%; left: 94%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 89.9%; left: 33.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 0%; left: 2.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 94.8%; left: 5.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 62.3%; left: 47.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 12%; left: 84.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 36.2%; left: 48.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 6.9%; left: 58.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 67.9%; left: 52.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 59.4%; left: 16.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 91%; left: 3.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 65.8%; left: 93.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 43.3%; left: 93.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 48.2%; left: 88.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 11.7%; left: 50.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 70.2%; left: 62.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 26.8%; left: 98.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 98.9%; left: 5.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 66.8%; left: 73.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 15.6%; left: 32.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 70.8%; left: 23.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 19.7%; left: 89.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 2%; left: 32.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 87.1%; left: 81%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 78.1%; left: 92.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 16.2%; left: 62.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 38.5%; left: 89.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 9.7%; left: 88.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 39.2%; left: 55.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 21.3%; left: 71.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 19.8%; left: 41.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 21.8%; left: 61.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 17%; left: 63.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 5.5%; left: 50.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 82.2%; left: 28.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 9.1%; left: 45%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 98.6%; left: 83.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 86.5%; left: 93.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 80%; left: 32.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 46.7%; left: 53.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 46.1%; left: 73.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 69.2%; left: 95.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 81.7%; left: 12.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 26.9%; left: 17.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 53.2%; left: 0.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 72.1%; left: 9.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 54%; left: 7.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 25.6%; left: 94.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 86%; left: 74.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 1.6%; left: 20.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 88.5%; left: 67.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 17.1%; left: 36.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 7.3%; left: 17.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 61.2%; left: 44.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 65.8%; left: 98.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 99.2%; left: 70.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 77.6%; left: 24.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 39.5%; left: 49.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 94.8%; left: 35.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 82.6%; left: 37.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 24.2%; left: 25.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 39.5%; left: 42.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 50.2%; left: 50.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 73.4%; left: 11.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 14.5%; left: 77.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 55.8%; left: 76.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 6.4%; left: 53.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 64.8%; left: 93.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 17.4%; left: 88.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 44.4%; left: 70.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 92.3%; left: 95.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 7.2%; left: 34.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 58.4%; left: 84.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 27.4%; left: 58.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 41.4%; left: 72.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 53.5%; left: 28.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 35.6%; left: 34.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 42%; left: 99.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 98.3%; left: 17.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 90.2%; left: 61.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 19.5%; left: 53.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 74.8%; left: 61%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 72.9%; left: 19.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 21.3%; left: 46.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 81.3%; left: 88.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 18.3%; left: 41.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 31.8%; left: 77.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 99.2%; left: 19.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 60%; left: 17.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 9.1%; left: 7.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 29%; left: 27.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 43.9%; left: 2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 93.4%; left: 75%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 27.4%; left: 96.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 19.7%; left: 77.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 84.7%; left: 95.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 78.2%; left: 27.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 6.6%; left: 26.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 34.8%; left: 86.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 80.2%; left: 96%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 87%; left: 24.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 47.7%; left: 68.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 69.5%; left: 62.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 10.6%; left: 89.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 98.7%; left: 9.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 75%; left: 94.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 93.1%; left: 72.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 88.5%; left: 79%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 3.3%; left: 13.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 35.9%; left: 94%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 76.2%; left: 80.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 43.7%; left: 28.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 13.3%; left: 98.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 58%; left: 8.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 99%; left: 7.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 17.5%; left: 82.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 32%; left: 75.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 74.2%; left: 63.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 43.1%; left: 67.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 99.1%; left: 3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 50.9%; left: 79.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 27.7%; left: 22.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 73.4%; left: 36.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 81.3%; left: 94.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 78.8%; left: 93.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 85.8%; left: 10.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 86.8%; left: 42.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 60.2%; left: 17%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 12.5%; left: 60.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 78.7%; left: 59.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 38.7%; left: 10%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 79.7%; left: 37.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 49.3%; left: 11%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 17%; left: 92.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 93.5%; left: 71.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 77.2%; left: 56.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 43.1%; left: 43.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 84.5%; left: 3.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 89.5%; left: 16.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 61.7%; left: 95%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 36.9%; left: 33.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 91.3%; left: 13.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 68.5%; left: 62.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 82%; left: 79.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 89.7%; left: 73.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 90.7%; left: 50.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 2.4%; left: 93.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 57%; left: 77.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 28.6%; left: 67.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 60.4%; left: 29.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 51.3%; left: 66%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 52.2%; left: 57.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 90.8%; left: 25.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 40.4%; left: 7.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 82.4%; left: 97.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 95.4%; left: 88%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 65.3%; left: 90.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 78.9%; left: 47.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 96.3%; left: 76.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 30%; left: 36.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 58.7%; left: 87.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 21.1%; left: 39.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 97%; left: 30.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 35.5%; left: 71%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 53.8%; left: 53.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 45.3%; left: 48.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 87.1%; left: 14%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 22.2%; left: 93%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 35.3%; left: 89.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 15.8%; left: 19.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 25.4%; left: 77.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 0.9%; left: 99.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 33.6%; left: 96%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 92.1%; left: 31.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 58.2%; left: 85.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 21.6%; left: 30.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 73.2%; left: 17.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 15%; left: 39.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 4.4%; left: 75.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 70%; left: 91.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 72%; left: 16.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 61.7%; left: 17.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 91.4%; left: 51.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 51.6%; left: 43.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 82.9%; left: 1.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 67.5%; left: 23.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 0.8%; left: 96.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 48.3%; left: 11.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 88.8%; left: 15.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 18.4%; left: 85.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 67.2%; left: 57.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 94%; left: 19.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 19.7%; left: 10.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 41.5%; left: 62.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 94.8%; left: 45.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 33.4%; left: 12.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 2.6%; left: 13.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 89.6%; left: 62%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 16.4%; left: 50.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 18.5%; left: 69.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 11.9%; left: 36.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 21.7%; left: 30.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 49%; left: 50.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 27.4%; left: 91.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 49%; left: 86.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 72%; left: 19.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 18%; left: 22.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 60.3%; left: 11.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 13.8%; left: 28.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 83.1%; left: 46.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 38%; left: 58.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 50.7%; left: 80.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 82.8%; left: 29.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 25.6%; left: 57%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 30.9%; left: 6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 81.5%; left: 78%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 44.8%; left: 96%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 21.8%; left: 56.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 60.8%; left: 70.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 50.6%; left: 53.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 9.5%; left: 91.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 4.9%; left: 42%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 30.6%; left: 24.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 6.5%; left: 50.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 74%; left: 81.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 27.9%; left: 62.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 1.7%; left: 7.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 97.9%; left: 29.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 6%; left: 90.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 42.4%; left: 40.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 25.8%; left: 50.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 67.9%; left: 55.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 90.6%; left: 86%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 42.8%; left: 92.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 52.1%; left: 66.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 67.3%; left: 94.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 60.5%; left: 96.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 49.7%; left: 94.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 95.2%; left: 0%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 10.8%; left: 42.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 79.7%; left: 68.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 39.7%; left: 36.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 41.8%; left: 26.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 68.7%; left: 69.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 46%; left: 21.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 4.6%; left: 89%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 26%; left: 49.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 55%; left: 99.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 13.3%; left: 94.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 61.9%; left: 5.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 51.2%; left: 84.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 90.9%; left: 24.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 85.9%; left: 66.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 66.8%; left: 35%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 40.2%; left: 81%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 80.2%; left: 85.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 14.4%; left: 11.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 44.9%; left: 66.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 69.4%; left: 80%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 94%; left: 41.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 60.9%; left: 93%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 96.3%; left: 83.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 67.7%; left: 69.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 66%; left: 36.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 33.8%; left: 76.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 23.3%; left: 56.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 1.8%; left: 71.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 29.8%; left: 16.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 56.9%; left: 85.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 78.2%; left: 79.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 4.7%; left: 40.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 15.9%; left: 36.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 51.6%; left: 4.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 53.7%; left: 70.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 90.8%; left: 4.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 8.7%; left: 27.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 12.3%; left: 29.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 27.6%; left: 59.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 9.3%; left: 16%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 71.2%; left: 94.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 74.7%; left: 99%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 71.2%; left: 14.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 51.4%; left: 66.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 1.2%; left: 20.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 87.5%; left: 10.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 50.3%; left: 19.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 69.9%; left: 32%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 60.7%; left: 59.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 67.7%; left: 69%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 60.3%; left: 40.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 32.4%; left: 14.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 45%; left: 86%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 94.3%; left: 37.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 47.9%; left: 38.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 71.9%; left: 26.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 100%; left: 76.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 55.6%; left: 46.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 40.6%; left: 7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 84.9%; left: 74.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 45.1%; left: 34.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 99.6%; left: 67.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 53%; left: 12.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 21.2%; left: 6.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 56.1%; left: 54.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 11%; left: 26.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 77%; left: 26.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 62.6%; left: 82%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 80.2%; left: 22.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 57.5%; left: 7.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 3.8%; left: 52.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 90.3%; left: 52.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 91.7%; left: 5.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 79%; left: 26.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 3.7%; left: 82.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 67.1%; left: 93.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 56.6%; left: 70.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 22.4%; left: 33%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 34.6%; left: 13.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 53.7%; left: 70.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 47.6%; left: 74.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 76.4%; left: 64.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 72.5%; left: 56.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 81%; left: 35.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 96%; left: 39.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 65.5%; left: 6.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 61.4%; left: 62.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 83.5%; left: 85.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 87.6%; left: 19.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 14.2%; left: 73.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 48.3%; left: 21%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 35%; left: 97.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 73.9%; left: 69.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 17.8%; left: 50.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 88.2%; left: 46.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 41.1%; left: 12.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 87.5%; left: 73.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 4.3%; left: 57.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 54.3%; left: 44.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 17.4%; left: 59%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 51.4%; left: 7.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 59.8%; left: 42.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 33.1%; left: 16.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 62.9%; left: 33.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 28.1%; left: 22.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 32.5%; left: 63.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 43.2%; left: 50.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 16.5%; left: 55.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 75.2%; left: 9.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 53.6%; left: 26.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 5.4%; left: 78.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 78.4%; left: 38%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 48.7%; left: 71.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 89%; left: 34.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 80.1%; left: 62.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 18%; left: 94.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 68.3%; left: 38%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 92.3%; left: 54.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 73.5%; left: 29.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 99.4%; left: 83.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 84.3%; left: 88.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 76.5%; left: 67.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 11%; left: 15.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 61.8%; left: 4.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 46.5%; left: 84.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 53.4%; left: 2.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 23.4%; left: 71%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 44.1%; left: 63.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 19.9%; left: 36.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 5%; left: 36.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 17%; left: 20.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 7.2%; left: 96.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 35.4%; left: 7.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 34.7%; left: 69.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 68.2%; left: 16.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 63.8%; left: 69.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 54.3%; left: 93%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 82.7%; left: 37.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 65.7%; left: 57%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 78.4%; left: 62.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 74.3%; left: 79.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 58.9%; left: 86.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 10.6%; left: 21.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 78.1%; left: 56.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 50.1%; left: 24.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 6.9%; left: 88.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 66.5%; left: 42.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 97.1%; left: 25.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 91%; left: 91.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 21.5%; left: 69.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 88.3%; left: 43.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 75.3%; left: 2.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 59.1%; left: 13.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 50.8%; left: 91.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 12.2%; left: 41.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 89.9%; left: 48.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 36.9%; left: 14.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 77%; left: 12%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 54.1%; left: 2.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 88.3%; left: 24.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 84.6%; left: 12.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 60.1%; left: 88%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 21.9%; left: 47%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 5.5%; left: 97.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 45.8%; left: 10.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 10.6%; left: 100%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 63.9%; left: 36.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 60%; left: 13.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 81.5%; left: 67.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 94.2%; left: 56.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 76.2%; left: 40.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 1.9%; left: 0.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 30.4%; left: 22.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 72.2%; left: 28.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 5.2%; left: 74.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 79.8%; left: 84.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 2.7%; left: 48.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 40.7%; left: 8.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 90.6%; left: 90.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 43.5%; left: 84.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 20.8%; left: 60.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 10.8%; left: 62.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 88.8%; left: 92.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 13.6%; left: 65%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 36.5%; left: 70.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 69.4%; left: 49.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 2.2%; left: 52.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 72%; left: 93.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 55.5%; left: 84%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 6.9%; left: 27.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 14.5%; left: 48.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 63%; left: 59%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 12.2%; left: 47.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 84.2%; left: 61.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 84.5%; left: 97.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 58.9%; left: 67.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 17.9%; left: 69.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 25.6%; left: 41.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 42%; left: 97%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 48.4%; left: 3.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 39.1%; left: 18.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 90.4%; left: 81.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 3.9%; left: 93.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 10.3%; left: 77.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 81.8%; left: 62.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 23.3%; left: 21.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 14.7%; left: 39%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 58.9%; left: 64.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 96.4%; left: 6.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 17.6%; left: 55.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 66.4%; left: 94.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 63.3%; left: 84.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 19.1%; left: 88.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 22.7%; left: 98.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 87.6%; left: 80.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 50.4%; left: 3.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 80.4%; left: 18.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 80%; left: 77.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 21%; left: 73.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 59%; left: 91.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 0.9%; left: 57.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 61.3%; left: 21.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 3%; left: 40.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 38.5%; left: 63.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 51.7%; left: 50.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 27.2%; left: 1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 23.7%; left: 81.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 59.4%; left: 61.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 59.7%; left: 82.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 66.7%; left: 41.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 28.8%; left: 42.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 85.1%; left: 3.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 25.8%; left: 6.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 55.1%; left: 45.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 83.1%; left: 96.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 91.6%; left: 24%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 3.9%; left: 47.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 34.8%; left: 7.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 43.1%; left: 67%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 25.2%; left: 33.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 98.8%; left: 62.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 30.1%; left: 47.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 82.7%; left: 73.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 75.6%; left: 28.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 31.5%; left: 11.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 38.1%; left: 3.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 45.7%; left: 7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 34.7%; left: 41.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 85.2%; left: 85%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 18%; left: 10.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 92.3%; left: 9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 8.9%; left: 39.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 29.2%; left: 21.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 56.3%; left: 97.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 28.3%; left: 28.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 97.4%; left: 67%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 90.3%; left: 12.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 31%; left: 47.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 79%; left: 32.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 93.9%; left: 50.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 42.5%; left: 42.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 53.5%; left: 51.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 12%; left: 81%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 43.9%; left: 37.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 4.1%; left: 65.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 76%; left: 62.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 51%; left: 53.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 33%; left: 84.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 56.9%; left: 63.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 65.9%; left: 57.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 85%; left: 99.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 13.1%; left: 53.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 80.4%; left: 65.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 69.5%; left: 8.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 56%; left: 13.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 71.4%; left: 89.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 53.6%; left: 40.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 48.6%; left: 73.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 90.8%; left: 30%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 65.5%; left: 95.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 90.6%; left: 80.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 58.4%; left: 94%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 77.9%; left: 74.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 78.4%; left: 43.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 16%; left: 99.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 19.3%; left: 71.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 85.5%; left: 24.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 4.7%; left: 73.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 8.2%; left: 64.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 75.1%; left: 29.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 99%; left: 20.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 22.4%; left: 78.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 99%; left: 56.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 40.5%; left: 34.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 91.1%; left: 51%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 54.7%; left: 70.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 7.4%; left: 55.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 0.2%; left: 60.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 66.2%; left: 68.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 62%; left: 43.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 53.8%; left: 42.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 26.3%; left: 65.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 92.9%; left: 64.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 33.8%; left: 4.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 18.5%; left: 95.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 3.2%; left: 50.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 59.1%; left: 57.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 39.8%; left: 58.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 94%; left: 24.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 12.2%; left: 86.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 60.2%; left: 40.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 28.3%; left: 66.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 75.1%; left: 59.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 78.3%; left: 93.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 16.4%; left: 11.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 5.5%; left: 14.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 64.9%; left: 74%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 80.2%; left: 13.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 55.9%; left: 7.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 0.4%; left: 20%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 88.9%; left: 80.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 20%; left: 8.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 16.4%; left: 83.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 76.9%; left: 61.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 42%; left: 78.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 2.7%; left: 83.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 14%; left: 48.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 83.2%; left: 28.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 10.4%; left: 84.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 62%; left: 85.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 99.9%; left: 74%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 77.8%; left: 94.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 22.1%; left: 10.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 25.7%; left: 87.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 22.3%; left: 29.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 30.5%; left: 32.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 53.6%; left: 46.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 50.7%; left: 29.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 61.5%; left: 39.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 80.2%; left: 1.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 18.8%; left: 1.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 37.8%; left: 79.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 65.4%; left: 1.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 76.6%; left: 27.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 49.6%; left: 49.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 0.8%; left: 80.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 36%; left: 33.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 19.8%; left: 84.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 32.4%; left: 46%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 29.8%; left: 26.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 12.2%; left: 45%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 68.7%; left: 82.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 19%; left: 48.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 79.9%; left: 24.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 28%; left: 74.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 5.4%; left: 75.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 15%; left: 11.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 70.7%; left: 31%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 55.6%; left: 63.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 80.3%; left: 93.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 6.6%; left: 5.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 34.7%; left: 74.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 42.3%; left: 93.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 51.4%; left: 73%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 87.8%; left: 1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 73.9%; left: 6.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 40.1%; left: 21.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 40.2%; left: 92.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 24.7%; left: 47.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 55.3%; left: 27.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 11.8%; left: 34.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 13.5%; left: 69.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 98%; left: 11.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 30.6%; left: 63%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 88%; left: 50.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 19.6%; left: 24.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 26.5%; left: 64.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 44.6%; left: 4.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 93.7%; left: 29.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 6%; left: 85%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 11.7%; left: 96.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 22.7%; left: 10.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 7.8%; left: 8.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 86.2%; left: 38.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 37.3%; left: 26.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 89.7%; left: 46.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 48.4%; left: 73.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 28.7%; left: 17.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 1.2%; left: 11.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 21.5%; left: 17.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 69.7%; left: 29.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 52.6%; left: 51.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 4.8%; left: 59.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 68.7%; left: 45.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 95.7%; left: 83.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 73.3%; left: 72.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 75.7%; left: 21.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 42.8%; left: 50%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 14.9%; left: 51.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 16.8%; left: 72.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 3.6%; left: 42.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 87.3%; left: 95.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 81.3%; left: 100%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 83.7%; left: 68.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 24.9%; left: 64.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 93.2%; left: 37.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 7.9%; left: 13.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 95.9%; left: 56.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 1.4%; left: 71.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 18.4%; left: 87.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 52.8%; left: 91.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 16.2%; left: 78.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 31.6%; left: 60.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 6.7%; left: 43.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 27.8%; left: 68.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 32%; left: 61.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 9.1%; left: 69.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 7.5%; left: 65.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 56%; left: 67%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 55.8%; left: 85.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 28.3%; left: 38.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 43.5%; left: 54.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 53.8%; left: 86%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 64.1%; left: 92.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 43%; left: 20.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 86.3%; left: 52.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 67.1%; left: 61.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 61.2%; left: 69.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 11.4%; left: 25.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 32.8%; left: 81.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 42.1%; left: 9.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 42.9%; left: 53%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 22.4%; left: 6.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 62%; left: 70.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 45.2%; left: 13.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 97.2%; left: 0%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 10.7%; left: 67.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 94%; left: 28.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 42.7%; left: 39.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 58.3%; left: 72.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 59.4%; left: 14.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 98.5%; left: 57.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 92.1%; left: 80.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 71.6%; left: 42%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 43.8%; left: 87.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 36.5%; left: 84.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 81.9%; left: 95.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 88.9%; left: 89.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 65.2%; left: 31.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 66.9%; left: 90.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 49.6%; left: 49.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 41.7%; left: 47.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 86.8%; left: 39.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 38.7%; left: 11.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 61.4%; left: 55.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 98%; left: 91.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 34.6%; left: 73.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 38.3%; left: 62.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 70.3%; left: 27.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 42.1%; left: 94.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 86.6%; left: 44.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 45.7%; left: 85.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 62.5%; left: 72.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 59.4%; left: 11.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 98.4%; left: 72.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 24.5%; left: 70.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 35.1%; left: 5.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 40.8%; left: 43.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 35.6%; left: 13.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 62.1%; left: 56.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 78.7%; left: 42.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 44.6%; left: 88.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 58.4%; left: 50.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 12.1%; left: 10.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 77.4%; left: 8.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 97.9%; left: 33.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 10%; left: 68.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 96.1%; left: 9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 44.5%; left: 44.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 20.7%; left: 6.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 91.6%; left: 85.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 6.5%; left: 29.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 7.3%; left: 88.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 80.9%; left: 0.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 65.8%; left: 77.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 23.4%; left: 75.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 51.9%; left: 85.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 85.7%; left: 81.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 63.2%; left: 26.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 54.6%; left: 46.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 2.1%; left: 38.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 92.4%; left: 44.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 70.9%; left: 52.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 0.2%; left: 33.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 39.8%; left: 99%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 88.1%; left: 22.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 69.3%; left: 74.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 18.7%; left: 60%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 77.2%; left: 23.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 80.3%; left: 77.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 90.1%; left: 80.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 85.2%; left: 72.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 10.3%; left: 43.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 23.7%; left: 43.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 37.5%; left: 83.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 29.1%; left: 71.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 96.4%; left: 40.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 49.3%; left: 59.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 83.9%; left: 36.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 44.7%; left: 16.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 52.3%; left: 6.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 98.3%; left: 92%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 89.3%; left: 2.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 32.5%; left: 26%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 8.9%; left: 63.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 84.3%; left: 92.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 82.1%; left: 89.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 54.1%; left: 38.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 86.3%; left: 22.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 41.5%; left: 67%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 74.7%; left: 19.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 87.8%; left: 17.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 73.4%; left: 6.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 2.1%; left: 39.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 74.5%; left: 48.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 30%; left: 32.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 57%; left: 14.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 24.6%; left: 68.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 51.6%; left: 54.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 15%; left: 96.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 95.2%; left: 71%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 82.1%; left: 58.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 61%; left: 32.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 42.2%; left: 34.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 49.4%; left: 8.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 20.1%; left: 38.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 83.7%; left: 95.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 36.2%; left: 20.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 27.1%; left: 71.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 40.4%; left: 86.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 20.6%; left: 82.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 20.1%; left: 64.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 37.1%; left: 25.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 60.9%; left: 67.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 23.8%; left: 16.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 35%; left: 36.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 78.5%; left: 20.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 36.5%; left: 56.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 63.1%; left: 83.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 44.4%; left: 24.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 22.1%; left: 44.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 70.8%; left: 64.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 78.2%; left: 2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 17.6%; left: 62.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 91.4%; left: 86.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 73.7%; left: 21.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 94.7%; left: 0.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 11.4%; left: 36.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 48.5%; left: 99.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 57.5%; left: 44.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 53.4%; left: 66.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 31.3%; left: 37.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 73.4%; left: 15.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 40.5%; left: 33%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 75%; left: 24.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 26.2%; left: 98.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 14.4%; left: 92.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 23.2%; left: 4.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 88.7%; left: 52.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 38%; left: 10%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 11.5%; left: 63.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 29.9%; left: 94.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 13.2%; left: 68.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 98.6%; left: 8.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 46.8%; left: 83.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 81.7%; left: 9.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 38.4%; left: 24.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 95.4%; left: 47.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 89.1%; left: 36.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 82.6%; left: 74.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 20.3%; left: 85.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 24.4%; left: 15.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 65.6%; left: 28.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 22.1%; left: 27.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 11.6%; left: 74.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 25.5%; left: 56%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 37.3%; left: 94.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 41.9%; left: 89.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 50.6%; left: 78.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 11.9%; left: 61.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 83.4%; left: 81.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 18.2%; left: 6.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 47.9%; left: 71.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 45.6%; left: 93.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 52.1%; left: 5.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 42.2%; left: 30.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 42.3%; left: 68.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 66.9%; left: 10.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 39%; left: 60.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 47.5%; left: 72.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 30.2%; left: 56.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 98.9%; left: 74.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 83.2%; left: 22.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 96.6%; left: 67.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 37.3%; left: 20%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 52.4%; left: 62.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 23.5%; left: 4.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 89%; left: 71.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 44.2%; left: 10.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 78.4%; left: 57.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 73.9%; left: 88.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 51.1%; left: 87%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 34.4%; left: 70.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 89.6%; left: 66.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 38.5%; left: 3.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 92.9%; left: 56.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 78.3%; left: 80%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 31.9%; left: 69%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 95.9%; left: 13.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 20.7%; left: 91.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 18.4%; left: 65.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 72.4%; left: 16.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 0.6%; left: 50.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 51.3%; left: 40.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 69.9%; left: 78.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 8.5%; left: 71.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 9.3%; left: 50.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 14.8%; left: 82%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 91.9%; left: 77.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 79.3%; left: 98.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 24.5%; left: 16.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 58%; left: 89.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 78.5%; left: 90%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 69%; left: 41.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 26.2%; left: 11.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 87.4%; left: 19.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 5%; left: 29.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 2.5%; left: 43.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 69.1%; left: 35.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 48.8%; left: 14.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 20%; left: 39.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 56.5%; left: 97.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 9.5%; left: 76%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 13.3%; left: 45%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 57.7%; left: 71.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 80.9%; left: 58.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 76%; left: 63.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 21%; left: 66.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 48.1%; left: 35.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 53%; left: 84.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 56.4%; left: 4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 76.8%; left: 60.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 86.4%; left: 70.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 86%; left: 83.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 26.9%; left: 41.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 79%; left: 22.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 50.8%; left: 98.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 51.7%; left: 19%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 96.5%; left: 67.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 77.1%; left: 20%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 72.6%; left: 76.4%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 7.6%; left: 53.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 40.3%; left: 39.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 48.8%; left: 25.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 2.3%; left: 52.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 27%; left: 31.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 10.3%; left: 82.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 57.1%; left: 33.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 70.2%; left: 30.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 18.4%; left: 7.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 50.8%; left: 79.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 87.3%; left: 87.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 84.3%; left: 27.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 51.4%; left: 76.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 2.1%; left: 79.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 94%; left: 6.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 7.9%; left: 16.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 19.8%; left: 73.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 50.9%; left: 43.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 48.9%; left: 62.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 67.1%; left: 13%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 61.6%; left: 0.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 9.2%; left: 84.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 96.5%; left: 36%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 9.1%; left: 38.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 74.3%; left: 32%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 70.8%; left: 40%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 49.5%; left: 59.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 61.9%; left: 10.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 4.6%; left: 59.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 54.7%; left: 26.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 84.7%; left: 88.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 2.2%; left: 97.5%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 47.6%; left: 94%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 69.7%; left: 3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 70.9%; left: 77.4%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 78.2%; left: 48.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 1.8%; left: 97.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 99.1%; left: 59.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 40%; left: 64.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 43.1%; left: 18.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 59.3%; left: 3.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 75.7%; left: 5.9%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 76.6%; left: 53.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 13.4%; left: 23.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 88.4%; left: 94.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 95.5%; left: 72.3%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 42.4%; left: 74.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 49.3%; left: 73.2%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 66.9%; left: 13.1%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 44.1%; left: 56.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 48%; left: 15.5%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 40.1%; left: 91.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 29.7%; left: 67.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 13.2%; left: 81.2%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 99.9%; left: 69.6%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 63.9%; left: 65%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 76%; left: 7.4%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 85.8%; left: 56.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 55.1%; left: 23.6%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 88.7%; left: 67.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 41.2%; left: 15.7%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 97.4%; left: 55.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 59.4%; left: 85.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 75%; left: 99%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 13.8%; left: 98.9%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 46.8%; left: 62.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 52.1%; left: 38.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 31.4%; left: 24.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 83.9%; left: 79.7%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 49.5%; left: 68.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 71.4%; left: 9.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 8.8%; left: 6.8%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 37.4%; left: 66.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 33.8%; left: 41.2%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 11.3%; left: 55%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 58.4%; left: 1.8%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 70.4%; left: 53.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 89.8%; left: 85.3%;"></div>
<div class="hoshi" style="height: 2px; width: 2px; top: 66%; left: 69.1%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 65.7%; left: 18.5%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 33.2%; left: 89.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 16.3%; left: 98.7%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 55.5%; left: 36.1%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 80.2%; left: 69.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 3.8%; left: 81.3%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 26.3%; left: 39.6%;"></div>
<div class="hoshi" style="height: 3px; width: 3px; top: 11.5%; left: 9.9%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 35.4%; left: 99.8%;"></div>
<div class="hoshi" style="height: 1px; width: 1px; top: 83.7%; left: 65.7%;"></div>
</div>
</div>
</div>
<div id="wrap">
<div id="inner">
<div id="content">
<div id="ship_wrap">
<div class="balloon">
<ul id="balloon_ul_0" class="balloon_ul">
<li balloon_ul="0" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="0" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_1" class="balloon_ul">
<li balloon_ul="1" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="1" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_2" class="balloon_ul">
<li balloon_ul="2" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="2" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_3" class="balloon_ul">
<li balloon_ul="3" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="3" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_4" class="balloon_ul">
<li balloon_ul="4" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="4" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_5" class="balloon_ul">
<li balloon_ul="5" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="5" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_6" class="balloon_ul">
<li balloon_ul="6" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="6" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_7" class="balloon_ul">
<li balloon_ul="7" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="7" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_8" class="balloon_ul">
<li balloon_ul="8" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="8" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_9" class="balloon_ul">
<li balloon_ul="9" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="9" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_10" class="balloon_ul">
<li balloon_ul="10" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="10" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_11" class="balloon_ul">
<li balloon_ul="11" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="11" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_12" class="balloon_ul">
<li balloon_ul="12" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="12" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_13" class="balloon_ul">
<li balloon_ul="13" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="13" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_14" class="balloon_ul">
<li balloon_ul="14" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="14" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_15" class="balloon_ul">
<li balloon_ul="15" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="15" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_16" class="balloon_ul">
<li balloon_ul="16" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="16" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_17" class="balloon_ul">
<li balloon_ul="17" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="17" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
<ul id="balloon_ul_18" class="balloon_ul">
<li balloon_ul="18" balloon_li="0" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="1" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="2" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="3" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="4" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="5" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="6" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="7" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="8" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="9" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="10" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="11" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="12" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="13" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="14" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="15" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="16" class="balloon_li"><div><div></div></div></li>
<li balloon_ul="18" balloon_li="17" class="balloon_li"><div><div></div></div></li>
</ul>
</div>
<div class="propeller">
<div></div>
<div></div>
</div>
<div class="ship">
<ul id="ship_ul_0" class="ship_ul">
<li ship_ul="0" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="0" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_1" class="ship_ul">
<li ship_ul="1" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="1" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_2" class="ship_ul">
<li ship_ul="2" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="2" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_3" class="ship_ul">
<li ship_ul="3" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="3" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_4" class="ship_ul">
<li ship_ul="4" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="4" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_5" class="ship_ul">
<li ship_ul="5" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="5" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_6" class="ship_ul">
<li ship_ul="6" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="6" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_7" class="ship_ul">
<li ship_ul="7" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="7" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_8" class="ship_ul">
<li ship_ul="8" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="8" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_9" class="ship_ul">
<li ship_ul="9" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="9" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_10" class="ship_ul">
<li ship_ul="10" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="10" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_11" class="ship_ul">
<li ship_ul="11" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="11" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_12" class="ship_ul">
<li ship_ul="12" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="12" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_13" class="ship_ul">
<li ship_ul="13" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="13" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_14" class="ship_ul">
<li ship_ul="14" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="14" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_15" class="ship_ul">
<li ship_ul="15" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="15" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_16" class="ship_ul">
<li ship_ul="16" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="16" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_17" class="ship_ul">
<li ship_ul="17" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="17" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
<ul id="ship_ul_18" class="ship_ul">
<li ship_ul="18" ship_li="0" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="1" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="2" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="3" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="4" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="5" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="6" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="7" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="8" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="9" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="10" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="11" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="12" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="13" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="14" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="15" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="16" class="ship_li"><div><div></div></div></li>
<li ship_ul="18" ship_li="17" class="ship_li"><div><div></div></div></li>
</ul>
</div>
<div class="himo" id="himo1"></div>
<div class="himo" id="himo2"></div>
<div class="himo" id="himo3"></div>
<div class="himo" id="himo4"></div>
<div class="himo" id="himo5"></div>
<div class="himo" id="himo6"></div>
</div>
</div>
</div>
</div>
</body>
</html>CSS代码(style.css):
html,body{height:100%;width:100%;font-size:0;}
body{background-color:#01040a;margin:0;height:100%;}
ul{padding:0;margin:0;list-style:none;}
#wrap{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:700;-moz-perspective:700;-ms-perspective:700;perspective:700;width:100%;height:100%;margin:0 auto;overflow:hidden;}
#inner{position:absolute;height:800px;width:1000px;left:50%;margin-left:-500px;top:50%;margin-top:-400px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0,0,-300px);-moz-transform:translate3d(0,0,-300px);transform:translate3d(0,0,-300px);}
#content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;transition:all 2s ease;height:800px;}
#v1:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-90deg);-moz-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-90deg);transform:rotateY(90deg) rotateX(-0deg) rotateZ(-90deg);}
#v2:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-67.5deg);-moz-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-67.5deg);transform:rotateY(90deg) rotateX(-0deg) rotateZ(-67.5deg);}
#v3:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-45deg);-moz-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-45deg);transform:rotateY(90deg) rotateX(-0deg) rotateZ(-45deg);}
#v4:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-22.5deg);-moz-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-22.5deg);transform:rotateY(90deg) rotateX(-0deg) rotateZ(-22.5deg);}
#v5:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-0deg);-moz-transform:rotateY(90deg) rotateX(-0deg) rotateZ(-0deg);transform:rotateY(90deg) rotateX(-0deg) rotateZ(-0deg);}
#v6:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(22.5deg);-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(22.5deg);transform:rotateY(90deg) rotateX(0deg) rotateZ(22.5deg);}
#v7:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(45deg);-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(45deg);transform:rotateY(90deg) rotateX(0deg) rotateZ(45deg);}
#v8:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(67.5deg);-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(67.5deg);transform:rotateY(90deg) rotateX(0deg) rotateZ(67.5deg);}
#v9:checked~#h1:checked~#wrap>#inner #content{-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(90deg);-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(90deg);transform:rotateY(90deg) rotateX(0deg) rotateZ(90deg);}
#v1:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(-22.5deg) rotateZ(-67.5deg);-moz-transform:rotateY(67.5deg) rotateX(-22.5deg) rotateZ(-67.5deg);transform:rotateY(67.5deg) rotateX(-22.5deg) rotateZ(-67.5deg);}
#v2:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(-16.875deg) rotateZ(-50.625deg);-moz-transform:rotateY(67.5deg) rotateX(-16.875deg) rotateZ(-50.625deg);transform:rotateY(67.5deg) rotateX(-16.875deg) rotateZ(-50.625deg);}
#v3:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(-11.25deg) rotateZ(-33.75deg);-moz-transform:rotateY(67.5deg) rotateX(-11.25deg) rotateZ(-33.75deg);transform:rotateY(67.5deg) rotateX(-11.25deg) rotateZ(-33.75deg);}
#v4:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(-5.625deg) rotateZ(-16.875deg);-moz-transform:rotateY(67.5deg) rotateX(-5.625deg) rotateZ(-16.875deg);transform:rotateY(67.5deg) rotateX(-5.625deg) rotateZ(-16.875deg);}
#v5:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(-0deg) rotateZ(-0deg);-moz-transform:rotateY(67.5deg) rotateX(-0deg) rotateZ(-0deg);transform:rotateY(67.5deg) rotateX(-0deg) rotateZ(-0deg);}
#v6:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(5.625deg) rotateZ(16.875deg);-moz-transform:rotateY(67.5deg) rotateX(5.625deg) rotateZ(16.875deg);transform:rotateY(67.5deg) rotateX(5.625deg) rotateZ(16.875deg);}
#v7:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(11.25deg) rotateZ(33.75deg);-moz-transform:rotateY(67.5deg) rotateX(11.25deg) rotateZ(33.75deg);transform:rotateY(67.5deg) rotateX(11.25deg) rotateZ(33.75deg);}
#v8:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(16.875deg) rotateZ(50.625deg);-moz-transform:rotateY(67.5deg) rotateX(16.875deg) rotateZ(50.625deg);transform:rotateY(67.5deg) rotateX(16.875deg) rotateZ(50.625deg);}
#v9:checked~#h2:checked~#wrap>#inner #content{-webkit-transform:rotateY(67.5deg) rotateX(22.5deg) rotateZ(67.5deg);-moz-transform:rotateY(67.5deg) rotateX(22.5deg) rotateZ(67.5deg);transform:rotateY(67.5deg) rotateX(22.5deg) rotateZ(67.5deg);}
#v1:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(-45deg) rotateZ(-45deg);-moz-transform:rotateY(45deg) rotateX(-45deg) rotateZ(-45deg);transform:rotateY(45deg) rotateX(-45deg) rotateZ(-45deg);}
#v2:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(-33.75deg) rotateZ(-33.75deg);-moz-transform:rotateY(45deg) rotateX(-33.75deg) rotateZ(-33.75deg);transform:rotateY(45deg) rotateX(-33.75deg) rotateZ(-33.75deg);}
#v3:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(-22.5deg) rotateZ(-22.5deg);-moz-transform:rotateY(45deg) rotateX(-22.5deg) rotateZ(-22.5deg);transform:rotateY(45deg) rotateX(-22.5deg) rotateZ(-22.5deg);}
#v4:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(-11.25deg) rotateZ(-11.25deg);-moz-transform:rotateY(45deg) rotateX(-11.25deg) rotateZ(-11.25deg);transform:rotateY(45deg) rotateX(-11.25deg) rotateZ(-11.25deg);}
#v5:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(-0deg) rotateZ(-0deg);-moz-transform:rotateY(45deg) rotateX(-0deg) rotateZ(-0deg);transform:rotateY(45deg) rotateX(-0deg) rotateZ(-0deg);}
#v6:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(11.25deg) rotateZ(11.25deg);-moz-transform:rotateY(45deg) rotateX(11.25deg) rotateZ(11.25deg);transform:rotateY(45deg) rotateX(11.25deg) rotateZ(11.25deg);}
#v7:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(22.5deg) rotateZ(22.5deg);-moz-transform:rotateY(45deg) rotateX(22.5deg) rotateZ(22.5deg);transform:rotateY(45deg) rotateX(22.5deg) rotateZ(22.5deg);}
#v8:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(33.75deg) rotateZ(33.75deg);-moz-transform:rotateY(45deg) rotateX(33.75deg) rotateZ(33.75deg);transform:rotateY(45deg) rotateX(33.75deg) rotateZ(33.75deg);}
#v9:checked~#h3:checked~#wrap>#inner #content{-webkit-transform:rotateY(45deg) rotateX(45deg) rotateZ(45deg);-moz-transform:rotateY(45deg) rotateX(45deg) rotateZ(45deg);transform:rotateY(45deg) rotateX(45deg) rotateZ(45deg);}
#v1:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(-67.5deg) rotateZ(-22.5deg);-moz-transform:rotateY(22.5deg) rotateX(-67.5deg) rotateZ(-22.5deg);transform:rotateY(22.5deg) rotateX(-67.5deg) rotateZ(-22.5deg);}
#v2:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(-50.625deg) rotateZ(-16.875deg);-moz-transform:rotateY(22.5deg) rotateX(-50.625deg) rotateZ(-16.875deg);transform:rotateY(22.5deg) rotateX(-50.625deg) rotateZ(-16.875deg);}
#v3:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(-33.75deg) rotateZ(-11.25deg);-moz-transform:rotateY(22.5deg) rotateX(-33.75deg) rotateZ(-11.25deg);transform:rotateY(22.5deg) rotateX(-33.75deg) rotateZ(-11.25deg);}
#v4:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(-16.875deg) rotateZ(-5.625deg);-moz-transform:rotateY(22.5deg) rotateX(-16.875deg) rotateZ(-5.625deg);transform:rotateY(22.5deg) rotateX(-16.875deg) rotateZ(-5.625deg);}
#v5:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(-0deg) rotateZ(-0deg);-moz-transform:rotateY(22.5deg) rotateX(-0deg) rotateZ(-0deg);transform:rotateY(22.5deg) rotateX(-0deg) rotateZ(-0deg);}
#v6:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(16.875deg) rotateZ(5.625deg);-moz-transform:rotateY(22.5deg) rotateX(16.875deg) rotateZ(5.625deg);transform:rotateY(22.5deg) rotateX(16.875deg) rotateZ(5.625deg);}
#v7:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(33.75deg) rotateZ(11.25deg);-moz-transform:rotateY(22.5deg) rotateX(33.75deg) rotateZ(11.25deg);transform:rotateY(22.5deg) rotateX(33.75deg) rotateZ(11.25deg);}
#v8:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(50.625deg) rotateZ(16.875deg);-moz-transform:rotateY(22.5deg) rotateX(50.625deg) rotateZ(16.875deg);transform:rotateY(22.5deg) rotateX(50.625deg) rotateZ(16.875deg);}
#v9:checked~#h4:checked~#wrap>#inner #content{-webkit-transform:rotateY(22.5deg) rotateX(67.5deg) rotateZ(22.5deg);-moz-transform:rotateY(22.5deg) rotateX(67.5deg) rotateZ(22.5deg);transform:rotateY(22.5deg) rotateX(67.5deg) rotateZ(22.5deg);}
#v1:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(-90deg) rotateZ(-0deg);-moz-transform:rotateY(0deg) rotateX(-90deg) rotateZ(-0deg);transform:rotateY(0deg) rotateX(-90deg) rotateZ(-0deg);}
#v2:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(-67.5deg) rotateZ(-0deg);-moz-transform:rotateY(0deg) rotateX(-67.5deg) rotateZ(-0deg);transform:rotateY(0deg) rotateX(-67.5deg) rotateZ(-0deg);}
#v3:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(-45deg) rotateZ(-0deg);-moz-transform:rotateY(0deg) rotateX(-45deg) rotateZ(-0deg);transform:rotateY(0deg) rotateX(-45deg) rotateZ(-0deg);}
#v4:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(-22.5deg) rotateZ(-0deg);-moz-transform:rotateY(0deg) rotateX(-22.5deg) rotateZ(-0deg);transform:rotateY(0deg) rotateX(-22.5deg) rotateZ(-0deg);}
#v5:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(-0deg) rotateZ(-0deg);-moz-transform:rotateY(0deg) rotateX(-0deg) rotateZ(-0deg);transform:rotateY(0deg) rotateX(-0deg) rotateZ(-0deg);}
#v6:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(22.5deg) rotateZ(0deg);-moz-transform:rotateY(0deg) rotateX(22.5deg) rotateZ(0deg);transform:rotateY(0deg) rotateX(22.5deg) rotateZ(0deg);}
#v7:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(45deg) rotateZ(0deg);-moz-transform:rotateY(0deg) rotateX(45deg) rotateZ(0deg);transform:rotateY(0deg) rotateX(45deg) rotateZ(0deg);}
#v8:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(67.5deg) rotateZ(0deg);-moz-transform:rotateY(0deg) rotateX(67.5deg) rotateZ(0deg);transform:rotateY(0deg) rotateX(67.5deg) rotateZ(0deg);}
#v9:checked~#h5:checked~#wrap>#inner #content{-webkit-transform:rotateY(0deg) rotateX(90deg) rotateZ(0deg);-moz-transform:rotateY(0deg) rotateX(90deg) rotateZ(0deg);transform:rotateY(0deg) rotateX(90deg) rotateZ(0deg);}
#v1:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(-67.5deg) rotateZ(22.5deg);-moz-transform:rotateY(-22.5deg) rotateX(-67.5deg) rotateZ(22.5deg);transform:rotateY(-22.5deg) rotateX(-67.5deg) rotateZ(22.5deg);}
#v2:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(-50.625deg) rotateZ(16.875deg);-moz-transform:rotateY(-22.5deg) rotateX(-50.625deg) rotateZ(16.875deg);transform:rotateY(-22.5deg) rotateX(-50.625deg) rotateZ(16.875deg);}
#v3:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(-33.75deg) rotateZ(11.25deg);-moz-transform:rotateY(-22.5deg) rotateX(-33.75deg) rotateZ(11.25deg);transform:rotateY(-22.5deg) rotateX(-33.75deg) rotateZ(11.25deg);}
#v4:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(-16.875deg) rotateZ(5.625deg);-moz-transform:rotateY(-22.5deg) rotateX(-16.875deg) rotateZ(5.625deg);transform:rotateY(-22.5deg) rotateX(-16.875deg) rotateZ(5.625deg);}
#v5:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(-0deg) rotateZ(0deg);-moz-transform:rotateY(-22.5deg) rotateX(-0deg) rotateZ(0deg);transform:rotateY(-22.5deg) rotateX(-0deg) rotateZ(0deg);}
#v6:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(16.875deg) rotateZ(-5.625deg);-moz-transform:rotateY(-22.5deg) rotateX(16.875deg) rotateZ(-5.625deg);transform:rotateY(-22.5deg) rotateX(16.875deg) rotateZ(-5.625deg);}
#v7:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(33.75deg) rotateZ(-11.25deg);-moz-transform:rotateY(-22.5deg) rotateX(33.75deg) rotateZ(-11.25deg);transform:rotateY(-22.5deg) rotateX(33.75deg) rotateZ(-11.25deg);}
#v8:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(50.625deg) rotateZ(-16.875deg);-moz-transform:rotateY(-22.5deg) rotateX(50.625deg) rotateZ(-16.875deg);transform:rotateY(-22.5deg) rotateX(50.625deg) rotateZ(-16.875deg);}
#v9:checked~#h6:checked~#wrap>#inner #content{-webkit-transform:rotateY(-22.5deg) rotateX(67.5deg) rotateZ(-22.5deg);-moz-transform:rotateY(-22.5deg) rotateX(67.5deg) rotateZ(-22.5deg);transform:rotateY(-22.5deg) rotateX(67.5deg) rotateZ(-22.5deg);}
#v1:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(-45deg) rotateZ(45deg);-moz-transform:rotateY(-45deg) rotateX(-45deg) rotateZ(45deg);transform:rotateY(-45deg) rotateX(-45deg) rotateZ(45deg);}
#v2:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(-33.75deg) rotateZ(33.75deg);-moz-transform:rotateY(-45deg) rotateX(-33.75deg) rotateZ(33.75deg);transform:rotateY(-45deg) rotateX(-33.75deg) rotateZ(33.75deg);}
#v3:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(-22.5deg) rotateZ(22.5deg);-moz-transform:rotateY(-45deg) rotateX(-22.5deg) rotateZ(22.5deg);transform:rotateY(-45deg) rotateX(-22.5deg) rotateZ(22.5deg);}
#v4:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(-11.25deg) rotateZ(11.25deg);-moz-transform:rotateY(-45deg) rotateX(-11.25deg) rotateZ(11.25deg);transform:rotateY(-45deg) rotateX(-11.25deg) rotateZ(11.25deg);}
#v5:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(-0deg) rotateZ(0deg);-moz-transform:rotateY(-45deg) rotateX(-0deg) rotateZ(0deg);transform:rotateY(-45deg) rotateX(-0deg) rotateZ(0deg);}
#v6:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(11.25deg) rotateZ(-11.25deg);-moz-transform:rotateY(-45deg) rotateX(11.25deg) rotateZ(-11.25deg);transform:rotateY(-45deg) rotateX(11.25deg) rotateZ(-11.25deg);}
#v7:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(22.5deg) rotateZ(-22.5deg);-moz-transform:rotateY(-45deg) rotateX(22.5deg) rotateZ(-22.5deg);transform:rotateY(-45deg) rotateX(22.5deg) rotateZ(-22.5deg);}
#v8:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(33.75deg) rotateZ(-33.75deg);-moz-transform:rotateY(-45deg) rotateX(33.75deg) rotateZ(-33.75deg);transform:rotateY(-45deg) rotateX(33.75deg) rotateZ(-33.75deg);}
#v9:checked~#h7:checked~#wrap>#inner #content{-webkit-transform:rotateY(-45deg) rotateX(45deg) rotateZ(-45deg);-moz-transform:rotateY(-45deg) rotateX(45deg) rotateZ(-45deg);transform:rotateY(-45deg) rotateX(45deg) rotateZ(-45deg);}
#v1:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(-22.5deg) rotateZ(67.5deg);-moz-transform:rotateY(-67.5deg) rotateX(-22.5deg) rotateZ(67.5deg);transform:rotateY(-67.5deg) rotateX(-22.5deg) rotateZ(67.5deg);}
#v2:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(-16.875deg) rotateZ(50.625deg);-moz-transform:rotateY(-67.5deg) rotateX(-16.875deg) rotateZ(50.625deg);transform:rotateY(-67.5deg) rotateX(-16.875deg) rotateZ(50.625deg);}
#v3:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(-11.25deg) rotateZ(33.75deg);-moz-transform:rotateY(-67.5deg) rotateX(-11.25deg) rotateZ(33.75deg);transform:rotateY(-67.5deg) rotateX(-11.25deg) rotateZ(33.75deg);}
#v4:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(-5.625deg) rotateZ(16.875deg);-moz-transform:rotateY(-67.5deg) rotateX(-5.625deg) rotateZ(16.875deg);transform:rotateY(-67.5deg) rotateX(-5.625deg) rotateZ(16.875deg);}
#v5:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(-0deg) rotateZ(0deg);-moz-transform:rotateY(-67.5deg) rotateX(-0deg) rotateZ(0deg);transform:rotateY(-67.5deg) rotateX(-0deg) rotateZ(0deg);}
#v6:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(5.625deg) rotateZ(-16.875deg);-moz-transform:rotateY(-67.5deg) rotateX(5.625deg) rotateZ(-16.875deg);transform:rotateY(-67.5deg) rotateX(5.625deg) rotateZ(-16.875deg);}
#v7:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(11.25deg) rotateZ(-33.75deg);-moz-transform:rotateY(-67.5deg) rotateX(11.25deg) rotateZ(-33.75deg);transform:rotateY(-67.5deg) rotateX(11.25deg) rotateZ(-33.75deg);}
#v8:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(16.875deg) rotateZ(-50.625deg);-moz-transform:rotateY(-67.5deg) rotateX(16.875deg) rotateZ(-50.625deg);transform:rotateY(-67.5deg) rotateX(16.875deg) rotateZ(-50.625deg);}
#v9:checked~#h8:checked~#wrap>#inner #content{-webkit-transform:rotateY(-67.5deg) rotateX(22.5deg) rotateZ(-67.5deg);-moz-transform:rotateY(-67.5deg) rotateX(22.5deg) rotateZ(-67.5deg);transform:rotateY(-67.5deg) rotateX(22.5deg) rotateZ(-67.5deg);}
#v1:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(90deg);-moz-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(90deg);transform:rotateY(-90deg) rotateX(-0deg) rotateZ(90deg);}
#v2:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(67.5deg);-moz-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(67.5deg);transform:rotateY(-90deg) rotateX(-0deg) rotateZ(67.5deg);}
#v3:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(45deg);-moz-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(45deg);transform:rotateY(-90deg) rotateX(-0deg) rotateZ(45deg);}
#v4:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(22.5deg);-moz-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(22.5deg);transform:rotateY(-90deg) rotateX(-0deg) rotateZ(22.5deg);}
#v5:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(0deg);-moz-transform:rotateY(-90deg) rotateX(-0deg) rotateZ(0deg);transform:rotateY(-90deg) rotateX(-0deg) rotateZ(0deg);}
#v6:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(0deg) rotateZ(-22.5deg);-moz-transform:rotateY(-90deg) rotateX(0deg) rotateZ(-22.5deg);transform:rotateY(-90deg) rotateX(0deg) rotateZ(-22.5deg);}
#v7:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(0deg) rotateZ(-45deg);-moz-transform:rotateY(-90deg) rotateX(0deg) rotateZ(-45deg);transform:rotateY(-90deg) rotateX(0deg) rotateZ(-45deg);}
#v8:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(0deg) rotateZ(-67.5deg);-moz-transform:rotateY(-90deg) rotateX(0deg) rotateZ(-67.5deg);transform:rotateY(-90deg) rotateX(0deg) rotateZ(-67.5deg);}
#v9:checked~#h9:checked~#wrap>#inner #content{-webkit-transform:rotateY(-90deg) rotateX(0deg) rotateZ(-90deg);-moz-transform:rotateY(-90deg) rotateX(0deg) rotateZ(-90deg);transform:rotateY(-90deg) rotateX(0deg) rotateZ(-90deg);}
.v,.h{display:none;}
#controller{position:absolute;z-index:10000;font-size:10px;padding:16px 24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,0.7);font-family:"Quicksand";-webkit-transform:translateZ(10000px);-moz-transform:translateZ(10000px);-ms-transform:translateZ(10000px);-o-transform:translateZ(10000px);transform:translateZ(10000px);}
p{margin:0;}
.vs,.hs{position:relative;height:40px;width:140px;padding-top:20px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:8px;}
.vs>span,.hs>span{position:absolute;width:40px;text-align:right;right:0px;top:4px;font-size:9px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
.vs>span:nth-child(1),.hs>span:nth-child(1){right:auto;left:0px;text-align:left;}
#controller label{height:10px;width:10px;background-color:rgba(0,0,0,0.3);display:inline-block;vertical-align:top;border-radius:14px;cursor:pointer;}
#controller label#lp{border-radius:2px;margin-left:4px;margin-top:4px;}
#ship_wrap{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(100px) translateX(-40px);-moz-transform:translateY(100px) translateX(-40px);transform:translateY(100px) translateX(-40px);}
#back_wrap{position:absolute;height:100%;width:100%;overflow:hidden;}
#back_h,#back_v{position:absolute;height:200%;width:200%;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;transition:all 2s ease;}
.hoshi{position:absolute;background-color:#fff;opacity:0.5;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
#h1:checked~#back_wrap #back_h{-webkit-transform:translateX(-152%);-moz-transform:translateX(-152%);transform:translateX(-152%);}
#h1:checked~#controller #lh1{background-color:rgba(0,0,0,0.8);}
#h2:checked~#back_wrap #back_h{-webkit-transform:translateX(-133%);-moz-transform:translateX(-133%);transform:translateX(-133%);}
#h2:checked~#controller #lh2{background-color:rgba(0,0,0,0.8);}
#h3:checked~#back_wrap #back_h{-webkit-transform:translateX(-114%);-moz-transform:translateX(-114%);transform:translateX(-114%);}
#h3:checked~#controller #lh3{background-color:rgba(0,0,0,0.8);}
#h4:checked~#back_wrap #back_h{-webkit-transform:translateX(-95%);-moz-transform:translateX(-95%);transform:translateX(-95%);}
#h4:checked~#controller #lh4{background-color:rgba(0,0,0,0.8);}
#h5:checked~#back_wrap #back_h{-webkit-transform:translateX(-76%);-moz-transform:translateX(-76%);transform:translateX(-76%);}
#h5:checked~#controller #lh5{background-color:rgba(0,0,0,0.8);}
#h6:checked~#back_wrap #back_h{-webkit-transform:translateX(-57%);-moz-transform:translateX(-57%);transform:translateX(-57%);}
#h6:checked~#controller #lh6{background-color:rgba(0,0,0,0.8);}
#h7:checked~#back_wrap #back_h{-webkit-transform:translateX(-38%);-moz-transform:translateX(-38%);transform:translateX(-38%);}
#h7:checked~#controller #lh7{background-color:rgba(0,0,0,0.8);}
#h8:checked~#back_wrap #back_h{-webkit-transform:translateX(-19%);-moz-transform:translateX(-19%);transform:translateX(-19%);}
#h8:checked~#controller #lh8{background-color:rgba(0,0,0,0.8);}
#h9:checked~#back_wrap #back_h{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%);}
#h9:checked~#controller #lh9{background-color:rgba(0,0,0,0.8);}
#v1:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(-76%);-moz-transform:translateY(-76%);transform:translateY(-76%);}
#v1:checked~#controller #lv1{background-color:rgba(0,0,0,0.8);}
#v2:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(-66.5%);-moz-transform:translateY(-66.5%);transform:translateY(-66.5%);}
#v2:checked~#controller #lv2{background-color:rgba(0,0,0,0.8);}
#v3:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(-57%);-moz-transform:translateY(-57%);transform:translateY(-57%);}
#v3:checked~#controller #lv3{background-color:rgba(0,0,0,0.8);}
#v4:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(-47.5%);-moz-transform:translateY(-47.5%);transform:translateY(-47.5%);}
#v4:checked~#controller #lv4{background-color:rgba(0,0,0,0.8);}
#v5:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(-38%);-moz-transform:translateY(-38%);transform:translateY(-38%);}
#v5:checked~#controller #lv5{background-color:rgba(0,0,0,0.8);}
#v6:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(-28.5%);-moz-transform:translateY(-28.5%);transform:translateY(-28.5%);}
#v6:checked~#controller #lv6{background-color:rgba(0,0,0,0.8);}
#v7:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(-19%);-moz-transform:translateY(-19%);transform:translateY(-19%);}
#v7:checked~#controller #lv7{background-color:rgba(0,0,0,0.8);}
#v8:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(-9.5%);-moz-transform:translateY(-9.5%);transform:translateY(-9.5%);}
#v8:checked~#controller #lv8{background-color:rgba(0,0,0,0.8);}
#v9:checked~#back_wrap #back_h>#back_v{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);}
#v9:checked~#controller #lv9{background-color:rgba(0,0,0,0.8);}
#p:checked~#controller #lp{background-color:rgba(0,0,0,0.8);}
#balloon_ul_0{position:absolute;height:0px;top:250px;width:40px;left:110px;}
#balloon_ul_1{position:absolute;height:74px;top:213px;width:40px;left:150px;}
#balloon_ul_2{position:absolute;height:134px;top:183px;width:40px;left:190px;}
#balloon_ul_3{position:absolute;height:186px;top:157px;width:40px;left:230px;}
#balloon_ul_4{position:absolute;height:230px;top:135px;width:40px;left:270px;}
#balloon_ul_5{position:absolute;height:266px;top:117px;width:40px;left:310px;}
#balloon_ul_6{position:absolute;height:294px;top:103px;width:40px;left:350px;}
#balloon_ul_7{position:absolute;height:314px;top:93px;width:40px;left:390px;}
#balloon_ul_8{position:absolute;height:326px;top:87px;width:40px;left:430px;}
#balloon_ul_9{position:absolute;height:330px;top:85px;width:40px;left:470px;}
#balloon_ul_10{position:absolute;height:326px;top:87px;width:40px;left:510px;}
#balloon_ul_11{position:absolute;height:314px;top:93px;width:40px;left:550px;}
#balloon_ul_12{position:absolute;height:294px;top:103px;width:40px;left:590px;}
#balloon_ul_13{position:absolute;height:266px;top:117px;width:40px;left:630px;}
#balloon_ul_14{position:absolute;height:230px;top:135px;width:40px;left:670px;}
#balloon_ul_15{position:absolute;height:186px;top:157px;width:40px;left:710px;}
#balloon_ul_16{position:absolute;height:134px;top:183px;width:40px;left:750px;}
#balloon_ul_17{position:absolute;height:74px;top:213px;width:40px;left:790px;}
#balloon_ul_18{position:absolute;height:0px;top:250px;width:40px;left:830px;}
.balloon_li{position:absolute;height:100%;width:100%;left:50%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.balloon_li>div>div:after,.balloon_li>div>div:before{position:absolute;height:100%;width:100%;display:block;content:"";}
.balloon_li[balloon_li="0"]{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);}
.balloon_li[balloon_li="0"]>div>div:after,.balloon_li[balloon_li="0"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="0"]>div>div:after{border-color:rgba(255,255,255,0.7);}
.balloon_li[balloon_li="1"]{-webkit-transform:rotateX(20deg);-moz-transform:rotateX(20deg);transform:rotateX(20deg);}
.balloon_li[balloon_li="1"]>div>div:after,.balloon_li[balloon_li="1"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="1"]>div>div:after{border-color:rgba(255,255,255,0.65);}
.balloon_li[balloon_li="2"]{-webkit-transform:rotateX(40deg);-moz-transform:rotateX(40deg);transform:rotateX(40deg);}
.balloon_li[balloon_li="2"]>div>div:after,.balloon_li[balloon_li="2"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="2"]>div>div:after{border-color:rgba(255,255,255,0.45);}
.balloon_li[balloon_li="3"]{-webkit-transform:rotateX(60deg);-moz-transform:rotateX(60deg);transform:rotateX(60deg);}
.balloon_li[balloon_li="3"]>div>div:after,.balloon_li[balloon_li="3"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="3"]>div>div:after{border-color:rgba(255,255,255,0.3);}
.balloon_li[balloon_li="4"]{-webkit-transform:rotateX(80deg);-moz-transform:rotateX(80deg);transform:rotateX(80deg);}
.balloon_li[balloon_li="4"]>div>div:after,.balloon_li[balloon_li="4"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="4"]>div>div:after{border-color:rgba(255,255,255,0.1);}
.balloon_li[balloon_li="5"]{-webkit-transform:rotateX(100deg);-moz-transform:rotateX(100deg);transform:rotateX(100deg);}
.balloon_li[balloon_li="5"]>div>div:after,.balloon_li[balloon_li="5"]>div>div:before{border-color:rgba(0,0,0,0.1);}
.balloon_li[balloon_li="5"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="6"]{-webkit-transform:rotateX(120deg);-moz-transform:rotateX(120deg);transform:rotateX(120deg);}
.balloon_li[balloon_li="6"]>div>div:after,.balloon_li[balloon_li="6"]>div>div:before{border-color:rgba(0,0,0,0.4);}
.balloon_li[balloon_li="6"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="7"]{-webkit-transform:rotateX(140deg);-moz-transform:rotateX(140deg);transform:rotateX(140deg);}
.balloon_li[balloon_li="7"]>div>div:after,.balloon_li[balloon_li="7"]>div>div:before{border-color:rgba(0,0,0,0.65);}
.balloon_li[balloon_li="7"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="8"]{-webkit-transform:rotateX(160deg);-moz-transform:rotateX(160deg);transform:rotateX(160deg);}
.balloon_li[balloon_li="8"]>div>div:after,.balloon_li[balloon_li="8"]>div>div:before{border-color:rgba(0,0,0,0.75);}
.balloon_li[balloon_li="8"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="9"]{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}
.balloon_li[balloon_li="9"]>div>div:after,.balloon_li[balloon_li="9"]>div>div:before{border-color:rgba(0,0,0,0.8);}
.balloon_li[balloon_li="9"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="10"]{-webkit-transform:rotateX(200deg);-moz-transform:rotateX(200deg);transform:rotateX(200deg);}
.balloon_li[balloon_li="10"]>div>div:after,.balloon_li[balloon_li="10"]>div>div:before{border-color:rgba(0,0,0,0.75);}
.balloon_li[balloon_li="10"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="11"]{-webkit-transform:rotateX(220deg);-moz-transform:rotateX(220deg);transform:rotateX(220deg);}
.balloon_li[balloon_li="11"]>div>div:after,.balloon_li[balloon_li="11"]>div>div:before{border-color:rgba(0,0,0,0.65);}
.balloon_li[balloon_li="11"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="12"]{-webkit-transform:rotateX(240deg);-moz-transform:rotateX(240deg);transform:rotateX(240deg);}
.balloon_li[balloon_li="12"]>div>div:after,.balloon_li[balloon_li="12"]>div>div:before{border-color:rgba(0,0,0,0.4);}
.balloon_li[balloon_li="12"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="13"]{-webkit-transform:rotateX(260deg);-moz-transform:rotateX(260deg);transform:rotateX(260deg);}
.balloon_li[balloon_li="13"]>div>div:after,.balloon_li[balloon_li="13"]>div>div:before{border-color:rgba(0,0,0,0.1);}
.balloon_li[balloon_li="13"]>div>div:after{border-color:rgba(255,255,255,0);}
.balloon_li[balloon_li="14"]{-webkit-transform:rotateX(280deg);-moz-transform:rotateX(280deg);transform:rotateX(280deg);}
.balloon_li[balloon_li="14"]>div>div:after,.balloon_li[balloon_li="14"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="14"]>div>div:after{border-color:rgba(255,255,255,0.1);}
.balloon_li[balloon_li="15"]{-webkit-transform:rotateX(300deg);-moz-transform:rotateX(300deg);transform:rotateX(300deg);}
.balloon_li[balloon_li="15"]>div>div:after,.balloon_li[balloon_li="15"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="15"]>div>div:after{border-color:rgba(255,255,255,0.3);}
.balloon_li[balloon_li="16"]{-webkit-transform:rotateX(320deg);-moz-transform:rotateX(320deg);transform:rotateX(320deg);}
.balloon_li[balloon_li="16"]>div>div:after,.balloon_li[balloon_li="16"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="16"]>div>div:after{border-color:rgba(255,255,255,0.45);}
.balloon_li[balloon_li="17"]{-webkit-transform:rotateX(340deg);-moz-transform:rotateX(340deg);transform:rotateX(340deg);}
.balloon_li[balloon_li="17"]>div>div:after,.balloon_li[balloon_li="17"]>div>div:before{border-color:rgba(0,0,0,0);}
.balloon_li[balloon_li="17"]>div>div:after{border-color:rgba(255,255,255,0.65);}
#balloon_ul_0>.balloon_li>div{position:absolute;height:px;width:px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-90deg);-moz-transform:rotateX(80deg) rotateY(-90deg);transform:rotateX(80deg) rotateY(-90deg);}
#balloon_ul_0>.balloon_li>div>div{position:absolute;top:-0px;left:0px;height:px;border-style:solid;border-width:0px;border-right-color:transparent !important;border-left-width:px;width:0px;}
#balloon_ul_0>.balloon_li>div>div:after,#balloon_ul_0>.balloon_li>div>div:before{position:absolute;height:px;border-style:solid;top:-0px;right:-0px;border-width:0px;border-left-width:px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_1>.balloon_li>div{position:absolute;height:14px;width:55px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-42.768825391969deg);-moz-transform:rotateX(80deg) rotateY(-42.768825391969deg);transform:rotateX(80deg) rotateY(-42.768825391969deg);}
#balloon_ul_1>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:0px;border-style:solid;border-width:7px;border-left-color:transparent !important;border-right-width:55px;width:0px;}
#balloon_ul_1>.balloon_li>div>div:after,#balloon_ul_1>.balloon_li>div>div:before{position:absolute;height:0px;border-style:solid;top:-7px;left:-7px;border-width:7px;border-right-width:55px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_2>.balloon_li>div{position:absolute;height:25px;width:50px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-36.869897645844deg);-moz-transform:rotateX(80deg) rotateY(-36.869897645844deg);transform:rotateX(80deg) rotateY(-36.869897645844deg);}
#balloon_ul_2>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:14px;border-style:solid;border-width:5.5px;border-left-color:transparent !important;border-right-width:50px;width:0px;}
#balloon_ul_2>.balloon_li>div>div:after,#balloon_ul_2>.balloon_li>div>div:before{position:absolute;height:14px;border-style:solid;top:-5px;left:-5px;border-width:5.5px;border-right-width:50px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_3>.balloon_li>div{position:absolute;height:34px;width:48px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-33.023867555797deg);-moz-transform:rotateX(80deg) rotateY(-33.023867555797deg);transform:rotateX(80deg) rotateY(-33.023867555797deg);}
#balloon_ul_3>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:25px;border-style:solid;border-width:4.5px;border-left-color:transparent !important;border-right-width:48px;width:0px;}
#balloon_ul_3>.balloon_li>div>div:after,#balloon_ul_3>.balloon_li>div>div:before{position:absolute;height:25px;border-style:solid;top:-4px;left:-4px;border-width:4.5px;border-right-width:48px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_4>.balloon_li>div{position:absolute;height:41px;width:46px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-28.810793742973deg);-moz-transform:rotateX(80deg) rotateY(-28.810793742973deg);transform:rotateX(80deg) rotateY(-28.810793742973deg);}
#balloon_ul_4>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:34px;border-style:solid;border-width:3.5px;border-left-color:transparent !important;border-right-width:46px;width:0px;}
#balloon_ul_4>.balloon_li>div>div:after,#balloon_ul_4>.balloon_li>div>div:before{position:absolute;height:34px;border-style:solid;top:-3px;left:-3px;border-width:3.5px;border-right-width:46px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_5>.balloon_li>div{position:absolute;height:48px;width:44px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-24.227745317954deg);-moz-transform:rotateX(80deg) rotateY(-24.227745317954deg);transform:rotateX(80deg) rotateY(-24.227745317954deg);}
#balloon_ul_5>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:41px;border-style:solid;border-width:3.5px;border-left-color:transparent !important;border-right-width:44px;width:0px;}
#balloon_ul_5>.balloon_li>div>div:after,#balloon_ul_5>.balloon_li>div>div:before{position:absolute;height:41px;border-style:solid;top:-3px;left:-3px;border-width:3.5px;border-right-width:44px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_6>.balloon_li>div{position:absolute;height:53px;width:43px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-19.290046219189deg);-moz-transform:rotateX(80deg) rotateY(-19.290046219189deg);transform:rotateX(80deg) rotateY(-19.290046219189deg);}
#balloon_ul_6>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:48px;border-style:solid;border-width:2.5px;border-left-color:transparent !important;border-right-width:43px;width:0px;}
#balloon_ul_6>.balloon_li>div>div:after,#balloon_ul_6>.balloon_li>div>div:before{position:absolute;height:48px;border-style:solid;top:-2px;left:-2px;border-width:2.5px;border-right-width:43px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_7>.balloon_li>div{position:absolute;height:56px;width:42px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-14.036243467926deg);-moz-transform:rotateX(80deg) rotateY(-14.036243467926deg);transform:rotateX(80deg) rotateY(-14.036243467926deg);}
#balloon_ul_7>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:53px;border-style:solid;border-width:1.5px;border-left-color:transparent !important;border-right-width:42px;width:0px;}
#balloon_ul_7>.balloon_li>div>div:after,#balloon_ul_7>.balloon_li>div>div:before{position:absolute;height:53px;border-style:solid;top:-1px;left:-1px;border-width:1.5px;border-right-width:42px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_8>.balloon_li>div{position:absolute;height:58px;width:41px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-8.5307656099481deg);-moz-transform:rotateX(80deg) rotateY(-8.5307656099481deg);transform:rotateX(80deg) rotateY(-8.5307656099481deg);}
#balloon_ul_8>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:56px;border-style:solid;border-width:1px;border-left-color:transparent !important;border-right-width:41px;width:0px;}
#balloon_ul_8>.balloon_li>div>div:after,#balloon_ul_8>.balloon_li>div>div:before{position:absolute;height:56px;border-style:solid;top:-1px;left:-1px;border-width:1px;border-right-width:41px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_9>.balloon_li>div{position:absolute;height:59px;width:41px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-2.8624052261117deg);-moz-transform:rotateX(80deg) rotateY(-2.8624052261117deg);transform:rotateX(80deg) rotateY(-2.8624052261117deg);}
#balloon_ul_9>.balloon_li>div>div{position:absolute;top:0px;right:0px;height:58px;border-style:solid;border-width:0.5px;border-left-color:transparent !important;border-right-width:41px;width:0px;}
#balloon_ul_9>.balloon_li>div>div:after,#balloon_ul_9>.balloon_li>div>div:before{position:absolute;height:58px;border-style:solid;top:-0px;left:-0px;border-width:0.5px;border-right-width:41px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_10>.balloon_li>div{position:absolute;height:58px;width:41px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(2.8624052261117deg);-moz-transform:rotateX(80deg) rotateY(2.8624052261117deg);transform:rotateX(80deg) rotateY(2.8624052261117deg);}
#balloon_ul_10>.balloon_li>div>div{position:absolute;top:-0.5px;left:0px;height:58px;border-style:solid;border-width:0.5px;border-right-color:transparent !important;border-left-width:41px;width:0px;}
#balloon_ul_10>.balloon_li>div>div:after,#balloon_ul_10>.balloon_li>div>div:before{position:absolute;height:58px;border-style:solid;top:-0px;right:-0px;border-width:0.5px;border-left-width:41px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_11>.balloon_li>div{position:absolute;height:56px;width:41px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(8.5307656099481deg);-moz-transform:rotateX(80deg) rotateY(8.5307656099481deg);transform:rotateX(80deg) rotateY(8.5307656099481deg);}
#balloon_ul_11>.balloon_li>div>div{position:absolute;top:-1px;left:0px;height:56px;border-style:solid;border-width:1px;border-right-color:transparent !important;border-left-width:41px;width:0px;}
#balloon_ul_11>.balloon_li>div>div:after,#balloon_ul_11>.balloon_li>div>div:before{position:absolute;height:56px;border-style:solid;top:-1px;right:-1px;border-width:1px;border-left-width:41px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_12>.balloon_li>div{position:absolute;height:53px;width:42px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(14.036243467926deg);-moz-transform:rotateX(80deg) rotateY(14.036243467926deg);transform:rotateX(80deg) rotateY(14.036243467926deg);}
#balloon_ul_12>.balloon_li>div>div{position:absolute;top:-1.5px;left:0px;height:53px;border-style:solid;border-width:1.5px;border-right-color:transparent !important;border-left-width:42px;width:0px;}
#balloon_ul_12>.balloon_li>div>div:after,#balloon_ul_12>.balloon_li>div>div:before{position:absolute;height:53px;border-style:solid;top:-1px;right:-1px;border-width:1.5px;border-left-width:42px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_13>.balloon_li>div{position:absolute;height:48px;width:43px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(19.290046219189deg);-moz-transform:rotateX(80deg) rotateY(19.290046219189deg);transform:rotateX(80deg) rotateY(19.290046219189deg);}
#balloon_ul_13>.balloon_li>div>div{position:absolute;top:-2.5px;left:0px;height:48px;border-style:solid;border-width:2.5px;border-right-color:transparent !important;border-left-width:43px;width:0px;}
#balloon_ul_13>.balloon_li>div>div:after,#balloon_ul_13>.balloon_li>div>div:before{position:absolute;height:48px;border-style:solid;top:-2px;right:-2px;border-width:2.5px;border-left-width:43px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_14>.balloon_li>div{position:absolute;height:41px;width:44px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(24.227745317954deg);-moz-transform:rotateX(80deg) rotateY(24.227745317954deg);transform:rotateX(80deg) rotateY(24.227745317954deg);}
#balloon_ul_14>.balloon_li>div>div{position:absolute;top:-3.5px;left:0px;height:41px;border-style:solid;border-width:3.5px;border-right-color:transparent !important;border-left-width:44px;width:0px;}
#balloon_ul_14>.balloon_li>div>div:after,#balloon_ul_14>.balloon_li>div>div:before{position:absolute;height:41px;border-style:solid;top:-3px;right:-3px;border-width:3.5px;border-left-width:44px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_15>.balloon_li>div{position:absolute;height:34px;width:46px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(28.810793742973deg);-moz-transform:rotateX(80deg) rotateY(28.810793742973deg);transform:rotateX(80deg) rotateY(28.810793742973deg);}
#balloon_ul_15>.balloon_li>div>div{position:absolute;top:-3.5px;left:0px;height:34px;border-style:solid;border-width:3.5px;border-right-color:transparent !important;border-left-width:46px;width:0px;}
#balloon_ul_15>.balloon_li>div>div:after,#balloon_ul_15>.balloon_li>div>div:before{position:absolute;height:34px;border-style:solid;top:-3px;right:-3px;border-width:3.5px;border-left-width:46px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_16>.balloon_li>div{position:absolute;height:25px;width:48px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(33.023867555797deg);-moz-transform:rotateX(80deg) rotateY(33.023867555797deg);transform:rotateX(80deg) rotateY(33.023867555797deg);}
#balloon_ul_16>.balloon_li>div>div{position:absolute;top:-4.5px;left:0px;height:25px;border-style:solid;border-width:4.5px;border-right-color:transparent !important;border-left-width:48px;width:0px;}
#balloon_ul_16>.balloon_li>div>div:after,#balloon_ul_16>.balloon_li>div>div:before{position:absolute;height:25px;border-style:solid;top:-4px;right:-4px;border-width:4.5px;border-left-width:48px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_17>.balloon_li>div{position:absolute;height:14px;width:50px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(36.869897645844deg);-moz-transform:rotateX(80deg) rotateY(36.869897645844deg);transform:rotateX(80deg) rotateY(36.869897645844deg);}
#balloon_ul_17>.balloon_li>div>div{position:absolute;top:-5.5px;left:0px;height:14px;border-style:solid;border-width:5.5px;border-right-color:transparent !important;border-left-width:50px;width:0px;}
#balloon_ul_17>.balloon_li>div>div:after,#balloon_ul_17>.balloon_li>div>div:before{position:absolute;height:14px;border-style:solid;top:-5px;right:-5px;border-width:5.5px;border-left-width:50px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#balloon_ul_18>.balloon_li>div{position:absolute;height:0px;width:55px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(42.768825391969deg);-moz-transform:rotateX(80deg) rotateY(42.768825391969deg);transform:rotateX(80deg) rotateY(42.768825391969deg);}
#balloon_ul_18>.balloon_li>div>div{position:absolute;top:-7px;left:0px;height:0px;border-style:solid;border-width:7px;border-right-color:transparent !important;border-left-width:55px;width:0px;}
#balloon_ul_18>.balloon_li>div>div:after,#balloon_ul_18>.balloon_li>div>div:before{position:absolute;height:0px;border-style:solid;top:-7px;right:-7px;border-width:7px;border-left-width:55px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
.balloon_ul:nth-child(odd) .balloon_li>div>div{border-color:transparent !important;border-right-color:#FFFCF5 !important;border-left-color:#FFFCF5 !important;}
.balloon_ul:nth-child(even) .balloon_li>div>div{border-color:transparent !important;border-right-color:#296E82 !important;border-left-color:#296E82 !important;}
.balloon_ul:nth-child(2) .balloon_li>div>div,.balloon_ul:last-child .balloon_li>div>div{border-color:transparent !important;border-right-color:#BD3035 !important;border-left-color:#BD3035 !important;}
#ship{}
#ship_ul_0{position:absolute;height:0px;top:250px;width:20px;left:320px;margin-top:260px;}
#ship_ul_1{position:absolute;height:16px;top:242px;width:20px;left:340px;margin-top:260px;}
#ship_ul_2{position:absolute;height:31px;top:234.5px;width:20px;left:360px;margin-top:260px;}
#ship_ul_3{position:absolute;height:44px;top:228px;width:20px;left:380px;margin-top:260px;}
#ship_ul_4{position:absolute;height:55px;top:222.5px;width:20px;left:400px;margin-top:260px;}
#ship_ul_5{position:absolute;height:64px;top:218px;width:20px;left:420px;margin-top:260px;}
#ship_ul_6{position:absolute;height:71px;top:214.5px;width:20px;left:440px;margin-top:260px;}
#ship_ul_7{position:absolute;height:76px;top:212px;width:20px;left:460px;margin-top:260px;}
#ship_ul_8{position:absolute;height:79px;top:210.5px;width:20px;left:480px;margin-top:260px;}
#ship_ul_9{position:absolute;height:80px;top:210px;width:20px;left:500px;margin-top:260px;}
#ship_ul_10{position:absolute;height:79px;top:210.5px;width:20px;left:520px;margin-top:260px;}
#ship_ul_11{position:absolute;height:76px;top:212px;width:20px;left:540px;margin-top:260px;}
#ship_ul_12{position:absolute;height:71px;top:214.5px;width:20px;left:560px;margin-top:260px;}
#ship_ul_13{position:absolute;height:64px;top:218px;width:20px;left:580px;margin-top:260px;}
#ship_ul_14{position:absolute;height:55px;top:222.5px;width:20px;left:600px;margin-top:260px;}
#ship_ul_15{position:absolute;height:44px;top:228px;width:20px;left:620px;margin-top:260px;}
#ship_ul_16{position:absolute;height:31px;top:234.5px;width:20px;left:640px;margin-top:260px;}
#ship_ul_17{position:absolute;height:16px;top:242px;width:20px;left:660px;margin-top:260px;}
#ship_ul_18{position:absolute;height:0px;top:250px;width:20px;left:680px;margin-top:260px;}
.ship_li{position:absolute;height:100%;width:100%;left:50%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.ship_li>div>div:after,.ship_li>div>div:before{position:absolute;height:100%;width:100%;display:block;content:"";}
.ship_li[ship_li="0"]{display:none;}
.ship_li[ship_li="1"]{display:none;}
.ship_li[ship_li="2"]{display:none;}
.ship_li[ship_li="3"]{display:none;}
.ship_li[ship_li="4"]{display:none;}
.ship_li[ship_li="5"]{display:none;}
.ship_li[ship_li="6"]{display:none;}
.ship_li[ship_li="7"]{-webkit-transform:rotateX(140deg);-moz-transform:rotateX(140deg);transform:rotateX(140deg);}
.ship_li[ship_li="7"]>div>div:after,.ship_li[ship_li="7"]>div>div:before{border-color:rgba(0,0,0,0.65);}
.ship_li[ship_li="7"]>div>div:after{border-color:rgba(255,255,255,0);}
.ship_li[ship_li="8"]{-webkit-transform:rotateX(160deg);-moz-transform:rotateX(160deg);transform:rotateX(160deg);}
.ship_li[ship_li="8"]>div>div:after,.ship_li[ship_li="8"]>div>div:before{border-color:rgba(0,0,0,0.75);}
.ship_li[ship_li="8"]>div>div:after{border-color:rgba(255,255,255,0);}
.ship_li[ship_li="9"]{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}
.ship_li[ship_li="9"]>div>div:after,.ship_li[ship_li="9"]>div>div:before{border-color:rgba(0,0,0,0.8);}
.ship_li[ship_li="9"]>div>div:after{border-color:rgba(255,255,255,0);}
.ship_li[ship_li="10"]{-webkit-transform:rotateX(200deg);-moz-transform:rotateX(200deg);transform:rotateX(200deg);}
.ship_li[ship_li="10"]>div>div:after,.ship_li[ship_li="10"]>div>div:before{border-color:rgba(0,0,0,0.75);}
.ship_li[ship_li="10"]>div>div:after{border-color:rgba(255,255,255,0);}
.ship_li[ship_li="11"]{-webkit-transform:rotateX(220deg);-moz-transform:rotateX(220deg);transform:rotateX(220deg);}
.ship_li[ship_li="11"]>div>div:after,.ship_li[ship_li="11"]>div>div:before{border-color:rgba(0,0,0,0.65);}
.ship_li[ship_li="11"]>div>div:after{border-color:rgba(255,255,255,0);}
.ship_li[ship_li="12"]{-webkit-transform:rotateX(240deg);-moz-transform:rotateX(240deg);transform:rotateX(240deg);}
.ship_li[ship_li="12"]>div>div:after,.ship_li[ship_li="12"]>div>div:before{border-color:rgba(0,0,0,0.4);}
.ship_li[ship_li="12"]>div>div:after{border-color:rgba(255,255,255,0);}
.ship_li[ship_li="13"]{display:none;}
.ship_li[ship_li="14"]{display:none;}
.ship_li[ship_li="15"]{display:none;}
.ship_li[ship_li="16"]{display:none;}
.ship_li[ship_li="17"]{display:none;}
#ship_ul_0>.ship_li>div{position:absolute;height:px;width:px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-90deg);-moz-transform:rotateX(80deg) rotateY(-90deg);transform:rotateX(80deg) rotateY(-90deg);}
#ship_ul_0>.ship_li>div>div{position:absolute;top:-0px;left:0px;height:px;border-style:solid;border-color:transparent;border-width:0px;border-left-color:#741;border-left-width:px;width:0px;}
#ship_ul_0>.ship_li>div>div:after,#ship_ul_0>.ship_li>div>div:before{position:absolute;height:px;border-style:solid;top:-0px;right:-0px;border-width:0px;border-left-width:px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_1>.ship_li>div{position:absolute;height:4px;width:22px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-21.801409486352deg);-moz-transform:rotateX(80deg) rotateY(-21.801409486352deg);transform:rotateX(80deg) rotateY(-21.801409486352deg);}
#ship_ul_1>.ship_li>div>div{position:absolute;top:0px;right:0px;height:0px;border-style:solid;border-color:transparent;border-width:2px;border-right-color:#741;border-right-width:22px;width:0px;}
#ship_ul_1>.ship_li>div>div:after,#ship_ul_1>.ship_li>div>div:before{position:absolute;height:0px;border-style:solid;top:-2px;left:-2px;border-width:2px;border-right-width:22px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_2>.ship_li>div{position:absolute;height:7px;width:22px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-20.556045219583deg);-moz-transform:rotateX(80deg) rotateY(-20.556045219583deg);transform:rotateX(80deg) rotateY(-20.556045219583deg);}
#ship_ul_2>.ship_li>div>div{position:absolute;top:0px;right:0px;height:4px;border-style:solid;border-color:transparent;border-width:1.5px;border-right-color:#741;border-right-width:22px;width:0px;}
#ship_ul_2>.ship_li>div>div:after,#ship_ul_2>.ship_li>div>div:before{position:absolute;height:4px;border-style:solid;top:-1px;left:-1px;border-width:1.5px;border-right-width:22px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_3>.ship_li>div{position:absolute;height:9px;width:22px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-18.004161605913deg);-moz-transform:rotateX(80deg) rotateY(-18.004161605913deg);transform:rotateX(80deg) rotateY(-18.004161605913deg);}
#ship_ul_3>.ship_li>div>div{position:absolute;top:0px;right:0px;height:7px;border-style:solid;border-color:transparent;border-width:1px;border-right-color:#741;border-right-width:22px;width:0px;}
#ship_ul_3>.ship_li>div>div:after,#ship_ul_3>.ship_li>div>div:before{position:absolute;height:7px;border-style:solid;top:-1px;left:-1px;border-width:1px;border-right-width:22px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_4>.ship_li>div{position:absolute;height:11px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-15.376251248826deg);-moz-transform:rotateX(80deg) rotateY(-15.376251248826deg);transform:rotateX(80deg) rotateY(-15.376251248826deg);}
#ship_ul_4>.ship_li>div>div{position:absolute;top:0px;right:0px;height:9px;border-style:solid;border-color:transparent;border-width:1px;border-right-color:#741;border-right-width:21px;width:0px;}
#ship_ul_4>.ship_li>div>div:after,#ship_ul_4>.ship_li>div>div:before{position:absolute;height:9px;border-style:solid;top:-1px;left:-1px;border-width:1px;border-right-width:21px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_5>.ship_li>div{position:absolute;height:13px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-12.68038349182deg);-moz-transform:rotateX(80deg) rotateY(-12.68038349182deg);transform:rotateX(80deg) rotateY(-12.68038349182deg);}
#ship_ul_5>.ship_li>div>div{position:absolute;top:0px;right:0px;height:11px;border-style:solid;border-color:transparent;border-width:1px;border-right-color:#741;border-right-width:21px;width:0px;}
#ship_ul_5>.ship_li>div>div:after,#ship_ul_5>.ship_li>div>div:before{position:absolute;height:11px;border-style:solid;top:-1px;left:-1px;border-width:1px;border-right-width:21px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_6>.ship_li>div{position:absolute;height:14px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-9.9262455066517deg);-moz-transform:rotateX(80deg) rotateY(-9.9262455066517deg);transform:rotateX(80deg) rotateY(-9.9262455066517deg);}
#ship_ul_6>.ship_li>div>div{position:absolute;top:0px;right:0px;height:13px;border-style:solid;border-color:transparent;border-width:0.5px;border-right-color:#741;border-right-width:21px;width:0px;}
#ship_ul_6>.ship_li>div>div:after,#ship_ul_6>.ship_li>div>div:before{position:absolute;height:13px;border-style:solid;top:-0px;left:-0px;border-width:0.5px;border-right-width:21px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_7>.ship_li>div{position:absolute;height:15px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-7.1250163489018deg);-moz-transform:rotateX(80deg) rotateY(-7.1250163489018deg);transform:rotateX(80deg) rotateY(-7.1250163489018deg);}
#ship_ul_7>.ship_li>div>div{position:absolute;top:0px;right:0px;height:14px;border-style:solid;border-color:transparent;border-width:0.5px;border-right-color:#741;border-right-width:21px;width:0px;}
#ship_ul_7>.ship_li>div>div:after,#ship_ul_7>.ship_li>div>div:before{position:absolute;height:14px;border-style:solid;top:-0px;left:-0px;border-width:0.5px;border-right-width:21px;border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_8>.ship_li>div{position:absolute;height:15px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-4.289153328819deg);-moz-transform:rotateX(80deg) rotateY(-4.289153328819deg);transform:rotateX(80deg) rotateY(-4.289153328819deg);}
#ship_ul_8>.ship_li>div>div{position:absolute;top:-0px;left:0px;height:15px;border-style:solid;border-color:transparent;border-width:0px;border-left-color:#741;border-left-width:21px;width:0px;}
#ship_ul_8>.ship_li>div>div:after,#ship_ul_8>.ship_li>div>div:before{position:absolute;height:15px;border-style:solid;top:-0px;right:-0px;border-width:0px;border-left-width:21px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_9>.ship_li>div{position:absolute;height:15px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(-1.4320961841646deg);-moz-transform:rotateX(80deg) rotateY(-1.4320961841646deg);transform:rotateX(80deg) rotateY(-1.4320961841646deg);}
#ship_ul_9>.ship_li>div>div{position:absolute;top:-0px;left:0px;height:15px;border-style:solid;border-color:transparent;border-width:0px;border-left-color:#741;border-left-width:21px;width:0px;}
#ship_ul_9>.ship_li>div>div:after,#ship_ul_9>.ship_li>div>div:before{position:absolute;height:15px;border-style:solid;top:-0px;right:-0px;border-width:0px;border-left-width:21px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_10>.ship_li>div{position:absolute;height:15px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(1.4320961841647deg);-moz-transform:rotateX(80deg) rotateY(1.4320961841647deg);transform:rotateX(80deg) rotateY(1.4320961841647deg);}
#ship_ul_10>.ship_li>div>div{position:absolute;top:-0px;left:0px;height:15px;border-style:solid;border-color:transparent;border-width:0px;border-left-color:#741;border-left-width:21px;width:0px;}
#ship_ul_10>.ship_li>div>div:after,#ship_ul_10>.ship_li>div>div:before{position:absolute;height:15px;border-style:solid;top:-0px;right:-0px;border-width:0px;border-left-width:21px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_11>.ship_li>div{position:absolute;height:15px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(4.289153328819deg);-moz-transform:rotateX(80deg) rotateY(4.289153328819deg);transform:rotateX(80deg) rotateY(4.289153328819deg);}
#ship_ul_11>.ship_li>div>div{position:absolute;top:-0px;left:0px;height:15px;border-style:solid;border-color:transparent;border-width:0px;border-left-color:#741;border-left-width:21px;width:0px;}
#ship_ul_11>.ship_li>div>div:after,#ship_ul_11>.ship_li>div>div:before{position:absolute;height:15px;border-style:solid;top:-0px;right:-0px;border-width:0px;border-left-width:21px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_12>.ship_li>div{position:absolute;height:14px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(7.1250163489018deg);-moz-transform:rotateX(80deg) rotateY(7.1250163489018deg);transform:rotateX(80deg) rotateY(7.1250163489018deg);}
#ship_ul_12>.ship_li>div>div{position:absolute;top:-0.5px;left:0px;height:14px;border-style:solid;border-color:transparent;border-width:0.5px;border-left-color:#741;border-left-width:21px;width:0px;}
#ship_ul_12>.ship_li>div>div:after,#ship_ul_12>.ship_li>div>div:before{position:absolute;height:14px;border-style:solid;top:-0px;right:-0px;border-width:0.5px;border-left-width:21px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_13>.ship_li>div{position:absolute;height:13px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(9.9262455066517deg);-moz-transform:rotateX(80deg) rotateY(9.9262455066517deg);transform:rotateX(80deg) rotateY(9.9262455066517deg);}
#ship_ul_13>.ship_li>div>div{position:absolute;top:-0.5px;left:0px;height:13px;border-style:solid;border-color:transparent;border-width:0.5px;border-left-color:#741;border-left-width:21px;width:0px;}
#ship_ul_13>.ship_li>div>div:after,#ship_ul_13>.ship_li>div>div:before{position:absolute;height:13px;border-style:solid;top:-0px;right:-0px;border-width:0.5px;border-left-width:21px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_14>.ship_li>div{position:absolute;height:11px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(12.68038349182deg);-moz-transform:rotateX(80deg) rotateY(12.68038349182deg);transform:rotateX(80deg) rotateY(12.68038349182deg);}
#ship_ul_14>.ship_li>div>div{position:absolute;top:-1px;left:0px;height:11px;border-style:solid;border-color:transparent;border-width:1px;border-left-color:#741;border-left-width:21px;width:0px;}
#ship_ul_14>.ship_li>div>div:after,#ship_ul_14>.ship_li>div>div:before{position:absolute;height:11px;border-style:solid;top:-1px;right:-1px;border-width:1px;border-left-width:21px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_15>.ship_li>div{position:absolute;height:9px;width:21px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(15.376251248826deg);-moz-transform:rotateX(80deg) rotateY(15.376251248826deg);transform:rotateX(80deg) rotateY(15.376251248826deg);}
#ship_ul_15>.ship_li>div>div{position:absolute;top:-1px;left:0px;height:9px;border-style:solid;border-color:transparent;border-width:1px;border-left-color:#741;border-left-width:21px;width:0px;}
#ship_ul_15>.ship_li>div>div:after,#ship_ul_15>.ship_li>div>div:before{position:absolute;height:9px;border-style:solid;top:-1px;right:-1px;border-width:1px;border-left-width:21px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_16>.ship_li>div{position:absolute;height:7px;width:22px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(18.004161605913deg);-moz-transform:rotateX(80deg) rotateY(18.004161605913deg);transform:rotateX(80deg) rotateY(18.004161605913deg);}
#ship_ul_16>.ship_li>div>div{position:absolute;top:-1px;left:0px;height:7px;border-style:solid;border-color:transparent;border-width:1px;border-left-color:#741;border-left-width:22px;width:0px;}
#ship_ul_16>.ship_li>div>div:after,#ship_ul_16>.ship_li>div>div:before{position:absolute;height:7px;border-style:solid;top:-1px;right:-1px;border-width:1px;border-left-width:22px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_17>.ship_li>div{position:absolute;height:4px;width:22px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(20.556045219583deg);-moz-transform:rotateX(80deg) rotateY(20.556045219583deg);transform:rotateX(80deg) rotateY(20.556045219583deg);}
#ship_ul_17>.ship_li>div>div{position:absolute;top:-1.5px;left:0px;height:4px;border-style:solid;border-color:transparent;border-width:1.5px;border-left-color:#741;border-left-width:22px;width:0px;}
#ship_ul_17>.ship_li>div>div:after,#ship_ul_17>.ship_li>div>div:before{position:absolute;height:4px;border-style:solid;top:-1px;right:-1px;border-width:1.5px;border-left-width:22px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
#ship_ul_18>.ship_li>div{position:absolute;height:0px;width:22px;background-color:transparent;top:0px;right:0px;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateX(80deg) rotateY(21.801409486352deg);-moz-transform:rotateX(80deg) rotateY(21.801409486352deg);transform:rotateX(80deg) rotateY(21.801409486352deg);}
#ship_ul_18>.ship_li>div>div{position:absolute;top:-2px;left:0px;height:0px;border-style:solid;border-color:transparent;border-width:2px;border-left-color:#741;border-left-width:22px;width:0px;}
#ship_ul_18>.ship_li>div>div:after,#ship_ul_18>.ship_li>div>div:before{position:absolute;height:0px;border-style:solid;top:-2px;right:-2px;border-width:2px;border-left-width:22px;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;width:0px;display:block;content:"";}
@-webkit-keyframes propeller{0%{-webkit-transform:rotateY(90deg) rotateZ(0deg);-moz-transform:rotateY(90deg) rotateZ(0deg);transform:rotateY(90deg) rotateZ(0deg);}
100%{-webkit-transform:rotateY(90deg) rotateZ(360deg);-moz-transform:rotateY(90deg) rotateZ(360deg);transform:rotateY(90deg) rotateZ(360deg);}
}
@-moz-keyframes propeller{0%{-webkit-transform:rotateY(90deg) rotateZ(0deg);-moz-transform:rotateY(90deg) rotateZ(0deg);transform:rotateY(90deg) rotateZ(0deg);}
100%{-webkit-transform:rotateY(90deg) rotateZ(360deg);-moz-transform:rotateY(90deg) rotateZ(360deg);transform:rotateY(90deg) rotateZ(360deg);}
}
@keyframes propeller{0%{-webkit-transform:rotateY(90deg) rotateZ(0deg);-moz-transform:rotateY(90deg) rotateZ(0deg);transform:rotateY(90deg) rotateZ(0deg);}
100%{-webkit-transform:rotateY(90deg) rotateZ(360deg);-moz-transform:rotateY(90deg) rotateZ(360deg);transform:rotateY(90deg) rotateZ(360deg);}
}
.propeller{position:absolute;height:200px;width:200px;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);transform:rotateY(90deg);top:150px;left:790px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
#p:checked~#wrap .propeller{-webkit-animation:propeller 3s linear infinite;-moz-animation:propeller 3s linear infinite;animation:propeller 3s linear infinite;}
.propeller>div{position:absolute;width:40px;height:100%;left:50%;margin-left:-20px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.propeller>div:nth-child(2){-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.propeller>div:after,.propeller>div:before{position:absolute;top:0;left:0;width:0px;height:0px;border-style:solid;border-color:transparent;border-left-width:20px;border-right-width:20px;border-top:100px solid #BD3035;border-radius:100px;-webkit-transform:rotateY(40deg);-moz-transform:rotateY(40deg);transform:rotateY(40deg);display:block;content:"";}
.propeller>div:before{top:auto;bottom:0px;border-style:solid;border-color:transparent;border-left-width:20px;border-right-width:20px;border-top:0px solid transparent;border-bottom:100px solid #BD3035;-webkit-transform:rotateY(-40deg);-moz-transform:rotateY(-40deg);transform:rotateY(-40deg);}
.himo{position:absolute;height:500px;width:1px;background-color:#332f24;top:0px;left:100px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;}
.himo:after,.himo:before{position:absolute;display:block;height:100%;width:100%;-webkit-transform-origin:right top;-moz-transform-origin:right top;transform-origin:right top;-webkit-transform:rotateY(60deg);-moz-transform:rotateY(60deg);transform:rotateY(60deg);content:"";background-color:inherit;}
.himo:after{-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;-webkit-transform:rotateY(-60deg);-moz-transform:rotateY(-60deg);transform:rotateY(-60deg);}
#himo1{top:282px;left:203px;-webkit-transform:rotateZ(-34deg);-moz-transform:rotateZ(-34deg);transform:rotateZ(-34deg);height:282px;}
#himo2{top:282px;left:855px;-webkit-transform:rotateZ(34deg);-moz-transform:rotateZ(34deg);transform:rotateZ(34deg);height:282px;}
#himo3{top:279px;left:327px;-webkit-transform:rotateZ(-12deg) rotateX(-22deg) translateZ(98px);-moz-transform:rotateZ(-12deg) rotateX(-22deg) translateZ(98px);transform:rotateZ(-12deg) rotateX(-22deg) translateZ(98px);height:229px;}
#himo4{top:279px;left:327px;-webkit-transform:rotateZ(-12deg) rotateX(22deg) translateZ(-98px);-moz-transform:rotateZ(-12deg) rotateX(22deg) translateZ(-98px);transform:rotateZ(-12deg) rotateX(22deg) translateZ(-98px);height:229px;}
#himo5{top:279px;left:728px;-webkit-transform:rotateZ(12deg) rotateX(-22deg) translateZ(98px);-moz-transform:rotateZ(12deg) rotateX(-22deg) translateZ(98px);transform:rotateZ(12deg) rotateX(-22deg) translateZ(98px);height:229px;}
#himo6{top:279px;left:728px;-webkit-transform:rotateZ(12deg) rotateX(22deg) translateZ(-98px);-moz-transform:rotateZ(12deg) rotateX(22deg) translateZ(-98px);transform:rotateZ(12deg) rotateX(22deg) translateZ(-98px);height:229px;}
分享到QQ
分享到微博
微信扫一扫
