/*視窗寬度大於1000px*/
  @media (min-width: 1000px){
	.more_cnt{
		left:20%;
		width:60%;
		top:13%;
		padding:30px;
	}
	.more_cnt > img{
		width:60%;
		margin-top:5%;
	}
	.more_cnt > h1{
		font-size:2.2em;
	}
	@keyframes more{
		from {height:0vh;}
		to {height:85vh;}
	}
  }
	/*視窗寬度小於1000px*/
  @media (max-width: 1000px){
	.more_cnt{
		left:5%;
		width:90%;
		top:15%;
		padding:5%;
	}
	.more_cnt > img{
		width:90%;
		margin-top:5%;
		margin-bottom:5%;
	}
	.more_cnt > h1{
		font-size:1.4em;
		line-height:2em;
	}
	.close_more{
		left:5%;
	}
	@keyframes more{
		from {height:0vh;}
		to {height:70vh;}
	}
  }
	.bg{
		background-color:#E9FFEA;
	}
	.performance{
		font-size:1.1em;
	}
	.performance > div{
		padding:2%;
	}
	.perf_cnt{
		line-height:2em;
	}
	.perf_cnt > h1{
		color:#57A99A;
		font-weight:bolder;
	}
	.more{
		background-color:transparent;
		border:0;
		font-size:0.8em;
		transition:color 0.1s;
		color:#57A99A;
		margin-left:20px;
		font-weight:bolder;
	}
	.more:hover{
		color:#ACE1AF;
	}
	.more_cnt{
		display:none;
		animation-name: more;
		animation-duration: 0.5s;
		animation-fill-mode:forwards;
		position:fixed;
		overflow:auto;
		background-color:rgba(255,255,255,1);
		border:1px solid silver;
		text-align:center;
	}
	.more_cnt > h1{
		color:#57A99A;
		font-weight:bolder;
		text-align:left;
	}
	.more_cnt > img{
		border:2px solid #57A99A;
	}

	.more_bg{
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		background-color:rgba(0,0,0,0.5);
	}
	.close_more{
		background-color:transparent;
		position:fixed;
		width:100%;
		height:100%;
		border:0;
		color:white;
		font-size:2em;
		transition:color 0.1s;
		padding:0;
	}
	.close_more:hover{
		color:silver;
	}