@charset "UTF-8";
/*背景顏色*/
.bg-gray {
  background: #CED8E1;
}

.bg-lightgray {
  background: #F0F0F0;
}

.bg-deepgray {
  background: #bbb;
}

.bg-blue {
  background: #005AB5;
}

.bg-lightblue {
  background: #84C1FF;
}

.bg-deepblue {
  background: #004B97;
}

.bg-red {
  background: #FF0000;
}

.bg-lightred {
  background: #FFB5B5;
}

.bg-deepred {
  background: #AE0000;
}

.bg-pink {
  background: #FF79BC;
}

.bg-lightpink {
  background: #FFD9EC;
}

.bg-deeppink {
  background: #F1545F;
}

.bg-green {
  background: #4cff00;
}

.bg-lightgreen {
  background: #C1FFE4;
}

.bg-deepgreen {
  background: #01814A;
}

.bg-white {
  background: #ffffff;
}

.bg-lightwhite {
  background: #f7f9f8;
}

.bg-deepwhite {
  background: #FCFCFC;
}

.bg-yellow {
  background: #F9F900;
}

.bg-lightyellow {
  background: #FFFFDF;
}

.bg-deepyellow {
  background: #A6A600;
}

bg-orange {
  background: #FF9224;
}

bg-lightorange {
  background: #FFEEDD;
}

bg-deeporange {
  background: #D26900;
}

.bg-black {
  background: #000000;
}

.bg-lightblack {
  background: #4F4F4F;
}

/*文字顏色*/
.cor-gray {
  color: #CED8E1;
}

.cor-lightgray {
  color: #F0F0F0;
}

.cor-deepgray {
  color: #bbb;
}

.cor-blue {
  color: #005AB5;
}

.cor-lightblue {
  color: #84C1FF;
}

.cor-deepblue {
  color: #004B97;
}

.cor-red {
  color: #FF0000;
}

.cor-lightred {
  color: #FFB5B5;
}

.cor-deepred {
  color: #AE0000;
}

.cor-pink {
  color: #FF79BC;
}

.cor-lightpink {
  color: #FFD9EC;
}

.cor-deeppink {
  color: #F1545F;
}

.cor-green {
  color: #4cff00;
}

.cor-lightgreen {
  color: #C1FFE4;
}

.cor-deepgreen {
  color: #01814A;
}

.cor-white {
  color: #ffffff;
}

.cor-lightwhite {
  color: #f7f9f8;
}

.cor-deepwhite {
  color: #FCFCFC;
}

.cor-yellow {
  color: #F9F900;
}

.cor-lightyellow {
  color: #FFFFDF;
}

.cor-deepyellow {
  color: #A6A600;
}

.cor-orange {
  color: #FF9224;
}

.cor-lightorange {
  color: #FFEEDD;
}

.cor-deeporange {
  color: #D26900;
}

.cor-black {
  color: #000000;
}

.cor-lightblack {
  color: #4F4F4F;
}

/*框線顏色*/
.border-gray {
  border-color: #CED8E1;
}

.border-lightgray {
  border-color: #F0F0F0;
}

.border-deepgray {
  border-color: #bbb;
}

.border-blue {
  border-color: #005AB5;
}

.border-lightblue {
  border-color: #84C1FF;
}

.border-deepblue {
  border-color: #004B97;
}

.border-red {
  border-color: #FF0000;
}

.border-lightred {
  border-color: #FFB5B5;
}

.border-deepred {
  border-color: #AE0000;
}

.border-pink {
  border-color: #FF79BC;
}

.border-lightpink {
  border-color: #FFD9EC;
}

.border-deeppink {
  border-color: #F1545F;
}

.border-green {
  border-color: #4cff00;
}

.border-lightgreen {
  border-color: #C1FFE4;
}

.border-deepgreen {
  border-color: #01814A;
}

.border-white {
  border-color: #ffffff;
}

.border-lightwhite {
  border-color: #f7f9f8;
}

.border-deepwhite {
  border-color: #FCFCFC;
}

.border-yellow {
  border-color: #F9F900;
}

.border-lightyellow {
  border-color: #FFFFDF;
}

.border-deepyellow {
  border-color: #A6A600;
}

.border-orange {
  border-color: #FF9224;
}

.border-lightorange {
  border-color: #FFEEDD;
}

.border-deeporange {
  border-color: #D26900;
}

.border-black {
  border-color: #000000;
}

.border-lightblack {
  border-color: #4F4F4F;
}

/*滑過*/
/*.navbar-blue > a {
    display: block;
}*/
.navbar-blue > a:hover {
  background: #005AB5;
  color: #ffffff;
}

.bar-blue:hover {
  background: #005AB5;
  color: #ffffff;
}

.navbar-red > a:hover {
  background: #FF0000;
  color: #ffffff;
}

.bar-red:hover {
  background: #FF0000;
  color: #ffffff;
}

.hover-blue:hover {
  background-color: #005AB5;
}

.hover-red:hover {
  background-color: #FF0000;
}

.hover-black:hover {
  background-color: #4F4F4F;
}

.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

.bg-opacity-0 {
  background: rgba(255, 255, 255, 0);
}

.bg-opacity-1 {
  background: rgba(255, 255, 255, 0.1);
}

.bg-opacity-2 {
  background: rgba(255, 255, 255, 0.2);
}

.bg-opacity-3 {
  background: rgba(255, 255, 255, 0.3);
}

.bg-opacity-4 {
  background: rgba(255, 255, 255, 0.4);
}

.bg-opacity-5 {
  background: rgba(255, 255, 255, 0.5);
}

.bg-opacity-6 {
  background: rgba(255, 255, 255, 0.6);
}

.bg-opacity-7 {
  background: rgba(255, 255, 255, 0.7);
}

.bg-opacity-8 {
  background: rgba(255, 255, 255, 0.8);
}

.bg-opacity-9 {
  background: rgba(255, 255, 255, 0.9);
}

.bg-opacity-10 {
  background: white;
}

.tab-active {
  background: #005AB5;
}