/* default login css */

html { scroll-behavior: smooth; }

/*intro css */
#login_logo { height:70px; }
#intro_top { width:100%; height:100%; z-index:1; position:relative; background:#292929 url('images/background.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%; }
}

/* START: CSS Code For Column3 Section (Theme-Friendly) */

#col3_section { 
    padding: 80px 20px; 
}
.col3_container { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 20px; 
    max-width: 1100px; 
    margin: 0 auto; 
}
.col3_element { 
    flex: 1; 
    min-width: 250px; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    padding: 20px; 
    text-align: center; 
}
.col3_element img { 
    max-width: 150px; 
    height: auto; 
    border-radius: 20px;
    margin-bottom: 25px;
}
.col3_text { 
    margin-top: 10px;  
    font-size: 18px; 
    line-height: 1.4em; 
}
.col3_title { 
    font-size: 22px; 
    font-weight: bold; 
    margin-bottom: 10px; 
}

@media (max-width: 768px) {
    .col3_container { 
        flex-direction: column; 
        align-items: stretch; 
        max-width: 80%; 
        margin: 0 auto; 
    }
    .col3_element { 
        flex: 1;  
        margin: 0 0 20px 0; 
    }
    .col3_element img { 
        max-width: 120px; 
        margin-bottom: 10px; 
    }
}

/* END: CSS Code For Column3 Section */