@charset "UTF-8";

.banner {
    width:298px;
    height:248px;
    border:1px solid #333;
    background:#98d2e8 url(bg.jpg) -1px -1px no-repeat;
    overflow:hidden;
}
#loader_container {
}
#btn-exit{
    width:298px;
    height:248px;   
    cursor:pointer;
    opacity:0;
}

.copyblue{
    width:0;
}

#copy-1{
    top:16px;
    left:111px;
    height:21px;
    background:url(copy01.png) no-repeat;
}

#copy-2{
    top:35px;
    left:111px;
    height:16px;
    background: url(copy01.png) 0px -21px no-repeat;
}

#copy-3{
    top:50px;
    left:111px;
    height:16px;
    background: url(copy01.png) 0px -38px no-repeat;
}

#copy-4{
    top:64px;
    left:111px;
    height:16px;
    background: url(copy01.png) 0px -54px no-repeat;
}

#copy1{
    top:20px;
    left:109px;
    width:142px;
    height:21px;
    opacity:0;
}
#copy2{
    top:32px;
    left:139px;
    width:132px;
    height:16px;
    opacity:1;
}
#copy3{
    top:46px;
    left:122px;
    width:142px;
    height:16px;
    opacity:1;
}
#copy4{
    top:60px;
    left:121px;
    width:142px;
    height:16px;
    opacity:1;
}
.copybent{
    left:11px;
    opacity:0;
}
#copy-bent{
    top:81px;
    width:61px;
    height:27px;
    background:url(copybent.png) no-repeat;
}
#copy-bent-2{
    top:105px;
    width:61px;
    height:32px;
    background:url(copybent.png) 0px no-repeat;
}
#copy-bent-3{
    top:138px;
    width:61px;
    height:32px;
    background:url(copybent.png) 0 -57px no-repeat;
}
#A-mask{
    margin:0 auto;
    top:81px;
    left:0;
    right:0;
    width:284px;
    height:84px;
    overflow:hidden;
}
#A4{
    width:493px;
    height:203px;
    background:url(A4.jpg);
    opacity:0;
}
#A5{
    left:1px;
    width:283px;
    height:157px;
    background:url(A5.jpg);
    opacity:0;
}
#A6{
    left:1px;
    width:283px;
    height:157px;
    background:url(A6.jpg);
    opacity:0;
}
#cta{
    top:81px;
    right:25px;
    width:158px;
    height:34px;
    background:url(cta.png);
    opacity:0;
}
#replay-btn{
    top:21px;
    right:14px;
    width:24px;
    height:24px;
    background:url(replay-btn.png);
    opacity:0;
    cursor:pointer;
}
#logo{
    top:31px;
    left:15px;
    width:64px;
    height:48px;
    background:url(logo.png);
}
#isi{
    left:6px;
    bottom:13px;
    width:286px;
    height:68px;
    overflow:hidden;
}
#isi-text{
    left:4px;
    width:263px;
    height:68px;
    overflow-x:hidden;
    padding:0 60px 0 0;
    color:#4d4d4f;
}
#isi-text p,li{
    font-family:Arial;
    font-size:11px;
    letter-spacing:.09px;  
    margin-bottom:6px;    
}
#isi-text sup{
    vertical-align:46%;
    font-size:6.5px;
}
#isi-text p.list{
    padding-left:7px;
}
#isi-box p.list{
    padding-left:17px;
}
.bold{
    font-weight:bold;
    margin-bottom:6px;   
}
#isi-box{
    width:266px;
    height:229px;
    border:#898888 1px solid;
}
#final-text{
    margin-top:235px;
    width:266px;
    height:223px;
}
#link{
    width:110px;
    font-family:Arial;
    font-size:8px;
    left:10px;
    top:10px;
    letter-spacing:.15px;
    text-decoration:underline;
    color:#292828;
    line-height:10px;
    cursor:pointer;
}
#code{
    font-family:Arial;
    font-size:8px;
    right:1px;
    bottom:0px;
    letter-spacing:.15px;
}
.centered{
    text-align:center;
    padding:8px 6px 1px 9px;    
}
#isi-controls{
    right:0;
    height:235px;
    width:15px;
}
.circle{
    width:4px;
    height:4px;
    border-radius:3px;
    float:left;
    margin-top:4px;
    background:#4d4d4f;
}
.scroller {
    z-index:5;
    cursor:pointer;
    position:absolute;
    width:6px;
    height:16px;
    border-radius:5px;
    top:5px;
    right:6.9px;
    background:#898888;
    -webkit-transition: top .08s;
    -moz-transition: top .08s;
    -ms-transition: top .08s;
    -o-transition: top .08s;
    transition: top .08s;
}
.isiLine{
    position:absolute; 
    width:6px;
    height:53px;
    background:#fff;
    border-radius:5px;
    top:10px;
    right:7px;
    opacity:.4;
}