.screen.big6 {
	background-color: rgb(102,102,102);
	line-height: 1.5em;
}

.big6 .lefttop,
.big6 .leftbottom,
.big6 .righttop,
.big6 .rightbottom,
.big6 .centertop,
.big6 .centerbottom
 {
	position: absolute;
	width: 158px;
	height: 40px;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.big6 .leftmiddle,
.big6 .rightmiddle {
	position: absolute;
	width: 158px;
	height: 186px;
	background-color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.big6 .center {
	position: absolute;
	width: 158px;
	height: 270px;
	left: 161px;
	top: 0px;
	display: inline-block;
	background-color: #000;
}

.big6 .lefttop {left: 0px;top: 0px;}
.big6 .leftbottom {left: 0px;top: 230px;}
.big6 .leftbottom span.active {
	font-size: 20px;
	color: rgb(255,170,0);
}

.big6 .righttop {left: 322px;top: 0px;}
.big6 .rightbottom {left: 322px;top: 230px;}

.big6 .centertop {left: 161px;top: 0px;}
.big6 .centerbottom {left: 161px;top: 230px;}

.big6 .leftmiddle {left: 0px;top: 42px;}
.big6 .rightmiddle {left: 322px;top: 42px;}
.big6.widemenu .rightmiddle {left: 319px;top: 42px;}

.big6 .arrowup {
	position: absolute;
	left: 64px;
	top: 5px;
	width: 30px;
	height: 28px;
	background-image: url('../image/icon/arrowup_d.png');
}
.big6 .arrowup.enable {background-image: url('../image/icon/arrowup_e.png')}

.big6 .arrowdown {
	position: absolute;
	left: 64px;
	top: 237px;
	width: 30px;
	height: 28px;
	background-image: url('../image/icon/arrowdown_d.png');
}
.big6 .arrowdown.enable {background-image: url('../image/icon/arrowdown_e.png')}

.big6 .valps {
	position: absolute;
	left: 64px;
	top: 5px;
	width: 30px;
	height: 28px;
	background-image: url('../image/icon/valps_d.png');
}
.big6 .valps.enable {background-image: url('../image/icon/valps_e.png')}

.big6 .valms {
	position: absolute;
	left: 64px;
	top: 237px;
	width: 30px;
	height: 28px;
	background-image: url('../image/icon/valms_d.png');
}
.big6 .valms.enable {background-image: url('../image/icon/valms_e.png')}

.big6 .menu,.big6 .valset {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 158px;
	height: 180px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.big6 .menuline {
	position: relative;
	width: 158px;
	height: 30px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.big6 .val {
	position: relative;
	width: 158px;
	height: 30px;
	margin-top: 22px;
	margin-bottom: 22px;
}

.big6 .valup {
	position: relative;
	width: 30px;
	height: 28px;
	background-image: none;
}
.big6 .valup.enable {background-image: url('../image/icon/arrowup_e.png')}

.big6 .valdown {
	position: relative;
	width: 30px;
	height: 28px;
	background-image: none;
}
.big6 .valdown.enable {background-image: url('../image/icon/arrowdown_e.png')}

.big6 .menuline.active {
	color: #000;
	background-color: rgb(255,170,0);
}
.big6 .menuline.disable {color: #888;}

.big6 .menuline p {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 158px;
	height: 30px;
}

.big6 .menuline div {
	position: absolute;
	left: 6px;
	top: 9px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgb(238,238,238);
	display: none;
}
.big6 .menuline.active div {background-color: #000}
.big6 .menuline.selected div {display: block;}
.big6.widemenu .menuline.selected div {display: none!important;}
/*#big_lut_set .menuline.selected div {display: none!important;}*/

/*lut*/
.big6.lut .box {
	position: absolute;
	width: 158px;
	height: 74px;
	background-color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.big6.lut .box.inactive {background-color: rgb(34,34,34);}
.big6.lut .boxcenter {
	position: absolute;
	left: 0px;
	top: 77px;
	width: 480px;
	height: 116px;
	background-color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.big6.lut .boxcenter p {
	width:420px;
	height:30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.big6.lut .boxcenter p span {
	white-space: nowrap;
	padding: 0 8px;
}
.big6.lut .boxcenter p span:nth-of-type(2) {
	overflow: hidden;
}
.big6.lut .boxcenter p div {width: 100px;height: 5px;}

.big6.lut .box.top {top: 0px;}
.big6.lut .box.bottom {top: 196px;}
.big6.lut .box.left {left: 0px;}
.big6.lut .box.center {left: 161px;}
.big6.lut .box.right {left: 322px;}

.big6.lut .box p span.disable {color:#eee;}
.big6.lut .box.disable p span.set {color: #eee}
.big6.lut .box.disable.inactive p span {color: #888}

.big6.lut .linkbox {
	position: absolute;
	left: 165px;
	top: 37px;
	width: 250px;
	height: 37px;
	border-left: 30px solid #000;
	border-right: 30px solid #000;
	background-color: #000;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	visibility: hidden;
}
.big6.lut .linkbox.visible {visibility: visible;}
.big6.lut .linkbox.monitor {top: 196px;align-items: flex-end;}
.big6.lut .linkline {
	width: 45px;
	height: 20px;
	/*background-color: #ff0;*/
}
.big6.lut .linkbox span {
	line-height: 37px;
}
.big6.lut .linkline.top {border-bottom: 2px solid #eee;}
.big6.lut .linkline.bottom {border-top: 2px solid #eee;}
.big6.lut .linkline.left {border-left: 2px solid #eee;}
.big6.lut .linkline.right {border-right: 2px solid #eee;}

/* lut message */
.big6.lutmes {background-color: #000;}
.big6.lutmes .center {
	position: absolute;
	width: 480px;
	height: 186px;
	left: 0px;
	top: 42px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: transparent;
}
.big6.lutmes .mes {
	width: 400px;
	height: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	display: none;
}
.big6.lutmes .mes.enable {display: block;}

.big6.lutmes .rightbottomline {
	position: absolute;
	left: 319px;
	top: 227px;
	width: 161px;
	height: 43px;
	background-color: rgb(102,102,102);
}

/* lut look*/
#big_lut_look .arrowup,
#big_lut_look .arrowdown,
#big_lut_load .arrowup,
#big_lut_load .arrowdown {
	position: static!important;
}
#big_lut_look .center,
#big_lut_load .center {
	position: absolute;
	width: 480px;
	height: 186px;
	left: 0px;
	top: 42px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	background-color: #000;
}
#big_lut_look .preset,
#big_lut_look .title,
#big_lut_load .preset
{
	width: 480px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#big_lut_load .center div > p {
	padding-left: 136px;
	text-align: left;
}
#big_lut_look .center div > p {
	padding: 0 5px;
	text-align: left;
}
/*#big_lut_look .center div:nth-child(3) > p:nth-child(1) {*/
	/*text-align: center;*/
	/*padding-left: 30px;*/
/*}*/

#big_lut_look .preset p:nth-of-type(1) {width: 155px;}
#big_lut_look .preset p:nth-of-type(2) {
	width: 319px;
	white-space: nowrap;
	overflow: hidden;
}
#big_lut_load .preset p {width: 100%;}
#big_lut_look .title p:nth-of-type(1) {width: 155px;}
#big_lut_look .title p:nth-of-type(2) {width: 319px;}
#big_lut_look .preset.active p:nth-of-type(2),
#big_lut_load .preset.active p {
	color: #000;
	background-color: rgb(255,170,0);
}
#big_lut_look .line,
#big_lut_load .line
{
	width: 98%;
	height: 1px;
	background-color: #333;
}

#big_lut_cdl .leftmiddle div {
	width: 100%;
	height: 50px;
}
.big6.lutinfo .center {
	position: absolute;
	width: 450px;
	height: 230px;
	left: 15px;
	top: 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	/*background-color: #f00;*/
}
.big6.lutinfo .line 
{
	width: 100%;
	height: 1px;
	background-color: #666;
}
.big6.lutinfo .file{
	position: relative;
	width: 100%;
	height: 36px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.big6.lutinfo .indes{
	position: relative;
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.big6.lutinfo .spec{
	position: relative;
	width: 100%;
	height: 140px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.big6.lutinfo .specline{
	position: relative;
	width: 100%;
	height: 28px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.big6.lutinfo .specline div{
	position: relative;
	width: 80px;
	height: 25px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.big6.lutinfo .specline div:nth-of-type(1){
	width: 100px;
	align-items: center;
	justify-content: flex-start;
}
.big6.lutinfo .set,
.big6.lutinfo .set2{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.big6.lutinfo .set{height: 30px;}
.big6.lutinfo .set2{height: 25px;}

.big6.lutinfo .set div{
	width: 180px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.big6.lutinfo .set2 span {text-align: left;}

.big6.widemenu .menu {width: 319px;}
.big6.widemenu .leftmiddle {width: 161px;}
.big6.widemenu .rightmiddle {width: 161px;}
.big6.widemenu .menuline {width: 100%;}
.big6.widemenu .menuline p {
	left: 10px;
	width: 290px;
	height: 100%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

#details .details {
	width: 100%;
	height: 100%;
	background: #000 no-repeat center;
}
#details .qmenu_project {background-image:url(../image/details/d_project.png);}
#details .qmenu_media,
#details .qmenu_tc,
#details .qmenu_format {background-image:url(../image/details/d_media.png);}
#details .qmenu_monitor {background-image:url(../image/details/d_output.png);}
#details .qmenu_audio {background-image:url(../image/details/d_audio.png);}


#big_wb .icvfx span {font-size: 18px;}

#big_wb_icvfx .tmpmeter{
	position: absolute;
	width: 100px;
	height: 80px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
#big_wb_icvfx .tmpmeter.mtr1{top: 108px;left: 26px;}
#big_wb_icvfx .tmpmeter.mtr2{top: 108px;left: 346px;}
#big_wb_icvfx .tmpmeter div:nth-of-type(1){
	width: 60px;
	height: 78px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
#big_wb_icvfx .tmpmeter div:nth-of-type(1) span {line-height: 1em;}
#big_wb_icvfx .tmpmeter .bar {
	width: 15px;
	height: 80px;
	outline: solid 2px #fff;
	outline-offset: -2px;
}
#big_wb_icvfx .tmpmeter .bar div {
	position: relative;
	top: 30px;
	left: 2px;
	width: 11px;
	height: 6px;
	background-color: #fff;
}
#big_wb_icvfx .tmpmeter .bar div.act {background-color: #fa0;}
