
body {
	font: 14px Tahoma,Verdana;
	margin:0 auto;
	padding:0;
    background-color:#fffffff
    f;
	
}


table th {
    background-color: rgb(2, 9, 71);
    color:  rgb(246, 247, 250);
}

.toast {
  left: 50%;
  position: fixed;
  transform: translate(-50%, 0px);
  z-index: 9999;
}


.mycss-banner{
  border: 1;
  border-radius: 0rem;
  color: rgb(251, 248, 252);

}



.mycss-card {
  border: 1;
  border-radius: 1rem;

  /*box-shadow: 0 0.5rem 0.1rem 0 rgba(10, 0, 0, 0.1);*/
  /* Special keyword values */
  background-color: transparent;
  /* HSL value with color and 100% transparency*/
  background-color: rgb(7, 69, 255);/* 100% transparent */
}

.mycss-card .mycss-title {
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 2rem;
}

.mycss-card .mycss-body {
  padding: 2rem;
  
}


.masthead {
    height: 100vh;
    min-height: 800px;
    background-image: url('http://www.ccfthai.or.th/paymentonline/images/masthead.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    _background-attachment: fixed;
  }

.mastheadMobile {
  height: 80vh;
  _min-height: 700px;
  background-image: url('http://www.ccfthai.or.th/paymentonline/images/masthead_mobile.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  _background-attachment: fixed;
} 

.mycss_footer {
  background-color: #763F93;
  color:  rgb(246, 247, 250);
  _padding-top: 30px;
}

.mycss_footer .Copyright {
  background-color: #D3A0FF;
  color:  rgb(7, 12, 27);
}

.social:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.social {
    -webkit-transform: scale(0.8);
    /* Browser Variations: */
    
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

/*
   Multicoloured Hover Variations
*/

#social-fb:hover {
    color: #3B5998;
}
#social-tw:hover {
    color: #4099FF;
}
#social-gp:hover {
    color: #d34836;
}
#social-em:hover {
    color: #f39c12;
}