html {
overflow-y: scroll;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
border: none;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
background: url('../images/common/body_background.jpg') no-repeat top left;
background-size: 100%;
background-color: #D6D6D6;
min-width: 920px;
min-height: 590px;
}
/*Use */
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1; /* ie 6/7 */
}
/*
.clearfix {
float: none;
clear: both;
}
*/
/* Main divs */
#wrapper {
position: relative;
text-align: left;
margin: 0 auto;
max-width: 62%;
min-height: 100%;
}
#contents {
position: relative;
margin-left: 205px;
margin-bottom: -30px;
padding: 0 20px 0 20px;
color: #fff;
background-color: #163141;
line-height: 1.3em;
min-width: 220px;
max-width: 600px;
}
#footer, .push {
height: 30px;
}
#footer {
position: relative;
/*bottom: 20px;*/
margin-left: 205px;
padding: 0 20px;
background-color: #163141;
/*width: 100%;*/
min-width: 220px;
max-width: 600px;
text-align: left;
font-size: .8em;
color: #666;
}
#footer a {
color: #666;
}
/* html formatting */
hr {
color: #999;
background-color: #999;
border: 0;
height: 1px;
}
h1 {
color: #489bd1;
margin: 0;
padding: 54px 0 0 0;
/*font-size: 1.8em;*/
font-size: 1.8vw;
line-height: 1.8vw;
}
h2 {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
h3 {
color: #f2566c;
font-size: 1.2em;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
a {
outline: none;
color: #666;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.red {
color: red;
}
.blue {
color: black;
}
.super {
vertical-align: super;
color: #666 !important;
font-size: .8em;
}
textarea {
font: 1em Verdana, Arial, Helvetica, sans-serif;
}
/*************************************/