*{
    box-sizing: border-box;
}
html,body{
	float: left;
	width: 100%;
	height: 100%;
	margin-left:0;
	margin-top: 0;
}
a{
	color:#073848;
}
a:hover{
	color:#0000aa;
}

b{
 color:#F00;
 font-size:12pt;
}
.mainbox {
	float: left;
	max-width: 1024px;
	margin-left: calc(50% - 512px);
	background-color:  #FFF;
	height: calc(100% - 150px);
	overflow: auto;
  }
  
.importantinfobox td span {
	font-size: 9pt;
  }

  #labimportant,.labimportant {
	text-indent: 2em;
	text-align: left;
	padding: 10px 20px;
	margin-left: 0;
	color: #8a0818;
	font-size: 11pt;
	background-color: #FFF;
	box-shadow: 1px 1px 2px #6c4f4f;
  }

  .a-href.a-forget-pwd {
	color: #040493;
	font-size: 10pt;
	text-indent: 2.5em;
	background: url("/png/editfeed_32x32.png") 5px no-repeat;
	background-size: 24px;
	height: 30px;
	line-height: 30px;
  }

  .a-href:hover{
	  text-shadow: 0px 0px 3px rgb(34, 203, 245);
  }
.trtitle {
	text-align: center;
	background: #f2e1e1;
	text-shadow: 1px 1px 2px #728db7;
	height: 30px;
  }

  .tdtitle {
	color: #0b5b0b;
	text-shadow: 1px 1px 2px #78e6cc;
	background: #e2f6f9;
	text-align: center;
	height: 25px;
  }


  .line-box span {
	float: left;
	color:#063a09;
	text-indent: 1em;
	margin-top: 5px;
	text-align: right;
	padding: 0 5px;
	font-size: 9pt;
  }

  span.no-span {
	color: #F00;
  }
  span.ok-span{
	  color:#094F0E;
  }

  .new-student input {
	font-size: 12pt;
	margin-right: 5pt;
  }

  .index-box-r {
	float: right;
	width: 360px;
	margin-right: 10px;
	margin-top: 44px;
	display: flex;
    flex-direction: column;
  }

  .index-box-r .regedit {
	background: url("/png/editcontact_32x32.png") 10px no-repeat;
	background-size: 24px;
  }

  .index-box-r button{
	border-width: 1px 0;
	border-radius: 0;
  }

  .index-box-r-login {
	display: flex;
	align-items: center;
  }

  button.but-student-login {
	background: url("/png/employee_32x32.png") 10px no-repeat;
	background-position: 10px;
	background-size: 24px;
	flex: fit-content;
  }

  .index-box-r-login label {
	height: 50px;
	display: flex;
	align-items: center;
	border: 1px solid #547754;
	border-width: 1px 0;
	padding: 0 10px;
  }

  .line-box {
	float: left;
	width: 100%;
	padding: 5px;
  }


  .importantinfobox {
	float: right;
	width: 380px;
	padding: 10px;
	background: #FFF;
	overflow: auto;
  }

  .importantinfotitle {
	float: left;
	width: 100%;
	background: #e3e2e3;
	text-align: center;
	color: #08640d;
	line-height: 22px;
	border: 1px solid #96ac9c;
	border-left: 3px solid #47594c;
	border-right: 3px solid #47594c;
	 -moz-text-shadow: 1px 1px 2px #a4f7b5;
	 -webkit-text-shadow: 1px 1px 2px #a4f7b5;
	text-shadow: 1px 1px 2px #a4f7b5;
	padding: 5px;
	font-size: 13pt;
	font-weight: 700;
  }

.titlechild {
    float: left;
    width: 250px;
    text-align: center;
	margin-left: 15px;
	margin-bottom: 9px;
    border: 1px solid #47594c;
    border-left: 2px solid#47594c;
	border-right: 2px solid #47594c;
	border-top:0px;
	background: url('../image/lineV.png') 0px -50px;
	font-weight: 800;
	padding:5px;
	color:#B10E0E;
    	-moz-text-shadow: 1px 2px 5px #402f06;
        -webkit-text-shadow: 1px 2px 5px #402f06;
        text-shadow: 1px 2px 5px #402f06;
	letter-spacing: 14px;
}

.importantinfo {
    float: left;
    margin-left: 15px;
    width: 250px;
    background:  #FFFAFA url('../image/lineV.png') 0 20px;
	height: 80px;
	margin-top: 12px;
}

.boxtitle {
	float: left;
	width: 100%;	
	background: url('../image/title-1.png') 5px -165px no-repeat,url('../image/link-bg.png') 0px 13px;	
	text-indent: 2.5em;	
	border: 1px solid #aaa;	
	height: 25px;	
	font-size: 10pt;	
	line-height: 25px;	
	color: #09075c;
	font-weight: 800;
   	  -moz-text-shadow: 1px 2px 5px #5e9fae;
	  -webkit-text-shadow: 1px 2px 5px #5e9fae;
	  text-shadow: 1px 2px 5px #5e9fae;
}

.boxtitle.btitle1 {
    color: #057293;
}
.boxtitle.btitle2 {
    color: #353;
}
.boxtitle.btitle3 {
    color: #f53;
}
.boxtitle.btitle4 {
    color: #f5f;
}
.boxtitle.btitle5 {
    color: #e68703;
}
.boxtitle.btitle6 {
    color: #2aa;
}
.timepicker {
    float: left;
    width: 100%;
    text-indent: 1.5em;
    margin-top: 5px;
    font-size: 11pt;
}

.enddate {
    color: #666;
}
.frodate {
    color: #17056F;
}
.indate{
	color:#048c04;
}

.dategrid {
    float: left;
    width: 100%;
    height: 100%;
    background: url('../image/title-1.png');
}

.workbox {
	float: left;
	width: 620px;
	padding: 0 20px;
  }

  table {
	float: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
  }

  .importantinfobox td {
	border: 1px solid #e6e4e4;
	font-size: 10pt;
  }

#mbox1{
	float:left;width:39%;margin-top:5px;height:80%;
}
#mbox2{
	float:left;width:60%;height:80%;margin-top:5px;
}
#mboxcontent {
	position: relative;
	float: left;
	width: calc(100% - 690px);
	height: 300px;
	margin-left: 10px;
  }

  .important-info-box {
	float: left;
	width: calc(100% - 690px);
	text-indent: 2em;
	color: #121b9f;
	text-shadow: 1px 1px 2px #abd8f2;
	margin-left: 10px;
  }

  .important-info-box .title {
	font-size: 12pt;
	color: #F00;
	width: 100%;
	background: #bbb;
	padding: 5px 0;
	margin-top: 3px;
  }

#mtable{
	float:left;width:100%;height:80%;border-top:1px solid #a7adcf;
	 
	border-left:1px solid #fff;
}
.newscontent,.newstitle,.newstitle{
	float:left;width:100%;
	background:#FFFFFF;height:auto;
	min-height:600px;padding:0 5% 0 5%;
	text-shadow: 1px 1px 2px #a29e9e;
}

.mtitle {
	float: left;
	height: 36px;
	background: url('../png/card01.png') 5px 8px no-repeat;
	width: 100%;
	text-indent: 3em;
	line-height: 42px;
	font-size: 12pt;
	color: #a20808;
	border-bottom: 1px solid #0f119d;
	font-family: "Microsoft YaHei","微软雅黑";
	margin-top: 20px;
	-moz-text-shadow: 1px 2px 5px #ea9cda;
	-webkit-text-shadow: 1px 2px 5px #ea9cda;
	text-shadow: 1px 2px 5px #ea9cda;
	background-size: 26px;
  }

.mtitle span{
	float:right;
	margin-right:10px;
	font-size:10pt;
	TEXT-DECORATION: none;
	color:#d01313;
	text-indent: 0;
	
}
.mtitle h{
	float: right;
   font-size: 11pt;
   text-indent: 0;
   color: #0A8017;
   padding:0 10px 0 0;
}
.mtitle span:hover{
	font-weight: 800;
}
.newlist{
	float:left;
	width:580px;
	height:270px;
	border-bottom: 1px solid #0f119d;	
}

.newlist-box {
	display: flex;
    flex-direction: column;
	float: left;
	width: 580px;
  }

  .video-group-box {
	display: flex;
	flex: fit-content;
	padding: 10px 0 0 5px;
	background: linear-gradient(to bottom,RGB(248, 200, 255),RGB(242, 238, 238),rgb(255, 202, 255));
  }

.newlist table{
	font-size:10pt;
	width:100%;
	color: #040493;
	border-collapse:separate;
    border-spacing:0;
}
.newlist table tr{
	height:30px;
}
.newlist  tr:hover{
	color:#0707fb;
	border-bottom:1px solid #bbb;
}

.newstr {
	background: url('../gif/new02.gif') 5px 10px no-repeat;
	text-indent: 2em;
}
.normaltr{
    text-indent: 2em;
}
.ReportIDIssueTime{
	text-align: right;
	color:#aaa;
}

.banner {
    float: left;
    width: calc(100% - 690px);
    padding: 10px;
    background: url('../png/cloud01.png') 0 0px #e6e6e6;
    margin: 5px 0 5px 10px;

}

#mtitlebox{
	position: absolute;
   width: 100%;
   height: 30px;
   z-index: 99;
   background: #FFF;
}
.imporantbox{
 margin:0 auto;width:300px;height:auto;vertical-align:middle;
 padding:0px 10px 5px 10px;border:1px solid #bbb;margin-top:50px;
 border-right:2px solid #666;
 border-bottom:2px solid #666;
}
li.labimporant{
 list-style-type:none;text-indent:2em;font-size:10pt;color:#bb0000;
 
}
.logintitle, .loginactive{
	position: absolute;
	width:50%;background:#dddada;height:30px;text-align:left;text-indent:3em;font-size:10pt;font-family:微软雅黑;line-height:30px;color:#888;
    border-top:1px solid #dddada;border-bottom:1px solid #dddada;
}

.logintitle:hover{
	color:#356181;
} 
.logintitle{
 border-left:0px;border-right:0px;border-top:1px solid #eee;background:url('../image/title-1.png') 12px -50px no-repeat #e0e0e0;
 border-bottom: 1px solid #bbb;
}
.loginactive{
	position: absolute;
	background:url('../image/hand01.png') 12px -22px  no-repeat;color:#006600;font-size:11pt;font-weight:700;
	border: 1px solid #bbb;
	border-bottom: 0;
	z-index: 99;
	height: 32px;

}
 
.loginmainbox{
	position: absolute;
 width: 100%;
 display: none;
 border-top: 0px;
  top: 29px;
}

#adminlogin {
    left: 50%;
}

#stuloginbox{
	display:block;
}
.tdlink{
	padding-left:2em;
}

.tddate{
	text-align:right;color:#888;padding-right:10px;
}

.play-form-box iframe {
	float: left;
	width: 680px;
	height: 402px;
	background: #b7e0f9;
	border: 0;
  }



.but-subit:hover{
		border-left:1px solid #f0f0f0;
		border-top:1px solid #f0f0f0;
		border-bottom:1px solid #060847;
		border-right:1px solid #060847;
		
}
.but-save {
	float: left;
    margin-left: 10px;
	width: 100px;
	background: url('../zk/img/commandlist.png') 12px -30px no-repeat;
	height: 32px;
	text-align: left;
	text-indent: 2.5em;
  }


.butrefresh{
	background:url('../image/title-2.png') 0px -90px no-repeat;border:0px;text-align:right;width:70px;
}




.but-get-verifyword {
	width: 140px;
	background: url('../../image/hand01.png') 10px 10px no-repeat;
  }

.regedit, .but-student-login, .but-admin-login {
  width: 100%;
  font-size: 13pt;
  text-shadow: 1px 1px 2px #7dd2ee;
  color: #0A8017;
  background: url('../image/men_file_box.png') 5px -43px no-repeat #efefef;
  height: 50px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #547754;
  text-indent: 2em;
}

 

.checkchar{
	float:left;list-style-type:none;font-size:12pt;color:#ee0000;margin-left:5px;height:30px;line-height:30px;width:60px;text-align:center;
	background:url('../gif/checkback.gif') no-repeat;
}

.newtable td{
				height:25px;border-bottom:1px solid #e6e6e6;color:#62606c;
}

.loginbox{
				float:left; 				
}

.formbox{
				float:left;border:1px solid #bbb;height:220px;padding:30px 0 0 0;
				background:url('../image/vista_pleasant_08.png') 500px 35px no-repeat #fff;
				border-bottom-color:#e5e6ee;border-top-color:#e5e6ee;
				border-top: 0;
}
.formtitle{
				float:left;width:120px;height:30px;text-indent:3em;background:url('../image/men_file_box.png') no-repeat #11669d;color:#FFF;line-height:30px;
				border-radius:10px 10px 0 0;border-left:1px solid #bbb;border-top:2px #fff solid;border-right:1px #fff solid;font-size:9pt;
 }
.computerbox{
				background-image:url('../image/vista_pleasant_39.png');
}
#manageform{
			 background-position: 5px -101px;
}
#studentform{
			background-position: 5px 2px;	
}


.newinfo{
 text-indent:.5em;background:url('../../gif/new02.gif') no-repeat;
}
.newinfo li{list-style-type:none;}

.newstitle,.newstitle01{
	background: #e1f2df;
	font-size: 14pt;
	color: #6b0b0b;
	min-height: 0;
	text-align: center; 
}
.newstitle{
padding-top:10px;padding-bottom:10px;
text-shadow: 1px 1px 2px #ffa700;
}
.newstitle01{
	color: #191bc5;
	font-size: 11pt;
	padding-bottom: 10px;
	margin: 0 auto;
	width: 884px;
	background: #fefffd;
}
#newscontent{
	 margin:0 auto;border:1px solid #f8f8f8;background:#f6f6f6;width:800px;min-height:600px;
	 padding: 25px 40px 25px 40px;
	 border-right:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;
	 margin-bottom:20px;
}
 

.zcjd-play {
	float: left;
	font-size: 11pt;
	padding: 5px 10px 15px 72px;
	text-shadow: 1px 1px 2px #a4d4ff;
	color: #041786;
	background: url('/png/video_32x32.png') 5px 0px no-repeat;
	width: 100%;
	background-size: 61px;
	cursor: pointer;
  }

.zcjd-play:hover{
	color:#2602f5;
}

.title-m {
	text-align: center;
	background: #d0ecf7;
	font-size: 12pt;
	color: #3b09c4;
	padding: 5px 0;
  }

  .title-c {
	font-size: 10pt;
	color: #0b5b0b;
	text-shadow: 1px 1px 2px #78e6cc;
	background: #e2f6f9;
	text-align: center;
	height: 25px;
  }

  button.regedit{
	  display: none;
  }

  .webpage-school:hover {
	text-shadow: 1px 1px 2px #75ddee;
  }
  .webpage-school {
	float: left;
	width: 280px;
	color: #0d07d0;
	padding: 8px 10px 0 10px;
	text-indent: 2em;
	background-repeat: no-repeat;
	background-size: 20px;
	background-image: url('../png/t01.png');
	background-position:15px -19px;
	font-size: 10pt;
  }

  .show-school-webpage {
	position: fixed;
	top: 0;
	overflow: auto;
	height: 100%;
	width: 100%;
	background-color: #ddd;
  }

  #form-webpage {
	float: left;
	width: 100%;
	height: 100%;
  }

  .frm-top-button {
	position: fixed;
	width: 100%;
	height: 32px;
	background: RGB(222, 222, 222);
	border-bottom: 1px solid #aaa;
  }

  .frm-top-button button {
	position: fixed;
	right: 0;
	background: url('/png/exit.png') no-repeat 5px;
	color: #fb0785;
	text-shadow: 1px 1px 2px #09868c;
	border: 0;
	background-size: 24px;
  }

  .show-school-webpage img {
	float: left;
	width: calc(100% - 100px);
	margin-left: 50px;
  }

  .page-content {
	padding: 40px;
  }

  .mtitle.school-title {
	background: url('../png/t01.png') no-repeat 2px;
	color: #07860f;
	text-shadow: 1px 1px 2px #07d2bf;
  }


#RSet-Barcode{
	position: relative;
	right:10px;
	width: 150px;
	height: 150px;
	background-color: #aaa;
	display: none;
}

.school-1 {
	background-position: 16px 8px;
  }

.school-3 {
	background-position-y: -113px;
  }

.school-4 {
	background-position-y: -145px;
  }

.school-5 {
	background-position-y: -50px;
  }

.school-6{
	background-position-y: -175px;
}

.newlist tr,.webpage-school{
  cursor:pointer;
}

.newscontent img {
  width: 100%;
}

@keyframes my_animation{
	0%{
      
	  color: #e480fd;
	  text-shadow: 1px 1px 1px #01475c;
	}
	40%{
		color: #060847;
		text-shadow: 1px 1px 3px #5ef8fd;
	}
	100%{
        
		color: #060847;
		text-shadow: 1px 1px 3px #5ef8fd;
	}
}

.zcjd-play{
	animation: my_animation 2s infinite ;
}

@keyframes proess_animation {
	0%{
       font-size: 10pt;
	   color:#0707fb
	}
	20%{
      font-size: 11pt;
	  color: #060847;
	}
	60%{
       font-size: 11pt;
	   color: #041786;
	}
	100%{
       font-size: 11pt;
	   color:#0707fb
	}
}

#show-tips-box{
	animation: proess_animation 1s ease-in;
}