@charset "utf-8";
/* CSS Document */
.legacy-enlighten, .legacy-enlighten #wrapper{
	background-color: transparent;
}
.legacy-enlighten h1{
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 100px;
}
.legacy-enlighten h1 span{
	color: #fdd207;
}
.legacy-enlighten h2{
	color: #fdd207;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 50px;
}
.legacy-enlighten #bg_fix{
	z-index                 : -1;
	background-color        : #1a1a1a;
	background-image        : url('../images/bg.jpg');
	background-repeat       : no-repeat;
	background-size: cover;
	position                : fixed;
	top                     : 50px;
	left                    : 0;
	right                   : 0;
	bottom                  : 25px;
	width: 100%;
	height: 100%;
	content: "";

	background-position:top center;
	display:block;
}
.legacy-enlighten .news-wrapper{	
	color: #CCC;
	padding: 50px 5%;
	background-color: rgba(0,0,0,0.3);
	border-radius: 10px;
	width:90%;
	margin:0 auto;
	max-width: 1200px;
}
.legacy-enlighten .news-wrapper dl.first{
    border-top: 1px solid #666;
    margin-top: 5px;
}

.legacy-enlighten .news-wrapper dl{
	font-size: 15px;
    border-bottom: 1px dotted #666;
    margin-bottom: 5px;
    padding: 35px 60px 30px;
	transition: all 0.3s ease-in-out 0s;
}
/*.news-wrapper dl:hover{
	background-color: rgba(253,210,7,0.2);
	transition: all 0.3s ease-in-out 0s;
}*/
.legacy-enlighten .news-wrapper dt{
	color: #CCC;
    float: left;
    width: 10em;
}
.legacy-enlighten .news-wrapper dd{
    margin-left: 0;
    padding-left: 10em;
	text-align:left;
}
.legacy-enlighten .news-wrapper dd.newrelese{
	color: #CCC;
}
.legacy-enlighten .news-wrapper dd.newrelese div{
	text-align:left;
}
.legacy-enlighten .news-wrapper dd.newrelese span{
	font-size:14px;
	border:solid 1px #666;
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.3);
	transition: all 0.3s ease-in-out 0s;
}
.legacy-enlighten .news-wrapper a:hover dd.newrelese span{
	background-color: #fdd207;
	color: #000;
	transition: all 0.3s ease-in-out 0s;
}

.legacy-enlighten .news-wrapper dd.newrelese-txt{
	color: #fdd207;
	margin-top: 10px;
	transition: all 0.3s ease-in-out 0s;
}
.legacy-enlighten .news-wrapper a:hover dd.newrelese-txt{
	color: #fdd207;
	transition: all 0.3s ease-in-out 0s;
}
.legacy-enlighten .news-wrapper a:hover dd.newrelese-txt span{
	border-bottom: 1px solid #fdd207;	
}
@media only screen and (max-width: 750px) {
	.legacy-enlighten h1{
		margin-bottom: 50px;
	}	
	.legacy-enlighten h2{
		margin-bottom: 0px;
	}
	.legacy-enlighten .news-wrapper{
		padding: 30px 5%;
	}
	.legacy-enlighten .news-wrapper dl{
		padding: 20px 5%;
		transition: all 0.3s ease-in-out 0s;
	}
	.legacy-enlighten #bg_fix{
		background-image: url('../images/bg-sp.jpg');
	}
}
@media only screen and (max-width: 600px) {
	.legacy-enlighten .news-wrapper dt, .legacy-enlighten .news-wrapper dd{
		text-align: left;
		float: none;
		width: 100%;
		padding: 0;
	}
	.legacy-enlighten .news-wrapper dt{
		margin-bottom: 20px;
	}
}


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

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

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

}