body{background-color:rgb(4, 4, 48); text-align:center; font-family:arial;}

#page {margin:1em; text-align: center; background-color:rgb(4, 4, 48); }

/*
#res tr { background-color: yellow;}
#res tr:not(.hide):nth-child(2n) { background: #0101bf; color: white; }
*/
.cont{ margin: auto;   max-width: 90vw;    width: 640px; }
.box{border-radius:8px; margin-bottom:20px; background-color:white; padding:24px; text-align:left;}
.box1 {color:white; background-color:rgb(3, 23, 137); border-radius:8px 8px 0 0; padding:24px; text-align:left; color:rgb(255, 198, 50);}
.box2 {background-color:white; border-radius:0 0 8px 8px; margin-bottom:20px; padding:24px; text-align:left;}

.box0{margin-bottom:15px;}

.box.b2{text-align:center;}
.red{color:rgb(217, 48, 37);}
.tit{  font-weight: 400; font-size: 24pt;   line-height: 1.25; margin-bottom :10px;}
._1 {font-weight:bold}
.m2{font-weight: 400; font-size: 12pt; line-height: 1.5; letter-spacing: 0; margin-bottom:15px;}
.inp input, .inp input:focus {border:none; border-bottom:2px solid #eee; width:200px;     }
	
input:focus-visible{outline-offset:none;}
	
	
.inp input.novalid, .inp select.novalid{ border-bottom:2px solid rgb(217, 48, 37);}	

.box.novalid, .box2.novalid { border:2px solid rgb(217, 48, 37);}

.cont4 li {margin-bottom:5px;}
.button {
color: rgb(3, 23, 137);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    background-color: #fff;

	line-height:36px;
	padding:0 24px;
	display:inline-block;border-radius:8px;
	cursor:pointer;
}
.button.end { background-color:rgb(3, 93, 137); color:white; }

.button:hover {
	background-color: #ccc8c8;
}
.inp2 span{vertical-align:middle; padding:0 8px;}
input[type=radio] {
    border: 0px;
    width: 2em;
    height: 2em;
	vertical-align:middle;
}

.cont{display:none;}