/* ===== 基本設定 ===== */
body{
  margin:0;
  line-height:1.6;
}

.bg-main{
  background-color:#F1FAFA;
}

.bg-tfall{
  background-color:#E8E8FF;
}

.bg-tspring{
  background-color:#FDF5E6;
}


/* ===== 版面 ===== */
.container{
  max-width:740px;
  margin:auto;
  padding:16px 20px 36px 20px;
}

/* ===== 標題 ===== */
.page-title,
.name{
  margin:0.6em 0 0.8em 0;
  font-size:1.6rem;
  letter-spacing:0.06em;
  font-weight:600;
}

/* ===== navbar ===== */
.top-nav{
  margin:0.7em 0;
  font-size:1.05em;
  letter-spacing:0.02em;
}

.top-nav a{
  text-decoration:none;
}

.top-nav a:hover{
  text-decoration:underline;
}

.top-nav span{
  margin:0 0.45em;
  opacity:0.6;
}

/* ===== active page ===== */
.top-nav a.active{
  font-weight:600;
  text-decoration:none;
  cursor:default;
}

/* ===== 區塊 ===== */
.section-title{
  margin:1.2em 0 0.4em 0;
  font-size:1.15rem;
  font-weight:600;
}

hr{
  margin:0.8em 0;
}

/* ===== list ===== */
ul{
  margin:0.4em 0 0 1.5em;
  padding:0;
}

li{
  margin:0.4em 0;
}

/* research page 專用 */
.paper-list li{
  margin:0.9em 0;
}

.link-list ul{
  margin-left:1.2em;
  margin-top:0.2em;
}

.link-list li{
  margin:0.4em 0;
}

.activity-list li{
  margin:0.6em 0;
}

.course-list li{
  margin:0.6em 0;
}

.item-list ul,
.item-list ol{
  margin-left:1.2em;
  margin-top:0.2em;
}

.item-list li{
  margin:0.5em 0;
}

/* ===== 內容區 ===== */
.content,
.contact{
  margin-left:1.5em;
}

/* ===== research（abstract） ===== */
.abstract-box{
  margin-left:1.5em;
  margin-top:0.2em;
  line-height:1.5;
  margin-bottom:0.8em;
  display:none;
  font-size:0.9em;
}

.abstract-toggle::after{
  content:" ▾";
}

.abstract-toggle.open::after{
  content:" ▴";
}

/* ===== footer ===== */
.footer{
  margin-top:2em;
  font-size:0.85em;
  opacity:0.7;
}

/* ===== 手機版 ===== */
@media (max-width:768px){

  body{
    font-size:16px;
  }

  .top-nav{
    font-size:1.1em;
    line-height:1.6;
  }

  .top-nav span{
    margin:0 0.5em;
  }

  .top-nav a{
    display:inline-block;
    padding:2px 0;
  }
  
  hr{
    margin:1em 0;
  }

  .container{
    padding:12px 14px 28px 14px;
  }

  .page-title,
  .name{
    font-size:1.25rem;
    line-height:1.4;
  }

  .section-title{
    font-size:1.05rem;
  }

  .content,
  .contact{
    margin-left:0em;
  }

  ul{
    margin-left:1.2em;
  }

  .abstract-box{
    margin-left:0.6em;
    margin-top:0.1em;
  }

  .item-list li{
    margin:0.6em 0;
  }

}