/* default login css */

/* Blue bar at the top of the page */
.blue-bar {
    width: 100%;
    height: 50px;
    background-color: #001a60;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    padding-left: 10px; /* 10px padding from the left */
}

/* Logo styling within the blue bar */
.logo {
    height: 30px; /* Logo height */
    width: auto; /* Maintain aspect ratio */
    margin: 0; /* Ensure it's centered vertically */
}

/* Centered element styling for buttons */
.centered_element {
    display: flex;
    gap: 10px; /* Space between buttons, adjust as needed */
    justify-content: center; /* Center buttons horizontally */
    align-items: center; /* Align buttons vertically within container */
    flex-wrap: wrap; /* Prevent overflow in smaller screens */
}

/*intro css */
#login_logo { height:200px; }
#intro_top { width:100%; height:100%; z-index:1; position:relative; background:#292929 url('images/background3.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment:fixed; }
#login_wrap { width:100%; height:100%; }
#login_all { width:800px; max-width:94%; border-radius:20px; display:block; margin:0 auto; color:#fff; }
.login_not_member { text-align:center; padding-top:5px; }
#intro_lang { position:absolute; top:10px; right:20px; width:40px; height:40px; }

/* section css */
.section { width:100%; height:auto; margin:0 auto; }
.section_content { width:100%; max-width:1100px; margin:0 auto; }
.section_inside { margin:0 auto; }

@media screen and (max-width:1120px){
	.section_inside { width:96%; }
}