<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.header {
	/*margin-top: 25px;*/
}

.header .summary dt {
	float: left;
	clear: both;
	width: 3em;
	padding: .2em 0;
}

.header .summary dt:after {
	content: ':';
	margin-left: .3em;
}

.header .summary dd {
	padding: .2em 0;
	margin-left: 4em;
}

.header .description {
	margin-top: 20px;
}

.movies {
	margin-top: 10px;
}

.photos {
	margin-top: 0px;
}

.others {
	margin-top: 0px;
}

.category {
	margin-top: 10px;
}

.archives {
	margin-top: 10px;
}

.photos .thumb {
	position: relative;
	width: 100%; height: 100%; overflow: hidden;
	padding: 100% 0 0;
	background: #f0f0f0;
}

.photos .thumb .inner {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
}

.photos .thumb .inner img {
	position: absolute;
	left: 50%; top: 50%;
	width: auto !important; height: auto !important; max-width: 100%; max-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.copyright {
	clear: both;
	display: block;
	margin-bottom: 40px;
	color: #888;
}

@media screen and (min-width: 768px){
	.main-pic {
		margin-top: 40px;
	}
	
	.header {
		margin-top: 45px;
	}
	
	.header .description {
		margin-top: 25px;
	}
}
@media screen and (max-width: 767px){
	.lead {
		margin-top: -1em;
	}
}
</pre></body></html>