html {
  overflow-x: hidden;
}

#target {
  display: none;
}


#watermark-wrapper #FLOAT_TWO_BTNS {
  position: fixed;
  z-index: 3;
  top: 300px;
  right: 30px;
}

#it221 #userDisAdv {
  width: 100%;
  display: none;
}

#it221 #userPerson {
  width: 100%;
  position: relative;
  height: 400px;
}

#it221 #userDisAdv,
#it221 #userAdv {
  position: absolute;
  width: 100%;
}

#it221 #userAdv {

  margin-top: 20px;
}

#it221 .RANGE_AREA li.MARK_T {
  width: 100% !important;
  padding: 2px 0px 0px 7px;
}


.TR_BOX .T_TD {
  padding: 7px;
}

html {
  overflow-x: hidden;
}

#target {
  display: none;
}

input[type="radio"]+label~.wq-group {
  clear: both;
}

/* #radio */
#radio input#female[type="radio"]+label {
  border-width: 2px !important;
  border-color: #fff5f5 !important;
  margin: 0 5px 10px 0 !important;
}

#radio input#female[type="radio"]:checked+label {
  background-color: #ffebeb !important;
  border-width: 2px !important;
  border-color: #ffe8e8 !important;
}

#radio input#male[type="radio"]+label {
  border-width: 2px !important;
  border-color: #ededed !important;
}

#radio input#male[type="radio"]:checked+label {
  background-color: #ebf3ff !important;
  border-color: #cddef8 !important;
}

/* radio1 */
#radio1 input#female1[type="radio"]+label {
  border-width: 2px !important;
  border-color: #fff5f5 !important;
  margin: 0 5px 10px 0 !important;
}

#radio1 input#female1[type="radio"]:checked+label {
  background-color: #ffebeb !important;
  border-width: 2px !important;
  border-color: #ffe8e8 !important;
}

#radio1 input#male1[type="radio"]+label {
  border-width: 2px !important;
  border-color: #ededed !important;
}

#radio1 input#male1[type="radio"]:checked+label {
  background-color: #ebf3ff !important;
  border-color: #cddef8 !important;
}

.MOBILE #it221 .radio label.HALF02,
.PC #it221 .radio label.HALF02 {
  width: 48%;
}

.CHART_YEAR#CHART_YEAR {
  display: none !important;
}

.CHART_YEAR#CHART {
  display: block !important;
}

.CHART_YEAR#CHART .CHART_BT>a {
  display: none;
}

.PC #it221 .FORM_bt,
.MOBILE #it221 .FORM_bt {
  margin: 0 auto;
}

.PC #it221 .RADIO_AREA,
.MOBILE #it221 .RADIO_AREA {
  margin: unset;
}


/* display flex */

#it221 .FORM_WRAPPER .ENERGY_LIST {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 /* height: 100%;*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
}


#it221 .FORM_WRAPPER .ENERGY_TXT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}


#it221 .FORM_WRAPPER .ENERGY_TXT .PERCENT_WRAPPER {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#it221 .FUTURE_WRAPPER .FUTURE_LIST {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 auto;
  border: 2px solid #eee;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #e8ebdb;
  color: #323232;
  border-right: 2px solid #eee;
}

#it221 .FUTURE_WRAPPER .FUTURE_TXT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-left: 2px solid #eee;
  border-right: 2px solid #eee;
  border-bottom: 2px solid #eee;
}


@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .pq_LIST_DISC li>svg {
    margin-top: -20px;
  }
}

@supports (-ms-accelerator:true) {
  .pq_LIST_DISC li>svg {
    margin-top: -20px;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .pq_LIST_DISC li>svg {
    margin-top: -20px;
  }
}

.ie10 .pq_LIST_DISC li>svg {
  margin-top: -20px;
}

@media not all and (min-resolution:.001dpcm) {
  @media {
    .pq_LIST_DISC li>svg {
      margin-top: -20px;
    }
  }
}



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

  .BOX03 .PAL02,
  .BOX03 .LORD02 .LT02,
  .BOX03 .LORD03 .LT03,
  .BOX03 .LORD04 .LT04,
  .BOX03 .LORD05 .LT05,
  .BOX03 .LORD06 .LT06,
  .BOX03 .LORD07 .LT07,
  .BOX03 .LORD07 .LT07_2,
  .BOX03 .LORD08 .LT08,
  .BOX03 .STATUS02 .ST02,
  .BOX03 .STATUS02 .ST02_Y,
  .BOX03 .YEAR02,
  .BOX .PAL,
  .BOX .LORD .LT01,
  .BOX .YEAR,
  .BOX .STATUS .ST01,
  .ZIWEI_C_t05 {
    font-size: 0.8em;
  }

  .BOX03 .LORD02 .LT03 {
    font-size: 0.8em;
  }

  #CHART .TWO .TWO02 .BOX02 {
    width: 98.7%;
  }

  .TWO .TWO02 .BOX03 {
    width: 98.7%;
  }

  .BOX03 .LORD07 .LT07_2,
  .BOX03 .LORD07 .LT07 {
    width: 120%;
    margin-left: -10%;
  }
}

.PC #it221 .smaller {
  font-size: 1rem;
}
.MOBILE #it221 .smaller {
  font-size: 1rem;
}

.wq-pop.cover.confirm {
  /* display: none !important; */
}