@charset "utf-8";

.mod_bg {
	background-repeat: repeat;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 50px;
	overflow: visible;
}

.mod_bg .mod_bg_content {
	width: 100%;
	max-width: 1000px;
	padding: 20px;
	background-color: rgba(255,255,255,0.75);
	border: 1px solid #FFF;
	border-color: #FFF #EEE #DDD #FEFEFE;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
	margin-bottom: 15px;
}




@media (max-width:1000px) {
	.mod_bg .mod_bg_content {
		padding: 15px;
	}
}



/* ------------ bg select ------------- */

.mod_bg.mbg1 {
	background-image: url("mod_bg/mod_bg_01.jpg");
}
.mod_bg.mbg2 {
	background-image: url("mod_bg/mod_bg_02.jpg");
}
.mod_bg.mbg3 {
	background-image: url("mod_bg/mod_bg_03.jpg");
}
.mod_bg.mbg4 {
	background-image: url("mod_bg/mod_bg_04.jpg");
}
.mod_bg.mbg5 {
	background-image: url("mod_bg/mod_bg_05.jpg");
}
.mod_bg.mbg6 {
	background-image: url("mod_bg/mod_bg_06.jpg");
}



/* -- use demo -- */

#bgCh {
	display: flex;
	justify-content: center;
	padding: 15px 0;
	list-style: none;
	margin: 0;
}
#bgCh li {
	padding: 0 5px;
}