body {
	margin: 0 auto;
	text-align:center; 
	height:100%;
	font-family:"微軟正黑體";
	background:#b41121 url(../images/bg.jpg) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	overflow:hidden;
	-moz-user-select : none; /*鎖右鍵*/
	-webkit-user-select: none; /*鎖右鍵*/
	}

a:link{
	text-decoration:none;
	}

.main {
	margin: 0 auto;
	text-align:center; 
	width:70%; height:95%;
	}	
	
.logo {
	z-index: 20;
	width:50%; height:auto;
	position: relative; top:0px; right:90px;
	border:0px;
	}

.propaganda {
	z-index: 50;
	width:30%; height:auto;
	position: absolute; top:0px; right:12%;
	border:0px;
	}

.baymax {
	z-index: 30;
	width:40%; height:auto;
	position: absolute; bottom:-20px; right:200px;
	border:0px;
	}	

.hiro {
	z-index: 40;
	width:35%; height:auto;
	position: absolute; bottom:-20px; right:300px;
	border:0px;
	}	

.cover{
	z-index: 10;
	width:99%; height:99%;
	margin: 0 auto;
	background:url(../images/cover02_bg.png) center top no-repeat;
	-moz-background-size: cover;
	background-size: auto 100%;
	position: absolute; top:0.5%; left:0%; 
	}	

	/*當螢幕寬度在1110px~1599px之間*/
	@media screen and (min-width: 1110px) and (max-width: 1599px){
		.logo {
			z-index: 20;
			width:50%; height:auto;
			position: relative; top:0px; right:10%;
			border:0px;
			}
			
		.propaganda {
			z-index: 50;
			width:40%; height:auto;
			position: absolute; top:0px; right:0%;
			border:0px;
			}
			
		.baymax {
			z-index: 30;
			width:45%; height:auto;
			position: absolute; bottom:-20px; right:5%;
			border:0px;
			}	

		.hiro {
			z-index: 40;
			width:40%; height:auto;
			position: absolute; bottom:-20px; right:11%;
			border:0px;
			}	
	}	

	/*當螢幕寬度在481px~1109px之間*/
	@media screen and (min-width: 481px) and (max-width: 1109px){
		.logo {
			z-index: 20;
			width:65%; height:auto;
			position: relative; top:0px; right:30%;
			border:0px;
			}
			
		.propaganda {
			z-index: 50;
			width:55%; height:auto;
			position: absolute; top:0px; right:-18%;
			border:0px;
			}
			
		.baymax {
			z-index: 30;
			width:55%; height:auto;
			position: absolute; bottom:-10px; right:-10%;
			border:0px;
			}	

		.hiro {
			z-index: 40;
			width:45%; height:auto;
			position: absolute; bottom:-10px; right:0%;
			border:0px;
			}	
	}	

	/*當螢幕最小寬度為480px*/
	@media screen and (max-width: 480px){
		.logo {
			z-index: 20;
			width:70%; height:auto;
			position: relative; top:0px; right:45%;
			border:0px;
			}
			
		.propaganda {
			z-index: 50;
			width:100%; height:auto;
			position: absolute; top:0px; right:-30%;
			border:0px;
			}

		.baymax {
			z-index: 30;
			width:65%; height:auto;
			position: absolute; bottom:-10px; right:-100px;
			border:0px;
			}	

		.hiro {
			z-index: 40;
			width:60%; height:auto;
			position: absolute; bottom:-10px; right:-50px;
			border:0px;
			}	
		}