*{ margin: 0; padding: 0; }
body{ margin: 0; margin-top:55px; padding: 0; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:12pt; line-height:1.5; color:#333; background:#F2F2F2; transition: background-color .5s; }
@font-face {  font-family: 'Merriweather';  font-style: normal;  font-weight: 400;  src: local('Merriweather Regular'), local('Merriweather-Regular'), url("https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-fCZJ.ttf") format('truetype'); }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
a img,:link img,:visited img { border: none; }
a{ text-decoration: none; color:#006699; }
a:hover { text-decoration: underline; }
img{ vertical-align:middle;}

/* menu styles */
:root{
	--skin-hover: rgba(0,0,0,0.1);
}
.skyMenubar {
	background: #8d1852; background: -webkit-linear-gradient(to right, #692384, #8d1852); background: linear-gradient(to right, #692384, #8d1852);
	display: block; width: 100%; height: 48px;
	color: #eee; line-height: 48px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
	position: fixed; top: 0; left: 0; z-index:99997 !important;
}
.skyMenubar a { text-decoration: none; color: #fff; }
.skyLogo {
	display: block;
//	text-align: center;
	font-size: 22px;
	margin-left:80px;
}
.menuRight { position:fixed; top:0; right:0; margin:0 10px; line-height:1.5;}
#online { color:#fc0; font-size:80%; }

.skyOverlay {
  position: fixed;	top: 0;	left:0;
  height: 100%;    width: 0;
  z-index: 99998;
  background-color: rgba(0,0,0, 0.9);
  overflow-y: auto;    overflow-x: hidden;
  opacity:0;
  transition: opacity 1s;
}

.skyMenu {
  height: 100%;
  height: calc(100% - 60px);
  width: 0;
  position: fixed;  top: 0;  left: 0;
  padding-top: 60px;
  z-index: 99999;
  overflow-x: hidden;
  transition: .5s;
	background: #8d1852;
	background: -webkit-linear-gradient(to right, #692384, #8d1852);
	background: linear-gradient(to right, #692384, #8d1852);
		text-shadow:1px 1px 1px rgba(0,0,0,0.5);

}

.skyMenu a {
  display: block;
  transition: .3s;
	display: block;
  color: #fff;
  font-size:15pt;
  text-decoration: none !important;
	letter-spacing:1px;
	padding: 12px;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.050);
}
.skyMenu a:hover, .skyMenu a:focus{
  color: #fff;
  background: var(--skin-hover);
	transition: .1s;
}
.skyMenu ul {
	list-style: none;
	overflow: hidden;
	background: #f2f9f9;
}
.skyMenu li a {
	display: block;	padding: 12px 33px;
	color: #444;
	transition: .1s; -webkit-transition: .1s;
	border-bottom: 1px dotted #e1e1e1;
}
.skyMenu li a:hover {
	color: #444; background: var(--skin-hover);
	transition: .1s; -webkit-transition: .1s;
}

.skyMenuClose {
 position: absolute; top: 5px; right: 5px;
 font-size: 36px !important; linear-height:1;
 color:#fff; cursor:pointer; padding:0 18px; border-radius:10px; background:rgba(0,0,0,0.2);
}

@media screen and (max-height: 500px) {
  .skyMenu {padding-top:15px;}
}

.skyMenuTrigger {
 position: absolute;
 border: 0; outline: 0; color: #fff; background:rgba(0,0,0,0.3);
 width:50px; padding: 0 5px;
 font-size:25pt; text-align:center;
 cursor: pointer;
 -webkit-appearance: none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, .2);
}
.skyMenuTrigger:hover {
	opacity: 0.8;
	-webkit-opacity: 0.8;
}
/* end: menu styles */

h2{ padding:5px 10px; margin:10px 0;background:rgba(0,0,0,0.03); border-bottom:4px solid rgba(0,0,0,0.06); }
a.link1,a.link2,a.link3,a.toggleAll { padding:5px; margin:5px; display:inline-block; border-radius:5px; }
a.link1 { background:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.09); }
a.link2 { background:#fcc; border:1px solid #f00; color:#f00; }
a.link3 { background:#007fff; border:1px solid #007fff; color:#fff; }
a.link1:hover { background:rgba(0,0,0,0.09); border:1px solid rgba(0,0,0,0.2); }
a.toggleAll{ background:rgba(255,100,100,0.9); border:1px solid rgba(188, 43, 43, 0.9); color:#fff; font-weight:bold; text-shadow:1px 1px 1px rgba(188, 43, 43, 0.9); }
a.toggleAll.closed{ background:rgba(0,150,0,0.6); border:1px solid rgba(0,150,0,0.9); color:#fff; font-weight:bold; text-shadow:1px 1px 1px rgba(0,150,0,0.9); }
a.toggleAll:hover{ }

.center{ text-align:center; }

select,input[type=text],input[type=password],textarea,select {padding:3px; font:100%/1.5 "arial", sans-serif; border: 2px solid #f5eaf9; border-radius:3px;}
textarea { width:calc(90%); }
select:focus,select:hover,input[type=text]:focus,input[type=password]:focus,textarea:focus,input[type=text]:hover,input[type=password]:hover,textarea:hover { border: 2px solid #debaec; box-shadow:0 0 5px #fdfafd; }
input[type=submit],input[type=button],input[type=reset] {padding:5px; font-size:120%;}
input[type=file]{ padding:5px; font-size:120%; min-width:200px; width:90%; background:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.2); border-radius:5px; cursor:pointer; }
.absmiddle	{ vertical-align: middle; }

.mainDiv{ margin:5px; padding:10px; }
h1{ background:#F5F5F5; border-left:5px solid #555; padding:5px; font-size:150%; margin-bottom:5px; }
h3{ background:#F5F5F5; border:1px solid #c4aacf; border-width:1px 5px 1px 5px; border-radius:10px 10px 0 0 ;padding:5px; font-size:110%; margin-bottom:5px; margin-top:20px;}
.create{ padding-right:10px; margin-bottom:5px; text-align:right;}
.create a{ font-size:17px; margin:0 10px; opacity:0.5; text-decoration:none; }
.create a:hover{ opacity:1; }
.action { text-align:right; }
.action a{ margin:0 5px; opacity:0.5; text-decoration:none; }
.action a:hover{ opacity:1; }

hr{ border:none; border-top:1px solid #ddd; }
table	{ width:100%; margin:auto; border-top:2px solid #c4aacf; margin:5px 0; border-spacing:1px; background:#cac; }
table th	{ background-color:#dfc8e8; padding:5px; text-shadow:1px 1px 0px #eee; text-align:left; }
table tr	{ background-color:#fafafa; }
.list tr:hover	{ background:#DDE7B8; }
table td	{ padding:5px; }
table .odd	{ background:#F4F4F4; }
table .even	{ background:#DDDDDD; }
table tr:hover td { background-color:#ffc; }
thead.left th{ text-align:left; }

.welcome{ text-align:center; font-size:200%; margin:50px; }
table.login	{ width:90%; max-width:500px; margin:auto; }
table.login th	{ text-align:left; padding:5px; background: #dfc8e8; background: -moz-linear-gradient(top, #dfc8e8 0%, #c4aacf 100%);}
table.login td	{ }

.section{ margin:20px auto; max-width:900px; padding-bottom:10px; background:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:0 1px 2px #ccc;}
.head1{ font-size:150%; border-radius:10px 10px 0 0; border-bottom:3px solid #692384; text-align:center; background:#9131b6; color:#fff; text-shadow: 1px 1px 1px #000; padding:3px; cursor:pointer;}
.head1.head2{ border-bottom:3px solid #658d0d; background:#89bf11; }
.head1.head3{ border-bottom:3px solid rgba(0,0,0,0.25); background:#bf1155; }
.row{ width:100%; display:flex; padding:5px 0; border-bottom:1px solid #f9f9f9; }
.row.hide { display:none; }
.row span.label{ width:30%; align-self:center; display:inline-block; padding:0 10px; text-align:right; font-weight:bold; }
.row span.data{ width:70%; align-self:center; display:inline-block; padding:0 10px; }
.row span.dataFull{ width:100%; align-self:center; display:inline-block; padding:0 10px; }
@media screen and (max-width: 350px) {
	.row{ display:inline-block; padding:5px 0; }
	.row span.label{ width:100%; text-align:left; line-height:22pt;}
	.row span.data{ width:100%; }
}
//.row div{ width:60%; }

.vam{ vertical-align:middle; }
span.datacontainer{ display:inline-block; }
span.info{ color:#999; font-size:80%; padding:0 10px;}
span.remark{ padding:0 10px; border-left:2px solid #5f5; display:block;}
ul.treeul { margin:auto; list-style:none; }
.treeul ul { padding-left: 2.5%; border-left: 2px solid #d9d5eb; border-radius:0 0 0 50px; }
.treeul li	{ padding:5px; padding-right:50px; 
background-color:#eceaf5; 
border-left:4px solid #888; 
border:1px solid #ddd; 
margin-bottom:3px; border-radius:5px; position:relative;}
.treeul li:hover	{ background:#fc0; }

.treeul li.grp { background: #d9d5eb; }

.treeul dd { margin:0; padding:0; display:inline; line-height:30px; }
.treeul .rd { text-align:right; position:absolute; right:5px; }

.showhidediv { background:url(../images/minus.png); width:32px; height:32px; display:inline-block; vertical-align:middle; }
.plus { background:url(../images/plus.png) }

.form_error,.red { color: red; }
.bluebg { background:cyan; color: blue; }
.stat0 {background:#ebc4bf; }
.stat0:hover	{ background:#e39c93; }
.stat2 {background:#fce1a0; }
.stat2:hover	{ background:#ffcc66; }
.type1 {background:#E7E0EF; }
.type1:hover	{ background:#DFD1EF; }


.pgn	{ text-align:center; padding-top:10px; border-top:1px solid #bbb; background:#f5f5f5; }
.pgn a,.pgn span	{ border:1px solid #ccc; padding:2px 5px; margin:0 2px; background:#ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-decoration:none; font-weight:bold; }
.pgn a:hover, .pgn span	{ background:#ddd; border-color:#ddd; }
.pgn div { padding-top:5px; }


.F,.setting_P	{ background:#E7E0EF; }
.F:hover,.setting_P:hover	{ background:#DFD1EF; }
.D,.setting_G {background:#fce1a0; }
.D:hover,.setting_G:hover	{ background:#ffcc66; }
.N {background:#ddd; }
.N:hover	{ background:#ccc; }
.U,.setting_M {background:#D9EFC2; }
.U:hover,.setting_M:hover	{ background:#BEDF99; }

.M:hover { background:yellow }

.P, .p, .treeul .s1 { background:#C4F9B7; }
.A, .a, .treeul .s0 { background:#FFD1BB; }
.T, .t {background:#D2D2FF; }

.t, .p, .a{ border-radius:5px; padding:5px 10px; }

.activeDeactiveButton,.featureButton {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #555555;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
    width:70px;
    text-align:center;
    display:inline-block;
}
.activeDeactiveButton.selected {
    background: none repeat scroll 0 0 #4F9D00;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.featureButton.selected {
    background: none repeat scroll 0 0 #0091c7;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.activeDeactiveButton input[type=checkbox],
.featureButton input[type=checkbox]{ display:none; }

input[type="submit"].paste{ padding:0 5px; background:url(../images/paste.png) no-repeat; width:32px; height:32px; border:none; cursor:pointer; color:#ddd; font-size:5px; margin-right:5px; }
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("/images/ico-warning.gif") 10px 50% no-repeat; border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {background:url("/images/ico-info.gif") 10px 50% no-repeat; border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {background:url("/images/ico-done.gif") 10px 50% no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {background:url("/images/ico-delete.gif") 10px 50% no-repeat;border:2px solid #FFAEAE; background-color:#FEEBEB;}

.generalButton input[type=radio]{ display:none; }
.generalButton span{ padding:3px 5px; background:#eee; border:2px solid #ddd; margin:2px; cursor:pointer; font-weight:bold; -moz-border-radius:3px; display: table;}
.generalButton span.selected{ background:#fc0; border:2px solid #fa0; }
.generalButton span:hover{ background:#fc0; border:2px solid #fa0; }

.generalButton { }
.generalButton span { margin:2px; display:inline-block; }

.c1{ width:10%; min-width:100px; }
#column_selector { background:#ffd; margin:0 10px; padding: 10px; }
#column_selector label { padding-left: 5px; }