@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/
.label_combobox_filter ul.tab_title_box {
	display: flex;
	margin: 10px auto;
	padding: 0;
	list-style: none;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
}
.label_combobox_filter ul.tab_title_box li{
	float: left;
	margin: 0px 1px;
	padding: 0;
}


.keyword_search_box{
	text-align: right;
	padding: 10px 0;
}



.list_gray_light{
	display: flex;
	flex-direction:column;
	row-gap:30px;
}
.list_gray_light ul {
	/*display: flex;*/
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap:wrap;
	justify-content:center;
}
.list_gray_light ul li{
	/*float: left;*/
	margin: 0;
	padding: 14px 0;
}
.list_gray_light a{
	display: block;
}
.list_gray_light a:hover{
	color: #000;
}
.list_gray_light .content{
	display: flex;
	flex-direction:column;
	width: 100%;
	background: #f4f0ee;
	padding: 30px;
	border-radius: 20px;
}
.list_gray_light .content .title{
	display: flex;
	justify-content:space-between;
	align-items:center;
	border-bottom: 2px solid #8d8577;
}
.list_gray_light .content .title .number{
	margin-right: 50px;
}
.list_gray_light .content .info{
	display: flex;
	justify-content:space-between;
	align-items:center;
	margin-top: 10px;
}
.list_gray_light .content .info .tag{
	margin-right: 50px;
}

.is_hidden{
	display: none;
}


/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

@media screen and (max-width: 999px) {

}
@media screen and (max-width: 1023px) {
}

/*iPhoe*/
@media screen and (max-width: 767px) {
	.list_gray_light .content .title .number{
		margin-right: 0;
	}
	.list_gray_light .content .info{
		align-items:flex-start;
		flex-direction:column;
		gap:10px;
	}
	.list_gray_light .content .info .tag{
		margin-right: 0;
	}
}