body {
	color:#333;
	font-size:100%;
	font-family:Arial,Helvetica,sans-serif;
	word-break:break-all;
}
body,div,ul,li,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,p,span,img,table,th,td,form,input,textarea,button,select {
	margin:0;
	padding:0;
}
label,input,select,button {
	vertical-align:middle;
}
/*body {
	background:url(../images/bg.jpg) no-repeat;
	background-size:100% 100%;
	background-size:cover;
	background-attachment:fixed;
}*/
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
img,td {
	border:0;
	vertical-align:middle;
}
html {
	font-size:16pt;
}
em,i {
	font-style:normal;
}
ul,li {
	list-style:none;
}
body {
	color:#333;
	font-size:100%;
	font-family:Arial,Helvetica,sans-serif;
	word-break:break-all;
}
body,div,ul,li,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,p,span,img,table,th,td,form,input,textarea,button,select {
	margin:0;
	padding:0;
}
label,input,select,button {
	vertical-align:middle;
}
/*body {
	background:url(../images/bg.jpg) no-repeat;
	background-size:100% 100%;
	background-size:cover;
	background-attachment:fixed;
}*/
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
img,td {
	border:0;
	vertical-align:middle;
}
html {
	font-size:16pt;
}
em,i {
	font-style:normal;
}
ul,li {
	list-style:none;
}
@media screen and (max-width:1280px) {
	html {
	font-size:14pt;
}
;}@media screen and (max-width:736px) {
	html {
	font-size:12pt;
}
;}@media screen and (max-width:360px) {
	html {
	font-size:10pt;
}
;}a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#f50;
}
.left {
	float:left;
}
.right {
	float:right;
}
.mt2 {
	margin-top:2%;
}
.mt3 {
	margin-top:3%;
}
.box {
	margin-left:3%;
	margin-right:3%;
}
.radius {
	border-radius:5px;
}
.w100 {
	width:100px;
}
.gray {
	color:#ccc;
}
.red {
	color:#f00;
}
.green {
	color:#008000;
}
.orange {
	color:#FA6900;
}
.gold {
	color:#FFD700;
}
.blue2 {
	color:#2e52a4;
}
.ft8 {
	font-size:0.8em;
}
.ft6 {
	font-size:0.6em;
}
.ft4 {
	font-size:0.4em;
}
.initial {
	text-transform:capitalize;
}
.main,.location {
	clear:both;
	min-width:300px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
hr {
	background-color:#dee2e5;
	border:none;
	display:block;
	height:1px;
	margin:1em 0;
}
.logo {
	display:flex;
	text-align:center;
	width:5em;
	height:5em;
	line-height:5em;
	margin:2% 0;
	border:solid 1px #5bc111;
	border-radius:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.current {
	height:2.5em;
	line-height:2.5em;
	border-bottom:1px solid #eaeaea;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.current .home {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	margin-top:0.5em;
	margin-left:3%;
	background:url(../images/home.png) no-repeat;
	background-size:100% 100%;
	overflow:hidden;
}
.current .nav {
	width:1.5em;
	height:1.5em;
	margin-top:0.5em;
	margin-right:3%;
	background:url(../images/nav.png) no-repeat;
	background-size:100% 100%;
}
.current em,.foot em {
	color:#ccc;
	margin:0 1%;
}
.content {
	max-width:100%;
	text-align:justify;
}
.content p {
	text-indent:2em;
	margin:0.5em 0;
	text-transform:uppercase;
	letter-spacing:0.05em;
	line-height:2em;
}
.content h2,.content h3 {
	padding:0.5em 0;
	border-bottom:1px solid #eaeaea;
	font-weight:600;
}
.content h2:before,.content h3:before {
	content:"";
	float:left;
	display:block;
	width:4px;
	height:0.8em;
	background-color:#ff4939;
	margin-left:2em;
	margin-top:0.3em;
	margin-right:0.5em;
}
table,.table {
	clear:both;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
}
.table,.tc {
	text-align:center;
}
.table td,.table th {
	padding:0.65em;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}
.kalendar {
	position:relative;
}
.kalendar .left a,.kalendar .right a {
	display:block;
}
.kalendar .left,.kalendar .right {
	position:absolute;
	top:0px;
}
.kalendar .right {
	right:0px;
}
.kalendar .left img,.kalendar .right img {
	width:1em;
	margin:3em 0.5em;
}
.kalendar .hm {
	font-size:2.5em;
	color:#d4473d;
	font-weight:700;
}
.kalendar .mid p {
	padding:0.25em 0;
}
.kalendar .today {
	font-size:0.8em;
	margin-left:0.5em;
	color:#999999;
	border:0.02em solid #999999;
	border-radius:50%;
	text-align:center;
	overflow:hidden;
}
.yi,.ji {
	display:inline-block;
	color:#fff;
	background-color:#5bc111;
	padding:3px 5px;
	border-radius:3px;
}
.ji {
	background-color:#fc3939;
}
.txtBirth input,.txtBirth select {
	color:#333;
	height:38px;
	line-height:38px;
	border:1px solid #f5e3c5;
	padding:0 8px;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
}
.txtBirth option {
	outline:none;
	overflow:hidden;
}
.txtBirth .tsb {
	min-width:80px;
	height:38px;
	border:0;
	cursor:pointer;
	font-size:16px;
	color:#fff;
	background:#e7a96d;
	outline:medium;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:5px;
}
.txtBirth .tsb:hover {
	background:#f17f05;
}
.yueli th {
	color:#f50;
	background:#f7f7f7;
}
.yueli .today {
	color:#f50;
}
/*;
	background:#fcf8ef*/
.yueli .today a {
	color:#f50;
	text-decoration:underline;
}
.yueli span {
	display:block;
	font-size:0.6em;
	overflow:hidden;
}
.flag {
	border:1px solid #f1f1f1;
}
.txt4 li {
	float:left;
	-moz-box-shadow:-1px 0 0 0 #eaeaea;
	-webkit-box-shadow:-1px 0 0 0 #eaeaea;
	box-shadow:-1px 0 0 0 #eaeaea;
	border-top:1px solid #eaeaea;
}
.txt4 li {
	width:25%;
	height:50px;
	line-height:50px;
	overflow:hidden;
}
.txt4 li:nth-child(-n+4) {
	border-top:0;
}
.txt4 li:nth-child(n+4) {
	width:calc(25% - 1px);
	border-right:1px solid #eaeaea;
}
.txt4 li a {
	display:block;
}
.back-to-top {
	position:fixed;
	right:3%;
	bottom:2em;
	z-index:99998;
	display:none;
}
.back-to-top a {
	border-radius:1.5em;
	background:#868686;
	opacity:.6;
}
.back-to-top a,.back-to-top span {
	display:block;
	width:2.5em;
	height:2.5em;
}
.back-to-top a.stop span {
	background:url(../images/top.png) no-repeat 50%/2.5em;
}
.foot {
	clear:both;
	color:#666;
	background-color:#f6f6f6;
	font-family:"Comic Sans MS";
	text-align:center;
	border-top:1px solid #eaeaea;
	padding:1em;
	overflow:hidden;
}
.foot {
	letter-spacing:0.1em;
	font-size:0.6em;
	opacity:0.75;
	text-transform:uppercase;
	line-height:1.8;
}
.foot a {
	color:#666;
}

@media screen and (max-width:1280px) {
	html {
	font-size:14pt;
}
;}@media screen and (max-width:736px) {
	html {
	font-size:12pt;
}
;}@media screen and (max-width:360px) {
	html {
	font-size:10pt;
}
;}a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#f50;
}
.left {
	float:left;
}
.right {
	float:right;
}
.mt2 {
	margin-top:2%;
}
.mt3 {
	margin-top:3%;
}
.box {
	margin-left:3%;
	margin-right:3%;
}
.radius {
	border-radius:5px;
}
.w100 {
	width:100px;
}
.gray {
	color:#ccc;
}
.red {
	color:#f00;
}
.green {
	color:#008000;
}
.orange {
	color:#FA6900;
}
.gold {
	color:#FFD700;
}
.blue2 {
	color:#2e52a4;
}
.ft8 {
	font-size:0.8em;
}
.ft6 {
	font-size:0.6em;
}
.ft4 {
	font-size:0.4em;
}
.initial {
	text-transform:capitalize;
}
.main,.location {
	clear:both;
	min-width:300px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
hr {
	background-color:#dee2e5;
	border:none;
	display:block;
	height:1px;
	margin:1em 0;
}
.logo {
	display:flex;
	text-align:center;
	width:5em;
	height:5em;
	line-height:5em;
	margin:2% 0;
	border:solid 1px #5bc111;
	border-radius:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.current {
	height:2.5em;
	line-height:2.5em;
	border-bottom:1px solid #eaeaea;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.current .home {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	margin-top:0.5em;
	margin-left:3%;
	background:url(../images/home.png) no-repeat;
	background-size:100% 100%;
	overflow:hidden;
}
.current .nav {
	width:1.5em;
	height:1.5em;
	margin-top:0.5em;
	margin-right:3%;
	background:url(../images/nav.png) no-repeat;
	background-size:100% 100%;
}
.current em,.foot em {
	color:#ccc;
	margin:0 1%;
}
.content {
	max-width:100%;
	text-align:justify;
}
.content p {
	text-indent:2em;
	margin:0.5em 0;
	text-transform:uppercase;
	letter-spacing:0.05em;
	line-height:2em;
}
.content h2,.content h3 {
	padding:0.5em 0;
	border-bottom:1px solid #eaeaea;
	font-weight:600;
}
.content h2:before,.content h3:before {
	content:"";
	float:left;
	display:block;
	width:4px;
	height:0.8em;
	background-color:#ff4939;
	margin-left:2em;
	margin-top:0.3em;
	margin-right:0.5em;
}
table,.table {
	clear:both;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #eaeaea;
	border-top:1px solid #eaeaea;
}
.table,.tc {
	text-align:center;
}
.table td,.table th {
	padding:0.65em;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}
.kalendar {
	position:relative;
}
.kalendar .left a,.kalendar .right a {
	display:block;
}
.kalendar .left,.kalendar .right {
	position:absolute;
	top:0px;
}
.kalendar .right {
	right:0px;
}
.kalendar .left img,.kalendar .right img {
	width:1em;
	margin:3em 0.5em;
}
.kalendar .hm {
	font-size:2.5em;
	color:#d4473d;
	font-weight:700;
}
.kalendar .mid p {
	padding:0.25em 0;
}
.kalendar .today {
	font-size:0.8em;
	margin-left:0.5em;
	color:#999999;
	border:0.02em solid #999999;
	border-radius:50%;
	text-align:center;
	overflow:hidden;
}
.yi,.ji {
	display:inline-block;
	color:#fff;
	background-color:#5bc111;
	padding:3px 5px;
	border-radius:3px;
}
.ji {
	background-color:#fc3939;
}
.txtBirth input,.txtBirth select {
	color:#333;
	height:38px;
	line-height:38px;
	border:1px solid #f5e3c5;
	padding:0 8px;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
}
.txtBirth option {
	outline:none;
	overflow:hidden;
}
.txtBirth .tsb {
	min-width:80px;
	height:38px;
	border:0;
	cursor:pointer;
	font-size:16px;
	color:#fff;
	background:#e7a96d;
	outline:medium;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-radius:5px;
}
.txtBirth .tsb:hover {
	background:#f17f05;
}
.yueli th {
	color:#f50;
	background:#f7f7f7;
}
.yueli .today {
	color:#f50;
}
/*;
	background:#fcf8ef*/
.yueli .today a {
	color:#f50;
	text-decoration:underline;
}
.yueli span {
	display:block;
	font-size:0.6em;
	overflow:hidden;
}
.flag {
	border:1px solid #f1f1f1;
}
.txt4 li {
	float:left;
	-moz-box-shadow:-1px 0 0 0 #eaeaea;
	-webkit-box-shadow:-1px 0 0 0 #eaeaea;
	box-shadow:-1px 0 0 0 #eaeaea;
	border-top:1px solid #eaeaea;
}
.txt4 li {
	width:25%;
	height:50px;
	line-height:50px;
	overflow:hidden;
}
.txt4 li:nth-child(-n+4) {
	border-top:0;
}
.txt4 li:nth-child(n+4) {
	width:calc(25% - 1px);
	border-right:1px solid #eaeaea;
}
.txt4 li a {
	display:block;
}
.back-to-top {
	position:fixed;
	right:3%;
	bottom:2em;
	z-index:99998;
	display:none;
}
.back-to-top a {
	border-radius:1.5em;
	background:#868686;
	opacity:.6;
}
.back-to-top a,.back-to-top span {
	display:block;
	width:2.5em;
	height:2.5em;
}
.back-to-top a.stop span {
	background:url(../images/top.png) no-repeat 50%/2.5em;
}
.foot {
	clear:both;
	color:#666;
	background-color:#f6f6f6;
	font-family:"Comic Sans MS";
	text-align:center;
	border-top:1px solid #eaeaea;
	padding:1em;
	overflow:hidden;
}
.foot {
	letter-spacing:0.1em;
	font-size:0.6em;
	opacity:0.75;
	text-transform:uppercase;
	line-height:1.8;
}
.foot a {
	color:#666;
}
.hidden {
    display: none;
}
#menu {
    position: absolute;
    right: 0;
    top: 52px; 
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1000;
    width: 200px;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1280px) {
    #menu {
        top: 45px;
    }
}

@media screen and (max-width: 736px) {
    #menu {
        top: 38px;
    }
}

@media screen and (max-width: 360px) {
    #menu {
        top: 33px;
        width: 100px;
    }
}
#menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#menu li {
    border-bottom: 1px dashed #ccc;
    padding: 5px 0;
}
#menu li:last-child {
    border-bottom: none;
}
#menu a {
    display: block;
    text-decoration: none;
    color: #333;
}