/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/






.top_slide_stage{
  width : 100% ;
  height : 100vh ;
  z-index : 1;
  opacity : 0 ;
  overflow: hidden ;
  background-color: #333333 ;
  z-index: 1 ;
}
.top_slideitem{
  position: absolute;
  top : 100% ;
  left : 0% ;
  width : 100% ;
  height : 100% ;
  z-index : 1 ;
}
.top_slideitem img{
  position: absolute;
  display: block ;
  top : 0% ;
  left : 0% ;
  width : 100% ;
  height : 100% ;
  object-fit : cover ;
}


.top_friendshipbox{
	position: fixed ;
	bottom : 50px ;
	left : 60px ;
	width : 320px ;
	padding : 15px ;
	color : #FFFFFF ;
	border : 3px solid #FFFFFF ;
	z-index: 6 ;
	font-size : 16px ;
	font-weight: 700 ;
	text-align: center ;
}


.top_copy{
	position: fixed ;
	bottom : 50px ;
	right : 60px ;
	height : 50px;
	color : #FFFFFF ;
	font-size : 14px ;
	font-weight: 700 ;
	z-index: 6 ;
}


.top_infobox{
	position: fixed ;
	bottom : 150px ;
	right : 60px ;
	width : 420px ;
	color : #FFFFFF ;
	z-index: 6 ;
	text-align: right;
	font-weight :700 ;
	background-color: rgba(255,255,255,0.5);
	padding: 20px;
}

.top_info_title{
	/** color : #FFF100 ; **/
	color : #000000 ;
	border-bottom : 2px solid #000000 ;
	font-size : 16px ;
}
.top_info_title.follow{
	margin-top : 40px ;
}
.top_info_item{
	margin-top : 10px ;
	font-size : 16px ;
	color: #000000 ;
	text-align: right ;
}
.top_info_item:hover{
	color: #FF0000 ;
}

.top_info_title_image{
	float : right ;
	width: 100% ;
	max-width: 200px ;
}


.top_info_title_bar{
	width : 100% ;
	height : 56px ;
	line-height: 56px ;
	font-size: 30px ;
	font-weight: 700 ;
	text-align: center ;
	letter-spacing: 4px ;
	background-color: #93BB54 ;
}











@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1000px) {



.top_friendshipbox{
	position: fixed ;
	bottom : 0px ;
	left : 50% ;
	width : 100% ;
	padding : 15px ;
	font-size : 16px ;
	transform : translate(-50%,0%);
}


.top_copy{
	bottom : 70px ;
	right : 0px ;
	height : 20px;
	width : 100% ;
	text-align: center ;
	font-size : 10px ;
}


.top_infobox{
	position: fixed ;
	bottom : 100px ;
	right : 0px ;
	width : 100%  ;
	padding : 0px 40px ;
}

.top_info_title{
	font-size : 12px ;
}
.top_info_title.follow{
}
.top_info_item{
	font-size : 12px ;
}













}