/* 懶熊的預設樣式表 */
body, table, div, html, span {
	font-size:			12px;
	color:				#575757;
	font-family: 		Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}

body, form, html {
	padding:			0;
	margin:				0;
}

img {
	border:				none;
}

input.txt, textarea.txt {
	font-size:			1em;
	border:				1px #aaa solid;
	border-top:			1px #888 solid;
	padding:			2px 3px 2px 3px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
}

textarea.txt {
	font-size:			1em;
	line-height:		1.4em;
	border:				1px #aaa solid;
	padding:			3px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
}

input.btn {
	font-size:			1em;
	padding:			2px 16px 0 16px;
	letter-spacing: 	1px;
}

*html input.btn {
	font-size:			1em;
	line-height:		10px;
	padding:			4px 16px 1px 16px;
}

select.txt, select.date {
	border:				1px #aaa solid;
	border-bottom:		1px #888 solid;
	font-size:			1em;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}

select.date {
	font-size:			0.9em;
}

select.txt option {
	padding:			2px 3px 0 3px;

}


/* 公用樣式 */
.end {
	clear:			both;
}

.mesg {
	color:			#cc0000;
	font-weight:	bold;
	padding-bottom:	18px;
}

/* 版面樣式 */
body {
	background:			url(./images/bg.gif) left top repeat-y;
}

#headbar {
	background:			url(./images/logo.gif) #4967AD top left no-repeat;
	height:				60px;
}

#sidebar {
	position: 			absolute;	
	top:				60px;
	padding-left:		10px;
	width:				200px;
}
#sidebar h1 {
	font-size:			1.1em;
	margin:				0;
	padding:			12px 0 3px 12px;
	border-bottom:		1px solid #F8F8F8;
	color:				#3D568F;
}
#sidebar ul.menu {
	margin:				0;
	padding:			8px 0 8px 28px;
}
#sidebar ul.menu li {
	padding:			0 0 3px 0;
}
#sidebar ul.menu li a {
	display:			block;
	color:				#535353;
}
#sidebar ul.menu li a:hover {
	color:				#cc0000;
}

#nav {
	padding:			0 0 0 210px;
}
#nav #content {
	padding:			18px;
}

.th_title {
	background:			#D4E1FF;
}

.title {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#3D568F;
	margin-bottom:		8px;
}

.list_table {
	width:				100%;
	border-collapse:	collapse;
	border-color:		#9c9c9c;
	border-width:		1px;
	margin-bottom:		6px;
}
.list_table caption {
	font-size:			1.25em;
	padding-bottom:		6px;
	font-weight:		bold;
	text-align:			left;
	color:				#3D568F;
}
.list_table td {
	padding:			3px;
}
.list_table td.center {
	text-align:			center;
}
.list_table tr.center td {
	text-align:			center;
}
.error{
	color:#f00;
}
.MemberDetail{
	border-collapse:collapse;
	font-size:15px;
}
.MemberDetail th{
	background:#D4E1FF;
}
.MemberDetail td,.MemberDetail th{
	padding:5px 10px;
	border:1px solid #333;
}
.large{
	font-size: 1.5rem;
}
body.ajaxLoading {overflow: hidden;position: relative;}

body.ajaxLoading .Mask {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    opacity: .6;
}
body.ajaxLoading .Loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}