@charset "utf-8";
/* CSS Document */
.tc-search_box{
    background: #e7e7e7;
    padding: 6px 12px 10px 12px;
    border-radius: 8px;
	max-width:860px;
	margin:20px auto;	
}
.tc-search-result{
	max-width:860px;
	margin:0 auto;	
    min-height: 200px;
}
.tc-s-name{
	display: none !important;
}
.tc-input-wrap label, .tc-input-wrap input[type="text"]{
	display: block;
	width: 100%;
	margin-bottom: 6px;
}
.tc-input-wrap input[type="text"]{
	border-color:#a9a9a9;
}
.tc-submit-wrap input[type="submit"]{
	width: 100%;
	border: none;
}
.tc-search-result ul{
	margin: 0;
    border: 1px solid #ccc;
	padding: 8px 12px;
	display: inline-block;
}
.tc-search-result ul li{
    list-style-type: none;
    background: none;
	padding: 0;
}
.tc-details{
	padding: 0 6px 2px 6px;
	margin-bottom: 4px;
}
.tc-details:nth-of-type(even){
	background: #eee;
}
.tc-btn-wrap{
	margin-top: 10px;
}
.tc-btn-wrap a{
	margin: 0 4px;
}
.view-tc{
	background: #ff7373;
    color: #fff;
	display: inline-block;
    padding: 0px 8px 3px 8px;
}
.tc-error{
	color: red;
}
@media only screen and (min-width:680px){
	.tc-search_box{
		padding: 10px 12px 10px 12px;
	}
	.tc-search_box form{
		display:-webkit-flex;
		display:flex;
		flex-wrap:wrap;
		align-items: center;
	}
	.tc-input-wrap{
		width: 70%;
		display:-webkit-flex;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items: center;
	}
	.tc-input-wrap label{
		width: 35%;
		margin-bottom: 0;
		align-self: center;
	}
	.tc-input-wrap input[type="text"]{
		width: 64%;
		margin-bottom: 0;
		border-radius: 3px 0 0 3px;
	}
	.tc-submit-wrap input[type="submit"]{
		border-radius:0 3px 3px 0;
		padding-top:5px;
		padding-bottom:5px;
	}
	.tc-submit-wrap{
		width: 30%;
	}
}
@media only screen and (min-width:768px){
	.tc-submit-wrap input[type="submit"]{
		padding-top:7px;
		padding-bottom:7px;
	}
}
@media only screen and (min-width:921px){
	.tc-input-wrap input[type="text"]{
		width: 72%;
	}
	.tc-input-wrap label{
		width: 27%;
	}
}
@media only screen and (min-width:1025px){
	.tc-input-wrap input[type="text"]{
		width: 68%;
	}
	.tc-input-wrap label{
		width: 30%;
	}
	.view-tc:hover{
		background: #ff7373;
		color: #fff;
	}
}