body 
{background : #0B0503 url(../images/1180.jpg);
margin: 0px;
}

.tab1 {
 border: 0px;
 width: 960px ;
height: 636px;
}
.tab2 {
height: 237px;
width: 187px;
}
.tab3 {
height: 237px;
width: 164px;
}

a {
	color: #800000;
	text-decoration: none;
}

a:hover {
	color: #006400;
	text-decoration: none;
}

.float-parent{
    width:100%;
    height: auto;
     position:fixed; 
     bottom:0;
     right:0;
     color:#fff;
}
.float-right-1{
    width:50%;
    height:60px;
    background:#0078c1;
    float:right;  
    text-align:center;
     
}
.float-right-1:hover, .float-right-2:hover{
    background:#0594eb;
     
}

.float-right-2{
 right:0;
    width:50%;
    height:60px;
    background:#0078c1;
    float:left;  
    text-align:center;       
}

.defaultYJ_logo1, .YJ_logo1, .YJ_logoOver1{display:block; position:relative; float:left; width:365px; height:290px; background:url(../images/1.jpg) no-repeat left top; text-decoration:none; text-indent:-7500px; color:#FFF; text-align:center; font:normal 11px/36px tahoma,Arial,Helvetica,sans-serif}
.YJ_logoOver1, .YJ_logo1:hover{background:url(../images/1.jpg) no-repeat right bottom}

.defaultYJ_logo2, .YJ_logo2, .YJ_logoOver2{display:block; position:relative; float:left; width:365px; height:290px; background:url(../images/2.jpg) no-repeat left top; text-decoration:none; text-indent:-7500px; color:#FFF; text-align:center; font:normal 11px/36px tahoma,Arial,Helvetica,sans-serif}
.YJ_logoOver2, .YJ_logo2:hover{background:url(../images/2.jpg) no-repeat right bottom}

.defaultYJ_logo3, .YJ_logo3, .YJ_logoOver3{display:block; position:relative; float:left; width:365px; height:290px; background:url(../images/3.jpg) no-repeat left top; text-decoration:none; text-indent:-7500px; color:#FFF; text-align:center; font:normal 11px/36px tahoma,Arial,Helvetica,sans-serif}
.YJ_logoOver3, .YJ_logo3:hover{background:url(../images/3.jpg) no-repeat right bottom}

.defaultYJ_logo4, .YJ_logo4, .YJ_logoOver4{display:block; position:relative; float:left; width:365px; height:290px; background:url(../images/4.jpg) no-repeat left top; text-decoration:none; text-indent:-7500px; color:#FFF; text-align:center; font:normal 11px/36px tahoma,Arial,Helvetica,sans-serif}
.YJ_logoOver4, .YJ_logo4:hover{background:url(../images/4.jpg) no-repeat right bottom}


@media (min-width: 450px) and (max-width: 767px) {
	

.float-parent a{
     color:#fff !important;
}
.float-right-1{
    width:50%;
    height:60px;
    background:#0078c1;
    float:right;  
    text-align:center;
     
}
.float-right-2{
 right:0;
    width:50%;
    height:60px;
    background:#0078c1;
    float:left;  
    text-align:center;       
}
.float-right-1:hover, .float-right-2:hover{
    background:#0594eb;
     
}
}

@media (min-width: 767px) and (max-width: 1920px) {
	

.float-parent a{
     color:#fff !important;
	 display:none;
}
.float-right-1{
    width:50%;
    height:60px;
    background:#0078c1;
    float:right;  
    text-align:center;display:none;
     
}
.float-right-2{
 right:0;
    width:50%;
    height:60px;
    background:#0078c1;
    float:left;  
    text-align:center;  display:none;     
}
.float-right-1:hover, .float-right-2:hover{
    background:#0594eb;display:none;
     
}
}