.etc-wrapper {
	width: 100%;
	max-width: 900px;
	margin: 1em 0;
}

.ecu-test-config {
	position: relative;
    background-image: url(ET-config.png);
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    padding-bottom: 54.2%;
}

@media (min-width: 960px) {
	.ecu-test-config input, .ecu-test-config a {
		font-size: 1rem;
		border: 2px solid red !important;
		padding: 0 0.3rem;
	}
	.ecu-test-config input[type='checkbox'] {
		outline: 2px solid red;
	}
}

@media (max-width: 959px) {
	.ecu-test-config input, .ecu-test-config a {
		font-size: 1.3vw;
		border: 0.2vw solid red;
		padding: 0 0.5vw;
	}
	.ecu-test-config input[type='checkbox'] {
		outline: 0.22vw solid red;
	}
}

.ecu-test-config input, .ecu-test-config a {
	position: absolute;
	height: 5.3%;
}

.ecu-test-config input[type='text'] {
	cursor: text;
	background-color: white;
}

.ecu-test-config a {
	background-color: white;
}

.ecu-test-config .autoUpl {
    top: 24.1%;
	left: 23.5%;
	width: 2%;
	height: 4%;
}

.ecu-test-config .url {
	width: 11.9%;
	top: 50.3%;
	left: 37.2%;
}

.ecu-test-config .dir {
	width: 11.9%;
	top: 56.4%;
	left: 37.2%;
}

.ecu-test-config .port {
	top: 62.6%;
	left: 37.2%;
	width: 19.4%;
}
.ecu-test-config .https {
	top: 68.8%;
	left: 37.2%;
	width: 2%;
	height: 4%;
}

.ecu-test-config .authKey {
    top: 87.5%;
	left: 43.3%;
	height: 4.9%;
	width: 29.6%;
}

.ecu-test-config .projId {
	left: 43.3%;
	height: 4.9%;
	width: 29.6%;
	top: 92.2%;
}