/* ============����============== */
body{margin:0;padding:0;border:0;height:100%;text-align:left;font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-family: 'DIN-Light',  'PingFang SC', 'Microsoft Yahei', Arial, sans-serif; color:#505050;}
#contain{position: relative;height:100%;padding:10px;margin:10px auto;border:0;}
#content {position:relative;margin:10px auto 10px auto}
#bottom {position: relative;margin:0px auto}
#top {position:relative;margin:0px auto;z-index:99}
#bodyex {position: absolute;left:0;top:0;margin:0}
#bottomex {position: absolute;left:0;bottom:0;margin:0;z-index:-1}
#topex {position: absolute;left:0;top:0;margin:0;z-index:-1}
#contentex {position: absolute;left:0;top:0;margin:0;z-index:-1}
#advsex {display:none;position: absolute;width:100%;left:0;bottom:0;margin:0;z-index:-1}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

/* 2022-01-04 �����˵� */
.clearfix {*zoom:1}
.clearfix:after,.clearfix:before { display: table; content: ""}
.clearfix:after { clear: both}

/*===��������===*/

.pdv_class{position:absolute;border:0px}


/* ==����== */

div,li,td,p,select,input,textarea,a,button,input{text-decoration: none}
li{*zoom: 1;}
ul{margin:0px;padding:0px;list-style:none;}

/* ============��============== */
form{margin:0;padding:0}
.input{border:1px #ddd solid;height:20px;line-height:20px;padding:0px 3px;color:#555;background:#f7f7f7}
.textarea{border:1px #ddd solid;font-size:12px;padding:3px;background:#f7f7f7}
.button{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.submit{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.mustfill{color:#ff0000}
select{font:12px Verdana, Arial, Helvetica, sans-serif;color:#505050;}


/* ==��ʾ��ʽ== */

.msgdiv {color:#336699;padding-left:53px;background:url(../images/chk_msg.gif) 30px no-repeat;}
.errdiv {color:#FF0000;padding-left:53px;background:url(../images/chk_error.gif) 30px no-repeat;}
.rightdiv {color:#505050;padding-left:53px;background:url(../images/chk_right.gif) 30px no-repeat;}
.noticediv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_error.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.okdiv{display:none;border:1px #fc5959 solid;background:#FFFDF4 url(../images/chk_right.gif) 10px no-repeat;padding-left:33px;line-height:25px;margin:3px 0px}
.securenotice{line-height:100px;color:#FF0000;text-align:center;}


/* ============��ʾ��Ϣ����============== */
div#alert {display:none;cursor:default;}
div#alert .border{border:1px #97A0AA solid;}
div#alert .ntc{padding:30px;text-align:left;background:#fff;font: 14px/1.6 Verdana, Arial, Helvetica, sans-serif;}
div#alert .buttonzone{padding:15px;text-align:center;background:#f7f7f7;}
div#alert .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
div#alert .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}
div#alert .button{border:1px #97A0AA solid;height:22px;line-height:20px;padding:0px 5px;background:#eee}


/* ============����frame/��󴰿ڲ�============== */
#frmWindow {display:none;cursor:default;}
#frmWindow .border{border:1px #97A0AA solid;}
#frmWindow .ntc{padding:30px;text-align:left;background:#fff;font: 12px/1.6 Verdana, Arial, Helvetica, sans-serif;}
#frmWindow .buttonzone{padding:15px;text-align:center;padding-top:10px;background:#f7f7f7;}
#frmWindow .Frm{width:100%;height:500px;border:0}
#frmWindow .windowcontent{width:100%;height:380px;overflow:auto;background:#fff;border:0}
#frmWindow .topBar{height:20px;line-height:20px;background:#cbddef;text-align:left;padding:0px 0px 5px 5px ;font-size:12px;}
#frmWindow .topBar .pwClose{position: absolute;top:0px;right:8px;width:45px;height:18px;background:url(../images/pwin3.gif) no-repeat;cursor:pointer}

@font-face {
  font-family: 'DIN-Black';
  src: url('/storage/fonts/DINCond-BlackAlternate.otf') format('opentype');
}

@font-face {
  font-family: 'DIN-Light';
  src: url('/storage/fonts/DINNeuzeitGroteskStd-Light.otf') format('opentype');
}

@font-face {
  font-family: 'impact';
  src: url('/storage/fonts/impact-2.ttf') format('truetype');
}


/** pages **/
#pages {
	display: flex;
	align-items: center;
	font-family: impact;
	font-size: 14px;
	user-select: none;
}

#showpages #pages li {
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	background: none;
	border: 1px solid #eee;
	color: rgb(107, 114, 128);
	cursor: pointer;
}
#showpages #pages .pagesnow {
	background: #14c89a !important;
	color: #fff !important;
}

#showpages #pages li:hover {
	background: rgb(249, 250, 251);
}
#showpages #pages li svg {
	width: 28px;
	height: 28px;
}