@charset "utf-8";

.group_text {
	padding-right:40px;
	font-size:16px;
}
.group_text b.number {
	font-size:12px;
	margin-right:15px;
}
.group_text b.topic { font-size:18px;}
.group_text p.detail {
	margin-left:30px; margin-bottom:17px; padding:0; position:relative;
	/* number of lines to show 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical;
	*/
	}
.group_text a{ color:#fff; }
.group_text a:hover { color:#d8ff8a;}	
.group_text a.more { color:#fff; }
.group_text a.more:hover { color:#d8ff8a;}

.group_photo {font-size:10px; font-weight:bolder; line-height:14px;}

.group_photo a { color:#fff; font-weight:bold;}
.group_photo a:hover { color:#d8ff8a; }
/*
.group_photo a img {
	transform:scale(1);
	transition:all 0.20s linear 0s;
	-o-transition:all 0.20s linear 0s;
	-ms-transition:all 0.20s linear 0s;
	-moz-transition:all 0.20s linear 0s;
	-webkit-transition:all 0.20s linear 0s;
}
.group_photo a:hover img {
	transform:scale(1.15);
	transition:all 0.20s linear 0s;
	-o-transition:all 0.20s linear 0s;
	-ms-transition:all 0.20s linear 0s;
	-moz-transition:all 0.20s linear 0s;
	-webkit-transition:all 0.20s linear 0s;
}
*/

.group_photo .photo_left {  padding-right:10px;}
.group_photo .photo_left img{ margint-bottom:0;}
.group_photo .photo_left .number{ position:relative; top:-5px;}

.group_photo .photo_right { }
.group_photo .photo_right .photo_h-50per { height:calc(50% - 20px); max-height:calc(50% - 20px); min-height:116px; display:block; overflow:hidden;}
.group_photo .photo_right .photo_h-50per > a { width:100%; height:100%; display:block;}	
.group_photo .photo_right .photo_number { height:20px;}	

#two img { background-position:top center;}
.spacer_h-20px.show-768px { display:none !important; visibility:hidden !important;}

#home_photo { margin-bottom:10px;}

@media all and (min-width: 1919px){
.group_photo .photo_right .photo_h-50per { height:calc(50% - 19px); max-height:calc(50% - 19px); min-height:216px; display:block; overflow:hidden;}
}


@media all and (max-width: 1024px) and (min-width: 769px){
	/*
	.group_photo .photo_left { width:100%; padding-right:0;}
	.group_photo .photo_right { width:100%;}
	*/
}


@media all and (max-width: 1440px){
	p.detail.limit_line3 {
		line-clamp: 2; 
		-webkit-line-clamp: 2;
	}
}


@media all and (max-width: 1366px){
	p.detail.limit_line3 { font-size:14px;}
	.group_text b.topic { font-size:16px;}
}


@media all and (max-width: 1024px){
	p.detail.limit_line3 { font-size:10px;}
	.group_text b.topic { font-size:11px;}
}


@media all and (max-width: 768px){
	.block_green { margin-top:15px;}
	.home.block_p_l-30px { padding-left:0; margin-top:30px;}
	.spacer_h-20px.show-768px { display:inline-block !important; visibility:visible !important;}
	p.detail.limit_line3 {
		font-size:16px;
		line-clamp: 3; 
		-webkit-line-clamp: 3;
		}
	.group_text b.topic { font-size:18px;}
	.group_text { padding-right:0;}

	#blockContainer {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	#home_logo {
		margin-bottom:0;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	#home_photo {
		margin-bottom:10px;
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}
	#home_green {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		box-ordinal-group: 3;
	}
}


@media all and (max-width: 480px){
	.group_photo .photo_left { width:100%; height:auto !important; max-height:none !important; padding-right:0;}
	.group_photo .photo_right { width:100%; height:auto !important; max-height:none !important; }
	.group_photo .photo_right .photo_h-50per { height:auto; max-height:none; width:100%; display:block; overflow:hidden;}
}