@charset "UTF-8";
/*MakeUnion CSS*/


#RND_field {
	position:relative;
	margin:0 auto;
	box-sizing: border-box;
}

#RND_field img:hover {
	cursor:pointer;
}

#RND_field .RND_field_innr {
  list-style: none;
	width:961px;
	height:553px;
  margin: 20px auto;
  padding: 0;
  text-align: center;
	display:flex;
	position:relative;
	overflow:hidden;
}

#RND_field .RND_field_innr .li {
  display: inline-block;
}

#Abox {
	width:371px ;
	height:553px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	border: 1px solid #000;
	border-left:none;
	border-top:none;
	border-bottom:none;
	z-index:10;
	background:#fff;
}

#Abox img {
	width:100%;
	height:553px;
}

#Bbox {
	width:275px ;
	height:182px;
	position:absolute;
	bottom:0;
	left:390px;
	overflow:hidden;
	border: 1px solid #000;
	border-top:none;
	z-index:10;
	background:#fff;
}

#Bbox img {
	width:100%;
	height:182px;
}

#Cbox {
	width:275px ;
	height:182px;
	position:absolute;
	bottom:0;
	left:684px;
	overflow:hidden;
	border: 1px solid #000;
	border-top:none;
	z-index:10;
	background:#fff;
}

#Cbox img {
	width:100%;
	height:182px;
}

#Dbox {
	width:570px ;
	height:351px;
	position:absolute;
	top:0;
	left:390px;
	overflow:hidden;
	border: 1px solid #000;
	border-bottom:none;
	z-index:10;
	background:#fff;
}

#Dbox img {
	width:100%;
	height:351px;
}

#Aboxbg {
	width:371px ;
	height:553px;
	position:absolute;
	top:0;
	left:0;
	border: 1px solid #000;
	z-index:0;
	background:#fff;
	box-sizing:border-box;
	display:none\9; /*IE8非表示*/
}

#Aboxbg img {
	width:371px ;
	height:553px;
	opacity:0.3;
}

#Bboxbg {
	width:275px ;
	height:182px;
	position:absolute;
	bottom:0;
	left:390px;
	border: 1px solid #000;
	z-index:0;
	background:#fff;
	box-sizing:border-box;
	display:none\9; /*IE8非表示*/
}

#Bboxbg img {
	width:275px ;
	height:182px;
	opacity:0.3;
}

#Cboxbg {
	width:275px ;
	height:182px;
	position:absolute;
	bottom:0;
	left:684px;
	overflow:hidden;
	border: 1px solid #000;
	z-index:0;
	background:#fff;
	box-sizing:border-box;
	display:none\9; /*IE8非表示*/
}

#Cboxbg img {
	width:275px ;
	height:182px;
	opacity:0.3;
}

#Dboxbg {
	width:570px ;
	height:351px;
	position:absolute;
	top:0;
	left:390px;
	overflow:hidden;
	border: 1px solid #000;
	z-index:0;
	background:#fff;
	box-sizing:border-box;
	display:none\9; /*IE8非表示*/
}

#Dboxbg img {
	width:570px ;
	height:351px;
	opacity:0.3;
}

/* type1 */
.type1 {
	overflow:hidden !important;
}
 
.type1 .nxt {
	width:80px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  position: absolute;
  padding: 10px 0px;
  color: #fff;
  background: #780002;
  opacity: 0;
  -webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	-moz-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
	cursor: pointer;
	display:block;
	border-radius:26px;
	border:2px solid #fff;
	display:none\9; /*IE8非表示*/
}
 
.type1:hover .nxt {
  opacity: 0.7 !important;
  transform: translateY(0) !important;
	-webkit-transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	cursor: pointer;
	display:block;
}

#Abox .nxt { top:230px; left:150px; }
#Bbox .nxt { top:60px; left:94px;}
#Cbox .nxt { top:60px; left:94px; }
#Dbox .nxt { top:140px; left:230px;}


/*@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}*/