#warp {clear:both;overflow:hidden;width:100%;height:100%;}

#header {
	clear:both;
	overflow:hidden;
	background:#fff;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-around;
	align-items: center;}
#header > div:nth-child(1) {text-align:center;line-height:40px;padding:10px;}
#header > div:nth-child(1) a {display:inline-block;width:245px;height:40px;color:#000;font-size:24pt;font-weight:bold;}

#header > div:nth-child(2) {float:left;margin:0 10px;}

#topMenu > li {float:left;text-align:center;background:#FFFFFF;border-radius:5px;margin:10px 5px;}
#topMenu > li.over {background:#333;}
#topMenu > li a {font-size:12pt;color:#999;line-height:30px;padding:10px;}
#topMenu > li.over a {font-size:12pt;color:#FFF;line-height:30px;padding:10px;}
#topMenu > li > div {display:none;}

#iconbar {float:right;display:flex;padding:10px;}
#iconbar li {margin:0px 5px;}
#iconbar li a {font-size:9pt;color:#666;line-height:30px;padding:0 5px;}

#body {clear:both;overflow:hidden;height:calc(100vh - 90px);background:#EEE;}
#body-left {display:none;}

div.topMenu {display:none;}
div.topMenu.over {display:block;}
div.topMenu h1 {clear:both;overflow:hidden;border-top:1px solid #455668;font-size:9pt;background:#1f2e3e;padding:10px;line-height:20px;color:#fff;font-weight:normal;}
div.topMenu div {clear:both;overflow:hidden;border-bottom:1px solid #35475d;background:#395571;}
div.topMenu div.over {background:#4f7397;}
div.topMenu div.sub {background:url(http://cdn.elcsoft.com/image/icon/arrow_bottom.gif) no-repeat 150px 20px;}
div.topMenu div.sub.over {background:url(http://cdn.elcsoft.com/image/icon/arrow_top.gif) no-repeat 150px 20px;}
div.topMenu div div {display:none;}
div.topMenu div.over div {display:block;}
div.topMenu a {display:inline-block;width:calc(100% - 20px);height:20px;font-size:9pt;color:#ddd;line-height:20px;padding:10px 0 10px 20px;}

#body-content {clear:both;overflow:auto;height:calc(100vh - 90px);}
#body-content h1 {font-size:18pt;}
#body-content h2 {font-size:14pt;}
#body-content h3 {font-size:12pt;}
#body-content h4 {font-size:9pt;}

#body-content > div {clear:both;overflow:hidden;display:flex;flex-direction: column;}
#body-content > div > .head {clear:both;overflow:hidden;height:69px;background:#FFF;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;padding:0 20px;}
#body-content > div > .head h1 {font-size:18pt;line-height:30px;}
#body-content > div > .body {clear:both;overflow:auto;height:calc(100vh - 250px);margin:20px;padding:20px;background:#FFF;border:1px solid #ddd;}
#body-content > div > .body h1 {clear:both;overflow:hidden;font-size:18pt;line-height:40px;}
#body-content > div > .body .middle {clear:both;overflow:auto;}
#body-content > div > form > .body {clear:both;overflow:auto;height:calc(100vh - 250px);margin:20px;padding:20px;background:#FFF;border:1px solid #ddd;}
#body-content > div > form > .body h1 {clear:both;overflow:hidden;font-size:18pt;line-height:40px;}
#body-content > div > .foot {position:absolute;right:50px;top:80px;}
#body-content > div > form > .foot {position:absolute;right:50px;top:80px;}

#body-content-tab {clear:both;overflow:auto;background:#204d74;}
#body-content-tab li {float:left;min-width:40px;text-align:right;margin:5px 0 0 2px;background:#CCC;cursor:pointer;}
#body-content-tab li label {float:left;display:inline-block;font-size:9pt;color:#666;line-height:10px;cursor:pointer;}
#body-content-tab li a {float:right;display:inline-block;width:10px;height:10px;line-height:10px;font-size:0;background:url(http://cdn.elcsoft.com/image/button/btn_close19x19.png) no-repeat;background-size:100%;margin:0 0 0 10px;}
#body-content-tab li.over {background:#FFF;border-bottom:1px solid #FFF;}
#body-content-tab li.over label {color:#111;}
#body-content-tab li.over a {color:#111;}

#footer {clear:both;overflow:hidden;background:#000;text-align:center;line-height:20px;padding:10px;}
#copyright {color:#999;font-size:9pt;}
#copyright a {color:#999;font-size:9pt;}

.list {
	clear:both;
	overflow:hidden;
}

.list .top {
	clear:both;
	overflow:hidden;
}

.list .search {
	float:left;
}

.list .search input[name=keyword]{
	width:100px;height:21px;
}

.list .page_setup {
	float:right;
}

.list .page_setup input[name=page]{
	width:20px;height:21px;
}
.buttons {float:left;text-align:left;}

.alert {clear:both;overflow:hidden;border:5px solid #FF0000;background:#FFF;padding:25px;text-align:center;}

.dialog {display:none;position:absolute;}
.dialog .head {background:#3c111d;}
.dialog .head h1 {color:#FFF;}
.dialog .head span a {background:url(http://cdn.elcsoft.com/image/button/btn_close_white19x19.png) no-repeat;}
.dialog .body {clear:both;overflow:auto;padding:15px;}
.dialog .body h1 {font-size:12pt;line-height:30px;}

.setupDialog {max-width:480px;}

@media ( min-width :1180px) {
	.dialog {width:980px;}
	.setupDialog {width:400px;}
	.setupDialog > .head {height:auto;}
	.setupDialog > .head > h1 {font-size:14pt !important;margin:0 !important;}
}

@media( min-width: 780px ) and ( max-width: 1180px ){
}

@media ( max-width :780px) {
}