.page_title_row {
	display: flex;
	flex-direction: row;
	vertical-align: middle;
	width: 100%;
}

.page_title_row_item {
	flex: 1;
	margin: 8px;
}

.item_flex_2 {
  flex-grow: 1;
  flex-shrink: 2;
	flex-basis: 0%;
	text-align: right;
}

.page-size {
	width: 100%;
}
.form-size {
	width: 500px;
}

.search-size {
	width: 350px;
}

@media only screen and (max-width: 1280px) {
	.page_title_row {
		flex-direction: column;
	}
	.item_flex_2 {
		margin: 0px 8px 0px 8px;
	}
}


/* Media Query ，也就是當寬度 < 480 px 時將載入下面這段 CSS : */
@media only screen and (max-width: 480px) {
	.page_title_row {
		flex-direction: column;
	}
	.item_flex_2 {
		margin: 0px 8px 0px 8px;
	}
	.form-size {
		width: 100%;
	}
	.search-size {
		width: 100%;
	}
	
}

/* Media Query ，也就是當寬度 < 320 px 時將載入下面這段 CSS : */
@media only screen and (max-width: 320px) {
	.page_title_row {
		flex-direction: column;
	}
	.item_flex_2 {
		margin: 0px 8px 0px 8px;
	}
	.form-size {
		width: 100%;
	}
	.search-size {
		width: 100%;
	}
}