.pcs {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	background-color: ;
	height: 93%;
	width: 95%;
}

.phone {
	position: absolute;
	top: 49%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: ;
	height: 90%;
	width: 50%;
}




/* 手機*/
.fixdownload {
	position: relative;
	text-align: center;
	color: white;
	height: 20%;
	margin: 0px;
	padding: 0px;
	height: 10%;
	width: 100%;
	left: 50%;
}
.fixdownload1 {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: -80%;
}

/* 平板*/
@media (min-width: 600px) and (max-width: 1200px) {
.fixdownload {
	position: relative;
	text-align: center;
	color: white;
	height: 63%;
	width: 100%;
}	
.fixdownload1 {
	position: absolute;
	left: 10%;
	transform: translate(-50%, -50%);
	bottom: 5%;
}
}
/* 電腦*/
@media (min-width: 1200px) {
.fixdownload {
    position: relative;
    text-align: center;
    color: white;
    height: 76%;
    left: 50%;
	
}	
 .fixdownload1 {
	position: absolute;
	left: 10%;
	transform: translate(-50%, -50%);
	bottom: 5%;
}
}

/* 手機*/
    .phone1 {
	position: absolute;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: ;
	height: 95%;
	width: 95%;
}
}
/* 平板*/
@media (min-width: 600px) and (max-width: 1200px) {
    .phone1 {
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: ;
	height: 95%;
	width: 95%;
}
}
/* 電腦*/
@media (min-width: 1200px) {
    .phone1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: ;
	height: 90%;
	width: 90%;
}
}