.news_list,.event_list{
	margin-bottom:30px;
}
.news_list li{
	list-style:none;
}
.news_link{
	display: table;
	width:100%;
	border-bottom:1px solid #e5e5e5;
}
.news_link:hover{
	background-color:#e5e5e5;
}

.news_link div,.news_subject{
	display:table-cell;
}
.subject{
	padding-bottom:10px;
	border-bottom:3px solid #bc9948;
	display: table;
	width: 100%;
}
.news_subject{
	color:#bc9948;
}
.news_subject:first-child{
	width:20%;
	max-width: 227px;
	text-align:center;
}
.news_subject:first-child span{
	padding-left: 30px;
}
.news_subject:last-child span{
	padding-left:15px;
}
.news_date{
	width:20%;
	max-width: 227px;
	font-size:14px;
	color:#b51621;
	padding: 19px 0;
}
.news_date span{
	padding-left:44%;
}
.news_title{
	line-height:24px;
	padding: 18px 15px;
}
.news_title span{
	display:none;
	font-size:14px;
	margin-left:15px;
	color:#bc9948;
	line-height: normal;
}
.news_title span .fa{
	font-size:15px;
}
.report_img{
	width:33.33%;
	max-width:320px;
	display:inline-block;
}
.event{
	padding:40px 0;
	border-bottom:1px solid #e5e5e5;
}
.event_container,.tvc_container{
	max-width:960px;
	margin:0 auto;
}
.event:first-child{
	padding-top:0;
}
.event:nth-child(odd) .report_img,.event:nth-child(odd) .event_content{
	float:left;
}
.event:nth-child(odd) .event_content{
	padding-left:50px;
}
.event:nth-child(even) .report_img,.event:nth-child(even) .event_content{
	float:right;
}
.event:nth-child(even){
	text-align:right;
}
.event:nth-child(even) .event_content{
	padding-right:50px;
}
.event_content{
	width:66.66%;
}
.event_date{
	color:#b51621;
	font-size:14px;
	margin-bottom:15px;
}
.event_title{
	font-size:18px;
	margin-bottom:20px;
}
.event_title:hover{
	text-decoration:underline;
}
.event_text{
	line-height:24px;
}
.event_text span {
    font-size: 14px;
    color: #bc9948;
    line-height: normal;
}
.news_info_date{
	font-size:14px;
	color:#b51621;
}

#tv_video{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
#tv_video iframe, #tv_video object, #tv_video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
}

.tvc_list{
	padding-top:25px;
}
.video{
	width:33.3%;
	float:left;
	margin-bottom:20px;
}

.video_bg {
    position: relative;
}
.video_bg img{
	width:100%;
}
.video_bg:hover .video_overlay{
	opacity:1;
}
.video_overlay{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color:rgba(27,27,27,0.5);
	opacity:0;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor:pointer;
}
.video_play {
    width: 76px;
    height: 55px;
    background-color: rgba(49,49,49,0.8);
    background-image: url('../../images/karihome_video_btn.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -38px;
    margin-top: -26px;
}
.video_title{
	margin:8px 0;
	line-height:24px;
}
.video_title span{
	cursor:pointer;
}
.video_title span:hover{
	text-decoration: underline;
}
@media screen and (min-width: 900px){
	.news_link:hover .news_title span{
		display:inline;
	}
	.news_info_date{
		padding:0 0 6px 105px;
	}
	.video:nth-child(3n+1){
		padding-right:6.33px;
		clear:left;
	}
	.video:nth-child(3n+2){
		padding-right:3.66px;
		padding-left:3.66px;
	}
	.video:nth-child(3n){
		padding-left:6.33px;
	}

}
@media screen and (max-width: 899px){
	.news_subject:first-child span {
		white-space: nowrap;
    	padding: 0 15px;
	}
	.news_date{
		text-align:center;
	}
	.news_date span{
		padding: 0 15px;
	}
	.report_img,.event_content{
		width:50%;
	}
	.event:nth-child(odd) .event_content{
		padding-left:15px;
	}
	.event:nth-child(even) .event_content{
		padding-right:15px;
	}
	.tvc_list {
		padding-left: 15px;
		padding-right: 15px;
	}
	.video{
		width:50%;
	}
	.video:nth-child(odd){
		padding-right:7.5px;
		clear:left;
	}
	.video:nth-child(even){
		padding-left:7.5px;
	}

}
@media screen and (max-width: 639px){
	.event_container{
		padding:0 15px;
		text-align: center;
	}
	.event:nth-child(odd) .report_img,.event:nth-child(odd) .event_content,.event:nth-child(even) .report_img,.event:nth-child(even) .event_content{
		float:none;
		padding:0;
		text-align:left;
	}
	.event .event_container .report_img{
		text-align:center;
	}
	.report_img,.event_content{
		width:100%;
	}
	.event_date{
		margin-top:15px;
	}
	.video{
		width:100%;
	}
	.video:nth-child(odd),.video:nth-child(even){
		padding:0 15px;
	}

}


[data-loader='ball-auto']
{
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index:-1; 

    animation: ball-auto 2.5s infinite linear;

    box-shadow: 0 -20px 0 -3px #de5454,
    20px 0 0 -3px #1ecaba,
    0 20px 0 -3px #ffeb02,
    -20px 0 0 -3px #2c89e8;
}
@-webkit-keyframes ball-auto
{
    0%
    {
        transform: rotate(0);
    }
    45%
    {
        transform: rotate(360deg);

        border-radius: 100%;
        box-shadow: 0 -20px 0 10px #de5454,
        20px 0 0 10px #1ecaba,
        0 20px 0 10px #decf20,
        -20px 0 0 10px #2c89e8;
    }
    100%
    {
        transform: rotate(720deg);
    }
}
@-moz-keyframes ball-auto
{
    0%
    {
        transform: rotate(0);
    }
    45%
    {
        transform: rotate(360deg);

        border-radius: 100%;
        box-shadow: 0 -20px 0 10px #de5454,
        20px 0 0 10px #1ecaba,
        0 20px 0 10px #decf20,
        -20px 0 0 10px #2c89e8;
    }
    100%
    {
        transform: rotate(720deg);
    }
}
@-o-keyframes ball-auto
{
    0%
    {
        transform: rotate(0);
    }
    45%
    {
        transform: rotate(360deg);

        border-radius: 100%;
        box-shadow: 0 -20px 0 10px #de5454,
        20px 0 0 10px #1ecaba,
        0 20px 0 10px #decf20,
        -20px 0 0 10px #2c89e8;
    }
    100%
    {
        transform: rotate(720deg);
    }
}
@keyframes ball-auto
{
    0%
    {
        transform: rotate(0);
    }
    45%
    {
        transform: rotate(360deg);

        border-radius: 100%;
        box-shadow: 0 -20px 0 10px #de5454,
        20px 0 0 10px #1ecaba,
        0 20px 0 10px #decf20,
        -20px 0 0 10px #2c89e8;
    }
    100%
    {
        transform: rotate(720deg);
    }
}
