.screen.user {
	background-color: #666;
}
#user_top {
	background-color: #444;
}

#user_top .func,
#user_top .edit
{
	position: absolute;
	width: 158px;
	height: 111px;
	background-color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
#user_top .func.cannot {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}
#user_top .edit {justify-content: center;}

#user_top .func:nth-child(1) {left: 0px;  top: 0px;}
#user_top .func:nth-child(2) {left: 161px;top: 0px;}
#user_top .func:nth-child(3) {left: 322px;top: 0px;}
#user_top .func:nth-child(4) {left: 0px;  top: 159px;}
#user_top .func:nth-child(5) {left: 161px;top: 159px;}
#user_top .edit              {left: 322px;top: 159px;}

#user_top .title,
#user_top .set,
#user_top .value
{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#user_top .title {height: 26px;}
#user_top .set {height: 50px;}
#user_top .value {height: 35px;}

#user_top .set {justify-content: flex-start;}
#user_top .set p {line-height: 25px;}

#user_top .center {
	position: absolute;
	left: 0px;
	top: 113px;
	width: 100%;
	height: 44px;
	background-color: rgb(51,51,51);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
#user_top .timecode,
#user_top .tcg,
#user_top .fnum,
#user_top .rec
{
	position: relative;	
	height: 30px;
	display: flex;
	flex-direction: row;
	background-color: transparent;
}
#user_top .timecode {
	width: 160px;
	align-items: center;
	justify-content: center;
}
#user_top .tcg {
	width: 70px;
	align-items: flex-start;
	justify-content: flex-end;
}
#user_top .fnum {
	width: 70px;
	align-items: flex-start;
	justify-content: flex-start;
}
#user_top .rec {
	width: 120px;
	height: 40px;
	padding-left: 20px;
	align-items: flex-end;
	justify-content: flex-start;
}

#user_top .executepop {
	display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 270px;
    width: 480px;
    background-color: rgba(0,0,0,0.4);
}
#user_top .executepop.active {
	display:block;
}
#user_top .executepop .conts{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#user_top .executepop .message {
	width: 400px;
	height: 143px;
	background-color: #000;
	border: 2px solid #333;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-around;
}
#user_top .executepop.awb .message {height: 85px}
#user_top .executepop .message span {
	padding: 0 15px;
	line-height: 20px;
}
#user_top .executepop.awb .message span:nth-of-type(2){display: none;}
#user_top .executepop.awb .message span:nth-of-type(3){display: none;}
#user_top .executepop .message > div {
	/*position: relative;*/
	/*background-color: #f00;*/
	height: 30px;
	width: 95%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
#user_top .executepop .message > div > div {
	position: relative;
	height: 30px;
	width: 100px;
	line-height: 30px;
	background-color: #333;

}
#user_top .executepop .message > div > div.active {
	background-color: #fa0;
	color: #000;
}
#user_top .popscreen
{
	top: 0px;
	left: 0px;
}
#user_top .popscreen .message {height: 110px;}
#user_top .popscreen .message div {
	height: 30px;
	width: 100%;
}
#user_top .popscreen .message div > div {
	position: relative;
	top: 0px;
	left: 290px;
	height: 30px;
	width: 100px;
	line-height: 30px;
}

.screen.user .lefttop,
.screen.user .leftbottom,
.screen.user .righttop,
.screen.user .rightbottom,
.screen.user .centertop,
.screen.user .centerbottom
 {
	position: absolute;
	width: 158px;
	height: 40px;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.screen.user .leftmiddle,
.screen.user .rightmiddle {
	position: absolute;
	width: 158px;
	height: 186px;
	background-color: #000;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-around;
}
.screen.user .leftmiddle div {
	width: 100%;
	height: 54px;
	padding-left: 10px;
	/*display: flex;*/
	/*flex-direction: row;*/
	/*align-items: flex-start;*/
	/*background-color: #f00;*/
}
.screen.user .leftmiddle div p {
	text-align: left;
	line-height: 27px;
}

.screen.user .lefttop     {left: 0px;  top: 0px;}
.screen.user .leftbottom  {left: 0px;  top: 230px;}
.screen.user .righttop    {left: 322px;top: 0px;}
.screen.user .rightbottom {left: 322px;top: 230px;}
.screen.user .centertop   {left: 161px;top: 0px;}
.screen.user .centerbottom{left: 161px;top: 230px;}
.screen.user .leftmiddle  {left: 0px;  top: 42px;}
.screen.user .rightmiddle {left: 322px;top: 42px;}

.screen.user .arrowup {
	width: 30px;
	height: 28px;
	background-image: url('../image/icon/arrowup_d.png');
}
.screen.user .arrowup.enable {background-image: url('../image/icon/arrowup_e.png')}

.screen.user .arrowdown {
	width: 30px;
	height: 28px;
	background-image: url('../image/icon/arrowdown_d.png');
}
.screen.user .arrowdown.enable {background-image: url('../image/icon/arrowdown_e.png')}

#user_assign .center {
	position: absolute;
	width: 319px;
	height: 186px;
	left: 161px;
	top: 42px;
	display: inline-block;
	background-color: #000;
}
#user_edit .center {
	position: absolute;
	width: 480px;
	height: 186px;
	left: 0px;
	top: 42px;
	display: inline-block;
	background-color: #333;
}

 .screen.user .menu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.screen.user .menuline {
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #000;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.screen.user .menuline.active {
	color: #000;
	background-color: rgb(255,170,0);
}
.screen.user .menuline.disable {color: #888;}

#user_assign .menuline span {
	/*position: absolute;*/
	padding-left: 10px;
	text-align: left;
}
#user_edit .menuline div:nth-of-type(1) {
	width : 150px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
#user_edit .menuline div:nth-of-type(2) {
	width : 300px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
#user_edit .menuline.active div {
	color: #000;
}