/*
 * Custom CSS
 */
 @import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng:wght@400;700&display=swap');  
 @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;700&display=swap');  

:root {
  --bs-body-bg: var(--bs-gray-100);
  --my-color-1: white;
  --my-color-2: #d09126;
  --my-color-3: black;
  --my-color-4: #2d8bba;
  --my-color-5: #d92423;
  --my-color-6: #815c47;
}
#dynamic-text {
  white-space: nowrap;
  display: inline-block;
  transform-origin: left;
}


body {
  font-family: "Helvetica", "Ma Shan Zheng", sans-serif;
}
.my-color-fg-1{
  border: 2px solid var(--my-color-1);
  color: var(--my-color-1);
}

.my-caption {
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
}
.my-color-fg-2{
  border: 2px solid var(--my-color-2);
  color: var(--my-color-2);
}
.my-color-fg-3{
  border: 2px solid var(--my-color-3);
  color: var(--my-color-3);
}
.my-color-fg-4{
  border: 2px solid var(--my-color-4);
  color: var(--my-color-4);
}
.my-color-text-4{
  color: var(--my-color-4);
}
.my-color-fg-5{
  border: 2px solid var(--my-color-5);
  color: var(--my-color-5);
}
.my-color-text-5{
  color: var(--my-color-5);
}
.my-color-fg-6{
  border: 2px solid var(--my-color-6);
  color: var(--my-color-6);
}
.my-color-text-6{
  color: var(--my-color-6);;
}

.my-content {
  font-family: "Crimson Pro", sans-serif;
}


.image-container {
  width: 200px; /* 正方形边框的宽度 */
  height: 200px; /* 正方形边框的高度 */
  border-radius: 20px; /* 圆角半径 */
  overflow: hidden; /* 隐藏溢出的部分 */
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0; /* 可选：添加背景颜色 */
  
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 确保图片内容填满整个容器 */
}
/* 试讲课背景透明 */
#course-info-table td{
  background-color: transparent;
}
/* 试讲课第一列右对齐 */
#course-info-table td:first-child{
  text-align: right;
  padding-right: 10px;
}