body {
	width: 100%;
	max-width: 680px;
	height: 100%;
	margin: 0 auto;
	background: #000000;
}

.click {
	background: white;
    opacity: 0.1;
    filter: alpha(opacity=0.1);
}

.dim-layer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: black;
	filter: alpha(opacity=60);
	opacity: 0.60;
	z-index: 10;
}


#slides img {
	width: 100%;
}

#slider-prev {
	position: absolute;
	top: 25%;
	left: 3%;
	z-index:999;
}

#slider-prev img {
	width: 100%;
}

#slider-next{
	position: absolute;
	top: 25%;
	right: 3%;
	z-index:999;
}

#slider-next img {
	width: 100%;
}

.bx-viewport { 
	height: 100% !important;
}


.btn {
	position:absolute;
	text-indent: -9999px;
    cursor: pointer;

/*    background: white;*/
/*    opacity: 0.01;*/
/*    filter: alpha(opacity=0.01);*/
/*	border:1px solid red;*/
}

input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.top, .main, .gal, .bottom, .last, .layer-menu, .layer-event, .layer-color {
	width: 100%;
/* 	height: 100%; */
}



.layer-color {
 	display: none; 
	position:absolute;
	z-index: 9999;
	max-width: 680px;
}



.layer-event {
 	display: none; 
	position:absolute;
	z-index: 9999;
	max-width: 680px;
}


.layer-event-down {
    position: absolute;
    top: 58%;
    left: 86%;
    width: 10%;
    height: 6%;
    overflow: hidden;
}


.layer-event-special {
	position: absolute;
    top: 85%;
    left: 2%;
    Width: 96%;
    height: 14%;
    overflow: hidden;
	max-width: 680px;
}


.top-bg, .main-bg, .gal-bg, .bottom-bg, .last-bg, .layer-event-bg, .layer-color-bg {
	position:relative;
	width: 100%;
}


.top1 {
	position:relative;
	width: 100%;
}

.top-home {
	top: 0;
    left: 37%;
    width: 24%;
    height: 100%;
    overflow: hidden;
}


.layer-menu-close {
	position: absolute;
    top: 0;
    right: 0;
    width: 17%;
    height: 6%;
    overflow: hidden;
}

.main1, .main2, .main3 {
	position:relative;
	width: 100%;
}

.gal1, .gal2, .gal3, .gal4, .gal5, .gal6, .gal7, .plusgal {
	position:relative;
	width: 100%;
}

.gal5, .gal6, .gal7 {
	display: none;
}


.photo1 {
	position: absolute;
    top: 3%;
    left: 2%;
    width: 96%;
    height: 90%;
    overflow: hidden;
}

.photo2 {
	position: absolute;
    top: 0;
    left: 2%;
    width: 47%;
    height: 56%;
    overflow: hidden;
}

.photo3 {
	position: absolute;
    top: 0px;
    left: 51%;
    width: 46%;
    height: 36%;
    overflow: hidden;
}

.photo4 {
	position: absolute;
    top: 59%;
    left: 2%;
    width: 47%;
    height: 37%;
    overflow: hidden;
}

.photo5 {
	position: absolute;
    top: 40%;
    left: 51%;
    width: 46%;
    height: 56%;
    overflow: hidden;
}


.photo6 {
	position: absolute;
    top: 3%;
    left: 2%;
    width: 96%;
    height: 90%;
    overflow: hidden;
}

.photo7 {
	position: absolute;
    top: 0;
    left: 2%;
    width: 47%;
    height: 96%;
    overflow: hidden;
}

.photo8 {
	position: absolute;
    top: 0;
    left: 51%;
    width: 46%;
    height: 46%;
    overflow: hidden;
}

.photo9 {
	position: absolute;
    top: 50%;
    left: 51%;
    width: 46%;
    height: 46%;
    overflow: hidden;
}


.photo10 {
	position: absolute;
    top: 3%;
    left: 2%;
    width: 96%;
    height: 90%;
    overflow: hidden;
}


.photo11 {
	position: absolute;
    top: 0;
    left: 2%;
    width: 47%;
    height: 56%;
    overflow: hidden;
}

.photo12 {
	position: absolute;
    top: 0px;
    left: 51%;
    width: 46%;
    height: 36%;
    overflow: hidden;
}

.photo13 {
	position: absolute;
    top: 59%;
    left: 2%;
    width: 47%;
    height: 37%;
    overflow: hidden;
}

.photo14 {
	position: absolute;
    top: 40%;
    left: 51%;
    width: 46%;
    height: 56%;
    overflow: hidden;
}


.photo15 {
	position: absolute;
    top: 0;
    left: 2%;
    width: 47%;
    height: 100%;
    overflow: hidden;
}

.photo16 {
	position: absolute;
    top: 0px;
    left: 51%;
    width: 46%;
    height: 100%;
    overflow: hidden;
}



.plus {
	top: 0;
    left: 30%;
    width: 40%;
    height: 100%;
    overflow: hidden;
}


.bottom1, .bottom2, .bottom3, .last {
	position:relative;
	width: 100%;
}


.color {
	top: 72%;
    left: 22%;
    width: 54%;
    height: 16%;
    overflow: hidden;
}


.layer-color-close {
	position: absolute;
    top: 0;
    right: 0;
    width: 17%;
    height: 10%;
    overflow: hidden;
}


.apply {
	top: 50%;
    left: 23%;
    width: 54%;
    height: 9%;
    overflow: hidden;
}

.last1 {
	position:relative;
	width: 100%;
}


.top .go-vdl {
    top: 0;
    left: 0;
    width: 19%;
    height: 100%;
    overflow: hidden;
}

.top .go-event {
    top: 0;
    left: 20%;
    width: 17%;
    height: 100%;
    overflow: hidden;
}



.last .go-shop {
    top: 18%;
    left: 3.6%;
    width: 49%;
    height: 38%;
    overflow: hidden;
}

.last .go-fb {
    top: 18%;
    left: 54%;
    width: 20%;
    height: 38%;
    overflow: hidden;
}

.last .go-in {
    top: 18%;
    left: 76%;
    width: 20%;
    height: 38%;
    overflow: hidden;
}




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

	
}



@media only screen and (min-width: 768px) {


}