body{margin:0}
#background { position: relative; background-color: #FFFFFF; margin-right: auto; margin-left: auto; overflow:hidden }
img{ position:absolute;}
@-webkit-keyframes scale_small { 
0% {-webkit-transform:scale(1) ;}
 50% {-webkit-transform:scale(1.2);}
 100% {-webkit-transform:scale(1);}
}
@-moz-keyframes scale_small { 
0% {-moz-transform:scale(1) ;}
 50% {-moz-transform:scale(1.2);}
 100% {-moz-transform:scale(1);}
}
@-o-keyframes scale_small { 
0% {-o-transform:scale(1) ;}
 50% {-o-transform:scale(1.2);}
 100% {-o-transform:scale(1);}
}
@-ms-keyframes scale_small { 
0% {-ms-transform:scale(1) ;}
 50% {-ms-transform:scale(1.2);}
 100% {-ms-transform:scale(1);}
}
@keyframes scale_small { 
0% {transform:scale(1) ;}
 50% {transform:scale(1.2);}
 100% {transform:scale(1);}
}
.small_scale:hover
{
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1); 
-o-transform:scale(1.1); 
-ms-transform:scale(1.1); 
transform:scale(1.1); 
}
.little_scale:hover
{
-webkit-transform:scale(1.05); 
-moz-transform:scale(1.05); 
-o-transform:scale(1.05); 
-ms-transform:scale(1.05); 
transform:scale(1.05); 
}
@-webkit-keyframes star_shine { 
0% {-webkit-transform:scale(1) rotate(0deg);}
 50% {-webkit-transform:scale(4) rotate(45deg);}
 100% {-webkit-transform:scale(1) rotate(0deg);}
}
@-moz-keyframes star_shine { 
0% {-moz-transform:scale(1) rotate(0deg);}
 50% {-moz-transform:scale(4) rotate(45deg);}
 100% {-moz-transform:scale(1) rotate(0deg);}
}
@-o-keyframes star_shine { 
0% {-o-transform:scale(1) rotate(0deg);}
 50% {-o-transform:scale(4) rotate(45deg);}
 100% {-o-transform:scale(1) rotate(0deg);}
}
@-ms-keyframes star_shine { 
0% {-ms-transform:scale(1) rotate(0deg);}
 50% {-ms-transform:scale(4) rotate(45deg);}
 100% {-ms-transform:scale(1) rotate(0deg);}
}
@keyframes star_shine { 
0% {transform:scale(1) rotate(0deg);}
 50% {transform:scale(4) rotate(45deg);}
 100% {transform:scale(1) rotate(0deg);}
}
#diban_on{z-index:1;top: 30.8%;left: 0%;}
#qiangbi_on{z-index:1;top: 0%;left: 0%;}
#ditan_on{z-index:2;top: 68%;left: 19%;}
#hua_on{z-index:3;top: 0%;left: 72%;}
#chuang_on { z-index: 4;top: 16%;left: 44%;}
#yigui_on{z-index:5;top: -1%;left: 31.2%;}
#chuangzhao_on{z-index:5;top: 17%;left: 44%;}
#chuangtougui_on{z-index:6;top: 26%;left: 85.4%;}
#deng_on{z-index:6;top: 0%;left: 45%;}
#chuanghu_on{z-index:6;top: 3%;left: 5%;}
#shafa_on{z-index:6;top: 30%;left: 1%;}
#wanju_on{z-index:7;top: 42%;left: 32%;}
#diban_show{z-index:1;top: 30.6%;left: 0%;}
#qiangbi_show{z-index:1;top: 0%;left: 0%;}
#ditan_show{z-index:2;top: 68%;left: 19%;}
#hua_show{z-index:3;top: 0%;left: 72%;}
#chuang_show { z-index: 4;top: 16%;left: 44%;}
#yigui_show{z-index:5;top: -1%;left: 31.2%;}
#chuangzhao_show{z-index:5;top: 17%;left: 44%;}
#chuangtougui_show{z-index:6;top: 26%;left: 85.4%;}
#deng_show{z-index:6;top: 0%;left: 45%;}
#chuanghu_show{z-index:6;top: 3%;left: 5%;}
#shafa_show{z-index:6;top: 30%;left: 1%;}
#wanju_show{z-index:7;top: 42%;left: 32%;}
.shine{
-webkit-animation:star_shine 1.0s linear infinite; 
-moz-animation:star_shine 1.0s linear infinite; 
-o-animation:star_shine 1.0s linear infinite; 
-ms-animation:star_shine 1.0s linear infinite; 
animation:star_shine 1.0s linear infinite; 
}
#star1{ left:20%; top:20%; z-index:500; -webkit-animation:star_shine 1.0s linear infinite; }
#star2{ left:45%; top:21%; z-index:500; -webkit-animation:star_shine 1.1s linear infinite; }
#star3{ left:64%; top:32%; z-index:500; -webkit-animation:star_shine 1.2s linear infinite; }
#star4{ left:75%; top:13%; z-index:500; -webkit-animation:star_shine 1.3s linear infinite; }
#star5{ left:50%; top:37%; z-index:500; -webkit-animation:star_shine 1.4s linear infinite; }
#star6{ left:35%; top:28%; z-index:500; -webkit-animation:star_shine 1.5s linear infinite; }
#star7{ left:29%; top:30%; z-index:500; -webkit-animation:star_shine 1.1s linear infinite; }
#star8{ left:64%; top:25%; z-index:500; -webkit-animation:star_shine 1.2s linear infinite; }
#star9{ left:54%; top:32%; z-index:500; -webkit-animation:star_shine 1.3s linear infinite; }

#star11{ left:20%; top:20%; z-index:500; -webkit-animation:star_shine 1.0s linear infinite; }
#star21{ left:45%; top:45%; z-index:500; -webkit-animation:star_shine 1.1s linear infinite; }
#star31{ left:64%; top:64%; z-index:500; -webkit-animation:star_shine 1.2s linear infinite; }
#star41{ left:75%; top:75%; z-index:500; -webkit-animation:star_shine 1.3s linear infinite; }
#star51{ left:50%; top:50%; z-index:500; -webkit-animation:star_shine 1.4s linear infinite; }
#star61{ left:35%; top:35%; z-index:500; -webkit-animation:star_shine 1.5s linear infinite; }
#star71{ left:29%; top:29%; z-index:500; -webkit-animation:star_shine 1.01s linear infinite; }
#star81{ left:64%; top:3%; z-index:500; -webkit-animation:star_shine 1.2s linear infinite; }
#star91{ left:54%; top:11%; z-index:500; -webkit-animation:star_shine 1.1s linear infinite; }


#star12{ left:10%; top:90%; z-index:500; -webkit-animation:star_shine 1.1s linear infinite; }
#star22{ left:20%; top:80%; z-index:500; -webkit-animation:star_shine 1.2s linear infinite; }
#star32{ left:30%; top:70%; z-index:500; -webkit-animation:star_shine 1.3s linear infinite; }
#star42{ left:40%; top:60%; z-index:500; -webkit-animation:star_shine 1.4s linear infinite; }
#star52{ left:50%; top:50%; z-index:500; -webkit-animation:star_shine 1.5s linear infinite; }
#star62{ left:60%; top:40%; z-index:500; -webkit-animation:star_shine 1.6s linear infinite; }
#star72{ left:70%; top:30%; z-index:500; -webkit-animation:star_shine 1.1s linear infinite; }
#star82{ left:80%; top:20%; z-index:500; -webkit-animation:star_shine 1.2s linear infinite; }
#star92{ left:90%; top:10%; z-index:500; -webkit-animation:star_shine 1.3s linear infinite; }

 #progress_bar{left:10%; top:40%;  width:80%;height:11%;border:3px solid white;background: blue;overflow:hidden;-webkit-box-shadow:0px 0px 30px white;-moz-box-shadow:0px 0px 30px white;-o-box-shadow:0px 0px 30px white;-ms-box-shadow:0px 0px 30px white;box-shadow:0px 0px 30px white;}
#progress{margin-left:1%;margin-top:1%;width:97%;height:80%;background: red;}
#progNum{margin-left:45%; margin-top:1.5%; text-align:center;color:white;}
#begin_logo{left:38%; top:31%;width:25%;height:7%;position:absolute;  cursor:pointer;}
#first_logo{left:2%; top:1%;width:25%;height:7%;position:absolute;  cursor:pointer;}
#second_logo{left:70%; top:1%;width:20%;height:7%;position:absolute;  cursor:pointer;z-index:50;}
#third_logo{left:5%; top:88%;width:20%;height:7%;position:absolute;  cursor:pointer;z-index:50;}

#MG1{ width:15%; height:9%;z-index:1; left:45%; top:82%; cursor:pointer;z-index:50;}
#MG2{ width:12%; height:7%;z-index:1; left:30%; top:1%; cursor:pointer;z-index:50;}
#MG3{ width:13%; height:7.5%;z-index:1; left:83%; top:88%; cursor:pointer;z-index:50;;display:none;}

#replay{display:none;}
#music{display:none;}
#print{display:none;}