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

.gallery-38-1{
	margin:0;
	padding:0;
	margin:0px -15px;
}
.gallery-38-1 .gallery-top{
	padding-top:40px;
	text-align:center;
	color:#fff;
	height:129px;
	font: 28px/61px 'THK2DJuly8', Arial, sans-serif;
}
.gallery-38-1 .g-tab{
	margin:0;
	padding:0;
	width:500px;
	height:55px;
	/*-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	border:1px solid #e84c0f;*/
}
.gallery-38-1 .g-activity{
	width:230px;
	height:59px;
	background:url(../images/gallery-58-1/active.png) top left no-repeat;
}
.gallery-38-1 .g-video{
	width:230px;
	height:59px;	
	background:url(../images/gallery-58-1/normal.png) top left no-repeat;
}
.g-active{
	color:#fff;
	font-weight:bold;
	letter-spacing:1px;
	background-color: #e84c0f;
}
.g-active a{
	color:#fff;
}
.g-active a:hover{
	color:#fff;
}
.g-normal{
	font-weight:bold;
	letter-spacing:1px;
	color: #533e29;
}
.g-normal a{
	color: #b26113;
}
.g-normal a:hover{
	color:#d97533;
}

.gallery-38-1 .gallery-mid{
	margin:0;
	padding:0;
	margin-bottom:30px;
}
.gallery-pic{
	margin:0;
	padding:0;
	width:485px;
	position:relative;
	background-color:#000;
}
.gallery-pic:hover .pic_bg{
	display:none;
}
.gallery-pic img{
	max-width:100%;
	height:auto;
	position: relative;
	z-index: 1;
	height: 272px;
}
.gallery-pic .g-text img{
	height: auto;
}
.gallery-pic .edit-detail img{
	height: auto;
}
.gallery-pic:hover img{
	opacity:0.5;
}
.gallery-pic .g-text{
	display:none;
	font: 25px/25px 'thaisanslite', Arial, sans-serif;
	color:#fff;
	text-align:center;
	position:absolute;
	top:45%;
	left:0;
	width:100%;
	padding-bottom:25px;
	z-index: 2;
	background:url(../images/gallery-58-1/line-pink.png) bottom center no-repeat;
}
.gallery-pic .g-text a{
	color:#fff;
}
.gallery-pic .g-text a{
	color:#FFF;
}
.gallery-pic:hover .g-text{
	display:block;
}
.gallery-38-1 .gallery-bottom{
	margin:30px 0px;
	padding:0;
}
@media (max-width: 575px) { 
	.gallery-pic{
		width:100vw;
	}
	.gallery-pic .g-text{
		width:100vw;
	}
	.g-activity{
		background: unset !important;
		background-color: #d86d24 !important;
		border-radius: 5px;
	}
	.g-normal{
		background: unset !important;
		background-color: #dedede !important;
		border-radius: 5px;
	}
}
@media (min-width: 576px) and (max-width: 767px) { 
	.gallery-pic{
		width:100vw;
	}
	.gallery-pic .g-text{
		width:100vw;
	}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.gallery-pic{
		width:100vw;
	}
	.gallery-pic .g-text{
		width:100vw;
	}
}
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px){
	.gallery-pic {
		/* width: 100%; */
	}
	}

@media (min-width: 1200px) and (max-width: 1280px) { 
	.gallery-pic{
		width:312px;	
	}
}
@media (min-width: 1281px) and (max-width: 1366px) { 
	.gallery-pic{
		width:337px;	
	}
}
@media (min-width: 1367px) and (max-width: 1440px) { 
	.gallery-pic{
		width:356px;	
	}
} 
@media (min-width: 1441px) and (max-width: 1600px) { 
	.gallery-pic{
		width:396px;	
	}
}