/* BASIC css start */
/* =============================================================================
   ¸ÞÀÎ ¾ÆÀÌÄÜ ¹× Ç°Àý¹è°æ °ü·Ã
================================================================================*/
.items-wrap .items .icons { position: absolute; left: 5px; top: 0; }
.items-wrap .items .icons span { display: block; width : 30px; }
.items-wrap .items .sold-out { position: absolute; z-index: 1; width: 100%; height: 100%; background: url(/images/d3/m_01/bg/sold_out.png) no-repeat top center; background-size: 100%; }
.items-wrap .items[data-type=vertical] .vertical-img { position:relative; float: left; margin: 0; width: 95px; height: auto; }
.items-wrap .items[data-type=vertical] .vertical-img img {width:100%; height: auto; max-height: none; }
.items-wrap .items[data-type=vertical] .sold-out { left: 0; top: 0; }

@media only screen and (min-width: 640px){
    #MS_event {
	float: left;
	width: 62.5%;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
    }
    #MS_cate {
	float: right;
	width: 37.5%;
	border-bottom: 1px solid #e1e1e1;
    }
    
    #MS_cate .cate ul li{
	width: 50%;
	height: 20%;
    }
    
    #MS_cate .cate ul li:nth-child(2n) {border-right:0px;}
    #MS_cate .cate ul li:nth-child(5) {border-right: 1px solid #e1e1e1;}
    #MS_cate .cate ul li.last {border-bottom: 0px;}


 
}

@media only screen and (min-width: 700px){
	#banner img {width:355px;}
}



/* =============================================================================
   ¸ÞÀÎ index.html
   ========================================================================== */
.cafcon_more_btn{
margin: 10px 0;
text-align: center;
}
.cafcon_more_btn span{
display: inline-block;
width: 170px;
border: 1px solid #dbdbdb;
background: #f3f4f6;
font-size: 11px;
font-weight: bold;
line-height: 35px;
text-align: center;
}



#banner { width: 100%;  overflow:hidden; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
#banner .best { float:left; width:50%; text-align:center; border-right:1px solid #e1e1e1; }
#banner .special { float:left; width:50%; text-align:center; }
#banner img{width:100%;}

#MS_event{ border-bottom: 1px solid #dbdbdb;}
#MS_cate .cate h2 { margin: 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; font-size: 12px; font-weight: bold; height: 35px; line-height: 35px; padding-left: 10px; background: #f3f4f6; }
#MS_cate .cate ul { list-style:none;}
#MS_cate .cate ul li {display: table; float: left; width: 20%; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; height: 35px; overflow: hidden;}

#MS_cate .cate ul li:nth-child(5n) {border-right:0px;}
#MS_cate .cate ul li div a{display: block; color: #3a3a3a; font-weight: bold; font-size: 12px;}
#MS_cate .cate ul li div {display: table-cell; vertical-align: middle;}    
    
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event button{overflow: hidden; position: absolute; top: 0; width: 40px; height: 100%; border: none; background: none; text-indent: -1000px;}
#event button.prev {left: 10px; }
#event button.next {right: 10px; }

#event .prev:before, #event .next:before{content:''; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px;background:rgba(0,0,0,0.3);}
#event .prev:hover:before, #event .next:hover:before{background:rgba(0,0,0,0.6);} 
#event .prev:before{left:0;border-radius:30px;}
#event .next:before{right:0;border-radius:30px;}
#event .prev:after, #event .next:after{content:''; position:absolute; top:50%; width:8px; height:14px; margin-top:-7px; background:url('/design/nestest2/avenue_m/cafcon/event_arrow.png') no-repeat 0 0;}
#event .prev:after{left:10px;}
#event .next:after{right:10px;background-position: -10px 0;}

#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; line-height: 35px; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
#container.main .items-wrap .items[data-type=tile],
#container.main .items-wrap .items[data-type=horizontal] { margin-top: 14px; }
#container.main .items-wrap .items[data-type=horizontal] .price img { vertical-align: -1px; }
#container.main .items-wrap .items[data-type=vertical] li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li .tit img { vertical-align: -1px; }


/* BASIC css end */