* {
    box-sizing: border-box;
}
a {
    text-decoration: inherit;
    color: inherit;
}
body {
    font-family: Tahoma;
    font-size: 14px;
    margin: 0;
    background-image: url(pic/body-tai.jpg);
    background-repeat: repeat-x;
}
.cover {
    max-width: 1600px;
    margin: 0 auto;
    background-image: url(pic/body-bg0.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: #EAC497;
}
.center {
    width: 840px;
    min-height: 100vh;
    margin: 0 auto;
}
.centerMobile {
    width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
    overflow-x: hidden;
    margin: 0 auto;
}
.deskHeader {
    display: flex;
    min-height: 270px;
    max-height: 270px;
}
.deskHeader > div {
    margin: auto;
    font-family: Georgia, serif;
}
.mobileHeader .logo {
    font-family: Georgia, serif;
    text-align: center;
}
.mobileHeader .logo1 {
    font-size: 300%;
}
.mobileHeader .logo2 {
    font-size: 140%;
}
.logo1 {
    color: #000080;
    font-size: 900%;
}
.logo2 {
    color: #921C1C;
    font-size: 300%;
    font-weight: bold;
}
.deskMenu {
    color: white;
}
.deskMenu a {
    margin: 0 30px;
}
.mobMenu {
    display: flex;
    padding-left: 20px;
}
.menuLines {
    color: black;
    background-color: white;
    width: min-content;
    padding: 5px 50px;
    margin-left: 20px;
    font-size: 130%;
}
.menuLines > * {
    display: block;
    margin-bottom: 5px;
}
.menuPic {
    width: 32px;
    height: 32px;
}
main {
    display: flex;
    background-color: white;
    margin-top: 40px;
}
.content {
    margin-left: 30px;
}
article {
    border-bottom: solid 1px #D3D3D3;
}
.articleMobile * {
    max-width: 90vw;
}
.artHeader {
    display: flex;
    position: relative;
    margin: 10px 0 0 0;
}
.artHeader h2 {
    font-weight: normal;
}
.artHeader time {
    position: absolute;
    top: 0;
    left: -95px;
    width: 91px;
    height: 91px;
    background-image: url(pic/date-bg0.png);
    color: white;
    font-weight: bold;
    font-size: 180%;
    text-align: center;
    padding-top: 10px;
}
.topComments {
    margin: auto 0 auto auto;
    color: #CC0000;
    font-size: 90%;
}
.artText {
    margin: 20px 0 5px 0;
}
.topMore {
    color: #0000CD;
    font-size: 90%;
    text-align: right;
    margin-bottom: 10px;
}
.topMore:after {
    content: url(pic/marker00.gif);
    margin: 7px;
}
.olders {
    padding: 30px;
}
.sideMenu {
    min-width: 210px;
    max-width: 210px;
    margin-left: 25px;
}
.sideBlock {
    margin: 30px 10px 10px 0;
    padding: 0 0 30px 20px;
    color: white;
}
.sideBlock h2 {
    position: relative;
    top: 20px;
    left: -10px;
    width: 221px;
    height: 53px;
    margin: 0;
    padding: 2px 0 0 20px;
    font-size: 130%;
    font-weight: normal;
}
.sideBlock a {
    display: block;
    margin-top: 1em;
}
.categ {
    background-color: #469DBE;
    background-image: url(pic/widget-t.gif), url(pic/widget-b.gif);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
}
.categ h2 {
    background-image: url(pic/widget-t.png);
    color: black;
}
.meta {
    background-color: #D8862C;
    background-image: url(pic/meta-wid.gif), url(pic/meta-wie.gif);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
}
.meta h2 {
    background-image: url(pic/meta-wid.png);
}
footer {
    height: 50px;
    color: #814A36;
    font-size: 85%;
    padding: 15px;
}