html, body
{
-webkit-text-size-adjust:none;
-webkit-user-select:none;
-webkit-highlight:default;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-touch-callout:none;
-webkit-font-smoothing:subpixel-antialiased !important;
margin:0;
padding:0;
background:#232323;
color:#000;
cursor:default;
text-rendering:optimizeLegibility !important;
height:100%;
width:100%;
}

.arrowLink, .publishing, .privacyPolicy{
font:17px/44px -apple-system-font,helveticaneue,arial;
display:block;
padding:0 30 0 15;
color:#C9C8CD;
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-decoration:none;
height:44;
box-sizing:border-box;
position:relative;
cursor:pointer;
}

info{
display:block;
padding:15px;
box-sizing:border-box;
font:17px/22px -apple-system-font,helveticaneue,arial;
-webkit-user-select:text;
word-wrap:break-word;
color:#C9C8CD;
}

#privacyPolicyID{
color:#C9C8CD;
}

input:-webkit-autofill{
-webkit-box-shadow:0px 0px 0px 50px #000 inset;
-webkit-text-fill-color:#000;
}
input:-webkit-autofill:focus{
-webkit-box-shadow:0px 0px 0px 50px #fff inset;
-webkit-text-fill-color:#000;
}
	
	input[type=radio]{
	opacity:0;
	}

    togglePad{
    display:block;
    padding:0px;
    }

    togglePadRight{
    display:flex;flex-shrink:0;align-items:center;justify-content:center;
    width:212px;padding:0px 15px 0px 10px;
    }
    
    toggleCont{
    display:flex;position:relative;overflow:hidden;box-sizing:border-box;
    background:transparent;
    width:100%;border:1px solid #70E2FD;border-radius:5px;
    font:13px/24px system-ui,"Segoe UI",-apple-system,sans-serif;
    }
    
    toggleSection{
    display:flex;flex-grow:1;position:relative;
    background:transparent;
    height:24px;border-right:1px solid #70E2FD;
    }
    
    toggleSection > label{
    display:inline-block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:2;
    background:transparent;color:#70E2FD;
    margin:0px;padding:0px;
    text-align:center;
    cursor:pointer;
    }
    
    toggleSection input:checked + label{
    background:#70E2FD;color:#232323;
    }

    toggleCont toggleSection:last-child{
    border-right:0px;
    }

*::-webkit-scrollbar{width:14px;-webkit-box-shadow:0px 0px 0px blue;background:#232323}
*::-webkit-scrollbar-track{-webkit-box-shadow:0px 0px 0px red;border-radius:0px;border-left:1px solid #C9C8CD}
*::-webkit-scrollbar-thumb{border-radius:0px;background:#383838;width:10px;border-left:1px solid #C9C8CD;-webkit-box-shadow: inset 0px 0px 0px 2px #232323}

navBarCenter{
display:block;
position:fixed;
width:100%;
text-align:center;
border-bottom:1px solid #C9C8CD;
height:84px;
box-sizing:border-box;
z-index:1;
background:#383838;
}
@media screen and(-webkit-min-device-pixel-ratio:2){navBarCenter{border-bottom:.5px solid #C9C8CD}}

navBarCenter + contPad{
padding-top:45px !important;
}

fd{height:44px;width:44px;position:absolute;top:0;right:0;-webkit-transform:scale(.5)rotate(0deg)}
ft{position:absolute;top:15px;right:13px;height:4px;width:18px;background:#C7C7CD;-webkit-transform:rotate(45deg)}
fb{position:absolute;bottom:15px;right:13px;height:4px;width:18px;background:#C7C7CD;-webkit-transform:rotate(-45deg)}

contPad{
display:block;
background:#232323;
padding:0px 28px 35px 28px;
min-height:100%;
margin:auto;
max-width:510px;
box-sizing:border-box;
transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
}

contBox-x{
display:block;
background:#383838;
width:100%;
position:relative;
box-sizing:border-box;
overflow:hidden;
border-radius:6px;
min-height:44px;
}
innerPop-x contBox-x{border-radius:0px;border-bottom:1px solid #C9C8CD;border-top:1px solid #C9C8CD}

.active{
background:#4ca1ff;
color:#fff;
}

sl{
display:block;
width:100%;
box-sizing:border-box;
font:14px/0px -apple-system-font,helveticaneue,arial;
color:#C9C8CD;
padding:40 0 15 16;
text-transform:uppercase;
margin:0;
}

sd{
width:100%;
height:35;
display:block;
}

.sd65{height:65px}

cmLogo{
margin:8px auto 0px auto;
display:inline-block;
overflow:hidden;
background:url('../IMG/cmlogo_hex2white.png') no-repeat;
background-size:201px 67px;
width:201px;
height:67px;
border-radius:2px;
}
cmLogo:hover{background-color:#5A5A5A;cursor:pointer}

category{
z-index:10;
padding:1px 7px;
margin-right:4.5px;
background:#C9C8CD;
color:#232323;
font:10px/21px -apple-system-font,helveticaneue,arial;
border-radius:8px;
}

title{
display:block;
max-width:205px;
white-space:pre-wrap;
font:17px/19px -apple-system-font,helveticaneue,arial;
}
@media screen and(max-width:320px){title{max-width:150px}}

.aIcon{
display:block;
overflow:hidden;
box-sizing:border-box;
width:100%;
font:17px/44px -apple-system-font,helveticaneue,arial;
height:44px;
position:relative;
padding-left:59px;
cursor:pointer;color:#C9C8CD;text-decoration:none;
}

.imgIcon{
background-size:30px 30px;
height:30px;
width:30px;
position:absolute;
top:7px;
left:15px;
border-radius:22.544%;
cursor:pointer;
z-index:1;
-webkit-touch-callout:default;
}
	
	bk:hover bc *, bkLeft:hover bc *, fdRight:hover fdRightC *{background:#c5def9}
	bkLeft:hover, fdRight:hover {color:#c5def9}
	input:hover{background:#D9D9D9}
	input[type=checkbox]:hover{background:#fff}
	a:hover{background:#4F4F4F}

#android{display:none}
#ios{display:none}
#pc{display:none}

iconRowLg-x{
display:flex;justify-content:flex-start;box-sizing:border-box;position:relative;
color:#fff;
width:100%;min-height:90px;
font:14px/21px system-ui,"Segoe UI",-apple-system,sans-serif;
}

rectLg-x{
width:auto;height:72px;padding:7px 5px 0px 82px;border-radius:2px;margin:9px auto 0px 10px;box-sizing:border-box;
color:#8A9197;
font:12px/17px system-ui,"Segoe UI",-apple-system,sans-serif;text-align:left;overflow:hidden;-webkit-user-select:text;
}
.rectLgPc{padding:7px 5px 0px 151px}
.rectLgMicrosoft{padding:7px 5px 0px 61px}

click-x{
display:flex;width:auto;margin-right:auto;text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}

iconLg-x{
position:absolute;top:14px;left:15px;
width:62px;height:62px;background-size:62px 62px;background-image:url('/img/star.png');border-radius:22.544%;
}
#steam iconLg-x{background-size:131px 62px;width:131px;border-radius:0px}
#microsoft iconLg-x{background-size:41px 62px;width:41px;height:62px;border-radius:0px}
#android iconlg-x, #nintendo iconlg-x, #sony iconlg-x, #microsoft iconlg-x{border-radius:0px}

a{color:#70E2FD}

    rowContRight-x{
    display:flex;flex-shrink:0;align-items:center;justify-content:center;
    padding:0px 15px 0px 10px;
    }

    iconRowLg-x a{
    display:flex;box-sizing:border-box;margin:auto;
    color:#70E2FD;background:#5A5A5A;
    padding:0px 10px 0px 10px;border-radius:14px;/* border:1px solid #70E2FD; */
    font:14px/28px system-ui,"Segoe UI",-apple-system,sans-serif;font-weight:600;
    cursor:pointer;text-decoration:none;text-transform:uppercase;
    }
    iconRowLg-x a:hover{background:#70E2FD;color:#383838}

rowTitleWrap-x{
color:#DBDDE0;
font:17px/21px system-ui,"Segoe UI",-apple-system,sans-serif;white-space:normal; 
}

hp-x{
display:block;box-sizing:border-box;
background:#C9C8CD;
width:100%;height:1px;
border-left:59px solid #383838;
}
#hp15{border-left:15px solid #383838}
input + hp-x{border-left:15px solid #383838}
iconRowLg-x + hp-x{border-left:92px solid #383838}
#steam hp-x{border-left:161px solid #383838}
#microsoft hp-x{border-left:71px solid #383838}
contBox-x hp-x:last-of-type{display:none}

.none{display:none}

outerPop-x{
display:flex;position:fixed;top:0px;left:0px;z-index:4;
background:rgba(0,0,0,.68);
width:100%;height:100%;
cursor:pointer;
}

innerPop-x{
position:relative;display:block;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;
background:#1D1E21;
width:100%;max-width:360px;max-height:75%;margin:auto;border-radius:0px;border:1px solid #C9C8CD;
cursor:default;transform:translateZ(0);
}

iconSm-x{
display:block;
position:absolute;top:8px;left:15px;flex-shrink:0;
width:29px;height:29px;background-size:29px 29px;background-image:url('/img/star.png');
}

#email{border-radius:22.544%;background:url('../IMG/email.svg') no-repeat center;background-color:#5A5A5A}
#facebook{border-radius:22.544%;background:url('../IMG/facebook.svg') no-repeat center}
#twitter{border-radius:22.544%;background:url('../IMG/twitter.svg') no-repeat center}
#youtube{border-radius:22.544%;background:url('../IMG/youtube.svg')}
#discord{border-radius:22.544%;background:url('../IMG/discord.svg') no-repeat center}
#snapchat{border-radius:22.544%;background:url('../IMG/snapchat.svg') no-repeat center}
#instagram{border-radius:22.544%;background:url('../IMG/instagram.svg') no-repeat center}