*{padding: 0px; margin: 0px; box-sizing: border-box; font-family: Arial;}
body {background-color: #3B3B3B;}
html{font-size: 62.5%; scroll-behavior:smooth;}
h3{padding: .2rem; font-size: 1.4rem; font-style: normal; font-weight: bold; color: #333;}
.srttl { font-size: 2.8rem; padding: 0.5rem; color: #FFF; text-align: center; }
.srtnc{padding: .2rem; font-size: 1.2rem; font-style: normal; color: #333; text-align:justify;}
.srcrumbs{font-size: 1.8rem;font-style: normal;line-height: 2.2rem; color: #FFF; vertical-align: middle; text-align:center;}
.srcrumbs a{color: #FFF;text-decoration: none;}
.srcrumbs a:hover{color: #EF3D3E;}
.srbline { padding:1rem 0rem 0rem 5rem;}
.srheading1 {padding: 2rem 1rem 2rem 0rem; font-size: 3.2rem; font-weight: 600; line-height: 4.2rem; color: #000; vertical-align: middle; }
.srheading2 {padding: .5rem 2rem .5rem 0rem; font-size: 2.8rem; font-weight: bolder; line-height: 3.8rem; color: #000; vertical-align: middle; }
.srrem{padding: .5rem 2rem .5rem 0rem; font-size: 1.8rem; line-height: 3.8rem; color: #f00; vertical-align: middle; cursor:pointer;}
.srbox {background-color:#FFF; display: flex; flex-wrap: wrap; justify-content:space-evenly;}
.srbox div {flex-basis: 42%;}
.srdbox {background-color:#FFF; display: flex; flex-wrap: wrap; justify-content:space-evenly;}
.srdbox div {flex-basis: 18%;}
.srfbox {background-color:#FFF; display: flex; flex-wrap: wrap; justify-content:space-evenly;}
.srfbox div {padding:0.5rem; flex-basis: 90%;}
.srpbox {font-size: 1.8rem;}
.srpbox:hover { background-color:#f8f8f8;}
.srtext {padding:0.5rem; height:3rem; font-size: 1.4rem; color: #333; width: 100%; border:1px solid #999;}
.srftext {padding:0.5rem; height:3rem; font-size: 1.4rem; color: #333; width: 100%; border:1px solid #999;background-image:url('images/upload.png');background-position: right;background-repeat: no-repeat; cursor:pointer;}
.srerrtr {padding:0.5rem; font-size: 1.2rem; font-weight:bold; color: #ff0000;}
.srerrmsg {padding:0.5rem; font-size: 2.4rem; font-weight:bold; color: #ff0000;}
.srcmb {padding:.5rem; height:3rem; font-size: 1.4rem; color: #333; width: 100%; border:1px solid #999;}
.srhwbtn {margin: auto; padding: 1rem; font-family: Arial; font-size: 3.2rem; background-color: #FFF; color: #EF3D3E; border: 1px solid #EF3D3E; border-radius: 50px;}
.srhwbtn:hover{ box-shadow: .5rem .5rem .5rem #999;}
.srfsbtn {margin: auto; padding: 1rem; font-family: Arial; font-size: 2.4rem; background-color: #FFF; color: #EF3D3E; border-top: 1px solid #ccc; border-right: 0px none #ccc; border-bottom: 1px solid #ccc; border-left: 0px none #ccc;}
.srfsbtn:hover{ text-shadow: .3rem .3rem .3rem #999;}
.srpack { padding: 1rem; font-family: Arial; font-size: 1.8rem; background-color: #FFF; color: #0C5CA8; }
.srpack:hover { text-shadow: .3rem .3rem .3rem #999; }
.container { display: block; position: relative; padding-left: 3.5rem; margin-bottom: 1.2rem; color: #333; cursor: pointer; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align:middle;}
.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.container a { font-family: Arial; font-size: 1.4rem; color: #0C5CA8;}
.container a:hover { text-decoration:underline;}
.checkmark { position: absolute; top: 0; left: 1rem; height: 2rem; width: 2rem; background-color: #FFF; border: 1px solid #999; border-radius: .2rem;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after { display: block;}
.container .checkmark:after { left: .5rem; top: .2rem; width: .5rem; height: 1rem; border: solid #0C5CA8; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.container1 { display: block; position: relative; padding-left: 3.5rem; margin-bottom: 1.2rem; color: #333; cursor: pointer; font-size: 2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align:middle;}
.container1 input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.container1 a { font-family: Arial; font-size: 1.4rem; color: #0C5CA8;}
.container1 a:hover { text-decoration:underline;}
.checkmark1 { position: absolute; top: 0; left: 1rem; height: 2rem; width: 2rem; background-color: #FFF; border: 1px solid #999; border-radius: .2rem;}
.checkmark1:after { content: ""; position: absolute; display: none;}
.container1 input:checked ~ .checkmark1:after { display: block;}
.container1 .checkmark1:after { left: .5rem; top: .2rem; width: .5rem; height: 1rem; border: solid #0C5CA8; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
@media only screen and (max-width: 800px){ html{font-size: 50%;} .srbox div{flex-basis:90%;} .srdbox div{flex-basis:90%;} .srfbox div{padding:0px;}}