@import url('https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600');

.bg-footer{
	background: #1656c4;
	padding-top: 18px;
	padding-bottom: 5px;
}

.bg01{
	padding-top: 60px;
	padding-bottom: 60px;
	background: url(../images/bg01.jpg) no-repeat 0px 0px;
	background-size: cover;
}

.bg02{
	background: #1656c4;
	padding-top: 29px;
	padding-bottom: 20px;
}

.bg03{
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../images/bg03.jpg) no-repeat 0px 0px;
	background-size: cover;
}
.container-img01 {
    position: relative;
    width: 100%;
    /*margin-bottom: 20px;*/
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  font-size: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container-img01:hover .image {
  opacity: 0.1;
}

.container-img01:hover .middle {
  opacity: 1;
}

.text {
  background-color: #072a47;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
  margin-top: 15px;
}