body{
    background-image: url("../imgs/bg.jpg");
    background-repeat: repeat;
    background-attachment:fixed;
    /*background-color: #d0eaff;*/
}

nav {
    height:3em;
}

div#content {
    margin-top: 3em
}

.panel, .panel-heading  {
    border-radius: 0 0 0 0;
}

.panel {
    border: none;
}

div.col-md-3 {
    padding: 5px 2px 0px 2px;
}

.panel-body {
    /*border: solid 1px;*/
    border-top-style: none;

}

div.site p.site, div.site .panel-heading {
    transition: background-color .5s ease, color .5s ease;
    cursor: pointer;
}

div.site:hover p.site, div.site:hover .panel-heading
{
    background-color: #36f;
}

div.site:hover p.site
{
    color: #fff;
}

div.site a {
    text-decoration: none;
}

img.site {
    width: 100%;
    display: block;
    margin: auto;
}

p.site {
    /*height: 10em;*/
    width: 100%;
    padding: 1em;
    color: black;
    margin: 0;
}

a#logo {
	float: right;
}

span#logo {
	display: block;
	margin-top: 1ex;
}

.master-panel {
    background-color: rgba(255, 255, 255, .8); /*rgba(0, 0, 0, 0.1) */
}

.master-panel > .panel-heading > h3 {
    font-size: 1.5em;
}

.master-panel > .panel-body {
    border: none;
}

.panel-title {text-align:center}
.panel-body {padding:0;}
.panel{margin:0}

.type_news {
    background-color: #f90;
}

.site-official {
    background-color: #e99002;
}

.site-official:hover {
    background-color: #292002;
}

.site-fan {
    background-color: #43ac6a;
}
.navbar-collapse {
   background: #008cba;
}
/*
@media (min-width: 768px) {
    .collapsing {
        overflow: hidden;
    }
}*/