* {
	margin:		0px;
	padding:	0px;
}
html {	
	/*overflow:		hidden;*/
}
li {
	list-style:		none;
}
img {
	border:			none;
}
body {
	background:			#fff;
}
#wrapperH {
	background:		url(img/bg_main.jpg)!important;
}
#contBase {
	text-align:		left;
	width:				1200px;
}
#leftBox {
	width:				210px;
	float:				left;
	height:				100%;
	background:		#000 url(img/bg_left.jpg) right repeat-y;
	color:				#fff;
}
#mainBox {
	background:		url(img/bg_main.jpg)!important;
	height:				100%;
	float:				left;
}
.copy {
	font-size:		10px;
	margin:			10px  0px 10px 20px;
}
.clear {
	clear:			both;
	height:			0px;
	font-size:		0px;
}
/*-----------------------------------------------------------*/
#menu_list {
	margin:					20px;
}
#menu_list  li{
	width:						100px;
	height:						30px;
	margin-bottom:			5px;
}
#menu_list  li a{
	background:				url(img/menu.jpg) no-repeat;
	display:					block;
	width:						107px;
	height:						24px;
}
#menu_list  li a#DN{ background-position:		0px 0px;}
#menu_list  li a#BL{ background-position:		0px -24px;}
#menu_list  li a#HA{ background-position:		0px -48px;}
#menu_list  li a#MA{ background-position:		0px -72px;}
#menu_list  li a#JA{ background-position:		0px -96px;}

#menu_list  li a:hover#DN{ background-position:		-106px 0px;}
#menu_list  li a:hover#BL{ background-position:		-106px -24px;}
#menu_list  li a:hover#HA{ background-position:		-106px -48px;}
#menu_list  li a:hover#MA{ background-position:		-106px -72px;}
#menu_list  li a:hover#JA{ background-position:		-106px -96px;}

#DM {
	margin:			30px 0px 0px 10px;
	border-bottom:			solid 1px #333;
	padding-bottom:		10px;
}
#DM li{
	height:			24px;
	float:			left;
}
#DM li a {
	background:	url(img/menu_design.jpg) no-repeat;
	display:		block;
	width:			100px;
	height:			24px;
}

#DM li a#CD {background-position:		0px 0px; width:60px!important;}
#DM li a#AP {background-position:		-100px 0px;}
#DM li a#FL {background-position:		-200px 0px;}

#DM li a:hover#CD {background-position:		0px -28px;}
#DM li a:hover#AP {background-position:		-100px -28px;}
#DM li a:hover#FL {background-position:		-200px -28px;}

#menu_list  li a span, #DM li a span{
	display:					none;
}
.picBox {
	padding:					10px;
	margin-bottom:			5px;
	width:						760px;
	clear:						both;
	padding-bottom:		10px;
	border-bottom:				solid 1px #666;
}
.picBox li{
	float:					left;
	margin:				0px 10px 10px 0px;
	height:					60px;
	width:					60px;
	background-color:			#fff!important;
	background-repeat:			no-repeat!important;
	background-position:		-50px -50px!important;
	border:				solid 1px #666;
}
.picBox li a{
	display:			block;
}
h2 span{display:		none;}
.h2_CD, .h2_Apparel, .h2_Flyer, .h2_Photo {
	background: url(img/h2.gif) no-repeat;
	height:			98px;
	width:			664px;
}
.h2_CD {}
.h2_Apparel{background-position:		0px -98px;}
.h2_Flyer{background-position:			0px -196px;}
.h2_Photo {background-position:			0px -295px;}

#thumbBox {
	background:				url(img/bg_thumb_box.png) no-repeat;
}
#thumbBox ul{
	background:				url(img/bg_thumb.png) no-repeat;
	height:						54px;
	padding:					13px;
}
#thumbBox ul li{
	width:						100px;
	height:						52px;
	background:				#ff0066;
}
.detailBox {
	clear:				both;
	text-align:			center;
	padding:			10px;
}
.detailBox h3 {
	text-align:		center;
	font-size:		16px;
	margin-bottom:	30px;
}
/*-----------------------------------------------------------*/
.introBase  {
	background:		#000;
	text-align:			center;
}
.wrapperIntro {	
	padding-top:		200px;
}
.wrapperIntro div {
	background:		url(img/bg_intro.jpg) no-repeat;
	width:				800px;
	height:				415px;
	margin:				auto;
	padding:			340px 0px 0px;
}
.wrapperIntro div a{
	background:		url(img/btn_enter.jpg) no-repeat;
	width:				68px;
	height:				75px;
	display:			block;
	margin:				auto;
	
}
.introBase div a:hover{
	background-position:	0px -75px;
}