﻿*html{margin:0; padding:0;}
body{margin:0;padding:0;background:#fff;font-family:Verdana;font-size:13px;line-height:22px;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;vertical-align:middle;}
img{border:0;}
ul,li{list-style-type:none;}
html,*{
	margin:0px;
	padding:0px;
}

body{
	background:#000 url(/image/TattooBK.jpg) repeat-y top;
	font: 12px Helvetica, Arial, Verdana, Sans-Serif;
	color:#23A6E4;
}

a, a:visited{
	color:#FF6633;
	text-decoration: none;
	border:none;
}
a:hover{
	color:#FF9933;
	text-decoration: underline;
}
h2{
	font:24px Helvetica, Arial, Verdana, Sans-Serif;
	font-weight:bold;
	clear:both
}
#container{
	width:960px; 
	text-align: left; 
	margin: 0px auto; 
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC  solid;
	background:#fff url(image/conbr.gif);
}
/* head 顶部标题，图*/
#head{
	margin:0px 0 -2px 0;
	padding:0px;
	}
#logo{	
	margin:0px;
	padding:0px;
	height:200px;
}
	
	
/* topmain 顶部导航*/
#menu{
	color:#FF6600;
	background:#000;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:15px;
}
#menu li {
	list-style:none; 
	display:inline;
	margin: 0;
	padding: 0;
	}
#menu ul {
	margin: 0;
	padding: 0;
	}
#menu li a {
	display:inline-table;
	color:#FFCC00;
	margin: 0;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 25px;
	padding-bottom: 4px;
	padding-left: 25px;
	}
#menu ul li a:hover, #menu ul li.current_page_item a {
	color:#000;
	text-decoration: none;
	background:#cf8a3c
	}

/*sidebar侧边栏*/
#sidebar{
	with:200px;
	float:left;
	}
.sidebox{
	background:#c99f66;
	border:#8c714e 2px solid;
	margin:10px;
	width:200px;
	}
#serviceonline{
        text-align:center;}
#sidebar h2{
	height:36px;
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#472102;
	text-align:center
	}	
#keyword{
	width:120px;
}	
#search_form{
	color:#1B1814;
	padding:2px;
	}
	

/*font 文字*/
.font{}
.title{}
.connent{
     float:left;
	}
/*ContactUs 在线联系*/
#ContactUs img{border:none;}
/*leftnav 左导航*/
#nav{}
#nav ul{list-style:none;font-size:13px;text-transform:capitalize; text-indent:32px;}
#nav li a{ display:block; border-bottom:1px #223300 dotted ;font-weight:bold ; margin-right:auto ; margin-right:5px; height:30px; line-height:30px;color:#223300 ; font-size:12px; padding:1px;
}
#nav li a:hover{background:#CC9900;color:#FFFFCC; text-decoration:none}

/*connent 内容*/
#connent{
	float:left;
	margin:5px 0px 5px 14px;
	overflow:hidden;
	
	}

.pic_box{width:690px;clear:both;}
.pro_list{margin:10px 0 10px 0;}
.pro_list h2{
	margin:2px 5px 10px 0;
	text-transform:capitalize;
	}
.probox{
	float:left;
	text-align:center;
	padding:4px;
	width:160px;
	height:320px;
	}
.probox ul{
	list-style:none;
	}
.probox li{
	padding:0 0 3px 0;
	}
.probox li a,.productlist li a:visited{
	text-align:center;
	color:#cc9900
	}
.probox li a:hover{
	text-decoration:none;
	}
.probox .imgclass{
	width:160px;
	height:200px;
	border:1px #23A6E4 solid;
	}
.probox .imgclass a{
	width:160px;
	height:200px;
	border:1px #FF0033  solid;
	}
.probox .imgclass a:hover{
	width:160px;
	height:120px;
	border:1px  #000 solid;
	}
.probox .buy{
	width:60px;
	height:20px;
	margin-right:5px;
	}
.probox .buy a{
	color:#FFFF00;
	}
.probox .buy a:hover{
	width:60px;
	height:20px;
	}
.probox .fav{width:60px;height:20px;margin-left:5px;}
.probox .fav a{color:#6c4e00;}
.proImage{
	float:left;
	width:200px;
	height:250px;
	margin:2px 0 5px 5px;
	}
.productdetail{
	float:left;
	margin:5px;
	}
.productdetail ul{
	list-style:none;
	}
.productdetail li{
	padding:2px;
	}
.description{text-align:left; clear:both; color:#000; padding:5px 15px;}
#description{text-align:left; clear:both; color:#000; padding:5px 15px;}
.description img{width:100px;height:150px; padding:2px; border:1px #ccc solid; margin:5px;
}
.description pre{
	padding:10px 0 10px 0;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.page {margin:2px; padding:2px; text-align:center; clear:both;}
.page a{margin:2px; padding:2px; background:#181818;border:1px #181818 solid;}
.page a:hover{background:#2F2F2F;}
.page .current{background:#2F2F2F; font-weight:bold;}
.page .current a{background:#2F2F2F; font-weight:bold;}
	
	

/*link 链接*/
#link{
	background:#000;
	clear:both;
	height:25px;
	line-height:25px;
	text-align:center;
}
#link ul{
	list-style:none;
	}
#link li{
	display:inline;
	}
#link li a{ 
	display:inline;
        padding:0 5px 0 5px;
	}
#link li a:hover{
	text-decoration:none;
    color:#FFCC33;
     padding:0 6px 0 6px;
	}
#foot{
	clear:both;
	}
.ad img{border:none;
}
/*news 新闻*/
.newslist{
	margin:0;
	display::table
	}
.newslist ul{	
	list-style: none; 
	margin: 0;
	padding: 0;
	display:table-row-group;
	}
.newslist li{
	list-style:none;
	display:table-cell;
	float: left;
	display:inline;
	margin: 0;
	padding: 0;
	width:200px;
	}
#news{
	padding:5px;
	}
#news .title{
	text-align:center;
	font-size:20px;
	}
#news .time{
	text-align:right;
	}
#foot{
	background:#000;
	text-align:center;
	height:25px;
	line-height:25px;
	}
.advertisement{
	background:#cf8a3c;
	width:959px;
	height:360px;
	clear:both;
	}
.advertisement #banner{
	border:#000000 1px solid;
	background:#000000;
	margin:3px;
	padding:5px;
	text-align:center
	}	

/*-=-=-=-=-=-=-=-[news part]-=-=-=-=-=-=-=-=-*/
.newsitem{ }
.newsitem ul{ width:100%; padding:5px; display:block; clear:both;}
.newsitem ul li{ list-style:none; float:left; }
.newsitem ul .newsType{ width:100px;}
.newsitem ul .newsTitle{ width:300px;}
.newsitem ul .newsTime{ width:130px; text-align:right;}

.news_box{ margin:10px auto; }
.news_title{ font-size:18px; text-align:center; margin:5px auto;}
.news_time{ text-align:center; margin:2px auto;}
.news_master{border:#ccc solid 1px; padding:10px;}
/*-=-=-=-=-=-=-=-[end news part]-=-=-=-=-=-=-=-=-*/

/*-=-=-=-=-=-=-=-[product type part]-=-=-=-=-=-=-=-=-*/
.protype{ text-align:center; display:inline;}
.protbox{ float:left; width:160px; padding:8px;}
.protbox li{text-align:center;}
.protbox li.prot_img a img{ width:120px; height:160px;}
.protbox li.prot_name a { text-transform:capitalize;}
/*-=-=-=-=-=-=-=-[end product type part]-=-=-=-=-=-=-=-=-*/

/*-=-=-=-=-=-=-=-=-=-=-=-=-[UserManage]-=-=-=-=-=-=-=-=-=-=-=-=-*/
.dr_body{padding:0 5px 0 10px;float:left;}
h3 {
	font-size:14px;
	font-family:Arial,sans-serif;
	padding-bottom:5px;
	padding-top:5px;
	}
.dr_label {
	width:150px;
	}
.dr_formLine{height:25px; line-height:25px;padding:2px 0;color:red;}
.dr_formLine label.dr_label {
	float:left;
	clear:both;
	padding-top:2px;
	padding-right:8px;
	text-align:right;
	color:#23A6E4;
	}
.dr_formLine label{
    float:left;
	clear:both;
	padding-top:2px;
	padding-right:8px;
	}
.dr_formLine input {
    padding-top:2px;
	margin-bottom:5px;
	width:250px;
	}
.dr_div{padding-left:500px;padding-bottom:10px;}
.dr_address{padding:10px;}
.dr_postage{padding:5px 50px 5px 10px;font-size:14px;text-align:right; font-weight:bold;}
.dr_total{float:right;padding:5px 50px 5px 10px; font-size:14px;text-align:right; font-weight:bold;}
.dr_order{font-size:16px;color:red;font-weight:bold;}
.dr_ci{padding:10px 50px 10px 10px; font-size:16px;font-weight:bold; color:red;}
.dr_body{text-align:left;}
.dr_payment{text-align:center;}
.dr_payment h3{color:#23A6E4;}
.dr_btn{background:url(/images/button.gif) #000;text-align:center;height:25px; line-height:25px; width:100px;border:0;color:#fff;font-weight:bold;}
.dt_shopping{border-left:1px #999999 solid;border-right:1px #999999 solid;border-bottom:1px #999999 solid;padding:0;margin:0; width:100%;}
.dt_shopping tr{}
.dt_shopping .sp_head{background:url(/images/commonbg.gif) #000;height:30px;color:#fff;font-weight:bold;}
.dt_shopping .sp_head th{border:0;padding:5px;}
.dt_shopping td{border:0;padding:5px;vertical-align:middle;}
.dt_shopping .dr_sp_img img{width:100px;height:100px;}
.dt_shopping .dt_txtinput{width:250px;}
.dt_shopping  h3{color:#fff;text-indent:10px;}
.dr_black{border:1px #999999 solid; margin:10px 0;}
.dr_black h3{background:url(/images/commonbg.gif) #000; color:#fff; text-indent:10px;padding-bottom:10px;padding-top:10px;}
.dr_black p{padding:10px;}
.dr_black a{font-weight:bold;}
.dr_black .dr_item{width:45%; float:left; text-indent:10px; margin:5px; padding:5px;}
.dr_black .dr_item a.hover{border:1px #999999 solid;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-[End UserManage]-=-=-=-=-=-=-=-=-=-=-=-=-*/