/*基本样式*/
*  {margin:0px; padding:0px}
ul {list-style-type:none;}
li {list-style-type:none;}
body{ 
     margin-left:0px;
	 margin-top:0px;
	 margin-right:0px;
	 margin-bottom:0px;
	 font-style:normal;
	 font-size:12px;
	 line-height:normal;
	 text-decoration:none;
	 background-color:#999999;
	 }
/*---------------------page--------------------*/
#page{
	text-align:center;
	width:985px;
	height:2136px;
	margin:0px 0px;
	padding:0px 0px;
	background-color:#ffffff;
}
/*----------------------nav--------------------*/
#nav{
clear:both;
height:14px;
position:relative;
}
#nav ul li{
float:left;
}
#nav ul li.cn a{
display:block;
width:50px;
height:14px;
color:#ad0000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#nav ul li.cn a:hover{
text-decoration:underline;
}
#nav ul li.mail a{
display:block;
width:50px;
height:14px;
color:#ad0000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#nav ul li.mail a:hover{
text-decoration:underline;
}
#nav ul li.fav a{
display:block;
width:100px;
height:14px;
color:#ad0000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#nav ul li.fav a:hover{
text-decoration:underline;
}
#nav ul li.tel{
position:absolute;
right:5px;
}
#nav ul li.tel a{
line-height:14px;
color:#000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#nav ul li.tel a:hover{
text-decoration:underline;
}
/*--------------------top----------------------*/
#top1{
position:relative;
height:60px;
}
#top1 .logo{
float:left;
}
#top1 .logo a{
display:block;
width:136px;
height:60px;
text-indent:-10000px;
background-image:url(Touchdog_Logo.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
#top1 .logo a:hover{
background-image:url(Touchdog_Logo_onM.gif);
}
#top2{
position:relative;
height:38px;
background-color:#ad0000;
}
#top2 ul li{
float:left;
}
#top2 ul li.home a{
display:block;
width:90px;
height:38px;
text-indent:-10000px;
background-image:url(HOME_forBanner.gif);
background-position:center;
background-repeat:no-repeat;
}
#top2 ul li.home a:hover{
background-image:url(HOME_forBanner_onM.gif);
}
#top2 ul li.about a{
display:block;
width:114px;
height:38px;
text-indent:-10000px;
background-image:url(ABOUT_US_forBanner.gif);
background-position:center;
background-repeat:no-repeat;
}
#top2 ul li.about a:hover{
background-image:url(ABOUT_US_forBanner_onM.gif);
}
#top2 ul li.product a{
display:block;
width:114px;
height:38px;
text-indent:-10000px;
background-image:url(PRODUCT_forBanner.gif);
background-position:center;
background-repeat:no-repeat;
}
#top2 ul li.product a:hover{
background-image:url(PRODUCT_forBanner_onM.gif);
}
#top2 ul li.working a{
display:block;
width:120px;
height:38px;
text-indent:-10000px;
background-image:url(WORKING_forBanner.gif);
background-position:center;
background-repeat:no-repeat;
}
#top2 ul li.working a:hover{
background-image:url(WORKING_forBanner_onM.gif);
}
#top3{
position:relative;
height:33px;
background-color:#000000;
text-align:right;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#top3 .fortime{
position:absolute;
top:9px;
right:20px;
}
#top4{
position:relative;
width:983px;
height:82px;
}
#top4 .headinfo{
float:left}
#top4 .headinfo a{
display:block;
width:983px;
height:82px;
text-indent:-10000px;
background-image:url(head_information.gif);
background-position:center;
background-repeat:no-repeat; 
}
#top4 .headinfo a:hover{
background-image:url(head_information_onM.gif)
}
/*--------------------left1广告条----------------------*/
#body1{
margin-top:5px;
height:1830px;
}
#left1{
float:left;
width:128px;
}
#left1 ul.first{
float:left;
}
#left1 ul.second,
#left1 ul.third,
#left1 ul.fourth,
#left1 ul.fifth{
margin-top:15px;
float:left;
}
#left4{
float:left;
width:128px;
margin-top:15px;
}
#left4 ul.first{
float:left;
}
#left4 ul.second,
#left4 ul.third,
#left4 ul.fourth,
#left4 ul.fifth{
margin-top:15px;
float:left;
}
/*--------------------right----------------------------*/
#right{
	position:absolute;
	left:130px;
	display:block;
	margin-left:8px;
	float:left;
	width:848px;
	height:1830px;
}
#corporateImage{
float:left;
width:847px;
height:402px;
position:relative;
}
#mainImage{
display:block;
float:left;
}
#mainImage a{
position:absolute;
top:0px;
display:block;
width:594px;
height:402px;
color:#000000;
}
#rightAd{
position:absolute;
top:0px;
right:0px;
float:left;
width:252px;
text-align:center;
}
#rightAd ul{
float:left;
}
#rightAd ul a{
text-decoration:none;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:3px;
}
#rightAd ul a:hover{
color:#ad0000;
}
/*--------------------right.left2广告条-----------------------*/
#left2{
position:relative;
margin-left:2px;
margin-top:15px;
float:left;
width:176px;
}
#left2 ul{
float:left;
}
#left2 ul.first a{
display:block;
width:176px;
height:100px;
color:#000000;
text-indent:-10000px;
background-image:url(mid%20ad/small_ad1_at_middle.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:5px;
}
#left2 ul.first a:hover{
background-image:url(mid%20ad/small_ad1_at_middle_onM.gif);
}
#left2 ul.second a{
display:block;
width:176px;
height:100px;
color:#000000;
text-indent:-10000px;
background-image:url(mid%20ad/small_ad2_at_middle.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:15px;
}
#left2 ul.second a:hover{
background-image:url(mid%20ad/small_ad2_at_middle_onM.gif);
}
#left2 .btimage{
float:left;
margin-top:20px;
}
#left2 .btimage a{
display:block;
width:176px;
height:176px;
color:#000000;
text-indent:-10000px;
background-image:url(at_bottom.gif);
background-repeat:no-repeat;
background-position:left top;
}
#left3{
position:relative;
margin-left:2px;
margin-top:0px;
float:left;
width:176px;
}
#left3 ul{
float:left;
}
#left3 ul.first a{
display:block;
width:176px;
height:100px;
color:#000000;
text-indent:-10000px;
background-image:url(mid%20ad/small_ad1_at_middle.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:5px;
}
#left3 ul.first a:hover{
background-image:url(mid%20ad/small_ad1_at_middle_onM.gif);
}
#left3 ul.second a{
display:block;
width:176px;
height:100px;
color:#000000;
text-indent:-10000px;
background-image:url(mid%20ad/small_ad2_at_middle.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:15px;
}
#left3 ul.second a:hover{
background-image:url(mid%20ad/small_ad2_at_middle_onM.gif);
}
#left3 .btimage{
float:left;
margin-top:20px;
}
#left3 .btimage a{
display:block;
width:176px;
height:176px;
color:#000000;
text-indent:-10000px;
background-image:url(at_bottom.gif);
background-repeat:no-repeat;
background-position:left top;
}
/*-------------------right.left2.search--------------------*/
#search{
clear:both;
border:1px solid #000000;
background-color:#eeeeee;
height:65px;
}
#search .sname{
display:block;
width:176px;
height:15px;
background-color:#000000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}
#search .keyword{
margin-left:2px;
margin-top:16px;
float:left;
width:116px;
}
.submit{
BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; MARGIN-TOP: 15px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: black 0px solid; WIDTH: 45px; COLOR: #ffffff; BORDER-BOTTOM: black 0px solid; HEIGHT: 20px; BACKGROUND-COLOR: #ad0000
}
.submit:hover{
cursor:pointer;
color:#FFFF00;
}
#uname{
display:block;
width:176px;
height:12px;
background-color:#ad0000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:8px;
padding-top:1px;
}
/*----------------right.left2.classlist------------------*/
#classlist{
clear:both;
margin-top:15px;
border:1px solid #000000;
text-align:left;
background-color:#eeeeee;
}
#classlist .cname{
display:block;
width:176px;
height:15px;
background-color:#000000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top:2px;
}
#classlist .content{
margin-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#eeeeee;
}
#classlist .content a{
display:block;
width:145px;
height:15px;
background-color:#eeeeee;
color:#000000;
text-decoration:none;
}
#classlist .content a:hover{
background-color:#ad0000;
color:#ffffff;
}
#classlist .cuname{
display:block;
width:176px;
height:12px;
background-color:#ad0000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:8px;
padding-top:1px;
}
/*------------------------right.rightmain-------------------------*/
#rightmain{
margin-top:15px;
margin-left:15px;
position:relative;
float:left;
width:650px;
height:auto;
}
#rightmain .products{
display:block;
width:650px;
height:1408px;
background-color:#eeeeee;
}
#product1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:15px;
}
#product1 a{
color:#000000;
text-decoration:none;
}
#product1 a:hover{
color:#ad0000;
text-decoration:underline;
}
#product1 ul li{
display:block;
margin-left:4px;
margin-right:4px;
margin-top:4px;
float:left;
}
#products1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#products1 a{
color:#000000;
text-decoration:none;
}
#products1 a:hover{
color:#ad0000;
text-decoration:underline;
}
#products1 ul li{
display:block;
margin-left:4px;
margin-right:4px;
margin-top:4px;
float:left;
}
#products1 .bottom1{
float:left;
margin-top:3px;
display:block;
width:650px;
height:15px;
}
#rightmain .aboutUs{
display:block;
width:649px;
height:634px;
background-color:#eeeeee;
}
#auname{
display:block;
width:649px;
height:15px;
background-color:#000000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top:1px;
text-align:left;
}
#aboutthings{
display:block;
width:647px;
height:600px;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#eeeeeee;
border:1px solid #000000;
}
#auuname{
display:block;
width:649px;
height:12px;
background-color:#ad0000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:8px;
padding-top:1px;
}
#rightmain .notname{
display:block;
width:649px;
height:15px;
background-color:#000000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top:1px;
text-align:left;
}
#rightmain .notname a{
text-align:right;
text-decoration:none;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#rightmain .notname a:hover{
color:#ffff00;
text-decoration:underline;
}
#rightmain .messages{
display:block;
width:637px;
height:190px;
background-color:#f9f6e5;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top:8px;
padding-left:10px;
text-align:left;
border:1px solid #000000;
}
#rightmain .coupon{
display:block;
width:637px;
height:90px;
background-color:#ad0000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top:8px;
padding-left:10px;
text-align:left;
border:1px solid #ad0000;
}
#rightmain .coupon a{
display:block;
margin-left:7px;
width:180px;
height:90px;
text-indent:-10000px;
background-image:url(coupon_image.gif);
background-repeat:no-repeat;
background-position:left top;
}
#rightmain .coupon a:hover{
background-image:url(coupon_image_onM.gif);
}
#rightmain .rightImage{
display:block;
margin-top:15px;
width:649px;
height:324px;
background-image:url(rightImage.jpg);
background-position:center top;
background-repeat:no-repeat;
}
/*-----------------------right.rightmain.pickUp-------------------------*/
#pickUp{
position:relative;
display:block;
margin-top:15px;
margin-left:4px;
float:left;
width:640px;
height:313px;
text-align:left;
}
#pickUp .pname{
position:relative;
display:block;
width:450px;
height:15px;
background-color:#000000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top:1px;
text-align:left;
}
#pickUp .items{
display:block;
position:relative;
padding-top:5px;
width:450px;
height:305px;
background-color:#eeeeee;
}
#pickUp .items ul li{
float:left;
display:block;
margin-left:6px;
margin-right:5px;
margin-bottom:9px;
width:100px;
height:142px;
background-color:#ffffff;
text-align:center;
}
#pickUp .items ul li a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
#pickUp .items ul li a:hover{
color:#ad0000;
text-decoration:underline;
}
/*--------------------------right.rightmain.newItem--------------------------*/
#newItem{
display:block;
float:left;
position:absolute;
top:0px;
right:0px;
width:185px;
height:auto;
}
#newItem .nename{
position:relative;
display:block;
width:185px;
height:15px;
background-color:#000000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top:1px;
text-align:left;
}
#newItem .ranks{
display:block;
position:relative;
padding-top:5px;
width:185px;
height:291px;
background-color:#eeeeee;
}
#newItem .ranks ul li{
display:block;
margin-bottom:6px;
width:185px;
height:91px;
background-color:#eeeeee;
}
#newItemfirst{
background-image:url(Pick%20Up%20Item/first.gif);
background-repeat:no-repeat;
}
#newItemsecond{
background-image:url(Pick%20Up%20Item/second.gif);
background-repeat:no-repeat;
}
#newItemthird{
background-image:url(Pick%20Up%20Item/third.gif);
background-repeat:no-repeat;
}
/*
<img src="images/Pick Up Item/first.gif" width="91" height="91" border="0" />
<img src="images/Pick Up Item/second.gif" width="91" height="91" border="0" />
<img src="images/Pick Up Item/third.gif" width="91" height="91" border="0" />
*/
#newItem .ranks ul li a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
}
#newItem .ranks ul li a:hover{
color:#ad0000;
}
#newItem .nuname{
position:relative;
display:block;
width:185px;
height:12px;
background-color:#ad0000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:8px;
padding-top:1px;
}
#rightfont{
position:absolute;
right:2px;
margin-top:2px;
display:block;
width:90px;
height:91px;
text-align:center;
cursor:pointer;
}
/*-------------------------right.rightmain.categorys-----------------------------*/
#categorys{
position:relative;
display:block;
float:left;
margin-top:30px;
margin-left:5px;
width:639px;
height:359px;
background-color:#000000;
border:1px solid #000000;
}
#categorys .caname{
position:relative;
display:block;
width:639px;
height:15px;
background-color:#000000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding-top:1px;
text-align:left;
}
#categorys ul li{
position:relative;
display:block;
float:left;
width:71px;
height:80px;
background-color:#eeeeee;
}
#categorys .cuname{
display:block;
width:637px;
height:11px;
background-color:#ad0000;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:8px;
padding-top:1px;
}
/*--------------------------foot----------------------------*/
#foot{
position:absolute;
left:0px;
top:2070px;
display:block;
padding: 10px;
width:965px;
height:34px;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif
font-size:9px;
color: white;
background-color:#000000;
}
#foot a{
text-decoration: none;
color:GrayText;
}
#foot a:hover{
color:#ad0000;
}