#container {
    margin-right: 0;
    width: 88%;
    margin-left: 270px;
    width: calc(100% - 270px);
}
#indexGallery{
	width: 100%;
	/* margin-left: 20%; */
	position: relative;
	overflow: hidden;
	min-width: auto;
	max-width: inherit;
	height: 100%;
	box-sizing: border-box;
	z-index: 99999;
	/* top: 80px; */
}
#indexGalleryBG {
    display: none;
    z-index: 99999;
    -moz-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}
img.idxGallery {
    width: 100%;
    height: 100%;
}
#mDisplayMenu {
    display: none;
}

#lbWrapper {
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
#lbWrapper.show {
    z-index: 9999999;
    opacity: 1;
}

.lbgb {
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    position: absolute;
}

.lbContentWrapper {
    max-width: 500px;
    border: 5px solid #DFDFDF;
    position: absolute;
    height: 40%;
    background-color: #FFFFFF;
    width: 40%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: center;
    transition: .8s;
    -webkit-transform: .8s;
    -ms-transform: .8s;
    -o-transform: .8s;
    min-height: 300px;
	z-index:9999;
}

.lbClose {
    width: 15px;
    height: 15px;
    right: 10px;
    top: 10px;
    position: absolute;
    cursor: pointer;
    z-index: 999;
}
.lbContent {
    position: relative;
    width: 100%;
    /* height: 100%; */
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding-top: 20px;
}

#shopLogo {
    width: 60%;
    /* padding-top: 12%; */
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    max-width: 270px;
    margin-left: 25%;
}
#welcumTxt {
    margin-bottom: 20px;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    line-height: 1.25em;
    margin-bottom: 20px;
}
#joinClub {
    padding: 3% 9%;
    background-color: #000000;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
    position: relative;
}
#joinClub:after {
    box-shadow: inset 0 0 0 0 #000000;
    transition: box-shadow .5s ease-out;
    -moz-transition: -moz-box-shadow .5s ease-out;
    -webkit-transition: -webkit-box-shadow .5s ease-out;
    -o-transition: -o-box-shadow .5s ease-out;
    -ms-transition: -ms-box-shadow .5s ease-out;
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#joinClub:hover {
    background-color: transparent;
    color: #000000;
    transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
}

#joinClub:hover:after {
    box-shadow: inset 0 0 0 6px #000000;
    -moz-box-shadow: inset 0 0 0 6px #000000;
    -webkit-box-shadow: inset 0 0 0 6px #000000;
    -o-box-shadow: inset 0 0 0 6px #000000;
    -ms-box-shadow: inset 0 0 0 6px #000000;    
}

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

	#indexGalleryBG{
		top: 60px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
	#indexGalleryBG{
		top: 0px;
	}
}
@media screen and (max-width: 1279px) {
	#indexGallery{
		display: none;
	}
	#indexGalleryBG{
		display: block;
		position: relative;
		left: 0;
		width: 100%;
		height: 100%;
		min-width: auto;
		max-width: inherit;
		box-sizing: border-box;
		overflow: hidden;
	}
	.bgslider {
		background-size: cover;
		background-position: center top;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		overflow: hidden;
	}
}
@media screen and (max-width: 1023px) {
	#container{
		width: 100%;
		margin-left: 0;
	}
}
@media screen and (max-width: 767px) {
	#shopLogo {
		margin-left: 20%;
	}
	.lbContentWrapper{
		width: 80%;
		height: 35%;
	}
	#container{
		width: 100%;
	}
	#shopLogo{
		width: 70%;
	}
	#menuWrapper #menuContent {
		-moz-transition: left 0.3s ease;
		-o-transition: left 0.3s ease;
		/* -webkit-transition: left 0.3s ease; */
		/* transition: left 0.3s ease; */
		/* overflow-y: auto; */
		/* left: 0; */
		/* top: 50px; */
		/* background-color: transparent; */
	}
}