@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600");


/*---------- 20180822 KNPA-U16 ------------*/

.RS-sections{
	padding: 0 20px !important;
	color: #111;
	font-weight: lighter;
	font-family: "Open Sans", sans-serif;
}
.RS-sections img{
	max-width: 100%;
}
.RS-sections .heading {
	display: block;
	margin-bottom: .54348em;
	text-align: center;
	font-family: "Open Sans", "Roboto", "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif;
	font-size: 2.70588em;
	font-size: 2em;
	font-weight: 400;
	line-height: 1.3em;
	color: #0068b8
}
.RS-sections p {
	margin-bottom: 1em;
	font-weight: 300;
	line-height: 1.4em;
}
.RS-sections .notes {
	color: #000;
	font-size: 0.9em;
}
.RS-sections .msect-inner{
	max-width: 1380px;
	margin: 0 auto;
	position: relative;
}
.RS-sections .center{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.RS-sections .msect-inner:after{
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background: url(../img/dot_pattern.png);
    background-size: 4px;
	margin-top: 50px;
}
html #overview #sectionOverview .RS-sections img{
	max-width: 100% !important;
}
.RS-sections .text a{
	color: #0068b8;
	border-bottom: 1px solid transparent;
	transition: all 0.2s;
}
.RS-sections .text a:hover{
	color: #0068b8;
	border-color: currentColor;
}



/* overview */

#RS-overview {
	padding-bottom: 60px;
	margin-bottom: 50px;
}

#RS-overview .overview {
	width: 1100px;
	height: 620px;
	margin-left: auto;
	margin-right: auto
}

#RS-overview .overview .inner {
	position: relative;
	left: 50%;
	margin-left: -550px;
	width: 1100px;
	height: 620px
}

#RS-overview .overview .bg,
#RS-overview .overview .pointers,
#RS-overview .overview .legends {
	position: absolute;
	left: 0;
	top: 0;
	width: 1100px;
	height: 620px
}

#RS-overview .overview .legends {
	display: none
}

#RS-overview .overview .descr {
	position: absolute;
	left: 0;
	top: 0;
	width: 1100px;
	height: 620px;
	margin-top: 0
}

#RS-overview .overview .descr .row1,
#RS-overview .overview .descr .row2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#RS-overview .overview .descr .item {
	float: left;
	position: absolute;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0;
	line-height: 1.25;
	font-size: 93%
}

#RS-overview .overview .descr .item .num {
	display: none
}

#RS-overview .overview .descr .item strong {
	font-weight: 600
}

#RS-overview .overview .descr .item ul {
	list-style: disc outside none;
	margin-left: 1.2em;
	margin-top: 3px;
	font-size: 93%
}

#RS-overview .overview .descr .item li {
	margin-top: 3px
}

#RS-overview .overview .descr .item .tt {
	display: block
}

#RS-overview .overview .descr .item .pic {
	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto
}

#RS-overview .overview .descr .row1 .item {
	left: 0;
	padding-left: 25px
}

#RS-overview .overview .descr .row2 .item {
	right: 0;
	padding-right: 25px
}

@media (max-width:1120px) {
	#RS-overview .overview {
		width: 90%;
		height: 500px
	}
	#RS-overview .overview .inner {
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		top: -50px
	}
}

@media (max-width:980px) {
	#RS-overview .overview {
		width: 80%;
		height: 500px
	}
	#RS-overview .overview .inner {
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@media (max-width:880px) {
	#RS-overview .overview {
		width: 72%;
		height: 450px
	}
	#RS-overview .overview .inner {
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
}

@media (max-width:768px) {
	#RS-overview {
		padding-bottom: 50px
	}
	#RS-overview .overview {
		width: 100%;
		height: auto
	}
	#RS-overview .overview .inner {
		width: 100%;
		height: 0;
		padding-top: 80%;
		left: auto;
		top: auto;
		margin-left: 0;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none
	}
	html #overview #sectionOverview #RS-overview img{
		max-width: 160% !important;
	}
	#RS-overview .overview .bg,
	#RS-overview .overview .legends {
		width: 160% !important;
		max-width: 160% !important;
		height: auto;
		left: -30%
	}
	#RS-overview .overview .legends {
		display: block
	}
	#RS-overview .overview .pointers {
		display: none
	}
	#RS-overview .overview .descr {
		position: relative;
		width: 96%;
		height: auto;
		left: auto;
		top: auto;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px
	}
	#RS-overview .overview .descr:before,
	#RS-overview .overview .descr:after {
		content: "";
		display: table
	}
	#RS-overview .overview .descr:after {
		clear: both
	}
	#RS-overview .overview .descr {
		zoom: 1
	}
	#RS-overview .overview .descr .row1 {
		float: left;
		position: static;
		width: 49%
	}
	#RS-overview .overview .descr .row2 {
		float: right;
		position: static;
		width: 49%
	}
	#RS-overview .overview .descr .item {
		position: relative;
		float: none!important;
		left: auto!important;
		right: auto!important;
		top: auto!important;
		width: auto!important;
		padding-left: 32px!important;
		margin-bottom: 1em;
		line-height: 1.35
	}
	#RS-overview .overview .descr .item .num {
		position: absolute;
		left: 0;
		top: -.3em;
		display: block;
		width: 26px;
		height: 26px;
		line-height: 26px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background-color: #0068b8;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		font-weight: 600;
		font-family: sans-serif;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
	}
	#RS-overview .overview .descr .item .tt {
		display: inline-block
	}
}

@media (max-width:432px) {
	.RS-sections .heading {
		font-size: 1.2em;
	}
	#RS-overview .overview .descr .item {
		padding-left: 26px!important;
		font-size: 85%
	}
	#RS-overview .overview .descr .item .num {
		width: 22px;
		height: 22px;
		line-height: 22px;
		font-size: 14px
	}
}

/* power-by */

#RS-power-by{
	margin-bottom: 50px;
}
#RS-power-by .row{
	display: flex;
	align-items: center;
}
#RS-power-by .text {
	width: 50%;
	box-sizing: border-box;
	padding-right: 20px;
}
#RS-power-by .pic {
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px;
}
#RS-power-by .text .heading{
	text-align: left;
}
@media (max-width:768px) {
#RS-power-by .row{
	display: block;
}
#RS-power-by .text {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
#RS-power-by .pic {
	width: 100%;
}
}


/* speed-up */

#RS-speed-up{
	margin-bottom: 50px;
}
#RS-speed-up .row{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}
#RS-speed-up .text {
	width: 50%;
	box-sizing: border-box;
	padding-left: 40px;
}
#RS-speed-up .pic {
	width: 50%;
	box-sizing: border-box;
}
#RS-speed-up .pic img{
	display: block;
	margin: 0 auto;
}
#RS-speed-up .text .heading{
	text-align: left;
}

@media (max-width:768px) {
#RS-speed-up .row{
	display: block;
}
#RS-speed-up .text {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
#RS-speed-up .pic {
	width: 100%;
}
}


/* support-for */

#RS-support-for{
	margin-bottom: 50px;
}




/* flexible */

#RS-flexible{
	margin-bottom: 50px;
}
#RS-flexible .row{
	display: flex;
	align-items: center;
}
#RS-flexible .text {
	width: 50%;
	box-sizing: border-box;
	padding-right: 20px;
}
#RS-flexible .pic {
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px;
}
#RS-flexible .pic img{
	display: block;
	margin: 0 auto;
}
#RS-flexible .text .heading{
	text-align: left;
}
@media (max-width:768px) {
#RS-flexible .row{
	display: block;
}
#RS-flexible .text {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
#RS-flexible .pic {
	width: 100%;
}
}



/* thermal */

#RS-thermal{
	margin-bottom: 50px;
	margin-top: 50px;
}

#RS-thermal .text{
	margin-bottom: 30px;
}
#RS-thermal .image{
	display: flex;
	align-items: center;
}
#RS-thermal .list{
	display: flex;
}
#RS-thermal .list .entry{
	color: #0068b8;
	text-align: left;
	position: relative;
	padding: 0 30px;
}
#RS-thermal .list .entry:after{
	width: 1px;
	height: 50%;
	position: absolute;
	content: '';
	display: block;
	top: 25%;
	right: 0;
	background: #0068b8;
}
#RS-thermal .list .entry:last-child:after{
	display: none;
}
#RS-thermal .list .entry .p1{
	margin-bottom: 10px;
	line-height: 1.2em;
	font-size: 1em;
}
#RS-thermal .list .entry .p2{
	font-size: 2.1em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-top: 0;
}
#RS-thermal .list .entry .p3{
	margin-bottom: 10px;
	line-height: 1.2em;
	font-size: 1em;
}
#RS-thermal .list .entry .p2 span{
	color: #ec6941;
	font-size: 1.7em;
	padding-right: 5px;
}

@media (max-width: 767px) {
#RS-thermal .list{
	display: block;
}
#RS-thermal .list .entry{
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #0068b8;
}
#RS-thermal .list .entry:after{
	display: none;
}
}



/* iKVM */

#RS-iKVM{
	margin-bottom: 50px;
}
#RS-iKVM .text{
	margin-bottom: 30px;
}
#RS-iKVM .pic{
	margin-bottom: 20px;
}
#RS-iKVM .pic img{
	display: block;
	margin: 0 auto;
}
#RS-iKVM .pic img.mobile{
	display: none;
}


@media (max-width: 767px) {
#RS-iKVM .pic img.default{
	display: none;
}
#RS-iKVM .pic img.mobile{
	display: block;
}
}







.RS-sections .text a.video{
	border: 1px solid #0068b8;
	padding: 12px 65px 12px 45px;
	border-radius: 80px;
	display: inline-block;
	background: url(../img/play.png) 90% center no-repeat;
}
.RS-sections .text a.video:hover{
	background-color: #e8eef3;
}
.RS-sections .text a.more{
	border: 1px solid #0068b8;
	padding: 10px 30px;
	border-radius: 80px;
	display: inline-block;
	text-decoration: none;
}
.RS-sections .text a.more:hover{
	background-color: #e8eef3;
}







/*------ video ------*/
.KNPA-pop-video{
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #555;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
}
.KNPA-pop-video iframe{
	width: 100%;
	height: 100%;
}
.KNPA-pop-video .KNPA-close-video{
	width: 50px;
	height: 50px;
	background: #999;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 50%;
	background: #fff url(../img/x.png) center center no-repeat;
	background-size: 75%;
	filter : alpha(opacity=60);
	opacity : 0.6;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.KNPA-pop-video .ak47-close-video:hover{
	filter : alpha(opacity=60);
	opacity : 0.6;
}


/* performance */

#RS-performance{
	margin-bottom: 50px;
}
#RS-performance .center{
	max-width: 1200px; /*20210603*/
}
#RS-performance .text{
	margin-bottom: 20px;
}
#RS-performance .list{
	display: flex;
	align-items: top;
    justify-content: center;
    flex-wrap: wrap;/*20210603*/
}
#RS-performance .list .item{/*20210603*/
	text-align: center;
	color: #0068b8;
	width: 25%;
	padding: 0 5px;
	box-sizing: border-box;
}
#RS-performance .list .item img{
	margin: 0 auto;
}
#RS-performance .list .item p{
	font-weight: bold;
	margin: 0;
}
@media (max-width: 768px) {
#RS-performance .list .item{/*20210603*/
	width: 50%;
}
}
@media (max-width: 600px) {
#RS-performance .list{
	font-size: 0.9em;
}
#RS-performance .list .notes{
	display: block;
	line-height: 1.2em;
}
}

@media (max-width: 400px) {
#RS-performance .list{
	display: block;
}
#RS-performance .list .item{
	width: 100%;/*20210603*/
	margin-bottom: 30px;
}
}




/* features */

#RS-features{
	margin-bottom: 50px;
}
#RS-features .tabs{
	display: flex;
	align-items: top;
	margin: 20px auto 50px auto;
	max-width: 800px;
}
#RS-features .tabs .item{
	flex: 1;
	margin: 0 5px;
	text-align: center;
	color: #0068b8;
	border: 1px solid #0068b8;
	box-sizing: border-box;
	padding: 20px 10px;
	line-height: 1.4em;
	position: relative;
	cursor: pointer;
	transition: all 0.2s;
	margin-bottom: 10px;
	position: relative;
}
#RS-features .tabs .item  span.short {
	padding-top: 0.5em;
}
#RS-features .tabs .item span {
	display: block;
    width: 100%;
    /*margin-top: 25%;
    transform: translateY(-50%);*/
}
#RS-features .tabs .item:hover{
	background-color: #eaeaea;
}
#RS-features .tabs .item.active{
	background-color: #eaeaea;
}
#RS-features .tabs .item.active:after{
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #0068b8;
	position: absolute;
	bottom: 0;
	left: 0;
}




#RS-features .context .item{
	display: none;
}
#RS-features .context .item.active{
	display: block;
}
#RS-features .context .row{
	display: flex;
	align-items: center;
}
#RS-features .context .text{
	width: 70%;
	padding-right: 30px;
	box-sizing: border-box;
	text-align: left;
}
#RS-features .context .text .heading{
	text-align: left;
}
#RS-features .context .pic{
	width: 30%;
}
#RS-features .context .pic img{
	margin: 0 auto;
}

/*
@media (max-width: 768px) {
#RS-features .tabs{
	display: block;
}
#RS-features .tabs:after{
	display: block;
	content: '';
	clear: both;
}
#RS-features .tabs .item{
	float: left;
	margin: 0 1% 10px 1%;
	height: 7em;
	width: 31.33%;
}
}
*/
@media (max-width: 400px) {
#RS-features .tabs{
	margin-bottom: 20px;
}
#RS-features .tabs .item{
	width: 48%;
}
#RS-features .tabs .item  span.short {
	padding-top: 0;
}
#RS-features .context .row{
	display: block;
}
#RS-features .context .text{
	width: 100%;
	padding-right: 0;
	margin-bottom: 30px;
}
#RS-features .context .pic{
	width: 100%;
}
}

@media (max-width: 300px) {
#RS-features .tabs .item{
	height: 8em;
}
}



/*20210303*/



/* solution */

#RS-solution{
	margin-bottom: 50px;
}
#RS-solution .msect-inner:after{
	display: none;
}
#RS-solution .tabs{
	display: flex;
	align-items: top;
	margin: 20px auto 50px auto;
	max-width: 800px;
}
#RS-solution .tabs .item{
	flex: 1;
	margin: 0 5px;
	text-align: center;
	color: #0068b8;
	border: 1px solid #0068b8;
	box-sizing: border-box;
	padding: 20px 10px;
	line-height: 1.4em;
	position: relative;
	cursor: pointer;
	transition: all 0.2s;
	margin-bottom: 10px;
	position: relative;
}
#RS-solution .tabs .item  span.short {
	padding-top: 0.5em;
}
#RS-solution .tabs .item span {
	display: block;
    width: 100%;
    /*margin-top: 25%;
    transform: translateY(-50%);*/
}
#RS-solution .tabs .item:hover{
	background-color: #eaeaea;
}
#RS-solution .tabs .item.active{
	background-color: #eaeaea;
}
#RS-solution .tabs .item.active:after{
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #0068b8;
	position: absolute;
	bottom: 0;
	left: 0;
}




#RS-solution .context .item{
	display: none;
}
#RS-solution .context .item.active{
	display: block;
}
#RS-solution .context .row{
	display: flex;
	align-items: center;
}
#RS-solution .context .text{
	width: 55%;
	padding-right: 30px;
	box-sizing: border-box;
	text-align: left;
}
#RS-solution .context .text .heading{
	text-align: left;
}
#RS-solution .context .pic{
	width: 45%;
}
#RS-solution .context .pic img{
	margin: 0 auto;
}

/*
@media (max-width: 768px) {
#RS-solution .tabs{
	display: block;
}
#RS-solution .tabs:after{
	display: block;
	content: '';
	clear: both;
}
#RS-solution .tabs .item{
	float: left;
	margin: 0 1% 10px 1%;
	height: 7em;
	width: 31.33%;
}
}
*/
@media (max-width: 768px) {
#RS-solution .tabs{
	margin-bottom: 20px;
}
#RS-solution .tabs .item{
	width: 48%;
}
#RS-solution .tabs .item  span.short {
	padding-top: 0;
}
#RS-solution .context .row{
	display: block;
}
#RS-solution .context .text{
	width: 100%;
	padding-right: 0;
	margin-bottom: 30px;
}
#RS-solution .context .pic{
	width: 100%;
}
}

@media (max-width: 300px) {
#RS-solution .tabs .item{
	height: 8em;
}
}





/* add */
.new-content-1{
	text-align: center;
	max-width: 1000px;
	margin: 0 auto !important;
}
#RS-features .context .ikvm .text{
	width: 60%;
}
#RS-features .context .ikvm .pic{
	width: 40%;
}

/* port */
.port-wrapper{
	position: relative;
}
.port-wrapper p{
	position: absolute;
}
.port-wrapper .p1{
	width: 25%;
	top: 72%;
	left: 58%;
}
.port-wrapper .p2{
	width: 40%;
	top: 80%;
	left: 14%;
}
.port-wrapper .p3{
	width: 28%;/*20210603*/
	top: 65%;
	left: 4%;
}
.port-wrapper p .number{
	background: #0068b8;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 6px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	color: #fff;
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: bold;
	display: none;
}
.port-wrapper .default{
}
.port-wrapper .mobile{
	display: none;
	margin: 0 auto;/*20210603*/
}
/*20210603*/
/*
@media (max-width: 1000px) {
.port-wrapper{
	margin-bottom: 100px !important;
}
.port-wrapper .p1{
	width: 48%;
	left: 0%;
}
.port-wrapper .p2{
	width: 42%;
	left: 58%;
}
}
*/
@media (max-width: 1200px) {
.port-wrapper{
	margin-bottom: 0px !important;
}
.port-wrapper .default{
	display: none;
}
.port-wrapper .mobile{
	display: block;
}
.port-wrapper p .number{
	display: inline-block;
}
.port-wrapper p{
	position: relative;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	margin-bottom: 10px !important;
}
}






/* pcie */
.pcie-wrapper{
	position: relative;
}
.pcie-wrapper p{
	position: absolute;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
.pcie-wrapper .p1{
	top: 15%;
	left: 70%;
}
.pcie-wrapper .p2{

	top: 19%;
	left: 71%;
}
.pcie-wrapper .p3{
	top: 54%;
	left: 73%;
}
.pcie-wrapper .p4{
	top: 58%;
	left: 69%;

}
.pcie-wrapper .p5{
	top: 8.5%;
	left: 41%;
}
.pcie-wrapper .p6{
	top: 12.5%;
	left: 44%;

}
.pcie-wrapper .p7{
	top: 62%;
	left: 45%;
}
.pcie-wrapper .p8{
	top: 66%;
	left: 19%;
}
.pcie-wrapper .p9{

	top: 71%;
	left: 15%;
}



.pcie-wrapper p .number{
	background: #0068b8;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 6px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	color: #fff;
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: bold;
	display: none;
}
.pcie-wrapper .default{
}
.pcie-wrapper .mobile{
	display: none;
}
.pcie-wrapper .line{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

@media (max-width: 1023px) {
.pcie-wrapper{
	margin-bottom: 0px !important;
}
.pcie-wrapper .default{
	display: none;
}
.pcie-wrapper .line{
	display: none;
}
.pcie-wrapper .mobile{
	display: block;
}
.pcie-wrapper p .number{
	display: inline-block;
}
.pcie-wrapper p{
	position: relative;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	margin-bottom: 10px;
}
}




/*20210308*/

/* cooling */

#RS-cooling{
	margin-bottom: 50px;
}
#RS-cooling .row{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	margin-top: 50px;
}
#RS-cooling .row .text {
	width: 60%;
	box-sizing: border-box;
	padding-left: 40px;
}
#RS-cooling .row .pic {
	width: 40%;
	box-sizing: border-box;
}
#RS-cooling .row .pic img{
	display: block;
	margin: 0 auto;
}
#RS-cooling .row .text .heading{
	font-size: 1.3em;
	text-align: left;
}

@media (max-width:768px) {
#RS-cooling .row{
	display: block;
}
#RS-cooling .row .text {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
#RS-cooling .row .pic {
	width: 100%;
}
}








/*--------------------20210811------------------------*/

/* layout */

#RS-layout{
	margin-bottom: 50px;
}
#RS-layout .tabs{
	display: flex;
	align-items: top;
	margin: 20px auto 50px auto;
	max-width: 800px;
}
#RS-layout .tabs .item{
	flex: 1;
	margin: 0 5px;
	text-align: center;
	color: #0068b8;
	border: 1px solid #0068b8;
	box-sizing: border-box;
	padding: 20px 10px;
	line-height: 1.4em;
	position: relative;
	cursor: pointer;
	transition: all 0.2s;
	margin-bottom: 10px;
	position: relative;
}
#RS-layout .tabs .item  span.short {
	padding-top: 0.5em;
}
#RS-layout .tabs .item span {
	display: block;
    width: 100%;
    /*margin-top: 25%;
    transform: translateY(-50%);*/
}
#RS-layout .tabs .item:hover{
	background-color: #eaeaea;
}
#RS-layout .tabs .item.active{
	background-color: #eaeaea;
}
#RS-layout .tabs .item.active:after{
	display: block;
	content: '';
	width: 100%;
	height: 4px;
	background-color: #0068b8;
	position: absolute;
	bottom: 0;
	left: 0;
}




#RS-layout .context .item{
	display: none;
}
#RS-layout .context .item.active{
	display: block;
}


#RS-layout .panels .name{
	text-align: center;
}
#RS-layout .panels .name span{
	background: #555;
	color: #fff;
	padding: 7px 20px;
	border-radius: 5px;
	display: inline-block;
	font-weight: bold;
}


@media (max-width: 768px) {
#RS-layout .tabs{
	margin-bottom: 20px;
}
#RS-layout .tabs .item{
	width: 48%;
}
#RS-layout .tabs .item  span.short {
	padding-top: 0;
}
}

@media (max-width: 300px) {
#RS-layout .tabs .item{
	height: 8em;
}
}







/* 蝺𡁜�� */
.line-wrapper{
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.line-wrapper.node{
	max-width: 900px;
}
.line-wrapper p{
	position: absolute;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
.line-wrapper p .number{
	background: #0068b8;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 6px;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	color: #fff;
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: bold;
	display: none;
}
.line-wrapper .image img{
	width: 100%;
}
.line-wrapper .default{
}
.line-wrapper .mobile{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.line-wrapper .line{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}


/* panels-front */
.line-wrapper.panels-front .p1{
	top: 14%;
	left: 10%;
}
.line-wrapper.panels-front .p2{
	top: 76%;
	left: 58%;
}
.line-wrapper.panels-front .p3{
	top: 84%;
	left: 70%;
}
.line-wrapper.panels-front .p4{
	top: 14%;
	left: 72%;
}
.line-wrapper.panels-front .p5{
	top: 76%;
	left: 80%;
}
.line-wrapper.panels-front .p6{
	top: 84%;
	left: 88%;
}
.line-wrapper.panels-front .p7{
	top: 14%;
	left: 90%;
}


/* panels-rear */
.line-wrapper.panels-rear .p1{
	top: 72%;
	left: 0%;
}
.line-wrapper.panels-rear .p2{
	top: 25%;
	left: 21%;
}
.line-wrapper.panels-rear .p3{
	top: 72%;
	left: 21%;
}
.line-wrapper.panels-rear .p4{
	top: 18%;
	left: 33%;
}
.line-wrapper.panels-rear .p5{
	top: 25%;
	left: 39%;
}
.line-wrapper.panels-rear .p6{
	top: 78%;
	left: 33%;
}
.line-wrapper.panels-rear .p7{
	top: 72%;
	left: 47%;
}
.line-wrapper.panels-rear .p8{
	top: 13%;
	left: 53%;
}
.line-wrapper.panels-rear .p9{
	top: 68%;
	left: 59%;
}
.line-wrapper.panels-rear .p10{
	top: 24%;
	left: 70%;
}
.line-wrapper.panels-rear .p11{
	top: 72%;
	left: 70%;
}
/* system */
.line-wrapper.node .p1{
	top: 65%;
	left: 10%;
}
.line-wrapper.node .p2{
	top: 29%;
	left: 3%;
}
.line-wrapper.node .p2 .add{
	width: 120px;
	display: block;
	margin-top: 5px;
}
.line-wrapper.node .p3{
	top: 22%;
	left: 3%;
}
.line-wrapper.node .p4{
	top: 17%;
	left: 3%;
}
.line-wrapper.node .p5{
	top: 9%;
	left: 3%;
}
.line-wrapper.node .p6{
	top: 2%;
	left: 47%;
}
.line-wrapper.node .p7{
	top: 16%;
	left: 74%;
}
.line-wrapper.node .p8{
	top: 21%;
	left: 74%;
}
.line-wrapper.node .p9{
	top: 25%;
	left: 74%;
}
.line-wrapper.node .p10{
	top: 29%;
	left: 74%;
}
.line-wrapper.node .p11{
	top: 32.5%;
	left: 74%;
}
.line-wrapper.node .p12{
	top: 36%;
	left: 74%;
}
.line-wrapper.node .p13{
	top: 38%;
	left: 82%;
}
.line-wrapper.node .p14{
	top: 45%;
	left: 84%;
}
.line-wrapper.node .p15{
	top: 55%;
	left: 82%;
}
.line-wrapper.node .p16{
	top: 67%;
	left: 72%;
}
.line-wrapper.node .p16 .add{
	width: 90px;
	display: block;
}
.line-wrapper.node .p17{
	top: 85%;
	left: 43%;
}
.line-wrapper.node .p18{
	top: 83%;
	left: 62%;

}
.line-wrapper.node .p19{
	top: 90%;
	left: 62%;
}

@media (max-width: 900px) {
.line-wrapper{
	margin-bottom: 0px !important;
}
.line-wrapper .line{
	display: none;
}
.line-wrapper .mobile{
	display: block;
}
.line-wrapper p .number{
	display: inline-block;
}
.line-wrapper p{
	position: relative;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	margin-bottom: 10px;
}
.line-wrapper p br{
	display: none;
}
}



/*---------- 20210820 ------------*/
#RS-thermal .pic{
	display: flex;
	align-items: center;
}
#RS-thermal .pic .image{
}
#RS-thermal .pic .list{
}
@media (max-width: 768px) {
#RS-thermal .pic{
	display: block;
}
#RS-thermal .pic .image img{
	display: block;
	margin: 0 auto;
}
}



#RS-hdmi{
	margin-bottom: 50px;
}
#RS-hdmi .msect-inner{
	position: relative;
}
#RS-hdmi .row{
	display: flex;
	align-items: flex-start;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	flex-wrap: wrap;
}
#RS-hdmi .row:after{
	display: block;
	content: '';
	width: 1px;
	height: 50%;
	top: 200px;
	left: 50%;
	background: #0068b8;
	position: absolute;
}
#RS-hdmi .row .entry{
	width: 50%;
	box-sizing: border-box;
	padding: 0 40px;
}
#RS-hdmi .image{
	margin-bottom: 30px;
}
#RS-hdmi .image img{
	display: block;
	margin: 0 auto;
}

@media (max-width: 767px) {
#RS-hdmi .row .entry{
	width: 100%;
	padding: 0px;
	margin-bottom: 50px;
}
#RS-hdmi .row:after{
	display: none;
}
}