.box-body .box-content {

}
	.box-content .Head {
	    text-align: center;
	    color: #d49000;
	    font-size: 1.3em;
        font-weight: bold;
	}
 /* --------------------------------------------------- event-item --------------------------------------------------- */
.t-hd{
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.t-hd2{
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline-block;
}
.box-body .event-item {
	display: table;
    width: 100%;
    padding: 25px;
}
	.box-body .event-item .item {
	    width: 50%;
	    float: left;
	    padding: 20px 15px;
	    border-right: 1px solid #e5e5e5;
	}
	.box-body .event-item .item:nth-child(even) {
		border: 0px;
	}
		.box-body .event-item .item .img {
			overflow: hidden;
			border-radius: 15px;
			overflow: hidden;
			border-radius: 15px;
			background-position: center;
			background-size: cover;
			transition: .5s;
			float: left;
			width: 228px;
			margin-right: 15px;
		}
			.box-body .event-item .item img {
				display: block;
			    width: 100%;
			    opacity: 0;
			}
/*
		@media only screen and (min-width: 1025px) {
			.box-body .event-item .item:hover .img {
				transform: scale(1.05);
			}
		}
*/
			
		.box-body .event-item .item h1 {
			color: #000000;
			display: -webkit-box;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
			overflow: hidden;
			font-size: 1.1em;
			margin: 0px;
			height: 104px;
		    margin-bottom: 10px;
		}
		.box-body .event-item .item span {
			color: #035c98;
		}
		.box-body .event-item .item span+h1 {
		    height: 80px;
		    -webkit-line-clamp: 3;
		}
		.box-body .event-item .item .more {
		    color: #000000;
		    background: #ffc24c;
		    display: table;
		    padding: 0px 20px;
		    border-radius: 15px;
		    margin-top: 10px;
		    transition: background .5s;
		}
		@media only screen and (min-width: 1025px) {
			.box-body .event-item .item .more:hover {
			    background: #cacaca;
			}
		}
			
.box-body .button {
	
}
	.box-body .button .btn {
	    margin: 20px auto;
	    display: table;
	}

 /* --------------------------------------------------- event-today --------------------------------------------------- */
.box-body .event-today {
	display: table;
    width: 100%;
    padding: 25px;
    background: #e7eaec;
}
	.box-body .event-today .item {
        width: 33.33%;
	    float: left;
	    padding: 12px;
	}
		.box-body .event-today .item a {
			color: rgba(255, 255, 255, 0.7);
		}
			.box-body .event-today .item .img {
				overflow: hidden;
				border-radius: 15px;
				overflow: hidden;
				border-radius: 15px;
				background-position: center;
				background-size: cover;
				transition: .5s;
				width: 100%;
				margin-right: 15px;
			}
				.box-body .event-today .item img {
					display: block;
				    width: 100%;
				    opacity: 0;
				}
/*
			@media only screen and (min-width: 1025px) {
				.box-body .event-today .item:hover .img {
					transform: scale(1.05);
				}
			}
*/
				
			.box-body .event-today .item h1 {
				color: #000000;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				overflow: hidden;
				font-size: 1.1em;
				margin: 0px;
				height: 115px;
			    padding: 10px 2px;
			}
			.box-body .event-today .item .more {
			    color: #000000;
			    background: #ffc24c;
			    display: table;
			    padding: 0px 20px;
			    border-radius: 15px;
			    margin-top: 10px;
			    transition: background .5s;
			}
			@media only screen and (min-width: 1025px) {
				.box-body .event-today .item .more:hover {
				    background: #cacaca;
				}
			}

 /* --------------------------------------------------- box-album --------------------------------------------------- */
.box-body .box-album {
	display: table;
	width: 100%;
    padding: 25px;
    background: #e7eaec;
}
	.box-body .box-album .row1 ,
	.box-body .box-album .row2 {
	    float: left;
	    height: 35vw;
	    margin: 5px;
	}
	.box-album .row1 {
	    width: calc(30% - 10px);
	}
	.box-album .row2 {
	    width: calc(40% - 10px);
	}
		.box-album a {
		    width: 100%;
		    height: calc(50% - 10px);
		    border-radius: 20px;
		    margin-bottom: 10px;
		    overflow: hidden;
		    display: block;
		}
		.box-album .row2 a {
		    width: 100%;
		    height: calc(100% - 10px);
		    margin: 0px;
		}
			.box-album .img {
			    width: 100%;
			    height: 100%;
			    background-position: center;
			    background-size: cover;
			    transition: .5s;
			}
		@media only screen and (min-width: 1025px) {
			.box-album a:hover .img {
				transform: scale(1.05);
			}
		}
				
/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	
	.box-body .event-item .item {
	    width: 100%;
        border: 0px;
	}

}
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	@media screen and (orientation:portrait) {
		.box-body .box-album .row1 ,
		.box-body .box-album .row2 {
		    width: 100%;
		    height: 30vw;
	        margin: 0px;
		}
		.box-body .box-album .row2 {
		    height: 60vw;
		}
		.box-album a {
		    float: left;
		    width: calc(50% - 10px);
		    height: calc(100% - 10px);
		    margin: 5px;
		}
		.box-album .row2 a {
		    width: calc(100% - 10px);
		    height: calc(100% - 10px);
	        margin: 5px;
		}
	}
	@media screen and (orientation:landscape) {

	}
}

/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	.box-body .event-today ,
	.box-body .event-item ,
	.box-body .box-album {
	    padding: 25px 0px;
	}
	.box-body .event-today .item {
	    width: 100%;
    }
    
	@media screen and (orientation:portrait) {
		.box-body .event-item .item .img {
		    float: none;
		    width: 100%;
		}
		.box-body .event-item .item h1 {
	        height: auto !important;
		    max-height: 113px;
		    padding: 10px 2px;
		    -webkit-line-clamp: initial !important;
		}
		.box-body .box-album .row1 ,
		.box-body .box-album .row2 {
		    width: 100%;
		    height: 120vw;
	        margin: 0px;
		}
		.box-body .box-album .row2 {
		    height: 50vw;
		}
	}
	@media screen and (orientation:landscape) {
		.box-body .box-album .row1 ,
		.box-body .box-album .row2 {
		    width: 100%;
		    height: 30vw;
	        margin: 0px;
		}
		.box-body .box-album .row2 {
		    height: 60vw;
		}
		.box-album a {
		    float: left;
		    width: calc(50% - 10px);
		    height: calc(100% - 10px);
		    margin: 5px;
		}
		.box-album .row2 a {
		    width: calc(100% - 10px);
		    height: calc(100% - 10px);
	        margin: 5px;
		}
	}
}