/* ---------------------------------- Body -------------------------------*/

body { line-height: 1.8; }

@media (min-width: 576px) and (max-width: 767px) { .container { max-width: 95%; }}



@media (min-width: 992px) {
	#sp-header.header-sticky ~ section#sp-title-bar { padding-top: 200px;}
	#sp-header.header-sticky ~ section#sp-slide-show { margin-top: 160px;}
}
	@media (min-width: 1200px) {
	#sp-header.header-sticky ~ section#sp-title-bar { padding-top: 200px;}
	#sp-header.header-sticky ~ section#sp-slide-show { margin-top: 200px;}
}	

#sp-main-body {
    padding: 60px 0;
}
 
@media (min-width: 992px){
	.col-md-6.col-lg-12.col-xl-6  {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.itemid-101 #sp-header.header-sticky ~ section#sp-title-bar {padding-top: 0px}
 #sp-header.header-sticky ~ section#sp-main-body {padding-top: 60px}

/*---------------------------------- LOGO ------------------*/
#sp-top-bar #sp-top1 {width: 20%;}
#sp-top-bar #sp-top2 {width: 80%;}

#sp-header {background: #ffffff url(../images/lwd/banner-logo-wide.jpg) no-repeat center top; background-size: cover;}

@media (max-width: 575px) {#sp-header { height: 120px; background-position: -320px 0;} #sp-header .container {padding-top: 18px;}}
@media (min-width: 576px) {#sp-header { height: 120px; background-position: -320px 0;} #sp-header .container {padding-top: 18px;}}
@media (min-width: 768px) {#sp-header { height: 120px;} #sp-header .container {padding-top: 18px;}}
@media (min-width: 992px) {#sp-header { height: 160px;} #sp-header .container {padding-top: 60px;}}
@media (min-width: 1200px){#sp-header { height: 200px;} #sp-header .container {padding-top: 76px;}}

#sp-header .logo {display:none;}

/*---------------------------------- Menu ------------------*/
#sp-menu .sp-column {height: 100%;}
#sp-menu .sp-megamenu-wrapper {
	display: flex;
    
    height: 100%;
	float:right
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block; 
    padding: 0 16px;
    text-align: center;
    color: #eeeeee;
    border-radius: 10px;
}

@media (min-width: 992px) {.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span  { font-size: 16px !important; line-height: 40px !important;}}
@media (min-width: 1200px){.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span  { font-size: 20px !important; line-height: 50px !important;}}	

.sp-megamenu-parent > li { margin: 6px; }
.sp-megamenu-parent > li.active { margin: 0px 6px; }

.sp-megamenu-parent > li:hover > a {
	box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1);
    color: #ffffff;
	
}
.sp-megamenu-parent > li.active > a {
    font-weight: 700;
	color:#ffffff !important; 
	line-height: 350% !important;
	
}

.sp-menu-item:nth-of-type(1) a { background-color: #03CB8F; } /* aqua */
.sp-menu-item:nth-of-type(2) a { background-color: #0d9aff; } /* blue */
.sp-menu-item:nth-of-type(3) a { background-color: #7F68FC; } /* purple */
.sp-menu-item:nth-of-type(4) a { background-color: #FF4848; } /* Red */
.sp-menu-item:nth-of-type(5) a { background-color: #FF7223; } /* orange */
.sp-menu-item:nth-of-type(6) a { background-color: #FFA013; } /* gold */

@media (max-width: 991px) {#sp-menu .sp-megamenu-wrapper { height: 100px;}}
@media (min-width: 992px){
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		line-height: 46px;
		padding: 0 8px;
	}
}
/* ---------------------------------------- Slide -------------------------------------*/


#sp-slide-show {
	background: #ffffff url(../images/lwd/banner-bg-01.jpg) no-repeat center center;
	height: 30vw;
	min-height: 450px;
	max-height: 650px;	
    padding-top: 30px;
	color: #ffffff;
    position: relative;
}

#sp-slide-show .container {
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
}

#sp-slide-show .sp-column {
	background-color: #ffffff44;
	border-radius: 10px;
	border: 1px solid #ffffff;
	padding-top: 10px;
}

/*#sp-slide-show .row {justify-content:flex-end;}*/

@media (min-width: 576px) and (max-width: 767px) {
	#sp-slide-show { min-height: 400px;}
}
@media (max-width: 575px) {
	#sp-slide-show { min-height: 300px;}
}

/* ---------------------------------------- YJSG 3 -----------------------------------*/
.sp-page-title {
    background: transparent;
}

#sp-title  {
    background-image: url(../images/lwd/bg-vector-lg.png);
    background-size: contain;
    background-repeat: repeat;
	padding: 40px 0;
}

.itemid-101 #sp-title  { background-color: #03CB8F; } /* aqua */
.itemid-120 #sp-title  { background-color: #0d9aff; } /* blue */
.itemid-121 #sp-title  { background-color: #7F68FC; } /* purple */
.itemid-122 #sp-title  { background-color: #FF4848; } /* Red */
.itemid-123 #sp-title  { background-color: #FF7223; } /* orange */
.itemid-156 #sp-title  { background-color: #FFA013; } /* gold */


.sp-page-title .sp-page-title-heading { font-size: 34px; color:#ffffff; text-align:center }
.sp-page-title .sp-page-title-sub-heading { font-size: 14pt; color:#ffffff; text-align:center; font-family: 'Helvetica', sans-serif;}

/* ------------------------------------ content ---------------------------------------*/

.itemid-101 h2, .itemid-101 h3  { color:#03CB8F; } /* aqua */
.itemid-120 h2, .itemid-120 h3  { color:#0d9aff; } /* blue */ 
.itemid-121 h2, .itemid-121 h3  { color:#7F68FC; } /* purple */ 
.itemid-122 h2, .itemid-122 h3  { color:#FF4848; } /* Red */ 
.itemid-123 h2, .itemid-123 h3  { color:#FF7223; } /* orange */ 
.itemid-156 h2, .itemid-156 h3  { color:#FFA013; } /* gold */ 


/* ------------------------------------ SP Body Bottom ---------------------------------------*/

#sp-body-bottom  {
    background-image: url(../images/lwd/background-01.jpg);
    background-size: cover;
	padding: 40px 0;
}
#sp-body-bottom .sp-module-content {float:right; width:340px;}

/* ------------------------------------ SP Bottom ---------------------------------------*/

#sp-bottom  {
    background-image: url(../images/lwd/bg-vector-lg.png);
    background-size: contain;
    background-repeat: repeat;
	padding: 40px 0;
}

/* ------------------------------------ SP footer ---------------------------------------*/
#sp-footer {border-top :1px solid rgba(255, 255, 255, .1);}
#sp-footer .container-inner { border-top: none; }