/*--------------------------------------------------------------
# 網頁基本樣式
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #211f1d;
  background-color:#fff;
}

a {
  color: #425158;
}

a:hover {
  color: #14B3A0;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .font-primary {
  font-family: "Lato", sans-serif;
}


/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/

#footer {
  width:100%;
  bottom:0;
  background: #262728;
  padding: 12px 0;
  color: #fff;
  font-size: 14px;
}

#footer .copyright {
  text-align: center;
}



/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
#mainSlider {
    padding: 60px 0 0 0;
}

#Banner{
  margin-top:58px;
  padding:0
}

#openingSection{
  padding:5rem 0;
  padding:0
}

.RentalSection{
  padding:5rem 0;
  background: #fff;
}

.RentalSection h1{
  font-size: 2rem;
  color:#293A44;
  font-weight: 700;
}

.RentalSection p{
  font-size: 1.2rem;
  color:#32890E;
  margin-bottom:0.5rem;
  line-height: 30px;
}

.itemSection{
  padding:4rem 0;
  background: #fff;
}

.itemSection h2{
  font-size: 2rem;
  color:#293A44;
  font-weight: 700;
}

.itemSection .itemBox .itemPrice{
  font-size: 1.2rem !important;
  color:#293A44;
  font-weight: 600;
}


.itemSection .itemBox{
  background: #c7d0d8;
  border-radius: 15px;
  padding:1.5rem;
}

.itemSection .itemBox h2{
  font-size: 1.4rem;
  color:#293A44;
  font-weight: 400;
}

.itemSection .itemBox p{
  font-size: 1rem;
  color:#425158;
  margin-bottom:0.5rem;
}

.itemSection .product{
  background: #fff;
  border-radius: 15px;
  padding:10px;
  border-radius: 15px;
  overflow: hidden;
}

.itemIcon{
  width:30px;
  height:30px;
}

.pricSection{
  padding:4rem 0;
  background: #fff;
}

.priceSection h2{
  font-size: 2rem;
  color:#293A44;
  font-weight: 700;
}
.priceSection .classTitle{
  font-size: 1.5rem;
  color:#425158;
  margin-bottom:0.5rem;
  font-weight: 500;
}

.priceSection p{
  font-size: 1.1rem;
  color:#425158;
  margin-bottom:0.5rem;
  font-weight: 500;
}

.priceSection table tr,td,th{
  Vertical-align: middle;
  border:#c7d0d8 2px solid;
  color:#293A44;
  font-size: 1.1rem;
}


/*--------------------------------------------------------------
# 常見問題
--------------------------------------------------------------*/
.faqSection{
  padding:4rem 0;
  background: #fff;
}
.faqSectionh1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
.faqSection h2 {
  font-size: 2rem;
  color:#293A44;
  text-align:left;
  margin-left:35px;
}

.faqSection .faq-list {
  padding: 0;
  list-style: none;
}

.faqSection .faq-list li {
  margin-top:15px;
  padding: 20px 25px 20px 25px;
  border:1px solid #CED4D8;
  border-radius: 10px;
}

.faqSection .faq-list a.href {
  font-family: "Open Sans", sans-serif;;
  font-size: 16px;
  font-weight: 500;
  padding-left:35px;
  color: #14B3A0;
}

.faqSection .faq-list .question {
  display: block;
  position: relative;
  font-family: "Open Sans", sans-serif;;
  font-size: 1.3rem;
  font-weight: 600;
  padding-left:65px;

}

.faqSection .faq-list .question::before {
  position: absolute;
  top:-6px;
  left:0;
  content: '';
  width: 50px;
  height:50px;
  background-image: url("../img/qa.svg");
  background-position: center center;
  background-size: contain;
}

.faqSection .faq-list p {
  margin-bottom: 0;
  font-size: 1.1rem;
  color:#F18355;
  padding-left:70px;
  line-height: 30px;
}

.faqSection .faq-list a.collapse {
  color: #856c41;
}

.faq .faq-list a.collapsed {
  padding:10px 0 10px 35px;;
  color: #425158;
}

.faqSection.faq-list a.collapsed:hover {
  color: #14B3A0;
}


.faqSection .faq-list a.collapsed::before {
  position: absolute;
  top:-6px;
  left:0;
  content: '';
  width: 50px;
  height: 50px;
  background-image: url("../img/qa.svg");
  background-position: center center;
  background-size: contain;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(../img/btn.svg);
}

.bg-light{
  background-color: #c7d0d8!important;
}

.navbar a{
  color:#425158;
}

.table-responsive{
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.contactSection{
  padding:4rem 0 5rem 0;
  background: #fff;
}

.contactSection h2 {
  font-size: 2rem;
  color:#293A44;
  text-align:left;
  margin-left:35px;
}


.contactSection p{
  font-size: 1.2rem;
  olor:#293A44;
  margin-bottom:0.5rem;
  line-height: 30px;
}

.carousel-control-prev{
  color:#DDD6D0;
}

.carousel-indicators li{
  background-color:#DDD6D0;
}