/* CSS Document */
body {font-size:14px; /*color:#666;*/ font-family:"微软雅黑"; margin:0; padding:0; background-color:#eeeeee;}
img { border:0;}
em { font-style:normal; }
p { padding:0; margin:0; }
a { text-decoration:none;}
input, button, select, textarea { outline:none; } 
textarea { resize:none; } 
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button { -webkit-appearance: none; }
select { -webkit-appearance: none; }
body, div, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0;margin:0; }
ul,li{ list-style: none;list-style-type:none; padding:0; margin:0; }

.warning{color:red;padding:0 2px;}

.sybt { width:96%; padding-left:2%; padding-right:2%; height:50px; background-color:#00bab9; overflow:hidden; border-bottom:2px solid #0c8483;}
.sybtz { float:left; width:60%; line-height:50px; color:#FFFFFF;font-size:18px; text-align:center; }
.sybtl { float:left; width:20%; text-align:left; margin-top:12px;}
.sybtr { float:right; width:20%; text-align:right; margin-top:10px;}


/*请假*/
.qjt { width:100%; height:30px; line-height:30px; background-color:#FFFFFF; border-bottom:1px solid #dddddd; color:#666666;}
.zt { width:96%; padding-left:2%; padding-right:2%; background-color:#FFFFFF; border-bottom:1px dashed #d2d2d2; height:45px;}
.ztl { float:left; width:29%; /*color:#333333;*/ height:45px; line-height:45px; font-size:1em;}
.ztl span { color:#FF3333;}
.ztr { float:right; width:69%; color:#666666; font-size:1em; line-height:45px; color:#65a510;}
.ztr span { float:right; color:#fc9900;}
.ztr input {float:left; height:43px; line-height:43px; width:69%; border:0px; background:none; color:#999999; font-size:1em;}
.ztr select {height:43px; line-height:43px; width:29%; z-index:900; border:0px; color:#999999; font-size:1em; text-align:right;background:none;}

.ztrx { float:right; width:70%; color:#666666; font-size:1em; line-height:30px; color:#65a510;}
.ztrx input { height:28px; line-height:28px; width:69%; border:0px; background:none; color:#999999; font-size:1em;}
.ztrx select { height:28px; line-height:28px; width:55%; border:0px; background:none; color:#999999; font-size:1em; text-align:right;}
.ztrx span { float:right; color:#fc9900;}

.ztr3 { float:right; width:70%; color:#666666; font-size:1em; line-height:30px; height:30px;}
.ztr3 input { height:18px; width:18px; border:0px; background:none; color:#999999; font-size:1em;vertical-align:middle;}

.ztr3 { float:right; width:70%; color:#666666; font-size:1em; line-height:45px;}
.ztr3 ul { width:100%;}
.ztr3 ul li { line-height:40px; width:33.3%; float:left;}
.ztr3 input { height:18px; width:18px; border:0px; background:none; color:#999999; font-size:1em;vertical-align:middle;}

.zt4 { width:96%; padding:15px 2% 0px; background-color:#FFFFFF; border-bottom:1px dashed #d2d2d2; overflow: hidden;}

.ztl0 { float:left; width:30%; color:#333333; height:45px; line-height:45px; font-size:1em;}
.ztr0 { float:right; width:70%; color:#666666; font-size:1em; line-height:45px; color:#65a510;}
.ztr0 input {float:left; height:45px; line-height:45px;; width:100%; border:0px; background:none; color:#999999; font-size:1em;}
.qjsj { width:100%; height:auto; background-color:#FFFFFF; border-bottom:1px dashed #d2d2d2; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.qjsjl { width:50%; float:left;}
.qjsjlt { width:100%; text-align:center; line-height:30px; font-size:1.2em;}
.qjsjlb { width:100%; text-align:center; line-height:20px; color:#65a510;}

.zt2 { width:96%; padding-left:2%; padding-right:2%; background-color:#FFFFFF; border-bottom:1px dashed #d2d2d2; height:30px;}
.ztl2 { float:left; width:30%; color:#333333; height:30px; line-height:30px; font-size:1em;}
.ztr2 { float:right; width:70%; color:#666666; font-size:1em; line-height:30px; text-align:right;}
.ztr2 input { height:36px; line-height:36px; width:88%; border:0px; text-align:right; padding-right:2%; background:none; color:#999999; font-size:1em;}

.clear{clear:both}
.zt3 { width:96%; padding:15px 2% 0px; background-color:#FFFFFF; border-bottom:1px dashed #d2d2d2; overflow: hidden;}
.lbw { width:50px; float:left; margin-left:10px; margin-top:10px; margin-bottom:10px;}
.lbt { width:50px; height:50px; background-color:#666666; border-radius:50px;}
.lbt img { width:100%; border-radius:50px;}
.lbtdv { width:20px; height:20px; border-radius:20px; background-color:#FF3333; position:absolute; z-index:555; margin-left:35px; margin-top:-5px; border:2px solid #ffffff;}
.lbtdv img { width:20px; height:20px;}
.lbb { width:50px; line-height:25px; text-align:center; color:#666666; font-weight:1em;}
.lbx { width:50px; float:left; margin-left:10px; margin-top:10px; margin-bottom:10px; border:1px dashed #d2d2d2; min-height:50px; border-radius:50px;}

.tjsq { position:fixed; width:100%; bottom:0; height:40px; line-height:40px; border-top:1px solid #d2d2d2; background-color:#FFFFFF; text-align:center; z-index:666;}
.tjsq a { color:#27aae7;}

.spr{width: 96%;
    padding:8px 0px;
    background-color: #FFFFFF;
    overflow: hidden;
}


/*弹出层*/

.cont { width:100%; background-color:#eeeeee; border-bottom:1px solid #d2d2d2; padding-bottom:10px; padding-top:10px;}
.conti { width:90%; margin:0 auto; border:1px solid #d2d2d2; border-radius:5px; height:35px; overflow:hidden;}
.contil { float:left; width:80%; background-color:#FFFFFF; height:35px;}
.contil input { border:0px; background:none; width:98%; padding-left:2%; height:33px;}
.contir { float:right; width:20%; height:35px; background-color:#00a9ee; text-align:center;}
.contir img { width:35px;}


.lb { width:100%; float:left; background-color:#ffffff; overflow:hidden; }
.lby { width:90%; float:right; padding-right:2%; height:40px; line-height:40px; text-align:left;border-bottom:1px solid #d4d4d4;}
.lby span { float:right;}
.lby span input { width:18px; height:18px; background-color:#FFFFFF; margin-top:11px;}

.lbxb { width:96%; overflow:hidden; padding-left:2%; padding-right:2%;background-color:#f9f9f9; border-bottom:1px solid #d4d4d4; font-size:1em; color:#666666; height:40px; line-height:40px;}
.lbxb span { float:right;}
.lbxb span input { width:18px; height:18px; background-color:#FFFFFF; margin-top:11px;}

.fdan { position:fixed; bottom:0; height:40px; background-color:#f5f5f5; border-top:1px solid #d2d2d2; z-index:999; width:100%; }
.fdan input { width:20%; margin-left:20%; border:1px solid #d2d2d2; background-color:#FFFFFF; border-radius:20px; height:30px; line-height:30px; margin-top:5px;}

.lb2 { width:100%; float:left; background-color:#ffffff; overflow:hidden; }
.lby2 { width:90%; color:#666666; float:right; margin-right:2%; height:40px; line-height:40px; text-align:left;border-bottom:1px solid #d4d4d4;}
.lby2 span { float:right;}
.lby2 span input { width:18px; height:18px; background-color:#FFFFFF; margin-top:11px;}


.ls { width:100%; height:auto; overflow:hidden;}

.b { width:100%; overflow:hidden; padding-left:2%; padding-right:2%;background-color:#f9f9f9; border-bottom:1px solid #d4d4d4; font-size:1em; color:#666666; height:40px; line-height:40px;}
.l { float:left; width:90%;}
.r { float:right; margin-right:4%}
.r input { width:18px; height:18px; background-color:#FFFFFF; margin-top:11px;}

/*弹出层结束*/

.qjly { width:100%; height:auto; overflow:hidden;  background-color:#FFFFFF; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.qjlyxx { width:100%; height:auto; overflow:hidden; margin-top:10px; background-color:#FFFFFF; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.qjlyt { width:98%; padding-left:2%; height:35px; line-height:35px;; border-bottom:1px dashed #dddddd; text-align:left;}
.qjlyt input { width:30px; height:40x; border:0px; border-bottom:1px solid #d2d2d2; text-align:center;}
.qjlyt span { color:#FF3333;}
.qjlyt img {width:20px; margin-top:10px; margin-right:10px;}
.qjlyt a { color:#FF9966; display:block; width:100%;}
.qjlyb { width:100%; padding-bottom:10px;}
.qjlyb textarea { width:92%; padding:4%; font-size:0.9em; border:0px; background:none; height:30px; line-height:23px; color:#999999;}
.qjlyb0 { width:100%; padding-bottom:10px;}
.qjlyb0 textarea { width:92%; padding:4%; font-size:1.1em; border:0px; background:none; height:30px; line-height:23px; color:#999999;}
.fm { position:fixed; bottom:0; height:81px; z-index:10; width:100%;  background-color:#eeeeee;}
.fdanrm { width:50%; float:center; height:30px; background-color:#f27c1c; text-align:center; color:#FFFFFF;}
.fdan { position:fixed; bottom:0; height:40px; z-index:10; width:100%;  background-color:#eeeeee;}
.fdanl { width:33.3%; float:left; height:40px; background-color:#999999; text-align:center; color:#FFFFFF;line-height: 40px}
.fdanl a { display:block; width:100%; height:40px; color:#FFFFFF; line-height:40px;;}
.fdant { width:33.3%; float:left; height:40px; background-color:red; text-align:center; color:#FFFFFF;}
.fdant a { display:block; width:100%; height:40px; color:#FFFFFF; line-height:40px;}
.fdanr { width:33.3%; float:left; height:40px; background-color:#f27c1c; text-align:center; color:#FFFFFF;}
.fdanr a { display:block; width:100%; height:40px; color:#FFFFFF; line-height:40px;;}

.fdan .agree { width:50%; float:left; height:40px; background-color:#006600; text-align:center; color:#FFFFFF;}
.agree a { display:block; width:100%; height:40px; color:#FFFFFF; line-height:40px;}
.fdan .refuse{ width:50%; float:right; height:40px; background-color:#f2261c; text-align:center; color:#FFFFFF;}
.refuse a { display:block; width:100%; height:40px; color:#FFFFFF; line-height:40px;}

.fdanls { width:33.3%; float:left; height:30px; background-color:#cdcdcd; text-align:center; color:#FFFFFF;}
.fdanls a { display:block; width:100%; height:30px; color:#FFFFFF; line-height:30px;;}
.fdanrs { width:33.3%; float:left; height:30px; background-color:#f27c1c; text-align:center; color:#FFFFFF;}
.fdanrs a { display:block; width:100%; height:30px; color:#FFFFFF; line-height:30px;;}
.fdanzs { width:33.3%; float:left; height:30px; background-color:#65a510; text-align:center; color:#FFFFFF;}
.fdanzs a { display:block; width:100%; height:30px; color:#FFFFFF; line-height:30px;;}
.fdand { width:100%; float:left; height:30px; background-color:#ff0000; text-align:center; color:#FFFFFF; margin-bottom:10px;}
.fdand a { display:block; width:100%; height:30px; color:#FFFFFF; line-height:30px;;}
.fdanc { width:100%; float:left; height:30px; background-color:#00ff40; text-align:center; color:#FFFFFF; margin-bottom:10px;}
.fdanc a { display:block; width:100%; height:30px; color:#FFFFFF; line-height:30px;;}

.demo{width:100%;margin:40px auto 0 auto;}
.demo .lie{margin:0 0 20px 0;}

.page {display: none;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;overflow: hidden;}


#datescroll div{float: left;margin-left: 10%;margin-top: 15px;padding-right: 22px;}
#datescroll_datetime div{float: left;margin-left: 10%;padding-right: 22px;}

#yearwrapper{position: absolute;left: 0;top:45px;bottom: 60px;width:80%;}
#monthwrapper{position: absolute;left: 26%;top:45px;bottom: 60px;width:80%;}
#daywrapper{position: absolute;left: 50%;top:45px;bottom: 60px;width:80%;}

#Hourwrapper{position: absolute;left: 0;top:195px;bottom: 68px;width:80%;}
#Minutewrapper{position: absolute;left: 26%;top:195px;bottom: 68px;width:80%;}
#Secondwrapper{position: absolute;left: 50%;top:195px;bottom: 68px;width:80%;}

/*������ָ�����������*/
#Hourwrapper ul li{color: #898989;font-size: 12px;}
#Minutewrapper ul li{color: #898989;font-size: 12px;}
#Secondwrapper ul li{color: #898989;font-size: 12px;}
#yearwrapper ul li{color: #898989;font-size: 12px;}
#monthwrapper ul li{color: #898989;font-size: 12px;}
#daywrapper ul li{color: #898989;font-size: 12px;}

#markyear{position:relative; margin-left: 76px;top:-2px;}
#markmonth{position:relative; margin-left: 40px;top:-2px;}
#markday{position:relative; margin-left: 42px;top:-2px;}
#markhour{position:relative; margin-left: 62px;top:-2px;}
#markminut{position:relative; margin-left: 58px;top:-2px;}
#marksecond{position:relative; margin-left: 68px;top:-2px;}
#dateheader{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}

#setcancle ul{
    text-align: center;
    line-height: 30px;
    margin:1px auto;
    font-size: 20px;
}
#setcancle ul li{
    border-radius: 4px;
    float: left;
    width: 40%;
    height: 30px;
    list-style-type: none;
}
#dateconfirm{
    position: absolute;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#1ca41f), to(#006700));
    left:20px;
	 color:#FFFFFF;
}
#datecancle{
     position: absolute;
     background:  #dcdddd;
     right:20px;
         width: 40%;
}
#dateshadow{display: none;position:fixed;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:99;}
#datePage{font-size: 18px; border-radius: 3px; position:absolute;top:110px;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 80%;;height: 240px;background: #FFFFFF;z-index:999;}
#datetitle{width: 100%;height: 50px;background: #79C12F;text-align: center;color: #fff;line-height: 50px;font-size: 20px;}
#datemark{font-size: 18px;left:5%;width: 90%;height: 20px;border: 1px solid #CCFF80;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f7fcf0), to(#c4fdb3));position:absolute;top:108px;}
#timemark{font-size: 18px;left:5%;width: 90%;height: 20px;border: 1px solid #CCFF80;background:-webkit-gradient(linear, 0 0, 0 100%, from(#f7fcf0), to(#c4fdb3));position:absolute;top:242px;}
#datescroll{background: #F8F8F8;width:94%; margin:10px 3%;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#datescroll_datetime{display: none;background:#F8F8F8;width:94%; margin:10px 3%;margin-top: 10px;border: 1px solid #E0E0E0;border-radius: 4px;height: 120px;text-align: center;line-height: 40px;}
#yearwrapper ul,#monthwrapper ul,#daywrapper ul{width:40%;}
#Hourwrapper ul,#Minutewrapper ul,#Secondwrapper ul{width:40%;}
#dateFooter{width:100%;background: #fff;height: 50px;bottom: 0px;position: absolute;}




.box{ width:100%;}
.box table{ width:100%; text-align:center;}
.box table td{ height:50px;}
.tianjia{ width:96%; padding-left:2%; padding-right:2%; height:30px; background-color:#FFFFFF; cursor:pointer; color:#FF3333; line-height:30px;; text-align:left;}
.shanchu{width:40px; height:20px; cursor:pointer;}
.shanchu a { display:block; width:40px; height:30px;}


.lieb { width:100%; height:auto; overflow:hidden; border-bottom:1px dashed #b3b3b3; background-color:#FFFFFF;padding:4px 0}
.liebt { width:96%; margin:0 auto; font-size:1em; color:#333333; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  line-height:24px;}
.liebb { width:96%; margin:0 auto; font-size:1em; color:#999999; text-align:left;  line-height:25px;}
.libet0 { float:left; width:40%; color:#333333;  line-height:30px;; font-size:1em;}
.libet1 { float:left; width:50%; color:#333333;  line-height:30px;; font-size:1em;}
.libet2 { float:left; width:40%; color:#333333;line-height:30px;; font-size:1em;}
.libet3 { float:left; width:50%; color:#333333;  line-height:30px;; font-size:1em;}
.shlc { width:100%; height:30px; color:#333333; font-size:1em; line-height:30px; text-align:center;background-color:#FFFFFF; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}

/*
.lieb { width:100%; height:auto; overflow:hidden; border-bottom:1px dashed #b3b3b3; background-color:#FFFFFF;}
.liebt { width:96%; margin:0 auto; font-size:1.1em; color:#333333; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:35px; line-height:35px;}
.liebb { width:96%; margin:0 auto; font-size:1em; color:#999999; text-align:left; height:25px; line-height:25px;}
.libet0 { float:left; width:40%; color:#333333; height:30px; line-height:30px;; font-size:1em;}
.libet1 { float:left; width:60%; color:#333333; height:30px; line-height:30px;; font-size:1em;}
.libet2 { float:left; width:45%; color:#333333; height:30px; line-height:30px;; font-size:1em;}
.libet3 { float:left; width:55%; color:#333333; height:30px; line-height:30px;; font-size:1em;}


.sybt { width:96%; padding-left:2%; padding-right:2%; height:50px;background-color:#00bab9; color:#FFFFFF;font-size:18px; text-align:center;overflow:hidden; border-bottom:2px solid #0c8483;line-height:50px;}
.sybtz { float:left; width:60%; line-height:50px; color:#FFFFFF;font-size:18px; text-align:center; }
.sybtl { float:left; width:20%; text-align:left; margin-top:12px;}
.sybtr { float:right; width:20%; text-align:right; margin-top:12px;}
*/
.erj {
	width: 96%;
	padding: 2%;
	border-bottom: 1px solid #d3d3d3;
	background-color: #FFFFFF;
	overflow: hidden;
	height: 45px;
}

.erjl {
	width: 12%;
	float: left;
}

.erjl img {
	margin-top: 8px;
}

.erjz {
	width: 78%;
	float: left;
	line-height: 45px;
	text-overflow: ellipsis;
	white-space: nowrap; /*��ֹ�Զ�����*/
	overflow: hidden;
	font-size: 16px;
}

.erj a {
	color: #666666;
}

.erjr {
	width: 10%;
	float: right;
	text-align: center;
	height: 45px;
}

.erjr img {
	margin-top: 14px;
	width: 10px;
}