/* General */
body{overflow:hidden!important;}
.external_wrap{ width: 100%; height: 100%; }
#login_logo { height:60px; }
.login_panel{position:relative;display:none;max-width:100%;width:350px;height:100%;padding:36px 20px 36px 20px;overflow:hidden;overflow-y:auto}
.login_body{width:100%;height:100%;overflow:hidden;overflow-y:auto}
.login_body.login_pbody{ width: calc(100% - 350px); }
.login_pbody .login_body_inner #intro_top #intro_top::before{ background-attachment: unset !important; }
.login_body_inner{display:block;max-width:94%;width:500px;margin:0 auto; color: #fff;}
.login_box,.login_box *{border-color:rgba(255,255,255,.08)!important}
#intro_top{position:relative;z-index:1;width:100%;height:100%; background: #000;}
#intro_top::before{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url('./images/background.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:center center;background-size:cover;opacity:.5}
#intro_lang { position:absolute; top:10px; right:20px; width:40px; height:40px; }
.lpanel_close{display:none;position:absolute;top:10px;right:10px;z-index:1;width:36px;height:36px}
.lpanel_cicon{ font-size: 18px; }
.lpanel_toggle{position:absolute;top:10px;left:20px;z-index:1;width:40px;height:40px}
.lpanel_ticon{ font-size: 18px; }

/* 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%; }
}
@media screen and (max-width: 930px){
	.login_panel{position:fixed;top:0;left:0;z-index:100}
	.login_pbody{width:100%!important}
	.lpanel_close{display: block;}
}