﻿html,body{
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0px;
}
a,a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a:hover,a:active {
	color:#005aff;
}
ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
img {border:0;}

/*default.html*/
#menu_zone {
	position:absolute;
	top:532px;
	width:100%;
	height:112px;

}
#menu_logo {
	height:92px;
	width:174px;
	margin:0 auto;
}
#menu_list{
	width:100%;
	color:#fff;
	background-color:#838383;
	text-align:center;
	height:20px;
	line-height:20px;
}

	#menu_list span {margin:0 40px 0 20px;}

#content {
	width:100%;
	height:500px;
}

#content_main {
	width:900px;
	height:500px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	top:32px;
	z-index:1;

}

/*cate*/
.catebg {
	background:url(../images/catbg.jpg) right bottom no-repeat;
}
#catenav {
	width:900px;
	color:#fff;
	height:22px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	top:10px;
	z-index:2;
	}
	#catenav ul {
		float:left;
	}
	#catenav ul li {
		float:left;
		background:url(../images/whiteline.gif) left center no-repeat;
		padding:0 6px 0 9px;
		text-transform:capitalize;
	}
	#catenav #collection {
		background:url(../images/blueline.gif) left center no-repeat;
		padding:0 6px;
		cursor:pointer;
		position:relative;
	}
	#collection_tip{
		z-index:999;
		position:absolute;
		top:17px;
		left:10px;
		width:72px;
		height:17px;
		padding-top:15px;
		text-align:center;
		background:url(../images/tip.gif) left top no-repeat;
		
	}
	#catenav #ct_on {
		font-size:24px;
		font-weight:bold;
		margin-top:-11px;
		background-position:left 18px;
	}
#content_pronav {
	margin-left:92px;
	margin-right:30px;
	height:100%;
	float:left;
	overflow:hidden;
}
	#content_pronav ul {
		border:dashed 1px #848484;
		padding:5px 12px 5px 4px;
	}
	#content_pronav li {
		height:22px;
		line-height:22px;	
		text-transform:uppercase;
	}
	#content_pronav a {
		font-size:14px;
		padding-left:6px;	
	}
	#content_pronav a:hover {
		padding-left:6px;
		background:url(../images/blueline.gif) left center no-repeat;
	}
	#content_intro {
		margin-left:272px;
		padding:0 10px;
		height:50px;
		overflow:hidden;
	}
	#content_intro h1 {
		margin:0px;
		padding:0px;
		text-transform:capitalize;
	}
	#content_intro p {
		margin:0px;
		padding:0px;
		font-size:14px;
		text-indent:28px;
		line-height:22px;
		color:#CCCCCC;
		text-align:justify;
	}
	#content_frame {
		margin-left:272px;
		position:relative;
		height:380px;
		margin-top:16px;
		overflow:hidden;	
		text-align:center;
		width:435px;
	}
	#content_prothmb{
		height:380px;
		overflow:hidden;
	}
	#content_prothmb img {
		height:280px;
		margin-top:40px;
		
	}
	#content_tip {
		position:absolute;
		z-index:99;
		left:12%;	
		top:70%;
		text-transform:capitalize;
		font-size:14px;
		font-weight:bold;
	}

/*production*/
#content_pronav a.onselect {
	color:#005aff;
	background:url(../images/blueline.gif) left center no-repeat;
}

#content_proimg {
	position:absolute;
	width:330px;
	height:93%;
	left:255px;
	text-align:center;
	padding-top:30px;
}
#content_showlist {
	margin-top:10px;
}
	#content_showlist  img {
		cursor:pointer;
		border:solid 1px #fff;
		width:60px;
		margin:0 10px;
			
	}

#content_prointro{
	position:absolute;
	left:602px;
	height:100%;
	overflow:hidden;

}
#content_prointro {}
#content_prointro li {width:280px;font-size:14px;margin:5px 0 0 0;line-height:22px; word-break:break-all; vertical-align:top; border-bottom:dotted 1px #333;}
#content_prointro li span {font-size:12px;font-weight:bold;margin-right:10px;color:#ddd;}
#content_prointro .btn_buy {text-align:center;border:none;margin-top:10px;}

/*company*/
#content_company p {font-size:16px;line-height:28px;text-indent:28px;word-break:break-all;}
#content_company img {border:none;float:left;}

/*chronology*/
.content_chronology,.content_tour {display:none;height:480px;width:900px;}
.content_chronology p {width:750px;margin:0;float:left;}
.content_chronology li {clear:both;font-size:13px;line-height:32px;margin-left:40px;}
.content_chronology li span {height:100%;color:#ff0000;font-size:16px;float:left;margin:0 20px 0 0;font-weight:bold;}
.cshow {display:block;}
.content_tour p {word-break:break-all;font-size:14px;line-height:25px;clear:right;}
.content_tour h1 {margin:0 0 40px 0;font-weight:normal}
.img_center {margin:0 auto;width:568px;}
.img_two {text-align:center;width:900px;height:200px;padding-top:100px;}
.img_left {float:left;margin-right:8px;width:160px;}
#pages ul {margin:0 auto;}
#pages li {cursor:pointer;display:block;float:left;width:13px;border:solid 1px #aaa;text-align:center;margin:0 5px;}
#pages li.active {background:#005aff}
/*content*/
#content_content {overflow:hidden;margin-top:100px;}
#content_content li {text-align:center;line-height:50px;font-size:16px;}
#content_content li.word {line-height:28px;}