.absolute_img {
    position: absolute;
    pointer-events: none;
}
.logo1{
    position: absolute;
    left:8%;
    bottom:-15px;
    width:60px;
    height:110px;
}

.logo1 img {
    position: absolute;
    top:-15px;
    image-rendering:optimizeSpeed; /* Legal fallback */
    image-rendering:-moz-crisp-edges; /* Firefox */
    image-rendering:-o-crisp-edges; /* Opera */
    image-rendering:-webkit-optimize-contrast; /* Safari */
    image-rendering:optimize-contrast; /* CSS3 Proposed */
    image-rendering:crisp-edges; /* CSS4 Proposed */
    image-rendering:pixelated; /* CSS4 Proposed */
    -ms-interpolation-mode:nearest-neighbor; /* IE8+ */
    animation: logo-move 2s infinite ease-in-out;
}

@keyframes logo-move
{
    0%  { top:0px; }
    50% { top:-15px;}
    100%{ top:0px; }
}

.logo_shade{
    position: absolute;
    left:8%;
    bottom:-0px;
    pointer-events: none;
    animation: logo-shade-move 2s infinite ease-in-out;
}

@keyframes logo-shade-move
{
    0%  { bottom:-80px;opacity:1.0;transform:scaleY(0.275) }
    50% { bottom:-80px;opacity:0.4;transform:scaleY(0.275) }
    100%{ bottom:-80px;opacity:1.0;transform:scaleY(0.275) }
}

.logo2{
    position: absolute;
    left: calc( 8% + 65px );
    bottom:0.5em;
    pointer-events: none;
    transform-origin: 0 0;
}

.content {
    border-width:20px;
    border-color:transparent;
    border-image: url(../images/panel.png) 14 stretch;
    border-radius:25px;
    border-style:solid;
    background:#ccc;
    color: #0e1011;
    padding: 2em;
    margin:2em 1em;
    /* max-width:460px; */
}

.badges span {
    border-width:3px;
    border-color:transparent;
    border-image: url(../images/img-border.png) 4 stretch;
    border-radius:10px;
    border-style:solid;
    display:block;
    line-height:1.2;
    margin:0.3em;
}

/* 修改 bootstrap */

.btn-primary {
    border-width:10px;
    border-color:transparent;
    border-image: url(../images/btn-black.png) 9 stretch;
    border-radius: 15px;
    border-style:solid;
    background:#0c1011;
    /* min-height:45px; */
    color: #ccc;
}

.btn-primary:hover {
    border-width:10px;
    border-color:transparent;
    border-image: url(../images/btn-black.png) 9 stretch;
    border-radius: 15px;
    border-style:solid;
    background:#0c1011;
    /* min-height:45px; */
    color: #ccc;
}

.btn-default {
    border-width:6px;
    border-color:transparent;
    border-image: url(../images/panel.png) 14 stretch;
    border-radius: 15px;
    border-style:solid;
    background:#cccccc;
    /* min-height:45px; */
    color: #0e1011;
}

.btn-default:hover {
    border-width:6;
    border-color:transparent;
    border-image: url(../images/panel.png) 14 stretch;
    border-radius: 15px;
    border-style:solid;
    background:#cccccc;
    /* min-height:45px; */
    color: #0e1011;
}


.form-control {
    border-width:10px;
    border-color:transparent;
    border-image: url(../images/solt.png) 9 stretch;
    border-radius: 15px;
    border-style:solid;
    background:#5a5e60;
    min-height:45px;
    color: #ccc;
}

.form-control:disabled {
    background:#5a5e60;
    border-radius: 15px;
}

.box {
	padding:0.5em;
	margin-top:0.5em;
	-moz-page-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	break-inside:avoid;
}

.box-wrapper {
	-moz-column-count:4;
	/* Firefox */
    -webkit-column-count:4;
	/* Safari 和 Chrome */
    column-count:4;
	-moz-column-gap:0em;
	-webkit-column-gap:0em;
    column-gap:0em;
}

@media screen and (min-width:1200px ) {
    .box-wrapper {
        -moz-column-count:4;
        /* Firefox */
        -webkit-column-count:4;
        /* Safari 和 Chrome */
        column-count:4;
    }
}
@media screen and (min-width:992px ) and (max-width:1200px) {
    .box-wrapper {
        -moz-column-count:3;
        -webkit-column-count:3;
        column-count:3;
    }
}
@media screen and (min-width:530px ) and (max-width:992px) {
    .box-wrapper {
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
    }
}
@media screen and (max-width:530px) {
    .box-wrapper {
        -moz-column-count:1;
        -webkit-column-count:1;
        column-count:1;
    }
}