
.contentBox {
	width: 1400px; max-width: 98%; margin: 0 auto;
}
.contentBox.w100 {
	width: 1600px;
}
#indexNotes #ContentNotes{
	max-width: 1400px !important;
}
.contentBox .leftBox {
	width: 20%; box-sizing: border-box; position: relative; float: left; margin-top: 30px;
}
.contentBox .rightBox {
	width: 80%; box-sizing: border-box; position: relative; float: left; padding-left: 40px;
}
.contentBox .side_menu {
	margin-right: 20px;
}
.side_menu {
	margin-bottom: 50px; position: relative;
}
.side_menu ul{
	background: none; margin: 0px; padding: 0; outline: 0px; border: 0px activeColor; border-image: none; font-size: 100%; vertical-align: baseline; 
}
.side_menu li{
	display: inline; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid; position: relative; 
}
.side_menu dl {
	display: none; background: none; margin: 0px; padding: 10px 0 20px 0; outline: 0px; border: 0px activeColor; border-image: none; font-size: 100%; vertical-align: baseline; padding-left: 17px;  
}
.side_menu a {
	margin-bottom:1px; transition: all .4s ease;  color: var( --fontColor ); cursor: pointer; font-family: var(--d71); font-weight: 100;
}
.side_menu.WW a {
	color: var( --fontColor ); 
}
.side_menu dl.active {
	display: block; 
}
.side_menu.WW dl a::before {
	background-color: rgb(255, 255, 255);
}
.side_menu.WW li.subMenu > a.active::before {
	background: rgb(255, 255, 255);
}
.side_menu.WW li.subMenu > a.active::after {
	background: rgb(255, 255, 255);
}
.side_menu.WW li.subMenu > a.minus::after {
	background-color: transparent;
}
.side_menu li > a {
	padding: 20px 12px 18px 12px; *letter-spacing: 0.5px; font-size: 1.05rem; display: block; line-height: 1.0;
}
.side_menu li > a.active {
	color: var( --side_menu_color ); background-color: rgba(var( --side_menu ));
}
.side_menu li > a b {
	color: var( --fontColor ); font-size: 0.88rem; font-weight: 400; margin-left: 10px;
}
.side_menu li > a:hover {
	color: var( --side_menu_color ); background-color: rgba(var( --side_menu ));
}
.side_menu.WW li > a:hover {
	color: #111; background: rgba(255, 255, 255, 0.9)
}
.side_menu.WW li > a.active {
	color: #111; background: rgba(255, 255, 255, 0.9)
}
.side_menu.WW li.subMenu > a.minus::before {
	background-color: #111;
}
.side_menu li.subMenu > a {
	position: relative; font-weight: 500; padding: 15px 10px; *letter-spacing: 0.5px; display: block;
}
.side_menu ul > li > a {
	border-bottom: 1px solid #d5d5d5 !important;
}
.side_menu li.subMenu > a::before {
	top: 50%; width: 7px; height: 1px; right: 5px; position: absolute; content: ""; background-color: var( --fontColor );
}
.side_menu li.subMenu > a::after {
	top: 50%; width: 7px; height: 1px; right: 5px; position: absolute; content: ""; background-color: var( --fontColor ); transform: rotate(90deg);
}
.side_menu li.subMenu > a.active::before {//-
	background: var( --BarColor );
}
.side_menu li.subMenu > a.active::after {//|
	background: var( --BarColor );
}
.side_menu li.subMenu > a.active.minus::before {
	background-color: rgb(255, 255, 255);
}
.side_menu li.subMenu > a.minus::after {
	background-color: transparent;
}
.side_menu li.subMenu > a:hover::before {
	background-color: var( --NavColor );
}
.side_menu li.subMenu > a:not(.active):not(.active1):hover::after {
	background-color: var( --NavColor );
}
.side_menu.WW li.subMenu > a:hover::before {
	background-color: #111;
}
.side_menu.WW li.subMenu > a:not(.active):not(.active1):hover::after {
	background-color: #111;
}
.subMenu dt {
	
}
.subMenu dt >a {
	padding-top: 5px; padding-bottom: 5px; padding-left: 17px; padding-right: 10px; font-size: 0.95rem; display: block; position: relative; font-weight: 100; min-height: 20px; transition: all .7s ease; line-height: 1.0; border:1px solid rgba(0,0,0,0)
}
.subMenu dt >a::before {
	position: absolute; left: -10px; top: 50%; width: 0px; height: 0px; transform: translate(0%, -50%);  content: ""; background-color: var( --fontColor ); transition: all .7s ease; 
}

.subMenu dt >a:hover { 
	padding-left: 25px;
}






.subMenu dt >a.active::before,
.subMenu dt >a:hover::before { 
	width: 15px; height: 2px;  background-color: var( --fontColor ); *rgba(var( --side_menu ));
}
.subMenu dt >a.active {
	*font-family: var(--d71); *cursor: default;
}
.side_menu.WW li.subMenu dt >a::before {
	background-color: #fff; 
}
.side_menu.WW li.subMenu dt >a.active::before {
	background-color: #fff; 
}
.subMenu dt >a{
	word-wrap: break-word;
}
.sectionTitle {
	display: block; position: relative; padding: 5px; font-size: 1.08rem; line-height: 1.7; font-weight: 400;  border-bottom-color: rgb(214, 214, 214); border-bottom-width: 3px; border-bottom-style: double; font-family: Oswald; 
}
.sectionTitle span{
	opacity: 0.75; font-family: Oswald; 
}
.contentBox .ListProd { 
	background-image: none;
}
@media all and (max-width:1024px)
{
	.contentBox {
		width: 100%;
	}
	.contentBox .rightBox {
		padding-left: 0%; padding-right: 0%; width: 100%;
	}
	.contentBox .leftBox {
		display: none;
	} 
}




#Waiting {
	display: inline-block; margin: 0; padding: 0;
}
#Waiting .column-pulse > div {
	background-color: #f0f0f0; width: 5px; height: 1px; margin: 1px; display: inline-block; -webkit-animation-fill-mode: both; animation-fill-mode: both; 
}
#Waiting .column-pulse > div:nth-child(1) {
	-webkit-animation: hh 1.5s -0.48s infinite; animation: hh 1.5s -0.48s infinite; 
}
#Waiting .column-pulse > div:nth-child(2) {
	-webkit-animation: hh 1.5s -0.24s infinite; animation: hh 1.5s -0.24s infinite; 
}
#Waiting .column-pulse > div:nth-child(3) {
	-webkit-animation: hh 1.5s 0s infinite; animation: hh 1.5s 0s infinite; 
}


.side_menu li > a.active #Waiting .column-pulse > div {
	background-color: var( --side_menu_color ); 
}
.side_menu li > a b #Waiting .column-pulse > div {
	background-color: var( --fontColor ); 
}
.side_menu li > a:hover #Waiting .column-pulse > div {
	background-color: var( --side_menu_color ); 
}
.side_menu.WW li > a:hover #Waiting .column-pulse > div {
	background-color: #111; 
}
.side_menu.WW li > a.active #Waiting .column-pulse > div {
	background-color: #111; 
}


@-webkit-keyframes hh 
{
	0% { height: 9px;  }
	50% { height: 1px;  }
	100% { height: 9px; }
}
@keyframes hh 
{
	0% { height: 9px;  }
	50% { height: 1px;  }
	100% { height: 9px; }
}