body,input,textarea {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Microsoft JhengHei", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
}

body {
	margin : 0 auto ;
	color:#444;
}

a {
	color:#048;
	text-decoration:none;
}

a:hover {
	color:#06C;
}

/* *,form,input {
	margin:0;
	padding:0;
} */

h1{
	color:#5f2e25;
	font-weight:700;
}

h2 {
	color:#5f2e25;
	font-weight:700;
}

h3 {
	color:#ab3c33;
	font-weight:700;
}

h4 {
	color:#000;
	font-weight:700;
}

h5 {
	color:#000;
	font-weight:700;
}

strong {
	font-weight:700;
}

#outer-container {
	padding:10px;
}

#inner-container {
	border:5px solid #8da454;
	border-radius: 5px;
	background:#FFF;
	width:100%;
	padding-left: 5px;
	padding-right: 5px;
}

#div_header {
	margin-bottom:5px;
}

#div_main{
	padding-left: 5px;
	padding-right: 5px;
}

#div_content {
	background:#FFF;
}

#div_right{
	text-align:left; 
}

#div_navigation {
	margin-top:10px;
	margin-bottom:10px;
	/* z-index: 99; */
}

#div_login {
	margin:0 auto;
}

#div_countdown {
	border:1px solid silver;
	background:#FFC;
	color:gray;
	padding:5px;
	display:none;
}

#div_footer {
	color:#000000;
	background-color: #cae8f5;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: auto;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
 * html .ui-autocomplete {
	height: 200px;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{
	width:35%
}

.ui-datepicker {
    z-index: 1060 !important;
}

.logo-img {
	width: 50px;
}

.card-self-title {
	color: #007799;
}

.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }