body{
	background-color:#F1E6D5;
	/*background: url("../images/background.jpg") fixed no-repeat top / cover; margin: 0px; overflow: scroll;*/
	font-family: "微軟正黑體", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color:#0097A4;
}
.navbackground {
	width: 100%; bottom: 0px; overflow: hidden; position: fixed;
}
.footer {
	width: 100%; text-align: left; bottom: 17px; color: rgb(255, 255, 255); overflow: hidden; font-size: 6.5px; font-weight: 100; position: fixed;
}
.navbar {
	padding-top: 0.8rem; padding-bottom: 1rem; display: flex; position: relative; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
.navbar_top {
	top: 0px; width: 100%; overflow: hidden; position: fixed;
}
.navbar_bottom {
	width: 100%; bottom: 8px; overflow: hidden; position: fixed;
}
.navbar a {
	padding: 0px; text-align: center; color: rgb(242, 242, 242); text-decoration: none; display: block; -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.43));
}
.navbar a:hover {
	-webkit-filter: drop-shadow(5px 5px 5px #222);
}
.navbar_block {
	display: block !important;
}
.navbar_100 {
	max-width: 100%;
}
.main_frame{
	padding-top: 0px; margin-bottom: 0px;
}
.main_content {
	position: relative;
}
.reg_form_table_frame {
	border-radius: 1rem; border: 1px solid #7c5629; border-image: none; padding-left:10px;padding-right:10px;/*background-color: rgb(255, 255, 255);*/
}
.reg_form_table {
	border: 0px solid #7c5629; transition:0.3s; border-image: none; width: 100%; color: #7c5629;
}
.reg_form_table tbody tr td {
	border: 0px solid rgb(255, 255, 255); border-image: none;
}
.reg_form_field {
	background: rgb(255, 255, 255); border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor #7c5629; padding: 0px; border-radius: 0px; border-image: none; width: 100%; height: 100%; color: #7c5629; margin-top: 0px; -webkit-appearance: none;
}
.reg_form_field_date {
	width: auto;
}
.reg_terms {
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	width:100%;
	height:20vh;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:justify;
	font-size: 10px;
	padding: 0px;
	font-size: 1.4vmin;
	border: solid;
	border-color: #CCCBCA;
	border-width: 1px;
	line-height: 160%;
}
.reg_label{
	font-size:20px;
}
/*------Ranking--------*/
/* up button */
b.up{
cursor: pointer;
float: right;
}
b.up:hover {color: #ffc741;}

/* down button */
b.down{
cursor: pointer;
float: right;
}
b.down:hover {color: #ffc741;}

/* shows the rank of the element */
font.rankDisp{
position: absolute;
color: #ffc741;
}

/* Container div for Rank, HTML form rank selector */
.rankContainer{
position: relative;
width: 420px; height: auto;
border: 1px #645c56 solid;
padding: 8px;
}

/* Rankable element div for Rank, HTML form rank  */
.rankElement{
position: relative;
width: 400px; height: 46px;
margin: 3px;
padding: 3px;
/*background: #645c56;*/
background: #645c56;
color: #ffffff;
}

@media only screen and (min-width: 100px) {
/*
	body{
		background: url("../images/background.jpg") fixed no-repeat top / cover;
	}
*/
}
@media only screen and (min-width: 800px) {
/*
	body{
		background: url("../images/background.jpg") fixed no-repeat top / cover;
	}
*/
    .container{
    max-width: 800px;
	}
}
@media only screen and (min-width: 1024px) {
/*
	body{
		background: url("../images/background_desktop.jpg") fixed no-repeat top / cover;
	}
*/
    .container{
    max-width: 800px;
	}
}