@font-face {
    font-family: 'Microsoft Yi Baiti';
	font-family: 'Calibri';
	font-family: 'Ebrima';
	font-family: 'Segoe UI';
    src: url('font/ebrima.ttf');
    src: url('font/msyi.ttf');
	src: url('font/calibri.ttf');
  src: url('font/segoeui.ttf');
    font-weight: normal;
    font-style: normal;
}
body
{
	margin:0 0 0 0;
}
.logo
{
	position:fixed;
	left:0px;
	top:2px;
	z-index:6;
}
.backbg
{
	position:fixed;
	bottom:-50px;
	width:100%;
	z-index:1;
}
.back
{
	position:fixed;
	bottom:-50px;
	left:0px;
	z-index:2;
}
.log
{
	width:320px;
	position:fixed;
	top:330px;
	left:125px;
	z-index:3;
}
.notif
{
	position:fixed;
	width:652px;
	height:335px;
	top:35px;
	right:50px;
	z-index:4;
}
.input2
{
	border:none;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background-color:#fae95e;
	border-radius:6px;
}
.h
{
	border:none;
	border-radius:6px;
	padding:8px 20px 10px 20px ;
	font-family:'Segoe UI';
	font-size:16px;
	color:#fff;
	background-color:#636363;
}
.h:hover
{
	background-color:#000;
}
.mn
{
	font-family:'Segoe UI';
	font-size:20px;
	color: #666;
}
.border
{
	border:1px solid #8c8c8c;
}
.header
{
	padding:8px;
	font-family:'Segoe UI';
	font-size:18px;
	color: #fff;
	background-color:#1cbb9b;
}




.view1 {
   width: 310px;
   height: 45px;
   float: left;
   overflow: hidden;
   position: absolute;
   text-align: left;
   border-bottom:1px solid #b9b9b9;



  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}



.view1 .mask1 {
	width: 100%;
	height: 45px;
	position: absolute;
	overflow: hidden;
	top: 14px;
}
.view1 .mask2 {
	width: 100%;
	height: 45px;
	position: absolute;
	overflow: hidden;
	top: 0px;
}
.view1 img {
   display: block;
   position: relative;
	top:12px;
	right:-200px;
	

}
.view1 txt {
	font-family:'Calibri';
	font-size:17px;
		padding-left:10px;
padding-top:-10px;
	color: #23957e;
   text-align: left;
   text-decoration:none;
   line-height:11px;

}
.view1 txt2 {
	font-family:'Calibri';
	font-size:18px;
	text-transform:uppercase;
	padding-left:230px;
line-height:11px;
	color: #23957e;
   text-align: right;
   text-decoration:none;

}
.view1 txt3 {
	font-family:'Calibri';
	font-size:14px;
	
	padding-left:10px;

	color: #737373;
   text-align: right;
   text-decoration:none;

}
.view1 txt4 {
	font-family:'Calibri';
	font-size:18px;

	padding-left:230px;

	color: #000;
   text-align: right;
   text-decoration:none;

}

.view1-first1
{

  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.view-first1:hover {


}


.view-first1 img {
  -webkit-filter: brightness(100%);
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.view-first1 txt {
	text-decoration:none;
 
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.view-first1:hover img {
	  -webkit-filter: brightness(180%);

}

.view-first1:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 0;
}

.view-first1:hover txt
 {
	 color:#fff;
	 text-shadow:5px #fcb304;
	 
}


.staff
{
	font-family:'Calibri';
	font-size:17px;
	color: #23957e;
}
.time
{
		font-family:'Calibri';
	font-size:14px;
	color: #737373;
}
.type
{
	font-family:'Calibri';
	font-size:18px;
	color: #000;
}
.system
{
	font-family:'Calibri';
	font-size:18px;
	text-transform:uppercase;
	color: #23957e;
}
.borbtm td
{
	border-bottom:1px solid #CCC;
}
.head
{
	font-family:'Calibri';
	font-size:18px;
	color:#000;
}