@charset "utf-8";

body {
	overflow: hidden;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}

#loading {
    position: fixed;
    background: #efddb7 url('../img/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#bgimg {
	position: absolute;
	z-index: -1;
}

div#bg {
	position: absolute;
	z-index: 601;
	color: #D6D6D6;
	background: #efddb7;
	top:50%;
	left: 50%;
}
div#topShutter {
	position: absolute;
	z-index: 602;
	background: url('img/shutter2.png');
	top:0%;
	left: 100%;
}
div#topShutter2 {
	position: absolute;
	z-index: 610;
	background: url('img/shutter2.png');
	top:0%;
	left: 100%;
	opacity: 0.1;
}
div#top {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 500px;
	margin: -250px 0 0 -480px;
	/*background: url('img/index/j/bg.png');*/
}
a {
	overflow: hidden;
	outline: none;
	border-style:none;
}
a img {
	overflow: hidden;
	outline: none;
	border-style:none;
}
#t1_1 {
	width: 159px;
	height: 204px;
	position: absolute;
	top: 2031px;
	left: 118px;
	z-index: 605;
}
#t1_2 {
	width: 159px;
	height: 204px;
	position: absolute;
	top: 31px;
	left: 118px;
	z-index: 605;
	display: none;
}
#t2_1 {
	width: 220px;
	height: 98px;
	position: absolute;
	top: 2279px;
	right: 2638px;
	z-index: 605;
}
#t2_2 {
	width: 418px;
	height: 84px;
	position: absolute;
	top: 2382px;
	left: 2001px;
	z-index: 605;
}
#t3 {
	width: 674px;
	height: 464px;
	position: absolute;
	top: 1px;
	left: 2286px;
	z-index: 605;
}

#t3_g1 {
	width: 316px;
	height: 336px;
	position: absolute;
	top: 1px;
	left: 2286px;
	transition: transform 0.1s linear;
}

#t3_g2 {
	width: 571px;
	height: 407px;
	position: absolute;
	bottom: 538px;
	left: 2388px;
	transition: transform 0.1s linear;
}

#t3_12 {
	width: 571px;
	height: 369px;
	bottom: 538px;
	left: 2388px;
	z-index: 605;
	position: absolute;
}


#t3_1 {width: 178px; height: 426px; top: 52px; left: 189px; z-index: 606 ;position: absolute;transition: transform 0.3s ease-in; transform: rotate(-39deg)}
/*#t3_1 img{transition: transform .5s linear; transform: rotate(-720deg)}*/
 #t3_2 {width: 388px; height: 86px;  top: 280px; left: -307px;z-index: 606 ;position: absolute;transition: transform 0.2s cubic-bezier(.1,1,.5,1); transform: rotate(29deg);text-align:right; }
 #t3_3 {width: 182px; height: 180px; top: 150px; left: 133px; z-index: 606 ;position: absolute;transition: transform 0.3s ease-in; transform: rotate(-62deg);text-align:right;}
 #t3_4 {width: 150px; height: 350px; top: 29px;  left: 204px; z-index: 605 ;position: absolute;transition: transform 0.3s linear; transform:  rotate(-112deg);text-align:right;}
 #t3_5 {width: 226px; height: 144px; top: 92px;  left: 112px; z-index: 605 ;position: absolute;transition: transform 0.3s ease-in; transform: rotate(-95deg);text-align:right;}
 #t3_6 {width: 122px; height: 254px; top: 57px;  left: 170px; z-index: 605 ;position: absolute;transition: transform 0.3s ease-in; transform: rotate(-90deg);text-align:right;}
 #t3_7 {width: 38px;  height: 354px; top: 2px;  left: 265px; z-index: 605 ;position: absolute;transition: transform 0.3s ease-in; transform: rotate(-72deg)}
 #t3_8 {width: 24px;  height: 242px; top: 30px;  left: 205px; z-index: 605 ;position: absolute;transition: transform 0.3s ease-in; transform: rotate(-100deg)}
 #t3_9 {width: 34px;  height: 250px; top: 48px;  left: 201px; z-index: 605 ;position: absolute;transition: transform 0.3s ease-in; transform: rotate(-82deg)}
#t3_10 {width: 70px;  height: 286px; top: 25px;  left: 193px; z-index: 605 ;position: absolute;transition: transform 0.3s ease-in; transform: rotate(-85deg);text-align:right; }
#t3_11 {width: 398px; height: 420px; top: 48px;  left: -2px;  z-index: 606 ;position: absolute;transition: transform 0.3s cubic-bezier(.1,-1,.5,4); transform: rotate(-35deg)}

#t3_1 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(-10deg)}
#t3_2 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(110deg)}
#t3_3 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(-60deg)}
#t3_4 img{transition: transform .7s linear; transform: rotate(-720deg)}
#t3_5 img{transition: transform .7s linear; transform: rotate(-90deg)}
#t3_6 img{transition: transform .7s linear; transform: rotate(-120deg)}
#t3_7 img{transition: transform .7s linear; transform: rotate(60deg)}
#t3_8 img{transition: transform 6s cubic-bezier(0,.7,.7,1); transform: rotate(3600deg)}
#t3_9 img{transition: transform 6s cubic-bezier(0,.7,.7,1); transform: rotate(3600deg)}
#t3_10 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(-30deg)}

#t3_13 {width: 234px; height: 178px; top: 98px; left: 239px; z-index: 604; position: absolute;transition: transform 0.3s ease-in; transform: rotate(72deg)}
#t3_14 {width: 196px; height: 208px; top: 41px; left: 234px; z-index: 604; position: absolute;transition: transform 0.3s ease-in; transform: rotate(70deg)}
#t3_15 {width: 134px;  height: 208px; top: 15px;  left: 275px; z-index: 604; position: absolute;transition: transform 0.3s ease-in; transform: rotate(63deg)}
#t3_16 {width: 102px;  height: 158px; top: 39px; left: 301px; z-index: 604; position: absolute;transition: transform 0.3s ease-in; transform: rotate(70deg)}
#t3_17 {width: 82px;  height: 188px; top: 6px;  left: 321px; z-index: 604; position: absolute;transition: transform 0.3s ease-in; transform: rotate(60deg)}
#t3_18 {width: 62px;  height: 190px; top: -6px;  left: 336px; z-index: 604; position: absolute;transition: transform 0.3s ease-in; transform: rotate(60deg)}
#t3_19 {width: 200px; height: 228px; top: 52px; left: 272px; z-index: 604; position: absolute;transition: transform 0.3s ease-in; transform: rotate(65deg)}
#t3_20 {width: 170px; height: 406px; top: -14px;left: 297px; z-index: 603; position: absolute;transition: transform 0.3s ease-in; transform: rotate(24deg); text-align:right;}
#t3_21 {width: 104px;  height: 302px; top: -13px; left: 327px; z-index: 603; position: absolute;transition: transform 0.3s ease-in; transform: rotate(40deg)}
#t3_22 {width: 486px; height: 147px; top: 315px;left: 473px; z-index: 603; position: absolute;display: none;}

#t3_13 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(1800deg)}
#t3_14 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(360deg)}
#t3_15 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(1080deg)}
#t3_16 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(1080deg)}
#t3_17 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(1080deg)}
#t3_18 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(1080deg)}
#t3_19 img{transition: transform 6s cubic-bezier(0,.7,.3,1); transform: rotate(60deg)}
#t3_20 img{transition: transform 6s cubic-bezier(0,.7,.7,1); transform: rotate(60deg)}
#t3_21 img{transition: transform 6s cubic-bezier(0,.7,.7,1); transform: rotate(30deg)}


#t4 {
	width: 343px;
	height: 32px;
	position: absolute;
	top: 423px;
	left: 606px;
	z-index: 605;
	display: none;
}
#t5 {
	width: 184px;
	height: 230px;
	position: absolute;
	top: 31px;
	left: 118px;
	z-index: 605;
	display: none;
}
#t6 {
	width: 418px;
	height: 187px;
	position: absolute;
	top: 279px;
	left: 1px;
	z-index: 605;
	display: none;
}
#t6_1 {
	width: 220px;
	height: 98px;
	position: absolute;
	top: 279px;
	right: 638px;
	z-index: 605;
	display: none;
}
#t6_2 {
	width: 418px;
	height: 84px;
	position: absolute;
	top: 382px;
	left: 001px;
	z-index: 605;
	display: none;
}
#t7 {
	width: 958px;
	height: 25px;
	position: absolute;
	top: 475px;
	left: 1px;
	z-index: 605;
	display: none;
}
#t8 {
	width: 180px;
	height: 158px;
	position: absolute;
	top: 279px;
	left: 758px;
	z-index: 605;
	display: none;
}
#t9 {
	width: 594px;
	height: 432px;
	position: absolute;
	top: 8px;
	left: 2354px;
	z-index: 610;
}
#t10 {
	width: 940px;
	height: 26px;
	position: absolute;
	top: 448px;
	left: 10px;
	z-index: 605;
	display: none;
}

div#count {
	height: 42px;
	width: 95px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 256px 0 0 -45px;
	display: none;
	z-index: 605;
}
div#count span#number {
	width: 90px;
	height: 25px;
}
div#count span#number img {
	margin: 1px;
	padding: 0px;
}
div#count span#mph {
	width: 38px;
	height: 13px;
	display: block;
	margin-top: 4px;
	margin-right: auto;
	margin-left: auto;
}
.error{background:#ff6699;padding: 20px;text-align:center;}