.mf-area { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; box-sizing:border-box; webkit-background-size:cover; -moz-background-size:cover; o-background-size:cover; background-size:cover; }
.mf-area .mf_close { position:absolute; width:30px; height:30px; z-index:1; }
.mf-area .mb_name { position:absolute; opacity:0.5; text-shadow:-1px -1px 1px #ccc; writing-mode:tb-rl; height:300pt; z-index:1;}

.mf_accordion { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; margin:30px 0 0px; }
.mf_accordion .mf_title { margin-bottom:5px; font-weight:normal; text-transform:none; letter-spacing:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.mf_accordion .mf_box:first-child { margin-left:0px; }
.mf_accordion .mhthumb { float:left; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 10px 2px 0;}
.mf_accordion .mhthumb img { padding:3px; border:1px solid #ccc; alpha(opacity=80); opacity:0.8}
.mf_accordion .mhthumb img:hover { filter:alpha(opacity=100); opacity:1; }

.mf_accordion .mf_sum { word-wrap:break-word; text-overflow:ellipsis; }
.mf_accordion .mf_etc { position:absolute; bottom:5px; right:10px; margin-top:10px; text-align:right; }
.mf_accordion .mf_etc1 { margin-bottom:10px; }
.mf_accordion .mf_etc span { margin:5px; }
.mf_accordion .mf_etc a { text-transform:uppercase; font-style:normal; font-size:11px; text-decoration:none; }

.mf_accordion .mf_box {
 float:left; padding:20px; margin-bottom:40px;
 -webkit-transform:perspective(900px) rotateY(40deg);
 -webkit-transition:all 0.7s ease-in-out;
 -ms-transform:perspective(900px) rotateY(40deg);
 -ms-transition:all 0.7s ease-in-out;
 -moz-transform:perspective(900px) rotateY(40deg);
 -moz-transition:all 0.7s ease-in-out;
 transform:perspective(900px) rotateY(40deg);
 transition:all 0.7s ease-in-out;
}

.mf_accordion .mf_box:hover {
 margin:0 90px 0 -15px;
 -webkit-transform:perspective(900) rotateY(0deg);
 -ms-transform:perspective(900) rotateY(0deg);
 -moz-transform:perspective(900) rotateY(0deg);
 transform:perspective(900) rotateY(0deg);
 -webkit-transform:scale(1.15); transform:scale(1.15);
 z-index:1;
}

/* pageNavigation */
#mmcpageNavigation_mf { float:left; text-align:center; font:bold 11px; margin:10px; width:100%; }
#mmcpageNavigation_mf a { font:bold 1em; color:#666666; ; margin:0 8px 10px; }
#mmcpageNavigation_mf .current { font:bold 1em; color:#fff; ; margin:0 4px 0 8px; border:1px solid #000; background-color:#555; padding:5px 9px; border-radius:3px }
#mmcpageNavigation_mf .pageNavigation2 { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#e9e9e9; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1);}
#mmcpageNavigation_mf a:hover { background:#fefefe; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0); }
#mmcpageNavigation_mf a:visited { color:#999999; }
#mmcpageNavigation_mf .pn { padding:5px 9px; margin-right:4px; border-radius:3px; border:solid 1px #c0c0c0; background:#f5f5f5; box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); font-size:.875em; font-weight:bold; text-decoration:none; color:#717171; text-shadow:0px 1px 0px rgba(255,255,255, 1);}