.full .left-col					{ width:100%; padding-right:0px ; }
	.full .right-col 				{ display:none}
	.full .left-col .main-content   { padding-right:100px}
	

	.left-col						{ width:calc(100% - 560px); float:left; padding-right:50px; }	
	.right-col						{ width:560px; height:100%; position:absolute; right:0; float:left;}
	.right-col .rc-adj-pos 			{ width:100%; height:100%; }

	.navleft 						{ /*color:#fff;*/  width:310px; }
	.navleft .li 					{ padding:10px 30px 10px 25px; line-height:1.6; background-color:transparent; transition: all 0.3s ease-out;
									  display: flex;
							      align-items: flex-start;}
	.navleft .li:hover 				{ cursor:pointer; /*color:#fff; background-color:#ca4a0d; transform: translateX(-20px);*/ }
	.navleft .li-current 			{ cursor:default; /*color:#333;*/ }
	.navleft .li-current:hover  	{ cursor:default;}
    .navleft .li.sub:after          { content:'>'; font-family: FontAwesome; content: "\f054"; top:11px; right:15px; position: absolute;}
  	.navleft .li img 				{ width:28px; height:auto; margin-right:10px;}
  	.navleft .li-img 		        { width:100%; text-align:center;}
  	.navleft .li-img img 	        { width:80%; height:auto; margin-top:100px}

  	.navleft .li-sub 				{ padding:0px 30px 10px 85px; font-size:95%;  transition: all 0.3s ease-out;}
	.navleft .li-sub::before 		{ content:'\f111'; font-family:FontAwesome; font-style:normal; font-size:40%; font-weight:normal; position:absolute; top:7px; left:70px; /*color:#fff;*/}
	.navleft .li-sub:hover 			{ color:#333; cursor:pointer;}


	.l-layer						{ 	position:absolute; width:100%; height:100%; top:0; right:0; padding-top:70px; /*overflow-x:hidden;*/
						  				transform: translate(0); z-index: 2; }
	.l-layer:before 				{ 	position:absolute; top:0; right:0; width:0; height:0; content:''; opacity:0;
										transition: background-color 0.5s, opacity 0.5s, width 0s linear 0.5s, height 0s linear 0.5s;}
	
	.l-layer > .l-layer				{ transform: translate3d(100%, 0, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
	.l-layer.active > .sub-active + .l-layer	{ transform: translate3d(0%, 0, 0); }
	.l-layer.active:before 			{ width:100%; height:100%; background-color:rgba(1, 1, 1, 0.1); opacity: 1; transition: background-color 0.2s;}

/*	.l-layer::-webkit-scrollbar  	{ display:none }
	.l-layer 					 	{ -ms-overflow-style:none 
									  scrollbar-width:none}*/
	
	.navleft .li.li-back			{ background-color: rgba(0,0,0,0.1);}
	.navleft .li.li-back:before 	{ content:'>'; font-family: FontAwesome; content: "\f053"; top:11px; left:20px; position: absolute;}


	#body.theme1 .navleft.nl-theme1 { display:block;}
	#body.theme1 .navleft.nl-theme2 { display:none;}

	#body.theme2 .navleft.nl-theme1 { display:none;}
	#body.theme2 .navleft.nl-theme2 { display:block;}

	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1700px) {
	.left-col						{ width:calc(100% - 360px); float:left; padding-right:50px; }	
	.right-col						{ width:360px; height:100%; position:absolute; right:0; float:left;}
	}

	@media only screen and (max-width:1500px) {
	.full .left-col .main-content { padding-right:50px}
	}


	@media only screen and (max-width:1200px) {
	.left-col						{ width:100%; padding-right:0px}
	.right-col						{ width:0; display:none}
	.full .left-col .main-content 	{ padding-right:50px}
	}


	@media only screen and (max-width:1024px) {
	.left-col					  	{ padding-right:0;}
	.full .left-col .main-content 	{ padding-right:30px}
	}

	@media only screen and (max-width:767px) {
	.left-col					  	{ padding-right:0;}
	}



	/* ==========================================================================
    Print
	============================================================================= */

	@media print {
	.left-col	{ width:100%; margin-top:0px}
	.right-col	{ display:none}
	.left-col					  	{ padding-right:0px}
	.full .left-col .main-content 	{ padding-right:0px}
	}