#max_container.lumio-wrap {}
#max_container.lumio-wrap .sec-page {position: relative; width: 100%; height: 100vh; }
#max_container.lumio-wrap .sec-page .inner {width: 100%; max-width:1200px; margin:0 auto; height: 100%;}
@media screen and (max-width: 1194px) {
	#max_container.lumio-wrap .sec-page > *  {padding:0 5%;}
	
}


#max_container.lumio-wrap #intro	{background: #fff url(../image/lumio/bg_intro.png) no-repeat center / cover;  }
#max_container.lumio-wrap #intro > *  {display: flex; align-items: center;}
#max_container.lumio-wrap #intro .title_area {}
#max_container.lumio-wrap #intro .title_area p {color:var(--main-color);font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.lumio-wrap #intro .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.lumio-wrap #intro .title_area span {display: block; white-space: pre-line; line-height: 1.5; }

@media screen and (max-width: 1194px) {
	
}
@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #intro	{background-image: url(../image/lumio/bg_intro_m.png); padding-top:15vh	}
	#max_container.lumio-wrap #intro > * {justify-content: center; text-align: center;    align-items: flex-start}
	#max_container.lumio-wrap #intro .title_area h2  {font-size: 2em;}

}





#max_container.lumio-wrap #DCS {background: #000 url(../image/lumio/bg_DCS.png) no-repeat center / cover;  }
#max_container.lumio-wrap #DCS > *  {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color:#fff; }
#max_container.lumio-wrap #DCS .title_area {}
#max_container.lumio-wrap #DCS .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.lumio-wrap #DCS .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.lumio-wrap #DCS .cont_area  { line-height: 1.5; }
#max_container.lumio-wrap #DCS .cont_area p {white-space: pre-line; font-size: 1.5em; }
#max_container.lumio-wrap #DCS .cont_area span {white-space: pre-line; display: block; margin:2rem 0; opacity:.7;}
#max_container.lumio-wrap #DCS .cont_area em {display: block;font-size: .9em;}
#max_container.lumio-wrap #DCS .cont_area img { margin-top: 2rem; width: 3.5rem;  height: auto;     aspect-ratio: 702 / 713; }


@media screen and (max-width: 1194px) {
	
}
@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #DCS	{background-image: url(../image/lumio/bg_DCS_m.png);  padding-bottom: 7vh;	}
	#max_container.lumio-wrap #DCS > * {    justify-content: flex-end; }
	#max_container.lumio-wrap #DCS .title_area p {margin-bottom: 1rem;}
	#max_container.lumio-wrap #DCS .title_area h2  {font-size: 2em; margin-bottom: 2rem;}
	#max_container.lumio-wrap #DCS .cont_area p {font-size: 1.125em;}
	#max_container.lumio-wrap #DCS .cont_area img {display: none;}

}







#max_container.lumio-wrap #TWS {}
#max_container.lumio-wrap #TWS > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#max_container.lumio-wrap #TWS > * > * {width: 40%; color:#fff;}
#max_container.lumio-wrap #TWS .title_area {}
#max_container.lumio-wrap #TWS .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.lumio-wrap #TWS .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.lumio-wrap #TWS .cont_area  { line-height: 1.5; }
#max_container.lumio-wrap #TWS .cont_area p {white-space: pre-line; font-size: 1.5em; }
#max_container.lumio-wrap #TWS .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.lumio-wrap #TWS .cont_area em {display: block;font-size: .9em;}
#max_container.lumio-wrap #TWS .cont_area img { margin-top: 2rem; width: 8rem;  height: auto;     aspect-ratio: 1403 / 713; }
#max_container.lumio-wrap #TWS .bg_video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.lumio-wrap #TWS .bg_video::before {content:''; width: 100%; height: 100%; background: #000; opacity:.2; position: absolute; left:0 ; top:0;	z-index:1;}
#max_container.lumio-wrap #TWS .bg_video video { position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 110%;  width: auto; height: auto; object-fit: cover;}
#max_container.lumio-wrap #TWS > *:not(.bg_video) { position: relative; z-index: 2;}




@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #TWS  {display: flex; flex-direction: column-reverse; height: auto !important; }
	#max_container.lumio-wrap #TWS .bg_video {position: relative;   width: 100%; height: auto; aspect-ratio: 2 / 1;  }
	#max_container.lumio-wrap #TWS > * {width: 100%; height: 100%; aspect-ratio:auto;}
	#max_container.lumio-wrap #TWS > * > * {width: 100%; }
	#max_container.lumio-wrap #TWS .inner {margin: 5rem 0 !important;}
	#max_container.lumio-wrap #TWS .title_area {  color:#000; }
	#max_container.lumio-wrap #TWS .title_area p {margin-bottom: 1rem;}
	#max_container.lumio-wrap #TWS .title_area h2  {font-size: 2em; margin-bottom: 2rem;	}
	#max_container.lumio-wrap #TWS .cont_area {color:#000;}
	#max_container.lumio-wrap #TWS .cont_area p {font-size: 1.25em;}
	#max_container.lumio-wrap #TWS .cont_area img{display: none;}
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.lumio-wrap #TWS .bg_video {  aspect-ratio: 1 / .8;     }

}








#max_container.lumio-wrap #outdoor {position: relative;   }
#max_container.lumio-wrap #outdoor > * {display: flex;flex-direction: column; align-items: flex-start; justify-content: center; color:#fff; }
#max_container.lumio-wrap #outdoor .title_area {}
#max_container.lumio-wrap #outdoor .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.lumio-wrap #outdoor .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.lumio-wrap #outdoor .cont_area  { line-height: 1.5; }
#max_container.lumio-wrap #outdoor .cont_area p {white-space: pre-line; font-size: 1.5em; }
#max_container.lumio-wrap #outdoor .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.lumio-wrap #outdoor .cont_area em {display: block;font-size: .9em;}
#max_container.lumio-wrap #outdoor .cont_area img { margin-top: 2rem; width: 3.5rem;  height: auto;     aspect-ratio: 412 / 713; }
#max_container.lumio-wrap #outdoor .bg_img {  background: #fff url(../image/lumio/bg_outdoor.png) no-repeat center / cover;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.lumio-wrap #outdoor .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.lumio-wrap #outdoor > *:not(.bg_img) { position: relative; z-index: 2;}




@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #outdoor {display: flex;  flex-direction: column-reverse; height: auto !important;}
	#max_container.lumio-wrap #outdoor .bg_img {background-image: url(../image/lumio/bg_outdoor_m.png); position: relative; width: 100%; height: 100%; aspect-ratio: 1.3 / 1 ;}
	#max_container.lumio-wrap #outdoor > * {aspect-ratio:auto;   }
	#max_container.lumio-wrap #outdoor .inner {margin: 5rem 0 !important;}
	#max_container.lumio-wrap #outdoor .title_area {  color:#000; }
	#max_container.lumio-wrap #outdoor .title_area h2 {font-size: 2em;}
	#max_container.lumio-wrap #outdoor .title_area .title_box {width: 100%; text-align: center;}
	#max_container.lumio-wrap #outdoor .cont_area {color:#000;}
	#max_container.lumio-wrap #outdoor .cont_area p {font-size: 1.25em;}
	#max_container.lumio-wrap #outdoor .cont_area img{display: none;}
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.lumio-wrap #outdoor .bg_img {  aspect-ratio: 1 / .8;     }
	
}









#max_container.lumio-wrap #IPX7 {}
#max_container.lumio-wrap #IPX7 > * {display: flex;flex-direction: column; align-items: flex-start; justify-content: center; color:#fff; }
#max_container.lumio-wrap #IPX7 .title_area {}
#max_container.lumio-wrap #IPX7 .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.lumio-wrap #IPX7 .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.lumio-wrap #IPX7 .cont_area  { line-height: 1.5; }
#max_container.lumio-wrap #IPX7 .cont_area p {white-space: pre-line; font-size: 1.5em; }
#max_container.lumio-wrap #IPX7 .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.lumio-wrap #IPX7 .cont_area em {display: block;font-size: .9em;}
#max_container.lumio-wrap #IPX7 .cont_area img { margin-top: 2rem; width: 3.5rem;  height: auto;     aspect-ratio: 705 / 713; }
#max_container.lumio-wrap #IPX7 .bg_video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.lumio-wrap #IPX7 .bg_video::before {content:''; width: 100%; height: 100%; background: #000; opacity:.2; position: absolute; left:0 ; top:0;	z-index:1;}
#max_container.lumio-wrap #IPX7 .bg_video video { position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 110%;  width: auto; height: auto; object-fit: cover;}
#max_container.lumio-wrap #IPX7 > *:not(.bg_video) { position: relative; z-index: 2;}



@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #IPX7  {display: flex; flex-direction: column-reverse; height: auto !important; }
	#max_container.lumio-wrap #IPX7 .bg_video {position: relative;   width: 100%; height: auto; aspect-ratio: 2 / 1;  }
	#max_container.lumio-wrap #IPX7 > * {width: 100%; height: 100%;}
	#max_container.lumio-wrap #IPX7 > * > * {width: 100%;}
	#max_container.lumio-wrap #IPX7 .inner {margin: 5rem 0 !important;}
	#max_container.lumio-wrap #IPX7 .title_area {  color:#000; }
	#max_container.lumio-wrap #IPX7 .title_area p {margin-bottom: 1rem;}
	#max_container.lumio-wrap #IPX7 .title_area h2  {font-size: 2em; margin-bottom: 2rem;	}
	#max_container.lumio-wrap #IPX7 .cont_area {color:#000;}
	#max_container.lumio-wrap #IPX7 .cont_area p {font-size: 1.25em;}
	#max_container.lumio-wrap #IPX7 .cont_area img{display: none;}
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.lumio-wrap #IPX7 .bg_video {  aspect-ratio: 1 / .8;     }
}








#max_container.lumio-wrap #bluetooth {position: relative; }
#max_container.lumio-wrap #bluetooth > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#max_container.lumio-wrap #bluetooth > * > * {width: 40%; color:#333;}
#max_container.lumio-wrap #bluetooth .title_area {}
#max_container.lumio-wrap #bluetooth .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.lumio-wrap #bluetooth .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.lumio-wrap #bluetooth .cont_area  { line-height: 1.5; }
#max_container.lumio-wrap #bluetooth .cont_area p {white-space: pre-line; font-size: 1.5em; }
#max_container.lumio-wrap #bluetooth .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.lumio-wrap #bluetooth .cont_area em {display: block;font-size: .9em;}
#max_container.lumio-wrap #bluetooth .cont_area img { margin-top: 2rem; width: 2rem;  height: auto;     aspect-ratio: 332 / 713; }
#max_container.lumio-wrap #bluetooth .bg_img {  background: #fff url(../image/lumio/bg_bluetooth.png) no-repeat center / cover;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.lumio-wrap #bluetooth .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.lumio-wrap #bluetooth > *:not(.bg_img) { position: relative; z-index: 2;}
@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #bluetooth {display: flex;  flex-direction: column-reverse; height: auto !important;}
	#max_container.lumio-wrap #bluetooth .bg_img {background-image: url(../image/lumio/bg_bluetooth_m.png); position: relative; width: 100%; height: 100%; aspect-ratio: 1.3 / 1 ;}
	#max_container.lumio-wrap #bluetooth > * {aspect-ratio:auto;   }
	#max_container.lumio-wrap #bluetooth > * > * {width: 100%;}
	#max_container.lumio-wrap #bluetooth .inner {margin: 5rem 0 !important;}
	#max_container.lumio-wrap #bluetooth .title_area {  color:#000; }
	#max_container.lumio-wrap #bluetooth .title_area h2 {font-size: 2em;}
	#max_container.lumio-wrap #bluetooth .title_area .title_box {width: 100%; text-align: center;}
	#max_container.lumio-wrap #bluetooth .cont_area {color:#000;}
	#max_container.lumio-wrap #bluetooth .cont_area p {font-size: 1.25em;}
	#max_container.lumio-wrap #bluetooth .cont_area img{display: none;}
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.lumio-wrap #bluetooth .bg_img {  aspect-ratio: 1 / .8;     }
	
}









#max_container.lumio-wrap #moodlight {position: relative;   }
#max_container.lumio-wrap #moodlight > * {display: flex;flex-direction: column; align-items: flex-end; justify-content: center; }
#max_container.lumio-wrap #moodlight > * > * {width: 40%; color:#fff;}
#max_container.lumio-wrap #moodlight .title_area {}
#max_container.lumio-wrap #moodlight .title_area p {font-size: 1.25em; margin-bottom: 2rem;} 
#max_container.lumio-wrap #moodlight .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold;  margin-bottom: 3rem;} 
#max_container.lumio-wrap #moodlight .cont_area  { line-height: 1.5; }
#max_container.lumio-wrap #moodlight .cont_area p {white-space: pre-line; font-size: 1.5em; }
#max_container.lumio-wrap #moodlight .cont_area span {white-space: pre-line; display: block; margin:2rem 0 0; opacity:.7;}
#max_container.lumio-wrap #moodlight .cont_area em {display: block;font-size: .9em;}
#max_container.lumio-wrap #moodlight .cont_area img { margin-top: 2rem; width: 3.5rem;  height: auto;     aspect-ratio: 705 / 713; }
#max_container.lumio-wrap #moodlight .bg_img {  background: #fff url(../image/lumio/bg_moodlight.png) no-repeat center / cover;  padding:0 !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 0;  overflow: hidden;}
#max_container.lumio-wrap #moodlight .bg_img img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.lumio-wrap #moodlight > *:not(.bg_img) { position: relative; z-index: 2;}

@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #moodlight {display: flex;  flex-direction: column-reverse; height: auto !important;}
	#max_container.lumio-wrap #moodlight .bg_img {background-image: url(../image/lumio/bg_moodlight_m.png); position: relative; width: 100%; height: 100%; aspect-ratio: 1.3 / 1 ;}
	#max_container.lumio-wrap #moodlight > * {aspect-ratio:auto;   }
	#max_container.lumio-wrap #moodlight > * > * {width: 100%;}
	#max_container.lumio-wrap #moodlight .inner {margin: 5rem 0 !important;}
	#max_container.lumio-wrap #moodlight .title_area {  color:#000; }
	#max_container.lumio-wrap #moodlight .title_area h2 {font-size: 2em;}
	#max_container.lumio-wrap #moodlight .title_area .title_box {width: 100%; text-align: center;}
	#max_container.lumio-wrap #moodlight .cont_area {color:#000;}
	#max_container.lumio-wrap #moodlight .cont_area p {font-size: 1.25em;}
	#max_container.lumio-wrap #moodlight .cont_area img{display: none;}
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.lumio-wrap #moodlight .bg_img {  aspect-ratio: 1 / .8;     }
	
}








#max_container.lumio-wrap #design {position: relative; display: flex; flex-direction: column; overflow:hidden; }
#max_container.lumio-wrap #design > * { width: 100%;}
#max_container.lumio-wrap #design .title_area {height: 45vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#max_container.lumio-wrap #design .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold; } 
#max_container.lumio-wrap #design .title_area span  {text-align: center; white-space: pre-line; display: block; margin:2rem 0 0; color:#666; line-height: 1.5; }
#max_container.lumio-wrap #design .produ {  height: 55vh;}
#max_container.lumio-wrap #design .produ ul {display: flex;}
#max_container.lumio-wrap #design .produ ul li {}
#max_container.lumio-wrap #design .produ ul li img{ display: block; width: 100%; height: 100%;   object-fit: cover;} 

@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #design {height: auto !important; padding:10vh 0;}
	#max_container.lumio-wrap #design .title_area {height: auto; margin-bottom: 5rem;}
	#max_container.lumio-wrap #design .title_area h2 {font-size: 2em;}
	#max_container.lumio-wrap #design > *  {height: auto !important;}
	#max_container.lumio-wrap #design .produ {padding:0 !important;  height: auto !important;	}
	
	
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.lumio-wrap #design .produ ul {flex-direction: column;}
	
}












#max_container.lumio-wrap #specs {width: 100%; height: auto !important;}
#max_container.lumio-wrap #specs > * {padding:15vh 0;}
#max_container.lumio-wrap #specs .title_area {text-align: center; margin-bottom: 3rem;}
#max_container.lumio-wrap #specs .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold; } 
#max_container.lumio-wrap #specs .spec_area { border-top:2px solid var(--main-color); }
#max_container.lumio-wrap #specs .spec_area > ul {}
#max_container.lumio-wrap #specs .spec_area > ul > li {border-bottom:1px solid #ddd; padding:2rem 0; display: flex; align-items: center;}
#max_container.lumio-wrap #specs .spec_area .tit {width: 30%;}
#max_container.lumio-wrap #specs .spec_area .tit p {font-size: 1.25em; color:#777;}
#max_container.lumio-wrap #specs .spec_area .cont {width: 70%;}
#max_container.lumio-wrap #specs .spec_area .cont > ul {}
#max_container.lumio-wrap #specs .spec_area .cont > ul > li {line-height: 1.5;}


@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #specs .title_area {margin-bottom: 2rem;}
	#max_container.lumio-wrap #specs .title_area h2  {font-size: 2em;}
	
	
}

@media screen and (max-width: 568px) and (orientation:portrait) {
	#max_container.lumio-wrap #specs > * {padding:5vh 5%;}
	#max_container.lumio-wrap #specs .spec_area > ul > li {flex-direction: column; padding:1.5rem 0;}
	#max_container.lumio-wrap #specs .spec_area .tit {width: 100%; margin-bottom: 1rem;}
	#max_container.lumio-wrap #specs .spec_area .cont {width: 100%;}
}







#max_container.lumio-wrap #concept {position: relative; display: flex; flex-direction: column; overflow:hidden; }
#max_container.lumio-wrap #concept > * { width: 100%; height: 50vh !important; }
#max_container.lumio-wrap #concept .title_area {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#max_container.lumio-wrap #concept .title_area h2 {font-size: 2.8em; white-space: pre-line; font-weight: bold; } 
#max_container.lumio-wrap #concept .title_area span  {text-align: center; white-space: pre-line; display: block; margin:2rem 0 0; color:#666; line-height: 1.5; }
#max_container.lumio-wrap #concept .gallery {width:100%;} 
#max_container.lumio-wrap #concept .gallery .gall-lst {width:100%; height:auto;}
#max_container.lumio-wrap #concept .gallery .gall-lst .slick-slide {width:25%; line-height:0; padding:0 1rem;}
#max_container.lumio-wrap #concept .gallery .gall-lst .slick-slide img { display: block; width: 100%; height: 100%;   object-fit: cover;}
#max_container.lumio-wrap #concept .gallery .slick-dots {width:100%; height:auto; margin-top:2rem; text-align: center;}
#max_container.lumio-wrap #concept .gallery .slick-dots li {display:inline-block; margin:0 8px;}
#max_container.lumio-wrap #concept .gallery .slick-dots button {display:inline-block; vertical-align:middle; width:8px; height:8px; border-radius:100%; margin-top:-4px; background-color:rgba(0,0,0,.5); font-size:0;}
#max_container.lumio-wrap #concept .gallery .slick-dots .slick-active button {width:0; height:0; border:12px transparent solid; border-top-width:0; border-bottom-color:var(--main-color); transform:rotateY(45deg); border-radius:0; background-color:transparent;}


@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #concept {height: auto !important; padding:15vh 0;	}
	#max_container.lumio-wrap #concept > * {height: auto !important;}
	#max_container.lumio-wrap #concept .title_area {margin-bottom: 2rem;}
	#max_container.lumio-wrap #concept .title_area h2  {font-size: 2em;}
	#max_container.lumio-wrap #concept .gallery .gall-lst .slick-slide {padding:0 .5rem;}
	
}






#max_container.lumio-wrap #buy-produ {position: relative; width: 100%;  background: #fff;}
#max_container.lumio-wrap #buy-produ > * {display: flex; align-items: center; justify-content: center; } 
#max_container.lumio-wrap #buy-produ ul {display: flex;gap:4rem;}
#max_container.lumio-wrap #buy-produ ul li {}
#max_container.lumio-wrap #buy-produ ul li .img_box {width: 100%; height: auto;     aspect-ratio: 1;}
#max_container.lumio-wrap #buy-produ ul li .img_box img{ display: block; width: 100%; height: 100%;   object-fit: cover;} 
#max_container.lumio-wrap #buy-produ ul li .txt_box {margin-top: 2rem; gap:1rem; display: flex; flex-direction: column; align-items: center;}
#max_container.lumio-wrap #buy-produ ul li .txt_box p {font-size: 1.25em;}
#max_container.lumio-wrap #buy-produ ul li .txt_box a {}

#max_container.lumio-wrap #buy-produ ul li .txt_box .btn-more{display:inline-block;position:relative;color:#000;cursor:hand;text-align:center;border:0 solid #eee;border-radius:50px;background:rgba(0,0,0,0.1);overflow:hidden!important;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:10;padding:20px 100px;}
#max_container.lumio-wrap #buy-produ ul li .txt_box .btn-more:hover{color:#fff!important;}
#max_container.lumio-wrap #buy-produ ul li .txt_box .btn-more::before{content:'';width:0;height:100%;display:block;background:var(--main-color);position:absolute;-ms-transform:skewX(-20deg);-webkit-transform:skewX(-20deg);transform:skewX(-20deg);left:-10%;opacity:1;top:0;z-index:-12;-moz-transition:all .7s cubic-bezier(0.77,0,0.175,1);-o-transition:all .7s cubic-bezier(0.77,0,0.175,1);-webkit-transition:all .7s cubic-bezier(0.77,0,0.175,1);transition:all .7s cubic-bezier(0.77,0,0.175,1);box-shadow:2px 0 14px rgba(0,0,0,.6);}
#max_container.lumio-wrap #buy-produ ul li .txt_box .btn-more::after{content:'';width:0;height:100%;display:block;background:#fff;position:absolute;-ms-transform:skewX(-20deg);-webkit-transform:skewX(-20deg);transform:skewX(-20deg);left:-10%;opacity:0;top:0;z-index:-15;-webkit-transition:all .94s cubic-bezier(.2,.95,.57,.99);-moz-transition:all .4s cubic-bezier(.2,.95,.57,.99);-o-transition:all .4s cubic-bezier(.2,.95,.57,.99);transition:all .4s cubic-bezier(.2,.95,.57,.99);box-shadow:2px 0 14px rgba(0,0,0,.6);}
#max_container.lumio-wrap #buy-produ ul li .txt_box .btn-more:hover::before,.btn-more:hover::before{opacity:1;width:116%;}
#max_container.lumio-wrap #buy-produ ul li .txt_box .btn-more:hover::after,.btn-more:hover::after{opacity:1;width:120%;}


@media screen and (max-width: 926px) {
	#max_container.lumio-wrap #buy-produ {height: auto !important; padding:15vh 0;	}
	#max_container.lumio-wrap #buy-produ > * {height: auto !important;}
	#max_container.lumio-wrap #buy-produ ul {flex-direction: column;}
}
@media screen and (max-width: 568px) and (orientation:portrait) {
	
}