@media (hover:hover) { /* Only available for true hover, not touch */
  .Locale:hover {
    cursor: pointer;
    background-color: #3f0;
    color: black;
  }
  .container:hover input:not(:checked) ~ .checkmark {
    background-color: #ccc;
  }
}
@media (hover:none), (hover:on-demand) { /* Only do this for touch devices */
  .paypal-button.paypal-button-color-gold:hover,
  .paypal-button.paypal-button-color-silver:hover {
    background-color: inherit;
  }
  .PayNow:hover .Submit {
    background-color: inherit;
  }
}
@media only screen and (max-height: 500px) { /* Un-Fixed the header */
  .Header {
    position: absolute !important;
  }
}
@media only screen and (max-width: 320px) {
  .Section,
  .Box > label,
  .Box.Label-Only,
  .Text > input+label,
  *[id^="faq"] {
    font-size: 0.82rem;
  }
  *[id^="faq"] > * {
    padding: 0.25em 0.75em;
  }
  .Text > input {
    font-size: 1.1rem;
    margin-top: 0.6em;
    padding-top: 1.64rem;
  }
  .Header {
    font-size: 1.4em;
    font-weight: 200;
/*     line-height: 2.1em; */
  }
  .Header + span {
    padding-top: 0.2rem;
    margin-top: -5.8rem !important;
  }
  .Header.Show + span {
    padding-top: 10.2rem;
    padding-bottom: 1.3rem;
  }
  #information {
	font-size: 0.8rem !important;
  }
  #Locale {
    font-size: 0.9rem;
  }
  #main li::before {
    font-size: 1rem;
    padding: 0.5em 0.75em 0.45em;
  }
  #Title {
    font-size: 1.3rem;
    letter-spacing: -1px;
  }
  #Title.Chinese {
    letter-spacing: 0;
  }
  #Title h3 {
    display: none;
  }
  .Full-Size .One-Fifth label {
    width: 18%;
  }
  .Full-Size .Radio.One-Sixth label {
    width: 16.2%;
    font-size: 0.7em;
  }
  .Radio.One-Sixth label:not(:nth-child(2)) {
    margin-left: -3px;
  }
  .CheckBoxes .container {
    width: 60%;
    font-size: 0.92em;
  }
  .CheckBox {
    text-align: center;
  }
  .Radio.Picture label {
    font-size: 0.78em;
  }
  .Radio:not(.Picture) label {
    font-size: 0.78em !important;
  }
  .Radio > label > b {
    font-size: 0.9em;
  }
  .Radio img {
    height: 1.8rem;
    width: 1.8rem;
    margin-bottom: -14px;
  }
  select {
    height: 2.7em !important;
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 0.88em;
  }
  .Locale {
    width: 3.2em;
    right: 3%;
    bottom: 0.2em;
    line-height: 2.5em;
    font-size: 0.6em;
  }
  .Locale.active {
    background-color: #3f0;
  }
  #paypal-button-container {
    top: 13px;
    height: 2.2rem;
    border: 5px solid #ffc439;
    background-color: #ffc439;
    border-radius: 4px;
  }
  #Message {
    font-size: 1em;
    padding-top: 1em;
    height: 3.1em;
  }
}
@media only screen and (min-width: 321px) and (max-width: 568px) {
  .Full-Size .Radio.One-Sixth label {
    width: 15.85%;
  }
  #Title {
    font-size: 1.6rem;
    letter-spacing: -1px;
  }
  #Title.Chinese {
    letter-spacing: 0;
  }
  #Title h3 {
    display: none;
  }
  #main li::before {
    font-size: 1.1rem;
    padding: 0.5em 0.75em 0.45em;
 }
  #Amount, .Submit {
    border-radius: 0;
  }
  span.paypal-button-text {
    color: white !important;
  }
  .CheckBox {
    text-align: left;
  }
  .Locale {
    font-size: 0.75em;
    width: 3.2em;
    line-height: 2em;
    bottom: 0.1em;
  }
}
@media only screen and (min-width: 321px) and (max-width: 568px) {
  .Header {
    font-size: 1.45rem;
  }
  .Header + span {
    padding-top: 0.35rem !important;
    margin-bottom: -0.85rem !important;
  }
  .Header.Show + span {
    padding-top: 10rem !important;
    padding-bottom: 1.7rem;
  }
  #information {
	font-size: 0.9rem !important;
  }
  .Full-Size .Radio.One-Sixth label {
    width: 15.2%;
    font-size: 0.84em;
  }
  .Radio.Picture label {
    font-size: 0.9em;
  }
  .Radio:not(.Picture) label {
    font-size: 0.9em !important;
  }
  .Radio img {
    height: 1.9rem;
    width: 1.9rem;
    margin-bottom: -11px;
  }
  #paypal-button-container {
    top: 13px;
    height: 2.2rem;
    border: 5px solid #ffc439;
    background-color: #ffc439;
  }
  #Amount.Paid::before {
      content: '　 ';
      background-repeat: no-repeat;
      background-size: 18px 18px;
  }
}
@media only screen and (min-width: 414px) and (max-width: 568px) {
  .Header {
    font-size: 1.65rem;
  }
  #information {
	font-size: 1rem;
  }
  .Full-Size .Radio.One-Sixth label {
    font-size: 0.92em;
  }
  .Radio.Picture label {
    font-size: 1em;
  }
  .Radio:not(.Picture) label {
    font-size: 1em !important;
  }
  .Radio img {
    height: 2rem;
    width: 2rem;
    margin-bottom: -12px;
  }
  .Text input + label,
  .Section,
  .Box > label {
    font-size: 1em !important;
  }
}
@media only screen and (min-width: 465px) and (max-width: 568px) {
  #paypal-button-container {
    border: none;
  }
}
@media only screen and (min-width: 568px) and (max-width: 667px) {
  .Header {
    font-size: 1.9rem;
  }
  .Header + span {
    margin-bottom: -1.3rem !important;
  }
  .Header.Show + span {
    padding-top: 10rem;
    padding-bottom: 2.5rem;
  }
  #information {
	font-size: 1.1rem !important;
  }
  .Radio label, select {
    font-size: 0.94rem !important;
  }
  .Right {
    right: 0;
  }
}
@media only screen and (min-width: 568px) {
  .Box {
    font-size: 1.2em;
  }
  #Title h3 {
    display: inline;
  }
  #Title h1 {
    display: none;
  }
  #Title {
    letter-spacing: -1px;
    font-size: 1.5rem !important;
  }
  #Title.Chinese {
    letter-spacing: 1px;
  }
  .CheckBoxes .container {
    width: 43%;
    margin-left: 6%;
  }
  .Section {
    font-size: 1rem;
  }
  .Full-Size .Input.One-Third {
    width: 33.5%;
    margin-left: 64%;
  }
  .Full-Size .Radio.One-Third {
    margin-top: -1.3em;
    margin-bottom: -1.1em;
    margin-left: 64%;
  }
  .Full-Size .Radio.One-Third label {
    width: 38%;
  }
  .Full-Size .One-Fifth label {
    width: 19%;
  }
  .Full-Size .Radio.One-Sixth label {
    width: 15.5%;
  }
  .Text input + label,
  .Section,
  .Box > label {
    font-size: 1rem;
  }
  .Radio img {
    height: 32px;
    width: 32px;
    margin-bottom: -12px;
  }
  #main li::before {
    font-size: 1.2rem;
    padding: 0.5em 0.75em 0.5em 0.75em;
  }
}
@media only screen and (min-width: 666px) {
  #paypal-button-container {
    height: 44px;
    right: 3.25%;
    top: 11px;
    background-color: #ffc600;
    padding-top: 0.125em;
  }
  #Amount:not(.New)::before, #Amount #total::before {
    content: ' 　 $';
    background-size: 24px 24px;
    width: 28px;
    height: 24px;
    background-repeat: no-repeat;
    /* right: 20px; */
    margin-right: -8px;
  }
  #Amount.Paid::before {
    content:
  }
  #Amount.Done::before, #Amount.Rejected::before, #Amount.Pending::before {
    content: '　';
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
    right: 8px;
  }
  #Amount {
    top: 11px;
    height: 45px;
    font-size: 1.28rem;
  }
  button.add-people,
  button.remove-people {
	font-size: 2.45rem;
  }
  #Message, #Message.Active {
    height: 3.35em;
  }
  *[id^="faq"] {
    padding: 0.8em 0 1.5em 0;
    font-size: 1.1em;
  }
  *[id^="faq"] > * {
    padding: 0 1.25em;
  }
  .Header {
    padding: 0.25rem 1rem;
    height: 4rem;
  }
  .Header + span {
    padding-top: 1rem;
    margin-bottom: -1.2rem !important;
  }
  .Header.Show + span { /* CSS Animation */
    padding-top: 11rem;
    padding-bottom: 3.25rem;
  }
  #Title {
    letter-spacing: -1px;
    font-size: 1.7rem !important;
  }
  #Title.Chinese {
    letter-spacing: 1px;
  }
  #Message {
    font-size: 1.3em;
    padding: 1.1em 0.5em 0 0.5em;
  }
  #main li::before {
    font-size: 1.4rem;
	padding-left: 1.2em;
  }
  .Footer {
    height: 4.4em;
  }
  .Box {
    padding: 0.5em 0.65em 1em 1.1em;
  }
  .Full-Size .Radio.One-Sixth label {
    width: 15.8%;
    font-size: 1em;
  }
  .Section {
    padding: 0.5rem 0.65rem 0.5rem 1.1rem;
  }
  #Title {
	padding-left: 0.5rem;
	padding-right: 0.65rem;
  }
  #information {
    padding-left: 1.1rem;
    font-size: 1.2rem !important;
  }
  .Right {
    right: 0;
  }
  .Box > label,
  .Box.Label-Only,
  .Text > input+label,
  .Section {
    font-size: 1.1em;
  }
  input {
    font-size: 1.25em;
  }
  select {
    height: 2.35em;
    padding-left: 1em;
  }
  /* .Radio label, select {
    font-size: 1em !important;
  } */
  .CheckBoxes .container {
    width: 32.5%;
    margin-left: 0;
  }
  .Submit {
    font-size: 1.3em !important;
    margin-top: 0.5em;
    padding: 0.55em 1em 1.78em !important;
  }
  .Locale {
    width: 3.6em;
    right: 3.5%;
    line-height: 1.3em;
    bottom: 0.15em;
  }
  .Radio img {
    height: 36px;
    width: 36px;
    margin-bottom: -13px;
  }
  #policy {
    margin: 0.6em 0 0; /* adjust the location of the refund policy */
  }
}
@media only screen and (min-width: 800px) {
  #Title h1 {
    display: inline;
  }
  body {
	font-size: 1.1em;
  }
}
@media only screen and (min-width: 2048px) {
  html {
	zoom: 1.25;
  }
  .paypal-button-container {
	font-size: 22px !important;
  }
  .paypal-button > .paypal-button-label-container > * {
	height: 132%;
  }
}