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

#end{}

#building, #champion, #endblue{width:100%;}

/*#building{
	background-image: url(../imgs/end_building.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 850px;
}*/


#endImage{
	width:100%;
	background-image: url(../imgs/endImage.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 854px;
}


#champion{
	background-image: url(../imgs/endchampion.png), url(../imgs/championBg.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: center center, center top;
	overflow: hidden;
	
}

#champion img{width: 898px;height: 232px;margin:0 auto;	margin-top:49px;margin-bottom:49px;}


#endblue{
	background-color: #0062AE;
	height: 63px;
}

#endblue .inmiddle{
	max-width: 999px;
	min-width: 850px;
	margin: 0 auto;
}

#endblue .inmiddle .copyright{
	line-height: 63px;
	color: #d6edff;
	font-size: 75%;
	font-family: "微軟正黑體";
	float: left;
	margin-left:10px;

}

#endblue .inmiddle .endOPT{/*width:95%;*/ float: right; margin: 0 auto; margin-top: 20px;  overflow: hidden;text-align: center;}

/*#endblue .inmiddle .endOPT ul{
	margin:0;
	padding:0;
	list-style: none;
}*/


#endblue .inmiddle .endOPT .options01, #endblue .inmiddle .endOPT .options02, #endblue .inmiddle .endOPT .options03, #endblue .inmiddle .endOPT .options04, #endblue .inmiddle .endOPT .options05, #endblue .inmiddle .endOPT .options06 /*ul li*/{
/*	color: #FFFFFF;
	font-size: 80%;
	font-family: "微軟正黑體";
	font-weight: bold;
	margin: 0;
	padding: 0;
	float: left;
	
	padding: 3px;
	padding-right: 13px;
	margin-right: 13px;
	background-image: url(../imgs/endB_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	
	width:78px;
    border-radius: 12px;
    font-family: "微軟正黑體";
    color: #fff;
    font-size: 80%;
	font-weight: bold;
    line-height: 20px; 
    margin-bottom: 10px;
	text-align: center;
    display:inline-table;
	
	padding-right: 13px;
	margin-right: 13px;
	background-image: url(../imgs/endB_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}

#endblue .inmiddle .endOPT .options05, #endblue .inmiddle .endOPT .options06{display: none;}

#endblue .inmiddle .endOPT .options01:hover, #endblue .inmiddle .endOPT .options02:hover, #endblue .inmiddle .endOPT .options03:hover, #endblue .inmiddle .endOPT .options04:hover, #endblue .inmiddle .endOPT .options05:hover, #endblue .inmiddle .endOPT .options06:hover{color: #DFDAC3;}








@media screen and (max-width:1024px) {
	
	
#endblue{
	background-color: #0062AE;
	height: 100px;
	padding-top: 18px;
}
	
#endblue .inmiddle{
	max-width: 100%;
	min-width: 350px;
	margin: 0 auto;
	padding-bottom: 25px;
}

	
	

	
#endblue .inmiddle .copyright{
	overflow: hidden;
	width: 95%;
	margin-left:0px;
	line-height: 20px;
	float: none;
	margin: 0 auto;
	text-align: center;
	margin-top:20px;
	

}
	
#endblue .inmiddle .endOPT{width: 95%; float: none;}
	
#endblue .inmiddle .endOPT .options01, #endblue .inmiddle .endOPT .options02, #endblue .inmiddle .endOPT .options03, #endblue .inmiddle .endOPT .options04, #endblue .inmiddle .endOPT .options05, #endblue .inmiddle .endOPT .options06{display:inline-table;}	

	
}



@media screen and (max-width:800px) {
	
	
#endImage{width: 100%;height:auto;background-size:100% auto;}
	
	
	
#champion{
	background-image: url(../imgs/endchampion.png), url(../imgs/championBg.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: center center, center top;
	overflow: hidden;
	background-size: 95% auto, 100% 80%;
	
}

#champion img{width: 95%;height: auto; margin:0 auto;	margin-top:49px;margin-bottom:49px;}
	


	
#endblue{
	background-color: #0062AE;
	height: auto;
	padding-top: 18px;
	
}
	
#endblue .inmiddle{
	max-width: 100%;
	min-width:auto;
	margin: 0 auto;
}
	

	
	

	
#endblue .inmiddle .copyright{
	overflow: hidden;
	width: 95%;
	margin-left:0px;
	line-height: 20px;
	float: none;
	margin: 0 auto;
	text-align: center;
	margin-top:20px;
	

}


	


	
	
}


@media screen and (max-width:400px) {
	
	
#champion img{margin-top:35px;margin-bottom:35px;}

}