* {

  margin: 0;

  padding: 0;

  outline: none;

} 

*:not(input,textarea) {

  -webkit-touch-callout: inherit;

  -webkit-user-select: auto;

}

body {

  font-family: Hiragino Sans GB, Arial, Helvetica, "黑体", sans-serif;

  font-size: 14px;

  color: #686868;

  -webkit-touch-callout: inherit ;

  -webkit-user-select: auto ;

}

a {

  color: #878787;

  text-decoration: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

a:hover {

  text-decoration: none;

}

button,input,select,textarea {

  font-size: 100%;

  margin: 0;

  padding: 0;

  outline: none;

  border:medium;

  background:transparent;

  appearance: none;

  -webkit-appearance: none;

}



.sex_input input[type=radio]:after {

    content: "";

    display:block;

    width: 1rem;

    height: 1rem;

    border-radius: 5px;

  text-align: center;

  line-height: 14px;

  font-size: 16px;

  color: #fff;

    border: 1px solid #d8b552;

    background-color: #fff;

    box-sizing:border-box;

}

.sex_input input[type=radio]:checked:after {

    content: "L";

    transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

    -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

    border-color: #099414;

    background-color: #099414;

}

dt,dd {

  display: inline-block;

}

textarea,input {

  resize: none;

  outline: none;

}

textarea {

  resize: none;

  -webkit-appearance: none;

}

ul,ol,li {

  list-style: none;

}

em {

  font-style: normal;

}

.re{ position: relative;}

.contain_width{ max-width: 1204px; margin: 0 auto;}

.clearfix{ overflow:hidden}

@media screen and (max-width: 320px) {

  html {

     font-size:12px;

  }

}

@media screen and (min-width: 320px) and (max-width: 360px) {

  html {

     font-size:14px;

  }

}

@media screen and (min-width: 360px) and (max-width: 400px) {

  html {

     font-size:16px;

  }

}

@media screen and (min-width: 400px) and (max-width: 440px) {

  html {

    font-size:18px;

  }

}

@media screen and (min-width: 440px) and (max-width: 480px) {

  html {

     font-size:20px;

  }

}

@media screen and (min-width: 480px) and (max-width: 520px) {

  html {

     font-size:22px;

  }

}

@media screen and (min-width: 520px) and (max-width: 560px) {

  html {

     font-size:24px;

  }

}

@media screen and (min-width: 560px) and (max-width: 600px) {

  html {

     font-size:26px;

  }

}

@media screen and (min-width: 600px) {

  html {

     font-size:28px;

  }

}





@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){

  

}