.scrollbar-inner {
  margin: auto;
  height: 333px;
  font-size: 50%;
  text-align: left;
}
p.btn { top: 100px!important; }

#player {
	width: 100%;
	height: auto;
	display: block;
}

.ecard-info {
	margin-top: 15px;
	width: 1084px;
}
.card-owner {
	float:left;
}
.card-share {
	float:left;margin-left: 15px;
}
.card-action {
	margin-top: 5px;
}

.card-action-left {
	float: left;
}
.card-action-right {
	float: right;
}

@media (max-width: 1920px){
	.scrollbar-inner {
	  height: 520px;
	  font-size: 50%;
	  text-align: left;
	}	
	#player {
		width: 716px;
	}

}

@media (max-width: 1680px){
	.scrollbar-inner {
	  height: 430px;
	  font-size: 50%;
	  text-align: left;
	}
	#player {
		width: 608px;
	}
	.ecard-info {
		width: 1008px;
	}
}
@media (max-width: 1366px){
	.scrollbar-inner {
	  height: 333px;
	  font-size: 60%;
	  text-align: left;
	}
	#player {
		width: 508px;
	}
	.ecard-info {
		width: 739px;
	}
}

@media (max-width: 1280px){
	.scrollbar-inner {
	  height: 300px;
	  font-size: 60%;
	  text-align: left;
	}
	#player {
		width: 480px;
	}
	.ecard-info {
		width: 795px;
	}
	.card-action img {
		width: 96px;
	}	
}
/*tablet*/
@media (max-width: 1024px){
	.scrollbar-inner {
	  height: 333px;
	  font-size: 60%;
	  text-align: left;
	}
	#player {
		width: 436px;
	}
	.ecard-info {
		width: 649px;
	}
	.card-action img {
		width: 90px;
	}
}
@media (max-width: 768px){
	.scrollbar-inner {
	  width: 500px;
	  height: 333px;
	  font-size: 60%;
	  text-align: left;
	  padding-left: 33px;
	}
	p.btn { top: 80px!important; }
	#player {
		width: 488px;
		margin-left: 80px;
	}
	.ecard-info {
		width: 668px;
	}
}
/*mobile*/
@media (max-width: 640px){
	.scrollbar-inner {
	  width: 390px;
	  height: 393px;
	  font-size: 68%;
	  text-align: left;
	  padding-left: 30px;
	}
	p.btn { top: 30px!important; }	
	#player {
		width: 400px;
		margin-left: 55px;
	}

	.card-owner {
		float:none;
	}
	.card-share {
		float:none;margin-left: 0px;
	}
	.ecard-info {
		width: 557px;
	}
	.card-action img {
		width: 80px;
	}

}
@media (max-width: 480px){
	.scrollbar-inner {
	  width: 360px;
	  height: 360px;
	  font-size: 80%;
	  text-align: left;
	  padding-left: 0px;
	}
	p.btn { top: 30px!important; }	
	#player {
		width: 360px;
		margin-left: 33px;
	}
	.ecard-info {
		width: 413px;
	}
	.card-action img {
		width: 70px;
	}
}
@media (max-width: 320px){
	.scrollbar-inner {
	  width: 220px;
	  height: 220px;
	  font-size: 90%;
	  text-align: left;
	  padding-left: 18px;
	}
	p.btn { top: 15px!important; }	
	#player {
		width: 220px;
		margin-left: 48px;
	}
	.ecard-info {
		width: 268px;
	}
	.card-action img {
		width: 60px;
	}
}