@charset "utf-8";

.home_wiki{ position:relative; width:100%; box-sizing:border-box; border-left:2px solid #fff; border-right:2px solid #fff;  }
.home_wiki ul{display:block; width:100%; }
.home_wiki ul:hover a{color:#ef7d52 !important;}
.home_wiki ul:hover img{ opacity:.25;}
.home_wiki ul:hover  li a span.desc{ opacity:1;}
.home_wiki ul li{ width:100%; margin-left:0px; list-style:none; border-top:2px solid #fff; float:left; padding-top:0px;}
.home_wiki ul li a{color:#666; display:block; width:100%; position:relative; float:left; color:#444; overflow:hidden;}
.home_wiki ul li a img {width:100%;}
.home_wiki ul li a span.title{display:block; font-size:.9em; position:absolute; top:0px; height:inherit; background:rgba(255, 255, 255, 0.95); height: calc(100% - 1px); padding:20px 20px 0px 20px; text-transform:uppercase; text-align:center; width:30%; max-width:200px; right:20%;}
.home_wiki ul li a span.desc{ opacity:0; top:14px; display:block; margin-bottom:0px; position:absolute; width:55%; min-height:10px; left:5%;  color:#000; text-shadow:1px 1px 1px #fff; }


.home_wiki ul li a span.desc{ display:none !important;}

@media handheld {
	.home_wiki ul li a span.desc{ display:none !important;}
}

@media all and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 1) {
	.home_wiki ul li a span.title{ width:80% !important; right:10% !important; max-width:none !important;}
}

@media all and (max-width: 600px){
	.home_wiki ul li a span.title{ width:70% !important; right:15% !important; max-width:none !important; padding-top: 0; display: flex; align-items:center;
        justify-content:center;}
}

@media all and (max-width: 360px){
	.home_wiki ul li a span.title{ width:90% !important; right:5% !important; max-width:none !important;}
}

@media all and (max-width: 320px){

}