/* style.css */

body{
	min-width:1600px;
}

/* main / login */

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

.mainWrap .mainHeader{
	width:100%;
	height:80px;
	overflow:hidden;
	position:relative;
	background:#fff;
}

.mainWrap .mainHeader a.mainLogo{
	width:300px;
	height:40px;
	position:absolute;
	left:50px;
	top:20px;
	background:url('../img/nibp_logo_main.png');
	background-position:left top;
	overflow:hidden;
	text-indent:-9999px;
}

.mainWrap .mainContent{
	width:100%;
	height:870px;
	overflow:hidden;
	position:relative;
	background:url('../img/visual.jpg');
	background-position:center top;
}

.mainWrap .mainContent:before{
/*	content:'';*/
/*	width:1920px;*/
/*	height:870px;*/
/*	background:url('../img/visual.jpg');*/
/*	background-position:left top;*/
/*	position:absolute;*/
/*	top:50%;*/
/*	left:50%;*/
/*	margin-left:-960px;*/
/*	margin-top:-435px;*/
}

.mainWrap .mainContent .loginWrap{
	width:690px;
	padding-top:125px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.mainWrap .mainContent .loginWrap h2{
	display:block;
	width:100%;
	text-align:center;
	line-height:115px;
	font-size:70px;
	color:#fff;
	font-weight:100;
}

.mainWrap .mainContent .loginWrap .loginBox{
	width:100%;
	height:auto;
	overflow:hidden;
	background:rgba(7,37,42,0.7);
	box-sizing:border-box;
	padding: 40px 40px 20px 40px;
	position:relative;
}

.mainWrap .mainContent .loginWrap .loginBox ul{
	width:370px;
	height:auto;
	overflow:hidden;
}

.mainWrap .mainContent .loginWrap .loginBox ul li{
	display:block;
	width:100%;
	height:50px;
	margin-bottom:10px;
	position:relative;
	box-sizing:border-box;
	padding-left:50px;
	color:#fff;
	font-size:12px;
	line-height:50px;
}

.mainWrap .mainContent .loginWrap .loginBox ul li:last-child{
	margin-bottom:0px;
	padding-left:0px;
}

.mainWrap .mainContent .loginWrap .loginBox ul li span{
	width:50px;
	height:50px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#f8f8f8;
	background-image:url('../img/login_icon.png');
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

.mainWrap .mainContent .loginWrap .loginBox ul li span.lgId{
	background-position:center top;
}

.mainWrap .mainContent .loginWrap .loginBox ul li span.lgPw{
	background-position:center top -50px;
	top:1px;
}

.mainWrap .mainContent .loginWrap .loginBox ul li input[type='text'],
.mainWrap .mainContent .loginWrap .loginBox ul li input[type='password']{
	width:100%;
	height:50px;
	box-sizing:border-box;
	padding:0 10px;
	background:#fff;
	border:none;
}

.mainWrap .mainContent .loginWrap .loginBox ul li label{
	float:left;
	display:block;
	padding-left:20px;
	position:relative;
	color:#fff;
}

.mainWrap .mainContent .loginWrap .loginBox ul li label input[type='checkbox']{
	position:absolute;
	left:0px;
	top:19px;
}

.mainWrap .mainContent .loginWrap .loginBox ul li dl{
	float:right;
}

.mainWrap .mainContent .loginWrap .loginBox ul li dl dd{
	display:inline-block;
	float:right;
	padding:0 10px;
	line-height:50px;
	position:relative;
}

.mainWrap .mainContent .loginWrap .loginBox ul li dl dd:after{
	content:'';
	width:1px;
	height:10px;
	background:#eee;
	position:absolute;
	right:0px;
	top:19px;
}

.mainWrap .mainContent .loginWrap .loginBox ul li dl dd:first-child:after{
	display:none;
}

.mainWrap .mainContent .loginWrap .loginBox ul li dl dd a{
	color:#fff;
}

.mainWrap .mainContent .loginWrap .loginBox a.loginBtn{
	position:absolute;
	top:40px;
	right:40px;
	width:220px;
	height:110px;
	background-color:#eab809;
	background-image:url('../img/btn_arr.png');
	background-repeat:no-repeat;
	background-position:right 20px bottom 20px;
	color:#222;
	font-size:16px;
	box-sizing:border-box;
	padding:20px;
	font-weight:600;
}

.mainWrap .mainContent .loginWrap .loginInfoBox{
	width:100%;
	height:auto;
	overflow:hidden;
	background:rgba(7,37,42,0.9);
	box-sizing:border-box;
	padding:20px 20px 20px 20px;
	position:relative;
}

.mainWrap .mainContent .loginWrap .loginInfoBox b{
	display:block;
	color:#fff;
	font-size:14px;
	margin-top:3px;
	box-sizing:border-box;
	padding:0 20px;
	position:relative;
}

.mainWrap .mainContent .loginWrap .loginInfoBox b:before{
	content:'•';
	color:#fff;
	position:absolute;
	left:4px;
	top:0px;
}

.mainWrap .mainContent .loginWrap .loginInfoBox p{
	display:block;
	color:#fff;
	font-size:13px;
	line-height:20px;
	box-sizing:border-box;
	padding:0 20px;
	margin-top:5px;
	opacity:0.8;
}

.mainWrap .mainContent .sysPop{
	width:500px;
	height:auto;
	overflow:hidden;
	top:240px;
	left:50%;
	margin-left:-850px;
	position:absolute;
	background:#fff;
	z-index:10;
}

.mainWrap .mainContent .sysPop .sysPopTop{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:20px 30px 20px 120px;
	background-color:#e6e6e6;
	position:relative;
	min-height:120px;
	cursor: grab;
}

.mainWrap .mainContent .sysPop .sysPopTop:before,
.mainWrap .mainContent .sysPop .sysPopTop:after{
	content:'';
	width:80px;
	height:80px;
	background:#fff;
	border-radius:50%;
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-40px;
}

.mainWrap .mainContent .sysPop .sysPopTop:after{
	background:url('../img/sys_img.png');
	background-size:100% 100%;
}

.mainWrap .mainContent .sysPop .sysPopTop h2{
	display:block;
	width:100%;
	line-height:40px;
	font-size:20px;
}

.mainWrap .mainContent .sysPop .sysPopTop p{
	display:block;
	width:100%;
	line-height:20px;
	font-size:14px;
}

.mainWrap .mainContent .sysPop .sysPopCont{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#fff;
	box-sizing:border-box;
	padding:0px 20px 20px 20px;
}

.mainWrap .mainContent .sysPop .sysPopCont p{
	font-size:14px;
	line-height:18px;
	display:block;
	margin-top:20px;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul li{
	display:inline-block;
	float:left;
	width:20%;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul li a{
	display:block;
	width:100%;
	line-height:40px;
	padding-top:92px;
	text-align:center;
	font-size:14px;
	position:relative;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul li a:before{
	content:'';
	width:70px;
	height:70px;
	background:url('../img/browser_list.jpg');
	background-position:center top;
	background-size:70px auto;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-35px;
	top:10px;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul li a.ie:before{
	background-position:center top 0px;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul li a.ch:before{
	background-position:center top -70px;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul li a.sf:before{
	background-position:center top -140px;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul li a.op:before{
	background-position:center top -210px;
}

.mainWrap .mainContent .sysPop .sysPopCont .brw_list ul li a.ff:before{
	background-position:center top -280px;
}

.mainWrap .mainContent .mainAreaPosA{
	position:absolute;
	top:140px;
	left:100px;
	width:50%;
	min-width:800px;
	height:auto;
	overflow:hidden;
}

.mainWrap .mainContent .mainAreaPosA h1{
	display:block;
	line-height:150px;
	font-size:60px;
	color:#fff;
	font-weight:100;
	position:relative;
}

.mainWrap .mainContent .mainAreaPosA h1 b{
	font-weight:400;
}

.mainWrap .mainContent .mainAreaPosA h1:before{
	content:'';
	width:45px;
	height:5px;
	background:#eab809;
	position:absolute;
	left:0px;
	bottom:0px;
}

.mainWrap .mainContent .mainAreaPosA p{
	display:block;
	font-size:17px;
	color:#fff;
	line-height:24px;
	margin-top:35px;
}

.mainWrap .mainContent .mainAreaPosA .mainBtnList{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:35px;
}

.mainWrap .mainContent .mainAreaPosA .mainBtnList a.mainBtn{
	display:inline-block;
	width:220px;
	line-height:50px;
	background-color:#eab809;
	background-image:url('../img/btn_arr.png');
	background-repeat:no-repeat;
	background-position:right 20px center;
	color:#222;
	font-size:16px;
	box-sizing:border-box;
	padding:0 20px;
	font-weight:600;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:35px;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd{
	display:inline-block;
	width:150px;
	height:auto;
	overflow:hidden;
	margin-right:40px;
	float:left;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd a{
	display:block;
	width:100%;
	height:150px;
	background:#393b36;
	border-radius:75px;
	box-sizing:border-box;
	padding-top:26px;
	position:relative;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd a p{
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:40px;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd a span{
	display:block;
	width:100%;
	text-align:center;
	font-size:25px;
	font-weight:800;
	color:#eab809;
	line-height:25px;
    font-style: italic;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd a:before{
	content:'';
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-20px;
	background-image:url('../img/main_icon.png');
	background-repeat:no-repeat;
	background-size:40px auto;
	background-position:center top;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd:nth-child(1) a:before{
	background-position:center top;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd:nth-child(2) a:before{
	background-position:center top -40px;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd:nth-child(3) a:before{
	background-position:center top -80px;
}

.mainWrap .mainContent .mainAreaPosA .mainNotiList dl dd:nth-child(4) a:before{
	background-position:center top -120px;
}

.mainWrap .mainContent .mainAreaPosB{
	position:absolute;
	top:15px;
	right:100px;
	width:540px;
	height:auto;
	overflow:hidden;
}

.mainWrap .mainContent .mainAreaPosB .mainCal{
	width:100%;
	height:420px;
    background: rgba(7,37,42,0.7);
	box-sizing:border-box;
	padding:30px;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .mainCalTop{
	width:100%;
	height:60px;
	position:relative;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .mainCalTop a{
	position:absolute;
	display:block;
	width:90px;
	line-height:20px;
	font-size:15px;
	color:#fff;
	box-sizing:border-box;
	bottom:0px;	
}

.mainWrap .mainContent .mainAreaPosB .mainCal .mainCalTop a i.arr{
	display:inline-block;
	width:16px;
	line-height:20px;
	background-image:url('../img/cal_btn.png');
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 5px 0 0;
	overflow:hidden;
	text-indent:9999px;
	float:left;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .mainCalTop a.prev{
	text-align:left;
	left:0px;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .mainCalTop a.next{
	text-align:right;
	right:0px;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .mainCalTop a.next i{
	background-position:left -16px top;
	margin:0 0 0 5px;
	float:right;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .mainCalTop .month{
	width:80px;
	height:60px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:30px;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .mainCalTop .month p{
	display:block;
	width:100%;
	line-height:25px;
	color:#fff;
	font-size:15px;
	text-align:center;
	opacity:0.5;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table th,
.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table td{
	height:40px;
	color:#fff;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table th.sun,
.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table td.sun{
	color:#ff2a2a;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table th.sat,
.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table td.sat{
	color:#00e7ff;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table td{
	text-align:center;
	cursor:pointer;
	opacity:0.8;
	color:#ddd;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table td.tod{
	position:relative;
	opacity:1;
	color:#ffeb00;
}

.mainWrap .mainContent .mainAreaPosB .mainCal .calTbl table td.tod:before{
	content:'';
	width:20px;
	height:2px;
	background:#ffeb00;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:5px;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard{
	width:100%;
	height:400px;
	background: rgba(52,52,52,0.9);
	margin-top:20px;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardTab{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardTab ul{
	width:100%;
	height:auto;
	overflow:hidden;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardTab ul li{
	width:50%;
	display:inline-block;
	float:left;
	background:#ffc503;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardTab ul li a{
	display:block;
	width:100%;
	line-height:60px;
	text-align:center;
	font-size:16px;
	color:#222;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardTab ul li.on{
	background:none;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardTab ul li.on a{
	color:#fefeff;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardList{
	width:100%;
	height:280px;
	box-sizing:border-box;
	padding:20px 40px;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardList table{
	width:100%;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardList table td{
	height:48px;
	color:#fefeff;
    text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardBtm{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	text-align:right;
	box-sizing:border-box;
	padding:15px 40px;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardBtm:before{
	content:'';
	width:460px;
	height:1px;
	background:#ffc503;
	position:absolute;
	left:50%;
	margin-left:-230px;
	top:0px;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardBtm a{
	color:#ffc503;
	line-height:30px;
	position:relative;
	padding-right:20px;
}

.mainWrap .mainContent .mainAreaPosB .mainBoard .mainBoardBtm a:before{
	content:'';
	width:10px;
	height:10px;
	background:url('../img/more_icon.png');
	background-position:center center;
	background-size:10px 10px;
	position:absolute;
	top:0px;
	right:0px;
}

.mainWrap .mainFooter{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:40px 50px;
	background:#343434;
}

.mainWrap .mainFooter p{
	display:inline-block;
	color:#fff;
	line-height:25px;
	font-size:13px;
}

.mainWrap .mainFooter p.mft_left{
	float:left;
}

.mainWrap .mainFooter p.mft_right{
	float:right;
	text-align:right;
}

.userInfo{
	width:auto;
	min-width:200px;
	height:80px;
	position:absolute;
	right:30px;
	top:0px;
}

.mainHeader .userInfo{
	right:50px;
}

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

/* .userInfo ul li:first-child{ */
/* 	min-width:200px; */
/* } */

.userInfo ul li{
	display:inline-block;
/*	width:50%;*/
	float:left;
	box-sizing:border-box;
	padding:25px 10px;
	position:relative;
	line-height:30px;
	font-size:14px;
}

.userInfo ul li:after{
	content:'';
	width:1px;
	height:14px;
	background:#dcdcdc;
	position:absolute;
	right:0px;
	top:32px;
}

.userInfo ul li:last-child:after{
	display:none;
}

.userInfo ul li a{
	width:100%;
	display:block;
	line-height:30px;
	box-sizing:border-box;
	position:relative;
	font-size:14px;
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden;
	color:#333;
}

.userInfo ul li a:before{
	content:'';
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	background:#666;
	background:url('../img/user_icon.png');
	background-size:22px auto;
	background-position:center top;
	top:4px;
}

.userInfo ul li a.user{
	padding-left:30px;
}

.userInfo ul li a.user:before{
	left:0px;
}

.userInfo ul li a.logout{
	padding-right:30px;
	text-align:right;
}

.userInfo ul li a.logout:before{
	right:0px;
	background-position:center top -22px;
}


/* sys */
body.sysWrap{
	background-color:#e8f0ef;
	background-image:url('../img/sys_left_bg.jpg');
	background-repeat:repeat-y;
	background-position:left top;
	transition:all 0.5s ease;
}

body.sysWrap.hide{
	background-position:left -210px top;
	transition:all 0.5s ease;
}

.nibpLeftSide{
	width:250px;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	transition:all 0.5s ease;
}

.nibpLeftSide.hide{
	left:-250px;
	padding-right:40px;
	transition:all 0.5s ease;
}

.nibpLeftSide .nibpLeftSideTop{
	width:100%;
	height:80px;
	position:relative;
	box-sizing:border-box;
	padding:20px 30px;
}

.nibpLeftSide .nibpLeftSideTop a.sysLogo{
	display:block;
	width:100%;
	height:40px;
	box-sizing:border-box;
	padding-left:50px;
	background-image:url('../img/nibp_logo.png');
	background-repeat:no-repeat;
	background-position:left center;
	transition:all 0.5s ease;
	overflow:hidden;
}

.nibpLeftSide .nibpLeftSideTop a.sysLogo p{
	display:block;
	line-height:20px;
	font-size:15px;
	color:#fff;
	font-weight:400;
	text-align:center;
    letter-spacing: 1px;
}

.nibpLeftSide .nibpLeftSideTop a.sysLogo p:nth-child(2){
	font-size:12px;
    letter-spacing: 0px;
}

.nibpLeftSide.hide .nibpLeftSideTop a.sysLogo{
	width: 40px;
    height: 40px;
    position: absolute;
    left: 256px;
    top: 19px;
    background-size: 24px 24px;
	transition:all 0.5s ease;
}

.nibpLeftSide.hide .nibpLeftSideTop a.sysLogo p{
	display:none;
}

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

.nibpLeftSide .nibpLeftSideNav ul{
	width:100%;
	height:auto;
	overflow:hidden;
}

.nibpLeftSide .nibpLeftSideNav ul > li{
	display:block;
}

.nibpLeftSide .nibpLeftSideNav ul > li > a{
	color:#d0d0d0;
	display:block;
	line-height:50px;
	box-sizing:border-box;
	padding:0 30px;
	font-size:16px;
	font-weight:400;
	position:relative;
	transition:all 0.5s ease;
}

.nibpLeftSide .nibpLeftSideNav ul > li > a:before{
	content:'';
	width:15px;
	height:10px;
	background:url('../img/left_arr.png');
	position:absolute;
	top:50%;
	margin-top:-5px;
	right:15px;
	transition:all 0.5s ease;
}

.nibpLeftSide .nibpLeftSideNav ul > li > a:hover,
.nibpLeftSide .nibpLeftSideNav ul > li.on > a{
	background:#111;
	color:#fff;
	transition:all 0.5s ease;
	text-decoration:none;
}

.nibpLeftSide .nibpLeftSideNav ul > li.on > ul{
	display:block;
}

.nibpLeftSide .nibpLeftSideNav ul > li.on > a:before{
	transition:all 0.5s ease;
	transform:rotate(180deg);
}

.nibpLeftSide .nibpLeftSideNav ul > li > a.sg:before,
.nibpLeftSide .nibpLeftSideNav ul > li.on > a.sg:before{
	display:none;
}

.nibpLeftSide .nibpLeftSideNav ul > li > ul{
	background:#222222;
	padding:10px 0;
	display:none;
}

.nibpLeftSide .nibpLeftSideNav ul > li > ul > li > a{
	line-height:35px;
	font-size:15px;
	padding:0 40px;
	opacity:0.7;
	font-weight:300;
	background:none;
}

.nibpLeftSide .nibpLeftSideNav ul > li > ul > li > a:before{
	transform:rotate(270deg);
/*	display:none;*/
	right: -40px;
	text-decoration:none;
}

.nibpLeftSide .nibpLeftSideNav ul > li > ul > li > a:hover,
.nibpLeftSide .nibpLeftSideNav ul > li > ul > li.on > a{
	opacity:1;
	background:none;
	text-decoration:none;
}

.nibpLeftSide .nibpLeftSideNav ul > li > ul > li > a:hover:before,
.nibpLeftSide .nibpLeftSideNav ul > li > ul > li.on > a:before{
	transform:rotate(270deg);
	right: 15px;
}

.nibpWrap{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding-left:250px;
	transition:all 0.5s ease;
}

.nibpWrap.hide{
	padding-left:40px;
	transition:all 0.5s ease;
}

.nibpWrap.rightMode{
	padding-right:350px;
	transition:all 0.5s ease;
}

.nibpWrap.rightMode.rHide{
	padding-right:40px;
	transition:all 0.5s ease;
}

.nibpWrap header{
	width:100%;
	height:80px;
	position:relative;
	box-sizing:border-box;
	padding:0 620px 0 80px;
}

.nibpWrap header a.hide_menu{
	width:26px;
	height:24px;
	background-image:url('../img/hide_btn.png');
	background-repeat:no-repeat;
	background-position:left center;
	overflow:hidden;
	position:absolute;
	left:27px;
	top:50%;
	margin-top:-10px;
	text-indent:-9999px;
	transition:all 1s ease;
}

.nibpWrap header a.hide_menu.hide{
	background-image:url('../img/hide_btn.png');
	background-repeat:no-repeat;
	background-position:left -26px center;
	transition:all 1s ease;
}

.nibpWrap header nav{
	width:100%;
	height:auto;
	overflow:hidden;
}

.nibpWrap header nav ul{
	width:100%;
	height:auto;
	overflow:hidden;
}

.nibpWrap header nav ul li{
	display:inline-block;
	padding:20px 10px;
}

.nibpWrap header nav ul li a{
	display:block;
	line-height:40px;
	font-size:16px;
	color:#037575;
	font-weight:600;
	opacity:0.7;
	position:relative;
}

.nibpWrap header nav ul li a:before{
	content:'';
	width:0px;
	height:4px;
	background:#037575;
	position:absolute;
	bottom:0px;
	left:0px;
	transition:all 0.5s ease;
}

.nibpWrap header nav ul li a:hover:before,
.nibpWrap header nav ul li.on a:before{
	width:100%;
	transition:all 0.5s ease;
}

.nibpWrap header nav ul li a:hover,
.nibpWrap header nav ul li.on a{
	opacity:1;
}

.nibpWrap header .hdrSearch{
	width:280px;
	height:40px;
	position:absolute;
	top:20px;
	right:340px;
	background:#fff;
	border-radius:20px;
	box-sizing:border-box;
	padding:0 0 0 20px;
}

.nibpWrap header .hdrSearch .hdrSearchInner{
	width:100%;
	height:40px;
	position:relative;
	box-sizing:border-box;
	padding-right:40px;
}

.nibpWrap header .hdrSearch .hdrSearchInner input[type="text"]{
	width:100%;
	height:40px;
	background:none;
	border:none;
	box-sizing:border-box;
	padding:0 10px;
}

.nibpWrap header .hdrSearch .hdrSearchInner button{
	width:40px;
	height:40px;
	border:none;
	background:url('../img/search_btn.png');
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:0px;
	right:0px;
}


.nibpWrap .nibpContent{
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:500px;
/* 	background:#fff; */
}

.nibpWrap .nibpContent .nibpContTop{
	width:100%;
	height: auto;
    overflow: hidden;
	box-sizing:border-box;
	padding:50px 40px 10px 40px;
	position:relative;
	background-color: #e8f0ef;
}

.nibpWrap .nibpContent .nibpContTop .route{
    position: absolute;
    top: 15px;
    left: 40px;
}

.nibpWrap .nibpContent .nibpContTop .route dl dt,
.nibpWrap .nibpContent .nibpContTop .route dl dd{
	display:inline-block;
	float:left;
	padding-right:20px;
	position:relative;
}

.nibpWrap .nibpContent .nibpContTop .route dl dd:before{
	content:'';
	width:10px;
	height:14px;
	position:absolute;
	right:5px;
	top:3px;
	background:url('../img/btn_grn_arr.png');
	opacity:0.4;
}

.nibpWrap .nibpContent .nibpContTop .route dl dt a,
.nibpWrap .nibpContent .nibpContTop .route dl dd a{
	display:block;
	line-height:20px;
	font-size:13px;
	color:#999;
	position:relative;
}

.nibpWrap .nibpContent .nibpContTop .route dl dt a{
	color:#666;
}

.nibpWrap .nibpContent .nibpContTop .route dl dt a:before{
	content:'';
	width:100%;
	height:0.5px;
	background:#b6b6b6;
	position:absolute;
	bottom:0px;
	left:0px;
}

.nibpWrap .nibpContent .nibpContTop h2{
	display:block;
	line-height:40px;
	font-size:25px;
	color:#333;
}

.nibpWrap .nibpContent .nibpContLeftBox{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:10px 40px 20px 40px;
    background-color: #e8f0ef;
}

.nibpWrap .nibpContent .nibpContLeftBox h3{
	border-top: 1px solid #b4dad5;
	display:block;
	font-size:19px;
	line-height:50px;
	color:#165555;
}

.nibpWrap .nibpContent .nibpContLeftBox .tblBox{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	background:#fff;
	border: 1px solid #bbdeda;
}

.innerTbl table td,
.nibpWrap .nibpContent .nibpContLeftBox .tblBox table th,
.nibpWrap .nibpContent .nibpContLeftBox .tblBox table td{
	font-size:14px;
	color:#444;
	box-sizing:border-box;
	padding:10px;
	height:50px;
	line-height:15px;
	border-bottom:1px solid #e2e2e2;
}
.nibpWrap .nibpContent .nibpContLeftBox .tblBox table tr:last-child th,
.nibpWrap .nibpContent .nibpContLeftBox .tblBox table tr:last-child td {
	border-bottom:none;
}

.jqx-grid-cell,
.jqx-grid-header, 
.jqx-grid-column-header {
	font-size: 14px !important;
/* 	line-height:50px !important; */
}
.jqx-grid-cell > div:not(.jqx-checkbox, .jqx-cell-checkbox),
.jqx-grid-cell > a {
	line-height:50px !important;
	height:100% !important;
	margin:0 !important;
	padding:0 5px !important;
}
.innerTbl p.info{
	box-sizing:border-box;
	padding:5px 20px;
    border-bottom: 1px solid #e2e2e2;
}

.nibpWrap .nibpContent .nibpContLeftBox .tblBox table th{
	background:#f1f1f1;
	font-weight: 600;
}

.nibpWrap .nibpContent .nibpContLeftBox .tblBox table th.revTh p,
.nibpWrap .nibpContent .nibpContLeftBox .tblBox table th.revTh b{
	font-size:16px;
	line-height:22px;
	color:#037575;
}

.nibpWrap .nibpContent .nibpContLeftBox .tblBox table th.revTh span.dialogBtn{
	display:inline-block;
	box-sizing:border-box;
	padding:0 10px;
	line-height:20px;
	border:1px solid #ccc;
	background:#fff;
	font-size:14px;
	cursor:pointer;
	margin-top:10px;
}

.nibpWrap .nibpContent .nibpContLeftBox .tblBox table td dl{
	width:100%;
	height:auto;
	overflow:hidden;
}

.nibpWrap .nibpContent .nibpContLeftBox .tblBox table td dl dd{
	float:left;
	width:20%;
	max-width:200px;
}

/* .nibpWrap .nibpContent .nibpContLeftBox .tblBox table tr:last-child th, */
/* .nibpWrap .nibpContent .nibpContLeftBox .tblBox table tr:last-child td{ */
/* 	border-bottom:none !important; */
/* } */

td.innerTbl table tr:last-child th,
td.innerTbl table tr:last-child td{
	border-bottom:none !important;
}

.nibpWrap .nibpContent .nibpContentBox .btnArea,
.nibpWrap .nibpContent .nibpContLeftBox .btnArea{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 0; 
	text-align:right;
}

.nibpWrap .nibpContent .nibpTabBox{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:10px 40px 0px 40px;
    background-color: #e8f0ef;
}

.nibpWrap .nibpContent .nibpTabBox ul{
	width:100%;
	height:auto;
	overflow:hidden;
}

.nibpWrap .nibpContent .nibpTabBox ul li{
	display:inline-block;
	line-height:30px;
	box-sizing:border-box;
	position:relative;
	margin-right:30px;
	float:left;
	font-size:15px;
	color:#037575;
	opacity:0.5;
	transition:all 0.5s ease;
	cursor:pointer;
}

.nibpWrap .nibpContent .nibpTabBox ul li:hover,
.nibpWrap .nibpContent .nibpTabBox ul li.on{
	opacity:1;
	font-weight:600;
	transition:all 0.5s ease;
}

.nibpWrap .nibpContent .nibpTabBox ul li:before{
	content:'';
	width:0px;
	height:3px;
	background:#037575;
	position:absolute;
	bottom:0px;
	left:0px;
	transition:all 0.5s ease;
}

.nibpWrap .nibpContent .nibpTabBox ul li:hover:before,
.nibpWrap .nibpContent .nibpTabBox ul li.on:before{
	width:100%;
	transition:all 0.5s ease;
}

.nibpWrap .nibpContent .nibpTabBox ul li:last-child{
	margin-right:0px;
}

/*popup tab style*/

.popTableRow .nibpContent .nibpTabBox{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:10px 40px 0px 40px;
    background-color: #e8f0ef;
}

.popTableRow .nibpContent .nibpTabBox ul{
	width:100%;
	height:auto;
	overflow:hidden;
}

.popTableRow .nibpContent .nibpTabBox ul li{
	display:inline-block;
	line-height:30px;
	box-sizing:border-box;
	position:relative;
	margin-right:30px;
	float:left;
	font-size:15px;
	color:#037575;
	opacity:0.5;
	transition:all 0.5s ease;
	cursor:pointer;
}

.popTableRow .nibpContent .nibpTabBox ul li:hover,
.popTableRow .nibpContent .nibpTabBox ul li.on{
	opacity:1;
	font-weight:600;
	transition:all 0.5s ease;
}

.popTableRow .nibpContent .nibpTabBox ul li:before{
	content:'';
	width:0px;
	height:3px;
	background:#037575;
	position:absolute;
	bottom:0px;
	left:0px;
	transition:all 0.5s ease;
}

.popTableRow .nibpContent .nibpTabBox ul li:hover:before,
.popTableRow .nibpContent .nibpTabBox ul li.on:before{
	width:100%;
	transition:all 0.5s ease;
}

.popTableRow .nibpContent .nibpTabBox ul li:last-child{
	margin-right:0px;
}
/****************************/
.nibpWrap .nibpContent .nibpContentBox{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:20px 40px 40px 40px;
/*	background:#dbe8e7;*/
	background:#fff;
	min-height:472px;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContLeftBox{
	padding:0;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:20px;
	position:relative;
	min-height:50px;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop .contCntBox,
.layerPopupCont .layerPopupContInner .contCntBox{
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    line-height: 24px;
    padding-bottom: 10px;
	font-size:14px;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop .contCntBox span,
.layerPopupCont .layerPopupContInner .contCntBox span{
	display:inline-block;
	line-height:24px;
	box-sizing:border-box;
	padding:0 6px;
	background:#037575;
	color:#fff;
	border-radius:5px;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop h3{
	display:inline-block;
	font-size:19px;
	line-height:50px;
	color:#333;
	float:left;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop h3 dl{
	width:100%;
	height:auto;
	overflow:hidden;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop h3 dl dd{
	display:inline-block;
	float:left;
	line-height:40px;
	margin-right:20px;
	opacity:0.5;
	position:relative;
	cursor:pointer;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop h3 dl dd:before{
	content:'';
	width:0px;
	height:2px;
	background:#333;
	position:absolute;
	bottom:0px;
	left:0px;
	transition:all 0.5s ease;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop h3 dl dd:hover,
.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop h3 dl dd.on{
	font-size:19px;
	opacity:1;
	transition:all 0.5s ease;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop h3 dl dd:hover:before,
.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop h3 dl dd.on:before{
	width:100%;
	transition:all 0.5s ease;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop p{
	width: 100%;
    display: block;
    float: left;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop .topBtnArea{
	display:inline-block;
/*	float:right;*/
	position:absolute;
	right:0px;
	top:30px;
	text-align:right;
/* 	line-height:50px; */
}
.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop .topBtnArea.double {
/* 	line-height:39px; */
	top:20px;
	max-width:1450px;
}
.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop .topBtnArea.double .btnType {
	min-width:210px;
	text-align:center;
	float:left;
	margin:2px;
	position:relative;
	padding-right:20px;
}
.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop .topBtnArea.double .btnType .submitclosing,
.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop .topBtnArea .btnType .submitclosing {
	width:0px !important;
	float:left;
	position:absolute;
	left : 0;
	opacity:0;
}
.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop .topBtnArea.double .btnType.type02 {
	min-width:160px;
	height:68px;
	line-height:68px;
}
.nibpWrap .nibpContent .nibpContentBox .nibpContentBoxTop.info{
	background:#fff;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	background:#fff;
	border: 1px solid #bbdeda;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox.secTbl{
	margin-top:34px;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox.thead{
	height:50px;
	overflow:hidden;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox.scrTbl{
	height:514px;
}

.scrW,
.nibpWrap .nibpContent .nibpContentBox .tblBox.scrW{
	overflow-x:auto;
}

.scrH,
.nibpWrap .nibpContent .nibpContentBox .tblBox.scrH{
	overflow-y:auto;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table thead th,
.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody td{
	height:50px;
	text-align:center;
	font-size:14px;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContLeftBox .tblBox table tbody td{
	text-align:left;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table thead th{
	background:#f1f1f1;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table thead tr:last-child th{
	border-bottom:1px solid #ccc;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table thead th.btm{
	border-bottom:1px solid #ccc;
}


.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody td{
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden;
	box-sizing:border-box;
	padding:0 10px;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody td.exp{
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	text-overflow: ellipsis; 
	box-sizing:border-box;
	padding:0 10px;
	text-align: left;
	white-space: normal; 
}

.nibpWrap .nibpContent .nibpContLeftBox .tblBox table td{
	border-right:none !important;
	text-overflow: inherit !important;
    white-space: inherit !important;
    overflow: inherit !important;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody td.inTbl .innerTbl .popTableCol table td{
	border-bottom:1px solid #ebebeb !important;
	border-right:1px solid #ebebeb !important;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody td.inTbl .innerTbl .popTableCol table td:last-child{
	border-right:none !important;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody.noHide td{
	text-overflow: inherit;
    white-space: inherit;
    overflow: inherit;
	padding:10px;
	line-height:20px;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody tr.lineItem td{
	background:#f8f8f8;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody td a.arrType{
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
	border:1px solid #037575;
	border-radius:4px;
	background-image:url('../img/btn_grn_arr.png');
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-9999px;
	transition:all 0.5s ease;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody td a.arrType.dw{
	transform:rotate(90deg);
	transition:all 0.5s ease;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody td:last-child{
	border-right:none;
}

.nibpWrap .nibpContent .nibpContentBox .tblBox table tbody tr:hover td{
	background:#f0faf8;
}

.nibpWrap .nibpContent .nibpContentBox .nibpContLeftBox .tblBox table tbody tr:hover td{
	background:transparent;
}

td.innerTbl{
	padding:0 !important;
}

td.innerTbl table th,
td.innerTbl table td{
	border-bottom: 1px solid #e2e2e2 !important;
    border-left: 1px solid #e2e2e2;
}

td.innerTbl table th:first-child,
td.innerTbl table td:first-child{
	border-left:none !important;
}
.nibpFaqList{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:10px;
}

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

.nibpFaqList ul li{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}

.nibpFaqList ul li .faq_q{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
    border: 1px solid #bbdeda;
	border-bottom:none;
	cursor:pointer;
	transition:all 0.5s ease;
	position:relative;
}

.nibpFaqList ul li .faq_q h3{
	display:block;
	line-height:30px;
	box-sizing:border-box;
	padding:20px 50px;
	position:relative;
	font-weight:500;
	transition:all 0.5s ease;
	font-size:16px;
}

.nibpFaqList ul li .faq_q h3:before{
    content: 'Q.';
    font-size: 30px;
    position: absolute;
    left: 14px;
    top: 17px;
    font-weight: 300;
}

.nibpFaqList ul li .faq_q h3:after{
	content:'';
	width:30px;
	height:20px;
	background-image:url('../img/faq_arr.png');
	background-repeat:no-repeat;
	background-size:30px 40px;
	background-position:center top -20px;
	transition:all 0.5s ease;
	position:absolute;
	right:20px;
	top:25px;
	opacity:0.8;
}

.nibpFaqList ul li.on .faq_q h3:after{
	background-position:center top 0px;
	transition:all 0.5s ease;
}

.nibpFaqList ul li .faq_a{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
    border-right: 1px solid #bbdeda;
	border-left: 1px solid #bbdeda;
	border-top: 1px solid #bbdeda;
	background:#f8f8f8;
	padding:20px 50px;
	display:none;
	position:relative;
}


.nibpFaqList ul li .faq_a:before{
    content: 'A.';
    font-size: 24px;
    position: absolute;
    left: -50px;
    top: 12px;
    font-weight: 300;
	color:#505050;
	transition:all 0.5s ease;
}

.nibpFaqList ul li .faq_a:before{
	transition:all 0.5s ease;
	animation-name: movAn;
	animation-duration: 0.5s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes movAn {
	100% { left: 21px; }
}

.nibpFaqList ul li .faq_a p{
	display:block;
	line-height:24px;
	font-size:14px;
}

.nibpFaqList ul li:hover .faq_q,
.nibpFaqList ul li.on .faq_q{
	background:#e8f0ef;
	transition:all 0.5s ease;
}

.nibpFaqList ul li.on .faq_q h3{
	color:#037575;
	transition:all 0.5s ease;
}

.nibpFaqList ul li.on .faq_q{
	background:#e8f0ef;
	transition:all 0.5s ease;
}

/*.nibpWrap .nibpContent .nibpContentBox .nibpFaqList ul li.on .faq_a{*/
/*	display:block;*/
/*	transition:all 0.5s ease;*/
/*}*/

.nibpFaqList ul li:last-child .faq_q{
	border-bottom: 1px solid #bbdeda;
}

.nibpFaqList ul li:last-child .faq_a{
	border-top:none;
	border-bottom: 1px solid #bbdeda;
}


.nibpRightSide{
	width:350px;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	background:#fff;
	border-left:1px solid #b4dad5;
	position:fixed;
	top:0px;
	right:0px;
	transition:all 0.5s ease;
}

.nibpRightSide.rHide{
	right:-310px;
	background:#b4dad5;
	transition:all 0.5s ease;
}

.nibpRightSide .nibpRightInner{
	width:100%;
	height:auto;
	overflow:hidden;
	min-height:1000px;
	box-sizing:border-box;
	padding:80px 20px 40px 40px;
	position:relative;
}

.nibpRightSide .nibpRightInner a.rHideBtn{
	width:40px;
	height:40px;
	position:absolute;
	top:20px;
	left:0px;
	background:#b4dad5;
	border-radius:0px 4px 4px 0px;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url('../img/btn_grn_arr.png');
	background-repeat:no-repeat;
	background-position:center center;
}

.nibpRightSide.rHide .nibpRightInner a.rHideBtn{
	transform:rotate(180deg);
	background-color: #99c4be;
    border-radius: 0px;
}

.nibpRightSide .nibpRightInner .nibpRightContent{
	width:100%;
	height:auto;
	overflow:hidden;
}

.nibpRightSide .nibpRightInner .nibpRightContent dl{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
}

.nibpRightSide .nibpRightInner .nibpRightContent dl dt{
	display:block;
	width:100%;
	line-height:50px;
	font-size:18px;
	color:#037575;
	border-bottom:1px solid #037575;
	font-weight:800;
}

.nibpRightSide .nibpRightInner .nibpRightContent dl dd{
	display:block;
	width:100%;
	position:relative;
	box-sizing:border-box;
	padding:10px 0 10px 110px;
	border-bottom:1px solid #ccc;
}

.nibpRightSide .nibpRightInner .nibpRightContent dl dd span{
	display:block;
	width:90px;
	line-height:40px;
	position:absolute;
	top:10px;
	left:10px;
	font-size:14px;
}

.nibpRightSide .nibpRightInner .nibpRightContent dl dd a{
	width:100%;
	display:block;
	line-height:20px;
	font-size:14px;
	padding:10px 0;
	color:#666;
}

.nibpRightSide .nibpRightInner .nibpRightContent dl dd a:hover{
	text-decoration:underline;
	color:#037575;
}

.nibpRightSide .nibpRightInner .nibpRightContent dl dd p{
	width:100%;
	display:block;
	line-height:40px;
	font-size:12px;
	color:#999;
}


.nibpWrap footer{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px;
	border-top:1px solid #e5e5e5;
	background:#fff;
}

.nibpWrap footer address{
	display:inline-block;
	line-height:25px;
	font-size:13px;
	color:#666;
	float:left;
	font-style:inherit;
	padding-left:60px;
	background:url('../img/nibp_btm_logo.png');
	background-repeat:no-repeat;
	background-position:left center;
}

.nibpWrap footer .cpr{
	display:inline-block;
	text-align:right;
	float:right;
	line-height:25px;
	font-size:13px;
	color:#999;
	padding-top:25px;
}


section.assginGroup{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}

section.assginGroup section.assginGBox{
	width:50%;
	height:auto;
	overflow:hidden;
	float:left;
	min-height:150px;
	box-sizing:border-box;
	padding-left:30px;
}

section.assginGroup section.assginGBox.list{
	min-height:550px;
	padding-left:0px;
	padding-right:30px;
}

section.assginGroup a.assign{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

section.assginGroup section.assginGBox:last-child{
/* 	margin-top:24px; */
	padding-right:0;
	padding-left:30px;
}

/*201020*/
.treeBox {
	padding : 20px 0;
}
.tree button {
	cursor:pointer;
}

/*201026*/
.jqx-grid-cell .btnGray {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}
.jqx-grid-cell .btnGray input[type="button"] {
	height: 30px !important;
    width: 60px !important;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px !important;
    margin-left: -30px !important;
}

.jqx-grid-cell .btnsGray input[type="button"] {
	height: 30px !important;
    width: 60px !important;
    cursor: pointer;
    left: 50%;
    top: 50%;
}

#tabEstInfo .nibpContLeftBox {overflow:unset;}
#tabEstInfo .nibpContLeftBox .tblBox {margin-top:-1px;}

td.innerTbl table tr th,
td.innerTbl table tr td {
	border-bottom:1px solid #ebebeb;	
}
td.innerTbl table tr:last-child th,
td.innerTbl table tr:last-child td {
	border-bottom:none !important;
}

/*201026 bar chart css*/
.bar_chart {padding : 5px 10px;}
.bar_chart,.bar_chart ul {
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
}
.bar_chart ul li {
	width:100%;
	height:auto;
	overflow:hidden;
}
.bar_chart .bar_ans {
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:14px;
	font-weight:500;
	line-height:30px;
}
.bar_chart ul li .barArea {
	width:100%;
	height:40px;
	margin-bottom:10px;
	position:relative;
	padding-right: 55px;
	padding-left:15px;
	box-sizing:border-box;
}
.bar_chart ul li .barArea .bar {
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 0;
    height: 20px;
    display: inline-block;
}
.bar_chart ul li .barArea [class^=bar_val] {
	position: absolute;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: 400;
    font-size:13px;
    margin-left:5px;
}
.bar_chart .ansList {
/* 	display:inline-block; */
	line-height:20px;
	vertical-align:top;
	font-size:13px;
	font-weight:500;
}
.bar_chart .ansList.shortAns {padding: 0 15px;margin-bottom:10px;}

/*201026 bar chart color*/
.c_color1 {
    background: #bd4030;
}
.c_color2 {
    background: #e0b83e;
}
.c_color3 {
    background: #7f9626;
}
.c_color4 {
    background: #76be9f;
}
.c_color5 {
    background: #9bcfde;
}
.c_color6 {
    background: #599f8c;
}
.c_color7 {
    background: #36173b;
}
.c_color8 {
    background: #563e58;
}
.c_color9 {
    background: #cc4876;
}
.c_color10 {
    background: #1cc7d0;
}

/*201027*/
.popTableRow table label input {
	margin-right:5px;
}

/*201029*/
.quesTable tbody tr td {
	border-bottom:none !important;
}
.ans_chkBox {
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:10px;
}
.ans_chkBox .ans_chk {
	display:inline-block;
	margin-right:10px;
}
.ans_chkBox .ans_chk input {
	margin-right:5px;
}
.maxCntStyle {
	display:inline-block;
	font-size:13px;
	font-weight:300;
	color:#ff0000;
	padding-left:5px;
}
.maxCntStyle span {
	color:#ff0000;
}

/*201102*/
.accordionBtnArea {
	position:relative;
	display:inline-block;
	float: left;
    padding-right: 5px;
}
.accordionTd b {
	height:20px;
	line-height:20px;
}
.accordionTd .accordionBtn {
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url('../img/minusBtn_r.svg');
	background-size: 20px 20px;
	background-repeat:no-repeat;
	transition:all 0.2s ease;
}
.accordionTd .accordionBtn.plus {
	background-image:url('../img/plusBtn_g.svg');
	background-size: 20px 20px;
	background-repeat:no-repeat;
}
.accordionTd .accordionBtn.plus:hover {
	transform:rotate(90deg);
}
.hideTd {display:none;}

/*201103*/
.userInfo ul li#timer {
	font-size:14px;
	padding-left: 33px;
    background-image: url(../img/timer.svg);
    background-repeat: no-repeat;
    background-position: 10% 50%;
    background-size: 18px 18px;
}
.fileArea a {
	vertical-align:middle;
}
.deleteBtn_new {
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url('../img/deleteBtn.svg');
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:center center;
/* 	margin-left:5px; */
/* 	margin-top: 3px;	 */
	vertical-align:bottom;
}
.formDW {
	color:#4380F9 !important;
	font-weight:500;
	padding-left:20px;
	line-height: 20px;
	background-image:url('../img/download_icon.svg');
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:left 50%;
}
.tblBox table tbody th.revTh {border-bottom:none !important;}

/*201104*/
.layerPopupCont .layerPopupContInner .layerPopupBox label {
	margin-right:5px;
}
.layerPopupCont .layerPopupContInner .layerPopupBox label input {
	height: 32px;
    vertical-align: bottom;
    margin-right:5px;
}
.layerPopupBox .layerPopTosBox {
	border:1px solid #ddd;
	padding:10px;
}

/*201109*/
.sessionEnd {
	max-width:400px;
	padding:75px 15px !important;
	position:fixed !important;
	background-color:#fff !important;
	min-height:200px;
	top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
}
.sessionEnd .modalPopupTop {
	width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #037575;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 15px;
    box-sizing: border-box;
}
.sessionEnd .modalPopupTop h4 {
	color: #fff;
    font-weight: 500;
    font-size: 20px;
}
.sessionEnd .modalPopupCont {
	background-image:url('../img/sessionEndIcon.svg');
	background-size:50px 50px;
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:50px;
}
.sessionEnd .modalPopupCont .sessionEndCmt {
	font-size:20px;
	font-weight:500;
	text-align:center;
	color:#024a4a;
	padding-bottom:10px;
}
.sessionEnd .modalPopupCont .modalPopMidCont {
	font-size:15px;
	padding:0 28px;
	line-height:2em;
}
.sessionEnd .modalPopupCont .modalPopMidCont .modalPopMidContList {
	font-size:13px;
	margin-bottom:10px;
	line-height:1.5em;
}
.sessionEnd .modalPopupBtnArea {
	width:100%;
	padding:10px 15px;
	margin-top:15px;
	position:absolute;
	bottom:0;
	left:0;
	border-top:1px solid #ddd;
	text-align:right;
	box-sizing:border-box;
	background-color:#fff;
}
.sessionEnd .modalPopupBtnArea .btnType {
	color:#037575;
}
.sessionEnd .modalPopupBtnArea .btnType:hover{
	color:#fff;
}
.ui-draggable .ui-dialog-titlebar {display:none;}

/*201112*/
.nibpContLeftArea {
/* 	width:65%; */
	width:1075px;
	height:auto;
	overflow:hidden;
	padding:30px 40px;
	float:left;
	box-sizing:border-box;
	transition:all 0.2s ease-in-out;
}
.nibpContAreaTop {
	width:100%;
	min-height:40px;
	line-height:40px;
	position:relative;
}
.nibpContAreaTop .nibpContAreaTopTitle {
	font-size:19px;
	color:#333;
	display:inline-block;
}
.nibpContAreaTop .contAreaTopBtn {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-15px;
}
.dash_card_list {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:15px 0 30px 0;
}
.dash_card_list ul {
	width:100%;
	height:auto;
	overflow:hidden;
}
.dash_card_list ul li {
	width:130px;
	height:100px;
	background-color:#fff;
	border-radius:10px;
	float:left;
	margin-right:14px;
	box-sizing: border-box;
	padding:15px 0;
}
.dash_card_list ul li:nth-child(7),
.dash_card_list ul li:nth-child(13) {
	margin-right:0;
}
.dash_card_list ul li:nth-child(8),
.dash_card_list ul li:nth-child(9),
.dash_card_list ul li:nth-child(10),
.dash_card_list ul li:nth-child(11),
.dash_card_list ul li:nth-child(12),
.dash_card_list ul li:nth-child(13) {
	margin-top:15px;	
}
.dash_card_list ul li .listTitle {
	text-align:center;
	font-size:14px;
	color:#999999;
	position:relative;
	padding-bottom:10px;
}
.dash_card_list ul li .listTitle:after {
	content:'';
	display:inline-block;
	width:50px;
	height:1px;
	background-color:#e5e5e5;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-25px
}
.dash_card_list ul li .listCont {
	font-size:25px;
	color:#333;
	text-align:center;
	font-weight:700;
	padding-top:5px;
}
.dash_card_list ul li.listMain {
	background-color:#ffc503;
	height:215px;
}
.dash_card_list ul li.listMain .listTitle {
	background-image:url('../img/dash_listMainIcon.png');
	background-position:center 20%;
	background-repeat:no-repeat;
	padding-top:100px;
	color:#333;
	font-weight:700;
}
.dash_card_list ul li.listMain .listTitle:after {
	background-color:#333;
}
.dash_card_list ul li.listLast {
	background-color:#037575;
}
.dash_card_list ul li.listLast p {
	color:#fff;
}
.dash_card_list ul li.listLast .listTitle:after {
	background-color:#fff;
}

.nibpContRightArea {
	width:calc(100% - 1075px);
	height:auto;
/* 	height:100%; */
	overflow:hidden;
	float:left;
	background-color:#fff;
	box-sizing:border-box;
	margin-top:-100px;
	padding:30px 40px;
	position:relative;
	z-index:1;
	transition:all 0.2s ease-in-out;
}
.nibpFaqList.dash {
	margin-top: 15px;
    max-height: 472px;
    height: 472px;
    overflow-y: auto;
}
.nibpFaqList.dash ul li .faq_q {
	height:60px;
	background-color:#fff;
	border-radius:5px;
	border:none;
}
.nibpFaqList.dash ul li {
	margin-bottom:20px;
}
.nibpFaqList.dash ul li:last-child {
	margin-bottom:0;
}
.nibpFaqList.dash ul li.on .faq_q {
	border-radius:5px 5px 0 0;
	background-color:#f8f8f8;
}
.nibpFaqList.dash ul li .faq_q h3 {
	padding: 0 50px;
    line-height: 60px;
}
.nibpFaqList.dash ul li .faq_q h3:before {
	top:0;	
}
.nibpFaqList.dash ul li .faq_q h3:after {
	top:20px;
}
.nibpFaqList ul li .faq_q .writer {
	display:inline-block;
	position:absolute;
	right:70px;
	font-size:13px;
	top: 20px;
}
.nibpFaqList.dash ul li .faq_a {
	background-color:#fff;
	border:none;
	padding:30px 50px;
	border-radius:0 0 5px 5px;
}
.nibpFaqList.dash ul li.on .faq_a:before {
	top:23px;
}
/* @media ( max-width: 1785px ) { */
/* 	.nibpContLeftArea {width:8px;} */
/* } */
@media ( max-width: 1785px ) {
	.nibpContLeftArea {width:878px;}
	.nibpContRightArea {width:calc(100% - 878px);}
	.dash_card_list ul li {width:145px;margin-right:18px;}
	.dash_card_list ul li:nth-child(7), 
	.dash_card_list ul li:nth-child(13) {
		margin-right:18px;
	}
	.dash_card_list ul li:nth-child(5),
	.dash_card_list ul li:nth-child(9) {
		margin-right:0;
	}
	.dash_card_list ul li:nth-child(6),
	.dash_card_list ul li:nth-child(7) {margin-top:15px}	
}

/*daterangepicker css*/
.date-picker-wrapper {
	border:none !important;
	background-color:#fff !important;
	width:100% !important;
	padding:0 !important;
	box-sizing:border-box !important;
}
.date-picker-wrapper .drp_top-bar {display:none !important;}
.date-picker-wrapper .month-wrapper {border:none !important;}
.date-picker-wrapper .month-wrapper table {width:100% !important;}
.date-picker-wrapper table .caption {height:60px !important;}
.date-picker-wrapper table .caption th {
	position:absolute;
}
.date-picker-wrapper table .caption th:nth-child(1) {
	right:40px;
	top:30px;
}
.date-picker-wrapper table .caption th:nth-child(3) {
	right:0;
	top:30px;
}
.date-picker-wrapper table .caption th .prev {
	background-image:url('../img/cal_arrowIcon_prev.png');
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0.3;
	width:40px !important;
	height:30px !important;
	display:inline-block;
	padding: 0 !important;
}
.date-picker-wrapper table .caption th .next {
	background-image:url('../img/cal_arrowIcon_next.png');
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0.3;
	width:40px !important;
	height:30px !important;
	display:inline-block;
	padding: 0 !important;
}
.date-picker-wrapper table .caption th .prev:hover,
.date-picker-wrapper table .caption th .next:hover {
	opacity:1;
	background-color:#fff;
}
.date-picker-wrapper table .caption>th:first-of-type, .date-picker-wrapper table .caption>th:last-of-type {
	width:40px !important;
}
.date-picker-wrapper .month-name {
	padding:0 !important;
	text-align:left !important;
	line-height: 60px !important;
}
.date-picker-wrapper .month-name .month-element:first-child {
	font-size:30px !important;
	font-weight:700 !important;
}
.date-picker-wrapper .month-name .month-element:last-child {
	font-size:20px !important;
	opacity:0.5;
	padding-left:30px;
	font-weight:300 !important;
	line-height: 50px;
    vertical-align: bottom;
    position:relative;
}
.date-picker-wrapper .month-name .month-element:last-child:before {
	content:'';
	display:inline-block;
	width:1px;
	height:20px;
	background-color:#ccc;
	position:absolute;
	left:15px;
	bottom:15px;
}
.date-picker-wrapper .month-wrapper table .day {
	padding:15px 0 !important;
}
.date-picker-wrapper .month-wrapper table .week-name th{
	line-height:40px !important;
	color:#999;
	padding-top:15px;
}
.date-picker-wrapper .month-wrapper table tbody tr td {
	position:relative;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
	font-size:16px !important;
}

.date-picker-wrapper .month-wrapper table .day.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.checked {
	background-color:#037575 !important;
	width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    border-radius: 50px;
    padding: 0 !important;
}
.date-picker-wrapper .month-wrapper table .day {
	width: 30px;
    height: 30px;
    line-height: 30px !important;
    border-radius: 50px;
    margin: 0 auto;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering,
.date-picker-wrapper .month-wrapper table .day.real-today {
	background-color:#c5e8e8 !important;
	width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    border-radius: 50px;
    padding: 0 !important;
}
.date-picker-wrapper .footer {display:none !important;}
.day.c_org:before,
.day.c_grn:before,
.day.c_yel:before {
	content:'';
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:50px;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-4px;
}

.calArea {
	position:relative;
	padding-bottom:30px;
}
/* .calModalPopup { */
/* 	position: absolute; */
/*     background: #f1f3f5; */
/*     border: 1px solid #ddd; */
/*     width: 300px; */
/*     padding: 10px; */
/*     border-radius: 10px; */
/*     display: inline-block; */
/*     z-index:99; */
/* } */

.meetingList {
	width:100%;
}
.meetingList .meetingListTop p,
.meetingList ul li .mtListBox{
	display:inline-block;
	float:left;
	text-align:center;
	color:#333;
}
.meetingList .mtDate {width:25%;font-weight:700;}
.meetingList .mtNm {width:40%;}
.meetingList .mtArea {width:35%;}

.meetingList .meetingListTop {
	height: auto;
    overflow: hidden;
    width: 100%;
	box-sizing:border-box;
}
.meetingList .meetingListTop p {
	font-weight:700;
	opacity:0.5;
	font-size:15px;
	padding:10px;
	box-sizing:border-box;
}
.meetingList ul {
	width:100%;
	max-height:400px;
	min-height:400px;
	overflow-y:auto;	
}
.meetingList ul li {
	width:100%;
	height:70px;
	margin-bottom:15px;
	border:1px solid #ddd;
	border-radius:5px;
	box-sizing:border-box;
	position:relative;
}
.meetingList ul li:before {
	content:'';
	display:inline-block;
	width:5px;
	height:100%;
	border-radius:5px 0 0 5px;
	position:absolute;
	left:-1px;
	top:0;
}
.c_yel:before {background-color:#ffc503;}
.c_grn:before {background-color:#037575;}
.c_org:before {background-color:#f68e56;}
.meetingList ul li .mtListBox {
	height:100%;
	position:relative;
	box-sizing:border-box;
}
.meetingList ul li .mtListBox:not(:last-child):after {
	content:'';
	display:inline-block;
	width:1px;
	height:50px;
	background-color:#e5e5e5;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-25px;
}
.meetingList ul li .mtListBox p {
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:14px;
	box-sizing:border-box;
	display:inline-block;
	padding:0 10px;
}
.meetingList ul a:last-child li{
	margin-bottom:0;
}

/*tooltip css*/
.caltooltip {
	position:absolute;
	z-index:999;
	display:none;
	border:1px solid #ddd;
	background-color:#fff;
	padding:10px;
	border-radius:5px;
	box-shadow:0 0 5px 1px #e5e5e5;
	min-width: 180px;
    height: auto;
    overflow: hidden;
}
.caltooltip .popuptitle {
	font-size:14px;
	font-weight:700;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
.caltooltip .popupCont {
	font-size:14px;
	padding:10px 0;
}
.caltooltip .popupDate {
	font-size:12px;
	color:#aaa;
	text-align:right;
}

.tblScroll {min-width:100%;overflow-x:auto !important;}
.tableTypeB {width:auto;}
.tableTypeB th,.tableTypeB td {min-width:70px;}

/*201126*/
.assginGSelect {
	width:50%;
	padding-right:60px;
	padding-top:20px;
	box-sizing: border-box;
}
.assginGSelect table {
	width:100%;
	border:1px solid #bbdeda;
}
.assginGSelect table tbody th,
.assginGSelect table tbody td {
	font-size:14px;
	color:#444;
	padding:0 10px;
	height:50px;
}
.assginGSelect table tbody th {
	background-color:#f1f1f1;
}
.assginGSelect table select {
	min-width:150px;
}

/*201208*/
.thBtnArea .dialogBtn {
	display: inline-block;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 20px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    font-weight:400;
    cursor: pointer;
    margin-top: 5px;
}
.managerList {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 0;
	border-bottom:1px solid #ebebeb;
}
.managerList:last-child {
	border-bottom:none;
}
.textbox {
	width : 50%;
	height:auto;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}
.textbox span {
	display:inline-block;
	width:100px;
	float:left;
	text-align :center;
}
.textbox input[type="text"] {
	width:calc(100% - 100px);
	float:right;
	vertical-align :top;
	margin-right:0
}

/*201223*/
.tblBox.scrl {
	max-height:500px;
	overflow-y:auto !important;
}

/*210105*/
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
	min-width: 80px !important;
    width: 80px !important;
}

/*210119*/
.vertical>thead>tr>th:not(:last-child){
	border-right:1px solid #ebebeb; 
}
.vertical>tbody>tr>td {border-right:1px solid #ebebeb;}
.vertical>tbody>tr>td:last-child{border-right:none;}
.tblInnBox {
	padding : 10px 0;
}
.tblInnBox h4 {
	font-size:14px;
	font-weight:500;
	padding-bottom:5px;
}
.tblInnTbl tr th {
	font-size:13px;
}
.tblInnTbl tr th,
.tblInnTbl tr td {
	border-right : 1px solid #ebebeb;
}
.tblInnTbl tr th:first-child,
.tblInnTbl tr:first-child td {
	border-left : 1px solid #ebebeb;
	border-top : 1px solid #ebebeb !important;
}
.tblInnList li {
	list-style-type : disc;
    margin-left: 1.5em;
}
.tblInnList .subUl li {
	list-style-type : none;
	margin-left:0;
}
.tblInnList .subUl li:before {
	content:'- ';
}
.textbox.w100per input[type="text"] {
	width:calc(100% - 125px);
}
.textbox.w100per span {text-align:left;}
.tblInnBox label {padding-bottom:5px;}

.jqx-grid-cell > div:not(.jqx-checkbox) input.btn {
	padding:3px; cursor: pointer;
	width: initial !important;
}
.jqx-cell-checkbox {
	width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    padding: 0 0;
}

.jqx-cell-checkbox .jqx-checkbox-default {
	margin-left:12px;
}