form{
	padding: 10px;
}
input[type=text] {
	width: 30%;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	background-color: white;
	background-image: url('https://cdn1.iconfinder.com/data/icons/hawcons/32/698956-icon-111-search-128.png');
	background-position: 10px 10px; 
	background-size: 20px 20px;
	background-repeat: no-repeat;
	padding: 12px 20px 12px 40px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
	width: 100%;
}


.mine{
	text-align: center;
}

.mine:hover{
	background-color: #e7e7e7;
	cursor: pointer;
}