.cd-img-replace {		 
		  display: inline-block;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		}
		
		.overflow-hidden {
		  overflow: hidden;
		}
		
		.cd-main-content { 
		  min-height: 100%;
		  position: relative;
		
		  z-index: 2;
		  /*padding-top: 45px;*/
		 
		  /*-webkit-transform: translateZ(0);*/
		  -webkit-backface-visibility: hidden;
		  -webkit-transition-property: -webkit-transform;
		  -moz-transition-property: -moz-transform;
		  transition-property: transform;
		  -webkit-transition-duration: 0.4s;
		  -moz-transition-duration: 0.4s;
		  transition-duration: 0.4s;
		}
		.cd-main-content.lateral-menu-is-open {
		
		  -webkit-transform: translateX(-75%);
		  -moz-transform: translateX(-75%);
		  -ms-transform: translateX(-75%);
		  -o-transform: translateX(-75%);
		  transform: translateX(-75%);
		  -webkit-filter:blur(3px);
		}
		@media only screen and (min-width: 768px) {
		  .cd-main-content {
		   
		  }
		}
		
		header {
		  position: relative;
		  width: 100%;
		  z-index: 3;
		  -webkit-transform: translateZ(0);
		  -webkit-backface-visibility: hidden;
		  -webkit-transition-property: -webkit-transform;
		  -moz-transition-property: -moz-transform;
		  transition-property: transform;
		  -webkit-transition-duration: 0.4s;
		  -moz-transition-duration: 0.4s;
		  transition-duration: 0.4s;
		}
		header.lateral-menu-is-open {
		  
		  -webkit-transform: translateX(-75%);
		  -moz-transform: translateX(-75%);
		  -ms-transform: translateX(-75%);
		  -o-transform: translateX(-75%);
		  transform: translateX(-75%);
		}
		header.is-fixed {
		  position: fixed;
		}
		
		
		#cd-logo {
		  display: block;
		  float: left;
		  margin: 12px 0 0 20px;
		}
		#cd-logo img {
		  display: block;
		}
		@media only screen and (min-width: 768px) {
		  #cd-logo {
		    margin: 22px 0 0 30px;
		  }
		}
		
		#cd-top-nav {
		  position: absolute;
		  top: 0;
		  right: 120px;
		  height: 100%;
		  display: none;
		}
		#cd-top-nav ul {
		  height: 100%;
		  padding-top: 18px;
		}
		#cd-top-nav li {
		  display: inline-block;
		  margin-right: 1em;
		}
		#cd-top-nav a {
		  display: inline-block;
		  padding: .5em;
		  color: #FFF;
		  text-transform: uppercase;
		  font-weight: 600;
		}
		
		.no-touch #cd-top-nav a:hover {
		  
		}
		@media only screen and (min-width: 768px) {
		  #cd-top-nav {
		    display: block;
		  }
		}
		
		#cd-menu-trigger {
		  right: 0;
		  top: 0;
		  height: 100%;
		  width: 50px;
		  
		}
		#cd-menu-trigger .cd-menu-text {
		  height: 100%;
		  text-transform: uppercase;
		  color: #FFF;
		  font-weight: 600;
		  display: none;
		}
		#cd-menu-trigger .cd-menu-icon {
		 
		  display: inline-block;
		  position: absolute;
		  left: 50%;
		  top: 50%;
		  bottom: auto;
		  right: auto;
		  -webkit-transform: translateX(-50%) translateY(-50%);
		  -moz-transform: translateX(-50%) translateY(-50%);
		  -ms-transform: translateX(-50%) translateY(-50%);
		  -o-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%);
		  width: 18px;
		  height: 2px;
		  
		  
		}
		#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
		  content: '';
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  background-color: inherit;
		  left: 0;
		}
		#cd-menu-trigger .cd-menu-icon::before {
		  bottom: 5px;
		}
		#cd-menu-trigger .cd-menu-icon::after {
		  top: 5px;
		}
		#cd-menu-trigger.is-clicked .cd-menu-icon {
		 
		}
		
		#cd-menu-trigger.is-clicked .cd-menu-icon::before {
		  bottom: 0;
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		#cd-menu-trigger.is-clicked .cd-menu-icon::after {
		  top: 0;
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -ms-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}
		@media only screen and (min-width: 768px) {
		  #cd-menu-trigger {
		    width: 110px;
		    padding-left: 1.25em;
		  }
		  #cd-menu-trigger .cd-menu-text {
		    display: inline-block;
		    line-height: 70px;
		  }
		  #cd-menu-trigger .cd-menu-icon {
		    left: auto;
		    right: 1.25em;
		    -webkit-transform: translateX(0);
		    -moz-transform: translateX(0);
		    -ms-transform: translateX(0);
		    -o-transform: translateX(0);
		    transform: translateX(0);
		  }
		}
		
		#cd-lateral-nav {
		  position: fixed;
		  height: 100%;
		  right: 0;
		  top: 0;
		  visibility: hidden;
		  
		  z-index: 66;
		  width: 75%;
		  background-color: #ffffff;
		  overflow-y: hidden;
		 
		  -webkit-transform: translateZ(0);
		  -webkit-backface-visibility: hidden;
		  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
		  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
		  transition: transform .4s 0s, visibility 0s .4s;
		 
		  -webkit-transform: translateX(80px);
		  -moz-transform: translateX(80px);
		  -ms-transform: translateX(80px);
		  -o-transform: translateX(80px);
		  transform: translateX(80px);
		}
		
		#cd-lateral-nav .sub-menu {
		  padding: 0 10px 20px 15px;
		  display: none;
		}
		#cd-lateral-nav a {
		  display: block;
		
		}
		#cd-lateral-nav a.current {
		  
		  color: #FFF;
		}
		
		#cd-lateral-nav .nav-head{
			position: fixed;
			height:50px;
			margin: 0px;
			width:100%;
			background:#eee;
		}
		#cd-lateral-nav .nav-result{
			position: fixed;
			top:50px;
			margin: 0px;
			width:100%;
			height:44px;
			z-index:70;
			border-bottom:1px solid #eee;
		}
		#cd-lateral-nav .nav-content{
			position: relative;
			margin: 94px 0px 0px 0px;
			width:100%;overflow-y: auto;
			background:#ffffff;
			z-index:68;
		}
		
		#cd-lateral-nav .nav-head .clearBtn{float:right;margin-right:20px;width:70px;display: inline-block;font-size:14px;height:30px;line-height: 30px;text-align: center;padding:0px;border-radius:3px;background:#ffffff;border:1px solid #666;margin-top:10px;}
		#cd-lateral-nav .nav-head .clearBtn.shover{border:1px solid #ff0000;}
		
		#cd-lateral-nav .nav-head .nav-subBtn{float:right;margin-right:10px;width:70px;display: inline-block;font-size:14px;height:30px;line-height: 30px;text-align: center;color:#fff;background:#ff0000;border-radius:3px;border:1px solid #eee;margin-top:10px;}
		
		#cd-lateral-nav .nav-result .nav-result-text{
			width:94%;
			height:40px;
			margin:2px 3% 2px 3%;
			font-size:14px;
			line-height: 40px;text-align: center;vertical-align:middle;color:#a0a0a0;
		}
		
		#cd-lateral-nav .left-list{
			margin: 0px;
			width:39%;
			position: relative;
			float:left;
			border-right:1px solid #ddd;
			overflow-y: auto;
			height:100%;
			overflow-x:hidden;
		}
		#cd-lateral-nav .cd-nav-key {
			  margin: 0px;
			  width:100%;
			  height:auto;
			  position: relative;
			  float:left;
		  
		}
		#cd-lateral-nav .right-list{
			margin: 0px;
			width:59%;
			position: relative;
			float:left;
			overflow-x:hidden;
			overflow-y: auto;
			height:100%;
		}
		#cd-lateral-nav .cd-nav-value {
			  position: relative;
			  margin: 0px;
			  width:100%;
			  height:auto;
			  float:left;
		}
		.no-touch #cd-lateral-nav a:hover {
		  
		}
		@media only screen and (min-width: 768px) {
		  #cd-lateral-nav .cd-navigation {
		    margin: 20px 0;
			
		  }
		}
		#cd-lateral-nav.lateral-menu-is-open {
		  -webkit-transform: translateX(0);
		  -moz-transform: translateX(0);
		  -ms-transform: translateX(0);
		  -o-transform: translateX(0);
		  transform: translateX(0);
		  visibility: visible;
		  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
		  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
		  transition: transform .4s 0s, visibility 0s 0s;
		 
		  -webkit-overflow-scrolling: touch;
		}
		.focus-list{
			display:block;
		}
		.no-focus-list{
			display:none;
		}
		.no-focus-key{
			width:100%;
			height:32px;
			border-left:4px solid #ffffff;
			border-bottom:1px solid #ddd;
			font-size:14px;
			line-height: 32px;text-align: center;vertical-align:middle;color:#333;
		}
		.focus-key{
			width:100%;
			height:32px;
			border-left:4px solid #ff0000;
			border-bottom:1px solid #ddd;
			font-size:14px;
			line-height: 32px;text-align: center;vertical-align:middle;color:#ff0000;
		}
		.focus-key a{
			font-size:14px;
			line-height: 32px;text-align: center;vertical-align:middle;color:#ff0000;
		}
		.no-focus-value{
			width:90%;
			height:26px;
			margin:8px,5%;
			border:1px solid #ddd;
			font-size:14px;
			border-radius:4px;
			line-height: 26px;text-align: center;vertical-align:middle;color:#666;
		}
		.no-focus-value a{
			font-size:14px;
			line-height: 24px;text-align: center;vertical-align:middle;color:#666;
		}
		.focus-value{
			width:90%;
			height:26px;
			margin:8px,5%;
			border:1px solid #ff0000;
			border-radius:4px;
			font-size:14px;
			overflow: hidden;	
			line-height: 26px;text-align: center;vertical-align:middle;color:#ff0000;
		}
		.focus-value p{
			width:98%;
			height:100%;
			margin:0px 1% 0px 1%; 
			text-overflow: ellipsis;
			overflow: hidden;	
		   display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			text-align: center;vertical-align:middle;
			display:block;
		}
		
		.nav-result-name{
			width:94%;
			height:100%;
			margin:2px 3% 2px 3%;
			text-overflow: ellipsis;
			overflow: hidden;	
		   display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;	
			margin-top:0;
			font-size:14px;
			text-align: left;vertical-align:middle;
		}
		
.fixed{
	position: fixed;
}

.screening-mask{
	background-color:#000000;
	display:none;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
	position: fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:58;
}