/* default login css */

/*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%; }
}

/* 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; }

#col3_section { padding:80px 20px; }
.col3_container { display: flex; flex-wrap: wrap; gap: 20px; }
.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; }
.col3_text { margin-top: 10px;  font-size:18px; line-height:1.4em; }
.col3_title { font-size:22px; font-weight:bold; margin-bottom:10px; }

/* active_user intro  */
#intro_section_user { padding:72px 0;background:#1e2321; }
.active_user { height:110px; text-align:center; float:left; overflow:hidden;background:#1e2321; }
#last_active { width: 100%; height:110px; margin:0 auto;background:#1e2321; }
.active_avatar { width:110px; height:110px; border-radius:50%; }
#last_active .left-arrow,
#last_active .right-arrow { width: 0; height: 0; border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  margin-top: 5px; cursor: pointer; margin-top:40px;background:#1e2321; }
#last_active .left-arrow {  float: left; border-right: 10px solid #ccc; display:none;background:#1e2321;}
#last_active .left-arrow:hover { border-right: 10px solid #1e2321; }
#last_active .right-arrow { float: right;  border-left: 10px solid #ccc; display:none;background:#1e2321; }
#last_active .right-arrow:hover { border-left: 10px solid #1e2321; }
#last_active .last-clip {  margin: 0 20px; overflow: hidden; position: relative;background:#1e2321; }
#last_active .last_10 { height: 110px; width: 10000%;  overflow: hidden;  position: relative;background:#1e2321; }