body {margin: 0px;}

#container {
    background-color: black;
    border: 1px solid gray;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    overflow: hidden;
    position: absolute;
    width: 300px;
    height: 600px;
}

#container * {
    position: absolute;
}

.bg {
    width: 300px;
    height: 600px;
    background-color: #e3e4e5;
}

img    {
    width:100%;
    height:100%;
}

#redLine{
    top: 288px;
    left: 16px;
    width: 3px;
    height: 52px;
    background-color: #b21e3e;
}

#goMask{
    top: 297px;
    left: 18px;
    width:100px;
    height: 35px;
    overflow: hidden;
}

/*CTA*/
#cta{width: 260px;height: 44px;top: 436px;left: 18px;}

.cta-text,.cta-hover{top: 13px;left: 55px;width: 153px;height:19px;}

.cta-in{
    width: 261px;
    height: 43px;
    background-color: #a41034;
    border: 1px solid #a41034;
}
.cta-out{
    width: 261px;
    height: 43px;
    background-color: #000000;
    border: 1px solid #000000;
}

/*SPRITE POSITION*/
.t1-1{
    top: 154px;
    left: 8px;
    width: 232px;
    height: 45px;
    background-size: 232px 45px;
}
.t1-2{
    top: 197px;
    left: -2px;
    width: 258px;
    height: 52px;
}

.t1-3{
    top: 252px;
    left: 3px;
    width: 104px;
    height: 42px;
}
.t2{
    top: 159px;
    left: 12px;
    width: 258px;
    height: 42px;
}

.t3-1{
    top: 122px;
    left: 7px;
    width: 258px;
    height: 42px;
}
.t3-2{
    top: 171px;
    left: 7px;
    width: 258px;
    height: 46px;
}
.t3-3{
    top: 221px;
    left: 7px;
    width: 258px;
    height: 44px;
}

.go-1{
    top: 203px;
    left: 93px;
    width: 115px;
    height: 64px;
}

.go-2{
    top: -1px;
    left: 12px;
    width: 64px;
    height: 38px;
}


.logo{
    top: 507px;
    left: 18px;
    width: 210px;
    height: 66px;
}

.playBtn{
    top: 26px;
    left: 97px;
    width:104px;
    height:104px;
}

.seq {
    background: url('seq.png') top left no-repeat;
    width: 300px;
    height: 600px;
    top: -10px;
    left: -2px;
}