@charset "UTF-8";

/* CSS Document */
.content_wrapper div, .content_wrapper span,
.content_wrapper h1, .content_wrapper h2, .content_wrapper h3, .content_wrapper h4, .content_wrapper p, .content_wrapper b,
.content_wrapper a,
.content_wrapper li,
.content_wrapper label {
  font-family: Nunito, Arial, Verdana, Sans-Serif;
  vertical-align: baseline;
}

.content_wrapper {
  max-width: 980px;
  margin: auto;
  padding: 0px 0px 2% 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  color: #58595B;
}

.content_wrapper img{
  max-width: 100%;
}

.pc .ch_banner {
  margin: auto;
}

.pc .ch_banner640 {
  display: none;
}

.pc .section {
  display: flex;
  flex-wrap: nowrap;
  padding: 40px 4% 25px 4%;
}

.pc .section>div {
  width: 50%;
}

.pc .section .right {
  text-align: center;
}

.pc H1,
.pc H2 {
  color: #004282;
  line-height: 34px;
  font-weight: 500;
}
.pc .section H1 {
  font-size: 30px;
  margin-bottom: 40px;
}
.pc .section H2, .pc .fc H2 {
  margin-bottom: 30px;
  font-size: 25px;
}

.pc .content {
  line-height: 24px;
  font-size: 18px;
}

.pc .section.small .content {
  font-size: 16px;
}

.pc .content a {
  color: #58595b;
  text-decoration: underline;
}

.pc .sp_line {
  background-color: #d9d9d9;
  width: 100%;
  margin: auto;
  height: 1px;
  margin-top: 20px;
}

.pc .content ul {
  list-style-position: inside;
}

.pc .content li {
  text-indent: -1.5em;
  padding-left: 2em;
  line-height: 22px;
}

.pc .content H3 {
  font-size: 18px;
  padding-bottom: 10px;
  font-weight: 500;
}

.pc .fcitem {
  list-style-position: inside;
  padding-top: 35px;
}

.pc .fcitem li {
  list-style: none;
}

.pc .finaction {
  text-align: left;
  font-size: 18px;
  color: #58595b;
  max-width: 400px;
  padding-left: 5%;
}

.pc .finaction img {
  padding-bottom: 5px;
}

.pc .fc {
  padding: 35px 4% 0px 4%;
}

.pc .fcitem {
  display: flex;
  flex-flow: row wrap;
}

.pc .fcitem li {
  flex-basis: 30%;
  padding-left: 2.5%;
  line-height: 22px;
  font-size: 16px;
}

.pc .fcitem img {
  padding-bottom: 16px;
}

.pc .alsoava {
  width: 30% !important;
}

.pc .aap {
  width: 70% !important;
}

.pc H3 {
  font-size: 18px;
  color: #58595b;
}

.pc .anti_p {
  padding-top: 0px;
}

.pc .ex1 {
  padding-top: 0px;
}

.pc .acenter {
  text-align: center;
}

.pc H4 {
  font-weight: bold;
}

.pc .CAROUSEL {
  text-align: left;
  padding-top: 20px;
  padding-left: 4%;
  padding-right: 4%;
}

.pc sup {
  top: -0.3em;
}

.pc H1 sup,
.pc H2 sup {
  top: -0.1em;
}

.pc H2 sup {
  top: -5px;
}

.pc .buynow {
  margin: 23px 4% 0px 0px;
  max-width: 120px;
  background-color: #004282;
  text-align: center;
}

.pc .buynow:hover {
  background-color:#0253a2;
}

.pc .buynow a {
 width: 94%;
 display: block;
 padding: 7px 3% 7px 3%;
 color: white;
 text-decoration: none;
 font-size: 16px;
 line-height: 18px;
}

.pc .coming_soon {
  margin: 23px 4% 0px 0px;
  max-width: 120px;
  background-color: #c60a00;
  color: white;
  text-align: center;
  font-size: 16px;
  padding: 3px;
}

.pc .clickcolor {
  margin-top: 35px;
  font-size: 18px;
  color: #58595b;
}

.pc .fc H3 {
  font-size: 25px;
  color: #004282;
  margin-bottom: 10px;
  font-weight: 500;
}

.pc .onlyattarget {
  margin-top: 20px;
}

.pc .underbn {
  display: none;
}

.pc .aleft H3 {
  color: #004282;
  font-size: 25px;
}

.pc .camera {
  display: none;
}

@media screen and (max-width: 640px) {
  .content_wrapper {
      padding: 0px 0px 2% 0px;
  }
  .pc .ch_banner640 {
      display: block;
  }
  .pc .ch_banner {
      display: none;
  }
  .pc .section {
      display: block;
  }
  .pc .section>div {
      width: 100%;
  }
  .pc .content,
  .pc H1,
  .pc H2 {
      text-align: center;
  }
  .pc .section .right {
      padding-top: 30px;
  }
  .pc .finaction {
      margin: auto;
      text-align: left;
      padding-left: 0%;
  }
  .pc .wtneed {
      text-align: left;
  }
  .pc .ex1 {
      padding-top: 0px;
  }
  .pc .fcitem {
      display: block;
  }
  .pc .fcitem li {
      text-align: center;
      margin-bottom: 40px;
      padding-left: 0;
  }
  .pc .fcitem img {
      padding-bottom: 10px;
  }
  .pc .aleft {
      text-align: left;
  }
  .pc .CAROUSEL {
      text-align: center;
      padding-left: 0%;
      padding-right: 0%;
  }
  .pc .topbn {
      display: none;
  }
  .pc .underbn {
      display: block;
      margin: auto;
      margin-top: 30px;
  }
  .pc .alsoava {
      width: 100% !important;
      text-align: center;
  }
  .pc .section H2, .pc .fc H2 {
    margin-top: 30px;
  }
  
  .pc .aleft H3 {
      text-align: center;
  }
  
  .pc .buynow {
      margin: auto;
      margin-top: 20px;
      margin-bottom: 20px;
  }

  .pc .onlyattarget {
      width: 100%;
      text-align: center;
  }
  .pc .aap {
      display: none;
  }
  .pc .camera {
      padding-bottom: 20px;
  }
  .pc .camera,
  .pc .clickcolor {
      display: block;
      width: 100%;
      text-align: center;
  }
}