@charset "utf-8";
/* CSS Document */

/*scrollY ========================================*/
.scroll_Y{
  /*js change*/
	width: 100px;
	/*js change*/
	height: 200px;	
	float: left;
}

/*Y TypeA*/
.scroll_Y#scrollY_TypeA{
	/*js change*/
	width: 100%;
	/*js change*/
	height:419px;
	*height:424px;
}

.scroll_Y#scrollY_TypeB{
	/*js change*/
	width: 490px;
	background-color: Fuchsia;
	/*js change*/
	height:419px;
	*height:424px;
}

.scroll_Y#scrollY_TypeB .content{
	background-color: #FFFFE0;
	margin-top: 0px; 	
	padding: 0 ;

	/*height: 300px;*/
	width: 100%;
	float: left;
	/*position:relative;*/
}

/*==========================================*/
.scroll_Y#about_company_scrollY{
	width: 100%;
	height:411px;
	*height:410px;
}
.scroll_Y#about_company_scrollY .content{	
padding: 0;
height:800px;
background: url(../images/about_picture.jpg) no-repeat 380px 0px;
}
.scroll_Y#about_team_scrollY{
	width: 100%;
	height:419px;
	*height:410px;
}
.scroll_Y#about_team_scrollY .content{
background: url(../images/team_bg.gif) no-repeat 50px 10px;
}
.scroll_Y#casestudy_content_scrollY{
	width: 100%;
	height:419px;
	*height:424px;
	float: left;
}
.scroll_Y#casestudy_content_scrollY .content{
	margin-top: 0px; 	
	padding: 0 ;
	width: 100%;
	float: left;
}
.scroll_Y#news_scrollY{
	width: 490px;
	height:419px;
	*height:424px;
}
.scroll_Y#news_scrollY .content{
	margin-top: 0px; 	
	padding: 0 ;
	width: 100%;
	float: left;
}
.scroll_Y#service_brand_scrollY{
	width: 100%;
	height:419px;
	*height:410px;
}
.scroll_Y#service_graphic_scrollY{
	width: 100%;
	height:419px;
	*height:410px;
}
.scroll_Y#service_packing_scrollY{
	width: 100%;
	height:419px;
	*height:410px;
}
.scroll_Y#service_website_scrollY{
	width: 100%;
	height:419px;
	*height:410px;
}
.scroll_Y#casestudy_all_scrollY{
	width: 100%;
	height:460px;
	*height:450px;
	_height:480px;
}

.scroll_Y#awards_box_scrollY{
	width: 100%;
	height:411px;
	*height:410px;
}

.scroll_Y#career_welfare_scrollY{
	width: 100%;
	height:419px;
	*height:424px;
	
}

.scroll_Y#epaper_box_scrollY{
	width: 100%;
	height:411px;
	*height:410px;
}

.scroll_Y#career_welfare_scrollY .content{	
padding: 0;
height:950px;
background: url(../images/career_welfare_picture.gif) no-repeat 30px 0px;
}


/*=======================================*/

.scroll_Y .contect_body{
	/*background: #AFAFAF;*/
	/*js change*/
	width: 69px;
	height: 100%;
	float: left;
	overflow: hidden;
}

.scroll_Y .content{
	/*background-color: #708090;*/
	margin-top: 0px; 	
	padding: 0 0 0 36px;
	/*height: 300px;*/
	width: 100%;
	float: left;
	color: #6e6e6e;
	/*position:relative;*/
	
}

.scroll_Y .scorll{
margin: 0 0 0 15px;
  width: 16px;
	height: 100%;
	float: left;
	background: url(../images/scroll_Y_bg.gif) repeat-y left;
	
}
.scroll_Y .bar{
	background: #888d88 url(../images/scroll_Y_bottom.gif) no-repeat bottom;	
	/*js change*/
	/*height: 50px;*/
	width: 100%;
	cursor:pointer;
}
.scroll_Y .bar span{
   display: block;
	height: 100%;
	width: 100%;
	background: url(../images/scroll_Y_mid.gif) no-repeat center;
}
.scroll_Y .bar span span{
   display: block;
	height: 100%;
	width: 100%;
	background: url(../images/scroll_Y_top.gif) no-repeat top;
}



.limpid_Y{
	width: 97%;
	height: 80px;
	margin-top: -80px;
	z-index: 5;
	position: relative;
	float: left;
	/*background-color: Fuchsia;*/
}