/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	background:#572D00;
	margin:0 0 40px;
	line-height:1.7;
	font-size:13px;
	width:1004px;
}

a{
	color:#fff;
	text-decoration:none;
	overflow:hidden;
}

a:hover{
	color:#FFFF00;
	text-decoration:underline;
	overflow:hidden;
}

h3{
	font-size:24px;
	font-weight:400;
	color:#FFC;
	margin:20px 0 0 20px;
	
}

h4{
	text-indent:20px;
	font-size:14px;
	margin:1em 0 0;
}

p{
	margin:0 20px;
}

p.markon{
	font-weight:bolder;
	color:#FCC;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#header{
	background:url(../image/bg_head.gif) repeat-x;
	height:141px;
	margin:0;
	position:relative;
}

h1{
	background:url(../image/bg_title.gif) left top no-repeat;
	display:block;
	text-indent:-999px;
	position:absolute;
	height:28px;
	width:280px;
	top:60px;
	left:208px
}

h1#header_h1_index{
	background:url(../image/bg_title_index.gif) left top no-repeat;
	left:168px
}

.index_ex_left{
	background:url(../image/ex_horse_left.gif);
	width:128px;
	height:146px;
	position:absolute;
	top:0;
	left:30px;
}

.index_ex_right{
	background:url(../image/ex_horse_right.gif);
	width:128px;
	height:146px;
	position:absolute;
	top:0;
	right:30px;
}

.ex_left{
	background:url(../image/ex_horse_left.gif);
	width:128px;
	height:146px;
	position:absolute;
	top:0;
	left:80px;
}

.ex_right{
	background:url(../image/ex_horse_right.gif);
	width:128px;
	height:146px;
	position:absolute;
	top:0;
	right:80px;
}

#header .addinfo{
	position:absolute;
	right:210px;
	top:5px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

#header .backhome{
	color:#C96;
}

#header .buy{
	color:#FF3;
}

#header a:hover{
	color:#FFF;
}

#header p{
	position:absolute;
	display:block;
	left:370px;
	top:62px;
	font-size:12px;
	width: 420px;
	color:#843C00;
	font-family:MingLiU;
	font-size:11px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	form elements
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
input{
	border:1px solid #ABBDCD;
	background:#F5F8FA;
	float:left;
	margin:0 5px;
}

input.btn{
	border:none;
	background:none;
}

label{
	width:70px;
	text-align:right;
	height:24px;
	line-height:24px;
	float:left
}

textarea{
	border:1px solid #ABBDCD;
	background:#F5F8FA;
	padding:5px;
}

form p{
	margin:5px 10px 0 60px;
}

form span{
	float:left;
}

form .formtip{
	margin:0 20px 0 135px;
	color:#FFC;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	table elements
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
table{
	margin-left:20px;
	border:1px solid #630;
	border-collapse:collapse;
	width:90%;
}

table th{
	border:1px solid #630;
	background:url(../image/bg_th.gif) repeat-x;
	height:29px;
	line-height:29px;
	color:#FFC;
}

table td{
	border:1px solid #630;
	text-align:center;
	padding:5px;
}

table td.alignright{
	text-align:right;
	padding:5px 10px;
}

table td.alignleft{
	text-align:left;
	padding:5px 10px;
}

table strong{
	color:#CCF;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++
	page elements
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*  index page  */
#index{
	background:url(../image/bg_body.gif);
}

#index #header{
	background:url(../image/bg_head_index.gif) repeat-x;
}

#index .bgwrap{
	background:url(../image/bg_index.gif) no-repeat;
	width:912px;
	height:453px;
	margin:0 auto;
	text-indent:-9999px;
	position:relative;
}

#index .navwrap{
	margin:0 auto;
	width:560px;
}

#index .navwrap ul li{
	float:left;
	margin:0;
}

#index #btn_1{
	display:block;
	width:240px;
	height:30px;
	position:absolute;
	top:142px;
	left:133px;
	
}

#index #btn_2{
	display:block;
	width:306px;
	height:30px;
	position:absolute;
	top:179px;
	left:99px;
	
}

/*  index page end*/

.backtop{
	text-align:center;
	margin-top:50px;
}

.backtop a{
	color:#300;
}

.backtop a:hover{
	color:#0000FF;
	text-decoration:underline;
}

/*  block start  */
.bgwrap_top{
	background:url(../image/bg_bgwrap_top.gif) no-repeat;
	width:810px;
	height:60px;
	margin:0 auto;
}

.bgwrap_bottom{
	background:url(../image/bg_bgwrap_bottom.gif) no-repeat;
	width:810px;
	height:60px;
	margin:0 auto;
	clear:both;
	text-align:center;
}

.bgwrap{
	background:url(../image/bg_bgwrap.gif) repeat-y;
	width:810px;
	margin:0 auto;
}

.navwrap ul{
	list-style:none;
	margin:0;
	padding:0;
}

.navwrap ul li{
	height:72px;
	width:140px;
	margin-top:5px;
}

.navwrap ul li a{
	text-indent:-9999px;
	display:block;
	height:72px;
	width:140px;
}

.navwrap #nav_0 a{
	background:url(../image/bg_nav_0.gif);
}

.navwrap #nav_1 a{
	background:url(../image/bg_nav_1.gif);
}

#index .navwrap #nav_1 a{
	background:url(../image/bg_nav_1_index.gif);
}

.navwrap #nav_2 a{
	background:url(../image/bg_nav_2.gif);
}

#index .navwrap #nav_2 a{
	background:url(../image/bg_nav_2_index.gif);
}

.navwrap #nav_3 a{
	background:url(../image/bg_nav_3.gif);
}

#index .navwrap #nav_3 a{
	background:url(../image/bg_nav_3_index.gif);
}

.navwrap #nav_4 a{
	background:url(../image/bg_nav_4.gif);
}

#index .navwrap #nav_4 a{
	background:url(../image/bg_nav_4_index.gif);
}

#sub1 #nav_1 a,
#sub2 #nav_2 a,
#sub3 #nav_3 a,
#sub4 #nav_4 a,
.navwrap #nav_0 a:hover,
.navwrap #nav_1 a:hover,
.navwrap #nav_2 a:hover,
.navwrap #nav_3 a:hover,
.navwrap #nav_4 a:hover,
#index .navwrap #nav_1 a:hover,
#index .navwrap #nav_2 a:hover,
#index .navwrap #nav_3 a:hover,
#index .navwrap #nav_4 a:hover{
	background-position:bottom;
}

/*	block end	*/
/*	footer start	*/
#footer{
	height:30px;
	line-height:32px;
	background:url(../image/bg_footer.gif) repeat;
	text-align:center;
	font-size:14px;
	margin-top:20px;
	color:#FFF;
}

#footer div{
	background:url(../image/img_ql_logo.gif) left no-repeat;
	text-indent:60px;
	width:250px;
}

/*	Ò»°ãÒ³Ãæ	*/
.leftcol{
	float:left;
	width:140px;
	margin-top:10px;
	margin-left:75px;
	display:inline;
}

.rightcol{
	float:right;
	width:510px;
	margin-right:60px;
	display:inline;
}

.rightcol h2{
	margin:5px 0 9px;
}

#sub1 h2{
	display:block;
	height:40px;
	width:185px;
	background:url(../image/bg_h2_sub1.gif) no-repeat;
	text-indent:-9999px;	
}

#sub2 h2{
	display:block;
	height:40px;
	width:185px;
	background:url(../image/bg_h2_sub2.gif) no-repeat;
	text-indent:-9999px;	
}

#sub3 h2{
	display:block;
	height:40px;
	width:185px;
	background:url(../image/bg_h2_sub3.gif) no-repeat;
	text-indent:-9999px;	
}

.prod_1{
	background:url(../image/bg_btn_1.gif);
	height:30px;
	width:285px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
	overflow:hidden;
}

.prod_2{
	background:url(../image/bg_btn_2.gif);
	height:30px;
	width:309px;
	display:block;
	text-indent:-9999px;
	margin:25px auto;
	overflow:hidden;
}

.sum{
	color:#FFC;
	margin-top:5px;
}

.imgwrap{	
	width:99%;
	margin:10px 0;
	text-align:center;
}

.imgtip{
	text-align:center;
}

.price_prod1{
	font-size:24px;
	font-weight:400;
	color:#FFF;
	margin:30px 0 0 20px;
	
}

.price_prod1 .price{
	color:#FFC;
}

.hr{
	height:3px;
	background-color:#6D3C0B;
	overflow:hidden;
	margin:10px 20px;
}

.btn_buy{
	display:block;
	width:152px;
	height:40px;
	background:url(../image/btn_buy.gif);
	text-indent:-9999px;
	margin:10px 20px;
}