*                  { box-sizing: border-box; }
body               { margin: 0; padding: 0; font-family: sans-serif;}
body, html         { height: 100%;}
h1, h2, h3, p      { margin: 0; padding: 0;}
.landing-logo      { text-align: center;}
.landing-logo img  { height: 74px; margin-top: 45px;}
body               { background-image: url(../img/landing/bg-Image.jpg); background-position: 0px -70px; background-repeat: no-repeat; background-size: cover; height: 100%; }
.landing-wrapper   { height: 100%;}
.module-icon       { width: 40px; height: 40px; background-image: url(../img/landing/sprite.png);}
.op-icon           { background-position: -20px -20px;}
.ip-icon           { background-position: -100px -180px;}
.ds-icon           { background-position: -180px -20px;}
.pacs-icon         { background-position: -180px -180px;}
.ris-icon          { background-position: -20px -180px;}
.dms-icon          { background-position: -20px -100px;}
.qi-icon           { background-position: -100px -100px;}
.fb-icon           { background-position: -180px -100px;}
.int-icon          { background-position: -100px -20px;}
.module-type       { border: 1px solid #C6D5EE; width: 90px; height: 90px; border-radius: 50%; background: #CFDAFF; display: flex; justify-content: center; align-items: center; background: linear-gradient(to bottom left, #ffffff, #E9F6FC, #CFDAFF); box-shadow: -1px 1px 4px 0px rgba(0,0,0,0.35); cursor: pointer;}
.landing-body      { width: 100%; position: fixed; bottom: 200px; left: 0px; right: 0px;}
.module-wrapper    { display: flex; justify-content: center; align-items: center; width: 1260px; margin: 0 auto;}
.module-col        {width: 400px;padding: 30px 40px 26px 40px;position: relative;display: flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 4px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);margin: 0 20px;}
.module-div        { margin:0 10px;}
.module-title      { position: absolute;  padding: 5px 0px 3px 0px; border-radius: 20px; top: -12px; left: 50%; margin-left: -60px; width: 120px; background-color: #a9356f;}
.module-title p               { color: #fff; font-size: 17px; text-align: center;}
.module-name                  { text-align: center; margin-top: 10px;}
.module-name label            { font-size: 15px; color: #a9356f; font-weight: bold;}
.landing-footer               { position: fixed; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; border: 1px solid #DFDFDF; background-color: #fff;}
.support-panel                { display: flex;}
.support-col label            { color: #848484; font-size: 11px;}
.support-col  p               { color: #000; font-size: 13px;}
.support-col                  { margin-right: 45px;}
.landing-footer-right         { display: flex; align-items: center;}
.landing-footer-right label   { color: #848484; font-size: 13px;}
.landing-footer-logo          { margin-left: 20px;}
.landing-footer-logo img      { height: 30px;}