.checkbox-custom, .radio-custom {opacity: 0; position: absolute;}
.checkbox-custom, .checkbox-custom-label {display: inline-block;	vertical-align: middle; cursor: pointer;}
.checkbox-custom-label {position: relative;}
.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff; display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin-right: 10px; text-align: center; background: url("/images/check_box_ic.png") center no-repeat; background-size: 100%;}
.checkbox-custom:checked + .checkbox-custom-label {color: #000;}
.checkbox-custom:checked + .checkbox-custom-label:before {background: url("/images/check_box_ic_on.png") center no-repeat; background-size: 100%;}

.radio-custom2 {opacity: 0; position: absolute;}
.radio-custom2, .radio-custom-label2 {display: inline-block;	vertical-align: middle; cursor: pointer;}
.radio-custom-label2 {position: relative; padding-left:35px;color: #636363; font-size: 20px;}
.radio-custom2 + .radio-custom-label2:before {content: ''; position:absolute;left:0;top:3px;border-radius: 50%; background: url("/images/radio_check_ic.png") center no-repeat; display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-size: 100%; margin-right: 10px; text-align: center;}
.radio-custom2:checked + .radio-custom-label2:before {background: url("/images/radio_check_ic2_on.png") center no-repeat; background-size: 100%;}
.radio-custom2:checked + .radio-custom-label2 {color: #000; font-size: 20px; }

@media (max-width: 1400px) {
    .checkbox-custom + .checkbox-custom-label:before {width: 1.79vw; height: 1.79vw; margin-right: 0.71vw;}

    .radio-custom-label2 {  font-size: 1.43vw;padding-left:2.8vw;}
    .radio-custom2 + .radio-custom-label2:before {width: 1.79vw; height: 1.79vw; margin-right: 0.71vw; }
    .radio-custom2:checked + .radio-custom-label2 { font-size: 1.43vw; }
}

@media (max-width: 1024px) {
    .checkbox-custom + .checkbox-custom-label:before {width: 2.44vw; height: 2.44vw; margin-right: 0.98vw;}

    .radio-custom-label2 {  font-size: 1.95vw;padding-left:3.5vw;}
    .radio-custom2 + .radio-custom-label2:before {width: 2.44vw; height: 2.44vw; margin-right: 0.98vw; }
    .radio-custom2:checked + .radio-custom-label2 { font-size: 1.95vw; }
}

@media (max-width: 768px) {
    .checkbox-custom + .checkbox-custom-label:before {width: 3.26vw; height: 3.26vw; margin-right: 1.30vw;}

    .radio-custom-label2 {  font-size: 3.13vw;padding-left:4.7vw;}
    .radio-custom2 + .radio-custom-label2:before {top:1vw;width: 3.26vw; height: 3.26vw; margin-right: 1.30vw; }
    .radio-custom2:checked + .radio-custom-label2 { font-size: 3.13vw; }
}

[o2o-file-wrap] {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}
[o2o-file-wrap] button {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.file-item button {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #DDD;
    outline: 0;
    background: #FFF;
    font-size: 12px;
}