.gallery-36-1 {
	margin: 0;
	padding: 0;
	background: #fff;
}

.gallery-36-1 .container-fluid {
	margin-left: 0px;
	margin-right: -15px;
	padding-left: 0px;
	padding-right: 0px;
	/* position: relative; */
	/* left: 0; */
	/* right: 0; */
}

.gallery-36-1 .gallery-top {
	padding-bottom: 45px;
	text-align: center;
	color: #3a28d9;
	/* height:129px; */
	font: 47px/45px 'Kanit', Arial, sans-serif;
	/* font-weight:bold; */
}

.gallery-36-1 .g-tab {
	margin: 0;
	padding: 0;
	width: 521px;
	/* height:55px; */
}

.gallery-36-1 .g-activity {
	/* width: 167px; */
	padding: 8px 20px;
	/* height:55px; */
	color: #ff7e2d;
}

.gallery-36-1 .g-orgreen {
	/* width: 167px; */
	padding: 8px 20px;
	/* height:55px; */
	color: #75af31;
}

.gallery-36-1 .g-video {
	width: 167px;
	height: 55px;
	color: #828282;
}

.gallery-36-1 .g-activity a {
	color: #4b97cb;
}

.gallery-36-1 .g-orgreen a {
	color: #828282;
}

.gallery-36-1 .g-video a {
	color: #828282;
}

.g-active {
	/* -webkit-border-radius: 50px; */
	-moz-border-radius: 50px;
	/* border-radius: 50px; */
	/* background: #972fad; */
	background: url(../images/gallery-36-1/line.png) bottom center no-repeat;
}

/*.g-active a{
	color:#2769d5;
}
.g-active a:hover{
	color:#133b7e;
}
.g-normal{
	color: #e84c0f;
	
}
.g-normal a{
	color: #828282;
}
.g-normal a:hover{
	color:#133b7e;
}*/

.gallery-36-1 .gallery-mid {
	margin: 0;
	padding: 0;
	min-height: 300px;
}

.gallery-pic {
	margin: 0;
	/* width: 321px; */
	width: 100% !important;
	height: 485px;
	position: relative;
	background-color: #db3cdf;
	border: 1px solid #fff;
	transition: transform .2s;
	padding-bottom: 85px;
	/* z-index: -1; */
}

.gallery-pic a.aimg img {
	width: 100%;
}

.gallery-pic img {
	max-width: 100%;
	height: auto;
	/* width: 100%; */
	/* width: 100% !important; */
}

.gallery-pic:hover {
	width: 100%;
	transform: scale(1.1);
	position: relative;
	z-index: 99999;
}

.gallery-pic:hover img {
	/* transform: scale(1.1); */
	/* position: relative; */
}

.gallery-pic .g-text {
	display: none;
	font: 24px/25px 'lineseed', Arial, sans-serif;
	color: #fff;
	text-align: left;
	position: absolute;
	top: 55%;
	/* left: -15px; */
	width: 100% !important;
	height: 240px;
	padding-bottom: 25px;
	z-index: 99;
	background: #db3cdf;
	padding: 20px;
}

.gallery-pic .g-text a {
	color: #fff;
}

.gallery-pic .g-text a {
	color: #FFF;
}

.gallery-pic:hover .g-text {
	display: block;
	/* z-index: 999; */
}

.gallery-pic .g-text2 {
	font: 16px/20px 'lineseed', Arial, sans-serif;
	color: #fff;
	text-align: left;
	margin-top: 20px;
}

.gallery-pic .g-text1 {
	width: 100%;
	height: 198px;
	position: absolute;
	background: url(../images/gallery-36-1/alpha2.png) bottom center repeat;
	bottom: 0;
	font: 23px/25px 'lineseed', Arial, sans-serif;
	text-align: center;
	color: #fff;
	padding-top: 150px;
}

.g-view {
	position: absolute;
	left: 18px;
	bottom: 15px;
	width: 82px;
	height: 29px;
	text-indent: 50px;
	font: 18px/28px 'Kanit', Arial, sans-serif;
	background: #e263e5 url(../images/gallery-36-1/eye.png) 20% 50% no-repeat;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 0px solid #000000;
}

.g-social {
	position: absolute;
	right: 18px;
	bottom: 20px;
}

.activity-coming {
	margin: 0;
	padding: 0;
}

.activity-coming .ac-top {
	margin: 0;
	padding: 0;
	margin-top: 40px;
	font: 30px/30px 'thaisanslite', Arial, sans-serif;
	color: #2769d5;
	font-weight: bold;
	letter-spacing: 1px;
}

.activity-coming .ac-top-2 {
	font: 37px/40px 'thaisanslite', Arial, sans-serif;
	color: #6c6c6c;
	letter-spacing: 1px;
	font-weight: bold;
}

.activity-coming .ac-mid {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	position: relative;
	font: 30px/30px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .ac-mid .ac-left {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70px;
	left: -30px;
}

.activity-coming .ac-mid .ac-right {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70px;
	right: -30px;
}

.activity-coming .act-block {
	width: 424px;
	/* height:138px; */
	border: 1px solid #dcdcdc;
	padding: 14px;
	transition: all 0.18s ease-in-out;
}

.activity-coming .act-block .date {
	width: 106px;
	height: 106px;
	font: 73px/53px 'thaisanslite', Arial, sans-serif;
	background-color: #e20919;
	color: #fff;
	text-align: center;
	transition: all 0.18s ease-in-out;
}

.activity-coming .act-block:hover .date {
	background-color: #2769d5;
	cursor: pointer;
	transition: all 0.18s ease-in-out;
}

.activity-coming .act-block .month {
	font: 24px/40px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .act-block .detail {
	margin: 0;
	padding: 0;
	width: 80%;
	font: 24px/30px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .act-block .detail a {
	color: #16130a;
}

.activity-coming .act-block .detail a:hover {
	color: #16130a;
}


.gallery-36-1 .gallery-bottom {
	margin: 20px 0px;
	padding: 0;
	text-align: center;
}

@media (max-width: 575px) {
	.gallery-36-1 {
		width: 100%;
		margin-left: 0px;
	}

	.gallery-36-1 .g-tab {
		width: 366px;
	}

	.gallery-36-1 .g-activity {
		padding: 0px 20px;
	}

	.gallery-36-1 .g-orgreen {
		padding: 0px 20px;
	}


	.gallery-36-1 .g-video {
		width: 170px;
	}

	.gallery-pic {
		/* width: 78vw; */
	}

	.gallery-pic .g-text {
		width: 72vw;
		left: -2px;
	}

	.activity-coming .ac-mid .ac-left {
		display: none;
	}

	.activity-coming .ac-mid .ac-right {
		display: none;
	}

	.activity-coming .act-block {
		width: 378px;
	}

	.activity-coming .act-block .detail {
		width: 100%;
	}

}

@media (min-width: 576px) and (max-width: 767px) {
	.gallery-36-1 {
		width: 100%;
		margin-left: 0;
	}

	.gallery-pic {
		width: 100vw;
	}

	.gallery-pic .g-text {
		width: 100vw;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.gallery-36-1 .container-cv-5 {
		width: 100%;
	}

	.gallery-pic {
		width: 40vw;
	}

	.gallery-pic .g-text {
		width: 37vw;
		left: -2px;
	}

	.activity-coming .ac-mid .ac-left {
		display: none;
	}

	.activity-coming .ac-mid .ac-right {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.activity-coming .ac-mid .ac-left {
		display: none;
	}

	.activity-coming .ac-mid .ac-right {
		display: none;
	}

	.gallery-pic {
		width: 30vw;
	}

	.gallery-pic .g-text {
		width: 28vw;
		left: -2px;
	}
}

@media (min-width: 1200px) and (max-width: 1280px) {
	.gallery-pic {
		width: 208px;
		height: 313px;
	}

	.gallery-pic .g-text1 {
		font: 16px/24px 'lineseed', Arial, sans-serif;
	}

	.gallery-pic .g-text {
		font: 16px/24px 'lineseed', Arial, sans-serif;
		top: 50%;
		left: -11px;
		width: 227px;
		height: 195px;
		padding: 9px;
	}

	.gallery-pic .g-text2 {
		font: 14px/17px 'lineseed', Arial, sans-serif;
		margin-top: 0;
	}

	.g-social {
		width: 39%;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.gallery-pic {
		width: 222px;
		/* height: 334px; */
	}

	.gallery-pic .g-text1 {
		font: 16px/24px 'lineseed', Arial, sans-serif;
	}

	.gallery-pic .g-text {
		font: 16px/24px 'lineseed', Arial, sans-serif;
		top: 50%;
		/* left: -11px; */
		width: 244px;
		height: 265px;
		padding: 9px;
	}

	.gallery-pic .g-text2 {
		font: 14px/17px 'lineseed', Arial, sans-serif;
		margin-top: 0;
	}

	.g-social {
		/* width: 39%; */
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.gallery-pic {
		width: 235px;
		/* height: 354px; */
	}

	.gallery-pic .g-text1 {
		font: 16px/24px 'lineseed', Arial, sans-serif;
	}

	.gallery-pic .g-text {
		font: 16px/24px 'lineseed', Arial, sans-serif;
		top: 50%;
		/* left: -11px; */
		width: 253px;
		/* height: 195px; */
		padding: 9px;
	}

	.gallery-pic .g-text2 {
		font: 14px/17px 'lineseed', Arial, sans-serif;
		margin-top: 0;
	}

	.g-social {
		/* width: 59%; */
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.gallery-pic {
		width: 261px;
		/* height: 396px; */
	}

	.gallery-pic .g-text1 {
		font: 16px/24px 'lineseed', Arial, sans-serif;
	}

	.gallery-pic .g-text {
		font: 16px/24px 'lineseed', Arial, sans-serif;
		/* top: 50%; */
		/* left: -14px; */
		/* width: 287px; */
		height: 216px;
		/* padding: 9px; */
	}

	.gallery-pic .g-text2 {
		font: 14px/17px 'lineseed', Arial, sans-serif;
		margin-top: 0;
	}

	.g-social {
		/* width: 39%; */
	}
}