.ta-left{
  text-align: left;
}

.ta-center{
  text-align: center;
}

.ta-right{
  text-align: right;
}

.main-content-220{
  margin-top: 220px;
  padding-top: 110px;
}

.main-content-110{
  margin-top: 110px;
}

.index-content{
  margin-left: 5%;
  margin-right: 5%;
}

.index-content-85h{
  height: 85vh;
}

.index-content-90h{
  height: 90vh;
}

.index-content-60h{
  height: 60vh;
}

.main-tb{
  width: 100%;
  /* border: 1px solid black; */
}

.main-tb td{
  height: 150px;
}

.main-tb td:first-child{
  width: 40%;
}

.main-tb img{
  width: 100%;
}

.dialog-btn{
  /* border: 1px solid black; */
  display: block;
  text-align: center;
  padding-top: 40px;
  font-size: 50px;
  height: 100%;
}

.b1{
  background: url(/img/bubble1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.b2{
  background: url(/img/bubble2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.b3{
  background: url(/img/bubble3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#team .member img{
}

#footer p{
  margin: 0;
}

#footer span{
  color: gray;
}

#footer a{
  color: #6b80f3;
}

#footer a:hover{
  color: #673ab7;
}


.classintro-directly-des{
  margin: 2% 10%;
}

.team-index-title{
  width: 100%;
}

.team-intro-title{
  width: 100%;
}

.coop-content{
  margin: 5% 10%;
}

.coop-tb {
  border: 1px solid #d6d6d6;
  width: 100%;
}

.coop-tb td{
  padding: 2% 3%;

}

.coop-tb img{
  width: 80%;
  border-radius: 5px;
}

.coop-tb-logo-col{
  padding: 2% 5%;
  width: 40%;
}

.coop-title{
  font-size: 20px;
  line-height: 5px;
}

.coop-des{
  color: gray;
}

/* footer 置底 */
html, body {
  height: 100%;
  margin: 0;
}

.main {
  min-height: calc(100% - 250px); /*減去footer高度*/
}

.footer {
  height: 250px; /*設定footer本身高度*/
}

/* news */
.news-title{
  padding-top: 2%;
}

.main-news-icon{
  color: #2196F3;
}

.main-news-tb thead th, .main-news-tb td, .main-news-tb th{
  border-color: #e1dcdc4f;
}

.main-news-tb thead{
  background-color: #f8f8f8;
}

/* 首頁介紹廣告 */
.main-class-ad{

}

.news-tb-pagination{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 5%;
  justify-content: center;
}

.news-pagination-cicle{
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  margin: 5px;
  text-align: center;
  color: #7380c8;
}

.news-pagination-cicle-select{
  background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
}

.news-pagination-cicle-unselect{
    background: linear-gradient(to bottom, #dbf0fa 0%,#ddf1f9 35%,#a0d8ef 100%);
}

.news-pagination-cicle-arrow{
    background: linear-gradient(to bottom, #fee3bc 0%,#f4d1b2 47%,#ffb03c 100%);
}

.cust-icon{
  background-color: #a7e4ff;
  padding: 8px;
  border-radius: 30px;
}

.news-dataGrid {
  box-shadow: inset 0px -1px 12px -1px #dcdcdc69,5px 5px 5px 1px #d2d2d2;
  -webkit-box-shadow: inset 0px -1px 12px -1px #dcdcdc69,5px 5px 5px 1px #d2d2d2;
  -moz-box-shadow: inset 0px -1px 12px -1px #dcdcdc69,5px 5px 5px 1px #d2d2d2;
  -o-box-shadow: inset 0px -1px 12px -1px #dcdcdc69,5px 5px 5px 1px #d2d2d2;
  border: 1px solid #80808017;
  margin-top: 2%;
}

#main {
    min-height: 100vh; /* 确保内容区域至少与视窗同高 */
    padding-bottom: 50px; /* 留出footer的空间，防止内容被覆盖 */
}

#main-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #bea1c9;
    color: white;
    text-align: center;
    padding: 10px 0;
}

.login-div{
  padding-left: 10%;
  padding-right: 10%;
}

.login-notice{
  color: red
}

.login-title{
  text-align: center;
}

.login-btn{
    background: #1bb1dc;
    border: 0;
    border-radius: 3px;
    padding: 8px 30px;
    color: #fff;
    transition: 0.3s;
}
.toggle-container {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.toggle-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #f7f7f7;
    cursor: pointer;
}

.title {
    font-size: 16px;
}

.toggle-icon {
    font-size: 20px;
}

#content {
  display: block;
    padding: 10px;
    border-top: 1px solid #ddd;
}
