* {
   box-sizing: border-box;
}

body {
   font-family: Arial, sans-serif;
   margin: 0;
   padding: 0;
   background-color: #f1f1f1;
   color: #333333;
}

a {
   padding: 2px;
   text-decoration: none;
}

.titlblock {
   text-align: center;
   padding: 2px;
   background-color: #17252A;
   width: 100%;
}

.cc_h1_WT {
   color: white;
}

.cc_h1_YL {
   color: #FFB800;
}

.subtitlblock {
   text-align: center;
   padding: 2px;
   background-color: #2B7A78;
   width: 100%;
   color: white;
}

.subtitlblock2 {
   text-align: center;
   padding: 1px;
   background-color: #3AAFA9;
   width: 100%;
}

a {
   padding: 2px;
   text-decoration: none;
}

a:hover {
   background: #A3B8FF;
   color: #000000;
}

table {
   border-collapse: collapse;
   /* width: 100%; */
}

th,
td {
   padding: 8px;
   text-align: left;
   border-bottom: 1px solid #ddd;
}

th {
   background-color: #f2f2f2;
}

tr:hover {
   background-color: #f5f5f5;
}

.title-block {
   text-align: center;
   margin-bottom: 20px;
}

.title {
   font-size: 24px;
   color: #17252A;
   margin: 0;
   /* padding: 10px; */
   background-color: #ffffff;
   border-radius: 5px;
}

.subtitle-block {
   text-align: center;
   margin-bottom: 20px;
}

.subtitle {
   font-size: 18px;
   color: #ffffff;
   margin: 0;
   padding: 10px;
   background-color: #2B7A78;
   border-radius: 5px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.section {
   margin-bottom: 20px;
}

.section-title {
   font-size: 26px;
   text-align: center;
   color: #3AAFA9;
   margin: 0;
   margin: 20px ;
}