body, html{
  overflow-x: hidden; 
  overflow-y: auto;
  color: #505050;
  font-family:Microsoft JhengHei;
}

.wbg{

  background-image: url("/img/bg.jpg");  
  background-repeat: no-repeat;
}

.wbg .container{
  background-color:rgba(255, 255, 255, 0.8);
  min-height: 800px;
}

.contentsection{
  padding-top: 3rem;
  padding-bottom: 3rem;  
}

.titleheaderbg{
  margin-top: 20px;
  margin-bottom: 20px;
  background: url("/img/titlebanner.jpg");
}

.titleheaderbg h2{
  color: white;
  line-height: 100px;
}

p{
  padding-top: 1rem;
  line-height: 2.5rem;
}

header{
  font-size: 16px;
  background-color: #59c7a4;
  border-bottom: 3px solid #d8d6d6;
}

header .navbar{
  
  /*padding: 1rem;*/
}

header .navbar a{
  font-weight: 500;
  color: white;
}

header .dropdown-menu{
  background-color: #59c7a4;
}

header .dropdown-item:hover{
  background-color: #55a38b;  
  color: white;
}

header .navbar-toggler{
  border: 2px solid white;
}

header .navbar-toggler-icon{
  color: white;
}

header .fas{
  padding: 5px 0;
}

.titleheader{
  font-size:  -1 rem;
  margin-top: 15px;
}

.img-container{
  position: relative;
  text-align: center;
  color: white; 
  margin-left: -5px;
  padding: 5px 20px 5px 5px; 
}

.bottom-left{
  position: absolute;
  background-color: #367330;
  padding: 5px;
  bottom: 25px;
  left: 35px;
  color: white;
  text-align: left;
}

#eventdesc{
  background-color: #ffffdd;
}

.eventImg .img{
  width: 200px;
}

.img{
  margin: 10px;
}

.img img{
  border: 10px solid white;
  width: 385px;  
}

.greenheader{
  color: #367330;
}

.lightgarytxt{
  color: #494949;
}

#highlight{
  color: snow;
  padding-top: 3rem;
  padding-bottom: 1rem;
  background-color: #93cec4;
}

#theidesc{
  background-color: #59c7a4;
  color: white; 
}

#theidesc .circle{
  padding: 20px;
}

#course{
  background-color: #93cec4;
  color: snow;
}

#ecc{
  border-top: 2px solid #f0efef;
}

#gallerySection img{
  padding: 10px;
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: 10px 10px 24px -14px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 24px -14px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 24px -14px rgba(0,0,0,0.75);
}

#cminfo .card-title{
  height: 48px;
}

#cminfo .card-text{
  font-size: 11pt;
  line-height: 1.5rem;
  height: 122px;
}

#cminfo .card-body{
  height: 266px;
}

#cm2detail .dimg{
  height: 200px;
}

#cm2detail .dHolder{
  padding: 20px;
}

#news p{
  line-height: 1.5rem;  
}

#news .new-img{
  padding: 10px; 
}

header .dropdown-item{
  padding: 0.8rem;
}

footer{
  border-top: 3px solid #d8d6d6;
  padding-top: 3rem;
  padding-bottom: 3rem;    
  background-color: #59c7a4;
  color: white;
}

footer .contactInfo h3{
  font-size: 0.9rem;
}

footer a{
  color: snow;
  text-decoration: underline;
}

footer .contactInfo{
  font-size: 0.8rem;
}

footer .copyright{
  font-size: 0.8rem;
}