.gallery-36-1{
	margin:0;
	padding:0;
	min-height: 943px;
	background: url(../images/gallery-36-1/g-bg.jpg) bottom center repeat;
}
.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-top: 105px;
	text-align:center;
	color:#3a28d9;
	/* height:129px; */
	font: 47px/45px 'Kanit', Arial, sans-serif;
	/* font-weight:bold; */
}
.gallery-36-1 .gallery-top img{
	max-width:100%
}
.gallery-36-1 .g-tab{
	margin:0;
	padding:0;
	width: 521px;
	/* height:55px; */
	margin-bottom: 50px;
}
.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;
}
.gallery-pic{
	margin: 0 auto;
	width: 259px;
	height: 390px;
	position:relative;
	background-color: #2c7ab0;
	/* border:1px solid #fff; */
	transition: transform .2s;
	padding-bottom:85px;
	border-radius: 20px;
}
.gallery-pic img{
	max-width:100%;
	height:auto;
	border-radius: 10px;
}
.gallery-pic:hover{
	/* width:100%; */
	transform: scale(1.1);
	position: relative;
	z-index:99;
}
.gallery-pic:hover img{
	/* transform: scale(1.1); */
	position: relative;
}
.gallery-pic .g-text{display: none;font: 20px/25px 'lineseed', Arial, sans-serif;color: #fff;text-align: left;position: absolute;top: 52%;left: 0;/* width: 278px; */height: 200px;padding-bottom: 25px;z-index: 99;background: #163d83;padding:13px;}
.gallery-pic .g-text a{
	color:#fff;
}
.gallery-pic .g-text a{
	color:#FFF;
}
.gallery-pic:hover .g-text{
	display:block;
}
.gallery-pic .g-text2{
    font: 15px/20px 'lineseed', Arial, sans-serif;
    color: #fff;
    text-align: left;
	margin-top:7px;
}
.gallery-pic .g-text1{width: 100%;height: 198px;position: absolute;background: url(../images/gallery-36-1/alpha2.png) bottom center repeat;bottom: 0px;font: 20px/25px 'lineseed', Arial, sans-serif;text-align:center;color:#fff;padding-top: 150px;border-radius: 8px;}
.gallery-pic .g-text1:hover{width: 100%;height: 198px;position: absolute;background: url(../images/gallery-36-1/alpha3.png) bottom center repeat;bottom: 0px;font: 20px/25px 'lineseed', Arial, sans-serif;text-align:center;color:#fff;padding-top: 150px;}

g-view{
    /* position: absolute; */
    left: 13px;
    bottom: 15px;
    width: 81px;
    height: 29px;
    text-indent: 45px;
    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;
    padding: 5px;
 }
.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: 62vw;
}
.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%;	
}
.gallery-36-1 .gallery-top {
	    padding-bottom: 0px;
	}
}
@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: 33vw;
}
.gallery-pic .g-text{
	    width: 37vw;
    left: -2px;
}
.activity-coming .ac-mid .ac-left{
	display:none;	
}
.activity-coming .ac-mid .ac-right{
	display:none;	
}
.gallery-36-1 .gallery-top {
	    padding-bottom: 0px;
	}
 }
@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: 22vw;
}
.gallery-pic .g-text{
	    width: 28vw;
    left: -2px;
}
.gallery-36-1 .gallery-top {
	    padding-bottom: 0px;
	}
}
@media (min-width: 1200px) and (max-width: 1280px) {

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

 }
@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: 39%;
}
 }
@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%;
}
 }