﻿
html, body{     height:100%;     padding:0;     margin:0;}
img{position:absolute}
body{margin:0;width:100%;position:absolute;font-family:arial; overflow:hidden;resize:none; }
 #background { margin-right: auto; margin-left: auto; position:relative;}
 #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:98%;height:80%;background: red;}
#progNum{margin-left:40%; margin-top:3%; text-align:center;color:white;}
#begin_logo{left:35%; top:32%;width:25%;height:7%;position:absolute;  cursor:pointer;}
#first_logo{left:2%; top:88%;width:25%;height:7%;position:absolute;  cursor:pointer;}
#second_logo{left:2%; top:88%;width:25%;height:7%;position:absolute;  cursor:pointer;}
#third_logo{left:2%; top:88%;width:25%;height:7%;position:absolute;  cursor:pointer;}

#MG3{ display:none;}

#star1{ -webkit-animation:star_shine 1.1s ease infinite; -moz-animation:star_shine 1.1s ease infinite;-o-animation:star_shine 1.1s ease infinite;animation:star_shine 1.1s ease infinite;}
#star2{ -webkit-animation:star_shine 1.2s ease-in infinite; -moz-animation:star_shine 1.2s ease-in infinite;-o-animation:star_shine 1.2s ease-in infinite;animation:star_shine 1.2s ease-in infinite;}
#star3{ -webkit-animation:star_shine 1.3s ease-out infinite; -moz-animation:star_shine 1.3s ease-out infinite;-o-animation:star_shine 1.3s ease-out infinite;animation:star_shine 1.3s ease-out infinite;}
#star4{ -webkit-animation:star_shine 1.4s linear infinite; -moz-animation:star_shine 1.4s linear infinite;-o-animation:star_shine 1.4s linear infinite;animation:star_shine 1.4s linear infinite;}
#star5{ -webkit-animation:star_shine 1.5s ease-in infinite; -moz-animation:star_shine 1.5s ease infinite;-o-animation:star_shine 1.5s ease infinite;animation:star_shine 1.5s ease infinite;}
#star6{ -webkit-animation:star_shine 1.6s ease-in-out infinite; -moz-animation:star_shine 1.6s ease-in-out infinite;-o-animation:star_shine 1.6s ease-in-out infinite;animation:star_shine 1.6s ease-in-out infinite;}
#star7{ -webkit-animation:star_shine 1.4s linear infinite; -moz-animation:star_shine 1.4s linear infinite;-o-animation:star_shine 1.4s linear infinite;animation:star_shine 1.4s linear infinite;}
#star8{ -webkit-animation:star_shine 1.5s ease-in infinite; -moz-animation:star_shine 1.5s ease infinite;-o-animation:star_shine 1.5s ease infinite;animation:star_shine 1.5s ease infinite;}
#star9{ -webkit-animation:star_shine 1.6s ease-in-out infinite; -moz-animation:star_shine 1.6s ease-in-out infinite;-o-animation:star_shine 1.6s ease-in-out infinite;animation:star_shine 1.6s ease-in-out infinite;}
#showStar1{ -webkit-animation:star_shine 1.1s ease infinite; -moz-animation:star_shine 1.1s ease infinite;-o-animation:star_shine 1.1s ease infinite;animation:star_shine 1.1s ease infinite;}
#showStar2{ -webkit-animation:star_shine 1.2s ease-in infinite; -moz-animation:star_shine 1.2s ease infinite;-o-animation:star_shine 1.2s ease infinite;animation:star_shine 1.2s ease-in-out infinite;}
#showStar3{ -webkit-animation:star_shine 1.3s ease-out infinite; -moz-animation:star_shine 1.3s ease infinite;-o-animation:star_shine 1.3s ease infinite;animation:star_shine 1.3s ease infinite;}
#showStar4{ -webkit-animation:star_shine 1.4s linear infinite; -moz-animation:star_shine 1.4s ease infinite;-o-animation:star_shine 1.4s ease-in-out infinite;animation:star_shine 1.4s ease-in-out infinite;}
#showStar5{ -webkit-animation:star_shine 1.5s ease-in infinite; -moz-animation:star_shine 1.5s ease-in-out infinite;-o-animation:star_shine 1.5s ease infinite;animation:star_shine 1.5s ease-in-out infinite;}
#showStar6{ -webkit-animation:star_shine 1.6s ease-in-out infinite; -moz-animation:star_shine 1.6s ease infinite;-o-animation:star_shine 1.6s ease infinite;animation:star_shine 1.6s ease infinite;}
#showStar7{ -webkit-animation:star_shine 1.1s ease infinite; -moz-animation:star_shine 1.1s ease-in-out infinite;-o-animation:star_shine 1.1s ease-in-out infinite;animation:star_shine 1.1s ease infinite;}
#showStar8{ -webkit-animation:star_shine 1.2s ease-in infinite; -moz-animation:star_shine 1.2s ease infinite;-o-animation:star_shine 1.2s ease infinite;animation:star_shine 1.2s ease-in-out infinite;}
#showStar9{ -webkit-animation:star_shine 1.3s ease-out infinite; -moz-animation:star_shine 1.3s ease-in-out infinite;-o-animation:star_shine 1.3s ease infinite;animation:star_shine 1.3s ease infinite;}
#showStar10{ -webkit-animation:star_shine 1.4s linear infinite; -moz-animation:star_shine 1.4s ease infinite;-o-animation:star_shine 1.4s ease-in-out infinite;animation:star_shine 1.4s ease-in-out infinite;}
#showStar11{ -webkit-animation:star_shine 1.5s ease-in infinite; -moz-animation:star_shine 1.5s ease infinite;-o-animation:star_shine 1.5s ease infinite;animation:star_shine 1.5s ease infinite;}
#showStar12{ -webkit-animation:star_shine 1.6s ease-in-out infinite; -moz-animation:star_shine 1.6s ease infinite;-o-animation:star_shine 1.6s ease-in-outinfinite;animation:star_shine 1.6s ease-in-out infinite;}
#showStar13{ -webkit-animation:star_shine 1.0s ease-in-out infinite; -moz-animation:star_shine 1.0s ease-in-out infinite;-o-animation:star_shine 1.0s ease infinite;animation:star_shine 1.0s ease infinite;}
@-webkit-keyframes star_shine
{
	0%{	-webkit-transform:scale(1) 	 rotate(0deg); }
	50%{-webkit-transform:scale(2)  rotate(45deg); }
	100%{-webkit-transform:scale(1) rotate(0deg); 	}
}
@-moz-keyframes star_shine
{
	0%{	-moz-transform:scale(1) 	 rotate(0deg); }
	50%{-moz-transform:scale(2)  rotate(45deg); }
	100%{-moz-transform:scale(1) rotate(0deg); 	}
}
@-o-keyframes star_shine
{
	0%{	-o-transform:scale(1) 	 rotate(0deg); }
	50%{-o-transform:scale(2)  rotate(45deg); }
	100%{-o-transform:scale(1) rotate(0deg); 	}
}
@keyframes star_shine
{
	0%{	transform:scale(1) 	 rotate(0deg); }
	50%{transform:scale(2)  rotate(45deg); }
	100%{transform:scale(1) rotate(0deg); 	}
}
.scale:hover
{
-webkit-transform:scale(1.2) ;
-moz-transform:scale(1.2) ;
-o-transform:scale(1.2) ;
transform:scale(1.2) ;
}
@-webkit-keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}
@-moz-keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}@-o-keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}
@keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}
.fedout
{
 -webkit-animation:fedout 1.0s ease-in-out;
  -moz-animation:fedout 1.0s ease-in-out;
   -o-animation:fedout 1.0s ease-in-out;
   animation:fedout 1.0s ease-in-out;
}

/*
@-webkit-keyframes star_shine
{
	0%{	-webkit-transform:scale(1) 	 rotate(0deg); }
	50%{-webkit-transform:scale(5)  rotate(45deg); }
	100%{-webkit-transform:scale(1) rotate(0deg); 	}
}
@-moz-keyframes star_shine
{
	0%{	-moz-transform:scale(1) 	 rotate(0deg); }
	50%{-moz-transform:scale(5)  rotate(45deg); }
	100%{-moz-transform:scale(1) rotate(0deg); 	}
}
@-o-keyframes star_shine
{
	0%{	-o-transform:scale(1) 	 rotate(0deg); }
	50%{-o-transform:scale(5)  rotate(45deg); }
	100%{-o-transform:scale(1) rotate(0deg); 	}
}
@keyframes star_shine
{
	0%{	-o-transform:scale(1) 	 rotate(0deg); }
	50%{-o-transform:scale(5)  rotate(45deg); }
	100%{-o-transform:scale(1) rotate(0deg); 	}
}
.scale:hover
{
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	transform:scale(1.1); 
	 cursor:pointer;
}
@-webkit-keyframes moveleft
{
	0%{	-webkit-transform:translatex(0px); }
	50%{-webkit-transform:translatex(-5px); }
	100%{-webkit-transform:translatex(0px); 	}
}
@-moz-keyframes moveleft
{
	0%{	-moz-transform:translatex(0px); }
	50%{-moz-transform:translatex(-5px); }
	100%{-moz-transform:translatex(0px); 	}
}
@-o-keyframes moveleft
{
	0%{	-o-transform:translatex(0px); }
	50%{-o-transform:translatex(-5px); }
	100%{-o-transform:translatex(0px); 	}
}
@keyframes moveleft
{
	0%{transform:translatex(0px); }
	50%{transform:translatex(-5px); }
	100%{transform:translatex(0px); 	}
}

@-webkit-keyframes moveright
{
	0%{	-webkit-transform:translatex(0px); }
	50%{-webkit-transform:translatex(5px); }
	100%{-webkit-transform:translatex(0px); 	}
}
@-moz-keyframes moveright
{
	0%{	-moz-transform:translatex(0px); }
	50%{-moz-transform:translatex(5px); }
	100%{-moz-transform:translatex(0px); 	}
}
@-o-keyframes moveright
{
	0%{	-o-transform:translatex(0px); }
	50%{-o-transform:translatex(5px); }
	100%{-o-transform:translatex(0px); 	}
}
@keyframes moveright
{
	0%{	transform:translatex(0px); }
	50%{transform:translatex(5px); }
	100%{transform:translatex(0px); 	}
}

@-webkit-keyframes stopmove
{
	0%{	-webkit-transform:translatex(0px); }
	100%{-webkit-transform:translatex(0px); 	}
}
@-moz-keyframes stopmove
{
	0%{	-moz-transform:translatex(0px); }
	100%{-moz-transform:translatex(0px); 	}
}
@-o-keyframes stopmove
{
	0%{	-o-transform:translatex(0px); }
	100%{-o-transform:translatex(0px); 	}
}
@keyframes stopmove
{
	0%{	transform:translatex(0px); }
	100%{transform:translatex(0px); 	}
}
#clothes_page #left_arrow:hover
{ -webkit-animation:stopmove 1s ease infinite; -moz-animation:stopmove 1s ease infinite; -o-animation:stopmove 1s ease infinite;animation:stopmove 1s ease infinite;	}
#clothes_page #right_arrow:hover
{ -webkit-animation:stopmove 1s ease infinite; -moz-animation:stopmove 1s ease infinite; -o-animation:stopmove 1s ease infinite;animation:stopmove 1s ease infinite;	}

#progress_bar{left:130px;top:230px;width:450px;height:40px;position:absolute;
border:2px solid white;background: blue;overflow:hidden;-webkit-box-shadow:0px 0px 15px white;-moz-box-shadow:0px 0px 15px white;-o-box-shadow:0px 0px 15px white;box-shadow:0px 0px 15px white;}

#progress{margin-left:0px;margin-top:0px;width:444px;height:40px;position:relative;background: red;}
#progNum{left:130px;top:235px;width:430px;height:30px;position:absolute;text-align:center;font-size:30px;color:white;}
#begin_logo{left:300px; top:180px;width:140px;height:34px;position:absolute;  cursor:pointer;}
#first_logo{left:500px; top:10px;width:140px;height:34px;position:absolute;  cursor:pointer;}
#second_logo{left:500px; top:10px;width:140px;height:34px;position:absolute;  cursor:pointer;}
#third_logo{left:500px; top:10px;width:140px;height:34px;position:absolute;  cursor:pointer;}


#begin_background{width:700px;height:500px;}
#first_background{width:700px;height:500px;}
#star1{left:300px; top:160px; width: 10px;height: 10px;position:absolute; z-index:3; -webkit-animation:star_shine 1.5s ease infinite; -moz-animation:star_shine 1.5s ease infinite;-o-animation:star_shine 1.5s ease infinite;animation:star_shine 1.5s ease infinite;}
#star2{left:650px; top:50px; width: 12px;height: 12px;position:absolute; z-index:3; -webkit-animation:star_shine 1.1s ease-in infinite; -moz-animation:star_shine 1.4s ease infinite;-o-animation:star_shine 1.4s ease infinite; animation:star_shine 1.4s linear infinite;}
#star3{left:540px; top:205px; width: 11px;height: 11px;position:absolute; z-index:3; -webkit-animation:star_shine 1.2s ease-out infinite;  -moz-animation:star_shine 1.3s ease infinite;-o-animation:star_shine 1.3s ease infinite;animation:star_shine 1.3s ease-in infinite;}
#star4{left:410px; top:280px; width: 10px;height: 10px;position:absolute; z-index:3; -webkit-animation:star_shine 1.3s ease-in-out infinite; -moz-animation:star_shine 1.2s ease infinite;-o-animation:star_shine 1.2s ease infinite;animation:star_shine 1.2s ease-out infinite; }
#star5{left:640px; top:280px; width: 11px;height: 11px;position:absolute; z-index:3; -webkit-animation:star_shine 1.4s linear infinite; -moz-animation:star_shine 1.1s ease infinite;-o-animation:star_shine 1.1s ease infinite; animation:star_shine 1.1s ease-in-out infinite;}
#play_button{width:102px;height:66px;left:540px;top:320px;position:absolute;  cursor:pointer;}
#first_more_button{width:102px;height:66px;left:540px;top:400px;position:absolute;  cursor:pointer;}
#music{left:640px; top:10px; width: 40px;height: 40px;position:absolute;  cursor:pointer;}
#second_girl {left:355px; top:70px; width:218px; height:421px; position:absolute;}
#show_button {left:580px; top:330px; width:73px; height:47px;  position:absolute; cursor:pointer;}
#reset_button {left:580px; top:385px; width:73px; height:47px; position:absolute; cursor:pointer;}
#second_more_button {left:580px; top:440px; width:73px; height:47px;  position:absolute; cursor:pointer;}

#clothes_button{left:275px; top:8px; width:40px; height:55px; position:absolute;  cursor:pointer;}
#hair_button{left:265px; top:83px; width:40px; height:40px; position:absolute;  cursor:pointer;}
#scarf_button{left:253px; top:143px; width:40px; height:40px;position:absolute;  cursor:pointer;}
#waistband_button{left:240px; top:203px; width:40px; height:40px;position:absolute;  cursor:pointer;}
#headwear_button{left:230px; top:263px; width:40px; height:40px;position:absolute;  cursor:pointer;}
#hand_button{left:215px; top:315px; width:40px; height:40px;position:absolute;  cursor:pointer;}
#shoe_button{left:202px; top:375px; width:40px; height:40px;position:absolute;  cursor:pointer;}
#ear_button{left:190px; top:435px; width:40px; height:40px;position:absolute;  cursor:pointer;}


#clothes_page img{left:3px; top:80px; width:195px; height:350px;position:absolute;  cursor:pointer;}
#clothes_page #left_arrow{left:10px; top:50px; width:41px; height:41px;position:absolute;  cursor:pointer; -webkit-animation:moveleft 1s ease infinite; -moz-animation:moveleft 1s ease infinite; -o-animation:moveleft 1s ease infinite;animation:moveleft 1s ease infinite;}	
#clothes_page #right_arrow{left:190px; top:50px; width:41px; height:41px;position:absolute;  cursor:pointer;-webkit-animation:moveright 1s ease infinite; -moz-animation:moveright 1s ease infinite; -o-animation:moveright 1s ease infinite;animation:moveright 1s ease infinite;}

#hair1{left:15px; top:50px; width:90px; height:127px;position:absolute;  cursor:pointer;}	
#hair2{left:130px; top:50px; width:81px; height:125px;position:absolute;  cursor:pointer;}
#hair3{left:15px; top:180px; width:74px; height:82px;position:absolute;  cursor:pointer;}
#hair4{left:110px; top:180px; width:88px; height:140px;position:absolute;  cursor:pointer;}
#hair5{left:10px; top:300px; width:75px; height:173px;position:absolute;  cursor:pointer;}
#hair6{left:75px; top:300px; width:87px; height:182px;position:absolute;  cursor:pointer;}

#scarf1{left:10px; top:45px; width:107px; height:131px;position:absolute;  cursor:pointer;}	
#scarf2{left:110px; top:50px; width:106px; height:131px;position:absolute;  cursor:pointer;}
#scarf3{left:15px; top:220px; width:89px; height:84px;position:absolute;  cursor:pointer;}
#scarf4{left:100px; top:190px; width:107px; height:61px;position:absolute;  cursor:pointer;}
#scarf5{left:105px; top:270px; width:82px; height:73px;position:absolute;  cursor:pointer;}
#scarf6{left:20px; top:340px; width:104px; height:131px;position:absolute;  cursor:pointer;}

#waistband1{left:20px; top:45px; width:80px; height:95px;position:absolute;  cursor:pointer;}	
#waistband2{left:120px; top:110px; width:89px; height:82px;position:absolute;  cursor:pointer;}
#waistband3{left:10px; top:170px; width:93px; height:83px;position:absolute;  cursor:pointer;}
#waistband4{left:90px; top:250px; width:96px; height:96px;position:absolute;  cursor:pointer;}
#waistband5{left:15px; top:320px; width:76px; height:70px;position:absolute;  cursor:pointer;}
#waistband6{left:70px; top:400px; width:76px; height:70px;position:absolute;  cursor:pointer;}

#headwear1{left:30px; top:85px; width:41px; height:99px;position:absolute;  cursor:pointer;}	
#headwear2{left:90px; top:70px; width:72px; height:127px;position:absolute;  cursor:pointer;}
#headwear3{left:25px; top:230px; width:36px; height:86px;position:absolute;  cursor:pointer;}
#headwear4{left:110px; top:210px; width:60px; height:108px;position:absolute;  cursor:pointer;}
#headwear5{left:20px; top:340px; width:55px; height:86px;position:absolute;  cursor:pointer;}
#headwear6{left:110px; top:350px; width:30px; height:63px;position:absolute;  cursor:pointer;}

#hand1{left:30px; top:380px; width:31px; height:59px;position:absolute;  cursor:pointer;}	
#hand2{left:80px; top:380px; width:56px; height:79px;position:absolute;  cursor:pointer;}
#hand3{left:10px; top:300px; width:93px; height:64px;position:absolute;  cursor:pointer;}
#hand4{left:120px; top:210px; width:69px; height:148px;position:absolute;  cursor:pointer;}
#hand5{left:10px; top:230px; width:97px; height:61px;position:absolute;  cursor:pointer;}
#hand6{left:10px; top:150px; width:83px; height:59px;position:absolute;  cursor:pointer;}
#hand7{left:80px; top:50px; width:144px; height:130px;position:absolute;  cursor:pointer;}

#shoe1{left:20px; top:110px; width:86px; height:60px;position:absolute;  cursor:pointer;}	
#shoe2{left:130px; top:60px; width:87px; height:60px;position:absolute;  cursor:pointer;}
#shoe3{left:100px; top:180px; width:92px; height:60px;position:absolute;  cursor:pointer;}
#shoe4{left:10px; top:260px; width:95px; height:59px;position:absolute;  cursor:pointer;}
#shoe5{left:80px; top:330px; width:88px; height:60px;position:absolute;  cursor:pointer;}
#shoe6{left:20px; top:400px; width:86px; height:60px;position:absolute;  cursor:pointer;}

#ear1{left:20px; top:60px; width:97px; height:46px;position:absolute;  cursor:pointer;}	
#ear2{left:140px; top:85px; width:74px; height:103px;position:absolute;  cursor:pointer;}
#ear3{left:25px; top:150px; width:61px; height:56px;position:absolute;  cursor:pointer;}
#ear4{left:110px; top:220px; width:76px; height:32px;position:absolute;  cursor:pointer;}
#ear5{left:30px; top:280px; width:75px; height:76px;position:absolute;  cursor:pointer;}
#ear6{left:60px; top:380px; width:85px; height:73px;position:absolute;  cursor:pointer;}

#clothes1_on{left:351px; top:130px; width:197px; height:307px;position:absolute;  cursor:pointer;}	
#clothes2_on{left:301px; top:123px; width:334px; height:373px;position:absolute;  cursor:pointer;}
#clothes3_on{left:335px; top:130px; width:282px; height:355px;position:absolute;  cursor:pointer;}
#clothes4_on{left:337px; top:130px; width:205px; height:330px;position:absolute;  cursor:pointer;}
#clothes5_on{left:337px; top:130px; width:205px; height:330px;position:absolute;  cursor:pointer;}
#clothes6_on{left:337px; top:130px; width:205px; height:330px;position:absolute;  cursor:pointer;}
#clothes7_on{left:337px; top:130px; width:282px; height:356px;position:absolute;  cursor:pointer;}	
#clothes8_on{left:350px; top:128px; width:194px; height:308px;position:absolute;  cursor:pointer;}
#clothes9_on{left:351px; top:135px; width:189px; height:314px;position:absolute;  cursor:pointer;}
#clothes10_on{left:337px; top:128px; width:282px; height:356px;position:absolute;  cursor:pointer;}
#clothes11_on{left:350px; top:128px; width:194px; height:308px;position:absolute;  cursor:pointer;}
#clothes12_on{left:350px; top:136px; width:188px; height:313px;position:absolute;  cursor:pointer;}
#clothes13_on{left:291px; top:45px; width:438px; height:453px;position:absolute;  cursor:pointer;}
#clothes14_on{left:299px; top:125px; width:340px; height:374px;position:absolute;  cursor:pointer;}

#hair1_on{left:410px; top:60px; width:90px; height:127px;position:absolute;  cursor:pointer;}	
#hair2_on{left:400px; top:60px; width:81px; height:125px;position:absolute;  cursor:pointer;}
#hair3_on{left:413px; top:37px; width:74px; height:83px;position:absolute;  cursor:pointer;}
#hair4_on{left:418px; top:53px; width:63px; height:74px;position:absolute;  cursor:pointer;}
#hair5_on{left:414px; top:54px; width:67px; height:129px;position:absolute;  cursor:pointer;}
#hair6_on{left:384px; top:52px; width:111px; height:237px;position:absolute;  cursor:pointer;}

#hairb1_on{left:450px; top:105px; width:25px; height:25px;position:absolute;  cursor:pointer;}	
#hairb2_on{left:431px; top:80px; width:51px; height:84px;position:absolute;  cursor:pointer;}
#hairb3_on{left:410px; top:60px; width:45px; height:50px;position:absolute;  cursor:pointer;}
#hairb4_on{left:440px; top:55px; width:63px; height:140px;position:absolute;  cursor:pointer;}
#hairb5_on{left:421px; top:50px; width:68px; height:173px;position:absolute;  cursor:pointer;}
#hairb6_on{left:410px; top:60px; width:89px; height:235px;position:absolute;  cursor:pointer;}

#scarf1_on{left:396px; top:121px; width:84px; height:104px;position:absolute;  cursor:pointer;}	
#scarf2_on{left:396px; top:121px; width:84px; height:104px;position:absolute;  cursor:pointer;}
#scarf3_on{left:410px; top:121px; width:71px; height:66px;position:absolute;  cursor:pointer;}
#scarf4_on{left:405px; top:125px; width:84px; height:48px;position:absolute;  cursor:pointer;}
#scarf5_on{left:418px; top:120px; width:65px; height:57px;position:absolute;  cursor:pointer;}
#scarf6_on{left:400px; top:125px; width:82px; height:104px;position:absolute;  cursor:pointer;}

#waistband1_on{left:393px; top:167px; width:69px; height:83px;position:absolute;  cursor:pointer;}	
#waistband2_on{left:390px; top:175px; width:78px; height:71px;position:absolute;  cursor:pointer;}
#waistband3_on{left:389px; top:177px; width:81px; height:72px;position:absolute;  cursor:pointer;}
#waistband4_on{left:388px; top:174px; width:83px; height:83px;position:absolute;  cursor:pointer;}
#waistband5_on{left:389px; top:175px; width:76px; height:70px;position:absolute;  cursor:pointer;}
#waistband6_on{left:389px; top:175px; width:76px; height:70px;position:absolute;  cursor:pointer;}

#headwear1_on{left:456px; top:68px; width:23px; height:55px;position:absolute;  cursor:pointer;}	
#headwear2_on{left:450px; top:65px; width:37px; height:65px;position:absolute;  cursor:pointer;}
#headwear3_on{left:460px; top:75px; width:19px; height:44px;position:absolute;  cursor:pointer;}
#headwear4_on{left:465px; top:64px; width:31px; height:67px;position:absolute;  cursor:pointer;}
#headwear5_on{left:450px; top:68px; width:28px; height:44px;position:absolute;  cursor:pointer;}
#headwear6_on{left:465px; top:71px; width:16px; height:32px;position:absolute;  cursor:pointer;}

#hand1_on{left:541px; top:203px; width:31px; height:60px;position:absolute;  cursor:pointer;}	
#hand2_on{left:530px; top:200px; width:55px; height:79px;position:absolute;  cursor:pointer;}
#hand3_on{left:320px; top:95px; width:92px; height:63px;position:absolute;  cursor:pointer;}
#hand4_on{left:365px; top:35px; width:91px; height:134px;position:absolute;  cursor:pointer;}
#hand5_on{left:325px; top:97px; width:97px; height:61px;position:absolute;  cursor:pointer;}
#hand6_on{left:330px; top:100px; width:84px; height:59px;position:absolute;  cursor:pointer;}
#hand7_on{left:330px; top:-5px; width:184px; height:172px;position:absolute;  cursor:pointer;}

#shoe1_on{left:400px; top:460px; width:113px; height:35px;position:absolute;  cursor:pointer;}	
#shoe2_on{left:400px; top:460px; width:111px; height:35px;position:absolute;  cursor:pointer;}
#shoe3_on{left:400px; top:460px; width:111px; height:35px;position:absolute;  cursor:pointer;}
#shoe4_on{left:398px; top:460px; width:118px; height:35px;position:absolute;  cursor:pointer;}
#shoe5_on{left:400px; top:460px; width:111px; height:35px;position:absolute;  cursor:pointer;}
#shoe6_on{left:400px; top:460px; width:111px; height:35px;position:absolute;  cursor:pointer;}

#ear1_on{left:420px; top:110px; width:51px; height:12px;position:absolute;  cursor:pointer;}	
#ear2_on{left:422px; top:110px; width:50px; height:28px;position:absolute;  cursor:pointer;}
#ear3_on{left:422px; top:110px; width:47px; height:18px;position:absolute;  cursor:pointer;}
#ear4_on{left:422px; top:110px; width:47px; height:10px;position:absolute;  cursor:pointer;}
#ear5_on{left:422px; top:110px; width:50px; height:21px;position:absolute;  cursor:pointer;}
#ear6_on{left:418px; top:110px; width:56px; height:24px;position:absolute;  cursor:pointer;}

#third_background{left:0px; top:0px; width:700px; height:500px;position:absolute;}
#third_girl{left:280px; top:60px; width:218px; height:421px;position:absolute;}
#replay_button{left:50px; top:370px; width:73px; height:47px;position:absolute;}
#print_button{left:580px; top:430px; width:73px; height:47px;position:absolute;}
#third_more_button{left:50px; top:430px; width:73px; height:47px;position:absolute;}
#star11{left:300px; top:160px; width: 10px;height: 10px;position:absolute; z-index:3; -webkit-animation:star_shine 1.5s ease infinite; -moz-animation:star_shine 1.5s ease infinite;-o-animation:star_shine 1.5s ease infinite;animation:star_shine 1.5s ease infinite;}
#star12{left:360px; top:130px; width: 12px;height: 12px;position:absolute; z-index:3; -webkit-animation:star_shine 1.1s ease-in infinite; -moz-animation:star_shine 1.4s ease infinite;-o-animation:star_shine 1.4s ease infinite; animation:star_shine 1.4s linear infinite;}
#star13{left:400px; top:70px; width: 11px;height: 11px;position:absolute; z-index:3; -webkit-animation:star_shine 1.2s ease-out infinite;  -moz-animation:star_shine 1.3s ease infinite;-o-animation:star_shine 1.3s ease infinite;animation:star_shine 1.3s ease-in infinite;}
#star14{left:320px; top:280px; width: 10px;height: 10px;position:absolute; z-index:3; -webkit-animation:star_shine 1.3s ease-in-out infinite; -moz-animation:star_shine 1.2s ease infinite;-o-animation:star_shine 1.2s ease infinite;animation:star_shine 1.2s ease-out infinite; }
#star15{left:355px; top:210px; width: 11px;height: 11px;position:absolute; z-index:3; -webkit-animation:star_shine 1.4s linear infinite; -moz-animation:star_shine 1.1s ease infinite;-o-animation:star_shine 1.1s ease infinite; animation:star_shine 1.1s ease-in-out infinite;}
#star16{left:390px; top:160px; width: 12px;height: 12px;position:absolute; z-index:3; -webkit-animation:star_shine 1.1s ease-in infinite; -moz-animation:star_shine 1.4s ease infinite;-o-animation:star_shine 1.4s ease infinite; animation:star_shine 1.4s linear infinite;}
#star17{left:290px; top:450px; width: 11px;height: 11px;position:absolute; z-index:3; -webkit-animation:star_shine 1.2s ease-out infinite;  -moz-animation:star_shine 1.3s ease infinite;-o-animation:star_shine 1.3s ease infinite;animation:star_shine 1.3s ease-in infinite;}
#star18{left:365px; top:450px; width: 10px;height: 10px;position:absolute; z-index:3; -webkit-animation:star_shine 1.3s ease-in-out infinite; -moz-animation:star_shine 1.2s ease infinite;-o-animation:star_shine 1.2s ease infinite;animation:star_shine 1.2s ease-out infinite; }
#star19{left:420px; top:410px; width: 11px;height: 11px;position:absolute; z-index:3; -webkit-animation:star_shine 1.4s linear infinite; -moz-animation:star_shine 1.1s ease infinite;-o-animation:star_shine 1.1s ease infinite; animation:star_shine 1.1s ease-in-out infinite;}
/*

@-webkit-keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}
@-moz-keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}@-o-keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}
@-ms-keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}
@keyframes fedout
{
	0%{	opacity:0; }
	50%{opacity:0.5;}
	100%{opacity:1; 	}
}
.show
{
 -webkit-animation:fedout 0.5s ease-in-out;
  -moz-animation:fedout 0.5s ease-in-out;
   -o-animation:fedout 0.5s ease-in-out;
 -ms-animation:fedout 0.5s ease-in-out;
   animation:fedout 0.5s ease-in-out;
}
*/