body{
background-color: #000;
margin-right: auto;
margin-left : auto;
width:960px;
}
.header {
height: 61px;
background-image: url(../img/head.jpg);
background-repeat:  no-repeat;
}

.main1{
width: 960px;
text-align:center;
    
}

.main2{
width: 960px;
text-align:center;
margin:40px 0 0 0;
}

.main-contents{
height: 230px;
background-image: url(../img/main.jpg);
background-repeat:  no-repeat; 
margin:15px 0 45px 0;
}
.main-read{
width: 915px;
color: #fff;
line-height: 200%;
text-align:left;
margin: auto;
}

.left-box {
float: left;
width: 460px;
margin;0 20px 0 0;
}

.right-box {
float: right;
width: 460px;
}

.left-title {
color: #000;
text-align:left;
margin:0 0 20px 0;
}

.right-title {

color: #000;
text-align:left;
margin:0 0 20px 0;
}

.left-contents {
width:90%;
background-color: #000;
color: #000;
text-align:left;
color: #fff;
font-size:10pt;
margin-left:20px;
}

.right-contents {
background-color: #000;
color: #000;
text-align:left;
margin-left:10px;
}

.footer{
background-color: #000;
color: #fff;
clear: both;
font-size:10pt;
text-align:center;
width: 960px;
}


hr {
border-top: 1px dashed #fff;
margin:100px 0 0 0;    
}

h1 {
position: relative;
padding: 0.25em 1em;
border-top: solid 2px #fff;
border-bottom: solid 2px #fff;
color: #fff;
font-size:12pt;
}
h1:before, h1:after {
content: '';
position: absolute;
top: -7px;
width: 2px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #fff;
}
h1:before {
left: 7px;
}
h1:after {
right: 7px;
}

h2 {
position: relative;
padding: 0.25em 0;
color: #fff;
font-size:12pt; 
margin-bottom: -1px;
}
h2:after {
content: "";
display: block;
height: 2px;
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}