body.IF{
	padding:0px;
	margin:0px;
	background:url(../images/bg.jpg) repeat;
	font-family: 'Istok Web', 'sans-serif';
	color:#666;
	line-height:1.5em;
}
a{ color:#ba8933; text-decoration:none;}
a:hover{
	text-decoration: underline;
	text-align: justify;
}
img { border:0px;}
form{ padding:0px; margin:0px;}
form sub{ color:#ba8933; vertical-align:text-top;}
.inputText{
	padding:7px;
	border:1px solid #CCC;
	border-radius:5px;
}

/* Universal */
.width1140{
	width:1140px;
	margin:0px auto;
}
.fLeft{ float:left;}
.fRight{ float:right;}
.color_blue{ color:#039;}
.color_cyan{ color:#9cc}
.color_cyan-b{ color:#399}
.clr{ clear:both;}
a.btn_gold{
	display:inline-block;
	padding:5px 20px;
	border-radius:5px;
	background:#ba8933;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
}
a.btn_sliver{
	display:inline-block;
	padding:5px 10px;
	border-radius:5px;
	background:#666;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
}
a.btn_gold:hover, a.btn_sliver:hover{ background:#399;}
/*.index_center, .left, .main{ margin-bottom:-30000px; padding-bottom:30000px;}*/

/* header */
.header{
	background:#FFF;
}
.header .logo{
	font-size:3em;
	font-weight:bold;
	color:#039;
	line-height:130px;
	padding:0px 20px;
	width:360px;
	height:130px;
}
.header .logo span{
	color:#399;
}
.header .member{
	width:740px;
	text-align:right;
	color:#CCC;
}
.header .member a{
	padding:0px 10px;
}
.header .slogan{
	width:740px;
	text-align:right;
	margin:10px 0px;
}
.header .slogan img{
	vertical-align:middle;
	margin:20px 10px;
}
.header .nav{
	clear:both;
	background:#9cc;
}
.header .nav ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.header .nav ul>li{
	float:left;
	height:3em;
	overflow:hidden;
	position:relative;
}
.header .nav ul>li:hover{
	height: auto;
	overflow:visible;
}
.header .nav ul>li>a{
	color:#666;
	font-size:1.2em;
	line-height:2.5em;
	display:inline-block;
	text-decoration:none;
	padding:0px 20px;
}
.header .nav ul>li>a:hover{
	background:#399;
	color:#FFF;
}
.header .nav ul>li>a.hover{
	background:#039;
	color:#FFF;
}
.header .nav ul>li>ul{
	position:absolute;
	left:0px;
	top:3em;
	background:#9CC;
	z-index:10;
}
.header .nav ul>li>ul>li{
	float:none;
}
.header .nav ul>li>ul>li>a{
	display:block;
	white-space: nowrap;
}
.header .nav ul>li>ul>li>a:hover{
}



/* main */
.main{
	background:#333;
	height:470px;
}
.main .main_img{
	width:840px;
}
.main .main_text{
	padding:20px;
	width:260px;
}
.main .main_text h2{
	color:#FFF;
	margin:0px;
	text-shadow:1px 1px 3px #000;
	line-height:1.5em;
	font-size:1.6em;
}
.main .main_text p{
	color:#CCC;
	line-height:1.5em;
}
.main .main_text a{
	margin:0px auto;
}

/* content */
.content{
	background:#FFF;
}
.content .title{
	color:#039;
	text-shadow:1px 1px 1px #9cc;
	font-size:1.6em;
}
.content .intro{
	width:860px;
	margin-right:20px;
	padding:20px ;
}
.content .intro h2{
	font-size:2em;
	padding-bottom:10px;
	border-bottom:1px solid #9cc;
	clear:both;
}
.content .intro p{
	clear:both;
	font-size:1.1em;
	line-height:1.6em;
	clear:both;
}
.content .intro p img.fLeft{
	margin:0px 20px 20px 0px;
}
.content .intro p img.fRight{
	margin:0px 0px 20px 20px;
}
.content .price{
	width:220px;
	margin-top:20px;
}
.content .price img{
	margin:20px auto;
	display:block;
}

dl.product{
}
dl.product dt{
	font-size:2em;
	padding:10px 0px;
}
dl.product dd{
	padding:0px;
	margin:0px;
	color:#999;
}
dl.product dd .prod_list{
	width:270px;
	margin:10px 10px 10px 0px;
	border:1px solid #9CC;
	border-radius:5px;
	font-size:0.8em;
}
dl.product dd .prod_list h3{
	padding:0px;
	margin:0px;
}
dl.product dd .prod_list h3 a{
	padding:5px 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	width:250px;
	display:block;
	background:#9CC;
	color:#399;
	text-decoration:none;
}
dl.product dd .prod_list .prod_intro{
	overflow:hidden;
	line-height:1.5em;
	padding:5px;
}
dl.product dd .prod_list .prod_intro a.prod_img{
	margin-right:5px;
	display:block;
	float:left;
	width:100px;
}
dl.product dd .prod_list .prod_intro p{
	float:right;
	width:150px;
	margin:0px;
	padding:0px;
	display:block;
	clear:none;
	height:100px;
	overflow:hidden;
}
dl.product dd .prod_list a.btn_gold{
}
dl.product dd .prod_list .prod_price{
	padding:0px 10px;
	clear:both;
	border-top:1px dashed #CCC;
}
dl.product dd .prod_list .prod_price strong{
	color:#399;
}


dl.indexArticle{
	width:410px;
	margin:10px 20px 10px 0px;
	padding:0px;
}
dl.indexArticle dt{
	margin-bottom:10px;
}
dl.indexArticle dd{
	margin:0px;
	padding:0px;
	font-size:0.9em;
	background:#eee;
	border-radius:10px;
	padding:10px;
}
dl.indexArticle dd h3{
	margin:0px;
	font-weight:normal;
	color:#099;
}
dl.indexArticle dd p{
}
.readMore{
	background:#eee;
	padding:10px;
}
.readMore a{
	display:block;
	width:100px;
	text-align:center;
}

dl.indexArticle2{
	width:410px;
	margin:10px 20px 10px 0px;
	padding:0px;
}
dl.indexArticle2 dt{
	padding-bottom:10px;
	border-bottom:1px solid #9CC;
}
dl.indexArticle2 dd{
	margin:0px;
	padding:0px;
	font-size:0.9em;
	border-radius:10px;
}
dl.indexArticle2 dd h3{
	margin:0px;
	font-weight:normal;
	color:#099;
	padding:5px 0px;
}
dl.indexArticle2 dd p{
}

dl.indexArticle3{
	width:410px;
	margin:10px 20px 10px 0px;
	padding:0px;
}
dl.indexArticle3 dt{
	padding-bottom:10px;
	border-bottom:1px solid #9CC;
}
dl.indexArticle3 dd{
	margin:0px;
	padding:0px;
	font-size:0.9em;
	border-radius:10px;
}
dl.indexArticle3 dd h3{
	margin:0px;
	font-weight:normal;
	color:#099;
	padding:5px 0px;
}
dl.indexArticle3 dd p{
}
.readMore2{
	border:1px dashed #9CC;
	padding:10px;
	border-radius:10px;
}
.readMore2 a{
	display:block;
	width:100px;
	text-align:center;
}

/* info */
.info{
	background:#9cc;
}
.info .fLeft{
	padding:10px 20px;
	color:#399;
	width:700px;
}
.info .fRight{
	padding:10px 20px;
	width:350px;
}
.info h3{
	margin:0px;
	font-size:1.5em;
	line-height:1.5em;
	margin-top:10px;
}
.info p{
	margin:0px;
	padding:5px;
}
.info p form{
}

/* footer */
.footer{
	background:#404040;
	color:#999;
}
.footer dl{
	width:25%;
	float:left;
}
.footer dl dt{
	color:#9cc;
	font-size:1.5em;
	margin-left:20px;
}
.footer dl dd{
	border-left:5px solid #9cc;
}
.footer dl dd ul{
	list-style:none;
	padding-left:20px;
}
.footer dl dd a{
	color:#FFF;
}
.footer dl dd a:hover{
}
.footer .copyright{
	width:25%;
	margin-top:20px;
	float:left;
}



/* article */
.article_title{
	color:#039;
	background:url(../images/headbg.jpg) no-repeat;
	height:130px;
	line-height:130px;
	padding-left:150px;
	font-size:2em;
}
.article_content{
	background:#FFF;
}
.article_content .title{
	color:#039;
	text-shadow:1px 1px 1px #9cc;
	font-size:1.6em;
}
.article_content .intro{
	width:800px;
	margin-right:20ppx;
	padding:20px ;
}
.article_content .intro h2{
	font-size:2em;
	padding:5px 20px;
	border-bottom:1px solid #9cc;
	border-left:7px solid #039;
	clear:both;
	line-height:1.2em;
}
.article_content .intro p{
	clear:both;
	font-size:1.1em;
	line-height:1.6em;
	padding:0px 20px;
}
.article_content .intro ul, .article_content .intro ol{
	margin-left:20px;
}
.article_content .intro ul>li{
	padding:10px 0px;
}
.article_content .intro p img.fLeft{
	margin:0px 20px 20px 0px;
}
.article_content .intro p img.fRight{
	margin:0px 0px 20px 20px;
}
.article_content .price{
	width:300px;
	margin-top:20px;
}
.article_content .price img{
	margin:20px 0px;
	display:block;
}

/* blog */
.blog_content{
	background:#FFF;
}
.blog_content .title{
	color:#039;
	text-shadow:1px 1px 1px #9cc;
	font-size:1.6em;
}
.blog_content .intro{
	width:800px;
	margin-right:20ppx;
	padding:20px ;
}
.blog_content .intro h2{
	font-size:2em;
	border-top:1px solid #9cc;
	clear:both;
	line-height:1.2em;
	margin-bottom:0px;
	padding-top:20px;
}
.blog_content .intro h2 a{
	color:#039;
}
.blog_content .article_info{
	color:#999;
}
.blog_content .article_info span{
	padding:0px 10px;
	display:inline-block;
	vertical-align:middle;
}
.blog_content .intro p{
	clear:both;
	font-size:1.1em;
	line-height:1.6em;
}
.blog_content .intro ul, .article_content .intro ol{
	margin-left:20px;
}
.blog_content .intro ul>li{
	padding:10px 0px;
}
.blog_content .price{
	width:300px;
	margin-top:20px;
}
dl.blog_class{
}
dl.blog_class dt{
	background:#9CC;
	padding:10px 20px;
	border-radius:20px;
	font-size:1.5em;
	margin:10px 10px 0px 10px;
}
dl.blog_class dd{
	margin:0px;
	padding:10px 20px;
}
.pages{
	text-align:center;
	color:#999;
	padding:20px;
}
.pages a{
	background:#eee;
	padding:5px 10px;
	margin:0px 3px;
	border-radius:5px;
	text-decoration:none;
	color:#399;
}
.pages a.hover, .pages a:hover{
	background:#399;
	color:#FFF;
}
.comment{
	margin-top:30px;
}
.comment dl{
	border-top:1px dashed #399;
	padding:10px 0px;
}
.comment_reply{
	margin-top:10px;
}
.comment_reply a{
	padding:0px 10px;
	background:#eee;
	border-radius:5px;
	margin:0px 5px;
}
.leaveMsg{
	background:#eee;
	border-radius:10px;
	padding:10px;
}

/* contact */
.contact_form label{
	display:inline-block;
	width:120px;
	text-align:right;
	vertical-align:top;
}
.contact_form a{
	margin-left:130px;
}