/* 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 */
.out_section{width:100%;height:auto;position:relative}
.section { width:100%; height:auto; margin:0 auto; }
.section_content { width:100%; max-width:1100px; margin:0 auto; }
.section_inside { margin:0 auto; padding: 40px 0;}

/* responsive image */
.insection_image_fit{width:100%;max-width:700px;height:auto;display:block}

/* section title */
.insection_intro{display:table;table-layout:fixed;width:auto;margin:0 auto}
.insection_identifier{width:40px;height:40px;font-size:20px;text-align:center;border-radius:50%}
.insection_title{padding:0 10px}

/* section info */
.insection_info{padding:10px 12px}
.insection_info_icon{width:36px;font-size:30px;text-align:center;position:relative}
.insection_info_icon img{width:36px;height:36px;display:block}
.insection_info_content{padding:0 8px}

/* section features*/
.insection_feature{width:25%;float:left;padding:30px 15px}
.insection_feature_icon img{width:80px;height:80px;display:block;margin:0 auto}

/* section description */
.insection_desc{padding:20px 0}
.insection_desc_image{width:50%; max-width:300px;position:relative;margin-bottom:10px}
.insection_desc_content{width:50%;padding:0 10px}

/* scroll top button */
.login_scrolltop{display:none;position:fixed;right:40px;bottom:40px;z-index:100;cursor:pointer}
.login_scrolltop_btn{display:table;width:50px;height:50px;border-radius:50px;font-size:20px;text-align:center}


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