body {
    margin: 0;
    z-index: 1;
    /*background: url(../images/bg.jpg) scroll center 0px #000;*/
    /*background: url(../images/bgwall.jpg) no-repeat scroll center 0px, url(../images/bg.jpg) scroll center 0px #000;*/
     background: url(../imgslide/slide05.jpg) repeat scroll center 0px #051524 ;
     background-repeat: repeat-x;
    /*background: url(../images/bgbody.jpg) repeat scroll center 0px #fff ; */
    
}
.container {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
.mainContent{
    margin: 0 auto;
    width: 968px;
    
}
.left, .center, .right{
    padding:0;
    margin:0;
    float:left;    
}

.mainContent .left{
    background-image: url(../images/bgdiskon.jpg);
    width: 255px;
    height: 327px;
}

.mainContent .center{
    background-image: url(../images/garis.jpg);
    width: 1px;
    height: 327px;
}

.mainContent .right{
    background-image: url(../imgslide/sampleslide.jpg);
    width: 711px;
    height: 327px;
}

.poolsContent{
    display: block;
    margin: 0 auto;
    position: relative;
    top: 331px;
    width: 968px;
}

.poolsHeader{
    background-image: url("../images/poolheader.jpg");
    background-position: -4px 0;
    height: 5px;
    width: 968px;
}

.titlePools{
    background-image: url(../images/bgpool.jpg);
    height:40px;
}
.sixPools{
    background-color: rgba(5, 21, 36, 0.7);
    /* border-bottom: 2px dotted rgba(255, 255, 255, 0.43); */
    height: 323px;
    padding-left: 3px;
    padding-top: 3px;
    width: 965px;
}

.sixPools .left{
    height: 327px;
    position: absolute;
    width: 100%;
}
.infolink{
    background-image: url(../images/infolink.png);
    width:30px;
    height:30px;
}

.listPools{
    font-family: "Questrial",sans-serif;
    color: #ffffff;
}

.Pools01 .titlePool, .Pools02 .titlePool, .Pools03 .titlePool, .Pools04 .titlePool, .Pools05 .titlePool, .Pools06 .titlePool{
    font-size:24px;
    width:242px;
}  

.Pools01 .linkPool, .Pools02 .linkPool, .Pools03 .linkPool, .Pools04 .linkPool, .Pools05 .linkPool, .Pools06 .linkPool{
    font-size:14px;
} 
 
.Pools01 .periodPool, .Pools02 .periodPool, .Pools03 .periodPool, .Pools04 .periodPool, .Pools05 .periodPool, .Pools06 .periodPool{
    font-size: 24px;
    text-align: center;
    width: 132px;
} 

.Pools01 .datePool, .Pools02 .datePool, .Pools03 .datePool, .Pools04 .datePool, .Pools05 .datePool, .Pools06 .datePool{
    font-size:18px;
    text-align: center;
    width: 132px;    
} 

.Pools01 .resultPool, .Pools02 .resultPool, .Pools03 .resultPool, .Pools04 .resultPool, .Pools05 .resultPool, .Pools06 .resultPool{
    font-size: 32px;
    text-align: center;
    width: 100px;
    padding-right: 15px;
}   
.Pools01:hover, .Pools02:hover, .Pools03:hover, .Pools04:hover, .Pools05:hover, .Pools06:hover{
    background-color:#0A2E44;
    color:#fff;
    text-shadow: 0 0 9px rgba(0,204,255,0.8) , 0 0 11px rgba(0,204,255,1) , 0 0 11px rgba(0,204,255,0.9) , 0 0 11px rgba(0,204,255,0.75) ;
}

.Pools01, .Pools02, .Pools03, .Pools04, .Pools05, .Pools06{
    display:block;
    padding: 6px 30px;
    position: relative;
}

.Pools01{
    color: #3b86b8;
}
.Pools02{
    color: #5398c4;
}
.Pools03{
    color: #64a5cd;
}
.Pools04{
    color: #7bb6da;
}
.Pools05{
    color: #91c7e5;
}

.Pools06{
    color: #aad5ec;
}

.sixPools .right{
    background-image: url("../images/contactus.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 327px;
    position: absolute;
    right: 4px;
    width: 382px;
}

.garisV{
    background: url("../images/garis.jpg") repeat scroll 0 0 transparent;
    display: block;
    height: 307px;
    position: absolute;
    width: 1px;
    z-index: 2;    
}

.garisV.line1 {
    margin-left: 1px;
    margin-top: 15px;
}
.garisV.line2 {
    margin-left: 580px;
    margin-top: 15px;
}
.garisV.line3 {
    margin-left: 966px;
    margin-top: 15px;
}


.linkPool a{
    text-decoration: none;
    color:#D4C524;
    text-shadow: none;
}

.bbID, .fbID, .ymID, .telpID{
    display:block;
}

.bbID {
    margin-top: 26px;
}
.fbID {
    margin-top: 32px;
}
.ymID {
    margin-top: 32px;
}
.telpID {
    margin-top: 32px;
}

.sosmed{
    color: #fff;
    display: list-item;
    font-family: "Questrial",sans-serif;
    font-size: 22px;
    height: 24px;
    margin-left: 46px;
}
.sosmed a{
    text-decoration: none;
    color: #fff;
}
.txtsosmed{
    color: #ffcc00;
    font-family: "Questrial",sans-serif;
    font-size: 16px;
    margin-left: 46px;   
}
      
.footercontent{
    background-image: url(../images/footer.jpg);
    height:68px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 331px;
    width: 968px;    
}
.txtslide01, .txtslide02, .txtslide03, .txtslide04, .txtslide05{
    margin-top: 86px;
    padding-left: 23px;
    text-align: left;
    width: 345px;
}

.text_bpjs{
    font-family: "Questrial",sans-serif;
    color: #fff;
    display:block;   
    font-size: 25px;
    height:auto; 
    padding-bottom:10px;
}
.text_bpjs2{
    font-family: "Questrial",sans-serif;
    color: #fff;
    display:block;  
    font-size:37px;
    text-shadow: 0 0 9px rgba(0, 204, 255, 0.8), 0 0 11px rgba(0, 204, 255, 1), 0 0 11px rgba(0, 204, 255, 0.9), 0 0 11px rgba(0, 204, 255, 0.75);
    height:auto;  
    padding-bottom:10px;  
    letter-spacing: 2px;      
}
.text_bpjs3{
    font-family: "Questrial",sans-serif;
    color: #fff;
    display:block;    
    font-size:20px;  
    letter-spacing: 2px;  
}
		
@media screen and (-webkit-min-device-pixel-ratio:0) {
.bbID {
  margin-top:27px;
}
.fbID {
  margin-top:34px;
}
.ymID {
  margin-top:34px;
}
.telpID {
  margin-top:34px;
}
}