@charset "UTF-8";
/* Museum
----------------------------------------------------------------------- */
.wrapOrg div.wrapMuseum{
padding: 20px 0;
background: #efefef;
}
.wrapOrg div.wrapMuseumLay{
margin: 0 auto;
width: 828px;
}
.wrapOrg div.wrapMuseum ul.museumThumb {
	clear:both;
	width:100%;
}
.wrapOrg div.wrapMuseum ul.museumThumb:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.wrapOrg div.wrapMuseum ul.museumThumb > li {
	float: left;
	position: relative;
	width: 207px;
	vertical-align: bottom;
	color:#ffffff;
	background-color:#000000;
}
.wrapOrg div.wrapMuseum ul.museumThumb > li img.thumbnailGuitar {
	width:100%;
	height:auto;
}
@media screen and (max-width:1200px) {
/*.container:778*/
.wrapOrg div.wrapMuseum ul.museumThumb > li {
	width:25%;
}
}
@media screen and (max-width:992px) {
/*.container:595*/
.wrapOrg div.wrapMuseum ul.museumThumb > li {
	width:25%;
}
.wrapOrg div.wrapMuseum ul.museumThumb > li img.thumbnailGuitar{
	width:100%;
	height:auto;
}
}
@media screen and (max-width:768px) {
/*.container:720*/
.wrapOrg div.wrapMuseum ul.museumThumb li {
	max-width:360px;
	width:33.3333333333%;
}
}
.wrapOrg div.wrapMuseum ul.museumThumb > li a{
	color:#ffffff;
}
.wrapOrg div.wrapMuseum ul.museumThumb > li img{
	display: block;
	width: 100%;
	height: auto;
}
.wrapOrg div.wrapMuseum ul.museumThumb > li span.info {
	position: absolute;
	left: 0;
	bottom: 0;
	display:block;
	padding:10px 0;
	width:100%;
	background-color:#000000;
	filter: alpha(opacity=50);
	background: rgba(0,0,0,0.5);
}
.wrapOrg div.wrapMuseum ul.museumThumb > li span.info em{
	display:block;
	padding:0 10px;
	font-style:normal;
}
.wrapOrg div.wrapMuseum ul.museumThumb > li span.info strong{
	display:block;
	padding:0 10px;
	font-weight:normal;
}
.wrapOrg div.wrapMuseum ul.museumThumb > li.off{
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}

.wrapOrg div.wrapMuseum div.wrapDetail{
	clear:both;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:30px 20px;
	background-color:#232323;
	visibility: hidden;
}
.wrapOrg div.wrapMuseum div.wrapDetail img{
	display:block;
}
.wrapOrg div.wrapMuseum div.wrapDetail p{
	color:#d4d4d4;
	padding:30px 0 0 0;
}
.wrapOrg div.wrapMuseum div.wrapDetail div.wrapPht{
	position:relative;
	height:600px;
	overflow:hidden;
}
@media screen and (max-width:1200px) {
.wrapOrg div.wrapMuseum div.wrapDetail div.wrapPht{
	height:590px;
}
}
@media screen and (max-width:992px) {
.wrapOrg div.wrapMuseum div.wrapDetail div.wrapPht{
	height:440px;
}
}
@media screen and (max-width:768px) {
.wrapOrg div.wrapMuseum div.wrapDetail div.wrapPht{
	height:345px;
}
}
@media screen and (max-width:550px) {
.wrapOrg div.wrapMuseum div.wrapDetail div.wrapPht{
	height:305px;
}
}
@media screen and (max-width:460px) {
.wrapOrg div.wrapMuseum div.wrapDetail div.wrapPht{
	height:246px;
}
}
@media screen and (max-width:420px) {
.wrapOrg div.wrapMuseum div.wrapDetail div.wrapPht{
	height:185px;
}
}
.wrapOrg div.wrapMuseum div.wrapDetail div.phtMain{
	position:absolute;
	top:0;
	left:0;
	width:60%;
	border-right:1px solid #232323;
}
.wrapOrg div.wrapMuseum div.wrapDetail div.phtMain img{
	width:100%;
	height:auto;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub {
	margin:0 0 0 60%;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li {
	border-top: 1px solid #232323;
	width:20%;
	height:auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li img{
	width:100%;
	height:auto;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i2, .wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i4, 
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i6, .wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i7 {
	border-right: 1px solid #232323;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i2 {
	position: absolute;
	top: 0;
	left:60%;
	border-top: none;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i3 {
	position: absolute;
	top: 0;
	right: 0;
	border-top: none;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i4 {
	position: absolute;
	top: 25%;
	left: 60%;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i5 {
	position: absolute;
	top: 25%;
	right: 0;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i6 {
	position: absolute;
	top: 50%;
	left: 60%;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i7 {
	position: absolute;
	top: 75%;
	left: 60%;
}
.wrapOrg div.wrapMuseum div.wrapDetail ul.phtSub li.i8 {
	position: absolute;
	top: 50%;
	right: 0;
}

/**/
.wrapOrg div.wrapMuseum div.wrapDetailContainer{
	width:100%;
    height: 0;
    overflow: hidden;
}
.wrapOrg div.wrapMuseum ul.museumThumb li i.selected {
    position: absolute;
    bottom: -17px;
    width: 100%;
    height: 17px;
    z-index: 100;
	background-position:50% 0;
	background-repeat:no-repeat;
}
.wrapOrg div.wrapMuseum ul.museumThumb li.wrapDetailContainer{
    width: 100%;
    max-width:828px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
@media screen and (max-width:1200px) {
.wrapOrg div.wrapMuseum{
padding:  0;
}
.wrapOrg div.wrapMuseumLay{
width: auto;
}
.wrapOrg div.wrapMuseumLay,.wrapOrg div.wrapMuseum ul.museumThumb li.wrapDetailContainer{
    max-width:808px;
}
}
.wrapOrg div.wrapMuseum ul.museumThumb li.wrapDetailContainer div.wrapDetail{
    visibility: visible;
}

/*end*/