/* -- b_000 -- */
/* -- -- */
body {
color: #363636;
font-family: verdana, arial, helvetica, sans-serif;
}
/* -- -- */
/* -- -- */
/* -- -- */
header {
background-color: #fff;
border-bottom: .25em solid #f00;
position: fixed;
left: 0em;
right: 0em;
top: 0em;
z-index: 10;
}
.headerbanner {
height: auto;
padding-left: .25em;
padding-top: .25em;
width: 10em;
float: left;
}
/* -- -- */
/* -- -- */
/* -- -- */
main {
margin-top: 5em;
}
/* -- -- */
/* -- -- */
/* -- -- */
input {
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
border-radius: 3px;
border: .2em solid #fff;
width: 90%;
}
.txb {
margin: 1em 0 1em 0;
position: relative;
}
.txb label {
position: absolute;
background: #fff;
padding: 0 .5em;
font-size: .8em;
top: -.6em;
left: .5em;
transition: all .3s ease;
}
.txb label.like-placeholder {
font-size: 1em;
top: .5em;
left: .5em;
}
.txb input {
padding: .5em;
}
/* -- -- */
/* -- -- */
.rdb {
padding-top: 2em;
padding-bottom: .75em;
line-height: 2em;
}
.rdb input {
width: 2em;
}
/* -- -- */
/* -- -- */
.cbx {
padding-top: 2em;
padding-bottom: 2em;
line-height: 2em;
}
.cbx input {
width: 2em;
}
/* -- -- */
/* -- -- */
.li_01 a {
border-bottom: .1em solid #f00;
color: #363636;
text-decoration: none;
}
.li_01 a:hover {
background-color: #f00;
color: #fff;
}
/* -- -- */
/* -- -- */
/* -- -- */
/* -- -- */
/* -- -- */
#backto img {
height: auto;
width: 1em;
}
/* -- -- */
/* -- -- */
.tcenter {
text-align: center;
}
.tsmall {
font-size: small;
}
.tfat {
font-weight: bolder;
}
.tred {
color: #f00;
}
.tblue {
color: #00f;
}
.tunderline {
text-decoration: underline;
}
/* -- -- */
/* -- -- */
/* 1 em = 16 px */
/* 37.5em = 600 px = mobil */
@media only screen and (min-width: 37.5em) {
}
/* 56.25em = 900 px = tablet */
@media only screen and (min-width: 56.25em) {
header {
margin-left: 5%;
margin-right: 5%;
}
main {
margin-left: 5%;
margin-right: 5%;
}
.menu-container {
right: 40px;
}
footer {
font-size: .75em;
margin-left: 5%;
margin-right: 5%;
}
footer a {
margin-top: 0em;
margin-right: 2em;
float: left;
}
.cr {
font-size: 1em;
float: right;
}
}
/* 100em = 1200 px = desktop */
@media only screen and (min-width: 75em) {
.menu-container {
right: 60px;
}
}
/* 100em = 1600 px = tv */
@media only screen and (min-width: 100em) {
.menu-container {
right: 70px;
}
}