/* index */

._mf_index {position:relative;}

._mf_index ._ginfo .pic {}
._mf_index  a.__btn {position:absolute;right:70px;top:23px;border:0 !important;color:#666;}
._mf_index a.__btn > i {vertical-align:middle;}
._mf_index a.__btn:hover {background:none;color:#000 !important;}
._mf_index i.xi-caret-up-circle-o {font-size:1.5em;color:#999;margin-left:5px;}

._mf_index .index_top {background-color:#fff;}
._mf_index .index_top, ._mf_index .index_middle {border:0px solid;margin:0 auto;position:relative;}
._mf_index .index_top:after {display:block;clear:both;content:'';}
._mf_index .index_top .box {position:relative;border:0px solid;}
._mf_index .index_top .box #ban {}
._mf_index .index_top .box #ban img {width:100%;position:static;}

._mf_index .index_top .box #ban button.slick-arrow {position:absolute;z-index:1;border:0px solid;}
._mf_index .index_top .box #ban button.slick-arrow > i {color:#666;background-color:#fff;padding:15px;border-radius:100%;font-size:2.5em;filter:alpha(opacity=50);opacity:.5;-webkit-opacity:.5;}
._mf_index .index_top .box #ban button.slick-arrow > i:hover {filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s}
._mf_index .index_top .box #ban button.slick-prev {top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left:20px;}
._mf_index .index_top .box #ban button.slick-next {top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right:20px;}

._mf_index .index_top .box #ban dl.ban_txt {position:absolute;z-index:1;border:0px solid;left:50%;top:50%;transform: translate(-50%,-50%);}
._mf_index .index_top .box #ban dl.ban_txt.hidden {filter:alpha(opacity=0);opacity:0;}

._mf_index .index_top .box #ban li.slick-slide:first-child dl.ban_txt {left:30%;top:40%;}
._mf_index .index_top .box #ban li.slick-slide:first-child dl.ban_txt.hidden {top:30%;}

._mf_index .index_top .box #ban li.slick-slide:nth-child(2) dl.ban_txt {left:65%;top:40%;}
._mf_index .index_top .box #ban li.slick-slide:nth-child(2) dl.ban_txt.hidden {top:50%;}

._mf_index .index_top .box #ban li.slick-slide:nth-child(3) dl.ban_txt {left:20%;top:40%;}
._mf_index .index_top .box #ban li.slick-slide:nth-child(3) dl.ban_txt.hidden {top:30%;}

._mf_index .index_top .box #ban li.slick-slide:nth-child(4) dl.ban_txt {left:30%;top:40%;}
._mf_index .index_top .box #ban li.slick-slide:nth-child(4) dl.ban_txt.hidden {top:50%;}

._mf_index .index_top .box #ban dl.ban_txt > dd {color:#999;font-size:2em;line-height:1.7;}
._mf_index .index_top .box #ban dl.ban_txt > dd:last-child {color:#fff;font-size:1.5em;}
._mf_index .index_top .box #ban dl.ban_txt > dt {font-size:3em;color:#000;line-height:2;font-weight:bold;}

._mf_index .ps_back {background-color:#f2f2f2;margin:20px 0;}

.index_ps_best_produt > ul button.slick-arrow {position:absolute;z-index:1;color:#999;filter:alpha(opacity=50);opacity:.5;-webkit-opacity:.5;font-size:16px;border:0px solid;height:50px;}
.index_ps_best_produt > ul button.slick-arrow > i {border:1px solid;border-radius:100%;padding:15px;}
.index_ps_best_produt > ul button.slick-arrow > i:hover {color:#000;}
.index_ps_best_produt > ul button.slick-prev {top:112px;left:-80px;}
.index_ps_best_produt > ul button.slick-next {top:112px;right:-80px;}

._mf_index .index_top .box #ban ul.slick-dots {position:absolute;z-index:1;bottom:30px;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
._mf_index .index_top .box #ban ul.slick-dots li {display:inline-block;font-size:1.3em;margin-right:10px;cursor:pointer;}
._mf_index .index_top .box #ban ul.slick-dots li p.m-top-bannm {width:15px;height:15px;border:1px solid #fff;border-radius:100%;}
._mf_index .index_top .box #ban ul.slick-dots li p.m-top-bannm.on {background-color:#fff;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s}

._mf_index .best_items {position:relative;margin-top:30px;_background-color:#f7f7f7;_border:1px solid #ccc;}
._mf_index .best_items:after {display:block;clear:both;content:'';}
._mf_index .best_items .box {position:relative;border:0px solid;}
._mf_index .best_items ._ginfo .pic img { border: 1px solid #dedede;}
._mf_index .best_items ._ginfo.on .pic img {border:1px solid #999;}
._mf_index .best_items ._ginfo {width: 98%;}

._mf_index .best_items ul#ps_best_produt li {float:left;padding:10px 0;width:25%;border:0px solid;}

._mf_index .main_items {margin:20px 0;}
._mf_index .main_items:after {display:block;clear:both;content:'';}
._mf_index .main_items ul.paging {height:50px;}
._mf_index .main_items ul.paging li {float:left;width:20%;text-align:center;line-height:50px;border-bottom:1px solid #ccc;font-size:1.3em;background-color:#fff;cursor:default;}
._mf_index .main_items ul.paging li.on {border:1px solid #ccc;border-bottom:0;background-color:#f7f7f7;}

._mf_index .main_items .listbox {border:1px solid #ccc;border-top:0;padding:80px 10px 30px 10px;background-color:#f7f7f7;}
._mf_index .main_items .listbox .listbox_child {position:relative;}
._mf_index .main_items .listbox .listbox_child:after {display:block;clear:both;content:'';}
._mf_index .main_items .listbox .listbox_child a.__btn {position:absolute;right:5px;top:-55px;display:none;}
._mf_index .main_items .listbox .listbox_child a.__btn.on {display:block;}
._mf_index .main_items .listbox .listbox_child ul.ps {display:none;}
._mf_index .main_items .listbox .listbox_child ul.ps.on {display:block;}
._mf_index .main_items .listbox .listbox_child ul.ps li {width:25%;}
._mf_index .main_items .listbox .listbox_child ._ginfo .pic img { border: none;}
._mf_index .main_items .listbox .listbox_child ._ginfo.on .pic img {border:1px solid #999;}

._mf_index .md_monthly {position:relative;border:0px solid #dedede;}
._mf_index .md_monthly:after {display:block;clear:both;content:'';}
._mf_index .md_monthly a.__btn {position:absolute;right:0;top:25px;}
._mf_index .md_monthly p.tit { font-size:1.4em;line-height:80px;}
._mf_index .md_monthly li {width:20%;}

._mf_index .cs {margin:50px 0;position:relative;opacity:0;}
._mf_index .cs dt {position:absolute;white-space:nowrap;}
._mf_index .cs dd {margin-left:100px;line-height:2;}
._mf_index .cs dd span.date {font-size:.85em;color:#999;padding-left:30px;}

.index_ps_best_produt {border:0px solid;position:relative;margin-top:20px;opacity:0;}

.index_ps_best_produt h1, .index_ps_md_produt > div h1, .index_ps_hit_produt > div h1,
.index_ps_new_produt > div h1{font-size:1.6em;margin:50px 0;text-align:center;}

.index_ps_best_produt > ul {font-size:0;}
.index_ps_best_produt > ul li {display:inline-block;vertical-align:top;font-size:1rem;}

.index_ps_best_produt > ul li > div, .index_ps_md_produt > div > ul li > div,
.index_ps_hit_produt > div > ul li > div, .index_ps_new_produt > div > ul li > div
{width:95%;margin:0 auto;}

.index_ps_best_produt > ul li p.pic img, .index_ps_md_produt > div > ul li p.pic img,
.index_ps_hit_produt > div > ul li p.pic img, .index_ps_new_produt > div > ul li p.pic img
{width:100%;border:1px solid #dedede;border-radius:5px;}

.index_ps_best_produt > ul li > div.ov, .index_ps_md_produt > div > ul li > div.ov,
.index_ps_hit_produt > div > ul li > div.ov, .index_ps_new_produt > div > ul li > div.ov
{width:100%;border:1px solid;overflow:hidden;}

.index_ps_best_produt > ul li > div.ov > p.pic, .index_ps_md_produt > div > ul li > div.ov > p.pic,
.index_ps_hit_produt > div > ul li > div.ov > p.pic, .index_ps_new_produt > div > ul li > div.ov > p.pic
{width:100%;border:1px solid;overflow:hidden;}

.index_ps_best_produt > ul li > div.ov p.pic > a > img, .index_ps_md_produt > div > ul li > div.ov p.pic > a > img,
.index_ps_hit_produt > div > ul li > div.ov p.pic > a > img, .index_ps_new_produt > div > ul li > div.ov p.pic > a > img
{border:1px solid #999;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;width:110%;}

.index_ps_best_produt > ul li p.gname {text-align:center;padding:10px 0;}

.index_ps_md_produt {background-color:#f2f2f2;padding:10px 0;margin:20px 0;opacity:0;}
.index_ps_md_produt > div {border:0px solid;position:relative;margin-top:20px;}

.index_ps_md_produt > div > ul {font-size:0;}
.index_ps_md_produt > div > ul li {display:inline-block;vertical-align:top;font-size:1rem;margin-bottom:20px;}
.index_ps_md_produt > div > ul li p.gname {text-align:center;padding:10px 0;}

.index_ps_hit_produt {margin-bottom:20px;opacity:0;}
.index_ps_hit_produt > div {border:0px solid;position:relative;margin-top:20px;}
.index_ps_hit_produt > div > ul {font-size:0;}
.index_ps_hit_produt > div > ul li {display:inline-block;vertical-align:top;font-size:1rem;margin-bottom:20px;}
.index_ps_hit_produt > div > ul li p.gname {text-align:center;padding:10px 0;}

.index_ps_new_produt {background-color:#f2f2f2;padding:10px 0;margin-bottom:20px;opacity:0;}
.index_ps_new_produt > div {border:0px solid;position:relative;margin-top:20px;}
.index_ps_new_produt > div > ul {font-size:0;}
.index_ps_new_produt > div > ul li {display:inline-block;vertical-align:top;font-size:1rem;margin-bottom:20px;}
.index_ps_new_produt > div > ul li p.gname {text-align:center;padding:10px 0;}

._mf_index dl.ggelements > dt > p.ppic img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.20);
    -moz-transform: scale(1.20);
    -ms-transform: scale(1.20);
    -o-transform: translatZ(0) scale(1.20);
    transform: translatZ(0) scale(1.20);
}