@charset "UTF-8";
body {
    font-family: "LXGW Wenkai Screen", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
button, input, optgroup, select, textarea, .navbar-brand, h3 {
    font-family: inherit;
}

/* main */
.message img {
	max-width: 100%;
	height: auto;
}
.message pre,
.message a {
    word-break: break-all;
	white-space: pre-wrap;
}
.message pre:last-child,
.message p:last-child {
    margin-bottom: 0;
}
main > .container {
    padding: 80px 15px 0;
}
.media:last-child {
    margin-bottom: 0 !important;
}

/* gravatar */
.headimg {
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.headimg:hover {
	transform: rotate(360deg);
	transition-delay: 0.2s;
	transition-duration: 1s;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.5);
}

/* edit */
.hoverdisplay {
	opacity: 0;
}
.hoverdisplay:hover {
	opacity: 1;
}
.hoverdisplay a {
    cursor: pointer;
}
#alert_success,
#alert_danger {
	display: none;
}
.messagebg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999999999;
	background: rgba(0,0,0,0.75);
}
.messagebg .messagebox {
	width: 512px;
	margin: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.8);
	padding: 10px 0;
	max-height: 90%;
	overflow-y: auto;
}
.messagebg .messagebox table {
	width: 90%;
	margin: auto;
}
.close-msg {
	float: right;
	transition-duration: 0.5s;
	cursor: pointer;
}
.close-msg:hover {
	color: rgb(51,122,188);
}
.newpost {
	min-width: 100%;
	max-width: 100%;
	min-height: 80px;
	max-height: 256px;
}

/* responsive */
@media (min-width: 1200px) {
    .container {
        max-width: 800px;
    }
}
@media screen and (max-width:512px) {
    .messagebg .messagebox {
    	width: 90%;
    }
    .hoverdisplay {
        opacity: 1;
    }
}