/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/jps-conty/module/ratio/skin/image/loader-64x/Preloader_2.gif) center no-repeat #fff;
}

#wrap { width: 100%;height: 100%; background-color: #eee; min-height: 900px; padding: 10px;}
#wrap_body { width:650px; margin: 0 auto; position: relative; min-height: 500px; background-color: #fff; border: 1px solid #ddd;padding: 10px;}
#popItem { width: auto; overflow-y: scroll; position: absolute; top: 20px;left: 10px; right: 10px;}
#popItem .window_body { max-height: 250px; overflow-y: scroll;}
#tbl_body td { text-align: center;}

#areacate1,#areacate2,#selarea {height:150px; overflow:auto; border-right:1px solid #dadcdc;overflow-x:hidden; margin:0px; padding:5px 0px 5px 0px; }
#areacate1 li,#areacate1 li a,#areacate2 li,#areacate2 li a,#selarea li,#selarea li a { float:left; width:100%; height:25px; line-height:25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display:block; padding:0px 10px;}
#areacate1 li a,#areacate2 li a,#selarea li a { font-size:12px;}
#areacate1 li a:hover,#areacate1 li.on a,#areacate2 li a:hover,#areacate2 li.on a,#selarea li a:hover,#selarea a.on { background-color:#2980b9; color:#fff; text-decoration:none;}
#selarea { border-right:none; background-color:#f2f2f2;}