/*目前用在會員管理的會員列表 20151218 Gabby */
.component { margin: 0 auto; width: 90%; overflow: hidden; }
.component .filler { font-family: "Blokk", Arial, sans-serif; color: #d3d3d3; }
.sticky-wrap.overflow-y { /*overflow-y: auto; max-height: 50vh;*/}
.sticky-wrap { position: relative; width: 100%; }
.sticky-wrap .sticky-thead, .sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out; z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-col {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: -1;
	width: auto;
	/* Prevent table from stretching to full size */
}	
.sticky-wrap .sticky-thead {
	box-shadow: 0 0 3px rgba(0,0,0,.125);
	background-color: #cccccc;
	z-index: 100;
	width: 100%;
	/* Force stretch */
}
.sticky-wrap .sticky-intersect { opacity: 1; z-index: 150; }
.sticky-wrap .sticky-intersect th { background-color: #666; color: #eee; }
.sticky-wrap td, .sticky-wrap th { box-sizing: border-box; }
.sticky-wrap th { background-color: #ffffff;}

table.member-result { border-collapse: collapse; margin-bottom: 20px; width: 100%; background: #fff; }
table.member-result td, th { padding: 5px; text-align: center; font-size: 11px; font-size: 1.1rem; border:1px solid #dedede; }
table.member-result th { background-color: #aaaaaa; color: #fff; white-space: nowrap; }
table.member-result tbody th { background-color: #ffffff; }
table.member-result tbody tr:nth-child(2n-1) {/*background-color: #f5f5f5;*/ transition: all .125s ease-in-out; }
table.member-result tbody tr:hover, table.member-result tbody th:hover { background-color: #efefef; }

table.member-result tbody tr.member-tag,
table.member-result tbody tr.member-tag th { background-color: #E3EDFB;}
table.member-result tbody tr.member-tag th a { background: transparent; border-color: transparent;}

/* Not needed for sticky header/column functionality */
table.member-result td.user-name { text-transform: capitalize; }
/* member-result column */
.member-result.sticky-enabled { width: 95%; margin: 0 auto;}
.member-result .sort { width: 5%;}
.member-result .name, .member-result .auth, .member-result .check, .member-result .ps { width: 10% !important;}
.member-result .account { width: 25% !important;}
.member-result .mail { width: 25% !important;}
.member-result td { letter-spacing:0; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.member-result .ps { text-align: left;}
/*responsive*/
@media screen and (max-width : 768px) {
	/* For appearance */
	.sticky-wrap {
		overflow-x: auto;
		overflow-y: hidden;
		position: relative;
		margin: 3em 0;
		width: 100%;
	}
}