@charset "utf-8";

html,body {height:100%;background:#101825;}

.bgBody {position:absolute;bottom:0;left:0;width:100%;}

#layerBg {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url('/image/together/tip/layerBg.png') repeat;}
.layerCount {position:absolute;top:40px;left:50%;margin-left:-512px;}

.layerCount h2 {position:absolute;top:35px;left:36px;}
.layerCount .tip_logo{position:absolute; top:-25px; width:120px;}
.layerCount .tip_logo img{width:100%;}

.slideCont {margin-top:170px;width:952px;padding:36px 36px 23px 36px;overflow:hidden;background:url('/image/together/tip/bg_slide_cont0103.png') no-repeat;}
.slideCont:after {content:'';display:block;clear:both;}
.slideCont .visual {position:relative;float:left;width:605px;}

.slideCont .visual > ul {}
.slideCont .visual > ul > li {position:absolute;top:0;left:0;z-index:1;}
.slideCont .visual > ul > li:first-child {z-index:9;}

.slideCont .visual .img {margin:23px 0 0 20px;}
.slideCont .visual .img img {width:100%;}
.slideCont .visual .img .mask {}

.slideCont .visual > button {position:absolute;top:245px;border:0 none;width:17px;height:31px;text-indent:-9999px;z-index:9;}
.slideCont .visual .prev {left:40px;background:url('/image/together/tip/btn_prev.png') no-repeat;}
.slideCont .visual .next {right:20px;background:url('/image/together/tip/btn_next.png') no-repeat;}

.slideCont .thum02 {float:left;width:292px;margin-left:22px;margin-top:20px;/* overflow-y:scroll; */height:493px}
.slideCont .thum02 li {position:relative;float:left;width:143px;margin:3px 0 0 3px;cursor:pointer;}
.slideCont .thum02 li .mask {position:absolute;top:0;left:0;width:100%;height:100%;background:url('/image/together/tip/bg_opa07.png') repeat;}
.slideCont .thum02 li.on .mask {background:none; }
.slideCont .thum02 li img {width:100%;}

.mCustomScrollBox > .mCSB_scrollTools {top:3px !important;right:-3px !important}


@media ( max-width: 1023px ) {
	.layerCount{position:static; margin: 0 auto;}	
	.layerCount h2{position: static; margin: 35px 0 0 35px;}
	.slideCont{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		margin-top: 50px;
		background: none;
	}
	
	.slideCont .visual{width:62%; margin-right:2%;}
	.slideCont .visual .img {margin:0; width:100%;}
	.slideCont .thum02 {width: 32%; 	float:right; margin:0;}
	.slideCont .thum02 li{width:45%;border: 3px solid #444; margin: 0;}
}

@media ( max-width: 910px ) {
	.slideCont .thum02{height:400px;}
}

@media ( max-width: 770px ) {
	.layerCount h2{width:90%; margin: 0 auto; margin-top:30px;}
	.layerCount h2 img{width: 100%;}

	.slideCont .thum02{height:340px;}
}

@media ( max-width: 700px ) {
	.slideCont .visual{
		width:100%; float: none; margin-right:0;
	}
	.slideCont .thum02{
		width:100%;
		float: none;
		margin-top:20px;
		margin-bottom:50px;
		height:190px;
	}

	.slideCont .thum02 li{width:23%;}

	.slideCont{margin-top:25px;}

}

@media ( max-width: 430px ) {
	.slideCont .thum02{height:158px;}
}