body, html{
margin:0px;
background:#ccc;
overflow:hidden;
-webkit-user-select:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

*{font-family: -apple-system-font, helveticaneue, sans-serif, arial;}

device{
display:block;
background: -webkit-radial-gradient(bottom, 100% 97%, #BCBAC1, #4F5865);
/* background:salmon; */
width:100%;
max-width:320px;
height:100%;
max-height:568px;
margin:auto;
position:relative;
overflow:hidden;
}

reload{
position:absolute;
top:0px;
left:0px;
display:block;
height:100%;
width:100%;
background:salmon;
opacity:.1;
/* pointer-events:none; */
}

fight{
display:none;
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}

currency{
width:200px;
color:#fff;
line-height:26px;
display:flex;
margin:0px 15px 0px 0px;
cursor:pointer;
}

energy{
border-top:2px solid #eee;
background:rgba(200,200,200,.4);
margin:5px 0px 5px 3px;
flex:1;
}

gems{
border-top:2px solid #eee;
background:rgba(200,200,200,.4);
margin:5px 0px 5px 3px;
flex:1;
}

gold{
border-top:2px solid #eee;
background:rgba(200,200,200,.4);
margin:5px 3px 5px 3px;
flex:1;
}

topBar{
display:flex;
background:rgba(200,200,200,.5);
-webkit-backdrop-filter: blur(25px);
top:0px;
position:absolute;
width:100%;
z-index:2;
height:40px;
text-align:center;
font-size:12px;
justify-content:flex-end;
}

secTopBar{
display:flex;
/* background:salmon; */
top:40px;
position:absolute;
width:100%;
z-index:2;
height:36px;
text-align:center;
font-size:12px;
justify-content:center;
}

secTopCont{
width:230px;
color:#fff;
line-height:26px;
display:flex;
/* margin:0px 15px 0px 0px; */
cursor:pointer;
/* background:pink; */
position:relative;
}

secTopIcon{
align-self:flex-start;
display:block;
margin:4px;
height:28px;
width:28px;
background: -webkit-radial-gradient(left top, 150% 150%, cyan, blue);
}

name{
line-height:15px;
/* background:rgba(200,200,200,.9); */
text-align:left;
padding:2px 3px;
}

score{
margin:4px 4px;
height:28px;
line-height:28px;
flex:1;
background:rgba(0,0,0,.5);
text-align:center;
}

chatCont{
display:block;
position:absolute;
bottom:64px;
left:10px;
height:65px;
width:300px;
cursor:pointer;
z-index:11;
}

chatEx{
display:none;
position:fixed;
line-height:40px;
width:40px;
background:salmon;
z-index:12;
text-align:center;
}

chat{
display:block;
width:100%;
height:100%;
background:rgba(0,0,0,.5) !important;
-webkit-backdrop-filter: blur(10px);
text-align:left;
color:#fff;
padding:5px 5px 5px 5px;
overflow-x:hidden;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
cursor:pointer;
z-index:11;
font-size:13px;
}

.fullChatMobile{
top:0px;
left:0px;
width:100%;
height:100%;
padding-bottom:64px;
}

.fullChatPc{
top:0px;
left:0px;
width:100%;
height:100%;
padding-bottom:64px;
}

chatFiller{
display:block;
width:100%;
height:100%;
}

chatInputCont{
display:none;
position:absolute;
height:64px;
bottom:0px;
left:0px;
width:100%;
background:#333;
overflow:visible;
}

.chatInput{
position:fixed;
height:64px !important;
line-height:10px;
color:#fff;
width:100%;
font-size:16px !important;
text-indent:0px !important;
padding:15px 5px 5px 5px !important;
}

/*
chatInputSend{
visibility:hidden;
height:40px;
position:absolute;
right:0px;
top:0px;
float:left;
width:20%;
margin:0px;
-webkit-appearance:none;
background:gold;
}
*/

c{
display:block;
width:100%;
}

cn{
color:#999;
margin-right:1px;
font-size:12px;
}

.wrapper{
display:block;
position:absolute;
top:60px;
left:0px;
height:128px;
background:salmon;
	width: 320px; /* arbitary for demo only */
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
padding:0px;
}

inlineBlock{
display:inline-block;
background:green;
width:256px;
height:128px;
margin:0px;
}

inlineGunCont{
position:relative;
top:0px;
left:0px;
width:256px;
height:128px;
}

quadBox{
margin:auto;
position:relative;
top:36%;
transform: translateY(-36%);
height:112px;
max-width:320px;
width:100%;
background:pink;
display:flex;
flex-direction:column;
align-items:flex-start;
flex-wrap:wrap;
}

quadBoxFight{
margin:auto;
position:relative;
top:36%;
transform: translateY(-136%);
height:112px;
max-width:130px;
width:100%;
justify-content:center;
display:flex;
opacity:.3;
}

fightButton{
align-self:flex-end;
background:cyan;
/* line-height:65px; */
line-height:45px;
width:130px;
margin-bottom:-105px;
text-align:center;
cursor:pointer;
box-shadow:5px 5px blue;
z-index:9999;
}

quadButton{
margin-top:21px;
display:block;
height:35px;
width:35px;
position:relative;
background:rgba(255,255,255,.35);
-webkit-backdrop-filter: blur(25px);
/* border-radius:1px; */
}

quadButton:nth-child(1), quadButton:nth-child(2){
margin-left:17px;
/* border-left:.5px solid rgba(0,0,0,.8); */
/* background:green; */
}

quadButton:nth-child(3), quadButton:nth-child(4){
align-self:flex-end;
/* background:purple; */
/* border-right:.5px solid rgba(0,0,0,.7); */
margin-right:17px;
}

achievementsIconImg{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEDUlEQVR4Xu2aPbANQRCFz4uJiYnJ5aRIkSJFihjpI0VKjJRcTkxMTK6+qunSNXZ+7puZ3WvvdpXy6u7snekz3afP9NwjHbgdHbj/2gDYIuDAEdhSYIEAOC/ppqT3kr6E+S9KuibpraRvc65p7gjA+SeSTgcnAeCUJD7Hfkl6IOnHXCCMBgDnXgVnvks6I+lswTmc/ynpXBh3R9LvUYCMBuC6JBxosWNJn1q+IPfuSAAI60cVO17yjYh4OoobRgDwWNIFl+clB2ufww+fJT2vfaFm3AgAPtRM3DDmasO7/7y6BAAQGqXuqwtr0oWo4X+IM2d7DcAlSaRAyqgEkFqq1lMh7ktCF6SMMkoqdLFeEcCuUb8BIGUIn5fuoe04H1lE2ONS9QAAgGwuj70AqFkwO4elqgNsD8GZOrwb1GEKUPTFu9Yw6AUAoWuCJ14Tu3Q77FYpRXjX6j5R9SKIpyk/0RfNirEXACzwdWKx6Ps3gdwAyWRwavO8HL4cUisei1IE1GbrBUCs8f3CEEOE9a1wCKpZtPEF3ztV9wEJsm0+OPUAgFBFqdmBJnbwRgh/FpwjSf8egAEcltIVOE/FaLIeAFCyACBlVrcZkytv/n14A+AwIiAFrkXXiUHoAQCT53bXyIoySU7XWE0EUAqtstR85+SYXgDkGNuES6lU+gVaiUtFFyR4b590AIuH7acYnqMspQ2jrNk5P7Vr3rkUcUKCdJWarVcEpNjaFmi5il6AC2iMTBm5z1gIjrEAlyqbEOBeVAEcKYU3goUF4yDpws7CB/7gQ6QglU3elkhzr5SggUBYpk5zEBuM7tUbu8x4v5OlcwUAAVSXLlGvFLBwzklixpC7cAVCZ8rQCURKTi12kcA2eW8A+N7ahgi7zj92FA6p1Qh73Q/YBYCTMvjeAwAhctZnR0vdnVoQiBI4BPHTJfdHpoB3qsTkNQB4VVgzfqcxIzjAL6Dm/F9acNcWWDzZaACYz3qE9AMtNXJOs+M0TE0xNuv93GRzAODnhxOeBefIayuHXIzyDJAe9tD4pbCaiwNsHpyjtiOC+PuKpI/O0fgz9ASaobnpWQJidAT401xtFyfuLjWf+ZdMgfg4Cwh2WWq/B2B99nsBoiQ+AK0KAJy1NMBZEzWoRwv5+Pp8dQD4iPQApCJ1A8BdlpQ4befnc5Lg1OK2CAio5E6QWwpsKfD3wnTnHC+9sHFACaHG57W3RhsHZIDeSHCtJOhvjHJ3i6uMgPjc7/sEcTasDoBU0yMFwqoAKHV8pkBYDQC1V9rxVfsqAPC3vjXSgq4QLXXA+O8BgOHtyrvGeRtjINAVtt8O7vJ+1djRUth+23PSe/zW94sgjAaguIClB2wALL0DS8+/RcDSO7D0/AcfAX8A5b/sQeeXZKYAAAAASUVORK5CYII=) no-repeat;
}

mailIconImg{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAELklEQVR4Xu2aP9ANMRTFz1dT0/rU1PRqtGjRoqamRsvXokWtp6ampqY3P5M7k1nZ5ObPPua9ZGaHsbvZe849Ofcmz5EOfBwdOH5NAqYCDpyBuQQOXADTBOcSmEvgwBmYS2AjAZyS9EvSWUl3JH2V9EPSd0nfwr2NPl037RYKOC/pfriI5n0iJCMCYj5L+lIX9rinRxNwRdKDEN6NkOnnko4dIUOEXTsjZCQBMXjwPgyA7kq65iAgfuSnpI/h+lT5btXjowhYgieI15JeSUrdqwnSyGApsWSGjhEErAEkg4+DEb4cFDUEvAvKwGS7Ry8BGN6zlSjI3M1w740kKsOowdwQwdVFRA8BgCfDpzOoqAZk7ZGky6PQR/N0E9FKANl8IgkScgPpv5V0PfQDG3DwZ0qI4Fsfaj/QSoDX2bfwgRxGyihEuM2yhQCkjKQ9I/aBE0lnPC8NeAbVuYy3lgCkz8S5db+M33yABomKsauBCjDorBpqCfBKPwZp/UCNckaS9CJUi+ScNQRcDMZXGxwZQAWM1L6gdj7P85RG22PgQ+w9ugnA9SGhZdi+YKtySEwG2PYTrji9CqhpZ2GfrLOhWQZTM08OAFtr+4btKJfPsxW/EPUf9Cx/DS8BGB8Trg1A2+aFP3Ojtis0sJwjAJY/U5ImvnMBMEqN43261iN4CMhlzUAvGxBjn20wwdAwcTBC4CkjtcMSiDSA/BsKWhvMyfxkeQl4+Y4twSYFpLIPYNw9zgSgL4VSl+oQrRpQSrlPNr19vIEFMH+v8SJiRQFNJrjM/hI4YHiGq9QW0xShghJoSGQuLhqn0rwlszPlNRFg2UeKNBWWcYBzyMFV0xSlsk5WIYVAGd4TpBJw7mezzwM5D0BmlC0aCVvjAGeLS8ZrgHuCNaMaVSn4Zjb7JQIIBJMzyZJtwI8GbuSgMo7RIJl9Q+/5AWcFJC87PFXAHLzGeErfXbtvGevdN5C02w6/Kf44OlKOHlIsa7mTJs88q3V/+bJHARxmIP1eSXoCx2TNDFu3z3YG4fleUQE2CTWeDc0ulkHP9pnm6Z5H+gbMo4CYSba0dHJbHmz0bJ+NPFf2S1UgN8mt0ANssSxat8/udR8Dq1VA/C7g8QfK42girHf3bsFdJS+V0R4CbL4tiGDripmhNPttYU2RxW4vJ+URBCyJoHT2eoTXB7rA93hAyWQggeXh+VU4NVfcFXJ+kBrd4LckwAKmocEjqB61PnE1TJLqB4aA3wUBceZQBUR4fyKzkrY0wmHgd01A7BVGRI4M+/8FsRE2u/3amh1pgiVfSN1nWRgZdJnxMjEjtN8Vm+p8Kah/TcAyPkjgghQaIkDjIxCTOx8s4Vy9/78R0Ayk9cVJQCtz+/LeVMC+ZLIVx1RAK3P78t5UwL5kshXHVEArc/vy3lTAvmSyFcfBK+A3zE3bQWEhHboAAAAASUVORK5CYII=) no-repeat;
}

leaderIconImg{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACJ0lEQVR4Xu2ZrU8EMRDFf6fBAho8Ho8mWMACGix48GABC2iw8FfgQYPHk5e0SbN0N7fZdu+2nSaXu+x1u53XN28+dkblY1a5/RgAxoDKETAXqJwAJoLmAuYClSNgLlA5ASwKmAuYC1SOgLlA5QQYJQpcJwD5HdAn+RjDBV4T7PoJeEywzr8lDIAcqDbWbGPAC/AJ/Lj5p8Bmy36KZMAesAL8OqOlFds1AfANbAACQqM6APxhGwDGAHOBOjVAoU3DJzi7ThQPI5Gg2DAYi3qxvKFIAPrkYAaA1QJWDC2uGhxaz7fl95PRgBT1fB9jY3MXKoIGQEti8hFcXweOAH3nGEvHAFVwKmXXgC9X028BNzmsB5YOAJ2+Fzd1dc6c4bcdXZ0h2CwdAKExamkduwv3jhlDjI3dK8BDl+uzvq85ovfM0xTtEkG1sy5db28fOOmzs5Hm+oZLcgBC41XJnY9kUN/HZAFAwncFqK+nU9fpjz3kEl6A1VyVJsW6ylkAOAiUfyewXEzIFQqbAMcMi7lhFgDaFu3q7KZmyBvgwZf46tWZmPDceFAWAFIbM3Q9vWS5cxFIYISjaAAUgSTGykWUiCkf0Xc1AFw4S70YxqJR0QzwJx1mow8NIS4SAIXA1SDshamyfus/P4oEoK02qMYFlICJBf7Vuk5bIbEpgLpeJAP6hE0DoAutearBPmhPbq4BMLkjS7xhY0BiQCe3nDFgckeWeMPVM+APMkZ6QVvOWroAAAAASUVORK5CYII=) no-repeat;
}

settingsIconImg{
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEaUlEQVR4Xu2aP/BMMRCAV01NTU1Nr6dFixYtarRo0aJFTU1NTU2N2nzmxWQi2WSTvL13c7/MmMMl77Lf/s3mHZMDH8cOXH45AnBkAQdOYG0XOCUi37fMeATAcRH5VRHulYj8EJG3IvJ+iyB6ACD4DRG5sHyWIFwUkTuR0FgCEIBRA+fGygrgjIjcExFMm/F5+Xduw8+jefH330TklpuElR+yALgkIjczz0PQN8v/n10+AZWby9ePt+QOrQAw9/sKTCzhXINWiQfXG+a5TWkFwIYAAIiRQVB8OfKA2WstAAh+L0SEz95B/MBaNjMsANg0Zv5wYPc/F0v6OvCMqUutANA+Qe/EwC60zDHw2L6lVgDkdfJ7bpDfP0ZZ4LwSGB8scwF6elnzW0TcLcMK4F1GcooafDu3+bQY0tS0kwBpAVBKhbcrmrsmIlcbDHRTADBNCh8GRQ3/Ppmp7DB5zLk2cpaTrtlJbChZQGu0b9UamaNWKG0KANpp0dpMAByWOGS5Di0GtABodYHSwSgIS4kMAIKp69AAUPXh99qgsCE1ak2PnDshMIciMkfr0ZiMktvPh5GmiwagxW+BgxBoLicIAZQgmRZO1AzPjKou7WeovNYAcJwl+qMthENQBMr5KRaAQF+WuawLDZNUeJ5F6rS2ytwBlBTUahml9XH/IKRbINUsYgQAa+NK9d/eLIVQWMSmH0UlrNGS/5bLuAU+jTUFC6kVVL0AQjWaTbM9ABDYUuLmABE8U9eo1QE9AOLD21QAT5Z4YNV+bX44JKXzEAQAxKB0aC024lioaKcB0KpEGp5ol0DH3+kR1irAWKBQDIUgSiDltBiasBpABCRQkxb5ZA3xJoxpAEqtMYSm3xenw54uUsg2NWvRvg8ZJgY3BUBKNd5EqSxOT5EAwmwxz1qhNQIhXTsFABq9vPhV2hskopdye/BF3AI/Z16t0zxTeJ41BUC8KTIBZ320yI0PWtUG4ML9AfNKVeJswafHgHSDaBLNxton8GndX2/hV7GAkqZClgAA6TJ1C4BR9Iw0VnusZLoLlDaRHn0xewIkwW8Xml/dBdK4EN8Ih++oDajFKUq8Ne8GgKyAybcULT0mPLpmdRcgyru3tAxUVgfAXkiLmPnI/aFBJtNUFwDsCOEpfEo3SKZdT5zsBiDsmXTIhYjlMDRR3v8e5Q6AHWwpLuwEwMy+AQJ8Sq7hKKr403KocgegnRwtpk6ZTb9QK61b7h/dAYy2zYCE8Hcb7w5q13nuAOJ2lEXjYS7teF6na704qcUcdwCj7fPe1+meFjrWqwComV2P5lmD1q90Li653l4BqLXINTal4LtXAHruDmMouZvtvQLQeu1esoS9BzDiAqW4tFcWgGYJgpYUGKyhVBStAkALRqNpsPX1m3QPpbdR3AG0lKcawJ7XarXiyx3AjIsPINBlanGFWuntDoDGyOvOYiZeBgTcgdSYG/wOjdjaq/zuACbIvv4jel+QWH9nTr9wBMAJ9GZ/5uAt4A8Qpf5BY2RcewAAAABJRU5ErkJggg==) no-repeat;
}

.quadIconStyle{
background-size:100% 100%;
height:100%;
width:100%;
position:absolute;
top:0px;
left:0px;
border-radius:3px;
cursor:pointer;
z-index:1;
-webkit-touch-callout:default;
}

popover{
display:none;
height:420px;
width:98%;
max-width:500px;
background:rgba(0,0,0,.4);
/* 	-webkit-backdrop-filter: blur(25px); */
position:relative;
top:50%;
transform:translateY(-50%);
z-index:11;
margin:auto;
border:1px solid #999;
/* border:1px solid #C9C8CD;  */
border-radius:0px;
overflow:hidden;
}

popTitle{
/* font-size:14px; */
font-weight:bold;
text-transform:uppercase;
color:#000;
}

popOverMask{
display:none;
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background:rgba(0,0,0,.5);
-webkit-backdrop-filter: blur(25px);
z-index:11;
cursor:pointer;
}

popTopBar{
background:#999;
line-height:32px;
height:32px;
display:block;
width:100%;
text-align:center;
position:relative;
box-sizing:border-box;
padding-left:15px;
font-size:13px;
}

popEx{
line-height:22px;
width:22px;
text-align:center;
position:absolute;
top:5px;
right:5px;
display:block;
background:pink;
cursor:pointer;
}

shoot{
position:absolute;
bottom:10px;
left:10px;
width:calc(100% - 20px);
line-height:30px;
background:#aaa;
display:none;
z-index:11;
box-shadow:0px 0px 5px 1px rgba(0,0,0,.5);
text-align:center;
cursor:pointer;
-webkit-user-select:none;
}

pScore{
display:block;
}

leaderRow{
display:block;
overflow:hidden;
box-sizing:border-box;
width:100%;
font-size:13px;
line-height:18px;
height:44px;
position:relative;
padding:5px 15px 0px 59px;
cursor:pointer;
color:#ccc;
text-overflow:ellipsis;
white-space:nowrap;
}

#bootun
{
margin:10px;
width:50px;
line-height:20px;
}

gunCont{
transform:scale(1);
display:block;
margin:5px auto;
width:256px;
height:128px;
background:rgba(200,200,200,.5);
-webkit-backdrop-filter: blur(25px);
cursor:pointer;
}

gunInfoBar{
position:absolute;
bottom:0px;
left:0px;
width:100%;
background:rgba(0,0,0,.5);
line-height:19px;
text-align:left;
padding-left:4px;
color:#eee;
font-weight:bold;
}

gunLevelStatus{
background:rgba(255,255,255,.6);
line-height:10px;
float:right;
margin:3px;
font-size:11px;
padding:3px;
color:#000;
width:80px;
text-align:center;
}

img{
position:absolute;
top:0px;
left:0px;
z-index:0;
}

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*::-webkit-scrollbar{width:0px;-webkit-box-shadow:0px 0px 0px red}
*::-webkit-scrollbar-track{-webkit-box-shadow:0px 0px 0px red;border-radius:0px}
*::-webkit-scrollbar-thumb{border-radius:0px;background:red}

botBar{
display:flex;
background:#20242B;
/* padding-top:7px; */
position:absolute;
bottom:0px;
left:0px;
width:100%;
z-index:10;
height:54px;
overflow:hidden;
}

blurBot{
display:flex;
padding-top:7px;
position:absolute;
bottom:0px;
left:0px;
width:100%;
z-index:10;
height:90px;
background:rgba(0,0,0,.5) !important;
-webkit-backdrop-filter: blur(10px);
}

parent{
overflow-y:scroll;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
position:absolute;
height:100%;
width:100%;
box-sizing:border-box;
}

leaderBoard > hi:last-child{
display:none;
}

a{
font-size:17px;
display:block;
padding:0px 30px 0px 15px;
color:#006CFF;
/* color:#000; */
width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-decoration:none;
line-height:44px;
box-sizing:border-box;
position:relative;
cursor:pointer;
}

mediaFrame{
display:block;
width:100%;
height:auto;
background:#000;
/* margin-bottom:15px; */
}

mediaFrame img{
position:relative;
top:0px;
left:0px;
display:block;
margin:auto;
border-radius:0px;
height:auto;
max-height:600px;
width:auto;
max-width:100%;
cursor:pointer;
}

input[type=submit], input[type=file]{
display:block;
overflow:hidden;
box-sizing:border-box;
width:100%;
display:block;
font-size:17px;
position:relative;
padding-left:15px;
cursor:pointer;
line-height:44px;
text-align:left;
-webkit-user-select:none;
background:transparent;
color:#006CFF;
}

info{
display:block;
padding:15px;
box-sizing:border-box;
font-size:17px;
line-height:22px;
-webkit-user-select:text;
word-wrap:break-word;
}

back{
border:2px solid #39383B;
margin:5px 0px 5px 15px;
color:#00D6FE;
/*background:#20242B;*/
width:44px;
line-height:44px;
font-size:12px;
background:transparent;
position:relative;
cursor:pointer;
display:none;
}

back:hover{
background: -webkit-radial-gradient(left top, #23232B, #39383B);
}

tag{
font-size:14px;
padding-left:15px;
line-height:54px;
color:#fff;
}

eq{
/*border-top:1px solid #39383B;
border-left:1px solid #39383B;
border-right:1px solid #39383B;*/
text-align:center;
display:block;
flex: 1;
/* margin-left:7px; */
color:#C6CAC6;
/*background:#20242B;*/
line-height:84px;
font-size:10px;
background: -webkit-radial-gradient(left top, #39383B, #23232B);
position:relative;
cursor:pointer;
text-transform:uppercase;
}

/*
eq:first-child, eq:nth-child(2){
color:#C6CAC6;
}
*/

.eqOn{
background:#666;
flex:1.48;
color:gold !important;
}

.viewOn{
display:block;
}

/*
eq:last-child{
background: -webkit-radial-gradient(left top, #CCA056, #95733A);
border:0px solid #CC9E50;
color:#fff;
flex:1;
}

eq:last-child:hover{
background: -webkit-radial-gradient(left top, #95733A, #CCA056);
}
*/

ic{
position:absolute;
width:100%;
top:0;
left:0;
line-height:35px;
font-size:30px;
}

pn{
position:absolute;
background:cyan;
width:15px;
height:15px;
top:0px;
right:0px;
display:block;
box-shadow:0px 0px 2px rgba(20,20,20,.6);
line-height:15px;
color:#fff;
font-size:9px;
font-weight:bold;
}

leaderboard, settings, events, mail, guild, friends, tasks, gear, squad, store{
position:absolute;
display:none;
width:100%;
height:100%;
z-index:1;
}

form{
margin:0px;
width:100%;
position:relative;
}

input{
border-radius:0px;
border:0px solid red;
-webkit-appearance:none;
outline:none;
padding:0px;
}

input ~ input[type=submit]{
opacity:1;
width:0px;
height:0px;
position:absolute;
top:0px;
left:0px;
background:red;
-webkit-user-select:none;
}

touch ~ input[type=submit]{
opacity:1px;
width:0px;
height:0px;
position:absolute;
top:0px;
left:0px;
background:red;
-webkit-user-select:none;
}

input[type=text], input[type=email], input[type=password], input[type=number]{
border-radius:0px;
border:0px solid #000;
-webkit-appearance:none;
outline:none;
padding:0px 15px 0px 15px;
width:100%;
height:44px;
position:relative;
box-sizing:border-box;
font-size:17px;
background:transparent;
}
input::-webkit-input-placeholder{
color:#8E8E93 !important;
}
input:-webkit-autofill{
-webkit-box-shadow:0px 0px 0px 50px #383838 inset;
-webkit-text-fill-color:#fff;
}
input:-webkit-autofill:focus{
-webkit-box-shadow:0px 0px 0px 50px #383838 inset;
-webkit-text-fill-color:#fff;
}

contPad{
position:absolute;
top:0px;
left:0px;
display:block;
/* background:rgba(0,0,0,.7); */
padding:0px 28px 89px 28px;
height:100%;
width:100%;
box-sizing:border-box;
transform:translate3d(0,0,0);
/* -webkit-backface-visibility:hidden; */
z-index:10;
}

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

sd54{
width:100%;
height:54px;
display:block;
}

sl{
display:block;
width:100%;
box-sizing:border-box;
font-size:14px;
line-height:0px;
color:#6D6D72;
padding:40px 0px 15px 16px;
text-transform:uppercase;
margin:0px;
}

hi{
margin-left:15px;
height:1px;
width:100%;
background:#C9C8CD;
box-sizing:border-box;
display:block;
}
@media screen and(-webkit-min-device-pixel-ratio:2){hi{height:.5px}}

linkRow{
display:block;
overflow:hidden;
box-sizing:border-box;
width:100%;
display:block;
font-size:17px;
position:relative;
padding-left:15px;
cursor:pointer;
line-height:44px;
}

contBox{
display:block;
background:#fff;
width:100%;
position:relative;
box-sizing:border-box;
overflow:hidden;
border-radius:6px;
min-height:44px;
}

category{
z-index:10;
padding:1px 7px;
margin-right:4.5px;
background:#C9C8CD;
color:#232323;
font-size:10px;
line-height:21px;
border-radius:8px;
}

status{
position:absolute;
z-index:1;
bottom:28.5px;
right:15px;
padding:0px 9px;
color:#73F9FF;
font-size:12px;
line-height:24px;
font-weight:bold;
border-radius:4px;
box-sizing:border-box;
border:1px solid #73F9FF;
-webkit-user-select:none;
}

title{
display:block;
max-width:205px;
white-space:pre-wrap;
font-size:17px;
line-height:19px;
}
@media screen and(max-width:320px){title{max-width:150px}}

.ios, .android{
color:#C9C8CD;
display:block;
overflow:hidden;
box-sizing:border-box;
width:100%;
height:84px;
position:relative;
padding-top:16px;
padding-left:94px;
cursor:pointer;
}

.ios img, .android img{
height:64px;
width:64px;
position:absolute;
top:10px;
left:15px;
border-radius:22.544%;
cursor:pointer;
z-index:1;
-webkit-touch-callout:default;
}

.android img{
border-radius:0px !important;
}

.aIcon{
display:block;
overflow:hidden;
box-sizing:border-box;
width:100%;
font-size:17px;
line-height:44px;
position:relative;
padding-left:59px;
cursor:pointer;
}

.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;
}

facebook{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABNVBMVEVjh9NihtJhhdFghM9fg85egs1dgctdgMpcf8lbfsd0kdCsvuPV3vHv8vr8/P7////3+Pz09vvp7vjf5vTR2u/D0OtafcZsi8zJ1Oz+/v9Ze8SCnNPz9ftYesN8l9D4+v1XecFggcXt8PhWeMCxwOJUd79cfcL2+PxTdr2QptRSdLy9yuXI0+p4k8paer5Rc7re5PLP2OxSdLpQcrnx9PmBmcxPcbf8/f5gf75OcLZUdLhNbrRMbbNLbLFKa69Jaa5IaKz09vpHZ6vd4/BGZqnG0ORFZaiuvNlDY6ZEY6aVp81CYqV9k8FBYaNkfrRAYKJMaqg/X6E+Xp89XJ48W5w7Wps6WZk5WJg4V5c3VpU3VZQ2VJM1U5E0UpAzUY8yUI4xT40wToswTYovTIkuS4gtSoctSYY872upAAAAAWJLR0QPGLoA2QAAAWlJREFUSMedz9Vuw1AURNEpc11mZmZmblJmZvr/T6iayuMmx55Ud71YunP2gwFnGa6Q6QpZrpDtCjmukOsKea6Q7woF/1BYVFxS6pWVV1RWVfMRNWnV1tV7AT6jIZ3GJu8vvqM5jZbWpNDjgDatvSM59LigU+tKCT0u6JZ6elNLTuiT+lNDjxMGpEEWQ8MjyRNGpTE/HJ9InTApTfnltJkwI8365ZyZMC/xNxfMhEWJpZ2wJLG0E5YllnbCisTSTliVWNoJa6G8COvBCTZCRZWbwQm2QkWV28EJdkJFlbvBCWLxH7H479cXVe4lbhOwHyqqPAhOcBgqqjwKTnAcKqo8CU5wKjGxE84klnbCucTSTriQWNoJlxJLO+FKYmknXEss7YQbiaWdcCuxtBPuJJZ2wr3E0k54kFjaCY8SSzvhSWJpJzxLLO2EF4mlnfAqsbQT3iSWdsK7xNJO+JBY2gmfEks74UtiaadvxRZ85S7VZY8AAAAASUVORK5CYII=) no-repeat;}

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

hi{
margin-left:15px;
height:1px;
width:100%;
background:#C9C8CD;
box-sizing:border-box;
display:block;
}
@media screen and(-webkit-min-device-pixel-ratio:2){hi{height:.5px}}


/* UNITY */

/*
<?php if(strstr($u,'iP')||strstr($u,'And')==true){?>
	bk:active bc *, bkLeft:active bc *, fdRight:active fdRightC *{background:#c5def9}
	bkLeft:active, fdRight:active {color:#c5def9}
	input:active{background:rgba(255,255,255,.145)}
	a:active{background:#4F4F4F}
	linkRow:active{background:#D9D9D9}
	input[type=checkbox]:active{background:inherit}
	select:active, input[type=date]:active{background:rgba(255,255,255,.145)}
		<?php if(strstr($u,'iPad')==true){?>
		<?php }else{?>
		aLinkRow:active{background:#01CBCC}
		<?php }?>
<?php }else{?>
	bk:hover bc *, bkLeft:hover bc *, fdRight:hover fdRightC *{background:#c5def9}
	bkLeft:hover, fdRight:hover {color:#c5def9}
	input:hover{background:rgba(255,255,255,.145)}
	input[type=checkbox]:hover{background:rgba(255,255,255,.5)}
	a:hover{background:#4F4F4F}
	linkRow:hover{background:#D9D9D9}
	aLinkRow:hover{background:#01CBCC;color:#fff}
	iconRow:hover{background:#D9D9D9}
	select:hover, input[type=date]:hover{background:rgba(255,255,255,.145)}
	toggleSection:hover{background:rgba(255,255,255,.145)}
<?php }?>
*/

aContainerBorder{
position:fixed;
top:0px;
left:300px;
background:#C9C8CD;
width:1px;
height:130%;
}
@media screen and(-webkit-min-device-pixel-ratio:2){aContainerBorder{left:300.5px;width:.5px}}

navLogo{
display:block;
position:fixed;
top:0px;
left:0px;
z-index:4;
width:300px;
border-right:1px solid #C9C8CD;
font-size:18px;
line-height:44px;
font-weight:bold;
text-align:center;
color:#fff;
}
@media screen and(-webkit-min-device-pixel-ratio:2){navLogo{width:300.5px;border-right:.5px solid #C9C8CD;height:44.5px}}

cmLogo{
margin:4px 0px 0px 26px;
display:inline-block;
overflow:hidden;
background:url(logo_unity.png) no-repeat;
background-size:126px 36px;
width:126px;
height:44px;
}

select{
border-radius:0px;
outline:none;
width:100%;
height:44px;
position:relative;
box-sizing:border-box;
text-indent:15px;
font-size:17px;
background:transparent;
-webkit-appearance:none;
border:none;
cursor:pointer;
z-index:2;
}

row{
display:block;
width:100%;
text-align:left;
position:relative;
box-sizing:border-box;
padding-left:15px;
font-size:17px;
line-height:44px;
}

row:after{
content:"";
display:block;
margin-left:0px;
height:1px;
width:100%;
background:#C9C8CD;
box-sizing:content-box;
display:block;
}
@media screen and(-webkit-min-device-pixel-ratio:2){row:after{height:.5px}}

row + input[type=submit]{
padding-left:0px;
}

aContBox{
display:block;
position:relative;
background:#383838;
width:100%;
position:relative;
box-sizing:border-box;
overflow:hidden;
}

aLinkRow{
display:block;
overflow:hidden;
box-sizing:border-box;
width:100%;
font-size:17px;
line-height:44px;
position:relative;
padding-left:15px;
cursor:pointer;
background:transparent;
color:#fff;
}

.active{
background:#01CBCC;
color:#fff;
}

navBar{
display:block;
position:fixed;
width:100%;
text-align:center;
background:#383838;
border-bottom:1px solid #C9C8CD;
font-size:18px;
color:#fff;
font-weight:bold;
line-height:44px;
line-height:45px;
box-sizing:border-box;
padding-left:300px;
z-index:3;
}
@media screen and(-webkit-min-device-pixel-ratio:2){navBar{border-bottom:.5px solid #C9C8CD}}

navBarCenter{
background:#383838;
border-bottom:1px solid #C9C8CD;
color:#3891A5;
height:75px;
}
@media screen and(-webkit-min-device-pixel-ratio:2){navBarCenter{border-bottom:.5px solid #C9C8CD}}

contBox{
background:#383838;
}

row, info, a, sl, h1, aLinkRow{
color:#C9C8CD;
}

mediaFrame{
background:#383838;
}

category{
z-index:10;
padding:1px 7px;
margin-right:4.5px;
background:#C9C8CD;
color:#232323;
font-size:10px;
line-height:21px;
border-radius:8px;
}

status{
position:absolute;
z-index:1;
bottom:28.5px;
right:15px;
padding:0px 9px;
color:#A5D800;
font-size:12px;
line-height:24px;
font-weight:bold;
border-radius:4px;
box-sizing:border-box;
border:1px solid #A5D800;
-webkit-user-select:none;
}

title{
display:block;
max-width:205px;
white-space:pre-wrap;
font-size:17px;
line-height:19px;
}
@media screen and(max-width:320px){title{max-width:160px}}

.ios{
color:#C9C8CD;
display:block;
overflow:hidden;
box-sizing:border-box;
width:100%;
height:84px;
position:relative;
padding-top:16px;
padding-left:126px;
cursor:pointer;
}

.ios img{
height:64px;
width:96px;
position:absolute;
top:10px;
left:15px;
border-radius:0px;
cursor:pointer;
z-index:1;
-webkit-touch-callout:default;
}

.ios fd{
top:20px;
}

data{
color:#01CBCC;
}
	
	input[type=date], input[type=time]{
	width:100%;
	line-height:44px;
	background:transparent;
	padding-left:15px;
	font-size:18px;
	color:#fff;
	}

	input[type=checkbox]{
	outline:none;
	appearance:none;
	-webkit-appearance:none;
	box-shadow:inset 0px 0px 0px 1px #E2E2E2;
	border-radius:15px;
	border:0px solid #000;
	background-color:#fff;
	padding:1px;
	display:inline-block;
	width:52px;
	height:31px;
	position:relative;
	cursor:pointer;
	transition:all .3s ease-out;
	margin:0px;
	top:6px;
	right:15px;
	position:absolute;
	transform:scale(1);
	-webkit-transform:scale(1);
	}
	
	input[type=checkbox]:checked{box-shadow:inset 0px 0px 0px 20px #4CD964}
	
	input[type=checkbox]:after
	{
	content:'';
	position: absolute;
	width:29px;
	height:29px;
	border-radius:15px;
	box-shadow:0px 2px 2px 1px rgba(0,0,0,.2);
	cursor:pointer;
	background-color:#fff;
	transition:all 0.1s ease-in .1s;
	}
	
	input[type=checkbox]:checked:after{-webkit-transform:translateX(21px)}
	
	input[type=radio]{
	opacity:0;
	}

	togglePad{
	display:block;
	padding:0px 0px;
	}
	
	toggleCont{
	display:block;
	position:relative;
	border:1px solid #01CBCC;
	border-radius:5px;
	overflow:hidden;
	background:transparent;
	font-size:13px;
line-height:26px;
	width:100%;
	box-sizing:border-box;
	}
	
	toggleCont toggleSection:nth-of-type(2){
	min-width:34%;
	}
	
	toggleSection{
	display:block;
	position:relative;
	float:left;
	height:26px;
	background:transparent;
	min-width:33%;
	}
	
	toggleSection > label{
	display:inline-block;
	padding:0px;
	margin:0px;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	cursor:pointer;
	background:transparent;
	color:#01CBCC;
	z-index:3;
	}
	
	toggleSection input:checked + label{
	background:#01CBCC;
	color:#232323;
	}
	
/*
	toggleSection #toggleB + label{
	border-left:1px solid #01CBCC;
	border-right:1px solid #01CBCC;
	}
*/


/* UNITY-END */

bk:active bc *, bkLeft:active bc *, fdRight:active fdRightC *{background:#c5def9}
bkLeft:active, fdRight:active {color:#c5def9}
leaderRow:active, shoot:active, input:active{background:pink}
a:active{background:#4F4F4F}
linkRow:active{background:#D9D9D9}
input[type=checkbox]:active{background:inherit}
select:active, input[type=date]:active{background:rgba(255,255,255,.145)}

eq:active{
	color:gold !important;
}

contPad{
padding:0px 0px 35px 0px;
}

contBox{
border-radius:0px;
border-bottom:1px solid #C8C7CC;
border-top:1px solid #C8C7CC;
}
@media screen and(-webkit-min-device-pixel-ratio:2){contBox{border-bottom:.5px solid #C8C7CC;
border-top:.5px solid #C8C7CC;}}

hcp{
display:block;
}

togglePad{
padding:15px 10px;
background:#383838;
}