.container{
	width:931px;
	height:451px;
	overflow: hidden;
	position: relative;
	background:#FFFFFF;
	margin: 10px 0 0 10px;
	text-align: center;
	opacity:1;
	border: 0px solid #f00;
	}

/*免費進入*/
.signboard {
	width: 78px;
	height: 189px;
	position: absolute;
	z-index: 1;
	top:0px;
	left:55px;
	background: url(../exhibition/images/room/signboard.png) no-repeat left top;
	opacity:0;
	-webkit-animation: signboard ease 1s normal forwards,  wave linear 2s 1.5s normal infinite;
	-moz-animation: signboard ease 1s normal forwards,  wave linear 2s 1.5s normal infinite;
	-o-animation: signboard ease 1s normal forwards,  wave linear 2s 1.5s normal infinite;
	-ms-animation: signboard ease 1s normal forwards,  wave linear 2s 1.5s normal infinite;
	animation: signboard ease 1s normal forwards,  wave linear 2s 1.5s normal infinite;		
	}
@-webkit-keyframes signboard {
	0% {left:55px;top:-110px;opacity:1;}
	100% {left:55px;top:0px;opacity:1;}
	}
@-moz-keyframes signboard {
	0% {left:55px;top:-110px;opacity:1;}
	100% {left:55px;top:0px;opacity:1;}
	}
@-o-keyframes signboard {
	0% {left:55px;top:-110px;opacity:1;}
	100% {left:55px;top:0px;opacity:1;}
	}
@-ms-keyframes signboard {
	0% {left:55px;top:-110px;opacity:1;}
	100% {left:55px;top:0px;opacity:1;}
	}
@keyframes signboard {
	0% {left:55px;top:-110px;opacity:1;}
	100% {left:55px;top:0px;opacity:1;}
	}
	
	
@-webkit-keyframes wave {
	0% {-webkit-transform:skew(0deg);}
	50% {-webkit-transform:skew(-3deg);}
	100% {-webkit-transform:skew(0deg);}
	}
@-moz-keyframes wave {
	0% {-moz-transform:skew(0deg);}
	50% {-moz-transform:skew(-3deg);}
	100% {-moz-transform:skew(0deg);}
	}
@-o-keyframes wave {
	0% {-o-transform:skew(0deg);}
	50% {-o-transform:skew(-3deg);}
	100% {-o-transform:skew(0deg);}
	}
@-ms-keyframes wave {
	0% {-ms-transform:skew(0deg);}
	50% {-ms-transform:skew(-3deg);}
	100% {-ms-transform:skew(0deg);}
	}
@keyframes wave {
	0% {transform:skew(0deg);}
	50% {transform:skew(-3deg);}
	100% {transform:skew(0deg);}
	}
		
	
	
	


/*牆*/
.wall {
	width: 930px;
	height: 110px;
	position: absolute;
	z-index: 2;
	top:0px;
	left:0px;
	background: url(../exhibition/images/room/wall.png) no-repeat left top;
	opacity:0;			
	-webkit-animation: wall ease 1s normal forwards;
	-moz-animation: wall ease 1s normal forwards;
	-o-animation: wall ease 1s normal forwards;
	-ms-animation: wall ease 1s normal forwards;
	animation: wall ease 1s normal forwards;		
	}
@-webkit-keyframes wall {
	0% {left:0px;top:-110px;opacity:1;}
	100% {left:0px;top:0px;opacity:1;}
	}
@-moz-keyframes wall {
	0% {left:0px;top:-110px;opacity:1;}
	100% {left:0px;top:0px;opacity:1;}
	}
@-o-keyframes wall {
	0% {left:0px;top:-110px;opacity:1;}
	100% {left:0px;top:0px;opacity:1;}
	}
@-ms-keyframes wall {
	0% {left:0px;top:-110px;opacity:1;}
	100% {left:0px;top:0px;opacity:1;}
	}
@keyframes wall {
	0% {left:0px;top:-110px;opacity:1;}
	100% {left:0px;top:0px;opacity:1;}
	}


/*地平線*/
.line {
	width: 930px;
	height: 102px;
	position: absolute;
	z-index: 3;
	bottom:0px;
	left:0px;
	background: url(../exhibition/images/room/line.png) no-repeat left top;
	opacity:0;	
	-webkit-animation: line 1s .5s normal forwards;
	-moz-animation: line 1s .5s normal forwards;
	-o-animation: line 1s .5s normal forwards;
	-ms-animation: line 1s .5s normal forwards;
	animation: line 1s .5s normal forwards;			
	}
	
@-webkit-keyframes line {
	0% {bottom:-20px;opacity:0;}
	100% {bottom:0px;opacity:1;}
	}
@-moz-keyframes line {
	0% {bottom:-20px;opacity:0;}
	100% {bottom:0px;opacity:1;}
	}			
@-o-keyframes line {
	0% {bottom:-20px;opacity:0;}
	100% {bottom:0px;opacity:1;}
	}
@-ms-keyframes line {
	0% {bottom:-20px;opacity:0;}
	100% {bottom:0px;opacity:1;}
	}
@keyframes line {
	0% {bottom:-20px;opacity:0;}
	100% {bottom:0px;opacity:1;}
	}	
		
	
	
	

/*建築物*/
.building {
	width: 235px;
	height: 105px;
	position: absolute;
	z-index: 4;
	bottom: 20px;
	left:18px;
	background: url(../exhibition/images/room/building.png) no-repeat left top;
	opacity:0;
	-webkit-animation: building 1s 1s normal forwards;
	-moz-animation: building 1s 1s normal forwards;
	-o-animation: building 1s 1s normal forwards;
	-ms-animation: building 1s 1s normal forwards;
	animation: building 1s 1s normal forwards;	
	}
@-webkit-keyframes building {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes building {
	0% {opacity:0;}
	100% {opacity:1;}
	}			
@-o-keyframes building {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-ms-keyframes building {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@keyframes building {
	0% {opacity:0;}
	100% {opacity:1;}
	}	
	
	
	
	

/*鐵釘_2*/
.nails_02 {
	width: 70px;
	height: 74px;
	position: absolute;
	z-index: 5;
	bottom: 17px;
	left:570px;
	background: url(../exhibition/images/room/nails_02.png) no-repeat left top;
	opacity:0;
	-webkit-animation: nails_02 1s 1.5s normal forwards;
	-moz-animation: nails_02 1s 1.5s normal forwards;
	-o-animation: nails_02 1s 1.5s normal forwards;
	-ms-animation: nails_02 1s 1.5s normal forwards;
	animation: nails_02 1s 1.5s normal forwards;	
	}
@-webkit-keyframes nails_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes nails_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}			
@-o-keyframes nails_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-ms-keyframes nails_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@keyframes nails_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}	
	

/*鐵釘_3*/
.nails_03 {
	width: 107px;
	height: 62px;
	position: absolute;
	z-index: 6;
	bottom: 25px;
	left:746px;
	background: url(../exhibition/images/room/nails_03.png) no-repeat left top;
	opacity:0;
	-webkit-animation: nails_03 1s 2s normal forwards;
	-moz-animation: nails_03 1s 2s normal forwards;
	-o-animation: nails_03 1s 2s normal forwards;
	-ms-animation: nails_03 1s 2s normal forwards;
	animation: nails_03 1s 2s normal forwards;	
	}
@-webkit-keyframes nails_03 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes nails_03 {
	0% {opacity:0;}
	100% {opacity:1;}
	}			
@-o-keyframes nails_03 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-ms-keyframes nails_03 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@keyframes nails_03 {
	0% {opacity:0;}
	100% {opacity:1;}
	}	
	

/*燈_2*/
.light_02 {
	width: 31px;
	height: 61px;
	position: absolute;
	z-index: 7;
	bottom: 25px;
	left:860px;
	background: url(../exhibition/images/room/light_02.png) no-repeat left top;
	opacity:0;
	-webkit-animation: light_02 1s 2.5s normal forwards;
	-moz-animation: light_02 1s 2.5s normal forwards;
	-o-animation: light_02 1s 2.5s normal forwards;
	-ms-animation: light_02 1s 2.5s normal forwards;
	animation: light_02 1s 2.5s normal forwards;	
	}
@-webkit-keyframes light_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes light_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}			
@-o-keyframes light_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-ms-keyframes light_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@keyframes light_02 {
	0% {opacity:0;}
	100% {opacity:1;}
	}	
	

/*貓頭鷹*/
.bird {
	width: 71px;
	height: 87px;
	position: absolute;
	z-index: 8;
	top: 242px;
	left:132px;
	background: url(../exhibition/images/room/bird.png) no-repeat left top;
	opacity:0;
	-webkit-animation: bird 1s 1s normal forwards, move ease 10s 1s normal infinite;
	-moz-animation: bird 1s 1s normal forwards, move ease 10s 1s normal infinite;
	-o-animation: bird 1s 1s normal forwards, move ease 10s 1s normal infinite;
	-ms-animation: bird 1s 1s normal forwards, move ease 10s 1s normal infinite;
	animation: bird 1s 1s normal forwards, move ease 10s 1s normal infinite;	
	}
@-webkit-keyframes bird {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-moz-keyframes bird {
	0% {opacity:0;}
	100% {opacity:1;}
	}			
@-o-keyframes bird {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@-ms-keyframes bird {
	0% {opacity:0;}
	100% {opacity:1;}
	}
@keyframes bird {
	0% {opacity:0;}
	100% {opacity:1;}
	}	
	
@-webkit-keyframes move {
	0% {top: 252px;left:132px;}
	2% {top: 200px;left:132px;}
	4% {top: 252px;left:100px;}
	6% {top: 200px;left:100px;}
	8% {top: 252px;left:68px;}
	10% {top: 200px;left:68px;}
	12% {top: 252px;left:36px;}
	14% {top: 200px;left:36px;}
	16% {top: 250px;left:36px;}
	50% {top: 250px;left:36px;}
	52% {top: 200px;left:68px;}
	54% {top: 252px;left:68px;}
	58% {top: 200px;left:100px;}
	62% {top: 252px;left:100px;}
	64% {top: 200px;left:132px;}
	68% {top: 242px;left:132px;}
	100% {top: 242px;left:132px;}
	}
@-moz-keyframes move {
	0% {top: 252px;left:132px;}
	2% {top: 200px;left:132px;}
	4% {top: 252px;left:100px;}
	6% {top: 200px;left:100px;}
	8% {top: 252px;left:68px;}
	10% {top: 200px;left:68px;}
	12% {top: 252px;left:36px;}
	14% {top: 200px;left:36px;}
	16% {top: 250px;left:36px;}
	50% {top: 250px;left:36px;}
	52% {top: 200px;left:68px;}
	54% {top: 252px;left:68px;}
	58% {top: 200px;left:100px;}
	62% {top: 252px;left:100px;}
	64% {top: 200px;left:132px;}
	68% {top: 242px;left:132px;}
	100% {top: 242px;left:132px;}
	}
@-o-keyframes move {
	0% {top: 252px;left:132px;}
	2% {top: 200px;left:132px;}
	4% {top: 252px;left:100px;}
	6% {top: 200px;left:100px;}
	8% {top: 252px;left:68px;}
	10% {top: 200px;left:68px;}
	12% {top: 252px;left:36px;}
	14% {top: 200px;left:36px;}
	16% {top: 250px;left:36px;}
	50% {top: 250px;left:36px;}
	52% {top: 200px;left:68px;}
	54% {top: 252px;left:68px;}
	58% {top: 200px;left:100px;}
	62% {top: 252px;left:100px;}
	64% {top: 200px;left:132px;}
	68% {top: 242px;left:132px;}
	100% {top: 242px;left:132px;}
	}
@-ms-keyframes move {
	0% {top: 252px;left:132px;}
	2% {top: 200px;left:132px;}
	4% {top: 252px;left:100px;}
	6% {top: 200px;left:100px;}
	8% {top: 252px;left:68px;}
	10% {top: 200px;left:68px;}
	12% {top: 252px;left:36px;}
	14% {top: 200px;left:36px;}
	16% {top: 250px;left:36px;}
	50% {top: 250px;left:36px;}
	52% {top: 200px;left:68px;}
	54% {top: 252px;left:68px;}
	58% {top: 200px;left:100px;}
	62% {top: 252px;left:100px;}
	64% {top: 200px;left:132px;}
	68% {top: 242px;left:132px;}
	100% {top: 242px;left:132px;}
	}
@keyframes move {
	0% {top: 252px;left:132px;}
	2% {top: 200px;left:132px;}
	4% {top: 252px;left:100px;}
	6% {top: 200px;left:100px;}
	8% {top: 252px;left:68px;}
	10% {top: 200px;left:68px;}
	12% {top: 252px;left:36px;}
	14% {top: 200px;left:36px;}
	16% {top: 250px;left:36px;}
	50% {top: 250px;left:36px;}
	52% {top: 200px;left:68px;}
	54% {top: 252px;left:68px;}
	58% {top: 200px;left:100px;}
	62% {top: 252px;left:100px;}
	64% {top: 200px;left:132px;}
	68% {top: 242px;left:132px;}
	100% {top: 242px;left:132px;}
	}
		












































	

/*----選項按鈕
---------------------------------------------------------------------------*/
/*展覽緣起*/
.r_00 {
	width: 160px;
	height: 76px;
	position: absolute;
	z-index: 10;
	top:117px;
	left:135px;
	background: url(../exhibition/images/room/r_00.gif) no-repeat left top;
	opacity:1;
	-webkit-transition: .5s;	
	-moz-transition: .5s;	
	-o-transition: .5s;	
	-ms-transition: .5s;	
	transition: .5s;			
	}
	
.r_00:hover{
	cursor: pointer;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	}	
	
/*動物遊樂場*/
.r_01 {
	width: 239px;
	height: 111px;
	position: absolute;
	z-index: 11;
	top:102px;
	left:300px;
	background: url(../exhibition/images/room/r_01.gif) no-repeat left top;
	opacity:1;
	-webkit-transition: .5s;	
	-moz-transition: .5s;	
	-o-transition: .5s;	
	-ms-transition: .5s;	
	transition: .5s;			
	}
	
.r_01:hover{
	cursor: pointer;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	}		
	
/*樹造紙造樹*/
.r_02 {
	width: 191px;
	height: 88px;
	position: absolute;
	z-index: 12;
	top:120px;
	left:540px;
	background: url(../exhibition/images/room/r_02.gif) no-repeat left top;
	opacity:1;
	-webkit-transition: .5s;	
	-moz-transition: .5s;	
	-o-transition: .5s;	
	-ms-transition: .5s;	
	transition: .5s;			
	}
	
.r_02:hover{
	cursor: pointer;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	}		
		
/*蓋不住的真相*/
.r_03 {
	width: 210px;
	height: 95px;
	position: absolute;
	z-index: 13;
	top:115px;
	left:723px;
	background: url(../exhibition/images/room/r_03.gif) no-repeat left top;
	opacity:1;
	-webkit-transition: .5s;	
	-moz-transition: .5s;	
	-o-transition: .5s;	
	-ms-transition: .5s;	
	transition: .5s;			
	}
	
.r_03:hover{
	cursor: pointer;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	}		
	
/*故事寮一聊*/
.r_04 {
	width: 215px;
	height: 95px;
	position: absolute;
	z-index: 14;
	top:228px;
	left:306px;
	background: url(../exhibition/images/room/r_04.gif) no-repeat left top;
	opacity:1;
	-webkit-transition: .5s;	
	-moz-transition: .5s;	
	-o-transition: .5s;	
	-ms-transition: .5s;	
	transition: .5s;			
	}
	
.r_04:hover{
	cursor: pointer;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	}	
	
	
/*大玩「家」*/
.r_05 {
	width: 174px;
	height: 79px;
	position: absolute;
	z-index: 15;
	top:235px;
	left:526px;
	background: url(../exhibition/images/room/r_05.gif) no-repeat left top;
	opacity:1;
	-webkit-transition: .5s;	
	-moz-transition: .5s;	
	-o-transition: .5s;	
	-ms-transition: .5s;	
	transition: .5s;			
	}
	
.r_05:hover{
	cursor: pointer;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	}	
		
/*川流不息艋舺的流金歲月*/
.r_06 {
	width: 210px;
	height: 95px;
	position: absolute;
	z-index: 13;
	top:225px;
	left:713px;
	background: url(../exhibition/images/room/r_06.gif) no-repeat left top;
	opacity:1;
	-webkit-transition: .5s;	
	-moz-transition: .5s;	
	-o-transition: .5s;	
	-ms-transition: .5s;	
	transition: .5s;			
	}
	
.r_06:hover{
	cursor: pointer;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	}