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


@media (max-width: 1024px) {

	#wrap-two {width:100%; height:100%; border-top:1px solid #000; float:left; background-image:url(../img/rot.jpg); background-position:center center; background-size:cover; display:block;}	 
	#logo {display:none;}
	#mid-layer { display:none;} 
	#wrap {display:none;} 

}


@media (max-width: 800px) {
	
	
}



@media (max-width: 640px) {

	#wrap-two {width:100%; height:100%; border-top:1px solid #000; float:left; background-image:url(../img/rot.jpg); background-position:center center; background-size:cover; display:block;}	 
	#logo {display:none;}
	#mid-layer { display:none;}  
	#wrap {display:none;} 
}



@media (max-width: 480px) {
	 h1 {font-size:30px;}
	 #logo {display:none;} 
	 #wrap {width:100%; height:100%; border-top:1px solid #000; float:left; background-image:url(../img/bg.jpg); background-position:center center; background-size:cover; display:block}
	 #box-col-one {display:none;}
	 #box-col-two { width:100%;}
	 #box-col-three {display:none;}
	 #play-cloud {width:300px; height:auto; border:1px none #000; float:left; margin-left:5px;}
	 #play-cloud-img {width:300px; height:auto; border:1px none #000; margin:auto;}
	 #music-wrap {width:100%; height:auto; border:1px none #000; margin:auto; margin-top:40px;}
	 #lyrics {width:90%; height:150px; border:1px none #000; margin:auto; margin-top:15%; text-align:center;}
	 #form-wrap {width:90%;}
     #wrap-inner {width:100%; height:100%; border:1px solid #000; float:left; background-image:url(../img/web-background-inner.png); background-position:center center; background-size:cover;}
	#box-col {width:100%; height:auto; border:1px none #OOO; float:left;}
	#land {width:300px; height:250px; margin:auto; border:1px solid #CCC; margin-top:10%;}
	#live-water-two {width:119px; height:115px; border-top:1px solid #FFF; margin:auto; margin-top:50px; background-image:url(../img/live-water-two.png);}
	#live-tit {width:100px; height:25px; border:1px none #FFF; margin:auto; font-size:22px; font-weight:bold; color:rgba(9,158,212,1.00); text-align:center;}
	#land-base {width:100%; height:58px; border:1px none #222; margin:auto; margin-top:26px; padding-top:20px; background-image:url(../img/land-base-two.png);}
	#land-screen {width:300px; height:250px; border:1px none #CCC; float:left; margin-top:45px;}

}