/*mb-spec*/

::selection {
	background: #ff7200;
	color: #fff;
}

#ledbg {
	background: url("../images/spec_1920.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 1000px;
	animation: ledcolor 5s linear infinite 0.1s;
	-moz-animation: ledcolor 5s linear infinite 0.1s;
	-ms-animation: ledcolor 5s linear infinite 0.1s;
	-o-animation: ledcolor 5s linear infinite 0.1s;
	-webkit-animation: ledcolor 5s linear infinite 0.1s;
}

@keyframes ledcolor {
	from {
		filter: hue-rotate(0deg);
		-webkit-filter: hue-rotate(0deg);
		-ms-filter: hue-rotate(0deg);
	}
	to {
		filter: hue-rotate(360deg);
		-webkit-filter: hue-rotate(360deg);
		-ms-filter: hue-rotate(360deg);
	}
}

#mbspec .text {
	font-size: 18px;
	line-height: 24px;
}

#mbspec {
	background: url("../images/specline_1920.png");
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	min-height: 1000px;
	margin-top: -1000px;
	font-size: 18px;
}

#mbspec .spec1 {
	position: relative;
	width: 950px;
	float: left;
	padding-left: 60px;
	color: #fff;
}

#mbspec .spec2 {
	position: relative;
	width: 235px;
	float: left;
	color: #fff;
}

.mbspec-s {
	display: none;
}

#mbspec .speclist {
	position: absolute;
}

#mbspec .spec1 .speclist .speccontent {
	width: 280px;
}

#mbspec .spec1 .speclist .speccontent .spectitlebk {
	background: #000;
	padding-right: 8px;
	white-space: pre-wrap;
}

#mbspec .speclist .specpoint {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #000;
	border: 2px solid #ccc;
	color: #fff;
	line-height: 30px;
	margin-right: 6px;
	text-align: center;
	margin-bottom: 4%;
	font-size: 16px;
	margin: 10px;
	display: none;
}

#mbspec .speclist-small {
	font-size: 16px;
	line-height: 22px;
	padding-top: 6px;
	color: #a8a8a8;
}

.spec1 #specitemlist01 {
	top: 10px;
}

.spec1 #specitemlist02 {
	top: 90px;
}

.spec1 #specitemlist03 {
	top: 170px;
}

.spec1 #specitemlist04 {
	top: 326px;
}

.spec1 #specitemlist05 {
	top: 420px;
}

.spec1 #specitemlist06 {
	top: 510px;
}

.spec1 #specitemlist07 {
	top: 640px;
}

.spec2 #specitemlist08 {
	top: 20px;
}

.spec2 #specitemlist09 {
	top: 260px;
}

.spec2 #specitemlist10 {
	top: 410px;
}

.spec2 #specitemlist11 {
	top: 460px;
}

.spec2 #specitemlist12 {
	top: 540px;
}

.spec2 #specitemlist13 {
	top: 660px;
}

.spec2 #specitemlist14 {
	top: 750px;
}

@media screen and (max-width: 1366px) {
	/*mb-spec*/
	#ledbg {
		background: url("../images/spec_1366.jpg");
		background-position: top center;
		background-repeat: no-repeat;
		min-height: 700px;
	}
	#mbspec {
		background: url("../images/specline_1366.png");
		background-position: top center;
		background-repeat: no-repeat;
		position: relative;
		overflow: hidden;
		min-height: 700px;
		margin-top: -700px;
	}
	#mbspec .text {
		font-size: 16px;
		line-height: 20px;
	}
	.mbspec-s {
		display: none;
	}
	#mbspec .spec1 {
		width: 680px;
		padding-left: 0px;
	}
	#mbspec .spec1 .speclist .speccontent {
		width: 210px;
	}
	#mbspec .spec2 {
		width: 180px;
	}
	#mbspec .speclist-small {
		font-size: 13px;
		line-height: 16px;
		padding-top: 6px;
		color: #a8a8a8;
	}
	.spec1 #specitemlist01 {
		top: -10px;
	}
	.spec1 #specitemlist02 {
		top: 50px;
	}
	.spec1 #specitemlist03 {
		top: 110px;
	}
	.spec1 #specitemlist04 {
		top: 220px;
	}
	.spec1 #specitemlist05 {
		top: 290px;
	}
	.spec1 #specitemlist06 {
		top: 356px;
	}
	.spec1 #specitemlist07 {
		top: 450px;
	}
	.spec2 #specitemlist08 {
		top: -20px;
	}
	.spec2 #specitemlist09 {
		top: 140px;
	}
	.spec2 #specitemlist10 {
		top: 280px;
	}
	.spec2 #specitemlist11 {
		top: 316px;
	}
	.spec2 #specitemlist12 {
		top: 370px;
	}
	.spec2 #specitemlist13 {
		top: 450px;
	}
	.spec2 #specitemlist14 {
		top: 530px;
	}
}

@media screen and (max-width: 960px) {
	/*mb-spec*/
	#ledbg {
		display: none;
	}
	#mbspec {
		background-image: url("");
		margin-top: 0px;
	}
	.mbspec-s {
		display: block;
	}
	#mbspec .text {
		font-size: 20px;
		line-height: 26px;
		overflow: hidden;
	}
	#mbspec .spec1 {
		width: 45%;
		padding-bottom: 0%;
		margin-right: 6%;
	}
	#mbspec .speclist {
		position: relative;
	}
	#mbspec .spec1 .speclist {
		left: 0px;
		text-align: left;
	}
	#mbspec .speclist {
		margin-top: 3%;
	}
	#mbspec .speclist .specpoint {
		display: inline-block;
		position: relative;
		width: 30px;
		vertical-align: top;
		margin-top: -0.5px;
	}
	#mbspec .speclist .speccontent {
		display: inline-block;
		position: relative;
		width: 78%;
	}
	#mbspec .spec1 .speclist .speccontent {
		display: inline-block;
		position: relative;
		width: 78%;
	}
	#mbspec .spec2 {
		width: 45%;
		left: 0%;
	}
	#mbspec .speclist-small {
		font-size: 16px;
		line-height: 20px;
		padding-top: 6px;
		color: #a8a8a8;
		margin-bottom: 6%;
	}
	.spec1 #specitemlist01 {
		top: 0px;
		width: auto;
	}
	.spec1 #specitemlist02 {
		top: 0px;
		width: auto;
	}
	.spec1 #specitemlist03 {
		top: 0px;
	}
	.spec1 #specitemlist04 {
		top: 0px;
	}
	.spec1 #specitemlist05 {
		top: 0px;
	}
	.spec1 #specitemlist06 {
		top: 0px;
	}
	.spec1 #specitemlist07 {
		top: 0px;
	}
	.spec2 #specitemlist08 {
		top: 0px;
	}
	.spec2 #specitemlist09 {
		top: 0px;
	}
	.spec2 #specitemlist10 {
		top: 0px;
	}
	.spec2 #specitemlist11 {
		top: 0px;
	}
	.spec2 #specitemlist12 {
		top: 0px;
	}
	.spec2 #specitemlist13 {
		top: 0px;
	}
	.spec2 #specitemlist14 {
		top: 0px;
	}
}

@media screen and (max-width: 640px) {
	#mbspec .specpoint {
		margin: 6px;
	}
	#mbspec .spec1 {
		position: relative;
		display: inline-block;
		width: 100%;
	}
	#mbspec .spec2 {
		display: inline-block;
		position: relative;
		width: 100%;
		right: 0%;
		left: 0%;
		margin-left: 0%;
	}
	#mbspec .speclist-small {
		font-size: 16px;
		line-height: 24px;
		color: #a8a8a8;
	}
}