.activity-page {
    background: url("pc_bg.png") 50% 50% no-repeat;
    height: 1323px;
    overflow: hidden;

}

body {
    background-color: rgb(236, 245, 255);
}

.box-wrapper {
    position: relative;
    width: 972px;
    height: 252px;
    margin: 428px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ticket-box {
    width: 292px;
    height: 102px;
    position: relative;
}

.ticket-box-big {
    width: 342px;
    height: 342px;
    position: relative;
}

.ticket-1 {
    background: url("ticket-1-bg.png") 50% 50% no-repeat;
}

.ticket-2 {
    background: url("ticket-2-bg.png") 50% 50% no-repeat;
}

.ticket-3 {
    background: url("ticket-3-bg.png") 50% 50% no-repeat;
}

.ticket-4 {
    background: url("ticket-4-bg.png") 50% 50% no-repeat;
}

.ticket-5 {
    background: url("ticket-5-bg.png") 50% 50% no-repeat;
}

.ticket-6 {
    background: url("ticket-6-bg.png") 50% 50% no-repeat;
}

.ticket-1-pressed {
    background: url("ticket-1-pressed-bg.png") 50% 50% no-repeat;
}

.ticket-2-pressed a {
    pointer-events: none;
}

.ticket-2-pressed {
    background: url("ticket-2-pressed-bg.png") 50% 50% no-repeat;
}

.ticket-3-pressed {
    background: url("ticket-3-pressed-bg.png") 50% 50% no-repeat;
}

.ticket-4-pressed {
    background: url("ticket-4-pressed-bg.png") 50% 50% no-repeat;
}

.ticket-5-pressed {
    background: url("ticket-5-pressed-bg.png") 50% 50% no-repeat;
}

.ticket-6-pressed {
    background: url("ticket-6-pressed-bg.png") 50% 50% no-repeat;
}

.ticket-box a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: white;
    font-weight: bolder;
    letter-spacing: 4px;
    font-size: 18px;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
}

.ticket-box a:hover {
    /*color: #ff3c49;*/
    background: transparent;
}

.ticket-box-big a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: white;
    font-weight: bolder;
    letter-spacing: 4px;
    font-size: 18px;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
}

.ticket-box-big a:hover {
    /*color: #ff3c49;*/
    background: transparent;
}

.btn-wrapper {
    position: absolute;
    top: 750px;
    left: 50%;
    margin-left: -193px;
    width: 386px;
    height: 84px;
    /*margin-top: 98px;*/
    background: url("btn.png") 50% 50% no-repeat;
    cursor: pointer;
}

.btn-wrapper a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*display: block;*/
    /*width: 303px;*/
    /*height: 73px;*/
    /*margin: 0 auto;*/
}

.btn-wrapper a:hover {
    background-color: transparent;
}

#ft {
    width: 100%;
    background-color: rgb(236, 245, 255);
}