@charset "utf-8";
/* CSS Document */

 @media (min-width: 768px) {
      .bd-placeholder-img-lg {
       font-size: 3.5rem;
      }
 }

 .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
 }

a{
 text-decoration:none;
  color:#000000;
}

/*
a:link{
 text-decoration:none;
 color:FF00000;
}
*/

a:hover{
// text-decoration:underline;
 color:#0000FF;
// background-color:#00BBBB ;
}

/* table 表頭選到顏色 */
th:hover {
                         // background-color: #898f9c;
                          background-color: #898f9c;
                         // background-color: #00FFff;
                        // background-color: blue;
                        color: #000000;
}

.page-link:hover{
 background-color:#3f3f3f ;
//                        #  background-color: #f3f3f3;
//                       color: #7066e0;
}


/*  --------toolbar--------- */
.toolbar2 {
  text-align:right;
  padding:0px 1px;

  /*
  padding-top: 4.0rem;
  */
}

/* 調整導覽列外觀  */
/* 若導覽列是深色背景請加 .navbar-dark，淺色背景則用 .navbar-light，然後搭配通用類別 .bg-* 就已可以改變導覽列底色 */

.bg-light .nav-item.active .nav-link,
.bg-light .nav-item:hover  .nav-link {
    color: #FFFFFF;
    background-color: #0000EF;
}


.bg-green .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}

/*  完整版請再補上： */

.bg-green .navbar-brand,
.bg-green .navbar-text {
    color: rgb(255, 255, 255);
}

/* 若希望移過選項以變色，請再加上： */

.bg-green .nav-item.active .nav-link,
.bg-green .nav-item:hover .nav-link {
    color: #F7FE22;
} 

/* 修改子選單底色： */

.bg-green .dropdown-menu{
    background-color: #2C3232;
}

/* 修改子選單文字連結顏色 * /

.bg-green .dropdown-item{
    color: #FFFFFF;
}

/* 修改子選單文字連結滑過時的底色 */

.bg-green .dropdown-item:hover{
    background-color: #3C70EF;
}

.bg-dark .nav-item.active .nav-link,
.bg-dark .nav-item:hover .nav-link {
    color: #FFFFFF;
    background-color: #0000EF;
}

/*

.bg-dark .dropdown-menu{
    background-color: #3C70EF;
}

.bg-dark .dropdown-item{
    color: #FFFFFF;
}

*/


  .blue {

  background-color: #FFFFFF;
  color:blue ;

  }

  .red {

  background-color: #FFFFFF;

  color:#E20A0A ;

  }

  .yellow {

  background-color: #FFFFFF;

  color: yellow;

  }

/* icon class 小圖示 class  */

/*
.fa-times {
  color: #000;
}
*/

.fa-times:focus,
.fa-times:active,
.fa-times:hover {
  color: #F00;
  cursor: pointer;
  background-color: yellow;
  border: 2px solid red;
}

.fa-arrows-v:focus,
.fa-arrows-v:hover {
  color: #00F;
  cursor: pointer;
  border: 2px solid #00F;
}