html {
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
}


body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 60px;
	background-color: #F8CCD0;
	background-image: url(/images/bgpic02.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	font-family: '微軟正黑體',Microsoft JhengHei;
}

.body1 {
	height: 100%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 60px;
	background-color: #F8CCD0;
	background-image: url(/images/bgpic01.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	font-family: '微軟正黑體',Microsoft JhengHei;
}

.body2 {
	height: 90%;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/bgpic02.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	font-family: '微軟正黑體','Microsoft JhengHei';
}

.footer {
		border-style: solid;
		border-color: #FFC9CA;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 60px;
		background-color: #FFD4D5;
		font-size: 1.5em;
		font-family: Microsoft JhengHei;
		color: #FF5255;
		text-align: center;
		padding: 10px;
}

.login00 {
		margin: 30px auto;
}

.login01 {
		border-style: solid;
		border-radius: 20px;
		border-color: #FF6366;
		border-width: thin;
		text-align: left;
		line-height: 55px;
		font-size: 1em;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		padding: 8px 10px;
		color: #FF8082;
		height: 55px;
		margin: 1px auto;
}

.login02 {
		text-align: right;
		line-height: 55px;
		font-size: 1em;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		color: #FF8082;
		height: 55px;
		margin: 1px auto;
}

.login02-1 {
		text-align: right;
		line-height: 20px;
		font-size: 1em;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		color: #000000;
		height: 20px;
		margin: 1px auto;
}

.login03 {
		border-style: solid;
		border-radius: 20px;
		border-color: #FF5255;
		border-width: thin;
		background-color: #FFF;
		text-align: center;
		line-height: 55px;
		font-size: 1.5em;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		color: #FF5255;
		height: 55px;
		margin: 1px auto;
}

.login04 {
		border-style: solid;
		border-radius: 20px;
		border-color: #FF5255;
		border-width: thin;
		background-color: #FF5255;
		text-align: center;
		line-height: 55px;
		font-size: 1.5em;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		color: #FFF;
		height: 55px;
		margin: 10px auto;
}

.login05 {
		border-style: solid;
		border-radius: 5px;
		border-color: #FF6366;
		border-width: thin;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		color: #FF8082;
}

.RegErrH {
		color: #FF5255;
		display: none;
}

.RegErrS {
		color: #FF5255;
		display: inline;
}

.bg-green {
		background-color: #185DFF;
		box-shadow: 0px 3px 8px 0px #000;
}

.bg-green .navbar-nav .nav-link {
		color: rgb(255, 255, 255);
}

.Roster-001 {
		background-image: url("../images/roster-001.png");
		width: 701px;
		height: 533px;
		text-align: center;
}

.Roster-002 {
		Width: 300px;
		height: 80px;
}

.Roster-003 {
		height: 250px;
		text-align: center;
}

.Roster-004 {
		font-size: 24px;
		font-family: Microsoft JhengHei;
}

.divh01 {
		height: 500px;
}

.divh02 {
		height: 100px;
		line-height: 100px;
}

.divh02-1 {
		height: 50px;
		line-height: 50px;
}

.divh02-2 {
		height: 50px;
		line-height: 50px;
}

.divh03 {
		border-color: #9E181A;
		border-width: 1px;
		box-shadow: 2px 2px 5px #9E181A;
		border-radius: 10px;
}

.RegAcinput01 {
		border-style: solid;
		border-radius: 20px;
		border-color: #FF6366;
		border-width: thin;
		text-align: left;
		line-height: 55px;
		font-size: 1em;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		padding: 8px 10px;
		color: #FF5255;
		width: 255px;
		height: 55px;
		margin: 1px auto;
}

.login01::placeholder {
		color: #FF8082;
		font-style: italic;
}

.RegAcinput01::placeholder {
		color: #FF8082;
		font-style: italic;
}

.RegAcinput02 {
		border-style: solid;
		border-radius: 20px;
		border-color: #FF6366;
		border-width: thin;
		text-align: left;
		line-height: 55px;
		font-size: 1em;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		padding: 8px 10px;
		color: #FF5255;
		width: 125px;
		height: 55px;
		margin: 1px auto;
}

.RegAcinput02::placeholder {
		color: #FF8082;
		font-style: italic;
}

.RegLabelt01 {
		text-align: left;
		font-size: 22px;
		font-family: Microsoft JhengHei;
		font-weight: 600;
		padding: 8px 10px;
		color: #FF5255;
}

.Regbt01 {
		border-style: solid;
		border-radius: 5px;
		border-color: #FF5255;
		background-color: #FF5255;
		position: relative;
		text-align: center;
		line-height: 15px;
		font-size: 19px;
		font-family: Microsoft JhengHei;
		font-weight: 500;
		padding: 8px 10px;
		color: #FFF;
		width: 255px;
		height: 45px;
}
.IntroIcon {
	width: 65px;
	height: 65px;
	font-size: 20px; 
	line-height: 25px;
	background-color: #ff7600;
	color: #fff;
	position: fixed;
	right: 2em;
	bottom: 2em;
	display: none;
	text-align: center;
	border-radius: 50%;
}

	.IntroIcon:hover {
		color: #FFF;
		text-decoration: underline;
	}