/* CSS Document */

/* css only show/hide */

body:before, body:after {
    content: "";
    display: table;
}

body:after { clear: both }

article:before, article:after {
    content: "";
    display: table;
}

article:after { clear: both }

article section:nth-of-type(2) {
    display: none;
    visibility: hidden;
}

article section:nth-of-type(3) {
    display: none;
    visibility: hidden;
}

input[type=checkbox]#other_receiver:checked ~ section:nth-of-type(2) {
    display: block;
    visibility: visible;
    /*width: 100%;*/
}

input[type=checkbox]#new_member:checked ~ section:nth-of-type(3) {
    display: block;
    visibility: visible;
    /*width: 100%;*/
}