/* Nền chung */
body {
 background-color: #ffff99;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
}


/* Khung chính */
#wrapper {
 background-color: white;
 border: 2px #f6921e solid;
 border-radius: 40px;
 text-align: left;
 width: 800px;
 margin: 10px auto;
 padding: 0;
}


/* Header, contents, sidebar, footer */
#header {
 height: 160px;
 margin: 0;
 padding-top: 10px;
}


#contents {
 width: 600px;
 float: right;
 margin: 0;
 padding: 10px;
}


#sidebar {
 width: 160px;
 float: left;
 margin: 0;
 padding: 10px;
 background-color: #ffcc66;
}


#footer {
 clear: both;
 text-align: center;
 margin: 0;
 padding: 0.5em 0;
 font-size: 0.8em;
}


/* Link chung (như slide a, a:link, a:visited) */
a, a:link, a:visited {
 color: white;
 text-decoration: none;
 font-weight: bold;
}


/* Nút màu xanh (bluebutton) trong sidebar */
a.bluebutton {
 border: 2px solid #0b3382;
 background-color: #0b3382;
 color: #ffffff;
 font-size: 1.1em;
 padding: 6px 10px;
 border-radius: 8px;
 display: inline-block;
}


a.bluebutton:hover {
 border: 2px solid #f6921e;
 background-color: #f6921e;
 color: #ffffff;
 text-decoration: none;
}


/* Tiêu đề phần nội dung (contenttitle) */
td.contenttitle {
 color: #0b3382;
 background-color: #f6921e;
 font-size: 2em;
 background-repeat: repeat;
 background-attachment: scroll;
 padding-top: 8pt;
 padding-right: 1.5pt;
 padding-bottom: 8pt;
 padding-left: 1.5pt;
 text-align: left;
}


/* Time table */
table.timetable {
 background-color: #fef7a9;
 border: 2px #fef7a9 solid;
 border-radius: 20px;
 padding-top: 8pt;
 padding-right: 1.5pt;
 padding-bottom: 8pt;
 padding-left: 1.5pt;
 text-align: center;
 border-collapse: collapse;
 width: 100%;
}


table.timetable th,
table.timetable td {
 border: 1px solid #cccccc;
 padding: 4px 6px;
}
/* ===== Calendar boxed style (giống hình bạn gửi) ===== */


table.yearcal {
 width: 100%;
 table-layout: fixed;
 border-collapse: separate;
 border-spacing: 0;            /* không dùng spacing để khỏi tràn 600px */
}


table.yearcal td {
 vertical-align: top;
 padding: 14px 10px;           /* tạo khoảng cách giữa các tháng */
}


table.month {
 width: 100%;
 border-collapse: collapse;
 border: 4px solid #000;       /* khung ngoài tháng dày */
 background-color: #ffffff;    /* giữ nền trắng giống hình */
}


table.month caption {
 font-size: 28px;              /* tên tháng to */
 font-weight: bold;
 text-align: center;
 padding-bottom: 8px;          /* cách ra khỏi khung */
 color: #000000;
}


table.month th,
table.month td {
 border: 2px solid #000;       /* khung ô dày */
 text-align: center;
 padding: 4px 0;
 font-size: 13px;
 background-color: #ffffff;
}


table.month th {
 font-weight: bold;
}


/* Ô trống vẫn giữ viền nhưng không hiện số */
table.month td.empty {
 color: transparent;
}


/* Chủ nhật đỏ, thứ 7 xanh */
table.month th:first-child,
table.month td:first-child {
 color: red;
}


table.month th:last-child,
table.month td:last-child {
 color: blue;
}
/* Sidebar menu table gọn, không cắt chữ */
table.sidebarmenu { width: 100%; line-height: 4em; border-collapse: collapse; }
table.sidebarmenu td { padding: 0; }


/* Button full ngang sidebar */
#sidebar a.bluebutton {
 display: block;
 width: 100%;
 box-sizing: border-box;
 text-align: center;
}


/* Link trong nội dung (để không bị trắng trên nền trắng) */
#contents a, #contents a:link, #contents a:visited {
 color: #0b3382;
 text-decoration: underline;
 font-weight: bold;
}


/* Iframe không tràn */
#contents iframe { max-width: 100%; }

.intro-block-title {
  font-size: 22px;
  margin: 15px 0 5px;
  font-weight: bold;
}

.thumbnail-box img {
  width: 100%;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.thumbnail-box p {
  text-align: center;
  margin-top: 8px;
  font-weight: bold;
}