html,body{margin:0;padding:0;height:100%;width:100%}body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;font-size:12px;background:#fff}.page-panel{padding:0;padding-top:85px;height:calc(100% - 85px);width:100%}.page-main{min-height:calc(100% - 150px)}.page-header{position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:10}.infobar{width:100%;height:40px;background:#3c97d9}.menu-nav{width:100%;height:45px;display:flex;flex-direction:row}.logo-box{display:inline-block;margin:5px 0 0 5px;padding:0;cursor:pointer}.img-logo{width:130px;margin:0;padding:0}.menu-box{display:inline-block;margin-left:44px;margin-top:18px;box-sizing:border-box;vertical-align:top}.user-box{display:inline-block;margin:18px 18px 0 auto;box-sizing:border-box;vertical-align:top}.menu-ul{margin:0;padding:0;list-style-type:none;font-size:12px}.menu-ul>li{display:inline-block;margin:0 16px;padding-bottom:5px;font-size:14px;font-weight:500;color:#777;cursor:pointer;text-transform:uppercase}.menu-ul>li:hover{border-bottom:3px solid #3c97d9;color:#3c97d9}.menu-ul a{text-decoration:none;color:inherit}.menu-current{color:#3c97d9!important}.has-dropdown{position:relative}.dropdown{display:none;position:absolute;left:50%;top:calc(100% + 3px);z-index:10;padding:20px;margin-left:-100px;cursor:default;background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.has-dropdown:hover .dropdown{display:block}.menuitems-ul{margin:0;padding:0;list-style-type:none}.menuitems-ul>li{text-transform:none;cursor:pointer;color:#777}.menuitems-ul>li:hover{background:#f0f0f0}.menuitem-link{display:flex;align-items:center;height:60px;width:260px}.menuitem-link svg{stroke:#298cd4;fill:#298cd4;stroke-width:1;height:30px;width:30px}.menuitem-link>div:first-child{height:30px;width:30px;box-sizing:border-box}.menuitem-link>div:last-child{display:flex;flex-direction:column;flex-grow:1;margin-left:10px}.dropitem-label1{line-height:14px}.dropitem-label2{font-size:12px;font-weight:normal}.banner-box{width:100%;padding:30px 0 10px}.banner{width:100%;line-height:40px;font-size:40px;text-align:center}.link-anchor{display:block;position:relative;top:-100px;visibility:hidden}.page-footer{padding:0 30px;height:150px;background-color:#f0f0f0;display:flex;flex-direction:column}.nav-row-panel{width:100%;color:#777}.nav-row{width:100%;display:flex;justify-content:center;align-items:stretch}.nav-col{box-sizing:border-box;padding:0 15px;flex:1;color:#777}.nav-col-header{font-size:14px;font-weight:500;padding:15px 0 5px;margin:0}.nav-col-list{font-size:12px;line-height:18px;list-style-type:none;margin:0;padding:0}.nav-list-link{text-decoration:none;color:#777}.nav-list-link:hover{text-decoration:underline}.billboard{padding:30px;background:#fff}.items-panel{width:100%;display:flex}.item{box-sizing:border-box;padding:0 15px;flex-grow:1}.appdev-box{width:calc(100% - 60px);height:400px;padding:0 30px;margin:20px 0;background:#fff}.appdev{width:100%;height:100%;background:#f5f5dc;display:flex;align-items:center;justify-content:center}.appsupport{width:100%;height:100%;background:#f5f5dc;display:flex;align-items:center;justify-content:center}.dataupgrade{width:100%;height:100%;background:#f5f5dc;display:flex;align-items:center;justify-content:center}.devshare{width:100%;height:100%;background:#f5f5dc;display:flex;align-items:center;justify-content:center}.xi-about-box{width:100%;padding:30px 0;margin:30px 0;background:#777;color:#fff}.xi-about{width:calc(100% - 60px);padding:0 30px;font-size:28px;text-align:center}.xi-has-dropdown{position:relative}.xi-dropdown{display:block;position:absolute;left:50%;top:calc(100% + 3px);z-index:10;min-width:300px;min-height:400px;margin-left:-150px;background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);transform:scale(1,0);transform-origin:top;transition:transform .2s ease}.xi-has-dropdown:hover .xi-dropdown{transform:scale(1,1)}.display-none{display:none!important}.display-block{display:block}.product-section{padding:10px 30px;border-top:1px solid #f0f0f0}.product-header h2{font-size:14px;font-weight:500;padding:5px 0;margin:0;color:#551a8b}.product-detail ul{margin:0;padding:10px 0 0 10px;font-size:14px}.product-detail li{margin:10px;padding:0;color:#777}.highlights{padding:15px 30px}.highlight-panel{flex-wrap:wrap;background:#fff}.highlight-item{flex:50%;display:flex;flex-direction:column;padding:15px}.highlight-item>a{text-decoration:none}.product-highlight{border:1px solid #cfcfcf;padding:15px}.product-highlight>img{width:100%;height:auto;margin:0;padding:0}.product-highlight>h2{font-size:14px;font-weight:500;padding:15px 0 5px;margin:0}.product-highlight>div:last-child{font-size:11px;font-weight:normal;color:#777}.form{}.form-panel{padding:20px}.form-row{display:flex;flex-direction:row}.field-column{flex-grow:1;margin:7px 0}.field-column:first-child{margin-right:14px}.field{font-size:14px;margin:14px 0;width:100%}.field-input{position:relative}.field-value{box-sizing:border-box;height:50px;width:100%;padding:17px 10px 4px;font-size:14px;color:#2c2e2f;border:1px solid #b7bcbf;border-radius:4px;outline-color:#009cde}.field-label{position:absolute;top:4px;left:8px;font-size:10px;color:#687173;pointer-events:none;transition:font-size .1s ease-in-out,top .1s ease-in-out,background-color 10ms .1s linear}.field-value:placeholder-shown:not(:focus)+.field-label{top:15px;font-size:14px}.field-button{width:100%;position:relative}.field-submit{width:100%;height:50px;line-height:50px;box-sizing:border-box;border:none;border-radius:4px;background:#33649b;color:#fff;text-transform:uppercase;font-size:14px;font-weight:bold;cursor:pointer;text-align:center;outline:none}.field-submit:hover{background-color:#3c97d9}.field-input-textarea{position:relative;width:100%;box-sizing:border-box;padding:23px 0 0 0;margin:0;border:1px solid #b7bcbf;border-radius:4px}.field-input-textarea:focus-within{outline:1px solid #009cde;border-color:#009cde}.field-value-textarea{width:100%;height:80px;padding:0 10px;box-sizing:border-box;border:none;outline:none;resize:none;color:#2c2e2f;font-size:inherit;font-family:Arial}.field-value-textarea+.field-label{left:7px}.field-value-textarea:placeholder-shown:not(:focus)+.field-label{top:15px;font-size:14px}