﻿
.main_menu {
    background: #fff;
    height: 100px;
    position: fixed;
    width: 100%;
    min-width:1280px;
    top: 0px;
    z-index:999999999;
}

    .main_menu .navbar {
        display: flex;
        /* height:120px; */
        box-sizing: border-box;
        background: #fff;
        max-width: 1600px;
        margin: auto;
    }

    .main_menu .navbar_bg {
        background: #fff;
    }

        .main_menu .navbar_bg::after {
            content: '';
            position: absolute;
            width: 100%;
            top: 100px;
            border-bottom: 1px solid #d9d9d9;
            box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.01);
        }

    .main_menu .logo {
        width: 640px;
        height: 100px;
        display: flex;
        align-items: center;
    }

        .main_menu .logo img {
            height:50px;
        }

        .main_menu .menu {
            list-style: none;
            margin: 0px;
            display: flex;
            flex-grow: 1;
            height: 100%;
        }

        .main_menu .menu:has(.menu_link:hover) .sub_menu, .main_menu .menu:has(.sub_menu:hover) .sub_menu, .main_menu .menu:has(.menu_link:focus) .sub_menu, .main_menu .menu:has(.sub_menu a:focus) .sub_menu {
            height: auto;
            padding: 17px 0px 23px 0px;
            opacity: 1;
        }

    .main_menu .menu_item {
        height: 100%;
        width: 25%;
        text-align: center;
        font-size: 24px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

        .main_menu .menu_item a.menu_link:link, .main_menu .menu_item a.menu_link:visited {
            color: #000;
            text-decoration: none;
            font-weight: 600;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100px;
            box-sizing: border-box;
            white-space:nowrap;
        }

        .main_menu .menu_link:hover, .main_menu .menu_item:has(.sub_menu:hover) .menu_link, .main_menu .menu_link:focus, .main_menu .menu_item:has(.sub_menu:focus) .menu_link {
            border-bottom: 3px solid #000;
        }

    .main_menu .sub_menu {
        list-style: none;
        margin: 0px;
        width: 100%;
        text-align: center;
        font-size: 18pt;
        overflow: hidden;
        height: 0px;
        padding: 0px;
        opacity: 0;
        transition: opacity 0.1s ease, height 0.05s ease, padding 0.05s ease;
    }

        .main_menu .sub_menu li {
            padding-top: 13px;
        }

        .main_menu .sub_menu a:link, .sub_menu a:visited {
            color: #606060;
            text-decoration: none;
        }

        .main_menu .sub_menu a:hover, .main_menu .sub_menu a:focus {
            color: #000;
        }

    .main_menu .navbar a:active {
        color: #605ca8 !important;
    }