@charset "utf-8";
body{color:#333;font-size:100%;font-family:Arial,Helvetica,sans-serif;word-break:break-all;background-color: #f5f6fa;}
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(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:1%}.mt3{margin-top:1%}.box{margin-left:3%;margin-right:3%}.radius{border-radius:5px}.w100{width:100px}
.gray{color:#ccc}.red{color:#e5574b}.green{color:#69945e}.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{ background:#fff;height:2.5em;line-height:2.5em;border-bottom:1px solid #eaeaea;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 3%;}
.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;background:#fff;border-radius: 8px; padding:1%;}
.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 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}
.txt4 li{border-radius: 8px;padding: 14px 5px;background: #f8fafc;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);transition: all 0.2s ease;}
.txt4 li:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(74, 101, 130, 0.1);
        }
.txt4 li img{ margin-right:5px;}		
.txt4 li{height:50px;line-height:50px;overflow:hidden}
.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:#fff;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}

.mt1{margin-top:1%}
/* 导航栏样式 */
.nav-header {
background: rgb(213, 82, 82);
box-shadow: var(--shadow);
position: sticky;
top: 0;
z-index: 100;
}

.nav-container {            
display: flex;
justify-content: space-between;
align-items: center;

height: 2.5em;
line-height: 2.5em;			
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin:0 3%;
}

.logos {
font-size: 1.5rem;
font-weight: bold;
color: #fff;
display: flex;
align-items: center;
gap: 15px;
height: 2.5em;
overflow:hidden;
}
.logos a img{ max-width:200px;}
.logos i {
font-size: 1.8rem;
}
.nav-items {
display: flex;
gap: 25px;
transition: all 0.4s ease;
}

.nav-items a {
text-decoration: none;
color: #fff;
font-size: 0.95em;
white-space: nowrap;
transition: all 0.2s;
font-weight: 500;
position: relative;
}

.nav-items a:hover {
	font-weight:bold
}

.nav-itemss a.active:after {
	background: -webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
	background: linear-gradient(90deg,#fff,#fff);
	border-radius: 5px;
	bottom: 4px;
	content: "";
	display: inline-block;
	height: 4px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 28px;
}
.nav-items a.active{ font-weight:bold}

.user-menu {
display: flex;
gap: 5px;
align-items: center;
}

.user-menu button {
background: none;
border: none;
cursor: pointer;
color: #6c757d;
font-size: 1.1rem;
padding: 5px;
}

.menu-button {
display: none;
}
.menu-button i {
width: 1.5em;
height: 1.5em;
background: url(/Public/hl/images/nav.png) no-repeat;
background-size: 100% 100%;
display:block;
}
/* 移动端导航样式 */
@media (max-width: 768px) {
.nav-items {
	position: fixed;
	top: 0;
	right: -400px;	
	height: 100vh;
	background: rgb(213, 82, 82);
	flex-direction: column;
	padding-top: 2.5em;
	box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
	z-index: 90;
	gap: 15px;
}

.nav-items.active {
	right: 0;
}

.nav-items a {
	padding:0 15px;
	font-size: 1rem;
}
.nav-items a.active:after {	
	left: 35px;
}

.nav-items a:hover {
	background: rgba(255, 255, 255, 0.2);
	color: white;
}

.menu-button {
	display: block;
	position: relative;
	z-index: 100;
}

.user-menu > :not(.menu-button) {
	display: none;
}

.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 80;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.menu-overlay.active {
	opacity: 1;
	visibility: visible;
}
}
/* 动画效果 */
@keyframes slideIn {
from {
	transform: translateX(20px);
	opacity: 0;
}
to {
	transform: translateX(0);
	opacity: 1;
}
}
.animate-item {
animation: slideIn 0.3s ease forwards;
}
.kalendar{background: -webkit-gradient(linear,left top,left bottom,from(#ffede3),to(#fff));
background: linear-gradient(180deg,#ffede3,#fff);border-radius: 8px 0 0 2px; padding:10px 0;}
.yueli,table, .table{ }	
.yueli td a{ font-size:24px;font-family: DINAlternate-Bold;}
.yueli td:hover{ background: rgba(225,99,73,.08);}


:root {
	--bg-color: #f8f9fa;
	--primary-blue: #FA6900;
	--holiday-red: #ffd8d8;
	--current-day: #fff3cd;
	--text-dark: #2d2f31;
	--shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	--sidebar-bg: #ffffff;
	--menu-bg: #4a90e2;
}
/* 月份导航 */
        .month-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 20px 0;
            padding: 15px;
            background: white;
            border-radius: 12px;
            box-shadow: var(--shadow);
        }

        .nav-button {
            background: var(--primary-blue);
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 6px;
            cursor: pointer;
            transition: opacity 0.2s;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .nav-button:hover {
            opacity: 0.9;
        }

        .view-switcher {
            display: flex;
            gap: 10px;
        }

        .view-btn {
            background: #f1f3f5;
            border: none;
            padding: 6px 12px;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.2s;
        }

        .view-btn.active {
            background: var(--primary-blue);
            color: white;
        }

 /* 日历网格 */
        .calendar-grid {           
            background: white;
            border-radius: 12px;
            padding: 20px;
            box-shadow: var(--shadow);
			margin-bottom:
        }
		.calendar-box{ display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 5px;}
		.weektitle{display: flex;
    justify-content: space-between;
    align-items: center;text-align:center;border-bottom: 1px solid #e9ecef;padding: 10px; margin-bottom:10px;}
	.weektitle b{font-weight: bold;}
	.weektitle a{background: var(--primary-blue);
    color: white;
    border: none;
    padding: 4px 8px;
    border-radius: 6px; font-size:18px;}
        .calendar-day {
            aspect-ratio: 1;
            padding: 10px;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.2s ease;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid #e9ecef;
        }

        .calendar-day:hover,.today {
           border: 1px solid #f0594c;
    		border-radius: 8px;
        }

        .weekend .day-number {
            color: #f0594c;
        }

        .current-day {
            background: var(--current-day) !important;
            font-weight: bold;
            border: 2px solid #ffc107;
        }

        .holiday {
            background: var(--holiday-red) !important;
        }

        .holiday .day-number {
            color: #dc3545;
            font-weight: bold;
        }

        .day-number {
            
            font-weight: 500;
			font-family: DINAlternate-Bold;
    font-size: 28px;
        }

        .event-marker {
            width: 80%;
            height: 4px;
            background: var(--primary-blue);
            border-radius: 2px;
            margin-top: 4px;
        }

        .lunar-date {
            font-size: 0.7rem;
            color: #6c757d;
            margin-top: 3px;
        }

        .event-count {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 20px;
            height: 20px;
            background: var(--primary-blue);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.7rem;
        }
		.gray .day-number,.gray .lunar-date{color: #ccc;}
		
@media (max-width: 768px) {
            .calendar-grid {
                gap: 2px;
                padding: 10px;
            }

            .calendar-day {
                padding: 8px 5px;
                font-size: 0.9em;
            }
            
            .lunar-date {
                font-size: 0.6rem;
            }
        }		
.nlcard{display: flex;
    justify-content: space-between;
    align-items: center;
	
	margin-top:1%;
position: relative;
background: -webkit-gradient(linear,left top,left bottom,from(#ffede3),to(#fff));
    background: linear-gradient(180deg,#ffede3,#fff);
    border-radius: 12px;
    padding: 10px;
    box-shadow: var(--shadow);
}
.nlcard .left, .nlcard .right {
    display: flex;
    align-items: center;
    gap: 8px;
}
.nlcard .right {
   
}
.nlcard .left img, .nlcard .right img {
    width: 1em;
    margin: 3em 0.5em;
}
.nlmid{max-width:660px;flex: 1;
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
			justify-content: center;
            align-content: flex-start;
border: 0px solid #facac5;
    border-radius:12px;
	 padding:10px;
    /*background:#fffbfa;*/}
.minfo{ display: flex;align-items: center;gap: 15px;justify-content: space-between;border-bottom:1px #facac5 dotted; padding:10px 0}	
.minfo p{padding: 0.25em 0;}
.mid-l,.mid-r{}	
.mid-m{text-align:center;}
.mid-m i{background: #f0804e;
    border: 1px solid #f0804e;
    border-radius: 14px;font-size: 14px; padding:5px 5px; color:#fff}
.nlcard .hm {
    font-size: 2.0em;
    color: #d4473d;
    font-weight: 700;
}
.nly {display: flex;align-items: center; margin:1% 0; }
.nly span{ float:left;border-radius:10px; padding:5px 10px;border-bottom:1px #fff solid; color:#FFFFFF; margin-right:20px;}
.nly span.greens{background:#69945e;}
.nly span.red{background:#e5574b;}
.nly span.cs{background:#f0804e;}
.nly p{padding: 0.25em 0;}

.nltable{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1%; margin:1% 0;}
.tl,.tr{
background: white;
border-radius: 12px;
padding:10px;
box-shadow: var(--shadow);}
.tl .table tr:nth-child(odd) {
    background: #f8fafc;
}
.jieri{
    line-height: 1.8;}
.jieri div{display: flex;
    align-items: center;
    gap: 10px;}
.tyi { color:#69945e}	
.tji { color:#e5574b}
.tyi{border-top: 2px solid #69945e;}
.tji{border-top: 2px solid #e5574b;}
.xiongji{display: flex;
    justify-content: space-between;
	flex-wrap: wrap-reverse;
    align-items: center;}
.xiongji em{border-radius: 10px;padding: 2px 5px;color: #fff; margin-left:2px;}
.xiongji em.green{ background:#69945e;}
.xiongji em.red{ background:#e5574b;}
.tl .table tr:hover {
    background: #f0f5ff;
}
@media (max-width: 768px) {
	.nlmid{ width:100%; padding:0;}
	.mid-m{ width:45%;}
	.nlcard .hm{font-size: 1.5em;}
	.nltable{grid-template-columns: 1fr;}
	.content img{ max-width:100%;}
	.txt4 {grid-template-columns: repeat(2, 1fr);}
}	
.link div{line-height: 1.8;border-bottom: 1px solid #e9ecef; margin-bottom:10px;}	
.link p{font-size: 0.8em;line-height: 1.8;}
.link p a{ padding:5px 10px 5px 0;color: #666;}