@charset "utf-8";
/* CSS Document */
#title_bar {
  width: 100%;
  height: 50px;
  text-align: center;
  background: #0052a5;
  display: table;
}
#title_bar .title {
  color: #fff;
  font-size: 1.4em;
  letter-spacing: 0.2em;
  display: table-cell;
  vertical-align: middle;
}
#title_image {
  background-image: url(../images/advancedstudies/blocks/title_advanced.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#title_image .word {
  width: 100%;
  padding: 1em;
  text-shadow: 0 0 0.6em #333;
  text-align: center;
  color: #fff;
  display: inline-block;
}
#title_image .word .ch {
  font-size: 2.4em;
  letter-spacing: 0.2em;
  text-shadow: 0 0 8px #999, 0 0 8px #999, 0 0 8px #999;
}
#title_image .word .en {
  text-shadow: 0 0 6px #666, 0 0 6px #666, 0 0 6px #666;
}
#searchform input[type="text"] {
  height: 50px;
}
#searchform select {
  height: 50px;
  background-image: url(../images/common/icon_select02.png);
  color: #00909e;
}
#searchform .selectShort {
  width: calc(100% - 70px);
}
#filter {
  color: #333;
  width: 100%;
  background-color: #eee;
  /*background-color:#3F3F3F;*/
  padding: 15px 10px;
  /*padding:15px 25px;*/
}
#filter .leftSide {
  width: calc(100% - 125px);
  float: left;
}
#filter .rightSide {
  width: 120px;
  font-weight: bold;
  float: left;
}
#filter .rightSide a {
  padding-left: 50px;
  color: #009688;
  font-size: 1.6rem;
}
#filter .leftSide .data {
  font-size: 1em;
}
#filter .leftSide .order {
  margin-top: 10px;
}
#filter .leftSide .order select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: 98%;
  background-size: 0.8em;
  border: 1px solid #666;
  font-size: 1em;
  color: #555;
  background-color: #eee;
  background-image: url(../images/common/icon_select01.png);
  width: 160px;
  padding: 0.2em;
}
#courseList {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
#courseList ul li {
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
#courseList ul li .fav {
  float: left;
  margin-right: 10px;
}
#courseList ul li .fav .img {
  height: 43px;
  display: table-cell;
  vertical-align: middle;
}
#courseList ul li .fav .img a {
  background-image: url(../images/common/icon_fav01.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
  text-indent: -1000px;
  white-space: nowrap;
  display: block;
  width: 36px;
  height: 36px;
  overflow: hidden;
}
#courseList ul li .fav .img a:hover {
  background-image: url(../images/common/icon_fav02.png);
}
#courseList ul li .ccontent {
  /*float:left;*/ /*使用會讓文字…失效*/
  font-size: 1.6rem; /* 因 header-new.php 有設定 html font-size:62.5% (default size 由 16px -> 10px) */
  min-width: 0; /* 允許子元素縮小 */
}
#courseList ul li .ccontent .title {
  margin-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
}
#courseList ul li .ccontent .title a {
  color: #333;
}
#courseList ul li .ccontent .title a:hover {
  color: #03c;
}
#courseList ul li .ccontent .title .new {
  position: relative;
  top: 2px;
}
#courseList ul li .ccontent .date {
  font-size: 0.8em;
  color: #0052a5;
  margin-top: 6px;
}
#courseList ul li .ccontent .date strong {
  margin-right: 20px;
}