.bypc-siteGroup {
	float: left;
	display: block;
	width: 100%;
}


/* siteGroup header */

.bypc-siteGroup .bypc-siteGroup-header {
	float: left;
	display: block;
	/*padding: 10px 5px 0 15px;*/
	padding: 5px;
	width: 100%;
	border-bottom: 1px solid #DFE4EA;
	overflow: hidden;
}

.bypc-siteGroup-header {
	float: left;
	display: block;
	/*padding: 10px 5px 0 15px;*/
	padding: 5px 5px 5px 15px;
	width: 100%;
	/*border-top: 1px solid #0E56C2;*/
	border: none;
	background-color: #F9F9F9;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(15deg, #F1F2F6, #F9F9F9);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(15deg, #F1F2F6, #F9F9F9);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	overflow: hidden;
}

.bypc-siteGroup-header .title {
	float: left;
	display: inline-block;
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	font-weight: 350;
	line-height: 30px;
	letter-spacing: 1px;
	text-shadow: 0 2px 1px #FFF, 2px 0 1px #FFF, 0 -2px 1px #FFF, -2px 0 1px #FFF;
}

.bypc-siteGroup-header .title::before {
	float: left;
	display: inline;
	content: "";
	position: absolute;
	top: -5px;
	left: 0;
	width: 15px;
	height: 40px;
	/*background-color: #FF0000;*/
	background-color: #0E56C2;
	transform: skewX(45deg);
	opacity: 0.1;
}

.bypc-siteGroup-header .title::after {
	float: left;
	display: inline;
	content: "";
	position: absolute;
	top: -5px;
	left: -15px;
	width: 15px;
	height: 40px;
	/*background-color: #FF0000;*/
	background-color: #FF0000;
	transform: skewX(45deg);
	opacity: 0.1;
}

.bypc-siteGroup-header .title a {
	float: left;
	display: inline;
	position: relative;
	z-index: 19;
}

.bypc-siteGroup-header .subTitle {
	float: right;
	display: inline-block;
	margin-top: 8px;
	font-family: arial, simsun;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #0E56C2;
	text-align: right;
}

.bypc-siteGroup-header .subTitle i {
	margin-left: 5px;
	margin-right: 5px;
}


/* siteGroup list */

.bypc-siteGroup .bypc-siteGroup-list {
	float: left;
	display: block;
	width: 100%;
}

.bypc-siteGroup-list ul {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFF;
	border: 1px solid #F0F0F0;
}

.bypc-siteGroup-list ul li {
	float: left;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	flex-direction: row;
	-webkit-flex-direction: row;
	gap: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	width: 100%;
	font-size: 16px;
	line-height: 28px;
}

.bypc-siteGroup-list ul li:not(:first-of-type) {
	border-top: 1px dashed #F0F0F0;
}

.bypc-siteGroup-list ul li span {
	float: left;
	display: inline-block;
	flex: 1 1 auto;
}

.bypc-siteGroup-list ul li .number,
.bypc-siteGroup-list ul li .name,
.bypc-siteGroup-list ul li .logo,
.bypc-siteGroup-list ul li .summary {
	flex: 0 0 auto;
}

.bypc-siteGroup-list ul li .number {
	order: -2;
	width: 40px;
	/*width: 45px;*/
	font-size: 18px;
	font-style: italic;
	color: #AAA;
	text-align: center;
}

.bypc-siteGroup-list ul li .name {
	order: 0;
	padding-left: 10px;
	/* with logo*/
	/* width: 100px; */
	width: 120px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px;
}

.bypc-siteGroup-list ul li .logo {
	order: 0;
	position: relative;
	width: 120px;
	height: 48px;
	/*width: 40px;
	height: 48px;*/
	overflow: hidden;
}

.bypc-siteGroup-list ul li .logo img {
	float: left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*width: 120px;
	height: 48px;*/
}

.bypc-siteGroup-list ul li .domain {
	order: 0;
	font-family: arial;
	font-size: 20px;
	font-weight: 300;
	/* with logo*/
	/* text-align: center; */
}

.bypc-siteGroup-list ul li .summary {
	order: 0;
	width: 420px;
	/*width: 450px;*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: normal;
	font-size: 17px;
	font-weight: 300;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bypc-siteGroup-list ul li a:hover {
	color: #0000FF;
}


/* siteGroup list */

.bypc-siteGroup .bypc-siteGroup-declaration {
	float: left;
	display: block;
	margin-top: 15px; 
    margin-bottom: 15px;
    padding: 15px 25px 5px 25px;
    width: 100%;
    background-color: #F9F9F9;
}

.bypc-siteGroup .bypc-siteGroup-declaration .title {
    float: left;
    display: block;
    position: relative;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
}

.bypc-siteGroup .bypc-siteGroup-declaration .title::before {
	float: left;
	display: inline-block;
	content: "";
	position: absolute;
	top: 5px;
	left: -25px;
	width: 5px;
	height: 20px;
	background-color: #EE0000;
}

.bypc-siteGroup .bypc-siteGroup-declaration .content {
    float: left;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 17px;
    line-height: 28px;
    color: #666;
}