body{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
width:100%;
background-image:url("pagebg.jpg");
background-size:100% auto;
height:100%;
}

.container{
width:440px;
height:440px;
margin: auto;
border-style:solid;
border-width:1px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-image:url("background.jpg");
background-size: 100% auto;
cursor:crosshair;
z-index:4;
}


.effect1{
width:630px;
height:630px;
margin: auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:black;
border-radius:360px;
z-index:3;
}

.effect2{
width:800px;
height:800px;
margin: auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:white;
border-radius:370px;
transition:all 0.5s;
z-index:2;
backface-visibility:hidden;
}


.effect3{
width:100px;
height:100px;
margin: auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-style:solid;
border-color:rgba(255,255,255,0.5);
border-width:5px;
border-radius:450px;
transition:all 0.5s;
z-index:1;
backface-visibility:hidden;
}



.fixedlogo{
position:fixed;top:0px;left:0px;
background-color:rgba(255,255,255,0.5);

}

.setingpull{
width:90px;
height:50px;
background-color:#FFFFFF;
position:fixed;top:220px;left:0px;
border-top-right-radius:40px;
border-bottom-right-radius:40px;
transition:all 0.7s;
}

.setingpull:hover{
width:110px;
}

.seting{
display:none;
position:fixed;top:50px;left:0px;
width:110px;height:500px;
background-color:rgba(255,255,255,0.5);
transition:all 0.5s;
border-top-right-radius:100px;
border-bottom-right-radius:100px;
}

.seting:hover{
width:280px;
}



.score{
position:fixed;
top:0px;
right:0px;
color:#00CCCC;
background-color:#00FFFF;
}



.result{
margin: auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:white;
width:10px;
height:100px;
z-index:6;
display:none;
transition:all 1.0s;
border-radius:50px;
text-align:center;
font-size:30px;
}



.startbtn{
width:490px;
height:90px;
margin: auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:white;
z-index:5;
text-align:center;
border-radius:50px;
box-shadow: 0px 0px 10px 10px rgba(239,117,188,0.7);
border-style:outset;
border-width:10px;
border-color:#ff1493;
transition:all 0.2s;
}


.count1{
width:70px;
height:40px;
position:fixed;top:200px;right:0px;
background-color:white;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
text-align:center;
border-style:solid;
border-width:3px;
border-color:#FF8C00;
}


.count2{
width:70px;
height:40px;
position:fixed;top:260px;right:0px;
background-color:white;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
text-align:center;
border-style:solid;
border-width:3px;
border-color:#FF8C00;
}

.closebtn{
width:490px;
height:90px;
margin: auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:white;
z-index:5;
text-align:center;
border-radius:50px;
box-shadow: 0px 0px 10px 10px rgba(239,117,188,0.7);
border-style:outset;
border-width:10px;
border-color:#ff1493;
display:none;
transition:all 0.2s;
}


.rightmapselect{
width:0px;
height:630px;
position:absolute; top:0px;left:0px;
background-color:rgba(255,255,255,0.8);
z-index:10;
display:none;
transition:all 0.3s;
border-style:ridge;
border-width:5px;
border-color:#ff1493;
overflow:scroll;
backface-visibility:hidden;
}

.leftlogselect{
width:0px;
height:630px;
position:absolute; top:0px;right:0px;
background-color:rgba(0,0,0,0.5);
z-index:10;
display:none;
transition:all 0.3s;
border-style:ridge;
border-width:5px;
border-color:white;
color:white;
overflow:scroll;
backface-visibility:hidden;
}

.News{
color:white;
font-size:25px;
}

.rightmapselect:hover{
width:450px;
background-color: #FFFFFF;
}

.startbtn:hover{
background-color:#696969;
}

.closebtn:hover{
background-color:#696969;
}




.CLcentering{
margin:0 auto;
width:1000px;
}

.CLheader{
width:1000px;
height:60px;
background-color:#DB7093;
color:white;
}

.CLarticle{
width:1000px;
background-color:white;
}

.tdftad{
position:absolute;bottom:0px;
}

pre {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.IXcentering{
margin: auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:1200px;
}


.IXheader{
width::100%;
height:30%;

}

.IXarticle{
width:100%;
height:50%;
position:relative;
}

.IXfooter{
width:100%;
height:20%;

}

.circle1:hover{background-color:#FFFFFF;}
.circle2:hover{background-color:#FFFFFF;}
.circle3:hover{background-color:#FFFFFF;}
.circle4:hover{background-color:#FFFFFF;}
.circle5:hover{background-color:#FFFFFF;}
.circle6:hover{background-color:#FFFFFF;}
.circle7:hover{background-color:#FFFFFF;}
.circle8:hover{background-color:#FFFFFF;}
.circle9:hover{background-color:#FFFFFF;}
.circle10:hover{background-color:#FFFFFF;}
.circle11:hover{background-color:#FFFFFF;}
.circle12:hover{background-color:#FFFFFF;}
.circle13:hover{background-color:#FFFFFF;}
.circle14:hover{background-color:#FFFFFF;}
.circle15:hover{background-color:#FFFFFF;}
.circle16:hover{background-color:#FFFFFF;}
.circle17:hover{background-color:#FFFFFF;}
.circle18:hover{background-color:#FFFFFF;}
.circle19:hover{background-color:#FFFFFF;}
.circle20:hover{background-color:#FFFFFF;}
.circle21:hover{background-color:#FFFFFF;}
.circle22:hover{background-color:#FFFFFF;}
.circle23:hover{background-color:#FFFFFF;}
.circle24:hover{background-color:#FFFFFF;}
.circle25:hover{background-color:#FFFFFF;}
.circle26:hover{background-color:#FFFFFF;}

.circle1a:hover{background-color:#FFFFFF;}
.circle2a:hover{background-color:#FFFFFF;}
.circle3a:hover{background-color:#FFFFFF;}
.circle4a:hover{background-color:#FFFFFF;}
.circle5a:hover{background-color:#FFFFFF;}
.circle6a:hover{background-color:#FFFFFF;}
.circle7a:hover{background-color:#FFFFFF;}
.circle8a:hover{background-color:#FFFFFF;}
.circle9a:hover{background-color:#FFFFFF;}
.circle10a:hover{background-color:#FFFFFF;}
.circle11a:hover{background-color:#FFFFFF;}
.circle12a:hover{background-color:#FFFFFF;}
.circle13a:hover{background-color:#FFFFFF;}
.circle14a:hover{background-color:#FFFFFF;}
.circle15a:hover{background-color:#FFFFFF;}
.circle16a:hover{background-color:#FFFFFF;}
.circle17a:hover{background-color:#FFFFFF;}
.circle18a:hover{background-color:#FFFFFF;}
.circle19a:hover{background-color:#FFFFFF;}
.circle20a:hover{background-color:#FFFFFF;}
.circle21a:hover{background-color:#FFFFFF;}
.circle22a:hover{background-color:#FFFFFF;}
.circle23a:hover{background-color:#FFFFFF;}
.circle24a:hover{background-color:#FFFFFF;}
.circle25a:hover{background-color:#FFFFFF;}
.circle26a:hover{background-color:#FFFFFF;}