html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	/* background-color: #E7F9FC; */
	/* background: url("/member/image/login_bg.jpg") center no-repeat; */
	/* background-size: 100% 100vh; */
	font: 20px "Noto Sans TC", "Microsoft JhengHei", sans-serif;
	margin: 0;
	vertical-align: middle;
}

input, textarea {
	font-size: 16px;
}

input[type=text], input[type=password], textarea {
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border: 1px solid #FFAF00;
	outline: none;
    padding: 5px 8px 5px 8px;
    box-shadow: inset 1px 1px 4px #FFCF66;
    -moz-box-shadow: inset 1px 1px 4px #FFCF66;
    -webkit-box-shadow: inset 1px 1px 4px #FFCF66;
    /* background: #FFEABC; */
}

input[type=submit], input[type=button] {
	border: 3px outset white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	cursor: pointer;
}

a {
	text-decoration: none;
	color: inherit;
}

.content {
	margin-top: 85px;
}

.error_msg {
	color: red;
}

/* use following style when device screen's width lower than 1024px */
/* -- landscape -- */
@media only screen and (max-device-width: 1023px) and (orientation:landscape) {
	body {
		font-size: 3vw;
	}
	
	table {
		font-size: 3vw;
	}
	
	input, textarea {
		font-size: 3vw;
	}
}

/* use following style when device screen's width lower than 1024px */
/* -- portrait -- */
@media only screen and (max-device-width: 1023px) and (orientation:portrait) {
	body {
		font-size: 5vw;
		min-width: 600px;
	}
	
	table {
		font-size: 5vw;
	}
	
	input, textarea {
		font-size: 5vw;
	}
	
	.content {
		margin-top: 190px;
	}
}

#EventTable tr:hover {
	background-color: #A9F5BC;
	cursor: pointer;
}