.phuwa {
	background: #9eb887 url(../images/phuwa/box-pw-bg.jpg) top center no-repeat;
}

.province-name {
	width: 250px;
	padding-top: 55px;
	margin: 0 auto;
	font: 46px/48px 'Kanit', Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	background: linear-gradient(to right, #00d8b2 0%, #00b5ff 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.province-slogan {
	width: 430px;
	margin: 10px auto;
	font: 27px/35px 'Kanit', Arial, sans-serif;
	color: #666;
	letter-spacing: 2px;
}



.phuwa .logo {
	padding-bottom: 14px;
}

.phuwa .logo img {
	max-width: 100%;
	height: auto;
}

.phuwa .project {
	width: 100%;
	height: 287px;
	background: url(../images/phuwa/trang_0002.png) bottom center no-repeat;
	background-size: 100% 100%;

	-webkit-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
	-moz-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
	box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
}

.phuwa .project img {
	max-width: 100%;
	height: auto;
}


.phuwa .planner {
	font: 24px/31px 'THK2DJuly8', Arial, sans-serif;
	color: #f5eda5;
	background: #3f8906;
	border: #dbb737 1px solid;
	-webkit-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
	-moz-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
	box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
}

.phuwa .planner .text {
	font: 22px/27px 'THK2DJuly8', Arial, sans-serif;
	color: #fff;
}

.phuwa .planner .text1 {
	font: 26px/24px 'THK2DJuly8', Arial, sans-serif;
	color: #ffe96e;
	padding-top: 10px !important;
}

.phuwa .leader {
	width: 100%;
	/* height:287px; */
	position: relative;
	border: #dbb737 1px solid;
	background: #ddebd4 url(../images/phuwa/puwa-bg.jpg) bottom center no-repeat;
	/* padding: 15px; */
	-webkit-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
	-moz-box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
	box-shadow: 2px 5px 11px -1px rgba(0, 0, 0, 0.44);
}

.phuwa .leader .pic {
	position: relative;
	width: 100%;
	bottom: 0;
	text-align: center;
}

.phuwa .leader .pic img {
	max-width: 100%;
	height: auto;
}

.phuwa .leader .talk {
	font: 31px/20px 'THK2DJuly8', Arial, sans-serif;
	color: #3a720f;
	font-weight: bold;
}

.phuwa .leader .text {
	font: 16px/20px 'THSarabunNew', Arial, sans-serif;
	color: #484d45;
	text-indent: 30px;
}

.phuwa .leader .name1 {
	width: 100%;
	height: 55px;
	padding: 0 10px;
	background: #fff;
	right: 0;
	/* position: absolute; */
}

.phuwa .leader .name1 .name {
	font: 26px/20px 'THK2DJuly8', Arial, sans-serif;
	color: #172e05;
	/* text-align: right; */
	padding-top: 10px !important;
}

.phuwa .leader .name1 .rank {
	font: 20px/3px 'THK2DJuly8', Arial, sans-serif;
	color: #172e05;
	/* text-align: right; */
}

.phuwa .mission {
	width: 100%;
	background: #1e8c83;
}

.phuwa .mission .top {
	font: 23px/20px 'thaisanslite', Arial, sans-serif;
	color: #eee87b;
	font-weight: bold;
	margin-right: 5px;
}

.phuwa .mission .mid {
	margin-top: 5px;
	background: #12a397;
}

.phuwa .mission .mid ul {
	margin: 0;
	padding: 10px;
}


.phuwa .mission .mid ul li {
	margin: 0;
	padding: 0 0 20px 0;

	background: url(../images/phuwa/dot.png) bottom left repeat-x;
}


.phuwa .mission .mid ul li a {
	color: #fff;
}

.phuwa .mission .mid ul li .time {
	padding-left: 16px;
	font-size: 17px;
	color: #fff;
	background: url(../images/phuwa/ggg.png) 0px 8px no-repeat;
}

.phuwa .mission .mid ul li:nth-child(odd) .time {
	padding-left: 16px;
	font-size: 17px;
	color: #fff;
	background: url(../images/phuwa/bbb.png) 0px 8px no-repeat;
}


.phuwa .mission .mid ul li .text {
	font-size: 15px;
}

.phuwa-menu {
	width: 100%;
	height: auto;
	background: #5e8d3a;
	padding: 10px;
	position: relative;
	/* right: 0px; */
	/* top: 20px; */
	border: #dbb737 1px solid;
}

.phuwa-menu .p-list {
	width: 210px;
	/* height:54px; */
	font: 23px/20px 'THK2DJuly8', Arial, sans-serif;
	color: #fff;
	text-align: left;
	padding: 34px 20px;
}

.list-c1 {
	background: #21842c url(../images/phuwa/arrow.png) 94% 50% no-repeat;
}

.list-c2 {
	background: #4f8625 url(../images/phuwa/arrow.png) 94% 50% no-repeat;
}

.list-c3 {
	background: #3a720f url(../images/phuwa/arrow.png) 94% 50% no-repeat;
}

.p-banner {

	background: #5e8d3a;

	border: #edf966 1px solid;
}

.p-banner img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
}

@media (max-width: 575px) {
	.phuwa .planner {
		margin: 0;
	}

	.phuwa .leader .pic img {
	   max-width: 70%;
	   height: auto;
   }

	.phuwa .leader .name1 {
		/* width: 100%; */
		/* height: 55px; */
		/* background: url(../images/phuwa/bg-t.png) top center no-repeat; */
		/* left: 0px; */
		/* position: absolute; */
		/* margin-top: -50px; */
	}

	.phuwa .leader .pic {
		/* text-align:center; */
		/* position: relative; */
		/* right: 0; */
		/* width: 100%; */
		/* height:auto; */
	}

	.phuwa .leader .name {
		text-align: center;
	}

	.phuwa .leader .rank {
		text-align: center;
	}

	.phuwa .mission {
		width: auto;
		margin-left: 0;
		background: #1e8c83;
	}

	.phuwa .leader {
		/* background: #2f6600; */
		/* height:auto; */
		/* padding-bottom: 50px; */
	}

	.province-slogan {
		width: auto;
		font: 23px/35px 'Kanit', Arial, sans-serif;

	}

	.phuwa-menu .p-list {
		width: 100%;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.phuwa .container-cv-2 {
		width: 100%;
	}

	.phuwa .project {
		background-size: cover;
	}

	.phuwa .mission {
		width: 100%;
		margin-left: 0;
	}

	.phuwa .leader {
		width: 100%;
	}

	.phuwa .planner {
		margin: 0;

	}

	.phuwa-menu .p-list {
		width: 168px;
		font: 20px/20px 'THK2DJuly8', Arial, sans-serif;
		padding: 15px;
		height: 46px;
	}

	.phuwa .leader .pic {
		/* background: url(../images/phuwa/bg-phuwa.png) top center no-repeat; */
		/* background-size: 89%; */
		/* right: -90px; */
		/* top: -15px; */
	}

	.phuwa .leader .name1 {
		right: -50px;
		margin-top: -5px;
	}

	.phuwa .leader .text {
		/* font: 14px/20px 'THSarabunNew', Arial, sans-serif; */
		/* width: 222px; */
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
	.phuwa .container-cv-2 {
		width: 100%;
	}

	.phuwa .leader {
		margin-top: 30px;
	}

	.phuwa-menu .p-list {
		width: 100%;
	}
}


@media (min-width: 1367px) and (max-width: 1440px) {
	.phuwa .container-cv-2 {
		width: 100%;
	}

	.footer-line {
		right: 20px;
	}

}

@media (min-width: 1281px) and (max-width: 1366px) {

	.phuwa .planner {
		width: 100%;
		font-size: 18px;
		line-height: 20px;
	}


	.phuwa .leader .pic img {
		/* max-width:47%; */
		/* height: auto; */
		margin-top: 22px;
	}

	.phuwa .mission {
		width: 580px;
		margin-left: 15px;
		background: #1e8c83;
	}

	.phuwa .planner .text1 {
		font: 23px/20px 'THK2DJuly8', Arial, sans-serif;
	}

	.phuwa .leader .pic {
		/* right: -100px; */
		/* top: 21px; */
		/* background-size: 75%; */
	}

	.phuwa .leader .name1 {
		right: -69px;
		background-size: 80% 75%;
	}

	.phuwa .leader .talk {
		font: 25px/20px 'THK2DJuly8', Arial, sans-serif;
		font-weight: bold;
	}

	.phuwa .leader .text {
		font: 11px/18px 'THSarabunNew', Arial, sans-serif;
		width: 165px;
		position: relative;
		z-index: 99;
	}

	.phuwa .leader .name1 .name {
		/* font: 22px/20px 'THK2DJuly8', Arial, sans-serif; */
		/* color: #fff; */
		/* text-align: center; */
		/* padding-top: 3px !important; */
	}

	.phuwa-menu {
		top: 5px;
		padding: 5px;
	}

	.phuwa-menu .p-list {
		width: 100%;
		height: 48px;
		font: 19px/41px 'THK2DJuly8', Arial, sans-serif;
		padding: 6px;
	}

	.phuwa .logo img {
		max-width: 68%;
		height: auto;
	}

	.phuwa .planner .text {
		font: 16px/18px 'THK2DJuly8', Arial, sans-serif;
		color: #fff;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.phuwa .planner {
		width: 100%;
		font-size: 20px;
	}


	.phuwa .leader .pic img {
		/* max-width: 56%; */
		/* height: auto; */
	}

	.phuwa .mission {
		width: 580px;
		margin-left: 15px;
		background: #1e8c83;
	}

	.phuwa .planner .text1 {
		font: 23px/20px 'THK2DJuly8', Arial, sans-serif;
	}

	.phuwa .leader .pic {
		/* right: -85px; */
		/* top: 0px; */
		/* background-size: 75%; */
	}

	.phuwa .leader .name1 {
		right: -56px;
	}

	.phuwa .leader .talk {
		font: 25px/20px 'THK2DJuly8', Arial, sans-serif;
		font-weight: bold;
	}

	.phuwa .leader .text {
		font: 14px/18px 'THSarabunNew', Arial, sans-serif;
		width: 188px;
		position: relative;
		z-index: 99;
	}

	.phuwa-menu {
		top: 5px;
		padding: 5px;
	}

	.phuwa-menu .p-list {
		width: 100%;
		/* height: 48px; */
		font: 19px/16px 'THK2DJuly8', Arial, sans-serif;
		/* padding: 6px; */
	}
}


@media (min-width: 1441px) and (max-width: 1600px) {

	.phuwa .leader .pic img {
		/* max-width: 86%; */
		/* height: auto; */
	}

	.phuwa .mission {
		width: 288px;
		margin-left: 15px;
		background: #1e8c83;
	}

	.phuwa .leader .pic {
		/* right: -50px; */
	}

	.phuwa .leader .name1 {
		right: -20px;
	}

	.phuwa .leader .text {
		font: 14px/20px 'THSarabunNew', Arial, sans-serif;
		width: 200px;
	}

	.phuwa-menu .p-list {
		width: 100%;
		/* font: 23px/30px 'THK2DJuly8', Arial, sans-serif; */
		/* padding: 12px; */
	}

	.phuwa .planner .text1 {
		font: 24px/24px 'THK2DJuly8', Arial, sans-serif;
	}
}