@charset "UTF-8";
@font-face {
  font-family: "Noto Sans";
  src: url("./fonts/NotoSansCJKtc-Regular.ttf");
}
* {
  font-family: "Noto Sans", "Roboto";
  margin: 0px;
  padding: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:after {
  content: "";
}
*:before {
  content: "";
}
* a {
  text-decoration: none;
}

body {
  margin: 0;
  padding: 0;
  min-width: 950px;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

.f30 {
  font-size: 30px;
}
@media screen and (max-width: 960px) {
  .f30 {
    font-size: 6.8vw;
  }
}

.f254 {
  font-size: 25.4px;
}
@media screen and (max-width: 960px) {
  .f254 {
    font-size: 5.9vw;
  }
}

.f24 {
  font-size: 24px;
}
@media screen and (max-width: 960px) {
  .f24 {
    font-size: 5.6vw;
  }
}

.f20 {
  font-size: 20px;
}
@media screen and (max-width: 960px) {
  .f20 {
    font-size: 5.2vw;
  }
}

.f18 {
  font-size: 18px;
}
@media screen and (max-width: 960px) {
  .f18 {
    font-size: 4.8vw;
  }
}

.f14 {
  font-size: 14px;
}
@media screen and (max-width: 960px) {
  .f14 {
    font-size: 4vw;
  }
}

.f12 {
  font-size: 12px;
}
@media screen and (max-width: 960px) {
  .f12 {
    font-size: 3.6vw;
  }
}

/**************************/
/*						  */
/*        header          */
/*						  */
/**************************/
.forheader {
  position: relative;
  width: 100%;
  height: 5px;
  background-color: #ff8a82;
}
@media screen and (max-width: 960px) {
  .forheader {
    width: 100vw;
  }
}

.header {
  text-align: center;
  width: 100%;
  height: 70px;
}
@media screen and (max-width: 960px) {
  .header {
    width: 100vw;
    height: 8.8vw;
  }
}
.header .header_logo {
  display: inline-block;
  width: 192px;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  .header .header_logo {
    width: auto;
    height: 40%;
  }
}
.header:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.header .hamber {
  display: none;
  background-color: transparent;
  outline: 0px solid transparent;
  border: 0px solid transparent;
}
.header .hamber:active {
  background-color: transparent;
}
@media screen and (max-width: 960px) {
  .header .hamber {
    position: absolute;
    top: 0.8vw;
    left: 0px;
    display: block;
    float: left;
    width: 8.8vw;
    height: 8.8vw;
  }
  .header .hamber:before {
    margin: 0px;
    padding: 0px;
    border: 0px solid red;
    content: "";
    display: block;
    position: absolute;
    top: 2vw;
    left: 1.7vw;
    width: 64%;
    height: 0px;
    -moz-box-shadow: 0px 0px 0px 0.5vw #ff7065, 0px 2vw 0px 0.5vw #ff7065, 0px 4vw 0px 0.5vw #ff7065;
    -webkit-box-shadow: 0px 0px 0px 0.5vw #ff7065, 0px 2vw 0px 0.5vw #ff7065, 0px 4vw 0px 0.5vw #ff7065;
    box-shadow: 0px 0px 0px 0.5vw #ff7065, 0px 2vw 0px 0.5vw #ff7065, 0px 4vw 0px 0.5vw #ff7065;
  }
}
.header .mobile_menu_block {
  display: none;
  position: absolute;
  width: 100vw;
  top: 8.8vw;
  left: 0px;
  z-index: 3;
  background-color: #ff7065;
}
.header .mobile_menu_block a {
  text-decoration: none;
}
.header .mobile_menu_block.show {
  display: block;
}
.header .mobile_menu_block .mobile_menu {
  color: white;
  height: 15vw;
  line-height: 15vw;
  border: 2px solid white;
  border-color: white transparent transparent transparent;
  font-size: 4.5vw;
  font-weight: lighter;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}

/* 通用 */
.g-outer {
  position: relative;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .g-outer {
    width: 100vw;
  }
}

.g-inner {
  display: inline-block;
  width: 950px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .g-inner {
    width: 100vw;
  }
}

.g-title {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #ff7065;
  line-height: 28px;
  padding: 40px 0;
  letter-spacing: 1.3px;
}
@media screen and (max-width: 960px) {
  .g-title {
    line-height: 10vw;
    padding: 12vw 0;
    letter-spacing: 1vw;
    font-size: 7vw;
  }
}

/**************************/
/*						  */
/*          nav           */
/*						  */
/**************************/
.nav {
  position: relative;
  height: 67px;
  background-color: #ff8a82;
}
@media screen and (max-width: 960px) {
  .nav {
    height: 25vw;
    padding: 3vw 0;
  }
}

.nav-inner {
  position: relative;
  line-height: 67px;
  font-size: 24px;
  color: #fff;
}
@media screen and (max-width: 960px) {
  .nav-inner {
    font-size: 4vw;
    line-height: 7vw;
    padding-top: 2vw;
  }
}

.nav-block {
  position: relative;
  float: left;
  height: 27px;
  line-height: 27px;
  padding: 0 30px;
  border-right: 1px solid #fff;
  color: #fff;
}
@media screen and (max-width: 960px) {
  .nav-block {
    border: 0;
    height: 8vw;
    padding: 0 5vw;
  }
}

.bor-none {
  border-right: 0px;
}

/**************************/
/*						  */
/*        intro           */
/*						  */
/**************************/
.g-intro {
  position: relative;
  padding-bottom: 30px;
}

.title-em2 {
  color: rgba(50, 50, 40, 0.7);
  text-align: left;
}
@media screen and (max-width: 960px) {
  .title-em2 {
    font-size: 5.6vw;
    line-height: 6vw;
    text-align: center;
  }
}

.font-6 {
  color: #ff7065;
}

.ib1 {
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  .ib1 {
    margin-top: 10vw;
  }
}

.font-1 {
  color: #222;
  font-weight: bolder;
  font-style: underline;
}

.font-2 {
  color: #773411;
  font-weight: bold;
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 10px;
}

.font-3 {
  color: #201DF3;
  font-weight: bold;
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 10px;
}

.font-7 {
  color: #0070C0;
  font-weight: bold;
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 10px;
}

.intro-block {
  position: relative;
  width: 645px;
  display: inline-block;
  color: #595757;
  letter-spacing: 0.7px;
  line-height: 40px;
  text-align: left;
  padding-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .intro-block {
    width: 90vw;
    text-align: center;
    line-height: 8vw;
    padding-bottom: 2vw;
  }
}
.intro-block .intro-block-logo {
  float: left;
  width: 53px;
  height: 75px;
}
@media screen and (max-width: 960px) {
  .intro-block .intro-block-logo {
    position: relative;
    display: inline-block;
    float: none;
    width: 10vw;
    height: 14vw;
    margin-top: 7vw;
  }
}
.intro-block .intro-block-article {
  float: left;
  width: 545px;
  margin-left: 47px;
}
@media screen and (max-width: 960px) {
  .intro-block .intro-block-article {
    width: 80vw;
    margin-left: 6vw;
    margin-top: 0vw;
    position: relative;
    float: none;
    margin-top: 3vw;
  }
}
.intro-block ol > li {
  line-height: 20px;
  margin-bottom: 30px;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .intro-block ol > li {
    line-height: 1.6;
    margin-bottom: 2vw;
  }
}
.intro-block ol > li > p {
  margin-left: 10px;
}
.intro-block ol > li > p span {
  color: #ff8a82;
}
.intro-block .arc-g2 {
  color: #ff8a82;
  margin-left: -20px;
  margin-bottom: 39px;
}
@media screen and (max-width: 960px) {
  .intro-block .arc-g2 {
    margin-left: -3vw;
    margin-bottom: 2vw;
    text-align: left;
    line-height: 1.6;
  }
}
.intro-block .arc-g3 {
  margin-left: -20px;
  margin-bottom: 16px;
}
@media screen and (max-width: 960px) {
  .intro-block .arc-g3 {
    margin-left: -3vw;
    margin-bottom: 6vw;
    margin-top: 5vw;
    text-align: left;
    line-height: 1.6;
  }
}
.intro-block .arc-btn {
  width: 130px;
  height: 25px;
  margin-left: -20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
  .intro-block .arc-btn {
    margin-left: 16vw;
    margin-bottom: 16vw;
    width: 50vw;
  }
}

.hr-intro {
  width: 823px;
  height: 1px;
  background-color: #ff8a82;
  border: 0;
  margin-left: 63.5px;
  margin-bottom: 38px;
}
@media screen and (max-width: 960px) {
  .hr-intro {
    margin-left: 6vw;
    width: 88vw;
    margin-top: 6vw;
    margin-bottom: 3vw;
  }
}

/**************************/
/*						  */
/*       inquire          */
/*						  */
/**************************/
.g-inquire {
  background-color: #fecfcc;
  padding-bottom: 50px;
  padding-top: 30px;
}
@media screen and (max-width: 960px) {
  .g-inquire {
    padding-top: 3vw;
  }
}

.inquire-txt1 {
  position: relative;
  letter-spacing: 0.7px;
  color: #595757;
}

.inquire-txt1-br {
  display: none;
}
@media screen and (max-width: 960px) {
  .inquire-txt1-br {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .br-m-goodbye {
    display: none;
  }
}

.inquire-table-t1, .inquire-table-t2 {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.7px;
  color: #fff;
  clear: both;
}

.font-4 {
  color: red;
}

.inquire-table-t1 {
  margin-top: 27px;
}

.inquire-table-t2 {
  margin-top: 8px;
}

.inquire-table-1 {
  margin-top: -16px;
}

.inquire-table-2 {
  margin-top: -16px;
  margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
  .width-for-mobile {
    width: 100%;
  }
}

.wfm-1 {
  width: 30%;
  margin: 30px auto;
  float: left;
  margin-left: 115px;
}
@media screen and (max-width: 960px) {
  .wfm-1 {
    margin-left: 10vw;
  }
}

.wfm-2 {
  width: 50%;
  margin: 30px auto;
  float: left;
  margin-left: 20px;
  margin-top: 60px;
}
@media screen and (max-width: 960px) {
  .wfm-2 {
    width: 45%;
    margin-left: 6vw;
    margin-top: 14vw;
  }
}

.wfm-3 {
  width: 40%;
  margin: 30px auto;
  float: left;
  margin-left: 165px;
}
@media screen and (max-width: 960px) {
  .wfm-3 {
    margin-left: 10vw;
  }
}

.wfm-4 {
  width: 20%;
  margin: 30px auto;
  float: left;
  margin-left: 35px;
  margin-top: 160px;
}
@media screen and (max-width: 960px) {
  .wfm-4 {
    margin-left: 10vw;
    margin-top: 20vw;
  }
}

.wfm-5 {
  display: inline-block;
  position: relative;
  width: 50%;
  margin: 30px auto;
}

/**************************/
/*						  */
/*      deadline          */
/*						  */
/**************************/
.g-deadline {
  background-color: #fecfcc;
}
@media screen and (max-width: 960px) {
  .g-deadline {
    background-color: #fff;
  }
}

.deadline-txt {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 0.9px;
  color: #ff8a82;
}

.deadline-bigbox {
  position: relative;
  display: inline-block;
  width: 540px;
  margin-top: 28px;
  margin-bottom: 39px;
}
@media screen and (max-width: 960px) {
  .deadline-bigbox {
    width: 94vw;
    margin-top: 5vw;
    margin-bottom: 10vw;
  }
}

.bigbox-1 {
  height: 30px;
}
@media screen and (max-width: 960px) {
  .bigbox-1 {
    position: relative;
    height: 4vw;
  }
}
.bigbox-1 .bigbox-1-title, .bigbox-1 .bigbox-1-txt {
  float: left;
}
@media screen and (max-width: 960px) {
  .bigbox-1 .bigbox-1-title, .bigbox-1 .bigbox-1-txt {
    float: none;
    position: relative;
  }
}
.bigbox-1 .bigbox-1-title {
  width: 57px;
  background-color: #ff7065;
  letter-spacing: 1.4px;
  color: #fefefe;
  line-height: 28px;
}
@media screen and (max-width: 960px) {
  .bigbox-1 .bigbox-1-title {
    display: inline-block;
    width: 18vw;
    line-height: 7vw;
    height: 7vw;
  }
}
.bigbox-1 .bigbox-1-txt {
  width: 472px;
  margin-left: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 15px;
  letter-spacing: 1.2px;
  color: #898989;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .bigbox-1 .bigbox-1-txt {
    width: 78vw;
    margin-left: 8vw;
    line-height: 1.8;
    letter-spacing: 0.5vw;
    margin-top: 3vw;
  }
}

.bigbox-2 {
  position: relative;
  margin-top: 31px;
  border: solid 1px #ff8a82;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .bigbox-2 {
    margin-top: 36vw;
  }
}
@media screen and (max-width: 400px) {
  .bigbox-2 {
    margin-top: 36vw;
  }
}
.bigbox-2 .bigbox-2-txt {
  display: inline-block;
  width: 469px;
  padding: 24px 0;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: 1.4px;
  text-align: justify;
  color: #898989;
}
@media screen and (max-width: 960px) {
  .bigbox-2 .bigbox-2-txt {
    width: 80vw;
    padding: 4vw 0;
  }
}

/**************************/
/*						  */
/*       rules            */
/*						  */
/**************************/
.g-rules {
  word-break: break-all;
}

.rules-box {
  display: inline-block;
  width: 633px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.2px;
  color: #898989;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .rules-box {
    width: 80vw;
  }
  .rules-box li {
    line-height: 1.4;
    margin-bottom: 4vw;
  }
  .rules-box p {
    margin-left: 2px;
  }
}
.rules-box li {
  line-height: 20px;
  margin-bottom: 24px;
}
@media screen and (max-width: 960px) {
  .rules-box li {
    line-height: 6vw;
  }
}
.rules-box p {
  margin-left: 10px;
}
.rules-box p span {
  color: #ff7065;
}

@media screen and (max-width: 960px) {
  .rules-backtop {
    margin-bottom: 4vw;
  }
}

/**************************/
/*						  */
/*        footer          */
/*						  */
/**************************/
.footer {
  margin-top: 32px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  letter-spacing: 0.6px;
  color: #ffffff;
  background-color: #ff7065;
  font-size: 12px;
}
@media screen and (max-width: 960px) {
  .footer {
    width: 100vw;
    height: 10vw;
    margin-top: 1vw;
    font-size: 3.2;
  }
}