/*css
//==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>
//
//
//==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<
*/
/* mpage (my page) */
.mpage{
	font-family:"Hiragino Kaku Gothic ProN","Meiryo","MS PGothic","Segoe UI","Helvetica","sans-serif";
	border:1px solid #337ab7;
}
.mpage:focus{
	outline:none;
}
/* mpage-heading */
.mpage .mpage-heading{
	padding:0 10px 0 20px;
	background:#337ab7;
	min-height:80px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.mpage-heading .mpage-title{
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.mpage-heading .mpage-title .sicon{
	margin-right:10px;
	width:25px;
	height:25px;
}
.mpage-heading .mpage-title span{
	position:relative;
	top:1px;
	font-size:20px;
	font-weight:bold;
}
/* mpage-body */
.mpage .mpage-body {
	padding:10px;
}
/* hr */
.mpage hr{
	border-top:1px dotted #ccc;
}