.global-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hide {
  display: none;
}

body{
  font-family:'微軟正黑體',sans-serif;
  font-size:18px;
  font-weight:400;
}
.jumbotron{
  background-color:#FFF;
}

.my-nav > .nav-pills > li > a,
.my-nav > .nav-pills > li > a.btn-default:hover,
.my-nav > .nav-pills > li > a.btn-default:focus{
  border:0px;
  box-sizing:border-box;
}
.my-nav > .nav-pills > li.active > a,
.my-nav > .nav-pills > li.active > a.btn-default:hover,
.my-nav > .nav-pills > li.active > a.btn-default:focus{
  color:#000;
  border: solid 2px #000;
  background-color:#FFFFFF;
  box-sizing:border-box;
}
/*
.my-nav > .nav-pills > li.active > a,
.my-nav > .nav-pills > li.active > a:hover,
.my-nav > .nav-pills > li.active > a:focus{
  color:#000;
  border: solid 1px #000;
}
.my-nav > .nav-pills > li > a,
.my-nav > .nav-pills > li > a:hover,
.my-nav > .nav-pills > li > a:focus{
  border-radius:10px;
  color:#000;
  font-size:22px;
  background-color:#FFFFFF;
}*/
.my-nav > .nav-pills > li > a,
.my-nav > .nav-pills > li > a:hover,
.my-nav > .nav-pills > li > a:focus{
  font-size:22px;
  box-sizing:border-box;
}
.pic_header{
  margin-top:50px;
  margin-bottom:50px;
}
.container_deep{
  color:#fff;
  background-color:#6C2A6A;
  box-shadow:inset 0 0 20px #FFF;
}
.my_container{
  box-sizing:border-box;
  padding-top:100px;
  padding-bottom:100px;
  text-align:center;
}
.footer{
  background-color:#333;
  color:#fff;
}
.footer>div>p{
  margin-bottom:20px;
}
.my_container h2{
  margin-bottom:50px;
  font-size:35px;
}
.header_bar{
  background-color:#fff;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;

}
.btn-purple {
  color: #ffffff;
  background-color: #6C2A6A;
  border-color: #5B1959;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple.focus,
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purplep {
  color: #ffffff;
  background-color: #5B1959;
  border-color: #4A0848;
}


.btn-purple_o {
  color:  #6C2A6A;
  background-color:#ffffff;
  border-color: #000000;
}
.btn-purple_o:hover,
.btn-purple_o:focus,
.btn-purple_o.focus,
.btn-purple_o:active,
.btn-purple_o.active,
.open > .dropdown-toggle.btn-purple_o {
  color:  #6C2A6A;
  background-color:#eeeeee;
  border-color: #000000;
}
.div_box{
  margin-top:50px;
  margin-bottom:50px;
}
.container_deep select{
  color:#000;
}
.card-purple {
  border-color: #e9c6e9;
}
.card-purple > .card-heading {
  color: #753c76;
  background-color: #eed8f0;
  border-color: #e9c6e9;
  padding: 10px 15px;
}
.card-purple > .card-heading + .card-collapse > .card-body {
  border-top-color: #e9c6e9;
}
.card-purple > .card-heading .badge {
  color: #eed8f0;
  background-color: #753c76;
}
.card-purple > .card-heading a {
  color: #753c76;
}
.card-purple > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #e9c6e9;
}

.list-group-item-purple {
  color: #753c76;
  background-color: #eed8f0;
}
a.list-group-item-purple {
  color: #753c76;
  border:solid 1px #e9c6e9;
}
a.list-group-item-purple .list-group-item-heading {
  color: inherit;
}
a.list-group-item-purple:hover,
a.list-group-item-purple:focus {
  color: #eed8f0;
  background-color: #753c76;
}

.table-striped > tbody > tr:nth-child(odd) {
  color: #753c76;
  background-color: #EED8F0;
}
.table-hover > tbody > tr:hover {
  color: #eed8f0;
  background-color: #753c76;
}
.container_deep .table-striped > tbody > tr:nth-child(even) {
  color: #753c76;
  background-color: #fff;
}
.container_deep .table-hover > tbody > tr:hover {
  color: #eed8f0;
  background-color: #753c76;
}

td{
  text-align:left;
}
@media (max-width: 750px) {
  .my-nav > .nav-pills > li > a,
  .my-nav > .nav-pills > li > a:hover,
  .my-nav > .nav-pills > li > a:focus{
    font-size:18px;
  }
}
.footer a{
  color:#fff;
  text-underline-mode:skip-white-space;
  text-underline-style:solid;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  width: 100%;
  height: 100%;
  max-width:560px;
  min-height:315px;
}
.table-center tr td,.table-center tr th{
  text-align:center;
}
.slider_black{
  background-color:rgba(0,0,0,0.1);
}
a.no_link{
  color:#000;
  cursor:pointer;
}
a.no_link:hover{
  text-decoration:none;
}
.slider_black h3{
  padding-top:10px;
  margin-top:0px;
}
.slider_div{
  display:block;
  overflow:hidden;
  height:330px;
}
.print_show{
  display:none;
}
.no_light{
  color:#DC9FDC;
}
.container_deep a{
  color: #fff;
}
.list-prediction{
  background-color: #CFC;
}
.likes_peo {
  display: block;
  float: right;
}
.my-group .card+.card {
  margin-top: 5px;
}

.my-list li{
  font-size: 25px;
}


.btn-info-lastyear {
  color: #fff;
  background-color: #b130aa;
  border-color: #b130aa;
}