/*!
 * Start Bootstrap - Business Casual v5.0.9 (https://startbootstrap.com/template-overviews/business-casual)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-casual/blob/master/LICENSE)
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono&display=swap');

body {
  font-family: '微軟正黑體', Lora;
  background-image: linear-gradient(#1E88E5, #BBDEFB), url();
  background-attachment: fixed;
  background-position: center;
  background-size: cover
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: '微軟正黑體', Raleway
}

p {
  line-height: 1.75
}

a {
  color: #0288D1;
  font-weight: 600;
}

.text-faded {
  color: rgba(0, 0, 0, .7);
}

.site-heading {
  margin-top: 5rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  line-height: 1;
  font-family: 'DM Mono', '微軟正黑體';
}

.site-heading .site-heading-upper {
  display: block;
  font-size: 2rem;
  font-weight: 800
}

.site-heading .site-heading-lower {
  color: rgba(255, 255, 255, 0.8);
  font-size: 3rem;
  font-weight: 600;
  line-height: 4rem
}

.site-heading .site-heading-eng {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  font-weight: 100;
  line-height: 4rem
}

.page-section {
  margin-top: 5rem;
  margin-bottom: 5rem
}

.section-heading {
  text-transform: uppercase
}

.section-heading .section-heading-upper {
  display: block;
  font-size: 1rem;
  font-weight: 800
}

.section-heading .section-heading-lower {
  display: block;
  font-size: 2rem;
  font-weight: 600
}

.bg-faded {
  background-color: rgba(255, 255, 255, .85)
}

#mainNav {
  background-color: #EEEEEE;
  font-family: '微軟正黑體', Raleway
}

#mainNav .navbar-text {
  padding-right: 0;
}

#mainNav .navbar-nav .nav-item .nav-link {
  color: rgba(0, 0, 0, .7);
  font-weight: 800;
  font-size: 1rem;
}

.pl-lg-4, .px-lg-4 {
  padding-left: 0.5rem !important;
}
.pr-lg-4, .px-lg-4 {
  padding-right: 0.5rem !important;
}

#mainNav .navbar-nav .nav-item.active .nav-link {
  color: #e6a756
}

.btn-xl {
  font-weight: 700;
  font-size: .8rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem
}

.intro {
  position: relative
}

@media (min-width:992px) {
  .intro .intro-img {
    width: 75%;
    float: right
  }

  .intro .intro-text {
    left: 0;
    width: 60%;
    margin-top: 3rem;
    position: absolute
  }

  .intro .intro-text .intro-button {
    width: 100%;
    left: 0;
    position: absolute;
    bottom: -2rem
  }
}

@media (min-width:1200px) {
  .intro .intro-text {
    width: 45%
  }
}

.cta {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-image: linear-gradient(rgba(54, 22, 95, .2), rgba(54, 22, 95, .2)), url("/atcsl_2020/webroot/images/paper.jpg");
  /* background-color: rgba(230, 167, 86, .9) */
}

.cta .cta-inner {
  position: relative;
  padding: 2rem 3rem 4rem 3rem;
  margin: .5rem;
  background-color: rgba(255, 255, 255, .85)
}

.cta .cta-inner:after {
  border-radius: .5rem;
  /* content: ''; */
  position: absolute;
  top: -.5rem;
  bottom: -.5rem;
  left: -.5rem;
  right: -.5rem;
  border: .25rem solid rgba(255, 255, 255, .85)
}

@media (min-width:992px) {
  .about-heading .about-heading-img {
    position: relative;
    z-index: 0
  }

  .about-heading .about-heading-content {
    margin-top: -5rem;
    position: relative;
    z-index: 1
  }
}

@media (min-width:992px) {
  .product-item .product-item-title {
    position: relative;
    z-index: 1;
    margin-bottom: -3rem
  }

  .product-item .product-item-img {
    position: relative;
    z-index: 0;
    max-width: 60vw
  }

  .product-item .product-item-description {
    position: relative;
    z-index: 1;
    margin-top: -3rem;
    max-width: 50vw
  }
}

.list-hours {
  font-size: .9rem
}

.list-hours .list-hours-item {
  border-bottom: 1px solid rgba(230, 167, 86, .5);
  padding-bottom: .25rem;
  margin-bottom: 1rem;
}

.bold-text {
  font-weight: bold;
}


@media (min-width:992px) {
  .list-hours {
    width: 50%;
    font-size: 1.1rem
  }
}

.address strong {
  font-size: 1.2rem
}

.footer {
  font-family: 'DM Mono', '微軟正黑體';
  background-color: #EEEEEE;
}

.text-primary {
  color: #FF9800 !important;
}

.bg-primary {
  background-color: #e6a756 !important
}

.btn {
  box-shadow: 0 3px 3px 0 rgba(33, 37, 41, .1)
}

.btn-primary {
  background-color: #e6a756;
  border-color: #e6a756
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #df902a;
  border-color: #df902a
}

.font-weight-light {
  font-weight: 100 !important
}

.map-section {
  /* background-color:rgb(165, 152, 183); */
  background-color: rgb(242, 241, 240);
}

.iframe-maps iframe {
  width: 80% !important;
}

.login_box {
  background-color: rgba(255, 255, 255, .85);
  padding: 3rem;
  margin: .5rem;
  border-radius: .5rem;
  text-align: center;
}

.login_label {
  max-width: 5rem;
}

.register_label {
  font-weight: bold;
  max-width: 9rem;
}

.info {
  height: 80px;
  line-height: 80px;
  text-align: center;
}

.info .line {
  display: inline-block;
  width: 350px;
  border-top: 2.5px solid #e6a756;
}

.info .txt {
  color: rgba(0, 0, 0);
  font-size: 2rem;
  font-weight: 600;
  line-height: 4rem;
}

.info .line-dark {
  display: inline-block;
  width: 350px;
  border-top: 2.5px solid rgba(54, 22, 95);
}

.hide-in-phone {
  display: none
}

.modal-dialog{
  max-width: 60%;
}

/* 自訂2-若寬度大於480px就顯示*/
@media only screen and (min-width:480px) {
  .hide-in-phone {
    display: block;
  }
}

.show-in-phone {
  display: none
}

/* 自訂2-若寬度小於480px就顯示*/
@media only screen and (max-width:480px) {
  .show-in-phone {
    display: block;
  }

  .modal-dialog{
    max-width: 100%;
  }
}

.title-mobile {
  font-size: 2rem;
  font-weight: 600;
  line-height: 4rem;
}

.memberlogin {
  color: rgb(255, 255, 255);
  padding-right: 2%;
}

.guest {
  color: #D2E9FF;
}

.guest:hover {
  color: rgba(255, 255, 255, .7);
}

.newspost_box {
  background-color: rgba(255, 255, 255, .85);
  padding: 3rem;
  margin: .5rem;
  border-radius: .5rem;
}

.news-title {
  font-size: 24px;
  font-weight: bold;
}

.news-date {
  color: rgb(125, 125, 125);
  font-weight: bolder;
}

.news-content {
  font-size: 18px;
  line-height: 2.2;
}

.news-back {
  text-align: right;
}

.btn-xl {
  font-weight: 700;
  font-size: 1.2rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.indexBtn {
  color: rgba(54, 22, 95);
}

.table-vertical-middle {
  vertical-align: middle;
}