.box-body .box-content {

}
	.box-content span {
		color: #f58813;
		font-size: 0.8em;
	}
	.box-content h1 {
		margin: 0px;
		color: #000000;
		font-size: 1.3em;
	}
	.box-content .share {
	    float: right;
	}
		.box-content .share a {
	        float: left;
		    width: 30px;
		    height: 30px;
		    background: url(../images/I-FB.png) no-repeat center;
		    background-size: contain;
		    margin: 3px;
		    border-radius: 4px;
		    transition: opacity .5s;
		}
		.box-content .share a.I-TW {
		    background-image: url(../images/I-TW.png);
		}
		.box-content .share a.I-GP {
		    background-image: url(../images/I-GP.png);
		}
	@media only screen and (min-width: 1025px) {
		.box-content .share:hover a {
			opacity: .5;
		}
		.box-content .share a:hover {
			opacity: 1;
		}
	}
		
	.box-content p {
		
	}
	.box-content hr {
		border: 0;
	    border-bottom: 1px solid #e5e5e5;
        margin: 20px 0px;
	}
	.box-content h2 {
		margin: 0px;
		color: #000000;
		font-size: 1.1em;
		margin-bottom: 10px;
	}
	.box-content a.btn-youtube {
	    color: #fff;
	    background: #c4302b url(../images/Icon-youtube.png) no-repeat 28px center;
	    display: table;
	    line-height: 17px;
	    padding: 5px 30px 5px 60px;
	    border-radius: 25px;
	    text-align: center;
        margin: 10px 0px;
        transition: background .5s;
	}
@media only screen and (min-width: 1025px) {
	.box-content a.btn-youtube:hover {
		background-color: #f58714;
	}
}
	.box-content .gallery {
		display: table;
	    width: 100%;
	}
		.gallery a {
	        width: calc(25% - 10px);
		    border-radius: 15px;
	        margin: 5px;
		    overflow: hidden;
		    display: block;
		    float: left;
		}
			.gallery .img {
			    width: 100%;
			    height: 100%;
			    background-position: center;
			    background-size: cover;
			    transition: .5s;
			}
		@media only screen and (min-width: 1025px) {
			.gallery a:hover .img {
				transform: scale(1.05);
			}
		}
			.gallery .img img {
			    display: block;
			    width: 100%;
			    opacity: 0;
			}
		
	.box-content .file {
		
	}
		.box-content .file .list {
		    background: #e7eaec;
		    padding: 15px 20px;
		    border-radius: 11px;
		    margin-top: 10px;
	        position: relative;
	        padding-right: 160px;
	        display: table;
		    width: 100%;
		}
			.box-content .file img {
				display: block;
			    float: left;
			    width: 50px;
			    margin: 12px;
			    margin-left: 0px;
			}
			.box-content .file p {
			    margin: 0px;
			}
			.box-content .file .b-button {
			    position: absolute;
			    right: 0px;
			    top: 0px;
		        padding: 0px 15px;
			    height: 100%;
		        border-left: 1px solid rgba(255, 255, 255, 0.5);
			}
				.box-content .file .b-button .btn.b2 {
				    margin: 0px;
				    top: 50%;
				    transform: translateY(-50%);
				    position: relative;
				}
	
	.box-content a.btn.b2 {
		margin-top: 25px;
		display: table;
	    margin-bottom: 20px;
	}	
/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	
}
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	@media screen and (orientation:portrait) {
		.gallery a {
		    width: calc(50% - 10px);
	    }
	}
	@media screen and (orientation:landscape) {

	}
}

/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	@media screen and (orientation:portrait) {
		.gallery a {
		    width: calc(50% - 10px);
	    }
	    .box-content .file .b-button {
		    position: relative;
		    border: 0;
		}
		.box-content .file .list {
		    padding: 15px;
		}
		.box-content .file .b-button .btn.b2 {
		    transform: none;
		    margin: auto;
		    margin-top: 10px;
		}
		.box-content .file img {
		    float: none;
		    margin: auto;
		}
	}
	@media screen and (orientation:landscape) {
		.gallery a {
		    width: calc(25% - 10px);
	    }
	}
}