html, body {
  height: 100%;
  width: 100%;
}


.container {
    max-width: 1200px;
}

/* 修正上方固定導航列 */
body {
  
}

img{ max-width: 100% }

p{ color:#000000;font-size:1rem;line-height: 1.8rem }
/* 文字垂直置中 */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

h2{
  text-align: center;
  color:#595958;
  font-size:40px;
  margin-bottom: 65px;
  font-weight: 650;
  letter-spacing:5px;
}

h3{
  color:#595958;
  font-size:30px;
  margin-bottom: 35px;
  font-weight: normal;
}

h5{font-size: 26px; margin-bottom:20px;}

.cnt{}


.cnt:nth-child(even){ 

background-image:url(../images/row_bg.png) ;
  background-image:url(../images/row_bg.png) ,linear-gradient( 90deg,#9ADDEB , #FDF3CA );


}

#service,#team,#contact {padding:90px 0 100px 0;}

#service h2,#team h2,#contact h2{margin-top: 20px}

#about h2,#work h2 {text-align: left;margin-top: 100px}

/* topnav */

.navbar{border-bottom: 2px solid #71C6D7}

.navbar-brand {height: auto}

.navbar-brand img{max-width: 180px}

.nav-link{padding: .2rem 1rem}

#navbarNav .navbar-nav li:last-child{ display: none; }

.navbar-nav li a{border-bottom: 3px solid #ffffff}

.navbar-nav li:nth-child(5) {border: 3px solid #006A5F; color:#006A5F;}

.navbar-nav li:nth-child(5) .nav-link{color:#006A5F;}

.navbar-nav li.active a ,.navbar-nav li a:hover{border-bottom: 3px solid #71C6D7}

.navbar-nav li {color: #000000; font-size: 18px; padding: 0 1.5rem; margin-left: 1rem}

@media screen and (max-width:991px) {

.navbar-nav li{ text-align:center; padding: 0 }  

}

.navbar-nav li:nth-child(5):hover{border: 3px solid #000000}


.lang{position: absolute;
    right: 15px;
    top: 15px;
    font-size: 10px}

/* 第1個區塊形象圖 */


@media screen and (max-width:992px) {
#home {margin-top: 45px;
  

}


}
@media (min-width: 992px){
#about .right{ padding-left:60px;  }}

@media (max-width: 576px){
#about .right{ padding:0 30px;  }}

/* 第4個區塊service圖片 */
#service .container img {
  margin:40px 0 20px 0

}

/* 第6個區塊contact */

.contact-info{ font-size: 15px; }

.contact-info a{color:#848484;}


#map{height: 400px; width:100%;  }

/*頁腳使用的樣式*/
footer {
    background-color:#71C6D7;
    text-align: center;
    font-size: 10px;
    padding:15px 0;
    color:#ffffff;
}

footer p{color:#ffffff;}
 
/*回到上方區塊使用的樣式*/
.scroll-top {
   position:fixed;
   bottom:0;
   right:15px;
   z-index:100;
   font-size:24px;
   margin-bottom:20px;
   margin-right:10px;
   background-color: #8f8f8f;
}
.scroll-top a:link, .scroll-top a:visited {
   color:#777;
}



/*contact form hack*/

.rsform { background: #71C6D7 ; padding: 30px 30px 30px 0}

@media screen and (max-width:767px) {
.rsform { padding: 30px }


}

.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    background-color: #ffffff;
    border: none;}

.rsform .formControlLabel{color:#ffffff;}

.formResponsive input[type="submit"], .formResponsive button[type="submit"]{ background-color:#FDD73A;border:none;color:#000000;background-image:none;}