.special-announcement-bar {
  background-color: #FAA61A;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.special-announcement-bar:hover {
  background-color: #fdc848;
}

.special-announcement-bar .btn {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 0;
  background-color: transparent;
}

.special-announcement-bar .btn:focus {
  outline: -webkit-focus-ring-color auto 1px;
}

#popAnnounce .modal-content {
  border-radius: 20px;
  border-left: 35px solid #FAA61A;
}

@media screen and (min-width: 992px) {
  #popAnnounce .modal-content {
    border-left-width: 80px;
    border-radius: 35px;
  }
}

#popAnnounce .modal-header {
  padding: 1rem;
  border: 0;
}

@media screen and (min-width: 992px) {
  #popAnnounce .modal-header {
    padding: 1rem 2rem;
  }
}

#popAnnounce .modal-header .close {
  font-size: 2rem;
}

#popAnnounce .modal-title {
  font-family: 'Catamaran','Noto Sans TC';
  font-weight: bold;
}

.lang--zh-hans #popAnnounce .modal-title {
  font-family: 'Catamaran','Noto Sans SC';
}

#popAnnounce .modal-body {
  padding: 0 1rem 0 .5rem;
  margin-bottom: 0.5rem;
  margin-right: 0;
}

@media screen and (min-width: 992px) {
  #popAnnounce .modal-body {
    padding: 0 2rem;
    margin-right: 2rem;
  }
}

#popAnnounce .item {
  margin-bottom: 2rem;
}

/*for API special annount table*/
.sp-tb{
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}
.sp-tb .col-title.single {
    width: 40%;
}
.sp-tb thead td, .sp-tb thead th{
	border-bottom: 3px solid #333;
    padding-bottom: 10px;
    font-weight: bold;
    padding-right: 10px;
}
.sp-tb tbody tr:first-child td, .sp-tb tbody tr:first-child th {
    border-top: 0;
}
.sp-tb tbody td, .sp-tb tbody th {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    padding-right: 10px;
}
.font-clr.blue {
    /* color: #0079d0; */
}