/**/
.ellipsis_title{
  display: -webkit-box;
  height: 50px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis_text{
  display: -webkit-box;
  height: 100px;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.endorse_text{
  display: -webkit-box;
  height: 20px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid_style .ellipsis_title{
    display: -webkit-box;
    height: 55px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list_style .ellipsis_title{
    display: -webkit-box;
    height: 45px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid_style .ellipsis_text{
  display: -webkit-box;
  height: 220px;
  -webkit-line-clamp:10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list_style .ellipsis_text, .list_style .act_ellipsis_title {
  display: -webkit-box;
  height: 85px;
  -webkit-line-clamp:4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* whitebook */
iframe{
  background-color: transparent;
  border: 0px none transparent;
  padding-top: 0;
  overflow: hidden;
  /*
  width:100%;
  height:1246px;
  */
  margin: 0px auto;
  display:block;
}

.ckcls_iframe_align iframe{
	display: inline !important;
}

ol{
  margin-left:25px;
}    
  
/**/  
.slogan{
    height:100%;
	width:100%;
	/* position:absolute; */
	top:0px;
	left:0px;
    background-image:url(../images/index_1_new_02.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

.policy_slogan{
    background-image:url(../images/LECTURE_banner.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

.gov_contact_slogan{
    background-image:url(../images/offical_03.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

.privacy_slogan{
    background-image:url(../images/privacy_banner.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.about_slogan{
	background:url(../images/about_1_03.png) top center no-repeat;
	}

.member_slogan {
  background-image: url(../images/member_banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.member_slogan.v_banner{
	background-image: url(../images/member_v_banner.jpg);	
}

.sitemap_slogan {
  background-image: url(../images/sitemap_banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.faq_slogan {
  background-image: url(../images/faq_banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.guest_login{
  color:white;
}
.guest_login:hover{
  color:#ffcc1c;
}

.policy_title{
  cursor:pointer;
}
.policy_title:hover{
  color:#70b405
}

.footer_dnc_info{
  padding-top:10px;
}

/*pie chart fix*/
.progress_style.cfix {
	top:-10px;
	left:-10px;
	}
.progress_style .posAbs{
	position:absolute;
	}
.progress_style .posRel{
	position:relative;
	top:15px;
	left:12px;
	}
.chart_box.top_act.chart_number.cfix {
	position:relative;
	top:-130px;
	left:-14px;
	}
.chart_box.topAct.cfix {
	position:relative;
	top:-117px;
	left:-12px;
	}

/* email style*/
.smart-green {
    margin-left:auto;
    margin-right:auto;
    max-width: 70%;
    padding: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.smart-green h1 {
    font-size: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 30px -10px;;
    color: #888;
}
.smart-green h1>span {
    display: block;
    font-size: 11px;
}
.smart-green label {
    display: block;
    margin: 0px 0px 5px;
}
.smart-green label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
    color: #555;
    height: 30px;
    line-height:15px;
    width: 100%;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background: #FBFBFB;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.smart-green textarea{
    height:100px;
    padding-top: 10px;
}


/*page number*/	
.page_number .fleft:hover,.page_number .fright:hover{
    color:#555;
    }
.page_number a:hover,.page_number .current_page{
    background:#ffdb5d;
    }
.page_number .current_page{
  pointer-events: none;
  cursor: default;
	}
.page_number a:hover,.page_number .current_page_budget{
    background:#e5ddf4;
    }
.page_number .current_page_budget{
 	pointer-events: none;
  	cursor: default;
	}
.page_number .now{
  margin:0px auto;
  position: absolute;
  left: 50%;  
  width:auto;
  pointer-events: none;
  cursor: default;
  display:inline
}
.page_number .before{
  float: left;
  width:auto;
  display:inline
}
.page_number .next{
  float: right;
  width:auto;
  display:inline
}

/* 2016 idea new version */
#fastViewFinishIdea {
	overflow-y : hidden;
	display:none;
}

/**/
.similarIdeaBox{}
.similarIdeaBox .word,
.similarIdeaBox .counter {
	color: #5ba800;
}
.similarIdeaBox .counter {
	padding: 0 0.5rem;
}

.similarIdeaTable {
	width: 100%;
	border-collapse: collapse;
}
.similarIdeaTable .textLeft {
	text-align: left;
}
.similarIdeaTable td,
.similarIdeaTable th {
	border-bottom: 1px solid #E9E9E9;
}
.similarIdeaTable a.ideaLink {
	color: #5ba800;
}

.specialGroupBox .word,
.specialGroupBox .specialGroupName {
	color: #5ba800;
}
.search_info_box .word,
.search_info_box .counter {
	color: #5ba800;
}
.search_info_box .counter {
	padding: 0 0.5rem;
}
#similarIdaeLoading {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: none;
	margin-top: 40px;
}

/* styles for '...' */ 
.block-with-text {
  overflow: hidden;
  position: relative; 
  line-height: 1.2em;
  max-height: 1.2em; 
  text-align: justify;
  margin-right: 0em;
  padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: #f8f8f8;
}