html, body { margin: 0; padding: 0; font-family: Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif,arial,sans-serif; background-color: #d3d9df; font-size: 100%; }
img { border: 0; }
a { color: #0084B4; text-decoration: none; }

.hide { display: none; }
.box { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 5px 0; width: 100%; }
.hashtag { color: #0084B4; }
.hashtag a { color: #0084B4; }

.wrap { margin: 100px auto; width: 600px; background-color: white; }
.wrap .header { padding: 30px; }
.wrap .header .header-wrap { padding-left: 58px; }
.wrap .header .header-wrap .avatar { margin-left: -58px; width: 48px; height: 48px; border-radius: 24px; vertical-align: middle; }
.wrap .header .header-wrap .username  { padding-left: 10px; color: #333638; }
.wrap .header .header-wrap .timeago  { padding-left: 10px; color: #999ba1; font-size: 80%; }
.wrap .content { padding: 30px; }
.wrap .content .title { margin-top: 0; margin-bottom: 26px; font-weight: 500; font-size: 24px; word-break: break-all; }
.wrap .content img { padding: 5px 0; max-width: 100%; }
.wrap .visit { padding: 30px; text-align: center; }
.wrap .footer { padding: 30px 0; background-color: #f8f8f8; font-size: 80%; }
.wrap .footer .copyright { float: left; padding-left: 30px; }
.wrap .footer .poweredby { float: right; padding-right: 30px; }

.button-visit { display: inline-block; background-color: #fe5f49; color: white; border-radius: 20px; }
.button-visit span { display: block; padding: 10px 20px; }

@media all and (max-width: 600px) {
	.wrap { margin: 0; width: 100%; }
	.wrap .footer { font-size: 100%; }
	.wrap .footer .copyright { padding: 0 0 10px 0; width: 100%; text-align: center; }
	.wrap .footer .poweredby { float: left; padding: 10px 0 0 0; width: 100%; text-align: center; }
}