.list-group-item {
  background-color: #fff;
  border-bottom: 1px solid #cccccc !important;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  border-bottom: 1px solid #00AEEF !important;
}
.list-group-item:hover {
  color: #495057;
  background-color: #DEF0EF !important;
  text-decoration: none;
}
@media (min-width: 360px){
.side-bar {width: 30px;position: fixed;top:90%;left: 15px;font-size: 0;line-height: 0;z-index: 100;}
.side-bar a {width: 30px;height: 30px;display: inline-block;margin-bottom: 2px;}
.side-bar img {width: 30px;height: 30px;}
}
@media (min-width: 576px){
.side-bar {width: 50px;position: fixed;top:90%;left: 15px;font-size: 0;line-height: 0;z-index: 100;}
.side-bar a {width: 50px;height: 50px;display: inline-block;margin-bottom: 2px;}
.side-bar img {width: 50px;height: 50px;}
}
@media (min-width: 992px) {
.side-bar {width: 66px;position: fixed;top:90%;left: 15px;font-size: 0;line-height: 0;z-index: 100;}
.side-bar a {width: 66px;height: 66px;display: inline-block;margin-bottom: 2px;}
.side-bar img {width: 66px;height: 66px;}
}

/*底部ICON選單*/
.icon_color{color:#1973AA;}

.project-tab {
    padding: 10%;
    margin-top: -8%;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.nav li ul li a{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.nav >li >ul >li:hover {background: #ccf3f3;}

fieldset {
width:100%;
border:1px solid #4F709F;
padding:20px;
margin:0 0 50px 0;
    }

@media (min-width: 350px) and (max-width: 480px){
legend {
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
  }
@media (min-width: 576px) {
legend {
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
}
@media (min-width: 768px) {
legend {
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
}
/* 文字陰影 */
.tx-shadow-dark {text-shadow: 1px 3px 1px rgba(100, 100, 100, 0.5);}
.tx-shadow-red {text-shadow: 1px 3px 1px rgba(200, 0, 0, 0.5);}
.tx-shadow-yellow {text-shadow: 1px 3px 1px rgba(200, 200, 0, 0.5);}
/* 區塊陰影 */
.ss-block{box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 0px 7px 13px -3px rgba(0, 0, 0, 0.3), 0px -3px 0px rgba(0, 0, 0, 0.2) inset;}
/* CSS 單選框 */
.css-radiobox input[type="radio"], .css-radiobox input[type="checkbox"]{
    display: none;
    }
.css-radiobox input[type="radio"] + label, .css-radiobox input[type="checkbox"] + label {
    display: inline-block;
    border: 1px solid #808080;
    background-color: #ccc;
    cursor: pointer;
    margin: 5px 5px;
    padding: 5px 10px;
    }
.css-radiobox input[type="radio"]:checked + label, .css-radiobox input[type="checkbox"]:checked + label {
    background-color: #F6AC19;
    color: #fff;
    }