@charset "utf-8";
/*-----------------------for both-----------------------*/
form {
	/*display: inline-block;*/
}
/*-------------table Display--------------------*/
.tableDisplay {
	border-collapse: collapse;
}
.tableDisplay th {
	padding: 5px;
	word-break: break-all;
	background: #333;
	color: #fff;
}
.tableDisplay td {
	word-break: break-all;
	border-bottom: 1px solid #E0E0E0;
	padding: 5px;
}
.tableDisplay tr:nth-child(even) td {
	background: #f9f9f9;
}

/*-----------------------for PC-----------------------*/
@media screen and (min-width:769px) {
/*-----------------------css table----------------------*/
.css-table {
	display: table;
	width: 100%;
}
.css-table .thead {
	display: table-header-group;
}
.css-table .tbody {
	display: table-row-group;
}
.css-table .tr {
	display: table-row;
}
.css-table .th, .css-table .td {
	display: table-cell;
	padding: 5px 10px;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: middle;
}
.css-table .th {
	background: #333;
	color: #fff;
}
.css-table .center {
	text-align: center;
}
.css-table .tr:nth-child(even) {
	background: #f9f9f9;
}
.breakAll {
	word-break: break-all;
}

.tdHeader span {
color: #E9332F
}

}

/*------------------for mobile------------------------*/
@media screen and (max-width:768px) {
/*--------------- card table -----------------*/
.thead {
	display: none;
}
.card-table .tr {
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
}
.card-table .tr:last-child {
/*margin: 0;*/
}
.card-table .th {
	border: currentColor;
	width: 100%;
	display: inline-block;
}
.card-table .td {
	border: currentColor;
	width: 100%;
	display: inline-block;
}
.card-table .tdHeader {
	color: #E9332F;
	font-size: 19px;
	margin-bottom:8px;
}
/*--------------- ticket table -----------------*/
.ticket-table {
	border: 1px solid #ebebeb;
}
.ticket-table .tr {
	border-top: 3px solid #ebebeb;
	padding: 10px;
	display: block;
}
.ticket-table .tr:first-child {
	border-top: 0;
}
.ticket-table .th {
	border: currentColor;
	width: 100%;
	display: inline-block;
}
.ticket-table .td {
	border: currentColor;
	width: 100%;
	display: inline-block;
}
.ticket-table .NoShowInMobile {
	display: none;
}
.ticket-table .price::before {
	content: "單價：";
}
.ticket-table .QTY::before {
	content: "數量：";
}
.ticket-table .price, .ticket-table .QTY {
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
	margin-top: 10px;
}
.ticket-table .QTY .textStyle {
	padding: 5px 10px;
}
/*--------------- mob table -----------------*/
.mob-table {
	display: table;
	width: 100%;
}
.mob-table .thead {
	display: table-header-group;
}
.mob-table .tbody {
	display: table-row-group;
}
.mob-table .tr {
	display: table-row;
}
.mob-table .th, .mob-table .td {
	display: table-cell;
	padding: 5px 10px;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: middle;
	white-space: nowrap;
}
.mob-table .th {
	background: #333;
	color: #fff;
}
.mob-table .td {
	font-size: 13px;
}
.mob-table .center {
	text-align: center;
}
}