@charset "UTF-8";
/* CSS Document */

/*---- Slider 2  -----------------------------------------*/
	.slider2 {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 400px;
		background-color:#00FF00;
	}
	.slider2 li {
		list-style: none;
		position: absolute;
		top: -93px;
		padding-top: 50px;
		left: -15px;
		width: 450px;
		
	}
	.slide2Content {
		position: relative;
		top: 60px;
		width: 450px;
		height: 350px;
		background-color:blue;
	}
	.slide2Content li {
		position: relative;
		top: 20px;
		left: 0px;
		list-style-type: disc;
		margin-left: 15px;
		margin-bottom: 8px;
		background-color:#FF3300;
	}
	.slider2 input {
	   display: none; 
	}
	.slider2 label {
		background-color: #FFF;
		border: .2em solid transparent;
		bottom: .5em;
		border-radius: 100%;
		cursor: pointer;
		display: block;
		height: .5em;
		left: 24em;
		opacity: 0;
		position: absolute;
		transition: .25s;
		width: .5em;
		visibility: hidden;
		z-index: 10;
		top: 5px;/* hepp*/
	}
	.slider2 label:after {
		border-radius: 100%;
		bottom: -.2em;
		content: '';
		left: -.2em;
		position: absolute;
		right: -.2em;
		top: -.2em;
	}
	.slider2:hover label {
		opacity: 1;
		visibility: visible;
	}
	.slider2 input:checked + label {
		background-color: #000;
		top: 5px;/* hepp*/
	}
	.slider2:hover li:nth-child(1) label {
		left: .5em;
		top: 5px;
	}
	.slider2:hover li:nth-child(2) label {
		left: 2em;
		top: 5px;
	}
	.slider2:hover li:nth-child(3) label {
		left: 3.5em;
		top: 5px;
	}
	.slider2:hover li:nth-child(4) label {
		left: 5em;
		top: 5px;
	}
	.slider2:hover li:nth-child(5) label {
		left: 6.5em;
		top: 5px;
	}
	.slider2:hover li:nth-child(6) label {
		left: 8em;
		top: 5px;
	}
	.slider2:hover li:nth-child(7) label {
		left: 9.5em;
		top: 5px;
	}
	.slider2 .slideContent {
		opacity: 0;
		transition: .25s;
		visibility: hidden;
	}
	.slider2 li input:checked ~ .slideContent {
		opacity: 1;
		visibility: visible;
		z-index: 10;
	}

/*---- Slut nav1_4 -----------------------------------------*/

	
	.bg_height40 {
		margin-top: 10px;
		width: 400px;
		height: 40px;
		background-color: #FFF;
		opacity: 0.7;
		-webkit-border-radius: 15px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		-moz-border-radius: 15px; /* FF1-3.6 */
		border-radius: 15px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	.bg_height70 {
		margin-top: 10px;
		width: 400px;
		height: 70px;
		background-color: #FFF;
		opacity: 0.7;
		-webkit-border-radius: 15px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
		-moz-border-radius: 15px; /* FF1-3.6 */
		border-radius: 15px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	}
	.number {
		font-size: 20px;
		text-align: left;
		width: 20px;
		height: 40px;
		padding-left: 20px;
		padding-top: 7px;
		font-weight: normal;
		z-index: 10;
		color: #000;
		float: left;
	}
	.number70 {
		font-size: 20px;
		text-align: left;
		width: 20px;
		height: 70px;
		padding-left: 20px;
		padding-top: 7px;
		font-weight: normal;
		z-index: 10;
		color: #000;
		float: left;
	}
	.topBread {
		font-size: 14px;
		text-align: center;
		width: 400px;
		height: 40px;
		padding: 10px;
		line-height: 16px;
		font-weight: normal;
		z-index: 10;
		color: #000;
	}