@charset "utf-8";
/* CSS Document */
html, body {
	/* font-size: 13px; */
}
.text-style1 {
	width: 350px;
	line-height: 40px;
	border: 1px #ccc solid;
	padding: 0px 10px;
	font-size: 13px;
	border-radius: 3px;
}
.select-style1 {
	width: 350px;
	height: 39px;
	line-height: 40px;
	border: 1px #ccc solid;
	padding: 0px 10px;
	font-size: 13px;
	display: inline-block;
	border-radius: 3px;
}
.select-style1 option, .select-style1 select option {
	margin: 0px;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	display: inline-block;
}

.table-1, .table-1 tr , .table-1 td {
	border-width: 0px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
}

.text-styleauto, select.text-styleauto {
	line-height: 30px;
	height: 30px;
	width: 150px;
	border: 1px #ccc solid;
	padding: 0px 10px;
	font-size: 14px;
	border-radius: 3px;
}

/* 表單 */
.text-file {
	height: 40px; 
	font-size: 15px; 
	line-height: 38px; 
	padding-top: 5px;
}

/* 列表區 */
.main-body-div {
	max-width: 970px;
	overflow-x: auto;
	overflow-y: visible;
	min-height: 350px;
}
.noborder {
	border-width: 0px;
}
.noborder tr, .noborder td, .noborder th  {
	border-width: 0px;
}

/* 連結 */
a {
	text-decoration:none;
}

/* 尺寸 */
.size-40 {
	width: 40px;
	height: 40px;
}
.size-30 {
	width: 30px;
	height: 30px;
}
.size-25 {
	width: 25px;
	height: 25px;
}
.size-20 {
	width: 20px;
	height: 20px;
}
.ws-150 {
	width: 150px;
}
.ws-120 {
	width: 120px;
}
.ws-100 {
	width: 100px;
}
.ws-75 {
	width: 75px;
}
.ws-50 {
	width: 50px;
}
.hs-400 {
	height: 400px;
}
.hs-600 {
	height: 600px;
}
.hs-800 {
	height: 800px;
}
.hs-100 {
	height: 100px;
}
.hs-50 {
	height: 50px;
}
.hs-75 {
	height: 75px;
}
.hs-40 {
	height: 40px;
}
.hs-30 {
	height: 30px;
}
.hs-25 {
	height: 25px;
}
.hs-20 {
	height: 20px;
}

.gc-center {
  display: flex; /* 使用 Flexbox 進行對齊 */
  justify-content: center; /* 水平置中 */
  align-items: center; /* 垂直置中 */
  text-align: center; /* 如果內容是單行文字，這個也可以確保文字在容器內水平置中 (作為額外保險) */
}

.gc-wrap-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start; /* left-align */
	list-style: none;
	padding: 0;
	margin: 0;
}
.gc-wrap-list li {
	width: 100px;
	margin: 4px;          /* optional gutter */
	padding: 8px;
	background: #f0f0f0;  /* just to visualize */
	box-sizing: border-box;
	text-align: left;
}