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

.mayor-140-1 {
	margin: 0;
	padding: 0;
	position: relative;
}

.mayor-140-1 .mayor-top {
	margin: 0;
	padding: 0;
	margin: 25px 0px;
	color: #4cbb11;
	font: 28px/35px 'kanit', Arial, sans-serif;
	font-weight: bold;
}

.mayor-140-1 .mayor-mid {
	margin: 0;
	padding: 0;
	position: relative;
	border:1px solid #b6924c;
	padding: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.mid-bg{
	background: url(../images/mayor-140-1/tt-b-2.png) top center no-repeat;
	}

.mayor-140-1 .mayor-mid .profile {

	font: 16px/22px 'kanit', Arial, sans-serif;
	z-index: 1;
}

.mayor-140-1 .mayor-mid .profile a {
	color: #ffffff;
}

.mayor-140-1 .mayor-mid .profile a:hover {
	color: #ffd800;
}

.mayor-140-1 .mayor-mid .tel {

	font: 16px/22px 'kanit', Arial, sans-serif;
	z-index: 1;
}

.mayor-140-1 .mayor-mid .tel a {
	color: #ffffff;
}

.mayor-140-1 .mayor-mid .tel a:hover {
	color: #ffd800;
}

.mayor-140-1 .mayor-mid .mayor-pic {
	margin: 0;
	padding: 0;
	text-align: center;
	padding-top: 11px;
}

.mayor-140-1 .mayor-mid .mayor-pic img {
	max-width: 100%;
	height: auto;
}

.mayor-140-1 .mayor-mid .mayor-text {
	margin: 0;
	padding: 15px;
	text-align: center;
	color: #008cff;
	/* background:url(../images/mayor-140-1/bg-name.png) top center no-repeat; */
	font: 23px/20px 'kanit', Arial, sans-serif;
	/* background-size: 100%; */
	/* bottom: -1px; */
}

.mayor-140-1 .mayor-mid .position {
	color: #fff;
	text-align: center;
}




.mayor-140-1 .mayor-mid .aumnat {
	padding: 13px;
}

.mayor-140-1 .mayor-mid .aumnat .title{
	background:url(../images/mayor-140-1/star.png) 0 50% no-repeat;
	font: 27px/27px 'lineseed', Arial, sans-serif;
	font-weight: bold;
	color:#ffdc64;
	padding: 10px 0;
	padding-left: 55px;
}
.mayor-140-1 .mayor-mid .aumnat .detail{
	font: 18px/23px 'kanit', Arial, sans-serif;
	color:#fff;
	margin-top: 4px;
}


.rank-text {
	font: 18px/24px 'Kanit', Arial, sans-serif;
	color: #363636;
	text-align: center;
	padding: 5px 0;
	margin-bottom:10px;
	border-bottom:#c5c5c5 2px solid;
}

.mayor-140-1 .mayor-mid .tel {
		 width:144px;
		 height:34px;
		 margin:0 auto;
		 padding: 7px 0;
		 text-indent: 34px;
		 font: 15px/20px 'Kanit', Arial, sans-serif;
		 background:url(../images/mayor-140-1/tel-bg.png) top center no-repeat;
		 color:#242424;
	}

@media (max-width: 374px) {
	.mayor-140-1 .mayor-mid .mayor-text {
		left: 0;
		width: 340px;
	}

	.rank-text {
		padding-bottom: 30px;
	}

	.mayor-140-1 .mayor-mid {
		width: 341px;
		background-size: 100% 100%;
	}

	.mayor-140-1 {
		padding-bottom: 20px;
	}

	.palad-mid {
		width: 341px;
		background-size: 100% 100%;
	}

	.palad-text {
		left: 0;
		width: 340px;
	}
}

@media (min-width: 375px) and (max-width: 413px) {
	.mayor-140-1 .mayor-mid .mayor-text {
		left: 0;
		/* width: 340px; */
	}

	.rank-text {
		/* padding-bottom: 30px; */
	}

	.mayor-140-1 .mayor-mid {
		/* width: 341px; */
		/* background-size: 100% 100%; */
		/* margin-bottom: 50px; */
	}

	.mayor-140-1 {
		padding-bottom: 0;
		margin-left: 0;
	}

	.palad-mid {
		/* width: 341px; */
		/* background-size: 100% 100%; */
	}

	.palad-text {
		left: 0;
		width: 340px;
	}
}

@media (min-width: 414px) and (max-width: 575px) {
	.mayor-140-1 .mayor-mid .mayor-text {
		left: 0;
		/* width: 340px; */
	}

	.rank-text {
		/* padding-bottom: 30px; */
	}

	.mayor-140-1 .mayor-mid {
		/* width: 341px; */
		/* background-size: 100% 100%; */
		margin-bottom: 50px;
	}

	.mayor-140-1 {
		padding-bottom: 20px;
		/* margin-left: 50px; */
	}

	.palad-mid {
		/* width: 341px; */
		/* background-size: 100% 100%; */
	}

	.palad-text {
		left: 0;
		width: 340px;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.mayor-140-1 .mayor-mid .mayor-text {
		left: 0;
		/* width: 340px; */
	}

	.rank-text {
		/* padding-bottom: 30px; */
	}

	.mayor-140-1 .mayor-mid {
		/* width: 341px; */
		/* background-size: 100% 100%; */
		margin-bottom: 50px;
	}

	.mayor-140-1 {
		padding-bottom: 20px;
	}

	.palad-mid {
		/* width: 341px; */
		/* background-size: 100% 100%; */
	}

	.palad-text {
		left: 0;
		width: 340px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.mayor-140-1 .mayor-mid .mayor-text {
		left: 31px;
		width: 340px;
	}

	.rank-text {
		padding-bottom: 30px;
	}

	.mayor-140-1 .mayor-mid {
		width: 400px;
		background-size: 100% 100%;
	}

	.mayor-140-1 {
		padding-bottom: 20px;
	}

	.palad-mid {
		width: 400px;
		background-size: 100% 100%;
	}

	.palad-text {
		left: 31px;
		width: 340px;
	}
}
@media (min-width: 1200px) and (max-width: 1280px) {
	.mayor-140-1 .mayor-mid .aumnat {
		padding: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.palad-pic img {
		max-width: 64%;
		height: auto;
	}

	.mayor-140-1 .mayor-mid .mayor-pic img {
		max-width: 63%;
		height: auto;
	}

	.mayor-140-1 .mayor-mid .mayor-text {
		/* font: 23px/24px 'thaisanslite', Arial, sans-serif; */
		/* padding-top: 40px; */
		left: 28px;
		/* width: 312px; */
	}

	.rank-text {
		/* padding-bottom: 30px; */
		font: 16px/20px'Kanit', Arial, sans-serif;
	}

	.mayor-140-1 {
		padding-bottom: 20px;
		/* width: 366px; */
	}

	.mayor-140-1 .mayor-mid {
		/* height: 355px; */
		width: 100%;
	}

	.mayor-140-1 .mayor-mid .profile {
		bottom: 0;
		left: 40px;
		font: 14px/22px 'kanit', Arial, sans-serif;
	}

	.mayor-140-1 .mayor-mid .tel {
		left: 111px;
		top: 391px;
		font: 14px/22px 'kanit', Arial, sans-serif;
	}

	.palad-mid {
		height: 352px;
		width: 100%;
	}

	.palad-text {
		font: 23px/24px 'thaisanslite', Arial, sans-serif;
		/* padding-top: 40px; */
		left: 27px;
		width: 312px;
	}

	.palad-mid .tel {
		 width:144px;
		 height:34px;
		 text-indent:60px;
		 font: 15px/25px 'Kanit', Arial, sans-serif;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	.palad-pic img {
		max-width: 64%;
		height: auto;
	}

	.mayor-140-1 .mayor-mid .mayor-pic img {
		max-width: 63%;
		height: auto;
	}

	.mayor-140-1 .mayor-mid .mayor-text {
		font: 23px/24px 'thaisanslite', Arial, sans-serif;
		/* padding-top: 40px; */
		left: 28px;
		/* width: 312px; */
	}

	.rank-text {
		/* padding-bottom: 30px; */
		font: 16px/20px'Kanit', Arial, sans-serif;
	}

	.mayor-140-1 {
		/* padding-bottom: 20px; */
		/* width: 366px; */
		/* margin-left: 90px; */
	}

	.mayor-140-1 .mayor-mid {
		/* height: 355px; */
		/* width: 100%; */
	}

	.mayor-140-1 .mayor-mid .profile {
		bottom: 0;
		left: 40px;
		font: 14px/22px 'kanit', Arial, sans-serif;
	}

	.mayor-140-1 .mayor-mid .tel {
		left: 111px;
		top: 391px;
		font: 14px/22px 'kanit', Arial, sans-serif;
	}

	.palad-mid {
		height: 352px;
		width: 100%;
	}

	.palad-text {
		font: 23px/24px 'thaisanslite', Arial, sans-serif;
		/* padding-top: 40px; */
		left: 27px;
		width: 312px;
	}

	.palad-mid .tel {
		bottom: 0;
		left: 40px;
	}
}


@media (min-width: 1200px) {
	...
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.palad-pic img {
		max-width: 71%;
		height: auto;
	}

	.mayor-140-1 .mayor-mid .mayor-pic img {
		/* max-width: 71%; */
		/* height: auto; */
	}

	.mayor-140-1 .mayor-mid .mayor-pic {
		padding-top: 26px;
	}

	.rank-text {
		font: 14px/20px 'kanit', Arial, sans-serif;
	}

	.palad-pic {
		padding-top: 47px;
	}

	.palad-mid {
		/* height: 257px; */
		/* width: 100%; */
	}

	.mayor-140-1 .mayor-mid {
		/* height: 257px; */
		/* width: 100%; */
	}


	.mayor-140-1 .mayor-mid .profile {
		left: 13px;
		/* top: 299px; */
		font: 16px/22px 'kanit', Arial, sans-serif;
		z-index: 1;
	}

	.palad-mid .tel {left: 16px;/* top: 301px; */font: 16px/22px 'kanit', Arial, sans-serif;}

	.mayor-140-1 .mayor-mid .tel {/* left: 85px; *//* top: 300px; */font: 16px/22px 'kanit', Arial, sans-serif;}

	.mayor-140-1 {
		/* width: 211px; */
	}

	.mayor-140-1 .mayor-mid .mayor-text {
		/* top: 253px; */
		font: 18px/12px 'kanit', Arial, sans-serif;
	}

	.palad-text {
		/* padding: 31px 7px; */
		/* width: 209px; */
		/* height: 92px; */
		font: 18px/12px 'kanit', Arial, sans-serif;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.palad-pic img {
		max-width: 71%;
		height: auto;
	}

	.mayor-140-1 .mayor-mid .mayor-pic img {
		/* max-width: 71%; */
		/* height: auto; */
	}

	.mayor-140-1 .mayor-mid .mayor-pic {
		padding-top: 25px;
	}

	.rank-text {
		font: 14px/20px 'kanit', Arial, sans-serif;
	}

	.palad-pic {
		padding-top: 46px;
	}

	.palad-mid {
		/* height: 257px; */
		/* width: 100%; */
	}

	.mayor-140-1 .mayor-mid {
		/* height: 257px; */
		/* width: 100%; */
	}


	.mayor-140-1 .mayor-mid .profile {
		left: 13px;
		/* top: 299px; */
		font: 16px/22px 'kanit', Arial, sans-serif;
		z-index: 1;
	}

	.palad-mid .tel {left: 16px;/* top: 301px; */font: 16px/22px 'kanit', Arial, sans-serif;}

	.mayor-140-1 .mayor-mid .tel {/* left: 85px; *//* top: 300px; */font: 16px/22px 'kanit', Arial, sans-serif;}

	.mayor-140-1 {
		/* width: 211px; */
	}

	.mayor-140-1 .mayor-mid .mayor-text {
		/* top: 253px; */
		/* font: 18px/12px 'kanit', Arial, sans-serif; */
	}

	.palad-text {
		/* padding: 31px 7px; */
		/* width: 209px; */
		/* height: 92px; */
		font: 18px/12px 'kanit', Arial, sans-serif;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.palad-pic img {
		max-width: 71%;
		height: auto;
	}

	.mayor-140-1 .mayor-mid .mayor-pic img {
		/* max-width: 71%; */
		/* height: auto; */
	}

	.mayor-140-1 .mayor-mid .mayor-pic {
		padding-top: 25px;
	}

	.rank-text {
		font: 14px/20px 'kanit', Arial, sans-serif;
	}

	.palad-pic {
		padding-top: 47px;
	}

	.palad-mid {
		/* height: 257px; */
		/* width: 100%; */
	}

	.mayor-140-1 .mayor-mid {
		/* height: 257px; */
		/* width: 100%; */
	}


	.mayor-140-1 .mayor-mid .profile {
		left: 13px;
		/* top: 299px; */
		font: 16px/22px 'kanit', Arial, sans-serif;
		z-index: 1;
	}

	.palad-mid .tel {left: 16px;/* top: 301px; */font: 16px/22px 'kanit', Arial, sans-serif;}

	.mayor-140-1 .mayor-mid .tel {/* left: 85px; *//* top: 300px; */font: 16px/22px 'kanit', Arial, sans-serif;}

	.mayor-140-1 {
		/* width: 211px; */
	}

	.mayor-140-1 .mayor-mid .mayor-text {
		/* top: 253px; */
		/* font: 18px/21px 'kanit', Arial, sans-serif; */
	}

	.palad-text {
		/* padding: 31px 7px; */
		/* width: 209px; */
		/* height: 92px; */
		font: 18px/21px 'kanit', Arial, sans-serif;
	}
}