/*基本信息*/
* {
        margin: 0px auto; 
        padding: 0px;
}
body {  font-family: Tahoma;
        font-size: 12px;
        color: #333333;
		line-height: 18px;
        text-align: center;
        background-image: url(images/index_tb.jpg); 
		background-repeat: repeat-x;
}
a:link,a:visited {
        font-size: 14px;
        text-decoration: none;
        color: #333333;
}
a:hover{
        text-decoration: underline;
		color: #FFFFFF;
}
a.text:link,a.text:visited {
        font-size: 14px;
        text-decoration: none;
        color: #ff3333;
}
a.text:hover{
        text-decoration: underline
}
h1 {
        font-weight : bolder;
		text-indent: 4px;
		font-size: 14px;
        color: #fafafa;
		line-height: 18px;
}
h2 {
        font-weight : bolder;
		text-indent: 4px;
		font-size: 13px;
        color: #ff3333;
		line-height: 18px;
}
h3 {
        font-weight : bolder;
		text-indent: 4px;
		font-size: 16px;
        color: #333333;
		line-height: 18px;
}
h4 {
        font-weight : bolder;
		text-indent: 4px;
		font-size: 12px;
        color: #ff3333;
		line-height: 18px;
}
p {		
        text-indent: 2em;
		font-size: 12px;
        color: #333333;
		line-height: 18px;
}
p.title {
        text-indent: 2em;
		font-size: 12px;
        color: #0099FF;
		line-height: 18px;
}
.clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0px;
}


/*页面层容器*/
#container {
        width: 800px;
		overflow: hidden;
		display: inline;
}

/*页面头部*/
#header {
		width: 800px;
		margin: 0 auto;
}
#logo {
        clear: both;
		float: left;
		position: relative; 
		top: 30px;
}
#nav {
        clear: both;
		float: left;
		width: 770px;
		height: 30px;
		position: relative; 
		top: 33px;
		left: 15px;
		background-image: url(images/index_nav.jpg);
		background-repeat: no-repeat; 
}
#nav ul {
        float: left;
        list-style: none;
        margin: 0px;
}
#nav ul li {
        float: left;
        line-height: 18px;
		position: relative; 
		display: inline;
		margin: 6px 4px 0px 2px;
		left: 150px;
}
#nav ul li a:link,#nav ul li a:visited {
        font-size: 14px;
		font-weight: bold;
		color: #FaFaFa;
}
#nav ul li a:hover{
        color: #FF0066;
        text-decoration: underline
}
.navDiv {
        width: 1px;
        height: 15px;
        background: #C35313;
}
#banner {
        clear: both;
		float: left;
		position: relative; 
		top: 33px;
		left: 15px;
}

/*页面主体*/
#pagebody {
        width: 770px;
		height: 1930px;
		margin: 0 auto;
        clear: both;
        text-align: left;
		overflow: hidden;
}
#buypagebody {
        width: 770px;
		height: 1000px;
		margin: 0 auto;
        clear: both;
        text-align: left;
		overflow: hidden;
}
#instructionpagebody {
        width: 770px;
		height: 1080px;
		margin: 0 auto;
        clear: both;
        text-align: left;
		overflow: hidden;
}
#manualpagebody {
        width: 770px;
		height: 1620px;
		margin: 0 auto;
        clear: both;
        text-align: left;
		overflow: hidden;
}
#manual2pagebody {
        width: 770px;
		height: 2000px;
		margin: 0 auto;
        clear: both;
        text-align: left;
		overflow: hidden;
}
#storypagebody {
        width: 770px;
		height: 600px;
		margin: 0 auto;
        clear: both;
        text-align: left;
		overflow: hidden;
		background-image: url(images/storybb.jpg); 
		background-repeat: no-repeat;
		background-position: bottom right;
}
#aboutpagebody {
        width: 770px;
		height: 830px;
		margin: 0 auto;
        clear: both;
        text-align: left;
		overflow: hidden;
}
.tx {
padding: 10px 10px 10px 10px;
}
p.tx1 {
        font-size: 12px;
        color: #333333;
		line-height: 18px;
}

/*瘦酷简介*/
#news { 
        clear: both;
		float: left;
		position: relative; 
		top: 2px;
}
.rcb{height:5px;clear:both}
.rct .l,.rct .r,.rcb .l,.rcb .r{position:relative;font-size:1px;background-image:url(images/rc.gif);width:5px;height:5px;overflow:hidden;}
.rct .l,.rcb .l{float:left;left:-1px}
.rct .r,.rcb .r{float:right;right:-1px}
.rct .l,.rct .r{top:-1px}
.rcb .l,.rcb .r{top:1px}
.b2{background:#fff;border:1px solid #CCC;margin-bottom:10px;}
.tl1{background-position:top left}
.tr1{background-position:top right}
.bl1{background-position:left bottom}
.br1{background-position:right bottom}
.msg {
        border:1px;
		border-color: #CCC;
        position: relative;
        width: 770px;
		top: 55px;
        float: left;
		overflow: hidden;
}
.t1 {
        clear: both;
		float: left;
		position: relative;
		top: 45px;
		background-image: url(images/index_m.gif);
		background-repeat: no-repeat;
		background-position: top;
		width: 770px;
		height: 71px;
}
.t2 {
        position: relative;
		top: 15px;
		left: 25px;
		width: 300px;
		float: left;
}
.tu {
        clear: both;
		float: left;
		position: relative;
		width: 750px;
		height: 460px;
		border: 1px;
		border-color: #FF6600;
		border-style: dashed;
		overflow: hidden;
}
.jieshao {
        float: right;
		position: relative;
		bottom: 180px;
		width: 380px;
}
.img2 {
        clear: both;
		float: left;
		position: relative;
		left: 50px;
		top: 80px;
}
.story {
		float: left;
		position: relative; 
		top: 35px;
		width: 700px;
		padding: 5px 5px 5px 15px;
}
.story ul {
        float: left;
        list-style-type: none;
		list-style: circle;
		list-style-position: inside;
        margin: 0px;
}
.story ul li {
        line-height: 18px;
		position: relative; 
		display: block;
		left: 10px;
}
.story ul li a:link,.story ul li a:visited {
        color: #000000;
}
.story ul li a:hover{
        color: #ff3333;
        text-decoration: underline
}

/*页面底部*/
#footer {
	margin: 0 auto;
	height: 150px;
	background: url(images/bban.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	clear: both;
	position : relative;
	bottom: 0px;
	overflow: hidden;
	background-color: #FFFFFF;
}
#logob {
        clear: both;
		position: relative; 
		top: -10px;
		width: 120px;
}
#bom {
        padding: 10px 20px 0 0;
        position: relative; 
        bottom: -10px;
		text-align: center;
}