/*設定頁面*/


/*CB設定*/
.topline{
	margin: 0 0 105px 0;
}
.topline:before{
	content:"";
	width: 88%;
	height: 5px;
	background: #000;
	position: absolute;
	top: 20%;
	left: 0;
}
.topdown{
	margin:20px 0 0 0;
}
.topdown:before{
	content:"";
	width: 88%;
	height: 5px;
	background: #000;
	position: absolute;
	top: 7%;
	left: 0;
}
.linearea{
	padding: 0 5px;
}
.linearea:before{
	content:"";
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	padding: 0 5px;
	width: 100%;
	height: 35px;
	position: absolute;
	top: 0%;
	left: 0;
}
.signal{
	width: 40px;
	height:40px;
	border-radius:50px;
	margin: 0 auto;
}
.signalunit{
	margin: 5px 0 0 0;
	padding: 5px 0;
}
.signal,.signalunit{
	/* background: #ccc; */
	background: #e83828;
}
.cbroad .on .signal,.cbroad .on .signalunit{/*如果訊號是通的*/
	background: green;
	color: #fff;
}



.mess-a2-o .signal,.mess-a2-o .signalunit{
	background: #e83828;
	color:#fff;
}
.mess-a2-o.on .signal,.mess-a2-o.on .signalunit{
	background: green!important;
	color: #fff;
}
.ess-pcc .signal,.ess-pcc .signalunit{
	background: #e83828;
	color:#fff;
}
.ess-pcc.on .signal,.ess-pcc.on .signalunit{
	background: green!important;
	color: #fff;
}
.mess-a3 .signal,.mess-a3 .signalunit{
	background: #e83828;
	color:#fff;
}
.mess-a3.on .signal,.mess-a3.on .signalunit{
	background: green!important;
	color: #fff;
}

/*
.mess-a2.on .mess-a2-o {
	background: green;
}

.mess-a2.on .ess-pcc,.mess-a2.on .mess-a3 {
	background: #e83828;
}*/
/*************************************/
/*
.cbroad .mess-a2 .signal{
	background: #f00;
	color: #fff;
}
.cbroad .mess-a2.on .signal{
	background: #f00;
}

.cbroad .mess-a2.on .signal.on,.cbroad .signal.on ,.cbroad .on .signalunit{
	background: green;
}*/

.signalunitr{
	background: #666;
	color: #fff;
	margin: 5px 0 0 0;
	padding: 5px 0;
}
.firstlead{
	/*height: 233px;*/
	padding: 70px 0 0 0;
	border-right:4px solid #000;
}
.begin{
	margin: 10px 0;
}
.begin .signal{
	margin: 0 5px 0 0;
	float: left;
}

.begin.on .nums{
	background: green;
	color: #fff;
}
.begin .nums{
	/* background: #ccc; */
	background: #e83828;
	/* color: #666; */
	color: #fff;
	float: left;
	padding: 10px 10px;
}

.linesub{
	margin: 0 0 15px 0;
}

.linesub:before{
	content:"";
	border-left: 0px solid #000;
	border-right: 4px solid #000;
	padding: 0 5px;
	width: 100%;
	height: 35px;
	position: absolute;
	top: 0%;
	left: 0;
}

.linearea.mess-a2:before{
	border-right:0px solid #000;
	height:210px;
	border-left:4px solid #000;
}
.linearea.lastnone:before{
	border-right:0px;
	border-left:2px solid #000;
}

.linearea.mess-a1:before{
	border-right:0px solid #000;
}


.linearea.vcb-pva:before,.linearea.vcb-ess:before,.linearea.acb-a2:before{
	/*border-right:0px solid #000;*/
}
.linearea.tr-pva:before,.linearea.tr-ess:before,.linearea.strat:before{
	/*border-left:0px solid #000;*/
}
.linearea.strat:before{
	border-left:0px solid #000;
}

.ess-pcc:after,.mess-a3:after{
	content:"";
	width: 100%;
	height: 5px;
	position: absolute;
	top: 20px;
	left: 0;
	background: #000;
	z-index: -1;
}

.cb .status{
	background:#111;
	color: #fff;
	padding: 5px 10px;
	margin: 0 0 1px 0;
}

.setstaus{
	width: 19px;
	height:19px;
	border-radius: 40px;
	background: #003e34;
	margin: 0 5px;
}

.setstaus.on{
	background: #009944;
}

.offs{
	border-color: #e83828!important;
	color: #e83828!important;
}
.offs:hover{
	color: #fff!important;
	background: #e83828!important;
}

.ons{
	border-color: #13ae67!important;
	color: #13ae67!important;
}
.ons:hover{
	color: #fff!important;
	background: #13ae67!important;
}
@media only screen and (max-width: 1700px){

.linearea.mess-a2:before{
	border-right:0px solid #000;
	height:230px;
	border-left:4px solid #000;
}
}


@media only screen and (max-width: 1400px){



}