@charset "utf-8";
/* CSS Document */
/*DOM ==============================*/
html {overflow:hidden;}
body{
	background: #e6e6e6 url(../images/bg_light.jpg) no-repeat top left;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: ThreedDarkShadow;
}


a{text-decoration: none;}

/*big block ==============================*/

.bgerror{
	display: none;
	background-color: Gray;
	position: absolute;
	z-index: 8;
	color: ButtonHighlight;
	text-align: center;
	font-size: 25px;
}

.workQMenu{
	position: absolute;
	z-index: 6;
	width: 100%;
	height: 116px;
}
.clientFlash{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
}

.html_body{
	position: absolute;
	z-index: 2;
	/*js change*/
	height: 100%;
	/*js change*/
	width: 100%;
}

div.fix_content{
   float: left;
	clear: left;
	width: 100%;
	color: #6e6e6e;
}


/*content box ======================================*/
.box{	
   margin: 0 auto;
	width: 500px;
	height: 300px;
}

/*welcome page fix*/
.box_index{
   margin: 0 auto;
	width: 875px;
	height: 800px;
}
/*index fix*/
.box_main_index{
   margin: 10px auto;
	padding: 0;
	width: 1000px;
	height: 600px;
}

/*fix TypeC TypeD*/
.boxTypeC{
   margin: 10px auto;
	padding: 0;
	width: 1000px;
	height: 600px;
}
.boxTypeD{
	margin: 36px auto;
	padding: 0;
	width: 840px;
	height: 545px;
}
.boxTypeE{
	margin: 36px auto;
	padding: 0;
	width: 540px;
	height: 545px;
}

/*Y TypeA*/
.boxTypeA{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 480px;
	background-color: Aqua;
}
.boxTypeG{
	margin: 50px auto;
	padding: 0;
	width: 927px;
	height: 480px;
	background-color: Aqua;
}

/*X TypeB*/
.boxTypeB{
	margin: 35px 125px;
	width: 600px;
	height: 540px;
}
.boxTypeF{
	margin: 30px 125px;
	width: 600px;
	height: 544px;
	*height: 551px;
}

/*=================================*/
.about_company_box{
	margin: 50px auto;
	width: 910px;
	height: 480px;
}
.about_mailstone_box{
	margin: 30px 125px;
	width: 600px;
	height: 544px;
	*height: 551px;
}
.about_team_box{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 480px;
}
.about_client_box{
	margin: 10px auto;
	padding: 0;
	width: 1000px;
	height: 570px;
}
.about_location_box{
	margin: 10px auto;
	padding: 0;
	width: 840px;
	height: 530px;
}
.about_location_box .fix_content{
background: url(../images/location_bg.gif) no-repeat 100px 0;
line-height: 18px;
}

.news_box{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 480px;
}
.service_all_box{
	margin: 10px auto;
	padding: 0;
	width: 840px;
	height: 600px;
}


.service_brand_box{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 480px;
}
.service_cis_box{
	margin: 10px auto;
	padding: 0;
	width: 910px;
	height: 550px;
}
.service_graphic_box{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 550px;
}
.service_packing_box{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 480px;
}
.service_website_box{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 480px;
}
.works_all_box{
	margin: 35px 125px;
	width: 600px;
	height: 520px;
	_height: 540px;
}
.works_box{
	margin: 35px 125px;
	width: 600px;
	height: 540px;
}
.works_content_box{
   margin: 10px auto;
	padding: 0;
	width: 1000px;
	height: 600px;
}
.casestudy_all_box{
	margin: 50px auto;
	padding: 0;
	width: 927px;
	height: 520px;
}
.casestudy_content_box{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 480px;
}

.awards_box{
	margin: 50px auto;
	padding: 0;
	width: 910px;
	height: 480px;
}
.epaper_box{
	margin: 50px auto;
	padding: 0;
	width: 1000px;
	height: 480px;
}
.career_job_box{
	margin: 35px 125px;
	width: 600px;
	height: 570px;
}
.career_welfare_box{
	margin: 50px auto;
	width: 910px;
	height: 480px;
}

.career_welfare_box .fix_content{
height: 520px;
background: url(../images/wal_bg.gif) no-repeat ;
line-height: 18px;
}



