.mfo_radio_group {
  width: min-content;
  margin-bottom: 16px;
}

.mfo_radio_group > legend {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 7px;
  display: block;
}

.mfo_radio_group .radio_item_wrapper {
  /*display: block !important;*/
  display: flex !important;
  color: #828282;
  border: 1px solid #D2D2D2;
  background-color: white;
  padding: 15px 16px 15px 46px;
  width: 374px;
  margin-bottom: 7px;
  border-radius: var(--roundCornerSmall);
  font-size: 16px;
  cursor: pointer;
  position: relative;
  min-height: 50px;
}
.mfo_radio_group .radio_item_wrapper .num_price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.mfo_radio_group .radio_item_wrapper.disabled {
  color: rgba(23, 23, 26, 0.8);
  border: 1px solid #C9C9C9;
  cursor: initial;
  background-color: #F4F4F4;
}

.mfo_radio_group .radio_item_wrapper.checked {
  border: 1px solid var( --colorOrange);
}

.mfo_radio_group .radio_item_wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.mfo_radio_group .radio_item_wrapper .content {
  line-height: 21px;
  color: #000;
}
.show_error .mfo_radio_group .radio_item_wrapper .content{
  color: #F73603;
}
.mfo_radio_group .radio_item_wrapper .checkmark {
  position: absolute;
  top: 15px;
  left: 16px;
  height: 20px;
  width: 20px;
  border: 1px solid #B7B6B7;
  border-radius: 50%;
  background-color: white;
}

/* .mfo_radio_group .radio_item_wrapper:hover input ~ .checkmark {
  background-color: var( --colorOrange);
  opacity: 0.5;
  border: none;
} */

.mfo_radio_group .radio_item_wrapper.disabled:hover input ~ .checkmark {
  background-color: white;
  opacity: 1;
  border: 1px solid #B7B6B7;
}

.mfo_radio_group .radio_item_wrapper:hover input:checked ~ .checkmark {
  opacity: 1;
}

.mfo_radio_group .radio_item_wrapper input:checked ~ .checkmark {
  background: linear-gradient(180deg, #FFBA0D 0%, #EE702E 100%);
  border: none;
}

.mfo_radio_group .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.mfo_radio_group .radio_item_wrapper input:checked ~ .checkmark:after {
  display: block;
}

.mfo_radio_group .radio_item_wrapper .checkmark:after {
  top: 50%;
  left: 50%;
  width: 8.33px;
  height: 8.33px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: inset 0px 1px 2px rgba(62, 69, 239, 0.3);
  transform: translate(-50%, -50%);
}

.mfo_radio_group .inner_item {
  padding-top: 8px;
}

.mfo_radio_group .inner_item input.radio_input {
  position: initial;
  min-width: 276px;
  height: 39px;
  line-height: 39px;
  border: none;
  border-radius: 5px;
  background: white;
  opacity: 1;
  margin-bottom: 4px;
  padding-left: 14px;
  outline: none;
}

.mfo_radio_group .inner_item input.radio_input::placeholder {
  color: rgba(134, 134, 134, 0.8);
}

.mfo_radio_group .inner_item p.inner_item_hint {
  color: rgba(23, 23, 26, 0.8);
  line-height: 21px;
  padding-bottom: 41px;
}

.mfo_radio_group .inner_item span.error_message,
.mfo_radio_group .outter_item span.error_message {
  font-weight: 500;
  color: #EC402E;
  display: block;
  font-size: 14px;
}

.mfo_radio_group .outter_item span.error_message {
  margin-top: 7px;
}

.mfo_radio_group .inner_item a {
  color: var( --colorOrange);
  text-decoration: underline;
  font-size: 14px;
}

.mfo_radio_group .outter_item p {
  line-height: 17px;
  color: rgba(23, 23, 26, 0.8);
  margin-bottom: 7px;
  font-size: 14px;
  text-align: justify;
}

.mfo_radio_group .outter_item a {
  color: #4286DE;
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
}


/* =========== */

/* 無選擇的'點' */
.mfo_radio_group.no_dot .radio_item_wrapper{
  padding: 15px 16px 15px 16px;
}

.mfo_radio_group.all_radio{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.mfo_radio_group.all_radio>div{
  margin-right: 20px;
  margin-bottom: 10px;
}

.mfo_radio_group.all_radio.radio_item_four>div{
  width: calc(25% - 20px);
}

.mfo_radio_group.all_radio.radio_item_three>div{
  width: calc(33.3% - 20px);
}

.mfo_radio_group.all_radio.radio_item_two>div{
  width: calc(50% - 20px);
}



.mfo_radio_group.all_radio>div input[type="radio"]{
  display: none;
}
          
.mfo_radio_group.all_radio .radio_item_wrapper{
  width: 100%;
}

.mfo_radio_group.all_radio>div input[type="radio"]:checked  + label{
  /* background: rgba(255, 103, 0, 0.1); */
  background: rgb(255 240 229);
  /*box-shadow: var(--boxshadow);*/
  border: 1px solid #82828200;
  position: relative;
}


.mfo_radio_group.all_radio>div input[type="radio"]:checked  + label:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 2px solid var( --colorOrange);
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);

}



.mfo_radio_group.all_radio .radio_item_wrapper:hover{
  box-shadow: var(--boxshadow);
  
}

.mfo_radio_group.all_radio>div input[type="radio"]:checked + label .checkmark {
  background: linear-gradient(180deg, #FFBA0D 0%, #EE702E 100%);
  border: none;
}

.mfo_radio_group.all_radio>div input[type="radio"]:checked + label .checkmark:after {
  display: block;
}


@media (max-width: 1080px) {

  .mfo_radio_group.all_radio>div{
    margin-right: 0px;
  }
  
  .mfo_radio_group.all_radio.radio_item_four>div,
  .mfo_radio_group.all_radio.radio_item_three>div,
  .mfo_radio_group.all_radio.radio_item_two>div{
    width: 100%;
  }

}







@media (max-width: 767px) {
  .mfo_radio_group {
    width: auto;
  }

  .mfo_radio_group legend {
    font-size: 12px;
  }

  .mfo_radio_group .radio_item_wrapper {
    display: block;
    color: #828282;
    /* border: 1px solid #828282; */
    padding: 12.5px 16px 12.5px 44px;
    width: 100%;
    font-size: 12px;
    min-height: 42px;
  }

  .mfo_radio_group .inner_item input.radio_input {
    font-size: 12px;
    padding-left: 13px;
  }


  .mfo_radio_group .inner_item p.inner_item_hint {
    line-height: 17px;
    font-size: 12px;
  }

  .mfo_radio_group .inner_item a,
  .mfo_radio_group .outter_item a {
    line-height: 17px;
    font-size: 12px;
  }

  .mfo_radio_group .radio_item_wrapper .checkmark {
    position: absolute;
    top: 13px;
    left: 14px;
    height: 18px;
    width: 18px;
  }

  .mfo_radio_group .radio_item_wrapper .checkmark:after {
    width: 7.5px;
    height: 7.5px;
  }

  .mfo_radio_group .inner_item span.error_message,
  .mfo_radio_group .outter_item span.error_message {
    font-size: 12px;
  }
  .mfo_radio_group.all_radio .radio_item_wrapper:hover{
    box-shadow: none;
    
  }
}


@media (max-width: 640px) {
  #shippingAddress1-item .controller_shipping_address_wrapper{
    margin-bottom: 15px;
  }
  #shippingAddress1-item .controller_shipping_address_wrapper .mfo_radio_group{
    width: calc(100% / 2);
    margin-bottom: 0;
  }
  #shippingAddress1-item .controller_shipping_address_wrapper .mfo_radio_group  .radio_item_wrapper{
    padding-top: 6px;
    padding-bottom: 6px;   
    min-height: 32px; 
  }
  #shippingAddress1-item .controller_shipping_address_wrapper .mfo_radio_group .radio_item_wrapper .checkmark{
    top: 8px;
  }
}