/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/
.nav-pills-custom .nav-link {
    color: #999;
    background: #fff;
    position: relative;
}

.nav-pills-custom .nav-link.active {
    color: #ffffff;
    background: rgb(255, 157, 0);
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid rgb(255, 157, 0);
        letter-spacing: 0;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
        z-index: 9999;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

#footer-content {
  font-size: 0.8rem;
}

.cell_bg{
  width:100%;
  height:0.5rem;
  margin:auto;
  background:radial-gradient(circle closest-side,#EAF6F6 98%,#0000) 0/calc(100%/25) 100%;
}


/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*/
body {
  background-color: #00173c;
  background-image: url(../images/bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top; 
}

a:link {text-decoration: none;font-weight: 100;font-size: 1rem;color: #00173c;}
a:visited {text-decoration: none;color: #00173c;}
a:hover {text-decoration: underline;color: #0009aa;}
a:active {text-decoration: underline;}


.download {
    font-family: "LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
    color: #00173c;
    font-weight: 900;
  }

.notice{
    font-family: "LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
    color: #003366;
    font-weight: 900;
    font-style: italic;
  }

.bullet{
    background-color: #ffcc00;
    padding: 1px;
  }


.lang {
    display: none;
  }
  
  #body.en .en {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
    display: block;
  }
  
  #body.ch .ch {
    font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
    display: block;
  }
  
  #body.de .de {
    display: block;
  }