/*common css*/
*{
	margin: 0;
	padding: 0;	
	font-family: "microsoft yahei";
	font-size: 16px;
	box-sizing: border-box;
}
a{ color:#000; text-decoration: none; }
body{ position: relative; }
/*head menu*/
.mainHeaderBar{ height:65px; padding: 0 15px; list-style:none; overflow:hidden; white-space: nowrap; background-color: #8eaba3; }
.mainHeaderLogo { float:left; width:200px; height:65%; vertical-align:top; background:url(../img/fujiFilm.gif) no-repeat top center; }
.mainHeaderMenu{ float:left; line-height:65px; }
.dropButton{ font-size:18px; padding:0px 15px; display:block;}
.dropDown_Content { position: absolute; display: none; min-width: 100px; background-color: #8eaba3; box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.2); }
.dropDown:hover .dropButton,.dropButton:hover{ background-color:#0066FF; color:#fff; }
.dropDown:hover .dropDown_Content{ display: inline-block; }
.dropDown_Content a{ line-height:48px; padding:0px 16px; display:block; }
.dropDown_Content a:hover{ color:white; background-color:#0066FF; }

/*右上角欢迎管理员*/
.mainHeaderRight { float:right; font-size: 15px; }
.mainHeaderRight a{	text-align: right; font-size: 14px; }
.mainHeaderRight a:hover{ color:white; background-color:#8eaba3; }
/*footer style*/
footer{ position:fixed; bottom:0; z-index:50; width:100%; height:40px; line-height:40px; background:#8eaba3; text-align:center; color:#FFFFFF; }

/*login style*/
.loginHeaderBar { width:100%; height:65px; position:fixed; top:0; z-index:99; background-color:#8eaba3; }
.headerLogo { position:absolute; width:220px; height:100%; vertical-align:top; background:url(../img/fujiFilm.gif) no-repeat left center;}
.headerLogo b{ position:absolute; color:#FFFFFF; white-space:nowrap; font-size:22px;  margin-top:15px; margin-left:250px; }
.mainFrame { margin:0px auto 40px auto; }   
.loginContent{ width:1190px; overflow:hidden; margin:0 auto; }
.loginLeftImage { float: left; width: 550px; height:397px; background: url(../img/demo.png) no-repeat center center; background-size: 100%; }
.loginImage { margin: 0 auto; width: 800px; height: 577px; background: url(../img/demo.png) no-repeat center center; background-size: 100%; }
.loginInfo{ margin-top: 40px; float:right; width: 380px; height: 380px; padding: 25px; text-align: center; border: 2px solid #8eaba3; border-radius: 20px; box-shadow: 0px 0px 5px #8eaba3; }
.loginInfo span{ font-size:26px; color:#8eaba3; font-weight:bold; }
.loginEntryUser{ background: url(../img/bgUser.gif) no-repeat 3px 8px; }
.loginEntryPwd{	background: url(../img/bgPwd.gif) no-repeat 3px 8px; }
.loginEntryUser,.loginEntryPwd{ width: 250px; height: 45px; padding: 0 5px 0 35px; margin-bottom: 10px; font-size: 14px; border: 1px solid #8eaba3; border-radius: 2px; background-size: 25px; }
.loginButton{ width: 180px; height: 50px; border:1px solid #8eaba3; border-radius: 5px; color: #8eaba3; background: #FFFFFF; font-weight: 600; }
.loginButton:hover{ background: #8eaba3; border:1px solid #8eaba3; color: #FFFFFF; transition: all ease 0.4s; }

/* Home */
.homeContent{padding-top: 40px; text-align:center; font-size:40px; color:#8eaba3; font-family:'Comic Sans MS'; }

/* table content */
.tblCon{ padding: 25px 0; box-shadow: 0px 0px 5px rgb(145, 157, 165); }
.tblCon table{ margin: 0 auto; }
.tblTitle{ font-weight: bold; font-size: 24px; color: #000; text-align: center; padding-bottom:15px; }
.listTitle { color: #FFFFFF; background-color:#608479; text-align: center; }
.tblList{ margin-top:15px !important; border-color:#8eaba3; border-collapse: collapse; }
.tblList td { padding:5px 5px; }
.tblComment{ text-align:left; font-size: 15px; color: #333333; }
.tblButton{ padding:5px 10px; color: #FFFFFF;  border: 1px solid #64897F; background: #64897F; border-radius: 5px; box-shadow: 0px 0px 4px #64897F; cursor: pointer; white-space:nowrap; }

/*申请详情界面table title的宽度*/
.tblDetail { border-color:#000; }
.tblDetail td{ padding:5px 10px; height:40px; }
.tblDetailTitle{ font-size:18px; font-weight:bold; }
.tdDetailHead{ background-color: darkgray; font-weight: bold; font-size:15px; text-align: left; }
.tdDetailHeadHightLight { background-color: yellow; font-weight: bold; font-size:15px; text-align: left; }
.backPage { color:#8eaba3; font-weight:bold; font-size:16px; cursor:pointer;}
.backPage:hover{ color: #0066FF;}

/* Common css*/
.tblBar{ padding:0 20px;}
.required { color: #CB1C1D; align-content: center; padding:0 2px; font-size:14px; }
button,.cursor{ cursor:pointer; }
.hidden { display:none;font-size:0; }
.button{ color:#FFFFFF; padding:7px 15px; background:#64897F; border:1px solid #64897F; border-radius:5px; box-shadow:0px 0px 4px #64897F; white-space: nowrap; }
.buttonRight{ float:right; }
.tdListCenter{ text-align:center; }
.tdListLeft{ text-align:left; }
.tdListRight{ text-align:right; }
.datePicker { text-align: center; cursor: pointer; }
.link{color:#0066FF ;text-decoration:underline ; } 
.link:hover {cursor:pointer;}