@charset "utf-8";

/*---�q����---*/
body{

	font-size:12px !important;

	font-family:Arial, "�s�ө���" ;

	color:#000;

	line-height:18px;

　overflow-x:hidden;

}

#container_wrapper{

	width:730px;

	margin:0px auto;

	text-align:left;overflow-x:hidden;

}


#container_wrapper #icon02 { display:none;
}

#container_top{

	width:730px;

}

#container_top .sale{list-style:none; width:730px; }
#container_top .sale li{ float:left;}
#container_top .sale li a img{ width:243px; height:300px;}

#container_top img{

	clear:both;

	width:730px;

	height:300px;

	margin-top:10px;

	border:0px;

}



#container_logo{

	width:200px;

	height:100px;

	/*border:1px #999 solid;*/

	margin:10px;

	float:left;

	display:inline-block;

}

#container_logo img{

	width:200px;

	height:100px;

	border:0px;

	margin:0px;



}



#container_word{

	float:right;

	width:498px;

	display:inline-block;

	margin-top:0px;

	margin-right:10px;

	height:90px;

	padding:15px 0px 15px 0px;

	line-height:18px;

	color:#666;

	overflow:hidden;

}



#container_word a{

	color:#666;

	text-decoration:none;

}

#container_word a:hover{

	color:#666;

	text-decoration:underline;

}



#top_title{

	font-size:15px;

	font-weight:bold;

	float:left;

	display:inline-block;

	margin-top:15px;

	margin-left:10px;

}



#top_icon{

	float:right;

	display:inline-block;

	margin-top:10px;

	margin-right:10px;

}

#top_icon ul{

	margin:0;

	padding:0;

	list-style:none;

}

#top_icon ul li{

	float:left;

	width:80px;

	height:24px;

	text-align:center;

	line-height:24px;

	background:url(../images/icon_bg.jpg);

}

#top_icon ul li a{

	width:80px;

	color:#FFF;

	text-decoration:none;

}

#top_icon ul li a:hover{

	text-decoration:underline;

}

/*#container_best02{ display:none;}*/

#container_best{

	clear:both;

	position:relative;

	width:730px;

	top:10px; margin-bottom:10px;

	height:100px;

	margin-bottom:0px;

}

#container_best ul{

	margin:0;

	padding:0;

	list-style:none;

}

#container_best ul li{

	float:left;

	display:inline-block;

	width:358px;

	height:99px;

	margin-right:10px;

}

#container_best ul li.last{

	float:left;

	display:inline-block;

	width:358px;

	height:99px;

	margin:0px;

}

#container_best ul li img{

	border:#CCC 1px solid;

}



#best_title,#story_title{

	font-size:15px;

	font-weight:bold;

	margin-bottom:10px;

	padding-left:10px;

	background:url(../images/best_title_bg.jpg) no-repeat;

	height:33px;

	width:730px;

	line-height:33px;

	display:block;

	font-family:Arial, "�s�ө���";

}

#story_title{

	margin-bottom:0px;

}

.container_product{
	position:relative;
	width:730px;
	top:10px;
	height:255px;

}



.product_btn {

	position:absolute;

	right:5px;

	top:12px;

	z-index:999;



}

.container_product .product_title {

	font-size:15px;

	height:28px;

	line-height:28px;

	font-family:Arial, "�s�ө���";

	float:left;

	display:inline-block;

	width:730px;

	padding-left:10px;

	background:url(../images/product_title_bg.jpg) no-repeat;

	

}

.product_list{

	width:730px;

	height:220px;

	padding:10px;

	background:url(../images/product_list_bg.jpg) no-repeat;

	clear:both;

}

.product_list ul{

	margin:0px;

	padding:0px;

	list-style:none;	

}

.product_list ul li{

	float:left;

	display:inline-block;

	width:130px;

	height:130px;

	margin-right:10px;

	margin-top:5px;

}

.product_list ul li.big{

	float:left;

	display:inline-block;

	width:285px;

	height:200px;

	margin-right:10px;

	margin-top:0px;

}

.product_list ul li img{

	border:0px;

}

.product_list .list_data{

	margin-top:0px;

	width:130px;

	text-align:center;

}



.list_data .brand{

	color:#333;

}

.list_data .name{

	color:#630;

}

.list_data .price{

	color:#C00;

}



.container_story150216{	

	width:730px;

	height:961px;

}

#story_word{

	line-height:24px;

	padding:10px;

}

.word_title{

	font-weight:bold;

}

/***********************************************************************************************/
/*---��ʪ�---*/
@media screen and (max-width: 767px) {
	
body{　overflow-x:hidden;}

	
#container_wrapper{
     width:100vw;
	margin:0 auto;
	display:block;overflow-x:hidden;

}

#container_wrapper #icon02 { margin:0 auto;  width:40%; display:block;
}

#container_top{
	  width:100%;

}



#container_top img{



	width:100%;

	height: auto;


	border:0px;

}





#top_title{

	font-size:15px;

	font-weight:bold;

	float:left;

	display:inline-block;

	margin-top:15px;

	margin-left:10px; display:none;

}



#top_icon{ display:none; 

}

#top_icon ul{

	margin:0;

	padding:0;

	list-style:none;

}




#container_best{
 clear:both; display:block;
 position:relative;
 width:100%;
 top:0px;
 height: auto;
 margin-bottom:0px;

}
#container_best img { width:100%; height:auto;margin-top:2px;}

/*#container_best02{
	width:100%; display:block;list-style:none; border:0px;float:left;}
#container_best02 ul {list-style-type:none;width:100%; float:left;}
#container_best02 li {}
#container_best02 img { width:100%; height:auto; margin-top:5px;}*/



#container_best ul li img{

	border:#CCC 1px solid;

}



#best_title,#story_title{
	font-size:15px;

	font-weight:bold;

	margin-bottom:10px;

	padding-left:10px;

	

	display:none;

	font-family:Arial, "�s�ө���";


}

#story_title{

	margin-bottom:0px;display: none;

}

.container_product{
	width:100%; margin: auto;

}



.product_btn { display:none;
}

.container_product .product_title {display: block;background:url(../images/product_title_bg.jpg) no-repeat;


	

}

.product_list{

	width:100%;

	height:auto;

	clear:both;

}

.product_list ul{

	margin:0px;

	padding:0px;

	list-style:none;	

}

.product_list ul li{ display:none;
}

.product_list ul li.big{ width:100%; height:auto; display:block; float:left;

}

.product_list ul li img{

	border:0px;width:98%; height:auto;

}

.product_list .list_data{

	margin-top:0px;

	width:100%;

	text-align:center;

}



.list_data .brand{

	color:#333;

}

.list_data .name{

	color:#630;

}

.list_data .price{

	color:#C00;

}




#story_word{
 display:none;

}

.word_title{
 display:none;

}	
#story_word span img{ display:none;}



#container_top .sale{list-style:none; width:100%;}
#container_top .sale li{ float:right; width:33%; }
#container_top .sale li a img{ width:100%; height:auto;}
