@Charset "UTF-8";
html {
	margin:0;padding:0; 
	/*font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4!important;*/
	font-family:'Open Sans', sans-serif,'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana;
	font-size:14px;
	color:#8c8c8c;
	line-height:20px;
	height:100%;
	
}
body{
	margin:0;
	margin-top:0; 
	padding:0; 
	height:100%;
	
	
}
a{color:#FDFDFD8c8c8c; text-decoration:none;}
a:link{ color:#8c8c8c; text-decoration:none;}
a:visited{color:#8c8c8c; text-decoration:none;}
a:hover{color: #CCC; text-decoration:none;}
a:active{color:#8c8c8c; text-decoration:none;}

.linkstyle1 a{color:＃8c8c8c; text-decoration:none;}
.linkstyle1 a:link{ color:#8c8c8c; text-decoration:none;}
.linkstyle1 a:visited{color:#8c8c8c; text-decoration:none;}
.linkstyle1 a:hover{color: #CCC; text-decoration:none;}
.linkstyle1 a:active{color:#8c8c8c; text-decoration:none;}

#body-div{
margin:0;
padding:0;
 }
.top_menu{ 
font-size:13pt;
font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana;
 }
.top_menu a{ 
color:#8c8c8c;
text-decoration:none;
}
.top_menu2{ font-size:12px;
 }
.top_menu2 a{ 
 color:#8c8c8c;
 text-decoration:none;
 }
.brown_title{ color:#bf4014; font-size:17px; line-height:40px;}
.left_menu{ 
font-size:13pt;
line-height:25px;
}
#deer_mama_logo{
	width:360px;
	height:145px; 
	float:left;
	}
#deer_mama_logo a{
	text-decoration:none;
	width:360px;
	height:145px; 
	}
#top_menu{
	width:400px;
	height:90px;
	float:right;	 
	}
#top_menu ul{
	display: inline;
	list-style: none outside none; 
	float:right; padding-right:55px;
	}
#top_menu li{
	padding-left:2px;
	padding-right:2px;
	display:inline-block;
	float:left;
	line-height:35px;
}
#top_menu li a{color:#8c8c8c; text-decoration:none;}
#top_menu li a:link{color:#8c8c8c; text-decoration:none;}
#top_menu li a:visited{color:#8c8c8c; text-decoration:none;}
#top_menu li a:hover{color:#8c8c8c; text-decoration:underline;}
#top_menu li a:active{color:#8c8c8c; text-decoration:underline;}


#search{
	width:400px;
	float:right;
	
	}
#search ul{
	display: inline;
	list-style: none outside none; 
	float:right;padding-right:55px;
	}
#search li{	
	padding-left:2px;
	padding-right:2px;
	display:inline-block;
	float:left;
	line-height:33px;
	}
.clearfix{
	clear:both;
	height: 0 !important;
	overflow: hidden;
}
h1{ 
	font-size:12pt; 
	font-weight:bold;
	color:#FFF;
	padding-left:20px;
	line-height:30px;
	background-image:url(title_bg.png);
	background-repeat:no-repeat;
	height:30px;
	width:500px;
	margin-left:25px;
	margin-top:25px;
}


#wrap{
	width:1000px;
	margin: auto;
	position:relative;
	height:100%;
	
}

#header{
	position: relative;
	margin:0;
	padding:0;
	width:1000px;
	height:145px;
}

	
#navigator {
	
	margin:0;
	padding:0;	
	width:1000px;
	height:70px;
	text-indent: -2000px;
	background: url("image/nav_bg.png") no-repeat scroll 0 0px transparent;
	background-repeat:no-repeat;
	
	
}
#navigator ul{
	display:inline;
list-style: none outside none; 	
width:1000px;
}
#navigator li {
	display:inline-block;
	list-style: none outside none; 
	height: 70px;
}
#navigator li a {
	height: 70px;	
	display: block;
}


#link1{
	float: left;
	width:350px;
}
#link1.current a:link{
background: url("image/navigator.png") no-repeat scroll 0px -70px transparent;	
}
#link1 a {
	 background: url("image/navigator.png") no-repeat scroll 0px 0px transparent;
}
#link1 a:link {
	 background: url("image/navigator.png") no-repeat scroll 0px 0px transparent;
}
#link1 a:visited {
	 background: url("image/navigator.png") no-repeat scroll 0px 0px transparent;
}
#link1 a:hover {
	 background: url("image/navigator.png") no-repeat scroll 0px -70px transparent;
}
#link1 a:active {
	 background: url("image/navigator.png") no-repeat scroll 0px -70px transparent;
}


#link2{
	float: left;
	width:105px;
}
#link2.current a:link{
background: url("image/navigator.png") no-repeat scroll -350px -70px transparent;	
}
#link2 a {
	 background: url("image/navigator.png") no-repeat scroll -350px 0px transparent;
}
#link2 a:link {
	 background: url("image/navigator.png") no-repeat scroll -350px 0px transparent;
}

#link2 a:visited {
	 background: url("image/navigator.png") no-repeat scroll -350px 0px transparent;
}
#link2 a:hover {
	 background: url("image/navigator.png") no-repeat scroll -350px -70px transparent;
}
#link2 a:active {
	 background: url("image/navigator.png") no-repeat scroll -350px -70px transparent;
}


#link3{
	float: left;
	width:105px;
}
#link3.current a:link{
background: url("image/navigator.png") no-repeat scroll -455px -70px transparent;	
}
#link3 a {
	 background: url("image/navigator.png") no-repeat scroll -455px 0px transparent;
}
#link3 a:link {
	 background: url("image/navigator.png") no-repeat scroll -455px 0px transparent;
}

#link3 a:visited {
	 background: url("image/navigator.png") no-repeat scroll -455px 0px transparent;
}
#link3 a:hover {
	 background: url("image/navigator.png") no-repeat scroll -455px -70px transparent;
}
#link3 a:active {
	 background: url("image/navigator.png") no-repeat scroll -455px -70px transparent;
}


#link4{
	float: left;
	width:211px;
}
#link4.current a:link{
background: url("image/navigator.png") no-repeat scroll -562px -86px transparent;	
}
#link4 a {
	 background: url("image/navigator.png") no-repeat scroll -562px -16px transparent;
}
#link4 a:link {
	 background: url("image/navigator.png") no-repeat scroll -562px -16px transparent;
}
#link4 a:visited {
	 background: url("image/navigator.png") no-repeat scroll -562px -16px transparent;
}
#link4 a:hover {
	 background: url("image/navigator.png") no-repeat scroll -562px -86px transparent;
}
#link4 a:active {
	 background: url("image/navigator.png") no-repeat scroll -562px -86px transparent;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ #link4.current a:link{background: url("image/navigator.png") no-repeat scroll -562px -75px transparent;} }  /*chrome and safari*/

@media screen and (-webkit-min-device-pixel-ratio:0){ #link4 a{background: url("image/navigator.png") no-repeat scroll -562px -5px transparent;} }  /*chrome and safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #link4 a:link{background: url("image/navigator.png") no-repeat scroll -562px -5px transparent;} }  /*chrome and safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #link4 a:visited{background: url("image/navigator.png") no-repeat scroll -562px -5px transparent;} }  /*chrome and safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #link4 a:hover{background: url("image/navigator.png") no-repeat scroll -562px -75px transparent;} }  /*chrome and safari*/


#link4.current a:link{
background: url("image/navigator.png") no-repeat scroll -562px -70px transparent\9;	
}
#link4 a {
	 background: url("image/navigator.png") no-repeat scroll -562px 0px transparent\9;
}
#link4 a:link {
	 background: url("image/navigator.png") no-repeat scroll -562px 0px transparent\9;
}
#link4 a:visited {
	 background: url("image/navigator.png") no-repeat scroll -562px 0px transparent\9;
}
#link4 a:hover {
	 background: url("image/navigator.png") no-repeat scroll -562px -70px transparent\9;
}
#link4 a:active {
	 background: url("image/navigator.png") no-repeat scroll -562px -70px transparent\9;
}






#ad1{
	-moz-box-sizing:initial;
     box-sizing:initial;
	position:relative;
	width:960px;
	height:414px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px; 
	
	}	
#ad2{
	display:block;
	-moz-box-sizing: initial;
     box-sizing:  initial;
	position:relative;
	width:960px;
	height:250px;
	padding-top:6px;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:5px\9;
	padding-bottom:5px\9;
	padding-left:20px\9;
	
	}	
@media screen and (-webkit-min-device-pixel-ratio:0){ #ad2{-moz-box-sizing: initial;
     box-sizing:  initial;
	position:relative;
	width:960px;
	height:250px;
	padding-top:0px;
	padding-bottom:7px;
	padding-left:20px;} }  /*chrome and safari*/


#ad3{
	-moz-box-sizing: initial;
     box-sizing:  initial;
	position:relative;
	float:left;
	width:475px;
	height:250px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:5px\9;
	padding-bottom:5px\9;
	padding-left:20px\9;
	
	}	
@media screen and (-webkit-min-device-pixel-ratio:0){ #ad3{-moz-box-sizing: initial;
     box-sizing:  initial;
	position:relative;
	width:475px;
	height:250px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:20px;} }  /*chrome and safari*/
	
#ad4{
	-moz-box-sizing: initial;
     box-sizing:  initial;
	position:relative;
	float:right;
	width:475px;
	height:250px;
	padding-top:0px;
	padding-bottom:5px;
	padding-right:20px;
	padding-top:5px\9;
	padding-bottom:5px\9;
	padding-right:20px\9;
	
	}	
@media screen and (-webkit-min-device-pixel-ratio:0){ #ad4{-moz-box-sizing: initial;
     box-sizing:  initial;
	position:relative;
	width:475px;
	height:250px;
	padding-top:0px;
	padding-bottom:5px;
	padding-right:20px;} }  /*chrome and safari*/

#new_login{
	
	display: block;
	width:400px;
	float:right;
	top:0px;

}
#forgot_pw{ 	
	display:block;
	float:left;
	width:700px;
	height:322px;
	background-repeat:no-repeat;
	padding:0;
	text-align:right;
}	
.forgot_pw_infor{ 
	width:370px; 
	float:right; 
	text-align:left;
}

#forgot_pw ul{
	list-style: none outside none; 
	float:left;
	padding-left:60px;
	padding-right:0px;
	line-height:30px;
	}
#forgot_pw li{
	text-align:right;	
	}

#login{ 	
	display:block;
	float:left;
	width:543px;
	height:322px;
	background-image:url(image/login_gap.jpg);
	background-repeat:no-repeat;
	padding:0;
}
#login a{ color:#8c8c8c;}

#login_item ul{
	list-style: none outside none; 
	float:left;
	padding-left:60px;
	padding-right:0px;
	line-height:30px;
	}
#login_item li{
	text-align:right;	
	}
	
	
#login_form ul{
	list-style: none outside none; 
	float:left;
	padding-left:10px;
	line-height:30px;	
	}
#login_form li{ 
	text-align:left;
	}

.guide{
	display:block; 
	margin-top:10px;
	margin-left:12px;
	text-align:left; 
	float:left;
}
.guide a{ color:#8c8c8c; text-decoration:none;}


.orange{color:#f9c2a7;}
#content_all{
	position: relative;
	display:block;
	padding-bottom: 0px;
	text-align:left;
	height: auto;
	vertical-align:top;
	width: 1000px;
	height: auto;
	}

	
#content_left{
	display:block;
	float:left; 
	width:250px;
	height: auto;
	padding-top:12px;
	}
#left_sub_menu{ font-size:12px;
width:170px; 	
	}
	
#left_sub_menu a{
	display:block;
	padding-left:65px; 
	display:block; 
	width:170px; 
	vertical-align:top; 
	line-height:20px; 
	color:#462c13; 
	text-decoration:none;
	
}

#left_menu{ 
display:block; 
width:250px;
width:200px\9; 
vertical-align:top;
font-weight:bold; 
}
#left_menu a{ 
display:block; 
padding-left:65px;
color:#462c13;
width:200px;
width:180px\9; 
padding-bottom:10px;
}

#left_menu.current a:link{ 
color:#f9c2a7;
background-image: url(image/left_over_bg.jpg);
background-repeat:no-repeat;
background-position:left top;
text-decoration:none;
}
#left_menu a:link{ 
color:#462c13;
background-repeat:no-repeat;
background-position:left top;
text-decoration:none;
}
#left_menu a:hover{ 
color:#f9c2a7;
background-image: url(image/left_over_bg.jpg);
background-repeat:no-repeat;
background-position:left top;
text-decoration:none;
}
.brand_list{ 
	position:relative; 
	display:block;
	width:750px;
	padding-left:20px;	
	padding-left:0px\9;
	padding-top:15px;	
	float:left;
}
.brand_list ul{
	list-style: none outside none; 
	display:inline;
	float:right;width:750px;	
	}
.brand_list li{ 
	display:inline-block;
	text-align:center; 
	float:left;
	padding-left:5px; 
	padding-right:5px; 
	width:220px;
}
.brand_infor{ width:650px; padding-left:13px; padding-top:30px;	text-align:justify;
	text-justify:inter-word;}

.content_ad{ 
	width:720px; 
	padding-left:15px; 
	padding-top:20px;

	}
.about_content_infor{ width:650px; padding-left:13px; padding-top:30px;	text-align:justify;
	text-justify:inter-word;}
#content_center{	
	display:block;
	float:right;
	width:960px;
	height: auto; 
	padding-bottom:50px; 
		}
		
.search_result_list{ 
	position:relative; 
	display:block;
	width:960px;
	padding-left:0px;	
	padding-left:0px\9;
	padding-top:15px;	
	float:left; 
}

.search_result_list img{ margin-bottom:10px;}
.search_result_list ul{	
	list-style: none outside none;
	display: inline; 
	width:850px;
	width:850px\9;
	float:right;
	 
	 
	}
.search_result_list li{ 
	display:block;
	text-align:center; 
	float:left;
	padding-left:5px; 
	padding-right:5px; 
	width:175px; 
	

}
.search_result_list li a{ width:175px;color:#8c8c8c; text-decoration:none; 
}




.product_list{ 
	position:relative; 
	display:block;
	width:750px;
	padding-left:0px;	
	padding-left:0px\9;
	padding-top:15px;	
	float:left; 
}

.product_list img{ margin-bottom:10px;}
.product_list ul{	
	list-style: none outside none;
	display: inline;
	width:750px;
	width:750px\9;
	float:right; float:inherit\9; 
	 
	}
.product_list li{ 
	display:block;
	text-align:center; 
	float:left;
	padding-left:5px; 
	padding-right:5px; 
	width:175px; 
	

}
.product_list li a{ width:175px;color:#8c8c8c; text-decoration:none; 
}
.product_infor_title{ 
	font-size:16px; 
	font-weight:bold;
	line-height:28px;
	
}
.product_detail{ 
	padding-right:20px;
	text-align:justify;
	text-justify:inter-word;
	padding-bottom:50px;
	}
	
.product_infor_right{
padding-right:20px;
	text-align:justify;
	text-justify:inter-word;
	}
	
#content_right{	
	display:block;
	float:right;
	width:750px;
	height: auto; 
		}

.contact_info{	
	display:block;
	font-size:11pt;
	font-weight:bold;
	line-height:24px; 
	padding-left:7px;
	background-color:#ffcccc;
	border-top:solid;
	border-top-color:#FFF;
	border-top-width:1px;
	border-bottom:solid;
	border-bottom-color:#FFF;
	border-bottom-width:1px;
	border-right:solid;
	border-right-color:#FFF;
	border-right-width:1px;
	border-left:solid;
	border-left-color:#FFF;
	border-left-width:1px;
	width:196px;
	height:170px;
	
	}	



	
.page{
	text-align:center;
	width:500px;
	color:#666;
	height:50px;
	padding-top:20px;}
	
.page a:link{ 
	text-decoration:none;
	color:#666;
	 }
	 
.page a:visited{ 
	text-decoration:none;
	color:#666;
	 }
.page a:hover{ 
	text-decoration:underline;
	color:#666;
	 }	 
.page a:active{ 
	text-decoration:none;
	color:#666;
	 }	

	



	 
#footer{
	position: relative;
	padding-top:0px;
	background-image: url(image/footer.jpg);
	background-repeat:no-repeat;
	background-position: left;		
	width:1000px;
	height:178px;		
	}
#footer_copyright{
	width:700px; padding-left:5px;padding-left:45px\9;
	float:left; 
	}
#footer_info{
	width:700px;
	padding-top:30px;
	padding-top:40px\9;
	float:left; 
	}
#footer_info ul{
	display:inline;
	list-style: none outside none; 
	float:left;
	padding:0;
	
}
#footer_info li{
	display:inline-block;
	float:left;
	padding-right:5px; 
	padding-left:5px;
	}	
#footer_info li a{ 
	padding:0;
color:#8c8c8c;
text-decoration:none;
}
#footer_info li a:link{ 
color:#8c8c8c;
text-decoration:none;
}
#footer_info li a:visited{ 
color:#8c8c8c;
text-decoration:none;
}
#footer_info li a:hover{ 
color:#8c8c8c;
text-decoration:underline;
}
#footer_info li a:active{ 
color:#8c8c8c;
text-decoration:none;
}

.footer_copyright{
	padding-top:0px;
	float:left;
	}
.footer_logo{
	float:left;
	display:block;
	width:300px;
	height:97px;
	
	}



/*
	slider start
*/
	
	
#ad_main {	
	position:relative;
	width:960px;	
	height:415px;
	padding:0px;
	text-align: -moz-center;
	margin:0 auto;
	z-index:0;
	
	padding-bottom:6px\9;
	overflow:visible;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ #ad_main {	
	position:relative;
	width:960px;	
	height:415px;
	padding:0px;
	Text-Align:Center;
	margin:0 auto;
	z-index:0;
	padding-bottom:10px;
} }  /*chrome and safari*/
	

/*
	Slideshow
*/

#slides {
	position:relative;
	top:0px;
	left:0px;
	z-index:100;
		
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:960px; 
	height:415px;
	position:relative; 
	text-align: -moz-center;
	display:none;
	z-index:101; 
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	position:relative; 
	width:960px;
	height:415px;
	display:block;
}

.slides_container a img {
	position:relative; 
	width:960px;
	display:block;
	z-index:102; 	
}


/*
	Pagination
*/

.pagination {
	position:relative; 
	margin:-20px auto 0;
	margin-left:10px;
	padding-left:30px\9;
	width:100px;
	z-index:100000;
	float:left;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/*
	Anchors
*/


/*
	slider end
*/