/* CSS Document */


body{
 	font-family: "Courier New", Courier, monospace!important;
	 background: url('../pic/template/bgr.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	background-color: #000; 
	
	}	 

h1{
	font-size: 22px  !important;
font-weight:bolder !important;
color:#6e0000 !important;
}
h2 {
	font-size: 18px  !important;
font-weight:bolder !important;}

h3,
h4,
h5,
h6 {
	font-size: 18px  !important;
font-weight:bolder !important;

    }

p { 
    font-size: 18px;
    color: #000;
}
hr{

height: 1px !important;
margin-left: auto;
margin-right: auto;
background-color:#E0B06A;
color:#E0B06A !important;
border: 0 none;
 }
.img-full {
    min-width: 100%;
}

div.img {
	position: relative; 
    border: 1px solid #ccc;
	
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    width: 100%;
    height: auto;
}

div.desc {
	position: absolute; 
	font-weight:bold;
	bottom:0;
	color: #000;
    text-align: center;
	width: 100%;
	background-color: rgba(240, 240, 240, 0.9);
	opacity:0;
}
div.deschead {

	font-weight:bold;
	top:0;
	color: #000;
    text-align: center;
	width: 100%;
	
}
* {
    box-sizing: border-box;
}

.responsive {

    padding: 4px 6px;
    float: left;
    width: 24.99999%;
}
.responsive:hover div.desc{ 
opacity:10;
}
.responsive-content {

    padding: 4px 6px;
    float: left;
    width: 32.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 4px 0;
    }
	.responsive-content {
        width: 49.99999%;
        margin: 4px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
	.responsive-content {
	  width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}