@charset "utf-8";

:root {
--line_solid: #efefef;

}
.ol { }
.ol h2 {width:0;height:0;overflow:hidden}

#ol_before {background:#212020;padding:20px 15px;text-align:left}
#ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
#ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em; }
#ol_svc {text-align:left;color:#dadada;font-size:0.92em;margin:5px 0 20px}
.ol_before_btn {margin:15px 0 0;color:#aaa;line-height:1em}
.ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left}
#ol_password_lost {border-left:1px solid #777}

#ol_after_hd {position:relative;background:#212020;padding:10px 15px}
#ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_hd strong {display:block;float:left;color:#fff;padding:0 0 0 15px;line-height:40px}
#ol_after_hd .btn_admin {float:left;display:block;padding:0 !important;text-align:center;color:#fff;margin-right:10px;background:#d13f4a;width:30px}
#ol_after_hd .profile_avatar {position:relative;float:left;display:inline-block}
#ol_after_hd .profile_avatar img {width:37px;height:37px;border-radius:50%}
#ol_after_info {position:absolute;bottom:0px;right:0px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:#212020}
#ol_after_info i {color:#fff;font-size:1em}

#ol_after_private {clear:both;margin-top:15px;background:#fff;padding:0;list-style:none;border-bottom:1px solid var(--line_solid);display: flex; align-items: center;}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {position:relative;text-align:left;border-right:1px solid var(--line_solid);font-size:14px;padding: 10px;} 
#ol_after_private li:nth-child(1),
#ol_after_private li:nth-child(2) { width: 33.3333%;}
#ol_after_private li:nth-child(3) { width: 33.3333%;}
#ol_after_private li a { text-align: center;}
#ol_after_private i { color:#b9bcbf;font-size:1.2rem}
#ol_after_private li p {font-size:10px}
#ol_after_private strong { position: absolute;top: 16px; right: 15px;background: #8437bc;color: #fff;padding: 0 5px;border-radius: 15px;font-size: 0.92em;font-weight: normal;}
#ol_after_memo strong {background:#37bc9b;color:#fff;padding:0 5px;border-radius:4px;font-size:0.92em}
#ol_after_pt strong {background:#8cc152;color:#fff;padding:0 5px;border-radius:4px;font-size:0.92em;font-weight:normal}
#ol_after_private li#ol_after_scrap {border-right:0;}
#ol_after_private a {display:inline-block;padding:0px}

#ol_after_btn {position:absolute;top:15px;right:55px}
#ol_after_btn a {display:inline-block;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;font-weight:bold}
#ol_after_logout {background:#3a8afd;color:#fff}

#ol_after_private strong,
#ol_after_memo strong,
#ol_after_memo strong { background:#0d0c22; }
@media (min-width: 1025px){
	.selec_chk {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		opacity: 0;
		outline: 0;
		z-index: -1;
		overflow: hidden;
	}
}