/*-----------------------------------------------------sho1 star*/
.sho1 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-01.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:10.5px;
    margin-top:10.5px;
}
.sho1 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho1 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho1 .massger a{
    position: absolute;
}
.sho1 .massger .icon1{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho1 END*/
/*---------------------------------------------------sho2 star*/
.sho2 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-02.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:10.5px;
    margin-top:10.5px;
}
.sho2 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho2 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho2 .massger a{
    position: absolute;
}
.sho2 .massger .icon2{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho2 END*/
/*----------------------------------------------------sho3 star*/
.sho3 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-03.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:330px;
    margin-top:10.5px;
}
.sho3 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho3 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho3 .massger a{
    position: absolute;
}
.sho3 .massger .icon3{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho3 END*/
/*----------------------------------------------------sho4 star*/
.sho4 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-04-1.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:330px;
    margin-top:10.5px;
}
.sho4 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho4 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho4 .massger a{
    position: absolute;
}
.sho4 .massger .icon4{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho4 END*/
/*----------------------------------------------------sho5 star*/
.sho5 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-05.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:648.5px;
    margin-top:10.5px;
}
.sho5 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho5 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho5 .massger a{
    position: absolute;
}
.sho5 .massger .icon5{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho5 END*/
/*----------------------------------------------------sho6 star*/
.sho6 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-06.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:10.5px;
    margin-top:330px;
}
.sho6 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho6 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho6 .massger a{
    position: absolute;
}
.sho6 .massger .icon6{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho6 END*/
/*----------------------------------------------------sho7 star*/
.sho7 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-07.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:330px;
    margin-top:330px;
}
.sho7 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho7 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho7 .massger a{
    position: absolute;
}
.sho7 .massger .icon7{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho7 END*/
/*----------------------------------------------------sho8 star*/
.sho8 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-08-1.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:10.5px;
    margin-top:648.5px;
}
.sho8 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho8 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho8 .massger a{
    position: absolute;
}
.sho8 .massger .icon8{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho8 END*/
/*----------------------------------------------------sho9 star*/
.sho9 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-09.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:648.5px;
    margin-top:330px;
}
.sho9 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho9 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho9 .massger a{
    position: absolute;
}
.sho9 .massger .icon9{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho9 END*/
/*----------------------------------------------------sho10 star*/
.sho10 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-10.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:648.5px;
    margin-top:10.5px;
}
.sho10 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho10 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho10 .massger a{
    position: absolute;
}
.sho10 .massger .icon10{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho10 END*/
/*----------------------------------------------------sho11 star*/
.sho11 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-11.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:330px;
    margin-top:648.5px;
}
.sho11 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho11 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho11 .massger a{
    position: absolute;
}
.sho11 .massger .icon11{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho11 END*/
/*----------------------------------------------------sho12 star*/
.sho12 {
    position:absolute;
    overflow:hidden;
    background-image:url('/tmp/files/images/clinet-12.png');
    width:300px;
    height:300px;
    float:left;
    border:1px solid #d2d2d2;
    margin-left:648.5px;
    margin-top:648.5px;
}
.sho12 .massger {
   position:absolute;
   overflow:hidden;
   background-color:#5fbf00;
   width:300px;
   height:300px;
   opacity:0;
}
.sho12 .massger p{
    color:#ffffff;
    text-align:center; 
    font-size:24px;
    top:210px;
    left:59px;
    position: absolute;
}
.sho12 .massger a{
    position: absolute;
}
.sho12 .massger .icon12{
 margin-top:50px;
 margin-left:100px;
 position: absolute;
}
/*----------------------------------------------------sho12 END*/