/*view_mag_detal */
.boxShadowImg{border:1px solid #757584;box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.60); }
.boxShadow{box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.50);border-radius:15px 0 15px 0; }
.boxShadow:hover{box-shadow: 0 3px 4px 0 #ff8000;border-radius:15px 0 15px 0; }
#prdShowImg{margin:5px; }
.imgSet{width:65px;float:left;border-bottom:solid 3px #ffffff;}
.itemG{font-weight:300;border:1px solid #eeeeee;margin-bottom:10px;background-color:#ffffff;font-family:Kanit;font-size:14px;overflow:hidden;text-align:left;}
.itemG a{color:#535362}
.itemG a:hover{color:#4000ff}
.itemG:hover{background-color:#dfffbf}
.txtMsg{font-size:20pt;}
.life-style-product-single p{font-size:14pt;}
#imgPrd:hover{cursor:pointer;}

/*nav----*/
	.postnav-image{width:100px;height:100px;border-radius:0;}
	.post-next i, .post-prev i {
		left: 42px;
		line-height: 102px;
	}
	a{text-decoration:none !important;}
	.navName{text-align:right;font-weight:500;text-decoration:none;}


	
/*view_mag_slide -------------------------------------------- */
:root {
--main-white-color: white;
--main-black-color: black;
}

*{
/*
padding: 0;
margin: 0;
box-sizing: border-box;
*/
}


.static {
position: static;
}

.cover {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.owl-carousel .owl-slide {
position: relative;
height: 100vh;
background-color: lightgray;
}

.owl-carousel .owl-slide-animated {
transform: translateX(20px);
opacity: 0;
visibility: hidden;
transition: all 0.05s;
}

.owl-carousel .owl-slide-animated.is-transitioned {
transform: none;
opacity: 1;
visibility: visible;
transition: all 0.5s;
}

.owl-carousel .owl-slide-title.is-transitioned {
transition-delay: 0.2s;
}

.owl-carousel .owl-slide-subtitle.is-transitioned {
transition-delay: 0.35s;
}

.owl-carousel .owl-slide-cta.is-transitioned {
transition-delay: 0.5s;
}

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
position: absolute;
}

.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*="owl-"]:focus {
outline: none;
}

.owl-carousel .owl-dots .owl-dot span {
background: transparent;
border: 1px solid var(--main-black-color);
transition: all 0.2s ease;
}

.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
background: var(--main-black-color);
}

.owl-carousel .owl-nav {
left: 50%;
top: 10%;
transform: translateX(-50%);
margin: 0;
}

.owl-carousel .owl-nav svg {
opacity: 0.3;
transition: opacity 0.3s;
}

.owl-carousel .owl-nav button:hover svg {
opacity: 1;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
background: transparent;
}

section {
display: none;
}

@media screen and (max-width: 575px) {
.owl-carousel .owl-nav {
top: 5%;
}

.owl-carousel .owl-nav svg {
width: 24px;
height: 24px;
}
}
/*========================================*/