#header,#footer{
	display:none;
}
#content {
    min-height: 100vh;
}
.page-logged #content {
    min-height: calc(100vh - 99px);
}
.block-region-middle {
    margin-bottom: 0px;
}
div#main{
	background: url(../../background.jpg) no-repeat top center !important;
    background-size: cover !important;
    position:relative;
}
div#main:after {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 500px;
    background: url(../../right-s.png) top right no-repeat;
    content: "";
    background-size: contain;
}
.jwbplatform {
    padding: 40px;
    max-width: 1000px;
    position: relative;
    height: calc(100vh - 94px);
    z-index: 2;

}
div#main:before{
    width: 90%;
    height: 90%;
    background: url(../../sysulogo.png) center center no-repeat;
    background-size: contain;
    content: "";
    opacity: 0.3;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0;
}
.platform-main {
    min-height: calc(100vh - 300px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.platform-logo svg{
	max-width:800px;
	height:auto;
	width: 100%;
}
.platform-main ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
.platform-main ul li{
    width: 210px;
    display: flex;
    align-items: center;
    list-style: none;
    padding: 10px;
    margin: 10px 20px 10px 0;
    position: relative;
    border-radius: 10px;
}

.platform-main ul li:nth-child(1){
	background-color:#3EC1D3;
}
.platform-main ul li:nth-child(2){
	background-color:#CC4B24;
}
.platform-main ul li:nth-child(3){
	background-color:#D38F3E;
}
.platform-main ul li:nth-child(4){
	background-color:#4E4795;
}
.platform-main ul li:nth-child(5){
	background-color:#CFBD2A;
}
.platform-main ul li:nth-child(6){
	background-color:#357D29;
}
.platform-main ul li:nth-child(7){
	background-color:#8E3016;
}
.platform-main ul li:nth-child(8){
	background-color:#63B0DA;
}
.platform-main ul li:nth-child(9){
	background-color:#9D7A1C;
}
.platform-main ul li:nth-child(10){
	background-color:#1C609D;
}
.platform-main ul li:nth-child(11){
	background-color:#5F4795;
}
.platform-main ul li:nth-child(13){
	background-color:#0A71FF;
}
.platform-main ul li:nth-child(14){
	background-color:#71B909;
}
.platform-main ul li:hover{
	background-color:#005826;
	box-shadow:2px 2px 6px #333;
}
.platform-main ul li:hover{
	background-color:#005826;
	box-shadow:2px 2px 6px #333;
}
.platform-main ul li a{
position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    left: 0;
    top: 0;
}
.platform-main ul li{
	    color: #FFF;
}
.platform-main ul li svg,.platform-main ul li img{
	width:40px;
	height:40px;
}
.platform-main ul li p{
	color:#FFF; 
	margin-bottom: 0;
    line-height: 1;
    padding: 5px;
    font-size:18px;
}
.jwbplatform-copyright{
}
.jwbplatform-copyright,.jwbplatform-copyright p{
	color:rgba(255,255,255,0.6);
}
.jwbplatform-copyright .link a{
	color:#FFF;
	padding: 0 5px 0 0;
}