body { padding-top: 50px; }

.NCX-img-center {
  display: block;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.NCX-Blue {
	color: #759bfe;
}

.NCX-fixed-bottomsA {
  position: fixed;
  right: 10px;
  bottom: 80px;
  z-index: 1030;
  padding: 4px;
}

.NCX-fixed-bottomsB {
  position: fixed;
  right: 10px;
  bottom: 4px;
  z-index: 1030;
  padding: 4px;
}

.NCX-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.NCX-responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.NCX-responsive-video {
  width: 100%;
  height: auto;
}

/* small resolution */
@media (max-width: 767.98px) {	
	.title-name{
      font-family: Microsoft JhengHei Regular;
      font-size: 18px;
      font-weight: bold;      
      color: #759bfe;
      display: block;
      padding: 0.5rem 1.5rem;
    }
}
	
/* medium resolution */
@media (min-width: 768px) {	
	.title-name{
      font-family: Microsoft JhengHei Regular;
      font-size: 16px;
      font-weight: bold;      
      color: #759bfe;
      display: block;
      padding: 0.5rem 0.3rem;
    }
}

/* large resolution specific for navbar */
@media (min-width: 1100px) {	
	.title-name{
      font-family: Microsoft JhengHei Regular;
      font-size: 18px;
      font-weight: bold;
      color: #759bfe;
      display: block;
      padding: 0.5rem 1.5rem;
    }
}