@charset "utf-8";

/*important code*/

input, section {

                clear:both;

                padding-top:10px;

                display:none;

}

label {

                font-weight:bold;

                font-size:14px;

                display: block;

                float: left;
                
                width: 25%;

                padding: 10px 10px;

                border-top: 2px solid transparent;

                border-right: 1px solid transparent;

                border-left: 1px solid transparent;

                border-bottom: 1px solid #0000FF;

}

label:hover {

                cursor:pointer;

                text-decoration:underline;

}

#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {

                display:block;

}

input:checked + label {

                border-top-color:#0000FF;

                border-right-color:#0000FF;

                border-left-color:#0000FF;

                border-bottom-color: transparent;

                text-decoration:underline;

}

section {

                border:1px solid #0000FF;

                border-top:none;

                padding:30px;

                width:100%;

                border-radius:0 0 10px 10px;
}