.top-btn{
	background:url(../images/block-all/bg-btn-top.png) top center no-repeat;
	height:104px;
	}
/***********************************/
.poror{
	background:#fff ;
	padding:10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-top:60px;
	position:relative;
	}
.poror .in-box{	
 	background:url(../images/poror/poror_0000.png) top center no-repeat;
}

.poror .in-box .pic{	
    padding-top:50px;
}

.poror .in-box .name{
    position:absolute;
    left:-12px;
    bottom:70px;
    width:90%;
    height:60px;
    background:url(../images/poror/poror_0004.png) top left no-repeat;
    font: 20px/20px 'Kanit', Arial, sans-serif;
    color: #fff;
    text-align:center;
    padding-left: 0px;
    padding-top: 14px;
}

.poror .in-box .po-btn{
	position:absolute;
    bottom:20px;
}

.poror .in-box .po-btn img{
	max-width: 46%;
	height:auto;
}
/*******************************/
.vision-all{
	
	
	}
.vision-all .v-left{
	padding-top:20px;
	font: 22px/30px 'Kanit', Arial, sans-serif;
	color: #fff;
	}
.vision-all .v-right{
	padding-top:20px;
	font: 22px/30px 'Kanit', Arial, sans-serif;
	color: #fff;
	}
.vision-all .v-logo{
	
	}	
.vision-all .v-logo img{
	max-width:100%;
	height:auto;
	
	}				
/*****************************************/
.block-all{
    position: relative;
    z-index: 1;
    /* background: url(../images/block-all/block-all-bg.jpg) top center no-repeat; */
    /* margin-top: -45px; */
 }

	
/***************************************************/	
	
.good-block{
	width:100%;
	height:auto;
	padding-top: 50px;
	} 
.good-block .top{
	width:100%;
	height:auto;
	position: relative;
    left: 10px;
	}
.good-block .title{
	padding-left:100px;
	height: 105px;
	font: 25px/122px 'Kanit', Arial, sans-serif;
	color: #fff;
	background:url(../images/block-all/top-j.png) 0 0 no-repeat;
	}	
.good-block .pic {
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}	
.good-block .pic img{
	max-width:100%;
	height:auto;
	-webkit-border-radius: 11px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.good-block .text{
	font: 17px/20px 'Kanit', Arial, sans-serif;
	
}
.good-block .text a{
	color: #fff;
}

.good-block .bullet{
	position:absolute;
	/* bottom: 86px; */
	left:0;
	right:0;
	}	
.fix-z{
	position:relative;
		z-index:1;
	}
/***************************************************/	
	
.sc-block{
	width:100%;
	height:auto;
	position:relative;
	background:url(../images/block-all/w-bg.png) top center no-repeat;
	background-size:100% auto;
	} 
.sc-block .top{
	width:100%;
	height:auto;
	position: relative;
    left: 10px;
	}
.sc-block .title{
	padding-left: 108px;
	height: 105px;
	font: 20px/100px 'Kanit', Arial, sans-serif;
	color: #ff7100;
	background:
	url(../images/block-all/top-k.png) 0 0 no-repeat;
	}	
.sc-block .mid{
	margin:0;
	padding:0;
	margin:0px 20px;
}
.sc-block .mid ul{
	margin:0;
	padding:0;
}
.sc-block .mid ul li{
	margin:0;
	padding: 13px 10px;
	padding-left: 28px;
	margin-bottom:11px;
	background: #fff url(../images/all-38-1/normal-2.png) 14px 21px no-repeat;
	border: 1px solid #ff7100;
	/* border-left: 5px solid #ffc107; */
	font: 16px/20px 'Kanit', Arial, sans-serif;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 8px 8px 14px -2px rgb(0 0 0 / 5%);
	-moz-box-shadow: 8px 8px 14px -2px rgba(0,0,0,0.05);
	box-shadow: 8px 8px 14px -2px rgb(0 0 0 / 5%);
}

.sc-block .mid ul li:hover{
	background: #ff9d00 url(../images/all-38-1/normal-5.png) 14px 21px no-repeat;
}
.sc-block .mid .select{
	background: #ff9d00 url(../images/all-38-1/normal-5.png) 14px 21px no-repeat;
	color:#fff;
}
.sc-block .mid .select a{	
	color:#fff;
}

.sc-block .mid ul li a{
	color:#010101;	
}
.sc-block .mid ul li:hover a{
	color:#fff;	
}


/***************************************************/
.executive-block{
	width:100%;
	height:auto;
	}
.executive-block .top-e{
	height:auto;
	position: absolute;
    right: 15px;
    top: 80px;
	}
.executive-block .title-e{
	width: 100%;
    height: auto;
    margin-top: 175px;
    font: 30px/25px 'Kanit', Arial, sans-serif;
    color: #fff;
    padding: 12px 0px;
	}
.executive-block .link-e{
	width:100%;
	height:auto;
	background:#844bfe;
	margin-top: 10px;
	padding: 5px 10px;
	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}
.executive-block .link-e ul{
	width:100%;
	height:auto;
	}	
.executive-block .link-e ul li{
	width:100%;
	height:auto;
	font: 16px/20px 'Kanit', Arial, sans-serif;
	background:url(../images/block-all/li-e.png) 0% 0% no-repeat;
	padding-left:20px;	
    margin-top: 10px;
	}	
.executive-block .link-e ul li a{
	color:#fff;
	}
.executive-block .link-e ul li a:hover{
	color:#fff;
	}
/**********************************************/
.bottom-all{
	width:100%;
	height:auto;
	margin-top: 340px;
	}

@media (max-width: 374px) { 
.block-all{
    /* background: url(../images/block-all/block-all-bg-m.jpg) top center no-repeat; */
 }
 
 .vision-all .v-left {
    padding-top: 34px;
    font: 10px/18px 'Kanit', Arial, sans-serif;
}

.vision-all .v-right {
    padding-top: 34px;
    font: 11px/18px 'Kanit', Arial, sans-serif;
}

.vision-all .v-logo img{
	max-width: 69%;
	height:auto;
	}	

.executive-block .top-e {
    position: relative;
    left: 12px;
    top: 0px;
	text-align: center;
}
.executive-block .title-e {
    margin-top: 15px;
	
}


	}
@media (min-width: 375px) and (max-width: 413px) {
.block-all{
    /* background: url(../images/block-all/block-all-bg-m.jpg) top center no-repeat; */
 }


.executive-block .top-e {
    position: relative;
    left: 12px;
    top: 0px;
	text-align: center;
}
.executive-block .title-e {
    margin-top: 15px;
	
}


.vision-all .v-left {
    padding-top: 34px;
    font: 13px/20px 'Kanit', Arial, sans-serif;
}

.vision-all .v-right {
    padding-top: 34px;
    font: 13px/20px 'Kanit', Arial, sans-serif;
}

.vision-all .v-logo img{
	max-width: 60%;
	height:auto;
	}
	
.poror .in-box .name{
    width: 76%;
}

}

@media (min-width: 414px) and (max-width: 575px) {

	
.block-all{
    /* background: url(../images/block-all/block-all-bg-m.jpg) top center no-repeat; */
 }


.good-block{
	    padding-top: 60px;
}
.executive-block .top-e {
    position: relative;
    left: 12px;
    top: 0px;
	text-align: center;
}
.executive-block .title-e {
    margin-top: 15px;
}


.vision-all .v-left {
    padding-top: 34px;
    font: 14px/20px 'Kanit', Arial, sans-serif;
}

.vision-all .v-right {
    padding-top: 34px;
    font: 14px/20px 'Kanit', Arial, sans-serif;
}

.vision-all .v-logo img{
	max-width: 55%;
	height:auto;
	}	
	
.poror .in-box .name{
    width:70%;
}	
	}
@media (min-width: 576px) and (max-width: 991px) {
	
.block-all {

}

.executive-block .top-e {
    position: relative;
    left: 12px;
    top: 0px;
	text-align: center;
}
.executive-block .title-e {
    margin-top: 15px;
}
.good-block{
    margin: 0 auto;
	    width: 81%;	
}
.mayor-pic {
    top: 20px;
	right: 265px;
}
.mayor-text {
    position: relative;
    top: 311px;
}

.executive-block {
    margin-top: 14px;
}

.poror .in-box .name{
    width:70%;
}
	}

@media (min-width: 768px) and (max-width: 991px) { 
.top-btn{
	background:url(../images/block-all/bg-btn-top-m.jpg) top center no-repeat;
	}

.vision-all .v-left{
	padding-top: 71px;
	font: 16px/22px 'Kanit', Arial, sans-serif;
	color: #fff;
	}
.vision-all .v-right{
	padding-top: 71px;
	font: 16px/22px 'Kanit', Arial, sans-serif;
	color: #fff;
	}
	
.poror{
	width: 568px;
	margin:0 auto;
	}

.poror .in-box .name{
    width: 50%;
}		
}
	
@media (min-width: 992px) and (max-width: 1199px) {
	.block-all {

}

.executive-block .top-e {
    position: relative;
    left: 12px;
    top: 0px;
	text-align: center;
}
.executive-block .title-e {
    margin-top: 15px;
}

.mayor-pic {
    top: 20px;
	right: 60px;
}
.mayor-text {
    position: relative;
    top: 311px;
	padding: 10px 10px;
}


.executive-block {
    margin-top: 13px;
}
.mayor-name {

    font: 21px/40px 'Kanit', Arial, sans-serif;
}
.mayor-rank {
    font: 17px/20px 'Kanit', Arial, sans-serif;
}
.mayor-buttom {
    font: 13px/20px 'Kanit', Arial, sans-serif;
}
	}
@media (min-width: 1200px) and (max-width: 1360px) {
	.executive-block .top-e {
    right: 30px;
}
.mayor-pic {
    right: 55px;
}
.mayor-text {
    width: 87%;
}
.mayor-buttom {
    font: 18px/20px 'Kanit', Arial, sans-serif;
}
	}