/* BASIC css start */
/* ·Ñ¸µ¹è³Ê */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }

/* //·Ñ¸µ¹è³Ê */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

body {
    width:100%;
    overflow-x:hidden;
}

/* main visual */
.visual-container {
	position:relative;
}
.visual-container .slidesjs-previous, 
.visual-container .slidesjs-next {
	position:absolute;
	top:50%;
    margin-top:-100px;
	display:block;
	width:25px;
	height:200px;
	text-indent:-9999px;
	background:url(/design/tanning/new2016m/index_btn_arr.png) no-repeat 0 50%;
    background-size:200%;
	z-index:11;
}
.visual-container .slidesjs-previous {
	left:13px;
}
.visual-container .slidesjs-next {
	right:13px;
	background-position:100% 50%;
}
.visual-container .slidesjs-pagination {
	position:absolute;
	bottom:20px;
    left:0;
    width:100%;
	text-align:center;
    z-index:11;
}
.visual-container .slidesjs-pagination .slidesjs-pagination-item {
	display:inline-block;
    margin:0 3px;
}
.visual-container .slidesjs-pagination .slidesjs-pagination-item a {
    display:block;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#fff;
    text-indent:-9999px;
    transition:all .3s;
}
.visual-container .slidesjs-pagination .slidesjs-pagination-item a.active {
	width:11px;
	background:#bd9655;
}
.visual-container .MS_img-area img {
    width:100%;
}

#event .swiper-btn-prev, 
#event .swiper-btn-next {
	position:absolute;
	top:50%;
    margin-top:-12px;
	display:block;
	width:25px;
	height:25px;
	text-indent:-9999px;
	background:url(/design/tanning/new2016m/index_btn_arr.png) no-repeat;
    background-size:200%;
	z-index:11;
}
#event .swiper-btn-prev {
    left:13px;
}
#event .swiper-btn-next {
	right:13px;
	background-position:100% 0;
}
#event .pagination {
	position:absolute;
	bottom:20px;
    left:0;
    width:100%;
	text-align:center;
    z-index:11;
}
#event .pagination span {
	display:inline-block;
    margin:0 3px;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#fff;
    text-indent:-9999px;
    transition:all .3s;
}
#event .pagination span.swiper-active-switch {
	width:11px;
	background:#bd9655;
}

.prd-list .first {
    margin-right:2%;
}
.prd-list.exhibition .item1 {
    width:100%;
    height:150px;
    margin-bottom:7px;
}
.prd-list.exhibition .item1 .thumb {
    float:left;
    width:50%;
}
.prd-list.exhibition .item1 .detail {
    box-sizing:border-box;
    margin-left:50%;
    height:150px;
    padding-top:15px;
    background:#f6f6f6 url(/design/tanning/new2016/bg_ex_best.png) no-repeat 50% 47px;
    background-size:150px;
    text-align:center;
}
.prd-list.exhibition .item1 .detail .cate {
    display:inline-block;
    box-sizing:border-box;
    padding:0 10px;
    min-width:70px;
    height:25px;
    line-height:23px;
    background:#000;
    color:#fff;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
}
.prd-list.exhibition .item1 .detail .brand {
    padding-top:13px;
}
.prd-list.exhibition .item1 .detail .dsc {
    margin-bottom:7px;
    padding:0 15px;
}
.prd-list.review-prd-list li {
    clear: left;
    height:auto;
}
.prd-list.review-prd-list .last {
    clear: none;
}

.event {
    width:100%;
    height:108px;
    font-size:0;
    overflow:hidden;
}
.event-wrap {
    width:100%;
    height:100%;
    padding-bottom:20px;
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
}
.event:after {
    content:'';
    display:block;
    clear:both;
}
.event a {
    display:inline-block;
    vertical-align:top;
}
.event img {
    display:block;
    width:226px;
    height:auto;
}

.full-banner {
    margin-top:20px;
}
.full-banner img {
    display:block;
    width:100%;
}

.guide {
    margin-top:20px;
}
.guide:after {
    content:'';
    display:block;
    clear:both;
}
.guide a {
    display:block;
}
.guide .tanning {
    margin-top:5px;
}
.guide img {
    display:block;
    width:100%;
}

.event .prd img,
.event .tanning img {
    display:block;
    width:100%;
}

.review-more {
    padding:20px 0;
    text-align:center;
}
.review-more .btn-fill {
    background: #bd9655;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.insta {
padding-top:20px;
    margin-top:20px;
    height:470px;
    background:url(/design/tanning/new2016m/index_bg_insta.jpg) no-repeat 50% 50%;
    background-size:cover;
}
.insta p {
    padding-top:30px;
    color:#fff;
    text-align:center;
    font-size:10px;
}
.insta h2 {
    color:#fff;
    text-align:center;
    font-size:27px;
    font-weight:bold;
}
.insta #instafeed{
    display:block;
    margin:20px auto;
    width:100%;
}
#instafeed { text-align:center; }
#instafeed img { width:110px; margin:1px; }
/* BASIC css end */