@charset "utf-8";
/* CSS Document */

#grass{
	height: inherit;
	line-height: inherit;
	position:fixed;
	bottom:-40px;
	visibility: default;
	z-index:9;
	visibility:visible;
	float:left;}
	

#cloud{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:960px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	

#tree1{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1360px;
	left:80px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#road{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2160px;
	left:73px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#tree2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3060px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
	
#house{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3760px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#tree3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4560px;
	left:80ps;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	

#cloud2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:5300px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#pool{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6900px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
#cloud3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7600px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:8500px;
	left:70px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
/*----右邊----*/	
#road2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1700px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
#cloud4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2500px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	

#tree5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3200px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
#tree6{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4800px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
#cloud5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6500px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
#house2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7300px;
	right:250px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
@media only screen and (min-width: 1281px) and (max-width: 1367px) {
	#cloud{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:760px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	

#tree1{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1260px;
	left:20px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#road{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1856px;
	left:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#tree2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2860px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
	
#house{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3760px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#tree3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4560px;
	left:80ps;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	

#cloud2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:5300px;
	left:-140px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#pool{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:5900px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
#cloud3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7000px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:8430px;
	left:30px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;}
	
/*----右邊----*/	
#road2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1520px;
	right:-55px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
#cloud4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2600px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	

#tree5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3200px;
	right:-10px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
#tree6{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4500px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
#cloud5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6200px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}
	
	
#house2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7500px;
	right:250px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;}

body{
	overflow-x:hidden;}	
	
	}
	

/*手機*/	
@media screen and (max-width:767px){


#grass{
	height: inherit;
	line-height: inherit;
	position:fixed;
	bottom:-5px;
	visibility: default;
	z-index:9;
	visibility:visible;
	float:left;}
	
#cloud{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:960px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	

#tree1{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1360px;
	left:80px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#road{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2160px;
	left:73px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3060px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
	
#house{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3760px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4560px;
	left:80ps;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	

#cloud2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:5300px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#pool{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6900px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
#cloud3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7600px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:8500px;
	left:70px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
/*----右邊----*/	
#road2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1700px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#cloud4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2500px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	

#tree5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3200px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#tree6{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4800px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#cloud5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6500px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#house2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7300px;
	right:250px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}

}


/*平板橫*/
@media only screen and (min-width: 769px)and (max-width:1024px){

#cloud{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:960px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	

#tree1{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1360px;
	left:80px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#road{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2160px;
	left:73px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3060px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
	
#house{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3760px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4560px;
	left:80ps;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	

#cloud2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:5300px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#pool{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6900px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
#cloud3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7600px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:8500px;
	left:70px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
/*----右邊----*/	
#road2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1700px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#cloud4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2500px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	

#tree5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3200px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#tree6{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4800px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#cloud5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6500px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#house2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7300px;
	right:250px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}

	
}


/*平板直*/
@media  screen and (min-width: 641px) and (max-width:768px) {
#cloud{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:960px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	

#tree1{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1360px;
	left:80px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#road{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2160px;
	left:73px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3060px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
	
#house{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3760px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4560px;
	left:80ps;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	

#cloud2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:5300px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#pool{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6900px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
#cloud3{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7600px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
	
#tree4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:8500px;
	left:70px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:left;
	display:none;}
	
/*----右邊----*/	
#road2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:1700px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#cloud4{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:2500px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	

#tree5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:3200px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#tree6{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:4800px;
	right:100px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#cloud5{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:6500px;
	right:0px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
	
	
#house2{
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:7300px;
	right:250px;
	visibility: default;
	z-index:8;
	visibility:visible;
	float:right;
	display:none;}
}