body{
  font-size:16px;
  color:#FFF;
  background:#000028;
}

img{
  max-width:100%;
}

h2{
  font-size:22px;
}

h3{
  font-size:20px;
}

h4{
  font-size:18px;
}

a{
  color:#FFF;
}

.font18{
  font-size:18px:
}

header{
  padding:15px;
}

article{
  padding:15px;
}

footer{
  padding:15px;
  text-align:right;
}

input[type=tel],
input[type=email],
input[type=text]{
  background:#000028;
  border:2px solid #fff;
  color:#FFF;
  font-size:22px;
}


#UserReceiptNumber{
  text-align:center;
}

#index form div.submit input{
  background:#00ffb9;
  color:#FFF;
  border:1px solid #00ffb9;
  padding:10px 25px;
  font-weight:bold;
  font-size:22px;
}


.green{
  color:#00ffb9;
}

/* “ü—͉æ–Ê */

.questionbox{
  margin-bottom:40px;
  padding-bottom:40px;
  border-bottom:2px dotted #fff;
}

.question{
  margin-bottom:16px;
}

.stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.stars input[type=radio] {
  display: none;
}
.stars label {
  position: relative;
  padding: 0 5px;
  color: #ccc;
  cursor: pointer;
  font-size: 35px;
}
.stars label:hover {
  color: #00ffb9;
}
.stars label:hover ~ label {
  color: #00ffb9;
}
.stars input[type=radio]:checked ~ label {
  color: #00ffb9;
}


.starenable{
  color: #00ffb9;
}

.stardisabled{
  color: #ccc;
}



#input form div.submit input{
  background:#00ffb9;
  color:#FFF;
  border:1px solid #00ffb9;
  padding:10px 25px;
  font-weight:bold;
  font-size:22px;
}





#graph{
/*
  background:#FFF;
  border:2px solid #d9d9d9;
*/
}

#graph2{
/*
  background:#FFF;
  border:2px solid #d9d9d9;
*/
}

.checkbox {
  display: none;
}
.checkbox-fontas {
  position: relative;
  vertical-align: middle;
  font-size: 21px;
}
.checkbox + .checkbox-fontas:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: '\f164';
  color: #ccc;
}
.checkbox:checked + .checkbox-fontas:before {
  color: #f7b52c;
}


@media screen and (max-width: 415px) {
  #graph{
    padding:0 !important;
  }
  #graph2{
    padding:0 !important;
  }
}