.button{display: inline-block; padding: 0px; text-align:center; text-decoration: none; position: relative; cursor:pointer; color:#313163; }

.aqua{width: 100%; background-color: #09bec7; line-height: 40px; font-weight: 800; border-radius: 12px;}
.aqua1{width: 30%; background-color: #09bec7; line-height: 46px; font-weight: 700; border-radius: 12px; margin-left: 3%; font-size: 0.875em;}
.aqua2{width: 100%; background-color: #09bec7; line-height: 48px; font-weight: 700; border-radius: 12px;}
.aqua3{width: 100%; background-color: #09bec7; line-height: 48px; font-weight: 700; border-radius: 12px; display: block; }
.aqua4{width: 100%; background-color: #09bec7; line-height: 48px; font-weight: 800; border-radius: 0px; display: block; }
.aqua5{width: 27%; background-color: #09bec7; line-height: 36px; font-weight: 800; border-radius: 8px; display: inline-block; font-size:.75em; }
.aqua6{width: 45%; background-color: #09bec7; line-height:27px; text-align:center; font-weight: 800; border-radius: 8px; display: inline-block; font-size:.75em; border:1px solid #09bec7; margin-left:-1px; margin-top:-2px; }
.aqua7 {width: 90%; background: #0abec8; line-height: 46px; font-weight: 800; border-radius: 12px; display: block; margin: 5px 5% 0; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .15); }
.aqua8 { background-color: #09bec7; display: inline-block; width: 100%; line-height: 46px; text-align: center; border-radius: 12px; font-weight:700; }
.aqua9 {width: 100%; background-color: #09bec7; line-height: 55px; font-weight: 700; border-radius: 8px; font-size::1.4em;}

.white{width: 100%; background-color: #fff; line-height: 40px; font-weight: 800; border-radius: 12px;}
.white2{width: 100%; background-color: #fff; line-height: 48px; font-weight: 700; border-radius: 12px;}
.white3{width: 100%; background-color: #fff; font-weight: 700; border-radius: 12px; display: block; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .15); }
.white4{width: 90%; background-color: #fff; font-weight: 700; border-radius: 12px; display: block; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .15); margin: 3px 5%; }
.white_83p{width: 83%; background: #fff url('/common/images/main/right-chevron.png') no-repeat; background-size: 7%;
    background-position: 97% center; line-height: 40px; font-weight: 800; border-radius: 12px; text-align:left; padding-left: 20px; }

.navy {width: 100%; background-color: #1e1e46; color:#fff; font-weight: 700; border-radius: 12px; display: block; line-height:46px; }
.navy1{width: 100%; background-color: #1e1e46; color:#fff; font-weight: 700; border-radius: 12px; display: block; line-height:48px; }
.navy2 {width: 100%; background-color: #1e1e46; color:#fff; font-weight: 700; border-radius:0 0 12px 12px; display: block; line-height:40px; }
.navy3 {width: 30%; background-color: #1e1e46; color:#fff; font-weight: 700; border-radius: 0px; display: block; line-height:46px; }
.navy4 {width: 100%; background-color: #1e1e46; color:#fff; font-weight: 700; border-radius: 0px; display: block; line-height:46px; }

.yellow {width: 90%; background: #ffdd00; line-height: 46px; font-weight: 800; border-radius: 12px; display: block; margin: 5px 5% 0; }
.yellow_83p {width: 83%; background: #ffdd00 url('/common/images/main/right-chevron.png') no-repeat; background-size: 7%; background-position: 97% center; line-height: 40px; font-weight: 800; border-radius: 12px; text-align:left; padding-left: 20px; }
.yellow2 {width: 90%; background: #ffdd00; line-height: 46px; font-weight: 800; border-radius: 12px; display: block; margin: 5px 5% 0; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .15); }


.tip-icon {width: 15%; margin-left:2%; height: 40px; background-color: #2e2e5a; font-weight: 700; border-radius: 12px; display: inline-block;}
.tip-icon img { width: 50%; margin:15%; }

.black_30p {width: 30%; background-color: #000; color:#fff; font-weight: 800; border-radius: 0px; display: block; line-height:38px; margin-left:2%; }

.onoff_btn { position: relative; margin: 0px auto; width: 38px; height: 20px;
  background: gray; color: white; display: flex;
  justify-content: space-around; align-items: center;
  border-radius: 20px; cursor: pointer; font-size: smaller;
}
.onoff_btn.off {
  background: #09BEC7;
}
.onoff_btn.off:before {
  transform: translateX(18px);
  transition: all 0.3s;
}
.onoff_btn:before {
  content: "";
  width: 18px; height: 18px; margin:0 auto;
  background: white; position: absolute; top: 1px; left: 1px;
  border-radius: 50%; transform: translateX(0); transition: all 0.3s ease-in;
}