@font-face {
font-family:customfont1;
src:url(Silkscreen.ttf);
}
@font-face {
font-family:customfont2;
src:url(ProggyTinySZ.ttf);
}
@font-face {
font-family:customfont3;
src:url(04B_31__.TTF);
}
h2 {
font-family:customfont1;
font-weight:normal;
padding:0;
margin:0;
padding-bottom:2px;
font-size:8px;
color:#fff;
}
h3 {
font-family:customfont1;
font-size:16px;
font-weight:normal;
padding:0;
margin:0;
}
h4 {
font-family:customfont3;
font-size:12px;
font-weight:normal;
padding:0;
margin:0;
text-transform:uppercase;
}
.favoral::-webkit-scrollbar {display: none;}
#favinfo::-webkit-scrollbar {display: none;}

.favoral {
display:inline-block;
width:300px;
height:70px;
border-radius: 0px 14px 0px 0px;
margin-bottom:2px;

}
.favoral > img {
float:left;
width:60px;
height:60px;
margin:4px;
border:1px dotted #204744;
border-radius: 5px 3px 3px 5px;
}

#favinfo {
padding:0;
margin:0;
float:right;
width:224px;
height:50px;
margin-top:5px;
margin-right:5px;
text-align:left;
overflow:auto;
font-family:customfont1;
font-size:9px;
overflow:hidden;
}
#favinfo > h2 {
text-transform:uppercase;
margin-top:0px;
background-color:rgb(49, 144, 160, 45%);
padding-top:3px;
border-bottom:1px dotted #204744;
padding-left:2px;
border-radius: 0px 3px 0px 0px;
}
#favinfo > h3 {
font-family:customfont2;
color:#204744;
padding-top:2px;
padding-bottom:2px;
font-size:16px;
}






#ainfo {
padding:0;
margin:0;
float:right;
width:173px;
height:90px;
margin-top:5px;
margin-right:4px;
text-align:left;
overflow:auto;
font-family:customfont1;
font-size:8px;
color:#3190a0;
}
#ainfo > h2 {
font-family:customfont1;
margin-top:0px;
background-color:rgb(49, 144, 160, 45%);
padding-top:3px;
border-bottom:1px dotted #204744;
padding-left:1px;
border-radius: 0px 3px 0px 0px;
}
#ainfo > h3 {
font-family:customfont2;
color:#204744;
padding-top:2px;
padding-bottom:2px;
font-size:16px;
}
#ainfo > b {
color:#204744;
font-weight:normal;
}

#ainfo::-webkit-scrollbar {
display: none;
}
.aoral {
display:inline-block;
width:277px;
height:100px;
margin-bottom:2px;
overflow:auto;
}

.aoral > img {
float:left;
width:90px;
height:90px;
margin:4px;
border:1px dotted #204744;
border-radius: 5px 3px 3px 5px;
}


/* ----------------------------- */
/* ----------------------------- */


.favoral > img, .aoral > img {
filter: sepia(100%) saturate(.2) hue-rotate(120deg) brightness(82%) contrast(185%);
}
.favoral:hover > img, .aoral:hover > img {
filter: saturate(.05) brightness(105%) contrast(125%);
transition:.3s;
}
img {
transition:.3s;
}

hr {
border:none;
background:none;
padding:0;
margin:0;
border-bottom:1px dotted #204744;
margin:4px;
margin-left:0px;
margin-right:0px;
}


.tabcontent {display:none;}
.sg-tab-content {display: none;}

img::selection{background: transparent;color: transparent;}img::-moz-selection {background: transparent;color: transparent;}
::selection {color: #ADD3D9; }::-moz-selection {color: #ADD3D9; }
*::-webkit-scrollbar {display: none;}

button:hover {cursor:pointer}
#buttonl,
button {
font-family:customfont1;
font-size:8px;
margin:0;
padding:0;
border:0;
background:none;
color:#204744;
text-decoration:1px dotted underline;
}
a, a:active {
color:#3190a0;	
text-decoration:1px dotted underline;
}
a:hover,
button:hover {
color:rgba(0,0,0, 45%);
}
#buttonl {
color:rgba(0,0,0, 45%);
}
#buttonl:hover {
color:#204744;
}
#buttonyr {
font-family:customfont2;
font-size:14pt;
margin-top:-6px;
}

h1 {
margin:0;
padding:0;
}
body {
font-family:customfont2;
font-size:12pt;
word-spacing:-2.5px;
background-color:#fffff;
margin: 0;
line-height:10.5px;
background-image:url(0/bg0.png);
color:#204744;
}
.containter {
margin:0;
padding:0;
width:844px;
height:920px;
margin:.9%;
margin-bottom:.5%;
position:relative;
}

.hdr {
border-bottom:1px dotted #204744;
color:#204744;
padding-top:6px;
padding-left:3px;
padding-bottom:3px;
position:absolute;
left:0;
height:11px;
}
.ti {
bottom:852px;
width:596px;
}
.vi {
left:618px;
bottom:636px;
width:222px;
}
.al {
bottom:636px;
width:596px;
}
.or {
bottom:448px;
width:840px;
}
.si {
left:618px;
bottom:900px;
width:222px;
}
.containt {
position:absolute;
bottom:0;
left:0;
overflow:auto;
}
.zero {
width:513px;
height:158px;
bottom:694px;
overflow:auto;
}
.one {
width:840px;
height:442px;
overflow:hidden;
}
.two {
width: 604px;
height: 144px;
bottom:486px;
}
.three {
width:222px;
height:244px;
left:618px;
bottom:656px;
}
.four {
width:222px;
height:148px;
left:618px;
bottom:476px;
}

.zero > img {
margin:0;
padding:0;
margin-right:2px;
}

i {
color:rgba(0,0,0, 45%);
}
b {
font-weight:normal;
color:#000;
}