.con-led {
	margin-left: 10%;
	margin-right: 10%;
}

.advan, .advan02, .advan03, .advan04, .advan05, .advan06, rgbstr5 {
	display: none;
}

.nav-2, .advan, .advan02, .advan03, .advan04, .advan05, .advan06 {
	width: 100%;
	overflow: hidden;
	margin-left: 2%;
}

.advan ul, .advan02 ul, .advan03 ul, .advan04 ul, .advan05 ul, .advan06 ul {
	margin-top: 10px;
	margin-left: 10%;
}

.rgblogo1 {
	padding-left: 8%;
}

.nav-2 ul li {
	float: left;
	margin-right: 16px;
	cursor: pointer;
	margin-bottom: 3%;
	width: 13%;
	/* -webkit-filter: grayscale(1);
	-ms-filter: grayscale(1);
	filter: grayscale(1); */
}

.advan ul li, .advan02 ul li, .advan03 ul li, .advan04 ul li, .advan05 ul li, .advan06 ul li {
	float: left;
	margin-right: 16px;
	cursor: pointer;
	margin-bottom: 3%;
	width: 20%;
	/* -webkit-filter: grayscale(1);
	-ms-filter: grayscale(1);
	filter: grayscale(1); */
}

map *:focus {
	outline: none;
}

.jQWCP-wWidget {
	background-color: transparent;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	border-radius: 0px;
	border: 0;
	outline: none;
}

.jQWCP-wWidget.jQWCP-block {
	box-shadow: inset 0px 0px 0px #ccc;
}

.jQWCP-wWheel {
	border: 0;
}

#color-css {
	display: block;
}

.box1 {
	margin-top: -120px;
	width: 100%;
	max-width: 680px;
	position: relative;
	height: 900px;
	overflow: hidden;
}

#a1 {
	width: 100%;
	height: 800px;
	position: absolute;
	z-index: 11;
	background-color: #ff7200;
	animation: led-style3 3s linear infinite;
	-webkit-animation: led-style3 3s linear infinite;
}

.ledstrip {
	width: 100%;
}

.ledstrip1, .ledstrip2 {
	position: relative;
	overflow: hidden;
	height: 100px;
}

#ledstrbg1 {
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 11;
	background-color: #ff7200;
}

.stripimg1 {
	width: 100%;
	position: absolute;
	z-index: 14;
}

#ledstrbg2 {
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 11;
	background-color: #ff0000;
}

.ledstrbgdigi7 {
	background: #ff3232;
	background: -moz-linear-gradient(left, #ff3232 5%, #ff8132 13%, #eeff32 21%, #55ff32 29%, #ee32ff 38%, #ff3232 54%, #ff9532 65%, #e7ff32 74%, #3aff30 81%, #2c28ff 90%, #f832ff 100%);
	background: -webkit-linear-gradient(left, #ff3232 5%, #ff8132 13%, #eeff32 21%, #55ff32 29%, #ee32ff 38%, #ff3232 54%, #ff9532 65%, #e7ff32 74%, #3aff30 81%, #2c28ff 90%, #f832ff 100%);
	background: linear-gradient(to right, #ff3232 5%, #ff8132 13%, #eeff32 21%, #55ff32 29%, #ee32ff 38%, #ff3232 54%, #ff9532 65%, #e7ff32 74%, #3aff30 81%, #2c28ff 90%, #f832ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#f832ff', GradientType=1);
}

.stripimg2 {
	width: 100%;
	position: absolute;
	z-index: 14;
}

/*---------------LED ZONE 1--------------*/

#a1-1 {
	width: 40%;
	height: 400px;
	margin-left: 2%;
	position: absolute;
	z-index: 11;
	background-color: #fcff00;
	display: none;
}

/*---------------LED ZONE 2--------------*/

#a1-2 {
	width: 30%;
	height: 460px;
	margin-top: 60%;
	margin-left: 0%;
	position: absolute;
	z-index: 11;
	background-color: #001eff;
	display: none;
}

/*---------------LED ZONE 3--------------*/

#a1-3 {
	width: 18%;
	height: 900px;
	margin-left: 90%;
	position: absolute;
	z-index: 11;
	background-color: #36ff00;
	display: none;
}

/*---------------LED ZONE 4--------------*/

#a1-4 {
	width: 30%;
	height: 420px;
	margin-top: 60%;
	margin-left: 50%;
	position: absolute;
	z-index: 11;
	background-color: #ff0000;
	display: none;
}

#color1 {
	width: 100%;
	max-height: 900px;
	position: absolute;
	z-index: 13;
	display: none;
	margin-top: -300px;
}

#color2 {
	width: 100%;
	max-height: 900px;
	position: absolute;
	z-index: 13;
	display: none;
}

.b1 {
	width: 100%;
	position: absolute;
	z-index: 14;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

#colorpicker-style {
	margin-left: 300px;
	margin-top: -220px;
	margin-bottom: 10px;
}

#colorpicker-a1-style, #colorpicker-a2-style, #colorpicker-a3-style, #colorpicker-a4-style, #colorpicker-a5-style, #colorpicker-a6-style {
	margin-left: 240px;
	margin-top: -220px;
	position: absolute;
	display: none;
}

.rgb-c, .rgb-ca {
	width: 30%;
	height: 50px;
	border-radius: 10px;
	clear: both;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
	font-size: 26px;
	background: #0d0d0d;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif, Microsoft JhengHei;
	font-family: 'Roboto Condensed', !important;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #262626;
	border-right-color: #262626;
	border-bottom-color: #262626;
	border-left-color: #262626;
}

.rgb-c {
	color: #ff6400;
}

.rgb-c:hover, .rgb-ca:hover {
	color: #ff6400;
}

.click-n {
	z-index: 22;
	top: 0%;
	left: 20%;
	position: absolute;
	display: none;
}

.temp-n {
	width: 125px;
	height: 200px;
	z-index: 20;
	top: 66%;
	left: 75%;
	position: absolute;
	display: none;
}

.music-n {
	z-index: 21;
	top: 66%;
	left: 60%;
	position: absolute;
	display: none;
}

@keyframes led-style12 {
	0% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes led-style12 {
	0% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}

@-ms-keyframes led-style12 {
	0% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}

@keyframes led-style13 {
	0% {
		opacity: 1
	}
	10% {
		opacity: 0.8
	}
	20% {
		opacity: 0.7
	}
	50% {
		opacity: 0.5
	}
	70% {
		opacity: 0.2
	}
	85% {
		opacity: 0.6
	}
	95% {
		opacity: 0.8
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes led-style13 {
	0% {
		opacity: 1
	}
	10% {
		opacity: 0.8
	}
	20% {
		opacity: 0.7
	}
	50% {
		opacity: 0.5
	}
	70% {
		opacity: 0.2
	}
	85% {
		opacity: 0.6
	}
	95% {
		opacity: 0.8
	}
	100% {
		opacity: 1
	}
}

@-ms-keyframes led-style13 {
	0% {
		opacity: 1
	}
	10% {
		opacity: 0.8
	}
	20% {
		opacity: 0.7
	}
	50% {
		opacity: 0.5
	}
	70% {
		opacity: 0.2
	}
	85% {
		opacity: 0.6
	}
	95% {
		opacity: 0.8
	}
	100% {
		opacity: 1
	}
}

@keyframes led-style17 {
	0% {
		opacity: 1
	}
	10% {
		opacity: 0.4
	}
	20% {
		opacity: 0.7
	}
	50% {
		opacity: 0.5
	}
	70% {
		opacity: 0.8
	}
	85% {
		opacity: 0.4
	}
	95% {
		opacity: 0.9
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes led-style17 {
	0% {
		opacity: 1
	}
	10% {
		opacity: 0.4
	}
	20% {
		opacity: 0.7
	}
	50% {
		opacity: 0.5
	}
	70% {
		opacity: 0.8
	}
	85% {
		opacity: 0.4
	}
	95% {
		opacity: 0.9
	}
	100% {
		opacity: 1
	}
}

@-ms-keyframes led-style17 {
	0% {
		opacity: 1
	}
	10% {
		opacity: 0.4
	}
	20% {
		opacity: 0.7
	}
	50% {
		opacity: 0.5
	}
	70% {
		opacity: 0.8
	}
	85% {
		opacity: 0.4
	}
	95% {
		opacity: 0.9
	}
	100% {
		opacity: 1
	}
}

@keyframes led-style16 {
	0% {
		background: rgba(77, 241, 23, 1);
	}
	7% {
		opacity: 0.9;
	}
	14% {
		background: rgba(109, 205, 221, 1);
	}
	21% {
		opacity: 0.9;
	}
	28% {
		background: rgba(9, 61, 216, 1);
	}
	35% {
		opacity: 0.8;
	}
	42% {
		background: rgba(252, 12, 185, 1);
	}
	49% {
		opacity: 0.9;
	}
	56% {
		background: rgba(240, 31, 37, 1);
	}
	63% {
		opacity: 0.8;
	}
	70% {
		background: rgba(243, 236, 23, 1);
	}
	77% {
		opacity: 0.9;
	}
	85% {
		background: rgba(255, 255, 255, 1);
	}
	92% {
		opacity: 0.8;
	}
	100% {
		background: rgba(77, 241, 23, 1);
	}
}

@-webkit-keyframes led-style16 {
	0% {
		background: rgba(77, 241, 23, 1);
	}
	7% {
		opacity: 0.9;
	}
	14% {
		background: rgba(109, 205, 221, 1);
	}
	21% {
		opacity: 0.9;
	}
	28% {
		background: rgba(9, 61, 216, 1);
	}
	35% {
		opacity: 0.8;
	}
	42% {
		background: rgba(252, 12, 185, 1);
	}
	49% {
		opacity: 0.9;
	}
	56% {
		background: rgba(240, 31, 37, 1);
	}
	63% {
		opacity: 0.8;
	}
	70% {
		background: rgba(243, 236, 23, 1);
	}
	77% {
		opacity: 0.9;
	}
	85% {
		background: rgba(255, 255, 255, 1);
	}
	92% {
		opacity: 0.8;
	}
	100% {
		background: rgba(77, 241, 23, 1);
	}
}

@-ms-keyframes led-style16 {
	0% {
		background: rgba(77, 241, 23, 1);
	}
	7% {
		opacity: 0.9;
	}
	14% {
		background: rgba(109, 205, 221, 1);
	}
	21% {
		opacity: 0.9;
	}
	28% {
		background: rgba(9, 61, 216, 1);
	}
	35% {
		opacity: 0.8;
	}
	42% {
		background: rgba(252, 12, 185, 1);
	}
	49% {
		opacity: 0.9;
	}
	56% {
		background: rgba(240, 31, 37, 1);
	}
	63% {
		opacity: 0.8;
	}
	70% {
		background: rgba(243, 236, 23, 1);
	}
	77% {
		opacity: 0.9;
	}
	85% {
		background: rgba(255, 255, 255, 1);
	}
	92% {
		opacity: 0.8;
	}
	100% {
		background: rgba(77, 241, 23, 1);
	}
}

@keyframes led-style14 {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes led-style14 {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-ms-keyframes led-style14 {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes led-style11 {
	0% {
		background-position: 0 300px;
	}
	30% {
		background-position: 0 600px;
	}
	50% {
		background-position: 0 1000px;
	}
	70% {
		background-position: 0 1200px;
	}
	100% {
		background-position: 0 1600px;
	}
}

@keyframes led-style18 {
	0% {
		opacity: 0
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes led-style18 {
	0% {
		opacity: 0
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-ms-keyframes led-style18 {
	0% {
		opacity: 0
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes led-style15 {
	0% {
		opacity: 0
	}
	15% {
		opacity: 1
	}
	30% {
		opacity: 0
	}
	45% {
		opacity: 1
	}
	60% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes led-style15 {
	0% {
		opacity: 0
	}
	15% {
		opacity: 1
	}
	30% {
		opacity: 0
	}
	45% {
		opacity: 1
	}
	60% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@-ms-keyframes led-style15 {
	0% {
		opacity: 0
	}
	15% {
		opacity: 1
	}
	30% {
		opacity: 0
	}
	45% {
		opacity: 1
	}
	60% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

@keyframes led-style19 {
	0% {
		background: rgba(77, 241, 23, 1);
	}
	7% {
		opacity: 0.9;
	}
	14% {
		background: rgba(109, 205, 221, 1);
	}
	21% {
		opacity: 0.9;
	}
	28% {
		background: rgba(9, 61, 216, 1);
	}
	35% {
		opacity: 0.8;
	}
	42% {
		background: rgba(252, 12, 185, 1);
	}
	49% {
		opacity: 0.9;
	}
	56% {
		background: rgba(240, 31, 37, 1);
	}
	63% {
		opacity: 0.8;
	}
	70% {
		background: rgba(243, 236, 23, 1);
	}
	77% {
		opacity: 0.9;
	}
	85% {
		background: rgba(255, 255, 255, 1);
	}
	92% {
		opacity: 0.8;
	}
	100% {
		background: rgba(77, 241, 23, 1);
	}
}

@-ms-keyframes led-style19 {
	0% {
		background: rgba(77, 241, 23, 1);
	}
	7% {
		opacity: 0.9;
	}
	14% {
		background: rgba(109, 205, 221, 1);
	}
	21% {
		opacity: 0.9;
	}
	28% {
		background: rgba(9, 61, 216, 1);
	}
	35% {
		opacity: 0.8;
	}
	42% {
		background: rgba(252, 12, 185, 1);
	}
	49% {
		opacity: 0.9;
	}
	56% {
		background: rgba(240, 31, 37, 1);
	}
	63% {
		opacity: 0.8;
	}
	70% {
		background: rgba(243, 236, 23, 1);
	}
	77% {
		opacity: 0.9;
	}
	85% {
		background: rgba(255, 255, 255, 1);
	}
	92% {
		opacity: 0.8;
	}
	100% {
		background: rgba(77, 241, 23, 1);
	}
}

@-webkit-keyframes led-style19 {
	0% {
		background: rgba(77, 241, 23, 1);
	}
	7% {
		opacity: 0.9;
	}
	14% {
		background: rgba(109, 205, 221, 1);
	}
	21% {
		opacity: 0.9;
	}
	28% {
		background: rgba(9, 61, 216, 1);
	}
	35% {
		opacity: 0.8;
	}
	42% {
		background: rgba(252, 12, 185, 1);
	}
	49% {
		opacity: 0.9;
	}
	56% {
		background: rgba(240, 31, 37, 1);
	}
	63% {
		opacity: 0.8;
	}
	70% {
		background: rgba(243, 236, 23, 1);
	}
	77% {
		opacity: 0.9;
	}
	85% {
		background: rgba(255, 255, 255, 1);
	}
	92% {
		opacity: 0.8;
	}
	100% {
		background: rgba(77, 241, 23, 1);
	}
}

@keyframes led-style20 {
	0% {
		background: #fbff30;
		background: -moz-linear-gradient(left, #fbff30 16%, #4bff30 27%, #3037ff 38%, #ff30ed 55%, #ff0000 68%);
		background: -webkit-linear-gradient(left, #fbff30 16%, #4bff30 27%, #3037ff 38%, #ff30ed 55%, #ff0000 68%);
		background: linear-gradient(to right, #fbff30 16%, #4bff30 27%, #3037ff 38%, #ff30ed 55%, #ff0000 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbff30', endColorstr='#ff0000', GradientType=1);
	}
	25% {
		background: #ff0000;
		background: -moz-linear-gradient(left, #ff0000 16%, #fbff30 27%, #4bff30 38%, #3037ff 55%, #ff30ed 68%);
		background: -webkit-linear-gradient(left, #ff0000 16%, #fbff30 27%, #4bff30 38%, #3037ff 55%, #ff30ed 68%);
		background: linear-gradient(to right, #ff0000 16%, #fbff30 27%, #4bff30 38%, #3037ff 55%, #ff30ed 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff30ed', GradientType=1);
	}
	50% {
		background: #ff30ed;
		background: -moz-linear-gradient(left, #ff30ed 16%, #ff0000 27%, #fbff30 38%, #4bff30 55%, #3037ff 68%);
		background: -webkit-linear-gradient(left, #ff30ed 16%, #ff0000 27%, #fbff30 38%, #4bff30 55%, #3037ff 68%);
		background: linear-gradient(to right, #ff30ed 16%, #ff0000 27%, #fbff30 38%, #4bff30 55%, #3037ff 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff30ed', endColorstr='#3037ff', GradientType=1);
	}
	75% {
		background: #3037ff;
		background: -moz-linear-gradient(left, #3037ff 16%, #ff30ed 27%, #ff0000 38%, #fbff30 55%, #4bff30 68%);
		background: -webkit-linear-gradient(left, #3037ff 16%, #ff30ed 27%, #ff0000 38%, #fbff30 55%, #4bff30 68%);
		background: linear-gradient(to right, #3037ff 16%, #ff30ed 27%, #ff0000 38%, #fbff30 55%, #4bff30 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3037ff', endColorstr='#4bff30', GradientType=1);
	}
	100% {
		background: #4bff30;
		background: -moz-linear-gradient(left, #4bff30 16%, #3037ff 27%, #ff30ed 38%, #ff0000 55%, #fbff30 68%);
		background: -webkit-linear-gradient(left, #4bff30 16%, #3037ff 27%, #ff30ed 38%, #ff0000 55%, #fbff30 68%);
		background: linear-gradient(to right, #4bff30 16%, #3037ff 27%, #ff30ed 38%, #ff0000 55%, #fbff30 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bff30', endColorstr='#fbff30', GradientType=1);
	}
}

@keyframes led-style21 {
	0% {
		left: 0px;
	}
	30% {
		left: 20%;
	}
	50% {
		left: 40%;
	}
	70% {
		left: 60%;
	}
	100% {
		left: 80%;
	}
}

@keyframes led-style22 {
	0% {
		left: -10%;
	}
	10% {
		left: 20%;
	}
	20% {
		left: 40%;
	}
	30% {
		left: 60%;
	}
	40% {
		left: 80%;
	}
	50% {
		left: 100%;
	}
	60% {
		left: 80%;
	}
	70% {
		left: 60%;
	}
	80% {
		left: 40%;
	}
	90% {
		left: 20%;
	}
	100% {
		left: -10%;
	}
}

@keyframes DigitalRGB07 {
	0% {
		left: -100%;
	}
	30% {
		left: -70%;
	}
	50% {
		left: -50%;
	}
	70% {
		left: -30%;
	}
	100% {
		left: 0%;
	}
}

@media screen and (max-width: 1366px) {
	#a1 {
		height: 800px;
	}
	.nav-2, .advan, .advan02, .advan03, .advan04, .advan05, .advan06 {
		height: 210px;
	}
	.nav-2 ul {
		margin-left: 0px;
	}
	.nav-2 ul li {
		margin-right: 10px;
		width: 14%;
	}
	.advan ul, .advan02 ul, .advan03 ul, .advan04 ul, .advan05 ul, .advan06 ul {
		margin-left: 8%;
	}
	.box1 {
		margin-top: 0px;
		width: 480px;
		height: 600px;
	}
	#colorpicker-style {
		margin-left: 200px;
	}
	.rgblogo1 {
		padding-left: 0%;
	}
	#a1-1 {
		height: 260px;
	}
	#a1-6 {
		height: 260px;
	}
	.temp-n {
		top: 60%;
		left: 70%;
	}
	#a1-2 {
		height: 300px;
	}
	#ledstrbg1 {
		height: 66px;
	}
	#ledstrbg2 {
		height: 66px;
	}
}

@media screen and (max-width: 960px) {
	#a1 {
		height: 700px;
	}
	.nav-2, .advan, .advan02, .advan03, .advan04, .advan05, .advan06 {
		width: 100%;
		height: auto;
	}
	.advan ul, .advan02 ul, .advan03 ul, .advan04 ul, .advan05 ul, .advan06 ul {
		margin-left: 10%;
	}
	.advan ul li, .advan02 ul li, .advan03 ul li, .advan04 ul li, .advan05 ul li, .advan06 ul li {
		margin-right: 10px;
		width: 20%;
	}
	.rgb-c, .rgb-ca {
		font-size: 15px;
	}
	.nav-2 {
		margin-bottom: 6%;
	}
	.nav-2 ul li {
		margin-right: 10px;
		width: 14%;
	}
	.box1 {
		margin-top: 0px;
		margin-right: 100px;
		height: 600px;
	}
	#a1-2 {
		height: 300px;
	}
	#a1-6 {
		height: 260px;
	}
	#ledstrbg1 {
		height: 90px;
	}
	#ledstrbg2 {
		height: 90px;
	}
}

@media screen and (max-width: 640px) {
	#a1 {
		height: 300px;
	}
	.nav-2, .advan, .advan02, .advan03, .advan04, .advan05, .advan06 {
		width: 100%;
	}
	.nav-2 ul {
		margin-left: 20px;
	}
	.nav-2 ul li {
		margin-right: 10px;
		width: 20%;
	}
	.advan ul, .advan02 ul, .advan03 ul, .advan04 ul, .advan05 ul, .advan06 ul {
		margin-left: 10%;
	}
	.advan ul li, .advan02 ul li, .advan03 ul li, .advan04 ul li, .advan05 ul li, .advan06 ul li {
		margin-right: 10px;
		width: 20%;
	}
	.click-n {
		width: 50%;
	}
	.box1 {
		width: 250px;
		height: 300px;
		margin-right: 0px;
	}
	#colorpicker-style {
		margin-left: 0px;
		margin-top: 0px;
	}
	#colorpicker-a1-style, #colorpicker-a2-style, #colorpicker-a3-style, #colorpicker-a4-style, #colorpicker-a5-style, #colorpicker-a6-style {
		margin-left: 0px;
		margin-top: 0px;
		position: static;
	}
	#a1-2 {
		height: 180px;
	}
	#a1-6 {
		height: 160px;
	}
	.rgb-c, .rgb-ca {
		font-size: 15px;
	}
	.temp-n {
		top: 20%;
		left: 30%;
	}
	.music-n {
		top: 40%;
		left: 30%;
	}
	#ledstrbg1 {
		height: 50px;
	}
	#ledstrbg2 {
		height: 50px;
	}
}