/* Google Font API */
/* you yu gu ge zai 2014-5-27 hao,kai shi bei quan mian he xie,suo yi gai wei ben di diao yong.*/
@import url(/cli-center/public/guge_font.css);

/* import core styles | Basis-Stylesheets einbinden */
@import url(/lib/yaml/core/base.min.css);

/* import screen layout | Screen-Layout einbinden */
@import url(/lib/yaml/navigation/hlist.css);
@import url(/lib/yaml/forms/gray-theme.css);
@import url(/lib/yaml/screen/typography.css);
@import url(/lib/yaml/screen/screen-FULLPAGE-layout.css);
@import url(/lib/yaml/add-ons/accessible-tabs/tabs.css);

/* import print layout | Druck-Layout einbinden */
@import url(/lib/yaml/print/print.css);
.tipfontfamily { font-family:trebuchet ms, arial, verdana, sans-serif; }

body.page-login {
	min-height:100vh;
	min-height:100dvh;
	display:flex;
	flex-direction:column;
}
body.page-login > header,
body.page-login > footer {
	flex:0 0 auto;
}
body.page-login > #main {
	flex:1 0 auto;
}
body.page-login footer .ym-wbox {
	padding-bottom:max(1em, env(safe-area-inset-bottom));
}

header .ym-wbox { padding: 1em; }
header { background-color:#8E8E8E; }
#login-form form { width:260px; border:#CCC 1px solid; padding:20px 10px 20px 10px; margin:100px auto; text-align:left; background: no-repeat 20px 20px #fff; }
#login-form label { line-height: 1.7em; }
#msg-form form { width:400px; padding:20px; margin:80px auto; }
.userinfo { display: inline; float: right; line-height: 2em; padding: 0.5em 1.5em; }
/* Hidden by default; enabled in mobile.css */
.mobile-only { display: none; }
.dialog-content label, .dialog-content input { display: block; margin-bottom: 3px; }
.dialog-content .validateTips { margin:13px 0; }
.dialog-content input.text { margin-bottom: 12px; padding: 0.4em; width: 95%; }
.ui-widget * { font-size:12px; }
.datagrid { margin: 1.3571em 0 0; }
.datagrid .datagrid-view { font-family:Calibri; }
.panel-tool a:hover, .panel-tool a:focus { background-color:transparent; }
/*common start*/
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mt10 { margin-top:10px; }
.ml {float:left;}
.mr {float:right;}
.zkd-icon-z,.zkd-icon-k,.zkd-icon-d { background:url(images/zkd.png) no-repeat; width:20px; height:21px; display:inline-block; }
.zkd-icon-k { background-position:0 -25px; }
.zkd-icon-d { background-position:0 -50px; }
.wdks-lock-icon {background:url(images/lock.png) no-repeat; width:18px; height:16px; display:inline-block;}
.chc-pass-icon,.chc-nopass-icon,.chc-unknown-icon {background:url(images/classhourcheck_icon.png) no-repeat; width:18px; height:24px; display:inline-block; overflow: hidden; margin-right:3px;}
.chc-nopass-icon {background-position:0 -24px;}
.chc-unknown-icon {background-position:0 -48px;}
.chc-div-box { height:26px;}
.chc-icon-text {display:inline-block;vertical-align: top;}
/*common end*/

/*reg-form start*/
#reg-form form { width:400px; padding:20px 20px 20px 20px; margin:20px auto; text-align:left; }
#reg-form .reg-form__birthday .reg-form__hint {
	display:inline-block;
	margin-left:8px;
	vertical-align:middle;
	line-height:1.5;
}
#reg-form .reg-form__captcha {
	display:grid;
	grid-template-columns:30% 70%;
	grid-template-areas:
		"label input"
		"label actions";
	row-gap:8px;
	column-gap:0;
	align-items:start;
}
#reg-form .reg-form__captcha label {
	grid-area:label;
	float:none;
	width:100%;
}
#reg-form .reg-form__captcha-input {
	grid-area:input;
	float:none !important;
	width:60px !important;
	margin:0 !important;
	position:relative;
	z-index:2;
}
#reg-form .reg-form__captcha-actions {
	grid-area:actions;
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
	position:relative;
	z-index:1;
}
#reg-form .reg-form__captcha-image {
	margin:0 !important;
}
#reg-form .reg-form__captcha-refresh {
	white-space:nowrap;
}
/*reg-form end*/

/*index start*/
#photo { text-align:center; }
#photo img { background: none repeat scroll 0 0 #F0EBE6; border: 1px solid #E6E1DC; padding: 14px; }
#photo a.btn { line-height:24px; }
/*index end*/

.week-box { border:#EFEAE4 2px solid; background-color:#EEE; padding: 5px 10px; }
/*schedule start*/
.schedul-list li .type1, .schedul-list li .type2, .schedul-list li .type3 { width:20px; height:21px; left:3px; bottom:3px; background:url(images/zkd.png) no-repeat; }
.schedul-list li .type1 { }
.schedul-list li .type2 { background-position:0 -25px; }
.schedul-list li .type3 { background-position:0 -50px; }
.schedul-list li span.hour_A,.schedul-list li span.hour_B { width:22px; height:20px; line-height:18px; font-size:11px; font-family:verdana; color:#FFF; left:61px; bottom:1px; background:url(images/hour_bg.png) no-repeat; }
.schedul-list li span.hour_B{ background-position:0 -25px;}
.schedul-list li span.remark { width:16px; height:16px; line-height:18px; left:69px; top:0px; background:url(images/remark_bg.png) no-repeat; }
/*schedule end*/

/*classhour start*/
.classhour-list-lock {background:url(images/classhour_lock.png) no-repeat;}
/*classhour end*/
/* Styles only for PC (min-width: 1024px) */
@media (min-width: 1024px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    nav {
        position: fixed;
        top: 57px;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    body {
        margin-top: 122px; /* Adjust the margin-top for PC */
    }
}
/* Media query for mobile devices */
@media (max-width: 768px) {
    body {
        /*margin-top: 337px; !* Adjust margin for mobile devices *!*/
    }
}