/*Add by Ching 2015-03-20*/
/*the parent of the searching widget*/
.widget-search-p {
	min-width: 500px;
}
/*the searching widget*/
.widget-search {
	min-width:450px;
}
/*the result of the searching table*/
.table-result {
	/*min-width:900px; modified by tom 2015/7/9*/
	min-width: 400px;
}
/*the table/widget with col-xs-6*/
.template{
	min-width:500px;
}


/*Center*/
@media (min-width:1200px){
	.widget-search-p{ margin-left:30%;}
	.table-result{ margin-left:8%;}
	.template{ margin-left:25%;}
}
@media only screen and (max-width:1250px){
	.widget-search-p{ margin-left:25%;}
	.table-result{ margin-left:5%;}
	.template{ margin-left:20%;}
}
@media only screen and (max-width:1040px){
	.widget-search-p{ margin-left:20%;}
}
@media only screen and (max-width:1130px){
	.table-result{ margin-left:0%;}
}
/*header*/
@media (min-width:1350px){
	.logo{
		position:absolute;
		height: 100%;
		width: auto;
		margin-top:-0.65%;
		margin-left:0.1%
	}
}
@media (min-width:1600px){
	.logo{
		position:absolute;
		height: 100%;
		width: auto;
		margin-top:-0.65%;
		margin-left:0.1%
	}
}
@media (max-width:1350px){
	.logo{
		position:absolute;
		height: 100%;
		width: auto;
		margin-top:-0.95%;
		margin-left:0.1%
	}
}
@media (max-width:1400px){
	.logo{
		position:absolute;
		height: 100%;
		width: auto;
		margin-top:-0.95%;
		margin-left:0.1%
	}
}
@media (max-width:800px){
	.logo{
		position:absolute;
		height: 100%;
		width: auto;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
	}
	.navbar-brand p{
	    display:none;
	}
}