@charset "utf-8";
/* ����˵��л� */ 
.su_menu {  

  padding-left:15px;
  padding-top:35px;
  padding-bottom:20px;
  padding-right:10px;
  background-color: #eeeeee;  
  
}  
 
  
.menu2024 {  
  background-color: #eeeeee;  
  overflow: hidden; /* ��ֹ����Ԫ��������� */  
}  
  
.menu2024 ul {    
  list-style: none;    
  padding: 0;    
  margin: 0;    
  display: flex; /* ʹ��Flexbox��ˮƽ�����б��� */    
  flex-wrap: wrap; /* �������ݻ��� */  
  justify-content: flex-start; /* ���Ը�����Ҫ����ˮƽ���뷽ʽ */  
} 
  
.menu2024 li {  

  margin-bottom: 10px; /* ��ֱ��϶��ģ�⻻�к�ļ�϶Ч�� */   
  margin-right: 10px; /* Ϊ�˵���֮�����Ӽ�϶ */  
   background-color: #dcdcdc;  
  color: #ffffff;
  
}  
.menu2024 li:last-child {  
  margin-right: 0; /* �Ƴ����һ���˵����ұߵļ�϶ */

}   
.menu2024 li a {  
  display: flex; /* ʹ��Flexbox�����õؿ�����Ԫ�� */  
  flex-direction: column; /* ʹ��αԪ���ܹ�λ�������ı����·� */  
  align-items: center; /* ʹ��Ԫ�أ�����αԪ�أ���ֱ���� */  
  justify-content: center; /* ʹ�����ı��ڴ�ֱ�����Ͼ��У������Ҫ�Ļ��� */  
  color: #000000;  
  text-align: center;  
  padding: 14px 16px;  
  text-decoration: none;  
  position: relative; /* ΪαԪ�ض�λ��׼�� */  
  transition: background-color 0.3s; /* ƽ���ı���ɫ����Ч�� */  
}  
  
.menu2024 li a::after {  
  content: ""; /* αԪ������Ϊ�� */  
  position: absolute; /* ���Զ�λ */  
  bottom: 0; /* ���������ı��·� */  
  left: 0; /* ���������ı���� */  
  right: 0; /* ���������ı��Ҳ� */  
  height: 5px; /* Сɫ��ĸ߶� */  
  background-color: #969696; /* Сɫ�����ɫ�����Ը�����Ҫ���� */  
 
}  
  
.menu2024 li a:hover {  
  background-color: #ddd;  
  color: black;  
}  
  
.content2024 .page-content {  
  display: none; /* Ĭ�������������� */  
  padding: 5px;  
   margin-top: 20px;  
}  
  
.content2024 .page-content.active {  
  display: block; /* ��ʾ��������� */  
}
.menu2024 li a.active-link {  
  background-color: #dcdcdc; /* ������IJ˵����ɫ */  
  color: 333333; /* �ı���ɫ�������Ҫ�ı�Ļ���*/  
  font-weight: bold;
}  
  
.menu2024 li a.active-link::after {  
  background-color: #1c6586; /* ������IJ˵���ײ�Сɫ����ɫ */  
 
  
}
/* +-�л� */ 
.menu_head {  
    width: 100%;  
    height: 60px;  
    padding-left: 10px;  
    line-height: 60px;  
    font-size: 14px;  
    color: #000000;  
    cursor: pointer;  
    border: 2px solid #ffffff;  
    position: relative;  
    margin: 0px;  
    font-weight: bold;  
    background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;  
}  
.menu_head:hover {  
    /* �����ͣʱ����ʽ */  
    background-color: #cccccc; /* ���ı�����ɫ */  
 }
.menu_head.current {  
    background: #cccccc url(../images/pro_down.png) center right no-repeat;  
}  
  
.menu_body {  
    width: 100%;  
    padding-left: 20px;  
    height: auto;  
    overflow: hidden;  
     
    background: #fcf9f9; /* Fixed spelling error */  
}  
  
.menu_body a {  
    display: block;  
    width: 100%; /* Fixed missing width value */  
   
    line-height: 55px;  
    padding-left: 38px;  
    color: #777777;  
    background: #cccccc;  
    text-decoration: none;  
    border-bottom: 2px solid #ffffff;  
}  
  
.menu_body a:hover {  
    text-decoration: none;  
    background: #cccccc; /* This may be redundant or intentional */  
}
/* KEY dates ���� */ 
.rpg-schedule-table {    
    width: 96%;    
    border-collapse: collapse;    
    font-size: 10pt;  
  }    
.rpg-schedule-table th, .rpg-schedule-table td {    
    border: 1px solid #434242;    
    padding: 0px;    
    text-align: left;    
    height: 20px; 
  } 
.rpg-schedule-table th:nth-child(2) {    
    text-align: center;    
  }    
  .rpg-schedule-table td:nth-child(2) {    
    text-align: center;    
  }