#home {
	background-color: rgb(68,68,68);
}

#home .big6 {
	position: absolute;
	width: 158px;
	height: 74px;
	display: inline-block;
	background-color: #000;
}
#home .big6.tocfcs {
	outline: 3px solid rgb(255,170,0);
	outline-offset: -3px;
}

/* big fps locked */
#home .big6.locked{background-color: rgb(34,34,34);}

#home .title {
	color: rgb(238,238,238);
	width: 100%;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#home .value {
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#home .tocfcs .value {
	color: rgb(255,170,0);
}

#home .lut div p {padding:5px 3px;height:22px;white-space: nowrap;}
#home .lut div p:nth-of-type(1){width:60%;text-align: right;}
#home .lut div p:nth-of-type(2){width:40%;text-align: left;}
#home .lut div p span.disable {color:#eee;}

#home .shutter .value div {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../image/icon/delta.png');
}

#home .fps {
	left: 0px;
	top:0px;
}
#home .ei {
	left: 161px;
	top: 0px;
}
#home .shutter {
	left: 322px;
	top: 0px;
}
#home .nd {
	left: 0px;
	top: 196px;
}
#home .lut {
	left: 161px;
	top: 196px;
}
#home .wb {
	left: 322px;
	top: 196px;
}

#home .centerbg {
	position: absolute;
	left: 0px;
	top: 74px;
	width: 480px;
	height: 122px;
	display: inline-block;
	background-color: rgb(51,51,51);
}

#home .centermain {
	position: absolute;
	left: 0px;
	top: 3px;
	width: 480px;
	height: 116px;
	display: inline-block;
	background-color: rgb(34,34,34);
}

#home .centermain div {
	/*background-color: #f00;*/
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#home .centermain div span {padding: 0 3px;}
#home .centermain div.hide {display: none;}

#home .timecode {
	left: 0px;top: 7px;width: 190px;height: 28px;
}
#home .timecode span{line-height: 28px;}
#home .rec {
	left: 50px;top: 40px;width: 65px;height: 18px;
}
#home .bat {
	left: 332px;top: 10px;width: 80px;height: 18px;
}
#home .frame {
	left: 216px;top: 10px;width: 75px;height: 18px;
	justify-content: flex-start!important;
}
#home .size {
	left: 140px;top: 40px;width: 140px;height: 18px;
}
#home .clip {
	left: 320px;width: 90px;height: 18px;
}
#home .clip1 {top: 40px;}
#home .clip2 {top: 66px;}
#home .media {
	position: absolute;
	top: 92px;
	width: 100px;
	height: 22px;
	/*background-color: #f0f;*/
}
#home .media1 {left: 140px;}
#home .media2 {left: 310px;}
#home .media3 {left: 326px;}

#home .slotab {
	position:absolute;
	top: 0px;left:0px;
	width: 22px;height: 22px;
	background: no-repeat center;
}
#home .slotab.a {background-image: url('../image/icon/slot_a.png');}
#home .slotab.b {background-image: url('../image/icon/slot_b.png');}
#home .slotab.p {background-image: url('../image/icon/slot_p.png');}

#home .media p:nth-of-type(1) {
	position:absolute;
	top: 0px;left:28px;
	width:50px;height:20px;
	text-align: right;
	line-height: 20px;
}

#home .hslot {
	position: absolute;
	left: 40px;
	width: 150px;
	height: 22px;
}
#home .sl1 {top: 38px;}
#home .sl2 {top: 64px;}
#home .hslot span{
	position: absolute;
	top: 1px;
	left: 22px;
}
#home .slotico {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 22px;
	height: 22px;
	background: no-repeat center;
	background-image: none;
}
#home .slotico.a {background-image: url('../image/icon/slot_a.png');}
#home .slotico.b {background-image: url('../image/icon/slot_b.png');}
#home .slotico.n {
	background-image: url('../image/icon/slot_n.png');
	animation: slotblink 1.0s infinite;
}
@keyframes slotblink{
	0%	{opacity: 1;}
	50%	{opacity: 0;}
	100%{opacity: 1;}
}

#home .format1 {
	left: 140px;top: 66px;width: 110px;height: 20px;
}
#home .videof {
	left: 250px;top: 66px;width: 60px;height: 20px;
}
#home .audio {
	position: absolute;
	left: 418px;
	top: 5px;
	width: 60px;
	height: 120px;
	background-image: url('../image/icon/home_audio.png');
	background-repeat: no-repeat;
}
#home .audio.aless {
	background-image: url('../image/icon/home_audio_less.png');
}

#home .shutval {
	position: absolute;
	top: 92px;
	left: 40px;
	width: 80px;
	height: 22px;
}

#boot .logo {
	position: absolute;
	top: 35px;
	left: 124px;
	width: 232px;
	height: 200px;
/*	background: no-repeat center url('../image/icon/logo.png');*/
}

#home_abs .rec
{
	position: absolute;
	left: 68px;top: 128px;width: 65px;height: 20px;
	line-height: 20px;
	text-align: left;
}

/* recording */

.recording .info_tp {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 30px;
}
.recording .info_bo {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 480px;
	height: 30px;
}
.recording .info_lt {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 50px;
	height: 210px;
}
.recording .info_rt {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 50px;
	height: 210px;
}
.recording .info_cn {
	position: absolute;
	top: 30px;
	left: 50px;
	width: 380px;
	height: 210px;
}

/* top */
.recording .info_tp > div,
.recording .info_bo > div
{
	position: absolute;
	top: 5px;
	height: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.recording .info_tp div:nth-of-type(1){
	left: 5px;
	width: 50px;
}
.recording .info_tp div:nth-of-type(2){
	left: 60px;
	width: 100px;
}
.recording .info_tp div:nth-of-type(5){
	left: 160px;
	width: 160px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.recording .info_tp div:nth-of-type(5) div:nth-of-type(1){
	width: 20px;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	background-image: url('../image/icon/slot_a.png');
}
.recording .info_tp div:nth-of-type(5) div:nth-of-type(2){
	width: 85px;
	height: 20px;
	background: no-repeat center;
	background-image: url('../image/icon/fr4.png');
}
.recording .info_tp div:nth-of-type(5) div:nth-of-type(3){
	width: 35px;
	height: 20px;
}
.recording .info_tp div:nth-of-type(6){
	left: 300px;
	width: 100px;
}
.recording .info_tp div:nth-of-type(7){
	right: 5px;
	width: 100px;
	justify-content: flex-end;
}

/*bottom*/
.recording .info_bo div:nth-of-type(2){
	left: 32px;
	width: 70px;
}
.recording .info_bo div:nth-of-type(3){
	left: 110px;
	width: 60px;
}
.recording .info_bo div:nth-of-type(4){
	left: 200px;
	width: 100px;
}
.recording .info_bo div:nth-of-type(6){
	left: 300px;
	width: 60px;
}
.recording .shutter div {
	width: 15px;
	height: 15px;
	background: center no-repeat;
	background-size: contain;
	background-image: url(../image/icon/delta.png);
}
.recording .info_bo div:nth-of-type(7){
	left: 370px;
	width: 100px;
}
.recording .afmf {

}
.recording .afmf > div {
	display: inline-block;
	width: 15px!important;
	height: 15px;
	background: no-repeat center;
	background-image: url(../image/icon/human.png);
	visibility: hidden;
}
.recording .afmf.hum > div {visibility: visible;}

/*left*/
.recording .info_lt > div,
.recording .info_rt > div
{
	position: absolute;
	left: 5px;
	width: 40px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.recording .info_lt > div {
	align-items: flex-end;
}
.recording .info_rt > div {
	align-items: flex-start;
}
.recording .info_lt > div:nth-of-type(1){
	top: 10px;
	height: 40px;
}
.recording .tebure{
	top: 50px;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	background-image: url('../image/icon/teb_off.png');
}
.recording .tebure.act {background-image: url('../image/icon/teb_act.png');}
.recording .tebure.std {background-image: url('../image/icon/teb_std.png');}

.recording .info_lt .media{
	top: 100px;
	height: 100px;
}
.recording .info_lt .media.m1 {top: 90px;}
.recording .info_lt .media.m3 {top: 168px;}
.recording .info_lt .media .slotab{
	width: 22px;
	height: 22px;
	background: no-repeat center;
}
.recording .media .slotab.a {background-image: url('../image/icon/slot_a.png');}
.recording .media .slotab.p {background-image: url('../image/icon/slot_p.png');}

.recording .info_lt .media > div:nth-of-type(2){
	width: 40px;
	height: 70px;
}




/*right*/
.recording .info_rt > div:nth-of-type(1){
	top: 0px;
	height: 46px;
	justify-content: space-between;
}
.recording .info_rt > div:nth-of-type(1) div {
	width: 38px;
	height: 14px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #000;
}
.recording .info_rt > div:nth-of-type(2){
	top: 50px;
	height: 20px;
}
.recording .info_rt > div:nth-of-type(3){
	top: 66px;
	height: 30px;
}
.recording .info_rt > div:nth-of-type(4){
	top: 94px;
	height: 46px;
	justify-content: space-between;
}
.recording .info_rt > div:nth-of-type(4) div {
	width: 38px;
	height: 14px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #000;
}
.recording .info_rt > div:nth-of-type(6){
	top: 150px;
	height: 10px;
	background: no-repeat center;
	background-image: url('../image/icon/level.png');
}
.recording .info_rt > div:nth-of-type(7){
	top: 162px;
	height: 60px;
	background: no-repeat center;
	background-size: contain;
	background-image: url('../image/icon/home_audio.png');
}
.recording .info_rt > div:nth-of-type(7).aless{
	background-image: url('../image/icon/home_audio_less.png');
}

/* center */

.recording .info_cn > div
{
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.recording .info_cn > div:nth-of-type(1){
	top: 0px;
	right: 0px;
	width: 160px;
	height: 20px;
	justify-content: flex-end;
}
.recording .info_cn > div:nth-of-type(2){
	bottom: 0px;
	left: 0px;
	width: 140px;
	height: 20px;
	justify-content: flex-start;
}
.recording .info_cn > div:nth-of-type(3){
	bottom: 0px;
	left: 130px;
	width: 120px;
	height: 20px;
	justify-content: center;
}
.recording .noimpmes {
	position: absolute;
	top: 100px;
	left: 50px;
	width: 380px;
	height: 70px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.6);
}