body {
margin: 0px;
background-color: #F6F6F6;
font-family: Arial, 'Oxygen', sans-serif, "Helvetica Neue", sans-serif;
}
header {
background-color: #7ed0f2;
color: white;
font-weight: bold;
font-size: 24px;
top: 0px;
left: 0px;
height: 60px;
margin: 0 auto;
width: 70%;
display: block;
margin-bottom: 15px;
}
header a:hover {
text-decoration: underline!important;
}
.container {
width: 70%;
margin: 0 auto;
position: relative;
}
#content {
position: absolute;
width: 68%;
left: 0px;
display: inline-block;
margin-bottom: 15px;
}
#sidebar {
width: 30%;
position: absolute;
right: 0px;
display: inline-block;
}
#sidebar h2 {
color: #535353
}
#sidebar ul {
list-style: none;
padding-left: 15px;
}
#sidebar li::before {
position: relative;
content: "";
display: inline-block;
width: 0.4em;
height: 0.4em;
border-right: 0.2em solid black;
border-top: 0.2em solid black;
transform: rotate(45deg);
margin-right: 0.5em;
}
#sidebar li {
margin-bottom: 4px;
}
#sidebar a {
color: #2276fa;
text-decoration: none;
}
#sidebar a:hover {
color: #0000FF;
text-decoration: underline;
}
.article {
line-height: 22px;
font-size: 15px;
color: #535353;
padding: 10px;
}
#content {
padding-top: 0px;
}
p {
display: block;
}
#comments {
margin-top: 40px;
}
.box {
box-shadow: 0 0 5px rgba(0,0,0,0.25);
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
}
.sep li {
margin-bottom: 10px;
}
h3 { margin-bottom: 10px; }
h3 { font-size: 1.5em;}  .table-corner {
width: 100%;
border-collapse: collapse;
border: 0px;
}
.table-corner th {
font-weight: normal;
font-size: 13px;
color: #FFF;
background: #049be5;
padding: 5px;
font-weight: bold;
}
.table-corner td {
background: #E1F5FE;
border-top: 1px solid #fff;
color: #212121;
padding: 8px;
}
.table-corner tbody tr:hover td {background:#b2e4fa;}
#tablecontent {
overflow-x: auto;
}
#tablecontent table {
margin-top: 20px;
}
#router-username-password-list {
width: 100%;
font-size: 13px;
}
#top_ad_links {
margin-top: 10px;
margin-bottom: 10px;
padding: 0 5px;
}
#bottom_links {
text-align: center;
}
#sidebar_ad {
text-align: center;
margin-top: 20px;
}
@media screen and (max-width: 580px) {
header {
font-size: 20px;
}
h2, h3 { font-size: 18px;}  h1 { font-size: 20px;}
img.aligncenter{
width: 70%;
height: auto;
}
}
@media screen and (min-width: 525px) {
.rect_ad {
float: left;
padding: 20px 30px 20px 0;
}
}
@media screen and (max-width: 955px) {
header {
width: auto;
height: 68px;
margin-bottom: 0px;
}
#content {
width: 100%;
position: relative;
}
#sidebar {
width: 100%;
position: relative;
}
.container {
height: auto;
width: auto;
}
.seplis {
padding-left: 20px;
}
}
@media screen and (max-width: 768px) {
div.cookieinfo {
display: none;
}
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }