* {
        margin: 0;
        padding: 0;
      }
      html,
      body {
        height: 100%;
        width: 100%;
      }
      body {
        max-width: 1080px;
        margin: auto;
      }
      ul {
        list-style: none;
      }
      img {
        display: block;
      }
      body{
  background: #172F9D;
}

.main{
  width: 100%;
  height: 19rem;
  position: relative;
}
.main.english1{
    background: url('../img/english1/index.png');
    background-size: 100% 100%;
}
.main.thailand1{
    background: url('../img/thailand1/index.png');
    background-size: 100% 100%;
}
.main.english2{
    background: url('../img/english2/index.png');
    background-size: 100% 100%;
    height: 19.68rem;
}
.main.thailand2{
    background: url('../img/thailand2/index.png');
    background-size: 100% 100%;
    height: 19.68rem;
}

.main header{
  width: 100%;
  height: 1.42rem;
  background-size: 100% 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}

.main.english1 header{
  background: url('../img/english1/header.png');
  background-size: 100% 100%;
}
.main.thailand1 header{
  background: url('../img/thailand1/header.png');
  background-size: 100% 100%;
}
.main.english2 header{
  background: url('../img/english2/header.png');
  background-size: 100% 100%;
}
.main.thailand2 header{
  background: url('../img/thailand2/header.png');
  background-size: 100% 100%;
}