@charset "utf-8";
/* CSS Document */
	.uee_background {
		min-height: 650px;
		max-height: 800px;
		height: 100%;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url(/assets/u.e.e/background_1.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	
	.introduction {
		text-align: center; 
	}
	
	.answer {
		text-align: center;
		min-height: 650px;
		height: 650px;
	}
	
	.answer_background {
		background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5)), url(/assets/u.e.e/background_2.jpg);
		background-position: center;
		background-size: cover;
		/*min-height: 650px;*/
		height: 720px;
	}
	
	.reward {
		padding-top: 20px;
		color: white;
		min-height: 650px;
		height: 100%;
	}
	
	.reward_background {
		background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)), url(/assets/u.e.e/background_3.jpg);
		background-position: top;
		background-size: cover;
		min-height: 650px;
	}
	
	.reward hr {
		border-top: 1px solid white;
	}
	
	.button {
		background-color: #F1A710;
		border: none;
		border-radius: 12px;
		color: white;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		max-width: 80px;
		width: 100%;
		height: 36px;
	}
	
	.button:hover {
		background-color: #FF6F00;
	}
	
	.reward-box {
		text-align: center;
		padding: 18px;
		border: 1px solid white;
		border-radius: 14px;
		min-height: 255px;
		height: 300px;
	}
	
	@-webkit-keyframes gradient {
	  0% {
		background-position: 0 0;
	  }
	  100% {
		background-position: 100% 0;
	  }
	}
	
	@keyframes gradient { 
		0%{background-position:0 0}
		100%{background-position:100% 0}
	}

	.webflow-style-input {
	  	position: relative;
	  	flex-direction: row;
	  	width: 100%;
	  	max-width: 420px;
	  	margin: 0 auto;
	  	border-radius: 2px;
	  	padding: 1.4rem 2rem 1.6rem;
	  	background: rgba(251, 192, 45, 0.2);
	}
	
	.webflow-style-input:after {
		content: "";
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 999;
		height: 2px;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		background-position: 0% 0%;
		background: linear-gradient(to right, #FBC02D, #FAFAFA, #03A9F4, #FAFAFA, #FBC02D, #FAFAFA);
		background-size: 500% auto;
  		-webkit-animation: gradient 3s linear infinite;
        animation: gradient 3s linear infinite;
	}
	
	.webflow-style-input input {
		width: 100%;
		border-style: none; background: transparent; outline: none;
		flex-grow: 1;
		color: white;
		font-size: 1.8rem;
	  	line-height: 2.4rem;
	  	vertical-align: middle;
	}
	
	.webflow-style-input textarea {
		width: 100%;
		background: transparent;
		outline: none;
		border: 0px;
		flex-grow: 1;
		color: white;
		font-size: 1.8rem;
	  	line-height: 2.4rem;
	  	vertical-align: middle;
		resize: none;
	}

	.webflow-style-input button {
		padding: 0; background: none; border: none; outline: none;
		color: white;
		font-size: 2.4rem;
		line-height: 2.4rem;
		vertical-align: middle;
		transition: color .25s;
	}
	
	.webflow-style-input button:hover {
		color: #FBC02D;
		cursor: pointer;
	}
	
	@media only screen and (max-width: 768px) {
		.uee_background .container {
			padding-top: 70px;
		}
	}