<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.JobConL {float: left; width: 65%; margin-top: 2%}
.JobBodyL {width: 100%; background-color: #FFF; margin-bottom: 5%; border-radius: 8px; box-shadow: 0px 11px 18px -10px #b9b9b9;}
.JobBodyL:nth-child(4n) {margin-bottom:0}
#regGrey .JobTxtL {margin: 0; padding: 2%; margin-bottom: -25px;}
#regGrey h2 {background-color: #565656; padding: 2%; color: #FFF; margin: 0;font-weight: 500;border-radius: 8px 8px 0px 0px;}
.JobConR {float: right; width: 30%; margin-top: 2%;}
.JobBodyR {width: 100%; text-align: center; background-color: #FFF; float: left; margin-bottom: 10%;border-radius: 8px; box-shadow: 0px 11px 18px -10px #b9b9b9;}
.JobBodyR:nth-child(3n) {margin-bottom:0}
.JobImg {padding: 0 5% 5%}
.JobImg Img {width: 100%}
.JobTxtR {margin: 0; padding: 4%;}

@media (max-width: 1100px) {
}

@media (max-width: 980px) {
}

@media (max-width: 880px) {
.JobConL {width: 60%;}
.JobConR {width: 35%;}
}

@media (max-width: 680px) {
.JobConL {width: 100%;}
.JobBodyL:nth-child(4n) {margin-bottom: 5%}
.JobConR {width: 100%; margin-top: 0;}
.JobBodyR {width: 48%; margin-right: 4%; min-height: 280px; margin-bottom: 5%;}
.JobBodyR:nth-child(3n) {width: 100%}
.JobBodyR:nth-child(2n) {margin-left: 0; margin-right: 0}
.JobImg {padding: 0 10% 0;}
.JobTxtR {padding: 3%;}
#regGrey .JobTxtL {padding: 3%;}
}

@media (max-width: 555px) {
.JobBodyR {width: 100%; margin-right: 0; min-height: 0}
.JobImg {padding-bottom: 5%;}
}
</pre></body></html>