* { margin: 0; padding: 0; border: none; }
html,body { overflow: hidden; height: 100%; background: #93b3c6; padding: 20px 0 0 0; }
.tab { position: relative; display: flex; width: 78.125vw; margin: 0 auto 45px; justify-content: space-between; }
.tab:before { position: absolute; top: 20px; display: block; width: 100%; height: 10px; content: ""; background: #fff; }
.tab > a { font-size: 20px; position: relative; padding: 10px; text-decoration: none; color: #255d7e; border: 2px solid #5395b4; background: #fff; }
.pic { position: relative; overflow: hidden; width: 78.125vw; height: 75vh; margin: 0 auto; background: #fff; box-shadow: 0 0 30px 0 rgba(8, 1, 3, .3); }
.pic > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 98%; height: 96%; margin: auto; }