.wrap {
    margin: auto;
    width: 1300px;
    position: relative;
    min-height: 920px;
    overflow: hidden;

}

* {
    outline: none;
}

.relative {
    position: relative;
}

body {
    padding: 0px;
    margin: 0px;
    font-family: Tahoma;
    font-size: 12px;
    background: #000000;
}

.all {
    position: relative;
    background: url(./bg.jpg) top center no-repeat;
    min-width: 1300px;
}

.top_menu {
    position: absolute;
    top: 24px;
  left: 486px;




   background: #A16462;
background: linear-gradient(180deg, rgba(161, 100, 98, 0.92) 0%, rgba(183, 115, 90, 0.93) 50%, rgba(228, 144, 89, 0.94) 100%);
    border-radius: 5px;
}

.top_menu a {

    display: inline-block;
    color: #ffffff;
    padding: 10px 15px 10px 10px;
    text-decoration: none;
    text-shadow: 2px 2px 4px #000000;

}



.top_menu a:hover {
    color: #f2bd8b;
}

.event_menu {}

.b1:hover {
    background: url(./b1a.png) center center no-repeat;

}

.b1 {
    background: url(./b1.png) center center no-repeat;
    width: 203px;
    height: 80px;
    top: 577px;
    left: 170px;
    display: block;
    position: absolute;
    z-index: 999;
}

.b3:hover {
    background: url(./b3a.png) center center no-repeat;

}

.b3 {
    background: url(./b3.png) center center no-repeat;
    width: 145px;
    height: 148px;
   top: 124px;
  left: 213px;




    display: block;
    position: absolute;
    z-index: 999;
}

.b2:hover {
    background: url(./b2a.png) center center no-repeat;

}

.b2 {
    background: url(./b2.png) center center no-repeat;
    width: 264px;
    height: 80px;
    top: 578px;
    left: 694px;
    display: block;
    position: absolute;
    z-index: 999;
}

.s22 {
    background: url(./laptop.png) center center no-repeat;
    top: 198px;
    left: 71px;

    width: 441px;
    height: 389px;


    display: block;
    position: absolute;
    z-index: 2;
}

.dl {
    background: url(./dl1.png) center center no-repeat;
    width: 222px;
    height: 204px;
    top: 372px;
    left: 203px;
    display: block;
    position: absolute;
    z-index: 3;

}

.event_menu .dl:hover {
    background: url(./dl2.png) center center no-repeat;


}





.m {
    position: absolute;
    display: block;
    height: 232px;

    width:121px;
}




.m1 {
    background: url(./m1.png) center center no-repeat;
  top: 569px;
  left: 111px;




}

.m1:hover {
    background: url(./m1a.png) center center no-repeat;

}

.m2 {
    background: url(./m2.png) center center no-repeat;
    top: 569px;
  left: 232px;



}

.m2:hover {
    background: url(./m2a.png) center center no-repeat;
}

.m3 {
    background: url(./m3.png) center center no-repeat;
    top: 568px;
  left: 358px;



}

.m3:hover {
    background: url(./m3a.png) center center no-repeat;
}

.m4 {
    background: url(./m4.png) center center no-repeat;
   top: 569px;
  left: 825px;


}

.m4:hover {
    background: url(./m4a.png) center center no-repeat;
}

.m5 {
    background: url(./m5.png) center center no-repeat;
    top: 568px;
  left: 945px;



}

.m5:hover {
    background: url(./m5a.png) center center no-repeat;
}

.m6 {
    background: url(./m6.png) center center no-repeat;
   top: 567px;
  left: 1075px;


}

.m6:hover {
    background: url(./m6a.png) center center no-repeat;
}