@charset "UTF-8";
* {
  font-family: "微軟正黑體", Arial; }

.text-shadow {
  text-shadow: black 0.1em 0.1em 0.2em; }

.navbar-brand-big {
  font-size: 2.5rem; }

.navbar-brand-small {
  font-size: 1.5rem; }

.nav-link {
  font-size: 1.2rem; }

.banner {
  height: 70vh;
  width: 100%;
  background-image: url("/img/banner.JPG");
  background-position: center center; }

.banner-content {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white; }

.banner-text-goldenrod {
  color: goldenrod; }

#banner-text-small {
  font-size: 1rem; }

.sample-img-1 {
  width: 80%;
  z-index: 10;
  margin-left: 10%; }

.sample-img-2 {
  margin-top: -25%;
  z-index: 9;
  width: 80%;
  float: right; }

.sample-img-3 {
  margin-top: -80%;
  z-index: 11;
  width: 60%; }

.row-padding {
  padding-top: 50px;
  padding-bottom: 50px; }

.col-padding {
  padding-left: 20px;
  padding-right: 20px; }

.title-border {
  border-bottom-style: solid;
  border-color: #ffc107; }

.content-text {
  font-size: 1.2rem; }

.row-content-margin-top {
  margin-top: 20px; }

.main-color {
  background-color: #1B4895; }

.backgroup-blue {
  background-color: #f5fafd; }

.box-shadow:hover {
  box-shadow: 3px 0px 16px 1px #8E9DAE; }

.border-gray {
  border-color: #8E9DAE; }

.img-shadow {
  box-shadow: 2px 2px 7px 0px #000000; }

.img-shadow:hover {
  box-shadow: 4px 4px 7px 0px #000000; }

.icon-size {
  font-size: 2rem; }

.up-button:hover {
  color: #8E9DAE; }

#big-img-close-button, .products-img, #backTop {
  cursor: pointer; }

#contact-img {
  height: 40vh;
  background-image: url("/img/head.JPG");
  background-position: center center; }

.hidden-nav-background {
  background-color: rgba(0, 0, 0, 0.5); }

.products-content {
  min-height: 100vh; }

#products-img {
  height: 30vh;
  background-image: url("/img/products-banner.JPG");
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.5); }

#banner-text-small {
  display: none; }

.float-button {
  font-size: 3.5rem; }

.float-button-phone a {
  text-decoration: none; }

.float-button-phone {
  font-size: 2rem; }

.products-nav:hover {
  color: #2A74F3; }

.products-nav {
  color: #1B4895; }

.products-nav.choose {
  color: #2A74F3; }

.text-gray {
  color: #666666; }

.pc-size {
  font-size: 1.5rem;
  color: #1B4895; }

.product-name {
  font-size: 1.2rem; }

.big-products-img {
  min-width: 300px; }

#big-img-close-button {
  top: 100px;
  right: 10%;
  font-size: 2.5rem;
  z-index: 14; }

.carousel-img {
  max-height: 100vh;
  max-width: 100%; }

.carousel-control-button {
  font-size: 2.5rem; }

@media (max-width: 575.98px) {
  .banner {
    height: 100vh;
    text-align: center; }

  #banner-text h1 {
    font-size: 2rem; }

  #banner-text-small {
    display: block; }

  #banner-text-big {
    display: none; }

  .hidden-nav-background {
    background-color: #1B4895; }

  .float-button {
    font-size: 2rem; }

  .float-button-phone {
    font-size: 1rem; } }

/*# sourceMappingURL=home.css.map */