@charset "utf-8";
/* CSS Document */

.download-113-1{
	margin:0;
	padding:0;
	padding:30px;
	border-top: #ca8bf6 4px solid;
	/* background:#fff url(../images/program/download-113-1/bg.jpg) top center no-repeat; */
}
.download-113-1 .download-top{
	margin:0;
	padding:0;
	text-align:center;
	font: 30px/50px 'anakotmai-light', Arial, sans-serif;
	color:#42a100;
	font-weight:bold;
}
.download-113-1 .download-top .count-sub{
	font: 16px/30px 'anakotmai-medium', Arial, sans-serif;
	color: #4388d2;
}
.download-113-1 .download-top .box_search_document{
	margin:0;
	padding:0;
}
.download-113-1 .download-top .box_search_document .btn-primary {
    color: #fff;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebeeeb+0,ffffff+100 */
background: #ebeeeb; /* Old browsers */
background: -moz-linear-gradient(top,  #ebeeeb 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ebeeeb 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ebeeeb 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeeeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    border-color: #d9dcd9;
}
	


.download-113-1 .download-mid{
	margin:0;
	padding:0;
}
.download-113-1 .download-block{
	margin:0;
	padding:0;
	margin-bottom:20px;
}
.download-113-1 .download-block .d-top{
	margin:0;
	padding:17px 0px;
	color: #5d18b7;
	font-weight:bold!important;
	border-bottom:1px solid #cccccc;
	font: 21px/30px 'anakotmai-light', Arial, sans-serif;
}
.download-113-1 .download-block .d-mid{
	margin:0;
	padding:0;
}
.download-113-1 .download-block .d-mid ul{
	margin:0;
	padding:0;
}
.download-113-1 .download-block .d-mid ul li{
	margin:0;
	padding: 4px 30px;
	border-bottom:1px solid #cccccc;
	transition:box-shadow .15s ease-in-out;
}
.download-113-1 .download-block .d-mid ul li:hover{	
	-webkit-box-shadow: -2px 4px 39px -1px rgba(0,0,0,0.25);
	-moz-box-shadow: -2px 4px 39px -1px rgba(0,0,0,0.25);
	box-shadow: -2px 4px 39px -1px rgba(0,0,0,0.25);
}
.download-113-1 .d-icon{
	margin:0;
	padding:0;
	
}
.download-113-1 .d-icon img{
	max-width:100%;
	height:auto;
}
.download-113-1 .d-subject{
	margin:0;
	padding:0;
}
.download-113-1 .d-subject .d-topic{
	font-weight:bold!important;
	font: 16px/24px 'anakotmai-light', Arial, sans-serif;
}
.download-113-1 .d-subject .d-topic a{
	color:#666666;
}
.download-113-1 .d-subject .d-topic a:hover{
	color:#000;
}
.download-113-1 .d-subject .d-size{
	color:#999999;
	font: 14px/24px 'anakotmai-light', Arial, sans-serif;
}
.download-113-1  .d-download{
	margin-top: 3px;
	color:#999999;
	font: 16px/24px 'anakotmai-light', Arial, sans-serif;
}
.download-113-1  .d-download:hover{
	cursor:pointer;
}
.download-113-1  .d-download:hover a{
	color:#000;
}
.download-113-1  .d-download a{
	color:#666666;
}
@media (max-width: 374px) { 
	.download-113-1{
	    padding: 30px 20px;	
	}
	.download-113-1 .download-block .d-mid ul li {
    	padding: 4px 0px;
	}
		.download-113-1 .d-icon{
		width:36px;
	}
	.download-113-1 .d-subject{
		width:229px;
	}
}
@media (min-width: 375px) and (max-width: 419px) { 
	.download-113-1{
	    padding: 30px 20px;	
	}
	.download-113-1 .download-block .d-mid ul li {
    	padding: 4px 0px;
	}
	.download-113-1 .d-icon{
		width:36px;
	}
	.download-113-1 .d-subject{
		width:242px;
	}
 }
@media (min-width: 420px) and (max-width: 575px) { 
	.download-113-1{
	    padding: 30px 20px;	
	}
	.download-113-1 .download-block .d-mid ul li {
    	padding: 4px 0px;
	}
		.download-113-1 .d-icon{
		width:36px;
	}
	.download-113-1 .d-subject{
		width:295px;
	}
 }
@media (min-width: 576px) and (max-width: 767px) { 
	.download-113-1{
	    padding: 30px 20px;	
	}
	.download-113-1 .download-block .d-mid ul li {
    	padding: 4px 0px;
	}
		.download-113-1 .d-icon{
		width:36px;
	}
	.download-113-1 .d-subject{
		width:378px;
	}
 }
@media (min-width: 768px) and (max-width: 991px) { 
	.download-113-1{
	    padding: 30px 20px;	
	}
	.download-113-1 .download-block .d-mid ul li {
    	padding: 4px 10px;
	}
 }
@media (min-width: 992px) and (max-width: 1199px) { 

 }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }