﻿*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;}

body{
	background:#000 url(/image/TattooBK.jpg) no-repeat 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;
	
}
#container{
	width:960px; 
	text-align: left; 
	margin: 0px auto; 
	background:#000;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC  solid;
}
/* head 顶部标题，图*/
#head{
	margin:0px 0 -2px 0;
	padding:0px;
	}
#logo{	
	margin:0px;
	padding:0px;
}
	
	
/* topmain 顶部导航*/
#Menu{
	color:#FF6600;
	background:url(/image/menu.gif);
	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;
	}

/*sidebar侧边栏*/
#sidebar{
	with:200px;
	float:left;
	}
.sidebox{
	background:#DF59CA;
	border:#FF8FF7 2px solid;
	margin:10px;
	width:200px;
	}
#sidebar h2{
	height:60px;
	font:Geneva, Arial, Helvetica, sans-serif ;
	font-size:24px;
	color:#EFEFEF;
	text-align:center
	}	
#keyword{
	width:120px;
}	
#search{}
#search_form{
	color:#1B1814;
	padding:2px;
	}	

/*font 文字*/
.font{}
.title{}
.connent{
	}
/*ContactUs 在线联系*/
#ContactUs img{border:none;}
/*leftnav 左导航*/
#nav{}
#nav dl dd{list-style:none;font-size:13px;text-transform:capitalize; text-indent:8px;}
#nav dl dd a{ display:block; border-bottom:1px #223300 dotted ;font-weight:bold ; height:20px; line-height:20px;color:#223300 ; font-size:12px; padding:1px;
}
#nav dl dd dl dd{ text-indent:15px;}
#nav dl dd dl dd a{ display:block; border-bottom:1px #DF59CA dotted ;font-weight:bold ; height:20px; line-height:20px; font-size:11px; background:#FF8FF7;
}
#nav li a:hover{background:#CC9900;color:#FFFFCC; text-decoration:none}

/*connent 内容*/
#connent{
	float:left;
	margin:5px 0px 5px 10px;
	overflow:hidden;
	display:inline;
	}
.pro_type{ width:720px;}
.pic_box{width:700px;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;}



.jqzoom{
	float:left;
	width:200px;
	height:200px;
	cursor:crosshair;
	position:relative;
	margin:2px 0 5px 5px;
	border:1px #39F solid;
	}
div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:0px;
width                   : 200px;
height                  : 200px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center; 
overflow: hidden;

}
.productdetail{
	float:left;
	margin:5px;
	width:500px;
	}

.productdetail{ font-size:16px; float:left; padding:10px;}
.productdetail ul li{ display:block; clear:both;}
.productdetail .pro_con_title{width:100px;display:inline-block;}
.productdetail span{ display:block; float:left;}
.productdetail .pro_con_lprice{ color:#F00; font-weight:bold;}
.productdetail .pro_con_kprice{color:#F00; font-weight:bold;}
.productdetail .pro_con_save{ color:#0F0; font-weight:bold;}
.productdetail .probody_buy{ width:250px; float:left;}
.productdetail #cart_qty span{width:100px; }
.productdetail #addcart{ background:url(/images/shopping.gif); border:0; width:104px; height:31px; float:right; padding-right:30px;}

.description{text-align:left; clear:both;}
.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 链接*/
.friendLink{
	clear:both;
	height:25px;
	line-height:25px;
	text-align:center;
}
.friendLink ul{
	list-style:none;
	}
.friendLink li{
	display:inline;
	}
.friendLink li a{ 
	display:inline;
    padding:0 5px 0 5px;
	}
.friendLink li a:hover{
	text-decoration:none;
    color:#FFCC33;
     padding:0 6px 0 6px;
	}
.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{
	text-align:center;
	height:50px;
	line-height:50px;
	}
.advertisement{
	background:#9633CC;
	width:959px;
	height:360px;
	clear:both;
	}
.advertisement .banner{
	border:#000000 1px solid;
	background:#CC33CC;
	margin:3px;
	padding:5px;
	text-align:center
	}	
.advertisement .description{
        padding:5px 15px;
        color:#000;}
/*-=-=-=-=-=-=-=-[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 0px 0 10px;float:left; width:700px;}
h3 {
	color:black;
	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;
	
	}
.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:30%;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{ margin:5px 0 0 0; padding:5px 0px ; font-size:14px;text-align:right; font-weight:bold;background-image:url(/images/totalbg.jpg);
background-repeat:repeat;width:100%;}
.dr_total_left{ float:left; padding-left:20px;}
.dr_total_right { float:right; padding-right:20px;}
.dr_total_right span{ display:inline-block; height:15px; line-height:15px;}
.dr_total_right .dr_total_title{ width:75px;}
.dr_total_right .dr_total_money{ color:Red; text-align:right; width:60px;}
.dr_total_right .dr_total_cur{ width:25px;}
.dr_order{font-size:18px;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_btn{background:url(/images/button.gif);text-align:center;height:26px; line-height:26px; 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:5px 0 0 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 0px 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;}


.dr_blackbill{border:1px #999999 solid; margin:10px 0; float:left; width:350px; margin:0 6px;}
.dr_blackbill h3{background:url(/images/commonbg.gif) #000; color:#fff; text-indent:10px;padding-bottom:10px;padding-top:10px;}
.dr_blackbill p{padding:10px;}
.dr_blackbill a{font-weight:bold;}
.dr_blackbill .dr_item{width:45%; float:left; text-indent:10px; margin:5px; padding:5px;}
.dr_blackbill .dr_item a.hover{border:1px #999999 solid;}
.dr_blackbill .dr_formLine input {padding-top:2px;margin-bottom:5px;width:200px;}
.dr_blackbill .dr_label {	width:120px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-[End UserManage]-=-=-=-=-=-=-=-=-=-=-=-=-*/