﻿html {
    height:100%;
    min-height:100vh;
}
body {
    line-height: 1.6;
    color: #555;
    font-family: "Lunchtype", "Helvetica", serif;
    -webkit-font-smoothing: antialiased;
    margin:0;
    height:100%;
    background: url(../images/leftrepeat.png) repeat-y calc(50% - 580px - min(500px, 42.5vw));
}
body > .center {
    min-height:calc(100% - 548px);
}
body > .le {
    width: calc(50vw - min(500px, 42.5vw) - 10px);
    position:absolute;
    top:244px;
    height:1309px;
    background: #fff url(../images/left.png) no-repeat right 31px top;
}
body > .ri {
    width: calc(50vw - min(500px, 42.5vw) - 10px);
    position:absolute;
    top:244px;
    left: calc(50% + min(500px, 42.5vw));
    height:1343px;
    background: url(../images/right.png) no-repeat left top;
}
.rh {
    max-height: calc(100% - 480px);
}
.center {
    width:85%;
    max-width: 1000px;
    margin:auto;
    padding:0 20px;
    /*z-index: 100;*/
    /*position: relative;*/
}
h1 {
    padding: 20px 0 10px 0;
    font-weight: 700;
    font-size: 30px;
    color: #333;
}

h2 {
    padding: 20px 0 10px 0;
    font-weight: 700;
    font-size: 20px;
    color: #333;
}
h3 {
    padding: 20px 0 10px 0;
    font-weight: 700;
    font-size: 16px;
    color: #333;
}
a {
    color:#000;
    text-decoration: underline;
}
.cl {
    clear:both;
}
header {
    height:244px;
    margin-bottom:20px;
    background:url(../images/header2.jpg) no-repeat;
    background-position: center;
}
footer {
    margin:40px 0 0;
    padding:20px 0;
    background: #ebebeb;
    height:204px;
    background:url(../images/footer.jpg) no-repeat;
    background-position: center;
    color:#fff;
    position:relative;
}
footer .li {
    float:left;
    margin-right:20px;
}
footer .ri {
    float: right;
}
footer .le {
    float:left;
}
footer .t {
    margin:15px 0;
    font-size: 20px;
}
footer a {
    font-size: 20px;
}
footer .line {
    margin:20px 0 15px;
    height:2px;
    width:100%;
    background:#6c2bc9;
}
.m {
    margin-left:20px;
}
.m1 {
    margin-left:40px
}
header a, footer a,header a:visited, footer a:visited {
    color: #fff;
    text-decoration:none;
}
header a:hover, footer a:hover {
    text-decoration:underline;
}
body > center {

}
