.box-row {
	    padding: 0px 10px;
	}
	.box-body {
		width: 100%;
	    position: relative;
	    background: url(../images/BGmap.jpg) center center no-repeat;
	    background-size: cover;
        background-attachment: fixed;
        padding: 50px 0px;
	}
		.box-body .box-center {
		    width: 100%;
		    max-width: 1000px;
	        margin: 0px auto;
		    background: rgba(255, 255, 255, 0.9);
		}
			.box-body .box-center .box-thead {
				width: 100%;
				color: #fff;
				display: table;
				text-align: center;
			}
				.box-body .box-center .box-thead .thead {
				    width: 20%;
			        height: 40px;
				    padding: 5px 0px;
				    float: left;
				}
			
			.box-body .box-center .box-table {
			    margin: 5px;
			}
				.box-body .box-center .box-table::-webkit-scrollbar-track {
					background-color: #e5e5e5;
				}
				.box-body .box-center .box-table::-webkit-scrollbar {
					width: 6px;
					background-color: #e5e5e5;
				}
				.box-body .box-center .box-table::-webkit-scrollbar-thumb {
					background-color: #113f6e;
				}
					.box-body .box-center table {
						width: 100%;
						text-align: center;
					}
						.box-body .box-center table tr {
						    border-bottom: 1px solid #e5e5e5;
						    line-height: 30px;
						}
							.box-body .box-center table td {
								width: 20%;
								color: #0e3c5d;
							    vertical-align: middle;
						        line-height: 20px;
							    padding: 7px 0px;
							}
							.box-body .box-center table td a {
								color: #ffffff;
							    background: #252525 !important;
							    border: 0;
							    padding: 5px 22px;
							    font-family: Pridi,serif;
							    font-size: 14px;
							    border-radius: 4px;
							    cursor: pointer;
							    margin: 0px auto;
							    display: block;
							    width: 100px;
							}
			
		
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.box-body {
	    background-size: auto 100%;
	}
	
}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.box-body {
        background-position-x: right;
	}
	.box-body .box-center {
	    padding: 30px;
	    background-clip: content-box;
	}
	.box-body .box-center .box-thead {
		display: none;
	}
	.box-body .box-center .box-table {
	    max-height: none;
	}
	.box-body .box-center table tr {
	    line-height: 22px;
	    padding: 15px;
	    display: block;
	}
	.box-body .box-center table td {
        display: inherit;
	    width: 100%;
	    padding: 6px 5px !important;
    }
	.box-body .box-center table td:nth-child(1)::before {
	    content: "ประเทศ : ";
	}
	.box-body .box-center table td:nth-child(2)::before {
	    content: "กลุ่ม : ";
	}
	.box-body .box-center table td:nth-child(3)::before {
	    content: "งบประมาณ : ";
	}
	.box-body .box-center table td:nth-child(4)::before {
	    content: "รายงานงบประมาณ : ";
	}
	.box-body .box-center table td:nth-child(5)::before {
	    content: "รายงานสรุปงบประมาณ : ";
	}
	.box-body .box-center table td a {
        margin-top: 10px;
        display: inline-block;
	}
}