/* ===============================
            頁碼
================================*/
.page-nav {
  padding: 1.875rem 0;
}
.page-link {
  border: 1px solid #1667ad;
  color: #1667ad;
  line-height: 1.1;
}
.page-item:not(:first-child):not(:last-child) .page-link {
  margin: 0 4px;
  border-radius: 4px;
}
.page-item:not(:first-child) .page-link {
  margin-left: 4px;
}
.page-item:not(:last-child) .page-link {
  margin-right: 4px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 4px;
}
.page-item.active .page-link {
  border: 1px solid #1c1b75;
  box-shadow: inset -2px -2px 0 #2f459b;
  color: #fff;
  background: #596cbf;
}
.page-link:hover {
  border-color: #4e65b7;
  color: #fff;
  background: #6c81d4;
  box-shadow: inset 2px 2px 0 #4a61b3;
}

#JumpPage.jumbpage {
  margin: 1rem auto .75rem;
  padding: 1rem 1.5rem 0.375rem 0.25rem;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.9375rem;
  border-top: 1px dashed #ddd;
}
#JumpPage.jumbpage span {
  color: #616161;
  padding: 0.25rem;
  margin-right: 1.25rem;
}
#JumpPage.jumbpage label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 0 0 0 0.5rem;
}
#JumpPage.jumbpage label a {
  padding: 0.5rem 1rem;
  margin: 0 0.25rem;
  text-align: center;
  font-size: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#JumpPage.jumbpage .page-link {
  border: 1px solid #1667ad;
  color: #1667ad;
  /* background: #574db1; */
}

#JumpPage.jumbpage .page-link:hover {
  border-color: #4270b6;
  color: #fff;
  background: #6383b3;
  box-shadow: none;
}
@media (max-width: 540px) {
  #JumpPage.jumbpage {
    flex-direction: column;
    padding:1rem 0 .375rem;
    font-size: .9375rem;
  }
  #JumpPage.jumbpage label {
    margin: 0.5rem 0 0 0;
  }
  #JumpPage.jumbpage .page-link{
    font-size: .9375rem;
  }
}
/* ===============================
            列表
================================*/
.msg-list {
  margin-bottom: 1.875rem;
}
.msg-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
.msg-list ul li.list-item {
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  color: #0d0d0d;
  font-size: 1rem;
  text-decoration: none;
}

.list-item:hover,
.list-item:focus {
  background: #f8fbff;
  text-decoration: none;
}

/* .badge-top {
  background: #ffa200;
  color: #fff;
  font-size: 0.875rem;
  border-radius: 4px;
  padding: 0.25rem 0.75rem;
  margin-right: 8px;
} */
.list-item .Item {
  display: none;
  text-align: right;
  width: 20px;
  margin-right: 1rem;
}
.list-item .Date {
  color: #6e6e6e;
  margin-right: 2rem;
  min-width: 85px;
  text-align: right;
}
.list-item .items-title a{
  color: #43438f;
}
.list-item .items-title a:hover {
  text-decoration: none;
  color: #2a6eb3;
}
.news-list .Note {
  display: none;
}
@media (max-width: 540px) {
  .msg-list ul li.list-item {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.75rem 0.25rem;
  }
  .msg-list ul li.list-item:not(:last-child){
    border-bottom: 1px dashed #e3dfdf;

  }
  .badge-top {
    order: 1;
  }
  .list-item .Date {
    order: 2;
  }
  .list-item .items-title {
    order: 3;
  }
}
.BtnGroup {
  white-space: nowrap;
  text-align: center;
  margin:1.5rem 0 .5rem;
  border-top: 1px dashed #ddd;
  padding:1.5rem 0 0 0;
}
/* ===============================
            上稿頁
================================*/

.post-heading {
  margin-bottom: 1.5rem;
}
.post-heading .badge-top {
  vertical-align: middle;
  margin-bottom: 0.5rem;
}
.post-heading .date, .page-container .date {
  position: relative;
  color: #888;
}
.post-heading .page-title {
  font-size: 1.75rem;
  color: #3e55c1;
  font-weight: 500;
  margin: 0 0 0.35rem 0;
}
.post-content{
  margin-bottom: 1.5rem;
}
.post-content ol, .post-content ul{
  padding-left: 1.75rem;
}
.post-content img{
  max-width: 100% !important;
  height: auto !important;
}

.post-content .post-p-title{
  font-style: normal;
  font-size: 1.3rem;
  font-weight: 600;
}
.post-content p:not(:last-child){
  margin-bottom:1.5rem
}
.post-content+.Notes{
  margin: 1rem 0 1.5rem;
  background:#fafafa;
  /* padding:.5rem; */
  color:#666;
  font-size: .9375rem;
}
@media(max-width:540px){

  .post-content p>span{
    font-size:1.1875rem !important;
  }

  .post-heading .page-title {
    font-size: 1.625rem;
    color: #3e55c1;
    font-weight: 500;
    margin: 0 0 0.35rem 0;
  }
  
}
/* ===============================
           按鈕
================================*/
.btn-back {
  background: #efefef;
  color: #848484;
  border: 1px solid #e4e4e4;
}
.btn-search {
  padding: 5px 1rem !important;
  font-size: 1rem;
  background: #3172be;
  border: 1px solid #3172be;
  color: #fff;
}
.btn-search:hover {
  background: #1d85c1;
  border-color: #076399;
}
/* ===============================
           表格table
================================*/
.table-bordered,
.table-bordered td,
.table-bordered th {
  border: 1px solid #4872ba;
}
.table-bordered th {
  font-size: 1.125rem;
  background: #4872ba;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 500;
}
.table-bordered th em {
  font-style: normal;
}
.table-bordered th:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}
.table th.Item {
  text-align: center;
  min-width: 5%;
  white-space: nowrap;
}
.table td.Item {
  text-align: right;
  padding-right: 1rem;
}
.table td.Title,
.table td.Title a {
  text-align: left;
  color: #2f5697;
}
.table td.Date {
  text-align: center;
}
.table td.Note{
  font-size: .9375rem;
  color: #666;
}
.table td.Note p{
  margin-bottom: 0;
}
.table-list tbody tr:nth-of-type(odd) {
  background: #f6f9ff;
}
.table-list caption{
  display: none;
  caption-side: top;
}
.table-list td input.btnLink{
  border: none;
  background: transparent;
  color: #2f5697;
  white-space:break-spaces ;
  text-align: left;
}

.table-list .pager td .form-control{
  display: inline-block;
  width: auto;
  margin-right: .25rem;
  margin-left: .25rem;
}
@media(max-width:540px){
  .table .Note{
    display: none;
  }
}
/* ===============================
            搜尋區塊
================================*/
.search-area {
  padding: 1rem 0;
  margin-bottom: 1.5rem;
  display: flex;
}
.search-area .col-form-label {
  text-align: right;
}
@media (max-width: 540px) {
  .search-area{
    flex-direction: column;
  }
  .search-area .col-form-label {
    text-align: left;
  }
}
/* ===============================
            網站導覽
================================*/
.cp-container .container{
  max-width: 100%;
}
.sitemap-cont h3 {
  font-size: 1.5rem;
  color: #5f70dc;
}
.sitemap-cont h4 {
  font-size: 1.25rem;
  color: #37428a;
  padding: 0.5rem;
  border: 1px solid #cbcfea;
}
.sitemap-cont ol {
  padding-left: 1.5rem;
}
.web-site {
}
/* ===============================
            上稿範例樣式
================================*/

.post-content .foreword {
  font-size: 1.3125rem;
  border-color: #c8cbd8;
}