.main-blue{
  color: #28549D;
}
.font-weight-bolder{
  font-weight: 900;
}
.navbarButton{
  text-align: center;
  display: block;
  width: 300px;
  padding:12px 15px;
  font-size: 20px;
  color: #fff;
  border-radius: 30px;

  font-weight: 900;
  font-family: "Comic Sans MS", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;
}
.navbarColor1{
  background-color:#B3D153 ;
  border-bottom: 3px solid #6AB72B;
  border-right: 3px solid #6AB72B;
}
.navbarColor2{
  background-color:#FABD00 ;
  border-bottom: 3px solid #F19800;
  border-right: 3px solid #F19800;
}
.navbarColor3{
  background-color:#4FC1E5 ;
  border-bottom: 3px solid #2999D6;
  border-right: 3px solid #2999D6;
}
.navbarColor4{
  background-color:#EA5859 ;
  border-bottom: 3px solid #E92229;
  border-right: 3px solid #E92229;
}

h1{
  font-size: 42px;
}
h2{
  font-size: 26px;
}
.rows{
  padding:160px;
}
.img-100{
  width: 100%;
}
.card{
  
}
.rows-6{
  float: left;
  width: 50%;
}
.ad-img-pt{
  padding:50px 200px;
}

/**/
.wave {
  background: #7FC0D5;
  width: 500px;
  height: 500px;
  border-radius: 40%;
  opacity: 0.4;
  position: absolute;
  top: 5%;
  left: 10%;
  margin-left: -250px;
  margin-top: -250px;
  transform-origin: center;
  animation: drift 7s infinite linear;
}
.wave2 {
  background: #154F86;
  width: 500px;
  height: 500px;
  border-radius: 40%;
  opacity: 0.5;
  position: absolute;
  top: 700px;
  right: -30%;
 
  transform-origin: center;
  animation: drift 7s infinite linear;
}
.wave.two {
  animation: drift 9s infinite linear;
}
.wave.three {
  animation: drift 11s infinite linear;
  opacity: 0.1;
}


@keyframes drift  {
0%{
  transform: rotate(0deg);
}
100%{
  transform: rotate(360deg);
}
}
/**/
@media (max-width: 1320px){
  .ad-img-pt{
    padding:20px 50px;
  }
  
}
@media (max-width: 1024px){
  .ad-img-pt{
    padding:20px 50px;
  }
 
}
@media (max-width: 768px){
  .rows{
    padding:10px;
  }
  .ad-img-pt{
    padding: 5px;
  }
  .wave2 {
    top: 100px;
    right: -100px;
    width: 180px;
    height: 180px;
  }
 
}