.bg-royal-blue-primary {
  background-color: #0047AB;
}



.btn.login-button-royal-blue-primary {
  color: #fff;
  background-color: #0047AB;
  background-image: none; /* 確保不會被漸層覆蓋 */
  box-shadow: 0 3px 3px 0 rgba(0, 71, 171, 0.15),
              0 3px 1px -2px rgba(0, 71, 171, 0.2),
              0 1px 5px 0 rgba(0, 71, 171, 0.15);
  transition: all 0.3s ease;
}

.btn.login-button-royal-blue-primary:hover,
.btn.login-button-royal-blue-primary:focus,
.btn.login-button-royal-blue-primary:active,
.show > .btn.login-button-royal-blue-primary.dropdown-toggle {
  background-color: #003080; /* hover 狀態略深 */
  background-image: none;
  color: #fff;
  box-shadow: 0 14px 26px -12px rgba(0, 71, 171, 0.4),
              0 4px 23px 0 rgba(0, 71, 171, 0.15),
              0 8px 10px -5px rgba(0, 71, 171, 0.2);
}


.bg-login-omg {
  background-image: url('/images/omg-login.png');
}


.shadow-royal-blue-primary {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
              0 7px 10px -5px rgba(0, 71, 171, 0.4) !important;
}