.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:10px;
margin:0 0 50px 0;
    }

@media (min-width: 768px) and (max-width: 2048px) {
legend {
width:20%;
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
}
@media (min-width: 576px) {
legend {
width:40%;
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
}
@media (min-width: 350px) and (max-width: 480px){
legend {
width:80%;
text-align:center;
margin:auto;
padding:5px 10px;
background-color:#4F709F;
color:#FFF;
    }
  }

/* 性感按鈕 */
.sexy-btn{
color:#08233e;
font-size:1rem;
padding:8px 12px;
white-space: nowrap;
background:url(../images/overlay.png) repeat-x center #ffcc00;
background-color:rgba(204,204,204,1);
border:1px solid #707070;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
border-bottom:2px solid #9f9f9f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

.sexy-btn.gray{
color:#08233e;
background-color:rgba(204,204,204,1);
border:1px solid #ADADAD;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.gray:hover{background-color:rgba(170,170,170,0.8);}

.sexy-btn.yellow{
color:#08233e;
background-color:rgba(255,204,0,1);
border:1px solid #ffcc00;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.yellow:hover{background-color:rgba(255,204,0,0.8);}
.sexy-btn.orange{
color:#fff !important;
background-color:rgba(255,153,51,1);
border:1px solid #FF9933;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.orange:hover{color:#000 !important;background-color:rgba(255,153,51,0.8);}
.sexy-btn.red{
color:#fff !important;
background-color:rgba(255,51,51,1);
border:1px solid #FF3333;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.red:hover{color:#000 !important;background-color:rgba(255,51,51,0.8);}
.sexy-btn.green{
color:#fff !important;
background-color:rgba(0,168,0,1);
border:1px solid #008D00;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.green:hover{color:#000 !important;background-color:rgba(0,168,0,0.8);}
.sexy-btn.blue{
color:#fff !important;
background-color:rgba(0,168,245,1);
border:1px solid #008DE0;
border-bottom:2px solid #9f9f9f;
}
.sexy-btn.blue:hover{color:#000 !important;background-color:rgba(0,168,245,0.8);}

.sexy-shadow{
  -moz-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;
  -webkit-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;
  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;
}

.topleft-icon:hover{
  color:#ff0000;
  -webkit-filter: drop-shadow(0px 2px 4px rgba(255, 100, 0, 0.8));
  filter: drop-shadow(0px 2px 4px rgba(255, 100, 0, 0.8));
}
/*一般提示框(彈出)*/
#msgmask{
width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:fixed;  z-index:1100; top:0; left:0; animation: fade-in;
animation-duration: 0.3s;
-webkit-animation:fade-in 0.3s;
}
@keyframes fade-in {
0% {opacity: 0;}/*初始狀態 透明度為0*/
40% {opacity: 0;}/*過渡狀態 透明度為0*/
100% {opacity: 1;}/*結束狀態 透明度為1*/
}
#tipnews{
width: 80%;
    height: auto;
    margin-top: 100px;
    text-align: center;
    color: #1b1b1b;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    line-height: 130%;
    padding: 1rem;
    min-height: 1.2rem;
}
#okbtn{
width:80%;cursor:pointer;text-align:center; color:#fff; background-color:#ff5761; margin-left:auto; margin-right:auto; border-bottom-left-radius:.5rem; border-bottom-right-radius:.5rem;line-height:1rem;
}