html {
background-color: #fff;
margin: 0;
padding: 0;


}
body {
background-color:#e2e2e2;
border-top: solid 0px #000;
color: #000;
font-size: .85em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;


}

　
header, footer, hgroup,
nav, section {
display: block;


}
mark {
background-color: #a6dbed;
padding-left: 2px;
padding-right: 2px;


}
.float-left {
float: left;


}
.float-right {
float: right;


}
.clear-fix:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;


}
h1, h2, h3,
h4, h5, h6 {
color: #fff;
margin-bottom: 0;
padding-bottom: 0;



}
h1 {
font-size: 2em;


}
h2 {
font-size: 1.75em;


}
h3 {
font-size: 1.2em;


}
h4 {
font-size: 1.1em;


}
h5, h6 {
font-size: 1em;


}
h5 a:link, h5 a:visited, h5 a:active {
padding: 0;
text-decoration: none;


}
/* main layout



----------------------------------------------------------*/
.content-wrapper {
margin: 0 auto;
max-width: 960px;


}
#body {
background-color: #fff;
clear: both;
padding-bottom: 2px;


}
.main-content {



padding-left: 0px;
padding-top: 0px;


}
.featured + .main-content {



}
header .content-wrapper {
padding-top: 0px;


}

footer {
clear: both;
background-color: #625D5D;
font-size: 1em;
font-style:normal;
height: 50px;


}
table {
border-collapse: collapse;
border-spacing: 0;
margin-top: 0.75em;
border: 0 none;


}
th {
font-size: 1.2em;
text-align: left;
border: none 0px;
padding-left: 0;


}
th a {
display: block;
position: relative;



}
th a:link, th a:visited, th a:active, th a:hover {
color: #333;
font-weight: 600;
text-decoration: none;
padding: 0;


}
th a:hover {
color: #000;


}
th.asc a, th.desc a {
margin-right: .75em;


}

th.asc a:after, th.desc a:after {
display: block;
position: absolute;
right: 0em;
top: 0;
font-size: 0.75em;


}
th.asc a:after {
content: '▲';


}
th.desc a:after {
content: '▼';


}
td {
padding: 0.25em 2em 0.25em 0em;
border: 0 none;


}

　
　
tr.pager td {
padding: 0 0.25em 0 0;


}
.thclass {
background: #287bee;
color: white;
border: 1px solid #fff;
font-weight: bold;
text-align:right;


}
.tdclass {
padding: 6px;
border: 1px solid #fff;
text-align:center;


}
/*table {
width: 95%;
border-collapse: collapse;
}

th {
background: #333;
color: white;
font-weight: bold;
}
td, th {
padding: 6px;
border: 1px solid #ccc;
text-align: left;
}*/



/********************
* Mobile Styles *
********************/
@media only screen and (max-width: 850px) {

/* header



----------------------------------------------------------*/
header .float-left,
header .float-right {
float: none;


}
/* logo */
header .site-title {
margin: 10px;
text-align: center;


}
/* login */
#login {
font-size: .85em;
margin: 0 0 12px;
text-align: center;


}
#login ul {
margin: 5px 0;
padding: 0;


}
#login li {
display: inline;
list-style: none;
margin: 0;
padding: 0;


}
#login a {
background: none;
color: #999;
font-weight: 600;
margin: 2px;
padding: 0;


}
#login a:hover {
color: #333;


}
/* menu */
nav {
margin-bottom: 5px;


}
ul#menu {
margin: 0;
padding: 0;
text-align: center;


}
ul#menu li {
margin: 0;
padding: 0;


}

　
/* main layout



----------------------------------------------------------*/
.main-content,
.featured + .main-content {
background-position: 10px 0;


}
.content-wrapper {
padding-right: 10px;
padding-left: 10px;


}
.featured .content-wrapper {
padding: 10px;


}
/* page content */
article, aside {
float: none;
width: 100%;


}
/* ordered list */
ol.round {
list-style-type: none;
padding-left: 0;


}
ol.round li {
padding-left: 10px;
margin: 25px 0;


}
ol.round li.zero,
ol.round li.one,
ol.round li.two,
ol.round li.three,
ol.round li.four,
ol.round li.five,
ol.round li.six,
ol.round li.seven,
ol.round li.eight,
ol.round li.nine {
background: none;


}
/* features */
section.feature {
float: none;
padding: 10px;
width: auto;


}
section.feature img {
color: #999;
content: attr(alt);
font-size: 1.5em;
font-weight: 600;


}
/* forms */
input {
width: 90%;


}



/* login page */
#loginForm {
border-right: none;
float: none;
width: auto;


}
#loginForm .validation-error {
display: block;
margin-left: 15px;


}
#socialLoginForm {
margin-left: 0;
float: none;
width: auto;


}
/* footer



----------------------------------------------------------*/
footer .float-left,
footer .float-right {
float: none;


}
footer {
text-align: center;
height: auto;
padding: 10px 0;


}
footer p {
margin: 0;


}
}
/* END: Mobile Styles */