@font-face{
font-family:'Montserrat';
font-style:normal;
font-weight:400;
font-display:swap;
src:local('Montserrat Regular'),local('Montserrat-Regular'),url('montserrat.woff2') format('woff2');
unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
font-family:'Montserrat';
font-style:normal;
font-weight:400;
font-display:swap;
src:local('Montserrat Regular'),local('Montserrat-Regular'),url('montserrat2.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

html{
overflow-y:scroll;
}

body{
background: linear-gradient(90deg, #1c1726, #211d2f, #242239, #272842, #2d314b, #323b54, #38455e, #3d5167, #425d70, #486b79, #4d7983, #52888c);
color:#fff;
font-family:'Montserrat',sans-serif;
font-size:.85em;
line-height:1.1em;
margin:0;
padding:0;
}


#container{
max-width:768px;
margin:0 auto;
background: rgba(0, 0, 0, 0.2);
/*
background-color: #333333;
background-color: #333333;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 790'%3E%3Cdefs%3E%3CradialGradient id='a' cx='800' cy='371' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23333333'/%3E%3Cstop offset='1' stop-color='%23111111'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='800' cy='371' r='60.8%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23a3cfce' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23a3cfce' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1600' height='900'/%3E%3Cg fill='none' stroke='%23444444' stroke-width='7.5' stroke-miterlimit='10' stroke-opacity='.5'%3E%3Cpolygon points='2277.4 1152 800-1407-677.4 1152'/%3E%3Cpolygon points='800-1372.9-648.8 1136.5 2248.8 1136.5'/%3E%3Cpolygon points='800-1338.8-620.2 1121.1 2220.2 1121.1'/%3E%3Cpolygon points='800-1304.7-591.6 1105.6 2191.6 1105.6'/%3E%3Cpolygon points='800-1270.6-563 1090.2 2163 1090.2'/%3E%3Cpolygon points='800-1236.5-534.4 1074.7 2134.4 1074.7'/%3E%3Cpolygon points='800-1202.4-505.8 1059.3 2105.8 1059.3'/%3E%3Cpolygon points='800-1168.3-477.2 1043.8 2077.2 1043.8'/%3E%3Cpolygon points='800-1134.2-448.6 1028.4 2048.6 1028.4'/%3E%3Cpolygon points='800-1100.1-420 1012.9 2020 1012.9'/%3E%3Cpolygon points='800-1066-391.4 997.5 1991.4 997.5'/%3E%3Cpolygon points='800-1031.9-362.7 982 1962.7 982'/%3E%3Cpolygon points='800-997.8-334.1 966.6 1934.1 966.6'/%3E%3Cpolygon points='800-963.7-305.5 951.1 1905.5 951.1'/%3E%3Cpolygon points='800-929.6-276.9 935.7 1876.9 935.7'/%3E%3Cpolygon points='800-895.5-248.3 920.2 1848.3 920.2'/%3E%3Cpolygon points='800-861.4-219.7 904.7 1819.7 904.7'/%3E%3Cpolygon points='800-827.3-191.1 889.3 1791.1 889.3'/%3E%3Cpolygon points='800-793.2-162.5 873.8 1762.5 873.8'/%3E%3Cpolygon points='800-759.1-133.9 858.4 1733.9 858.4'/%3E%3Cpolygon points='800-725-105.3 842.9 1705.3 842.9'/%3E%3Cpolygon points='800-690.9-76.7 827.5 1676.7 827.5'/%3E%3Cpolygon points='800-656.8-48.1 812 1648.1 812'/%3E%3Cpolygon points='800-622.7-19.4 796.6 1619.4 796.6'/%3E%3Cpolygon points='800-588.6 9.2 781.1 1590.8 781.1'/%3E%3Cpolygon points='800-554.5 37.8 765.7 1562.2 765.7'/%3E%3Cpolygon points='800-520.5 66.4 750.2 1533.6 750.2'/%3E%3Cpolygon points='800-486.4 95 734.8 1505 734.8'/%3E%3Cpolygon points='800-452.3 123.6 719.3 1476.4 719.3'/%3E%3Cpolygon points='800-418.2 152.2 703.9 1447.8 703.9'/%3E%3Cpolygon points='800-384.1 180.8 688.4 1419.2 688.4'/%3E%3Cpolygon points='800-350 209.4 673 1390.6 673'/%3E%3Cpolygon points='800-315.9 238 657.5 1362 657.5'/%3E%3Cpolygon points='800-281.8 266.6 642 1333.4 642'/%3E%3Cpolygon points='800-247.7 295.2 626.6 1304.8 626.6'/%3E%3Cpolygon points='800-213.6 323.9 611.1 1276.1 611.1'/%3E%3Cpolygon points='800-179.5 352.5 595.7 1247.5 595.7'/%3E%3Cpolygon points='800-145.4 381.1 580.2 1218.9 580.2'/%3E%3Cpolygon points='800-111.3 409.7 564.8 1190.3 564.8'/%3E%3Cpolygon points='800-77.2 438.3 549.3 1161.7 549.3'/%3E%3Cpolygon points='800-43.1 466.9 533.9 1133.1 533.9'/%3E%3Cpolygon points='800-9 495.5 518.4 1104.5 518.4'/%3E%3Cpolygon points='800 25.1 524.1 503 1075.9 503'/%3E%3Cpolygon points='800 59.2 552.7 487.5 1047.3 487.5'/%3E%3Cpolygon points='800 93.3 581.3 472.1 1018.7 472.1'/%3E%3Cpolygon points='800 127.4 609.9 456.6 990.1 456.6'/%3E%3Cpolygon points='800 161.5 638.5 441.2 961.5 441.2'/%3E%3Cpolygon points='800 195.6 667.2 425.7 932.8 425.7'/%3E%3Cpolygon points='800 229.7 695.8 410.2 904.2 410.2'/%3E%3Cpolygon points='800 263.8 724.4 394.8 875.6 394.8'/%3E%3Cpolygon points='800 297.9 753 379.3 847 379.3'/%3E%3Cpolygon points='800 332 781.6 363.9 818.4 363.9'/%3E%3C/g%3E%3Crect fill-opacity='.5' fill='url(%23b)' width='1600' height='900'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
*/
padding-bottom:0px;
border-radius:10px;
}


.mw3{max-width:3000px}


.mc{
margin:7px 6px;
}

.x{
display:flex;
}

.m,.m0{
/*padding:7px 5px 4px;*/
padding:10px;
background-image:linear-gradient(to bottom,rgba(110, 110, 110, 0.5),rgba(140, 140, 140, 0.7));
color:#ddd;
font-size:1em;
border:1px solid #222;
border-top:5px solid #444;
border-radius:5px;
}

img{
width:100%;
height:auto;
border-radius:4px;
margin-top:2px;
}

.clr{
clear:both;
}

.center img{
display:block;
margin-left:auto;
margin-right:auto;
}

.hide{
visibility:hidden;
}

.o{
background-image:linear-gradient(to bottom,rgba(90, 140, 140, 0.4),rgba(50, 80, 80, 0.7));
/*backdrop-filter:blur(2px);*/
color:#ddd;
margin-left:15px;
border:1px solid #222;
border-top:5px solid #666;
}

.m0{
background-image:linear-gradient(to bottom,#820003,#500500);
background-image:linear-gradient(to bottom,rgba(190, 0, 0, 0.5),rgba(240, 0, 0, 0.23));
color:#ddd;
-webkit-box-shadow:0 8px 6px -6px #111;
-moz-box-shadow:0 8px 6px -6px #111;
box-shadow:0 8px 6px -6px #111;
border-top:5px solid #9D0004;
}

.f{
margin-top:20px;
border-top:5px solid #555;
}

.notread{
background:#FF0;
}

.p{
float:right;
position:relative;
top:-15px;
margin-bottom:-14px;
}

.d,.e,.c,.t{
font-family:Arial,Helvetica,sans-serif;
float:right;
height:1.25em;
line-height:1.25em;
/*background:#A30005;*/
background:#D00006;
color:#fff;
font-size:.8em;
font-weight:700;
text-decoration:none;
padding:0 9px;
border-radius:3px;
cursor:pointer;
margin-right:1px;
}

.e{
background:#1B9468;
}

.c{
background:#3A6392;
margin-left:6px;
}

.t{
background:#6A737F;
background-image:linear-gradient(to right,#333,#222);
font-weight:400;
padding:0 5px;
cursor:auto;
}

.y{
color:#FF0;
padding-right:2px;
}

.v{
vertical-align:top;
font-size:.7em;
color:#ddd;
position:relative;
top:-1px;
padding-left:2px;
}

.from{
  background:#333;
  color:#bbb;
  padding:3px 8px 2px 5px;
  border-radius:3px;
  margin:0 5px 0 0;
  position:relative;
  top:-7px;
  left:-3px;
  font-size:.9em;
}

textarea{
width:92%;
min-width:92%;
max-width:92%;
height:67px;
min-height:67px;
/*background-image:linear-gradient(to bottom,#94A492,#ACBFAA);*/
background-image:linear-gradient(to bottom,#859AB5,#8CA4C5);
font-family:'Montserrat',sans-serif;
font-size:1em;
font-weight:700;
border:1px solid #333;
border-radius:4px;
padding:0 6px;
margin:0 2px 1px;
-moz-box-shadow:inset 0 0 5px #222;
-webkit-box-shadow:inset 0 0 5px #222;
box-shadow:inset 0 0 5px #222;
}

.top{
width:100%;
max-width:768px;
background-image:linear-gradient(to bottom,#777,#333);
text-align:center;
-webkit-box-shadow:0 9px 6px -6px #111;
-moz-box-shadow:0 9px 6px -6px #111;
box-shadow:0 9px 6px -6px #111;
padding-bottom:0;
margin:-3px 0 12px;
position:fixed;
top:0;
z-index:1;
}

input[type=submit]{
width:30%;
height:32px;
border:0;
}

a.submit{
display:block;
height:28px;
line-height:28px;
text-decoration:none;
padding:15px;
overflow:hidden;
}

input[type=submit],a.submit, select {
/*background-image:linear-gradient(to bottom,#586481,#28334A);*/
background-image:linear-gradient(to bottom,#0176C8,#00426B);
color:#ddd;
font-family:'Montserrat',sans-serif;
font-size:.95em;
font-weight:900;
padding:0 2px;
border:1px solid #444;
border-bottom:5px solid #999;
border-radius:4px;
cursor:pointer;
}

select {
  width: 115px;
  padding: 4px 25px 4px 5px;
  border-radius:4px;
  border:1px solid #444;
  border-bottom:5px solid #999;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/arrow.png") 96% 46% no-repeat #333;
}
/* CAUTION: Internet Explorer hackery ahead */
select::-ms-expand {
    display: none; /* Remove default arrow in Internet Explorer 10 and 11 */
}

.logout a.submit{
/*background-image:linear-gradient(to bottom,#CA0039,#820027);*/
background-image:linear-gradient(to bottom,#C20037,#820027);
}

.logout{
background-image:linear-gradient(to bottom,#CA0039,#820027);
}

.refresh a.submit{
background-image:linear-gradient(to bottom,#686868,#3A3A3A);
}

.close a.submit{
/*background-image:linear-gradient(to bottom,#C88818,#8C5A11);*/
background-image:linear-gradient(to bottom,#C97F00,#925700);
}

.intbl{
display:inline-table;
height:32px;
line-height:32px;
width:31%;
}

a.submit:hover,input[type=submit]:hover,.d:hover,.e:hover,.c:hover{
background:#0C0;
color:#fff;
/*border-color:#6F0;*/
-moz-box-shadow:inset 0 0 6px #000;
-webkit-box-shadow:inset 0 0 6px #000;
box-shadow:inset 0 0 6px #000;
}

.clock{
width:40px;
height:15px;
line-height:13px;
padding:6px;
background:#222;
color:#eee;
float:right;
border-radius:3px;
margin-right:10px;
}

/*
.wolf{
background:url("wolf.jpg") top center no-repeat;
}
*/

#top{
display:none;
position:fixed;
bottom:40px;
right:20%;
z-index:99;
border:1px solid #333;
outline:none;
background-image:linear-gradient(to bottom,#586481,#28334A);
color:#ddd;
cursor:pointer;
border-radius:4px;
font-size:1.5em;
line-height:.8em;
padding:4px;
font-weight:700;
-webkit-box-shadow:2px 4px 13px 0 rgba(0,0,0,0.55);
-moz-box-shadow:2px 4px 13px 0 rgba(0,0,0,0.55);
box-shadow:2px 4px 13px 0 rgba(0,0,0,0.55);
}

#a{
text-align:center;
margin:-8px 0 0 0;
padding-top:2px;
font-size:.85em;
color:#eee;
}

#a span{
color:#FC0;
font-size:3em;
display:inline;
}

.input_txt{
width:55%;
height:30px;
background-image:linear-gradient(to bottom,#94A492,#ACBFAA);
font-family:'Montserrat',sans-serif;
font-size:1em;
font-weight:700;
border:1px solid #333;
border-radius:4px;
padding:0 6px;
margin:0 2px 1px;
-moz-box-shadow:inset 0 0 5px #222;
-webkit-box-shadow:inset 0 0 5px #222;
box-shadow:inset 0 0 5px #222;
}

.msg_cnt{
width:11%;
padding:4px;
text-align:center;
background:#666;
color:#eee;
border:1px solid #444;
border-radius:4px;
}

#h,#i,#s,#r,#b{
display:inline-block;
width:11%;
padding:4px;
text-align:center;
background:#666;
color:#eee;
border:1px solid #444;
border-radius:4px;
}

#i,#r{background:#060}

#b{
font-size:1.2em;
width:57%;
background-image:linear-gradient(to left,#888,#999);
border:0;
}

.flt_lft{float:left}
.flt_rgt{float:right}
.dis_inl{display:inline-block}

.dimgW{
position:relative;
height:0;
}

.dimg{
max-width:100%;
position:absolute;
top:0;
left:0;
}

.more{
width:100px;
text-align:center;
margin:40px auto 40px auto;
}

.dots{width:95px;text-align:center;animation:pulse 4s infinite}

@keyframes pulse {
  0% {
    background-color: #eee;
  }
  100% {
    background-color: transparent;
  }
}

button{
width:60px;
height:60px;
padding:20px;
background:#333;
border:0;
}

.fake{
width:100%;
max-width:2500px;
height:1500px;
position:absolute;
top:60px;
background:#333;
}

#cnt{
width:70%;
margin:auto;
text-align:center;
margin-top:0;
padding:100px 0;
z-index:2;
}

.w30{width:30px}

.err {
  text-align:center;
  margin-top:50px;
  padding:50px 0;
  font-size:1.4em;
}