section { background-color: white;  }

#frame_prez {display: block; width: 560px; height: 315px; margin: 0 auto; margin-top: 30px;}

.content_part {overflow:hidden;clear:both;text-align:center; }
#content_part_1 {padding:40px 0px;}
#content_part_1 span {display:block;}
#content_part_2 { margin: 0px 0px; padding:20px 0px; }
#content_part_3 {padding:30px 0px 30px 0px;}
#content_part_2{font-size:19px;background-color:#3c5064;color:white;}
#content_part_2 p, #content_part_2 a {display:inline-block;line-height:36px;padding:0px 10px;}
#content_part_2 a {width:150px;}
#btn_join {margin-left:10px;padding:0px 10px;background-color:#3498db;color:white;border-radius:4px;}
#content_part_3 {margin:0 auto;}

#vignette_ctn {max-width:960px;margin:0 auto;table-layout:fixed;text-align:center;}
#vignette_ctn td:nth-child(2) {border-left:solid 1px #999;border-right:solid 1px #999;}
#vignette_ctn td img {width:26px;padding-bottom:15px;height:26px}

#vignette_ctn_11 {max-width:960px;margin:0 auto;table-layout:fixed;text-align:center;}
#vignette_ctn_11 td:nth-child(2) {border-left:solid 0px #999;border-right:solid 0px #999;}
#vignette_ctn_11 td img {width:106px;padding-bottom:15px;}

.content_item_ctn {padding:0px 20px;}
.content_item {display:inline-block;width:886px;padding:0px 0px;text-align:left;}
#content_item_2 {padding-top:20px; margin-top:20px;border:none;border-top:solid 1px #999;}
.content_item_title{padding-bottom:10px;font-size:14px;color:#3498db;}
.content_item_list{display:inline-block;padding-right:20px;}
.content_item_list:last-child{padding-right:0px;}
.content_item_list li {display:inline-block;width:200px;margin-right:20px;line-height:16px;padding:4px 0px;font-size:13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: default;}
.content_item_list li a {display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.content_item_list li:hover a {color:#3498db;}



@media only screen and (max-width: 950px){
	.content_item {width:auto;}
	.content_item_list li {width:30%;}
}

@media only screen and (max-width: 880px){
	#logo_add {display: none;}
}

@media only screen and (max-width: 860px){
	#content_part_2 a {display:block;margin:0 auto;margin-top:10px;}
}


@media only screen and (max-width: 700px){
	.content_item_list li {width:45%;}
}

@media only screen and (max-width: 560px){
	#frame_prez {width: 100%; height: 250px;}
}

@media only screen and (max-width: 450px){
	.content_item_list li {width:90%;}
}