.ol { position: relative; }
.ol h2 { margin: 0px; padding: 0px; width: 1px; height: 1px; font-size: 0px; line-height: 0; overflow: hidden; }
.ol ul { margin: 0px; padding: 0px; list-style: none; }
.ol a.btn_admin2 { }
.ol a.btn_admin:focus, .ol a.btn_admin:hover { text-decoration: none; }
#ol_before { }
#ol_before fieldset { position: relative; width: 1000px; }
#ol_id { display: inline-block; padding: 0px 5px; width: 168px; height: 22px; border: 1px solid rgb(228, 234, 236); background: rgb(247, 247, 247); line-height: 1.6em; margin: 0px 0px 5px !important; }
.ol_idlabel { position: absolute; top: 6px; left: 5px; color: rgb(51, 51, 51); font-size: 0.95em; }
#ol_pw { display: inline-block; padding: 0px 5px; width: 168px; height: 22px; border: 1px solid rgb(228, 234, 236); background: rgb(247, 247, 247); vertical-align: top; line-height: 1.6em; margin: 0px 0px 5px !important; }
.ol_pwlabel { position: absolute; top: 6px; left: 190px; color: rgb(51, 51, 51); font-size: 0.95em; }
#auto_login { }
#auto_login_label { letter-spacing: -0.1em; }
#ol_submit { display: inline-block; width: 60px; height: 24px; border: 0px; background: rgb(51, 51, 51); color: rgb(255, 255, 255); font-size: 0.9em; font-weight: bold; vertical-align: top; }
#ol_before a { letter-spacing: -0.15em; }
#ol_svc { display: inline-block; margin: 5px 0px 0px 20px; }
#ol_password_lost { display: inline-block; margin: 0px 0px 0px 20px; }
#ol_auto { display: inline-block; position: relative; margin: 5px 0px 0px 20px; }
#ol_auto label { letter-spacing: -0.1em; }
#ol_auto input { width: 13px; height: 13px; vertical-align: bottom; }
#ol_after { }
#ol_after_hd { margin: 0px; width: 100%; justify-content: flex-end; background:#0052bd; color: rgb(255, 255, 255); padding: 7px; display: flex; height: 29px;}
#ol_after_hd > strong { flex: 0 0 auto; text-align: center; }
#ol_after_hd .btn_admin { margin-top: 5px; text-align: center; }
#ol_after_hd > a { color: rgb(255, 255, 255); flex: 0 0 auto; width: 70px; text-align: center; }
#ol_after_private { margin: 0px 0px 3px; zoom: 1; }
#ol_after_private::after { display: block; visibility: hidden; clear: both; content: ""; }
#ol_after_private li { float: left; }
#ol_after_private a { display: block; padding-top: 8px; height: 37px; background: rgb(247, 247, 247); text-align: center; }
#ol_after_private a strong { display: block; padding-top: 3px; color: rgb(0, 0, 0); font-weight: normal; }
#ol_after_private a:focus, #ol_after_private a:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); text-decoration: none; }
#ol_after_private a:focus strong, #ol_after_private a:hover strong { color: rgb(255, 255, 255); text-decoration: none; }
#ol_after_memo { width: 50px; margin-right: 1px; }
#ol_after_pt { width: 80px; margin-right: 1px; }
#ol_after_scrap { width: 48px; line-height: 2.6em !important; }
#ol_after_ft { text-align: justify; display: flex; background: rgb(234, 247, 255); align-items: center; margin: 0px; width: 100%; height:54px; }
#ol_after_ft > a {color: rgb(0, 0, 0);text-align: center;font-size: 14px;font-weight: bold;border-radius: 0px;display: flex;align-items: center;padding: 10px 7px; margin: 0px 2px;}
#ol_after_ft.ol_after_ft_admin > a { padding: 10px 3px; margin: 0px 2px; }
#ol_after_ft > a:hover, #ol_after_ft > .sub_menu_title:hover { color: white; background: rgb(35, 117, 235); }
#ol_after_ft > a:focus, #ol_after_ft a:hover { text-decoration: none !important; }
#ol_after_ft > a.on { background: rgb(35, 117, 235); color: rgb(255, 255, 255); }
#ol_after_ft .statistics { display: inline-block; position: relative; z-index: 10; color: rgb(6, 6, 6); text-align: center; padding: 10px; font-size: 15px; font-weight: bold; border-width: 1px 1px 2px; border-style: solid; border-color: rgb(197, 233, 255) rgb(197, 233, 255) rgb(163, 216, 255); background: rgb(255, 255, 255); border-radius: 10px; }
.sub_menu { display: inline-block; position: relative; }
.sub_menu_list { display: none; position: absolute; top: 100%; left: 0px; width: 200px; background: rgb(255, 255, 255); z-index: 1000; }
.sub_menu_title { display: inline-block; color: rgb(6, 6, 6); text-align: center; padding: 10px 5px; font-size: 14px; font-weight: bold; border-radius: 10px; }
.sub_menu_title:hover { background: blue; color: rgb(255, 255, 255); }
.sub_menu:hover > .sub_menu_list { display: block; }
.sub_menu_list_item { display: block; padding: 10px; border-bottom: 2px solid rgb(163, 216, 255); font-size: 14px; color: rgb(6, 6, 6); font-weight: bold; }
.sub_menu_list_item:hover { color: rgb(255, 255, 255); background: blue; }
.statistics_menu { display: none; position: absolute; top: 100%; left: 0px; width: 150px; border: 1px solid rgb(0, 0, 0); background: rgb(255, 255, 255); }
.statistics:hover > .statistics_menu { display: block; }
.statistics_menu > li > a { display: block; padding: 10px; }
.statistics_menu > li > a:hover { background: rgb(35, 117, 235); color: rgb(255, 255, 255); }
#ol_after_ft > .km_logo_box { border: none; width: 150px; display: block; margin-right: 10px; }
#ol_after_ft > .km_logo_box:hover { border: none; background: none; }
.km_logo_box img {width: 100%;padding: 10px;}
#ol_after_ft > .hm_color_red { color: red; }
@media screen and (max-width: 1425px) {
    .sub_menu .sub_menu_title { font-size: 12px; }
    #ol_after_ft.ol_after_ft_admin > a { font-size: 12px; padding: 6px 5px; }
    #ol_after_hd{justify-content: center;}
}


.bo_list_ssl_container_km{margin-right:20px;font-size:14px;position:relative; border-radius:5px; cursor:pointer;}
.bo_list_ssl_title_km{padding: 0px 9px;}
.bo_list_ssl_list_km{display:none;position:absolute;max-height:300px;overflow-y:scroll;width:400px;background:#fff;border:1px solid #000;z-index:1;}
.bo_list_ssl_list_km.active{display:block;}
.bo_list_ssl_item_km{padding:10px;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;justify-content: space-between; color:#000;}
.bo_list_ssl_item_km a{color:#000; font-size:13px;}
.bo_list_ssl_item_km:hover{background:red; color:#fff;}
.bo_list_ssl_item_km:hover a{color:#fff;}
.bo_list_ssl_item_km > span{font-size:12px;}
#ol_after_ft .purchase_menu{position:relative;}
#ol_after_ft .purchase_menu:hover{background:transparent; color:#e75dff}
#ol_after_ft .purchase_menu.on{background:transparent; color:#e75dff}
#ol_after_ft .purchase_menu::before{content:'';width: 90%;height:1px;background:#e75dff;position:absolute;bottom: 8px;opacity: 0.5;}
#ol_after_ft .purchase_menu::after{content:'';width:5px;height:5px;background:#e75dff;border-radius:50%;position: absolute;right: 0;top: 7px;animation: 2s purchase_menu infinite;}
@keyframes purchase_menu{
    0%{opacity:0}
    100%{opacity:1}
}