.color-band {
  padding: 0;
  margin: 0;
}

.rect_shape {
  width: 100%;
  height: 317px;
  background-image: linear-gradient(to bottom, #054c70 0%, #002f48 83%, #002f48 100%);
  position: absolute;
  z-index: 1;
}

.color-primary-darkGray .container .fdi-band .container {
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 40px;
}

.color-band-content {
  font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
  color: #ffffff;
  font-size: 14px;
  padding-bottom: 30px;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .color-band-content .outer-content {
    margin-left: 0;
    margin-right: 0;
    padding-top: 60px;
    width: 100%;
  }
}

.color-primary-brightBlue {
  background-color: #05c3de;
}

.color-primary-darkBlue {
  background-color: #054c70;
}

.color-primary-darkGray {
  background-color: #3b3b3b;
}

.color-primary-mediumGray {
  background-color: #b1b1b1;
}

.color-primary-lightGray {
  background-color: #ebebeb;
}

.color-primary-black {
  background-color: #000000;
}

.color-primary-white {
  background-color: #ffffff;
}

.color-primary-lightBlue {
  background-color: rgba(8, 110, 161, 0.1);
}

.color-primary-band-blue {
  background-color: #f0f3f5;
}

.color-primary-band-gray {
  background-color: rgba(241, 241, 241, 0.5);
}

.color-gradient-med-dark-blue {
  background: rgb(5, 76, 112);
  background: -moz-linear-gradient(315deg, rgb(5, 76, 112) 0%, rgb(8, 110, 161) 100%);
  background: -webkit-linear-gradient(315deg, rgb(5, 76, 112) 0%, rgb(8, 110, 161) 100%);
  background: linear-gradient(315deg, rgb(5, 76, 112) 0%, rgb(8, 110, 161) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#054c70",endColorstr="#086ea1",GradientType=1);
}

.contentfragment ul {
  list-style: disc;
  margin: 0 0 1.5em 2em;
}
.contentfragment p {
  font-size: 14px;
  margin: 0 0 2px;
}

.cmp-contentfragment table {
  border: 1px solid #d8d8d8;
  padding: 10px;
  border-bottom-width: 2px;
}
.cmp-contentfragment th {
  border: 1px solid #d8d8d8;
  padding: 10px;
  border-bottom-width: 2px;
}
.cmp-contentfragment td {
  border: 1px solid #d8d8d8;
  padding: 10px;
  border-bottom-width: 2px;
}
.cmp-contentfragment ol {
  list-style: decimal;
  padding-left: 15px;
}
.cmp-contentfragment ul {
  list-style: circle;
  margin: 0 0 1.5em 2em;
}

.fragments p {
  font-size: 14px;
  margin: 0 0 2px;
}

@media (max-width: 767px) {
  .color-band-content {
    font-family: "Nimbus Sans Regular", "Nimbus Sans TW01";
    color: #ffffff;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .cmp-contentfragment table {
    border: 1px solid #d8d8d8;
    width: 100%;
    margin-bottom: 18px;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom-width: 2px;
  }
  .cmp-contentfragment th {
    border: 1px solid #d8d8d8;
    width: 100%;
    margin-bottom: 18px;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom-width: 2px;
  }
  .cmp-contentfragment td {
    border: 1px solid #d8d8d8;
    width: 100%;
    margin-bottom: 18px;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom-width: 2px;
  }
}
@media (max-width: 479px) {
  .rect_shape {
    width: 100%;
    height: 247px;
    background-image: linear-gradient(to bottom, #054c70 0%, #002f48 83%, #002f48 100%);
    margin-bottom: -46%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .rect_shape {
    width: 100%;
    height: 247px;
    background-image: linear-gradient(to bottom, #054c70 0%, #002f48 83%, #002f48 100%);
    margin-bottom: -27%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .rect_shape {
    width: 100%;
    height: 306px;
    background-image: linear-gradient(to bottom, #054c70 0%, #002f48 83%, #002f48 100%);
    margin-bottom: -24%;
    top: 45px;
  }
  .color-band-content .outer-content {
    padding: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .color-band-content .outer-content {
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .color-band-content .outer-content {
    padding-top: 60px;
  }
}