.box-body .box-content {

}		
	.box-body .b-announce {
		padding: 0px 5px;
	    padding-bottom: 10px;
	}
		.box-body .b-announce .list {
		
		}
			.box-body .b-announce .list .box-list {
		        margin-bottom: 20px;
			    position: relative;
			    border-radius: 10px;
			    background: #fff;
			    border: 1px solid #c7c7c7;
		        overflow: hidden;
			}
				.box-body .b-announce .list .b-text {
				    width: 100%;
				    padding: 13px 20px;
				    font-size: 15px;
				    position: relative;
			        border-bottom: 1px solid #e5e5e5;
			        background: #ffc24d;
			        display: table;
			        width: 100%;
				}
					.box-body .b-announce .list h1 {
					    font-size: 1em;
					    color: #000000;
					    width: calc(100% - 125px);
					    float: left;
					    margin: 5px 0px;
					}
					.box-body .b-announce .list .b-text a {
					    float: right;
					    padding: 3px 20px;
				        margin: 2px 0px;
					}
					
				.box-body .b-announce .list .b-text.cursor-pointer {
				    cursor: pointer;
				}
					.box-body .b-announce .list .b-text.cursor-pointer::after {
					    content: "";
					    position: absolute;
					    border: 6px solid transparent;
					    border-top-color: #333;
					    display: block;
					    margin-right: 2px;
					    right: 10px;
					    top: calc(50% - 2px);
					}
					
				.box-body .b-announce .list .b-Viewed {
				    color: #7c7c7c;
				    padding: 10px 15px;
				    position: relative;
				}
					.box-body .b-announce .list .b-Viewed span {
				        font-size: 0.8em;
				        color: #7c7c7c;
					}
					
					.box-body .b-announce .list .b-Viewed .box-status {
				        position: absolute;
					    padding: 3px 10px;
					    right: 16px;
				        bottom: calc(50% - 15px);
				        color: #fff;
					    background: #e2be86;
					}
					.box-body .b-announce .list .b-Viewed .box-status.status2 {
					    background: #f58813;
					}
				
				.box-body .b-announce .list .box-download {
		
				}
					.box-body .b-announce .list .box-download .b-List {
			            width: 100%;
					    padding: 13px 0px;
					    color: #7c7c7c;
					    display: flex;
						background: #f9fafa;
						border-top: 1px solid #e0e1e1;
					}
					.box-body .b-announce .list .box-download .b-List:nth-child(even) {
						background: #eceded;
					}
						.box-body .b-announce .list .box-download .b-List .text::before {
						    content: "";
					        width: 30px;
						    height: 37px;
						    display: block;
						    background: url(../images/I-pdf.png) no-repeat center;
						    background-size: contain;
					        margin: -5px 27px -5px 22px;
			                float: left;
						}
						
						.box-body .b-announce .list .box-download .text {
							width: calc(100% - 150px);
					        word-break: break-all;
					        white-space: nowrap; 
						    text-overflow: ellipsis; 
					        overflow: hidden;
				            padding: 3px 10px 3px 0px;
						}
							
						.box-body .b-announce .list .box-download .botton {
						    width: 135px;
						    font-size: 12px;
						    text-align: center;
						    color: #959595;
						}
							.box-body .b-announce .list .box-download .botton a {
					            background: #ffc24c;
							    color: #000000;
							    padding: 3px 0px;
							    width: 100%;
							    max-width: 200px;
							    display: block;
							    text-align: center;
							    font-size: 16px;
							    border-radius: 20px;
							    margin: 0px auto ;
							    transition: .5s;
							}
						@media only screen and (min-width: 1025px) {
							.box-body .b-announce .list .box-download .botton a:hover {
				                background: #b57e31;
							}		
						}
						
	.box-body .box-pagination {
	    border-top: 1px solid #e5e5e5;
	    border-bottom: 1px solid #e5e5e5;
	}
							
/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {

	.box-body .b-announce .list .box-list {
	    width: 100%;
    }

}
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	@media screen and (orientation:portrait) {

	}
	@media screen and (orientation:landscape) {

	}
}

/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	@media screen and (orientation:portrait) {
		.box-body .b-announce .list .b-Viewed .box-status {
		    position: initial;
		    margin-top: 10px;
            text-align: center;
		}
		.box-body .b-announce .list h1 {
		    width: 100%;
	    }
		.box-body .b-announce .list .box-download .text {
		    width: 100%;
		    padding: 8px 10px;
	        word-break: normal;
            white-space: normal;
		}	
		.box-body .b-announce .list .box-download .botton {
		    width: 100%;
		}
		.box-body .b-announce .list .box-download .b-List {
		    display: block;
		}
	}
	@media screen and (orientation:landscape) {

	}
}